@ndla/ui 20.0.0 → 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({