@ndla/ui 42.1.2 → 43.0.0

package/lib/MyNdla/SettingsMenu.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _reactDeviceDetect = require("react-device-detect");
-var _reactI18next = require("react-i18next");
-var _button = require("@ndla/button");
-var _modal = require("@ndla/modal");
-var _contentType = require("@ndla/icons/contentType");
-var _core = require("@ndla/core");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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)."; } /**
-                                                                                                                                                                                                                                                                                           * Copyright (c) 2023-present, NDLA.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                           * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           */
-var StyledDrawer = /*#__PURE__*/(0, _base.default)(_modal.Drawer, {
-  target: "ewsen8f3",
-  label: "StyledDrawer"
-})("max-height:100%;border-top-left-radius:", _core.misc.borderRadius, ";border-top-right-radius:", _core.misc.borderRadius, ";", _core.mq.range({
-  until: _core.breakpoints.tablet
-}), "{min-height:20%;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNldHRpbmdzTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JtQyIsImZpbGUiOiJTZXR0aW5nc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBpc01vYmlsZSwgaXNUYWJsZXQgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIsIE1lbnVJdGVtUHJvcHMsIE1lbnVCdXR0b24sIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IERyYXdlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEhlYWRlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEhvcml6b250YWxNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29udGVudFR5cGUnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbWVudUl0ZW1zPzogTWVudUl0ZW1Qcm9wc1tdO1xuICBjaGlsZHJlbj86IChjbG9zZTogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWREcmF3ZXIgPSBzdHlsZWQoRHJhd2VyKWBcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiAyMCU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFVsID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkTW9kYWxCb2R5ID0gc3R5bGVkKE1vZGFsQm9keSlgXG4gIHBhZGRpbmc6IDAgMCAke3NwYWNpbmcubGFyZ2V9IDBweDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NNZW51ID0gKHsgbWVudUl0ZW1zLCBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChpc01vYmlsZSB8fCBpc1RhYmxldCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGV4cGFuZHNcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdteU5kbGEubW9yZScpfSBjb2xvclRoZW1lPVwibGlnaHRcIiB2YXJpYW50PVwiZ2hvc3RcIj5cbiAgICAgICAgICAgIDxIb3Jpem9udGFsTWVudSAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2UpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8aDE+e3QoJ215TmRsYS5zZXR0aW5ncycpfTwvaDE+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNb2RhbEJvZHk+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbj8uKGNsb3NlKX1cbiAgICAgICAgICAgICAgeyEhbWVudUl0ZW1zPy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRVbD5cbiAgICAgICAgICAgICAgICAgIHttZW51SXRlbXMubWFwKChpdGVtLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMaSBrZXk9e2l9PlxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT17aXRlbS50eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbS5vbkNsaWNrKGUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWREcmF3ZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPE1lbnVCdXR0b24gYWxpZ249XCJlbmRcIiBzaXplPVwic21hbGxcIiBtZW51SXRlbXM9e21lbnVJdGVtc30gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc01lbnU7XG4iXX0= */"));
-var StyledUl = /*#__PURE__*/(0, _base.default)("ul", {
-  target: "ewsen8f2",
-  label: "StyledUl"
-})(process.env.NODE_ENV === "production" ? {
-  name: "n1lsvi",
-  styles: "padding:0;list-style:none"
-} : {
-  name: "n1lsvi",
-  styles: "padding:0;list-style:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNldHRpbmdzTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IwQiIsImZpbGUiOiJTZXR0aW5nc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBpc01vYmlsZSwgaXNUYWJsZXQgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIsIE1lbnVJdGVtUHJvcHMsIE1lbnVCdXR0b24sIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IERyYXdlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEhlYWRlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEhvcml6b250YWxNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29udGVudFR5cGUnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbWVudUl0ZW1zPzogTWVudUl0ZW1Qcm9wc1tdO1xuICBjaGlsZHJlbj86IChjbG9zZTogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWREcmF3ZXIgPSBzdHlsZWQoRHJhd2VyKWBcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiAyMCU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFVsID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkTW9kYWxCb2R5ID0gc3R5bGVkKE1vZGFsQm9keSlgXG4gIHBhZGRpbmc6IDAgMCAke3NwYWNpbmcubGFyZ2V9IDBweDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NNZW51ID0gKHsgbWVudUl0ZW1zLCBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChpc01vYmlsZSB8fCBpc1RhYmxldCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGV4cGFuZHNcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdteU5kbGEubW9yZScpfSBjb2xvclRoZW1lPVwibGlnaHRcIiB2YXJpYW50PVwiZ2hvc3RcIj5cbiAgICAgICAgICAgIDxIb3Jpem9udGFsTWVudSAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2UpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8aDE+e3QoJ215TmRsYS5zZXR0aW5ncycpfTwvaDE+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNb2RhbEJvZHk+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbj8uKGNsb3NlKX1cbiAgICAgICAgICAgICAgeyEhbWVudUl0ZW1zPy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRVbD5cbiAgICAgICAgICAgICAgICAgIHttZW51SXRlbXMubWFwKChpdGVtLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMaSBrZXk9e2l9PlxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT17aXRlbS50eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbS5vbkNsaWNrKGUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWREcmF3ZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPE1lbnVCdXR0b24gYWxpZ249XCJlbmRcIiBzaXplPVwic21hbGxcIiBtZW51SXRlbXM9e21lbnVJdGVtc30gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc01lbnU7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var StyledModalBody = /*#__PURE__*/(0, _base.default)(_modal.ModalBody, {
-  target: "ewsen8f1",
-  label: "StyledModalBody"
-})("padding:0 0 ", _core.spacing.large, " 0px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNldHRpbmdzTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0N5QyIsImZpbGUiOiJTZXR0aW5nc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBpc01vYmlsZSwgaXNUYWJsZXQgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIsIE1lbnVJdGVtUHJvcHMsIE1lbnVCdXR0b24sIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IERyYXdlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEhlYWRlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEhvcml6b250YWxNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29udGVudFR5cGUnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbWVudUl0ZW1zPzogTWVudUl0ZW1Qcm9wc1tdO1xuICBjaGlsZHJlbj86IChjbG9zZTogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWREcmF3ZXIgPSBzdHlsZWQoRHJhd2VyKWBcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiAyMCU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFVsID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkTW9kYWxCb2R5ID0gc3R5bGVkKE1vZGFsQm9keSlgXG4gIHBhZGRpbmc6IDAgMCAke3NwYWNpbmcubGFyZ2V9IDBweDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NNZW51ID0gKHsgbWVudUl0ZW1zLCBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChpc01vYmlsZSB8fCBpc1RhYmxldCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGV4cGFuZHNcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdteU5kbGEubW9yZScpfSBjb2xvclRoZW1lPVwibGlnaHRcIiB2YXJpYW50PVwiZ2hvc3RcIj5cbiAgICAgICAgICAgIDxIb3Jpem9udGFsTWVudSAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2UpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8aDE+e3QoJ215TmRsYS5zZXR0aW5ncycpfTwvaDE+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNb2RhbEJvZHk+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbj8uKGNsb3NlKX1cbiAgICAgICAgICAgICAgeyEhbWVudUl0ZW1zPy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRVbD5cbiAgICAgICAgICAgICAgICAgIHttZW51SXRlbXMubWFwKChpdGVtLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMaSBrZXk9e2l9PlxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT17aXRlbS50eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbS5vbkNsaWNrKGUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWREcmF3ZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPE1lbnVCdXR0b24gYWxpZ249XCJlbmRcIiBzaXplPVwic21hbGxcIiBtZW51SXRlbXM9e21lbnVJdGVtc30gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc01lbnU7XG4iXX0= */"));
-var StyledLi = /*#__PURE__*/(0, _base.default)("li", {
-  target: "ewsen8f0",
-  label: "StyledLi"
-})("border-bottom:1px solid ", _core.colors.brand.neutral7, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNldHRpbmdzTWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MwQiIsImZpbGUiOiJTZXR0aW5nc01lbnUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBpc01vYmlsZSwgaXNUYWJsZXQgfSBmcm9tICdyZWFjdC1kZXZpY2UtZGV0ZWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIsIE1lbnVJdGVtUHJvcHMsIE1lbnVCdXR0b24sIEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IERyYXdlciwgTW9kYWxCb2R5LCBNb2RhbENsb3NlQnV0dG9uLCBNb2RhbEhlYWRlciB9IGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEhvcml6b250YWxNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29udGVudFR5cGUnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbWVudUl0ZW1zPzogTWVudUl0ZW1Qcm9wc1tdO1xuICBjaGlsZHJlbj86IChjbG9zZTogKCkgPT4gdm9pZCkgPT4gUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWREcmF3ZXIgPSBzdHlsZWQoRHJhd2VyKWBcbiAgbWF4LWhlaWdodDogMTAwJTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtaW4taGVpZ2h0OiAyMCU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFVsID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiAwO1xuICBsaXN0LXN0eWxlOiBub25lO1xuYDtcblxuY29uc3QgU3R5bGVkTW9kYWxCb2R5ID0gc3R5bGVkKE1vZGFsQm9keSlgXG4gIHBhZGRpbmc6IDAgMCAke3NwYWNpbmcubGFyZ2V9IDBweDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpID0gc3R5bGVkLmxpYFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuYDtcblxuY29uc3QgU2V0dGluZ3NNZW51ID0gKHsgbWVudUl0ZW1zLCBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGlmIChpc01vYmlsZSB8fCBpc1RhYmxldCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRHJhd2VyXG4gICAgICAgIGV4cGFuZHNcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXt0KCdteU5kbGEubW9yZScpfSBjb2xvclRoZW1lPVwibGlnaHRcIiB2YXJpYW50PVwiZ2hvc3RcIj5cbiAgICAgICAgICAgIDxIb3Jpem9udGFsTWVudSAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgICB9XG4gICAgICA+XG4gICAgICAgIHsoY2xvc2UpID0+IChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPE1vZGFsSGVhZGVyPlxuICAgICAgICAgICAgICA8aDE+e3QoJ215TmRsYS5zZXR0aW5ncycpfTwvaDE+XG4gICAgICAgICAgICAgIDxNb2RhbENsb3NlQnV0dG9uIG9uQ2xpY2s9e2Nsb3NlfSAvPlxuICAgICAgICAgICAgPC9Nb2RhbEhlYWRlcj5cbiAgICAgICAgICAgIDxTdHlsZWRNb2RhbEJvZHk+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbj8uKGNsb3NlKX1cbiAgICAgICAgICAgICAgeyEhbWVudUl0ZW1zPy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRVbD5cbiAgICAgICAgICAgICAgICAgIHttZW51SXRlbXMubWFwKChpdGVtLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRMaSBrZXk9e2l9PlxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25WMlxuICAgICAgICAgICAgICAgICAgICAgICAgZm9udFdlaWdodD1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY29sb3JUaGVtZT17aXRlbS50eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgY2xvc2UoKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaXRlbS5vbkNsaWNrKGUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXRlbS5pY29ufVxuICAgICAgICAgICAgICAgICAgICAgICAge2l0ZW0udGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvblYyPlxuICAgICAgICAgICAgICAgICAgICA8L1N0eWxlZExpPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRVbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvU3R5bGVkTW9kYWxCb2R5PlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWREcmF3ZXI+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gPE1lbnVCdXR0b24gYWxpZ249XCJlbmRcIiBzaXplPVwic21hbGxcIiBtZW51SXRlbXM9e21lbnVJdGVtc30gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZXR0aW5nc01lbnU7XG4iXX0= */"));
-var SettingsMenu = function SettingsMenu(_ref) {
-  var menuItems = _ref.menuItems,
-    _children = _ref.children;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  if (_reactDeviceDetect.isMobile || _reactDeviceDetect.isTablet) {
-    return (0, _jsxRuntime.jsx)(StyledDrawer, {
-      expands: true,
-      position: "bottom",
-      size: "small",
-      activateButton: (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
-        "aria-label": t('myNdla.more'),
-        colorTheme: "light",
-        variant: "ghost",
-        children: (0, _jsxRuntime.jsx)(_contentType.HorizontalMenu, {})
-      }),
-      children: function children(close) {
-        return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [(0, _jsxRuntime.jsxs)(_modal.ModalHeader, {
-            children: [(0, _jsxRuntime.jsx)("h1", {
-              children: t('myNdla.settings')
-            }), (0, _jsxRuntime.jsx)(_modal.ModalCloseButton, {
-              onClick: close
-            })]
-          }), (0, _jsxRuntime.jsxs)(StyledModalBody, {
-            children: [_children === null || _children === void 0 ? void 0 : _children(close), !!(menuItems !== null && menuItems !== void 0 && menuItems.length) && (0, _jsxRuntime.jsx)(StyledUl, {
-              children: menuItems.map(function (item, i) {
-                return (0, _jsxRuntime.jsx)(StyledLi, {
-                  children: (0, _jsxRuntime.jsxs)(_button.ButtonV2, {
-                    fontWeight: "normal",
-                    variant: "ghost",
-                    colorTheme: item.type,
-                    onClick: function onClick(e) {
-                      close();
-                      item.onClick(e);
-                    },
-                    children: [item.icon, item.text]
-                  })
-                }, i);
-              })
-            })]
-          })]
-        });
-      }
-    });
-  }
-  return (0, _jsxRuntime.jsx)(_button.MenuButton, {
-    align: "end",
-    size: "small",
-    menuItems: menuItems
-  });
-};
-var _default = SettingsMenu;
-exports.default = _default;

package/src/Breadcrumb/ActionBreadcrumb.tsx

@@ -1,87 +0,0 @@
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import styled from '@emotion/styled';
-import { colors, fonts, misc, spacing } from '@ndla/core';
-import { ChevronRight } from '@ndla/icons/common';
-import SafeLink from '@ndla/safelink';
-import React from 'react';
-import { MenuButton, MenuItemProps } from '@ndla/button';
-import Breadcrumb from './Breadcrumb';
-import { IndexedBreadcrumbItem, SimpleBreadcrumbItem } from './BreadcrumbItem';
-
-const StyledRightChevron = styled(ChevronRight)`
-  color: ${colors.text.primary};
-  margin: ${spacing.xxsmall};
-  height: 24px;
-  width: 24px;
-`;
-
-const StyledSpan = styled.span`
-  font-weight: ${fonts.weight.bold};
-`;
-
-const StyledSafeLink = styled(SafeLink)`
-  color: ${colors.text.primary};
-  box-shadow: none;
-  margin: 0 2px;
-  font-weight: ${fonts.weight.bold};
-  :hover {
-    color: ${colors.brand.primary};
-  }
-`;
-
-const StyledMenuButton = styled(MenuButton)`
-  border-radius: ${misc.borderRadius};
-  margin: 0 2px;
-`;
-
-interface Props {
-  items: SimpleBreadcrumbItem[];
-  actionItems: MenuItemProps[];
-}
-
-const ActionBreadcrumb = ({ items, actionItems }: Props) => {
-  const renderItem = (item: IndexedBreadcrumbItem, totalCount: number) => {
-    if (totalCount === 1) {
-      return <StyledSpan title={item.name}>{item.name}</StyledSpan>;
-    }
-    if (item.index === totalCount - 1 && actionItems.length > 0) {
-      return (
-        <StyledMenuButton menuItems={actionItems} align="end" size="small">
-          <StyledSpan title={item.name}>{item.name}</StyledSpan>
-        </StyledMenuButton>
-      );
-    }
-    return (
-      <StyledSafeLink title={item.name} to={item.to}>
-        {item.name}
-      </StyledSafeLink>
-    );
-  };
-
-  const renderSeparator = (item: IndexedBreadcrumbItem, totalCount: number) => {
-    if (item.index === totalCount - 1) {
-      return null;
-    }
-
-    return <StyledRightChevron />;
-  };
-
-  return (
-    <Breadcrumb
-      autoCollapse
-      collapseLast={false}
-      items={items}
-      renderItem={renderItem}
-      renderSeparator={renderSeparator}
-    />
-  );
-};
-
-export default ActionBreadcrumb;

package/src/MyNdla/Resource/FolderMenu.tsx

@@ -1,102 +0,0 @@
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { MenuItemProps, ButtonV2 } from '@ndla/button';
-import { FourlineHamburger, List } from '@ndla/icons/action';
-import Tooltip from '@ndla/tooltip';
-import styled from '@emotion/styled';
-import { colors, spacing } from '@ndla/core';
-import { useTranslation } from 'react-i18next';
-import { LayoutType } from './Folder';
-import SettingsMenu from '../SettingsMenu';
-
-interface Props {
-  menuItems: MenuItemProps[];
-  viewType?: LayoutType;
-  onViewTypeChange?: (type: LayoutType) => void;
-}
-
-const ViewButtonWrapper = styled.div`
-  display: flex;
-  gap: ${spacing.small};
-  div,
-  button {
-    display: flex;
-    flex: 1;
-  }
-`;
-
-const ViewTypeWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${spacing.xsmall};
-  padding: ${spacing.small};
-  border-bottom: 1px solid ${colors.brand.neutral7};
-  border-top: 1px solid ${colors.brand.neutral7};
-  span {
-    color: ${colors.brand.primary};
-  }
-`;
-
-const ViewButton = styled(ButtonV2)`
-  background-color: transparent;
-  color: ${colors.brand.primary};
-  svg {
-    width: 40px;
-    height: 40px;
-  }
-  &[aria-current='true'] {
-    background-color: ${colors.brand.lightest};
-  }
-  &[aria-current='false'] {
-    color: ${colors.brand.light};
-    border-color: ${colors.brand.light};
-  }
-`;
-
-const FolderMenu = ({ menuItems, viewType, onViewTypeChange }: Props) => {
-  const { t } = useTranslation();
-  return (
-    <SettingsMenu menuItems={menuItems}>
-      {(_) => {
-        if (!viewType || !onViewTypeChange) {
-          return null;
-        }
-        return (
-          <ViewTypeWrapper>
-            <span>{t('myNdla.selectView')}</span>
-            <ViewButtonWrapper>
-              <Tooltip tooltip={t('myNdla.listView')}>
-                <ViewButton
-                  size="large"
-                  aria-current={viewType === 'list'}
-                  colorTheme="primary"
-                  onClick={() => onViewTypeChange('list')}
-                >
-                  <FourlineHamburger />
-                </ViewButton>
-              </Tooltip>
-              <Tooltip tooltip={t('myNdla.detailView')}>
-                <ViewButton
-                  size="large"
-                  aria-current={viewType === 'listLarger'}
-                  colorTheme="primary"
-                  onClick={() => onViewTypeChange('listLarger')}
-                >
-                  <List />
-                </ViewButton>
-              </Tooltip>
-            </ViewButtonWrapper>
-          </ViewTypeWrapper>
-        );
-      }}
-    </SettingsMenu>
-  );
-};
-
-export default FolderMenu;

package/src/MyNdla/SettingsMenu.tsx

@@ -1,96 +0,0 @@
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { ReactNode } from 'react';
-import styled from '@emotion/styled';
-import { isMobile, isTablet } from 'react-device-detect';
-import { useTranslation } from 'react-i18next';
-import { IconButtonV2, MenuItemProps, MenuButton, ButtonV2 } from '@ndla/button';
-import { Drawer, ModalBody, ModalCloseButton, ModalHeader } from '@ndla/modal';
-import { HorizontalMenu } from '@ndla/icons/contentType';
-import { breakpoints, colors, misc, mq, spacing } from '@ndla/core';
-
-interface Props {
-  menuItems?: MenuItemProps[];
-  children?: (close: () => void) => ReactNode;
-}
-
-const StyledDrawer = styled(Drawer)`
-  max-height: 100%;
-  border-top-left-radius: ${misc.borderRadius};
-  border-top-right-radius: ${misc.borderRadius};
-  ${mq.range({ until: breakpoints.tablet })} {
-    min-height: 20%;
-  }
-`;
-
-const StyledUl = styled.ul`
-  padding: 0;
-  list-style: none;
-`;
-
-const StyledModalBody = styled(ModalBody)`
-  padding: 0 0 ${spacing.large} 0px;
-`;
-
-const StyledLi = styled.li`
-  border-bottom: 1px solid ${colors.brand.neutral7};
-`;
-
-const SettingsMenu = ({ menuItems, children }: Props) => {
-  const { t } = useTranslation();
-  if (isMobile || isTablet) {
-    return (
-      <StyledDrawer
-        expands
-        position="bottom"
-        size="small"
-        activateButton={
-          <IconButtonV2 aria-label={t('myNdla.more')} colorTheme="light" variant="ghost">
-            <HorizontalMenu />
-          </IconButtonV2>
-        }
-      >
-        {(close) => (
-          <>
-            <ModalHeader>
-              <h1>{t('myNdla.settings')}</h1>
-              <ModalCloseButton onClick={close} />
-            </ModalHeader>
-            <StyledModalBody>
-              {children?.(close)}
-              {!!menuItems?.length && (
-                <StyledUl>
-                  {menuItems.map((item, i) => (
-                    <StyledLi key={i}>
-                      <ButtonV2
-                        fontWeight="normal"
-                        variant="ghost"
-                        colorTheme={item.type}
-                        onClick={(e) => {
-                          close();
-                          item.onClick(e);
-                        }}
-                      >
-                        {item.icon}
-                        {item.text}
-                      </ButtonV2>
-                    </StyledLi>
-                  ))}
-                </StyledUl>
-              )}
-            </StyledModalBody>
-          </>
-        )}
-      </StyledDrawer>
-    );
-  }
-  return <MenuButton align="end" size="small" menuItems={menuItems} />;
-};
-
-export default SettingsMenu;