@ndla/ui 27.1.1 → 27.1.3

package/src/TreeStructure/TreeStructure.tsx

@@ -14,8 +14,9 @@ import { uniq } from 'lodash';
 import { IFolder } from '@ndla/types-learningpath-api';
 import FolderItems from './FolderItems';
 import { flattenFolders, treestructureId } from './helperFunctions';
-import { CommonTreeStructureProps, FolderType, TreeStructureType } from './types';
+import { CommonTreeStructureProps, FolderType, NewFolderInputFunc, TreeStructureType } from './types';
 import ComboboxButton from './ComboboxButton';
+import AddFolderButton from './AddFolderButton';
 
 export const MAX_LEVEL_FOR_FOLDERS = 4;
 
@@ -29,6 +30,12 @@ const StyledTreeStructure = styled.div`
   flex-direction: column;
 `;
 
+const Row = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`;
+
 const TreeStructureWrapper = styled.div<{ type: TreeStructureType }>`
   display: flex;
   flex-direction: column;
@@ -73,7 +80,8 @@ export interface TreeStructureProps extends CommonTreeStructureProps {
   folders: FolderType[];
   label?: string;
   maxLevel?: number;
-  onNewFolder?: (name: string, parentId: string) => Promise<IFolder>;
+  newFolderInput?: NewFolderInputFunc;
+  onSelectFolder?: (id: string) => void;
 }
 
 const TreeStructure = ({
@@ -82,10 +90,10 @@ const TreeStructure = ({
   label,
   loading,
   maxLevel = MAX_LEVEL_FOR_FOLDERS,
-  onNewFolder,
   onSelectFolder,
   targetResource,
   type,
+  newFolderInput,
 }: TreeStructureProps) => {
   const ref = useRef<HTMLButtonElement>(null);
 
@@ -94,8 +102,8 @@ const TreeStructure = ({
   const [openFolders, setOpenFolders] = useState<string[]>(defaultOpenFolders || []);
 
   const [newFolderParentId, setNewFolderParentId] = useState<string | undefined>();
-  const [focusedFolder, setFocusedFolder] = useState<FolderType | undefined>();
-  const [selectedFolder, setSelectedFolder] = useState<FolderType | undefined>();
+  const [focusedFolder, _setFocusedFolder] = useState<FolderType | undefined>();
+  const [selectedFolder, _setSelectedFolder] = useState<FolderType | undefined>();
   const [showTree, setShowTree] = useState(type === 'navigation');
 
   const flattenedFolders = useMemo(() => flattenFolders(folders, openFolders), [folders, openFolders]);
@@ -115,9 +123,9 @@ const TreeStructure = ({
     if (defaultSelectedFolderId !== undefined) {
       const selected = flattenFolders(folders).find((folder) => folder.id === defaultSelectedFolderId);
       if (selected) {
-        setSelectedFolder(selected);
+        _setSelectedFolder(selected);
         if (type === 'picker') {
-          setFocusedFolder(selected);
+          _setFocusedFolder(selected);
         }
       }
     }
@@ -131,6 +139,22 @@ const TreeStructure = ({
     }
   };
 
+  const setSelectedFolder = (folder: FolderType) => {
+    _setSelectedFolder(folder);
+    onSelectFolder?.(folder.id);
+  };
+
+  const setFocusedFolder = (folder: FolderType) => {
+    _setFocusedFolder(folder);
+    setNewFolderParentId(undefined);
+
+    ref.current?.focus();
+  };
+
+  const onOpenFolder = (id: string) => {
+    setOpenFolders(uniq(openFolders.concat(id)));
+  };
+
   const onCloseFolder = (id: string) => {
     const closedFolder = flattenedFolders.find((folder) => folder.id === id);
 
@@ -143,21 +167,14 @@ const TreeStructure = ({
     setOpenFolders(openFolders.filter((folderId) => folderId !== id));
   };
 
-  const onOpenFolder = (id: string) => {
-    setOpenFolders(uniq(openFolders.concat(id)));
-  };
-
-  const onSaveNewFolder = (name: string, parentId: string) => {
-    onNewFolder?.(name, parentId).then((newFolder) => {
-      if (newFolder) {
-        setSelectedFolder(newFolder);
-        onSelectFolder?.(newFolder.id);
-        setFocusedFolder(newFolder);
-        setOpenFolders(uniq(openFolders.concat(parentId)));
-        setNewFolderParentId?.(undefined);
-        ref.current?.focus();
-      }
-    });
+  const onNewFolderCreated = (newFolder: IFolder | undefined, parentId: string) => {
+    if (newFolder) {
+      setSelectedFolder(newFolder);
+      setFocusedFolder(newFolder);
+      setOpenFolders(uniq(openFolders.concat(parentId)));
+      setNewFolderParentId?.(undefined);
+      ref.current?.focus();
+    }
   };
 
   const onCancelNewFolder = () => {
@@ -165,25 +182,26 @@ const TreeStructure = ({
     ref.current?.focus();
   };
 
-  const setFolderFocus = (folder: FolderType, focus?: boolean) => {
-    setFocusedFolder(folder);
-
-    if (focus) {
-      ref.current?.focus();
-    }
-  };
+  const canAddFolder = showTree && selectedFolder && selectedFolder?.breadcrumbs.length < (maxLevel || 1);
 
   return (
-    <StyledTreeStructure>
-      {label && <StyledLabel id={treestructureId(type, 'label')}>{label}</StyledLabel>}
-      <TreeStructureWrapper
-        aria-label={label}
-        type={type}
-        onBlur={(e) => {
-          if (type === 'picker' && !e.currentTarget.contains(e.relatedTarget)) {
-            onToggleTree(false);
-          }
-        }}>
+    <StyledTreeStructure
+      onBlur={(e) => {
+        if (type === 'picker' && !e.currentTarget.contains(e.relatedTarget)) {
+          onToggleTree(false);
+        }
+      }}>
+      <Row>
+        {label && <StyledLabel id={treestructureId(type, 'label')}>{label}</StyledLabel>}
+        {type === 'picker' && (
+          <AddFolderButton
+            canAddFolder={!!canAddFolder}
+            focusedFolder={focusedFolder}
+            setNewFolderParentId={setNewFolderParentId}
+          />
+        )}
+      </Row>
+      <TreeStructureWrapper aria-label={label} type={type}>
         {type === 'picker' && (
           <ComboboxButton
             ref={ref}
@@ -198,9 +216,6 @@ const TreeStructure = ({
             flattenedFolders={flattenedFolders}
             onCloseFolder={onCloseFolder}
             onOpenFolder={onOpenFolder}
-            onNewFolder={onNewFolder}
-            maxLevel={maxLevel}
-            setNewFolderParentId={setNewFolderParentId}
           />
         )}
         {showTree && (
@@ -216,15 +231,15 @@ const TreeStructure = ({
               onCancelNewFolder={onCancelNewFolder}
               onCloseFolder={onCloseFolder}
               onOpenFolder={onOpenFolder}
-              onSaveNewFolder={onSaveNewFolder}
-              onSelectFolder={onSelectFolder}
               openFolders={openFolders}
-              setFocusedFolder={setFolderFocus}
+              setFocusedFolder={setFocusedFolder}
               setSelectedFolder={setSelectedFolder}
               targetResource={targetResource}
               visibleFolders={flattenedFolders}
               type={type}
               closeTree={() => onToggleTree(false)}
+              newFolderInput={newFolderInput}
+              onCreate={onNewFolderCreated}
             />
           </ScrollableDiv>
         )}

package/src/TreeStructure/index.ts

@@ -7,6 +7,6 @@
  */
 
 import TreeStructure from './TreeStructure';
-export type { FolderType, TreeStructureMenuProps } from './types';
+export type { FolderType } from './types';
 export type { TreeStructureProps } from './TreeStructure';
 export { TreeStructure };

package/src/TreeStructure/types.ts

@@ -6,9 +6,8 @@
  *
  */
 
-import { MouseEvent, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { IFolder, IResource } from '@ndla/types-learningpath-api';
-import { MenuItemProps } from '@ndla/button';
 
 export interface FolderType extends IFolder {
   icon?: ReactNode;
@@ -17,13 +16,20 @@ export interface FolderType extends IFolder {
 
 export type TreeStructureType = 'navigation' | 'picker';
 
-export interface TreeStructureMenuProps extends Omit<MenuItemProps, 'onClick'> {
-  onClick: (e: MouseEvent<HTMLDivElement> | undefined, folder: FolderType) => void;
-}
+export type OnCreatedFunc = (folder: IFolder | undefined, parentId: string) => void;
+
+export type NewFolderInputFunc = ({
+  onClose,
+  parentId,
+  onCreate,
+}: {
+  onClose: () => void;
+  parentId: string;
+  onCreate: OnCreatedFunc;
+}) => ReactNode;
 
 export interface CommonTreeStructureProps {
   loading?: boolean;
-  onSelectFolder?: (id: string) => void;
   targetResource?: IResource;
   type: TreeStructureType;
 }
@@ -35,7 +41,7 @@ export interface CommonFolderItemsProps extends CommonTreeStructureProps {
   selectedFolder?: FolderType;
   onCloseFolder: (id: string) => void;
   onOpenFolder: (id: string) => void;
-  setFocusedFolder: (folder: FolderType, focus?: boolean) => void;
+  setFocusedFolder: (folder: FolderType) => void;
   setSelectedFolder: (folder: FolderType) => void;
   visibleFolders: FolderType[];
   closeTree: () => void;

package/src/index.ts

@@ -252,6 +252,6 @@ export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from './SnackB
 export type { Snack, SnackContext } from './SnackBar';
 export { InfoBlock } from './InfoBlock';
 export { TreeStructure } from './TreeStructure';
-export type { FolderType, TreeStructureProps, TreeStructureMenuProps } from './TreeStructure';
+export type { FolderType, TreeStructureProps } from './TreeStructure';
 
 export { SearchField, SearchResultList, SearchResultItem, ActiveFilters, ToggleSearchButton } from './Search';

package/src/locale/messages-en.ts

@@ -1032,7 +1032,7 @@ const messages = {
       myPage: 'My page',
       logout: 'Log out of My NDLA',
       loginText:
-        'Log in with Feide to receive access to My NDLA. We ask you not to write offensive or personally sensitive information in text fields. Read our ',
+        'In order to use the My NDLA service you have to be a student or work at a school in a county that partakes in the NDLA collaboration. We ask you not to write offensive or personally sensitive information in text fields. Read our ',
       loginTextLink: 'privacy policy here',
       loginTerms: 'Log in with Feide to receive access. By logging on your accept your terms of service',
       loginResourcePitch: 'Do you want to favorite this page?',

package/src/locale/messages-nb.ts

@@ -1030,7 +1030,7 @@ const messages = {
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',
       loginText:
-        'Logg på med Feide for å få tilgang til Min NDLA. Vi ber om at du ikke skriver noe støtende, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ',
+        'For å kunne bruke tjenesten Min NDLA må du være elev eller jobbe på en skole i et fylke som er med i NDLA-samarbeidet. Vi ber om at du ikke skriver noe støtende, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ',
       loginTextLink: 'personvernerklæring her',
       loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjenner du våre vilkår for bruk',
       loginResourcePitch: 'Ønsker du å favorittmerke denne siden?',

package/src/locale/messages-nn.ts

@@ -1031,7 +1031,7 @@ const messages = {
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',
       loginText:
-        'Logg på med Feide for å få tilgang til Min NDLA. Vi ber om at du ikkje skriv noko støtande, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ',
+        'For å kunne bruke tjenesten Min NDLA må du vere elev eller jobbe på ein skule i eit fylke som er med i NDLA-samarbeidet. Vi ber om at du ikkje skriv noko støtande, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ',
       loginTextLink: 'personvernerklæring her',
       loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjennar du våre vilkår for bruk',
       loginResourcePitch: 'Ønsker du å favorittmerke denne sida?',

package/src/locale/messages-se.ts

@@ -1031,7 +1031,7 @@ const messages = {
       deleteAccount: 'Sihko mu NDLA',
       logout: 'Logge eret mu NDLAs',
       loginText:
-        'Logg på med Feide for å få tilgang til Min NDLA. Vi ber om at du ikkje skriver noko støtende, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ',
+        'For å kunne bruke tjenesten Min NDLA må du vere elev eller jobbe på ein skule i eit fylke som er med i NDLA-samarbeidet. Vi ber om at du ikkje skriv noko støtande, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ',
       loginTextLink: 'personvernerklæring her',
       loginTerms: 'Logge Feide bokte vai oaččut beassanlobi. Go logget sisa de dohkkehat min geavahaneavttuid.',
       loginResourcePitch: 'Dáhtut go merket siiddu oiddohin?',

package/src/locale/messages-sma.ts

@@ -1032,7 +1032,7 @@ const messages = {
       deleteAccount: 'Slett Min NDLA',
       logout: 'Logg ut av Min NDLA',
       loginText:
-        'Logg på med Feide for å få tilgang til Min NDLA. Vi ber om at du ikkje skriver noko støtende, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ',
+        'For å kunne bruke tjenesten Min NDLA må du vere elev eller jobbe på ein skule i eit fylke som er med i NDLA-samarbeidet. Vi ber om at du ikkje skriv noko støtande, personsensitiv informasjon eller andre persondata i tekstfelt. Les vår ',
       loginTextLink: 'personvernerklæring her',
       loginTerms: 'Logg på med Feide for å få tilgang. Ved å logge på godkjenner du våre vilkår for bruk',
       loginResourcePitch: 'Ønsker du å favorittmerke denne siden?',

package/es/TreeStructure/FolderNameInput.js

@@ -1,143 +0,0 @@
-import _styled from "@emotion/styled-base";
-
-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; }
-
-/**
- * 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 } from 'react';
-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 { treestructureId } from './helperFunctions'; // Source: https://kovart.github.io/dashed-border-generator/
-
-import { jsx as ___EmotionJSX } from "@emotion/core";
-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(colors.brand.tertiary), "' stroke-width='2' stroke-dasharray='8%2c8' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e\")");
-
-var NewFolderWrapper = _styled("div", {
-  target: "ea8uq7w0",
-  label: "NewFolderWrapper"
-})("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%;" + (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 = _styled("div", {
-  target: "ea8uq7w1",
-  label: "Row"
-})("display:flex;gap:", spacing.xxsmall, ";padding-right:", 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 = _styled("div", {
-  target: "ea8uq7w2",
-  label: "InputWrapper"
-})("display:flex;margin:", spacing.xxsmall, " 0;margin-left:", function (_ref) {
-  var level = _ref.level;
-  return 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;}" + (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__*/_styled(Input, {
-  target: "ea8uq7w3",
-  label: "StyledInput"
-})("padding:", spacing.small, ";flex-grow:1;border:0;outline:none;min-width:0;background:transparent;color:", 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 = useTranslation(),
-      t = _useTranslation.t;
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      name = _useState2[0],
-      setName = _useState2[1];
-
-  var inputRef = useRef(null);
-  useEffect(function () {
-    if (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 ___EmotionJSX(NewFolderWrapper, null, ___EmotionJSX(InputWrapper, {
-    level: level
-  }, ___EmotionJSX(StyledInput, {
-    name: "name",
-    labelHidden: true,
-    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: 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);
-      }
-    }
-  }), ___EmotionJSX(Row, null, !loading && ___EmotionJSX(React.Fragment, null, ___EmotionJSX(IconButton, {
-    tabIndex: 0,
-    "aria-label": t('save'),
-    title: t('save'),
-    size: "small",
-    ghostPill: true,
-    onClick: function onClick() {
-      return onSaveNewFolder(name, parentId);
-    }
-  }, ___EmotionJSX(Done, null)), ___EmotionJSX(IconButton, {
-    "aria-label": t('close'),
-    title: t('close'),
-    size: "small",
-    ghostPill: true,
-    onClick: onCancelNewFolder
-  }, ___EmotionJSX(Cross, null))), ___EmotionJSX("div", {
-    "aria-live": "assertive"
-  }, loading && ___EmotionJSX(Spinner, {
-    size: "normal",
-    margin: spacing.small,
-    id: treestructureId(type, 'spinner'),
-    "aria-label": t('loading')
-  })))));
-};
-
-export default FolderNameInput;

package/lib/TreeStructure/FolderNameInput.d.ts

@@ -1,19 +0,0 @@
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-/// <reference types="react" />
-import { TreeStructureType } from './types';
-interface FolderNameInputProps {
-    onSaveNewFolder: (name: string, parentId: string) => void;
-    parentId: string;
-    onCancelNewFolder: () => void;
-    loading?: boolean;
-    level: number;
-    type: TreeStructureType;
-}
-declare const FolderNameInput: ({ onSaveNewFolder, parentId, onCancelNewFolder, loading, level, type, }: FolderNameInputProps) => JSX.Element;
-export default FolderNameInput;