@digigov/ui 2.0.0-0edebf87 → 2.0.0-107d908d

package/navigation/NavList/NavListAuto/index.js

@@ -1,45 +1,52 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["layout", "links"];
-import React from 'react';
-import NavList from '@digigov/react-core/NavList';
-import NavListItemAction from '@digigov/react-core/NavListItemAction';
-import NavMenuContainer from '@digigov/react-core/NavMenuContainer';
-import NavMenuContent from '@digigov/react-core/NavMenuContent';
-import NavMenuContentListItem from '@digigov/react-core/NavMenuContentListItem';
-import NavMenuTitle from '@digigov/react-core/NavMenuTitle';
-import { Link } from '@digigov/ui/navigation/Link';
-import { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';
-import Nav from '@digigov/ui/navigation/NavList/Nav';
-import NavMenuContentList from '@digigov/ui/navigation/NavList/NavMenuContentList';
-export var NavListAuto = function NavListAuto(_ref) {
-  var layout = _ref.layout,
-    _ref$links = _ref.links,
-    links = _ref$links === void 0 ? [] : _ref$links,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useNavList = useNavList(),
-    registerNavItemMenu = _useNavList.registerNavItemMenu,
-    registerNavItem = _useNavList.registerNavItem;
-  return /*#__PURE__*/React.createElement(Nav, props, /*#__PURE__*/React.createElement(NavList, {
-    layout: layout
-  }, links.map(function (item, key) {
-    var _item$subMenu;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: key
-    }, /*#__PURE__*/React.createElement(NavListItemAction, registerNavItem(item), item.label), item.subMenu && /*#__PURE__*/React.createElement(NavMenuContainer, _extends({
-      layout: layout
-    }, registerNavItemMenu(item.name)), (item.subMenuHeading || item.label) && /*#__PURE__*/React.createElement(NavMenuTitle, null, item.subMenuHeading || item.label), /*#__PURE__*/React.createElement(NavMenuContent, null, /*#__PURE__*/React.createElement(NavMenuContentList, {
-      role: "menu"
-    }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
-      return (subMenu === null || subMenu === void 0 ? void 0 : subMenu.href) && /*#__PURE__*/React.createElement(NavMenuContentListItem, {
-        key: menuIndex,
-        role: "presentation"
-      }, /*#__PURE__*/React.createElement(Link, {
-        role: "menuitem",
-        id: subMenu.name,
-        href: subMenu.href
-      }, subMenu.label));
-    })))));
-  })));
+import React from "react";
+import { Link } from "@digigov/ui/navigation/Link";
+import {
+  NavList,
+  NavListItemAction,
+  NavMenuContentList,
+  NavMenuContentListItem,
+  NavMenuContent,
+  NavMenuContainer,
+  NavMenuTitle
+} from "@digigov/ui/navigation/NavList";
+import { useNavList } from "@digigov/ui/navigation/NavList/hooks/useNavList";
+import { Nav } from "@digigov/ui/navigation/NavList/Nav";
+const NavListAuto = ({
+  layout,
+  links = [],
+  ...props
+}) => {
+  const { registerNavItemMenu, registerNavItem } = useNavList();
+  return /* @__PURE__ */ React.createElement(Nav, { ...props }, /* @__PURE__ */ React.createElement(NavList, { layout }, links.map((item, key) => /* @__PURE__ */ React.createElement(React.Fragment, { key }, /* @__PURE__ */ React.createElement(NavListItemAction, { ...registerNavItem(item) }, item.label), item.subMenu && /* @__PURE__ */ React.createElement(
+    NavMenuContainer,
+    {
+      layout,
+      ...registerNavItemMenu(item.name)
+    },
+    (item.subMenuHeading || item.label) && /* @__PURE__ */ React.createElement(NavMenuTitle, null, item.subMenuHeading || item.label),
+    /* @__PURE__ */ React.createElement(NavMenuContent, null, /* @__PURE__ */ React.createElement(NavMenuContentList, { role: "menu" }, item.subMenu?.map((subMenu, menuIndex) => {
+      return subMenu?.href && /* @__PURE__ */ React.createElement(
+        NavMenuContentListItem,
+        {
+          key: menuIndex,
+          role: "presentation"
+        },
+        /* @__PURE__ */ React.createElement(
+          Link,
+          {
+            role: "menuitem",
+            id: subMenu.name,
+            href: subMenu.href
+          },
+          subMenu.label
+        )
+      );
+    })))
+  )))));
 };
-export default NavListAuto;
+var NavListAuto_default = NavListAuto;
+export {
+  NavListAuto,
+  NavListAuto_default as default
+};
+//# sourceMappingURL=index.js.map

package/navigation/NavList/NavListAuto/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/navigation/NavList/NavListAuto/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  NavList,\n  NavListItemAction,\n  NavMenuContentList,\n  NavMenuContentListItem,\n  NavMenuContent,\n  NavMenuContainer,\n  NavMenuTitle,\n} from '@digigov/ui/navigation/NavList';\nimport { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';\nimport { Nav } from '@digigov/ui/navigation/NavList/Nav';\nimport { NavListAutoProps } from '@digigov/ui/navigation/NavList/types';\n\nexport const NavListAuto: React.FC<NavListAutoProps> = ({\n  layout,\n  links = [],\n  ...props\n}) => {\n  const { registerNavItemMenu, registerNavItem } = useNavList();\n\n  return (\n    <Nav {...props}>\n      <NavList layout={layout}>\n        {links.map((item, key) => (\n          <React.Fragment key={key}>\n            <NavListItemAction {...registerNavItem(item)}>\n              {item.label}\n            </NavListItemAction>\n            {item.subMenu && (\n              <NavMenuContainer\n                layout={layout}\n                {...registerNavItemMenu(item.name)}\n              >\n                {(item.subMenuHeading || item.label) && (\n                  <NavMenuTitle>\n                    {item.subMenuHeading || item.label}\n                  </NavMenuTitle>\n                )}\n                <NavMenuContent>\n                  <NavMenuContentList role=\"menu\">\n                    {item.subMenu?.map((subMenu, menuIndex) => {\n                      return (\n                        subMenu?.href && (\n                          <NavMenuContentListItem\n                            key={menuIndex}\n                            role=\"presentation\"\n                          >\n                            <Link\n                              role=\"menuitem\"\n                              id={subMenu.name}\n                              href={subMenu.href}\n                            >\n                              {subMenu.label}\n                            </Link>\n                          </NavMenuContentListItem>\n                        )\n                      );\n                    })}\n                  </NavMenuContentList>\n                </NavMenuContent>\n              </NavMenuContainer>\n            )}\n          </React.Fragment>\n        ))}\n      </NavList>\n    </Nav>\n  );\n};\n\nexport default NavListAuto;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AAGb,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,GAAG;AACL,MAAM;AACJ,QAAM,EAAE,qBAAqB,gBAAgB,IAAI,WAAW;AAE5D,SACE,oCAAC,OAAK,GAAG,SACP,oCAAC,WAAQ,UACN,MAAM,IAAI,CAAC,MAAM,QAChB,oCAAC,MAAM,UAAN,EAAe,OACd,oCAAC,qBAAmB,GAAG,gBAAgB,IAAI,KACxC,KAAK,KACR,GACC,KAAK,WACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,oBAAoB,KAAK,IAAI;AAAA;AAAA,KAE/B,KAAK,kBAAkB,KAAK,UAC5B,oCAAC,oBACE,KAAK,kBAAkB,KAAK,KAC/B;AAAA,IAEF,oCAAC,sBACC,oCAAC,sBAAmB,MAAK,UACtB,KAAK,SAAS,IAAI,CAAC,SAAS,cAAc;AACzC,aACE,SAAS,QACP;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA;AAAA,QAEL;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,IAAI,QAAQ;AAAA,YACZ,MAAM,QAAQ;AAAA;AAAA,UAEb,QAAQ;AAAA,QACX;AAAA,MACF;AAAA,IAGN,CAAC,CACH,CACF;AAAA,EACF,CAEJ,CACD,CACH,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/navigation/NavList/NavListItemAction/index.js

@@ -0,0 +1,37 @@
+export * from "@digigov/react-core/NavListItemActionBase";
+import React from "react";
+import {
+  NavListItemButton,
+  NavListItemBadge,
+  NavListItemActionContainer
+} from "@digigov/ui/navigation/NavList";
+import {
+  NavListItemLink
+} from "@digigov/ui/navigation/NavList/NavListItemLink";
+const NavListItemAction = React.forwardRef(function NavListItemAction2({ label, arrow = false, href, className, children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(NavListItemActionContainer, null, href ? /* @__PURE__ */ React.createElement(
+    NavListItemLink,
+    {
+      ...props,
+      href,
+      className,
+      ref
+    },
+    children || label
+  ) : /* @__PURE__ */ React.createElement(
+    NavListItemButton,
+    {
+      ...props,
+      arrow,
+      className,
+      ref
+    },
+    children || label
+  ), props.badgeText && /* @__PURE__ */ React.createElement(NavListItemBadge, { text: props.badgeText }));
+});
+var NavListItemAction_default = NavListItemAction;
+export {
+  NavListItemAction,
+  NavListItemAction_default as default
+};
+//# sourceMappingURL=NavListItemAction.js.map

package/navigation/NavList/NavListItemAction/package.json

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

package/navigation/NavList/NavListItemAction.d.ts

@@ -0,0 +1,27 @@
+export * from '@digigov/react-core/NavListItemActionBase';
+import React from 'react';
+import { NavListItemButtonProps } from '@digigov/ui/navigation/NavList';
+import { NavListItemLinkProps } from '@digigov/ui/navigation/NavList/NavListItemLink';
+export type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;
+export interface NavListItemActionBaseProps extends LinkButtonJoinProps {
+    /**
+     * label is optional.
+     * The label for the NavListItemActionBase.
+     */
+    label?: string;
+    /**
+     * arrow is optional.
+     * use arrow prop if you want to have arrow at the nav list item.
+     * @value true
+     * @value false
+     * @default false
+     */
+    arrow?: boolean;
+    badgeText?: string;
+}
+/**
+ * NavListItemAction must be inside the NavList.
+ * This component has a items of NavListItemLink component inside.
+ */
+export declare const NavListItemAction: React.ForwardRefExoticComponent<Omit<NavListItemActionBaseProps, "ref"> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export default NavListItemAction;

package/navigation/NavList/NavListItemAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/NavList/NavListItemAction.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/NavListItemActionBase';\nimport React, { ForwardedRef } from 'react';\nimport {\n  NavListItemButton,\n  NavListItemButtonProps,\n  NavListItemBadge,\n  NavListItemActionContainer,\n} from '@digigov/ui/navigation/NavList';\nimport {\n  NavListItemLink,\n  NavListItemLinkProps,\n} from '@digigov/ui/navigation/NavList/NavListItemLink';\n\nexport type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;\nexport interface NavListItemActionBaseProps extends LinkButtonJoinProps {\n  /**\n   * label is optional.\n   * The label for the NavListItemActionBase.\n   */\n  label?: string;\n\n  /**\n   * arrow is optional.\n   * use arrow prop if you want to have arrow at the nav list item.\n   * @value true\n   * @value false\n   * @default false\n   */\n  arrow?: boolean;\n  badgeText?: string;\n}\n/**\n * NavListItemAction must be inside the NavList.\n * This component has a items of NavListItemLink component inside.\n */\nexport const NavListItemAction = React.forwardRef<\n  HTMLButtonElement | HTMLAnchorElement,\n  NavListItemActionBaseProps\n>(function NavListItemAction(\n  { label, arrow = false, href, className, children, ...props },\n  ref\n) {\n  return (\n    <NavListItemActionContainer>\n      {href ? (\n        <NavListItemLink\n          {...props}\n          href={href}\n          className={className}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n        >\n          {children || label}\n        </NavListItemLink>\n      ) : (\n        <NavListItemButton\n          {...props}\n          arrow={arrow}\n          className={className}\n          ref={ref as ForwardedRef<HTMLButtonElement>}\n        >\n          {children || label}\n        </NavListItemButton>\n      )}\n      {props.badgeText && <NavListItemBadge text={props.badgeText} />}\n    </NavListItemActionContainer>\n  );\n});\n\nexport default NavListItemAction;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAA6B;AACpC;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,OAEK;AAwBA,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,OAAO,QAAQ,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAC5D,KACA;AACA,SACE,oCAAC,kCACE,OACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,IAEA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,YAAY;AAAA,EACf,GAED,MAAM,aAAa,oCAAC,oBAAiB,MAAM,MAAM,WAAW,CAC/D;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
+  "names": ["NavListItemAction"]
+}

package/navigation/NavList/NavListItemLink/index.js

@@ -0,0 +1,15 @@
+export * from "@digigov/react-core/NavListItemLinkBase";
+import React from "react";
+import {
+  NavListItemLinkBase
+} from "@digigov/react-core/NavListItemLinkBase";
+import { Link } from "@digigov/ui/navigation/Link";
+const NavListItemLink = React.forwardRef(function NavListItemLink2({ children, ...props }, ref) {
+  return /* @__PURE__ */ React.createElement(NavListItemLinkBase, { as: Link, ref, ...props }, children);
+});
+var NavListItemLink_default = NavListItemLink;
+export {
+  NavListItemLink,
+  NavListItemLink_default as default
+};
+//# sourceMappingURL=NavListItemLink.js.map

package/navigation/NavList/NavListItemLink/package.json

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

package/navigation/NavList/NavListItemLink.d.ts

@@ -0,0 +1,7 @@
+export * from '@digigov/react-core/NavListItemLinkBase';
+import React from 'react';
+import { NavListItemLinkBaseProps } from '@digigov/react-core/NavListItemLinkBase';
+export interface NavListItemLinkProps extends NavListItemLinkBaseProps {
+}
+export declare const NavListItemLink: React.ForwardRefExoticComponent<Omit<NavListItemLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default NavListItemLink;

package/navigation/NavList/NavListItemLink.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/NavList/NavListItemLink.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/NavListItemLinkBase';\nimport React from 'react';\nimport {\n  NavListItemLinkBase,\n  NavListItemLinkBaseProps,\n} from '@digigov/react-core/NavListItemLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface NavListItemLinkProps extends NavListItemLinkBaseProps {}\n\nexport const NavListItemLink = React.forwardRef<\n  HTMLAnchorElement,\n  NavListItemLinkProps\n>(function NavListItemLink({ children, ...props }, ref) {\n  return (\n    <NavListItemLinkBase as={Link} ref={ref} {...props}>\n      {children}\n    </NavListItemLinkBase>\n  );\n});\n\nexport default NavListItemLink;\n"],
+  "mappings": "AAAA,cAAc;AACd,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,YAAY;AAId,MAAM,kBAAkB,MAAM,WAGnC,SAASA,iBAAgB,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AACtD,SACE,oCAAC,uBAAoB,IAAI,MAAM,KAAW,GAAG,SAC1C,QACH;AAEJ,CAAC;AAED,IAAO,0BAAQ;",
+  "names": ["NavListItemLink"]
+}

package/navigation/NavList/NavMenuContentList/index.js

@@ -1,53 +1,60 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import React from 'react';
-import NavMenuContentListBase from '@digigov/react-core/NavMenuContentListBase';
-export * from '@digigov/react-core/NavMenuContentListBase';
-var focusNavListItem = function focusNavListItem(e, nextItemIndex) {
-  var _document$activeEleme;
+import React from "react";
+import NavMenuContentListBase from "@digigov/react-core/NavMenuContentListBase";
+export * from "@digigov/react-core/NavMenuContentListBase";
+const focusNavListItem = (e, nextItemIndex) => {
   e.preventDefault();
-  var id = (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.id;
-  var menuItems = Array.from(e.currentTarget.querySelectorAll("[role=menuitem]"));
-  var currentItem = menuItems.findIndex(function (x) {
-    var _document$activeEleme2;
-    return x.getAttribute('id') === ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.id);
-  });
+  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) {
-    var _menuItems;
-    (_menuItems = menuItems[currentItem + nextItemIndex]) === null || _menuItems === void 0 ? void 0 : _menuItems.focus();
+    menuItems[currentItem + nextItemIndex]?.focus();
   } else {
-    var menuElement = Array.from(document.querySelectorAll("[aria-controls]"));
-    var _currentItem = menuElement.findIndex(function (x) {
-      return id === null || id === void 0 ? void 0 : id.includes(x.getAttribute('aria-controls') || '');
-    });
+    const menuElement = Array.from(
+      document.querySelectorAll(`[aria-controls]`)
+    );
+    const currentItem2 = menuElement.findIndex(
+      (x) => id?.includes(x.getAttribute("aria-controls") || "")
+    );
     if (nextItemIndex > 0) {
-      var _menuElement;
-      (_menuElement = menuElement[_currentItem + nextItemIndex]) === null || _menuElement === void 0 ? void 0 : _menuElement.focus();
+      menuElement[currentItem2 + nextItemIndex]?.focus();
     } else {
-      var _menuElement$_current;
-      (_menuElement$_current = menuElement[_currentItem]) === null || _menuElement$_current === void 0 ? void 0 : _menuElement$_current.focus();
+      menuElement[currentItem2]?.focus();
     }
   }
 };
-export var NavMenuContentList = function NavMenuContentList(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(NavMenuContentListBase, _extends({}, props, {
-    onKeyDown: function onKeyDown(event) {
-      switch (event.key) {
-        case 'ArrowDown':
-        case 'ArrowRight':
-          focusNavListItem(event, 1);
-          break;
-        case 'ArrowUp':
-        case 'ArrowLeft':
-          focusNavListItem(event, -1);
-          break;
-        default:
-          break;
+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);
+    },
+    children
+  );
+};
+var NavMenuContentList_default = NavMenuContentList;
+export {
+  NavMenuContentList,
+  NavMenuContentList_default as default
 };
-export default NavMenuContentList;
+//# sourceMappingURL=NavMenuContentList.js.map

package/navigation/NavList/NavMenuContentList.js.map

@@ -0,0 +1,7 @@
+{
+  "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 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,37 +1,34 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["registerButton", "registerLink", "opened"];
-import { useCallback, useRef } from 'react';
-import { useTogglableNav } from '@digigov/ui/navigation/NavList/hooks/useTogglableNav';
-export var useNavList = function useNavList() {
-  var registeredContainers = useRef({});
-  var _useTogglableNav = useTogglableNav({
-      singleOpen: true,
-      toggleOpenClose: true,
-      toggleParentOpen: true,
-      toggleProperty: 'active',
-      onToggleProperty: 'onClick',
-      ariaNavigation: true
-    }),
-    registerButton = _useTogglableNav.registerButton,
-    registerLink = _useTogglableNav.registerLink,
-    opened = _useTogglableNav.opened,
-    rest = _objectWithoutProperties(_useTogglableNav, _excluded);
-  var registerNavItemMenu = useCallback(function (key) {
-    return {
-      ref: function ref(el) {
-        if (el && !registeredContainers.current[el.id]) {
-          registeredContainers.current[el.id] = el;
-        }
-      },
-      active: opened[key],
-      id: key
-    };
-  }, [opened]);
-  return _extends({
-    registerButton: registerButton,
-    registerLink: registerLink,
-    opened: opened,
-    registerNavItemMenu: registerNavItemMenu
-  }, rest);
-};
+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.js.map

@@ -0,0 +1,7 @@
+{
+  "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": []
+}