@ndla/ui 19.1.1 → 20.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/es/Masthead/Masthead.js +1 -0
- package/es/Messages/MessageBanner.js +3 -3
- package/es/MyNdla/Resource/FolderInput.js +29 -36
- package/es/NDLAFilm/FilmSlideshow.js +8 -8
- package/es/Resource/ListResource.js +6 -6
- package/es/Search/LoadingWrapper.js +2 -2
- package/es/Search/SearchResult.js +1 -1
- package/es/SearchTypeResult/SearchTypeResult.js +3 -3
- package/es/TopicMenu/TopicMenu.js +14 -1
- package/es/TreeStructure/FolderItem.js +54 -38
- package/es/TreeStructure/FolderItems.js +29 -35
- package/es/TreeStructure/FolderNameInput.js +12 -16
- package/es/TreeStructure/TreeStructure.js +64 -91
- package/es/TreeStructure/arrowNavigation.js +44 -0
- package/es/TreeStructure/helperFunctions.js +41 -35
- package/es/all.css +1 -1
- package/es/index.js +0 -1
- package/es/locale/messages-en.js +4 -1
- package/es/locale/messages-nb.js +4 -1
- package/es/locale/messages-nn.js +4 -1
- package/es/locale/messages-se.js +4 -1
- package/es/locale/messages-sma.js +4 -1
- package/lib/Masthead/Masthead.js +1 -0
- package/lib/Messages/MessageBanner.js +3 -3
- package/lib/MyNdla/Resource/FolderInput.d.ts +2 -2
- package/lib/MyNdla/Resource/FolderInput.js +26 -33
- package/lib/NDLAFilm/FilmSlideshow.js +10 -10
- package/lib/Resource/ListResource.js +6 -6
- package/lib/Search/LoadingWrapper.js +3 -3
- package/lib/Search/SearchResult.js +2 -2
- package/lib/SearchTypeResult/SearchTypeResult.js +4 -4
- package/lib/TopicMenu/TopicMenu.js +14 -1
- package/lib/TreeStructure/FolderItem.d.ts +6 -3
- package/lib/TreeStructure/FolderItem.js +55 -38
- package/lib/TreeStructure/FolderItems.d.ts +1 -1
- package/lib/TreeStructure/FolderItems.js +29 -35
- package/lib/TreeStructure/FolderNameInput.d.ts +3 -2
- package/lib/TreeStructure/FolderNameInput.js +13 -17
- package/lib/TreeStructure/TreeStructure.d.ts +1 -6
- package/lib/TreeStructure/TreeStructure.js +63 -92
- package/lib/TreeStructure/TreeStructure.types.d.ts +13 -20
- package/lib/TreeStructure/arrowNavigation.d.ts +9 -0
- package/lib/TreeStructure/arrowNavigation.js +54 -0
- package/lib/TreeStructure/helperFunctions.d.ts +3 -4
- package/lib/TreeStructure/helperFunctions.js +45 -35
- package/lib/all.css +1 -1
- package/lib/index.d.ts +0 -1
- package/lib/index.js +0 -9
- package/lib/locale/messages-en.d.ts +3 -0
- package/lib/locale/messages-en.js +4 -1
- package/lib/locale/messages-nb.d.ts +3 -0
- package/lib/locale/messages-nb.js +4 -1
- package/lib/locale/messages-nn.d.ts +3 -0
- package/lib/locale/messages-nn.js +4 -1
- package/lib/locale/messages-se.d.ts +3 -0
- package/lib/locale/messages-se.js +4 -1
- package/lib/locale/messages-sma.d.ts +3 -0
- package/lib/locale/messages-sma.js +4 -1
- package/package.json +14 -13
- package/src/Masthead/Masthead.tsx +4 -1
- package/src/Messages/MessageBanner.tsx +1 -1
- package/src/MyNdla/Resource/FolderInput.tsx +41 -44
- package/src/NDLAFilm/FilmSlideshow.tsx +1 -1
- package/src/Resource/ListResource.tsx +1 -0
- package/src/Search/LoadingWrapper.tsx +1 -1
- package/src/Search/SearchResult.jsx +1 -1
- package/src/SearchTypeResult/SearchTypeResult.tsx +1 -1
- package/src/TopicMenu/TopicMenu.jsx +15 -2
- package/src/TreeStructure/FolderItem.tsx +63 -40
- package/src/TreeStructure/FolderItems.tsx +26 -19
- package/src/TreeStructure/FolderNameInput.tsx +10 -12
- package/src/TreeStructure/TreeStructure.tsx +56 -71
- package/src/TreeStructure/TreeStructure.types.ts +13 -17
- package/src/TreeStructure/arrowNavigation.ts +53 -0
- package/src/TreeStructure/helperFunctions.ts +17 -25
- package/src/index.ts +0 -2
- package/src/locale/messages-en.ts +3 -0
- package/src/locale/messages-nb.ts +3 -0
- package/src/locale/messages-nn.ts +3 -0
- package/src/locale/messages-se.ts +3 -0
- package/src/locale/messages-sma.ts +3 -0
- package/es/Spinner/Spinner.js +0 -42
- package/es/Spinner/index.js +0 -2
- package/es/TreeStructure/keyboardNavigation/keyboardNavigation.js +0 -194
- package/es/TreeStructure/keyboardNavigation/keyboardNavigation.types.js +0 -0
- package/lib/Spinner/Spinner.d.ts +0 -16
- package/lib/Spinner/Spinner.js +0 -54
- package/lib/Spinner/index.d.ts +0 -2
- package/lib/Spinner/index.js +0 -13
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.d.ts +0 -11
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.js +0 -198
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.d.ts +0 -26
- package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.js +0 -1
- package/src/Spinner/Spinner.tsx +0 -46
- package/src/Spinner/index.ts +0 -3
- package/src/TreeStructure/keyboardNavigation/keyboardNavigation.ts +0 -161
- package/src/TreeStructure/keyboardNavigation/keyboardNavigation.types.ts +0 -28
|
@@ -21,7 +21,7 @@ var _reactI18next = require("react-i18next");
|
|
|
21
21
|
|
|
22
22
|
var _reactDeviceDetect = require("react-device-detect");
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _icons = require("@ndla/icons");
|
|
25
25
|
|
|
26
26
|
var _core2 = require("@emotion/core");
|
|
27
27
|
|
|
@@ -46,25 +46,26 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
46
46
|
var ArrowRight = ( /*#__PURE__*/0, _styledBase["default"])(_common.ArrowDropDown, {
|
|
47
47
|
target: "ea8uq7w0",
|
|
48
48
|
label: "ArrowRight"
|
|
49
|
-
})("color:", _core.colors.text.primary, ";transform:rotate(-90deg);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
})("color:", _core.colors.text.primary, ";transform:rotate(-90deg);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICdAbmRsYS9pY29ucyc7XG5cbmNvbnN0IEFycm93UmlnaHQgPSBzdHlsZWQoQXJyb3dEcm9wRG93blJhdylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYDtcblxuY29uc3QgTmV3Rm9sZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICR7YW5pbWF0aW9ucy5mYWRlSW5MZWZ0KGFuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3QpfTtcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgbG9hZGluZz86IGJvb2xlYW4gfT5gXG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLnh4c21hbGx9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgbG9hZGluZyB9KSA9PiAobG9hZGluZyA/IGNvbG9ycy5icmFuZC5saWdodGVyIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGZsZXgtZ3JvdzogMTtcbiAgYm9yZGVyOiAwO1xuICBvdXRsaW5lOiBub25lO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIHNjcm9sbC1tYXJnaW4tdG9wOiAxMDBweDtcbmA7XG5cbmludGVyZmFjZSBGb2xkZXJOYW1lSW5wdXRQcm9wcyB7XG4gIG9uU2F2ZU5ld0ZvbGRlcjogKG5hbWU6IHN0cmluZywgcGFyZW50SWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgcGFyZW50SWQ6IHN0cmluZztcbiAgb25DYW5jZWxOZXdGb2xkZXI6ICgpID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJOYW1lSW5wdXQgPSAoeyBvblNhdmVOZXdGb2xkZXIsIHBhcmVudElkLCBvbkNhbmNlbE5ld0ZvbGRlciwgbG9hZGluZyB9OiBGb2xkZXJOYW1lSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuYW1lLCBzZXROYW1lXSA9IHVzZVN0YXRlPHN0cmluZz4odCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIuZGVmYXVsdE5hbWUnKSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQuc2VsZWN0KCk7XG4gICAgICBpZiAoaXNNb2JpbGUpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxOZXdGb2xkZXJXcmFwcGVyPlxuICAgICAgPElucHV0V3JhcHBlciBsb2FkaW5nPXtsb2FkaW5nfT5cbiAgICAgICAgPEFycm93UmlnaHQgLz5cbiAgICAgICAgPEZvbGRlck91dGxpbmVkIC8+XG4gICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgYXV0b0ZvY3VzXG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2xvYWRpbmd9XG4gICAgICAgICAgdmFsdWU9e25hbWV9XG4gICAgICAgICAgb25CbHVyPXsoKSA9PiBvbkNhbmNlbE5ld0ZvbGRlcigpfVxuICAgICAgICAgIG9uS2V5RG93bj17KGU6IFJlYWN0LktleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgICAgICAgb25DYW5jZWxOZXdGb2xkZXIoKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgb25TYXZlTmV3Rm9sZGVyKG5hbWUsIHBhcmVudElkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRhcmdldCA9IGUudGFyZ2V0O1xuICAgICAgICAgICAgc2V0TmFtZSh0YXJnZXQudmFsdWUpO1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIHNpemU9XCJzbWFsbFwiIC8+fVxuICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgPC9OZXdGb2xkZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRm9sZGVyTmFtZUlucHV0O1xuIl19 */"));
|
|
50
50
|
var NewFolderWrapper = (0, _styledBase["default"])("div", {
|
|
51
51
|
target: "ea8uq7w1",
|
|
52
52
|
label: "NewFolderWrapper"
|
|
53
|
-
})("padding-left:", _core.spacing.normal, ";", _core.animations.fadeInLeft(_core.animations.durations.fast), ";animation-fill-mode:forwards;@media (prefers-reduced-motion:reduce){animation:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
53
|
+
})("padding-left:", _core.spacing.normal, ";", _core.animations.fadeInLeft(_core.animations.durations.fast), ";animation-fill-mode:forwards;@media (prefers-reduced-motion:reduce){animation:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JtQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICdAbmRsYS9pY29ucyc7XG5cbmNvbnN0IEFycm93UmlnaHQgPSBzdHlsZWQoQXJyb3dEcm9wRG93blJhdylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYDtcblxuY29uc3QgTmV3Rm9sZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICR7YW5pbWF0aW9ucy5mYWRlSW5MZWZ0KGFuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3QpfTtcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgbG9hZGluZz86IGJvb2xlYW4gfT5gXG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLnh4c21hbGx9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgbG9hZGluZyB9KSA9PiAobG9hZGluZyA/IGNvbG9ycy5icmFuZC5saWdodGVyIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGZsZXgtZ3JvdzogMTtcbiAgYm9yZGVyOiAwO1xuICBvdXRsaW5lOiBub25lO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIHNjcm9sbC1tYXJnaW4tdG9wOiAxMDBweDtcbmA7XG5cbmludGVyZmFjZSBGb2xkZXJOYW1lSW5wdXRQcm9wcyB7XG4gIG9uU2F2ZU5ld0ZvbGRlcjogKG5hbWU6IHN0cmluZywgcGFyZW50SWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgcGFyZW50SWQ6IHN0cmluZztcbiAgb25DYW5jZWxOZXdGb2xkZXI6ICgpID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJOYW1lSW5wdXQgPSAoeyBvblNhdmVOZXdGb2xkZXIsIHBhcmVudElkLCBvbkNhbmNlbE5ld0ZvbGRlciwgbG9hZGluZyB9OiBGb2xkZXJOYW1lSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuYW1lLCBzZXROYW1lXSA9IHVzZVN0YXRlPHN0cmluZz4odCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIuZGVmYXVsdE5hbWUnKSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQuc2VsZWN0KCk7XG4gICAgICBpZiAoaXNNb2JpbGUpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxOZXdGb2xkZXJXcmFwcGVyPlxuICAgICAgPElucHV0V3JhcHBlciBsb2FkaW5nPXtsb2FkaW5nfT5cbiAgICAgICAgPEFycm93UmlnaHQgLz5cbiAgICAgICAgPEZvbGRlck91dGxpbmVkIC8+XG4gICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgYXV0b0ZvY3VzXG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2xvYWRpbmd9XG4gICAgICAgICAgdmFsdWU9e25hbWV9XG4gICAgICAgICAgb25CbHVyPXsoKSA9PiBvbkNhbmNlbE5ld0ZvbGRlcigpfVxuICAgICAgICAgIG9uS2V5RG93bj17KGU6IFJlYWN0LktleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgICAgICAgb25DYW5jZWxOZXdGb2xkZXIoKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgb25TYXZlTmV3Rm9sZGVyKG5hbWUsIHBhcmVudElkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRhcmdldCA9IGUudGFyZ2V0O1xuICAgICAgICAgICAgc2V0TmFtZSh0YXJnZXQudmFsdWUpO1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIHNpemU9XCJzbWFsbFwiIC8+fVxuICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgPC9OZXdGb2xkZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRm9sZGVyTmFtZUlucHV0O1xuIl19 */"));
|
|
54
54
|
var InputWrapper = (0, _styledBase["default"])("div", {
|
|
55
55
|
target: "ea8uq7w2",
|
|
56
56
|
label: "InputWrapper"
|
|
57
57
|
})("margin:", _core.spacing.xxsmall, " ", _core.spacing.small, " ", _core.spacing.xxsmall, " 0;display:flex;align-items:center;border:1px solid ", function (_ref) {
|
|
58
58
|
var loading = _ref.loading;
|
|
59
59
|
return loading ? _core.colors.brand.lighter : _core.colors.brand.primary;
|
|
60
|
-
}, ";border-style:dashed;border-radius:", _core.misc.borderRadius, ";padding-right:", _core.spacing.normal, ";padding-left:", _core.spacing.xsmall, ";color:", _core.colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
60
|
+
}, ";border-style:dashed;border-radius:", _core.misc.borderRadius, ";padding-right:", _core.spacing.normal, ";padding-left:", _core.spacing.xsmall, ";color:", _core.colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JzRCIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICdAbmRsYS9pY29ucyc7XG5cbmNvbnN0IEFycm93UmlnaHQgPSBzdHlsZWQoQXJyb3dEcm9wRG93blJhdylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYDtcblxuY29uc3QgTmV3Rm9sZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICR7YW5pbWF0aW9ucy5mYWRlSW5MZWZ0KGFuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3QpfTtcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgbG9hZGluZz86IGJvb2xlYW4gfT5gXG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLnh4c21hbGx9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgbG9hZGluZyB9KSA9PiAobG9hZGluZyA/IGNvbG9ycy5icmFuZC5saWdodGVyIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGZsZXgtZ3JvdzogMTtcbiAgYm9yZGVyOiAwO1xuICBvdXRsaW5lOiBub25lO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIHNjcm9sbC1tYXJnaW4tdG9wOiAxMDBweDtcbmA7XG5cbmludGVyZmFjZSBGb2xkZXJOYW1lSW5wdXRQcm9wcyB7XG4gIG9uU2F2ZU5ld0ZvbGRlcjogKG5hbWU6IHN0cmluZywgcGFyZW50SWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgcGFyZW50SWQ6IHN0cmluZztcbiAgb25DYW5jZWxOZXdGb2xkZXI6ICgpID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJOYW1lSW5wdXQgPSAoeyBvblNhdmVOZXdGb2xkZXIsIHBhcmVudElkLCBvbkNhbmNlbE5ld0ZvbGRlciwgbG9hZGluZyB9OiBGb2xkZXJOYW1lSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuYW1lLCBzZXROYW1lXSA9IHVzZVN0YXRlPHN0cmluZz4odCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIuZGVmYXVsdE5hbWUnKSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQuc2VsZWN0KCk7XG4gICAgICBpZiAoaXNNb2JpbGUpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxOZXdGb2xkZXJXcmFwcGVyPlxuICAgICAgPElucHV0V3JhcHBlciBsb2FkaW5nPXtsb2FkaW5nfT5cbiAgICAgICAgPEFycm93UmlnaHQgLz5cbiAgICAgICAgPEZvbGRlck91dGxpbmVkIC8+XG4gICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgYXV0b0ZvY3VzXG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2xvYWRpbmd9XG4gICAgICAgICAgdmFsdWU9e25hbWV9XG4gICAgICAgICAgb25CbHVyPXsoKSA9PiBvbkNhbmNlbE5ld0ZvbGRlcigpfVxuICAgICAgICAgIG9uS2V5RG93bj17KGU6IFJlYWN0LktleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgICAgICAgb25DYW5jZWxOZXdGb2xkZXIoKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgb25TYXZlTmV3Rm9sZGVyKG5hbWUsIHBhcmVudElkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRhcmdldCA9IGUudGFyZ2V0O1xuICAgICAgICAgICAgc2V0TmFtZSh0YXJnZXQudmFsdWUpO1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIHNpemU9XCJzbWFsbFwiIC8+fVxuICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgPC9OZXdGb2xkZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRm9sZGVyTmFtZUlucHV0O1xuIl19 */"));
|
|
61
61
|
var StyledInput = (0, _styledBase["default"])("input", {
|
|
62
62
|
target: "ea8uq7w3",
|
|
63
63
|
label: "StyledInput"
|
|
64
|
-
})("flex-grow:1;border:0;outline:none;padding:", _core.spacing.small, ";padding-left:", _core.spacing.xsmall, ";background:transparent;color:", _core.colors.text.primary, ";scroll-margin-top:100px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
64
|
+
})("flex-grow:1;border:0;outline:none;padding:", _core.spacing.small, ";padding-left:", _core.spacing.xsmall, ";background:transparent;color:", _core.colors.text.primary, ";scroll-margin-top:100px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNnQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICdAbmRsYS9pY29ucyc7XG5cbmNvbnN0IEFycm93UmlnaHQgPSBzdHlsZWQoQXJyb3dEcm9wRG93blJhdylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICB0cmFuc2Zvcm06IHJvdGF0ZSgtOTBkZWcpO1xuYDtcblxuY29uc3QgTmV3Rm9sZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICR7YW5pbWF0aW9ucy5mYWRlSW5MZWZ0KGFuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3QpfTtcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gIEBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBJbnB1dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgbG9hZGluZz86IGJvb2xlYW4gfT5gXG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLnh4c21hbGx9IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgbG9hZGluZyB9KSA9PiAobG9hZGluZyA/IGNvbG9ycy5icmFuZC5saWdodGVyIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgYm9yZGVyLXN0eWxlOiBkYXNoZWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuYDtcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIGZsZXgtZ3JvdzogMTtcbiAgYm9yZGVyOiAwO1xuICBvdXRsaW5lOiBub25lO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIHNjcm9sbC1tYXJnaW4tdG9wOiAxMDBweDtcbmA7XG5cbmludGVyZmFjZSBGb2xkZXJOYW1lSW5wdXRQcm9wcyB7XG4gIG9uU2F2ZU5ld0ZvbGRlcjogKG5hbWU6IHN0cmluZywgcGFyZW50SWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgcGFyZW50SWQ6IHN0cmluZztcbiAgb25DYW5jZWxOZXdGb2xkZXI6ICgpID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBGb2xkZXJOYW1lSW5wdXQgPSAoeyBvblNhdmVOZXdGb2xkZXIsIHBhcmVudElkLCBvbkNhbmNlbE5ld0ZvbGRlciwgbG9hZGluZyB9OiBGb2xkZXJOYW1lSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuYW1lLCBzZXROYW1lXSA9IHVzZVN0YXRlPHN0cmluZz4odCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIuZGVmYXVsdE5hbWUnKSk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQuc2VsZWN0KCk7XG4gICAgICBpZiAoaXNNb2JpbGUpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5zY3JvbGxJbnRvVmlldyh7IGJlaGF2aW9yOiAnc21vb3RoJyB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH0sIFtdKTtcblxuICByZXR1cm4gKFxuICAgIDxOZXdGb2xkZXJXcmFwcGVyPlxuICAgICAgPElucHV0V3JhcHBlciBsb2FkaW5nPXtsb2FkaW5nfT5cbiAgICAgICAgPEFycm93UmlnaHQgLz5cbiAgICAgICAgPEZvbGRlck91dGxpbmVkIC8+XG4gICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgYXV0b0ZvY3VzXG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3QoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2xvYWRpbmd9XG4gICAgICAgICAgdmFsdWU9e25hbWV9XG4gICAgICAgICAgb25CbHVyPXsoKSA9PiBvbkNhbmNlbE5ld0ZvbGRlcigpfVxuICAgICAgICAgIG9uS2V5RG93bj17KGU6IFJlYWN0LktleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIGlmIChlLmtleSA9PT0gJ0VzY2FwZScpIHtcbiAgICAgICAgICAgICAgb25DYW5jZWxOZXdGb2xkZXIoKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicgfHwgZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgb25TYXZlTmV3Rm9sZGVyKG5hbWUsIHBhcmVudElkKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uQ2hhbmdlPXsoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHRhcmdldCA9IGUudGFyZ2V0O1xuICAgICAgICAgICAgc2V0TmFtZSh0YXJnZXQudmFsdWUpO1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIHNpemU9XCJzbWFsbFwiIC8+fVxuICAgICAgPC9JbnB1dFdyYXBwZXI+XG4gICAgPC9OZXdGb2xkZXJXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRm9sZGVyTmFtZUlucHV0O1xuIl19 */"));
|
|
65
65
|
|
|
66
66
|
var FolderNameInput = function FolderNameInput(_ref2) {
|
|
67
67
|
var onSaveNewFolder = _ref2.onSaveNewFolder,
|
|
68
|
+
parentId = _ref2.parentId,
|
|
68
69
|
onCancelNewFolder = _ref2.onCancelNewFolder,
|
|
69
70
|
loading = _ref2.loading;
|
|
70
71
|
|
|
@@ -73,8 +74,8 @@ var FolderNameInput = function FolderNameInput(_ref2) {
|
|
|
73
74
|
|
|
74
75
|
var _useState = (0, _react.useState)(t('treeStructure.newFolder.defaultName')),
|
|
75
76
|
_useState2 = _slicedToArray(_useState, 2),
|
|
76
|
-
|
|
77
|
-
|
|
77
|
+
name = _useState2[0],
|
|
78
|
+
setName = _useState2[1];
|
|
78
79
|
|
|
79
80
|
var inputRef = (0, _react.useRef)(null);
|
|
80
81
|
(0, _react.useEffect)(function () {
|
|
@@ -95,28 +96,23 @@ var FolderNameInput = function FolderNameInput(_ref2) {
|
|
|
95
96
|
autoFocus: true,
|
|
96
97
|
placeholder: t('treeStructure.newFolder.placeholder'),
|
|
97
98
|
disabled: loading,
|
|
98
|
-
value:
|
|
99
|
+
value: name,
|
|
99
100
|
onBlur: function onBlur() {
|
|
100
101
|
return onCancelNewFolder();
|
|
101
102
|
},
|
|
102
103
|
onKeyDown: function onKeyDown(e) {
|
|
103
104
|
if (e.key === 'Escape') {
|
|
104
105
|
onCancelNewFolder();
|
|
105
|
-
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
if (e.key === 'Enter' || e.key === 'Tab') {
|
|
109
|
-
onSaveNewFolder(value);
|
|
106
|
+
} else if (e.key === 'Enter' || e.key === 'Tab') {
|
|
110
107
|
e.preventDefault();
|
|
108
|
+
onSaveNewFolder(name, parentId);
|
|
111
109
|
}
|
|
112
|
-
|
|
113
|
-
return;
|
|
114
110
|
},
|
|
115
111
|
onChange: function onChange(e) {
|
|
116
112
|
var target = e.target;
|
|
117
|
-
|
|
113
|
+
setName(target.value);
|
|
118
114
|
}
|
|
119
|
-
}), loading && (0, _core2.jsx)(
|
|
115
|
+
}), loading && (0, _core2.jsx)(_icons.Spinner, {
|
|
120
116
|
size: "small"
|
|
121
117
|
})));
|
|
122
118
|
};
|
|
@@ -8,10 +8,5 @@
|
|
|
8
8
|
/// <reference types="react" />
|
|
9
9
|
import { TreeStructureProps } from './TreeStructure.types';
|
|
10
10
|
export declare const MAX_LEVEL_FOR_FOLDERS = 4;
|
|
11
|
-
declare const TreeStructure: {
|
|
12
|
-
({ data, label, editable, loading, onNewFolder, openOnFolderClick, framed, folderIdMarkedByDefault, defaultOpenFolders, folderChild, maximumLevelsOfFoldersAllowed, }: TreeStructureProps): JSX.Element;
|
|
13
|
-
defaultProps: {
|
|
14
|
-
maximumLevelsOfFoldersAllowed: number;
|
|
15
|
-
};
|
|
16
|
-
};
|
|
11
|
+
declare const TreeStructure: ({ folders, label, editable, loading, onNewFolder, onSelectFolder, openOnFolderClick, framed, folderIdMarkedByDefault, defaultOpenFolders, folderChild, maximumLevelsOfFoldersAllowed, }: TreeStructureProps) => JSX.Element;
|
|
17
12
|
export default TreeStructure;
|
|
@@ -11,8 +11,6 @@ var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
|
|
|
11
11
|
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
|
|
14
|
-
var _util = require("@ndla/util");
|
|
15
|
-
|
|
16
14
|
var _button = require("@ndla/button");
|
|
17
15
|
|
|
18
16
|
var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
|
|
@@ -29,8 +27,6 @@ var _FolderItems = _interopRequireDefault(require("./FolderItems"));
|
|
|
29
27
|
|
|
30
28
|
var _helperFunctions = require("./helperFunctions");
|
|
31
29
|
|
|
32
|
-
var _keyboardNavigation = _interopRequireWildcard(require("./keyboardNavigation/keyboardNavigation"));
|
|
33
|
-
|
|
34
30
|
var _core2 = require("@emotion/core");
|
|
35
31
|
|
|
36
32
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
@@ -39,12 +35,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
|
|
|
39
35
|
|
|
40
36
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
41
37
|
|
|
42
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
43
|
-
|
|
44
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
45
|
-
|
|
46
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
47
|
-
|
|
48
38
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
49
39
|
|
|
50
40
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -70,34 +60,36 @@ exports.MAX_LEVEL_FOR_FOLDERS = MAX_LEVEL_FOR_FOLDERS;
|
|
|
70
60
|
var StyledLabel = (0, _styledBase["default"])("label", {
|
|
71
61
|
target: "e1dg1gdn0",
|
|
72
62
|
label: "StyledLabel"
|
|
73
|
-
})("font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
63
|
+
})("font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZ0MiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBBZGRCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVuaXEgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIGZyb20gJy4vVHJlZVN0cnVjdHVyZVdyYXBwZXInO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gJy4vRm9sZGVySXRlbXMnO1xuaW1wb3J0IHsgZ2V0UGF0aE9mRm9sZGVyLCBnZXRGb2xkZXJOYW1lLCBmbGF0dGVuRm9sZGVycyB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IFRyZWVTdHJ1Y3R1cmVQcm9wcyB9IGZyb20gJy4vVHJlZVN0cnVjdHVyZS50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA0O1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBmb2xkZXJzLFxuICBsYWJlbCxcbiAgZWRpdGFibGUsXG4gIGxvYWRpbmcsXG4gIG9uTmV3Rm9sZGVyLFxuICBvblNlbGVjdEZvbGRlcixcbiAgb3Blbk9uRm9sZGVyQ2xpY2ssXG4gIGZyYW1lZCxcbiAgZm9sZGVySWRNYXJrZWRCeURlZmF1bHQsXG4gIGRlZmF1bHRPcGVuRm9sZGVycyxcbiAgZm9sZGVyQ2hpbGQsXG4gIG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkID0gTUFYX0xFVkVMX0ZPUl9GT0xERVJTLFxufTogVHJlZVN0cnVjdHVyZVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW25ld0ZvbGRlclBhcmVudElkLCBzZXROZXdGb2xkZXJQYXJlbnRJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtvcGVuRm9sZGVycywgc2V0T3BlbkZvbGRlcnNdID0gdXNlU3RhdGU8c3RyaW5nW10+KGRlZmF1bHRPcGVuRm9sZGVycyB8fCBbXSk7XG4gIGNvbnN0IFtmb2N1c2VkRm9sZGVySWQsIHNldEZvY3VzZWRGb2xkZXJJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFttYXJrZWRGb2xkZXJJZCwgc2V0TWFya2VkRm9sZGVySWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihmb2xkZXJJZE1hcmtlZEJ5RGVmYXVsdCB8fCBmb2xkZXJzWzBdPy5pZCk7XG4gIGNvbnN0IHRyZWVzdHJ1Y3R1cmVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgcm9vdExldmVsSWQgPSAndHJlZXN0cnVjdHVyZS1yb290JztcblxuICBjb25zdCB2aXNpYmxlRm9sZGVycyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gZmxhdHRlbkZvbGRlcnMoZm9sZGVycywgb3BlbkZvbGRlcnMpLm1hcCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQpLFxuICAgIFtmb2xkZXJzLCBvcGVuRm9sZGVyc10sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBzZXRPcGVuRm9sZGVycygocHJldikgPT4ge1xuICAgICAgICByZXR1cm4gdW5pcShbLi4uZGVmYXVsdE9wZW5Gb2xkZXJzLCAuLi5wcmV2XSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbG9hZGluZykge1xuICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQodW5kZWZpbmVkKTtcbiAgICB9XG4gIH0sIFtsb2FkaW5nXSk7XG5cbiAgY29uc3Qgb25DbG9zZUZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgLy8gRGlkIHdlIGp1c3QgY2xvc2VkIGEgZm9sZGVyIHdpdGggYSBtYXJrZWQgZm9sZGVyIGluc2lkZSBpdD9cbiAgICAvLyBJZiBzbywgd2UgbmVlZCB0byBtYXJrIHRoZSBmb2xkZXIgd2UganVzdCBjbG9zZWQuXG4gICAgaWYgKG1hcmtlZEZvbGRlcklkKSB7XG4gICAgICBjb25zdCBjbG9zaW5nRm9sZGVyUGF0aCA9IGdldFBhdGhPZkZvbGRlcihmb2xkZXJzLCBpZCk7XG4gICAgICBjb25zdCBtYXJrZWRGb2xkZXJQYXRoID0gZ2V0UGF0aE9mRm9sZGVyKGZvbGRlcnMsIG1hcmtlZEZvbGRlcklkKTtcbiAgICAgIGNvbnN0IG1hcmtlZEZvbGRlcklzU3ViUGF0aCA9IGNsb3NpbmdGb2xkZXJQYXRoLmV2ZXJ5KFxuICAgICAgICAoZm9sZGVySWQsIF9pbmRleCkgPT4gbWFya2VkRm9sZGVyUGF0aFtfaW5kZXhdID09PSBmb2xkZXJJZCxcbiAgICAgICk7XG4gICAgICBpZiAobWFya2VkRm9sZGVySXNTdWJQYXRoKSB7XG4gICAgICAgIGlmIChvblNlbGVjdEZvbGRlcikge1xuICAgICAgICAgIHNldE1hcmtlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgICBvblNlbGVjdEZvbGRlcihjbG9zaW5nRm9sZGVyUGF0aFtjbG9zaW5nRm9sZGVyUGF0aC5sZW5ndGggLSAxXSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0Rm9jdXNlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICBzZXRPcGVuRm9sZGVycyhvcGVuRm9sZGVycy5maWx0ZXIoKGZvbGRlcikgPT4gZm9sZGVyICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uT3BlbkZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQoaWQpKSk7XG4gIH07XG5cbiAgY29uc3Qgb25DcmVhdGVOZXdGb2xkZXIgPSAocGFyZW50SWQ6IHN0cmluZykgPT4ge1xuICAgIHNldE5ld0ZvbGRlclBhcmVudElkKHBhcmVudElkKTtcbiAgfTtcblxuICBjb25zdCBvblNhdmVOZXdGb2xkZXIgPSAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiB7XG4gICAgb25OZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpLnRoZW4oKG5ld0ZvbGRlcklkKSA9PiB7XG4gICAgICBpZiAobmV3Rm9sZGVySWQpIHtcbiAgICAgICAgc2V0TWFya2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICBzZXRPcGVuRm9sZGVycyh1bmlxKG9wZW5Gb2xkZXJzLmNvbmNhdChwYXJlbnRJZCkpKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfTtcblxuICBjb25zdCBvbkNhbmNlbE5ld0ZvbGRlciA9ICgpID0+IHtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZCh1bmRlZmluZWQpO1xuICB9O1xuXG4gIGNvbnN0IG9uTWFya0ZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0TWFya2VkRm9sZGVySWQoaWQpO1xuICAgIHNldEZvY3VzZWRGb2xkZXJJZChpZCk7XG4gIH07XG5cbiAgY29uc3QgcGF0aHMgPSBnZXRQYXRoT2ZGb2xkZXIoZm9sZGVycywgbWFya2VkRm9sZGVySWQgfHwgJycpO1xuICBjb25zdCBjYW5BZGRGb2xkZXIgPSBlZGl0YWJsZSAmJiBwYXRocy5sZW5ndGggPCAobWF4aW11bUxldmVsc09mRm9sZGVyc0FsbG93ZWQgfHwgMSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17dHJlZXN0cnVjdHVyZVJlZn0+XG4gICAgICB7bGFiZWwgJiYgPFN0eWxlZExhYmVsIGh0bWxGb3I9e3Jvb3RMZXZlbElkfT57bGFiZWx9PC9TdHlsZWRMYWJlbD59XG4gICAgICA8VHJlZVN0cnVjdHVyZVN0eWxlZFdyYXBwZXIgcmVmPXt3cmFwcGVyUmVmfSBpZD17cm9vdExldmVsSWR9IGFyaWEtbGFiZWw9XCJNZW51IHRyZWVcIiByb2xlPVwidHJlZVwiIGZyYW1lZD17ZnJhbWVkfT5cbiAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgb25TZWxlY3RGb2xkZXI9e29uU2VsZWN0Rm9sZGVyfVxuICAgICAgICAgIGxldmVsPXsxfVxuICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgZWRpdGFibGU9e2VkaXRhYmxlfVxuICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgIG9uQ2xvc2VGb2xkZXI9e29uQ2xvc2VGb2xkZXJ9XG4gICAgICAgICAgbmV3Rm9sZGVyUGFyZW50SWQ9e25ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgIG9uQ3JlYXRlTmV3Rm9sZGVyPXtvbkNyZWF0ZU5ld0ZvbGRlcn1cbiAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgb25TYXZlTmV3Rm9sZGVyPXtvblNhdmVOZXdGb2xkZXJ9XG4gICAgICAgICAgdmlzaWJsZUZvbGRlcnM9e3Zpc2libGVGb2xkZXJzfVxuICAgICAgICAgIG9wZW5Gb2xkZXJzPXtvcGVuRm9sZGVyc31cbiAgICAgICAgICBtYXJrZWRGb2xkZXJJZD17bWFya2VkRm9sZGVySWR9XG4gICAgICAgICAgb25NYXJrRm9sZGVyPXtvbk1hcmtGb2xkZXJ9XG4gICAgICAgICAgb3Blbk9uRm9sZGVyQ2xpY2s9e29wZW5PbkZvbGRlckNsaWNrfVxuICAgICAgICAgIGxvYWRpbmc9e2xvYWRpbmd9XG4gICAgICAgICAgZm9jdXNlZEZvbGRlcklkPXtmb2N1c2VkRm9sZGVySWR9XG4gICAgICAgICAgc2V0Rm9jdXNlZEZvbGRlcklkPXtzZXRGb2N1c2VkRm9sZGVySWR9XG4gICAgICAgICAgZm9sZGVyQ2hpbGQ9e2ZvbGRlckNoaWxkfVxuICAgICAgICAgIG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkPXttYXhpbXVtTGV2ZWxzT2ZGb2xkZXJzQWxsb3dlZH1cbiAgICAgICAgLz5cbiAgICAgIDwvVHJlZVN0cnVjdHVyZVN0eWxlZFdyYXBwZXI+XG4gICAgICB7ZWRpdGFibGUgJiYgKFxuICAgICAgICA8QWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICAgICA8VG9vbHRpcFxuICAgICAgICAgICAgdG9vbHRpcD17XG4gICAgICAgICAgICAgIGNhbkFkZEZvbGRlclxuICAgICAgICAgICAgICAgID8gdCgnbXlOZGxhLm5ld0ZvbGRlclVuZGVyJywge1xuICAgICAgICAgICAgICAgICAgICBmb2xkZXJOYW1lOiBnZXRGb2xkZXJOYW1lKGZvbGRlcnMsIG1hcmtlZEZvbGRlcklkKSxcbiAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgOiB0KCd0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWQnKVxuICAgICAgICAgICAgfT5cbiAgICAgICAgICAgIDxBZGRCdXR0b25cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9eyFjYW5BZGRGb2xkZXJ9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ215TmRsYS5uZXdGb2xkZXInKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKG1hcmtlZEZvbGRlcklkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICAgICAgICA8L0FkZEJ1dHRvbj5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgIDwvQWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUcmVlU3RydWN0dXJlO1xuIl19 */"));
|
|
74
64
|
var AddFolderWrapper = (0, _styledBase["default"])("div", {
|
|
75
65
|
target: "e1dg1gdn1",
|
|
76
66
|
label: "AddFolderWrapper"
|
|
77
|
-
})("display:flex;margin-top:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
67
|
+
})("display:flex;margin-top:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCbUMiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBBZGRCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVuaXEgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIGZyb20gJy4vVHJlZVN0cnVjdHVyZVdyYXBwZXInO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gJy4vRm9sZGVySXRlbXMnO1xuaW1wb3J0IHsgZ2V0UGF0aE9mRm9sZGVyLCBnZXRGb2xkZXJOYW1lLCBmbGF0dGVuRm9sZGVycyB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IFRyZWVTdHJ1Y3R1cmVQcm9wcyB9IGZyb20gJy4vVHJlZVN0cnVjdHVyZS50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA0O1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBmb2xkZXJzLFxuICBsYWJlbCxcbiAgZWRpdGFibGUsXG4gIGxvYWRpbmcsXG4gIG9uTmV3Rm9sZGVyLFxuICBvblNlbGVjdEZvbGRlcixcbiAgb3Blbk9uRm9sZGVyQ2xpY2ssXG4gIGZyYW1lZCxcbiAgZm9sZGVySWRNYXJrZWRCeURlZmF1bHQsXG4gIGRlZmF1bHRPcGVuRm9sZGVycyxcbiAgZm9sZGVyQ2hpbGQsXG4gIG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkID0gTUFYX0xFVkVMX0ZPUl9GT0xERVJTLFxufTogVHJlZVN0cnVjdHVyZVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW25ld0ZvbGRlclBhcmVudElkLCBzZXROZXdGb2xkZXJQYXJlbnRJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtvcGVuRm9sZGVycywgc2V0T3BlbkZvbGRlcnNdID0gdXNlU3RhdGU8c3RyaW5nW10+KGRlZmF1bHRPcGVuRm9sZGVycyB8fCBbXSk7XG4gIGNvbnN0IFtmb2N1c2VkRm9sZGVySWQsIHNldEZvY3VzZWRGb2xkZXJJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFttYXJrZWRGb2xkZXJJZCwgc2V0TWFya2VkRm9sZGVySWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihmb2xkZXJJZE1hcmtlZEJ5RGVmYXVsdCB8fCBmb2xkZXJzWzBdPy5pZCk7XG4gIGNvbnN0IHRyZWVzdHJ1Y3R1cmVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgcm9vdExldmVsSWQgPSAndHJlZXN0cnVjdHVyZS1yb290JztcblxuICBjb25zdCB2aXNpYmxlRm9sZGVycyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gZmxhdHRlbkZvbGRlcnMoZm9sZGVycywgb3BlbkZvbGRlcnMpLm1hcCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQpLFxuICAgIFtmb2xkZXJzLCBvcGVuRm9sZGVyc10sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBzZXRPcGVuRm9sZGVycygocHJldikgPT4ge1xuICAgICAgICByZXR1cm4gdW5pcShbLi4uZGVmYXVsdE9wZW5Gb2xkZXJzLCAuLi5wcmV2XSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbG9hZGluZykge1xuICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQodW5kZWZpbmVkKTtcbiAgICB9XG4gIH0sIFtsb2FkaW5nXSk7XG5cbiAgY29uc3Qgb25DbG9zZUZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgLy8gRGlkIHdlIGp1c3QgY2xvc2VkIGEgZm9sZGVyIHdpdGggYSBtYXJrZWQgZm9sZGVyIGluc2lkZSBpdD9cbiAgICAvLyBJZiBzbywgd2UgbmVlZCB0byBtYXJrIHRoZSBmb2xkZXIgd2UganVzdCBjbG9zZWQuXG4gICAgaWYgKG1hcmtlZEZvbGRlcklkKSB7XG4gICAgICBjb25zdCBjbG9zaW5nRm9sZGVyUGF0aCA9IGdldFBhdGhPZkZvbGRlcihmb2xkZXJzLCBpZCk7XG4gICAgICBjb25zdCBtYXJrZWRGb2xkZXJQYXRoID0gZ2V0UGF0aE9mRm9sZGVyKGZvbGRlcnMsIG1hcmtlZEZvbGRlcklkKTtcbiAgICAgIGNvbnN0IG1hcmtlZEZvbGRlcklzU3ViUGF0aCA9IGNsb3NpbmdGb2xkZXJQYXRoLmV2ZXJ5KFxuICAgICAgICAoZm9sZGVySWQsIF9pbmRleCkgPT4gbWFya2VkRm9sZGVyUGF0aFtfaW5kZXhdID09PSBmb2xkZXJJZCxcbiAgICAgICk7XG4gICAgICBpZiAobWFya2VkRm9sZGVySXNTdWJQYXRoKSB7XG4gICAgICAgIGlmIChvblNlbGVjdEZvbGRlcikge1xuICAgICAgICAgIHNldE1hcmtlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgICBvblNlbGVjdEZvbGRlcihjbG9zaW5nRm9sZGVyUGF0aFtjbG9zaW5nRm9sZGVyUGF0aC5sZW5ndGggLSAxXSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0Rm9jdXNlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICBzZXRPcGVuRm9sZGVycyhvcGVuRm9sZGVycy5maWx0ZXIoKGZvbGRlcikgPT4gZm9sZGVyICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uT3BlbkZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQoaWQpKSk7XG4gIH07XG5cbiAgY29uc3Qgb25DcmVhdGVOZXdGb2xkZXIgPSAocGFyZW50SWQ6IHN0cmluZykgPT4ge1xuICAgIHNldE5ld0ZvbGRlclBhcmVudElkKHBhcmVudElkKTtcbiAgfTtcblxuICBjb25zdCBvblNhdmVOZXdGb2xkZXIgPSAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiB7XG4gICAgb25OZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpLnRoZW4oKG5ld0ZvbGRlcklkKSA9PiB7XG4gICAgICBpZiAobmV3Rm9sZGVySWQpIHtcbiAgICAgICAgc2V0TWFya2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICBzZXRPcGVuRm9sZGVycyh1bmlxKG9wZW5Gb2xkZXJzLmNvbmNhdChwYXJlbnRJZCkpKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfTtcblxuICBjb25zdCBvbkNhbmNlbE5ld0ZvbGRlciA9ICgpID0+IHtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZCh1bmRlZmluZWQpO1xuICB9O1xuXG4gIGNvbnN0IG9uTWFya0ZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0TWFya2VkRm9sZGVySWQoaWQpO1xuICAgIHNldEZvY3VzZWRGb2xkZXJJZChpZCk7XG4gIH07XG5cbiAgY29uc3QgcGF0aHMgPSBnZXRQYXRoT2ZGb2xkZXIoZm9sZGVycywgbWFya2VkRm9sZGVySWQgfHwgJycpO1xuICBjb25zdCBjYW5BZGRGb2xkZXIgPSBlZGl0YWJsZSAmJiBwYXRocy5sZW5ndGggPCAobWF4aW11bUxldmVsc09mRm9sZGVyc0FsbG93ZWQgfHwgMSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17dHJlZXN0cnVjdHVyZVJlZn0+XG4gICAgICB7bGFiZWwgJiYgPFN0eWxlZExhYmVsIGh0bWxGb3I9e3Jvb3RMZXZlbElkfT57bGFiZWx9PC9TdHlsZWRMYWJlbD59XG4gICAgICA8VHJlZVN0cnVjdHVyZVN0eWxlZFdyYXBwZXIgcmVmPXt3cmFwcGVyUmVmfSBpZD17cm9vdExldmVsSWR9IGFyaWEtbGFiZWw9XCJNZW51IHRyZWVcIiByb2xlPVwidHJlZVwiIGZyYW1lZD17ZnJhbWVkfT5cbiAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgb25TZWxlY3RGb2xkZXI9e29uU2VsZWN0Rm9sZGVyfVxuICAgICAgICAgIGxldmVsPXsxfVxuICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgZWRpdGFibGU9e2VkaXRhYmxlfVxuICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgIG9uQ2xvc2VGb2xkZXI9e29uQ2xvc2VGb2xkZXJ9XG4gICAgICAgICAgbmV3Rm9sZGVyUGFyZW50SWQ9e25ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgIG9uQ3JlYXRlTmV3Rm9sZGVyPXtvbkNyZWF0ZU5ld0ZvbGRlcn1cbiAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgb25TYXZlTmV3Rm9sZGVyPXtvblNhdmVOZXdGb2xkZXJ9XG4gICAgICAgICAgdmlzaWJsZUZvbGRlcnM9e3Zpc2libGVGb2xkZXJzfVxuICAgICAgICAgIG9wZW5Gb2xkZXJzPXtvcGVuRm9sZGVyc31cbiAgICAgICAgICBtYXJrZWRGb2xkZXJJZD17bWFya2VkRm9sZGVySWR9XG4gICAgICAgICAgb25NYXJrRm9sZGVyPXtvbk1hcmtGb2xkZXJ9XG4gICAgICAgICAgb3Blbk9uRm9sZGVyQ2xpY2s9e29wZW5PbkZvbGRlckNsaWNrfVxuICAgICAgICAgIGxvYWRpbmc9e2xvYWRpbmd9XG4gICAgICAgICAgZm9jdXNlZEZvbGRlcklkPXtmb2N1c2VkRm9sZGVySWR9XG4gICAgICAgICAgc2V0Rm9jdXNlZEZvbGRlcklkPXtzZXRGb2N1c2VkRm9sZGVySWR9XG4gICAgICAgICAgZm9sZGVyQ2hpbGQ9e2ZvbGRlckNoaWxkfVxuICAgICAgICAgIG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkPXttYXhpbXVtTGV2ZWxzT2ZGb2xkZXJzQWxsb3dlZH1cbiAgICAgICAgLz5cbiAgICAgIDwvVHJlZVN0cnVjdHVyZVN0eWxlZFdyYXBwZXI+XG4gICAgICB7ZWRpdGFibGUgJiYgKFxuICAgICAgICA8QWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICAgICA8VG9vbHRpcFxuICAgICAgICAgICAgdG9vbHRpcD17XG4gICAgICAgICAgICAgIGNhbkFkZEZvbGRlclxuICAgICAgICAgICAgICAgID8gdCgnbXlOZGxhLm5ld0ZvbGRlclVuZGVyJywge1xuICAgICAgICAgICAgICAgICAgICBmb2xkZXJOYW1lOiBnZXRGb2xkZXJOYW1lKGZvbGRlcnMsIG1hcmtlZEZvbGRlcklkKSxcbiAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgOiB0KCd0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWQnKVxuICAgICAgICAgICAgfT5cbiAgICAgICAgICAgIDxBZGRCdXR0b25cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9eyFjYW5BZGRGb2xkZXJ9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ215TmRsYS5uZXdGb2xkZXInKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKG1hcmtlZEZvbGRlcklkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICAgICAgICA8L0FkZEJ1dHRvbj5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgIDwvQWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUcmVlU3RydWN0dXJlO1xuIl19 */"));
|
|
78
68
|
|
|
79
69
|
var TreeStructure = function TreeStructure(_ref) {
|
|
80
|
-
var
|
|
70
|
+
var _folders$;
|
|
81
71
|
|
|
82
|
-
var
|
|
72
|
+
var folders = _ref.folders,
|
|
83
73
|
label = _ref.label,
|
|
84
74
|
editable = _ref.editable,
|
|
85
75
|
loading = _ref.loading,
|
|
86
76
|
onNewFolder = _ref.onNewFolder,
|
|
77
|
+
onSelectFolder = _ref.onSelectFolder,
|
|
87
78
|
openOnFolderClick = _ref.openOnFolderClick,
|
|
88
79
|
framed = _ref.framed,
|
|
89
80
|
folderIdMarkedByDefault = _ref.folderIdMarkedByDefault,
|
|
90
81
|
defaultOpenFolders = _ref.defaultOpenFolders,
|
|
91
82
|
folderChild = _ref.folderChild,
|
|
92
|
-
|
|
83
|
+
_ref$maximumLevelsOfF = _ref.maximumLevelsOfFoldersAllowed,
|
|
84
|
+
maximumLevelsOfFoldersAllowed = _ref$maximumLevelsOfF === void 0 ? MAX_LEVEL_FOR_FOLDERS : _ref$maximumLevelsOfF;
|
|
93
85
|
|
|
94
86
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
95
87
|
t = _useTranslation.t;
|
|
96
88
|
|
|
97
89
|
var _useState = (0, _react.useState)(),
|
|
98
90
|
_useState2 = _slicedToArray(_useState, 2),
|
|
99
|
-
|
|
100
|
-
|
|
91
|
+
newFolderParentId = _useState2[0],
|
|
92
|
+
setNewFolderParentId = _useState2[1];
|
|
101
93
|
|
|
102
94
|
var _useState3 = (0, _react.useState)(defaultOpenFolders || []),
|
|
103
95
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
@@ -109,17 +101,19 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
109
101
|
focusedFolderId = _useState6[0],
|
|
110
102
|
setFocusedFolderId = _useState6[1];
|
|
111
103
|
|
|
112
|
-
var _useState7 = (0, _react.useState)(folderIdMarkedByDefault || ((
|
|
104
|
+
var _useState7 = (0, _react.useState)(folderIdMarkedByDefault || ((_folders$ = folders[0]) === null || _folders$ === void 0 ? void 0 : _folders$.id)),
|
|
113
105
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
114
106
|
markedFolderId = _useState8[0],
|
|
115
107
|
setMarkedFolderId = _useState8[1];
|
|
116
108
|
|
|
117
109
|
var treestructureRef = (0, _react.useRef)(null);
|
|
118
110
|
var wrapperRef = (0, _react.useRef)(null);
|
|
119
|
-
var rootLevelId =
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
111
|
+
var rootLevelId = 'treestructure-root';
|
|
112
|
+
var visibleFolders = (0, _react.useMemo)(function () {
|
|
113
|
+
return (0, _helperFunctions.flattenFolders)(folders, openFolders).map(function (folder) {
|
|
114
|
+
return folder.id;
|
|
115
|
+
});
|
|
116
|
+
}, [folders, openFolders]);
|
|
123
117
|
(0, _react.useEffect)(function () {
|
|
124
118
|
if (defaultOpenFolders) {
|
|
125
119
|
setOpenFolders(function (prev) {
|
|
@@ -129,59 +123,55 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
129
123
|
}, [defaultOpenFolders]);
|
|
130
124
|
(0, _react.useEffect)(function () {
|
|
131
125
|
if (!loading) {
|
|
132
|
-
|
|
126
|
+
setNewFolderParentId(undefined);
|
|
133
127
|
}
|
|
134
128
|
}, [loading]);
|
|
135
129
|
|
|
136
|
-
var
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
if (
|
|
130
|
+
var onCloseFolder = function onCloseFolder(id) {
|
|
131
|
+
// Did we just closed a folder with a marked folder inside it?
|
|
132
|
+
// If so, we need to mark the folder we just closed.
|
|
133
|
+
if (markedFolderId) {
|
|
134
|
+
var closingFolderPath = (0, _helperFunctions.getPathOfFolder)(folders, id);
|
|
135
|
+
var markedFolderPath = (0, _helperFunctions.getPathOfFolder)(folders, markedFolderId);
|
|
136
|
+
var markedFolderIsSubPath = closingFolderPath.every(function (folderId, _index) {
|
|
137
|
+
return markedFolderPath[_index] === folderId;
|
|
138
|
+
});
|
|
139
|
+
|
|
140
|
+
if (markedFolderIsSubPath) {
|
|
141
|
+
if (onSelectFolder) {
|
|
148
142
|
setMarkedFolderId(closingFolderPath[closingFolderPath.length - 1]);
|
|
143
|
+
onSelectFolder(closingFolderPath[closingFolderPath.length - 1]);
|
|
144
|
+
} else {
|
|
145
|
+
setFocusedFolderId(closingFolderPath[closingFolderPath.length - 1]);
|
|
149
146
|
}
|
|
150
147
|
}
|
|
151
|
-
|
|
152
|
-
setOpenFolders(openFolders.filter(function (folder) {
|
|
153
|
-
return folder !== id;
|
|
154
|
-
}));
|
|
155
|
-
} else {
|
|
156
|
-
setOpenFolders((0, _lodash.uniq)([].concat(_toConsumableArray(openFolders), [id])));
|
|
157
148
|
}
|
|
149
|
+
|
|
150
|
+
setOpenFolders(openFolders.filter(function (folder) {
|
|
151
|
+
return folder !== id;
|
|
152
|
+
}));
|
|
158
153
|
};
|
|
159
154
|
|
|
160
|
-
var
|
|
161
|
-
|
|
155
|
+
var onOpenFolder = function onOpenFolder(id) {
|
|
156
|
+
setOpenFolders((0, _lodash.uniq)(openFolders.concat(id)));
|
|
162
157
|
};
|
|
163
158
|
|
|
164
|
-
var
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
setOpenFolders((0, _lodash.uniq)([].concat(_toConsumableArray(openFolders), [newFolder.parentId])));
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
});
|
|
180
|
-
}
|
|
159
|
+
var onCreateNewFolder = function onCreateNewFolder(parentId) {
|
|
160
|
+
setNewFolderParentId(parentId);
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
var onSaveNewFolder = function onSaveNewFolder(name, parentId) {
|
|
164
|
+
onNewFolder(name, parentId).then(function (newFolderId) {
|
|
165
|
+
if (newFolderId) {
|
|
166
|
+
setMarkedFolderId(newFolderId);
|
|
167
|
+
setFocusedFolderId(newFolderId);
|
|
168
|
+
setOpenFolders((0, _lodash.uniq)(openFolders.concat(parentId)));
|
|
169
|
+
}
|
|
170
|
+
});
|
|
181
171
|
};
|
|
182
172
|
|
|
183
173
|
var onCancelNewFolder = function onCancelNewFolder() {
|
|
184
|
-
|
|
174
|
+
setNewFolderParentId(undefined);
|
|
185
175
|
};
|
|
186
176
|
|
|
187
177
|
var onMarkFolder = function onMarkFolder(id) {
|
|
@@ -189,24 +179,10 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
189
179
|
setFocusedFolderId(id);
|
|
190
180
|
};
|
|
191
181
|
|
|
192
|
-
var paths = (0, _helperFunctions.getPathOfFolder)(
|
|
182
|
+
var paths = (0, _helperFunctions.getPathOfFolder)(folders, markedFolderId || '');
|
|
193
183
|
var canAddFolder = editable && paths.length < (maximumLevelsOfFoldersAllowed || 1);
|
|
194
184
|
return (0, _core2.jsx)("div", {
|
|
195
|
-
ref: treestructureRef
|
|
196
|
-
onKeyDown: function onKeyDown(e) {
|
|
197
|
-
var _wrapperRef$current;
|
|
198
|
-
|
|
199
|
-
if (((_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.contains(document.activeElement)) && _keyboardNavigation.KEYBOARD_KEYS_OF_INTEREST.includes(e.key)) {
|
|
200
|
-
(0, _keyboardNavigation["default"])({
|
|
201
|
-
e: e,
|
|
202
|
-
data: data,
|
|
203
|
-
setFocusedFolderId: setFocusedFolderId,
|
|
204
|
-
focusedFolderId: focusedFolderId,
|
|
205
|
-
onToggleOpen: onToggleOpen,
|
|
206
|
-
openFolders: openFolders
|
|
207
|
-
});
|
|
208
|
-
}
|
|
209
|
-
}
|
|
185
|
+
ref: treestructureRef
|
|
210
186
|
}, label && (0, _core2.jsx)(StyledLabel, {
|
|
211
187
|
htmlFor: rootLevelId
|
|
212
188
|
}, label), (0, _core2.jsx)(_TreeStructureWrapper["default"], {
|
|
@@ -216,14 +192,17 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
216
192
|
role: "tree",
|
|
217
193
|
framed: framed
|
|
218
194
|
}, (0, _core2.jsx)(_FolderItems["default"], {
|
|
219
|
-
|
|
220
|
-
|
|
195
|
+
onSelectFolder: onSelectFolder,
|
|
196
|
+
level: 1,
|
|
197
|
+
folders: folders,
|
|
221
198
|
editable: editable,
|
|
222
|
-
|
|
223
|
-
|
|
199
|
+
onOpenFolder: onOpenFolder,
|
|
200
|
+
onCloseFolder: onCloseFolder,
|
|
201
|
+
newFolderParentId: newFolderParentId,
|
|
224
202
|
onCreateNewFolder: onCreateNewFolder,
|
|
225
203
|
onCancelNewFolder: onCancelNewFolder,
|
|
226
204
|
onSaveNewFolder: onSaveNewFolder,
|
|
205
|
+
visibleFolders: visibleFolders,
|
|
227
206
|
openFolders: openFolders,
|
|
228
207
|
markedFolderId: markedFolderId,
|
|
229
208
|
onMarkFolder: onMarkFolder,
|
|
@@ -231,28 +210,20 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
231
210
|
loading: loading,
|
|
232
211
|
focusedFolderId: focusedFolderId,
|
|
233
212
|
setFocusedFolderId: setFocusedFolderId,
|
|
234
|
-
firstLevel: true,
|
|
235
213
|
folderChild: folderChild,
|
|
236
214
|
maximumLevelsOfFoldersAllowed: maximumLevelsOfFoldersAllowed
|
|
237
215
|
})), editable && (0, _core2.jsx)(AddFolderWrapper, null, (0, _core2.jsx)(_tooltip["default"], {
|
|
238
216
|
tooltip: canAddFolder ? t('myNdla.newFolderUnder', {
|
|
239
|
-
folderName: (0, _helperFunctions.getFolderName)(
|
|
240
|
-
}) : t('
|
|
217
|
+
folderName: (0, _helperFunctions.getFolderName)(folders, markedFolderId)
|
|
218
|
+
}) : t('treeStructure.maxFoldersAlreadyAdded')
|
|
241
219
|
}, (0, _core2.jsx)(_button.AddButton, {
|
|
242
220
|
disabled: !canAddFolder,
|
|
243
221
|
"aria-label": t('myNdla.newFolder'),
|
|
244
222
|
onClick: function onClick() {
|
|
245
|
-
|
|
246
|
-
setNewFolder({
|
|
247
|
-
idPaths: idPaths,
|
|
248
|
-
parentId: paths[paths.length - 1]
|
|
249
|
-
});
|
|
223
|
+
setNewFolderParentId(markedFolderId);
|
|
250
224
|
}
|
|
251
225
|
}, t('myNdla.newFolder')))));
|
|
252
226
|
};
|
|
253
227
|
|
|
254
|
-
TreeStructure.defaultProps = {
|
|
255
|
-
maximumLevelsOfFoldersAllowed: MAX_LEVEL_FOR_FOLDERS
|
|
256
|
-
};
|
|
257
228
|
var _default = TreeStructure;
|
|
258
229
|
exports["default"] = _default;
|
|
@@ -9,36 +9,27 @@ import React, { ReactNode } from 'react';
|
|
|
9
9
|
export interface FolderStructureProps {
|
|
10
10
|
id: string;
|
|
11
11
|
name: string;
|
|
12
|
-
|
|
13
|
-
data?: FolderStructureProps[];
|
|
12
|
+
subfolders: FolderStructureProps[];
|
|
14
13
|
isFavorite?: boolean;
|
|
15
14
|
status?: string;
|
|
16
15
|
openAsDefault?: boolean;
|
|
17
|
-
url?: string;
|
|
18
16
|
icon?: ReactNode;
|
|
19
17
|
}
|
|
20
|
-
export interface NewFolderProps {
|
|
21
|
-
parentId?: string;
|
|
22
|
-
idPaths: number[];
|
|
23
|
-
}
|
|
24
18
|
interface CommonFolderProps {
|
|
25
|
-
data: FolderStructureProps[];
|
|
26
19
|
editable?: boolean;
|
|
27
20
|
loading?: boolean;
|
|
28
21
|
openOnFolderClick?: boolean;
|
|
22
|
+
onSelectFolder?: (id: string) => void;
|
|
29
23
|
}
|
|
30
24
|
export interface TreeStructureProps extends CommonFolderProps {
|
|
25
|
+
folders: FolderStructureProps[];
|
|
31
26
|
framed?: boolean;
|
|
32
27
|
label?: string;
|
|
33
28
|
folderIdMarkedByDefault?: string;
|
|
34
|
-
onNewFolder: (
|
|
35
|
-
value: string;
|
|
36
|
-
parentId?: string;
|
|
37
|
-
idPaths: number[];
|
|
38
|
-
}) => Promise<string>;
|
|
29
|
+
onNewFolder: (name: string, parentId: string) => Promise<string>;
|
|
39
30
|
defaultOpenFolders?: string[];
|
|
40
31
|
folderChild?: FolderChildFuncType;
|
|
41
|
-
maximumLevelsOfFoldersAllowed
|
|
32
|
+
maximumLevelsOfFoldersAllowed?: number;
|
|
42
33
|
}
|
|
43
34
|
export declare type onCreateNewFolderProp = ({ idPaths, parentId, }: {
|
|
44
35
|
idPaths: number[];
|
|
@@ -48,18 +39,20 @@ export declare type SetOpenFolderProp = React.Dispatch<React.SetStateAction<stri
|
|
|
48
39
|
export declare type SetFocusedFolderId = React.Dispatch<React.SetStateAction<string | undefined>>;
|
|
49
40
|
export declare type FolderChildFuncType = (id: string, tabIndex: number) => ReactNode;
|
|
50
41
|
export interface FolderItemsProps extends CommonFolderProps {
|
|
51
|
-
|
|
52
|
-
|
|
42
|
+
folders: FolderStructureProps[];
|
|
43
|
+
onCloseFolder: (id: string) => void;
|
|
44
|
+
onOpenFolder: (id: string) => void;
|
|
45
|
+
onSaveNewFolder: (name: string, parentId: string) => void;
|
|
53
46
|
onCancelNewFolder: () => void;
|
|
54
|
-
onCreateNewFolder:
|
|
55
|
-
|
|
47
|
+
onCreateNewFolder: (parentId: string) => void;
|
|
48
|
+
newFolderParentId: string | undefined;
|
|
49
|
+
visibleFolders: string[];
|
|
56
50
|
openFolders: string[];
|
|
57
51
|
markedFolderId?: string;
|
|
58
52
|
onMarkFolder: (id: string) => void;
|
|
59
|
-
|
|
53
|
+
level: number;
|
|
60
54
|
focusedFolderId: string | undefined;
|
|
61
55
|
setFocusedFolderId: SetFocusedFolderId;
|
|
62
|
-
firstLevel: boolean;
|
|
63
56
|
keyNavigationFocusIsCreateFolderButton?: boolean;
|
|
64
57
|
icon?: ReactNode;
|
|
65
58
|
folderChild?: FolderChildFuncType;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022-present, NDLA.
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*
|
|
7
|
+
*/
|
|
8
|
+
import { KeyboardEvent } from 'react';
|
|
9
|
+
export declare const arrowNavigation: (e: KeyboardEvent<HTMLElement>, id: string, visibleFolders: string[], setFocusedFolderId: (id: string) => void, onOpen: (id: string) => void, onClose: (id: string) => void) => void;
|