@onewelcome/react-lib-components 9.8.1 → 10.0.1

package/dist/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.es.js

@@ -0,0 +1,121 @@
+import React, { useState, useEffect } from "react";
+import classes from "./LeftNavItem.module.scss.es.js";
+import { Icon, Icons } from "../../../../Icon/Icon.es.js";
+import { useKeyboardNavigation } from "./useKeyboardNavigation.es.js";
+const chevronIconDataKey = { attributeKey: "chevron-icon", objectKey: "chevronIcon" };
+const ButtonLeftNavItemComponent = ({
+  item,
+  navigate,
+  onItemClick,
+  refItems,
+  NestedComponent,
+  closeParentList,
+  internalLinkPrefix = ""
+}, ref) => {
+  var _a, _b;
+  const [expanded, setExpanded] = useState(false);
+  const isActiveParent = !!((_a = item.items) == null ? void 0 : _a.find((menuItem) => menuItem.active));
+  const onExpandIconClickHandler = () => {
+    setExpanded((expanded2) => !expanded2);
+  };
+  const { onKeyPressNavigation } = useKeyboardNavigation({
+    refItems,
+    item,
+    closeParentList,
+    onExpandIconClickHandler
+  });
+  const onButtonClickHandler = (event) => {
+    const isChevronIcon = !!event.target.dataset[chevronIconDataKey.objectKey];
+    if (!isChevronIcon && item.path && !item.disabled) {
+      event.preventDefault();
+      navigate(item.path);
+      onItemClick == null ? void 0 : onItemClick(item.path, true);
+    }
+  };
+  const onLinkClickHandler = (event) => {
+    event.preventDefault();
+  };
+  const openParentWithActiveElement = () => {
+    if (isActiveParent) {
+      setExpanded(true);
+    }
+  };
+  useEffect(openParentWithActiveElement, [isActiveParent]);
+  const getStylingClasses = () => {
+    const buttonClasses2 = [classes["menu-item"], classes["menu-button"]];
+    expanded && buttonClasses2.push(classes["expanded"]);
+    (item.active || isActiveParent) && buttonClasses2.push(classes["menu-item-active"]);
+    item.disabled && buttonClasses2.push(classes["disabled"]);
+    const buttonWrapperClasses2 = [classes["menu-button-wrapper"], classes["menu-list-item"]];
+    expanded && buttonWrapperClasses2.push(classes["expanded"]);
+    item.active && buttonWrapperClasses2.push(classes["menu-item-active"]);
+    return {
+      buttonClasses: buttonClasses2,
+      buttonWrapperClasses: buttonWrapperClasses2
+    };
+  };
+  const { buttonClasses, buttonWrapperClasses } = getStylingClasses();
+  const tabIndexActive = item.active ? 0 : -1;
+  const tabIndex = item.disabled ? -1 : tabIndexActive;
+  return /* @__PURE__ */ React.createElement("li", { className: buttonWrapperClasses.join(" "), "data-testid": item.key }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      "aria-controls": item.key,
+      "data-testid": `left-nav-item-${item.key}`,
+      "aria-expanded": expanded,
+      ref,
+      onKeyDown: onKeyPressNavigation,
+      onClick: onButtonClickHandler,
+      className: buttonClasses.join(" "),
+      disabled: item.disabled,
+      tabIndex
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classes["menu-item-text-wrapper"] }, item.iconComponent && React.cloneElement(item.iconComponent, { className: classes["menu-item-icon"] }), item.path ? /* @__PURE__ */ React.createElement(
+      "a",
+      {
+        href: item.path ? internalLinkPrefix + item.path : "",
+        "aria-current": item.active ? "page" : false,
+        className: classes["menu-item-text"],
+        onClick: onLinkClickHandler,
+        tabIndex: -1
+      },
+      item.title
+    ) : /* @__PURE__ */ React.createElement("span", { className: classes["menu-item-text"] }, item.title)),
+    /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        onClick: onExpandIconClickHandler,
+        className: classes["menu-item-expand-icon"],
+        icon: Icons.ChevronDown,
+        ...{ [`data-${chevronIconDataKey.attributeKey}`]: "true" }
+      }
+    )
+  ), /* @__PURE__ */ React.createElement(
+    "ul",
+    {
+      id: item.key,
+      style: { maxHeight: expanded ? void 0 : 0 },
+      className: classes["menu-list"]
+    },
+    !item.disabled && ((_b = item.items) == null ? void 0 : _b.map((item2) => /* @__PURE__ */ React.createElement(
+      NestedComponent,
+      {
+        ref: (el) => refItems.addElementReference(el, item2.key),
+        key: item2.key,
+        closeParentList: () => setExpanded(false),
+        onKeyUp: onKeyPressNavigation,
+        item: item2,
+        navigate,
+        onItemClick,
+        refItems,
+        internalLinkPrefix
+      },
+      item2.title
+    )))
+  ));
+};
+const ButtonLeftNavItem = React.forwardRef(ButtonLeftNavItemComponent);
+export {
+  ButtonLeftNavItem
+};
+//# sourceMappingURL=ButtonLeftNavItem.es.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonLeftNavItem.es.js","sources":["../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ForwardRefExoticComponent,\n  ForwardRefRenderFunction,\n  HTMLProps,\n  MouseEvent,\n  Ref,\n  useEffect,\n  useState\n} from \"react\";\nimport classes from \"./LeftNavItem.module.scss\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { Icon, Icons } from \"../../../../Icon/Icon\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\nimport { LeftNavItemProps } from \"./LeftNavItem.interface\";\n\nexport interface Props extends HTMLProps<HTMLElement> {\n  item: MenuItem;\n  navigate: (path: string) => void;\n  onItemClick?: (path?: string, button?: boolean) => void;\n  refItems: UseRefItemsReturnType;\n  NestedComponent: ForwardRefExoticComponent<LeftNavItemProps>;\n  closeParentList?: () => void;\n  internalLinkPrefix?: string;\n}\n\nconst chevronIconDataKey = { attributeKey: \"chevron-icon\", objectKey: \"chevronIcon\" };\n\nconst ButtonLeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  {\n    item,\n    navigate,\n    onItemClick,\n    refItems,\n    NestedComponent,\n    closeParentList,\n    internalLinkPrefix = \"\"\n  },\n  ref\n) => {\n  const [expanded, setExpanded] = useState(false);\n  const isActiveParent = !!item.items?.find(menuItem => menuItem.active);\n\n  const onExpandIconClickHandler = () => {\n    setExpanded(expanded => !expanded);\n  };\n\n  const { onKeyPressNavigation } = useKeyboardNavigation({\n    refItems,\n    item,\n    closeParentList,\n    onExpandIconClickHandler\n  });\n\n  const onButtonClickHandler = (event: MouseEvent<HTMLButtonElement>) => {\n    const isChevronIcon = !!(event.target as HTMLElement).dataset[chevronIconDataKey.objectKey];\n    if (!isChevronIcon && item.path && !item.disabled) {\n      event.preventDefault();\n      navigate(item.path);\n      onItemClick?.(item.path, true);\n    }\n  };\n\n  const onLinkClickHandler = (event: MouseEvent<HTMLAnchorElement>) => {\n    event.preventDefault();\n  };\n\n  const openParentWithActiveElement = () => {\n    if (isActiveParent) {\n      setExpanded(true);\n    }\n  };\n\n  useEffect(openParentWithActiveElement, [isActiveParent]);\n\n  const getStylingClasses = () => {\n    const buttonClasses = [classes[\"menu-item\"], classes[\"menu-button\"]];\n    expanded && buttonClasses.push(classes[\"expanded\"]);\n    (item.active || isActiveParent) && buttonClasses.push(classes[\"menu-item-active\"]);\n    item.disabled && buttonClasses.push(classes[\"disabled\"]);\n    const buttonWrapperClasses = [classes[\"menu-button-wrapper\"], classes[\"menu-list-item\"]];\n    expanded && buttonWrapperClasses.push(classes[\"expanded\"]);\n    item.active && buttonWrapperClasses.push(classes[\"menu-item-active\"]);\n    return {\n      buttonClasses,\n      buttonWrapperClasses\n    };\n  };\n\n  const { buttonClasses, buttonWrapperClasses } = getStylingClasses();\n  const tabIndexActive = item.active ? 0 : -1;\n  const tabIndex = item.disabled ? -1 : tabIndexActive;\n\n  return (\n    <li className={buttonWrapperClasses.join(\" \")} data-testid={item.key}>\n      <button\n        aria-controls={item.key}\n        data-testid={`left-nav-item-${item.key}`}\n        aria-expanded={expanded}\n        ref={ref as Ref<HTMLButtonElement>}\n        onKeyDown={onKeyPressNavigation}\n        onClick={onButtonClickHandler}\n        className={buttonClasses.join(\" \")}\n        disabled={item.disabled}\n        tabIndex={tabIndex}\n      >\n        <div className={classes[\"menu-item-text-wrapper\"]}>\n          {item.iconComponent &&\n            React.cloneElement(item.iconComponent, { className: classes[\"menu-item-icon\"] })}\n          {item.path ? (\n            <a\n              href={item.path ? internalLinkPrefix + item.path : \"\"}\n              aria-current={item.active ? \"page\" : false}\n              className={classes[\"menu-item-text\"]}\n              onClick={onLinkClickHandler}\n              tabIndex={-1}\n            >\n              {item.title}\n            </a>\n          ) : (\n            <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n          )}\n        </div>\n        <Icon\n          onClick={onExpandIconClickHandler}\n          className={classes[\"menu-item-expand-icon\"]}\n          icon={Icons.ChevronDown}\n          {...{ [`data-${chevronIconDataKey.attributeKey}`]: \"true\" }}\n        />\n      </button>\n      <ul\n        id={item.key}\n        style={{ maxHeight: expanded ? undefined : 0 }}\n        className={classes[\"menu-list\"]}\n      >\n        {!item.disabled &&\n          item.items?.map(item => (\n            <NestedComponent\n              ref={el => refItems.addElementReference(el, item.key)}\n              key={item.key}\n              closeParentList={() => setExpanded(false)}\n              onKeyUp={onKeyPressNavigation}\n              item={item}\n              navigate={navigate}\n              onItemClick={onItemClick}\n              refItems={refItems}\n              internalLinkPrefix={internalLinkPrefix}\n            >\n              {item.title}\n            </NestedComponent>\n          ))}\n      </ul>\n    </li>\n  );\n};\n\nexport const ButtonLeftNavItem = React.forwardRef(ButtonLeftNavItemComponent);\n"],"names":["expanded","buttonClasses","buttonWrapperClasses","item"],"mappings":"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"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./ButtonLeftNavItem.cjs.js"),r=require("./LinkLeftNavItem.cjs.js"),n=e.forwardRef(((o,a)=>{var i;return(null==(i=o.item.items)?void 0:i.length)?e.createElement(t.ButtonLeftNavItem,{...o,ref:a,NestedComponent:n}):e.createElement(r.LinkLeftNavItem,{...o,ref:a})}));exports.LeftNavItem=n;
+//# sourceMappingURL=LeftNavItem.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNavItem.cjs.js","sources":["../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction } from \"react\";\nimport { ButtonLeftNavItem } from \"./ButtonLeftNavItem\";\nimport { LinkLeftNavItem } from \"./LinkLeftNavItem\";\nimport { LeftNavItemProps } from \"./LeftNavItem.interface\";\n\nconst LeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, LeftNavItemProps> = (\n  props,\n  ref\n) => {\n  const shouldBeButton = !!(props.item.items?.length ?? 0 >= 1);\n  return shouldBeButton ? (\n    <ButtonLeftNavItem {...props} ref={ref} NestedComponent={LeftNavItem} />\n  ) : (\n    <LinkLeftNavItem {...props} ref={ref} />\n  );\n};\n\nexport const LeftNavItem = React.forwardRef(LeftNavItemComponent);\n"],"names":["LeftNavItem","React","forwardRef","props","ref","_a","item","items","length","createElement","ButtonLeftNavItem","NestedComponent","LinkLeftNavItem"],"mappings":"uLAiCaA,EAAcC,EAAMC,YAZqD,CACpFC,EACAC,WAGO,OADmB,OAAAC,EAAAF,EAAMG,KAAKC,YAAX,EAAAF,EAAkBG,UAE1CC,cAACC,EAAmBA,kBAAA,IAAGP,EAAOC,MAAUO,gBAAiBX,MAEzDS,cAACG,EAAiBA,gBAAA,IAAGT,EAAOC,OAAU"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.es.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { ButtonLeftNavItem } from "./ButtonLeftNavItem.es.js";
+import { LinkLeftNavItem } from "./LinkLeftNavItem.es.js";
+const LeftNavItemComponent = (props, ref) => {
+  var _a;
+  const shouldBeButton = !!(((_a = props.item.items) == null ? void 0 : _a.length) ?? 0 >= 1);
+  return shouldBeButton ? /* @__PURE__ */ React.createElement(ButtonLeftNavItem, { ...props, ref, NestedComponent: LeftNavItem }) : /* @__PURE__ */ React.createElement(LinkLeftNavItem, { ...props, ref });
+};
+const LeftNavItem = React.forwardRef(LeftNavItemComponent);
+export {
+  LeftNavItem
+};
+//# sourceMappingURL=LeftNavItem.es.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNavItem.es.js","sources":["../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction } from \"react\";\nimport { ButtonLeftNavItem } from \"./ButtonLeftNavItem\";\nimport { LinkLeftNavItem } from \"./LinkLeftNavItem\";\nimport { LeftNavItemProps } from \"./LeftNavItem.interface\";\n\nconst LeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, LeftNavItemProps> = (\n  props,\n  ref\n) => {\n  const shouldBeButton = !!(props.item.items?.length ?? 0 >= 1);\n  return shouldBeButton ? (\n    <ButtonLeftNavItem {...props} ref={ref} NestedComponent={LeftNavItem} />\n  ) : (\n    <LinkLeftNavItem {...props} ref={ref} />\n  );\n};\n\nexport const LeftNavItem = React.forwardRef(LeftNavItemComponent);\n"],"names":[],"mappings":";;;AAqBA,MAAM,uBAAgF,CACpF,OACA,QACG;;AACH,QAAM,iBAAiB,CAAC,IAAE,WAAM,KAAK,UAAX,mBAAkB,WAAU,KAAK;AAC3D,SAAO,iBACL,sBAAA,cAAC,mBAAmB,EAAA,GAAG,OAAO,KAAU,iBAAiB,YAAa,CAAA,IAEtE,sBAAA,cAAC,iBAAiB,EAAA,GAAG,OAAO,KAAU;AAE1C;AAEa,MAAA,cAAc,MAAM,WAAW,oBAAoB;"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.cjs.js

@@ -0,0 +1,3 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNavItem_menu-button_k4xuc{background-color:transparent;border:0;font-family:var(--font-family)}.LeftNavItem_menu-button_k4xuc a{color:inherit;text-decoration:inherit}.LeftNavItem_menu-button_k4xuc a:hover,.LeftNavItem_menu-button_k4xuc a:active,.LeftNavItem_menu-button_k4xuc a:focus{color:inherit}.LeftNavItem_menu-link_k4xuc{text-decoration:none}.LeftNavItem_menu-button-wrapper_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc,.LeftNavItem_menu-button-wrapper_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>a{opacity:0;transform:translateY(-60px)}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc,.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li{opacity:0;animation-name:LeftNavItem_item-fade-in_k4xuc;animation-duration:.25s;animation-fill-mode:forwards}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(1),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(1){animation-delay:0ms}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(2),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(2){animation-delay:.1s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(3),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(3){animation-delay:.2s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(4),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(4){animation-delay:.3s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(5),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(5){animation-delay:.4s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(6),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(6){animation-delay:.5s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(7),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(7){animation-delay:.6s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(8),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(8){animation-delay:.7s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(9),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(9){animation-delay:.8s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(10),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(10){animation-delay:.9s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(11),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(11){animation-delay:1s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(12),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(12){animation-delay:1.1s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(13),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(13){animation-delay:1.2s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(14),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(14){animation-delay:1.3s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(15),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(15){animation-delay:1.4s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(16),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(16){animation-delay:1.5s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(17),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(17){animation-delay:1.6s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(18),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(18){animation-delay:1.7s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(19),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(19){animation-delay:1.8s}.LeftNavItem_menu-button-wrapper_k4xuc .LeftNavItem_menu-button-wrapper_k4xuc .LeftNavItem_menu-link_k4xuc{padding-left:2.5rem}.LeftNavItem_menu-list_k4xuc{padding:0;margin:0;overflow:hidden;max-height:100000px;list-style:none;text-align:left;transition:max-height .15s ease-in-out}.LeftNavItem_menu-list_k4xuc .LeftNavItem_menu-item-text-wrapper_k4xuc{padding-left:2rem}.LeftNavItem_menu-list_k4xuc a:focus-visible,.LeftNavItem_menu-list_k4xuc button:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_k4xuc{box-sizing:border-box;display:flex;padding:1.125rem 1rem;align-items:center;justify-content:space-between;width:100%;color:var(--color-blue-grey900);line-height:1.5rem;font-size:1rem;font-weight:400;transition:all .15s ease-in-out;cursor:pointer}.LeftNavItem_menu-item_k4xuc:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_k4xuc .LeftNavItem_menu-item-text-wrapper_k4xuc{display:flex}.LeftNavItem_menu-item_k4xuc .LeftNavItem_menu-item-expand-icon_k4xuc{padding:.375rem;margin:-.375rem}.LeftNavItem_menu-item_k4xuc .LeftNavItem_menu-item-icon_k4xuc{display:flex;align-items:center;justify-content:center;width:1.5rem;margin-right:.5rem;font-size:1.125rem}.LeftNavItem_menu-item-text_k4xuc{display:flex;align-items:center}.LeftNavItem_menu-item-expand-icon_k4xuc{font-size:.75rem;color:var(--color-blue-grey900);transition:all .15s ease-in-out}.LeftNavItem_menu-item_k4xuc.LeftNavItem_expanded_k4xuc .LeftNavItem_menu-item-expand-icon_k4xuc{transform:rotate(180deg)}.LeftNavItem_menu-item_k4xuc a{color:inherit}.LeftNavItem_menu-item_k4xuc:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-item_k4xuc:focus,.LeftNavItem_menu-item_k4xuc:active{color:inherit;background-color:var(--color-blue-grey100)}.LeftNavItem_menu-item_k4xuc.LeftNavItem_disabled_k4xuc{color:var(--color-blue-grey400);background-color:var(--color-blue-grey25);pointer-events:none}.LeftNavItem_menu-list-item_k4xuc{position:relative}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item_k4xuc{padding:.75rem 1rem;color:var(--color-blue-grey900)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc{background-color:var(--left-nav-item-active-background-color)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc:focus,.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc:active{background-color:var(--color-blue-grey100)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc:before{content:"";height:100%;position:absolute;left:0;z-index:2;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:.25rem solid var(--left-nav-item-active-ribbon-color)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc .LeftNavItem_menu-item-text_k4xuc,.LeftNavItem_menu-list-item_k4xuc button.LeftNavItem_menu-item-active_k4xuc .LeftNavItem_menu-item-text_k4xuc{font-weight:700}@keyframes LeftNavItem_item-fade-in_k4xuc{0%{opacity:0;transform:translateY(-60px)}80%{opacity:.6}to{opacity:1;transform:translateY(0)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="LeftNavItem_expanded_k4xuc",t="LeftNavItem_disabled_k4xuc",m={"menu-button":"LeftNavItem_menu-button_k4xuc","menu-link":"LeftNavItem_menu-link_k4xuc","menu-button-wrapper":"LeftNavItem_menu-button-wrapper_k4xuc",expanded:e,"menu-list":"LeftNavItem_menu-list_k4xuc","menu-item-text-wrapper":"LeftNavItem_menu-item-text-wrapper_k4xuc","menu-item":"LeftNavItem_menu-item_k4xuc","menu-item-expand-icon":"LeftNavItem_menu-item-expand-icon_k4xuc","menu-item-icon":"LeftNavItem_menu-item-icon_k4xuc","menu-item-text":"LeftNavItem_menu-item-text_k4xuc",disabled:t,"menu-list-item":"LeftNavItem_menu-list-item_k4xuc","menu-item-active":"LeftNavItem_menu-item-active_k4xuc"};exports.default=m,exports.disabled=t,exports.expanded=e;
+//# sourceMappingURL=LeftNavItem.module.scss.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.es.js

@@ -0,0 +1,24 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.LeftNavItem_menu-button_k4xuc{background-color:transparent;border:0;font-family:var(--font-family)}.LeftNavItem_menu-button_k4xuc a{color:inherit;text-decoration:inherit}.LeftNavItem_menu-button_k4xuc a:hover,.LeftNavItem_menu-button_k4xuc a:active,.LeftNavItem_menu-button_k4xuc a:focus{color:inherit}.LeftNavItem_menu-link_k4xuc{text-decoration:none}.LeftNavItem_menu-button-wrapper_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc,.LeftNavItem_menu-button-wrapper_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>a{opacity:0;transform:translateY(-60px)}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc,.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li{opacity:0;animation-name:LeftNavItem_item-fade-in_k4xuc;animation-duration:.25s;animation-fill-mode:forwards}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(1),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(1){animation-delay:0ms}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(2),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(2){animation-delay:.1s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(3),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(3){animation-delay:.2s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(4),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(4){animation-delay:.3s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(5),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(5){animation-delay:.4s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(6),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(6){animation-delay:.5s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(7),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(7){animation-delay:.6s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(8),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(8){animation-delay:.7s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(9),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(9){animation-delay:.8s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(10),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(10){animation-delay:.9s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(11),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(11){animation-delay:1s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(12),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(12){animation-delay:1.1s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(13),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(13){animation-delay:1.2s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(14),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(14){animation-delay:1.3s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(15),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(15){animation-delay:1.4s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(16),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(16){animation-delay:1.5s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(17),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(17){animation-delay:1.6s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(18),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(18){animation-delay:1.7s}.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>.LeftNavItem_menu-button-wrapper_k4xuc:nth-child(19),.LeftNavItem_menu-button-wrapper_k4xuc.LeftNavItem_expanded_k4xuc>.LeftNavItem_menu-button_k4xuc+ul>li:nth-child(19){animation-delay:1.8s}.LeftNavItem_menu-button-wrapper_k4xuc .LeftNavItem_menu-button-wrapper_k4xuc .LeftNavItem_menu-link_k4xuc{padding-left:2.5rem}.LeftNavItem_menu-list_k4xuc{padding:0;margin:0;overflow:hidden;max-height:100000px;list-style:none;text-align:left;transition:max-height .15s ease-in-out}.LeftNavItem_menu-list_k4xuc .LeftNavItem_menu-item-text-wrapper_k4xuc{padding-left:2rem}.LeftNavItem_menu-list_k4xuc a:focus-visible,.LeftNavItem_menu-list_k4xuc button:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_k4xuc{box-sizing:border-box;display:flex;padding:1.125rem 1rem;align-items:center;justify-content:space-between;width:100%;color:var(--color-blue-grey900);line-height:1.5rem;font-size:1rem;font-weight:400;transition:all .15s ease-in-out;cursor:pointer}.LeftNavItem_menu-item_k4xuc:focus-visible{outline-offset:-.0625rem}.LeftNavItem_menu-item_k4xuc .LeftNavItem_menu-item-text-wrapper_k4xuc{display:flex}.LeftNavItem_menu-item_k4xuc .LeftNavItem_menu-item-expand-icon_k4xuc{padding:.375rem;margin:-.375rem}.LeftNavItem_menu-item_k4xuc .LeftNavItem_menu-item-icon_k4xuc{display:flex;align-items:center;justify-content:center;width:1.5rem;margin-right:.5rem;font-size:1.125rem}.LeftNavItem_menu-item-text_k4xuc{display:flex;align-items:center}.LeftNavItem_menu-item-expand-icon_k4xuc{font-size:.75rem;color:var(--color-blue-grey900);transition:all .15s ease-in-out}.LeftNavItem_menu-item_k4xuc.LeftNavItem_expanded_k4xuc .LeftNavItem_menu-item-expand-icon_k4xuc{transform:rotate(180deg)}.LeftNavItem_menu-item_k4xuc a{color:inherit}.LeftNavItem_menu-item_k4xuc:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-item_k4xuc:focus,.LeftNavItem_menu-item_k4xuc:active{color:inherit;background-color:var(--color-blue-grey100)}.LeftNavItem_menu-item_k4xuc.LeftNavItem_disabled_k4xuc{color:var(--color-blue-grey400);background-color:var(--color-blue-grey25);pointer-events:none}.LeftNavItem_menu-list-item_k4xuc{position:relative}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item_k4xuc{padding:.75rem 1rem;color:var(--color-blue-grey900)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc{background-color:var(--left-nav-item-active-background-color)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc:hover{background-color:var(--color-blue-grey50)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc:focus,.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc:active{background-color:var(--color-blue-grey100)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc:before{content:"";height:100%;position:absolute;left:0;z-index:2;border-top-right-radius:.125rem;border-bottom-right-radius:.125rem;border-left:.25rem solid var(--left-nav-item-active-ribbon-color)}.LeftNavItem_menu-list-item_k4xuc a.LeftNavItem_menu-item-active_k4xuc .LeftNavItem_menu-item-text_k4xuc,.LeftNavItem_menu-list-item_k4xuc button.LeftNavItem_menu-item-active_k4xuc .LeftNavItem_menu-item-text_k4xuc{font-weight:700}@keyframes LeftNavItem_item-fade-in_k4xuc{0%{opacity:0;transform:translateY(-60px)}80%{opacity:.6}to{opacity:1;transform:translateY(0)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+const expanded = "LeftNavItem_expanded_k4xuc";
+const disabled = "LeftNavItem_disabled_k4xuc";
+const classes = {
+  "menu-button": "LeftNavItem_menu-button_k4xuc",
+  "menu-link": "LeftNavItem_menu-link_k4xuc",
+  "menu-button-wrapper": "LeftNavItem_menu-button-wrapper_k4xuc",
+  expanded,
+  "menu-list": "LeftNavItem_menu-list_k4xuc",
+  "menu-item-text-wrapper": "LeftNavItem_menu-item-text-wrapper_k4xuc",
+  "menu-item": "LeftNavItem_menu-item_k4xuc",
+  "menu-item-expand-icon": "LeftNavItem_menu-item-expand-icon_k4xuc",
+  "menu-item-icon": "LeftNavItem_menu-item-icon_k4xuc",
+  "menu-item-text": "LeftNavItem_menu-item-text_k4xuc",
+  disabled,
+  "menu-list-item": "LeftNavItem_menu-list-item_k4xuc",
+  "menu-item-active": "LeftNavItem_menu-item-active_k4xuc"
+};
+export {
+  classes as default,
+  disabled,
+  expanded
+};
+//# sourceMappingURL=LeftNavItem.module.scss.es.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftNavItem.module.scss.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./LeftNavItem.module.scss.cjs.js"),a=require("../../../../Link/Link.cjs.js"),n=require("./useKeyboardNavigation.cjs.js"),i=e.forwardRef((({item:i,onItemClick:s,refItems:l,closeParentList:m,navigate:r,internalLinkPrefix:d=""},c)=>{var o;const{onKeyPressNavigation:u}=n.useKeyboardNavigation({refItems:l,item:i,closeParentList:m}),{menuItemLinkClasses:p,menuLinkWrapperClasses:f}=(()=>{const e=[t.default["menu-item"],t.default["menu-link"]];return i.active&&e.push(t.default["menu-item-active"]),i.disabled&&e.push(t.default.disabled),{menuItemLinkClasses:e,menuLinkWrapperClasses:[t.default["menu-list-item"]]}})(),v=i.active?0:-1,b=i.disabled?-1:v;return e.createElement("li",{className:f.join(" "),"data-testid":`${i.key}`},(null==(o=i.path)?void 0:o.match(/^https?:\/\//))?e.createElement(a.Link,{ref:c,onKeyDown:u,"data-testid":`left-nav-item-${i.key}`,"aria-current":!!i.active&&"page","aria-disabled":i.disabled,className:p.join(" "),to:i.path??"",type:"external",disabled:i.disabled,tabIndex:b},e.createElement("div",{className:t.default["menu-item-text-wrapper"]},i.iconComponent&&e.cloneElement(i.iconComponent,{className:t.default["menu-item-icon"]}),e.createElement("span",{className:t.default["menu-item-text"]},i.title))):e.createElement("a",{ref:c,onKeyDown:u,onClick:e=>{e.preventDefault(),i.disabled||(null==s||s(i.path),i.path&&r(i.path))},"data-testid":`left-nav-item-${i.key}`,"aria-current":!!i.active&&"page","aria-disabled":i.disabled,className:p.join(" "),href:i.path?d+i.path:"",tabIndex:b},e.createElement("div",{className:t.default["menu-item-text-wrapper"]},i.iconComponent&&e.cloneElement(i.iconComponent,{className:t.default["menu-item-icon"]}),e.createElement("span",{className:t.default["menu-item-text"]},i.title))))}));exports.LinkLeftNavItem=i;
+//# sourceMappingURL=LinkLeftNavItem.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkLeftNavItem.cjs.js","sources":["../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLProps, MouseEvent, Ref } from \"react\";\nimport classes from \"./LeftNavItem.module.scss\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { Link } from \"../../../../Link/Link\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\n\nexport interface Props extends HTMLProps<HTMLElement> {\n  item: MenuItem;\n  navigate: (path: string) => void;\n  onItemClick?: (path?: string, button?: boolean) => void;\n  refItems: UseRefItemsReturnType;\n  closeParentList?: () => void;\n  internalLinkPrefix?: string;\n}\n\nconst LinkLeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  { item, onItemClick, refItems, closeParentList, navigate, internalLinkPrefix = \"\" },\n  ref\n) => {\n  const { onKeyPressNavigation } = useKeyboardNavigation({ refItems, item, closeParentList });\n\n  const onLinkClickHandler = (event: MouseEvent<HTMLAnchorElement>) => {\n    event.preventDefault();\n    if (!item.disabled) {\n      onItemClick?.(item.path);\n      item.path && navigate(item.path);\n    }\n  };\n\n  const getStylingClasses = () => {\n    const menuItemLinkClasses = [classes[\"menu-item\"], classes[\"menu-link\"]];\n    item.active && menuItemLinkClasses.push(classes[\"menu-item-active\"]);\n    item.disabled && menuItemLinkClasses.push(classes[\"disabled\"]);\n    const menuLinkWrapperClasses = [classes[\"menu-list-item\"]];\n    return {\n      menuItemLinkClasses,\n      menuLinkWrapperClasses\n    };\n  };\n\n  const { menuItemLinkClasses, menuLinkWrapperClasses } = getStylingClasses();\n  const tabIndexActive = item.active ? 0 : -1;\n  const tabIndex = item.disabled ? -1 : tabIndexActive;\n\n  return (\n    <li className={menuLinkWrapperClasses.join(\" \")} data-testid={`${item.key}`}>\n      {item.path?.match(/^https?:\\/\\//) ? (\n        <Link\n          ref={ref as Ref<HTMLAnchorElement>}\n          onKeyDown={onKeyPressNavigation}\n          data-testid={`left-nav-item-${item.key}`}\n          aria-current={item.active ? \"page\" : false}\n          aria-disabled={item.disabled}\n          className={menuItemLinkClasses.join(\" \")}\n          to={item.path ?? \"\"}\n          type=\"external\"\n          disabled={item.disabled}\n          tabIndex={tabIndex}\n        >\n          <div className={classes[\"menu-item-text-wrapper\"]}>\n            {item.iconComponent &&\n              React.cloneElement(item.iconComponent, { className: classes[\"menu-item-icon\"] })}\n            <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n          </div>\n        </Link>\n      ) : (\n        <a\n          ref={ref as Ref<HTMLAnchorElement>}\n          onKeyDown={onKeyPressNavigation}\n          onClick={onLinkClickHandler}\n          data-testid={`left-nav-item-${item.key}`}\n          aria-current={item.active ? \"page\" : false}\n          aria-disabled={item.disabled}\n          className={menuItemLinkClasses.join(\" \")}\n          href={item.path ? internalLinkPrefix + item.path : \"\"}\n          tabIndex={tabIndex}\n        >\n          <div className={classes[\"menu-item-text-wrapper\"]}>\n            {item.iconComponent &&\n              React.cloneElement(item.iconComponent, { className: classes[\"menu-item-icon\"] })}\n            <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n          </div>\n        </a>\n      )}\n    </li>\n  );\n};\n\nexport const LinkLeftNavItem = React.forwardRef(LinkLeftNavItemComponent);\n"],"names":["LinkLeftNavItem","React","forwardRef","item","onItemClick","refItems","closeParentList","navigate","internalLinkPrefix","ref","onKeyPressNavigation","useKeyboardNavigation","menuItemLinkClasses","menuLinkWrapperClasses","classes","default","active","push","disabled","getStylingClasses","tabIndexActive","tabIndex","className","join","key","_a","path","match","createElement","Link","onKeyDown","to","type","iconComponent","cloneElement","title","onClick","event","preventDefault","href"],"mappings":"6OAyGaA,EAAkBC,EAAMC,YAzE0C,EAC3EC,OAAMC,cAAaC,WAAUC,kBAAiBC,WAAUC,qBAAqB,IAC/EC,WAEM,MAAAC,qBAAEA,GAAyBC,EAAAA,sBAAsB,CAAEN,WAAUF,OAAMG,qBAqBnEM,oBAAEA,EAAAC,uBAAqBA,GAXH,MAClBD,MAAAA,EAAsB,CAACE,EAAAC,QAAQ,aAAcD,EAAAA,QAAQ,cAIpD,OAHPX,EAAKa,QAAUJ,EAAoBK,KAAKH,EAAAC,QAAQ,qBAChDZ,EAAKe,UAAYN,EAAoBK,KAAKH,EAAAC,QAAkB,UAErD,CACLH,oBAAAA,EACAC,uBAH6B,CAACC,UAAQ,mBAIxC,EAGsDK,GAClDC,EAAiBjB,EAAKa,OAAS,GAAI,EACnCK,EAAWlB,EAAKe,UAAgB,EAAAE,yBAGnC,KAAG,CAAAE,UAAWT,EAAuBU,KAAK,KAAM,cAAa,GAAGpB,EAAKqB,QACnE,OAAAC,EAAAtB,EAAKuB,WAAM,EAAAD,EAAAE,MAAM,iBAChB1B,EAAA2B,cAACC,EAAAA,KAAA,CACCpB,MACAqB,UAAWpB,EACX,cAAa,iBAAiBP,EAAKqB,MACnC,iBAAcrB,EAAKa,QAAS,OAC5B,gBAAeb,EAAKe,SACpBI,UAAWV,EAAoBW,KAAK,KACpCQ,GAAI5B,EAAKuB,MAAQ,GACjBM,KAAK,WACLd,SAAUf,EAAKe,SACfG,cAEAO,cAAC,MAAI,CAAAN,UAAWR,EAAAA,QAAQ,2BACrBX,EAAK8B,eACJhC,EAAMiC,aAAa/B,EAAK8B,cAAe,CAAEX,UAAWR,EAAAC,QAAQ,oBAC7Dd,EAAA2B,cAAA,OAAA,CAAKN,UAAWR,EAAAA,QAAQ,mBAAoBX,EAAKgC,SAItDlC,EAAA2B,cAAC,IAAA,CACCnB,MACAqB,UAAWpB,EACX0B,QAhDoBC,IAC1BA,EAAMC,iBACDnC,EAAKe,WACR,MAAAd,GAAAA,EAAcD,EAAKuB,MACdvB,EAAAuB,MAAQnB,EAASJ,EAAKuB,MAAI,EA6C3B,cAAa,iBAAiBvB,EAAKqB,MACnC,iBAAcrB,EAAKa,QAAS,OAC5B,gBAAeb,EAAKe,SACpBI,UAAWV,EAAoBW,KAAK,KACpCgB,KAAMpC,EAAKuB,KAAOlB,EAAqBL,EAAKuB,KAAO,GACnDL,cAEAO,cAAC,MAAI,CAAAN,UAAWR,EAAAA,QAAQ,2BACrBX,EAAK8B,eACJhC,EAAMiC,aAAa/B,EAAK8B,cAAe,CAAEX,UAAWR,EAAAC,QAAQ,oBAC7Dd,EAAA2B,cAAA,OAAA,CAAKN,UAAWR,EAAAA,QAAQ,mBAAoBX,EAAKgC,SAI1D"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.es.js

@@ -0,0 +1,63 @@
+import React from "react";
+import classes from "./LeftNavItem.module.scss.es.js";
+import { Link } from "../../../../Link/Link.es.js";
+import { useKeyboardNavigation } from "./useKeyboardNavigation.es.js";
+const LinkLeftNavItemComponent = ({ item, onItemClick, refItems, closeParentList, navigate, internalLinkPrefix = "" }, ref) => {
+  var _a;
+  const { onKeyPressNavigation } = useKeyboardNavigation({ refItems, item, closeParentList });
+  const onLinkClickHandler = (event) => {
+    event.preventDefault();
+    if (!item.disabled) {
+      onItemClick == null ? void 0 : onItemClick(item.path);
+      item.path && navigate(item.path);
+    }
+  };
+  const getStylingClasses = () => {
+    const menuItemLinkClasses2 = [classes["menu-item"], classes["menu-link"]];
+    item.active && menuItemLinkClasses2.push(classes["menu-item-active"]);
+    item.disabled && menuItemLinkClasses2.push(classes["disabled"]);
+    const menuLinkWrapperClasses2 = [classes["menu-list-item"]];
+    return {
+      menuItemLinkClasses: menuItemLinkClasses2,
+      menuLinkWrapperClasses: menuLinkWrapperClasses2
+    };
+  };
+  const { menuItemLinkClasses, menuLinkWrapperClasses } = getStylingClasses();
+  const tabIndexActive = item.active ? 0 : -1;
+  const tabIndex = item.disabled ? -1 : tabIndexActive;
+  return /* @__PURE__ */ React.createElement("li", { className: menuLinkWrapperClasses.join(" "), "data-testid": `${item.key}` }, ((_a = item.path) == null ? void 0 : _a.match(/^https?:\/\//)) ? /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      ref,
+      onKeyDown: onKeyPressNavigation,
+      "data-testid": `left-nav-item-${item.key}`,
+      "aria-current": item.active ? "page" : false,
+      "aria-disabled": item.disabled,
+      className: menuItemLinkClasses.join(" "),
+      to: item.path ?? "",
+      type: "external",
+      disabled: item.disabled,
+      tabIndex
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classes["menu-item-text-wrapper"] }, item.iconComponent && React.cloneElement(item.iconComponent, { className: classes["menu-item-icon"] }), /* @__PURE__ */ React.createElement("span", { className: classes["menu-item-text"] }, item.title))
+  ) : /* @__PURE__ */ React.createElement(
+    "a",
+    {
+      ref,
+      onKeyDown: onKeyPressNavigation,
+      onClick: onLinkClickHandler,
+      "data-testid": `left-nav-item-${item.key}`,
+      "aria-current": item.active ? "page" : false,
+      "aria-disabled": item.disabled,
+      className: menuItemLinkClasses.join(" "),
+      href: item.path ? internalLinkPrefix + item.path : "",
+      tabIndex
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classes["menu-item-text-wrapper"] }, item.iconComponent && React.cloneElement(item.iconComponent, { className: classes["menu-item-icon"] }), /* @__PURE__ */ React.createElement("span", { className: classes["menu-item-text"] }, item.title))
+  ));
+};
+const LinkLeftNavItem = React.forwardRef(LinkLeftNavItemComponent);
+export {
+  LinkLeftNavItem
+};
+//# sourceMappingURL=LinkLeftNavItem.es.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkLeftNavItem.es.js","sources":["../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, HTMLProps, MouseEvent, Ref } from \"react\";\nimport classes from \"./LeftNavItem.module.scss\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { Link } from \"../../../../Link/Link\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\n\nexport interface Props extends HTMLProps<HTMLElement> {\n  item: MenuItem;\n  navigate: (path: string) => void;\n  onItemClick?: (path?: string, button?: boolean) => void;\n  refItems: UseRefItemsReturnType;\n  closeParentList?: () => void;\n  internalLinkPrefix?: string;\n}\n\nconst LinkLeftNavItemComponent: ForwardRefRenderFunction<HTMLElement, Props> = (\n  { item, onItemClick, refItems, closeParentList, navigate, internalLinkPrefix = \"\" },\n  ref\n) => {\n  const { onKeyPressNavigation } = useKeyboardNavigation({ refItems, item, closeParentList });\n\n  const onLinkClickHandler = (event: MouseEvent<HTMLAnchorElement>) => {\n    event.preventDefault();\n    if (!item.disabled) {\n      onItemClick?.(item.path);\n      item.path && navigate(item.path);\n    }\n  };\n\n  const getStylingClasses = () => {\n    const menuItemLinkClasses = [classes[\"menu-item\"], classes[\"menu-link\"]];\n    item.active && menuItemLinkClasses.push(classes[\"menu-item-active\"]);\n    item.disabled && menuItemLinkClasses.push(classes[\"disabled\"]);\n    const menuLinkWrapperClasses = [classes[\"menu-list-item\"]];\n    return {\n      menuItemLinkClasses,\n      menuLinkWrapperClasses\n    };\n  };\n\n  const { menuItemLinkClasses, menuLinkWrapperClasses } = getStylingClasses();\n  const tabIndexActive = item.active ? 0 : -1;\n  const tabIndex = item.disabled ? -1 : tabIndexActive;\n\n  return (\n    <li className={menuLinkWrapperClasses.join(\" \")} data-testid={`${item.key}`}>\n      {item.path?.match(/^https?:\\/\\//) ? (\n        <Link\n          ref={ref as Ref<HTMLAnchorElement>}\n          onKeyDown={onKeyPressNavigation}\n          data-testid={`left-nav-item-${item.key}`}\n          aria-current={item.active ? \"page\" : false}\n          aria-disabled={item.disabled}\n          className={menuItemLinkClasses.join(\" \")}\n          to={item.path ?? \"\"}\n          type=\"external\"\n          disabled={item.disabled}\n          tabIndex={tabIndex}\n        >\n          <div className={classes[\"menu-item-text-wrapper\"]}>\n            {item.iconComponent &&\n              React.cloneElement(item.iconComponent, { className: classes[\"menu-item-icon\"] })}\n            <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n          </div>\n        </Link>\n      ) : (\n        <a\n          ref={ref as Ref<HTMLAnchorElement>}\n          onKeyDown={onKeyPressNavigation}\n          onClick={onLinkClickHandler}\n          data-testid={`left-nav-item-${item.key}`}\n          aria-current={item.active ? \"page\" : false}\n          aria-disabled={item.disabled}\n          className={menuItemLinkClasses.join(\" \")}\n          href={item.path ? internalLinkPrefix + item.path : \"\"}\n          tabIndex={tabIndex}\n        >\n          <div className={classes[\"menu-item-text-wrapper\"]}>\n            {item.iconComponent &&\n              React.cloneElement(item.iconComponent, { className: classes[\"menu-item-icon\"] })}\n            <span className={classes[\"menu-item-text\"]}>{item.title}</span>\n          </div>\n        </a>\n      )}\n    </li>\n  );\n};\n\nexport const LinkLeftNavItem = React.forwardRef(LinkLeftNavItemComponent);\n"],"names":["menuItemLinkClasses","menuLinkWrapperClasses"],"mappings":";;;;AAgCA,MAAM,2BAAyE,CAC7E,EAAE,MAAM,aAAa,UAAU,iBAAiB,UAAU,qBAAqB,GAAG,GAClF,QACG;;AACG,QAAA,EAAE,yBAAyB,sBAAsB,EAAE,UAAU,MAAM,iBAAiB;AAEpF,QAAA,qBAAqB,CAAC,UAAyC;AACnE,UAAM,eAAe;AACjB,QAAA,CAAC,KAAK,UAAU;AAClB,iDAAc,KAAK;AACd,WAAA,QAAQ,SAAS,KAAK,IAAI;AAAA,IAAA;AAAA,EAEnC;AAEA,QAAM,oBAAoB,MAAM;AAC9B,UAAMA,uBAAsB,CAAC,QAAQ,WAAW,GAAG,QAAQ,WAAW,CAAC;AACvE,SAAK,UAAUA,qBAAoB,KAAK,QAAQ,kBAAkB,CAAC;AACnE,SAAK,YAAYA,qBAAoB,KAAK,QAAQ,UAAU,CAAC;AAC7D,UAAMC,0BAAyB,CAAC,QAAQ,gBAAgB,CAAC;AAClD,WAAA;AAAA,MACL,qBAAAD;AAAAA,MACA,wBAAAC;AAAAA,IACF;AAAA,EACF;AAEA,QAAM,EAAE,qBAAqB,uBAAuB,IAAI,kBAAkB;AACpE,QAAA,iBAAiB,KAAK,SAAS,IAAI;AACnC,QAAA,WAAW,KAAK,WAAW,KAAK;AAEtC,6CACG,MAAG,EAAA,WAAW,uBAAuB,KAAK,GAAG,GAAG,eAAa,GAAG,KAAK,GAAG,GACtE,KAAA,UAAK,SAAL,mBAAW,MAAM,mBAChB,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,eAAa,iBAAiB,KAAK,GAAG;AAAA,MACtC,gBAAc,KAAK,SAAS,SAAS;AAAA,MACrC,iBAAe,KAAK;AAAA,MACpB,WAAW,oBAAoB,KAAK,GAAG;AAAA,MACvC,IAAI,KAAK,QAAQ;AAAA,MACjB,MAAK;AAAA,MACL,UAAU,KAAK;AAAA,MACf;AAAA,IAAA;AAAA,IAEA,sBAAA,cAAC,OAAI,EAAA,WAAW,QAAQ,wBAAwB,EAC7C,GAAA,KAAK,iBACJ,MAAM,aAAa,KAAK,eAAe,EAAE,WAAW,QAAQ,gBAAgB,EAAG,CAAA,GAChF,sBAAA,cAAA,QAAA,EAAK,WAAW,QAAQ,gBAAgB,EAAA,GAAI,KAAK,KAAM,CAC1D;AAAA,EAGF,IAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,MACT,eAAa,iBAAiB,KAAK,GAAG;AAAA,MACtC,gBAAc,KAAK,SAAS,SAAS;AAAA,MACrC,iBAAe,KAAK;AAAA,MACpB,WAAW,oBAAoB,KAAK,GAAG;AAAA,MACvC,MAAM,KAAK,OAAO,qBAAqB,KAAK,OAAO;AAAA,MACnD;AAAA,IAAA;AAAA,IAEA,sBAAA,cAAC,OAAI,EAAA,WAAW,QAAQ,wBAAwB,EAC7C,GAAA,KAAK,iBACJ,MAAM,aAAa,KAAK,eAAe,EAAE,WAAW,QAAQ,gBAAgB,EAAG,CAAA,GAChF,sBAAA,cAAA,QAAA,EAAK,WAAW,QAAQ,gBAAgB,EAAA,GAAI,KAAK,KAAM,CAC1D;AAAA,EAAA,CAGN;AAEJ;AAEa,MAAA,kBAAkB,MAAM,WAAW,wBAAwB;"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),exports.useKeyboardNavigation=({refItems:e,item:t,closeParentList:o,onExpandIconClickHandler:n})=>{const l=!!n;return{onKeyPressNavigation:r=>{var a,u,c,s,p,g,i;"Escape"!==r.code&&"ArrowLeft"!==r.code||(r.preventDefault(),r.stopPropagation(),null==o||o(),null==(a=e.getParentElement(t.key))||a.focus()),"ArrowUp"===r.code&&(r.preventDefault(),r.stopPropagation(),null==(u=e.getPrevElementOnSameLevel(t.key))||u.focus()),"ArrowDown"===r.code&&(r.preventDefault(),r.stopPropagation(),null==(c=e.getNextElementOnSameLevel(t.key))||c.focus()),"Home"===r.code&&(r.preventDefault(),r.stopPropagation(),null==(s=e.getFirstElementOnSameLevel(t.key))||s.focus()),"End"===r.code&&(r.preventDefault(),r.stopPropagation(),null==(p=e.getLastElementOnSameLevel(t.key))||p.focus()),"Space"!==r.code&&"Enter"!==r.code||(r.stopPropagation(),r.preventDefault(),l&&(null==(g=e.getNextElement(t.key,!0))||g.focus()),r.currentTarget.click()),"ArrowRight"===r.code&&(null==n||n(),null==(i=e.getNextElement(t.key,!0))||i.focus())}}};
+//# sourceMappingURL=useKeyboardNavigation.cjs.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.cjs.js","sources":["../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { KeyboardEvent } from \"react\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\n\ninterface Props {\n  item: MenuItem;\n  refItems: UseRefItemsReturnType;\n  closeParentList?: () => void;\n  onExpandIconClickHandler?: () => void;\n}\n\nexport const useKeyboardNavigation = ({\n  refItems,\n  item,\n  closeParentList,\n  onExpandIconClickHandler\n}: Props) => {\n  const isButtonLeftNavItem = !!onExpandIconClickHandler;\n  const onKeyPressNavigation = (e: KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    if (e.code === \"Escape\" || e.code === \"ArrowLeft\") {\n      e.preventDefault();\n      e.stopPropagation();\n      closeParentList?.();\n      refItems.getParentElement(item.key)?.focus();\n    }\n    if (e.code === \"ArrowUp\") {\n      e.preventDefault();\n      e.stopPropagation();\n      refItems.getPrevElementOnSameLevel(item.key)?.focus();\n    }\n    if (e.code === \"ArrowDown\") {\n      e.preventDefault();\n      e.stopPropagation();\n      refItems.getNextElementOnSameLevel(item.key)?.focus();\n    }\n    if (e.code === \"Home\") {\n      e.preventDefault();\n      e.stopPropagation();\n      refItems.getFirstElementOnSameLevel(item.key)?.focus();\n    }\n    if (e.code === \"End\") {\n      e.preventDefault();\n      e.stopPropagation();\n      refItems.getLastElementOnSameLevel(item.key)?.focus();\n    }\n    if (e.code === \"Space\" || e.code === \"Enter\") {\n      e.stopPropagation();\n      e.preventDefault();\n      isButtonLeftNavItem && refItems.getNextElement(item.key, true)?.focus();\n      e.currentTarget.click();\n    }\n    if (e.code === \"ArrowRight\") {\n      onExpandIconClickHandler?.();\n      refItems.getNextElement(item.key, true)?.focus();\n    }\n  };\n\n  return { onKeyPressNavigation };\n};\n"],"names":["refItems","item","closeParentList","onExpandIconClickHandler","isButtonLeftNavItem","onKeyPressNavigation","e","code","preventDefault","stopPropagation","_a","getParentElement","key","focus","_b","getPrevElementOnSameLevel","_c","getNextElementOnSameLevel","_d","getFirstElementOnSameLevel","_e","getLastElementOnSameLevel","_f","getNextElement","currentTarget","click","_g"],"mappings":"8GA2BqC,EACnCA,WACAC,OACAC,kBACAC,+BAEM,MAAAC,IAAwBD,EAwC9B,MAAO,CAAEE,qBAvCqBC,sBACb,WAAXA,EAAEC,MAAgC,cAAXD,EAAEC,OAC3BD,EAAEE,iBACFF,EAAEG,kBACgB,MAAAP,GAAAA,IAClB,OAAAQ,EAAAV,EAASW,iBAAiBV,EAAKW,OAAMF,EAAAG,SAExB,YAAXP,EAAEC,OACJD,EAAEE,iBACFF,EAAEG,kBACF,OAAAK,EAAAd,EAASe,0BAA0Bd,EAAKW,OAAME,EAAAD,SAEjC,cAAXP,EAAEC,OACJD,EAAEE,iBACFF,EAAEG,kBACF,OAAAO,EAAAhB,EAASiB,0BAA0BhB,EAAKW,OAAMI,EAAAH,SAEjC,SAAXP,EAAEC,OACJD,EAAEE,iBACFF,EAAEG,kBACF,OAAAS,EAAAlB,EAASmB,2BAA2BlB,EAAKW,OAAMM,EAAAL,SAElC,QAAXP,EAAEC,OACJD,EAAEE,iBACFF,EAAEG,kBACF,OAAAW,EAAApB,EAASqB,0BAA0BpB,EAAKW,OAAMQ,EAAAP,SAEjC,UAAXP,EAAEC,MAA+B,UAAXD,EAAEC,OAC1BD,EAAEG,kBACFH,EAAEE,iBACFJ,IAAuB,OAAAkB,IAASC,eAAetB,EAAKW,KAAK,KAAOU,EAAAT,SAChEP,EAAEkB,cAAcC,SAEH,eAAXnB,EAAEC,OACuB,MAAAJ,GAAAA,IAC3B,OAAAuB,EAAA1B,EAASuB,eAAetB,EAAKW,KAAK,KAAOc,EAAAb,QAAM,EAIrB"}

package/dist/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.es.js

@@ -0,0 +1,52 @@
+const useKeyboardNavigation = ({
+  refItems,
+  item,
+  closeParentList,
+  onExpandIconClickHandler
+}) => {
+  const isButtonLeftNavItem = !!onExpandIconClickHandler;
+  const onKeyPressNavigation = (e) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (e.code === "Escape" || e.code === "ArrowLeft") {
+      e.preventDefault();
+      e.stopPropagation();
+      closeParentList == null ? void 0 : closeParentList();
+      (_a = refItems.getParentElement(item.key)) == null ? void 0 : _a.focus();
+    }
+    if (e.code === "ArrowUp") {
+      e.preventDefault();
+      e.stopPropagation();
+      (_b = refItems.getPrevElementOnSameLevel(item.key)) == null ? void 0 : _b.focus();
+    }
+    if (e.code === "ArrowDown") {
+      e.preventDefault();
+      e.stopPropagation();
+      (_c = refItems.getNextElementOnSameLevel(item.key)) == null ? void 0 : _c.focus();
+    }
+    if (e.code === "Home") {
+      e.preventDefault();
+      e.stopPropagation();
+      (_d = refItems.getFirstElementOnSameLevel(item.key)) == null ? void 0 : _d.focus();
+    }
+    if (e.code === "End") {
+      e.preventDefault();
+      e.stopPropagation();
+      (_e = refItems.getLastElementOnSameLevel(item.key)) == null ? void 0 : _e.focus();
+    }
+    if (e.code === "Space" || e.code === "Enter") {
+      e.stopPropagation();
+      e.preventDefault();
+      isButtonLeftNavItem && ((_f = refItems.getNextElement(item.key, true)) == null ? void 0 : _f.focus());
+      e.currentTarget.click();
+    }
+    if (e.code === "ArrowRight") {
+      onExpandIconClickHandler == null ? void 0 : onExpandIconClickHandler();
+      (_g = refItems.getNextElement(item.key, true)) == null ? void 0 : _g.focus();
+    }
+  };
+  return { onKeyPressNavigation };
+};
+export {
+  useKeyboardNavigation
+};
+//# sourceMappingURL=useKeyboardNavigation.es.js.map

package/dist/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.es.js","sources":["../../../../../../src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { KeyboardEvent } from \"react\";\nimport { MenuItem } from \"../LeftNav.interfaces\";\nimport { UseRefItemsReturnType } from \"../useRefItems\";\n\ninterface Props {\n  item: MenuItem;\n  refItems: UseRefItemsReturnType;\n  closeParentList?: () => void;\n  onExpandIconClickHandler?: () => void;\n}\n\nexport const useKeyboardNavigation = ({\n  refItems,\n  item,\n  closeParentList,\n  onExpandIconClickHandler\n}: Props) => {\n  const isButtonLeftNavItem = !!onExpandIconClickHandler;\n  const onKeyPressNavigation = (e: KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n    if (e.code === \"Escape\" || e.code === \"ArrowLeft\") {\n      e.preventDefault();\n      e.stopPropagation();\n      closeParentList?.();\n      refItems.getParentElement(item.key)?.focus();\n    }\n    if (e.code === \"ArrowUp\") {\n      e.preventDefault();\n      e.stopPropagation();\n      refItems.getPrevElementOnSameLevel(item.key)?.focus();\n    }\n    if (e.code === \"ArrowDown\") {\n      e.preventDefault();\n      e.stopPropagation();\n      refItems.getNextElementOnSameLevel(item.key)?.focus();\n    }\n    if (e.code === \"Home\") {\n      e.preventDefault();\n      e.stopPropagation();\n      refItems.getFirstElementOnSameLevel(item.key)?.focus();\n    }\n    if (e.code === \"End\") {\n      e.preventDefault();\n      e.stopPropagation();\n      refItems.getLastElementOnSameLevel(item.key)?.focus();\n    }\n    if (e.code === \"Space\" || e.code === \"Enter\") {\n      e.stopPropagation();\n      e.preventDefault();\n      isButtonLeftNavItem && refItems.getNextElement(item.key, true)?.focus();\n      e.currentTarget.click();\n    }\n    if (e.code === \"ArrowRight\") {\n      onExpandIconClickHandler?.();\n      refItems.getNextElement(item.key, true)?.focus();\n    }\n  };\n\n  return { onKeyPressNavigation };\n};\n"],"names":[],"mappings":"AA2BO,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACL,QAAA,sBAAsB,CAAC,CAAC;AACxB,QAAA,uBAAuB,CAAC,MAA4D;AAPrF;AAQH,QAAI,EAAE,SAAS,YAAY,EAAE,SAAS,aAAa;AACjD,QAAE,eAAe;AACjB,QAAE,gBAAgB;AACA;AAClB,qBAAS,iBAAiB,KAAK,GAAG,MAAlC,mBAAqC;AAAA,IAAM;AAEzC,QAAA,EAAE,SAAS,WAAW;AACxB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,qBAAS,0BAA0B,KAAK,GAAG,MAA3C,mBAA8C;AAAA,IAAM;AAElD,QAAA,EAAE,SAAS,aAAa;AAC1B,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,qBAAS,0BAA0B,KAAK,GAAG,MAA3C,mBAA8C;AAAA,IAAM;AAElD,QAAA,EAAE,SAAS,QAAQ;AACrB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,qBAAS,2BAA2B,KAAK,GAAG,MAA5C,mBAA+C;AAAA,IAAM;AAEnD,QAAA,EAAE,SAAS,OAAO;AACpB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,qBAAS,0BAA0B,KAAK,GAAG,MAA3C,mBAA8C;AAAA,IAAM;AAEtD,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,QAAE,gBAAgB;AAClB,QAAE,eAAe;AACjB,+BAAuB,cAAS,eAAe,KAAK,KAAK,IAAI,MAAtC,mBAAyC;AAChE,QAAE,cAAc,MAAM;AAAA,IAAA;AAEpB,QAAA,EAAE,SAAS,cAAc;AACA;AAC3B,qBAAS,eAAe,KAAK,KAAK,IAAI,MAAtC,mBAAyC;AAAA,IAAM;AAAA,EAEnD;AAEA,SAAO,EAAE,qBAAqB;AAChC;"}

package/dist/components/admin/layout/LeftNav/useRefItems.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useRefItems=({items:r})=>{const t=e.useRef({}),l=e.useRef({});e.useEffect((()=>{n(r)}),[r]);const n=e=>{const r={};u(r,0,e),l.current=r},u=(e,r,t,l,n)=>{let i=l,v=n;const d=null==t?void 0:t.filter((e=>!e.disabled));return null==d||d.forEach(((t,l)=>{var c,o;const s=l===d.length-1;if(v=s?n:d[l+1],0!==((null==(c=t.items)?void 0:c.filter((e=>!e.disabled)))??[]).length){e[t.key]={item:t,level:r,prev:i,next:null==(o=null==t?void 0:t.items)?void 0:o.filter((e=>!e.disabled))[0]},i=t;const{lastItem:l}=u(e,r+1,null==t?void 0:t.items,i,v);i=l}else e[t.key]={item:t,level:r,prev:i,next:v},i=t})),{lastItem:i}},i=e=>{var r,n,u;const v=null==(r=l.current)?void 0:r[e],d=v.level,o=c({currentItem:v,desiredLevel:d}),s=null==o?void 0:o.item.key;if(s)return c({currentItem:null==(n=l.current)?void 0:n[s],desiredLevel:d})?i(s):null==(u=t.current)?void 0:u[s]},v=e=>{var r,n,u;const i=null==(r=l.current)?void 0:r[e],c=i.level,o=d({currentItem:i,desiredLevel:c,currentLevel:c}),s=null==o?void 0:o.item.key;if(s)return d({currentItem:null==(n=l.current)?void 0:n[s],desiredLevel:c,currentLevel:c})?v(s):null==(u=t.current)?void 0:u[s]},d=({currentItem:e,desiredLevel:r,currentLevel:t})=>{var n,u;const i=null==(n=e.next)?void 0:n.key;if(!i)return;if(r>t)return;const v=null==(u=l.current)?void 0:u[i];return v&&v.level===r?v:d({currentItem:v,desiredLevel:r,currentLevel:v.level})},c=({currentItem:e,desiredLevel:r,checkForMenuEscape:t=!0})=>{var n,u;const i=null==(n=e.prev)?void 0:n.key;if(!i)return;const v=null==(u=l.current)?void 0:u[i],d=v.level;return t&&r>d?void 0:v&&v.level===r?v:c({currentItem:v,desiredLevel:r})};return{addElementReference:(e,r)=>{e?t.current[r]=e:delete t.current[r]},getNextElement:(e,r=!1)=>{var n,u,i;const v=null==(n=l.current)?void 0:n[e];if(r&&!v.item.items)return;const d=null==(u=v.next)?void 0:u.key;return d?null==(i=t.current)?void 0:i[d]:void 0},getNextElementOnSameLevel:e=>{var r,n;const u=null==(r=l.current)?void 0:r[e],i=u.level,v=d({currentItem:u,desiredLevel:i,currentLevel:i});return(null==v?void 0:v.item.key)?null==(n=t.current)?void 0:n[null==v?void 0:v.item.key]:void 0},getPrevElementOnSameLevel:e=>{var r,n;const u=null==(r=l.current)?void 0:r[e],i=u.level,v=c({currentItem:u,desiredLevel:i});return(null==v?void 0:v.item.key)?null==(n=t.current)?void 0:n[null==v?void 0:v.item.key]:void 0},getFirstElementOnSameLevel:i,getLastElementOnSameLevel:v,getParentElement:e=>{var r,n;const u=null==(r=l.current)?void 0:r[e],i=u.level,v=c({currentItem:u,desiredLevel:i-1,checkForMenuEscape:!1});return(null==v?void 0:v.item.key)?null==(n=t.current)?void 0:n[null==v?void 0:v.item.key]:void 0},getItemMap:()=>l.current}};
+//# sourceMappingURL=useRefItems.cjs.js.map

package/dist/components/admin/layout/LeftNav/useRefItems.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefItems.cjs.js","sources":["../../../../../src/components/admin/layout/LeftNav/useRefItems.ts"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport { useEffect, useRef } from \"react\";\nimport { MenuItem } from \"./LeftNav.interfaces\";\n\ninterface Props {\n  items: MenuItem[];\n}\n\ninterface LinkedMapValue {\n  item: MenuItem;\n  level: number;\n  prev?: MenuItem;\n  next?: MenuItem;\n}\n\nexport type UseRefItemsReturnType = ReturnType<typeof useRefItems>;\n\nexport const useRefItems = ({ items }: Props) => {\n  const navRefs = useRef<Record<string, HTMLElement>>({});\n  const itemsMap = useRef<Record<string, LinkedMapValue>>({});\n\n  useEffect(() => {\n    createLinkedMap(items);\n  }, [items]);\n\n  /**\n   * Creates linked list of provided menu items.\n   * Disabled items are filtered out.\n   */\n  const createLinkedMap = (menuItems: MenuItem[]) => {\n    const map: Record<string, LinkedMapValue> = {};\n    createRecursiveLinkedMap(map, 0, menuItems);\n    itemsMap.current = map;\n  };\n\n  const createRecursiveLinkedMap = (\n    itemsMap: Record<string, LinkedMapValue>,\n    level: number,\n    items?: MenuItem[],\n    prevItem?: MenuItem,\n    nextItem?: MenuItem\n  ): { lastItem?: MenuItem } => {\n    let currentPreviousItem: MenuItem | undefined = prevItem,\n      currentNextItem: MenuItem | undefined = nextItem;\n    const nonDisabledItems = items?.filter(item => !item.disabled);\n    nonDisabledItems?.forEach((currentItem, index) => {\n      const isLast = index === nonDisabledItems.length - 1;\n      if (!isLast) {\n        currentNextItem = nonDisabledItems[index + 1];\n      } else {\n        currentNextItem = nextItem;\n      }\n\n      const hasChildren = (currentItem.items?.filter(item => !item.disabled) ?? []).length !== 0;\n      if (hasChildren) {\n        itemsMap[currentItem.key] = {\n          item: currentItem,\n          level,\n          prev: currentPreviousItem,\n          next: currentItem?.items?.filter(item => !item.disabled)[0]\n        };\n        currentPreviousItem = currentItem;\n        const { lastItem } = createRecursiveLinkedMap(\n          itemsMap,\n          level + 1,\n          currentItem?.items,\n          currentPreviousItem,\n          currentNextItem\n        );\n        currentPreviousItem = lastItem;\n      } else {\n        itemsMap[currentItem.key] = {\n          item: currentItem,\n          level,\n          prev: currentPreviousItem,\n          next: currentNextItem\n        };\n        currentPreviousItem = currentItem;\n      }\n    });\n    return { lastItem: currentPreviousItem };\n  };\n\n  const addElementReference = (el: HTMLElement | null, key: string) => {\n    if (el) {\n      navRefs.current[key] = el;\n    } else {\n      delete navRefs.current[key];\n    }\n  };\n\n  /**\n   * Get next element that is rendered. It could be nested element\n   * @param currentKey key of item\n   * @returns element or undefined if element does not exists or current element is the last element on that level\n   */\n  const getNextElement = (currentKey: string, whenHavingChildren: boolean = false) => {\n    const currentItem = itemsMap.current?.[currentKey];\n    if (whenHavingChildren && !currentItem.item.items) {\n      return;\n    }\n    const nextKey = currentItem.next?.key;\n    return nextKey ? navRefs.current?.[nextKey] : undefined;\n  };\n\n  /**\n   * Get next element on the same level as currentKey param\n   * @param currentKey key of item\n   * @returns element or undefined if element does not exists or current element is the last element on that level\n   */\n  const getNextElementOnSameLevel = (currentKey: string) => {\n    const currentItem = itemsMap.current?.[currentKey];\n    const currentLevel = currentItem.level;\n    const nextItem = _traverseNextElements({\n      currentItem,\n      desiredLevel: currentLevel,\n      currentLevel\n    });\n    return nextItem?.item.key ? navRefs.current?.[nextItem?.item.key] : undefined;\n  };\n\n  /**\n   * Get previous element on the same level as currentKey param\n   * @param currentKey key of item\n   * @returns element or undefined if element does not exists or current element is the first element on that level\n   */\n  const getPrevElementOnSameLevel = (currentKey: string) => {\n    const currentItem = itemsMap.current?.[currentKey];\n    const currentLevel = currentItem.level;\n    const prevItem = _traversePrevElements({\n      currentItem,\n      desiredLevel: currentLevel\n    });\n    return prevItem?.item.key ? navRefs.current?.[prevItem?.item.key] : undefined;\n  };\n\n  /**\n   * Get first element on the same level as currentKey param\n   * @param currentKey key of item\n   * @returns element or undefined if element does not exists or current element is the first element on that level\n   */\n  const getFirstElementOnSameLevel = (currentKey: string) => {\n    const currentItem = itemsMap.current?.[currentKey];\n    const currentLevel = currentItem.level;\n    const prevItem = _traversePrevElements({\n      currentItem,\n      desiredLevel: currentLevel\n    });\n    const prevItemKey = prevItem?.item.key;\n    if (prevItemKey) {\n      const hasNextPrevElement = !!_traversePrevElements({\n        currentItem: itemsMap.current?.[prevItemKey],\n        desiredLevel: currentLevel\n      });\n      if (hasNextPrevElement) {\n        return getFirstElementOnSameLevel(prevItemKey);\n      }\n      return navRefs.current?.[prevItemKey];\n    }\n  };\n\n  /**\n   * Get last element on the same level as currentKey param\n   * @param currentKey key of item\n   * @returns element or undefined if element does not exists or current element is the last element on that level\n   */\n  const getLastElementOnSameLevel = (currentKey: string) => {\n    const currentItem = itemsMap.current?.[currentKey];\n    const currentLevel = currentItem.level;\n    const nextItem = _traverseNextElements({\n      currentItem,\n      desiredLevel: currentLevel,\n      currentLevel\n    });\n    const nextItemKey = nextItem?.item.key;\n    if (nextItemKey) {\n      const hasNextNextElement = !!_traverseNextElements({\n        currentItem: itemsMap.current?.[nextItemKey],\n        desiredLevel: currentLevel,\n        currentLevel\n      });\n      if (hasNextNextElement) {\n        return getLastElementOnSameLevel(nextItemKey);\n      }\n      return navRefs.current?.[nextItemKey];\n    }\n  };\n\n  const getParentElement = (currentKey: string) => {\n    const currentItem = itemsMap.current?.[currentKey];\n    const currentLevel = currentItem.level;\n    const parentLevel = currentLevel - 1;\n    const parentItem = _traversePrevElements({\n      currentItem,\n      desiredLevel: parentLevel,\n      checkForMenuEscape: false\n    });\n    return parentItem?.item.key ? navRefs.current?.[parentItem?.item.key] : undefined;\n  };\n\n  const _traverseNextElements = ({\n    currentItem,\n    desiredLevel,\n    currentLevel\n  }: {\n    currentItem: LinkedMapValue;\n    desiredLevel: number;\n    currentLevel: number;\n  }) => {\n    const nextKey = currentItem.next?.key;\n    if (!nextKey) {\n      return;\n    }\n    const escapedSubMenu = desiredLevel > currentLevel;\n    if (escapedSubMenu) {\n      return;\n    }\n\n    const next = itemsMap.current?.[nextKey];\n    if (next && next.level === desiredLevel) {\n      return next;\n    } else {\n      return _traverseNextElements({ currentItem: next, desiredLevel, currentLevel: next.level });\n    }\n  };\n\n  const _traversePrevElements = ({\n    currentItem,\n    desiredLevel,\n    checkForMenuEscape = true\n  }: {\n    currentItem: LinkedMapValue;\n    desiredLevel: number;\n    checkForMenuEscape?: boolean;\n  }) => {\n    const prevKey = currentItem.prev?.key;\n    if (!prevKey) {\n      return;\n    }\n    const prev = itemsMap.current?.[prevKey];\n    const prevLevel = prev.level;\n\n    const escapedSubMenu = desiredLevel > prevLevel;\n    if (checkForMenuEscape && escapedSubMenu) {\n      return;\n    }\n\n    if (prev && prev.level === desiredLevel) {\n      return prev;\n    } else {\n      return _traversePrevElements({ currentItem: prev, desiredLevel });\n    }\n  };\n\n  return {\n    addElementReference,\n    getNextElement,\n    getNextElementOnSameLevel,\n    getPrevElementOnSameLevel,\n    getFirstElementOnSameLevel,\n    getLastElementOnSameLevel,\n    getParentElement,\n    getItemMap: () => itemsMap.current\n  };\n};\n"],"names":["items","navRefs","useRef","itemsMap","useEffect","createLinkedMap","menuItems","map","createRecursiveLinkedMap","current","level","prevItem","nextItem","currentPreviousItem","currentNextItem","nonDisabledItems","items2","filter","item","disabled","forEach","currentItem","index","isLast","length","_a","itemsMap2","key","prev","next","_b","lastItem","getFirstElementOnSameLevel","currentKey","currentLevel","_traversePrevElements","desiredLevel","prevItemKey","_c","getLastElementOnSameLevel","_traverseNextElements","nextItemKey","nextKey","checkForMenuEscape","prevKey","prevLevel","addElementReference","el","getNextElement","whenHavingChildren","getNextElementOnSameLevel","getPrevElementOnSameLevel","getParentElement","parentItem","getItemMap"],"mappings":"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"}