@ndla/ui 19.1.0 → 20.0.0

package/src/locale/messages-sma.ts

@@ -859,8 +859,10 @@ const messages = {
     open: 'Åpne meny',
     close: 'Lukk meny',
   },
+  cancel: 'Avbryt',
   close: 'Lukk',
   title: 'Tittel',
+  save: 'Lagre',
   image: {
     altText: 'Alt-tekst',
     caption: 'Bilettekst',
@@ -991,6 +993,7 @@ const messages = {
       folder: 'Mappe',
       delete: 'Slett',
       edit: 'Rediger',
+      missingName: 'Mappenavn er påkrevd',
     },
     confirmDeleteFolder: 'Er du sikker på at du vil slette mappen? Denne handlingen kan ikke angres.',
     confirmDeleteTag: 'Er du sikker på at du vil slette tag? Denne handlingen kan ikke angres.',

package/es/Spinner/Spinner.js

@@ -1,42 +0,0 @@
-import _styled from "@emotion/styled-base";
-
-/**
- * Copyright (c) 2018-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 React from 'react';
-import { colors, spacing } from '@ndla/core';
-import { jsx as ___EmotionJSX } from "@emotion/core";
-
-var SpinnerDiv = /*#__PURE__*/_styled('div', {
-  target: "eecx2hs0",
-  label: "SpinnerDiv"
-})("border:calc(", function (props) {
-  return spacing[props.size];
-}, " / 6.5) solid rgba(0,0,0,0.1);border-bottom-color:", function (props) {
-  return props.inverted ? '#fff' : colors.brand.primary;
-}, ";border-radius:50%;animation:spinnerAnimation 0.7s linear infinite;height:", function (props) {
-  return spacing[props.size];
-}, ";width:", function (props) {
-  return spacing[props.size];
-}, ";margin:", function (props) {
-  return props.margin;
-}, ";display:block;@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCNkMiLCJmaWxlIjoiU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIFNwYWNpbmdOYW1lcyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaXplPzogU3BhY2luZ05hbWVzO1xuICBtYXJnaW4/OiBzdHJpbmc7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIGV4dGVuZHMgUHJvcHMge1xuICBzaXplOiBTcGFjaW5nTmFtZXM7XG59XG5cbmNvbnN0IFNwaW5uZXJEaXYgPSBzdHlsZWQoJ2RpdicpPFN0eWxlZFByb3BzPmBcbiAgYm9yZGVyOiBjYWxjKCR7KHByb3BzKSA9PiBzcGFjaW5nW3Byb3BzLnNpemVdfSAvIDYuNSkgc29saWQgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gKHByb3BzLmludmVydGVkID8gJyNmZmYnIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW5uZXJBbmltYXRpb24gMC43cyBsaW5lYXIgaW5maW5pdGU7XG4gIGhlaWdodDogJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19O1xuICBtYXJnaW46ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW59O1xuICBkaXNwbGF5OiBibG9jaztcbiAgQGtleWZyYW1lcyBzcGlubmVyQW5pbWF0aW9uIHtcbiAgICAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3Bpbm5lciA9ICh7IHNpemUgPSAnbGFyZ2UnLCBtYXJnaW4gPSBgJHtzcGFjaW5nLm5vcm1hbH0gYXV0b2AsIGludmVydGVkIH06IFBhcnRpYWw8UHJvcHM+KSA9PiAoXG4gIDxTcGlubmVyRGl2IHNpemU9e3NpemV9IG1hcmdpbj17bWFyZ2lufSBpbnZlcnRlZD17ISFpbnZlcnRlZH0gLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXI7XG4iXX0= */"));
-
-var Spinner = function Spinner(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'large' : _ref$size,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? "".concat(spacing.normal, " auto") : _ref$margin,
-      inverted = _ref.inverted;
-  return ___EmotionJSX(SpinnerDiv, {
-    size: size,
-    margin: margin,
-    inverted: !!inverted
-  });
-};
-
-export default Spinner;

package/es/Spinner/index.js

@@ -1,2 +0,0 @@
-import Spinner from './Spinner';
-export default Spinner;

package/es/TreeStructure/keyboardNavigation/keyboardNavigation.js

@@ -1,194 +0,0 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-/**
- * 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 { MAX_LEVEL_FOR_FOLDERS } from '../TreeStructure';
-export var KEYBOARD_KEYS_OF_INTEREST = ['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', ' ']; // Traverse upwards, incase parent is last element of its parent..
-
-var traverseUpwards = function traverseUpwards(inital, setFocusedFolderId, paths, index) {
-  var findParent = inital;
-  var parentNextIds = [];
-  paths.forEach(function (pathIndex) {
-    var nextParent = findParent ? findParent[pathIndex + 1] : undefined;
-    parentNextIds.push((nextParent === null || nextParent === void 0 ? void 0 : nextParent.id) || false);
-    findParent = findParent[pathIndex].data || [];
-  });
-
-  if (!parentNextIds.length) {
-    var _findParent;
-
-    parentNextIds.push(((_findParent = findParent[index + 1]) === null || _findParent === void 0 ? void 0 : _findParent.id) || false);
-  } // We use a reversed version of parentNextIds, filtered out falses, to find the next element
-  // No newId? We are at the end of the tree so we wont update.
-
-
-  var newId = parentNextIds.reverse().filter(function (id) {
-    return id;
-  })[0];
-
-  if (newId) {
-    setFocusedFolderId(newId);
-  }
-};
-
-var keyboardNavigation = function keyboardNavigation(_ref) {
-  var _document$activeEleme, _elementWithKeyFocus$5;
-
-  var e = _ref.e,
-      data = _ref.data,
-      onToggleOpen = _ref.onToggleOpen,
-      setFocusedFolderId = _ref.setFocusedFolderId,
-      id = _ref.focusedFolderId,
-      openFolders = _ref.openFolders;
-
-  if (e.key === ' ' && ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.nodeName) === 'INPUT') {
-    return;
-  } // We are navigating in the tree.
-  // We need to find the next folder in the tree
-
-
-  var elementWithKeyFocus = {
-    paths: [],
-    index: 0
-  };
-
-  var updatePathToElementWithKeyFocus = function updatePathToElementWithKeyFocus(data, paths, parent, parentId) {
-    return data.some(function (_ref2, _index) {
-      var childData = _ref2.data,
-          dataId = _ref2.id,
-          url = _ref2.url;
-
-      if (dataId === id) {
-        elementWithKeyFocus.paths = paths;
-        elementWithKeyFocus.index = _index;
-        elementWithKeyFocus.isOpen = openFolders.includes(dataId) && childData && childData.length > 0;
-        elementWithKeyFocus.data = childData;
-        elementWithKeyFocus.parent = parent;
-        elementWithKeyFocus.parentId = parentId;
-        elementWithKeyFocus.url = url;
-        return true;
-      }
-
-      return childData ? updatePathToElementWithKeyFocus(childData, [].concat(_toConsumableArray(paths), [_index]), _toConsumableArray(childData), dataId) : false;
-    });
-  };
-
-  if (!updatePathToElementWithKeyFocus(data, [], data)) {
-    var _data$;
-
-    // Couldn't find its location in the tree.
-    // This should not happen, reset its value to root.
-    setFocusedFolderId(e.key === 'ArrowDown' ? (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.id : undefined);
-    return;
-  }
-
-  e.preventDefault();
-  e.stopPropagation();
-
-  if (e.key === ' ') {
-    var simulatedEvent = new MouseEvent('click', {
-      bubbles: true,
-      cancelable: true,
-      view: window
-    });
-    document.activeElement && document.activeElement.dispatchEvent(simulatedEvent);
-    return;
-  }
-
-  if (e.key === 'ArrowRight') {
-    var _elementWithKeyFocus$;
-
-    if (!elementWithKeyFocus.isOpen && ((_elementWithKeyFocus$ = elementWithKeyFocus.data) === null || _elementWithKeyFocus$ === void 0 ? void 0 : _elementWithKeyFocus$.length) && id && elementWithKeyFocus.paths.length < MAX_LEVEL_FOR_FOLDERS - 1) {
-      onToggleOpen(id);
-    }
-
-    return;
-  }
-
-  if (e.key === 'ArrowLeft') {
-    if (id && elementWithKeyFocus.isOpen) {
-      onToggleOpen(id);
-    }
-
-    return;
-  }
-
-  if (!id && e.key === 'ArrowDown') {
-    var _data$2;
-
-    setFocusedFolderId((_data$2 = data[0]) === null || _data$2 === void 0 ? void 0 : _data$2.id);
-    return;
-  }
-
-  if (!id) {
-    return;
-  } // Move up
-
-
-  if (e.key === 'ArrowUp') {
-    if (elementWithKeyFocus.index > 0) {
-      var _elementWithKeyFocus$2;
-
-      // Move upwards to the parent folder
-      setFocusedFolderId(elementWithKeyFocus.parent ? (_elementWithKeyFocus$2 = elementWithKeyFocus.parent[elementWithKeyFocus.index - 1]) === null || _elementWithKeyFocus$2 === void 0 ? void 0 : _elementWithKeyFocus$2.id : undefined);
-    } else if (elementWithKeyFocus.paths.length > 0) {
-      var _findParent$parentsCu;
-
-      elementWithKeyFocus.paths.pop();
-      var findParent = data;
-      elementWithKeyFocus.paths.forEach(function (index) {
-        findParent = findParent[index].data;
-      });
-      var parentsCurrentIndex = findParent.findIndex(function (_ref3) {
-        var id = _ref3.id;
-        return id === elementWithKeyFocus.parentId;
-      });
-      setFocusedFolderId((_findParent$parentsCu = findParent[parentsCurrentIndex]) === null || _findParent$parentsCu === void 0 ? void 0 : _findParent$parentsCu.id);
-    }
-
-    return;
-  }
-
-  if (elementWithKeyFocus.isOpen) {
-    var _elementWithKeyFocus$3;
-
-    if ((_elementWithKeyFocus$3 = elementWithKeyFocus.data) === null || _elementWithKeyFocus$3 === void 0 ? void 0 : _elementWithKeyFocus$3.length) {
-      var _elementWithKeyFocus$4;
-
-      setFocusedFolderId((_elementWithKeyFocus$4 = elementWithKeyFocus.data[0]) === null || _elementWithKeyFocus$4 === void 0 ? void 0 : _elementWithKeyFocus$4.id);
-    } else {
-      // move to next child of parent if any... need new traverse :-/
-      traverseUpwards(data, setFocusedFolderId, elementWithKeyFocus.paths, elementWithKeyFocus.index);
-    }
-
-    return;
-  }
-
-  if (elementWithKeyFocus.parent && elementWithKeyFocus.index < ((_elementWithKeyFocus$5 = elementWithKeyFocus.parent) === null || _elementWithKeyFocus$5 === void 0 ? void 0 : _elementWithKeyFocus$5.length) - 1) {
-    var _elementWithKeyFocus$6;
-
-    // Move downwards to the next child
-    setFocusedFolderId((_elementWithKeyFocus$6 = elementWithKeyFocus.parent[elementWithKeyFocus.index + 1]) === null || _elementWithKeyFocus$6 === void 0 ? void 0 : _elementWithKeyFocus$6.id);
-    return;
-  }
-
-  traverseUpwards(data, setFocusedFolderId, elementWithKeyFocus.paths, elementWithKeyFocus.index);
-  return;
-};
-
-export default keyboardNavigation;

package/lib/Spinner/Spinner.d.ts

@@ -1,16 +0,0 @@
-/**
- * Copyright (c) 2018-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-/// <reference types="react" />
-import { SpacingNames } from '@ndla/core';
-interface Props {
-    size?: SpacingNames;
-    margin?: string;
-    inverted?: boolean;
-}
-declare const Spinner: ({ size, margin, inverted }: Partial<Props>) => JSX.Element;
-export default Spinner;

package/lib/Spinner/Spinner.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _core = require("@ndla/core");
-
-var _core2 = require("@emotion/core");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/**
- * Copyright (c) 2018-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 SpinnerDiv = ( /*#__PURE__*/0, _styledBase["default"])('div', {
-  target: "eecx2hs0",
-  label: "SpinnerDiv"
-})("border:calc(", function (props) {
-  return _core.spacing[props.size];
-}, " / 6.5) solid rgba(0,0,0,0.1);border-bottom-color:", function (props) {
-  return props.inverted ? '#fff' : _core.colors.brand.primary;
-}, ";border-radius:50%;animation:spinnerAnimation 0.7s linear infinite;height:", function (props) {
-  return _core.spacing[props.size];
-}, ";width:", function (props) {
-  return _core.spacing[props.size];
-}, ";margin:", function (props) {
-  return props.margin;
-}, ";display:block;@keyframes spinnerAnimation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCNkMiLCJmaWxlIjoiU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIFNwYWNpbmdOYW1lcyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzaXplPzogU3BhY2luZ05hbWVzO1xuICBtYXJnaW4/OiBzdHJpbmc7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIGV4dGVuZHMgUHJvcHMge1xuICBzaXplOiBTcGFjaW5nTmFtZXM7XG59XG5cbmNvbnN0IFNwaW5uZXJEaXYgPSBzdHlsZWQoJ2RpdicpPFN0eWxlZFByb3BzPmBcbiAgYm9yZGVyOiBjYWxjKCR7KHByb3BzKSA9PiBzcGFjaW5nW3Byb3BzLnNpemVdfSAvIDYuNSkgc29saWQgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICBib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gKHByb3BzLmludmVydGVkID8gJyNmZmYnIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW5uZXJBbmltYXRpb24gMC43cyBsaW5lYXIgaW5maW5pdGU7XG4gIGhlaWdodDogJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHNwYWNpbmdbcHJvcHMuc2l6ZV19O1xuICBtYXJnaW46ICR7KHByb3BzKSA9PiBwcm9wcy5tYXJnaW59O1xuICBkaXNwbGF5OiBibG9jaztcbiAgQGtleWZyYW1lcyBzcGlubmVyQW5pbWF0aW9uIHtcbiAgICAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3Bpbm5lciA9ICh7IHNpemUgPSAnbGFyZ2UnLCBtYXJnaW4gPSBgJHtzcGFjaW5nLm5vcm1hbH0gYXV0b2AsIGludmVydGVkIH06IFBhcnRpYWw8UHJvcHM+KSA9PiAoXG4gIDxTcGlubmVyRGl2IHNpemU9e3NpemV9IG1hcmdpbj17bWFyZ2lufSBpbnZlcnRlZD17ISFpbnZlcnRlZH0gLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXI7XG4iXX0= */"));
-
-var Spinner = function Spinner(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'large' : _ref$size,
-      _ref$margin = _ref.margin,
-      margin = _ref$margin === void 0 ? "".concat(_core.spacing.normal, " auto") : _ref$margin,
-      inverted = _ref.inverted;
-  return (0, _core2.jsx)(SpinnerDiv, {
-    size: size,
-    margin: margin,
-    inverted: !!inverted
-  });
-};
-
-var _default = Spinner;
-exports["default"] = _default;

package/lib/Spinner/index.d.ts

@@ -1,2 +0,0 @@
-import Spinner from './Spinner';
-export default Spinner;

package/lib/Spinner/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _Spinner = _interopRequireDefault(require("./Spinner"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var _default = _Spinner["default"];
-exports["default"] = _default;

package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.d.ts

@@ -1,11 +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 { KeyboardNavigationProps } from './keyboardNavigation.types';
-export declare const KEYBOARD_KEYS_OF_INTEREST: string[];
-declare const keyboardNavigation: ({ e, data, onToggleOpen, setFocusedFolderId, focusedFolderId: id, openFolders, }: KeyboardNavigationProps) => string | undefined;
-export default keyboardNavigation;

package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.js

@@ -1,198 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.KEYBOARD_KEYS_OF_INTEREST = void 0;
-
-var _TreeStructure = require("../TreeStructure");
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var KEYBOARD_KEYS_OF_INTEREST = ['ArrowDown', 'ArrowUp', 'ArrowRight', 'ArrowLeft', ' ']; // Traverse upwards, incase parent is last element of its parent..
-
-exports.KEYBOARD_KEYS_OF_INTEREST = KEYBOARD_KEYS_OF_INTEREST;
-
-var traverseUpwards = function traverseUpwards(inital, setFocusedFolderId, paths, index) {
-  var findParent = inital;
-  var parentNextIds = [];
-  paths.forEach(function (pathIndex) {
-    var nextParent = findParent ? findParent[pathIndex + 1] : undefined;
-    parentNextIds.push((nextParent === null || nextParent === void 0 ? void 0 : nextParent.id) || false);
-    findParent = findParent[pathIndex].data || [];
-  });
-
-  if (!parentNextIds.length) {
-    var _findParent;
-
-    parentNextIds.push(((_findParent = findParent[index + 1]) === null || _findParent === void 0 ? void 0 : _findParent.id) || false);
-  } // We use a reversed version of parentNextIds, filtered out falses, to find the next element
-  // No newId? We are at the end of the tree so we wont update.
-
-
-  var newId = parentNextIds.reverse().filter(function (id) {
-    return id;
-  })[0];
-
-  if (newId) {
-    setFocusedFolderId(newId);
-  }
-};
-
-var keyboardNavigation = function keyboardNavigation(_ref) {
-  var _document$activeEleme, _elementWithKeyFocus$5;
-
-  var e = _ref.e,
-      data = _ref.data,
-      onToggleOpen = _ref.onToggleOpen,
-      setFocusedFolderId = _ref.setFocusedFolderId,
-      id = _ref.focusedFolderId,
-      openFolders = _ref.openFolders;
-
-  if (e.key === ' ' && ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.nodeName) === 'INPUT') {
-    return;
-  } // We are navigating in the tree.
-  // We need to find the next folder in the tree
-
-
-  var elementWithKeyFocus = {
-    paths: [],
-    index: 0
-  };
-
-  var updatePathToElementWithKeyFocus = function updatePathToElementWithKeyFocus(data, paths, parent, parentId) {
-    return data.some(function (_ref2, _index) {
-      var childData = _ref2.data,
-          dataId = _ref2.id,
-          url = _ref2.url;
-
-      if (dataId === id) {
-        elementWithKeyFocus.paths = paths;
-        elementWithKeyFocus.index = _index;
-        elementWithKeyFocus.isOpen = openFolders.includes(dataId) && childData && childData.length > 0;
-        elementWithKeyFocus.data = childData;
-        elementWithKeyFocus.parent = parent;
-        elementWithKeyFocus.parentId = parentId;
-        elementWithKeyFocus.url = url;
-        return true;
-      }
-
-      return childData ? updatePathToElementWithKeyFocus(childData, [].concat(_toConsumableArray(paths), [_index]), _toConsumableArray(childData), dataId) : false;
-    });
-  };
-
-  if (!updatePathToElementWithKeyFocus(data, [], data)) {
-    var _data$;
-
-    // Couldn't find its location in the tree.
-    // This should not happen, reset its value to root.
-    setFocusedFolderId(e.key === 'ArrowDown' ? (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.id : undefined);
-    return;
-  }
-
-  e.preventDefault();
-  e.stopPropagation();
-
-  if (e.key === ' ') {
-    var simulatedEvent = new MouseEvent('click', {
-      bubbles: true,
-      cancelable: true,
-      view: window
-    });
-    document.activeElement && document.activeElement.dispatchEvent(simulatedEvent);
-    return;
-  }
-
-  if (e.key === 'ArrowRight') {
-    var _elementWithKeyFocus$;
-
-    if (!elementWithKeyFocus.isOpen && ((_elementWithKeyFocus$ = elementWithKeyFocus.data) === null || _elementWithKeyFocus$ === void 0 ? void 0 : _elementWithKeyFocus$.length) && id && elementWithKeyFocus.paths.length < _TreeStructure.MAX_LEVEL_FOR_FOLDERS - 1) {
-      onToggleOpen(id);
-    }
-
-    return;
-  }
-
-  if (e.key === 'ArrowLeft') {
-    if (id && elementWithKeyFocus.isOpen) {
-      onToggleOpen(id);
-    }
-
-    return;
-  }
-
-  if (!id && e.key === 'ArrowDown') {
-    var _data$2;
-
-    setFocusedFolderId((_data$2 = data[0]) === null || _data$2 === void 0 ? void 0 : _data$2.id);
-    return;
-  }
-
-  if (!id) {
-    return;
-  } // Move up
-
-
-  if (e.key === 'ArrowUp') {
-    if (elementWithKeyFocus.index > 0) {
-      var _elementWithKeyFocus$2;
-
-      // Move upwards to the parent folder
-      setFocusedFolderId(elementWithKeyFocus.parent ? (_elementWithKeyFocus$2 = elementWithKeyFocus.parent[elementWithKeyFocus.index - 1]) === null || _elementWithKeyFocus$2 === void 0 ? void 0 : _elementWithKeyFocus$2.id : undefined);
-    } else if (elementWithKeyFocus.paths.length > 0) {
-      var _findParent$parentsCu;
-
-      elementWithKeyFocus.paths.pop();
-      var findParent = data;
-      elementWithKeyFocus.paths.forEach(function (index) {
-        findParent = findParent[index].data;
-      });
-      var parentsCurrentIndex = findParent.findIndex(function (_ref3) {
-        var id = _ref3.id;
-        return id === elementWithKeyFocus.parentId;
-      });
-      setFocusedFolderId((_findParent$parentsCu = findParent[parentsCurrentIndex]) === null || _findParent$parentsCu === void 0 ? void 0 : _findParent$parentsCu.id);
-    }
-
-    return;
-  }
-
-  if (elementWithKeyFocus.isOpen) {
-    var _elementWithKeyFocus$3;
-
-    if ((_elementWithKeyFocus$3 = elementWithKeyFocus.data) === null || _elementWithKeyFocus$3 === void 0 ? void 0 : _elementWithKeyFocus$3.length) {
-      var _elementWithKeyFocus$4;
-
-      setFocusedFolderId((_elementWithKeyFocus$4 = elementWithKeyFocus.data[0]) === null || _elementWithKeyFocus$4 === void 0 ? void 0 : _elementWithKeyFocus$4.id);
-    } else {
-      // move to next child of parent if any... need new traverse :-/
-      traverseUpwards(data, setFocusedFolderId, elementWithKeyFocus.paths, elementWithKeyFocus.index);
-    }
-
-    return;
-  }
-
-  if (elementWithKeyFocus.parent && elementWithKeyFocus.index < ((_elementWithKeyFocus$5 = elementWithKeyFocus.parent) === null || _elementWithKeyFocus$5 === void 0 ? void 0 : _elementWithKeyFocus$5.length) - 1) {
-    var _elementWithKeyFocus$6;
-
-    // Move downwards to the next child
-    setFocusedFolderId((_elementWithKeyFocus$6 = elementWithKeyFocus.parent[elementWithKeyFocus.index + 1]) === null || _elementWithKeyFocus$6 === void 0 ? void 0 : _elementWithKeyFocus$6.id);
-    return;
-  }
-
-  traverseUpwards(data, setFocusedFolderId, elementWithKeyFocus.paths, elementWithKeyFocus.index);
-  return;
-};
-
-var _default = keyboardNavigation;
-exports["default"] = _default;

package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.d.ts

@@ -1,26 +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.
- *
- */
-/// <reference types="react" />
-import { FolderStructureProps, SetFocusedFolderId } from '../TreeStructure.types';
-export interface KeyboardNavigationProps {
-    e: React.KeyboardEvent<HTMLElement>;
-    data: FolderStructureProps[];
-    setFocusedFolderId: SetFocusedFolderId;
-    openFolders: string[];
-    onToggleOpen: (id: string) => void;
-    focusedFolderId: string | undefined;
-}
-export interface ElementWithKeyFocusProps {
-    paths: number[];
-    index: number;
-    data?: FolderStructureProps[];
-    parent?: FolderStructureProps[];
-    parentId?: string;
-    isOpen?: boolean;
-    url?: string;
-}

package/lib/TreeStructure/keyboardNavigation/keyboardNavigation.types.js

@@ -1 +0,0 @@
-"use strict";

package/src/Spinner/Spinner.tsx

@@ -1,46 +0,0 @@
-/**
- * Copyright (c) 2018-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 React from 'react';
-import styled from '@emotion/styled';
-import { colors, spacing, SpacingNames } from '@ndla/core';
-
-interface Props {
-  size?: SpacingNames;
-  margin?: string;
-  inverted?: boolean;
-}
-
-interface StyledProps extends Props {
-  size: SpacingNames;
-}
-
-const SpinnerDiv = styled('div')<StyledProps>`
-  border: calc(${(props) => spacing[props.size]} / 6.5) solid rgba(0, 0, 0, 0.1);
-  border-bottom-color: ${(props) => (props.inverted ? '#fff' : colors.brand.primary)};
-  border-radius: 50%;
-  animation: spinnerAnimation 0.7s linear infinite;
-  height: ${(props) => spacing[props.size]};
-  width: ${(props) => spacing[props.size]};
-  margin: ${(props) => props.margin};
-  display: block;
-  @keyframes spinnerAnimation {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-`;
-
-const Spinner = ({ size = 'large', margin = `${spacing.normal} auto`, inverted }: Partial<Props>) => (
-  <SpinnerDiv size={size} margin={margin} inverted={!!inverted} />
-);
-
-export default Spinner;

package/src/Spinner/index.ts

@@ -1,3 +0,0 @@
-import Spinner from './Spinner';
-
-export default Spinner;