@ndla/ui 27.1.1 → 27.1.3

package/lib/TreeStructure/FolderNameInput.js

@@ -1,159 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _core = require("@ndla/core");
-
-var _reactI18next = require("react-i18next");
-
-var _reactDeviceDetect = require("react-device-detect");
-
-var _icons = require("@ndla/icons");
-
-var _button = require("@ndla/button");
-
-var _action = require("@ndla/icons/action");
-
-var _editor = require("@ndla/icons/editor");
-
-var _forms = require("@ndla/forms");
-
-var _helperFunctions = require("./helperFunctions");
-
-var _core2 = require("@emotion/core");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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."); }
-
-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; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-// Source: https://kovart.github.io/dashed-border-generator/
-var borderStyle = "url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='".concat(encodeURIComponent(_core.colors.brand.tertiary), "' stroke-width='2' stroke-dasharray='8%2c8' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e\")");
-var NewFolderWrapper = (0, _styledBase["default"])("div", {
-  target: "ea8uq7w0",
-  label: "NewFolderWrapper"
-})("background:linear-gradient( to bottom,", _core.colors.white, " 0%,", _core.colors.white, " 15%,", _core.colors.brand.lighter, " 15%,", _core.colors.brand.lighter, " 85%,", _core.colors.white, " 85%,", _core.colors.white, " 100% );background-size:auto 100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJtQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmLCBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgYW5pbWF0aW9ucywgc3BhY2luZ1VuaXQgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJ0BuZGxhL2ljb25zJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgRG9uZSB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBJbnB1dFYyIGFzIElucHV0IH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgVHJlZVN0cnVjdHVyZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuY29uc3QgTmV3Rm9sZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICB0byBib3R0b20sXG4gICAgJHtjb2xvcnMud2hpdGV9IDAlLFxuICAgICR7Y29sb3JzLndoaXRlfSAxNSUsXG4gICAgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn0gMTUlLFxuICAgICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9IDg1JSxcbiAgICAke2NvbG9ycy53aGl0ZX0gODUlLFxuICAgICR7Y29sb3JzLndoaXRlfSAxMDAlXG4gICk7XG4gIGJhY2tncm91bmQtc2l6ZTogYXV0byAxMDAlO1xuYDtcblxuY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxldmVsOiBudW1iZXIgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9IDA7XG4gIG1hcmdpbi1sZWZ0OiAkeyh7IGxldmVsIH0pID0+IDAuNzUgKiBzcGFjaW5nVW5pdCAqIGxldmVsICsgMiAqIHNwYWNpbmdVbml0fXB4O1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJhY2tncm91bmQtaW1hZ2U6ICR7Ym9yZGVyU3R5bGV9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG5cbiAgJHthbmltYXRpb25zLmZhZGVJbkxlZnQoYW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdCl9O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgZmxleC1ncm93OiAxO1xuICBib3JkZXI6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIG1pbi13aWR0aDogMDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgc2Nyb2xsLW1hcmdpbi10b3A6IDEwMHB4O1xuYDtcblxuaW50ZXJmYWNlIEZvbGRlck5hbWVJbnB1dFByb3BzIHtcbiAgb25TYXZlTmV3Rm9sZGVyOiAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiB2b2lkO1xuICBwYXJlbnRJZDogc3RyaW5nO1xuICBvbkNhbmNlbE5ld0ZvbGRlcjogKCkgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIGxldmVsOiBudW1iZXI7XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xufVxuXG5jb25zdCBGb2xkZXJOYW1lSW5wdXQgPSAoe1xuICBvblNhdmVOZXdGb2xkZXIsXG4gIHBhcmVudElkLFxuICBvbkNhbmNlbE5ld0ZvbGRlcixcbiAgbG9hZGluZyxcbiAgbGV2ZWwsXG4gIHR5cGUsXG59OiBGb2xkZXJOYW1lSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuYW1lLCBzZXROYW1lXSA9IHVzZVN0YXRlPHN0cmluZz4oJycpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPE5ld0ZvbGRlcldyYXBwZXI+XG4gICAgICA8SW5wdXRXcmFwcGVyIGxldmVsPXtsZXZlbH0+XG4gICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgIG5hbWU9XCJuYW1lXCJcbiAgICAgICAgICBsYWJlbEhpZGRlblxuICAgICAgICAgIGxhYmVsPXt0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5mb2xkZXJOYW1lJyl9XG4gICAgICAgICAgYXJpYS1pbnZhbGlkPXtuYW1lLmxlbmd0aCA9PT0gMH1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXtsb2FkaW5nID8gdHJ1ZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtsb2FkaW5nID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdzcGlubmVyJykgOiB1bmRlZmluZWR9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICBhdXRvRm9jdXNcbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIucGxhY2Vob2xkZXInKX1cbiAgICAgICAgICB2YWx1ZT17bmFtZX1cbiAgICAgICAgICBvbktleURvd249eyhlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgb25DYW5jZWxOZXdGb2xkZXIoKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICBpZiAobmFtZSA9PT0gJycgfHwgbG9hZGluZykge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBvblNhdmVOZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25DaGFuZ2U9eyhlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgaWYgKCFsb2FkaW5nKSB7XG4gICAgICAgICAgICAgIHNldE5hbWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXt0KCdzYXZlJyl9XG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNhdmVOZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpfT5cbiAgICAgICAgICAgICAgICA8RG9uZSAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHRpdGxlPXt0KCdjbG9zZScpfSBzaXplPVwic21hbGxcIiBnaG9zdFBpbGwgb25DbGljaz17b25DYW5jZWxOZXdGb2xkZXJ9PlxuICAgICAgICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiAoXG4gICAgICAgICAgICAgIDxTcGlubmVyXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgbWFyZ2luPXtzcGFjaW5nLnNtYWxsfVxuICAgICAgICAgICAgICAgIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ3NwaW5uZXInKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdsb2FkaW5nJyl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1Jvdz5cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvTmV3Rm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlck5hbWVJbnB1dDtcbiJdfQ== */"));
-var Row = (0, _styledBase["default"])("div", {
-  target: "ea8uq7w1",
-  label: "Row"
-})("display:flex;gap:", _core.spacing.xxsmall, ";padding-right:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNzQiIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmLCBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgYW5pbWF0aW9ucywgc3BhY2luZ1VuaXQgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJ0BuZGxhL2ljb25zJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgRG9uZSB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBJbnB1dFYyIGFzIElucHV0IH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgVHJlZVN0cnVjdHVyZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuY29uc3QgTmV3Rm9sZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICB0byBib3R0b20sXG4gICAgJHtjb2xvcnMud2hpdGV9IDAlLFxuICAgICR7Y29sb3JzLndoaXRlfSAxNSUsXG4gICAgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn0gMTUlLFxuICAgICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9IDg1JSxcbiAgICAke2NvbG9ycy53aGl0ZX0gODUlLFxuICAgICR7Y29sb3JzLndoaXRlfSAxMDAlXG4gICk7XG4gIGJhY2tncm91bmQtc2l6ZTogYXV0byAxMDAlO1xuYDtcblxuY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxldmVsOiBudW1iZXIgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9IDA7XG4gIG1hcmdpbi1sZWZ0OiAkeyh7IGxldmVsIH0pID0+IDAuNzUgKiBzcGFjaW5nVW5pdCAqIGxldmVsICsgMiAqIHNwYWNpbmdVbml0fXB4O1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJhY2tncm91bmQtaW1hZ2U6ICR7Ym9yZGVyU3R5bGV9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG5cbiAgJHthbmltYXRpb25zLmZhZGVJbkxlZnQoYW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdCl9O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgZmxleC1ncm93OiAxO1xuICBib3JkZXI6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIG1pbi13aWR0aDogMDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgc2Nyb2xsLW1hcmdpbi10b3A6IDEwMHB4O1xuYDtcblxuaW50ZXJmYWNlIEZvbGRlck5hbWVJbnB1dFByb3BzIHtcbiAgb25TYXZlTmV3Rm9sZGVyOiAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiB2b2lkO1xuICBwYXJlbnRJZDogc3RyaW5nO1xuICBvbkNhbmNlbE5ld0ZvbGRlcjogKCkgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIGxldmVsOiBudW1iZXI7XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xufVxuXG5jb25zdCBGb2xkZXJOYW1lSW5wdXQgPSAoe1xuICBvblNhdmVOZXdGb2xkZXIsXG4gIHBhcmVudElkLFxuICBvbkNhbmNlbE5ld0ZvbGRlcixcbiAgbG9hZGluZyxcbiAgbGV2ZWwsXG4gIHR5cGUsXG59OiBGb2xkZXJOYW1lSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuYW1lLCBzZXROYW1lXSA9IHVzZVN0YXRlPHN0cmluZz4oJycpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPE5ld0ZvbGRlcldyYXBwZXI+XG4gICAgICA8SW5wdXRXcmFwcGVyIGxldmVsPXtsZXZlbH0+XG4gICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgIG5hbWU9XCJuYW1lXCJcbiAgICAgICAgICBsYWJlbEhpZGRlblxuICAgICAgICAgIGxhYmVsPXt0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5mb2xkZXJOYW1lJyl9XG4gICAgICAgICAgYXJpYS1pbnZhbGlkPXtuYW1lLmxlbmd0aCA9PT0gMH1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXtsb2FkaW5nID8gdHJ1ZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtsb2FkaW5nID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdzcGlubmVyJykgOiB1bmRlZmluZWR9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICBhdXRvRm9jdXNcbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIucGxhY2Vob2xkZXInKX1cbiAgICAgICAgICB2YWx1ZT17bmFtZX1cbiAgICAgICAgICBvbktleURvd249eyhlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgb25DYW5jZWxOZXdGb2xkZXIoKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICBpZiAobmFtZSA9PT0gJycgfHwgbG9hZGluZykge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBvblNhdmVOZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25DaGFuZ2U9eyhlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgaWYgKCFsb2FkaW5nKSB7XG4gICAgICAgICAgICAgIHNldE5hbWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXt0KCdzYXZlJyl9XG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNhdmVOZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpfT5cbiAgICAgICAgICAgICAgICA8RG9uZSAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHRpdGxlPXt0KCdjbG9zZScpfSBzaXplPVwic21hbGxcIiBnaG9zdFBpbGwgb25DbGljaz17b25DYW5jZWxOZXdGb2xkZXJ9PlxuICAgICAgICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiAoXG4gICAgICAgICAgICAgIDxTcGlubmVyXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgbWFyZ2luPXtzcGFjaW5nLnNtYWxsfVxuICAgICAgICAgICAgICAgIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ3NwaW5uZXInKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdsb2FkaW5nJyl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1Jvdz5cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvTmV3Rm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlck5hbWVJbnB1dDtcbiJdfQ== */"));
-var InputWrapper = (0, _styledBase["default"])("div", {
-  target: "ea8uq7w2",
-  label: "InputWrapper"
-})("display:flex;margin:", _core.spacing.xxsmall, " 0;margin-left:", function (_ref) {
-  var level = _ref.level;
-  return 0.75 * _core.spacingUnit * level + 2 * _core.spacingUnit;
-}, "px;margin-right:", _core.spacing.normal, ";align-items:center;background-color:", _core.colors.white, ";background-image:", borderStyle, ";color:", _core.colors.brand.primary, ";", _core.animations.fadeInLeft(_core.animations.durations.fast), ";animation-fill-mode:forwards;@media (prefers-reduced-motion:reduce){animation:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNrRCIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmLCBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgYW5pbWF0aW9ucywgc3BhY2luZ1VuaXQgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJ0BuZGxhL2ljb25zJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgRG9uZSB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBJbnB1dFYyIGFzIElucHV0IH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgVHJlZVN0cnVjdHVyZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuY29uc3QgTmV3Rm9sZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICB0byBib3R0b20sXG4gICAgJHtjb2xvcnMud2hpdGV9IDAlLFxuICAgICR7Y29sb3JzLndoaXRlfSAxNSUsXG4gICAgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn0gMTUlLFxuICAgICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9IDg1JSxcbiAgICAke2NvbG9ycy53aGl0ZX0gODUlLFxuICAgICR7Y29sb3JzLndoaXRlfSAxMDAlXG4gICk7XG4gIGJhY2tncm91bmQtc2l6ZTogYXV0byAxMDAlO1xuYDtcblxuY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxldmVsOiBudW1iZXIgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9IDA7XG4gIG1hcmdpbi1sZWZ0OiAkeyh7IGxldmVsIH0pID0+IDAuNzUgKiBzcGFjaW5nVW5pdCAqIGxldmVsICsgMiAqIHNwYWNpbmdVbml0fXB4O1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJhY2tncm91bmQtaW1hZ2U6ICR7Ym9yZGVyU3R5bGV9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG5cbiAgJHthbmltYXRpb25zLmZhZGVJbkxlZnQoYW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdCl9O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgZmxleC1ncm93OiAxO1xuICBib3JkZXI6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIG1pbi13aWR0aDogMDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgc2Nyb2xsLW1hcmdpbi10b3A6IDEwMHB4O1xuYDtcblxuaW50ZXJmYWNlIEZvbGRlck5hbWVJbnB1dFByb3BzIHtcbiAgb25TYXZlTmV3Rm9sZGVyOiAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiB2b2lkO1xuICBwYXJlbnRJZDogc3RyaW5nO1xuICBvbkNhbmNlbE5ld0ZvbGRlcjogKCkgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIGxldmVsOiBudW1iZXI7XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xufVxuXG5jb25zdCBGb2xkZXJOYW1lSW5wdXQgPSAoe1xuICBvblNhdmVOZXdGb2xkZXIsXG4gIHBhcmVudElkLFxuICBvbkNhbmNlbE5ld0ZvbGRlcixcbiAgbG9hZGluZyxcbiAgbGV2ZWwsXG4gIHR5cGUsXG59OiBGb2xkZXJOYW1lSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuYW1lLCBzZXROYW1lXSA9IHVzZVN0YXRlPHN0cmluZz4oJycpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPE5ld0ZvbGRlcldyYXBwZXI+XG4gICAgICA8SW5wdXRXcmFwcGVyIGxldmVsPXtsZXZlbH0+XG4gICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgIG5hbWU9XCJuYW1lXCJcbiAgICAgICAgICBsYWJlbEhpZGRlblxuICAgICAgICAgIGxhYmVsPXt0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5mb2xkZXJOYW1lJyl9XG4gICAgICAgICAgYXJpYS1pbnZhbGlkPXtuYW1lLmxlbmd0aCA9PT0gMH1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXtsb2FkaW5nID8gdHJ1ZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtsb2FkaW5nID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdzcGlubmVyJykgOiB1bmRlZmluZWR9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICBhdXRvRm9jdXNcbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIucGxhY2Vob2xkZXInKX1cbiAgICAgICAgICB2YWx1ZT17bmFtZX1cbiAgICAgICAgICBvbktleURvd249eyhlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgb25DYW5jZWxOZXdGb2xkZXIoKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICBpZiAobmFtZSA9PT0gJycgfHwgbG9hZGluZykge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBvblNhdmVOZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25DaGFuZ2U9eyhlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgaWYgKCFsb2FkaW5nKSB7XG4gICAgICAgICAgICAgIHNldE5hbWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXt0KCdzYXZlJyl9XG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNhdmVOZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpfT5cbiAgICAgICAgICAgICAgICA8RG9uZSAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHRpdGxlPXt0KCdjbG9zZScpfSBzaXplPVwic21hbGxcIiBnaG9zdFBpbGwgb25DbGljaz17b25DYW5jZWxOZXdGb2xkZXJ9PlxuICAgICAgICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiAoXG4gICAgICAgICAgICAgIDxTcGlubmVyXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgbWFyZ2luPXtzcGFjaW5nLnNtYWxsfVxuICAgICAgICAgICAgICAgIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ3NwaW5uZXInKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdsb2FkaW5nJyl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1Jvdz5cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvTmV3Rm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlck5hbWVJbnB1dDtcbiJdfQ== */"));
-var StyledInput = ( /*#__PURE__*/0, _styledBase["default"])(_forms.InputV2, {
-  target: "ea8uq7w3",
-  label: "StyledInput"
-})("padding:", _core.spacing.small, ";flex-grow:1;border:0;outline:none;min-width:0;background:transparent;color:", _core.colors.brand.primary, ";scroll-margin-top:100px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvbGRlck5hbWVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERpQyIsImZpbGUiOiJGb2xkZXJOYW1lSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSwgdXNlUmVmLCBDaGFuZ2VFdmVudCwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgYW5pbWF0aW9ucywgc3BhY2luZ1VuaXQgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBpc01vYmlsZSB9IGZyb20gJ3JlYWN0LWRldmljZS1kZXRlY3QnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJ0BuZGxhL2ljb25zJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgRG9uZSB9IGZyb20gJ0BuZGxhL2ljb25zL2VkaXRvcic7XG5pbXBvcnQgeyBJbnB1dFYyIGFzIElucHV0IH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgVHJlZVN0cnVjdHVyZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IHRyZWVzdHJ1Y3R1cmVJZCB9IGZyb20gJy4vaGVscGVyRnVuY3Rpb25zJztcblxuLy8gU291cmNlOiBodHRwczovL2tvdmFydC5naXRodWIuaW8vZGFzaGVkLWJvcmRlci1nZW5lcmF0b3IvXG5jb25zdCBib3JkZXJTdHlsZSA9IGB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNjc3ZnIHdpZHRoPScxMDAlMjUnIGhlaWdodD0nMTAwJTI1JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnJTNlJTNjcmVjdCB3aWR0aD0nMTAwJTI1JyBoZWlnaHQ9JzEwMCUyNScgZmlsbD0nbm9uZScgc3Ryb2tlPScke2VuY29kZVVSSUNvbXBvbmVudChcbiAgY29sb3JzLmJyYW5kLnRlcnRpYXJ5LFxuKX0nIHN0cm9rZS13aWR0aD0nMicgc3Ryb2tlLWRhc2hhcnJheT0nOCUyYzgnIHN0cm9rZS1kYXNob2Zmc2V0PSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJy8lM2UlM2Mvc3ZnJTNlXCIpYDtcblxuY29uc3QgTmV3Rm9sZGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICB0byBib3R0b20sXG4gICAgJHtjb2xvcnMud2hpdGV9IDAlLFxuICAgICR7Y29sb3JzLndoaXRlfSAxNSUsXG4gICAgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn0gMTUlLFxuICAgICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9IDg1JSxcbiAgICAke2NvbG9ycy53aGl0ZX0gODUlLFxuICAgICR7Y29sb3JzLndoaXRlfSAxMDAlXG4gICk7XG4gIGJhY2tncm91bmQtc2l6ZTogYXV0byAxMDAlO1xuYDtcblxuY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGxldmVsOiBudW1iZXIgfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9IDA7XG4gIG1hcmdpbi1sZWZ0OiAkeyh7IGxldmVsIH0pID0+IDAuNzUgKiBzcGFjaW5nVW5pdCAqIGxldmVsICsgMiAqIHNwYWNpbmdVbml0fXB4O1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJhY2tncm91bmQtaW1hZ2U6ICR7Ym9yZGVyU3R5bGV9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG5cbiAgJHthbmltYXRpb25zLmZhZGVJbkxlZnQoYW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdCl9O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgZmxleC1ncm93OiAxO1xuICBib3JkZXI6IDA7XG4gIG91dGxpbmU6IG5vbmU7XG4gIG1pbi13aWR0aDogMDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgc2Nyb2xsLW1hcmdpbi10b3A6IDEwMHB4O1xuYDtcblxuaW50ZXJmYWNlIEZvbGRlck5hbWVJbnB1dFByb3BzIHtcbiAgb25TYXZlTmV3Rm9sZGVyOiAobmFtZTogc3RyaW5nLCBwYXJlbnRJZDogc3RyaW5nKSA9PiB2b2lkO1xuICBwYXJlbnRJZDogc3RyaW5nO1xuICBvbkNhbmNlbE5ld0ZvbGRlcjogKCkgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIGxldmVsOiBudW1iZXI7XG4gIHR5cGU6IFRyZWVTdHJ1Y3R1cmVUeXBlO1xufVxuXG5jb25zdCBGb2xkZXJOYW1lSW5wdXQgPSAoe1xuICBvblNhdmVOZXdGb2xkZXIsXG4gIHBhcmVudElkLFxuICBvbkNhbmNlbE5ld0ZvbGRlcixcbiAgbG9hZGluZyxcbiAgbGV2ZWwsXG4gIHR5cGUsXG59OiBGb2xkZXJOYW1lSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtuYW1lLCBzZXROYW1lXSA9IHVzZVN0YXRlPHN0cmluZz4oJycpO1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpc01vYmlsZSkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gICAgfVxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHNcbiAgfSwgW10pO1xuXG4gIHJldHVybiAoXG4gICAgPE5ld0ZvbGRlcldyYXBwZXI+XG4gICAgICA8SW5wdXRXcmFwcGVyIGxldmVsPXtsZXZlbH0+XG4gICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgIG5hbWU9XCJuYW1lXCJcbiAgICAgICAgICBsYWJlbEhpZGRlblxuICAgICAgICAgIGxhYmVsPXt0KCd0cmVlU3RydWN0dXJlLm5ld0ZvbGRlci5mb2xkZXJOYW1lJyl9XG4gICAgICAgICAgYXJpYS1pbnZhbGlkPXtuYW1lLmxlbmd0aCA9PT0gMH1cbiAgICAgICAgICBhcmlhLWRpc2FibGVkPXtsb2FkaW5nID8gdHJ1ZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXtsb2FkaW5nID8gdHJlZXN0cnVjdHVyZUlkKHR5cGUsICdzcGlubmVyJykgOiB1bmRlZmluZWR9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICBhdXRvRm9jdXNcbiAgICAgICAgICBwbGFjZWhvbGRlcj17dCgndHJlZVN0cnVjdHVyZS5uZXdGb2xkZXIucGxhY2Vob2xkZXInKX1cbiAgICAgICAgICB2YWx1ZT17bmFtZX1cbiAgICAgICAgICBvbktleURvd249eyhlOiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoZS5rZXkgPT09ICdFc2NhcGUnKSB7XG4gICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgb25DYW5jZWxOZXdGb2xkZXIoKTtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAoZS5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICBpZiAobmFtZSA9PT0gJycgfHwgbG9hZGluZykge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBvblNhdmVOZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgb25DaGFuZ2U9eyhlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgaWYgKCFsb2FkaW5nKSB7XG4gICAgICAgICAgICAgIHNldE5hbWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIDxSb3c+XG4gICAgICAgICAgeyFsb2FkaW5nICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICAgICAgdGFiSW5kZXg9ezB9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnc2F2ZScpfVxuICAgICAgICAgICAgICAgIHRpdGxlPXt0KCdzYXZlJyl9XG4gICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblNhdmVOZXdGb2xkZXIobmFtZSwgcGFyZW50SWQpfT5cbiAgICAgICAgICAgICAgICA8RG9uZSAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2Nsb3NlJyl9IHRpdGxlPXt0KCdjbG9zZScpfSBzaXplPVwic21hbGxcIiBnaG9zdFBpbGwgb25DbGljaz17b25DYW5jZWxOZXdGb2xkZXJ9PlxuICAgICAgICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxkaXYgYXJpYS1saXZlPVwiYXNzZXJ0aXZlXCI+XG4gICAgICAgICAgICB7bG9hZGluZyAmJiAoXG4gICAgICAgICAgICAgIDxTcGlubmVyXG4gICAgICAgICAgICAgICAgc2l6ZT1cIm5vcm1hbFwiXG4gICAgICAgICAgICAgICAgbWFyZ2luPXtzcGFjaW5nLnNtYWxsfVxuICAgICAgICAgICAgICAgIGlkPXt0cmVlc3RydWN0dXJlSWQodHlwZSwgJ3NwaW5uZXInKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXt0KCdsb2FkaW5nJyl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1Jvdz5cbiAgICAgIDwvSW5wdXRXcmFwcGVyPlxuICAgIDwvTmV3Rm9sZGVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvbGRlck5hbWVJbnB1dDtcbiJdfQ== */"));
-
-var FolderNameInput = function FolderNameInput(_ref2) {
-  var onSaveNewFolder = _ref2.onSaveNewFolder,
-      parentId = _ref2.parentId,
-      onCancelNewFolder = _ref2.onCancelNewFolder,
-      loading = _ref2.loading,
-      level = _ref2.level,
-      type = _ref2.type;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      name = _useState2[0],
-      setName = _useState2[1];
-
-  var inputRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (_reactDeviceDetect.isMobile) {
-      var _inputRef$current;
-
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.scrollIntoView({
-        behavior: 'smooth'
-      });
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, []);
-  return (0, _core2.jsx)(NewFolderWrapper, null, (0, _core2.jsx)(InputWrapper, {
-    level: level
-  }, (0, _core2.jsx)(StyledInput, {
-    name: "name",
-    labelHidden: true,
-    label: t('treeStructure.newFolder.folderName'),
-    "aria-invalid": name.length === 0,
-    "aria-disabled": loading ? true : undefined,
-    "aria-describedby": loading ? (0, _helperFunctions.treestructureId)(type, 'spinner') : undefined,
-    ref: inputRef,
-    autoFocus: true,
-    placeholder: t('treeStructure.newFolder.placeholder'),
-    value: name,
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'Escape') {
-        e.preventDefault();
-        onCancelNewFolder();
-      } else if (e.key === 'Enter') {
-        e.preventDefault();
-
-        if (name === '' || loading) {
-          return;
-        }
-
-        onSaveNewFolder(name, parentId);
-      }
-    },
-    onChange: function onChange(e) {
-      if (!loading) {
-        setName(e.target.value);
-      }
-    }
-  }), (0, _core2.jsx)(Row, null, !loading && (0, _core2.jsx)(_react["default"].Fragment, null, (0, _core2.jsx)(_button.IconButton, {
-    tabIndex: 0,
-    "aria-label": t('save'),
-    title: t('save'),
-    size: "small",
-    ghostPill: true,
-    onClick: function onClick() {
-      return onSaveNewFolder(name, parentId);
-    }
-  }, (0, _core2.jsx)(_editor.Done, null)), (0, _core2.jsx)(_button.IconButton, {
-    "aria-label": t('close'),
-    title: t('close'),
-    size: "small",
-    ghostPill: true,
-    onClick: onCancelNewFolder
-  }, (0, _core2.jsx)(_action.Cross, null))), (0, _core2.jsx)("div", {
-    "aria-live": "assertive"
-  }, loading && (0, _core2.jsx)(_icons.Spinner, {
-    size: "normal",
-    margin: _core.spacing.small,
-    id: (0, _helperFunctions.treestructureId)(type, 'spinner'),
-    "aria-label": t('loading')
-  })))));
-};
-
-var _default = FolderNameInput;
-exports["default"] = _default;

package/src/TreeStructure/FolderNameInput.tsx

@@ -1,167 +0,0 @@
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import React, { useEffect, useState, useRef, ChangeEvent, KeyboardEvent } from 'react';
-import styled from '@emotion/styled';
-import { spacing, colors, animations, spacingUnit } from '@ndla/core';
-import { useTranslation } from 'react-i18next';
-import { isMobile } from 'react-device-detect';
-import { Spinner } from '@ndla/icons';
-import { IconButton } from '@ndla/button';
-import { Cross } from '@ndla/icons/action';
-import { Done } from '@ndla/icons/editor';
-import { InputV2 as Input } from '@ndla/forms';
-import { TreeStructureType } from './types';
-import { treestructureId } from './helperFunctions';
-
-// Source: https://kovart.github.io/dashed-border-generator/
-const borderStyle = `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='${encodeURIComponent(
-  colors.brand.tertiary,
-)}' stroke-width='2' stroke-dasharray='8%2c8' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e")`;
-
-const NewFolderWrapper = styled.div`
-  background: linear-gradient(
-    to bottom,
-    ${colors.white} 0%,
-    ${colors.white} 15%,
-    ${colors.brand.lighter} 15%,
-    ${colors.brand.lighter} 85%,
-    ${colors.white} 85%,
-    ${colors.white} 100%
-  );
-  background-size: auto 100%;
-`;
-
-const Row = styled.div`
-  display: flex;
-  gap: ${spacing.xxsmall};
-  padding-right: ${spacing.xsmall};
-`;
-
-const InputWrapper = styled.div<{ level: number }>`
-  display: flex;
-  margin: ${spacing.xxsmall} 0;
-  margin-left: ${({ level }) => 0.75 * spacingUnit * level + 2 * spacingUnit}px;
-  margin-right: ${spacing.normal};
-  align-items: center;
-  background-color: ${colors.white};
-  background-image: ${borderStyle};
-  color: ${colors.brand.primary};
-
-  ${animations.fadeInLeft(animations.durations.fast)};
-  animation-fill-mode: forwards;
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`;
-
-const StyledInput = styled(Input)`
-  padding: ${spacing.small};
-  flex-grow: 1;
-  border: 0;
-  outline: none;
-  min-width: 0;
-  background: transparent;
-  color: ${colors.brand.primary};
-  scroll-margin-top: 100px;
-`;
-
-interface FolderNameInputProps {
-  onSaveNewFolder: (name: string, parentId: string) => void;
-  parentId: string;
-  onCancelNewFolder: () => void;
-  loading?: boolean;
-  level: number;
-  type: TreeStructureType;
-}
-
-const FolderNameInput = ({
-  onSaveNewFolder,
-  parentId,
-  onCancelNewFolder,
-  loading,
-  level,
-  type,
-}: FolderNameInputProps) => {
-  const { t } = useTranslation();
-  const [name, setName] = useState<string>('');
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  useEffect(() => {
-    if (isMobile) {
-      inputRef.current?.scrollIntoView({ behavior: 'smooth' });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <NewFolderWrapper>
-      <InputWrapper level={level}>
-        <StyledInput
-          name="name"
-          labelHidden
-          label={t('treeStructure.newFolder.folderName')}
-          aria-invalid={name.length === 0}
-          aria-disabled={loading ? true : undefined}
-          aria-describedby={loading ? treestructureId(type, 'spinner') : undefined}
-          ref={inputRef}
-          autoFocus
-          placeholder={t('treeStructure.newFolder.placeholder')}
-          value={name}
-          onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {
-            if (e.key === 'Escape') {
-              e.preventDefault();
-              onCancelNewFolder();
-            } else if (e.key === 'Enter') {
-              e.preventDefault();
-              if (name === '' || loading) {
-                return;
-              }
-              onSaveNewFolder(name, parentId);
-            }
-          }}
-          onChange={(e: ChangeEvent<HTMLInputElement>) => {
-            if (!loading) {
-              setName(e.target.value);
-            }
-          }}
-        />
-        <Row>
-          {!loading && (
-            <>
-              <IconButton
-                tabIndex={0}
-                aria-label={t('save')}
-                title={t('save')}
-                size="small"
-                ghostPill
-                onClick={() => onSaveNewFolder(name, parentId)}>
-                <Done />
-              </IconButton>
-              <IconButton aria-label={t('close')} title={t('close')} size="small" ghostPill onClick={onCancelNewFolder}>
-                <Cross />
-              </IconButton>
-            </>
-          )}
-          <div aria-live="assertive">
-            {loading && (
-              <Spinner
-                size="normal"
-                margin={spacing.small}
-                id={treestructureId(type, 'spinner')}
-                aria-label={t('loading')}
-              />
-            )}
-          </div>
-        </Row>
-      </InputWrapper>
-    </NewFolderWrapper>
-  );
-};
-
-export default FolderNameInput;