@ndla/ui 56.0.13-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.
- package/dist/panda.buildinfo.json +7 -2
- package/dist/styles.css +24 -4
- package/es/Article/Article.js +4 -1
- package/es/ContentTypeBadge/ContentTypeBadge.js +2 -0
- package/es/TreeStructure/TreeStructure.js +292 -181
- package/es/TreeStructure/helperFunctions.js +0 -3
- package/es/TreeStructure/index.js +1 -2
- package/es/index.js +0 -1
- package/es/locale/messages-en.js +1 -1
- package/es/locale/messages-nb.js +1 -1
- package/es/locale/messages-nn.js +1 -1
- package/es/locale/messages-se.js +1 -1
- package/es/locale/messages-sma.js +1 -1
- package/es/styles.css +24 -4
- package/lib/Article/Article.js +4 -1
- package/lib/ContentTypeBadge/ContentTypeBadge.js +2 -0
- package/lib/TreeStructure/TreeStructure.d.ts +7 -6
- package/lib/TreeStructure/TreeStructure.js +293 -180
- package/lib/TreeStructure/helperFunctions.d.ts +0 -2
- package/lib/TreeStructure/helperFunctions.js +2 -6
- package/lib/TreeStructure/index.d.ts +1 -2
- package/lib/TreeStructure/index.js +2 -3
- package/lib/TreeStructure/types.d.ts +4 -22
- package/lib/index.d.ts +0 -2
- package/lib/index.js +0 -7
- package/lib/locale/messages-en.js +1 -1
- package/lib/locale/messages-nb.js +1 -1
- package/lib/locale/messages-nn.js +1 -1
- package/lib/locale/messages-se.js +1 -1
- package/lib/locale/messages-sma.js +1 -1
- package/lib/styles.css +24 -4
- package/package.json +7 -8
- package/src/Article/Article.tsx +4 -1
- package/src/ContentTypeBadge/ContentTypeBadge.tsx +2 -0
- package/src/TreeStructure/TreeStructure.stories.tsx +38 -68
- package/src/TreeStructure/TreeStructure.tsx +307 -194
- package/src/TreeStructure/helperFunctions.ts +0 -5
- package/src/TreeStructure/index.ts +1 -2
- package/src/TreeStructure/types.ts +4 -25
- package/src/index.ts +0 -3
- package/src/locale/messages-en.ts +1 -1
- package/src/locale/messages-nb.ts +1 -1
- package/src/locale/messages-nn.ts +1 -1
- package/src/locale/messages-se.ts +1 -1
- package/src/locale/messages-sma.ts +1 -1
- package/es/ProgrammeCard/ProgrammeCard.js +0 -51
- package/es/ProgrammeCard/index.js +0 -9
- package/es/TreeStructure/AddFolderButton.js +0 -80
- package/es/TreeStructure/ComboboxButton.js +0 -127
- package/es/TreeStructure/FolderItem.js +0 -225
- package/es/TreeStructure/FolderItems.js +0 -95
- package/es/TreeStructure/arrowNavigation.js +0 -35
- package/lib/ProgrammeCard/ProgrammeCard.d.ts +0 -23
- package/lib/ProgrammeCard/ProgrammeCard.js +0 -58
- package/lib/ProgrammeCard/index.d.ts +0 -9
- package/lib/ProgrammeCard/index.js +0 -13
- package/lib/TreeStructure/AddFolderButton.d.ts +0 -17
- package/lib/TreeStructure/AddFolderButton.js +0 -85
- package/lib/TreeStructure/ComboboxButton.d.ts +0 -27
- package/lib/TreeStructure/ComboboxButton.js +0 -134
- package/lib/TreeStructure/FolderItem.d.ts +0 -17
- package/lib/TreeStructure/FolderItem.js +0 -230
- package/lib/TreeStructure/FolderItems.d.ts +0 -22
- package/lib/TreeStructure/FolderItems.js +0 -100
- package/lib/TreeStructure/arrowNavigation.d.ts +0 -10
- package/lib/TreeStructure/arrowNavigation.js +0 -42
- package/src/ProgrammeCard/ProgrammeCard.stories.tsx +0 -35
- package/src/ProgrammeCard/ProgrammeCard.tsx +0 -78
- package/src/ProgrammeCard/index.tsx +0 -10
- package/src/TreeStructure/AddFolderButton.tsx +0 -79
- package/src/TreeStructure/ComboboxButton.tsx +0 -172
- package/src/TreeStructure/FolderItem.tsx +0 -307
- package/src/TreeStructure/FolderItems.tsx +0 -121
- package/src/TreeStructure/arrowNavigation.ts +0 -54
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
|
-
var _core = require("@ndla/core");
|
|
9
|
-
var _safelink = require("@ndla/safelink");
|
|
10
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
/**
|
|
13
|
-
* Copyright (c) 2023-present, NDLA.
|
|
14
|
-
*
|
|
15
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
16
|
-
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
const StyledCardContainer = /*#__PURE__*/(0, _base.default)(_safelink.SafeLink, {
|
|
21
|
-
target: "eo9d6lc2",
|
|
22
|
-
label: "StyledCardContainer"
|
|
23
|
-
})("display:flex;flex-direction:column;background-color:", _core.colors.background.default, ";border-radius:", _core.misc.borderRadius, ";box-shadow:none;&:hover,&:focus-visible{text-decoration:underline ", _core.colors.text.primary, ";text-underline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNEMiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
24
|
-
const StyledImg = /*#__PURE__*/(0, _base.default)("img", {
|
|
25
|
-
target: "eo9d6lc1",
|
|
26
|
-
label: "StyledImg"
|
|
27
|
-
})("display:block;flex:1;border-radius:", _core.misc.borderRadius, " ", _core.misc.borderRadius, " 0 0;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDNEIiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
28
|
-
const StyledTitle = /*#__PURE__*/(0, _base.default)("span", {
|
|
29
|
-
target: "eo9d6lc0",
|
|
30
|
-
label: "StyledTitle"
|
|
31
|
-
})("display:flex;min-height:70px;align-items:center;padding-left:", _core.spacing.nsmall, ";margin-top:auto;border:1px solid ", _core.colors.brand.lighter, ";border-radius:0 0 ", _core.misc.borderRadius, " ", _core.misc.borderRadius, ";font-weight:", _core.fonts.weight.semibold, ";color:", _core.colors.text.primary, ";", _core.fonts.sizes("16px", "24px"), ";", _core.mq.range({
|
|
32
|
-
from: _core.breakpoints.tablet
|
|
33
|
-
}), "{", _core.fonts.sizes("16px", "18px"), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZUNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEK0IiLCJmaWxlIjoiUHJvZ3JhbW1lQ2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBtaXNjLCBicmVha3BvaW50cywgbXEsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBJbWFnZSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3JhbW1lIHtcbiAgaWQ6IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGxhbmd1YWdlOiBzdHJpbmc7XG4gIH07XG4gIG5hcnJvd0ltYWdlPzogSW1hZ2U7XG4gIHdpZGVJbWFnZT86IEltYWdlO1xuICB1cmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQ2FyZENvbnRhaW5lciA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBib3gtc2hhZG93OiBub25lO1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IDE7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9ICR7bWlzYy5ib3JkZXJSYWRpdXN9IDAgMDtcbiAgd2lkdGg6IDEwMCU7XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBtaW4taGVpZ2h0OiA3MHB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICBtYXJnaW4tdG9wOiBhdXRvO1xuXG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBib3JkZXItcmFkaXVzOiAwIDAgJHttaXNjLmJvcmRlclJhZGl1c30gJHttaXNjLmJvcmRlclJhZGl1c307XG5cbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMjRweFwiKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoXCIxNnB4XCIsIFwiMThweFwiKX07XG4gIH1cbmA7XG5cbmNvbnN0IFByb2dyYW1tZUNhcmQgPSAoeyB0aXRsZSwgbmFycm93SW1hZ2UsIHdpZGVJbWFnZSwgdXJsIH06IFByb2dyYW1tZSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDYXJkQ29udGFpbmVyIHRvPXt1cmx9PlxuICAgICAge25hcnJvd0ltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXsyODB9IHdpZHRoPXsyNTB9IHNyYz17bmFycm93SW1hZ2Uuc3JjfSBhbHQ9e25hcnJvd0ltYWdlLmFsdH0gLz59XG4gICAgICB7d2lkZUltYWdlICYmIDxTdHlsZWRJbWcgaGVpZ2h0PXszMzB9IHdpZHRoPXsxMjB9IHNyYz17d2lkZUltYWdlLnNyY30gYWx0PXt3aWRlSW1hZ2UuYWx0fSAvPn1cbiAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGUudGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICA8L1N0eWxlZENhcmRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWVDYXJkO1xuIl19 */"));
|
|
34
|
-
const ProgrammeCard = _ref => {
|
|
35
|
-
let {
|
|
36
|
-
title,
|
|
37
|
-
narrowImage,
|
|
38
|
-
wideImage,
|
|
39
|
-
url
|
|
40
|
-
} = _ref;
|
|
41
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledCardContainer, {
|
|
42
|
-
to: url,
|
|
43
|
-
children: [narrowImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
|
|
44
|
-
height: 280,
|
|
45
|
-
width: 250,
|
|
46
|
-
src: narrowImage.src,
|
|
47
|
-
alt: narrowImage.alt
|
|
48
|
-
}), wideImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImg, {
|
|
49
|
-
height: 330,
|
|
50
|
-
width: 120,
|
|
51
|
-
src: wideImage.src,
|
|
52
|
-
alt: wideImage.alt
|
|
53
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTitle, {
|
|
54
|
-
children: title.title
|
|
55
|
-
})]
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
var _default = exports.default = ProgrammeCard;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) 2023-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
|
-
export { default as ProgrammeCard } from "./ProgrammeCard";
|
|
9
|
-
export type { Programme as ProgrammeV2 } from "./ProgrammeCard";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "ProgrammeCard", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _ProgrammeCard.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _ProgrammeCard = _interopRequireDefault(require("./ProgrammeCard"));
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) 2022-present, NDLA.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
import { IFolder } from "@ndla/types-backend/myndla-api";
|
|
9
|
-
interface AddFolderButtonProps {
|
|
10
|
-
canAddFolder: boolean;
|
|
11
|
-
focusedFolder?: IFolder;
|
|
12
|
-
setNewFolderParentId: (id?: string) => void;
|
|
13
|
-
setShowTree: (value: boolean) => void;
|
|
14
|
-
loading?: boolean;
|
|
15
|
-
}
|
|
16
|
-
declare const AddFolderButton: ({ canAddFolder, loading, setNewFolderParentId, focusedFolder, setShowTree, }: AddFolderButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export default AddFolderButton;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _reactI18next = require("react-i18next");
|
|
10
|
-
var _button = require("@ndla/button");
|
|
11
|
-
var _action = require("@ndla/icons/action");
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
-
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)."; } /**
|
|
15
|
-
* Copyright (c) 2022-present, NDLA.
|
|
16
|
-
*
|
|
17
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
18
|
-
* LICENSE file in the root directory of this source tree.
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
21
|
-
const StyledAddFolderButton = /*#__PURE__*/(0, _base.default)(_button.ButtonV2, {
|
|
22
|
-
target: "e1bj2d241",
|
|
23
|
-
label: "StyledAddFolderButton"
|
|
24
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
25
|
-
name: "it7ogd",
|
|
26
|
-
styles: "&,&:disabled{border-color:transparent;}"
|
|
27
|
-
} : {
|
|
28
|
-
name: "it7ogd",
|
|
29
|
-
styles: "&,&:disabled{border-color:transparent;}",
|
|
30
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI0QyIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgQWRkTGluZSB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IElGb2xkZXIgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9teW5kbGEtYXBpXCI7XG5cbmludGVyZmFjZSBBZGRGb2xkZXJCdXR0b25Qcm9wcyB7XG4gIGNhbkFkZEZvbGRlcjogYm9vbGVhbjtcbiAgZm9jdXNlZEZvbGRlcj86IElGb2xkZXI7XG4gIHNldE5ld0ZvbGRlclBhcmVudElkOiAoaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldFNob3dUcmVlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRBZGRGb2xkZXJCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgJixcbiAgJjpkaXNhYmxlZCB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUGx1cyA9IHN0eWxlZChBZGRMaW5lKWBcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlckJ1dHRvbiA9ICh7XG4gIGNhbkFkZEZvbGRlcixcbiAgbG9hZGluZyxcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQsXG4gIGZvY3VzZWRGb2xkZXIsXG4gIHNldFNob3dUcmVlLFxufTogQWRkRm9sZGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0b29sdGlwID0gbG9hZGluZ1xuICAgID8gdChcImxvYWRpbmdcIilcbiAgICA6IGNhbkFkZEZvbGRlclxuICAgICAgPyB0KFwibXlOZGxhLm5ld0ZvbGRlclVuZGVyXCIsIHsgZm9sZGVyTmFtZTogZm9jdXNlZEZvbGRlcj8ubmFtZSB9KVxuICAgICAgOiB0KFwidHJlZVN0cnVjdHVyZS5tYXhGb2xkZXJzQWxyZWFkeUFkZGVkXCIpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBZGRGb2xkZXJCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgIGRpc2FibGVkPXtsb2FkaW5nIHx8ICFjYW5BZGRGb2xkZXJ9XG4gICAgICB0aXRsZT17dG9vbHRpcH1cbiAgICAgIGFyaWEtbGFiZWw9e3Rvb2x0aXB9XG4gICAgICBvbk1vdXNlRG93bj17KGUpID0+IHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICByZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgIH19XG4gICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9fVxuICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKGZvY3VzZWRGb2xkZXI/LmlkKTtcbiAgICAgICAgc2V0U2hvd1RyZWUodHJ1ZSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIDxTdHlsZWRQbHVzIC8+IHt0KFwibXlOZGxhLm5ld0ZvbGRlclwiKX1cbiAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFkZEZvbGRlckJ1dHRvbjtcbiJdfQ== */",
|
|
31
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
32
|
-
});
|
|
33
|
-
const StyledPlus = /*#__PURE__*/(0, _base.default)(_action.AddLine, {
|
|
34
|
-
target: "e1bj2d240",
|
|
35
|
-
label: "StyledPlus"
|
|
36
|
-
})(process.env.NODE_ENV === "production" ? {
|
|
37
|
-
name: "u5mh39",
|
|
38
|
-
styles: "height:24px;width:24px"
|
|
39
|
-
} : {
|
|
40
|
-
name: "u5mh39",
|
|
41
|
-
styles: "height:24px;width:24px",
|
|
42
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrQyIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSBcIkBuZGxhL2J1dHRvblwiO1xuaW1wb3J0IHsgQWRkTGluZSB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IElGb2xkZXIgfSBmcm9tIFwiQG5kbGEvdHlwZXMtYmFja2VuZC9teW5kbGEtYXBpXCI7XG5cbmludGVyZmFjZSBBZGRGb2xkZXJCdXR0b25Qcm9wcyB7XG4gIGNhbkFkZEZvbGRlcjogYm9vbGVhbjtcbiAgZm9jdXNlZEZvbGRlcj86IElGb2xkZXI7XG4gIHNldE5ld0ZvbGRlclBhcmVudElkOiAoaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIHNldFNob3dUcmVlOiAodmFsdWU6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRBZGRGb2xkZXJCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgJixcbiAgJjpkaXNhYmxlZCB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUGx1cyA9IHN0eWxlZChBZGRMaW5lKWBcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlckJ1dHRvbiA9ICh7XG4gIGNhbkFkZEZvbGRlcixcbiAgbG9hZGluZyxcbiAgc2V0TmV3Rm9sZGVyUGFyZW50SWQsXG4gIGZvY3VzZWRGb2xkZXIsXG4gIHNldFNob3dUcmVlLFxufTogQWRkRm9sZGVyQnV0dG9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB0b29sdGlwID0gbG9hZGluZ1xuICAgID8gdChcImxvYWRpbmdcIilcbiAgICA6IGNhbkFkZEZvbGRlclxuICAgICAgPyB0KFwibXlOZGxhLm5ld0ZvbGRlclVuZGVyXCIsIHsgZm9sZGVyTmFtZTogZm9jdXNlZEZvbGRlcj8ubmFtZSB9KVxuICAgICAgOiB0KFwidHJlZVN0cnVjdHVyZS5tYXhGb2xkZXJzQWxyZWFkeUFkZGVkXCIpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBZGRGb2xkZXJCdXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgIGRpc2FibGVkPXtsb2FkaW5nIHx8ICFjYW5BZGRGb2xkZXJ9XG4gICAgICB0aXRsZT17dG9vbHRpcH1cbiAgICAgIGFyaWEtbGFiZWw9e3Rvb2x0aXB9XG4gICAgICBvbk1vdXNlRG93bj17KGUpID0+IHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICByZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgICAgIH19XG4gICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9fVxuICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKGZvY3VzZWRGb2xkZXI/LmlkKTtcbiAgICAgICAgc2V0U2hvd1RyZWUodHJ1ZSk7XG4gICAgICB9fVxuICAgID5cbiAgICAgIDxTdHlsZWRQbHVzIC8+IHt0KFwibXlOZGxhLm5ld0ZvbGRlclwiKX1cbiAgICA8L1N0eWxlZEFkZEZvbGRlckJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFkZEZvbGRlckJ1dHRvbjtcbiJdfQ== */",
|
|
43
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
44
|
-
});
|
|
45
|
-
const AddFolderButton = _ref => {
|
|
46
|
-
let {
|
|
47
|
-
canAddFolder,
|
|
48
|
-
loading,
|
|
49
|
-
setNewFolderParentId,
|
|
50
|
-
focusedFolder,
|
|
51
|
-
setShowTree
|
|
52
|
-
} = _ref;
|
|
53
|
-
const {
|
|
54
|
-
t
|
|
55
|
-
} = (0, _reactI18next.useTranslation)();
|
|
56
|
-
const ref = (0, _react.useRef)(null);
|
|
57
|
-
const tooltip = loading ? t("loading") : canAddFolder ? t("myNdla.newFolderUnder", {
|
|
58
|
-
folderName: focusedFolder?.name
|
|
59
|
-
}) : t("treeStructure.maxFoldersAlreadyAdded");
|
|
60
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAddFolderButton, {
|
|
61
|
-
ref: ref,
|
|
62
|
-
variant: "outline",
|
|
63
|
-
shape: "pill",
|
|
64
|
-
disabled: loading || !canAddFolder,
|
|
65
|
-
title: tooltip,
|
|
66
|
-
"aria-label": tooltip,
|
|
67
|
-
onMouseDown: e => {
|
|
68
|
-
e.preventDefault();
|
|
69
|
-
e.stopPropagation();
|
|
70
|
-
ref.current?.focus();
|
|
71
|
-
},
|
|
72
|
-
onMouseUp: e => {
|
|
73
|
-
e.preventDefault();
|
|
74
|
-
e.stopPropagation();
|
|
75
|
-
ref.current?.focus();
|
|
76
|
-
},
|
|
77
|
-
onClick: e => {
|
|
78
|
-
e.currentTarget.focus();
|
|
79
|
-
setNewFolderParentId(focusedFolder?.id);
|
|
80
|
-
setShowTree(true);
|
|
81
|
-
},
|
|
82
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPlus, {}), " ", t("myNdla.newFolder")]
|
|
83
|
-
});
|
|
84
|
-
};
|
|
85
|
-
var _default = exports.default = AddFolderButton;
|
|
@@ -1,27 +0,0 @@
|
|
|
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
|
-
/// <reference types="react" />
|
|
9
|
-
import { IFolder } from "@ndla/types-backend/myndla-api";
|
|
10
|
-
import { TreeStructureType } from "./types";
|
|
11
|
-
interface Props {
|
|
12
|
-
showTree: boolean;
|
|
13
|
-
type: TreeStructureType;
|
|
14
|
-
label?: string;
|
|
15
|
-
focusedFolder?: IFolder;
|
|
16
|
-
selectedFolder?: IFolder;
|
|
17
|
-
setSelectedFolder: (folder: IFolder) => void;
|
|
18
|
-
loading?: boolean;
|
|
19
|
-
onToggleTree: (open: boolean) => void;
|
|
20
|
-
flattenedFolders: IFolder[];
|
|
21
|
-
onOpenFolder: (id: string) => void;
|
|
22
|
-
onCloseFolder: (id: string) => void;
|
|
23
|
-
setFocusedFolder: (folder: IFolder) => void;
|
|
24
|
-
ariaDescribedby?: string;
|
|
25
|
-
}
|
|
26
|
-
declare const ComboboxButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLButtonElement>>;
|
|
27
|
-
export default ComboboxButton;
|
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
var _button = require("@ndla/button");
|
|
10
|
-
var _core = require("@ndla/core");
|
|
11
|
-
var _common = require("@ndla/icons/common");
|
|
12
|
-
var _util = require("@ndla/util");
|
|
13
|
-
var _arrowNavigation = require("./arrowNavigation");
|
|
14
|
-
var _helperFunctions = require("./helperFunctions");
|
|
15
|
-
var _ContentLoader = _interopRequireDefault(require("../ContentLoader"));
|
|
16
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
-
/**
|
|
19
|
-
* Copyright (c) 2022-present, NDLA.
|
|
20
|
-
*
|
|
21
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
22
|
-
* LICENSE file in the root directory of this source tree.
|
|
23
|
-
*
|
|
24
|
-
*/
|
|
25
|
-
|
|
26
|
-
const StyledRow = /*#__PURE__*/(0, _base.default)("div", {
|
|
27
|
-
target: "e1g7ykt81",
|
|
28
|
-
label: "StyledRow"
|
|
29
|
-
})("display:flex;padding:", _core.spacing.xxsmall, ";align-items:center;&[data-open=\"true\"]{border-bottom:1px solid ", _core.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== */"));
|
|
30
|
-
const StyledSelectedFolder = /*#__PURE__*/(0, _base.default)(_button.ButtonV2, {
|
|
31
|
-
target: "e1g7ykt80",
|
|
32
|
-
label: "StyledSelectedFolder"
|
|
33
|
-
})("flex:1;justify-content:flex-start;color:", _core.colors.black, ";border:none;:hover,:focus{background:none;box-shadow:none;border-color:transparent;}:focus-visible{outline:none;}", _core.mq.range({
|
|
34
|
-
until: _core.breakpoints.tablet
|
|
35
|
-
}), "{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== */"));
|
|
36
|
-
const ComboboxButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
|
|
37
|
-
let {
|
|
38
|
-
showTree,
|
|
39
|
-
type,
|
|
40
|
-
label,
|
|
41
|
-
focusedFolder,
|
|
42
|
-
selectedFolder,
|
|
43
|
-
setSelectedFolder,
|
|
44
|
-
onToggleTree,
|
|
45
|
-
flattenedFolders,
|
|
46
|
-
setFocusedFolder,
|
|
47
|
-
onOpenFolder,
|
|
48
|
-
onCloseFolder,
|
|
49
|
-
loading,
|
|
50
|
-
ariaDescribedby
|
|
51
|
-
} = _ref;
|
|
52
|
-
const innerRef = (0, _util.useForwardedRef)(ref);
|
|
53
|
-
const onKeyDown = e => {
|
|
54
|
-
if (e.key === "Enter") {
|
|
55
|
-
onToggleTree(!showTree);
|
|
56
|
-
if (showTree && focusedFolder) {
|
|
57
|
-
setSelectedFolder(focusedFolder);
|
|
58
|
-
}
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
if (e.key === "Escape") {
|
|
62
|
-
onToggleTree(false);
|
|
63
|
-
e.preventDefault();
|
|
64
|
-
return;
|
|
65
|
-
}
|
|
66
|
-
if (["ArrowUp", "ArrowDown"].includes(e.key) && !showTree) {
|
|
67
|
-
onToggleTree(true);
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
if (focusedFolder) {
|
|
71
|
-
(0, _arrowNavigation.arrowNavigation)(e, focusedFolder.id, flattenedFolders, setFocusedFolder, onOpenFolder, onCloseFolder);
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledRow, {
|
|
75
|
-
"data-open": showTree,
|
|
76
|
-
onMouseDown: e => {
|
|
77
|
-
if (!e.defaultPrevented) {
|
|
78
|
-
e.preventDefault();
|
|
79
|
-
e.stopPropagation();
|
|
80
|
-
onToggleTree(!showTree);
|
|
81
|
-
innerRef.current?.focus();
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContentLoader.default, {
|
|
85
|
-
width: 1000,
|
|
86
|
-
height: 40,
|
|
87
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
88
|
-
x: "15",
|
|
89
|
-
y: "0",
|
|
90
|
-
width: "1000",
|
|
91
|
-
rx: "3",
|
|
92
|
-
ry: "3",
|
|
93
|
-
r: "15",
|
|
94
|
-
height: "40"
|
|
95
|
-
})
|
|
96
|
-
}), !loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSelectedFolder, {
|
|
97
|
-
ref: innerRef,
|
|
98
|
-
tabIndex: 0,
|
|
99
|
-
id: (0, _helperFunctions.treestructureId)(type, "combobox"),
|
|
100
|
-
role: "combobox",
|
|
101
|
-
"aria-controls": (0, _helperFunctions.treestructureId)(type, "popup"),
|
|
102
|
-
"aria-haspopup": "tree",
|
|
103
|
-
"aria-expanded": showTree,
|
|
104
|
-
"aria-labelledby": label ? (0, _helperFunctions.treestructureId)(type, "label") : undefined,
|
|
105
|
-
"aria-activedescendant": focusedFolder ? (0, _helperFunctions.treestructureId)(type, focusedFolder.id) : undefined,
|
|
106
|
-
"aria-describedby": ariaDescribedby,
|
|
107
|
-
variant: "ghost",
|
|
108
|
-
colorTheme: "light",
|
|
109
|
-
fontWeight: "normal",
|
|
110
|
-
shape: "sharp",
|
|
111
|
-
onKeyDown: onKeyDown,
|
|
112
|
-
onClick: () => {
|
|
113
|
-
innerRef.current?.focus();
|
|
114
|
-
onToggleTree(showTree);
|
|
115
|
-
},
|
|
116
|
-
children: selectedFolder?.name
|
|
117
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.IconButtonV2, {
|
|
118
|
-
disabled: loading,
|
|
119
|
-
"aria-busy": loading,
|
|
120
|
-
"aria-hidden": true,
|
|
121
|
-
"aria-label": "",
|
|
122
|
-
tabIndex: -1,
|
|
123
|
-
variant: "ghost",
|
|
124
|
-
colorTheme: "greyLighter",
|
|
125
|
-
size: "small",
|
|
126
|
-
onClick: () => {
|
|
127
|
-
innerRef.current?.focus();
|
|
128
|
-
onToggleTree(!showTree);
|
|
129
|
-
},
|
|
130
|
-
children: showTree ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowUpShortLine, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ArrowDownShortLine, {})
|
|
131
|
-
})]
|
|
132
|
-
});
|
|
133
|
-
});
|
|
134
|
-
var _default = exports.default = ComboboxButton;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) 2022-present, NDLA.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
import { IFolder } from "@ndla/types-backend/myndla-api";
|
|
9
|
-
import { CommonFolderItemsProps } from "./types";
|
|
10
|
-
interface Props extends CommonFolderItemsProps {
|
|
11
|
-
isOpen: boolean;
|
|
12
|
-
folder: IFolder;
|
|
13
|
-
isCreatingFolder?: boolean;
|
|
14
|
-
index: number;
|
|
15
|
-
}
|
|
16
|
-
declare const FolderItem: ({ focusedFolder, folder, isOpen, level, loading, selectedFolder, onCloseFolder, onOpenFolder, setFocusedFolder, setSelectedFolder, targetResource, visibleFolders, maxLevel, isCreatingFolder, type, closeTree, index, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export default FolderItem;
|