@onewelcome/react-lib-components 9.8.1 → 10.0.0

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_E7GBT{padding:2rem}.MicrofrontendContainer_microfrontend-container-max-width_E7GBT{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_E7GBT","microfrontend-container-max-width":"MicrofrontendContainer_microfrontend-container-max-width_E7GBT"};
+//# sourceMappingURL=MicrofrontendContainer.module.scss.cjs.js.map

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_E7GBT{padding:2rem}.MicrofrontendContainer_microfrontend-container-max-width_E7GBT{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_E7GBT",
+  "microfrontend-container-max-width": "MicrofrontendContainer_microfrontend-container-max-width_E7GBT"
+};
+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_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.IdentityProviderButton_hidden_E7GBT{display:none}.IdentityProviderButton_slide-in_E7GBT{animation:IdentityProviderButton_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.IdentityProviderButton_slide-in_E7GBT{animation-duration:.1ms}}.IdentityProviderButton_slide-out_E7GBT{animation:IdentityProviderButton_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.IdentityProviderButton_slide-out_E7GBT{animation-duration:.1ms}}@keyframes IdentityProviderButton_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IdentityProviderButton_slide-out_E7GBT{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_E7GBT{width:100%}.IdentityProviderButton_idp-button--with-icon_E7GBT{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_E7GBT","idp-button--with-icon":"IdentityProviderButton_idp-button--with-icon_E7GBT"};
+//# sourceMappingURL=IdentityProviderButton.module.scss.cjs.js.map

package/dist/components/miscellaneous/IdentityProviderButton.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('.IdentityProviderButton_sr-only_E7GBT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.IdentityProviderButton_hidden_E7GBT{display:none}.IdentityProviderButton_slide-in_E7GBT{animation:IdentityProviderButton_slide-in_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.IdentityProviderButton_slide-in_E7GBT{animation-duration:.1ms}}.IdentityProviderButton_slide-out_E7GBT{animation:IdentityProviderButton_slide-out_E7GBT .5s forwards}@media (prefers-reduced-motion: reduce){.IdentityProviderButton_slide-out_E7GBT{animation-duration:.1ms}}@keyframes IdentityProviderButton_slide-in_E7GBT{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes IdentityProviderButton_slide-out_E7GBT{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_E7GBT{width:100%}.IdentityProviderButton_idp-button--with-icon_E7GBT{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)}}();
+const classes = {
+  "idp-button": "IdentityProviderButton_idp-button_E7GBT",
+  "idp-button--with-icon": "IdentityProviderButton_idp-button--with-icon_E7GBT"
+};
+export {
+  classes as default
+};
+//# sourceMappingURL=IdentityProviderButton.module.scss.es.js.map

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

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

package/dist/components/withReadOnly.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=["CheckboxWrapper"],t=(e,r,t)=>{const n={};return e?(n.style={pointerEvents:"none",userSelect:"text"},t&&(n.helperText="")):t&&(n.helperText=t),r&&(n.type=r),n};exports.withReadOnly=(n,a)=>{const{isWrapperComponent:o}=a||{},p=e=>{const t=e=>{var r;("Enter"===(r=e).key||" "===r.key)&&(e.stopPropagation(),e.preventDefault())};if(e&&r.includes(n.displayName||n.name)){return{onKeyUp:e=>{t(e)},onKeyDown:e=>{t(e)}}}return{}},i=e.forwardRef(((r,a)=>{const{readOnlyView:i=!1,required:l,children:s,helperText:d,type:y="",...u}=r;return e.createElement(n,{ref:a,...u,"data-readonlyview":i,"aria-readonly":o?void 0:i,required:!i&&l,...t(i,y,d),...p(i)},s)}));return i.displayName=`withReadOnly_${(e=>e.displayName??e.name??"Component")(n)}`,i};
+//# sourceMappingURL=withReadOnly.cjs.js.map

package/dist/components/withReadOnly.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withReadOnly.cjs.js","sources":["../../src/components/withReadOnly.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, { ComponentType, ForwardedRef, PropsWithChildren } from \"react\";\n\nexport interface WithReadOnlyProps {\n  readOnlyView?: boolean;\n  required?: boolean;\n  helperText?: string;\n  type?: string;\n}\n\nconst componentsWithKeyEventsToPrevent: string[] = [\"CheckboxWrapper\"];\n\nconst getDisplayName = <P,>(WrappedComponent: ComponentType<P>) => {\n  return WrappedComponent.displayName ?? WrappedComponent.name ?? \"Component\";\n};\n\nconst getConditionalProps = (readOnlyView: boolean, type: string, helperText?: string) => {\n  const props: Record<string, unknown> = {};\n\n  if (readOnlyView) {\n    props.style = { pointerEvents: \"none\", userSelect: \"text\" };\n    if (helperText) {\n      props.helperText = \"\";\n    }\n  } else if (helperText) {\n    props.helperText = helperText;\n  }\n\n  if (type) {\n    props.type = type;\n  }\n\n  return props;\n};\n\ntype WithReadOnlyOptions = {\n  isWrapperComponent: boolean;\n};\n\nexport const withReadOnly = <P extends object>(\n  WrappedComponent: ComponentType<P>,\n  options?: WithReadOnlyOptions\n) => {\n  const { isWrapperComponent } = options || {};\n\n  const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView: boolean) => {\n    const preventSubmissionKeys = (e: KeyboardEvent) => {\n      const isEnterOrSpace = (e: KeyboardEvent) => e.key === \"Enter\" || e.key === \" \";\n      if (isEnterOrSpace(e)) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    };\n\n    if (\n      readOnlyView &&\n      componentsWithKeyEventsToPrevent.includes(\n        WrappedComponent.displayName || WrappedComponent.name\n      )\n    ) {\n      const props: Record<string, unknown> = {};\n\n      props.onKeyUp = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      props.onKeyDown = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      return props;\n    }\n\n    return {};\n  };\n\n  const WithReadOnlyComponent = React.forwardRef(\n    (props: PropsWithChildren<P & WithReadOnlyProps>, ref: ForwardedRef<unknown>) => {\n      const {\n        readOnlyView = false,\n        required,\n        children,\n        helperText,\n        type = \"\",\n        ...restProps\n      } = props;\n\n      return (\n        <WrappedComponent\n          ref={ref}\n          {...(restProps as P)}\n          data-readonlyview={readOnlyView}\n          aria-readonly={isWrapperComponent ? undefined : readOnlyView}\n          required={readOnlyView ? false : required}\n          {...getConditionalProps(readOnlyView, type, helperText)}\n          {...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView)}\n        >\n          {children}\n        </WrappedComponent>\n      );\n    }\n  );\n\n  WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;\n  return WithReadOnlyComponent;\n};\n"],"names":["componentsWithKeyEventsToPrevent","getConditionalProps","readOnlyView","type","helperText","props","style","pointerEvents","userSelect","WrappedComponent","options","isWrapperComponent","preventKeyUpAndKeyDownHandlerForSpecificComponents","preventSubmissionKeys","e","key","stopPropagation","preventDefault","includes","displayName","name","WithReadOnlyComponent","React","forwardRef","ref","required","children","restProps","createElement","getDisplayName"],"mappings":"yGAyBMA,EAA6C,CAAC,mBAM9CC,EAAsB,CAACC,EAAuBC,EAAcC,KAChE,MAAMC,EAAiC,CAAC,EAejC,OAbHH,GACFG,EAAMC,MAAQ,CAAEC,cAAe,OAAQC,WAAY,QAC/CJ,IACFC,EAAMD,WAAa,KAEZA,IACTC,EAAMD,WAAaA,GAGjBD,IACFE,EAAMF,KAAOA,GAGRE,CAAA,uBAOmB,CAC1BI,EACAC,KAEA,MAAMC,mBAAEA,GAAuBD,GAAW,CAAC,EAErCE,EAAsDV,IACpD,MAAAW,EAAyBC,IACN,IAACA,GAA+B,WAA/BA,EACLA,GAD4BC,KAA6B,MAAVD,EAAEC,OAElED,EAAEE,kBACFF,EAAEG,iBAAe,EAIrB,GACEf,GACAF,EAAiCkB,SAC/BT,EAAiBU,aAAeV,EAAiBW,MAEnD,CAWO,MAVgC,CAEjCf,QAAWS,IACfD,EAAsBC,EAAC,EAGnBT,UAAaS,IACjBD,EAAsBC,EAAC,EAGlB,CAGT,MAAO,CAAC,CAAA,EAGJO,EAAwBC,EAAMC,YAClC,CAAClB,EAAiDmB,KAC1C,MAAAtB,aACJA,GAAe,EAAAuB,SACfA,EAAAC,SACAA,EAAAtB,WACAA,EAAAD,KACAA,EAAO,MACJwB,GACDtB,EAGF,OAAAiB,EAAAM,cAACnB,EAAA,CACCe,SACKG,EACL,oBAAmBzB,EACnB,gBAAeS,OAAqB,EAAYT,EAChDuB,UAAUvB,GAAuBuB,KAC7BxB,EAAoBC,EAAcC,EAAMC,MACxCQ,EAAmDV,IAEtDwB,EACH,IAMC,OADPL,EAAsBF,YAAc,gBA3Ff,CAAKV,GACnBA,EAAiBU,aAAeV,EAAiBW,MAAQ,YA0FZS,CAAepB,KAC5DY,CAAA"}

package/dist/components/withReadOnly.es.js

@@ -0,0 +1,76 @@
+import React from "react";
+const componentsWithKeyEventsToPrevent = ["CheckboxWrapper"];
+const getDisplayName = (WrappedComponent) => {
+  return WrappedComponent.displayName ?? WrappedComponent.name ?? "Component";
+};
+const getConditionalProps = (readOnlyView, type, helperText) => {
+  const props = {};
+  if (readOnlyView) {
+    props.style = { pointerEvents: "none", userSelect: "text" };
+    if (helperText) {
+      props.helperText = "";
+    }
+  } else if (helperText) {
+    props.helperText = helperText;
+  }
+  if (type) {
+    props.type = type;
+  }
+  return props;
+};
+const withReadOnly = (WrappedComponent, options) => {
+  const { isWrapperComponent } = options || {};
+  const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView) => {
+    const preventSubmissionKeys = (e) => {
+      const isEnterOrSpace = (e2) => e2.key === "Enter" || e2.key === " ";
+      if (isEnterOrSpace(e)) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    };
+    if (readOnlyView && componentsWithKeyEventsToPrevent.includes(
+      WrappedComponent.displayName || WrappedComponent.name
+    )) {
+      const props = {};
+      props.onKeyUp = (e) => {
+        preventSubmissionKeys(e);
+      };
+      props.onKeyDown = (e) => {
+        preventSubmissionKeys(e);
+      };
+      return props;
+    }
+    return {};
+  };
+  const WithReadOnlyComponent = React.forwardRef(
+    (props, ref) => {
+      const {
+        readOnlyView = false,
+        required,
+        children,
+        helperText,
+        type = "",
+        ...restProps
+      } = props;
+      return /* @__PURE__ */ React.createElement(
+        WrappedComponent,
+        {
+          ref,
+          ...restProps,
+          "data-readonlyview": readOnlyView,
+          "aria-readonly": isWrapperComponent ? void 0 : readOnlyView,
+          required: readOnlyView ? false : required,
+          ...getConditionalProps(readOnlyView, type, helperText),
+          ...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView)
+        },
+        children
+      );
+    }
+  );
+  WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;
+  return WithReadOnlyComponent;
+};
+export {
+  withReadOnly
+};
+//# sourceMappingURL=withReadOnly.es.js.map

package/dist/components/withReadOnly.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withReadOnly.es.js","sources":["../../src/components/withReadOnly.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, { ComponentType, ForwardedRef, PropsWithChildren } from \"react\";\n\nexport interface WithReadOnlyProps {\n  readOnlyView?: boolean;\n  required?: boolean;\n  helperText?: string;\n  type?: string;\n}\n\nconst componentsWithKeyEventsToPrevent: string[] = [\"CheckboxWrapper\"];\n\nconst getDisplayName = <P,>(WrappedComponent: ComponentType<P>) => {\n  return WrappedComponent.displayName ?? WrappedComponent.name ?? \"Component\";\n};\n\nconst getConditionalProps = (readOnlyView: boolean, type: string, helperText?: string) => {\n  const props: Record<string, unknown> = {};\n\n  if (readOnlyView) {\n    props.style = { pointerEvents: \"none\", userSelect: \"text\" };\n    if (helperText) {\n      props.helperText = \"\";\n    }\n  } else if (helperText) {\n    props.helperText = helperText;\n  }\n\n  if (type) {\n    props.type = type;\n  }\n\n  return props;\n};\n\ntype WithReadOnlyOptions = {\n  isWrapperComponent: boolean;\n};\n\nexport const withReadOnly = <P extends object>(\n  WrappedComponent: ComponentType<P>,\n  options?: WithReadOnlyOptions\n) => {\n  const { isWrapperComponent } = options || {};\n\n  const preventKeyUpAndKeyDownHandlerForSpecificComponents = (readOnlyView: boolean) => {\n    const preventSubmissionKeys = (e: KeyboardEvent) => {\n      const isEnterOrSpace = (e: KeyboardEvent) => e.key === \"Enter\" || e.key === \" \";\n      if (isEnterOrSpace(e)) {\n        e.stopPropagation();\n        e.preventDefault();\n      }\n    };\n\n    if (\n      readOnlyView &&\n      componentsWithKeyEventsToPrevent.includes(\n        WrappedComponent.displayName || WrappedComponent.name\n      )\n    ) {\n      const props: Record<string, unknown> = {};\n\n      props.onKeyUp = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      props.onKeyDown = (e: KeyboardEvent) => {\n        preventSubmissionKeys(e);\n      };\n\n      return props;\n    }\n\n    return {};\n  };\n\n  const WithReadOnlyComponent = React.forwardRef(\n    (props: PropsWithChildren<P & WithReadOnlyProps>, ref: ForwardedRef<unknown>) => {\n      const {\n        readOnlyView = false,\n        required,\n        children,\n        helperText,\n        type = \"\",\n        ...restProps\n      } = props;\n\n      return (\n        <WrappedComponent\n          ref={ref}\n          {...(restProps as P)}\n          data-readonlyview={readOnlyView}\n          aria-readonly={isWrapperComponent ? undefined : readOnlyView}\n          required={readOnlyView ? false : required}\n          {...getConditionalProps(readOnlyView, type, helperText)}\n          {...preventKeyUpAndKeyDownHandlerForSpecificComponents(readOnlyView)}\n        >\n          {children}\n        </WrappedComponent>\n      );\n    }\n  );\n\n  WithReadOnlyComponent.displayName = `withReadOnly_${getDisplayName(WrappedComponent)}`;\n  return WithReadOnlyComponent;\n};\n"],"names":["e"],"mappings":";AAyBA,MAAM,mCAA6C,CAAC,iBAAiB;AAErE,MAAM,iBAAiB,CAAK,qBAAuC;AAC1D,SAAA,iBAAiB,eAAe,iBAAiB,QAAQ;AAClE;AAEA,MAAM,sBAAsB,CAAC,cAAuB,MAAc,eAAwB;AACxF,QAAM,QAAiC,CAAC;AAExC,MAAI,cAAc;AAChB,UAAM,QAAQ,EAAE,eAAe,QAAQ,YAAY,OAAO;AAC1D,QAAI,YAAY;AACd,YAAM,aAAa;AAAA,IAAA;AAAA,aAEZ,YAAY;AACrB,UAAM,aAAa;AAAA,EAAA;AAGrB,MAAI,MAAM;AACR,UAAM,OAAO;AAAA,EAAA;AAGR,SAAA;AACT;AAMa,MAAA,eAAe,CAC1B,kBACA,YACG;AACH,QAAM,EAAE,uBAAuB,WAAW,CAAC;AAErC,QAAA,qDAAqD,CAAC,iBAA0B;AAC9E,UAAA,wBAAwB,CAAC,MAAqB;AAClD,YAAM,iBAAiB,CAACA,OAAqBA,GAAE,QAAQ,WAAWA,GAAE,QAAQ;AACxE,UAAA,eAAe,CAAC,GAAG;AACrB,UAAE,gBAAgB;AAClB,UAAE,eAAe;AAAA,MAAA;AAAA,IAErB;AAEA,QACE,gBACA,iCAAiC;AAAA,MAC/B,iBAAiB,eAAe,iBAAiB;AAAA,IAAA,GAEnD;AACA,YAAM,QAAiC,CAAC;AAElC,YAAA,UAAU,CAAC,MAAqB;AACpC,8BAAsB,CAAC;AAAA,MACzB;AAEM,YAAA,YAAY,CAAC,MAAqB;AACtC,8BAAsB,CAAC;AAAA,MACzB;AAEO,aAAA;AAAA,IAAA;AAGT,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,wBAAwB,MAAM;AAAA,IAClC,CAAC,OAAiD,QAA+B;AACzE,YAAA;AAAA,QACJ,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,GAAG;AAAA,MAAA,IACD;AAGF,aAAA,sBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACC,GAAI;AAAA,UACL,qBAAmB;AAAA,UACnB,iBAAe,qBAAqB,SAAY;AAAA,UAChD,UAAU,eAAe,QAAQ;AAAA,UAChC,GAAG,oBAAoB,cAAc,MAAM,UAAU;AAAA,UACrD,GAAG,mDAAmD,YAAY;AAAA,QAAA;AAAA,QAElE;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AAEA,wBAAsB,cAAc,gBAAgB,eAAe,gBAAgB,CAAC;AAC7E,SAAA;AACT;"}

package/dist/hooks/useAnimation.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useAnimation=t=>{const n=e.useRef(null),[r,a]=e.useState(!1),i=()=>r&&t();return e.useEffect((()=>{var e;return null==(e=n.current)||e.addEventListener("animationend",i),()=>{var e;return null==(e=n.current)?void 0:e.removeEventListener("animationend",i)}}),[r]),{ref:n,animationStarted:r,startAnimation:()=>a(!0)}};
+//# sourceMappingURL=useAnimation.cjs.js.map

package/dist/hooks/useAnimation.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.cjs.js","sources":["../../src/hooks/useAnimation.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, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n  const animatedObjectRef = useRef<RefElement>(null);\n  /** We need to store flag that says us when to call the callback */\n  const [animationStarted, setAnimationStarted] = useState(false);\n\n  const onAnimationEnd = () => animationStarted && callback();\n\n  useEffect(() => {\n    animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n    return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n  }, [animationStarted]);\n\n  return {\n    ref: animatedObjectRef,\n    animationStarted,\n    startAnimation: () => setAnimationStarted(true)\n  };\n};\n"],"names":["callback","animatedObjectRef","useRef","animationStarted","setAnimationStarted","useState","onAnimationEnd","useEffect","_a","current","addEventListener","removeEventListener","ref","startAnimation"],"mappings":"8HAkB6DA,IACrD,MAAAC,EAAoBC,SAAmB,OAEtCC,EAAkBC,GAAuBC,EAAAA,UAAS,GAEnDC,EAAiB,IAAMH,GAAoBH,IAO1C,OALPO,EAAAA,WAAU,WAER,OADkB,OAAAC,EAAAP,EAAAQ,UAASD,EAAAE,iBAAiB,eAAgBJ,GACrD,WAAM,OAAA,OAAAE,EAAAP,EAAkBQ,cAAlBD,EAAAA,EAA2BG,oBAAoB,eAAgBL,EAAA,CAAA,GAC3E,CAACH,IAEG,CACLS,IAAKX,EACLE,mBACAU,eAAgB,IAAMT,GAAoB,GAC5C"}

package/dist/hooks/useAnimation.es.js

@@ -0,0 +1,23 @@
+import { useRef, useState, useEffect } from "react";
+const useAnimation = (callback) => {
+  const animatedObjectRef = useRef(null);
+  const [animationStarted, setAnimationStarted] = useState(false);
+  const onAnimationEnd = () => animationStarted && callback();
+  useEffect(() => {
+    var _a;
+    (_a = animatedObjectRef.current) == null ? void 0 : _a.addEventListener("animationend", onAnimationEnd);
+    return () => {
+      var _a2;
+      return (_a2 = animatedObjectRef.current) == null ? void 0 : _a2.removeEventListener("animationend", onAnimationEnd);
+    };
+  }, [animationStarted]);
+  return {
+    ref: animatedObjectRef,
+    animationStarted,
+    startAnimation: () => setAnimationStarted(true)
+  };
+};
+export {
+  useAnimation
+};
+//# sourceMappingURL=useAnimation.es.js.map

package/dist/hooks/useAnimation.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.es.js","sources":["../../src/hooks/useAnimation.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, useState } from \"react\";\n\nexport const useAnimation = <RefElement extends HTMLElement>(callback: () => void) => {\n  const animatedObjectRef = useRef<RefElement>(null);\n  /** We need to store flag that says us when to call the callback */\n  const [animationStarted, setAnimationStarted] = useState(false);\n\n  const onAnimationEnd = () => animationStarted && callback();\n\n  useEffect(() => {\n    animatedObjectRef.current?.addEventListener(\"animationend\", onAnimationEnd);\n    return () => animatedObjectRef.current?.removeEventListener(\"animationend\", onAnimationEnd);\n  }, [animationStarted]);\n\n  return {\n    ref: animatedObjectRef,\n    animationStarted,\n    startAnimation: () => setAnimationStarted(true)\n  };\n};\n"],"names":["_a"],"mappings":";AAkBa,MAAA,eAAe,CAAiC,aAAyB;AAC9E,QAAA,oBAAoB,OAAmB,IAAI;AAEjD,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAExD,QAAA,iBAAiB,MAAM,oBAAoB,SAAS;AAE1D,YAAU,MAAM;;AACI,4BAAA,YAAA,mBAAS,iBAAiB,gBAAgB;AAC5D,WAAO,MAAM;;AAAA,cAAAA,MAAA,kBAAkB,YAAlB,gBAAAA,IAA2B,oBAAoB,gBAAgB;AAAA;AAAA,EAAc,GACzF,CAAC,gBAAgB,CAAC;AAEd,SAAA;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA,gBAAgB,MAAM,oBAAoB,IAAI;AAAA,EAChD;AACF;"}

package/dist/hooks/useClickOutside.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useClickOutside=(t,i,n)=>{function o(e){const n=null==t?void 0:t.current;n&&(n.contains(e.target)||i(e))}e.useEffect((()=>(setTimeout((()=>window.addEventListener("click",o))),()=>{setTimeout((()=>window.removeEventListener("click",o)))})),n)};
+//# sourceMappingURL=useClickOutside.cjs.js.map

package/dist/hooks/useClickOutside.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.cjs.js","sources":["../../src/hooks/useClickOutside.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 { DependencyList, useEffect } from \"react\";\n\nexport const useClickOutside = (\n  myElementRef: React.RefObject<HTMLElement>,\n  onClickOutside: (event: MouseEvent) => void,\n  dependencies?: DependencyList\n) => {\n  function eventListener(event: MouseEvent) {\n    const myElement = myElementRef?.current;\n    if (!myElement) {\n      return;\n    }\n    const clickedInsideMyElement = myElement.contains(event.target as Node);\n\n    if (!clickedInsideMyElement) {\n      onClickOutside(event);\n    }\n  }\n  useEffect(() => {\n    setTimeout(() => window.addEventListener(\"click\", eventListener));\n\n    return () => {\n      setTimeout(() => window.removeEventListener(\"click\", eventListener));\n    };\n  }, dependencies);\n};\n"],"names":["myElementRef","onClickOutside","dependencies","eventListener","event","myElement","current","contains","target","useEffect","setTimeout","window","addEventListener","removeEventListener"],"mappings":"iIAkB+B,CAC7BA,EACAC,EACAC,KAEA,SAASC,EAAcC,GACrB,MAAMC,EAA0B,MAAdL,OAAc,EAAAA,EAAAM,QAC3BD,IAG0BA,EAAUE,SAASH,EAAMI,SAGtDP,EAAeG,GACjB,CAEFK,EAAAA,WAAU,KACRC,YAAW,IAAMC,OAAOC,iBAAiB,QAAST,KAE3C,KACLO,YAAW,IAAMC,OAAOE,oBAAoB,QAASV,IAAc,IAEpED,EAAY"}

package/dist/hooks/useClickOutside.es.js

@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+const useClickOutside = (myElementRef, onClickOutside, dependencies) => {
+  function eventListener(event) {
+    const myElement = myElementRef == null ? void 0 : myElementRef.current;
+    if (!myElement) {
+      return;
+    }
+    const clickedInsideMyElement = myElement.contains(event.target);
+    if (!clickedInsideMyElement) {
+      onClickOutside(event);
+    }
+  }
+  useEffect(() => {
+    setTimeout(() => window.addEventListener("click", eventListener));
+    return () => {
+      setTimeout(() => window.removeEventListener("click", eventListener));
+    };
+  }, dependencies);
+};
+export {
+  useClickOutside
+};
+//# sourceMappingURL=useClickOutside.es.js.map

package/dist/hooks/useClickOutside.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.es.js","sources":["../../src/hooks/useClickOutside.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 { DependencyList, useEffect } from \"react\";\n\nexport const useClickOutside = (\n  myElementRef: React.RefObject<HTMLElement>,\n  onClickOutside: (event: MouseEvent) => void,\n  dependencies?: DependencyList\n) => {\n  function eventListener(event: MouseEvent) {\n    const myElement = myElementRef?.current;\n    if (!myElement) {\n      return;\n    }\n    const clickedInsideMyElement = myElement.contains(event.target as Node);\n\n    if (!clickedInsideMyElement) {\n      onClickOutside(event);\n    }\n  }\n  useEffect(() => {\n    setTimeout(() => window.addEventListener(\"click\", eventListener));\n\n    return () => {\n      setTimeout(() => window.removeEventListener(\"click\", eventListener));\n    };\n  }, dependencies);\n};\n"],"names":[],"mappings":";AAkBO,MAAM,kBAAkB,CAC7B,cACA,gBACA,iBACG;AACH,WAAS,cAAc,OAAmB;AACxC,UAAM,YAAY,6CAAc;AAChC,QAAI,CAAC,WAAW;AACd;AAAA,IAAA;AAEF,UAAM,yBAAyB,UAAU,SAAS,MAAM,MAAc;AAEtE,QAAI,CAAC,wBAAwB;AAC3B,qBAAe,KAAK;AAAA,IAAA;AAAA,EACtB;AAEF,YAAU,MAAM;AACd,eAAW,MAAM,OAAO,iBAAiB,SAAS,aAAa,CAAC;AAEhE,WAAO,MAAM;AACX,iBAAW,MAAM,OAAO,oBAAoB,SAAS,aAAa,CAAC;AAAA,IACrE;AAAA,KACC,YAAY;AACjB;"}

package/dist/hooks/useDebouncedCallback.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useDebouncedCallback=(r,t,u)=>{const c=e.useRef(),o=u?[r,t,...u]:[r,t];return e.useCallback(((...e)=>{null!=c.current&&clearTimeout(c.current),c.current=setTimeout((()=>{r(...e)}),t)}),o)};
+//# sourceMappingURL=useDebouncedCallback.cjs.js.map

package/dist/hooks/useDebouncedCallback.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.cjs.js","sources":["../../src/hooks/useDebouncedCallback.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 from \"react\";\n\n/* eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types */\nexport const useDebouncedCallback = (callback: Function, delay: number, dependencies?: any[]) => {\n  const timeout = React.useRef<ReturnType<typeof setTimeout>>();\n  const comboDeps = dependencies ? [callback, delay, ...dependencies] : [callback, delay];\n\n  /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n  return React.useCallback((...args: any[]) => {\n    if (timeout.current != null) {\n      clearTimeout(timeout.current);\n    }\n\n    timeout.current = setTimeout(() => {\n      callback(...args);\n    }, delay);\n  }, comboDeps);\n};\n"],"names":["callback","delay","dependencies","timeout","React","useRef","comboDeps","useCallback","args","current","clearTimeout","setTimeout"],"mappings":"sIAmBoC,CAACA,EAAoBC,EAAeC,KAChE,MAAAC,EAAUC,EAAMC,SAChBC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAG1E,OAAAG,EAAMG,aAAY,IAAIC,KACJ,MAAnBL,EAAQM,SACVC,aAAaP,EAAQM,SAGfN,EAAAM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAI,GACfP,EAAK,GACPK,EAAS"}