@ndla/ui 19.1.1 → 19.2.0
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/es/TreeStructure/FolderItem.js +54 -38
- package/es/TreeStructure/FolderItems.js +29 -35
- package/es/TreeStructure/FolderNameInput.js +11 -15
- package/es/TreeStructure/TreeStructure.js +64 -91
- package/es/TreeStructure/arrowNavigation.js +44 -0
- package/es/TreeStructure/helperFunctions.js +41 -35
- 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 +11 -15
- 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/package.json +5 -5
- package/src/TreeStructure/FolderItem.tsx +63 -40
- package/src/TreeStructure/FolderItems.tsx +26 -19
- package/src/TreeStructure/FolderNameInput.tsx +9 -11
- 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/es/TreeStructure/keyboardNavigation/keyboardNavigation.js +0 -194
- package/es/TreeStructure/keyboardNavigation/keyboardNavigation.types.js +0 -0
- 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/TreeStructure/keyboardNavigation/keyboardNavigation.ts +0 -161
- package/src/TreeStructure/keyboardNavigation/keyboardNavigation.types.ts +0 -28
|
@@ -31,12 +31,12 @@ import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
|
31
31
|
var ArrowRight = /*#__PURE__*/_styled(ArrowDropDownRaw, {
|
|
32
32
|
target: "ea8uq7w0",
|
|
33
33
|
label: "ArrowRight"
|
|
34
|
-
})("color:", colors.text.primary, ";transform:rotate(-90deg);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCBTcGlubmVyIGZyb20gJy4uL1NwaW5uZXInO1xuXG5jb25zdCBBcnJvd1JpZ2h0ID0gc3R5bGVkKEFycm93RHJvcERvd25SYXcpYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmA7XG5cbmNvbnN0IE5ld0ZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke2FuaW1hdGlvbnMuZmFkZUluTGVmdChhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc/OiBib29sZWFuIH0+
|
|
34
|
+
})("color:", colors.text.primary, ";transform:rotate(-90deg);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCBTcGlubmVyIGZyb20gJy4uL1NwaW5uZXInO1xuXG5jb25zdCBBcnJvd1JpZ2h0ID0gc3R5bGVkKEFycm93RHJvcERvd25SYXcpYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmA7XG5cbmNvbnN0IE5ld0ZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke2FuaW1hdGlvbnMuZmFkZUluTGVmdChhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc/OiBib29sZWFuIH0+YFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy54eHNtYWxsfSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IGxvYWRpbmcgfSkgPT4gKGxvYWRpbmcgPyBjb2xvcnMuYnJhbmQubGlnaHRlciA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG4gIGJvcmRlci1zdHlsZTogZGFzaGVkO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICBmbGV4LWdyb3c6IDE7XG4gIGJvcmRlcjogMDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBzY3JvbGwtbWFyZ2luLXRvcDogMTAwcHg7XG5gO1xuXG5pbnRlcmZhY2UgRm9sZGVyTmFtZUlucHV0UHJvcHMge1xuICBvblNhdmVOZXdGb2xkZXI6IChuYW1lOiBzdHJpbmcsIHBhcmVudElkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHBhcmVudElkOiBzdHJpbmc7XG4gIG9uQ2FuY2VsTmV3Rm9sZGVyOiAoKSA9PiB2b2lkO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRm9sZGVyTmFtZUlucHV0ID0gKHsgb25TYXZlTmV3Rm9sZGVyLCBwYXJlbnRJZCwgb25DYW5jZWxOZXdGb2xkZXIsIGxvYWRpbmcgfTogRm9sZGVyTmFtZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbbmFtZSwgc2V0TmFtZV0gPSB1c2VTdGF0ZTxzdHJpbmc+KHQoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLmRlZmF1bHROYW1lJykpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbnB1dFJlZi5jdXJyZW50KSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50LnNlbGVjdCgpO1xuICAgICAgaWYgKGlzTW9iaWxlKSB7XG4gICAgICAgIGlucHV0UmVmLmN1cnJlbnQuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgICB9XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8TmV3Rm9sZGVyV3JhcHBlcj5cbiAgICAgIDxJbnB1dFdyYXBwZXIgbG9hZGluZz17bG9hZGluZ30+XG4gICAgICAgIDxBcnJvd1JpZ2h0IC8+XG4gICAgICAgIDxGb2xkZXJPdXRsaW5lZCAvPlxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5wbGFjZWhvbGRlcicpfVxuICAgICAgICAgIGRpc2FibGVkPXtsb2FkaW5nfVxuICAgICAgICAgIHZhbHVlPXtuYW1lfVxuICAgICAgICAgIG9uQmx1cj17KCkgPT4gb25DYW5jZWxOZXdGb2xkZXIoKX1cbiAgICAgICAgICBvbktleURvd249eyhlOiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgICAgICAgIG9uQ2FuY2VsTmV3Rm9sZGVyKCk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKGUua2V5ID09PSAnRW50ZXInIHx8IGUua2V5ID09PSAnVGFiJykge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIG9uU2F2ZU5ld0ZvbGRlcihuYW1lLCBwYXJlbnRJZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkNoYW5nZT17KGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0YXJnZXQgPSBlLnRhcmdldDtcbiAgICAgICAgICAgIHNldE5hbWUodGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7bG9hZGluZyAmJiA8U3Bpbm5lciBzaXplPVwic21hbGxcIiAvPn1cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvTmV3Rm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlck5hbWVJbnB1dDtcbiJdfQ== */"));
|
|
35
35
|
|
|
36
36
|
var NewFolderWrapper = _styled("div", {
|
|
37
37
|
target: "ea8uq7w1",
|
|
38
38
|
label: "NewFolderWrapper"
|
|
39
|
-
})("padding-left:", spacing.normal, ";", animations.fadeInLeft(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JtQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCBTcGlubmVyIGZyb20gJy4uL1NwaW5uZXInO1xuXG5jb25zdCBBcnJvd1JpZ2h0ID0gc3R5bGVkKEFycm93RHJvcERvd25SYXcpYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmA7XG5cbmNvbnN0IE5ld0ZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke2FuaW1hdGlvbnMuZmFkZUluTGVmdChhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc/OiBib29sZWFuIH0+
|
|
39
|
+
})("padding-left:", spacing.normal, ";", animations.fadeInLeft(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JtQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCBTcGlubmVyIGZyb20gJy4uL1NwaW5uZXInO1xuXG5jb25zdCBBcnJvd1JpZ2h0ID0gc3R5bGVkKEFycm93RHJvcERvd25SYXcpYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmA7XG5cbmNvbnN0IE5ld0ZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke2FuaW1hdGlvbnMuZmFkZUluTGVmdChhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc/OiBib29sZWFuIH0+YFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy54eHNtYWxsfSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IGxvYWRpbmcgfSkgPT4gKGxvYWRpbmcgPyBjb2xvcnMuYnJhbmQubGlnaHRlciA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG4gIGJvcmRlci1zdHlsZTogZGFzaGVkO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICBmbGV4LWdyb3c6IDE7XG4gIGJvcmRlcjogMDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBzY3JvbGwtbWFyZ2luLXRvcDogMTAwcHg7XG5gO1xuXG5pbnRlcmZhY2UgRm9sZGVyTmFtZUlucHV0UHJvcHMge1xuICBvblNhdmVOZXdGb2xkZXI6IChuYW1lOiBzdHJpbmcsIHBhcmVudElkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHBhcmVudElkOiBzdHJpbmc7XG4gIG9uQ2FuY2VsTmV3Rm9sZGVyOiAoKSA9PiB2b2lkO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRm9sZGVyTmFtZUlucHV0ID0gKHsgb25TYXZlTmV3Rm9sZGVyLCBwYXJlbnRJZCwgb25DYW5jZWxOZXdGb2xkZXIsIGxvYWRpbmcgfTogRm9sZGVyTmFtZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbbmFtZSwgc2V0TmFtZV0gPSB1c2VTdGF0ZTxzdHJpbmc+KHQoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLmRlZmF1bHROYW1lJykpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbnB1dFJlZi5jdXJyZW50KSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50LnNlbGVjdCgpO1xuICAgICAgaWYgKGlzTW9iaWxlKSB7XG4gICAgICAgIGlucHV0UmVmLmN1cnJlbnQuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgICB9XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8TmV3Rm9sZGVyV3JhcHBlcj5cbiAgICAgIDxJbnB1dFdyYXBwZXIgbG9hZGluZz17bG9hZGluZ30+XG4gICAgICAgIDxBcnJvd1JpZ2h0IC8+XG4gICAgICAgIDxGb2xkZXJPdXRsaW5lZCAvPlxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5wbGFjZWhvbGRlcicpfVxuICAgICAgICAgIGRpc2FibGVkPXtsb2FkaW5nfVxuICAgICAgICAgIHZhbHVlPXtuYW1lfVxuICAgICAgICAgIG9uQmx1cj17KCkgPT4gb25DYW5jZWxOZXdGb2xkZXIoKX1cbiAgICAgICAgICBvbktleURvd249eyhlOiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgICAgICAgIG9uQ2FuY2VsTmV3Rm9sZGVyKCk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKGUua2V5ID09PSAnRW50ZXInIHx8IGUua2V5ID09PSAnVGFiJykge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIG9uU2F2ZU5ld0ZvbGRlcihuYW1lLCBwYXJlbnRJZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkNoYW5nZT17KGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0YXJnZXQgPSBlLnRhcmdldDtcbiAgICAgICAgICAgIHNldE5hbWUodGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7bG9hZGluZyAmJiA8U3Bpbm5lciBzaXplPVwic21hbGxcIiAvPn1cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvTmV3Rm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlck5hbWVJbnB1dDtcbiJdfQ== */"));
|
|
40
40
|
|
|
41
41
|
var InputWrapper = _styled("div", {
|
|
42
42
|
target: "ea8uq7w2",
|
|
@@ -44,15 +44,16 @@ var InputWrapper = _styled("div", {
|
|
|
44
44
|
})("margin:", spacing.xxsmall, " ", spacing.small, " ", spacing.xxsmall, " 0;display:flex;align-items:center;border:1px solid ", function (_ref) {
|
|
45
45
|
var loading = _ref.loading;
|
|
46
46
|
return loading ? colors.brand.lighter : colors.brand.primary;
|
|
47
|
-
}, ";border-style:dashed;border-radius:", misc.borderRadius, ";padding-right:", spacing.normal, ";padding-left:", spacing.xsmall, ";color:", colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JzRCIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCBTcGlubmVyIGZyb20gJy4uL1NwaW5uZXInO1xuXG5jb25zdCBBcnJvd1JpZ2h0ID0gc3R5bGVkKEFycm93RHJvcERvd25SYXcpYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmA7XG5cbmNvbnN0IE5ld0ZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke2FuaW1hdGlvbnMuZmFkZUluTGVmdChhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc/OiBib29sZWFuIH0+
|
|
47
|
+
}, ";border-style:dashed;border-radius:", misc.borderRadius, ";padding-right:", spacing.normal, ";padding-left:", spacing.xsmall, ";color:", colors.brand.primary, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JzRCIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCBTcGlubmVyIGZyb20gJy4uL1NwaW5uZXInO1xuXG5jb25zdCBBcnJvd1JpZ2h0ID0gc3R5bGVkKEFycm93RHJvcERvd25SYXcpYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmA7XG5cbmNvbnN0IE5ld0ZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke2FuaW1hdGlvbnMuZmFkZUluTGVmdChhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc/OiBib29sZWFuIH0+YFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy54eHNtYWxsfSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IGxvYWRpbmcgfSkgPT4gKGxvYWRpbmcgPyBjb2xvcnMuYnJhbmQubGlnaHRlciA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG4gIGJvcmRlci1zdHlsZTogZGFzaGVkO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICBmbGV4LWdyb3c6IDE7XG4gIGJvcmRlcjogMDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBzY3JvbGwtbWFyZ2luLXRvcDogMTAwcHg7XG5gO1xuXG5pbnRlcmZhY2UgRm9sZGVyTmFtZUlucHV0UHJvcHMge1xuICBvblNhdmVOZXdGb2xkZXI6IChuYW1lOiBzdHJpbmcsIHBhcmVudElkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHBhcmVudElkOiBzdHJpbmc7XG4gIG9uQ2FuY2VsTmV3Rm9sZGVyOiAoKSA9PiB2b2lkO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRm9sZGVyTmFtZUlucHV0ID0gKHsgb25TYXZlTmV3Rm9sZGVyLCBwYXJlbnRJZCwgb25DYW5jZWxOZXdGb2xkZXIsIGxvYWRpbmcgfTogRm9sZGVyTmFtZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbbmFtZSwgc2V0TmFtZV0gPSB1c2VTdGF0ZTxzdHJpbmc+KHQoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLmRlZmF1bHROYW1lJykpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbnB1dFJlZi5jdXJyZW50KSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50LnNlbGVjdCgpO1xuICAgICAgaWYgKGlzTW9iaWxlKSB7XG4gICAgICAgIGlucHV0UmVmLmN1cnJlbnQuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgICB9XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8TmV3Rm9sZGVyV3JhcHBlcj5cbiAgICAgIDxJbnB1dFdyYXBwZXIgbG9hZGluZz17bG9hZGluZ30+XG4gICAgICAgIDxBcnJvd1JpZ2h0IC8+XG4gICAgICAgIDxGb2xkZXJPdXRsaW5lZCAvPlxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5wbGFjZWhvbGRlcicpfVxuICAgICAgICAgIGRpc2FibGVkPXtsb2FkaW5nfVxuICAgICAgICAgIHZhbHVlPXtuYW1lfVxuICAgICAgICAgIG9uQmx1cj17KCkgPT4gb25DYW5jZWxOZXdGb2xkZXIoKX1cbiAgICAgICAgICBvbktleURvd249eyhlOiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgICAgICAgIG9uQ2FuY2VsTmV3Rm9sZGVyKCk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKGUua2V5ID09PSAnRW50ZXInIHx8IGUua2V5ID09PSAnVGFiJykge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIG9uU2F2ZU5ld0ZvbGRlcihuYW1lLCBwYXJlbnRJZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkNoYW5nZT17KGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0YXJnZXQgPSBlLnRhcmdldDtcbiAgICAgICAgICAgIHNldE5hbWUodGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7bG9hZGluZyAmJiA8U3Bpbm5lciBzaXplPVwic21hbGxcIiAvPn1cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvTmV3Rm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlck5hbWVJbnB1dDtcbiJdfQ== */"));
|
|
48
48
|
|
|
49
49
|
var StyledInput = _styled("input", {
|
|
50
50
|
target: "ea8uq7w3",
|
|
51
51
|
label: "StyledInput"
|
|
52
|
-
})("flex-grow:1;border:0;outline:none;padding:", spacing.small, ";padding-left:", spacing.xsmall, ";background:transparent;color:", colors.text.primary, ";scroll-margin-top:100px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNnQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCBTcGlubmVyIGZyb20gJy4uL1NwaW5uZXInO1xuXG5jb25zdCBBcnJvd1JpZ2h0ID0gc3R5bGVkKEFycm93RHJvcERvd25SYXcpYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmA7XG5cbmNvbnN0IE5ld0ZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke2FuaW1hdGlvbnMuZmFkZUluTGVmdChhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc/OiBib29sZWFuIH0+
|
|
52
|
+
})("flex-grow:1;border:0;outline:none;padding:", spacing.small, ";padding-left:", spacing.xsmall, ";background:transparent;color:", colors.text.primary, ";scroll-margin-top:100px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNnQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRm9sZGVyT3V0bGluZWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb250ZW50VHlwZSc7XG5pbXBvcnQgeyBBcnJvd0Ryb3BEb3duIGFzIEFycm93RHJvcERvd25SYXcgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBhbmltYXRpb25zIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgaXNNb2JpbGUgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCBTcGlubmVyIGZyb20gJy4uL1NwaW5uZXInO1xuXG5jb25zdCBBcnJvd1JpZ2h0ID0gc3R5bGVkKEFycm93RHJvcERvd25SYXcpYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbmA7XG5cbmNvbnN0IE5ld0ZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke2FuaW1hdGlvbnMuZmFkZUluTGVmdChhbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0KX07XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICBAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxvYWRpbmc/OiBib29sZWFuIH0+YFxuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfSAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy54eHNtYWxsfSAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IGxvYWRpbmcgfSkgPT4gKGxvYWRpbmcgPyBjb2xvcnMuYnJhbmQubGlnaHRlciA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG4gIGJvcmRlci1zdHlsZTogZGFzaGVkO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0YFxuICBmbGV4LWdyb3c6IDE7XG4gIGJvcmRlcjogMDtcbiAgb3V0bGluZTogbm9uZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBzY3JvbGwtbWFyZ2luLXRvcDogMTAwcHg7XG5gO1xuXG5pbnRlcmZhY2UgRm9sZGVyTmFtZUlucHV0UHJvcHMge1xuICBvblNhdmVOZXdGb2xkZXI6IChuYW1lOiBzdHJpbmcsIHBhcmVudElkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHBhcmVudElkOiBzdHJpbmc7XG4gIG9uQ2FuY2VsTmV3Rm9sZGVyOiAoKSA9PiB2b2lkO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRm9sZGVyTmFtZUlucHV0ID0gKHsgb25TYXZlTmV3Rm9sZGVyLCBwYXJlbnRJZCwgb25DYW5jZWxOZXdGb2xkZXIsIGxvYWRpbmcgfTogRm9sZGVyTmFtZUlucHV0UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbbmFtZSwgc2V0TmFtZV0gPSB1c2VTdGF0ZTxzdHJpbmc+KHQoJ3RyZWVTdHJ1Y3R1cmUubmV3Rm9sZGVyLmRlZmF1bHROYW1lJykpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbnB1dFJlZi5jdXJyZW50KSB7XG4gICAgICBpbnB1dFJlZi5jdXJyZW50LnNlbGVjdCgpO1xuICAgICAgaWYgKGlzTW9iaWxlKSB7XG4gICAgICAgIGlucHV0UmVmLmN1cnJlbnQuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgICB9XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8TmV3Rm9sZGVyV3JhcHBlcj5cbiAgICAgIDxJbnB1dFdyYXBwZXIgbG9hZGluZz17bG9hZGluZ30+XG4gICAgICAgIDxBcnJvd1JpZ2h0IC8+XG4gICAgICAgIDxGb2xkZXJPdXRsaW5lZCAvPlxuICAgICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICAgIHBsYWNlaG9sZGVyPXt0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5wbGFjZWhvbGRlcicpfVxuICAgICAgICAgIGRpc2FibGVkPXtsb2FkaW5nfVxuICAgICAgICAgIHZhbHVlPXtuYW1lfVxuICAgICAgICAgIG9uQmx1cj17KCkgPT4gb25DYW5jZWxOZXdGb2xkZXIoKX1cbiAgICAgICAgICBvbktleURvd249eyhlOiBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgICAgICAgIG9uQ2FuY2VsTmV3Rm9sZGVyKCk7XG4gICAgICAgICAgICB9IGVsc2UgaWYgKGUua2V5ID09PSAnRW50ZXInIHx8IGUua2V5ID09PSAnVGFiJykge1xuICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIG9uU2F2ZU5ld0ZvbGRlcihuYW1lLCBwYXJlbnRJZCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkNoYW5nZT17KGU6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB0YXJnZXQgPSBlLnRhcmdldDtcbiAgICAgICAgICAgIHNldE5hbWUodGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICB9fVxuICAgICAgICAvPlxuICAgICAgICB7bG9hZGluZyAmJiA8U3Bpbm5lciBzaXplPVwic21hbGxcIiAvPn1cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvTmV3Rm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlck5hbWVJbnB1dDtcbiJdfQ== */"));
|
|
53
53
|
|
|
54
54
|
var FolderNameInput = function FolderNameInput(_ref2) {
|
|
55
55
|
var onSaveNewFolder = _ref2.onSaveNewFolder,
|
|
56
|
+
parentId = _ref2.parentId,
|
|
56
57
|
onCancelNewFolder = _ref2.onCancelNewFolder,
|
|
57
58
|
loading = _ref2.loading;
|
|
58
59
|
|
|
@@ -61,8 +62,8 @@ var FolderNameInput = function FolderNameInput(_ref2) {
|
|
|
61
62
|
|
|
62
63
|
var _useState = useState(t('treeStructure.newFolder.defaultName')),
|
|
63
64
|
_useState2 = _slicedToArray(_useState, 2),
|
|
64
|
-
|
|
65
|
-
|
|
65
|
+
name = _useState2[0],
|
|
66
|
+
setName = _useState2[1];
|
|
66
67
|
|
|
67
68
|
var inputRef = useRef(null);
|
|
68
69
|
useEffect(function () {
|
|
@@ -83,26 +84,21 @@ var FolderNameInput = function FolderNameInput(_ref2) {
|
|
|
83
84
|
autoFocus: true,
|
|
84
85
|
placeholder: t('treeStructure.newFolder.placeholder'),
|
|
85
86
|
disabled: loading,
|
|
86
|
-
value:
|
|
87
|
+
value: name,
|
|
87
88
|
onBlur: function onBlur() {
|
|
88
89
|
return onCancelNewFolder();
|
|
89
90
|
},
|
|
90
91
|
onKeyDown: function onKeyDown(e) {
|
|
91
92
|
if (e.key === 'Escape') {
|
|
92
93
|
onCancelNewFolder();
|
|
93
|
-
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
if (e.key === 'Enter' || e.key === 'Tab') {
|
|
97
|
-
onSaveNewFolder(value);
|
|
94
|
+
} else if (e.key === 'Enter' || e.key === 'Tab') {
|
|
98
95
|
e.preventDefault();
|
|
96
|
+
onSaveNewFolder(name, parentId);
|
|
99
97
|
}
|
|
100
|
-
|
|
101
|
-
return;
|
|
102
98
|
},
|
|
103
99
|
onChange: function onChange(e) {
|
|
104
100
|
var target = e.target;
|
|
105
|
-
|
|
101
|
+
setName(target.value);
|
|
106
102
|
}
|
|
107
103
|
}), loading && ___EmotionJSX(Spinner, {
|
|
108
104
|
size: "small"
|
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
import _styled from "@emotion/styled-base";
|
|
2
2
|
|
|
3
|
-
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; }
|
|
4
|
-
|
|
5
|
-
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; }
|
|
6
|
-
|
|
7
|
-
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; }
|
|
8
|
-
|
|
9
3
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
10
4
|
|
|
11
5
|
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."); }
|
|
@@ -34,7 +28,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
34
28
|
*
|
|
35
29
|
*/
|
|
36
30
|
import React, { useEffect, useState, useRef, useMemo } from 'react';
|
|
37
|
-
import { uuid } from '@ndla/util';
|
|
38
31
|
import { AddButton } from '@ndla/button';
|
|
39
32
|
import Tooltip from '@ndla/tooltip';
|
|
40
33
|
import { useTranslation } from 'react-i18next';
|
|
@@ -42,43 +35,44 @@ import { spacing, fonts } from '@ndla/core';
|
|
|
42
35
|
import { uniq } from 'lodash';
|
|
43
36
|
import TreeStructureStyledWrapper from './TreeStructureWrapper';
|
|
44
37
|
import FolderItems from './FolderItems';
|
|
45
|
-
import {
|
|
46
|
-
import keyboardNavigation, { KEYBOARD_KEYS_OF_INTEREST } from './keyboardNavigation/keyboardNavigation';
|
|
38
|
+
import { getPathOfFolder, getFolderName, flattenFolders } from './helperFunctions';
|
|
47
39
|
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
48
40
|
export var MAX_LEVEL_FOR_FOLDERS = 4;
|
|
49
41
|
|
|
50
42
|
var StyledLabel = _styled("label", {
|
|
51
43
|
target: "e1dg1gdn0",
|
|
52
44
|
label: "StyledLabel"
|
|
53
|
-
})("font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
45
|
+
})("font-weight:", 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 */"));
|
|
54
46
|
|
|
55
47
|
var AddFolderWrapper = _styled("div", {
|
|
56
48
|
target: "e1dg1gdn1",
|
|
57
49
|
label: "AddFolderWrapper"
|
|
58
|
-
})("display:flex;margin-top:", spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
50
|
+
})("display:flex;margin-top:", 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 */"));
|
|
59
51
|
|
|
60
52
|
var TreeStructure = function TreeStructure(_ref) {
|
|
61
|
-
var
|
|
53
|
+
var _folders$;
|
|
62
54
|
|
|
63
|
-
var
|
|
55
|
+
var folders = _ref.folders,
|
|
64
56
|
label = _ref.label,
|
|
65
57
|
editable = _ref.editable,
|
|
66
58
|
loading = _ref.loading,
|
|
67
59
|
onNewFolder = _ref.onNewFolder,
|
|
60
|
+
onSelectFolder = _ref.onSelectFolder,
|
|
68
61
|
openOnFolderClick = _ref.openOnFolderClick,
|
|
69
62
|
framed = _ref.framed,
|
|
70
63
|
folderIdMarkedByDefault = _ref.folderIdMarkedByDefault,
|
|
71
64
|
defaultOpenFolders = _ref.defaultOpenFolders,
|
|
72
65
|
folderChild = _ref.folderChild,
|
|
73
|
-
|
|
66
|
+
_ref$maximumLevelsOfF = _ref.maximumLevelsOfFoldersAllowed,
|
|
67
|
+
maximumLevelsOfFoldersAllowed = _ref$maximumLevelsOfF === void 0 ? MAX_LEVEL_FOR_FOLDERS : _ref$maximumLevelsOfF;
|
|
74
68
|
|
|
75
69
|
var _useTranslation = useTranslation(),
|
|
76
70
|
t = _useTranslation.t;
|
|
77
71
|
|
|
78
72
|
var _useState = useState(),
|
|
79
73
|
_useState2 = _slicedToArray(_useState, 2),
|
|
80
|
-
|
|
81
|
-
|
|
74
|
+
newFolderParentId = _useState2[0],
|
|
75
|
+
setNewFolderParentId = _useState2[1];
|
|
82
76
|
|
|
83
77
|
var _useState3 = useState(defaultOpenFolders || []),
|
|
84
78
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
@@ -90,17 +84,19 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
90
84
|
focusedFolderId = _useState6[0],
|
|
91
85
|
setFocusedFolderId = _useState6[1];
|
|
92
86
|
|
|
93
|
-
var _useState7 = useState(folderIdMarkedByDefault || ((
|
|
87
|
+
var _useState7 = useState(folderIdMarkedByDefault || ((_folders$ = folders[0]) === null || _folders$ === void 0 ? void 0 : _folders$.id)),
|
|
94
88
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
95
89
|
markedFolderId = _useState8[0],
|
|
96
90
|
setMarkedFolderId = _useState8[1];
|
|
97
91
|
|
|
98
92
|
var treestructureRef = useRef(null);
|
|
99
93
|
var wrapperRef = useRef(null);
|
|
100
|
-
var rootLevelId =
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
94
|
+
var rootLevelId = 'treestructure-root';
|
|
95
|
+
var visibleFolders = useMemo(function () {
|
|
96
|
+
return flattenFolders(folders, openFolders).map(function (folder) {
|
|
97
|
+
return folder.id;
|
|
98
|
+
});
|
|
99
|
+
}, [folders, openFolders]);
|
|
104
100
|
useEffect(function () {
|
|
105
101
|
if (defaultOpenFolders) {
|
|
106
102
|
setOpenFolders(function (prev) {
|
|
@@ -110,59 +106,55 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
110
106
|
}, [defaultOpenFolders]);
|
|
111
107
|
useEffect(function () {
|
|
112
108
|
if (!loading) {
|
|
113
|
-
|
|
109
|
+
setNewFolderParentId(undefined);
|
|
114
110
|
}
|
|
115
111
|
}, [loading]);
|
|
116
112
|
|
|
117
|
-
var
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
if (
|
|
113
|
+
var onCloseFolder = function onCloseFolder(id) {
|
|
114
|
+
// Did we just closed a folder with a marked folder inside it?
|
|
115
|
+
// If so, we need to mark the folder we just closed.
|
|
116
|
+
if (markedFolderId) {
|
|
117
|
+
var closingFolderPath = getPathOfFolder(folders, id);
|
|
118
|
+
var markedFolderPath = getPathOfFolder(folders, markedFolderId);
|
|
119
|
+
var markedFolderIsSubPath = closingFolderPath.every(function (folderId, _index) {
|
|
120
|
+
return markedFolderPath[_index] === folderId;
|
|
121
|
+
});
|
|
122
|
+
|
|
123
|
+
if (markedFolderIsSubPath) {
|
|
124
|
+
if (onSelectFolder) {
|
|
129
125
|
setMarkedFolderId(closingFolderPath[closingFolderPath.length - 1]);
|
|
126
|
+
onSelectFolder(closingFolderPath[closingFolderPath.length - 1]);
|
|
127
|
+
} else {
|
|
128
|
+
setFocusedFolderId(closingFolderPath[closingFolderPath.length - 1]);
|
|
130
129
|
}
|
|
131
130
|
}
|
|
132
|
-
|
|
133
|
-
setOpenFolders(openFolders.filter(function (folder) {
|
|
134
|
-
return folder !== id;
|
|
135
|
-
}));
|
|
136
|
-
} else {
|
|
137
|
-
setOpenFolders(uniq([].concat(_toConsumableArray(openFolders), [id])));
|
|
138
131
|
}
|
|
132
|
+
|
|
133
|
+
setOpenFolders(openFolders.filter(function (folder) {
|
|
134
|
+
return folder !== id;
|
|
135
|
+
}));
|
|
139
136
|
};
|
|
140
137
|
|
|
141
|
-
var
|
|
142
|
-
|
|
138
|
+
var onOpenFolder = function onOpenFolder(id) {
|
|
139
|
+
setOpenFolders(uniq(openFolders.concat(id)));
|
|
143
140
|
};
|
|
144
141
|
|
|
145
|
-
var
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
setOpenFolders(uniq([].concat(_toConsumableArray(openFolders), [newFolder.parentId])));
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
});
|
|
161
|
-
}
|
|
142
|
+
var onCreateNewFolder = function onCreateNewFolder(parentId) {
|
|
143
|
+
setNewFolderParentId(parentId);
|
|
144
|
+
};
|
|
145
|
+
|
|
146
|
+
var onSaveNewFolder = function onSaveNewFolder(name, parentId) {
|
|
147
|
+
onNewFolder(name, parentId).then(function (newFolderId) {
|
|
148
|
+
if (newFolderId) {
|
|
149
|
+
setMarkedFolderId(newFolderId);
|
|
150
|
+
setFocusedFolderId(newFolderId);
|
|
151
|
+
setOpenFolders(uniq(openFolders.concat(parentId)));
|
|
152
|
+
}
|
|
153
|
+
});
|
|
162
154
|
};
|
|
163
155
|
|
|
164
156
|
var onCancelNewFolder = function onCancelNewFolder() {
|
|
165
|
-
|
|
157
|
+
setNewFolderParentId(undefined);
|
|
166
158
|
};
|
|
167
159
|
|
|
168
160
|
var onMarkFolder = function onMarkFolder(id) {
|
|
@@ -170,24 +162,10 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
170
162
|
setFocusedFolderId(id);
|
|
171
163
|
};
|
|
172
164
|
|
|
173
|
-
var paths = getPathOfFolder(
|
|
165
|
+
var paths = getPathOfFolder(folders, markedFolderId || '');
|
|
174
166
|
var canAddFolder = editable && paths.length < (maximumLevelsOfFoldersAllowed || 1);
|
|
175
167
|
return ___EmotionJSX("div", {
|
|
176
|
-
ref: treestructureRef
|
|
177
|
-
onKeyDown: function onKeyDown(e) {
|
|
178
|
-
var _wrapperRef$current;
|
|
179
|
-
|
|
180
|
-
if (((_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.contains(document.activeElement)) && KEYBOARD_KEYS_OF_INTEREST.includes(e.key)) {
|
|
181
|
-
keyboardNavigation({
|
|
182
|
-
e: e,
|
|
183
|
-
data: data,
|
|
184
|
-
setFocusedFolderId: setFocusedFolderId,
|
|
185
|
-
focusedFolderId: focusedFolderId,
|
|
186
|
-
onToggleOpen: onToggleOpen,
|
|
187
|
-
openFolders: openFolders
|
|
188
|
-
});
|
|
189
|
-
}
|
|
190
|
-
}
|
|
168
|
+
ref: treestructureRef
|
|
191
169
|
}, label && ___EmotionJSX(StyledLabel, {
|
|
192
170
|
htmlFor: rootLevelId
|
|
193
171
|
}, label), ___EmotionJSX(TreeStructureStyledWrapper, {
|
|
@@ -197,14 +175,17 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
197
175
|
role: "tree",
|
|
198
176
|
framed: framed
|
|
199
177
|
}, ___EmotionJSX(FolderItems, {
|
|
200
|
-
|
|
201
|
-
|
|
178
|
+
onSelectFolder: onSelectFolder,
|
|
179
|
+
level: 1,
|
|
180
|
+
folders: folders,
|
|
202
181
|
editable: editable,
|
|
203
|
-
|
|
204
|
-
|
|
182
|
+
onOpenFolder: onOpenFolder,
|
|
183
|
+
onCloseFolder: onCloseFolder,
|
|
184
|
+
newFolderParentId: newFolderParentId,
|
|
205
185
|
onCreateNewFolder: onCreateNewFolder,
|
|
206
186
|
onCancelNewFolder: onCancelNewFolder,
|
|
207
187
|
onSaveNewFolder: onSaveNewFolder,
|
|
188
|
+
visibleFolders: visibleFolders,
|
|
208
189
|
openFolders: openFolders,
|
|
209
190
|
markedFolderId: markedFolderId,
|
|
210
191
|
onMarkFolder: onMarkFolder,
|
|
@@ -212,27 +193,19 @@ var TreeStructure = function TreeStructure(_ref) {
|
|
|
212
193
|
loading: loading,
|
|
213
194
|
focusedFolderId: focusedFolderId,
|
|
214
195
|
setFocusedFolderId: setFocusedFolderId,
|
|
215
|
-
firstLevel: true,
|
|
216
196
|
folderChild: folderChild,
|
|
217
197
|
maximumLevelsOfFoldersAllowed: maximumLevelsOfFoldersAllowed
|
|
218
198
|
})), editable && ___EmotionJSX(AddFolderWrapper, null, ___EmotionJSX(Tooltip, {
|
|
219
199
|
tooltip: canAddFolder ? t('myNdla.newFolderUnder', {
|
|
220
|
-
folderName: getFolderName(
|
|
221
|
-
}) : t('
|
|
200
|
+
folderName: getFolderName(folders, markedFolderId)
|
|
201
|
+
}) : t('treeStructure.maxFoldersAlreadyAdded')
|
|
222
202
|
}, ___EmotionJSX(AddButton, {
|
|
223
203
|
disabled: !canAddFolder,
|
|
224
204
|
"aria-label": t('myNdla.newFolder'),
|
|
225
205
|
onClick: function onClick() {
|
|
226
|
-
|
|
227
|
-
setNewFolder({
|
|
228
|
-
idPaths: idPaths,
|
|
229
|
-
parentId: paths[paths.length - 1]
|
|
230
|
-
});
|
|
206
|
+
setNewFolderParentId(markedFolderId);
|
|
231
207
|
}
|
|
232
208
|
}, t('myNdla.newFolder')))));
|
|
233
209
|
};
|
|
234
210
|
|
|
235
|
-
TreeStructure.defaultProps = {
|
|
236
|
-
maximumLevelsOfFoldersAllowed: MAX_LEVEL_FOR_FOLDERS
|
|
237
|
-
};
|
|
238
211
|
export default TreeStructure;
|
|
@@ -0,0 +1,44 @@
|
|
|
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
|
+
var navigateVertical = function navigateVertical(visibleFolders, folderId, setFocusedFolderId, direction) {
|
|
9
|
+
var currentIndex = visibleFolders.findIndex(function (id) {
|
|
10
|
+
return id === folderId;
|
|
11
|
+
});
|
|
12
|
+
var target = visibleFolders[currentIndex + direction];
|
|
13
|
+
|
|
14
|
+
if (target !== undefined) {
|
|
15
|
+
setFocusedFolderId(target);
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
var arrowKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
|
|
20
|
+
export var arrowNavigation = function arrowNavigation(e, id, visibleFolders, setFocusedFolderId, onOpen, onClose) {
|
|
21
|
+
if (!arrowKeys.includes(e.key)) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
e.preventDefault();
|
|
26
|
+
e.stopPropagation();
|
|
27
|
+
|
|
28
|
+
switch (e.key) {
|
|
29
|
+
case 'ArrowUp':
|
|
30
|
+
return navigateVertical(visibleFolders, id, setFocusedFolderId, -1);
|
|
31
|
+
|
|
32
|
+
case 'ArrowDown':
|
|
33
|
+
return navigateVertical(visibleFolders, id, setFocusedFolderId, 1);
|
|
34
|
+
|
|
35
|
+
case 'ArrowLeft':
|
|
36
|
+
return onClose(id);
|
|
37
|
+
|
|
38
|
+
case 'ArrowRight':
|
|
39
|
+
return onOpen(id);
|
|
40
|
+
|
|
41
|
+
default:
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
};
|