@ndla/ui 56.0.14-alpha.0 → 56.0.15-alpha.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.
Files changed (58) hide show
  1. package/dist/panda.buildinfo.json +6 -1
  2. package/dist/styles.css +20 -0
  3. package/es/ContentTypeBadge/ContentTypeBadge.js +2 -0
  4. package/es/TreeStructure/TreeStructure.js +292 -181
  5. package/es/TreeStructure/helperFunctions.js +0 -3
  6. package/es/TreeStructure/index.js +1 -2
  7. package/es/locale/messages-en.js +1 -1
  8. package/es/locale/messages-nb.js +1 -1
  9. package/es/locale/messages-nn.js +1 -1
  10. package/es/locale/messages-se.js +1 -1
  11. package/es/locale/messages-sma.js +1 -1
  12. package/es/styles.css +20 -0
  13. package/lib/ContentTypeBadge/ContentTypeBadge.js +2 -0
  14. package/lib/TreeStructure/TreeStructure.d.ts +7 -6
  15. package/lib/TreeStructure/TreeStructure.js +293 -180
  16. package/lib/TreeStructure/helperFunctions.d.ts +0 -2
  17. package/lib/TreeStructure/helperFunctions.js +2 -6
  18. package/lib/TreeStructure/index.d.ts +1 -2
  19. package/lib/TreeStructure/index.js +2 -3
  20. package/lib/TreeStructure/types.d.ts +4 -22
  21. package/lib/locale/messages-en.js +1 -1
  22. package/lib/locale/messages-nb.js +1 -1
  23. package/lib/locale/messages-nn.js +1 -1
  24. package/lib/locale/messages-se.js +1 -1
  25. package/lib/locale/messages-sma.js +1 -1
  26. package/lib/styles.css +20 -0
  27. package/package.json +7 -8
  28. package/src/ContentTypeBadge/ContentTypeBadge.tsx +2 -0
  29. package/src/TreeStructure/TreeStructure.stories.tsx +38 -68
  30. package/src/TreeStructure/TreeStructure.tsx +307 -194
  31. package/src/TreeStructure/helperFunctions.ts +0 -5
  32. package/src/TreeStructure/index.ts +1 -2
  33. package/src/TreeStructure/types.ts +4 -25
  34. package/src/locale/messages-en.ts +1 -1
  35. package/src/locale/messages-nb.ts +1 -1
  36. package/src/locale/messages-nn.ts +1 -1
  37. package/src/locale/messages-se.ts +1 -1
  38. package/src/locale/messages-sma.ts +1 -1
  39. package/es/TreeStructure/AddFolderButton.js +0 -80
  40. package/es/TreeStructure/ComboboxButton.js +0 -127
  41. package/es/TreeStructure/FolderItem.js +0 -225
  42. package/es/TreeStructure/FolderItems.js +0 -95
  43. package/es/TreeStructure/arrowNavigation.js +0 -35
  44. package/lib/TreeStructure/AddFolderButton.d.ts +0 -17
  45. package/lib/TreeStructure/AddFolderButton.js +0 -85
  46. package/lib/TreeStructure/ComboboxButton.d.ts +0 -27
  47. package/lib/TreeStructure/ComboboxButton.js +0 -134
  48. package/lib/TreeStructure/FolderItem.d.ts +0 -17
  49. package/lib/TreeStructure/FolderItem.js +0 -230
  50. package/lib/TreeStructure/FolderItems.d.ts +0 -22
  51. package/lib/TreeStructure/FolderItems.js +0 -100
  52. package/lib/TreeStructure/arrowNavigation.d.ts +0 -10
  53. package/lib/TreeStructure/arrowNavigation.js +0 -42
  54. package/src/TreeStructure/AddFolderButton.tsx +0 -79
  55. package/src/TreeStructure/ComboboxButton.tsx +0 -172
  56. package/src/TreeStructure/FolderItem.tsx +0 -307
  57. package/src/TreeStructure/FolderItems.tsx +0 -121
  58. package/src/TreeStructure/arrowNavigation.ts +0 -54
@@ -1,80 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
- /**
4
- * Copyright (c) 2022-present, NDLA.
5
- *
6
- * This source code is licensed under the GPLv3 license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- *
9
- */
10
-
11
- import { useRef } from "react";
12
- import { useTranslation } from "react-i18next";
13
- import { ButtonV2 as Button } from "@ndla/button";
14
- import { AddLine } from "@ndla/icons/action";
15
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
16
- const StyledAddFolderButton = /*#__PURE__*/_styled(Button, {
17
- target: "e1bj2d241",
18
- label: "StyledAddFolderButton"
19
- })(process.env.NODE_ENV === "production" ? {
20
- name: "it7ogd",
21
- styles: "&,&:disabled{border-color:transparent;}"
22
- } : {
23
- name: "it7ogd",
24
- styles: "&,&:disabled{border-color:transparent;}",
25
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI0QyIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgQWRkTGluZSB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IElGb2xkZXIgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9teW5kbGEtYXBpXCI7XG5cbmludGVyZmFjZSBBZGRGb2xkZXJCdXR0b25Qcm9wcyB7XG4gIGNhbkFkZEZvbGRlcjogYm9vbGVhbjtcbiAgZm9jdXNlZEZvbGRlcj86IElGb2xkZXI7XG4gIHNldE5ld0ZvbGRlclBhcmVudElkOiAoaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldFNob3dUcmVlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRBZGRGb2xkZXJCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgJixcbiAgJjpkaXNhYmxlZCB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUGx1cyA9IHN0eWxlZChBZGRMaW5lKWBcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlckJ1dHRvbiA9ICh7XG4gIGNhbkFkZEZvbGRlcixcbiAgbG9hZGluZyxcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQsXG4gIGZvY3VzZWRGb2xkZXIsXG4gIHNldFNob3dUcmVlLFxufTogQWRkRm9sZGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0b29sdGlwID0gbG9hZGluZ1xuICAgID8gdChcImxvYWRpbmdcIilcbiAgICA6IGNhbkFkZEZvbGRlclxuICAgICAgPyB0KFwibXlOZGxhLm5ld0ZvbGRlclVuZGVyXCIsIHsgZm9sZGVyTmFtZTogZm9jdXNlZEZvbGRlcj8ubmFtZSB9KVxuICAgICAgOiB0KFwidHJlZVN0cnVjdHVyZS5tYXhGb2xkZXJzQWxyZWFkeUFkZGVkXCIpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBZGRGb2xkZXJCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgIGRpc2FibGVkPXtsb2FkaW5nIHx8ICFjYW5BZGRGb2xkZXJ9XG4gICAgICB0aXRsZT17dG9vbHRpcH1cbiAgICAgIGFyaWEtbGFiZWw9e3Rvb2x0aXB9XG4gICAgICBvbk1vdXNlRG93bj17KGUpID0+IHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICByZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgIH19XG4gICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9fVxuICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKGZvY3VzZWRGb2xkZXI/LmlkKTtcbiAgICAgICAgc2V0U2hvd1RyZWUodHJ1ZSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIDxTdHlsZWRQbHVzIC8+IHt0KFwibXlOZGxhLm5ld0ZvbGRlclwiKX1cbiAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFkZEZvbGRlckJ1dHRvbjtcbiJdfQ== */",
26
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
27
- });
28
- const StyledPlus = /*#__PURE__*/_styled(AddLine, {
29
- target: "e1bj2d240",
30
- label: "StyledPlus"
31
- })(process.env.NODE_ENV === "production" ? {
32
- name: "u5mh39",
33
- styles: "height:24px;width:24px"
34
- } : {
35
- name: "u5mh39",
36
- styles: "height:24px;width:24px",
37
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrQyIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgQWRkTGluZSB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IElGb2xkZXIgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9teW5kbGEtYXBpXCI7XG5cbmludGVyZmFjZSBBZGRGb2xkZXJCdXR0b25Qcm9wcyB7XG4gIGNhbkFkZEZvbGRlcjogYm9vbGVhbjtcbiAgZm9jdXNlZEZvbGRlcj86IElGb2xkZXI7XG4gIHNldE5ld0ZvbGRlclBhcmVudElkOiAoaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldFNob3dUcmVlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRBZGRGb2xkZXJCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgJixcbiAgJjpkaXNhYmxlZCB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUGx1cyA9IHN0eWxlZChBZGRMaW5lKWBcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlckJ1dHRvbiA9ICh7XG4gIGNhbkFkZEZvbGRlcixcbiAgbG9hZGluZyxcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQsXG4gIGZvY3VzZWRGb2xkZXIsXG4gIHNldFNob3dUcmVlLFxufTogQWRkRm9sZGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0b29sdGlwID0gbG9hZGluZ1xuICAgID8gdChcImxvYWRpbmdcIilcbiAgICA6IGNhbkFkZEZvbGRlclxuICAgICAgPyB0KFwibXlOZGxhLm5ld0ZvbGRlclVuZGVyXCIsIHsgZm9sZGVyTmFtZTogZm9jdXNlZEZvbGRlcj8ubmFtZSB9KVxuICAgICAgOiB0KFwidHJlZVN0cnVjdHVyZS5tYXhGb2xkZXJzQWxyZWFkeUFkZGVkXCIpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBZGRGb2xkZXJCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgIGRpc2FibGVkPXtsb2FkaW5nIHx8ICFjYW5BZGRGb2xkZXJ9XG4gICAgICB0aXRsZT17dG9vbHRpcH1cbiAgICAgIGFyaWEtbGFiZWw9e3Rvb2x0aXB9XG4gICAgICBvbk1vdXNlRG93bj17KGUpID0+IHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICByZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgIH19XG4gICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9fVxuICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKGZvY3VzZWRGb2xkZXI/LmlkKTtcbiAgICAgICAgc2V0U2hvd1RyZWUodHJ1ZSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIDxTdHlsZWRQbHVzIC8+IHt0KFwibXlOZGxhLm5ld0ZvbGRlclwiKX1cbiAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFkZEZvbGRlckJ1dHRvbjtcbiJdfQ== */",
38
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
39
- });
40
- const AddFolderButton = _ref => {
41
- let {
42
- canAddFolder,
43
- loading,
44
- setNewFolderParentId,
45
- focusedFolder,
46
- setShowTree
47
- } = _ref;
48
- const {
49
- t
50
- } = useTranslation();
51
- const ref = useRef(null);
52
- const tooltip = loading ? t("loading") : canAddFolder ? t("myNdla.newFolderUnder", {
53
- folderName: focusedFolder?.name
54
- }) : t("treeStructure.maxFoldersAlreadyAdded");
55
- return /*#__PURE__*/_jsxs(StyledAddFolderButton, {
56
- ref: ref,
57
- variant: "outline",
58
- shape: "pill",
59
- disabled: loading || !canAddFolder,
60
- title: tooltip,
61
- "aria-label": tooltip,
62
- onMouseDown: e => {
63
- e.preventDefault();
64
- e.stopPropagation();
65
- ref.current?.focus();
66
- },
67
- onMouseUp: e => {
68
- e.preventDefault();
69
- e.stopPropagation();
70
- ref.current?.focus();
71
- },
72
- onClick: e => {
73
- e.currentTarget.focus();
74
- setNewFolderParentId(focusedFolder?.id);
75
- setShowTree(true);
76
- },
77
- children: [/*#__PURE__*/_jsx(StyledPlus, {}), " ", t("myNdla.newFolder")]
78
- });
79
- };
80
- export default AddFolderButton;
@@ -1,127 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2022-present, NDLA.
4
- *
5
- * This source code is licensed under the GPLv3 license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- *
8
- */
9
-
10
- import { forwardRef } from "react";
11
- import { ButtonV2 as Button, IconButtonV2 as IconButton } from "@ndla/button";
12
- import { breakpoints, colors, mq, spacing } from "@ndla/core";
13
- import { ArrowUpShortLine, ArrowDownShortLine } from "@ndla/icons/common";
14
- import { useForwardedRef } from "@ndla/util";
15
- import { arrowNavigation } from "./arrowNavigation";
16
- import { treestructureId } from "./helperFunctions";
17
- import ContentLoader from "../ContentLoader";
18
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
19
- const StyledRow = /*#__PURE__*/_styled("div", {
20
- target: "e1g7ykt81",
21
- label: "StyledRow"
22
- })("display:flex;padding:", spacing.xxsmall, ";align-items:center;&[data-open=\"true\"]{border-bottom:1px solid ", colors.brand.tertiary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjRCIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgS2V5Ym9hcmRFdmVudCwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgQXJyb3dVcFNob3J0TGluZSwgQXJyb3dEb3duU2hvcnRMaW5lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSUZvbGRlciB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL215bmRsYS1hcGlcIjtcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tIFwiLi9hcnJvd05hdmlnYXRpb25cIjtcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gXCIuL2hlbHBlckZ1bmN0aW9uc1wiO1xuaW1wb3J0IHsgVHJlZVN0cnVjdHVyZVR5cGUgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IENvbnRlbnRMb2FkZXIgZnJvbSBcIi4uL0NvbnRlbnRMb2FkZXJcIjtcblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAmW2RhdGEtb3Blbj1cInRydWVcIl0ge1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIH1cbmA7XG5jb25zdCBTdHlsZWRTZWxlY3RlZEZvbGRlciA9IHN0eWxlZChCdXR0b24pYFxuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGNvbG9yOiAke2NvbG9ycy5ibGFja307XG4gIGJvcmRlcjogbm9uZTtcbiAgOmhvdmVyLFxuICA6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICB9XG4gIDpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWluLWhlaWdodDogNHJlbTtcbiAgICBtYXgtaGVpZ2h0OiA0cmVtO1xuICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaG93VHJlZTogYm9vbGVhbjtcbiAgdHlwZTogVHJlZVN0cnVjdHVyZVR5cGU7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBmb2N1c2VkRm9sZGVyPzogSUZvbGRlcjtcbiAgc2VsZWN0ZWRGb2xkZXI/OiBJRm9sZGVyO1xuICBzZXRTZWxlY3RlZEZvbGRlcjogKGZvbGRlcjogSUZvbGRlcikgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uVG9nZ2xlVHJlZTogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGZsYXR0ZW5lZEZvbGRlcnM6IElGb2xkZXJbXTtcbiAgb25PcGVuRm9sZGVyOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25DbG9zZUZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldEZvY3VzZWRGb2xkZXI6IChmb2xkZXI6IElGb2xkZXIpID0+IHZvaWQ7XG4gIGFyaWFEZXNjcmliZWRieT86IHN0cmluZztcbn1cblxuY29uc3QgQ29tYm9ib3hCdXR0b24gPSBmb3J3YXJkUmVmPEhUTUxCdXR0b25FbGVtZW50LCBQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBzaG93VHJlZSxcbiAgICAgIHR5cGUsXG4gICAgICBsYWJlbCxcbiAgICAgIGZvY3VzZWRGb2xkZXIsXG4gICAgICBzZWxlY3RlZEZvbGRlcixcbiAgICAgIHNldFNlbGVjdGVkRm9sZGVyLFxuICAgICAgb25Ub2dnbGVUcmVlLFxuICAgICAgZmxhdHRlbmVkRm9sZGVycyxcbiAgICAgIHNldEZvY3VzZWRGb2xkZXIsXG4gICAgICBvbk9wZW5Gb2xkZXIsXG4gICAgICBvbkNsb3NlRm9sZGVyLFxuICAgICAgbG9hZGluZyxcbiAgICAgIGFyaWFEZXNjcmliZWRieSxcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICAgIGNvbnN0IG9uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgaWYgKGUua2V5ID09PSBcIkVudGVyXCIpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKCFzaG93VHJlZSk7XG4gICAgICAgIGlmIChzaG93VHJlZSAmJiBmb2N1c2VkRm9sZGVyKSB7XG4gICAgICAgICAgc2V0U2VsZWN0ZWRGb2xkZXIoZm9jdXNlZEZvbGRlcik7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKGUua2V5ID09PSBcIkVzY2FwZVwiKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZShmYWxzZSk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKFtcIkFycm93VXBcIiwgXCJBcnJvd0Rvd25cIl0uaW5jbHVkZXMoZS5rZXkpICYmICFzaG93VHJlZSkge1xuICAgICAgICBvblRvZ2dsZVRyZWUodHJ1ZSk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmIChmb2N1c2VkRm9sZGVyKSB7XG4gICAgICAgIGFycm93TmF2aWdhdGlvbihlLCBmb2N1c2VkRm9sZGVyLmlkLCBmbGF0dGVuZWRGb2xkZXJzLCBzZXRGb2N1c2VkRm9sZGVyLCBvbk9wZW5Gb2xkZXIsIG9uQ2xvc2VGb2xkZXIpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFJvd1xuICAgICAgICBkYXRhLW9wZW49e3Nob3dUcmVlfVxuICAgICAgICBvbk1vdXNlRG93bj17KGUpID0+IHtcbiAgICAgICAgICBpZiAoIWUuZGVmYXVsdFByZXZlbnRlZCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgIG9uVG9nZ2xlVHJlZSghc2hvd1RyZWUpO1xuICAgICAgICAgICAgaW5uZXJSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHtsb2FkaW5nICYmIChcbiAgICAgICAgICA8Q29udGVudExvYWRlciB3aWR0aD17MTAwMH0gaGVpZ2h0PXs0MH0+XG4gICAgICAgICAgICA8cmVjdCB4PVwiMTVcIiB5PVwiMFwiIHdpZHRoPVwiMTAwMFwiIHJ4PVwiM1wiIHJ5PVwiM1wiIHI9XCIxNVwiIGhlaWdodD1cIjQwXCIgLz5cbiAgICAgICAgICA8L0NvbnRlbnRMb2FkZXI+XG4gICAgICAgICl9XG4gICAgICAgIHshbG9hZGluZyAmJiAoXG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGVkRm9sZGVyXG4gICAgICAgICAgICByZWY9e2lubmVyUmVmfVxuICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICBpZD17dHJlZXN0cnVjdHVyZUlkKHR5cGUsIFwiY29tYm9ib3hcIil9XG4gICAgICAgICAgICByb2xlPVwiY29tYm9ib3hcIlxuICAgICAgICAgICAgYXJpYS1jb250cm9scz17dHJlZXN0cnVjdHVyZUlkKHR5cGUsIFwicG9wdXBcIil9XG4gICAgICAgICAgICBhcmlhLWhhc3BvcHVwPVwidHJlZVwiXG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtzaG93VHJlZX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT17bGFiZWwgPyB0cmVlc3RydWN0dXJlSWQodHlwZSwgXCJsYWJlbFwiKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17Zm9jdXNlZEZvbGRlciA/IHRyZWVzdHJ1Y3R1cmVJZCh0eXBlLCBmb2N1c2VkRm9sZGVyLmlkKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2FyaWFEZXNjcmliZWRieX1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICBzaGFwZT1cInNoYXJwXCJcbiAgICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBpbm5lclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgICAgICBvblRvZ2dsZVRyZWUoc2hvd1RyZWUpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7c2VsZWN0ZWRGb2xkZXI/Lm5hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTZWxlY3RlZEZvbGRlcj5cbiAgICAgICAgKX1cbiAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICBkaXNhYmxlZD17bG9hZGluZ31cbiAgICAgICAgICBhcmlhLWJ1c3k9e2xvYWRpbmd9XG4gICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiXCJcbiAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICBjb2xvclRoZW1lPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgaW5uZXJSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgICAgICAgIG9uVG9nZ2xlVHJlZSghc2hvd1RyZWUpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7c2hvd1RyZWUgPyA8QXJyb3dVcFNob3J0TGluZSAvPiA6IDxBcnJvd0Rvd25TaG9ydExpbmUgLz59XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkUm93PlxuICAgICk7XG4gIH0sXG4pO1xuXG5leHBvcnQgZGVmYXVsdCBDb21ib2JveEJ1dHRvbjtcbiJdfQ== */"));
23
- const StyledSelectedFolder = /*#__PURE__*/_styled(Button, {
24
- target: "e1g7ykt80",
25
- label: "StyledSelectedFolder"
26
- })("flex:1;justify-content:flex-start;color:", colors.black, ";border:none;:hover,:focus{background:none;box-shadow:none;border-color:transparent;}:focus-visible{outline:none;}", mq.range({
27
- until: breakpoints.tablet
28
- }), "{min-height:4rem;max-height:4rem;text-align:start;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbWJvYm94QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QjJDIiwiZmlsZSI6IkNvbWJvYm94QnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgS2V5Ym9hcmRFdmVudCwgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCdXR0b25WMiBhcyBCdXR0b24sIEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgQXJyb3dVcFNob3J0TGluZSwgQXJyb3dEb3duU2hvcnRMaW5lIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSUZvbGRlciB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL215bmRsYS1hcGlcIjtcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gXCJAbmRsYS91dGlsXCI7XG5pbXBvcnQgeyBhcnJvd05hdmlnYXRpb24gfSBmcm9tIFwiLi9hcnJvd05hdmlnYXRpb25cIjtcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gXCIuL2hlbHBlckZ1bmN0aW9uc1wiO1xuaW1wb3J0IHsgVHJlZVN0cnVjdHVyZVR5cGUgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IENvbnRlbnRMb2FkZXIgZnJvbSBcIi4uL0NvbnRlbnRMb2FkZXJcIjtcblxuY29uc3QgU3R5bGVkUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAmW2RhdGEtb3Blbj1cInRydWVcIl0ge1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gIH1cbmA7XG5jb25zdCBTdHlsZWRTZWxlY3RlZEZvbGRlciA9IHN0eWxlZChCdXR0b24pYFxuICBmbGV4OiAxO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGNvbG9yOiAke2NvbG9ycy5ibGFja307XG4gIGJvcmRlcjogbm9uZTtcbiAgOmhvdmVyLFxuICA6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICB9XG4gIDpmb2N1cy12aXNpYmxlIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWluLWhlaWdodDogNHJlbTtcbiAgICBtYXgtaGVpZ2h0OiA0cmVtO1xuICAgIHRleHQtYWxpZ246IHN0YXJ0O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaG93VHJlZTogYm9vbGVhbjtcbiAgdHlwZTogVHJlZVN0cnVjdHVyZVR5cGU7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBmb2N1c2VkRm9sZGVyPzogSUZvbGRlcjtcbiAgc2VsZWN0ZWRGb2xkZXI/OiBJRm9sZGVyO1xuICBzZXRTZWxlY3RlZEZvbGRlcjogKGZvbGRlcjogSUZvbGRlcikgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIG9uVG9nZ2xlVHJlZTogKG9wZW46IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGZsYXR0ZW5lZEZvbGRlcnM6IElGb2xkZXJbXTtcbiAgb25PcGVuRm9sZGVyOiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgb25DbG9zZUZvbGRlcjogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldEZvY3VzZWRGb2xkZXI6IChmb2xkZXI6IElGb2xkZXIpID0+IHZvaWQ7XG4gIGFyaWFEZXNjcmliZWRieT86IHN0cmluZztcbn1cblxuY29uc3QgQ29tYm9ib3hCdXR0b24gPSBmb3J3YXJkUmVmPEhUTUxCdXR0b25FbGVtZW50LCBQcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBzaG93VHJlZSxcbiAgICAgIHR5cGUsXG4gICAgICBsYWJlbCxcbiAgICAgIGZvY3VzZWRGb2xkZXIsXG4gICAgICBzZWxlY3RlZEZvbGRlcixcbiAgICAgIHNldFNlbGVjdGVkRm9sZGVyLFxuICAgICAgb25Ub2dnbGVUcmVlLFxuICAgICAgZmxhdHRlbmVkRm9sZGVycyxcbiAgICAgIHNldEZvY3VzZWRGb2xkZXIsXG4gICAgICBvbk9wZW5Gb2xkZXIsXG4gICAgICBvbkNsb3NlRm9sZGVyLFxuICAgICAgbG9hZGluZyxcbiAgICAgIGFyaWFEZXNjcmliZWRieSxcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgY29uc3QgaW5uZXJSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKTtcblxuICAgIGNvbnN0IG9uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgaWYgKGUua2V5ID09PSBcIkVudGVyXCIpIHtcbiAgICAgICAgb25Ub2dnbGVUcmVlKCFzaG93VHJlZSk7XG4gICAgICAgIGlmIChzaG93VHJlZSAmJiBmb2N1c2VkRm9sZGVyKSB7XG4gICAgICAgICAgc2V0U2VsZWN0ZWRGb2xkZXIoZm9jdXNlZEZvbGRlcik7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKGUua2V5ID09PSBcIkVzY2FwZVwiKSB7XG4gICAgICAgIG9uVG9nZ2xlVHJlZShmYWxzZSk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKFtcIkFycm93VXBcIiwgXCJBcnJvd0Rvd25cIl0uaW5jbHVkZXMoZS5rZXkpICYmICFzaG93VHJlZSkge1xuICAgICAgICBvblRvZ2dsZVRyZWUodHJ1ZSk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICAgIGlmIChmb2N1c2VkRm9sZGVyKSB7XG4gICAgICAgIGFycm93TmF2aWdhdGlvbihlLCBmb2N1c2VkRm9sZGVyLmlkLCBmbGF0dGVuZWRGb2xkZXJzLCBzZXRGb2N1c2VkRm9sZGVyLCBvbk9wZW5Gb2xkZXIsIG9uQ2xvc2VGb2xkZXIpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFJvd1xuICAgICAgICBkYXRhLW9wZW49e3Nob3dUcmVlfVxuICAgICAgICBvbk1vdXNlRG93bj17KGUpID0+IHtcbiAgICAgICAgICBpZiAoIWUuZGVmYXVsdFByZXZlbnRlZCkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgICAgIG9uVG9nZ2xlVHJlZSghc2hvd1RyZWUpO1xuICAgICAgICAgICAgaW5uZXJSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgICAgICB9XG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHtsb2FkaW5nICYmIChcbiAgICAgICAgICA8Q29udGVudExvYWRlciB3aWR0aD17MTAwMH0gaGVpZ2h0PXs0MH0+XG4gICAgICAgICAgICA8cmVjdCB4PVwiMTVcIiB5PVwiMFwiIHdpZHRoPVwiMTAwMFwiIHJ4PVwiM1wiIHJ5PVwiM1wiIHI9XCIxNVwiIGhlaWdodD1cIjQwXCIgLz5cbiAgICAgICAgICA8L0NvbnRlbnRMb2FkZXI+XG4gICAgICAgICl9XG4gICAgICAgIHshbG9hZGluZyAmJiAoXG4gICAgICAgICAgPFN0eWxlZFNlbGVjdGVkRm9sZGVyXG4gICAgICAgICAgICByZWY9e2lubmVyUmVmfVxuICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICBpZD17dHJlZXN0cnVjdHVyZUlkKHR5cGUsIFwiY29tYm9ib3hcIil9XG4gICAgICAgICAgICByb2xlPVwiY29tYm9ib3hcIlxuICAgICAgICAgICAgYXJpYS1jb250cm9scz17dHJlZXN0cnVjdHVyZUlkKHR5cGUsIFwicG9wdXBcIil9XG4gICAgICAgICAgICBhcmlhLWhhc3BvcHVwPVwidHJlZVwiXG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtzaG93VHJlZX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT17bGFiZWwgPyB0cmVlc3RydWN0dXJlSWQodHlwZSwgXCJsYWJlbFwiKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17Zm9jdXNlZEZvbGRlciA/IHRyZWVzdHJ1Y3R1cmVJZCh0eXBlLCBmb2N1c2VkRm9sZGVyLmlkKSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2FyaWFEZXNjcmliZWRieX1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJnaG9zdFwiXG4gICAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRcIlxuICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICBzaGFwZT1cInNoYXJwXCJcbiAgICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBpbm5lclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgICAgICBvblRvZ2dsZVRyZWUoc2hvd1RyZWUpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7c2VsZWN0ZWRGb2xkZXI/Lm5hbWV9XG4gICAgICAgICAgPC9TdHlsZWRTZWxlY3RlZEZvbGRlcj5cbiAgICAgICAgKX1cbiAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICBkaXNhYmxlZD17bG9hZGluZ31cbiAgICAgICAgICBhcmlhLWJ1c3k9e2xvYWRpbmd9XG4gICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiXCJcbiAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICBjb2xvclRoZW1lPVwiZ3JleUxpZ2h0ZXJcIlxuICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgaW5uZXJSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgICAgICAgIG9uVG9nZ2xlVHJlZSghc2hvd1RyZWUpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7c2hvd1RyZWUgPyA8QXJyb3dVcFNob3J0TGluZSAvPiA6IDxBcnJvd0Rvd25TaG9ydExpbmUgLz59XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDwvU3R5bGVkUm93PlxuICAgICk7XG4gIH0sXG4pO1xuXG5leHBvcnQgZGVmYXVsdCBDb21ib2JveEJ1dHRvbjtcbiJdfQ== */"));
29
- const ComboboxButton = /*#__PURE__*/forwardRef((_ref, ref) => {
30
- let {
31
- showTree,
32
- type,
33
- label,
34
- focusedFolder,
35
- selectedFolder,
36
- setSelectedFolder,
37
- onToggleTree,
38
- flattenedFolders,
39
- setFocusedFolder,
40
- onOpenFolder,
41
- onCloseFolder,
42
- loading,
43
- ariaDescribedby
44
- } = _ref;
45
- const innerRef = useForwardedRef(ref);
46
- const onKeyDown = e => {
47
- if (e.key === "Enter") {
48
- onToggleTree(!showTree);
49
- if (showTree && focusedFolder) {
50
- setSelectedFolder(focusedFolder);
51
- }
52
- return;
53
- }
54
- if (e.key === "Escape") {
55
- onToggleTree(false);
56
- e.preventDefault();
57
- return;
58
- }
59
- if (["ArrowUp", "ArrowDown"].includes(e.key) && !showTree) {
60
- onToggleTree(true);
61
- return;
62
- }
63
- if (focusedFolder) {
64
- arrowNavigation(e, focusedFolder.id, flattenedFolders, setFocusedFolder, onOpenFolder, onCloseFolder);
65
- }
66
- };
67
- return /*#__PURE__*/_jsxs(StyledRow, {
68
- "data-open": showTree,
69
- onMouseDown: e => {
70
- if (!e.defaultPrevented) {
71
- e.preventDefault();
72
- e.stopPropagation();
73
- onToggleTree(!showTree);
74
- innerRef.current?.focus();
75
- }
76
- },
77
- children: [loading && /*#__PURE__*/_jsx(ContentLoader, {
78
- width: 1000,
79
- height: 40,
80
- children: /*#__PURE__*/_jsx("rect", {
81
- x: "15",
82
- y: "0",
83
- width: "1000",
84
- rx: "3",
85
- ry: "3",
86
- r: "15",
87
- height: "40"
88
- })
89
- }), !loading && /*#__PURE__*/_jsx(StyledSelectedFolder, {
90
- ref: innerRef,
91
- tabIndex: 0,
92
- id: treestructureId(type, "combobox"),
93
- role: "combobox",
94
- "aria-controls": treestructureId(type, "popup"),
95
- "aria-haspopup": "tree",
96
- "aria-expanded": showTree,
97
- "aria-labelledby": label ? treestructureId(type, "label") : undefined,
98
- "aria-activedescendant": focusedFolder ? treestructureId(type, focusedFolder.id) : undefined,
99
- "aria-describedby": ariaDescribedby,
100
- variant: "ghost",
101
- colorTheme: "light",
102
- fontWeight: "normal",
103
- shape: "sharp",
104
- onKeyDown: onKeyDown,
105
- onClick: () => {
106
- innerRef.current?.focus();
107
- onToggleTree(showTree);
108
- },
109
- children: selectedFolder?.name
110
- }), /*#__PURE__*/_jsx(IconButton, {
111
- disabled: loading,
112
- "aria-busy": loading,
113
- "aria-hidden": true,
114
- "aria-label": "",
115
- tabIndex: -1,
116
- variant: "ghost",
117
- colorTheme: "greyLighter",
118
- size: "small",
119
- onClick: () => {
120
- innerRef.current?.focus();
121
- onToggleTree(!showTree);
122
- },
123
- children: showTree ? /*#__PURE__*/_jsx(ArrowUpShortLine, {}) : /*#__PURE__*/_jsx(ArrowDownShortLine, {})
124
- })]
125
- });
126
- });
127
- export default ComboboxButton;