@ndla/ui 20.0.3 → 21.0.0

package/es/TreeStructure/TreeStructure.js

@@ -1,13 +1,5 @@
 import _styled from "@emotion/styled-base";
 
-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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -27,7 +19,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React, { useEffect, useState, useRef, useMemo } from 'react';
+import React, { useEffect, useState, useMemo } from 'react';
 import { AddButton } from '@ndla/button';
 import Tooltip from '@ndla/tooltip';
 import { useTranslation } from 'react-i18next';
@@ -35,75 +27,84 @@ import { spacing, fonts } from '@ndla/core';
 import { uniq } from 'lodash';
 import TreeStructureStyledWrapper from './TreeStructureWrapper';
 import FolderItems from './FolderItems';
-import { getPathOfFolder, getFolderName, flattenFolders } from './helperFunctions';
+import { flattenFolders } from './helperFunctions';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 export var MAX_LEVEL_FOR_FOLDERS = 4;
 
 var StyledLabel = _styled("label", {
   target: "e1dg1gdn0",
   label: "StyledLabel"
-})("font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZ0MiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBBZGRCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVuaXEgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIGZyb20gJy4vVHJlZVN0cnVjdHVyZVdyYXBwZXInO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gJy4vRm9sZGVySXRlbXMnO1xuaW1wb3J0IHsgZ2V0UGF0aE9mRm9sZGVyLCBnZXRGb2xkZXJOYW1lLCBmbGF0dGVuRm9sZGVycyB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IFRyZWVTdHJ1Y3R1cmVQcm9wcyB9IGZyb20gJy4vVHJlZVN0cnVjdHVyZS50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA0O1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBmb2xkZXJzLFxuICBsYWJlbCxcbiAgZWRpdGFibGUsXG4gIGxvYWRpbmcsXG4gIG9uTmV3Rm9sZGVyLFxuICBvblNlbGVjdEZvbGRlcixcbiAgb3Blbk9uRm9sZGVyQ2xpY2ssXG4gIGZyYW1lZCxcbiAgZm9sZGVySWRNYXJrZWRCeURlZmF1bHQsXG4gIGRlZmF1bHRPcGVuRm9sZGVycyxcbiAgZm9sZGVyQ2hpbGQsXG4gIG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkID0gTUFYX0xFVkVMX0ZPUl9GT0xERVJTLFxufTogVHJlZVN0cnVjdHVyZVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW25ld0ZvbGRlclBhcmVudElkLCBzZXROZXdGb2xkZXJQYXJlbnRJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtvcGVuRm9sZGVycywgc2V0T3BlbkZvbGRlcnNdID0gdXNlU3RhdGU8c3RyaW5nW10+KGRlZmF1bHRPcGVuRm9sZGVycyB8fCBbXSk7XG4gIGNvbnN0IFtmb2N1c2VkRm9sZGVySWQsIHNldEZvY3VzZWRGb2xkZXJJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFttYXJrZWRGb2xkZXJJZCwgc2V0TWFya2VkRm9sZGVySWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihmb2xkZXJJZE1hcmtlZEJ5RGVmYXVsdCB8fCBmb2xkZXJzWzBdPy5pZCk7XG4gIGNvbnN0IHRyZWVzdHJ1Y3R1cmVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgcm9vdExldmVsSWQgPSAndHJlZXN0cnVjdHVyZS1yb290JztcblxuICBjb25zdCB2aXNpYmxlRm9sZGVycyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gZmxhdHRlbkZvbGRlcnMoZm9sZGVycywgb3BlbkZvbGRlcnMpLm1hcCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQpLFxuICAgIFtmb2xkZXJzLCBvcGVuRm9sZGVyc10sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBzZXRPcGVuRm9sZGVycygocHJldikgPT4ge1xuICAgICAgICByZXR1cm4gdW5pcShbLi4uZGVmYXVsdE9wZW5Gb2xkZXJzLCAuLi5wcmV2XSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbG9hZGluZykge1xuICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQodW5kZWZpbmVkKTtcbiAgICB9XG4gIH0sIFtsb2FkaW5nXSk7XG5cbiAgY29uc3Qgb25DbG9zZUZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgLy8gRGlkIHdlIGp1c3QgY2xvc2VkIGEgZm9sZGVyIHdpdGggYSBtYXJrZWQgZm9sZGVyIGluc2lkZSBpdD9cbiAgICAvLyBJZiBzbywgd2UgbmVlZCB0byBtYXJrIHRoZSBmb2xkZXIgd2UganVzdCBjbG9zZWQuXG4gICAgaWYgKG1hcmtlZEZvbGRlcklkKSB7XG4gICAgICBjb25zdCBjbG9zaW5nRm9sZGVyUGF0aCA9IGdldFBhdGhPZkZvbGRlcihmb2xkZXJzLCBpZCk7XG4gICAgICBjb25zdCBtYXJrZWRGb2xkZXJQYXRoID0gZ2V0UGF0aE9mRm9sZGVyKGZvbGRlcnMsIG1hcmtlZEZvbGRlcklkKTtcbiAgICAgIGNvbnN0IG1hcmtlZEZvbGRlcklzU3ViUGF0aCA9IGNsb3NpbmdGb2xkZXJQYXRoLmV2ZXJ5KFxuICAgICAgICAoZm9sZGVySWQsIF9pbmRleCkgPT4gbWFya2VkRm9sZGVyUGF0aFtfaW5kZXhdID09PSBmb2xkZXJJZCxcbiAgICAgICk7XG4gICAgICBpZiAobWFya2VkRm9sZGVySXNTdWJQYXRoKSB7XG4gICAgICAgIGlmIChvblNlbGVjdEZvbGRlcikge1xuICAgICAgICAgIHNldE1hcmtlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgICBvblNlbGVjdEZvbGRlcihjbG9zaW5nRm9sZGVyUGF0aFtjbG9zaW5nRm9sZGVyUGF0aC5sZW5ndGggLSAxXSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0Rm9jdXNlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICBzZXRPcGVuRm9sZGVycyhvcGVuRm9sZGVycy5maWx0ZXIoKGZvbGRlcikgPT4gZm9sZGVyICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uT3BlbkZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQoaWQpKSk7XG4gIH07XG5cbiAgY29uc3Qgb25DcmVhdGVOZXdGb2xkZXIgPSAocGFyZW50SWQ6IHN0cmluZykgPT4ge1xuICAgIHNldE5ld0ZvbGRlclBhcmVudElkKHBhcmVudElkKTtcbiAgfTtcblxuICBjb25zdCBvblNhdmVOZXdGb2xkZXIgPSAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiB7XG4gICAgb25OZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpLnRoZW4oKG5ld0ZvbGRlcklkKSA9PiB7XG4gICAgICBpZiAobmV3Rm9sZGVySWQpIHtcbiAgICAgICAgc2V0TWFya2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICBzZXRPcGVuRm9sZGVycyh1bmlxKG9wZW5Gb2xkZXJzLmNvbmNhdChwYXJlbnRJZCkpKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfTtcblxuICBjb25zdCBvbkNhbmNlbE5ld0ZvbGRlciA9ICgpID0+IHtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZCh1bmRlZmluZWQpO1xuICB9O1xuXG4gIGNvbnN0IG9uTWFya0ZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0TWFya2VkRm9sZGVySWQoaWQpO1xuICAgIHNldEZvY3VzZWRGb2xkZXJJZChpZCk7XG4gIH07XG5cbiAgY29uc3QgcGF0aHMgPSBnZXRQYXRoT2ZGb2xkZXIoZm9sZGVycywgbWFya2VkRm9sZGVySWQgfHwgJycpO1xuICBjb25zdCBjYW5BZGRGb2xkZXIgPSBlZGl0YWJsZSAmJiBwYXRocy5sZW5ndGggPCAobWF4aW11bUxldmVsc09mRm9sZGVyc0FsbG93ZWQgfHwgMSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17dHJlZXN0cnVjdHVyZVJlZn0+XG4gICAgICB7bGFiZWwgJiYgPFN0eWxlZExhYmVsIGh0bWxGb3I9e3Jvb3RMZXZlbElkfT57bGFiZWx9PC9TdHlsZWRMYWJlbD59XG4gICAgICA8VHJlZVN0cnVjdHVyZVN0eWxlZFdyYXBwZXIgcmVmPXt3cmFwcGVyUmVmfSBpZD17cm9vdExldmVsSWR9IGFyaWEtbGFiZWw9XCJNZW51IHRyZWVcIiByb2xlPVwidHJlZVwiIGZyYW1lZD17ZnJhbWVkfT5cbiAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgb25TZWxlY3RGb2xkZXI9e29uU2VsZWN0Rm9sZGVyfVxuICAgICAgICAgIGxldmVsPXsxfVxuICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgZWRpdGFibGU9e2VkaXRhYmxlfVxuICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgIG9uQ2xvc2VGb2xkZXI9e29uQ2xvc2VGb2xkZXJ9XG4gICAgICAgICAgbmV3Rm9sZGVyUGFyZW50SWQ9e25ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgIG9uQ3JlYXRlTmV3Rm9sZGVyPXtvbkNyZWF0ZU5ld0ZvbGRlcn1cbiAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgb25TYXZlTmV3Rm9sZGVyPXtvblNhdmVOZXdGb2xkZXJ9XG4gICAgICAgICAgdmlzaWJsZUZvbGRlcnM9e3Zpc2libGVGb2xkZXJzfVxuICAgICAgICAgIG9wZW5Gb2xkZXJzPXtvcGVuRm9sZGVyc31cbiAgICAgICAgICBtYXJrZWRGb2xkZXJJZD17bWFya2VkRm9sZGVySWR9XG4gICAgICAgICAgb25NYXJrRm9sZGVyPXtvbk1hcmtGb2xkZXJ9XG4gICAgICAgICAgb3Blbk9uRm9sZGVyQ2xpY2s9e29wZW5PbkZvbGRlckNsaWNrfVxuICAgICAgICAgIGxvYWRpbmc9e2xvYWRpbmd9XG4gICAgICAgICAgZm9jdXNlZEZvbGRlcklkPXtmb2N1c2VkRm9sZGVySWR9XG4gICAgICAgICAgc2V0Rm9jdXNlZEZvbGRlcklkPXtzZXRGb2N1c2VkRm9sZGVySWR9XG4gICAgICAgICAgZm9sZGVyQ2hpbGQ9e2ZvbGRlckNoaWxkfVxuICAgICAgICAgIG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkPXttYXhpbXVtTGV2ZWxzT2ZGb2xkZXJzQWxsb3dlZH1cbiAgICAgICAgLz5cbiAgICAgIDwvVHJlZVN0cnVjdHVyZVN0eWxlZFdyYXBwZXI+XG4gICAgICB7ZWRpdGFibGUgJiYgKFxuICAgICAgICA8QWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICAgICA8VG9vbHRpcFxuICAgICAgICAgICAgdG9vbHRpcD17XG4gICAgICAgICAgICAgIGNhbkFkZEZvbGRlclxuICAgICAgICAgICAgICAgID8gdCgnbXlOZGxhLm5ld0ZvbGRlclVuZGVyJywge1xuICAgICAgICAgICAgICAgICAgICBmb2xkZXJOYW1lOiBnZXRGb2xkZXJOYW1lKGZvbGRlcnMsIG1hcmtlZEZvbGRlcklkKSxcbiAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgOiB0KCd0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWQnKVxuICAgICAgICAgICAgfT5cbiAgICAgICAgICAgIDxBZGRCdXR0b25cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9eyFjYW5BZGRGb2xkZXJ9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ215TmRsYS5uZXdGb2xkZXInKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKG1hcmtlZEZvbGRlcklkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICAgICAgICA8L0FkZEJ1dHRvbj5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgIDwvQWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUcmVlU3RydWN0dXJlO1xuIl19 */"));
+})("font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCZ0MiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQWRkQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1bmlxIH0gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IElGb2xkZXIgfSBmcm9tICdAbmRsYS90eXBlcy1sZWFybmluZ3BhdGgtYXBpJztcbmltcG9ydCBUcmVlU3RydWN0dXJlU3R5bGVkV3JhcHBlciBmcm9tICcuL1RyZWVTdHJ1Y3R1cmVXcmFwcGVyJztcbmltcG9ydCBGb2xkZXJJdGVtcyBmcm9tICcuL0ZvbGRlckl0ZW1zJztcbmltcG9ydCB7IGZsYXR0ZW5Gb2xkZXJzIH0gZnJvbSAnLi9oZWxwZXJGdW5jdGlvbnMnO1xuaW1wb3J0IHsgQ29tbW9uVHJlZVN0cnVjdHVyZVByb3BzLCBGb2xkZXJUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA0O1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHJlZVN0cnVjdHVyZVByb3BzIGV4dGVuZHMgQ29tbW9uVHJlZVN0cnVjdHVyZVByb3BzIHtcbiAgZGVmYXVsdE9wZW5Gb2xkZXJzPzogc3RyaW5nW107XG4gIGZvbGRlcnM6IEZvbGRlclR5cGVbXTtcbiAgZWRpdGFibGU/OiBib29sZWFuO1xuICBmcmFtZWQ/OiBib29sZWFuO1xuICBsYWJlbD86IHN0cmluZztcbiAgbWF4aW11bUxldmVsc09mRm9sZGVyc0FsbG93ZWQ/OiBudW1iZXI7XG4gIG9uTmV3Rm9sZGVyOiAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiBQcm9taXNlPElGb2xkZXI+O1xufVxuXG5jb25zdCBUcmVlU3RydWN0dXJlID0gKHtcbiAgZGVmYXVsdE9wZW5Gb2xkZXJzLFxuICBlZGl0YWJsZSxcbiAgbWVudUl0ZW1zLFxuICBmb2xkZXJzLFxuICBmcmFtZWQsXG4gIGxhYmVsLFxuICBsb2FkaW5nLFxuICBtYXhpbXVtTGV2ZWxzT2ZGb2xkZXJzQWxsb3dlZCA9IE1BWF9MRVZFTF9GT1JfRk9MREVSUyxcbiAgb25OZXdGb2xkZXIsXG4gIG9uU2VsZWN0Rm9sZGVyLFxuICBvcGVuT25Gb2xkZXJDbGljayxcbn06IFRyZWVTdHJ1Y3R1cmVQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgZGVmYXVsdFNlbGVjdGVkRm9sZGVySWQgPSBkZWZhdWx0T3BlbkZvbGRlcnMgJiYgZGVmYXVsdE9wZW5Gb2xkZXJzW2RlZmF1bHRPcGVuRm9sZGVycy5sZW5ndGggLSAxXTtcblxuICBjb25zdCBbb3BlbkZvbGRlcnMsIHNldE9wZW5Gb2xkZXJzXSA9IHVzZVN0YXRlPHN0cmluZ1tdPihkZWZhdWx0T3BlbkZvbGRlcnMgfHwgW10pO1xuXG4gIGNvbnN0IFtuZXdGb2xkZXJQYXJlbnRJZCwgc2V0TmV3Rm9sZGVyUGFyZW50SWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICBjb25zdCBbZm9jdXNlZElkLCBzZXRGb2N1c2VkSWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICBjb25zdCBbc2VsZWN0ZWRGb2xkZXIsIHNldFNlbGVjdGVkRm9sZGVyXSA9IHVzZVN0YXRlPEZvbGRlclR5cGUgfCB1bmRlZmluZWQ+KCk7XG5cbiAgY29uc3QgZmxhdHRlbmVkRm9sZGVycyA9IHVzZU1lbW8oKCkgPT4gZmxhdHRlbkZvbGRlcnMoZm9sZGVycywgb3BlbkZvbGRlcnMpLCBbZm9sZGVycywgb3BlbkZvbGRlcnNdKTtcbiAgY29uc3QgdmlzaWJsZUZvbGRlcklkcyA9IGZsYXR0ZW5lZEZvbGRlcnMubWFwKChmb2xkZXIpID0+IGZvbGRlci5pZCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBzZXRPcGVuRm9sZGVycygocHJldikgPT4ge1xuICAgICAgICByZXR1cm4gdW5pcShkZWZhdWx0T3BlbkZvbGRlcnMuY29uY2F0KHByZXYpKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgW2RlZmF1bHRPcGVuRm9sZGVyc10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGRlZmF1bHRTZWxlY3RlZEZvbGRlcklkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGNvbnN0IHNlbGVjdGVkID0gZmxhdHRlbkZvbGRlcnMoZm9sZGVycykuZmluZCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQgPT09IGRlZmF1bHRTZWxlY3RlZEZvbGRlcklkKTtcbiAgICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcihzZWxlY3RlZCk7XG4gICAgICB9XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2RlZmF1bHRTZWxlY3RlZEZvbGRlcklkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWxvYWRpbmcpIHtcbiAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKHVuZGVmaW5lZCk7XG4gICAgfVxuICB9LCBbbG9hZGluZ10pO1xuXG4gIGNvbnN0IG9uQ2xvc2VGb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNsb3NlZEZvbGRlciA9IGZsYXR0ZW5lZEZvbGRlcnMuZmluZCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQgPT09IGlkKTtcblxuICAgIGlmIChjbG9zZWRGb2xkZXIpIHtcbiAgICAgIGNvbnN0IHN1YkZvbGRlcnMgPSBjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyAmJiBmbGF0dGVuRm9sZGVycyhjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyk7XG4gICAgICBpZiAoc3ViRm9sZGVycy5zb21lKChmb2xkZXIpID0+IGZvbGRlci5pZCA9PT0gc2VsZWN0ZWRGb2xkZXI/LmlkKSkge1xuICAgICAgICBpZiAob25TZWxlY3RGb2xkZXIpIHtcbiAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcihjbG9zZWRGb2xkZXIpO1xuICAgICAgICAgIG9uU2VsZWN0Rm9sZGVyKGNsb3NlZEZvbGRlci5pZCk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0Rm9jdXNlZElkKGNsb3NlZEZvbGRlci5pZCk7XG4gICAgICB9XG4gICAgfVxuICAgIHNldE9wZW5Gb2xkZXJzKG9wZW5Gb2xkZXJzLmZpbHRlcigoZm9sZGVySWQpID0+IGZvbGRlcklkICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uT3BlbkZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQoaWQpKSk7XG4gIH07XG5cbiAgY29uc3Qgb25TYXZlTmV3Rm9sZGVyID0gKG5hbWU6IHN0cmluZywgcGFyZW50SWQ6IHN0cmluZykgPT4ge1xuICAgIG9uTmV3Rm9sZGVyKG5hbWUsIHBhcmVudElkKS50aGVuKChuZXdGb2xkZXIpID0+IHtcbiAgICAgIGlmIChuZXdGb2xkZXIpIHtcbiAgICAgICAgc2V0U2VsZWN0ZWRGb2xkZXIobmV3Rm9sZGVyKTtcbiAgICAgICAgc2V0Rm9jdXNlZElkKG5ld0ZvbGRlci5pZCk7XG4gICAgICAgIHNldE9wZW5Gb2xkZXJzKHVuaXEob3BlbkZvbGRlcnMuY29uY2F0KHBhcmVudElkKSkpO1xuICAgICAgfVxuICAgIH0pO1xuICB9O1xuXG4gIGNvbnN0IG9uQ2FuY2VsTmV3Rm9sZGVyID0gKCkgPT4ge1xuICAgIHNldE5ld0ZvbGRlclBhcmVudElkKHVuZGVmaW5lZCk7XG4gIH07XG5cbiAgY29uc3QgY2FuQWRkRm9sZGVyID1cbiAgICBlZGl0YWJsZSAmJiBzZWxlY3RlZEZvbGRlciAmJiBzZWxlY3RlZEZvbGRlcj8uYnJlYWRjcnVtYnMubGVuZ3RoIDwgKG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkIHx8IDEpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHtsYWJlbCAmJiA8U3R5bGVkTGFiZWw+e2xhYmVsfTwvU3R5bGVkTGFiZWw+fVxuICAgICAgPFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIGFyaWEtbGFiZWw9XCJNZW51IHRyZWVcIiByb2xlPVwidHJlZVwiIGZyYW1lZD17ZnJhbWVkfT5cbiAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgZWRpdGFibGU9e2VkaXRhYmxlfVxuICAgICAgICAgIGZvY3VzZWRGb2xkZXJJZD17Zm9jdXNlZElkfVxuICAgICAgICAgIG1lbnVJdGVtcz17bWVudUl0ZW1zfVxuICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgbGV2ZWw9ezF9XG4gICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgbWF4aW11bUxldmVsc09mRm9sZGVyc0FsbG93ZWQ9e21heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkfVxuICAgICAgICAgIG5ld0ZvbGRlclBhcmVudElkPXtuZXdGb2xkZXJQYXJlbnRJZH1cbiAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgb25DbG9zZUZvbGRlcj17b25DbG9zZUZvbGRlcn1cbiAgICAgICAgICBvbk9wZW5Gb2xkZXI9e29uT3BlbkZvbGRlcn1cbiAgICAgICAgICBvblNhdmVOZXdGb2xkZXI9e29uU2F2ZU5ld0ZvbGRlcn1cbiAgICAgICAgICBvblNlbGVjdEZvbGRlcj17b25TZWxlY3RGb2xkZXJ9XG4gICAgICAgICAgb3BlbkZvbGRlcnM9e29wZW5Gb2xkZXJzfVxuICAgICAgICAgIG9wZW5PbkZvbGRlckNsaWNrPXtvcGVuT25Gb2xkZXJDbGlja31cbiAgICAgICAgICBzZXRGb2N1c2VkSWQ9e3NldEZvY3VzZWRJZH1cbiAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcj17c2V0U2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgdmlzaWJsZUZvbGRlcnM9e3Zpc2libGVGb2xkZXJJZHN9XG4gICAgICAgIC8+XG4gICAgICA8L1RyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyPlxuICAgICAge2VkaXRhYmxlICYmIChcbiAgICAgICAgPEFkZEZvbGRlcldyYXBwZXI+XG4gICAgICAgICAgPFRvb2x0aXBcbiAgICAgICAgICAgIHRvb2x0aXA9e1xuICAgICAgICAgICAgICBjYW5BZGRGb2xkZXJcbiAgICAgICAgICAgICAgICA/IHQoJ215TmRsYS5uZXdGb2xkZXJVbmRlcicsIHtcbiAgICAgICAgICAgICAgICAgICAgZm9sZGVyTmFtZTogc2VsZWN0ZWRGb2xkZXI/Lm5hbWUsXG4gICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIDogdCgndHJlZVN0cnVjdHVyZS5tYXhGb2xkZXJzQWxyZWFkeUFkZGVkJylcbiAgICAgICAgICAgIH0+XG4gICAgICAgICAgICA8QWRkQnV0dG9uXG4gICAgICAgICAgICAgIGRpc2FibGVkPXshY2FuQWRkRm9sZGVyfVxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldE5ld0ZvbGRlclBhcmVudElkKHNlbGVjdGVkRm9sZGVyPy5pZCl9PlxuICAgICAgICAgICAgICB7dCgnbXlOZGxhLm5ld0ZvbGRlcicpfVxuICAgICAgICAgICAgPC9BZGRCdXR0b24+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICA8L0FkZEZvbGRlcldyYXBwZXI+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVHJlZVN0cnVjdHVyZTtcbiJdfQ== */"));
 
 var AddFolderWrapper = _styled("div", {
   target: "e1dg1gdn1",
   label: "AddFolderWrapper"
-})("display:flex;margin-top:", spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCbUMiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBBZGRCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG5kbGEvdG9vbHRpcCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVuaXEgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIGZyb20gJy4vVHJlZVN0cnVjdHVyZVdyYXBwZXInO1xuaW1wb3J0IEZvbGRlckl0ZW1zIGZyb20gJy4vRm9sZGVySXRlbXMnO1xuaW1wb3J0IHsgZ2V0UGF0aE9mRm9sZGVyLCBnZXRGb2xkZXJOYW1lLCBmbGF0dGVuRm9sZGVycyB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcbmltcG9ydCB7IFRyZWVTdHJ1Y3R1cmVQcm9wcyB9IGZyb20gJy4vVHJlZVN0cnVjdHVyZS50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA0O1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmNvbnN0IFRyZWVTdHJ1Y3R1cmUgPSAoe1xuICBmb2xkZXJzLFxuICBsYWJlbCxcbiAgZWRpdGFibGUsXG4gIGxvYWRpbmcsXG4gIG9uTmV3Rm9sZGVyLFxuICBvblNlbGVjdEZvbGRlcixcbiAgb3Blbk9uRm9sZGVyQ2xpY2ssXG4gIGZyYW1lZCxcbiAgZm9sZGVySWRNYXJrZWRCeURlZmF1bHQsXG4gIGRlZmF1bHRPcGVuRm9sZGVycyxcbiAgZm9sZGVyQ2hpbGQsXG4gIG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkID0gTUFYX0xFVkVMX0ZPUl9GT0xERVJTLFxufTogVHJlZVN0cnVjdHVyZVByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW25ld0ZvbGRlclBhcmVudElkLCBzZXROZXdGb2xkZXJQYXJlbnRJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFtvcGVuRm9sZGVycywgc2V0T3BlbkZvbGRlcnNdID0gdXNlU3RhdGU8c3RyaW5nW10+KGRlZmF1bHRPcGVuRm9sZGVycyB8fCBbXSk7XG4gIGNvbnN0IFtmb2N1c2VkRm9sZGVySWQsIHNldEZvY3VzZWRGb2xkZXJJZF0gPSB1c2VTdGF0ZTxzdHJpbmcgfCB1bmRlZmluZWQ+KCk7XG4gIGNvbnN0IFttYXJrZWRGb2xkZXJJZCwgc2V0TWFya2VkRm9sZGVySWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihmb2xkZXJJZE1hcmtlZEJ5RGVmYXVsdCB8fCBmb2xkZXJzWzBdPy5pZCk7XG4gIGNvbnN0IHRyZWVzdHJ1Y3R1cmVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgcm9vdExldmVsSWQgPSAndHJlZXN0cnVjdHVyZS1yb290JztcblxuICBjb25zdCB2aXNpYmxlRm9sZGVycyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gZmxhdHRlbkZvbGRlcnMoZm9sZGVycywgb3BlbkZvbGRlcnMpLm1hcCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQpLFxuICAgIFtmb2xkZXJzLCBvcGVuRm9sZGVyc10sXG4gICk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBzZXRPcGVuRm9sZGVycygocHJldikgPT4ge1xuICAgICAgICByZXR1cm4gdW5pcShbLi4uZGVmYXVsdE9wZW5Gb2xkZXJzLCAuLi5wcmV2XSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtkZWZhdWx0T3BlbkZvbGRlcnNdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICghbG9hZGluZykge1xuICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQodW5kZWZpbmVkKTtcbiAgICB9XG4gIH0sIFtsb2FkaW5nXSk7XG5cbiAgY29uc3Qgb25DbG9zZUZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgLy8gRGlkIHdlIGp1c3QgY2xvc2VkIGEgZm9sZGVyIHdpdGggYSBtYXJrZWQgZm9sZGVyIGluc2lkZSBpdD9cbiAgICAvLyBJZiBzbywgd2UgbmVlZCB0byBtYXJrIHRoZSBmb2xkZXIgd2UganVzdCBjbG9zZWQuXG4gICAgaWYgKG1hcmtlZEZvbGRlcklkKSB7XG4gICAgICBjb25zdCBjbG9zaW5nRm9sZGVyUGF0aCA9IGdldFBhdGhPZkZvbGRlcihmb2xkZXJzLCBpZCk7XG4gICAgICBjb25zdCBtYXJrZWRGb2xkZXJQYXRoID0gZ2V0UGF0aE9mRm9sZGVyKGZvbGRlcnMsIG1hcmtlZEZvbGRlcklkKTtcbiAgICAgIGNvbnN0IG1hcmtlZEZvbGRlcklzU3ViUGF0aCA9IGNsb3NpbmdGb2xkZXJQYXRoLmV2ZXJ5KFxuICAgICAgICAoZm9sZGVySWQsIF9pbmRleCkgPT4gbWFya2VkRm9sZGVyUGF0aFtfaW5kZXhdID09PSBmb2xkZXJJZCxcbiAgICAgICk7XG4gICAgICBpZiAobWFya2VkRm9sZGVySXNTdWJQYXRoKSB7XG4gICAgICAgIGlmIChvblNlbGVjdEZvbGRlcikge1xuICAgICAgICAgIHNldE1hcmtlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgICBvblNlbGVjdEZvbGRlcihjbG9zaW5nRm9sZGVyUGF0aFtjbG9zaW5nRm9sZGVyUGF0aC5sZW5ndGggLSAxXSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgc2V0Rm9jdXNlZEZvbGRlcklkKGNsb3NpbmdGb2xkZXJQYXRoW2Nsb3NpbmdGb2xkZXJQYXRoLmxlbmd0aCAtIDFdKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICBzZXRPcGVuRm9sZGVycyhvcGVuRm9sZGVycy5maWx0ZXIoKGZvbGRlcikgPT4gZm9sZGVyICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uT3BlbkZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQoaWQpKSk7XG4gIH07XG5cbiAgY29uc3Qgb25DcmVhdGVOZXdGb2xkZXIgPSAocGFyZW50SWQ6IHN0cmluZykgPT4ge1xuICAgIHNldE5ld0ZvbGRlclBhcmVudElkKHBhcmVudElkKTtcbiAgfTtcblxuICBjb25zdCBvblNhdmVOZXdGb2xkZXIgPSAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiB7XG4gICAgb25OZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpLnRoZW4oKG5ld0ZvbGRlcklkKSA9PiB7XG4gICAgICBpZiAobmV3Rm9sZGVySWQpIHtcbiAgICAgICAgc2V0TWFya2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICBzZXRGb2N1c2VkRm9sZGVySWQobmV3Rm9sZGVySWQpO1xuICAgICAgICBzZXRPcGVuRm9sZGVycyh1bmlxKG9wZW5Gb2xkZXJzLmNvbmNhdChwYXJlbnRJZCkpKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfTtcblxuICBjb25zdCBvbkNhbmNlbE5ld0ZvbGRlciA9ICgpID0+IHtcbiAgICBzZXROZXdGb2xkZXJQYXJlbnRJZCh1bmRlZmluZWQpO1xuICB9O1xuXG4gIGNvbnN0IG9uTWFya0ZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0TWFya2VkRm9sZGVySWQoaWQpO1xuICAgIHNldEZvY3VzZWRGb2xkZXJJZChpZCk7XG4gIH07XG5cbiAgY29uc3QgcGF0aHMgPSBnZXRQYXRoT2ZGb2xkZXIoZm9sZGVycywgbWFya2VkRm9sZGVySWQgfHwgJycpO1xuICBjb25zdCBjYW5BZGRGb2xkZXIgPSBlZGl0YWJsZSAmJiBwYXRocy5sZW5ndGggPCAobWF4aW11bUxldmVsc09mRm9sZGVyc0FsbG93ZWQgfHwgMSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17dHJlZXN0cnVjdHVyZVJlZn0+XG4gICAgICB7bGFiZWwgJiYgPFN0eWxlZExhYmVsIGh0bWxGb3I9e3Jvb3RMZXZlbElkfT57bGFiZWx9PC9TdHlsZWRMYWJlbD59XG4gICAgICA8VHJlZVN0cnVjdHVyZVN0eWxlZFdyYXBwZXIgcmVmPXt3cmFwcGVyUmVmfSBpZD17cm9vdExldmVsSWR9IGFyaWEtbGFiZWw9XCJNZW51IHRyZWVcIiByb2xlPVwidHJlZVwiIGZyYW1lZD17ZnJhbWVkfT5cbiAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgb25TZWxlY3RGb2xkZXI9e29uU2VsZWN0Rm9sZGVyfVxuICAgICAgICAgIGxldmVsPXsxfVxuICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgZWRpdGFibGU9e2VkaXRhYmxlfVxuICAgICAgICAgIG9uT3BlbkZvbGRlcj17b25PcGVuRm9sZGVyfVxuICAgICAgICAgIG9uQ2xvc2VGb2xkZXI9e29uQ2xvc2VGb2xkZXJ9XG4gICAgICAgICAgbmV3Rm9sZGVyUGFyZW50SWQ9e25ld0ZvbGRlclBhcmVudElkfVxuICAgICAgICAgIG9uQ3JlYXRlTmV3Rm9sZGVyPXtvbkNyZWF0ZU5ld0ZvbGRlcn1cbiAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgb25TYXZlTmV3Rm9sZGVyPXtvblNhdmVOZXdGb2xkZXJ9XG4gICAgICAgICAgdmlzaWJsZUZvbGRlcnM9e3Zpc2libGVGb2xkZXJzfVxuICAgICAgICAgIG9wZW5Gb2xkZXJzPXtvcGVuRm9sZGVyc31cbiAgICAgICAgICBtYXJrZWRGb2xkZXJJZD17bWFya2VkRm9sZGVySWR9XG4gICAgICAgICAgb25NYXJrRm9sZGVyPXtvbk1hcmtGb2xkZXJ9XG4gICAgICAgICAgb3Blbk9uRm9sZGVyQ2xpY2s9e29wZW5PbkZvbGRlckNsaWNrfVxuICAgICAgICAgIGxvYWRpbmc9e2xvYWRpbmd9XG4gICAgICAgICAgZm9jdXNlZEZvbGRlcklkPXtmb2N1c2VkRm9sZGVySWR9XG4gICAgICAgICAgc2V0Rm9jdXNlZEZvbGRlcklkPXtzZXRGb2N1c2VkRm9sZGVySWR9XG4gICAgICAgICAgZm9sZGVyQ2hpbGQ9e2ZvbGRlckNoaWxkfVxuICAgICAgICAgIG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkPXttYXhpbXVtTGV2ZWxzT2ZGb2xkZXJzQWxsb3dlZH1cbiAgICAgICAgLz5cbiAgICAgIDwvVHJlZVN0cnVjdHVyZVN0eWxlZFdyYXBwZXI+XG4gICAgICB7ZWRpdGFibGUgJiYgKFxuICAgICAgICA8QWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICAgICA8VG9vbHRpcFxuICAgICAgICAgICAgdG9vbHRpcD17XG4gICAgICAgICAgICAgIGNhbkFkZEZvbGRlclxuICAgICAgICAgICAgICAgID8gdCgnbXlOZGxhLm5ld0ZvbGRlclVuZGVyJywge1xuICAgICAgICAgICAgICAgICAgICBmb2xkZXJOYW1lOiBnZXRGb2xkZXJOYW1lKGZvbGRlcnMsIG1hcmtlZEZvbGRlcklkKSxcbiAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgOiB0KCd0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWQnKVxuICAgICAgICAgICAgfT5cbiAgICAgICAgICAgIDxBZGRCdXR0b25cbiAgICAgICAgICAgICAgZGlzYWJsZWQ9eyFjYW5BZGRGb2xkZXJ9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoJ215TmRsYS5uZXdGb2xkZXInKX1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKG1hcmtlZEZvbGRlcklkKTtcbiAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgIHt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICAgICAgICA8L0FkZEJ1dHRvbj5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgIDwvQWRkRm9sZGVyV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUcmVlU3RydWN0dXJlO1xuIl19 */"));
+})("display:flex;margin-top:", spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyZWVTdHJ1Y3R1cmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCbUMiLCJmaWxlIjoiVHJlZVN0cnVjdHVyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQWRkQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1bmlxIH0gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IElGb2xkZXIgfSBmcm9tICdAbmRsYS90eXBlcy1sZWFybmluZ3BhdGgtYXBpJztcbmltcG9ydCBUcmVlU3RydWN0dXJlU3R5bGVkV3JhcHBlciBmcm9tICcuL1RyZWVTdHJ1Y3R1cmVXcmFwcGVyJztcbmltcG9ydCBGb2xkZXJJdGVtcyBmcm9tICcuL0ZvbGRlckl0ZW1zJztcbmltcG9ydCB7IGZsYXR0ZW5Gb2xkZXJzIH0gZnJvbSAnLi9oZWxwZXJGdW5jdGlvbnMnO1xuaW1wb3J0IHsgQ29tbW9uVHJlZVN0cnVjdHVyZVByb3BzLCBGb2xkZXJUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBNQVhfTEVWRUxfRk9SX0ZPTERFUlMgPSA0O1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHNtYWxsfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHJlZVN0cnVjdHVyZVByb3BzIGV4dGVuZHMgQ29tbW9uVHJlZVN0cnVjdHVyZVByb3BzIHtcbiAgZGVmYXVsdE9wZW5Gb2xkZXJzPzogc3RyaW5nW107XG4gIGZvbGRlcnM6IEZvbGRlclR5cGVbXTtcbiAgZWRpdGFibGU/OiBib29sZWFuO1xuICBmcmFtZWQ/OiBib29sZWFuO1xuICBsYWJlbD86IHN0cmluZztcbiAgbWF4aW11bUxldmVsc09mRm9sZGVyc0FsbG93ZWQ/OiBudW1iZXI7XG4gIG9uTmV3Rm9sZGVyOiAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiBQcm9taXNlPElGb2xkZXI+O1xufVxuXG5jb25zdCBUcmVlU3RydWN0dXJlID0gKHtcbiAgZGVmYXVsdE9wZW5Gb2xkZXJzLFxuICBlZGl0YWJsZSxcbiAgbWVudUl0ZW1zLFxuICBmb2xkZXJzLFxuICBmcmFtZWQsXG4gIGxhYmVsLFxuICBsb2FkaW5nLFxuICBtYXhpbXVtTGV2ZWxzT2ZGb2xkZXJzQWxsb3dlZCA9IE1BWF9MRVZFTF9GT1JfRk9MREVSUyxcbiAgb25OZXdGb2xkZXIsXG4gIG9uU2VsZWN0Rm9sZGVyLFxuICBvcGVuT25Gb2xkZXJDbGljayxcbn06IFRyZWVTdHJ1Y3R1cmVQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgZGVmYXVsdFNlbGVjdGVkRm9sZGVySWQgPSBkZWZhdWx0T3BlbkZvbGRlcnMgJiYgZGVmYXVsdE9wZW5Gb2xkZXJzW2RlZmF1bHRPcGVuRm9sZGVycy5sZW5ndGggLSAxXTtcblxuICBjb25zdCBbb3BlbkZvbGRlcnMsIHNldE9wZW5Gb2xkZXJzXSA9IHVzZVN0YXRlPHN0cmluZ1tdPihkZWZhdWx0T3BlbkZvbGRlcnMgfHwgW10pO1xuXG4gIGNvbnN0IFtuZXdGb2xkZXJQYXJlbnRJZCwgc2V0TmV3Rm9sZGVyUGFyZW50SWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICBjb25zdCBbZm9jdXNlZElkLCBzZXRGb2N1c2VkSWRdID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICBjb25zdCBbc2VsZWN0ZWRGb2xkZXIsIHNldFNlbGVjdGVkRm9sZGVyXSA9IHVzZVN0YXRlPEZvbGRlclR5cGUgfCB1bmRlZmluZWQ+KCk7XG5cbiAgY29uc3QgZmxhdHRlbmVkRm9sZGVycyA9IHVzZU1lbW8oKCkgPT4gZmxhdHRlbkZvbGRlcnMoZm9sZGVycywgb3BlbkZvbGRlcnMpLCBbZm9sZGVycywgb3BlbkZvbGRlcnNdKTtcbiAgY29uc3QgdmlzaWJsZUZvbGRlcklkcyA9IGZsYXR0ZW5lZEZvbGRlcnMubWFwKChmb2xkZXIpID0+IGZvbGRlci5pZCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoZGVmYXVsdE9wZW5Gb2xkZXJzKSB7XG4gICAgICBzZXRPcGVuRm9sZGVycygocHJldikgPT4ge1xuICAgICAgICByZXR1cm4gdW5pcShkZWZhdWx0T3BlbkZvbGRlcnMuY29uY2F0KHByZXYpKTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgW2RlZmF1bHRPcGVuRm9sZGVyc10pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGRlZmF1bHRTZWxlY3RlZEZvbGRlcklkICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGNvbnN0IHNlbGVjdGVkID0gZmxhdHRlbkZvbGRlcnMoZm9sZGVycykuZmluZCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQgPT09IGRlZmF1bHRTZWxlY3RlZEZvbGRlcklkKTtcbiAgICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcihzZWxlY3RlZCk7XG4gICAgICB9XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW2RlZmF1bHRTZWxlY3RlZEZvbGRlcklkXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIWxvYWRpbmcpIHtcbiAgICAgIHNldE5ld0ZvbGRlclBhcmVudElkKHVuZGVmaW5lZCk7XG4gICAgfVxuICB9LCBbbG9hZGluZ10pO1xuXG4gIGNvbnN0IG9uQ2xvc2VGb2xkZXIgPSAoaWQ6IHN0cmluZykgPT4ge1xuICAgIGNvbnN0IGNsb3NlZEZvbGRlciA9IGZsYXR0ZW5lZEZvbGRlcnMuZmluZCgoZm9sZGVyKSA9PiBmb2xkZXIuaWQgPT09IGlkKTtcblxuICAgIGlmIChjbG9zZWRGb2xkZXIpIHtcbiAgICAgIGNvbnN0IHN1YkZvbGRlcnMgPSBjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyAmJiBmbGF0dGVuRm9sZGVycyhjbG9zZWRGb2xkZXIuc3ViZm9sZGVycyk7XG4gICAgICBpZiAoc3ViRm9sZGVycy5zb21lKChmb2xkZXIpID0+IGZvbGRlci5pZCA9PT0gc2VsZWN0ZWRGb2xkZXI/LmlkKSkge1xuICAgICAgICBpZiAob25TZWxlY3RGb2xkZXIpIHtcbiAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcihjbG9zZWRGb2xkZXIpO1xuICAgICAgICAgIG9uU2VsZWN0Rm9sZGVyKGNsb3NlZEZvbGRlci5pZCk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0Rm9jdXNlZElkKGNsb3NlZEZvbGRlci5pZCk7XG4gICAgICB9XG4gICAgfVxuICAgIHNldE9wZW5Gb2xkZXJzKG9wZW5Gb2xkZXJzLmZpbHRlcigoZm9sZGVySWQpID0+IGZvbGRlcklkICE9PSBpZCkpO1xuICB9O1xuXG4gIGNvbnN0IG9uT3BlbkZvbGRlciA9IChpZDogc3RyaW5nKSA9PiB7XG4gICAgc2V0T3BlbkZvbGRlcnModW5pcShvcGVuRm9sZGVycy5jb25jYXQoaWQpKSk7XG4gIH07XG5cbiAgY29uc3Qgb25TYXZlTmV3Rm9sZGVyID0gKG5hbWU6IHN0cmluZywgcGFyZW50SWQ6IHN0cmluZykgPT4ge1xuICAgIG9uTmV3Rm9sZGVyKG5hbWUsIHBhcmVudElkKS50aGVuKChuZXdGb2xkZXIpID0+IHtcbiAgICAgIGlmIChuZXdGb2xkZXIpIHtcbiAgICAgICAgc2V0U2VsZWN0ZWRGb2xkZXIobmV3Rm9sZGVyKTtcbiAgICAgICAgc2V0Rm9jdXNlZElkKG5ld0ZvbGRlci5pZCk7XG4gICAgICAgIHNldE9wZW5Gb2xkZXJzKHVuaXEob3BlbkZvbGRlcnMuY29uY2F0KHBhcmVudElkKSkpO1xuICAgICAgfVxuICAgIH0pO1xuICB9O1xuXG4gIGNvbnN0IG9uQ2FuY2VsTmV3Rm9sZGVyID0gKCkgPT4ge1xuICAgIHNldE5ld0ZvbGRlclBhcmVudElkKHVuZGVmaW5lZCk7XG4gIH07XG5cbiAgY29uc3QgY2FuQWRkRm9sZGVyID1cbiAgICBlZGl0YWJsZSAmJiBzZWxlY3RlZEZvbGRlciAmJiBzZWxlY3RlZEZvbGRlcj8uYnJlYWRjcnVtYnMubGVuZ3RoIDwgKG1heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkIHx8IDEpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIHtsYWJlbCAmJiA8U3R5bGVkTGFiZWw+e2xhYmVsfTwvU3R5bGVkTGFiZWw+fVxuICAgICAgPFRyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyIGFyaWEtbGFiZWw9XCJNZW51IHRyZWVcIiByb2xlPVwidHJlZVwiIGZyYW1lZD17ZnJhbWVkfT5cbiAgICAgICAgPEZvbGRlckl0ZW1zXG4gICAgICAgICAgZWRpdGFibGU9e2VkaXRhYmxlfVxuICAgICAgICAgIGZvY3VzZWRGb2xkZXJJZD17Zm9jdXNlZElkfVxuICAgICAgICAgIG1lbnVJdGVtcz17bWVudUl0ZW1zfVxuICAgICAgICAgIGZvbGRlcnM9e2ZvbGRlcnN9XG4gICAgICAgICAgbGV2ZWw9ezF9XG4gICAgICAgICAgbG9hZGluZz17bG9hZGluZ31cbiAgICAgICAgICBzZWxlY3RlZEZvbGRlcj17c2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgbWF4aW11bUxldmVsc09mRm9sZGVyc0FsbG93ZWQ9e21heGltdW1MZXZlbHNPZkZvbGRlcnNBbGxvd2VkfVxuICAgICAgICAgIG5ld0ZvbGRlclBhcmVudElkPXtuZXdGb2xkZXJQYXJlbnRJZH1cbiAgICAgICAgICBvbkNhbmNlbE5ld0ZvbGRlcj17b25DYW5jZWxOZXdGb2xkZXJ9XG4gICAgICAgICAgb25DbG9zZUZvbGRlcj17b25DbG9zZUZvbGRlcn1cbiAgICAgICAgICBvbk9wZW5Gb2xkZXI9e29uT3BlbkZvbGRlcn1cbiAgICAgICAgICBvblNhdmVOZXdGb2xkZXI9e29uU2F2ZU5ld0ZvbGRlcn1cbiAgICAgICAgICBvblNlbGVjdEZvbGRlcj17b25TZWxlY3RGb2xkZXJ9XG4gICAgICAgICAgb3BlbkZvbGRlcnM9e29wZW5Gb2xkZXJzfVxuICAgICAgICAgIG9wZW5PbkZvbGRlckNsaWNrPXtvcGVuT25Gb2xkZXJDbGlja31cbiAgICAgICAgICBzZXRGb2N1c2VkSWQ9e3NldEZvY3VzZWRJZH1cbiAgICAgICAgICBzZXRTZWxlY3RlZEZvbGRlcj17c2V0U2VsZWN0ZWRGb2xkZXJ9XG4gICAgICAgICAgdmlzaWJsZUZvbGRlcnM9e3Zpc2libGVGb2xkZXJJZHN9XG4gICAgICAgIC8+XG4gICAgICA8L1RyZWVTdHJ1Y3R1cmVTdHlsZWRXcmFwcGVyPlxuICAgICAge2VkaXRhYmxlICYmIChcbiAgICAgICAgPEFkZEZvbGRlcldyYXBwZXI+XG4gICAgICAgICAgPFRvb2x0aXBcbiAgICAgICAgICAgIHRvb2x0aXA9e1xuICAgICAgICAgICAgICBjYW5BZGRGb2xkZXJcbiAgICAgICAgICAgICAgICA/IHQoJ215TmRsYS5uZXdGb2xkZXJVbmRlcicsIHtcbiAgICAgICAgICAgICAgICAgICAgZm9sZGVyTmFtZTogc2VsZWN0ZWRGb2xkZXI/Lm5hbWUsXG4gICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgIDogdCgndHJlZVN0cnVjdHVyZS5tYXhGb2xkZXJzQWxyZWFkeUFkZGVkJylcbiAgICAgICAgICAgIH0+XG4gICAgICAgICAgICA8QWRkQnV0dG9uXG4gICAgICAgICAgICAgIGRpc2FibGVkPXshY2FuQWRkRm9sZGVyfVxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdteU5kbGEubmV3Rm9sZGVyJyl9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldE5ld0ZvbGRlclBhcmVudElkKHNlbGVjdGVkRm9sZGVyPy5pZCl9PlxuICAgICAgICAgICAgICB7dCgnbXlOZGxhLm5ld0ZvbGRlcicpfVxuICAgICAgICAgICAgPC9BZGRCdXR0b24+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICA8L0FkZEZvbGRlcldyYXBwZXI+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgVHJlZVN0cnVjdHVyZTtcbiJdfQ== */"));
 
 var TreeStructure = function TreeStructure(_ref) {
-  var _folders$;
-
-  var folders = _ref.folders,
-      label = _ref.label,
+  var defaultOpenFolders = _ref.defaultOpenFolders,
       editable = _ref.editable,
+      menuItems = _ref.menuItems,
+      folders = _ref.folders,
+      framed = _ref.framed,
+      label = _ref.label,
       loading = _ref.loading,
+      _ref$maximumLevelsOfF = _ref.maximumLevelsOfFoldersAllowed,
+      maximumLevelsOfFoldersAllowed = _ref$maximumLevelsOfF === void 0 ? MAX_LEVEL_FOR_FOLDERS : _ref$maximumLevelsOfF,
       onNewFolder = _ref.onNewFolder,
       onSelectFolder = _ref.onSelectFolder,
-      openOnFolderClick = _ref.openOnFolderClick,
-      framed = _ref.framed,
-      folderIdMarkedByDefault = _ref.folderIdMarkedByDefault,
-      defaultOpenFolders = _ref.defaultOpenFolders,
-      folderChild = _ref.folderChild,
-      _ref$maximumLevelsOfF = _ref.maximumLevelsOfFoldersAllowed,
-      maximumLevelsOfFoldersAllowed = _ref$maximumLevelsOfF === void 0 ? MAX_LEVEL_FOR_FOLDERS : _ref$maximumLevelsOfF;
+      openOnFolderClick = _ref.openOnFolderClick;
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  var _useState = useState(),
+  var defaultSelectedFolderId = defaultOpenFolders && defaultOpenFolders[defaultOpenFolders.length - 1];
+
+  var _useState = useState(defaultOpenFolders || []),
       _useState2 = _slicedToArray(_useState, 2),
-      newFolderParentId = _useState2[0],
-      setNewFolderParentId = _useState2[1];
+      openFolders = _useState2[0],
+      setOpenFolders = _useState2[1];
 
-  var _useState3 = useState(defaultOpenFolders || []),
+  var _useState3 = useState(),
       _useState4 = _slicedToArray(_useState3, 2),
-      openFolders = _useState4[0],
-      setOpenFolders = _useState4[1];
+      newFolderParentId = _useState4[0],
+      setNewFolderParentId = _useState4[1];
 
   var _useState5 = useState(),
       _useState6 = _slicedToArray(_useState5, 2),
-      focusedFolderId = _useState6[0],
-      setFocusedFolderId = _useState6[1];
+      focusedId = _useState6[0],
+      setFocusedId = _useState6[1];
 
-  var _useState7 = useState(folderIdMarkedByDefault || ((_folders$ = folders[0]) === null || _folders$ === void 0 ? void 0 : _folders$.id)),
+  var _useState7 = useState(),
       _useState8 = _slicedToArray(_useState7, 2),
-      markedFolderId = _useState8[0],
-      setMarkedFolderId = _useState8[1];
-
-  var treestructureRef = useRef(null);
-  var wrapperRef = useRef(null);
-  var rootLevelId = 'treestructure-root';
-  var visibleFolders = useMemo(function () {
-    return flattenFolders(folders, openFolders).map(function (folder) {
-      return folder.id;
-    });
+      selectedFolder = _useState8[0],
+      setSelectedFolder = _useState8[1];
+
+  var flattenedFolders = useMemo(function () {
+    return flattenFolders(folders, openFolders);
   }, [folders, openFolders]);
+  var visibleFolderIds = flattenedFolders.map(function (folder) {
+    return folder.id;
+  });
   useEffect(function () {
     if (defaultOpenFolders) {
       setOpenFolders(function (prev) {
-        return uniq([].concat(_toConsumableArray(defaultOpenFolders), _toConsumableArray(prev)));
+        return uniq(defaultOpenFolders.concat(prev));
       });
     }
   }, [defaultOpenFolders]);
+  useEffect(function () {
+    if (defaultSelectedFolderId !== undefined) {
+      var selected = flattenFolders(folders).find(function (folder) {
+        return folder.id === defaultSelectedFolderId;
+      });
+
+      if (selected) {
+        setSelectedFolder(selected);
+      }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [defaultSelectedFolderId]);
   useEffect(function () {
     if (!loading) {
       setNewFolderParentId(undefined);
@@ -111,27 +112,27 @@ var TreeStructure = function TreeStructure(_ref) {
   }, [loading]);
 
   var onCloseFolder = function onCloseFolder(id) {
-    // Did we just closed a folder with a marked folder inside it?
-    // If so, we need to mark the folder we just closed.
-    if (markedFolderId) {
-      var closingFolderPath = getPathOfFolder(folders, id);
-      var markedFolderPath = getPathOfFolder(folders, markedFolderId);
-      var markedFolderIsSubPath = closingFolderPath.every(function (folderId, _index) {
-        return markedFolderPath[_index] === folderId;
-      });
+    var closedFolder = flattenedFolders.find(function (folder) {
+      return folder.id === id;
+    });
+
+    if (closedFolder) {
+      var subFolders = closedFolder.subfolders && flattenFolders(closedFolder.subfolders);
 
-      if (markedFolderIsSubPath) {
+      if (subFolders.some(function (folder) {
+        return folder.id === (selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.id);
+      })) {
         if (onSelectFolder) {
-          setMarkedFolderId(closingFolderPath[closingFolderPath.length - 1]);
-          onSelectFolder(closingFolderPath[closingFolderPath.length - 1]);
-        } else {
-          setFocusedFolderId(closingFolderPath[closingFolderPath.length - 1]);
+          setSelectedFolder(closedFolder);
+          onSelectFolder(closedFolder.id);
         }
+
+        setFocusedId(closedFolder.id);
       }
     }
 
-    setOpenFolders(openFolders.filter(function (folder) {
-      return folder !== id;
+    setOpenFolders(openFolders.filter(function (folderId) {
+      return folderId !== id;
     }));
   };
 
@@ -139,15 +140,11 @@ var TreeStructure = function TreeStructure(_ref) {
     setOpenFolders(uniq(openFolders.concat(id)));
   };
 
-  var onCreateNewFolder = function onCreateNewFolder(parentId) {
-    setNewFolderParentId(parentId);
-  };
-
   var onSaveNewFolder = function onSaveNewFolder(name, parentId) {
-    onNewFolder(name, parentId).then(function (newFolderId) {
-      if (newFolderId) {
-        setMarkedFolderId(newFolderId);
-        setFocusedFolderId(newFolderId);
+    onNewFolder(name, parentId).then(function (newFolder) {
+      if (newFolder) {
+        setSelectedFolder(newFolder);
+        setFocusedId(newFolder.id);
         setOpenFolders(uniq(openFolders.concat(parentId)));
       }
     });
@@ -157,53 +154,40 @@ var TreeStructure = function TreeStructure(_ref) {
     setNewFolderParentId(undefined);
   };
 
-  var onMarkFolder = function onMarkFolder(id) {
-    setMarkedFolderId(id);
-    setFocusedFolderId(id);
-  };
-
-  var paths = getPathOfFolder(folders, markedFolderId || '');
-  var canAddFolder = editable && paths.length < (maximumLevelsOfFoldersAllowed || 1);
-  return ___EmotionJSX("div", {
-    ref: treestructureRef
-  }, label && ___EmotionJSX(StyledLabel, {
-    htmlFor: rootLevelId
-  }, label), ___EmotionJSX(TreeStructureStyledWrapper, {
-    ref: wrapperRef,
-    id: rootLevelId,
+  var canAddFolder = editable && selectedFolder && (selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.breadcrumbs.length) < (maximumLevelsOfFoldersAllowed || 1);
+  return ___EmotionJSX("div", null, label && ___EmotionJSX(StyledLabel, null, label), ___EmotionJSX(TreeStructureStyledWrapper, {
     "aria-label": "Menu tree",
     role: "tree",
     framed: framed
   }, ___EmotionJSX(FolderItems, {
-    onSelectFolder: onSelectFolder,
-    level: 1,
-    folders: folders,
     editable: editable,
-    onOpenFolder: onOpenFolder,
-    onCloseFolder: onCloseFolder,
+    focusedFolderId: focusedId,
+    menuItems: menuItems,
+    folders: folders,
+    level: 1,
+    loading: loading,
+    selectedFolder: selectedFolder,
+    maximumLevelsOfFoldersAllowed: maximumLevelsOfFoldersAllowed,
     newFolderParentId: newFolderParentId,
-    onCreateNewFolder: onCreateNewFolder,
     onCancelNewFolder: onCancelNewFolder,
+    onCloseFolder: onCloseFolder,
+    onOpenFolder: onOpenFolder,
     onSaveNewFolder: onSaveNewFolder,
-    visibleFolders: visibleFolders,
+    onSelectFolder: onSelectFolder,
     openFolders: openFolders,
-    markedFolderId: markedFolderId,
-    onMarkFolder: onMarkFolder,
     openOnFolderClick: openOnFolderClick,
-    loading: loading,
-    focusedFolderId: focusedFolderId,
-    setFocusedFolderId: setFocusedFolderId,
-    folderChild: folderChild,
-    maximumLevelsOfFoldersAllowed: maximumLevelsOfFoldersAllowed
+    setFocusedId: setFocusedId,
+    setSelectedFolder: setSelectedFolder,
+    visibleFolders: visibleFolderIds
   })), editable && ___EmotionJSX(AddFolderWrapper, null, ___EmotionJSX(Tooltip, {
     tooltip: canAddFolder ? t('myNdla.newFolderUnder', {
-      folderName: getFolderName(folders, markedFolderId)
+      folderName: selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.name
     }) : t('treeStructure.maxFoldersAlreadyAdded')
   }, ___EmotionJSX(AddButton, {
     disabled: !canAddFolder,
     "aria-label": t('myNdla.newFolder'),
     onClick: function onClick() {
-      setNewFolderParentId(markedFolderId);
+      return setNewFolderParentId(selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.id);
     }
   }, t('myNdla.newFolder')))));
 };

package/es/TreeStructure/helperFunctions.js

@@ -8,80 +8,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-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 _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 _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-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 _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; }
-
-export var getPathOfFolder = function getPathOfFolder(data, findId) {
-  var paths = function paths(folders, path) {
-    var _iterator = _createForOfIteratorHelper(folders),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var _step$value = _step.value,
-            id = _step$value.id,
-            subfolders = _step$value.subfolders;
-
-        if (id === findId) {
-          return [].concat(_toConsumableArray(path), [id]);
-        } else if (subfolders === null || subfolders === void 0 ? void 0 : subfolders.length) {
-          return paths(subfolders, [].concat(_toConsumableArray(path), [id]));
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    return [];
-  };
-
-  return paths(data, []);
-};
-export var getFolderName = function getFolderName(data, findId) {
-  if (!findId) {
-    return undefined;
-  }
-
-  var folderName;
-
-  var paths = function paths(dataChildren) {
-    dataChildren.some(function (_ref, _index) {
-      var id = _ref.id,
-          name = _ref.name,
-          subfolders = _ref.subfolders;
-
-      if (id === findId) {
-        folderName = name;
-        return true;
-      } else if (subfolders === null || subfolders === void 0 ? void 0 : subfolders.length) {
-        return paths(subfolders);
-      }
-
-      return false;
-    });
-  };
-
-  paths(data);
-  return folderName;
-};
 export var flattenFolders = function flattenFolders(folders, openFolders) {
-  return folders.reduce(function (acc, _ref2) {
-    var subfolders = _ref2.subfolders,
-        id = _ref2.id,
-        rest = _objectWithoutProperties(_ref2, ["subfolders", "id"]);
+  return folders.reduce(function (acc, _ref) {
+    var subfolders = _ref.subfolders,
+        id = _ref.id,
+        rest = _objectWithoutProperties(_ref, ["subfolders", "id"]);
 
     if (!subfolders || openFolders && !openFolders.includes(id)) {
       return acc.concat(_objectSpread({

package/lib/LearningPaths/LearningPathInformation.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _core = require("@ndla/core");
 
+var _licenses = require("@ndla/licenses");
+
 var _core2 = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -34,19 +36,34 @@ var StyledWrapper = (0, _styledBase["default"])("div", {
   from: _core.breakpoints.tablet
 }), "{", function (props) {
   return props.invertedStyle && "\n      color: #fff;\n    ";
-}, "}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aEluZm9ybWF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9EIiwiZmlsZSI6IkxlYXJuaW5nUGF0aEluZm9ybWF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgYnJlYWtwb2ludHMsIG1xIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbnR5cGUgU3R5bGVkV3JhcHBlclByb3BzID0ge1xuICBpbnZlcnRlZFN0eWxlPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFdyYXBwZXJQcm9wcz5gXG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBmb250LWZhbWlseTogJHtmb250cy5zZXJpZn07XG4gIGgxLFxuICBoMixcbiAgaDMsXG4gIGg0LFxuICBoNSxcbiAgaDYge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgfVxuICBtYXgtd2lkdGg6IDcyMHB4O1xuICBtYXJnaW46ICR7c3BhY2luZ1VuaXQgKiAwLjc1fXB4ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy54c21hbGx9IDAgIWltcG9ydGFudDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZ1VuaXQgKiAwLjc1fXB4ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy54c21hbGx9IDAgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubGFyZ2V9ICR7c3BhY2luZy5sYXJnZX0gJHtzcGFjaW5nVW5pdCAqIDR9cHg7XG4gICAgdWwge1xuICAgICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0LCB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIHVsIHtcbiAgICAgIHBhZGRpbmc6IDAgJHtzcGFjaW5nVW5pdCAqIDAuNzV9cHg7XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAkeyhwcm9wcykgPT5cbiAgICAgIHByb3BzLmludmVydGVkU3R5bGUgJiZcbiAgICAgIGBcbiAgICAgIGNvbG9yOiAjZmZmO1xuICAgIGB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBpbnZlcnRlZFN0eWxlPzogYm9vbGVhbjtcbiAgbGljZW5zZT86IHtcbiAgICBsaWNlbnNlOiBzdHJpbmc7XG4gIH07XG59XG5cbmV4cG9ydCBjb25zdCBMZWFybmluZ1BhdGhJbmZvcm1hdGlvbiA9ICh7IGRlc2NyaXB0aW9uLCB0aXRsZSwgbGljZW5zZSwgaW52ZXJ0ZWRTdHlsZSB9OiBQcm9wcykgPT4gKFxuICA8c2VjdGlvbiBjbGFzc05hbWU9XCJvLXdyYXBwZXJcIj5cbiAgICA8U3R5bGVkV3JhcHBlciBpbnZlcnRlZFN0eWxlPXtpbnZlcnRlZFN0eWxlfSBjbGFzc05hbWU9XCJjLWFydGljbGVcIj5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxoMT57dGl0bGV9PC9oMT5cbiAgICAgICAge2xpY2Vuc2UgJiYgbGljZW5zZS5saWNlbnNlfVxuICAgICAgPC9kaXY+XG4gICAgICB7ZGVzY3JpcHRpb24gJiYgPGRpdiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGRlc2NyaXB0aW9uIH19IC8+fVxuICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgPC9zZWN0aW9uPlxuKTtcbiJdfQ== */"));
+}, "}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aEluZm9ybWF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9EIiwiZmlsZSI6IkxlYXJuaW5nUGF0aEluZm9ybWF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgYnJlYWtwb2ludHMsIG1xLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGdldExpY2Vuc2VCeUFiYnJldmlhdGlvbiwgTGljZW5zZUJ5bGluZSB9IGZyb20gJ0BuZGxhL2xpY2Vuc2VzJztcblxudHlwZSBTdHlsZWRXcmFwcGVyUHJvcHMgPSB7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVkV3JhcHBlclByb3BzPmBcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgaDEsXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1LFxuICBoNiB7XG4gICAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2VyaWZ9O1xuICB9XG4gIG1heC13aWR0aDogNzIwcHg7XG4gIG1hcmdpbjogJHtzcGFjaW5nVW5pdCAqIDAuNzV9cHggJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnhzbWFsbH0gMCAhaW1wb3J0YW50O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nVW5pdCAqIDAuNzV9cHggJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnhzbWFsbH0gMCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5sYXJnZX0gJHtzcGFjaW5nLmxhcmdlfSAke3NwYWNpbmdVbml0ICogNH1weDtcbiAgICB1bCB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQsIHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgdWwge1xuICAgICAgcGFkZGluZzogMCAke3NwYWNpbmdVbml0ICogMC43NX1weDtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7KHByb3BzKSA9PlxuICAgICAgcHJvcHMuaW52ZXJ0ZWRTdHlsZSAmJlxuICAgICAgYFxuICAgICAgY29sb3I6ICNmZmY7XG4gICAgYH1cbiAgfVxuYDtcblxuY29uc3QgTGljZW5zZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICB1bCB7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmgxYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xuICBsaWNlbnNlPzoge1xuICAgIGxpY2Vuc2U6IHN0cmluZztcbiAgfTtcbn1cblxuZXhwb3J0IGNvbnN0IExlYXJuaW5nUGF0aEluZm9ybWF0aW9uID0gKHsgZGVzY3JpcHRpb24sIHRpdGxlLCBsaWNlbnNlLCBpbnZlcnRlZFN0eWxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcmlnaHRzIH0gPSBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24obGljZW5zZT8ubGljZW5zZSB8fCAnJywgJ25iJyk7XG4gIHJldHVybiAoXG4gICAgPHNlY3Rpb24gY2xhc3NOYW1lPVwiby13cmFwcGVyXCI+XG4gICAgICA8U3R5bGVkV3JhcHBlciBpbnZlcnRlZFN0eWxlPXtpbnZlcnRlZFN0eWxlfSBjbGFzc05hbWU9XCJjLWFydGljbGVcIj5cbiAgICAgICAgPExpY2Vuc2VXcmFwcGVyPlxuICAgICAgICAgIDxTdHlsZWRIZWFkZXI+e3RpdGxlfTwvU3R5bGVkSGVhZGVyPlxuICAgICAgICAgIDxMaWNlbnNlQnlsaW5lIGxpY2Vuc2VSaWdodHM9e3JpZ2h0c30gY29sb3I9e2NvbG9ycy5icmFuZC50ZXJ0aWFyeX0gLz5cbiAgICAgICAgPC9MaWNlbnNlV3JhcHBlcj5cbiAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXYgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBkZXNjcmlwdGlvbiB9fSAvPn1cbiAgICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgICA8L3NlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
+var LicenseWrapper = (0, _styledBase["default"])("div", {
+  target: "e1npcut81",
+  label: "LicenseWrapper"
+})("ul{margin-left:0;margin-bottom:", _core.spacing.small, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aEluZm9ybWF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRGlDIiwiZmlsZSI6IkxlYXJuaW5nUGF0aEluZm9ybWF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgYnJlYWtwb2ludHMsIG1xLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGdldExpY2Vuc2VCeUFiYnJldmlhdGlvbiwgTGljZW5zZUJ5bGluZSB9IGZyb20gJ0BuZGxhL2xpY2Vuc2VzJztcblxudHlwZSBTdHlsZWRXcmFwcGVyUHJvcHMgPSB7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVkV3JhcHBlclByb3BzPmBcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgaDEsXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1LFxuICBoNiB7XG4gICAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2VyaWZ9O1xuICB9XG4gIG1heC13aWR0aDogNzIwcHg7XG4gIG1hcmdpbjogJHtzcGFjaW5nVW5pdCAqIDAuNzV9cHggJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnhzbWFsbH0gMCAhaW1wb3J0YW50O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nVW5pdCAqIDAuNzV9cHggJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnhzbWFsbH0gMCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5sYXJnZX0gJHtzcGFjaW5nLmxhcmdlfSAke3NwYWNpbmdVbml0ICogNH1weDtcbiAgICB1bCB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQsIHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgdWwge1xuICAgICAgcGFkZGluZzogMCAke3NwYWNpbmdVbml0ICogMC43NX1weDtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7KHByb3BzKSA9PlxuICAgICAgcHJvcHMuaW52ZXJ0ZWRTdHlsZSAmJlxuICAgICAgYFxuICAgICAgY29sb3I6ICNmZmY7XG4gICAgYH1cbiAgfVxuYDtcblxuY29uc3QgTGljZW5zZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICB1bCB7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmgxYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xuICBsaWNlbnNlPzoge1xuICAgIGxpY2Vuc2U6IHN0cmluZztcbiAgfTtcbn1cblxuZXhwb3J0IGNvbnN0IExlYXJuaW5nUGF0aEluZm9ybWF0aW9uID0gKHsgZGVzY3JpcHRpb24sIHRpdGxlLCBsaWNlbnNlLCBpbnZlcnRlZFN0eWxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcmlnaHRzIH0gPSBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24obGljZW5zZT8ubGljZW5zZSB8fCAnJywgJ25iJyk7XG4gIHJldHVybiAoXG4gICAgPHNlY3Rpb24gY2xhc3NOYW1lPVwiby13cmFwcGVyXCI+XG4gICAgICA8U3R5bGVkV3JhcHBlciBpbnZlcnRlZFN0eWxlPXtpbnZlcnRlZFN0eWxlfSBjbGFzc05hbWU9XCJjLWFydGljbGVcIj5cbiAgICAgICAgPExpY2Vuc2VXcmFwcGVyPlxuICAgICAgICAgIDxTdHlsZWRIZWFkZXI+e3RpdGxlfTwvU3R5bGVkSGVhZGVyPlxuICAgICAgICAgIDxMaWNlbnNlQnlsaW5lIGxpY2Vuc2VSaWdodHM9e3JpZ2h0c30gY29sb3I9e2NvbG9ycy5icmFuZC50ZXJ0aWFyeX0gLz5cbiAgICAgICAgPC9MaWNlbnNlV3JhcHBlcj5cbiAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXYgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBkZXNjcmlwdGlvbiB9fSAvPn1cbiAgICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgICA8L3NlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
+var StyledHeader = (0, _styledBase["default"])("h1", {
+  target: "e1npcut82",
+  label: "StyledHeader"
+})("margin-bottom:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aEluZm9ybWF0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RDhCIiwiZmlsZSI6IkxlYXJuaW5nUGF0aEluZm9ybWF0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvbnRzLCBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgYnJlYWtwb2ludHMsIG1xLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGdldExpY2Vuc2VCeUFiYnJldmlhdGlvbiwgTGljZW5zZUJ5bGluZSB9IGZyb20gJ0BuZGxhL2xpY2Vuc2VzJztcblxudHlwZSBTdHlsZWRXcmFwcGVyUHJvcHMgPSB7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xufTtcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVkV3JhcHBlclByb3BzPmBcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNlcmlmfTtcbiAgaDEsXG4gIGgyLFxuICBoMyxcbiAgaDQsXG4gIGg1LFxuICBoNiB7XG4gICAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2VyaWZ9O1xuICB9XG4gIG1heC13aWR0aDogNzIwcHg7XG4gIG1hcmdpbjogJHtzcGFjaW5nVW5pdCAqIDAuNzV9cHggJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnhzbWFsbH0gMCAhaW1wb3J0YW50O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nVW5pdCAqIDAuNzV9cHggJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnhzbWFsbH0gMCAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5sYXJnZX0gJHtzcGFjaW5nLmxhcmdlfSAke3NwYWNpbmdVbml0ICogNH1weDtcbiAgICB1bCB7XG4gICAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQsIHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgdWwge1xuICAgICAgcGFkZGluZzogMCAke3NwYWNpbmdVbml0ICogMC43NX1weDtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7KHByb3BzKSA9PlxuICAgICAgcHJvcHMuaW52ZXJ0ZWRTdHlsZSAmJlxuICAgICAgYFxuICAgICAgY29sb3I6ICNmZmY7XG4gICAgYH1cbiAgfVxuYDtcblxuY29uc3QgTGljZW5zZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICB1bCB7XG4gICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmgxYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGludmVydGVkU3R5bGU/OiBib29sZWFuO1xuICBsaWNlbnNlPzoge1xuICAgIGxpY2Vuc2U6IHN0cmluZztcbiAgfTtcbn1cblxuZXhwb3J0IGNvbnN0IExlYXJuaW5nUGF0aEluZm9ybWF0aW9uID0gKHsgZGVzY3JpcHRpb24sIHRpdGxlLCBsaWNlbnNlLCBpbnZlcnRlZFN0eWxlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcmlnaHRzIH0gPSBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24obGljZW5zZT8ubGljZW5zZSB8fCAnJywgJ25iJyk7XG4gIHJldHVybiAoXG4gICAgPHNlY3Rpb24gY2xhc3NOYW1lPVwiby13cmFwcGVyXCI+XG4gICAgICA8U3R5bGVkV3JhcHBlciBpbnZlcnRlZFN0eWxlPXtpbnZlcnRlZFN0eWxlfSBjbGFzc05hbWU9XCJjLWFydGljbGVcIj5cbiAgICAgICAgPExpY2Vuc2VXcmFwcGVyPlxuICAgICAgICAgIDxTdHlsZWRIZWFkZXI+e3RpdGxlfTwvU3R5bGVkSGVhZGVyPlxuICAgICAgICAgIDxMaWNlbnNlQnlsaW5lIGxpY2Vuc2VSaWdodHM9e3JpZ2h0c30gY29sb3I9e2NvbG9ycy5icmFuZC50ZXJ0aWFyeX0gLz5cbiAgICAgICAgPC9MaWNlbnNlV3JhcHBlcj5cbiAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXYgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBkZXNjcmlwdGlvbiB9fSAvPn1cbiAgICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgICA8L3NlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
 
 var LearningPathInformation = function LearningPathInformation(_ref) {
   var description = _ref.description,
       title = _ref.title,
       license = _ref.license,
       invertedStyle = _ref.invertedStyle;
+
+  var _getLicenseByAbbrevia = (0, _licenses.getLicenseByAbbreviation)((license === null || license === void 0 ? void 0 : license.license) || '', 'nb'),
+      rights = _getLicenseByAbbrevia.rights;
+
   return (0, _core2.jsx)("section", {
     className: "o-wrapper"
   }, (0, _core2.jsx)(StyledWrapper, {
     invertedStyle: invertedStyle,
     className: "c-article"
-  }, (0, _core2.jsx)("div", null, (0, _core2.jsx)("h1", null, title), license && license.license), description && (0, _core2.jsx)("div", {
+  }, (0, _core2.jsx)(LicenseWrapper, null, (0, _core2.jsx)(StyledHeader, null, title), (0, _core2.jsx)(_licenses.LicenseByline, {
+    licenseRights: rights,
+    color: _core.colors.brand.tertiary
+  })), description && (0, _core2.jsx)("div", {
     dangerouslySetInnerHTML: {
       __html: description
     }

package/lib/LearningPaths/LearningPathMenuAsideCopyright.js

@@ -13,6 +13,8 @@ var _common = require("@ndla/icons/common");
 
 var _core = require("@ndla/core");
 
+var _licenses = require("@ndla/licenses");
+
 var _core2 = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -27,15 +29,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var StyledLearningPathDetails = (0, _styledBase["default"])("div", {
   target: "e1queugc0",
   label: "StyledLearningPathDetails"
-})(_core.fonts.sizes(14, 1.1), ";font-weight:", _core.fonts.weight.normal, ";margin:0;display:flex;align-items:flex-start;justify-items:flex-start;margin-bottom:", _core.spacing.xsmall, ";p{margin:0;padding-left:", _core.spacing.xsmall, ";}span{display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVBc2lkZUNvcHlyaWdodC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRDIiwiZmlsZSI6IkxlYXJuaW5nUGF0aE1lbnVBc2lkZUNvcHlyaWdodC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBVc2VyIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IFN0eWxlZExlYXJuaW5nUGF0aERldGFpbHMgPSBzdHlsZWQuZGl2YFxuICAke2ZvbnRzLnNpemVzKDE0LCAxLjEpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGp1c3RpZnktaXRlbXM6IGZsZXgtc3RhcnQ7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuICBzcGFuIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29weXJpZ2h0OiB7XG4gICAgY29udHJpYnV0b3JzOiB7XG4gICAgICB0eXBlOiBzdHJpbmc7XG4gICAgICBuYW1lOiBzdHJpbmc7XG4gICAgfVtdO1xuICAgIGxpY2Vuc2U6IHtcbiAgICAgIGxpY2Vuc2U6IHN0cmluZztcbiAgICB9O1xuICB9O1xufTtcblxuY29uc3QgTGVhcm5pbmdQYXRoTWVudUFzaWRlQ29weXJpZ2h0ID0gKHsgY29weXJpZ2h0IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRMZWFybmluZ1BhdGhEZXRhaWxzPlxuICAgIDxVc2VyIC8+XG4gICAgPHA+XG4gICAgICB7Y29weXJpZ2h0LmNvbnRyaWJ1dG9ycy5tYXAoKGNvbnRyaWJ1dG9yKSA9PiAoXG4gICAgICAgIDxzcGFuIGtleT17Y29udHJpYnV0b3IubmFtZX0+e2NvbnRyaWJ1dG9yLm5hbWV9PC9zcGFuPlxuICAgICAgKSl9XG4gICAgICA8c3Bhbj57Y29weXJpZ2h0LmxpY2Vuc2UubGljZW5zZX08L3NwYW4+XG4gICAgPC9wPlxuICA8L1N0eWxlZExlYXJuaW5nUGF0aERldGFpbHM+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBMZWFybmluZ1BhdGhNZW51QXNpZGVDb3B5cmlnaHQ7XG4iXX0= */"));
+})(_core.fonts.sizes(14, 1.1), ";font-weight:", _core.fonts.weight.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVBc2lkZUNvcHlyaWdodC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzRDIiwiZmlsZSI6IkxlYXJuaW5nUGF0aE1lbnVBc2lkZUNvcHlyaWdodC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBVc2VyIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGdldExpY2Vuc2VCeUFiYnJldmlhdGlvbiwgTGljZW5zZUJ5bGluZSB9IGZyb20gJ0BuZGxhL2xpY2Vuc2VzJztcblxuY29uc3QgU3R5bGVkTGVhcm5pbmdQYXRoRGV0YWlscyA9IHN0eWxlZC5kaXZgXG4gICR7Zm9udHMuc2l6ZXMoMTQsIDEuMSl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbmA7XG5cbmNvbnN0IFVzZXJMaW5lID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG5cbiAgc3BhbiB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBjb3B5cmlnaHQ6IHtcbiAgICBjb250cmlidXRvcnM6IHtcbiAgICAgIHR5cGU6IHN0cmluZztcbiAgICAgIG5hbWU6IHN0cmluZztcbiAgICB9W107XG4gICAgbGljZW5zZToge1xuICAgICAgbGljZW5zZTogc3RyaW5nO1xuICAgIH07XG4gIH07XG59O1xuXG5jb25zdCBMZWFybmluZ1BhdGhNZW51QXNpZGVDb3B5cmlnaHQgPSAoeyBjb3B5cmlnaHQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyByaWdodHMgfSA9IGdldExpY2Vuc2VCeUFiYnJldmlhdGlvbihjb3B5cmlnaHQubGljZW5zZS5saWNlbnNlIHx8ICcnLCAnbmInKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGVhcm5pbmdQYXRoRGV0YWlscz5cbiAgICAgIDxVc2VyTGluZT5cbiAgICAgICAgPFVzZXIgLz5cbiAgICAgICAge2NvcHlyaWdodC5jb250cmlidXRvcnMubWFwKChjb250cmlidXRvcikgPT4gKFxuICAgICAgICAgIDxzcGFuIGtleT17Y29udHJpYnV0b3IubmFtZX0+e2NvbnRyaWJ1dG9yLm5hbWV9PC9zcGFuPlxuICAgICAgICApKX1cbiAgICAgIDwvVXNlckxpbmU+XG5cbiAgICAgIDxMaWNlbnNlQnlsaW5lIGxpY2Vuc2VSaWdodHM9e3JpZ2h0c30gY29sb3I9e2NvbG9ycy5icmFuZC50ZXJ0aWFyeX0gLz5cbiAgICA8L1N0eWxlZExlYXJuaW5nUGF0aERldGFpbHM+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMZWFybmluZ1BhdGhNZW51QXNpZGVDb3B5cmlnaHQ7XG4iXX0= */"));
+var UserLine = (0, _styledBase["default"])("div", {
+  target: "e1queugc1",
+  label: "UserLine"
+})("display:flex;margin-bottom:", _core.spacing.xsmall, ";span{margin-left:", _core.spacing.xsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlYXJuaW5nUGF0aE1lbnVBc2lkZUNvcHlyaWdodC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUIyQiIsImZpbGUiOiJMZWFybmluZ1BhdGhNZW51QXNpZGVDb3B5cmlnaHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgVXNlciB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24sIExpY2Vuc2VCeWxpbmUgfSBmcm9tICdAbmRsYS9saWNlbnNlcyc7XG5cbmNvbnN0IFN0eWxlZExlYXJuaW5nUGF0aERldGFpbHMgPSBzdHlsZWQuZGl2YFxuICAke2ZvbnRzLnNpemVzKDE0LCAxLjEpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG5gO1xuXG5jb25zdCBVc2VyTGluZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuXG4gIHNwYW4ge1xuICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29weXJpZ2h0OiB7XG4gICAgY29udHJpYnV0b3JzOiB7XG4gICAgICB0eXBlOiBzdHJpbmc7XG4gICAgICBuYW1lOiBzdHJpbmc7XG4gICAgfVtdO1xuICAgIGxpY2Vuc2U6IHtcbiAgICAgIGxpY2Vuc2U6IHN0cmluZztcbiAgICB9O1xuICB9O1xufTtcblxuY29uc3QgTGVhcm5pbmdQYXRoTWVudUFzaWRlQ29weXJpZ2h0ID0gKHsgY29weXJpZ2h0IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgcmlnaHRzIH0gPSBnZXRMaWNlbnNlQnlBYmJyZXZpYXRpb24oY29weXJpZ2h0LmxpY2Vuc2UubGljZW5zZSB8fCAnJywgJ25iJyk7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZExlYXJuaW5nUGF0aERldGFpbHM+XG4gICAgICA8VXNlckxpbmU+XG4gICAgICAgIDxVc2VyIC8+XG4gICAgICAgIHtjb3B5cmlnaHQuY29udHJpYnV0b3JzLm1hcCgoY29udHJpYnV0b3IpID0+IChcbiAgICAgICAgICA8c3BhbiBrZXk9e2NvbnRyaWJ1dG9yLm5hbWV9Pntjb250cmlidXRvci5uYW1lfTwvc3Bhbj5cbiAgICAgICAgKSl9XG4gICAgICA8L1VzZXJMaW5lPlxuXG4gICAgICA8TGljZW5zZUJ5bGluZSBsaWNlbnNlUmlnaHRzPXtyaWdodHN9IGNvbG9yPXtjb2xvcnMuYnJhbmQudGVydGlhcnl9IC8+XG4gICAgPC9TdHlsZWRMZWFybmluZ1BhdGhEZXRhaWxzPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGVhcm5pbmdQYXRoTWVudUFzaWRlQ29weXJpZ2h0O1xuIl19 */"));
 
 var LearningPathMenuAsideCopyright = function LearningPathMenuAsideCopyright(_ref) {
   var copyright = _ref.copyright;
-  return (0, _core2.jsx)(StyledLearningPathDetails, null, (0, _core2.jsx)(_common.User, null), (0, _core2.jsx)("p", null, copyright.contributors.map(function (contributor) {
+
+  var _getLicenseByAbbrevia = (0, _licenses.getLicenseByAbbreviation)(copyright.license.license || '', 'nb'),
+      rights = _getLicenseByAbbrevia.rights;
+
+  return (0, _core2.jsx)(StyledLearningPathDetails, null, (0, _core2.jsx)(UserLine, null, (0, _core2.jsx)(_common.User, null), copyright.contributors.map(function (contributor) {
     return (0, _core2.jsx)("span", {
       key: contributor.name
     }, contributor.name);
-  }), (0, _core2.jsx)("span", null, copyright.license.license)));
+  })), (0, _core2.jsx)(_licenses.LicenseByline, {
+    licenseRights: rights,
+    color: _core.colors.brand.tertiary
+  }));
 };
 
 var _default = LearningPathMenuAsideCopyright;

package/lib/TreeStructure/FolderItem.d.ts

@@ -5,27 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React from 'react';
-import { SetFocusedFolderId, FolderChildFuncType } from './TreeStructure.types';
-interface Props {
-    name: string;
-    id: string;
-    level: number;
-    onCloseFolder: (id: string) => void;
-    onOpenFolder: (id: string) => void;
-    onMarkFolder: (id: string) => void;
-    onSelectFolder?: (id: string) => void;
-    isOpen: boolean;
-    markedFolderId?: string;
-    focusedFolderId?: string;
-    visibleFolders: string[];
-    loading?: boolean;
-    openOnFolderClick?: boolean;
+/// <reference types="react" />
+import { CommonFolderItemsProps, FolderType } from './types';
+interface Props extends CommonFolderItemsProps {
     hideArrow?: boolean;
-    setFocusedFolderId: SetFocusedFolderId;
-    icon?: React.ReactNode;
+    isOpen: boolean;
+    folder: FolderType;
     noPaddingWhenArrowIsHidden?: boolean;
-    folderChild?: FolderChildFuncType;
 }
-declare const FolderItem: ({ hideArrow, loading, level, name, id, visibleFolders, onCloseFolder, onOpenFolder, onMarkFolder, onSelectFolder, isOpen, markedFolderId, focusedFolderId, openOnFolderClick, setFocusedFolderId, icon, noPaddingWhenArrowIsHidden, folderChild, }: Props) => JSX.Element;
+declare const FolderItem: ({ focusedFolderId, menuItems, hideArrow, folder, isOpen, level, loading, selectedFolder, noPaddingWhenArrowIsHidden, onCloseFolder, onOpenFolder, onSelectFolder, openOnFolderClick, setFocusedId, setSelectedFolder, visibleFolders, }: Props) => JSX.Element;
 export default FolderItem;