@onewelcome/react-lib-components 12.0.0 → 12.0.1

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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"}

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

@@ -0,0 +1,201 @@
+import { useRef, useEffect } from "react";
+const useRefItems = ({ items }) => {
+  const navRefs = useRef({});
+  const itemsMap = useRef({});
+  useEffect(() => {
+    createLinkedMap(items);
+  }, [items]);
+  const createLinkedMap = (menuItems) => {
+    const map = {};
+    createRecursiveLinkedMap(map, 0, menuItems);
+    itemsMap.current = map;
+  };
+  const createRecursiveLinkedMap = (itemsMap2, level, items2, prevItem, nextItem) => {
+    let currentPreviousItem = prevItem, currentNextItem = nextItem;
+    const nonDisabledItems = items2 == null ? void 0 : items2.filter((item) => !item.disabled);
+    nonDisabledItems == null ? void 0 : nonDisabledItems.forEach((currentItem, index) => {
+      var _a, _b;
+      const isLast = index === nonDisabledItems.length - 1;
+      if (!isLast) {
+        currentNextItem = nonDisabledItems[index + 1];
+      } else {
+        currentNextItem = nextItem;
+      }
+      const hasChildren = (((_a = currentItem.items) == null ? void 0 : _a.filter((item) => !item.disabled)) ?? []).length !== 0;
+      if (hasChildren) {
+        itemsMap2[currentItem.key] = {
+          item: currentItem,
+          level,
+          prev: currentPreviousItem,
+          next: (_b = currentItem == null ? void 0 : currentItem.items) == null ? void 0 : _b.filter((item) => !item.disabled)[0]
+        };
+        currentPreviousItem = currentItem;
+        const { lastItem } = createRecursiveLinkedMap(
+          itemsMap2,
+          level + 1,
+          currentItem == null ? void 0 : currentItem.items,
+          currentPreviousItem,
+          currentNextItem
+        );
+        currentPreviousItem = lastItem;
+      } else {
+        itemsMap2[currentItem.key] = {
+          item: currentItem,
+          level,
+          prev: currentPreviousItem,
+          next: currentNextItem
+        };
+        currentPreviousItem = currentItem;
+      }
+    });
+    return { lastItem: currentPreviousItem };
+  };
+  const addElementReference = (el, key) => {
+    if (el) {
+      navRefs.current[key] = el;
+    } else {
+      delete navRefs.current[key];
+    }
+  };
+  const getNextElement = (currentKey, whenHavingChildren = false) => {
+    var _a, _b, _c;
+    const currentItem = (_a = itemsMap.current) == null ? void 0 : _a[currentKey];
+    if (whenHavingChildren && !currentItem.item.items) {
+      return;
+    }
+    const nextKey = (_b = currentItem.next) == null ? void 0 : _b.key;
+    return nextKey ? (_c = navRefs.current) == null ? void 0 : _c[nextKey] : void 0;
+  };
+  const getNextElementOnSameLevel = (currentKey) => {
+    var _a, _b;
+    const currentItem = (_a = itemsMap.current) == null ? void 0 : _a[currentKey];
+    const currentLevel = currentItem.level;
+    const nextItem = _traverseNextElements({
+      currentItem,
+      desiredLevel: currentLevel,
+      currentLevel
+    });
+    return (nextItem == null ? void 0 : nextItem.item.key) ? (_b = navRefs.current) == null ? void 0 : _b[nextItem == null ? void 0 : nextItem.item.key] : void 0;
+  };
+  const getPrevElementOnSameLevel = (currentKey) => {
+    var _a, _b;
+    const currentItem = (_a = itemsMap.current) == null ? void 0 : _a[currentKey];
+    const currentLevel = currentItem.level;
+    const prevItem = _traversePrevElements({
+      currentItem,
+      desiredLevel: currentLevel
+    });
+    return (prevItem == null ? void 0 : prevItem.item.key) ? (_b = navRefs.current) == null ? void 0 : _b[prevItem == null ? void 0 : prevItem.item.key] : void 0;
+  };
+  const getFirstElementOnSameLevel = (currentKey) => {
+    var _a, _b, _c;
+    const currentItem = (_a = itemsMap.current) == null ? void 0 : _a[currentKey];
+    const currentLevel = currentItem.level;
+    const prevItem = _traversePrevElements({
+      currentItem,
+      desiredLevel: currentLevel
+    });
+    const prevItemKey = prevItem == null ? void 0 : prevItem.item.key;
+    if (prevItemKey) {
+      const hasNextPrevElement = !!_traversePrevElements({
+        currentItem: (_b = itemsMap.current) == null ? void 0 : _b[prevItemKey],
+        desiredLevel: currentLevel
+      });
+      if (hasNextPrevElement) {
+        return getFirstElementOnSameLevel(prevItemKey);
+      }
+      return (_c = navRefs.current) == null ? void 0 : _c[prevItemKey];
+    }
+  };
+  const getLastElementOnSameLevel = (currentKey) => {
+    var _a, _b, _c;
+    const currentItem = (_a = itemsMap.current) == null ? void 0 : _a[currentKey];
+    const currentLevel = currentItem.level;
+    const nextItem = _traverseNextElements({
+      currentItem,
+      desiredLevel: currentLevel,
+      currentLevel
+    });
+    const nextItemKey = nextItem == null ? void 0 : nextItem.item.key;
+    if (nextItemKey) {
+      const hasNextNextElement = !!_traverseNextElements({
+        currentItem: (_b = itemsMap.current) == null ? void 0 : _b[nextItemKey],
+        desiredLevel: currentLevel,
+        currentLevel
+      });
+      if (hasNextNextElement) {
+        return getLastElementOnSameLevel(nextItemKey);
+      }
+      return (_c = navRefs.current) == null ? void 0 : _c[nextItemKey];
+    }
+  };
+  const getParentElement = (currentKey) => {
+    var _a, _b;
+    const currentItem = (_a = itemsMap.current) == null ? void 0 : _a[currentKey];
+    const currentLevel = currentItem.level;
+    const parentLevel = currentLevel - 1;
+    const parentItem = _traversePrevElements({
+      currentItem,
+      desiredLevel: parentLevel,
+      checkForMenuEscape: false
+    });
+    return (parentItem == null ? void 0 : parentItem.item.key) ? (_b = navRefs.current) == null ? void 0 : _b[parentItem == null ? void 0 : parentItem.item.key] : void 0;
+  };
+  const _traverseNextElements = ({
+    currentItem,
+    desiredLevel,
+    currentLevel
+  }) => {
+    var _a, _b;
+    const nextKey = (_a = currentItem.next) == null ? void 0 : _a.key;
+    if (!nextKey) {
+      return;
+    }
+    const escapedSubMenu = desiredLevel > currentLevel;
+    if (escapedSubMenu) {
+      return;
+    }
+    const next = (_b = itemsMap.current) == null ? void 0 : _b[nextKey];
+    if (next && next.level === desiredLevel) {
+      return next;
+    } else {
+      return _traverseNextElements({ currentItem: next, desiredLevel, currentLevel: next.level });
+    }
+  };
+  const _traversePrevElements = ({
+    currentItem,
+    desiredLevel,
+    checkForMenuEscape = true
+  }) => {
+    var _a, _b;
+    const prevKey = (_a = currentItem.prev) == null ? void 0 : _a.key;
+    if (!prevKey) {
+      return;
+    }
+    const prev = (_b = itemsMap.current) == null ? void 0 : _b[prevKey];
+    const prevLevel = prev.level;
+    const escapedSubMenu = desiredLevel > prevLevel;
+    if (checkForMenuEscape && escapedSubMenu) {
+      return;
+    }
+    if (prev && prev.level === desiredLevel) {
+      return prev;
+    } else {
+      return _traversePrevElements({ currentItem: prev, desiredLevel });
+    }
+  };
+  return {
+    addElementReference,
+    getNextElement,
+    getNextElementOnSameLevel,
+    getPrevElementOnSameLevel,
+    getFirstElementOnSameLevel,
+    getLastElementOnSameLevel,
+    getParentElement,
+    getItemMap: () => itemsMap.current
+  };
+};
+export {
+  useRefItems
+};
+//# sourceMappingURL=useRefItems.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRefItems.es.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":["itemsMap","items"],"mappings":"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"}

package/dist/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("./MicrofrontendContainer.module.scss.cjs.js");exports.MicrofrontendContainer=({header:t,children:r,contentMargins:o=!0,contentMaxWidth:i=!0,...a})=>{const c=[];return o&&c.push(n.default["microfrontend-container-margin"]),i&&c.push(n.default["microfrontend-container-max-width"]),e.createElement(e.Fragment,null,e.createElement("div",null,t),e.createElement("div",{className:c.join(" "),...a},r))};
+//# sourceMappingURL=MicrofrontendContainer.cjs.js.map

package/dist/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrofrontendContainer.cjs.js","sources":["../../../../../src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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, { ReactElement } from \"react\";\nimport classes from \"./MicrofrontendContainer.module.scss\";\n\nexport interface Props {\n  header?: ReactElement | ReactElement[];\n  children: ReactElement | ReactElement[];\n  contentMargins?: boolean;\n  contentMaxWidth?: boolean;\n}\n\nexport const MicrofrontendContainer = ({\n  header,\n  children,\n  contentMargins = true,\n  contentMaxWidth = true,\n  ...rest\n}: Props) => {\n  const appliedClasses = [];\n\n  contentMargins && appliedClasses.push(classes[\"microfrontend-container-margin\"]);\n  contentMaxWidth && appliedClasses.push(classes[\"microfrontend-container-max-width\"]);\n\n  return (\n    <>\n      <div>{header}</div>\n      <div className={appliedClasses.join(\" \")} {...rest}>\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":["header","children","contentMargins","contentMaxWidth","rest","appliedClasses","push","classes","default","React","createElement","Fragment","className","join"],"mappings":"iMA0BsC,EACpCA,SACAC,WACAC,kBAAiB,EACjBC,mBAAkB,KACfC,MAEH,MAAMC,EAAiB,GAOnB,OALJH,GAAkBG,EAAeC,KAAKC,EAAQC,QAAA,mCAC9CL,GAAmBE,EAAeC,KAAKC,EAAQC,QAAA,sCAI3CC,EAAAC,cAAAD,EAAAE,SAAA,OAAAD,cAAC,MAAK,KAAAV,GACLS,EAAAC,cAAA,MAAA,CAAIE,UAAWP,EAAeQ,KAAK,QAAUT,GAC3CH,GAEL"}

package/dist/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.es.js

@@ -0,0 +1,18 @@
+import React from "react";
+import classes from "./MicrofrontendContainer.module.scss.es.js";
+const MicrofrontendContainer = ({
+  header,
+  children,
+  contentMargins = true,
+  contentMaxWidth = true,
+  ...rest
+}) => {
+  const appliedClasses = [];
+  contentMargins && appliedClasses.push(classes["microfrontend-container-margin"]);
+  contentMaxWidth && appliedClasses.push(classes["microfrontend-container-max-width"]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, header), /* @__PURE__ */ React.createElement("div", { className: appliedClasses.join(" "), ...rest }, children));
+};
+export {
+  MicrofrontendContainer
+};
+//# sourceMappingURL=MicrofrontendContainer.es.js.map

package/dist/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrofrontendContainer.es.js","sources":["../../../../../src/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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, { ReactElement } from \"react\";\nimport classes from \"./MicrofrontendContainer.module.scss\";\n\nexport interface Props {\n  header?: ReactElement | ReactElement[];\n  children: ReactElement | ReactElement[];\n  contentMargins?: boolean;\n  contentMaxWidth?: boolean;\n}\n\nexport const MicrofrontendContainer = ({\n  header,\n  children,\n  contentMargins = true,\n  contentMaxWidth = true,\n  ...rest\n}: Props) => {\n  const appliedClasses = [];\n\n  contentMargins && appliedClasses.push(classes[\"microfrontend-container-margin\"]);\n  contentMaxWidth && appliedClasses.push(classes[\"microfrontend-container-max-width\"]);\n\n  return (\n    <>\n      <div>{header}</div>\n      <div className={appliedClasses.join(\" \")} {...rest}>\n        {children}\n      </div>\n    </>\n  );\n};\n"],"names":[],"mappings":";;AA0BO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,GAAG;AACL,MAAa;AACX,QAAM,iBAAiB,CAAC;AAExB,oBAAkB,eAAe,KAAK,QAAQ,gCAAgC,CAAC;AAC/E,qBAAmB,eAAe,KAAK,QAAQ,mCAAmC,CAAC;AAEnF,SAEI,sBAAA,cAAA,MAAA,UAAA,MAAA,sBAAA,cAAC,OAAK,MAAA,MAAO,GACZ,sBAAA,cAAA,OAAA,EAAI,WAAW,eAAe,KAAK,GAAG,GAAI,GAAG,QAC3C,QACH,CACF;AAEJ;"}

package/dist/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.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('/*!\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 */.MicrofrontendContainer_microfrontend-container-margin_gFXfX{padding:2rem}.MicrofrontendContainer_microfrontend-container-max-width_gFXfX{max-width:105rem}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),exports.default={"microfrontend-container-margin":"MicrofrontendContainer_microfrontend-container-margin_gFXfX","microfrontend-container-max-width":"MicrofrontendContainer_microfrontend-container-max-width_gFXfX"};
+//# sourceMappingURL=MicrofrontendContainer.module.scss.cjs.js.map

package/dist/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.cjs.js.map

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

package/dist/components/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.es.js

@@ -0,0 +1,9 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('/*!\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 */.MicrofrontendContainer_microfrontend-container-margin_gFXfX{padding:2rem}.MicrofrontendContainer_microfrontend-container-max-width_gFXfX{max-width:105rem}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
+const classes = {
+  "microfrontend-container-margin": "MicrofrontendContainer_microfrontend-container-margin_gFXfX",
+  "microfrontend-container-max-width": "MicrofrontendContainer_microfrontend-container-max-width_gFXfX"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=MicrofrontendContainer.module.scss.es.js.map

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

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

package/dist/components/miscellaneous/IdentityProviderButton.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),r=require("./IdentityProviderButton.module.scss.cjs.js"),t=require("../Button/Button.cjs.js");exports.IdentityProviderButton=({children:l,iconUrl:e,imgAltText:i,idpType:n,customization:c,loading:u,...d})=>{const a="#FFFFFF";return o.createElement(t.Button,{style:{"--button-fill-primary-default-color":(null==c?void 0:c.backgroundColor)??a,borderColor:(null==c?void 0:c.borderColor)??"#000000","--button-fill-text-color":(null==c?void 0:c.textColor)??"#000000","--color-focus":(null==c?void 0:c.focusBorderColor)??"var(--color-black50)","--button-fill-primary-focused-color":(null==c?void 0:c.focusBackgroundColor)??a,"--button-fill-primary-hover-color":(null==c?void 0:c.hoverBackgroundColor)??"var(--color-black10)","--button-fill-primary-pressed-color":(null==c?void 0:c.pressedBackgroundColor)??"var(--color-black20)"},color:"primary",variant:"fill",className:r.default["idp-button"],loading:u,...d},o.createElement("span",{className:r.default["idp-button--with-icon"]},o.createElement("img",{height:24,width:24,"aria-hidden":!i,src:e||`/ui-resources-static/common/idb/icons/${n}.svg`,alt:i||"Identity Provider icon"}),l))};
+//# sourceMappingURL=IdentityProviderButton.cjs.js.map

package/dist/components/miscellaneous/IdentityProviderButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityProviderButton.cjs.js","sources":["../../../src/components/miscellaneous/IdentityProviderButton.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, { ComponentPropsWithRef, CSSProperties, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./IdentityProviderButton.module.scss\";\nimport { Button } from \"../Button/Button\";\n\nexport interface SupportedCustomizationKeys {\n  backgroundColor: string;\n  focusBorderColor: string;\n  focusBackgroundColor: string;\n  hoverBackgroundColor: string;\n  pressedBackgroundColor: string;\n  textColor: string;\n  borderColor: string;\n}\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"button\">, \"color\"> {\n  iconUrl?: string;\n  imgAltText?: string;\n  idpType: string;\n  customization?: SupportedCustomizationKeys;\n  loading?: boolean;\n}\n\nexport const IdentityProviderButton: ForwardRefRenderFunction<HTMLButtonElement, Props> = ({\n  children,\n  iconUrl,\n  imgAltText,\n  idpType,\n  customization,\n  loading,\n  ...rest\n}) => {\n  const DEFAULT_BACKGROUND_COLOR = \"#FFFFFF\";\n  const DEFAULT_BORDER_COLOR = \"#000000\";\n  const DEFAULT_TEXT_COLOR = \"#000000\";\n  const DEFAULT_FOCUS_OUTLINE_COLOR = \"var(--color-black50)\";\n  const DEFAULT_HOVER_COLOR = \"var(--color-black10)\";\n  const DEFAULT_PRESSED_COLOR = \"var(--color-black20)\";\n\n  const generateCSSProperties = () => {\n    return {\n      \"--button-fill-primary-default-color\":\n        customization?.backgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n      borderColor: customization?.borderColor ?? DEFAULT_BORDER_COLOR,\n      \"--button-fill-text-color\": customization?.textColor ?? DEFAULT_TEXT_COLOR,\n      \"--color-focus\": customization?.focusBorderColor ?? DEFAULT_FOCUS_OUTLINE_COLOR,\n      \"--button-fill-primary-focused-color\":\n        customization?.focusBackgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n      \"--button-fill-primary-hover-color\":\n        customization?.hoverBackgroundColor ?? DEFAULT_HOVER_COLOR,\n      \"--button-fill-primary-pressed-color\":\n        customization?.pressedBackgroundColor ?? DEFAULT_PRESSED_COLOR\n    } as CSSProperties;\n  };\n\n  return (\n    <Button\n      style={generateCSSProperties()}\n      color=\"primary\"\n      variant=\"fill\"\n      className={classes[\"idp-button\"]}\n      loading={loading}\n      {...rest}\n    >\n      <span className={classes[\"idp-button--with-icon\"]}>\n        <img\n          height={24}\n          width={24}\n          aria-hidden={!imgAltText}\n          src={iconUrl || `/ui-resources-static/common/idb/icons/${idpType}.svg`}\n          alt={imgAltText || \"Identity Provider icon\"}\n        />\n        {children}\n      </span>\n    </Button>\n  );\n};\n"],"names":["children","iconUrl","imgAltText","idpType","customization","loading","rest","DEFAULT_BACKGROUND_COLOR","React","createElement","Button","style","backgroundColor","borderColor","textColor","focusBorderColor","focusBackgroundColor","hoverBackgroundColor","pressedBackgroundColor","color","variant","className","classes","height","width","src","alt"],"mappings":"sOAsC0F,EACxFA,WACAC,UACAC,aACAC,UACAC,gBACAC,aACGC,MAEH,MAAMC,EAA2B,UAwB/B,OAAAC,EAAAC,cAACC,EAAAA,OAAA,CACCC,MAjBK,CACL,6CACEP,WAAeQ,kBAAmBL,EACpCM,mBAAaT,WAAeS,cAVH,UAWzB,kCAA4BT,WAAeU,YAVpB,UAWvB,uBAAiBV,WAAeW,mBAVA,uBAWhC,6CACEX,WAAeY,uBAAwBT,EACzC,2CACEH,WAAea,uBAbO,uBAcxB,6CACEb,WAAec,yBAdS,wBAqB1BC,MAAM,UACNC,QAAQ,OACRC,UAAWC,UAAQ,cACnBjB,aACIC,GAEHE,EAAAC,cAAA,OAAA,CAAKY,UAAWC,EAAAA,QAAQ,0BACvBd,EAAAC,cAAC,MAAA,CACCc,OAAQ,GACRC,MAAO,GACP,eAActB,EACduB,IAAKxB,GAAW,yCAAyCE,QACzDuB,IAAKxB,GAAc,2BAEpBF,GAEL"}

package/dist/components/miscellaneous/IdentityProviderButton.es.js

@@ -0,0 +1,55 @@
+import React from "react";
+import classes from "./IdentityProviderButton.module.scss.es.js";
+import { Button } from "../Button/Button.es.js";
+const IdentityProviderButton = ({
+  children,
+  iconUrl,
+  imgAltText,
+  idpType,
+  customization,
+  loading,
+  ...rest
+}) => {
+  const DEFAULT_BACKGROUND_COLOR = "#FFFFFF";
+  const DEFAULT_BORDER_COLOR = "#000000";
+  const DEFAULT_TEXT_COLOR = "#000000";
+  const DEFAULT_FOCUS_OUTLINE_COLOR = "var(--color-black50)";
+  const DEFAULT_HOVER_COLOR = "var(--color-black10)";
+  const DEFAULT_PRESSED_COLOR = "var(--color-black20)";
+  const generateCSSProperties = () => {
+    return {
+      "--button-fill-primary-default-color": (customization == null ? void 0 : customization.backgroundColor) ?? DEFAULT_BACKGROUND_COLOR,
+      borderColor: (customization == null ? void 0 : customization.borderColor) ?? DEFAULT_BORDER_COLOR,
+      "--button-fill-text-color": (customization == null ? void 0 : customization.textColor) ?? DEFAULT_TEXT_COLOR,
+      "--color-focus": (customization == null ? void 0 : customization.focusBorderColor) ?? DEFAULT_FOCUS_OUTLINE_COLOR,
+      "--button-fill-primary-focused-color": (customization == null ? void 0 : customization.focusBackgroundColor) ?? DEFAULT_BACKGROUND_COLOR,
+      "--button-fill-primary-hover-color": (customization == null ? void 0 : customization.hoverBackgroundColor) ?? DEFAULT_HOVER_COLOR,
+      "--button-fill-primary-pressed-color": (customization == null ? void 0 : customization.pressedBackgroundColor) ?? DEFAULT_PRESSED_COLOR
+    };
+  };
+  return /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      style: generateCSSProperties(),
+      color: "primary",
+      variant: "fill",
+      className: classes["idp-button"],
+      loading,
+      ...rest
+    },
+    /* @__PURE__ */ React.createElement("span", { className: classes["idp-button--with-icon"] }, /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        height: 24,
+        width: 24,
+        "aria-hidden": !imgAltText,
+        src: iconUrl || `/ui-resources-static/common/idb/icons/${idpType}.svg`,
+        alt: imgAltText || "Identity Provider icon"
+      }
+    ), children)
+  );
+};
+export {
+  IdentityProviderButton
+};
+//# sourceMappingURL=IdentityProviderButton.es.js.map

package/dist/components/miscellaneous/IdentityProviderButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityProviderButton.es.js","sources":["../../../src/components/miscellaneous/IdentityProviderButton.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, { ComponentPropsWithRef, CSSProperties, ForwardRefRenderFunction } from \"react\";\nimport classes from \"./IdentityProviderButton.module.scss\";\nimport { Button } from \"../Button/Button\";\n\nexport interface SupportedCustomizationKeys {\n  backgroundColor: string;\n  focusBorderColor: string;\n  focusBackgroundColor: string;\n  hoverBackgroundColor: string;\n  pressedBackgroundColor: string;\n  textColor: string;\n  borderColor: string;\n}\n\nexport interface Props extends Omit<ComponentPropsWithRef<\"button\">, \"color\"> {\n  iconUrl?: string;\n  imgAltText?: string;\n  idpType: string;\n  customization?: SupportedCustomizationKeys;\n  loading?: boolean;\n}\n\nexport const IdentityProviderButton: ForwardRefRenderFunction<HTMLButtonElement, Props> = ({\n  children,\n  iconUrl,\n  imgAltText,\n  idpType,\n  customization,\n  loading,\n  ...rest\n}) => {\n  const DEFAULT_BACKGROUND_COLOR = \"#FFFFFF\";\n  const DEFAULT_BORDER_COLOR = \"#000000\";\n  const DEFAULT_TEXT_COLOR = \"#000000\";\n  const DEFAULT_FOCUS_OUTLINE_COLOR = \"var(--color-black50)\";\n  const DEFAULT_HOVER_COLOR = \"var(--color-black10)\";\n  const DEFAULT_PRESSED_COLOR = \"var(--color-black20)\";\n\n  const generateCSSProperties = () => {\n    return {\n      \"--button-fill-primary-default-color\":\n        customization?.backgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n      borderColor: customization?.borderColor ?? DEFAULT_BORDER_COLOR,\n      \"--button-fill-text-color\": customization?.textColor ?? DEFAULT_TEXT_COLOR,\n      \"--color-focus\": customization?.focusBorderColor ?? DEFAULT_FOCUS_OUTLINE_COLOR,\n      \"--button-fill-primary-focused-color\":\n        customization?.focusBackgroundColor ?? DEFAULT_BACKGROUND_COLOR,\n      \"--button-fill-primary-hover-color\":\n        customization?.hoverBackgroundColor ?? DEFAULT_HOVER_COLOR,\n      \"--button-fill-primary-pressed-color\":\n        customization?.pressedBackgroundColor ?? DEFAULT_PRESSED_COLOR\n    } as CSSProperties;\n  };\n\n  return (\n    <Button\n      style={generateCSSProperties()}\n      color=\"primary\"\n      variant=\"fill\"\n      className={classes[\"idp-button\"]}\n      loading={loading}\n      {...rest}\n    >\n      <span className={classes[\"idp-button--with-icon\"]}>\n        <img\n          height={24}\n          width={24}\n          aria-hidden={!imgAltText}\n          src={iconUrl || `/ui-resources-static/common/idb/icons/${idpType}.svg`}\n          alt={imgAltText || \"Identity Provider icon\"}\n        />\n        {children}\n      </span>\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;AAsCO,MAAM,yBAA6E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,2BAA2B;AACjC,QAAM,uBAAuB;AAC7B,QAAM,qBAAqB;AAC3B,QAAM,8BAA8B;AACpC,QAAM,sBAAsB;AAC5B,QAAM,wBAAwB;AAE9B,QAAM,wBAAwB,MAAM;AAC3B,WAAA;AAAA,MACL,wCACE,+CAAe,oBAAmB;AAAA,MACpC,cAAa,+CAAe,gBAAe;AAAA,MAC3C,6BAA4B,+CAAe,cAAa;AAAA,MACxD,kBAAiB,+CAAe,qBAAoB;AAAA,MACpD,wCACE,+CAAe,yBAAwB;AAAA,MACzC,sCACE,+CAAe,yBAAwB;AAAA,MACzC,wCACE,+CAAe,2BAA0B;AAAA,IAC7C;AAAA,EACF;AAGE,SAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,sBAAsB;AAAA,MAC7B,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,WAAW,QAAQ,YAAY;AAAA,MAC/B;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,IAEH,sBAAA,cAAA,QAAA,EAAK,WAAW,QAAQ,uBAAuB,KAC9C,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,eAAa,CAAC;AAAA,QACd,KAAK,WAAW,yCAAyC,OAAO;AAAA,QAChE,KAAK,cAAc;AAAA,MAAA;AAAA,IAAA,GAEpB,QACH;AAAA,EACF;AAEJ;"}

package/dist/components/miscellaneous/IdentityProviderButton.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('.IdentityProviderButton_sr-only_gFXfX{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.IdentityProviderButton_hidden_gFXfX{display:none}.IdentityProviderButton_slide-in_gFXfX{animation:IdentityProviderButton_slide-in_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.IdentityProviderButton_slide-in_gFXfX{animation-duration:.1ms}}.IdentityProviderButton_slide-out_gFXfX{animation:IdentityProviderButton_slide-out_gFXfX .5s forwards}@media (prefers-reduced-motion: reduce){.IdentityProviderButton_slide-out_gFXfX{animation-duration:.1ms}}@keyframes IdentityProviderButton_slide-in_gFXfX{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IdentityProviderButton_slide-out_gFXfX{0%{transform:translateY(0)}to{transform:translateY(100vh)}}/*!\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 */.IdentityProviderButton_idp-button_gFXfX{width:100%}.IdentityProviderButton_idp-button--with-icon_gFXfX{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:-.125rem;margin-bottom:-.125rem}')),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"}}),exports.default={"idp-button":"IdentityProviderButton_idp-button_gFXfX","idp-button--with-icon":"IdentityProviderButton_idp-button--with-icon_gFXfX"};
+//# sourceMappingURL=IdentityProviderButton.module.scss.cjs.js.map