@digigov/ui 1.1.3 → 1.1.4-mobile

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

@@ -1,134 +1,136 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useTogglableNav_exports = {};
+__export(useTogglableNav_exports, {
+  useTogglableNav: () => useTogglableNav
 });
-exports.useTogglableNav = useTogglableNav;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-/* eslint-disable no-case-declarations */
-
-function useTogglableNav(_ref) {
-  var toggleProperty = _ref.toggleProperty,
-    toggleOpenClose = _ref.toggleOpenClose,
-    toggleParentOpen = _ref.toggleParentOpen,
-    onToggleProperty = _ref.onToggleProperty,
-    initial = _ref.initial,
-    ariaNavigation = _ref.ariaNavigation,
-    toggleHook = _ref.toggleHook;
-  var _useState = (0, _react.useState)(initial || {}),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    opened = _useState2[0],
-    setOpened = _useState2[1];
-  var registered = (0, _react.useRef)({});
-  var openedKeys = (0, _react.useRef)([]);
-  var toggle = (0, _react.useCallback)(function (e) {
-    var key = e.currentTarget.getAttribute('aria-controls');
-    var selected = e.currentTarget.getAttribute('aria-selected') === 'true';
+module.exports = __toCommonJS(useTogglableNav_exports);
+var import_react = require("react");
+function useTogglableNav({
+  toggleProperty,
+  toggleOpenClose,
+  toggleParentOpen,
+  onToggleProperty,
+  initial,
+  ariaNavigation,
+  toggleHook
+}) {
+  const [opened, setOpened] = (0, import_react.useState)(initial || {});
+  const registered = (0, import_react.useRef)(
+    {}
+  );
+  const openedKeys = (0, import_react.useRef)([]);
+  const toggle = (0, import_react.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) {
-        var items = key.split('__');
-        var currentKey = items.slice(0, items.length).join('__');
-        var totalKeys = items.map(function (_, index) {
-          return items.slice(0, index + 1).join('__');
+        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(function (k) {
-            return k !== currentKey;
-          });
+          openedKeys.current = openedKeys.current.filter(
+            (k) => k !== currentKey
+          );
         }
-        setOpened(function (_) {
-          return (0, _extends3["default"])({}, totalKeys.reduce(function (acc, cur) {
+        setOpened((_) => ({
+          ...totalKeys.reduce((acc, cur) => {
             acc[cur] = cur === currentKey ? !selected : true;
             return acc;
-          }, {}));
-        });
+          }, {})
+        }));
       } else {
-        setOpened((0, _defineProperty2["default"])({}, key, !selected));
+        setOpened({ [key]: !selected });
       }
     } else {
-      setOpened((0, _defineProperty2["default"])({}, key, true));
+      setOpened({ [key]: true });
     }
   }, []);
-  var getMenuItems = function getMenuItems(element) {
+  const getMenuItems = (element) => {
     if (element) {
-      if ((element === null || element === void 0 ? void 0 : element.role) === 'menuitem') {
+      if (element?.role === "menuitem") {
         return element;
       } else {
-        var childrenArray = Array.from(element === null || element === void 0 ? void 0 : element.children);
-        var menuItemsArray = [];
-        childrenArray.forEach(function (child) {
-          var menuItem = getMenuItems(child);
+        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(function (x) {
-          return x;
-        });
+        return menuItemsArray.flatMap((x) => x);
       }
     }
     return null;
   };
-  var findChildren = function findChildren(parent, items) {
-    return items ? items.filter(function (child) {
-      return child.slice(0, child.lastIndexOf('__')) === parent;
-    }) : items;
+  const findChildren = (parent, items) => {
+    return items ? items.filter(
+      (child) => child.slice(0, child.lastIndexOf("__")) === parent
+    ) : items;
   };
-  var findParent = function findParent(child, items) {
-    var parent = child.slice(0, child.lastIndexOf('__'));
-    return items.find(function (item) {
-      return item === parent;
-    }) ? parent : null;
+  const findParent = (child, items) => {
+    const parent = child.slice(0, child.lastIndexOf("__"));
+    return items.find((item) => item === parent) ? parent : null;
   };
-  var findSiblings = function findSiblings(key, items) {
-    var parent = key.slice(0, key.lastIndexOf('__'));
-    if (key.lastIndexOf('__') > 0) {
-      return items.filter(function (child) {
-        return child.slice(0, child.lastIndexOf('__')) === parent;
-      });
+  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(function (child) {
-      return !child.includes('__');
-    });
+    return items.filter((child) => !child.includes("__"));
   };
-  var findLeftSibling = function findLeftSibling(key, items) {
-    var siblings = findSiblings(key, items);
+  const findLeftSibling = (key, items) => {
+    const siblings = findSiblings(key, items);
     if (siblings.length > 0) {
-      var keyIndex = siblings.findIndex(function (item) {
-        return item === key;
-      });
+      const keyIndex = siblings.findIndex((item) => item === key);
       return keyIndex > 0 ? siblings[keyIndex - 1] : null;
     }
     return null;
   };
-  var findRightSibling = function findRightSibling(key, items) {
-    var siblings = findSiblings(key, items);
+  const findRightSibling = (key, items) => {
+    const siblings = findSiblings(key, items);
     if (siblings.length > 0) {
-      var keyIndex = siblings.findIndex(function (item) {
-        return item === key;
-      });
+      const keyIndex = siblings.findIndex((item) => item === key);
       return keyIndex < siblings.length - 1 ? siblings[keyIndex + 1] : null;
     }
     return null;
   };
-  var getOpenItemChildren = function getOpenItemChildren(currentItem, items) {
-    var itemChildrenArray = [];
-    var itemChildren = findChildren(currentItem, items);
-    itemChildren.forEach(function (item) {
+  const getOpenItemChildren = (currentItem, items) => {
+    const itemChildrenArray = [];
+    const itemChildren = findChildren(currentItem, items);
+    itemChildren.forEach((item) => {
       if (openedKeys.current.includes(item)) {
         itemChildrenArray.push(item);
-        var internChildren = getOpenItemChildren(item, items);
+        const internChildren = getOpenItemChildren(item, items);
         if (internChildren.length > 0) {
           itemChildrenArray.push(internChildren);
         }
@@ -136,46 +138,39 @@ function useTogglableNav(_ref) {
         itemChildrenArray.push(item);
       }
     });
-    return itemChildrenArray.flatMap(function (x) {
-      return x;
-    });
+    return itemChildrenArray.flatMap((x) => x);
   };
-  var onKeyDown = (0, _react.useCallback)(function (e) {
-    var _document$querySelect;
-    var orientation = (_document$querySelect = document.querySelector("[aria-orientation]")) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute('aria-orientation');
-    var key = e.target.getAttribute('aria-controls');
-    var keys = Object.entries(registered.current).map(function (_ref2) {
-      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
-        entryKey = _ref3[0],
-        _ = _ref3[1];
-      return entryKey;
-    });
-    var handleArrowRight = function handleArrowRight() {
-      var arrowRightItem = findRightSibling(key, keys);
+  const onKeyDown = (0, import_react.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();
       }
     };
-    var handleArrowLeft = function handleArrowLeft() {
-      var arrowLeftItem = findLeftSibling(key, keys);
+    const handleArrowLeft = () => {
+      const arrowLeftItem = findLeftSibling(key, keys);
       if (arrowLeftItem) {
         registered.current[arrowLeftItem].el.focus();
       }
     };
     switch (e.key) {
-      case 'ArrowRight':
+      case "ArrowRight":
         handleArrowRight();
         break;
-      case 'ArrowDown':
-        var openItem = getOpenItemChildren(key, keys);
-        var arrowDownItems = findChildren(key, openItem);
-        var menuItems = getMenuItems(document.getElementById(key));
+      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') {
-            var _document$activeEleme;
-            if (((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('aria-selected')) === 'true' && menuItems && menuItems.length > 0) {
+          if (orientation === "vertical") {
+            if (document.activeElement?.getAttribute("aria-selected") === "true" && menuItems && menuItems.length > 0) {
               menuItems[0].focus();
             } else {
               handleArrowRight();
@@ -187,22 +182,22 @@ function useTogglableNav(_ref) {
           }
         }
         break;
-      case 'ArrowLeft':
+      case "ArrowLeft":
         handleArrowLeft();
         break;
-      case 'ArrowUp':
-        if (orientation === 'vertical') {
+      case "ArrowUp":
+        if (orientation === "vertical") {
           handleArrowLeft();
         } else {
-          var arrowUpItem = findParent(key, keys);
+          const arrowUpItem = findParent(key, keys);
           if (arrowUpItem) {
             registered.current[arrowUpItem].el.focus();
           }
         }
         break;
-      case ' ':
-      case 'Enter':
-        if (registered.current[key].type === 'link') {
+      case " ":
+      case "Enter":
+        if (registered.current[key].type === "link") {
           registered.current[key].el.click();
         } else {
           toggle(e);
@@ -210,63 +205,76 @@ function useTogglableNav(_ref) {
         break;
     }
   }, []);
-  var registerButtonRef = (0, _react.useCallback)(function (el) {
+  const registerButtonRef = (0, import_react.useCallback)((el) => {
     if (!el) return;
-    var key = el.getAttribute('aria-controls');
+    const key = el.getAttribute("aria-controls");
     if (registered.current[key]) return;
     registered.current[key] = {
-      el: el,
-      type: 'button'
+      el,
+      type: "button"
     };
   }, []);
-  var registerLinkRef = (0, _react.useCallback)(function (el) {
+  const registerLinkRef = (0, import_react.useCallback)((el) => {
     if (!el) return;
-    var key = el.getAttribute('aria-controls');
+    const key = el.getAttribute("aria-controls");
     if (registered.current[key]) return;
     registered.current[key] = {
-      el: el,
-      type: 'link'
+      el,
+      type: "link"
     };
   }, []);
-  var registerButton = (0, _react.useCallback)(function (key) {
-    var isOpen = !!opened[key];
-    return (0, _extends3["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({
-      ref: registerButtonRef
-    }, toggleProperty, isOpen), onToggleProperty, toggle), 'aria-controls', "".concat(key)), ariaNavigation && {
-      onKeyDown: onKeyDown
-    });
-  }, [opened]);
-  var registerLink = (0, _react.useCallback)(function (key) {
-    return (0, _extends3["default"])({
-      ref: registerLinkRef,
-      'aria-controls': "".concat(key)
-    }, ariaNavigation && {
-      onKeyDown: onKeyDown
-    });
-  }, [opened]);
-  var registerNavItem = (0, _react.useCallback)(function (item) {
-    if (item.subMenu || item.menu) {
-      return (0, _extends3["default"])({}, registerButton(item.name), {
-        role: 'button'
-      });
-    } else if (item.href) {
-      return (0, _extends3["default"])({}, registerLink(item.name), {
-        href: item.href
-      });
-    } else {
-      console.error(item);
-      throw new Error('Invalid nav item. Must be either button or link');
-    }
-  }, [opened]);
-  return (0, _react.useMemo)(function () {
-    return {
-      registerNavItem: registerNavItem,
-      registerButton: registerButton,
-      registerLink: registerLink,
-      registered: registered,
-      opened: opened,
-      toggle: toggle,
-      setOpened: setOpened
-    };
-  }, [opened]);
-}
+  const registerButton = (0, import_react.useCallback)(
+    (key) => {
+      const isOpen = !!opened[key];
+      return {
+        ref: registerButtonRef,
+        [toggleProperty]: isOpen,
+        arrow: true,
+        [onToggleProperty]: toggle,
+        "aria-controls": `${key}`,
+        ...ariaNavigation && { onKeyDown }
+      };
+    },
+    [opened]
+  );
+  const registerLink = (0, import_react.useCallback)(
+    (key) => {
+      return {
+        ref: registerLinkRef,
+        "aria-controls": `${key}`,
+        ...ariaNavigation && { onKeyDown }
+      };
+    },
+    [opened]
+  );
+  const registerNavItem = (0, import_react.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 (0, import_react.useMemo)(
+    () => ({
+      registerNavItem,
+      registerButton,
+      registerLink,
+      registered,
+      opened,
+      toggle,
+      setOpened
+    }),
+    [opened]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTogglableNav
+});
+//# sourceMappingURL=useTogglableNav.js.map

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

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