@ndla/ui 56.0.14-alpha.0 → 56.0.16-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 (73) hide show
  1. package/dist/panda.buildinfo.json +24 -21
  2. package/dist/styles.css +82 -67
  3. package/es/Article/Article.js +22 -94
  4. package/es/Article/index.js +1 -1
  5. package/es/CampaignBlock/CampaignBlock.js +33 -5
  6. package/es/ContentTypeBadge/ContentTypeBadge.js +2 -0
  7. package/es/TreeStructure/TreeStructure.js +292 -181
  8. package/es/TreeStructure/helperFunctions.js +0 -3
  9. package/es/TreeStructure/index.js +1 -2
  10. package/es/index.js +1 -1
  11. package/es/locale/messages-en.js +3 -3
  12. package/es/locale/messages-nb.js +3 -3
  13. package/es/locale/messages-nn.js +3 -3
  14. package/es/locale/messages-se.js +3 -3
  15. package/es/locale/messages-sma.js +3 -3
  16. package/es/styles.css +82 -67
  17. package/lib/Article/Article.d.ts +3 -18
  18. package/lib/Article/Article.js +22 -94
  19. package/lib/Article/index.d.ts +1 -1
  20. package/lib/Article/index.js +0 -12
  21. package/lib/CampaignBlock/CampaignBlock.js +33 -5
  22. package/lib/ContentTypeBadge/ContentTypeBadge.js +2 -0
  23. package/lib/TreeStructure/TreeStructure.d.ts +7 -6
  24. package/lib/TreeStructure/TreeStructure.js +293 -180
  25. package/lib/TreeStructure/helperFunctions.d.ts +0 -2
  26. package/lib/TreeStructure/helperFunctions.js +2 -6
  27. package/lib/TreeStructure/index.d.ts +1 -2
  28. package/lib/TreeStructure/index.js +2 -3
  29. package/lib/TreeStructure/types.d.ts +4 -22
  30. package/lib/index.d.ts +1 -1
  31. package/lib/index.js +0 -12
  32. package/lib/locale/messages-en.js +3 -3
  33. package/lib/locale/messages-nb.js +3 -3
  34. package/lib/locale/messages-nn.js +3 -3
  35. package/lib/locale/messages-se.js +3 -3
  36. package/lib/locale/messages-sma.js +3 -3
  37. package/lib/styles.css +82 -67
  38. package/package.json +7 -8
  39. package/src/Article/Article.tsx +22 -107
  40. package/src/Article/index.ts +0 -2
  41. package/src/CampaignBlock/CampaignBlock.tsx +35 -4
  42. package/src/ContentTypeBadge/ContentTypeBadge.tsx +2 -0
  43. package/src/TreeStructure/TreeStructure.stories.tsx +38 -68
  44. package/src/TreeStructure/TreeStructure.tsx +307 -194
  45. package/src/TreeStructure/helperFunctions.ts +0 -5
  46. package/src/TreeStructure/index.ts +1 -2
  47. package/src/TreeStructure/types.ts +4 -25
  48. package/src/index.ts +0 -2
  49. package/src/locale/messages-en.ts +3 -3
  50. package/src/locale/messages-nb.ts +3 -3
  51. package/src/locale/messages-nn.ts +3 -3
  52. package/src/locale/messages-se.ts +3 -3
  53. package/src/locale/messages-sma.ts +3 -3
  54. package/es/TreeStructure/AddFolderButton.js +0 -80
  55. package/es/TreeStructure/ComboboxButton.js +0 -127
  56. package/es/TreeStructure/FolderItem.js +0 -225
  57. package/es/TreeStructure/FolderItems.js +0 -95
  58. package/es/TreeStructure/arrowNavigation.js +0 -35
  59. package/lib/TreeStructure/AddFolderButton.d.ts +0 -17
  60. package/lib/TreeStructure/AddFolderButton.js +0 -85
  61. package/lib/TreeStructure/ComboboxButton.d.ts +0 -27
  62. package/lib/TreeStructure/ComboboxButton.js +0 -134
  63. package/lib/TreeStructure/FolderItem.d.ts +0 -17
  64. package/lib/TreeStructure/FolderItem.js +0 -230
  65. package/lib/TreeStructure/FolderItems.d.ts +0 -22
  66. package/lib/TreeStructure/FolderItems.js +0 -100
  67. package/lib/TreeStructure/arrowNavigation.d.ts +0 -10
  68. package/lib/TreeStructure/arrowNavigation.js +0 -42
  69. package/src/TreeStructure/AddFolderButton.tsx +0 -79
  70. package/src/TreeStructure/ComboboxButton.tsx +0 -172
  71. package/src/TreeStructure/FolderItem.tsx +0 -307
  72. package/src/TreeStructure/FolderItems.tsx +0 -121
  73. package/src/TreeStructure/arrowNavigation.ts +0 -54
@@ -1087,9 +1087,9 @@ const messages = {
1087
1087
  },
1088
1088
  fetchMore: "Hent fleire svar",
1089
1089
  deleted: "Dette innlegget er sletta av forfatteren.",
1090
- upvote: "Stem opp",
1090
+ upvote: "Liker",
1091
1091
  numberOfUpvotes: "{{ count }} personar har stemt opp denne.",
1092
- removeUpvote: "Fjern stemme",
1092
+ removeUpvote: "Slutt å like",
1093
1093
  reply: "Skriv eit svar til {{ name }}",
1094
1094
  },
1095
1095
  flag: {
@@ -1255,7 +1255,7 @@ const messages = {
1255
1255
  confirmDeleteAccount: "Er du sikker på at du vil slette kontoen?",
1256
1256
  confirmDeleteAccountButton: "Slett konto",
1257
1257
  myPage: "Mi side",
1258
- deleteAccount: "Slett Min NDLA",
1258
+ deleteAccount: "Slett brukarprofil",
1259
1259
  loginPitch:
1260
1260
  "Velkommen til Min NDLA! Her kan du lagre favorittressursane dine frå NDLA, organisere dei og dele dei med andre. Logg inn med din Feide-konto for å komme i gang.",
1261
1261
  loginPitchButton: "Logg inn i Min NDLA",
@@ -1089,9 +1089,9 @@ const messages = {
1089
1089
  },
1090
1090
  fetchMore: "Hent flere svar",
1091
1091
  deleted: "Dette innlegget er slettet av forfatteren.",
1092
- upvote: "Stem opp",
1092
+ upvote: "Liker",
1093
1093
  numberOfUpvotes: "{{ count }} personer har stemt opp denne.",
1094
- removeUpvote: "Fjern stemme",
1094
+ removeUpvote: "Slutt å like",
1095
1095
  reply: "Skriv et svar til {{ name }}",
1096
1096
  },
1097
1097
  flag: {
@@ -1257,7 +1257,7 @@ const messages = {
1257
1257
  confirmDeleteAccount: "Er du sikker på at du vil slette kontoen?",
1258
1258
  confirmDeleteAccountButton: "Slett konto",
1259
1259
  myPage: "Min side",
1260
- deleteAccount: "Slett Min NDLA",
1260
+ deleteAccount: "Slett brukerprofil",
1261
1261
  loginPitch:
1262
1262
  "Velkommen til Min NDLA! Her kan du lagre favorittressursene dine fra NDLA, organisere dem og dele dem med andre. Logg inn med din Feide-konto for å komme i gang.",
1263
1263
  loginPitchButton: "Logg inn i Min NDLA",
@@ -1091,9 +1091,9 @@ const messages = {
1091
1091
  },
1092
1092
  fetchMore: "Hent flere svar",
1093
1093
  deleted: "Dette innlegget er slettet av forfatteren.",
1094
- upvote: "Stem opp",
1094
+ upvote: "Liker",
1095
1095
  numberOfUpvotes: "{{ count }} personer har stemt opp denne.",
1096
- removeUpvote: "Fjern stemme",
1096
+ removeUpvote: "Slutt å like",
1097
1097
  reply: "Skriv et svar til {{ name }}",
1098
1098
  },
1099
1099
  flag: {
@@ -1259,7 +1259,7 @@ const messages = {
1259
1259
  confirmDeleteAccount: "Er du sikker på at du vil slette kontoen?",
1260
1260
  confirmDeleteAccountButton: "Slett konto",
1261
1261
  myPage: "Min side",
1262
- deleteAccount: "Slett Min NDLA",
1262
+ deleteAccount: "Slett brukerprofil",
1263
1263
  loginPitch:
1264
1264
  "Velkommen til Min NDLA! Her kan du lagre favorittressursene dine fra NDLA, organisere dem og dele dem med andre. Logg inn med din Feide-konto for å komme i gang.",
1265
1265
  loginPitchButton: "Logg inn i Min NDLA",
@@ -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;