| 19292 | var _language = require("../language"); |
| 19293 | var _sanddanceReact = require("@msrvida/sanddance-react"); |
| 19294 | function History(props) { |
| 19295 | return (0, _base.base).react.createElement((0, _group.Group), { |
| 19296 | label: (0, _language.strings).labelHistory, |
| 19297 | className: "sanddance-history" |
| 19298 | }, (0, _base.base).react.createElement("ol", null, props.historyItems.map((hi, i)=>{ |
| 19299 | let ref; |
| 19300 | if (i === props.historyIndex) { |
| 19301 | ref = (0, _base.base).react.createRef(); |
| 19302 | props.explorer.dialogFocusHandler.focus = ()=>{ |
| 19303 | var _a; |
| 19304 | (_a = ref.current) === null || _a === void 0 || _a.focus(); |
| 19305 | }; |
| 19306 | } |
| 19307 | return (0, _base.base).react.createElement("li", { |
| 19308 | key: i, |
| 19309 | className: (0, _sanddanceReact.util).classList(i === props.historyIndex && "selected"), |
| 19310 | onKeyUp: (e)=>{ |
| 19311 | if (e.keyCode === (0, _keycodes.KeyCodes).ENTER) props.redo(i); |
| 19312 | } |
| 19313 | }, (0, _base.base).react.createElement((0, _base.base).fluentUI.DefaultButton, { |
| 19314 | className: "sanddance-history-button", |
| 19315 | componentRef: ref, |
| 19316 | text: hi.label, |
| 19317 | onClick: ()=>props.redo(i) |
| 19318 | })); |
| 19319 | }))); |
| 19320 | } |
| 19321 | |
| 19322 | },{"../base":"b6Cy1","../controls/group":"e2GTU","../keycodes":"29F8s","../language":"7qvdA","@msrvida/sanddance-react":"4uo3s","@parcel/transformer-js/src/esmodule-helpers.js":"jA2du"}],"6LRUK":[function(require,module,exports) { |
| 19323 | var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js"); |