@ndla/ui 42.1.2 → 43.0.1

package/src/SearchTypeResult/PopupFilter.tsx

@@ -8,7 +8,7 @@
 
 import React, { useState } from 'react';
 import styled from '@emotion/styled';
-import { ModalCloseButton, ModalBody, Modal, ModalTitle } from '@ndla/modal';
+import { ModalCloseButton, ModalBody, ModalTitle, ModalContent } from '@ndla/modal';
 import { breakpoints, mq, spacing } from '@ndla/core';
 import { ButtonV2 } from '@ndla/button';
 import { useTranslation } from 'react-i18next';
@@ -27,7 +27,7 @@ const ModalHeaderWrapper = styled.div`
   margin-bottom: ${spacing.normal};
 `;
 
-const ModalContent = styled.div`
+const Content = styled.div`
   max-width: 1040px;
   flex-grow: 1;
 `;
@@ -69,10 +69,8 @@ export type PopupFilterProps = {
   subjectCategories?: { categories: subjectsProps['categories'] };
   subjectValues: string[];
   programmesValues: string[];
-  onClose: () => void;
   onToggleSubject: (value: string) => void;
   onToggleProgramme: (value: string) => void;
-  isOpen: boolean;
 };
 
 const PopupFilter = ({
@@ -82,82 +80,69 @@ const PopupFilter = ({
   programmesValues,
   onToggleSubject,
   onToggleProgramme,
-  onClose,
-  isOpen,
 }: PopupFilterProps) => {
   const { t } = useTranslation();
   const [selectedMenu, setSelectedMenu] = useState(MENU_ALL_SUBJECTS);
-  const headingId = 'popupFilterHeading';
 
   return (
-    <Modal
-      aria-labelledby={headingId}
-      controlled
-      animation="subtle"
-      animationDuration={50}
-      onClose={onClose}
-      isOpen={isOpen}
-      size="full"
-    >
-      {() => (
-        <ModalBody>
-          <ModalWrapper>
-            <ModalContent>
-              <ModalHeaderWrapper>
-                <ModalTitle>{t('searchPage.searchFilterMessages.filterLabel')}</ModalTitle>
-                <ModalCloseButton onClick={() => onClose()} title={t('searchPage.close')} />
-              </ModalHeaderWrapper>
-              {subjectCategories && programmes && (
-                <MainFilterButtonWrapper>
-                  <ButtonV2
-                    onClick={() => setSelectedMenu(MENU_ALL_SUBJECTS)}
-                    colorTheme={selectedMenu !== MENU_ALL_SUBJECTS ? 'lighter' : undefined}
-                    size="normal"
-                    shape="pill"
-                  >
-                    {t('frontpageMenu.allsubjects')}
-                  </ButtonV2>
-                </MainFilterButtonWrapper>
-              )}
-              {programmes && (
+    <ModalContent animation="subtle" animationDuration={50} size="full">
+      <ModalBody>
+        <ModalWrapper>
+          <Content>
+            <ModalHeaderWrapper>
+              <ModalTitle>{t('searchPage.searchFilterMessages.filterLabel')}</ModalTitle>
+              <ModalCloseButton />
+            </ModalHeaderWrapper>
+            {subjectCategories && programmes && (
+              <MainFilterButtonWrapper>
                 <ButtonV2
-                  onClick={() => setSelectedMenu(MENU_PROGRAMMES)}
-                  colorTheme={selectedMenu !== MENU_PROGRAMMES ? 'lighter' : undefined}
+                  onClick={() => setSelectedMenu(MENU_ALL_SUBJECTS)}
+                  colorTheme={selectedMenu !== MENU_ALL_SUBJECTS ? 'lighter' : undefined}
                   size="normal"
                   shape="pill"
                 >
-                  {t('frontpageMenu.program')}
+                  {t('frontpageMenu.allsubjects')}
                 </ButtonV2>
-              )}
-              {selectedMenu === MENU_ALL_SUBJECTS && subjectCategories && (
-                <FrontpageAllSubjects
-                  categories={subjectCategories.categories}
-                  selectedSubjects={subjectValues}
-                  onToggleSubject={onToggleSubject}
-                  subjectViewType="checkbox"
-                />
-              )}
-              {selectedMenu === MENU_PROGRAMMES && programmes && (
-                <StyledList>
-                  {programmes.options.map((item: ProgrammeOptionProps) => (
-                    <StyledListItem key={item.id}>
-                      <ToggleItem
-                        id={item.id}
-                        value={item.id}
-                        checked={programmesValues.includes(item.id)}
-                        label={item.name}
-                        component="div"
-                        onChange={() => onToggleProgramme(item.id)}
-                      />
-                    </StyledListItem>
-                  ))}
-                </StyledList>
-              )}
-            </ModalContent>
-          </ModalWrapper>
-        </ModalBody>
-      )}
-    </Modal>
+              </MainFilterButtonWrapper>
+            )}
+            {programmes && (
+              <ButtonV2
+                onClick={() => setSelectedMenu(MENU_PROGRAMMES)}
+                colorTheme={selectedMenu !== MENU_PROGRAMMES ? 'lighter' : undefined}
+                size="normal"
+                shape="pill"
+              >
+                {t('frontpageMenu.program')}
+              </ButtonV2>
+            )}
+            {selectedMenu === MENU_ALL_SUBJECTS && subjectCategories && (
+              <FrontpageAllSubjects
+                categories={subjectCategories.categories}
+                selectedSubjects={subjectValues}
+                onToggleSubject={onToggleSubject}
+                subjectViewType="checkbox"
+              />
+            )}
+            {selectedMenu === MENU_PROGRAMMES && programmes && (
+              <StyledList>
+                {programmes.options.map((item: ProgrammeOptionProps) => (
+                  <StyledListItem key={item.id}>
+                    <ToggleItem
+                      id={item.id}
+                      value={item.id}
+                      checked={programmesValues.includes(item.id)}
+                      label={item.name}
+                      component="div"
+                      onChange={() => onToggleProgramme(item.id)}
+                    />
+                  </StyledListItem>
+                ))}
+              </StyledList>
+            )}
+          </Content>
+        </ModalWrapper>
+      </ModalBody>
+    </ModalContent>
   );
 };
 

package/src/SearchTypeResult/SearchNotionsResult.tsx

@@ -10,7 +10,8 @@ import React, { ReactNode } from 'react';
 import { useTranslation } from 'react-i18next';
 import styled from '@emotion/styled';
 import { fonts, mq, breakpoints, spacing, colors } from '@ndla/core';
-import { ModalCloseButton } from '@ndla/modal';
+import { IconButtonV2 } from '@ndla/button';
+import { Cross } from '@ndla/icons/action';
 
 const Wrapper = styled.div`
   display: flex;
@@ -67,7 +68,9 @@ const SearchNotionsResult = ({ totalCount, onRemove, children }: Props) => {
           {t(`searchPage.resultType.notionsHeading`)}
           <HeadingCount>{t(`searchPage.resultType.hits`, { count: totalCount })}</HeadingCount>
         </Heading>
-        <ModalCloseButton onClick={onRemove} title={t(`searchPage.resultType.notionsRemove`)} />
+        <IconButtonV2 onClick={onRemove} aria-label={t(`searchPage.resultType.notionsRemove`)}>
+          <Cross />
+        </IconButtonV2>
       </HeadingWrapper>
       {children}
     </Wrapper>

package/src/SearchTypeResult/components/ItemContexts.tsx

@@ -12,7 +12,7 @@ import { Additional, Core } from '@ndla/icons/common';
 import styled from '@emotion/styled';
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import { ButtonV2 } from '@ndla/button';
-import { Modal, ModalCloseButton, ModalHeader, ModalTitle } from '@ndla/modal';
+import { Modal, ModalCloseButton, ModalContent, ModalHeader, ModalTitle, ModalTrigger } from '@ndla/modal';
 import { useTranslation } from 'react-i18next';
 
 const BreadcrumbPath = styled.div`
@@ -34,7 +34,7 @@ const ModalButton = styled(ButtonV2)`
   }
 `;
 
-const ModalContent = styled.div`
+const Content = styled.div`
   padding: 0 ${spacing.small} ${spacing.normal};
   ${mq.range({ from: breakpoints.tablet })} {
     padding: 0 ${spacing.large} ${spacing.normal};
@@ -83,37 +83,32 @@ const ItemContexts = ({ contexts, id, title }: ItemContextsType) => {
     <Breadcrumb breadcrumb={mainContext.breadcrumb}>
       &nbsp;
       {contexts.length > 1 && (
-        <Modal
-          activateButton={
+        <Modal>
+          <ModalTrigger>
             <ModalButton variant="link">
               {t('searchPage.contextModal.button', {
                 count: contexts.length - 1,
               })}
             </ModalButton>
-          }
-          animation="subtle"
-          animationDuration={50}
-        >
-          {(onClose: () => void) => (
-            <>
-              <ModalHeader>
-                <ModalTitle>{t('searchPage.contextModal.heading')}</ModalTitle>
-                <ModalCloseButton onClick={onClose} title={t('searchPage.close')} />
-              </ModalHeader>
-              <ModalContent>
-                <ContextList>
-                  {contexts.map((context) => (
-                    <ContextListItem key={context.url}>
-                      <SafeLink to={context.url}>{title}</SafeLink>
-                      <Breadcrumb breadcrumb={context.breadcrumb}>
-                        {context.isAdditional ? <Additional style={iconStyle} /> : <Core style={iconStyle} />}
-                      </Breadcrumb>
-                    </ContextListItem>
-                  ))}
-                </ContextList>
-              </ModalContent>
-            </>
-          )}
+          </ModalTrigger>
+          <ModalContent animation="subtle" animationDuration={50}>
+            <ModalHeader>
+              <ModalTitle>{t('searchPage.contextModal.heading')}</ModalTitle>
+              <ModalCloseButton />
+            </ModalHeader>
+            <Content>
+              <ContextList>
+                {contexts.map((context) => (
+                  <ContextListItem key={context.url}>
+                    <SafeLink to={context.url}>{title}</SafeLink>
+                    <Breadcrumb breadcrumb={context.breadcrumb}>
+                      {context.isAdditional ? <Additional style={iconStyle} /> : <Core style={iconStyle} />}
+                    </Breadcrumb>
+                  </ContextListItem>
+                ))}
+              </ContextList>
+            </Content>
+          </ModalContent>
         </Modal>
       )}
     </Breadcrumb>

package/src/SearchTypeResult/components/SubjectFilters.tsx

@@ -12,6 +12,7 @@ import styled from '@emotion/styled';
 import { ButtonV2 } from '@ndla/button';
 import { Plus as PlusIcon } from '@ndla/icons/action';
 
+import { Modal, ModalTrigger } from '@ndla/modal';
 import PopupFilter, { PopupFilterProps } from '../PopupFilter';
 import ActiveFilters from '../ActiveFilters';
 import { FilterProps } from '../ActiveFilterContent';
@@ -101,15 +102,13 @@ const SubjectFilters = ({ filters, activeFilters, isNarrowScreen }: SubjectFilte
     setIsOpen(true);
   };
 
-  const handleModalClose = () => {
-    setIsOpen(false);
-  };
-
   const OpenModalButton = () => (
-    <ButtonV2 type="button" size="normal" colorTheme="greyLighter" shape="pill" onClick={handlePopupOpen}>
-      <FilterButtonText>{t('searchPage.searchFilterMessages.noValuesButtonText')}</FilterButtonText>
-      <PlusIcon />
-    </ButtonV2>
+    <ModalTrigger>
+      <ButtonV2 type="button" size="normal" colorTheme="greyLighter" shape="pill">
+        <FilterButtonText>{t('searchPage.searchFilterMessages.noValuesButtonText')}</FilterButtonText>
+        <PlusIcon />
+      </ButtonV2>
+    </ModalTrigger>
   );
 
   const ActiveFiltersElement = ({ showModalButton }: { showModalButton?: boolean }) => {
@@ -126,7 +125,7 @@ const SubjectFilters = ({ filters, activeFilters, isNarrowScreen }: SubjectFilte
   };
 
   return (
-    <>
+    <Modal open={isOpen} onOpenChange={setIsOpen}>
       {isNarrowScreen ? (
         <ActiveFiltersElement showModalButton />
       ) : isNarrowScreen === false ? (
@@ -140,12 +139,10 @@ const SubjectFilters = ({ filters, activeFilters, isNarrowScreen }: SubjectFilte
         subjectCategories={subjectCategories}
         subjectValues={subjectValues}
         programmesValues={programmesValues}
-        onClose={handleModalClose}
         onToggleSubject={onToggleSubject}
         onToggleProgramme={onToggleProgramme}
-        isOpen={isOpen}
       />
-    </>
+    </Modal>
   );
 };
 

package/src/Topic/Topic.tsx

@@ -12,7 +12,7 @@ import { animations, breakpoints, colors, fonts, mq, spacing } from '@ndla/core'
 
 import parse from 'html-react-parser';
 import { ChevronDown, ChevronUp, PlayCircleFilled } from '@ndla/icons/common';
-import { ModalCloseButton, Modal, ModalHeader } from '@ndla/modal';
+import { ModalCloseButton, ModalContent, Modal, ModalHeader, ModalTrigger } from '@ndla/modal';
 import { ButtonV2 } from '@ndla/button';
 import { CursorClick, ExpandTwoArrows } from '@ndla/icons/action';
 import { css } from '@emotion/react';
@@ -275,9 +275,8 @@ const Topic = ({
         {topic.image && (
           <TopicHeaderVisualElementWrapper>
             {topic.visualElement ? (
-              <Modal
-                aria-label={t('topicPage.imageModal')}
-                activateButton={
+              <Modal>
+                <ModalTrigger>
                   <VisualElementButton
                     variant="stripped"
                     title={topic.visualElement.type === 'image' ? t('image.largeSize') : t('visualElement.show')}
@@ -291,19 +290,18 @@ const Topic = ({
                     </ShowVisualElementWrapper>
                     <ExpandVisualElementButton>{VisualElementIcon && <VisualElementIcon />}</ExpandVisualElementButton>
                   </VisualElementButton>
-                }
-                animation="subtle"
-                animationDuration={50}
-                size="large"
-              >
-                {(onClose: () => void) => (
-                  <>
-                    <StyledModalHeader>
-                      <ModalCloseButton onClick={onClose} title={t('modal.closeModal')} />
-                    </StyledModalHeader>
-                    {topic.visualElement && topic.visualElement.element}
-                  </>
-                )}
+                </ModalTrigger>
+                <ModalContent
+                  aria-label={t('topicPage.imageModal')}
+                  animation="subtle"
+                  animationDuration={50}
+                  size="large"
+                >
+                  <StyledModalHeader>
+                    <ModalCloseButton />
+                  </StyledModalHeader>
+                  {topic.visualElement && topic.visualElement.element}
+                </ModalContent>
               </Modal>
             ) : (
               <TopicHeaderImage

package/src/TreeStructure/FolderItem.tsx

@@ -13,7 +13,7 @@ import { ArrowDropDownRounded } from '@ndla/icons/common';
 import { FolderOutlined, FolderShared } from '@ndla/icons/contentType';
 import { Done } from '@ndla/icons/editor';
 import { ButtonV2 as Button } from '@ndla/button';
-import { colors, spacing, animations, spacingUnit, misc, fonts } from '@ndla/core';
+import { colors, spacing, animations, misc, fonts } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 import { IFolder } from '@ndla/types-backend/learningpath-api';
 import { CommonFolderItemsProps } from './types';
@@ -62,8 +62,6 @@ const FolderIconWrapper = styled.div`
   }
 `;
 
-const shouldForwardProp = (name: string) => !['selected', 'level', 'focused', 'isCreatingFolder'].includes(name);
-
 const FolderName = styled(Button)`
   display: grid;
   grid-template-columns: auto 1fr auto;
@@ -106,7 +104,7 @@ const StyledDone = styled(Done)`
   color: ${colors.support.green};
 `;
 
-const FolderNameLink = styled(SafeLink, { shouldForwardProp })`
+const FolderNameLink = styled(SafeLink)`
   display: grid;
   align-items: center;
   grid-template-columns: ${spacing.medium} 1fr auto;

package/src/index.ts

@@ -182,7 +182,7 @@ export { default as Topic } from './Topic';
 export type { TopicProps } from './Topic';
 export { default as Aside } from './Aside';
 
-export { default as Breadcrumb, HeaderBreadcrumb, HomeBreadcrumb, ActionBreadcrumb } from './Breadcrumb';
+export { default as Breadcrumb, HeaderBreadcrumb, HomeBreadcrumb } from './Breadcrumb';
 export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from './Breadcrumb';
 
 export { i18nInstance, formatNestedMessages } from './i18n';
@@ -242,7 +242,7 @@ export { Notion, ConceptNotion } from './Notion';
 export type { NotionVisualElementType, ConceptNotionType } from './Notion';
 
 export { BannerCard } from './BannerCard';
-export { Folder, FolderInput, FolderMenu } from './MyNdla';
+export { Folder, FolderInput } from './MyNdla';
 export { ListResource, BlockResource } from './Resource';
 export type { ListResourceProps } from './Resource';
 export type { TagType } from './TagSelector';

package/src/locale/messages-en.ts

@@ -1136,6 +1136,7 @@ const messages = {
         share: 'Share folder',
         shared: 'Shared',
         unShare: 'Sharing stopped. The folder is no longer shared',
+        copyLink: 'Copy link to folder',
         link: 'Link is copied',
         header: {
           private: 'Do you want to share this folder?',

package/src/locale/messages-nb.ts

@@ -1135,6 +1135,7 @@ const messages = {
         share: 'Del mappe',
         shared: 'Delt',
         unShare: 'Delingen er avsluttet. Mappen er ikke lenger delt.',
+        copyLink: 'Kopier lenke til mappa',
         link: 'Lenken er kopiert',
         header: {
           private: 'Vil du dele denne mappa?',

package/src/locale/messages-nn.ts

@@ -1136,6 +1136,7 @@ const messages = {
         shared: 'Delt',
         unShare: 'Delinga er avslutta. Mappa er ikkje lenger delt',
         link: 'Lenka er kopiert',
+        copyLink: 'Kopier lenke til mappa',
         header: {
           private: 'Vil du dele denne mappa?',
           shared: 'Denne mappa er delt',

package/src/locale/messages-se.ts

@@ -1136,6 +1136,7 @@ const messages = {
         share: 'Juoge máhpa',
         shared: 'Juogaduvvon',
         unShare: 'Juohkin lea loahpahuvvon. Máhppa ii leat šat juogaduvvon.',
+        copyLink: 'Kopier lenke til mappa',
         link: 'Liŋka lea máŋgejuvvon.',
         header: {
           private: 'Áiggut go juogadit dán máhpa?',

package/src/locale/messages-sma.ts

@@ -1139,6 +1139,7 @@ const messages = {
         share: 'Del mappe',
         shared: 'Delt',
         unShare: 'Delingen er avsluttet. Mappen er ikke lenger delt.',
+        copyLink: 'Kopier lenke til mappa',
         link: 'Lenken er kopiert',
         header: {
           private: 'Vil du dele denne mappen?',

package/es/Breadcrumb/ActionBreadcrumb.js

@@ -1,74 +0,0 @@
-import _styled from "@emotion/styled/base";
-/**
- * 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 { colors, fonts, misc, spacing } from '@ndla/core';
-import { ChevronRight } from '@ndla/icons/common';
-import SafeLink from '@ndla/safelink';
-import React from 'react';
-import { MenuButton } from '@ndla/button';
-import Breadcrumb from './Breadcrumb';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-var StyledRightChevron = /*#__PURE__*/_styled(ChevronRight, {
-  target: "e1yj4xlc3",
-  label: "StyledRightChevron"
-})("color:", colors.text.primary, ";margin:", spacing.xxsmall, ";height:24px;width:24px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGlvbkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCK0MiLCJmaWxlIjoiQWN0aW9uQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVCdXR0b24sIE1lbnVJdGVtUHJvcHMgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IEJyZWFkY3J1bWIgZnJvbSAnLi9CcmVhZGNydW1iJztcbmltcG9ydCB7IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgU2ltcGxlQnJlYWRjcnVtYkl0ZW0gfSBmcm9tICcuL0JyZWFkY3J1bWJJdGVtJztcblxuY29uc3QgU3R5bGVkUmlnaHRDaGV2cm9uID0gc3R5bGVkKENoZXZyb25SaWdodClgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgbWFyZ2luOiAwIDJweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkTWVudUJ1dHRvbiA9IHN0eWxlZChNZW51QnV0dG9uKWBcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIG1hcmdpbjogMCAycHg7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpdGVtczogU2ltcGxlQnJlYWRjcnVtYkl0ZW1bXTtcbiAgYWN0aW9uSXRlbXM6IE1lbnVJdGVtUHJvcHNbXTtcbn1cblxuY29uc3QgQWN0aW9uQnJlYWRjcnVtYiA9ICh7IGl0ZW1zLCBhY3Rpb25JdGVtcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZW5kZXJJdGVtID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHRvdGFsQ291bnQgPT09IDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiB0aXRsZT17aXRlbS5uYW1lfT57aXRlbS5uYW1lfTwvU3R5bGVkU3Bhbj47XG4gICAgfVxuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSAmJiBhY3Rpb25JdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkTWVudUJ1dHRvbiBtZW51SXRlbXM9e2FjdGlvbkl0ZW1zfSBhbGlnbj1cImVuZFwiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgIDxTdHlsZWRTcGFuIHRpdGxlPXtpdGVtLm5hbWV9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPlxuICAgICAgICA8L1N0eWxlZE1lbnVCdXR0b24+XG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIHRpdGxlPXtpdGVtLm5hbWV9IHRvPXtpdGVtLnRvfT5cbiAgICAgICAge2l0ZW0ubmFtZX1cbiAgICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCByZW5kZXJTZXBhcmF0b3IgPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIC8+O1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEJyZWFkY3J1bWJcbiAgICAgIGF1dG9Db2xsYXBzZVxuICAgICAgY29sbGFwc2VMYXN0PXtmYWxzZX1cbiAgICAgIGl0ZW1zPXtpdGVtc31cbiAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnJlYWRjcnVtYjtcbiJdfQ== */"));
-var StyledSpan = /*#__PURE__*/_styled("span", {
-  target: "e1yj4xlc2",
-  label: "StyledSpan"
-})("font-weight:", fonts.weight.bold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGlvbkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCOEIiLCJmaWxlIjoiQWN0aW9uQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVCdXR0b24sIE1lbnVJdGVtUHJvcHMgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IEJyZWFkY3J1bWIgZnJvbSAnLi9CcmVhZGNydW1iJztcbmltcG9ydCB7IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgU2ltcGxlQnJlYWRjcnVtYkl0ZW0gfSBmcm9tICcuL0JyZWFkY3J1bWJJdGVtJztcblxuY29uc3QgU3R5bGVkUmlnaHRDaGV2cm9uID0gc3R5bGVkKENoZXZyb25SaWdodClgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgbWFyZ2luOiAwIDJweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkTWVudUJ1dHRvbiA9IHN0eWxlZChNZW51QnV0dG9uKWBcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIG1hcmdpbjogMCAycHg7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpdGVtczogU2ltcGxlQnJlYWRjcnVtYkl0ZW1bXTtcbiAgYWN0aW9uSXRlbXM6IE1lbnVJdGVtUHJvcHNbXTtcbn1cblxuY29uc3QgQWN0aW9uQnJlYWRjcnVtYiA9ICh7IGl0ZW1zLCBhY3Rpb25JdGVtcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZW5kZXJJdGVtID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHRvdGFsQ291bnQgPT09IDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiB0aXRsZT17aXRlbS5uYW1lfT57aXRlbS5uYW1lfTwvU3R5bGVkU3Bhbj47XG4gICAgfVxuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSAmJiBhY3Rpb25JdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkTWVudUJ1dHRvbiBtZW51SXRlbXM9e2FjdGlvbkl0ZW1zfSBhbGlnbj1cImVuZFwiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgIDxTdHlsZWRTcGFuIHRpdGxlPXtpdGVtLm5hbWV9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPlxuICAgICAgICA8L1N0eWxlZE1lbnVCdXR0b24+XG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIHRpdGxlPXtpdGVtLm5hbWV9IHRvPXtpdGVtLnRvfT5cbiAgICAgICAge2l0ZW0ubmFtZX1cbiAgICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCByZW5kZXJTZXBhcmF0b3IgPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIC8+O1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEJyZWFkY3J1bWJcbiAgICAgIGF1dG9Db2xsYXBzZVxuICAgICAgY29sbGFwc2VMYXN0PXtmYWxzZX1cbiAgICAgIGl0ZW1zPXtpdGVtc31cbiAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnJlYWRjcnVtYjtcbiJdfQ== */"));
-var StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
-  target: "e1yj4xlc1",
-  label: "StyledSafeLink"
-})("color:", colors.text.primary, ";box-shadow:none;margin:0 2px;font-weight:", fonts.weight.bold, ";:hover{color:", colors.brand.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGlvbkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCdUMiLCJmaWxlIjoiQWN0aW9uQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVCdXR0b24sIE1lbnVJdGVtUHJvcHMgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IEJyZWFkY3J1bWIgZnJvbSAnLi9CcmVhZGNydW1iJztcbmltcG9ydCB7IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgU2ltcGxlQnJlYWRjcnVtYkl0ZW0gfSBmcm9tICcuL0JyZWFkY3J1bWJJdGVtJztcblxuY29uc3QgU3R5bGVkUmlnaHRDaGV2cm9uID0gc3R5bGVkKENoZXZyb25SaWdodClgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgbWFyZ2luOiAwIDJweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkTWVudUJ1dHRvbiA9IHN0eWxlZChNZW51QnV0dG9uKWBcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIG1hcmdpbjogMCAycHg7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpdGVtczogU2ltcGxlQnJlYWRjcnVtYkl0ZW1bXTtcbiAgYWN0aW9uSXRlbXM6IE1lbnVJdGVtUHJvcHNbXTtcbn1cblxuY29uc3QgQWN0aW9uQnJlYWRjcnVtYiA9ICh7IGl0ZW1zLCBhY3Rpb25JdGVtcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZW5kZXJJdGVtID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHRvdGFsQ291bnQgPT09IDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiB0aXRsZT17aXRlbS5uYW1lfT57aXRlbS5uYW1lfTwvU3R5bGVkU3Bhbj47XG4gICAgfVxuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSAmJiBhY3Rpb25JdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkTWVudUJ1dHRvbiBtZW51SXRlbXM9e2FjdGlvbkl0ZW1zfSBhbGlnbj1cImVuZFwiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgIDxTdHlsZWRTcGFuIHRpdGxlPXtpdGVtLm5hbWV9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPlxuICAgICAgICA8L1N0eWxlZE1lbnVCdXR0b24+XG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIHRpdGxlPXtpdGVtLm5hbWV9IHRvPXtpdGVtLnRvfT5cbiAgICAgICAge2l0ZW0ubmFtZX1cbiAgICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCByZW5kZXJTZXBhcmF0b3IgPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIC8+O1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEJyZWFkY3J1bWJcbiAgICAgIGF1dG9Db2xsYXBzZVxuICAgICAgY29sbGFwc2VMYXN0PXtmYWxzZX1cbiAgICAgIGl0ZW1zPXtpdGVtc31cbiAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnJlYWRjcnVtYjtcbiJdfQ== */"));
-var StyledMenuButton = /*#__PURE__*/_styled(MenuButton, {
-  target: "e1yj4xlc0",
-  label: "StyledMenuButton"
-})("border-radius:", misc.borderRadius, ";margin:0 2px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGlvbkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDMkMiLCJmaWxlIjoiQWN0aW9uQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVCdXR0b24sIE1lbnVJdGVtUHJvcHMgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IEJyZWFkY3J1bWIgZnJvbSAnLi9CcmVhZGNydW1iJztcbmltcG9ydCB7IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgU2ltcGxlQnJlYWRjcnVtYkl0ZW0gfSBmcm9tICcuL0JyZWFkY3J1bWJJdGVtJztcblxuY29uc3QgU3R5bGVkUmlnaHRDaGV2cm9uID0gc3R5bGVkKENoZXZyb25SaWdodClgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBtYXJnaW46ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgbWFyZ2luOiAwIDJweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkTWVudUJ1dHRvbiA9IHN0eWxlZChNZW51QnV0dG9uKWBcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIG1hcmdpbjogMCAycHg7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpdGVtczogU2ltcGxlQnJlYWRjcnVtYkl0ZW1bXTtcbiAgYWN0aW9uSXRlbXM6IE1lbnVJdGVtUHJvcHNbXTtcbn1cblxuY29uc3QgQWN0aW9uQnJlYWRjcnVtYiA9ICh7IGl0ZW1zLCBhY3Rpb25JdGVtcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZW5kZXJJdGVtID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHRvdGFsQ291bnQgPT09IDEpIHtcbiAgICAgIHJldHVybiA8U3R5bGVkU3BhbiB0aXRsZT17aXRlbS5uYW1lfT57aXRlbS5uYW1lfTwvU3R5bGVkU3Bhbj47XG4gICAgfVxuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSAmJiBhY3Rpb25JdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkTWVudUJ1dHRvbiBtZW51SXRlbXM9e2FjdGlvbkl0ZW1zfSBhbGlnbj1cImVuZFwiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgIDxTdHlsZWRTcGFuIHRpdGxlPXtpdGVtLm5hbWV9PntpdGVtLm5hbWV9PC9TdHlsZWRTcGFuPlxuICAgICAgICA8L1N0eWxlZE1lbnVCdXR0b24+XG4gICAgICApO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIHRpdGxlPXtpdGVtLm5hbWV9IHRvPXtpdGVtLnRvfT5cbiAgICAgICAge2l0ZW0ubmFtZX1cbiAgICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCByZW5kZXJTZXBhcmF0b3IgPSAoaXRlbTogSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCB0b3RhbENvdW50OiBudW1iZXIpID0+IHtcbiAgICBpZiAoaXRlbS5pbmRleCA9PT0gdG90YWxDb3VudCAtIDEpIHtcbiAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHJldHVybiA8U3R5bGVkUmlnaHRDaGV2cm9uIC8+O1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEJyZWFkY3J1bWJcbiAgICAgIGF1dG9Db2xsYXBzZVxuICAgICAgY29sbGFwc2VMYXN0PXtmYWxzZX1cbiAgICAgIGl0ZW1zPXtpdGVtc31cbiAgICAgIHJlbmRlckl0ZW09e3JlbmRlckl0ZW19XG4gICAgICByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn1cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQnJlYWRjcnVtYjtcbiJdfQ== */"));
-var ActionBreadcrumb = function ActionBreadcrumb(_ref) {
-  var items = _ref.items,
-    actionItems = _ref.actionItems;
-  var renderItem = function renderItem(item, totalCount) {
-    if (totalCount === 1) {
-      return _jsx(StyledSpan, {
-        title: item.name,
-        children: item.name
-      });
-    }
-    if (item.index === totalCount - 1 && actionItems.length > 0) {
-      return _jsx(StyledMenuButton, {
-        menuItems: actionItems,
-        align: "end",
-        size: "small",
-        children: _jsx(StyledSpan, {
-          title: item.name,
-          children: item.name
-        })
-      });
-    }
-    return _jsx(StyledSafeLink, {
-      title: item.name,
-      to: item.to,
-      children: item.name
-    });
-  };
-  var renderSeparator = function renderSeparator(item, totalCount) {
-    if (item.index === totalCount - 1) {
-      return null;
-    }
-    return _jsx(StyledRightChevron, {});
-  };
-  return _jsx(Breadcrumb, {
-    autoCollapse: true,
-    collapseLast: false,
-    items: items,
-    renderItem: renderItem,
-    renderSeparator: renderSeparator
-  });
-};
-export default ActionBreadcrumb;