@digigov/ui 2.0.0-264e5fff → 2.0.0-290ada95

package/navigation/NavList/NavMenuContentList/index.js

@@ -1,60 +0,0 @@
-import React from "react";
-import NavMenuContentListBase from "@digigov/react-core/NavMenuContentListBase";
-export * from "@digigov/react-core/NavMenuContentListBase";
-const focusNavListItem = (e, nextItemIndex) => {
-  e.preventDefault();
-  const id = document.activeElement?.id;
-  const menuItems = Array.from(
-    e.currentTarget.querySelectorAll(`[role=menuitem]`)
-  );
-  const currentItem = menuItems.findIndex(
-    (x) => x.getAttribute("id") === document.activeElement?.id
-  );
-  if (currentItem + nextItemIndex > -1 && currentItem + nextItemIndex < menuItems.length) {
-    menuItems[currentItem + nextItemIndex]?.focus();
-  } else {
-    const menuElement = Array.from(
-      document.querySelectorAll(`[aria-controls]`)
-    );
-    const currentItem2 = menuElement.findIndex(
-      (x) => id?.includes(x.getAttribute("aria-controls") || "")
-    );
-    if (nextItemIndex > 0) {
-      menuElement[currentItem2 + nextItemIndex]?.focus();
-    } else {
-      menuElement[currentItem2]?.focus();
-    }
-  }
-};
-const NavMenuContentList = ({
-  children,
-  ...props
-}) => {
-  return /* @__PURE__ */ React.createElement(
-    NavMenuContentListBase,
-    {
-      ...props,
-      onKeyDown: (event) => {
-        switch (event.key) {
-          case "ArrowDown":
-          case "ArrowRight":
-            focusNavListItem(event, 1);
-            break;
-          case "ArrowUp":
-          case "ArrowLeft":
-            focusNavListItem(event, -1);
-            break;
-          default:
-            break;
-        }
-      }
-    },
-    children
-  );
-};
-var NavMenuContentList_default = NavMenuContentList;
-export {
-  NavMenuContentList,
-  NavMenuContentList_default as default
-};
-//# sourceMappingURL=NavMenuContentList.js.map

package/navigation/NavList/NavMenuContentList/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/navigation/NavList/NavMenuContentList/index.js"
-}

package/navigation/NavList/NavMenuContentList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/NavList/NavMenuContentList.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport NavMenuContentListBase, {\n  NavMenuContentListProps,\n} from '@digigov/react-core/NavMenuContentListBase';\nexport * from '@digigov/react-core/NavMenuContentListBase';\n\nconst focusNavListItem = (e, nextItemIndex) => {\n  e.preventDefault();\n  const id = document.activeElement?.id;\n  const menuItems = Array.from(\n    e.currentTarget.querySelectorAll(`[role=menuitem]`)\n  );\n  const currentItem = menuItems.findIndex(\n    (x) => (x as HTMLElement).getAttribute('id') === document.activeElement?.id\n  );\n  if (\n    currentItem + nextItemIndex > -1 &&\n    currentItem + nextItemIndex < menuItems.length\n  ) {\n    (menuItems[currentItem + nextItemIndex] as HTMLElement)?.focus();\n  } else {\n    const menuElement = Array.from(\n      document.querySelectorAll(`[aria-controls]`)\n    );\n    const currentItem = menuElement.findIndex((x) =>\n      id?.includes(x.getAttribute('aria-controls') || '')\n    );\n    if (nextItemIndex > 0) {\n      (menuElement[currentItem + nextItemIndex] as HTMLElement)?.focus();\n    } else {\n      (menuElement[currentItem] as HTMLElement)?.focus();\n    }\n  }\n};\n\nexport const NavMenuContentList: React.FC<NavMenuContentListProps> = ({\n  children,\n  ...props\n}) => {\n  return (\n    <NavMenuContentListBase\n      {...props}\n      onKeyDown={(event) => {\n        switch (event.key) {\n          case 'ArrowDown':\n          case 'ArrowRight':\n            focusNavListItem(event, 1);\n            break;\n          case 'ArrowUp':\n          case 'ArrowLeft':\n            focusNavListItem(event, -1);\n            break;\n          default:\n            break;\n        }\n      }}\n    >\n      {children}\n    </NavMenuContentListBase>\n  );\n};\n\nexport default NavMenuContentList;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,4BAEA;AACP,cAAc;AAEd,MAAM,mBAAmB,CAAC,GAAG,kBAAkB;AAC7C,IAAE,eAAe;AACjB,QAAM,KAAK,SAAS,eAAe;AACnC,QAAM,YAAY,MAAM;AAAA,IACtB,EAAE,cAAc,iBAAiB,iBAAiB;AAAA,EACpD;AACA,QAAM,cAAc,UAAU;AAAA,IAC5B,CAAC,MAAO,EAAkB,aAAa,IAAI,MAAM,SAAS,eAAe;AAAA,EAC3E;AACA,MACE,cAAc,gBAAgB,MAC9B,cAAc,gBAAgB,UAAU,QACxC;AACA,IAAC,UAAU,cAAc,aAAa,GAAmB,MAAM;AAAA,EACjE,OAAO;AACL,UAAM,cAAc,MAAM;AAAA,MACxB,SAAS,iBAAiB,iBAAiB;AAAA,IAC7C;AACA,UAAMA,eAAc,YAAY;AAAA,MAAU,CAAC,MACzC,IAAI,SAAS,EAAE,aAAa,eAAe,KAAK,EAAE;AAAA,IACpD;AACA,QAAI,gBAAgB,GAAG;AACrB,MAAC,YAAYA,eAAc,aAAa,GAAmB,MAAM;AAAA,IACnE,OAAO;AACL,MAAC,YAAYA,YAAW,GAAmB,MAAM;AAAA,IACnD;AAAA,EACF;AACF;AAEO,MAAM,qBAAwD,CAAC;AAAA,EACpE;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,CAAC,UAAU;AACpB,gBAAQ,MAAM,KAAK;AAAA,UACjB,KAAK;AAAA,UACL,KAAK;AACH,6BAAiB,OAAO,CAAC;AACzB;AAAA,UACF,KAAK;AAAA,UACL,KAAK;AACH,6BAAiB,OAAO,EAAE;AAC1B;AAAA,UACF;AACE;AAAA,QACJ;AAAA,MACF;AAAA;AAAA,IAEC;AAAA,EACH;AAEJ;AAEA,IAAO,6BAAQ;",
-  "names": ["currentItem"]
-}

package/navigation/NavList/__stories__/Default.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const Default: (_: any) => React.JSX.Element;
-export default Default;

package/navigation/NavList/__stories__/HorizontalWithDrawer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const HorizontalWithDrawer: (_: any) => React.JSX.Element;
-export default HorizontalWithDrawer;

package/navigation/NavList/__stories__/HorizontalWithoutDrawer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const HorizontalWithoutDrawer: (_: any) => React.JSX.Element;
-export default HorizontalWithoutDrawer;

package/navigation/NavList/__stories__/NavListWithoutNav.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const NavListWithoutNav: (_: any) => React.JSX.Element;
-export default NavListWithoutNav;

package/navigation/NavList/__stories__/UsingHeaderButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const UsingHeaderButton: (_: any) => React.JSX.Element;
-export default UsingHeaderButton;

package/navigation/NavList/__stories__/UsingNavListAuto.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const UsingNavListAuto: (_: any) => React.JSX.Element;
-export default UsingNavListAuto;

package/navigation/NavList/__stories__/Vertical.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const Vertical: (_: any) => React.JSX.Element;
-export default Vertical;

package/navigation/NavList/__stories__/VerticalWithoutDrawer.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const VerticalWithoutDrawer: (_: any) => React.JSX.Element;
-export default VerticalWithoutDrawer;

package/navigation/NavList/__stories__/WithBadge.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const WithBadge: (_: any) => React.JSX.Element;
-export default WithBadge;

package/navigation/NavList/hooks/useNavList/index.js

@@ -1,34 +0,0 @@
-import { useCallback, useRef } from "react";
-import {
-  useTogglableNav
-} from "@digigov/ui/navigation/NavList/hooks/useTogglableNav";
-const useNavList = () => {
-  const registeredContainers = useRef({});
-  const { registerButton, registerLink, opened, ...rest } = useTogglableNav({
-    singleOpen: true,
-    toggleOpenClose: true,
-    toggleParentOpen: true,
-    toggleProperty: "active",
-    onToggleProperty: "onClick",
-    ariaNavigation: true
-  });
-  const registerNavItemMenu = useCallback(
-    (key) => {
-      return {
-        ref: (el) => {
-          if (el && !registeredContainers.current[el.id]) {
-            registeredContainers.current[el.id] = el;
-          }
-        },
-        active: opened[key],
-        id: key
-      };
-    },
-    [opened]
-  );
-  return { registerButton, registerLink, opened, registerNavItemMenu, ...rest };
-};
-export {
-  useNavList
-};
-//# sourceMappingURL=useNavList.js.map

package/navigation/NavList/hooks/useNavList/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../../cjs/navigation/NavList/hooks/useNavList/index.js"
-}

package/navigation/NavList/hooks/useNavList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/navigation/NavList/hooks/useNavList.ts"],
-  "sourcesContent": ["import { useCallback, useRef } from 'react';\nimport {\n  useTogglableNav,\n  UseTogglableNavReturn,\n} from '@digigov/ui/navigation/NavList/hooks/useTogglableNav';\n\nexport interface UseNavListReturn extends UseTogglableNavReturn {\n  registerNavItemMenu: (key: string) => { active: boolean; id: string };\n}\nexport const useNavList = (): UseNavListReturn => {\n  const registeredContainers = useRef({});\n\n  const { registerButton, registerLink, opened, ...rest } = useTogglableNav({\n    singleOpen: true,\n    toggleOpenClose: true,\n    toggleParentOpen: true,\n    toggleProperty: 'active',\n    onToggleProperty: 'onClick',\n    ariaNavigation: true,\n  });\n  const registerNavItemMenu = useCallback(\n    (key: string) => {\n      return {\n        ref: (el) => {\n          if (el && !registeredContainers.current[el.id]) {\n            registeredContainers.current[el.id] = el;\n          }\n        },\n        active: opened[key],\n        id: key,\n      };\n    },\n    [opened]\n  );\n  return { registerButton, registerLink, opened, registerNavItemMenu, ...rest };\n};\n"],
-  "mappings": "AAAA,SAAS,aAAa,cAAc;AACpC;AAAA,EACE;AAAA,OAEK;AAKA,MAAM,aAAa,MAAwB;AAChD,QAAM,uBAAuB,OAAO,CAAC,CAAC;AAEtC,QAAM,EAAE,gBAAgB,cAAc,QAAQ,GAAG,KAAK,IAAI,gBAAgB;AAAA,IACxE,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,EAClB,CAAC;AACD,QAAM,sBAAsB;AAAA,IAC1B,CAAC,QAAgB;AACf,aAAO;AAAA,QACL,KAAK,CAAC,OAAO;AACX,cAAI,MAAM,CAAC,qBAAqB,QAAQ,GAAG,EAAE,GAAG;AAC9C,iCAAqB,QAAQ,GAAG,EAAE,IAAI;AAAA,UACxC;AAAA,QACF;AAAA,QACA,QAAQ,OAAO,GAAG;AAAA,QAClB,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACA,SAAO,EAAE,gBAAgB,cAAc,QAAQ,qBAAqB,GAAG,KAAK;AAC9E;",
-  "names": []
-}

package/navigation/NavList/hooks/useTogglableNav/index.js

@@ -1,257 +0,0 @@
-import { useRef, useState, useCallback, useMemo } from "react";
-function useTogglableNav({
-  toggleProperty,
-  toggleOpenClose,
-  toggleParentOpen,
-  onToggleProperty,
-  initial,
-  ariaNavigation,
-  toggleHook
-}) {
-  const [opened, setOpened] = useState(initial || {});
-  const registered = useRef(
-    {}
-  );
-  const openedKeys = useRef([]);
-  const toggle = useCallback((e) => {
-    const key = e.currentTarget.getAttribute("aria-controls");
-    const selected = e.currentTarget.getAttribute(
-      "aria-selected"
-    ) === "true";
-    if (toggleHook) {
-      toggleHook(key);
-    }
-    e.preventDefault();
-    if (toggleOpenClose) {
-      if (toggleParentOpen) {
-        const items = key.split("__");
-        const currentKey = items.slice(0, items.length).join("__");
-        const totalKeys = items.map((_, index) => {
-          return items.slice(0, index + 1).join("__");
-        });
-        if (!selected && !openedKeys.current.includes(currentKey)) {
-          openedKeys.current.push(currentKey);
-        }
-        if (selected && openedKeys.current.includes(currentKey)) {
-          openedKeys.current = openedKeys.current.filter(
-            (k) => k !== currentKey
-          );
-        }
-        setOpened(() => ({
-          ...totalKeys.reduce((acc, cur) => {
-            acc[cur] = cur === currentKey ? !selected : true;
-            return acc;
-          }, {})
-        }));
-      } else {
-        setOpened({ [key]: !selected });
-      }
-    } else {
-      setOpened({ [key]: true });
-    }
-  }, []);
-  const getMenuItems = (element) => {
-    if (element) {
-      if (element?.role === "menuitem") {
-        return element;
-      } else {
-        const childrenArray = Array.from(element?.children);
-        const menuItemsArray = [];
-        childrenArray.forEach((child) => {
-          const menuItem = getMenuItems(child);
-          if (menuItem && !menuItemsArray.includes(menuItem)) {
-            menuItemsArray.push(menuItem);
-          }
-        });
-        return menuItemsArray.flatMap((x) => x);
-      }
-    }
-    return null;
-  };
-  const findChildren = (parent, items) => {
-    return items ? items.filter(
-      (child) => child.slice(0, child.lastIndexOf("__")) === parent
-    ) : items;
-  };
-  const findParent = (child, items) => {
-    const parent = child.slice(0, child.lastIndexOf("__"));
-    return items.find((item) => item === parent) ? parent : null;
-  };
-  const findSiblings = (key, items) => {
-    const parent = key.slice(0, key.lastIndexOf("__"));
-    if (key.lastIndexOf("__") > 0) {
-      return items.filter(
-        (child) => child.slice(0, child.lastIndexOf("__")) === parent
-      );
-    }
-    return items.filter((child) => !child.includes("__"));
-  };
-  const findLeftSibling = (key, items) => {
-    const siblings = findSiblings(key, items);
-    if (siblings.length > 0) {
-      const keyIndex = siblings.findIndex((item) => item === key);
-      return keyIndex > 0 ? siblings[keyIndex - 1] : null;
-    }
-    return null;
-  };
-  const findRightSibling = (key, items) => {
-    const siblings = findSiblings(key, items);
-    if (siblings.length > 0) {
-      const keyIndex = siblings.findIndex((item) => item === key);
-      return keyIndex < siblings.length - 1 ? siblings[keyIndex + 1] : null;
-    }
-    return null;
-  };
-  const getOpenItemChildren = (currentItem, items) => {
-    const itemChildrenArray = [];
-    const itemChildren = findChildren(currentItem, items);
-    itemChildren.forEach((item) => {
-      if (openedKeys.current.includes(item)) {
-        itemChildrenArray.push(item);
-        const internChildren = getOpenItemChildren(item, items);
-        if (internChildren.length > 0) {
-          itemChildrenArray.push(internChildren);
-        }
-      } else {
-        itemChildrenArray.push(item);
-      }
-    });
-    return itemChildrenArray.flatMap((x) => x);
-  };
-  const onKeyDown = useCallback((e) => {
-    const orientation = document.querySelector(`[aria-orientation]`)?.getAttribute("aria-orientation");
-    const key = e.target.getAttribute("aria-controls");
-    const keys = Object.entries(registered.current).map(
-      ([entryKey]) => entryKey
-    );
-    const handleArrowRight = () => {
-      const arrowRightItem = findRightSibling(key, keys);
-      if (arrowRightItem) {
-        registered.current[arrowRightItem].el.focus();
-      }
-    };
-    const handleArrowLeft = () => {
-      const arrowLeftItem = findLeftSibling(key, keys);
-      if (arrowLeftItem) {
-        registered.current[arrowLeftItem].el.focus();
-      }
-    };
-    switch (e.key) {
-      case "ArrowRight":
-        handleArrowRight();
-        break;
-      case "ArrowDown":
-        const openItem = getOpenItemChildren(key, keys);
-        const arrowDownItems = findChildren(key, openItem);
-        const menuItems = getMenuItems(document.getElementById(key));
-        if (arrowDownItems.length > 0) {
-          registered.current[arrowDownItems[0]].el.focus();
-        } else {
-          if (orientation === "vertical") {
-            if (document.activeElement?.getAttribute("aria-selected") === "true" && menuItems && menuItems.length > 0) {
-              menuItems[0].focus();
-            } else {
-              handleArrowRight();
-            }
-          } else {
-            if (menuItems && menuItems.length > 0) {
-              menuItems[0].focus();
-            }
-          }
-        }
-        break;
-      case "ArrowLeft":
-        handleArrowLeft();
-        break;
-      case "ArrowUp":
-        if (orientation === "vertical") {
-          handleArrowLeft();
-        } else {
-          const arrowUpItem = findParent(key, keys);
-          if (arrowUpItem) {
-            registered.current[arrowUpItem].el.focus();
-          }
-        }
-        break;
-      case " ":
-      case "Enter":
-        if (registered.current[key].type === "link") {
-          registered.current[key].el.click();
-        } else {
-          toggle(e);
-        }
-        break;
-    }
-  }, []);
-  const registerButtonRef = useCallback((el) => {
-    if (!el) return;
-    const key = el.getAttribute("aria-controls");
-    if (registered.current[key]) return;
-    registered.current[key] = {
-      el,
-      type: "button"
-    };
-  }, []);
-  const registerLinkRef = useCallback((el) => {
-    if (!el) return;
-    const key = el.getAttribute("aria-controls");
-    if (registered.current[key]) return;
-    registered.current[key] = {
-      el,
-      type: "link"
-    };
-  }, []);
-  const registerButton = useCallback(
-    (key) => {
-      const isOpen = !!opened[key];
-      return {
-        ref: registerButtonRef,
-        [toggleProperty]: isOpen,
-        arrow: true,
-        [onToggleProperty]: toggle,
-        "aria-controls": `${key}`,
-        ...ariaNavigation && { onKeyDown }
-      };
-    },
-    [opened]
-  );
-  const registerLink = useCallback(
-    (key) => {
-      return {
-        ref: registerLinkRef,
-        "aria-controls": `${key}`,
-        ...ariaNavigation && { onKeyDown }
-      };
-    },
-    [opened]
-  );
-  const registerNavItem = useCallback(
-    (item) => {
-      if (item.subMenu || item.menu) {
-        return { ...registerButton(item.name), role: "button" };
-      } else if (item.href) {
-        return { ...registerLink(item.name), href: item.href };
-      } else {
-        console.error(item);
-        throw new Error("Invalid nav item. Must be either button or link");
-      }
-    },
-    [opened]
-  );
-  return useMemo(
-    () => ({
-      registerNavItem,
-      registerButton,
-      registerLink,
-      registered,
-      opened,
-      toggle,
-      setOpened
-    }),
-    [opened]
-  );
-}
-export {
-  useTogglableNav
-};
-//# sourceMappingURL=useTogglableNav.js.map

package/navigation/NavList/hooks/useTogglableNav/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../../cjs/navigation/NavList/hooks/useTogglableNav/index.js"
-}

package/navigation/NavList/hooks/useTogglableNav.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/navigation/NavList/hooks/useTogglableNav.tsx"],
-  "sourcesContent": ["/* eslint-disable no-case-declarations */\nimport { useRef, useState, useCallback, useMemo } from 'react';\n\nexport interface UseTogglableNavInterface {\n  toggleProperty: string;\n  singleOpen?: boolean;\n  toggleOpenClose?: boolean;\n  toggleParentOpen?: boolean;\n  onToggleProperty: string;\n  initial?: Record<string, boolean>;\n  firstOpen?: boolean;\n  ariaNavigation?: boolean;\n  toggleHook?: (id: string) => void;\n}\n\nexport interface UseTogglableNavReturn {\n  registerButton: (el: string) => any;\n  registerLink: (el: string) => any;\n  registerNavItem: (item: any) => any;\n  registered: { current: Record<string, { el: HTMLElement; type: string }> };\n  opened: Record<string, boolean>;\n  toggle: (id: string) => void;\n  setOpened: (\n    opened:\n      | ((curOpened: Record<string, boolean>) => Record<string, boolean>)\n      | Record<string, boolean>\n  ) => void;\n}\n\nexport function useTogglableNav({\n  toggleProperty,\n  toggleOpenClose,\n  toggleParentOpen,\n  onToggleProperty,\n  initial,\n  ariaNavigation,\n  toggleHook,\n}: UseTogglableNavInterface): UseTogglableNavReturn {\n  const [opened, setOpened] = useState(initial || {});\n  const registered = useRef<Record<string, { el: HTMLElement; type: string }>>(\n    {}\n  );\n  const openedKeys = useRef<string[]>([]);\n\n  const toggle = useCallback((e) => {\n    const key = e.currentTarget.getAttribute('aria-controls') as string;\n    const selected = ((e.currentTarget.getAttribute(\n      'aria-selected'\n    ) as string) === 'true') as boolean;\n    if (toggleHook) {\n      toggleHook(key);\n    }\n    e.preventDefault();\n    if (toggleOpenClose) {\n      if (toggleParentOpen) {\n        const items = key.split('__');\n        const currentKey = items.slice(0, items.length).join('__');\n        const totalKeys = items.map((_, index) => {\n          return items.slice(0, index + 1).join('__');\n        });\n\n        if (!selected && !openedKeys.current.includes(currentKey)) {\n          openedKeys.current.push(currentKey);\n        }\n        if (selected && openedKeys.current.includes(currentKey)) {\n          openedKeys.current = openedKeys.current.filter(\n            (k) => k !== currentKey\n          );\n        }\n\n        setOpened(() => ({\n          ...totalKeys.reduce((acc, cur) => {\n            acc[cur] = cur === currentKey ? !selected : true;\n            return acc;\n          }, {}),\n        }));\n      } else {\n        setOpened({ [key]: !selected });\n      }\n    } else {\n      setOpened({ [key]: true });\n    }\n  }, []);\n\n  const getMenuItems = (element) => {\n    if (element) {\n      if (element?.role === 'menuitem') {\n        return element;\n      } else {\n        const childrenArray = Array.from(element?.children);\n        const menuItemsArray: any[] = [];\n        childrenArray.forEach((child) => {\n          const menuItem = getMenuItems(child);\n          if (menuItem && !menuItemsArray.includes(menuItem)) {\n            menuItemsArray.push(menuItem);\n          }\n        });\n        return menuItemsArray.flatMap((x) => x);\n      }\n    }\n    return null;\n  };\n\n  const findChildren = (parent, items) => {\n    return items\n      ? items.filter(\n          (child) => child.slice(0, child.lastIndexOf('__')) === parent\n        )\n      : items;\n  };\n\n  const findParent = (child, items) => {\n    const parent = child.slice(0, child.lastIndexOf('__'));\n    return items.find((item) => item === parent) ? parent : null;\n  };\n\n  const findSiblings = (key, items) => {\n    const parent = key.slice(0, key.lastIndexOf('__'));\n    if (key.lastIndexOf('__') > 0) {\n      return items.filter(\n        (child) => child.slice(0, child.lastIndexOf('__')) === parent\n      );\n    }\n    return items.filter((child) => !child.includes('__'));\n  };\n\n  const findLeftSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex > 0 ? siblings[keyIndex - 1] : null;\n    }\n    return null;\n  };\n\n  const findRightSibling = (key, items) => {\n    const siblings = findSiblings(key, items);\n    if (siblings.length > 0) {\n      const keyIndex = siblings.findIndex((item) => item === key);\n      return keyIndex < siblings.length - 1 ? siblings[keyIndex + 1] : null;\n    }\n    return null;\n  };\n\n  const getOpenItemChildren = (currentItem, items) => {\n    const itemChildrenArray: any[] = [];\n    const itemChildren = findChildren(currentItem, items);\n    itemChildren.forEach((item) => {\n      if (openedKeys.current.includes(item)) {\n        itemChildrenArray.push(item);\n        const internChildren = getOpenItemChildren(item, items);\n        if (internChildren.length > 0) {\n          itemChildrenArray.push(internChildren);\n        }\n      } else {\n        itemChildrenArray.push(item);\n      }\n    });\n    return itemChildrenArray.flatMap((x) => x);\n  };\n\n  const onKeyDown = useCallback((e) => {\n    const orientation = document\n      .querySelector(`[aria-orientation]`)\n      ?.getAttribute('aria-orientation');\n    const key = e.target.getAttribute('aria-controls');\n    const keys = Object.entries(registered.current).map(\n      ([entryKey]) => entryKey\n    );\n\n    const handleArrowRight = () => {\n      const arrowRightItem = findRightSibling(key, keys);\n      if (arrowRightItem) {\n        registered.current[arrowRightItem].el.focus();\n      }\n    };\n\n    const handleArrowLeft = () => {\n      const arrowLeftItem = findLeftSibling(key, keys);\n      if (arrowLeftItem) {\n        registered.current[arrowLeftItem].el.focus();\n      }\n    };\n\n    switch (e.key) {\n      case 'ArrowRight':\n        handleArrowRight();\n        break;\n      case 'ArrowDown':\n        const openItem = getOpenItemChildren(key, keys);\n        const arrowDownItems = findChildren(key, openItem);\n        const menuItems = getMenuItems(document.getElementById(key));\n\n        if (arrowDownItems.length > 0) {\n          registered.current[arrowDownItems[0]].el.focus();\n        } else {\n          if (orientation === 'vertical') {\n            if (\n              document.activeElement?.getAttribute('aria-selected') ===\n                'true' &&\n              menuItems &&\n              menuItems.length > 0\n            ) {\n              menuItems[0].focus();\n            } else {\n              handleArrowRight();\n            }\n          } else {\n            if (menuItems && menuItems.length > 0) {\n              menuItems[0].focus();\n            }\n          }\n        }\n\n        break;\n      case 'ArrowLeft':\n        handleArrowLeft();\n        break;\n      case 'ArrowUp':\n        if (orientation === 'vertical') {\n          handleArrowLeft();\n        } else {\n          const arrowUpItem = findParent(key, keys);\n          if (arrowUpItem) {\n            registered.current[arrowUpItem].el.focus();\n          }\n        }\n        break;\n      case ' ':\n      case 'Enter':\n        if (registered.current[key].type === 'link') {\n          registered.current[key].el.click();\n        } else {\n          toggle(e);\n        }\n        break;\n    }\n  }, []);\n  const registerButtonRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'button',\n    };\n  }, []);\n\n  const registerLinkRef = useCallback((el) => {\n    if (!el) return;\n    const key = el.getAttribute('aria-controls') as string;\n    if (registered.current[key]) return;\n    registered.current[key] = {\n      el,\n      type: 'link',\n    };\n  }, []);\n  const registerButton = useCallback(\n    (key) => {\n      const isOpen = !!opened[key];\n      return {\n        ref: registerButtonRef,\n        [toggleProperty]: isOpen,\n        arrow: true,\n        [onToggleProperty]: toggle,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n\n  const registerLink = useCallback(\n    (key) => {\n      return {\n        ref: registerLinkRef,\n        'aria-controls': `${key}`,\n        ...(ariaNavigation && { onKeyDown }),\n      };\n    },\n    [opened]\n  );\n  const registerNavItem = useCallback(\n    (item) => {\n      if (item.subMenu || item.menu) {\n        return { ...registerButton(item.name), role: 'button' };\n      } else if (item.href) {\n        return { ...registerLink(item.name), href: item.href };\n      } else {\n        console.error(item);\n        throw new Error('Invalid nav item. Must be either button or link');\n      }\n    },\n    [opened]\n  );\n  return useMemo(\n    () => ({\n      registerNavItem,\n      registerButton,\n      registerLink,\n      registered,\n      opened,\n      toggle,\n      setOpened,\n    }),\n    [opened]\n  );\n}\n"],
-  "mappings": "AACA,SAAS,QAAQ,UAAU,aAAa,eAAe;AA4BhD,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoD;AAClD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,WAAW,CAAC,CAAC;AAClD,QAAM,aAAa;AAAA,IACjB,CAAC;AAAA,EACH;AACA,QAAM,aAAa,OAAiB,CAAC,CAAC;AAEtC,QAAM,SAAS,YAAY,CAAC,MAAM;AAChC,UAAM,MAAM,EAAE,cAAc,aAAa,eAAe;AACxD,UAAM,WAAa,EAAE,cAAc;AAAA,MACjC;AAAA,IACF,MAAiB;AACjB,QAAI,YAAY;AACd,iBAAW,GAAG;AAAA,IAChB;AACA,MAAE,eAAe;AACjB,QAAI,iBAAiB;AACnB,UAAI,kBAAkB;AACpB,cAAM,QAAQ,IAAI,MAAM,IAAI;AAC5B,cAAM,aAAa,MAAM,MAAM,GAAG,MAAM,MAAM,EAAE,KAAK,IAAI;AACzD,cAAM,YAAY,MAAM,IAAI,CAAC,GAAG,UAAU;AACxC,iBAAO,MAAM,MAAM,GAAG,QAAQ,CAAC,EAAE,KAAK,IAAI;AAAA,QAC5C,CAAC;AAED,YAAI,CAAC,YAAY,CAAC,WAAW,QAAQ,SAAS,UAAU,GAAG;AACzD,qBAAW,QAAQ,KAAK,UAAU;AAAA,QACpC;AACA,YAAI,YAAY,WAAW,QAAQ,SAAS,UAAU,GAAG;AACvD,qBAAW,UAAU,WAAW,QAAQ;AAAA,YACtC,CAAC,MAAM,MAAM;AAAA,UACf;AAAA,QACF;AAEA,kBAAU,OAAO;AAAA,UACf,GAAG,UAAU,OAAO,CAAC,KAAK,QAAQ;AAChC,gBAAI,GAAG,IAAI,QAAQ,aAAa,CAAC,WAAW;AAC5C,mBAAO;AAAA,UACT,GAAG,CAAC,CAAC;AAAA,QACP,EAAE;AAAA,MACJ,OAAO;AACL,kBAAU,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC;AAAA,MAChC;AAAA,IACF,OAAO;AACL,gBAAU,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe,CAAC,YAAY;AAChC,QAAI,SAAS;AACX,UAAI,SAAS,SAAS,YAAY;AAChC,eAAO;AAAA,MACT,OAAO;AACL,cAAM,gBAAgB,MAAM,KAAK,SAAS,QAAQ;AAClD,cAAM,iBAAwB,CAAC;AAC/B,sBAAc,QAAQ,CAAC,UAAU;AAC/B,gBAAM,WAAW,aAAa,KAAK;AACnC,cAAI,YAAY,CAAC,eAAe,SAAS,QAAQ,GAAG;AAClD,2BAAe,KAAK,QAAQ;AAAA,UAC9B;AAAA,QACF,CAAC;AACD,eAAO,eAAe,QAAQ,CAAC,MAAM,CAAC;AAAA,MACxC;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,CAAC,QAAQ,UAAU;AACtC,WAAO,QACH,MAAM;AAAA,MACJ,CAAC,UAAU,MAAM,MAAM,GAAG,MAAM,YAAY,IAAI,CAAC,MAAM;AAAA,IACzD,IACA;AAAA,EACN;AAEA,QAAM,aAAa,CAAC,OAAO,UAAU;AACnC,UAAM,SAAS,MAAM,MAAM,GAAG,MAAM,YAAY,IAAI,CAAC;AACrD,WAAO,MAAM,KAAK,CAAC,SAAS,SAAS,MAAM,IAAI,SAAS;AAAA,EAC1D;AAEA,QAAM,eAAe,CAAC,KAAK,UAAU;AACnC,UAAM,SAAS,IAAI,MAAM,GAAG,IAAI,YAAY,IAAI,CAAC;AACjD,QAAI,IAAI,YAAY,IAAI,IAAI,GAAG;AAC7B,aAAO,MAAM;AAAA,QACX,CAAC,UAAU,MAAM,MAAM,GAAG,MAAM,YAAY,IAAI,CAAC,MAAM;AAAA,MACzD;AAAA,IACF;AACA,WAAO,MAAM,OAAO,CAAC,UAAU,CAAC,MAAM,SAAS,IAAI,CAAC;AAAA,EACtD;AAEA,QAAM,kBAAkB,CAAC,KAAK,UAAU;AACtC,UAAM,WAAW,aAAa,KAAK,KAAK;AACxC,QAAI,SAAS,SAAS,GAAG;AACvB,YAAM,WAAW,SAAS,UAAU,CAAC,SAAS,SAAS,GAAG;AAC1D,aAAO,WAAW,IAAI,SAAS,WAAW,CAAC,IAAI;AAAA,IACjD;AACA,WAAO;AAAA,EACT;AAEA,QAAM,mBAAmB,CAAC,KAAK,UAAU;AACvC,UAAM,WAAW,aAAa,KAAK,KAAK;AACxC,QAAI,SAAS,SAAS,GAAG;AACvB,YAAM,WAAW,SAAS,UAAU,CAAC,SAAS,SAAS,GAAG;AAC1D,aAAO,WAAW,SAAS,SAAS,IAAI,SAAS,WAAW,CAAC,IAAI;AAAA,IACnE;AACA,WAAO;AAAA,EACT;AAEA,QAAM,sBAAsB,CAAC,aAAa,UAAU;AAClD,UAAM,oBAA2B,CAAC;AAClC,UAAM,eAAe,aAAa,aAAa,KAAK;AACpD,iBAAa,QAAQ,CAAC,SAAS;AAC7B,UAAI,WAAW,QAAQ,SAAS,IAAI,GAAG;AACrC,0BAAkB,KAAK,IAAI;AAC3B,cAAM,iBAAiB,oBAAoB,MAAM,KAAK;AACtD,YAAI,eAAe,SAAS,GAAG;AAC7B,4BAAkB,KAAK,cAAc;AAAA,QACvC;AAAA,MACF,OAAO;AACL,0BAAkB,KAAK,IAAI;AAAA,MAC7B;AAAA,IACF,CAAC;AACD,WAAO,kBAAkB,QAAQ,CAAC,MAAM,CAAC;AAAA,EAC3C;AAEA,QAAM,YAAY,YAAY,CAAC,MAAM;AACnC,UAAM,cAAc,SACjB,cAAc,oBAAoB,GACjC,aAAa,kBAAkB;AACnC,UAAM,MAAM,EAAE,OAAO,aAAa,eAAe;AACjD,UAAM,OAAO,OAAO,QAAQ,WAAW,OAAO,EAAE;AAAA,MAC9C,CAAC,CAAC,QAAQ,MAAM;AAAA,IAClB;AAEA,UAAM,mBAAmB,MAAM;AAC7B,YAAM,iBAAiB,iBAAiB,KAAK,IAAI;AACjD,UAAI,gBAAgB;AAClB,mBAAW,QAAQ,cAAc,EAAE,GAAG,MAAM;AAAA,MAC9C;AAAA,IACF;AAEA,UAAM,kBAAkB,MAAM;AAC5B,YAAM,gBAAgB,gBAAgB,KAAK,IAAI;AAC/C,UAAI,eAAe;AACjB,mBAAW,QAAQ,aAAa,EAAE,GAAG,MAAM;AAAA,MAC7C;AAAA,IACF;AAEA,YAAQ,EAAE,KAAK;AAAA,MACb,KAAK;AACH,yBAAiB;AACjB;AAAA,MACF,KAAK;AACH,cAAM,WAAW,oBAAoB,KAAK,IAAI;AAC9C,cAAM,iBAAiB,aAAa,KAAK,QAAQ;AACjD,cAAM,YAAY,aAAa,SAAS,eAAe,GAAG,CAAC;AAE3D,YAAI,eAAe,SAAS,GAAG;AAC7B,qBAAW,QAAQ,eAAe,CAAC,CAAC,EAAE,GAAG,MAAM;AAAA,QACjD,OAAO;AACL,cAAI,gBAAgB,YAAY;AAC9B,gBACE,SAAS,eAAe,aAAa,eAAe,MAClD,UACF,aACA,UAAU,SAAS,GACnB;AACA,wBAAU,CAAC,EAAE,MAAM;AAAA,YACrB,OAAO;AACL,+BAAiB;AAAA,YACnB;AAAA,UACF,OAAO;AACL,gBAAI,aAAa,UAAU,SAAS,GAAG;AACrC,wBAAU,CAAC,EAAE,MAAM;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAEA;AAAA,MACF,KAAK;AACH,wBAAgB;AAChB;AAAA,MACF,KAAK;AACH,YAAI,gBAAgB,YAAY;AAC9B,0BAAgB;AAAA,QAClB,OAAO;AACL,gBAAM,cAAc,WAAW,KAAK,IAAI;AACxC,cAAI,aAAa;AACf,uBAAW,QAAQ,WAAW,EAAE,GAAG,MAAM;AAAA,UAC3C;AAAA,QACF;AACA;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,YAAI,WAAW,QAAQ,GAAG,EAAE,SAAS,QAAQ;AAC3C,qBAAW,QAAQ,GAAG,EAAE,GAAG,MAAM;AAAA,QACnC,OAAO;AACL,iBAAO,CAAC;AAAA,QACV;AACA;AAAA,IACJ;AAAA,EACF,GAAG,CAAC,CAAC;AACL,QAAM,oBAAoB,YAAY,CAAC,OAAO;AAC5C,QAAI,CAAC,GAAI;AACT,UAAM,MAAM,GAAG,aAAa,eAAe;AAC3C,QAAI,WAAW,QAAQ,GAAG,EAAG;AAC7B,eAAW,QAAQ,GAAG,IAAI;AAAA,MACxB;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAkB,YAAY,CAAC,OAAO;AAC1C,QAAI,CAAC,GAAI;AACT,UAAM,MAAM,GAAG,aAAa,eAAe;AAC3C,QAAI,WAAW,QAAQ,GAAG,EAAG;AAC7B,eAAW,QAAQ,GAAG,IAAI;AAAA,MACxB;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF,GAAG,CAAC,CAAC;AACL,QAAM,iBAAiB;AAAA,IACrB,CAAC,QAAQ;AACP,YAAM,SAAS,CAAC,CAAC,OAAO,GAAG;AAC3B,aAAO;AAAA,QACL,KAAK;AAAA,QACL,CAAC,cAAc,GAAG;AAAA,QAClB,OAAO;AAAA,QACP,CAAC,gBAAgB,GAAG;AAAA,QACpB,iBAAiB,GAAG,GAAG;AAAA,QACvB,GAAI,kBAAkB,EAAE,UAAU;AAAA,MACpC;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,QAAQ;AACP,aAAO;AAAA,QACL,KAAK;AAAA,QACL,iBAAiB,GAAG,GAAG;AAAA,QACvB,GAAI,kBAAkB,EAAE,UAAU;AAAA,MACpC;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACA,QAAM,kBAAkB;AAAA,IACtB,CAAC,SAAS;AACR,UAAI,KAAK,WAAW,KAAK,MAAM;AAC7B,eAAO,EAAE,GAAG,eAAe,KAAK,IAAI,GAAG,MAAM,SAAS;AAAA,MACxD,WAAW,KAAK,MAAM;AACpB,eAAO,EAAE,GAAG,aAAa,KAAK,IAAI,GAAG,MAAM,KAAK,KAAK;AAAA,MACvD,OAAO;AACL,gBAAQ,MAAM,IAAI;AAClB,cAAM,IAAI,MAAM,iDAAiD;AAAA,MACnE;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AACF;",
-  "names": []
-}

package/navigation/NavList/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/NavList/index.tsx"],
-  "sourcesContent": ["import NavList from '@digigov/react-core/NavList';\nexport * from '@digigov/ui/navigation/NavList/NavListAuto';\nexport * from '@digigov/ui/navigation/NavList/NavMenuContentList';\nexport * from '@digigov/ui/navigation/NavList/types';\nexport * from '@digigov/ui/navigation/NavList/hooks/useNavList';\n\nexport * from '@digigov/react-core/Nav';\nexport * from '@digigov/react-core/NavList';\nexport * from '@digigov/react-core/NavMenuContainer';\nexport * from '@digigov/react-core/NavMenuContent';\nexport * from '@digigov/react-core/NavMenuContentListBase';\nexport * from '@digigov/react-core/NavMenuContentListItem';\nexport * from '@digigov/react-core/NavMenuTitle';\nexport * from '@digigov/react-core/NavListItemActionContainer';\nexport * from '@digigov/ui/navigation/NavList/NavListItemAction';\nexport * from '@digigov/react-core/NavListItemBadge';\nexport * from '@digigov/react-core/NavListItemButton';\nexport * from '@digigov/ui/navigation/NavList/NavListItemLink';\n\nexport default NavList;\n"],
-  "mappings": "AAAA,OAAO,aAAa;AACpB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAO,kBAAQ;",
-  "names": []
-}

package/navigation/NavList/index.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/navigation/NavList/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/navigation/NavList/interaction.test.d.ts

@@ -1 +0,0 @@
-export {};

package/navigation/NavList/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/navigation/NavList/index.js"
-}

package/navigation/NavList/types/index.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/navigation/NavList/types/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/navigation/NavList/types/index.js"
-}

package/navigation/NavList/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/navigation/Pagination/Pagination/index.js

@@ -1,48 +0,0 @@
-import React from "react";
-import Pagination from "@digigov/react-core/Pagination";
-import PaginationLabelContainer from "@digigov/react-core/PaginationLabelContainer";
-import PaginationListItem from "@digigov/react-core/PaginationListItem";
-import ChevronIcon from "@digigov/react-icons/ChevronIcon";
-import Button from "@digigov/ui/form/Button";
-import LabelContainer from "@digigov/ui/form/LabelContainer";
-import SelectContainer, {
-  SelectOption
-} from "@digigov/ui/form/SelectContainer";
-import { I18nText } from "@digigov/ui/i18n/I18nText";
-var Pagination_default = Pagination;
-const PaginationLabel = React.forwardRef(function PaginationLabel2({ start, end, total }, ref) {
-  return /* @__PURE__ */ React.createElement(PaginationLabelContainer, { ref }, /* @__PURE__ */ React.createElement(I18nText, { i18nKey: "pagination.label" }, "Showing ", /* @__PURE__ */ React.createElement("b", null, start), " to ", /* @__PURE__ */ React.createElement("b", null, end), " of ", /* @__PURE__ */ React.createElement("b", null, total), " results"));
-});
-const PaginationResultsPerPageSelect = React.forwardRef(function PaginationResultsPerPageSelect2({ resultsPerPageOptions, currentResultsPerPage, handleOnChange, children }, ref) {
-  return /* @__PURE__ */ React.createElement(LabelContainer, { ref }, children, /* @__PURE__ */ React.createElement(
-    SelectContainer,
-    {
-      dense: true,
-      value: currentResultsPerPage,
-      onChange: (e) => {
-        handleOnChange(Number(e.target.value));
-      }
-    },
-    resultsPerPageOptions.map((option, index) => /* @__PURE__ */ React.createElement(SelectOption, { key: index }, option))
-  ));
-});
-const PaginationListItemButton = React.forwardRef(function PaginationListItemButton2({ onClick, arrow, children, variant, active, isCurrentPage, tabIndex }, ref) {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    PaginationListItem,
-    {
-      tabIndex,
-      active,
-      currentPage: isCurrentPage,
-      ref,
-      variant
-    },
-    isCurrentPage ? children : /* @__PURE__ */ React.createElement(Button, { variant: "link", onClick }, arrow === "left" && /* @__PURE__ */ React.createElement(ChevronIcon, { direction: arrow }), children, arrow === "right" && /* @__PURE__ */ React.createElement(ChevronIcon, { direction: arrow }))
-  ));
-});
-export {
-  PaginationLabel,
-  PaginationListItemButton,
-  PaginationResultsPerPageSelect,
-  Pagination_default as default
-};
-//# sourceMappingURL=Pagination.js.map

package/navigation/Pagination/Pagination/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/navigation/Pagination/Pagination/index.js"
-}

package/navigation/Pagination/Pagination.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/Pagination/Pagination.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport Pagination from '@digigov/react-core/Pagination';\nimport PaginationLabelContainer, {\n  PaginationLabelContainerProps,\n} from '@digigov/react-core/PaginationLabelContainer';\nimport PaginationListItem from '@digigov/react-core/PaginationListItem';\nimport ChevronIcon from '@digigov/react-icons/ChevronIcon';\nimport Button from '@digigov/ui/form/Button';\nimport LabelContainer, {\n  LabelContainerProps,\n} from '@digigov/ui/form/LabelContainer';\nimport SelectContainer, {\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18nText } from '@digigov/ui/i18n/I18nText';\n\nexport default Pagination;\n\nexport interface PaginationLabelProps extends PaginationLabelContainerProps {\n  /**\n   * Use start to set the value of the start point of the results shown.\n   */\n  start: number;\n  /**\n   * Use end to set the value of the end point of the results shown.\n   */\n  end: number;\n  /**\n   * Use total to set the value of the total results.\n   */\n  total: number;\n}\nexport interface PaginationResultsPerPageSelectProps\n  extends LabelContainerProps {\n  resultsPerPageOptions: number[];\n  currentResultsPerPage: number;\n  handleOnChange: React.Dispatch<React.SetStateAction<number>>;\n}\n\nexport interface PaginationListItemButtonProps {\n  arrow?: 'left' | 'right';\n  children?: string | number;\n  variant?: 'number' | 'dots';\n  active?: boolean;\n  onClick?: (e: any) => void;\n  isCurrentPage?: boolean;\n  tabIndex?: number;\n}\n/**\n * PaginationLabel component is used for placing the pagination results label.\n */\nexport const PaginationLabel = React.forwardRef<\n  HTMLParagraphElement,\n  PaginationLabelProps\n>(function PaginationLabel(\n  { start, end, total },\n  ref: React.Ref<HTMLParagraphElement>\n) {\n  return (\n    <PaginationLabelContainer ref={ref}>\n      <I18nText i18nKey=\"pagination.label\">\n        Showing <b>{start}</b> to <b>{end}</b> of <b>{total}</b> results\n      </I18nText>\n    </PaginationLabelContainer>\n  );\n});\n\nexport const PaginationResultsPerPageSelect = React.forwardRef<\n  HTMLLabelElement,\n  PaginationResultsPerPageSelectProps\n>(function PaginationResultsPerPageSelect(\n  { resultsPerPageOptions, currentResultsPerPage, handleOnChange, children },\n  ref: React.Ref<HTMLLabelElement>\n) {\n  return (\n    <LabelContainer ref={ref}>\n      {children}\n      <SelectContainer\n        dense\n        value={currentResultsPerPage}\n        onChange={(e) => {\n          handleOnChange(Number(e.target.value));\n        }}\n      >\n        {resultsPerPageOptions.map((option, index) => (\n          <SelectOption key={index}>{option}</SelectOption>\n        ))}\n      </SelectContainer>\n    </LabelContainer>\n  );\n});\n\nexport const PaginationListItemButton = React.forwardRef<\n  HTMLLIElement,\n  PaginationListItemButtonProps\n>(function PaginationListItemButton(\n  { onClick, arrow, children, variant, active, isCurrentPage, tabIndex },\n  ref: React.Ref<HTMLLIElement>\n) {\n  return (\n    <>\n      <PaginationListItem\n        tabIndex={tabIndex}\n        active={active} //disabled\n        currentPage={isCurrentPage}\n        ref={ref}\n        variant={variant}\n      >\n        {isCurrentPage ? (\n          children\n        ) : (\n          <Button variant=\"link\" onClick={onClick}>\n            {arrow === 'left' && <ChevronIcon direction={arrow} />}\n            {children}\n            {arrow === 'right' && <ChevronIcon direction={arrow} />}\n          </Button>\n        )}\n      </PaginationListItem>\n    </>\n  );\n});\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,OAAO,8BAEA;AACP,OAAO,wBAAwB;AAC/B,OAAO,iBAAiB;AACxB,OAAO,YAAY;AACnB,OAAO,oBAEA;AACP,OAAO;AAAA,EACL;AAAA,OACK;AACP,SAAS,gBAAgB;AAEzB,IAAO,qBAAQ;AAmCR,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBACT,EAAE,OAAO,KAAK,MAAM,GACpB,KACA;AACA,SACE,oCAAC,4BAAyB,OACxB,oCAAC,YAAS,SAAQ,sBAAmB,YAC3B,oCAAC,WAAG,KAAM,GAAI,QAAI,oCAAC,WAAG,GAAI,GAAI,QAAI,oCAAC,WAAG,KAAM,GAAI,UAC1D,CACF;AAEJ,CAAC;AAEM,MAAM,iCAAiC,MAAM,WAGlD,SAASC,gCACT,EAAE,uBAAuB,uBAAuB,gBAAgB,SAAS,GACzE,KACA;AACA,SACE,oCAAC,kBAAe,OACb,UACD;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACL,OAAO;AAAA,MACP,UAAU,CAAC,MAAM;AACf,uBAAe,OAAO,EAAE,OAAO,KAAK,CAAC;AAAA,MACvC;AAAA;AAAA,IAEC,sBAAsB,IAAI,CAAC,QAAQ,UAClC,oCAAC,gBAAa,KAAK,SAAQ,MAAO,CACnC;AAAA,EACH,CACF;AAEJ,CAAC;AAEM,MAAM,2BAA2B,MAAM,WAG5C,SAASC,0BACT,EAAE,SAAS,OAAO,UAAU,SAAS,QAAQ,eAAe,SAAS,GACrE,KACA;AACA,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA;AAAA,IAEC,gBACC,WAEA,oCAAC,UAAO,SAAQ,QAAO,WACpB,UAAU,UAAU,oCAAC,eAAY,WAAW,OAAO,GACnD,UACA,UAAU,WAAW,oCAAC,eAAY,WAAW,OAAO,CACvD;AAAA,EAEJ,CACF;AAEJ,CAAC;",
-  "names": ["PaginationLabel", "PaginationResultsPerPageSelect", "PaginationListItemButton"]
-}

package/navigation/Pagination/Pagination.stories.d.ts

@@ -1,18 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export let description: string;
-    export let link: string;
-    export { Pagination as component };
-    export let tags: string[];
-    export { doc as markdown };
-    export let displayName: string;
-}
-export default _default;
-export { Default } from "@digigov/ui/navigation/Pagination/__stories__/Default";
-export { WithInactiveValues } from "@digigov/ui/navigation/Pagination/__stories__/WithInactiveValues";
-export { WithResultsPerPage } from "@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage";
-export { PaginationSmall } from "@digigov/ui/navigation/Pagination/__stories__/PaginationSmall";
-export { PaginationWithSmallFont } from "@digigov/ui/navigation/Pagination/__stories__/PaginationWithSmallFont";
-export { WithHook } from "@digigov/ui/navigation/Pagination/__stories__/WithHook";
-export { Auto } from "@digigov/ui/navigation/Pagination/__stories__/Auto";
-import Pagination from '@digigov/ui/navigation/Pagination';

package/navigation/Pagination/__stories__/Auto.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const Auto: (_: any) => React.JSX.Element;
-export default Auto;

package/navigation/Pagination/__stories__/Default.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const Default: (_: any) => React.JSX.Element;
-export default Default;

package/navigation/Pagination/__stories__/PaginationSmall.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const PaginationSmall: (_: any) => React.JSX.Element;
-export default PaginationSmall;