@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-b4257f67

package/src/navigation/Tabs/__stories__/Default.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 
+import React from 'react';
 import {
   SummaryList,
   SummaryListItem,
@@ -16,22 +16,22 @@ import {
   TabsPanel,
   useTabs,
 } from '@digigov/ui/navigation/Tabs';
-
 import { Heading } from '@digigov/ui/typography/Heading';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 export function Default() {
-  const { register, opened, panel } = useTabs();
-
+  const { register, panel } = useTabs({ defaultOpen: 'a' });
   return (
     <Tabs>
       <TabsHeading size='md'>Περιεχόμενα</TabsHeading>
       <TabsList>
-        <TabsListItem {...register('citizen')} open={Object.keys(opened).length === 0 || opened['citizen']}>Στοιχεία πολίτη</TabsListItem>
-        <TabsListItem {...register('cases')}>Οι υποθέσεις τους</TabsListItem>
-        <TabsListItem {...register('history')}>Ιστορικό</TabsListItem>
+        <TabsListItem {...register('a')}>Στοιχεία πολίτη</TabsListItem>
+        <TabsListItem {...register('b')}>Yποθέσεις</TabsListItem>
+        <TabsListItem {...register('c')}>Μηνύματα</TabsListItem>
+        <TabsListItem {...register('d')}>Ιστορικό</TabsListItem>
       </TabsList>
-      <TabsPanel {...panel('citizen')} active={Object.keys(opened).length === 0 || opened['citizen']}>
+      <TabsPanel {...panel('a')}>
         <Heading size="md" element="h3">
           Στοιχεία πολίτη
         </Heading>
@@ -40,6 +40,7 @@ export function Default() {
             <SummaryListItemKey>Όνομα</SummaryListItemKey>
             <SummaryListItemValue>Γιώργος Παπαδόπουλος</SummaryListItemValue>
             <SummaryListItemAction>
+              {' '}
               <Link href="#">
                 Αλλαγή <VisuallyHidden> ονόματος </VisuallyHidden>
               </Link>
@@ -53,27 +54,54 @@ export function Default() {
             <SummaryListItemKey>Τηλέφωνο επικοινωνίας</SummaryListItemKey>
             <SummaryListItemValue>6941234567</SummaryListItemValue>
             <SummaryListItemAction>
+              {' '}
               <Link>
+                {' '}
                 Αλλαγή <VisuallyHidden> τηλεφώνου </VisuallyHidden>
               </Link>
             </SummaryListItemAction>
           </SummaryListItem>
         </SummaryList>
       </TabsPanel>
-      <TabsPanel {...panel('cases')}>
+      <TabsPanel {...panel('b')}>
         <Heading size="md" element="h3">
-          Οι υποθέσεις τους
+          Yποθέσεις
         </Heading>
         Περιεχόμενα υποθέσεων
       </TabsPanel>
-      <TabsPanel {...panel('history')}>
+      <TabsPanel {...panel('c')}>
+        <Heading size="md" element="h3">
+          Μηνύματα
+        </Heading>
+        {/* fill a random paragraph */}
+        <Paragraph>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </Paragraph>
+        <Paragraph>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </Paragraph>
+
+      </TabsPanel>
+      <TabsPanel {...panel('d')}>
         <Heading size="md" element="h3">
           Ιστορικό
         </Heading>
-        Περιεχόμενο ιστορικού
+        {/* fill a random paragraph */}
+        <Paragraph>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </Paragraph>
+        <Paragraph>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+        </Paragraph>
+
       </TabsPanel>
     </Tabs>
   );
 }
 
 export default Default;
+

package/src/navigation/Tabs/__stories__/Dense.tsx

@@ -0,0 +1,74 @@
+import React from 'react';
+
+import {
+  SummaryList,
+  SummaryListItem,
+  SummaryListItemKey,
+  SummaryListItemValue,
+  SummaryListItemAction,
+} from '@digigov/ui/content/SummaryList';
+import { Link } from '@digigov/ui/navigation/Link';
+import {
+  Tabs,
+  TabsHeading,
+  TabsList,
+  TabsListItem,
+  TabsPanel,
+  useTabs,
+} from '@digigov/ui/navigation/Tabs';
+
+import { Heading } from '@digigov/ui/typography/Heading';
+import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
+
+export function Dense() {
+  const { register, panel } = useTabs();
+  return (
+    <Tabs dense>
+      <TabsHeading size="md">Περιεχόμενα</TabsHeading>
+      <TabsList>
+        <TabsListItem {...register('a')}>Στοιχεία πολίτη</TabsListItem>
+        <TabsListItem {...register('b')}>Yποθέσεις</TabsListItem>
+      </TabsList>
+      <TabsPanel {...panel('a')}>
+        <Heading size="md" element="h3">
+          Στοιχεία πολίτη
+        </Heading>
+        <SummaryList>
+          <SummaryListItem>
+            <SummaryListItemKey>Όνομα</SummaryListItemKey>
+            <SummaryListItemValue>Γιώργος Παπαδόπουλος</SummaryListItemValue>
+            <SummaryListItemAction>
+              {' '}
+              <Link href="#">
+                Αλλαγή <VisuallyHidden> ονόματος </VisuallyHidden>
+              </Link>
+            </SummaryListItemAction>
+          </SummaryListItem>
+          <SummaryListItem>
+            <SummaryListItemKey>Ημ. Γέννησης</SummaryListItemKey>
+            <SummaryListItemValue>11 Μαϊου 1990</SummaryListItemValue>
+          </SummaryListItem>
+          <SummaryListItem>
+            <SummaryListItemKey>Τηλέφωνο επικοινωνίας</SummaryListItemKey>
+            <SummaryListItemValue>6941234567</SummaryListItemValue>
+            <SummaryListItemAction>
+              {' '}
+              <Link>
+                {' '}
+                Αλλαγή <VisuallyHidden> τηλεφώνου </VisuallyHidden>
+              </Link>
+            </SummaryListItemAction>
+          </SummaryListItem>
+        </SummaryList>
+      </TabsPanel>
+      <TabsPanel {...panel('b')}>
+        <Heading size="md" element="h3">
+          Yποθέσεις
+        </Heading>
+        Περιεχόμενα υποθέσεων
+      </TabsPanel>
+    </Tabs>
+  );
+}
+
+export default Dense;

package/src/navigation/Tabs/auto.tsx

@@ -0,0 +1,60 @@
+import React, { useContext } from 'react';
+
+
+import {
+  Tabs,
+  TabsListItemBase,
+  TabsPanelBase,
+  UseTabsReturn,
+  useTabs,
+  TabsListItemBaseProps,
+  TabsPanelBaseProps,
+} from '@digigov/ui/navigation/Tabs';
+import { TabId } from '@digigov/ui/navigation/Tabs';
+
+
+export interface TabsListItemProps extends TabsListItemBaseProps {
+  id: string;
+};
+
+export interface TabsPanelProps extends TabsPanelBaseProps {
+  tab: TabId;
+};
+
+export const TabsContext = React.createContext<UseTabsReturn | null>(null);
+
+export const useTabsContext = () => {
+  const context = useContext(TabsContext);
+  return context;
+};
+
+export const TabsAuto = ({ defaultOpen, children, ...props }) => {
+  const tabs = useTabs({ defaultOpen });
+  return (
+    <TabsContext.Provider value={tabs}>
+      <Tabs {...props}>
+        {children}
+      </Tabs>
+    </TabsContext.Provider>
+  )
+};
+
+export const TabsListItem = React.forwardRef<HTMLAnchorElement, TabsListItemProps>(
+  function TabsListItem({ ...props }, ref) {
+    const context = useTabsContext()
+    if (!context) {
+      return <TabsListItemBase  {...props} ref={ref} />
+    }
+    return <TabsListItemBase {...context.register(props.id)} ref={ref} {...props} />
+  }
+);
+
+export const TabsPanel = React.forwardRef<HTMLDivElement, TabsPanelProps>(
+  function TabsPanel({ tab, ...props }, ref) {
+    const context = useTabsContext()
+    if (!context) {
+      return <TabsPanelBase ref={ref} {...props} />
+    }
+    return <TabsPanelBase {...context.panel(tab)} ref={ref} {...props} />
+  }
+);

package/src/navigation/Tabs/hooks.ts

@@ -0,0 +1,103 @@
+import React, { useState, useRef, useCallback } from 'react';
+
+export type TabId = string | number | null;
+
+export interface UseTabsProps {
+  defaultOpen?: TabId;
+}
+
+export interface UseTabsReturn {
+  register: (id: TabId) => {
+    role: string;
+    href: string;
+    id: string;
+    'aria-selected': boolean;
+    'aria-controls': string;
+    tabIndex: number;
+    onClick: (e:any) => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    ref?: React.RefObject<HTMLAnchorElement>;
+  };
+  panel: (id: TabId) => {
+    tab: TabId;
+    role: string;
+    'aria-labelledby': string;
+    'id': string;
+    active: boolean;
+  };
+  currentOpen: TabId;
+  open: (id: TabId) => void;
+}
+
+export const useTabs = ({ defaultOpen = null }: UseTabsProps = {}): UseTabsReturn => {
+  const [currentOpen, setCurrentOpen] = useState<TabId | null>(defaultOpen);
+  const tabsRef = useRef<Map<TabId, React.RefObject<HTMLAnchorElement>>>(new Map());
+
+  const open = useCallback((id: TabId) => {
+    setCurrentOpen(id);
+    tabsRef.current.get(id)?.current?.focus();
+  }, []);
+
+  const navigate = useCallback((direction: 'next' | 'previous') => {    
+    const focusedTabId = document.activeElement?.id.match(/tab-(.*?)$/)?.[1];
+    const tabs = Array.from(tabsRef.current.keys());
+    const currentIndex = tabs.indexOf(focusedTabId || currentOpen);
+    const newIndex = direction === 'next' ? currentIndex + 1 : currentIndex - 1;
+    if (newIndex >= 0 && newIndex < tabs.length) {
+      tabsRef.current.get(tabs[newIndex])?.current?.focus();
+
+    }
+  }, [currentOpen, tabsRef.current]);
+
+  const register = useCallback((id: TabId) => {
+    if (!tabsRef.current.has(id)) {
+      if (tabsRef.current.size === 0 && !currentOpen) {
+        setCurrentOpen(id);
+      }
+      tabsRef.current.set(id, React.createRef());
+    }
+    return {
+      role: 'tab',
+      id: `tab-${id}`,
+      href: `#panel-${id}`,
+      'aria-selected': currentOpen === id,
+      open: currentOpen === id,
+      'aria-controls': `panel-${id}`,
+      tabIndex: currentOpen === id ? 0 : -1,
+      onClick: (e) => {e.preventDefault(); open(id)},
+      onKeyDown: (e: React.KeyboardEvent) => {
+        switch (e.key) {
+          case 'ArrowRight':
+          case 'ArrowDown':
+            navigate('next');
+            break;
+          case 'ArrowLeft':
+          case 'ArrowUp':
+            navigate('previous');
+            break;
+          case 'Enter':
+            open(id);
+            break;
+        }
+      },
+      ref: tabsRef.current.get(id),
+    };
+  },[currentOpen]);
+
+  const panel = (id: TabId) => {
+    return {
+      role: 'tabpanel',
+      'aria-labelledby': `tab-${id}`,
+      'id': `panel-${id}`,
+      active: currentOpen === id,
+      tab: id,
+    };
+  };
+
+  return {
+    register,
+    panel,
+    currentOpen,
+    open,
+  };
+};

package/src/navigation/Tabs/index.tsx

@@ -1,56 +1,13 @@
-import { useCallback, useRef } from 'react';
 import Tabs from '@digigov/react-core/Tabs';
-import {
-  useTogglableTab,
-  UseTogglableTabReturn,
-} from '@digigov/ui/utils/hooks/useTogglableTab';
-
-export interface UseTabsReturn extends UseTogglableTabReturn {
-  panel: (key: string) => { active: boolean; tabIndex: number; id: string };
-}
-export const useTabs = (): UseTabsReturn => {
-  const registeredPanels = useRef({});
-  const goTo = useCallback((key: string) => {
-    if (
-      registeredPanels.current[key].offsetTop -
-        rest.registered.current[key].offsetTop >=
-      30
-    ) {
-      window.scrollTo({
-        top: registeredPanels.current[key]?.offsetTop,
-        behavior: 'smooth',
-      });
-    }
-  }, []);
-  const { register, opened, ...rest } = useTogglableTab({
-    singleOpen: true,
-    toggleProperty: 'open',
-    onToggleProperty: 'onClick',
-    firstOpen: true,
-    ariaNavigation: true,
-    toggleHook: goTo,
-  });
-  const panel = useCallback(
-    (key: string) => {
-      return {
-        ref: (el) => {
-          if (el && !registeredPanels.current[el.id]) {
-            registeredPanels.current[el.id] = el;
-          }
-        },
-        active: opened[key],
-        id: key,
-        tabIndex: opened[key] ? 1 : -1,
-      };
-    },
-    [opened]
-  );
-  return { register, opened, panel, ...rest };
-};
 
 export * from '@digigov/react-core/Tabs';
+export * from '@digigov/ui/navigation/Tabs/hooks';
 export * from '@digigov/react-core/TabsList';
-export * from '@digigov/react-core/TabsListItem';
-export * from '@digigov/react-core/TabsPanel';
+export * from '@digigov/react-core/TabsListItemBase';
+export * from '@digigov/react-core/TabsPanelBase';
 export * from '@digigov/react-core/TabsHeading';
+export * from '@digigov/ui/navigation/Tabs/auto';
+
+
+
 export default Tabs;

package/src/registry.js

@@ -7,7 +7,6 @@ import * as _digigov_ui_api_useResource from '@digigov/ui/api/useResource';
 import * as _digigov_ui_api_useResourceAction from '@digigov/ui/api/useResourceAction';
 import * as _digigov_ui_api_useResourceQuery from '@digigov/ui/api/useResourceQuery';
 import * as _digigov_ui_api_utils from '@digigov/ui/api/utils';
-import * as _digigov_ui_app_AccessibilityMenu from '@digigov/ui/app/AccessibilityMenu';
 import * as _digigov_ui_app_App from '@digigov/ui/app/App';
 import * as _digigov_ui_app_BannerContainer from '@digigov/ui/app/BannerContainer';
 import * as _digigov_ui_app_BottomInfo from '@digigov/ui/app/BottomInfo';
@@ -30,6 +29,8 @@ import * as _digigov_ui_app_hooks_useVariantVars from '@digigov/ui/app/hooks/use
 import * as _digigov_ui_app from '@digigov/ui/app';
 import * as _digigov_ui_app_Loader from '@digigov/ui/app/Loader';
 import * as _digigov_ui_app_Masthead from '@digigov/ui/app/Masthead';
+import * as _digigov_ui_app_Modal_auto from '@digigov/ui/app/Modal/auto';
+import * as _digigov_ui_app_Modal_hooks from '@digigov/ui/app/Modal/hooks';
 import * as _digigov_ui_app_Modal from '@digigov/ui/app/Modal';
 import * as _digigov_ui_app_NotFound from '@digigov/ui/app/NotFound';
 import * as _digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';
@@ -44,6 +45,8 @@ import * as _digigov_ui_app_QrCodeViewer_qrcodegen from '@digigov/ui/app/QrCodeV
 import * as _digigov_ui_app_QrCodeViewer_types from '@digigov/ui/app/QrCodeViewer/types';
 import * as _digigov_ui_app_QrCodeViewer_utils from '@digigov/ui/app/QrCodeViewer/utils';
 import * as _digigov_ui_app_ThemeOptions from '@digigov/ui/app/ThemeOptions';
+import * as _digigov_ui_content_Accordion_auto from '@digigov/ui/content/Accordion/auto';
+import * as _digigov_ui_content_Accordion_hooks from '@digigov/ui/content/Accordion/hooks';
 import * as _digigov_ui_content_Accordion from '@digigov/ui/content/Accordion';
 import * as _digigov_ui_content_Blockquote from '@digigov/ui/content/Blockquote';
 import * as _digigov_ui_content_Card from '@digigov/ui/content/Card';
@@ -58,6 +61,7 @@ import * as _digigov_ui_content_List_ListItemContent from '@digigov/ui/content/L
 import * as _digigov_ui_content_List_ListItemIcon from '@digigov/ui/content/List/ListItemIcon';
 import * as _digigov_ui_content_List_ListItemText from '@digigov/ui/content/List/ListItemText';
 import * as _digigov_ui_content_List_ListItemTitle from '@digigov/ui/content/List/ListItemTitle';
+import * as _digigov_ui_content_StepNav_auto from '@digigov/ui/content/StepNav/auto';
 import * as _digigov_ui_content_StepNav from '@digigov/ui/content/StepNav';
 import * as _digigov_ui_content_SummaryList from '@digigov/ui/content/SummaryList';
 import * as _digigov_ui_content_Table_hooks_useSort from '@digigov/ui/content/Table/hooks/useSort';
@@ -140,7 +144,10 @@ import * as _digigov_ui_layouts_SectionBreak from '@digigov/ui/layouts/SectionBr
 import * as _digigov_ui_layouts_Stack from '@digigov/ui/layouts/Stack';
 import * as _digigov_ui_misc_KitchenSink from '@digigov/ui/misc/KitchenSink';
 import * as _digigov_ui_navigation_BackLink from '@digigov/ui/navigation/BackLink';
+import * as _digigov_ui_navigation_BackToTopLink from '@digigov/ui/navigation/BackToTopLink';
 import * as _digigov_ui_navigation_Breadcrumbs from '@digigov/ui/navigation/Breadcrumbs';
+import * as _digigov_ui_navigation_Drawer_auto from '@digigov/ui/navigation/Drawer/auto';
+import * as _digigov_ui_navigation_Drawer_hooks from '@digigov/ui/navigation/Drawer/hooks';
 import * as _digigov_ui_navigation_Drawer from '@digigov/ui/navigation/Drawer';
 import * as _digigov_ui_navigation_Dropdown from '@digigov/ui/navigation/Dropdown';
 import * as _digigov_ui_navigation from '@digigov/ui/navigation';
@@ -153,8 +160,12 @@ import * as _digigov_ui_navigation_NavList_NavList from '@digigov/ui/navigation/
 import * as _digigov_ui_navigation_NavList_NavListAuto from '@digigov/ui/navigation/NavList/NavListAuto';
 import * as _digigov_ui_navigation_NavList_NavMenuContentList from '@digigov/ui/navigation/NavList/NavMenuContentList';
 import * as _digigov_ui_navigation_NavList_types from '@digigov/ui/navigation/NavList/types';
+import * as _digigov_ui_navigation_Pagination_auto from '@digigov/ui/navigation/Pagination/auto';
+import * as _digigov_ui_navigation_Pagination_hooks from '@digigov/ui/navigation/Pagination/hooks';
 import * as _digigov_ui_navigation_Pagination from '@digigov/ui/navigation/Pagination';
 import * as _digigov_ui_navigation_SkipLink from '@digigov/ui/navigation/SkipLink';
+import * as _digigov_ui_navigation_Tabs_auto from '@digigov/ui/navigation/Tabs/auto';
+import * as _digigov_ui_navigation_Tabs_hooks from '@digigov/ui/navigation/Tabs/hooks';
 import * as _digigov_ui_navigation_Tabs from '@digigov/ui/navigation/Tabs';
 import * as _digigov_ui_typography_Caption from '@digigov/ui/typography/Caption';
 import * as _digigov_ui_typography_Heading from '@digigov/ui/typography/Heading';
@@ -208,7 +219,6 @@ export default {
   '@digigov/ui/api/useResourceAction': lazyImport(_digigov_ui_api_useResourceAction),
   '@digigov/ui/api/useResourceQuery': lazyImport(_digigov_ui_api_useResourceQuery),
   '@digigov/ui/api/utils': lazyImport(_digigov_ui_api_utils),
-  '@digigov/ui/app/AccessibilityMenu': lazyImport(_digigov_ui_app_AccessibilityMenu),
   '@digigov/ui/app/App': lazyImport(_digigov_ui_app_App),
   '@digigov/ui/app/BannerContainer': lazyImport(_digigov_ui_app_BannerContainer),
   '@digigov/ui/app/BottomInfo': lazyImport(_digigov_ui_app_BottomInfo),
@@ -231,6 +241,8 @@ export default {
   '@digigov/ui/app': lazyImport(_digigov_ui_app),
   '@digigov/ui/app/Loader': lazyImport(_digigov_ui_app_Loader),
   '@digigov/ui/app/Masthead': lazyImport(_digigov_ui_app_Masthead),
+  '@digigov/ui/app/Modal/auto': lazyImport(_digigov_ui_app_Modal_auto),
+  '@digigov/ui/app/Modal/hooks': lazyImport(_digigov_ui_app_Modal_hooks),
   '@digigov/ui/app/Modal': lazyImport(_digigov_ui_app_Modal),
   '@digigov/ui/app/NotFound': lazyImport(_digigov_ui_app_NotFound),
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion),
@@ -245,6 +257,8 @@ export default {
   '@digigov/ui/app/QrCodeViewer/types': lazyImport(_digigov_ui_app_QrCodeViewer_types),
   '@digigov/ui/app/QrCodeViewer/utils': lazyImport(_digigov_ui_app_QrCodeViewer_utils),
   '@digigov/ui/app/ThemeOptions': lazyImport(_digigov_ui_app_ThemeOptions),
+  '@digigov/ui/content/Accordion/auto': lazyImport(_digigov_ui_content_Accordion_auto),
+  '@digigov/ui/content/Accordion/hooks': lazyImport(_digigov_ui_content_Accordion_hooks),
   '@digigov/ui/content/Accordion': lazyImport(_digigov_ui_content_Accordion),
   '@digigov/ui/content/Blockquote': lazyImport(_digigov_ui_content_Blockquote),
   '@digigov/ui/content/Card': lazyImport(_digigov_ui_content_Card),
@@ -259,6 +273,7 @@ export default {
   '@digigov/ui/content/List/ListItemIcon': lazyImport(_digigov_ui_content_List_ListItemIcon),
   '@digigov/ui/content/List/ListItemText': lazyImport(_digigov_ui_content_List_ListItemText),
   '@digigov/ui/content/List/ListItemTitle': lazyImport(_digigov_ui_content_List_ListItemTitle),
+  '@digigov/ui/content/StepNav/auto': lazyImport(_digigov_ui_content_StepNav_auto),
   '@digigov/ui/content/StepNav': lazyImport(_digigov_ui_content_StepNav),
   '@digigov/ui/content/SummaryList': lazyImport(_digigov_ui_content_SummaryList),
   '@digigov/ui/content/Table/hooks/useSort': lazyImport(_digigov_ui_content_Table_hooks_useSort),
@@ -341,7 +356,10 @@ export default {
   '@digigov/ui/layouts/Stack': lazyImport(_digigov_ui_layouts_Stack),
   '@digigov/ui/misc/KitchenSink': lazyImport(_digigov_ui_misc_KitchenSink),
   '@digigov/ui/navigation/BackLink': lazyImport(_digigov_ui_navigation_BackLink),
+  '@digigov/ui/navigation/BackToTopLink': lazyImport(_digigov_ui_navigation_BackToTopLink),
   '@digigov/ui/navigation/Breadcrumbs': lazyImport(_digigov_ui_navigation_Breadcrumbs),
+  '@digigov/ui/navigation/Drawer/auto': lazyImport(_digigov_ui_navigation_Drawer_auto),
+  '@digigov/ui/navigation/Drawer/hooks': lazyImport(_digigov_ui_navigation_Drawer_hooks),
   '@digigov/ui/navigation/Drawer': lazyImport(_digigov_ui_navigation_Drawer),
   '@digigov/ui/navigation/Dropdown': lazyImport(_digigov_ui_navigation_Dropdown),
   '@digigov/ui/navigation': lazyImport(_digigov_ui_navigation),
@@ -354,8 +372,12 @@ export default {
   '@digigov/ui/navigation/NavList/NavListAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto),
   '@digigov/ui/navigation/NavList/NavMenuContentList': lazyImport(_digigov_ui_navigation_NavList_NavMenuContentList),
   '@digigov/ui/navigation/NavList/types': lazyImport(_digigov_ui_navigation_NavList_types),
+  '@digigov/ui/navigation/Pagination/auto': lazyImport(_digigov_ui_navigation_Pagination_auto),
+  '@digigov/ui/navigation/Pagination/hooks': lazyImport(_digigov_ui_navigation_Pagination_hooks),
   '@digigov/ui/navigation/Pagination': lazyImport(_digigov_ui_navigation_Pagination),
   '@digigov/ui/navigation/SkipLink': lazyImport(_digigov_ui_navigation_SkipLink),
+  '@digigov/ui/navigation/Tabs/auto': lazyImport(_digigov_ui_navigation_Tabs_auto),
+  '@digigov/ui/navigation/Tabs/hooks': lazyImport(_digigov_ui_navigation_Tabs_hooks),
   '@digigov/ui/navigation/Tabs': lazyImport(_digigov_ui_navigation_Tabs),
   '@digigov/ui/typography/Caption': lazyImport(_digigov_ui_typography_Caption),
   '@digigov/ui/typography/Heading': lazyImport(_digigov_ui_typography_Heading),
@@ -425,6 +447,7 @@ import * as _digigov_ui_layouts_Divider_Divider_stories from '@digigov/ui/layout
 import * as _digigov_ui_layouts_Grid_Grid_stories from '@digigov/ui/layouts/Grid/Grid.stories';
 import * as _digigov_ui_layouts_Stack_Stack_stories from '@digigov/ui/layouts/Stack/Stack.stories';
 import * as _digigov_ui_navigation_BackLink_BackLink_stories from '@digigov/ui/navigation/BackLink/BackLink.stories';
+import * as _digigov_ui_navigation_BackToTopLink_BackToTopLink_stories from '@digigov/ui/navigation/BackToTopLink/BackToTopLink.stories';
 import * as _digigov_ui_navigation_Breadcrumbs_Breadcrumbs_stories from '@digigov/ui/navigation/Breadcrumbs/Breadcrumbs.stories';
 import * as _digigov_ui_navigation_Drawer_Drawer_stories from '@digigov/ui/navigation/Drawer/Drawer.stories';
 import * as _digigov_ui_navigation_Dropdown_Dropdown_stories from '@digigov/ui/navigation/Dropdown/Dropdown.stories';
@@ -484,6 +507,7 @@ import * as _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories from '@digig
   '@digigov/ui/layouts/Grid/Grid.stories': _digigov_ui_layouts_Grid_Grid_stories,
   '@digigov/ui/layouts/Stack/Stack.stories': _digigov_ui_layouts_Stack_Stack_stories,
   '@digigov/ui/navigation/BackLink/BackLink.stories': _digigov_ui_navigation_BackLink_BackLink_stories,
+  '@digigov/ui/navigation/BackToTopLink/BackToTopLink.stories': _digigov_ui_navigation_BackToTopLink_BackToTopLink_stories,
   '@digigov/ui/navigation/Breadcrumbs/Breadcrumbs.stories': _digigov_ui_navigation_Breadcrumbs_Breadcrumbs_stories,
   '@digigov/ui/navigation/Drawer/Drawer.stories': _digigov_ui_navigation_Drawer_Drawer_stories,
   '@digigov/ui/navigation/Dropdown/Dropdown.stories': _digigov_ui_navigation_Dropdown_Dropdown_stories,

package/src/utils/Base/index.tsx

@@ -1,4 +1,4 @@
+export * from '@digigov/react-core/Base';
 import Base from '@digigov/react-core/Base';
 
 export default Base;
-export { Base };

package/test-utils/delay.js

@@ -1,33 +1,21 @@
-"use strict";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-exports.delay = delay;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _react = require("@testing-library/react");
-
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == (0, _typeof2["default"])(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-
-function delay(_x) {
+import { act } from '@testing-library/react';
+export function delay(_x) {
   return _delay.apply(this, arguments);
 }
 
 function _delay() {
-  _delay = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(ms) {
+  _delay = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(ms) {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return (0, _react.act)(function () {
+            return act(function () {
               return new Promise(function (resolve) {
                 return setTimeout(resolve, ms);
               });
@@ -43,5 +31,4 @@ function _delay() {
   return _delay.apply(this, arguments);
 }
 
-var _default = delay;
-exports["default"] = _default;
+export default delay;