@onewelcome/react-lib-components 8.9.1 → 8.11.0

package/dist/cjs/src/components/Typography/Typography.d.ts

@@ -10,5 +10,5 @@ export interface Props extends ComponentPropsWithRef<any> {
     spacing?: Spacing;
     align?: "left" | "center" | "right";
 }
-export declare const Typography: React.ForwardRefExoticComponent<Omit<Omit<Props, "ref">, "ref"> & React.RefAttributes<any>>;
+export declare const Typography: React.ForwardRefExoticComponent<Omit<Omit<Props, "ref">, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts

@@ -3,7 +3,7 @@
  * and make sure to add it to the shouldBeColorPicker array!
  */
 import React, { HTMLAttributes, ReactElement } from "react";
-interface CSSProperties {
+export interface CSSProperties {
     colorFocus?: string;
     colorPrimary?: string;
     colorSuccess?: string;
@@ -35,11 +35,13 @@ interface CSSProperties {
     colorOrange500?: string;
     colorOrange600?: string;
     colorOrange700?: string;
+    colorRed50?: string;
     colorRed100?: string;
     colorRed200?: string;
     colorRed500?: string;
     colorRed600?: string;
     colorRed700?: string;
+    colorRed900?: string;
     colorWhite?: string;
     colorBlack100?: string;
     colorBlack50?: string;
@@ -95,14 +97,17 @@ interface CSSProperties {
     inputHelperTextColor?: string;
     inputHoverBackgroundColor?: string;
     inputDisabledBackgroundColor?: string;
+    inputFontSize?: string;
     dragBorderStyle?: string;
     modalShadowColor?: string;
     modalBackgroundColor?: string;
     modalBackdropColor?: string;
+    modalContentFontSize?: string;
     sideSheetShadowColorOne?: string;
     sideSheetShadowColorTwo?: string;
     skeletonBackgroundColor?: string;
     skeletonAnimationColorRgb?: string;
+    alertFontSize?: string;
     alertTextColor?: string;
     alertTextInvertedColor?: string;
     alertNeutralBackgroundColor?: string;
@@ -163,6 +168,7 @@ interface CSSProperties {
     tooltipBackgroundColor?: string;
     contextMenuHoverColor?: string;
     contextMenuPressedColor?: string;
+    contextMenuFontSize?: string;
     default?: string;
     success?: string;
     error?: string;
@@ -181,6 +187,8 @@ interface CSSProperties {
     fontSizeH3?: string;
     fontSizeH4?: string;
     fontSizeSub?: string;
+    fontSizeSmall?: string;
+    fontSizeBig?: string;
     fontSizeCode?: string;
     formControlFontSize?: string;
     fileUploadBorderWidth?: string;
@@ -188,10 +196,10 @@ interface CSSProperties {
     fontSizeDataGrid?: string;
     readOnlyBorderColor?: string;
     readOnlyTextColor?: string;
+    iconFontBig?: string;
 }
 export interface Props extends HTMLAttributes<HTMLDivElement> {
     children?: ReactElement[] | ReactElement | string[] | string | number[] | number;
     properties?: CSSProperties;
 }
 export declare const BaseStyling: ({ children, properties }: Props) => React.JSX.Element;
-export {};

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithRef } from "react";
+import { MenuItem } from "./LeftNav.interfaces";
+export interface Props extends ComponentPropsWithRef<"nav"> {
+    isSideMenuOpen?: boolean;
+    items: MenuItem[];
+    navigate: (path: string) => void;
+    onItemClick: (path?: string, button?: boolean) => void;
+    marginTop?: string;
+}
+export declare const LeftNav: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.interfaces.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from "react";
+export interface MenuItem {
+    key: string;
+    path?: string;
+    active?: boolean;
+    /**
+     * @deprecated it can be removed in next release
+     */
+    disabled?: boolean;
+    title: string;
+    iconComponent?: ReactElement;
+    items?: MenuItem[];
+}

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.d.ts

@@ -0,0 +1,13 @@
+import React, { ForwardRefExoticComponent, HTMLProps } from "react";
+import { MenuItem } from "../LeftNav.interfaces";
+import { UseRefItemsReturnType } from "../useRefItems";
+import { LeftNavItemProps } from "./LeftNavItem.interface";
+export interface Props extends HTMLProps<HTMLElement> {
+    item: MenuItem;
+    navigate: (path: string) => void;
+    onItemClick: (path?: string, button?: boolean) => void;
+    refItems: UseRefItemsReturnType;
+    NestedComponent: ForwardRefExoticComponent<LeftNavItemProps>;
+    closeParentList?: () => void;
+}
+export declare const ButtonLeftNavItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { LeftNavItemProps } from "./LeftNavItem.interface";
+export declare const LeftNavItem: React.ForwardRefExoticComponent<Omit<LeftNavItemProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.interface.d.ts

@@ -0,0 +1,10 @@
+import { HTMLProps } from "react";
+import { MenuItem } from "../LeftNav.interfaces";
+import { UseRefItemsReturnType } from "../useRefItems";
+export interface LeftNavItemProps extends HTMLProps<HTMLElement> {
+    item: MenuItem;
+    navigate: (path: string) => void;
+    onItemClick: (path?: string, button?: boolean) => void;
+    refItems: UseRefItemsReturnType;
+    closeParentList?: () => void;
+}

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLProps } from "react";
+import { MenuItem } from "../LeftNav.interfaces";
+import { UseRefItemsReturnType } from "../useRefItems";
+export interface Props extends HTMLProps<HTMLElement> {
+    item: MenuItem;
+    onItemClick: (path?: string, button?: boolean) => void;
+    refItems: UseRefItemsReturnType;
+    closeParentList?: () => void;
+}
+export declare const LinkLeftNavItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.d.ts

@@ -0,0 +1,12 @@
+import { KeyboardEvent } from "react";
+import { MenuItem } from "../LeftNav.interfaces";
+import { UseRefItemsReturnType } from "../useRefItems";
+interface Props {
+    item: MenuItem;
+    refItems: UseRefItemsReturnType;
+    closeParentList?: () => void;
+}
+export declare const useKeyboardNavigation: ({ refItems, item, closeParentList }: Props) => {
+    onKeyPressNavigation: (e: KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
+};
+export {};

package/dist/cjs/src/components/admin/layout/LeftNav/useRefItems.d.ts

@@ -0,0 +1,22 @@
+import { MenuItem } from "./LeftNav.interfaces";
+interface Props {
+    items: MenuItem[];
+}
+interface LinkedMapValue {
+    item: MenuItem;
+    level: number;
+    prev?: MenuItem;
+    next?: MenuItem;
+}
+export type UseRefItemsReturnType = ReturnType<typeof useRefItems>;
+export declare const useRefItems: ({ items }: Props) => {
+    addElementReference: (el: HTMLElement | null, key: string) => void;
+    getNextElement: (currentKey: string, whenHavingChildren?: boolean) => HTMLElement | undefined;
+    getNextElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
+    getPrevElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
+    getFirstElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
+    getLastElementOnSameLevel: (currentKey: string) => HTMLElement | undefined;
+    getParentElement: (currentKey: string) => HTMLElement | undefined;
+    getItemMap: () => Record<string, LinkedMapValue>;
+};
+export {};

package/dist/cjs/src/components/admin/layout/LeftNav/useRefItems.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/miscellaneous/IdentityProviderButton.d.ts

@@ -13,5 +13,6 @@ export interface Props extends Omit<ComponentPropsWithRef<"button">, "color"> {
     imgAltText?: string;
     idpType: string;
     customization?: SupportedCustomizationKeys;
+    loading?: boolean;
 }
 export declare const IdentityProviderButton: ForwardRefRenderFunction<HTMLButtonElement, Props>;

package/dist/cjs/src/components/withReadOnly.d.ts

@@ -5,4 +5,4 @@ export interface WithReadOnlyProps {
     helperText?: string;
     type?: string;
 }
-export declare const withReadOnly: <P extends object>(WrappedComponent: ComponentType<P>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithChildren<P & WithReadOnlyProps>> & React.RefAttributes<any>>;
+export declare const withReadOnly: <P extends object>(WrappedComponent: ComponentType<P>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithChildren<P & WithReadOnlyProps>> & React.RefAttributes<unknown>>;

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

@@ -1 +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\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  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":"iEAkBoC,CAACA,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,EAAMC,SAChBC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAEjF,OAAOG,EAAMG,aAAY,IAAIC,KACJ,MAAnBL,EAAQM,SACVC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}
+{"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":"iEAmBoC,CAACA,EAAoBC,EAAeC,KACtE,MAAMC,EAAUC,EAAMC,SAChBC,EAAYJ,EAAe,CAACF,EAAUC,KAAUC,GAAgB,CAACF,EAAUC,GAGjF,OAAOG,EAAMG,aAAY,IAAIC,KACJ,MAAnBL,EAAQM,SACVC,aAAaP,EAAQM,SAGvBN,EAAQM,QAAUE,YAAW,KAC3BX,KAAYQ,EAAK,GAChBP,EAAM,GACRK,EAAU"}

package/dist/cjs/src/hooks/useRepeatFocus.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRepeatFocus.cjs.js","sources":["../../../../../../src/hooks/useRepeatFocus.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 { RefObject, useEffect } from \"react\";\n\n/**\n * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,\n * the focus will be repeated and the user will not lose their entire focusable element to an element in the background\n * that is being blocked by the modal.\n */\n\nexport const useRepeatFocus = (ref: RefObject<HTMLDivElement>) => {\n  const getFocusableElement = (\n    element: HTMLElement,\n    position: \"first\" | \"last\"\n  ): HTMLElement | null => {\n    const baseSelectors = [\n      \"button\",\n      \"[href]\",\n      \"input\",\n      \"select\",\n      \"textarea\",\n      \"[tabindex]\",\n      \"[contenteditable]\"\n    ];\n    const focusableSelectors = baseSelectors\n      .map(selector => `${selector}:not([tabindex=\"-1\"])`)\n      .join(\", \");\n    const focusableElements = element.querySelectorAll<HTMLElement>(focusableSelectors);\n\n    if (position === \"first\") {\n      return focusableElements[0] || null;\n    } else if (position === \"last\") {\n      return focusableElements[focusableElements.length - 1] || null;\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    if (!ref.current || !open) return;\n\n    const lastFocusableElement = getFocusableElement(ref.current, \"last\");\n    const firstFocusableElement = getFocusableElement(ref.current, \"first\");\n\n    if (!lastFocusableElement || !firstFocusableElement) return;\n\n    const handleTabKeyPress = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") return;\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          event.preventDefault();\n          lastFocusableElement?.focus();\n        }\n      } else if (document.activeElement === lastFocusableElement) {\n        event.preventDefault();\n        firstFocusableElement?.focus();\n      }\n    };\n\n    lastFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n    firstFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n\n    return () => {\n      lastFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n      firstFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n    };\n  }, [ref, open]);\n};\n"],"names":["ref","getFocusableElement","element","position","focusableSelectors","map","selector","join","focusableElements","querySelectorAll","length","useEffect","current","open","lastFocusableElement","firstFocusableElement","handleTabKeyPress","event","key","shiftKey","document","activeElement","preventDefault","focus","addEventListener","removeEventListener"],"mappings":"2DAwB+BA,IAC7B,MAAMC,EAAsB,CAC1BC,EACAC,KAEA,MASMC,EATgB,CACpB,SACA,SACA,QACA,SACA,WACA,aACA,qBAGCC,KAAIC,GAAY,GAAGA,2BACnBC,KAAK,MACFC,EAAoBN,EAAQO,iBAA8BL,GAEhE,MAAiB,UAAbD,EACKK,EAAkB,IAAM,KACT,SAAbL,GACFK,EAAkBA,EAAkBE,OAAS,IAG/C,IAAI,EAGbC,EAAAA,WAAU,KACR,IAAKX,EAAIY,UAAYC,KAAM,OAE3B,MAAMC,EAAuBb,EAAoBD,EAAIY,QAAS,QACxDG,EAAwBd,EAAoBD,EAAIY,QAAS,SAE/D,IAAKE,IAAyBC,EAAuB,OAErD,MAAMC,EAAqBC,IACP,QAAdA,EAAMC,MAEND,EAAME,SACJC,SAASC,gBAAkBN,IAC7BE,EAAMK,iBACNR,SAAAA,EAAsBS,SAEfH,SAASC,gBAAkBP,IACpCG,EAAMK,iBACNP,SAAAA,EAAuBQ,SACxB,EAMH,OAHAT,EAAqBU,iBAAiB,UAAWR,GACjDD,EAAsBS,iBAAiB,UAAWR,GAE3C,KACLF,EAAqBW,oBAAoB,UAAWT,GACpDD,EAAsBU,oBAAoB,UAAWT,EAAkB,CACxE,GACA,CAAChB,EAAKa,MAAM"}
+{"version":3,"file":"useRepeatFocus.cjs.js","sources":["../../../../../../src/hooks/useRepeatFocus.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 { RefObject, useEffect } from \"react\";\n\n/**\n * @description This is a hook that will make sure that when a modal is open and the user tabs through the it,\n * the focus will be repeated and the user will not lose their entire focusable element to an element in the background\n * that is being blocked by the modal.\n */\n\nexport const useRepeatFocus = (ref: RefObject<HTMLDivElement>) => {\n  const getFocusableElement = (\n    element: HTMLElement,\n    position: \"first\" | \"last\"\n  ): HTMLElement | null => {\n    const baseSelectors = [\n      \"button\",\n      \"[href]\",\n      \"input\",\n      \"select\",\n      \"textarea\",\n      \"[tabindex]\",\n      \"[contenteditable]\"\n    ];\n    const focusableSelectors = baseSelectors\n      .map(selector => `${selector}:not([tabindex=\"-1\"])`)\n      .join(\", \");\n    const focusableElements = element.querySelectorAll<HTMLElement>(focusableSelectors);\n\n    if (position === \"first\") {\n      return focusableElements[0] || null;\n    } else if (position === \"last\") {\n      return focusableElements[focusableElements.length - 1] || null;\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    if (!ref.current || !open) {\n      return;\n    }\n\n    const lastFocusableElement = getFocusableElement(ref.current, \"last\");\n    const firstFocusableElement = getFocusableElement(ref.current, \"first\");\n\n    if (!lastFocusableElement || !firstFocusableElement) {\n      return;\n    }\n\n    const handleTabKeyPress = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") {\n        return;\n      }\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          event.preventDefault();\n          lastFocusableElement?.focus();\n        }\n      } else if (document.activeElement === lastFocusableElement) {\n        event.preventDefault();\n        firstFocusableElement?.focus();\n      }\n    };\n\n    lastFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n    firstFocusableElement.addEventListener(\"keydown\", handleTabKeyPress);\n\n    return () => {\n      lastFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n      firstFocusableElement.removeEventListener(\"keydown\", handleTabKeyPress);\n    };\n  }, [ref, open]);\n};\n"],"names":["ref","getFocusableElement","element","position","focusableSelectors","map","selector","join","focusableElements","querySelectorAll","length","useEffect","current","open","lastFocusableElement","firstFocusableElement","handleTabKeyPress","event","key","shiftKey","document","activeElement","preventDefault","focus","addEventListener","removeEventListener"],"mappings":"2DAwB+BA,IAC7B,MAAMC,EAAsB,CAC1BC,EACAC,KAEA,MASMC,EATgB,CACpB,SACA,SACA,QACA,SACA,WACA,aACA,qBAGCC,KAAIC,GAAY,GAAGA,2BACnBC,KAAK,MACFC,EAAoBN,EAAQO,iBAA8BL,GAEhE,MAAiB,UAAbD,EACKK,EAAkB,IAAM,KACT,SAAbL,GACFK,EAAkBA,EAAkBE,OAAS,IAG/C,IAAI,EAGbC,EAAAA,WAAU,KACR,IAAKX,EAAIY,UAAYC,KACnB,OAGF,MAAMC,EAAuBb,EAAoBD,EAAIY,QAAS,QACxDG,EAAwBd,EAAoBD,EAAIY,QAAS,SAE/D,IAAKE,IAAyBC,EAC5B,OAGF,MAAMC,EAAqBC,IACP,QAAdA,EAAMC,MAIND,EAAME,SACJC,SAASC,gBAAkBN,IAC7BE,EAAMK,iBACNR,SAAAA,EAAsBS,SAEfH,SAASC,gBAAkBP,IACpCG,EAAMK,iBACNP,SAAAA,EAAuBQ,SACxB,EAMH,OAHAT,EAAqBU,iBAAiB,UAAWR,GACjDD,EAAsBS,iBAAiB,UAAWR,GAE3C,KACLF,EAAqBW,oBAAoB,UAAWT,GACpDD,EAAsBU,oBAAoB,UAAWT,EAAkB,CACxE,GACA,CAAChB,EAAKa,MAAM"}

package/dist/cjs/src/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../_BaseStyling_/BaseStyling.cjs.js"),r=require("../Button/Button.cjs.js"),t=require("../Breadcrumbs/Breadcrumbs.cjs.js"),o=require("../ContextMenu/ContextMenu.cjs.js"),s=require("../ContextMenu/ContextMenuItem.cjs.js"),i=require("../Link/Link.cjs.js"),a=require("../Icon/Icon.cjs.js"),p=require("../Button/IconButton.cjs.js"),l=require("../Tabs/Tab.cjs.js"),n=require("../Tabs/Tabs.cjs.js"),c=require("../Tag/Tag.cjs.js"),u=require("../TextEllipsis/TextEllipsis.cjs.js"),j=require("../Tiles/Tile.cjs.js"),d=require("../Tiles/Tiles.cjs.js"),x=require("../Tooltip/Tooltip.cjs.js"),S=require("../Typography/Typography.cjs.js"),F=require("../ProgressBar/ProgressBar.cjs.js"),q=require("../Skeleton/Skeleton.cjs.js"),m=require("../Spinner/Spinner.cjs.js"),C=require("../Stepper/Stepper.cjs.js"),M=require("../Pagination/Pagination.cjs.js"),T=require("./hooks/useRepeater.cjs.js"),g=require("./hooks/useClickOutside.cjs.js"),h=require("./hooks/useFullHeightCollapse.cjs.js"),D=require("./hooks/usePosition.cjs.js"),B=require("./hooks/useDebouncedCallback.cjs.js"),I=require("./hooks/useUploadFile.cjs.js"),b=require("./util/helper.cjs.js"),W=require("../Notifications/BaseModal/BaseModal.cjs.js"),k=require("../Notifications/Alert/useAlert.cjs.js"),f=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js"),P=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js"),G=require("../Notifications/Dialog/Dialog.cjs.js"),y=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js"),A=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js"),N=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js"),H=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js"),R=require("../Notifications/NotificationProvider/NotificationContext.cjs.js"),O=require("../Notifications/SlideInModal/SlideInModal.cjs.js"),L=require("../Notifications/SideSheet/SideSheet.cjs.js"),v=require("../Notifications/SideSheet/SideSheetContent/SideSheetContent.cjs.js"),U=require("../Notifications/SideSheet/SideSheetHeader/SideSheetHeader.cjs.js"),w=require("../Form/Checkbox/Checkbox.cjs.js"),E=require("../Form/Fieldset/Fieldset.cjs.js"),_=require("../Form/Form.cjs.js"),K=require("../Form/FormControl/FormControl.cjs.js"),z=require("../Form/FormGroup/FormGroup.cjs.js"),J=require("../Form/FormHelperText/FormHelperText.cjs.js"),Q=require("../Form/Input/Input.cjs.js"),V=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js"),X=require("../Form/Label/Label.cjs.js"),Y=require("../Form/Radio/Radio.cjs.js"),Z=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js"),$=require("../Form/Select/SingleSelect/Select.cjs.js"),ee=require("../Form/Select/MultiSelect/MultiSelect.cjs.js"),re=require("../Form/Select/SingleSelect/Option.cjs.js"),te=require("../Form/Select/MultiSelect/MultiOption.cjs.js"),oe=require("../Form/Textarea/Textarea.cjs.js"),se=require("../Form/Toggle/Toggle.cjs.js"),ie=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js"),ae=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js"),pe=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),le=require("../Form/FileUpload/FileUpload.cjs.js"),ne=require("../Form/FileUpload/FileItem/FileItem.cjs.js"),ce=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),ue=require("../Form/Select/MultiSelect/useMultiSelect.cjs.js"),je=require("../Layout/ContentHeader/ContentHeader.cjs.js"),de=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js"),xe=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js"),Se=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js"),Fe=require("../DataGrid/DataGrid.cjs.js"),qe=require("../DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js"),me=require("../DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.cjs.js"),Ce=require("../DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js"),Me=require("../DataGrid/DataGridFilters/FilterKeyMapper.cjs.js"),Te=require("../DataGrid/DataGridFilters/useFiltersReducer.cjs.js"),ge=require("../Notifications/Banner/Banner.cjs.js"),he=require("../DatePicker/DatePicker.cjs.js"),De=require("../admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js"),Be=require("../miscellaneous/IdentityProviderButton.cjs.js");exports.BaseStyling=e.BaseStyling,exports.Button=r.Button,exports.Breadcrumbs=t.Breadcrumbs,exports.ContextMenu=o.ContextMenu,exports.ContextMenuItem=s.ContextMenuItem,exports.Link=i.Link,exports.Icon=a.Icon,Object.defineProperty(exports,"Icons",{enumerable:!0,get:function(){return a.Icons}}),exports.IconButton=p.IconButton,exports.Tab=l.Tab,exports.Tabs=n.Tabs,exports.Tag=c.Tag,exports.TextEllipsis=u.TextEllipsis,exports.Tile=j.Tile,exports.Tiles=d.Tiles,exports.Tooltip=x.Tooltip,exports.Typography=S.Typography,exports.ProgressBar=F.ProgressBar,exports.Skeleton=q.Skeleton,exports.Spinner=m.Spinner,exports.Stepper=C.Stepper,exports.Pagination=M.Pagination,exports.useRepeater=T.useRepeater,exports.useClickOutside=g.useClickOutside,exports.useFullHeightCollapse=h.useFullHeightCollapse,exports.usePosition=D.usePosition,exports.useDebouncedCallback=B.useDebouncedCallback,exports.useUploadFile=I.useUploadFile,exports.debounce=b.debounce,exports.generateID=b.generateID,exports.throttle=b.throttle,exports.Modal=W.BaseModal,exports.useAlert=k.useAlert,exports.AlertProvider=f.AlertProvider,exports.AlertItem=P.AlertItem,exports.Dialog=G.Dialog,exports.DiscardChangesModal=y.DiscardChangesModal,exports.ModalActions=A.BaseModalActions,exports.SideSheetActions=A.BaseModalActions,exports.ModalContent=N.BaseModalContent,exports.ModalHeader=H.BaseModalHeader,exports.NotificationProvider=R.NotificationProvider,exports.useNotificationContext=R.useNotificationContext,exports.SlideInModal=O.SlideInModal,exports.SideSheet=L.SideSheet,exports.SideSheetContent=v.SideSheetContent,exports.SideSheetHeader=U.SideSheetHeader,exports.Checkbox=w.Checkbox,exports.Fieldset=E.Fieldset,exports.Form=_.Form,exports.FormControl=K.FormControl,exports.FormGroup=z.FormGroup,exports.FormHelperText=J.FormHelperText,exports.Input=Q.Input,exports.InputWrapper=V.InputWrapper,exports.Label=X.Label,exports.Radio=Y.Radio,exports.RadioWrapper=Z.RadioWrapper,exports.Select=$.Select,exports.MultiSelect=ee.MultiSelect,exports.Option=re.Option,exports.MultiOption=te.MultiOption,exports.Textarea=oe.Textarea,exports.Toggle=se.Toggle,exports.CheckboxWrapper=ie.CheckboxWrapper,exports.TextareaWrapper=ae.TextareaWrapper,exports.SelectWrapper=pe.SelectWrapper,exports.FileUpload=le.FileUpload,Object.defineProperty(exports,"ACTION_STATUS",{enumerable:!0,get:function(){return ne.ACTION_STATUS}}),Object.defineProperty(exports,"FILE_ACTION",{enumerable:!0,get:function(){return ne.FILE_ACTION}}),exports.MultiSelectWrapper=ce.MultiSelectWrapper,exports.useMultiSelect=ue.useMultiSelect,exports.ContentHeader=je.ContentHeader,exports.FormStepper=de.FormStepper,exports.FormSection=xe.FormSection,exports.FormWithStepper=Se.FormWithStepper,exports.DataGrid=Fe.DataGrid,exports.DataGridRow=qe.DataGridRow,exports.DataGridDrawerItem=me.DataGridDrawerItem,exports.DataGridCell=Ce.DataGridCell,exports.FilterKeyMapper=Me.FilterKeyMapper,exports.useFiltersReducer=Te.useFiltersReducer,exports.Banner=ge.Banner,exports.DatePicker=he.DatePicker,exports.MicrofrontendContainer=De.MicrofrontendContainer,exports.IdentityProviderButton=Be.IdentityProviderButton;
+"use strict";var e=require("../_BaseStyling_/BaseStyling.cjs.js"),r=require("../Button/Button.cjs.js"),t=require("../Breadcrumbs/Breadcrumbs.cjs.js"),o=require("../ContextMenu/ContextMenu.cjs.js"),s=require("../ContextMenu/ContextMenuItem.cjs.js"),i=require("../Link/Link.cjs.js"),a=require("../Icon/Icon.cjs.js"),p=require("../Button/IconButton.cjs.js"),l=require("../Tabs/Tab.cjs.js"),n=require("../Tabs/Tabs.cjs.js"),c=require("../Tag/Tag.cjs.js"),u=require("../TextEllipsis/TextEllipsis.cjs.js"),j=require("../Tiles/Tile.cjs.js"),d=require("../Tiles/Tiles.cjs.js"),x=require("../Tooltip/Tooltip.cjs.js"),S=require("../Typography/Typography.cjs.js"),F=require("../ProgressBar/ProgressBar.cjs.js"),q=require("../Skeleton/Skeleton.cjs.js"),m=require("../Spinner/Spinner.cjs.js"),C=require("../Stepper/Stepper.cjs.js"),M=require("../Pagination/Pagination.cjs.js"),T=require("./hooks/useRepeater.cjs.js"),g=require("./hooks/useClickOutside.cjs.js"),h=require("./hooks/useFullHeightCollapse.cjs.js"),D=require("./hooks/usePosition.cjs.js"),B=require("./hooks/useDebouncedCallback.cjs.js"),I=require("./hooks/useUploadFile.cjs.js"),b=require("./util/helper.cjs.js"),W=require("../Notifications/BaseModal/BaseModal.cjs.js"),f=require("../Notifications/Alert/useAlert.cjs.js"),k=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js"),P=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js"),y=require("../Notifications/Dialog/Dialog.cjs.js"),G=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js"),N=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js"),A=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js"),H=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js"),L=require("../Notifications/NotificationProvider/NotificationContext.cjs.js"),R=require("../Notifications/SlideInModal/SlideInModal.cjs.js"),O=require("../Notifications/SideSheet/SideSheet.cjs.js"),v=require("../Notifications/SideSheet/SideSheetContent/SideSheetContent.cjs.js"),U=require("../Notifications/SideSheet/SideSheetHeader/SideSheetHeader.cjs.js"),w=require("../Form/Checkbox/Checkbox.cjs.js"),E=require("../Form/Fieldset/Fieldset.cjs.js"),_=require("../Form/Form.cjs.js"),K=require("../Form/FormControl/FormControl.cjs.js"),z=require("../Form/FormGroup/FormGroup.cjs.js"),J=require("../Form/FormHelperText/FormHelperText.cjs.js"),Q=require("../Form/Input/Input.cjs.js"),V=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js"),X=require("../Form/Label/Label.cjs.js"),Y=require("../Form/Radio/Radio.cjs.js"),Z=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js"),$=require("../Form/Select/SingleSelect/Select.cjs.js"),ee=require("../Form/Select/MultiSelect/MultiSelect.cjs.js"),re=require("../Form/Select/SingleSelect/Option.cjs.js"),te=require("../Form/Select/MultiSelect/MultiOption.cjs.js"),oe=require("../Form/Textarea/Textarea.cjs.js"),se=require("../Form/Toggle/Toggle.cjs.js"),ie=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js"),ae=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js"),pe=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js"),le=require("../Form/FileUpload/FileUpload.cjs.js"),ne=require("../Form/FileUpload/FileItem/FileItem.cjs.js"),ce=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js"),ue=require("../Form/Select/MultiSelect/useMultiSelect.cjs.js"),je=require("../Layout/ContentHeader/ContentHeader.cjs.js"),de=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js"),xe=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js"),Se=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js"),Fe=require("../DataGrid/DataGrid.cjs.js"),qe=require("../DataGrid/DataGridBody/DataGridRow/DataGridRow.cjs.js"),me=require("../DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.cjs.js"),Ce=require("../DataGrid/DataGridBody/DataGridCell/DataGridCell.cjs.js"),Me=require("../DataGrid/DataGridFilters/FilterKeyMapper.cjs.js"),Te=require("../DataGrid/DataGridFilters/useFiltersReducer.cjs.js"),ge=require("../Notifications/Banner/Banner.cjs.js"),he=require("../DatePicker/DatePicker.cjs.js"),De=require("../admin/layout/MicrofrontendContainer/MicrofrontendContainer.cjs.js"),Be=require("../admin/layout/LeftNav/LeftNav.cjs.js"),Ie=require("../miscellaneous/IdentityProviderButton.cjs.js");exports.BaseStyling=e.BaseStyling,exports.Button=r.Button,exports.Breadcrumbs=t.Breadcrumbs,exports.ContextMenu=o.ContextMenu,exports.ContextMenuItem=s.ContextMenuItem,exports.Link=i.Link,exports.Icon=a.Icon,Object.defineProperty(exports,"Icons",{enumerable:!0,get:function(){return a.Icons}}),exports.IconButton=p.IconButton,exports.Tab=l.Tab,exports.Tabs=n.Tabs,exports.Tag=c.Tag,exports.TextEllipsis=u.TextEllipsis,exports.Tile=j.Tile,exports.Tiles=d.Tiles,exports.Tooltip=x.Tooltip,exports.Typography=S.Typography,exports.ProgressBar=F.ProgressBar,exports.Skeleton=q.Skeleton,exports.Spinner=m.Spinner,exports.Stepper=C.Stepper,exports.Pagination=M.Pagination,exports.useRepeater=T.useRepeater,exports.useClickOutside=g.useClickOutside,exports.useFullHeightCollapse=h.useFullHeightCollapse,exports.usePosition=D.usePosition,exports.useDebouncedCallback=B.useDebouncedCallback,exports.useUploadFile=I.useUploadFile,exports.debounce=b.debounce,exports.generateID=b.generateID,exports.throttle=b.throttle,exports.Modal=W.BaseModal,exports.useAlert=f.useAlert,exports.AlertProvider=k.AlertProvider,exports.AlertItem=P.AlertItem,exports.Dialog=y.Dialog,exports.DiscardChangesModal=G.DiscardChangesModal,exports.ModalActions=N.BaseModalActions,exports.SideSheetActions=N.BaseModalActions,exports.ModalContent=A.BaseModalContent,exports.ModalHeader=H.BaseModalHeader,exports.NotificationProvider=L.NotificationProvider,exports.useNotificationContext=L.useNotificationContext,exports.SlideInModal=R.SlideInModal,exports.SideSheet=O.SideSheet,exports.SideSheetContent=v.SideSheetContent,exports.SideSheetHeader=U.SideSheetHeader,exports.Checkbox=w.Checkbox,exports.Fieldset=E.Fieldset,exports.Form=_.Form,exports.FormControl=K.FormControl,exports.FormGroup=z.FormGroup,exports.FormHelperText=J.FormHelperText,exports.Input=Q.Input,exports.InputWrapper=V.InputWrapper,exports.Label=X.Label,exports.Radio=Y.Radio,exports.RadioWrapper=Z.RadioWrapper,exports.Select=$.Select,exports.MultiSelect=ee.MultiSelect,exports.Option=re.Option,exports.MultiOption=te.MultiOption,exports.Textarea=oe.Textarea,exports.Toggle=se.Toggle,exports.CheckboxWrapper=ie.CheckboxWrapper,exports.TextareaWrapper=ae.TextareaWrapper,exports.SelectWrapper=pe.SelectWrapper,exports.FileUpload=le.FileUpload,Object.defineProperty(exports,"ACTION_STATUS",{enumerable:!0,get:function(){return ne.ACTION_STATUS}}),Object.defineProperty(exports,"FILE_ACTION",{enumerable:!0,get:function(){return ne.FILE_ACTION}}),exports.MultiSelectWrapper=ce.MultiSelectWrapper,exports.useMultiSelect=ue.useMultiSelect,exports.ContentHeader=je.ContentHeader,exports.FormStepper=de.FormStepper,exports.FormSection=xe.FormSection,exports.FormWithStepper=Se.FormWithStepper,exports.DataGrid=Fe.DataGrid,exports.DataGridRow=qe.DataGridRow,exports.DataGridDrawerItem=me.DataGridDrawerItem,exports.DataGridCell=Ce.DataGridCell,exports.FilterKeyMapper=Me.FilterKeyMapper,exports.useFiltersReducer=Te.useFiltersReducer,exports.Banner=ge.Banner,exports.DatePicker=he.DatePicker,exports.MicrofrontendContainer=De.MicrofrontendContainer,exports.LeftNav=Be.LeftNav,exports.IdentityProviderButton=Ie.IdentityProviderButton;
 //# sourceMappingURL=index.cjs.js.map

package/dist/cjs/src/index.d.ts

@@ -1,4 +1,4 @@
-export { BaseStyling } from "./components/_BaseStyling_/BaseStyling";
+export { BaseStyling, CSSProperties as BaseStylingCSSProperties } from "./components/_BaseStyling_/BaseStyling";
 export type { Props as BaseStylingProps } from "./components/_BaseStyling_/BaseStyling";
 export { Button } from "./components/Button/Button";
 export type { Props as ButtonProps } from "./components/Button/Button";
@@ -156,6 +156,8 @@ export type { Props as DatePickerProps } from "./components/DatePicker/DatePicke
 /** Admin */
 export { MicrofrontendContainer } from "./components/admin/layout/MicrofrontendContainer/MicrofrontendContainer";
 export type { Props as MicrofrontendContainerProps } from "./components/admin/layout/MicrofrontendContainer/MicrofrontendContainer";
+export { LeftNav } from "./components/admin/layout/LeftNav/LeftNav";
+export type { Props as LeftNavProps } from "./components/admin/layout/LeftNav/LeftNav";
 /**
  * Miscellaneous
  */

package/dist/cjs/src/readyclasses.module.scss.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.readyclasses_sr-only_6dWwy{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses_hidden_6dWwy{display:none}.readyclasses_slide-in_6dWwy{animation:readyclasses_slide-in_6dWwy .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-in_6dWwy{animation-duration:.1ms}}.readyclasses_slide-out_6dWwy{animation:readyclasses_slide-out_6dWwy .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-out_6dWwy{animation-duration:.1ms}}@keyframes readyclasses_slide-in_6dWwy{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_6dWwy{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWR5Y2xhc3Nlcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YiLCJmaWxlIjoicmVhZHljbGFzc2VzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"readyclasses_sr-only_6dWwy",hidden:"readyclasses_hidden_6dWwy","slide-in":"readyclasses_slide-in_6dWwy","slide-out":"readyclasses_slide-out_6dWwy"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\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 */.readyclasses_sr-only_Pphm5{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses_hidden_Pphm5{display:none}.readyclasses_slide-in_Pphm5{animation:readyclasses_slide-in_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-in_Pphm5{animation-duration:.1ms}}.readyclasses_slide-out_Pphm5{animation:readyclasses_slide-out_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_slide-out_Pphm5{animation-duration:.1ms}}@keyframes readyclasses_slide-in_Pphm5{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_slide-out_Pphm5{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlYWR5Y2xhc3Nlcy5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDRCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSwyQkFDRSxZQUNGLENBRUEsNkJBQ0Usa0RBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx1QkFDRixDQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsdUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHdDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YiLCJmaWxlIjoicmVhZHljbGFzc2VzLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"readyclasses_sr-only_Pphm5",hidden:"readyclasses_hidden_Pphm5","slide-in":"readyclasses_slide-in_Pphm5","slide-out":"readyclasses_slide-out_Pphm5"};
 //# sourceMappingURL=readyclasses.module.scss.cjs.js.map

package/dist/cjs/src/util/helper.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=(t,r)=>{if(!r)return t;let o={...t};for(let n in r)Object.prototype.hasOwnProperty.call(r,n)&&("object"==typeof r[n]&&null!==r[n]&&Object.prototype.hasOwnProperty.call(t,n)&&!Array.isArray(r[n])?o[n]=e(t[n],r[n]):o[n]=r[n]);return o};exports.debounce=(e,t)=>{let r;return function(...o){clearTimeout(r),r=setTimeout((()=>{clearTimeout(r),e(...o)}),t)}},exports.deepMerge=e,exports.escapeRegExp=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),exports.filterProps=(e,t,r=!0)=>r?Object.keys(e).reduce(((r,o)=>(t.test(o)&&(r[o]=e[o]),r)),{}):Object.entries(e).filter((([e])=>!t.test(e))).reduce(((e,t)=>({...e,[t[0]]:t[1]})),{}),exports.generateID=(e=15,t)=>{let r=["1","2","3","4","5","6","7","8","9","0","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],o="";for(let n=0;n<e&&o.length<e;n++){o=o+("string"!=typeof t||void 0===(null==t?void 0:t[n])||/\s/.test(t[n])?"":t[n])+r[Math.floor(Math.random()*r.length)]}return o.slice(0,e)},exports.isJsonString=e=>{try{JSON.parse(e)}catch(e){return!1}return!0},exports.remToPx=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),exports.throttle=(e,t)=>{let r=0;return function(){let o=Date.now();o-r>=t&&(e(),r=o)}};
+"use strict";const e=(t,r)=>{if(!r)return t;const o={...t};for(const n in r)Object.prototype.hasOwnProperty.call(r,n)&&("object"==typeof r[n]&&null!==r[n]&&Object.prototype.hasOwnProperty.call(t,n)&&!Array.isArray(r[n])?o[n]=e(t[n],r[n]):o[n]=r[n]);return o};exports.debounce=(e,t)=>{let r;return function(...o){clearTimeout(r),r=setTimeout((()=>{clearTimeout(r),e(...o)}),t)}},exports.deepMerge=e,exports.escapeRegExp=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),exports.filterProps=(e,t,r=!0)=>r?Object.keys(e).reduce(((r,o)=>(t.test(o)&&(r[o]=e[o]),r)),{}):Object.entries(e).filter((([e])=>!t.test(e))).reduce(((e,t)=>({...e,[t[0]]:t[1]})),{}),exports.generateID=(e=15,t)=>{const r=["1","2","3","4","5","6","7","8","9","0","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"];let o="";for(let n=0;n<e&&o.length<e;n++){o=o+("string"!=typeof t||void 0===(null==t?void 0:t[n])||/\s/.test(t[n])?"":t[n])+r[Math.floor(Math.random()*r.length)]}return o.slice(0,e)},exports.isJsonString=e=>{try{JSON.parse(e)}catch(e){return!1}return!0},exports.remToPx=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),exports.throttle=(e,t)=>{let r=0;return function(){const o=Date.now();o-r>=t&&(e(),r=o)}};
 //# sourceMappingURL=helper.cjs.js.map

package/dist/cjs/src/util/helper.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.cjs.js","sources":["../../../../../../src/util/helper.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\ntype KeyValuePair = { [key: string]: unknown };\n\nexport const generateID = (length = 15, stringToWeaveIn?: string) => {\n  /** We will make sure to mesh the generate id and name property together to basically create a unique ID */\n  let hashCharacters = [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\",\n    \"5\",\n    \"6\",\n    \"7\",\n    \"8\",\n    \"9\",\n    \"0\",\n    \"A\",\n    \"B\",\n    \"C\",\n    \"D\",\n    \"E\",\n    \"F\",\n    \"G\",\n    \"H\",\n    \"I\",\n    \"J\",\n    \"K\",\n    \"L\",\n    \"M\",\n    \"N\",\n    \"O\",\n    \"P\",\n    \"Q\",\n    \"R\",\n    \"S\",\n    \"T\",\n    \"U\",\n    \"V\",\n    \"W\",\n    \"X\",\n    \"Y\",\n    \"Z\",\n    \"a\",\n    \"b\",\n    \"c\",\n    \"d\",\n    \"e\",\n    \"f\",\n    \"g\",\n    \"h\",\n    \"i\",\n    \"j\",\n    \"k\",\n    \"l\",\n    \"m\",\n    \"n\",\n    \"o\",\n    \"p\",\n    \"q\",\n    \"r\",\n    \"s\",\n    \"t\",\n    \"u\",\n    \"v\",\n    \"w\",\n    \"x\",\n    \"y\",\n    \"z\"\n  ];\n\n  let id = \"\";\n\n  /** Generate an id of x characters in length */\n  for (let i = 0; i < length && id.length < length; i++) {\n    let stringCharacter =\n      typeof stringToWeaveIn === \"string\" &&\n      stringToWeaveIn?.[i] !== undefined &&\n      !/\\s/.test(stringToWeaveIn[i])\n        ? stringToWeaveIn[i]\n        : \"\";\n    id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];\n  }\n\n  return id.slice(0, length);\n};\n\nexport const filterProps = (props: any, regexPattern: RegExp, returnFiltered: boolean = true) => {\n  if (returnFiltered) {\n    return Object.keys(props).reduce((acc: KeyValuePair, key) => {\n      if (regexPattern.test(key)) {\n        acc[key] = props[key];\n      }\n\n      return acc;\n    }, {});\n  } else {\n    return Object.entries(props)\n      .filter(([key]) => !regexPattern.test(key))\n      .reduce(\n        (prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }),\n        {}\n      );\n  }\n};\n\nexport const debounce = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let timeout: undefined | ReturnType<typeof setTimeout>;\n\n  return function executedFunction(...args: unknown[]) {\n    const later = () => {\n      clearTimeout(timeout);\n      fn(...args);\n    };\n\n    clearTimeout(timeout);\n\n    timeout = setTimeout(later, delay);\n  };\n};\n\nexport const throttle = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let lastTime = 0;\n\n  return function () {\n    let now = Date.now();\n\n    if (now - lastTime >= delay) {\n      fn();\n      lastTime = now;\n    }\n  };\n};\n\nexport const isEqual = (x: any, y: any): boolean => {\n  const typesCoincide = x && y && typeof x === \"object\" && typeof y === \"object\";\n  return typesCoincide\n    ? Object.keys(x).length === Object.keys(y).length &&\n        Object.keys(x).every(key => isEqual(x[key], y[key]))\n    : x === y;\n};\n\nexport const areArraysDifferent = (\n  arr1: Record<string, any>[],\n  arr2: Record<string, any>[],\n  key: string\n) => {\n  if (arr1.length !== arr2.length) {\n    return true;\n  } else {\n    const firstFilteredArray = arr1.filter(arr1Item =>\n      arr2.some((arr2Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n    const secondFilteredArray = arr2.filter(arr2Item =>\n      arr1.some((arr1Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n\n    return !!firstFilteredArray.length || !!secondFilteredArray.length;\n  }\n};\n\n/** Source: https://stackoverflow.com/a/42769683/5084110 */\nexport const remToPx = (rem: number): number => {\n  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);\n};\n\nexport const isJsonString = (str: any) => {\n  try {\n    JSON.parse(str);\n  } catch (e) {\n    return false;\n  }\n  return true;\n};\n\ntype ObjectType = { [key: string]: any };\n\nexport const deepMerge = <T extends {}>(obj1: ObjectType, obj2: ObjectType | false): T => {\n  if (!obj2) return obj1 as T;\n\n  let result: ObjectType = { ...obj1 };\n\n  for (let key in obj2) {\n    if (Object.prototype.hasOwnProperty.call(obj2, key)) {\n      if (\n        typeof obj2[key] === \"object\" &&\n        obj2[key] !== null &&\n        Object.prototype.hasOwnProperty.call(obj1, key) &&\n        !Array.isArray(obj2[key])\n      ) {\n        result[key] = deepMerge(obj1[key], obj2[key]);\n      } else {\n        result[key] = obj2[key];\n      }\n    }\n  }\n\n  return result as T;\n};\n\nexport const escapeRegExp = (str: string) => str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n"],"names":["deepMerge","obj1","obj2","result","key","Object","prototype","hasOwnProperty","call","Array","isArray","fn","delay","timeout","args","clearTimeout","setTimeout","str","replace","props","regexPattern","returnFiltered","keys","reduce","acc","test","entries","filter","prevObj","currKeyValPair","length","stringToWeaveIn","hashCharacters","id","i","undefined","Math","floor","random","slice","JSON","parse","e","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","lastTime","now","Date"],"mappings":"aAkBa,MA6KAA,EAAY,CAAeC,EAAkBC,KACxD,IAAKA,EAAM,OAAOD,EAElB,IAAIE,EAAqB,IAAKF,GAE9B,IAAK,IAAIG,KAAOF,EACVG,OAAOC,UAAUC,eAAeC,KAAKN,EAAME,KAEtB,iBAAdF,EAAKE,IACE,OAAdF,EAAKE,IACLC,OAAOC,UAAUC,eAAeC,KAAKP,EAAMG,KAC1CK,MAAMC,QAAQR,EAAKE,IAEpBD,EAAOC,GAAOJ,EAAUC,EAAKG,GAAMF,EAAKE,IAExCD,EAAOC,GAAOF,EAAKE,IAKzB,OAAOD,CAAW,mBA3FI,CAACQ,EAAqCC,KAC5D,IAAIC,EAEJ,OAAO,YAA6BC,GAMlCC,aAAaF,GAEbA,EAAUG,YAPI,KACZD,aAAaF,GACbF,KAAMG,EAAK,GAKeF,EAC9B,CAAC,2CAkF0BK,GAAgBA,EAAIC,QAAQ,sBAAuB,4BAjHrD,CAACC,EAAYC,EAAsBC,GAA0B,IAClFA,EACKhB,OAAOiB,KAAKH,GAAOI,QAAO,CAACC,EAAmBpB,KAC/CgB,EAAaK,KAAKrB,KACpBoB,EAAIpB,GAAOe,EAAMf,IAGZoB,IACN,CAAE,GAEEnB,OAAOqB,QAAQP,GACnBQ,QAAO,EAAEvB,MAAUgB,EAAaK,KAAKrB,KACrCmB,QACC,CAACK,EAASC,KAAc,IAAWD,EAAS,CAACC,EAAe,IAAKA,EAAe,MAChF,CAAE,sBAjGgB,CAACC,EAAS,GAAIC,KAEtC,IAAIC,EAAiB,CACnB,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAGEC,EAAK,GAGT,IAAK,IAAIC,EAAI,EAAGA,EAAIJ,GAAUG,EAAGH,OAASA,EAAQI,IAAK,CAOrDD,EAAKA,GALwB,iBAApBF,QACkBI,KAAzBJ,aAAe,EAAfA,EAAkBG,KACjB,KAAKT,KAAKM,EAAgBG,IAEvB,GADAH,EAAgBG,IAEMF,EAAeI,KAAKC,MAAMD,KAAKE,SAAWN,EAAeF,QACtF,CAED,OAAOG,EAAGM,MAAM,EAAGT,EAAO,uBAkFCb,IAC3B,IACEuB,KAAKC,MAAMxB,EACZ,CAAC,MAAOyB,GACP,OAAO,CACR,CACD,OAAO,CAAI,kBAVWC,GACfA,EAAMC,WAAWC,iBAAiBC,SAASC,iBAAiBC,2BA1C7C,CAACrC,EAAqCC,KAC5D,IAAIqC,EAAW,EAEf,OAAO,WACL,IAAIC,EAAMC,KAAKD,MAEXA,EAAMD,GAAYrC,IACpBD,IACAsC,EAAWC,EAEf,CAAC"}
+{"version":3,"file":"helper.cjs.js","sources":["../../../../../../src/util/helper.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\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype KeyValuePair = { [key: string]: unknown };\n\nexport const generateID = (length = 15, stringToWeaveIn?: string) => {\n  /** We will make sure to mesh the generate id and name property together to basically create a unique ID */\n  const hashCharacters = [\n    \"1\",\n    \"2\",\n    \"3\",\n    \"4\",\n    \"5\",\n    \"6\",\n    \"7\",\n    \"8\",\n    \"9\",\n    \"0\",\n    \"A\",\n    \"B\",\n    \"C\",\n    \"D\",\n    \"E\",\n    \"F\",\n    \"G\",\n    \"H\",\n    \"I\",\n    \"J\",\n    \"K\",\n    \"L\",\n    \"M\",\n    \"N\",\n    \"O\",\n    \"P\",\n    \"Q\",\n    \"R\",\n    \"S\",\n    \"T\",\n    \"U\",\n    \"V\",\n    \"W\",\n    \"X\",\n    \"Y\",\n    \"Z\",\n    \"a\",\n    \"b\",\n    \"c\",\n    \"d\",\n    \"e\",\n    \"f\",\n    \"g\",\n    \"h\",\n    \"i\",\n    \"j\",\n    \"k\",\n    \"l\",\n    \"m\",\n    \"n\",\n    \"o\",\n    \"p\",\n    \"q\",\n    \"r\",\n    \"s\",\n    \"t\",\n    \"u\",\n    \"v\",\n    \"w\",\n    \"x\",\n    \"y\",\n    \"z\"\n  ];\n\n  let id = \"\";\n\n  /** Generate an id of x characters in length */\n  for (let i = 0; i < length && id.length < length; i++) {\n    const stringCharacter =\n      typeof stringToWeaveIn === \"string\" &&\n      stringToWeaveIn?.[i] !== undefined &&\n      !/\\s/.test(stringToWeaveIn[i])\n        ? stringToWeaveIn[i]\n        : \"\";\n    id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];\n  }\n\n  return id.slice(0, length);\n};\n\nexport const filterProps = (props: any, regexPattern: RegExp, returnFiltered: boolean = true) => {\n  if (returnFiltered) {\n    return Object.keys(props).reduce((acc: KeyValuePair, key) => {\n      if (regexPattern.test(key)) {\n        acc[key] = props[key];\n      }\n\n      return acc;\n    }, {});\n  } else {\n    return Object.entries(props)\n      .filter(([key]) => !regexPattern.test(key))\n      .reduce(\n        (prevObj, currKeyValPair) => ({ ...prevObj, [currKeyValPair[0]]: currKeyValPair[1] }),\n        {}\n      );\n  }\n};\n\nexport const debounce = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let timeout: undefined | ReturnType<typeof setTimeout>;\n\n  return function executedFunction(...args: unknown[]) {\n    const later = () => {\n      clearTimeout(timeout);\n      fn(...args);\n    };\n\n    clearTimeout(timeout);\n\n    timeout = setTimeout(later, delay);\n  };\n};\n\nexport const throttle = (fn: (...args: unknown[]) => unknown, delay: number) => {\n  let lastTime = 0;\n\n  return function () {\n    const now = Date.now();\n\n    if (now - lastTime >= delay) {\n      fn();\n      lastTime = now;\n    }\n  };\n};\n\nconst isEqual = (x: any, y: any): boolean => {\n  const typesCoincide = x && y && typeof x === \"object\" && typeof y === \"object\";\n  return typesCoincide\n    ? Object.keys(x).length === Object.keys(y).length &&\n        Object.keys(x).every(key => isEqual(x[key], y[key]))\n    : x === y;\n};\n\nexport const areArraysDifferent = (\n  arr1: Record<string, any>[],\n  arr2: Record<string, any>[],\n  key: string\n) => {\n  if (arr1.length !== arr2.length) {\n    return true;\n  } else {\n    const firstFilteredArray = arr1.filter(arr1Item =>\n      arr2.some((arr2Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n    const secondFilteredArray = arr2.filter(arr2Item =>\n      arr1.some((arr1Item: { [x: string]: any }) => !isEqual(arr1Item[key], arr2Item[key]))\n    );\n\n    return !!firstFilteredArray.length || !!secondFilteredArray.length;\n  }\n};\n\n/** Source: https://stackoverflow.com/a/42769683/5084110 */\nexport const remToPx = (rem: number): number => {\n  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);\n};\n\nexport const isJsonString = (str: any) => {\n  try {\n    JSON.parse(str);\n  } catch (e) {\n    return false;\n  }\n  return true;\n};\n\ntype ObjectType = { [key: string]: any };\n\nexport const deepMerge = <T extends object>(obj1: ObjectType, obj2: ObjectType | false): T => {\n  if (!obj2) {\n    return obj1 as T;\n  }\n\n  const result: ObjectType = { ...obj1 };\n\n  for (const key in obj2) {\n    if (Object.prototype.hasOwnProperty.call(obj2, key)) {\n      if (\n        typeof obj2[key] === \"object\" &&\n        obj2[key] !== null &&\n        Object.prototype.hasOwnProperty.call(obj1, key) &&\n        !Array.isArray(obj2[key])\n      ) {\n        result[key] = deepMerge(obj1[key], obj2[key]);\n      } else {\n        result[key] = obj2[key];\n      }\n    }\n  }\n\n  return result as T;\n};\n\nexport const escapeRegExp = (str: string) => str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n"],"names":["deepMerge","obj1","obj2","result","key","Object","prototype","hasOwnProperty","call","Array","isArray","fn","delay","timeout","args","clearTimeout","setTimeout","str","replace","props","regexPattern","returnFiltered","keys","reduce","acc","test","entries","filter","prevObj","currKeyValPair","length","stringToWeaveIn","hashCharacters","id","i","undefined","Math","floor","random","slice","JSON","parse","e","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","lastTime","now","Date"],"mappings":"aAoBa,MA6KAA,EAAY,CAAmBC,EAAkBC,KAC5D,IAAKA,EACH,OAAOD,EAGT,MAAME,EAAqB,IAAKF,GAEhC,IAAK,MAAMG,KAAOF,EACZG,OAAOC,UAAUC,eAAeC,KAAKN,EAAME,KAEtB,iBAAdF,EAAKE,IACE,OAAdF,EAAKE,IACLC,OAAOC,UAAUC,eAAeC,KAAKP,EAAMG,KAC1CK,MAAMC,QAAQR,EAAKE,IAEpBD,EAAOC,GAAOJ,EAAUC,EAAKG,GAAMF,EAAKE,IAExCD,EAAOC,GAAOF,EAAKE,IAKzB,OAAOD,CAAW,mBA7FI,CAACQ,EAAqCC,KAC5D,IAAIC,EAEJ,OAAO,YAA6BC,GAMlCC,aAAaF,GAEbA,EAAUG,YAPI,KACZD,aAAaF,GACbF,KAAMG,EAAK,GAKeF,EAC9B,CAAC,2CAoF0BK,GAAgBA,EAAIC,QAAQ,sBAAuB,4BAnHrD,CAACC,EAAYC,EAAsBC,GAA0B,IAClFA,EACKhB,OAAOiB,KAAKH,GAAOI,QAAO,CAACC,EAAmBpB,KAC/CgB,EAAaK,KAAKrB,KACpBoB,EAAIpB,GAAOe,EAAMf,IAGZoB,IACN,CAAE,GAEEnB,OAAOqB,QAAQP,GACnBQ,QAAO,EAAEvB,MAAUgB,EAAaK,KAAKrB,KACrCmB,QACC,CAACK,EAASC,KAAc,IAAWD,EAAS,CAACC,EAAe,IAAKA,EAAe,MAChF,CAAE,sBAjGgB,CAACC,EAAS,GAAIC,KAEtC,MAAMC,EAAiB,CACrB,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAGF,IAAIC,EAAK,GAGT,IAAK,IAAIC,EAAI,EAAGA,EAAIJ,GAAUG,EAAGH,OAASA,EAAQI,IAAK,CAOrDD,EAAKA,GALwB,iBAApBF,QACkBI,KAAzBJ,aAAe,EAAfA,EAAkBG,KACjB,KAAKT,KAAKM,EAAgBG,IAEvB,GADAH,EAAgBG,IAEMF,EAAeI,KAAKC,MAAMD,KAAKE,SAAWN,EAAeF,QACtF,CAED,OAAOG,EAAGM,MAAM,EAAGT,EAAO,uBAkFCb,IAC3B,IACEuB,KAAKC,MAAMxB,EACZ,CAAC,MAAOyB,GACP,OAAO,CACR,CACD,OAAO,CAAI,kBAVWC,GACfA,EAAMC,WAAWC,iBAAiBC,SAASC,iBAAiBC,2BA1C7C,CAACrC,EAAqCC,KAC5D,IAAIqC,EAAW,EAEf,OAAO,WACL,MAAMC,EAAMC,KAAKD,MAEbA,EAAMD,GAAYrC,IACpBD,IACAsC,EAAWC,EAEf,CAAC"}

package/dist/cjs/src/util/helper.d.ts

@@ -2,7 +2,6 @@ export declare const generateID: (length?: number, stringToWeaveIn?: string) =>
 export declare const filterProps: (props: any, regexPattern: RegExp, returnFiltered?: boolean) => {};
 export declare const debounce: (fn: (...args: unknown[]) => unknown, delay: number) => (...args: unknown[]) => void;
 export declare const throttle: (fn: (...args: unknown[]) => unknown, delay: number) => () => void;
-export declare const isEqual: (x: any, y: any) => boolean;
 export declare const areArraysDifferent: (arr1: Record<string, any>[], arr2: Record<string, any>[], key: string) => boolean;
 /** Source: https://stackoverflow.com/a/42769683/5084110 */
 export declare const remToPx: (rem: number) => number;
@@ -10,6 +9,6 @@ export declare const isJsonString: (str: any) => boolean;
 type ObjectType = {
     [key: string]: any;
 };
-export declare const deepMerge: <T extends {}>(obj1: ObjectType, obj2: ObjectType | false) => T;
+export declare const deepMerge: <T extends object>(obj1: ObjectType, obj2: ObjectType | false) => T;
 export declare const escapeRegExp: (str: string) => string;
 export {};

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

@@ -1 +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, any> = {};\n\n  if (readOnlyView) {\n    props.style = { pointerEvents: \"none\", userSelect: \"text\" };\n    if (helperText) {\n      props.helperText = \"\";\n    }\n  } else {\n    props.helperText = helperText;\n  }\n\n  if (type) {\n    props.type = type;\n  }\n\n  return props;\n};\n\nexport const withReadOnly = <P extends object>(WrappedComponent: ComponentType<P>) => {\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, any> = {};\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<any>) => {\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={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","preventKeyUpAndKeyDownHandlerForSpecificComponents","preventSubmissionKeys","e","key","isEnterOrSpace","stopPropagation","preventDefault","includes","displayName","name","WithReadOnlyComponent","React","forwardRef","ref","required","children","restProps","createElement","_b","_a","getDisplayName"],"mappings":"oCAyBA,MAAMA,EAA6C,CAAC,mBAM9CC,EAAsB,CAACC,EAAuBC,EAAcC,KAChE,MAAMC,EAA6B,CAAA,EAenC,OAbIH,GACFG,EAAMC,MAAQ,CAAEC,cAAe,OAAQC,WAAY,QAC/CJ,IACFC,EAAMD,WAAa,KAGrBC,EAAMD,WAAaA,EAGjBD,IACFE,EAAMF,KAAOA,GAGRE,CAAK,uBAGiCI,IAC7C,MAAMC,EAAsDR,IAC1D,MAAMS,EAAyBC,IACN,CAACA,GAA+B,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,IAChEC,CAAeF,KACjBA,EAAEG,kBACFH,EAAEI,iBACH,EAGH,GACEd,GACAF,EAAiCiB,SAC/BR,EAAiBS,aAAeT,EAAiBU,MAEnD,CACA,MAAMd,EAA6B,CAEnCA,QAAiBO,IACfD,EAAsBC,EAAE,EAG1BP,UAAmBO,IACjBD,EAAsBC,EAAE,GAG1B,OAAOP,CACR,CAED,MAAO,EAAE,EAGLe,EAAwBC,EAAMC,YAClC,CAACjB,EAAiDkB,KAChD,MAAMrB,aACJA,GAAe,EAAKsB,SACpBA,EAAQC,SACRA,EAAQrB,WACRA,EAAUD,KACVA,EAAO,MACJuB,GACDrB,EAEJ,OACEgB,EAACM,cAAAlB,GACCc,IAAKA,KACAG,sBACcxB,EAAY,gBAChBA,EACfsB,UAAUtB,GAAuBsB,KAC7BvB,EAAoBC,EAAcC,EAAMC,MACxCM,EAAmDR,IAEtDuB,EAEH,IAKN,OADAL,EAAsBF,YAAc,gBAlFf,CAAKT,YAC1B,OAAgE,QAAzDmB,EAAgC,QAAhCC,EAAApB,EAAiBS,mBAAe,IAAAW,EAAAA,EAAApB,EAAiBU,YAAQ,IAAAS,EAAAA,EAAA,WAAW,EAiFvBE,CAAerB,KAC5DW,CAAqB"}
+{"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 {\n    props.helperText = helperText;\n  }\n\n  if (type) {\n    props.type = type;\n  }\n\n  return props;\n};\n\nexport const withReadOnly = <P extends object>(WrappedComponent: ComponentType<P>) => {\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={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","preventKeyUpAndKeyDownHandlerForSpecificComponents","preventSubmissionKeys","e","key","isEnterOrSpace","stopPropagation","preventDefault","includes","displayName","name","WithReadOnlyComponent","React","forwardRef","ref","required","children","restProps","createElement","_b","_a","getDisplayName"],"mappings":"oCAyBA,MAAMA,EAA6C,CAAC,mBAM9CC,EAAsB,CAACC,EAAuBC,EAAcC,KAChE,MAAMC,EAAiC,CAAA,EAevC,OAbIH,GACFG,EAAMC,MAAQ,CAAEC,cAAe,OAAQC,WAAY,QAC/CJ,IACFC,EAAMD,WAAa,KAGrBC,EAAMD,WAAaA,EAGjBD,IACFE,EAAMF,KAAOA,GAGRE,CAAK,uBAGiCI,IAC7C,MAAMC,EAAsDR,IAC1D,MAAMS,EAAyBC,IACN,CAACA,GAA+B,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,IAChEC,CAAeF,KACjBA,EAAEG,kBACFH,EAAEI,iBACH,EAGH,GACEd,GACAF,EAAiCiB,SAC/BR,EAAiBS,aAAeT,EAAiBU,MAEnD,CACA,MAAMd,EAAiC,CAEvCA,QAAiBO,IACfD,EAAsBC,EAAE,EAG1BP,UAAmBO,IACjBD,EAAsBC,EAAE,GAG1B,OAAOP,CACR,CAED,MAAO,EAAE,EAGLe,EAAwBC,EAAMC,YAClC,CAACjB,EAAiDkB,KAChD,MAAMrB,aACJA,GAAe,EAAKsB,SACpBA,EAAQC,SACRA,EAAQrB,WACRA,EAAUD,KACVA,EAAO,MACJuB,GACDrB,EAEJ,OACEgB,EAACM,cAAAlB,GACCc,IAAKA,KACAG,sBACcxB,EAAY,gBAChBA,EACfsB,UAAUtB,GAAuBsB,KAC7BvB,EAAoBC,EAAcC,EAAMC,MACxCM,EAAmDR,IAEtDuB,EAEH,IAKN,OADAL,EAAsBF,YAAc,gBAlFf,CAAKT,YAC1B,OAAgE,QAAzDmB,EAAgC,QAAhCC,EAAApB,EAAiBS,mBAAe,IAAAW,EAAAA,EAAApB,EAAiBU,YAAQ,IAAAS,EAAAA,EAAA,WAAW,EAiFvBE,CAAerB,KAC5DW,CAAqB"}

package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React__default, { Fragment } from 'react';
 import { Icon, Icons } from '../Icon/Icon.esm.js';
 import { Typography } from '../Typography/Typography.esm.js';
 import classes from './Breadcrumbs.module.scss.esm.js';
@@ -19,29 +19,29 @@ import classes from './Breadcrumbs.module.scss.esm.js';
  *    limitations under the License.
  */
 const BreadcrumbsComponent = ({ children, ariaLabel, className = "", ...rest }, ref) => {
-    const items = React.Children.map(children, (child, index) => {
+    const items = React__default.Children.map(children, (child, index) => {
         const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;
         const isFirstElement = Array.isArray(children) && index === 0;
-        let item = React.cloneElement(child, {
+        const item = React__default.cloneElement(child, {
             className: classes["breadcrumb-link"],
             ...(isFirstElement
                 ? {
-                    prefixIcon: React.createElement(Icon, { icon: Icons.HomeFilled, style: { marginRight: "0.35rem" } })
+                    prefixIcon: React__default.createElement(Icon, { icon: Icons.HomeFilled, style: { marginRight: "0.35rem" } })
                 }
                 : {})
         });
         if (isLastElement) {
-            return (React.createElement(Typography, { key: child.key, variant: "body", tag: "span", className: classes["last"], "aria-current": "page" }, child.props.children));
+            return (React__default.createElement(Typography, { key: child.key, variant: "body", tag: "span", className: classes["last"], "aria-current": "page" }, child.props.children));
         }
         else {
-            return (React.createElement(Fragment, { key: child.key },
+            return (React__default.createElement(Fragment, { key: child.key },
                 item,
-                React.createElement(Icon, { icon: Icons.ChevronRight, className: classes["icon"] })));
+                React__default.createElement(Icon, { icon: Icons.ChevronRight, className: classes["icon"] })));
         }
     });
-    return (React.createElement("nav", { ...rest, ref: ref, "aria-label": ariaLabel, className: `${classes["breadcrumbs"]} ${className}` }, items));
+    return (React__default.createElement("nav", { ...rest, ref: ref, "aria-label": ariaLabel, className: `${classes["breadcrumbs"]} ${className}` }, items));
 };
-const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);
+const Breadcrumbs = React__default.forwardRef(BreadcrumbsComponent);
 
 export { Breadcrumbs };
 //# sourceMappingURL=Breadcrumbs.esm.js.map

package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.esm.js","sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport { Link, Props as LinkProps } from \"../Link/Link\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./Breadcrumbs.module.scss\";\n\ntype ChildrenType = ReactElement<LinkProps, typeof Link>;\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ChildrenType | ChildrenType[];\n  ariaLabel: string;\n}\n\nconst BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, ariaLabel, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const items = React.Children.map(children, (child, index) => {\n    const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;\n    const isFirstElement = Array.isArray(children) && index === 0;\n    let item = React.cloneElement(child, {\n      className: classes[\"breadcrumb-link\"],\n      ...(isFirstElement\n        ? {\n            prefixIcon: <Icon icon={Icons.HomeFilled} style={{ marginRight: \"0.35rem\" }} />\n          }\n        : {})\n    } as LinkProps);\n\n    if (isLastElement) {\n      return (\n        <Typography\n          key={child.key}\n          variant=\"body\"\n          tag=\"span\"\n          className={classes[\"last\"]}\n          aria-current=\"page\"\n        >\n          {child.props.children}\n        </Typography>\n      );\n    } else {\n      return (\n        <Fragment key={child.key}>\n          {item}\n          <Icon icon={Icons.ChevronRight} className={classes[\"icon\"]} />\n        </Fragment>\n      );\n    }\n  });\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      aria-label={ariaLabel}\n      className={`${classes[\"breadcrumbs\"]} ${className}`}\n    >\n      {items}\n    </nav>\n  );\n};\n\nexport const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);\n"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAoBH,MAAM,oBAAoB,GAAoD,CAC5E,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EACvD,GAAG,KACD;AACF,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAI;QAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;AACrF,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;AAC9D,QAAA,IAAI,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACnC,YAAA,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC;AACrC,YAAA,IAAI,cAAc;AAChB,kBAAE;AACE,oBAAA,UAAU,EAAE,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAI,CAAA;AAChF,iBAAA;kBACD,EAAE,CAAC;AACK,SAAA,CAAC,CAAC;QAEhB,IAAI,aAAa,EAAE;AACjB,YAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAC,MAAM,EACd,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EACb,cAAA,EAAA,MAAM,EAElB,EAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,CACV,EACb;SACH;aAAM;YACL,QACE,oBAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA;gBACrB,IAAI;AACL,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAI,CAAA,CACrD,EACX;SACH;AACH,KAAC,CAAC,CAAC;IACH,QACE,KACM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,EACrB,SAAS,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC,CAAI,CAAA,EAAA,SAAS,EAAE,EAElD,EAAA,KAAK,CACF,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB;;;;"}
+{"version":3,"file":"Breadcrumbs.esm.js","sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\nimport React, {\n  ComponentPropsWithRef,\n  ForwardRefRenderFunction,\n  Fragment,\n  ReactElement\n} from \"react\";\nimport { Icon, Icons } from \"../Icon/Icon\";\nimport { Link, Props as LinkProps } from \"../Link/Link\";\nimport { Typography } from \"../Typography/Typography\";\nimport classes from \"./Breadcrumbs.module.scss\";\n\ntype ChildrenType = ReactElement<LinkProps, typeof Link>;\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n  children: ChildrenType | ChildrenType[];\n  ariaLabel: string;\n}\n\nconst BreadcrumbsComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n  { children, ariaLabel, className = \"\", ...rest }: Props,\n  ref\n) => {\n  const items = React.Children.map(children, (child, index) => {\n    const isLastElement = Array.isArray(children) ? index === children.length - 1 : true;\n    const isFirstElement = Array.isArray(children) && index === 0;\n    const item = React.cloneElement(child, {\n      className: classes[\"breadcrumb-link\"],\n      ...(isFirstElement\n        ? {\n            prefixIcon: <Icon icon={Icons.HomeFilled} style={{ marginRight: \"0.35rem\" }} />\n          }\n        : {})\n    } as LinkProps);\n\n    if (isLastElement) {\n      return (\n        <Typography\n          key={child.key}\n          variant=\"body\"\n          tag=\"span\"\n          className={classes[\"last\"]}\n          aria-current=\"page\"\n        >\n          {child.props.children}\n        </Typography>\n      );\n    } else {\n      return (\n        <Fragment key={child.key}>\n          {item}\n          <Icon icon={Icons.ChevronRight} className={classes[\"icon\"]} />\n        </Fragment>\n      );\n    }\n  });\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      aria-label={ariaLabel}\n      className={`${classes[\"breadcrumbs\"]} ${className}`}\n    >\n      {items}\n    </nav>\n  );\n};\n\nexport const Breadcrumbs = React.forwardRef(BreadcrumbsComponent);\n"],"names":["React"],"mappings":";;;;;AAAA;;;;;;;;;;;;;;AAcG;AAoBH,MAAM,oBAAoB,GAAoD,CAC5E,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAS,EACvD,GAAG,KACD;AACF,IAAA,MAAM,KAAK,GAAGA,cAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAI;QAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;AACrF,QAAA,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;AAC9D,QAAA,MAAM,IAAI,GAAGA,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE;AACrC,YAAA,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC;AACrC,YAAA,IAAI,cAAc;AAChB,kBAAE;AACE,oBAAA,UAAU,EAAEA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,EAAI,CAAA;AAChF,iBAAA;kBACD,EAAE,CAAC;AACK,SAAA,CAAC,CAAC;QAEhB,IAAI,aAAa,EAAE;AACjB,YAAA,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAC,MAAM,EACd,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EACb,cAAA,EAAA,MAAM,EAElB,EAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,CACV,EACb;SACH;aAAM;YACL,QACEA,6BAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA;gBACrB,IAAI;AACL,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,EAAI,CAAA,CACrD,EACX;SACH;AACH,KAAC,CAAC,CAAC;IACH,QACEA,cACM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,YAAA,EACI,SAAS,EACrB,SAAS,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC,CAAI,CAAA,EAAA,SAAS,EAAE,EAElD,EAAA,KAAK,CACF,EACN;AACJ,CAAC,CAAC;AAEW,MAAA,WAAW,GAAGA,cAAK,CAAC,UAAU,CAAC,oBAAoB;;;;"}

package/dist/esm/Breadcrumbs/Breadcrumbs.module.scss.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../node_modules/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*!\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 */.Breadcrumbs_breadcrumbs_6dWwy .Breadcrumbs_last_6dWwy{color:var(--color-primary900);font-weight:700;margin:0}.Breadcrumbs_breadcrumbs_6dWwy .Breadcrumbs_icon_6dWwy{color:var(--color-primary);font-size:.625rem;line-height:var(--default-line-height);margin:0 .84rem}.Breadcrumbs_breadcrumbs_6dWwy .Breadcrumbs_breadcrumb-link_6dWwy{text-decoration:none}.Breadcrumbs_breadcrumbs_6dWwy .Breadcrumbs_breadcrumb-link_6dWwy.Breadcrumbs_visited_6dWwy [data-underline],.Breadcrumbs_breadcrumbs_6dWwy .Breadcrumbs_breadcrumb-link_6dWwy:hover [data-underline]{text-decoration:underline}.Breadcrumbs_breadcrumbs_6dWwy .Breadcrumbs_breadcrumb-link_6dWwy:focus,.Breadcrumbs_breadcrumbs_6dWwy .Breadcrumbs_breadcrumb-link_6dWwy:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.Breadcrumbs_breadcrumbs_6dWwy .Breadcrumbs_breadcrumb-link_6dWwy:visited{color:var(--color-primary700)}.Breadcrumbs_breadcrumbs_6dWwy .Breadcrumbs_breadcrumb-link_6dWwy:active{color:var(--color-primary900);font-weight:700}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdURBQ0UsNkJBQThCLENBQzlCLGVBQWdCLENBQ2hCLFFBQ0YsQ0FDQSx1REFDRSwwQkFBMkIsQ0FDM0IsaUJBQW1CLENBQ25CLHNDQUF1QyxDQUN2QyxlQUNGLENBQ0Esa0VBQ0Usb0JBQ0YsQ0FDQSxzTUFDRSx5QkFDRixDQUNBLHdKQUNFLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDBFQUNFLDZCQUNGLENBQ0EseUVBQ0UsNkJBQThCLENBQzlCLGVBQ0YiLCJmaWxlIjoiQnJlYWRjcnVtYnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmJyZWFkY3J1bWJzIC5sYXN0IHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk5MDApO1xuICBmb250LXdlaWdodDogNzAwO1xuICBtYXJnaW46IDA7XG59XG4uYnJlYWRjcnVtYnMgLmljb24ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGZvbnQtc2l6ZTogMC42MjVyZW07XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgbWFyZ2luOiAwIDAuODRyZW07XG59XG4uYnJlYWRjcnVtYnMgLmJyZWFkY3J1bWItbGluayB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cbi5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rOmhvdmVyIFtkYXRhLXVuZGVybGluZV0sIC5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rLnZpc2l0ZWQgW2RhdGEtdW5kZXJsaW5lXSB7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6Zm9jdXMsIC5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMXB4O1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6dmlzaXRlZCB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NzAwKTtcbn1cbi5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rOmFjdGl2ZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5OTAwKTtcbiAgZm9udC13ZWlnaHQ6IDcwMDtcbn0iXX0= */";
-var classes = {"breadcrumbs":"Breadcrumbs_breadcrumbs_6dWwy","last":"Breadcrumbs_last_6dWwy","icon":"Breadcrumbs_icon_6dWwy","breadcrumb-link":"Breadcrumbs_breadcrumb-link_6dWwy","visited":"Breadcrumbs_visited_6dWwy"};
+var css_248z = "/*!\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 */.Breadcrumbs_breadcrumbs_Pphm5 .Breadcrumbs_last_Pphm5{color:var(--color-primary900);font-weight:700;margin:0}.Breadcrumbs_breadcrumbs_Pphm5 .Breadcrumbs_icon_Pphm5{color:var(--color-primary);font-size:var(--font-size-small);line-height:var(--default-line-height);margin:0 .84rem}.Breadcrumbs_breadcrumbs_Pphm5 .Breadcrumbs_breadcrumb-link_Pphm5{text-decoration:none}.Breadcrumbs_breadcrumbs_Pphm5 .Breadcrumbs_breadcrumb-link_Pphm5.Breadcrumbs_visited_Pphm5 [data-underline],.Breadcrumbs_breadcrumbs_Pphm5 .Breadcrumbs_breadcrumb-link_Pphm5:hover [data-underline]{text-decoration:underline}.Breadcrumbs_breadcrumbs_Pphm5 .Breadcrumbs_breadcrumb-link_Pphm5:focus,.Breadcrumbs_breadcrumbs_Pphm5 .Breadcrumbs_breadcrumb-link_Pphm5:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.Breadcrumbs_breadcrumbs_Pphm5 .Breadcrumbs_breadcrumb-link_Pphm5:visited{color:var(--color-primary700)}.Breadcrumbs_breadcrumbs_Pphm5 .Breadcrumbs_breadcrumb-link_Pphm5:active{color:var(--color-primary900);font-weight:700}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJyZWFkY3J1bWJzLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsdURBQ0UsNkJBQThCLENBQzlCLGVBQWdCLENBQ2hCLFFBQ0YsQ0FDQSx1REFDRSwwQkFBMkIsQ0FDM0IsZ0NBQWlDLENBQ2pDLHNDQUF1QyxDQUN2QyxlQUNGLENBQ0Esa0VBQ0Usb0JBQ0YsQ0FDQSxzTUFDRSx5QkFDRixDQUNBLHdKQUNFLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDBFQUNFLDZCQUNGLENBQ0EseUVBQ0UsNkJBQThCLENBQzlCLGVBQ0YiLCJmaWxlIjoiQnJlYWRjcnVtYnMubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmJyZWFkY3J1bWJzIC5sYXN0IHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk5MDApO1xuICBmb250LXdlaWdodDogNzAwO1xuICBtYXJnaW46IDA7XG59XG4uYnJlYWRjcnVtYnMgLmljb24ge1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLXNtYWxsKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLWRlZmF1bHQtbGluZS1oZWlnaHQpO1xuICBtYXJnaW46IDAgMC44NHJlbTtcbn1cbi5icmVhZGNydW1icyAuYnJlYWRjcnVtYi1saW5rIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6aG92ZXIgW2RhdGEtdW5kZXJsaW5lXSwgLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbmsudmlzaXRlZCBbZGF0YS11bmRlcmxpbmVdIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG59XG4uYnJlYWRjcnVtYnMgLmJyZWFkY3J1bWItbGluazpmb2N1cywgLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6Zm9jdXMtdmlzaWJsZSB7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAxcHg7XG59XG4uYnJlYWRjcnVtYnMgLmJyZWFkY3J1bWItbGluazp2aXNpdGVkIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk3MDApO1xufVxuLmJyZWFkY3J1bWJzIC5icmVhZGNydW1iLWxpbms6YWN0aXZlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk5MDApO1xuICBmb250LXdlaWdodDogNzAwO1xufSJdfQ== */";
+var classes = {"breadcrumbs":"Breadcrumbs_breadcrumbs_Pphm5","last":"Breadcrumbs_last_Pphm5","icon":"Breadcrumbs_icon_Pphm5","breadcrumb-link":"Breadcrumbs_breadcrumb-link_Pphm5","visited":"Breadcrumbs_visited_Pphm5"};
 styleInject(css_248z);
 
 export { classes as default };

package/dist/esm/Button/BaseButton.esm.js

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React__default, { Fragment } from 'react';
 import classes from './BaseButton.module.scss.esm.js';
 import { ButtonSpinner } from './Spinner.esm.js';
 
@@ -20,16 +20,17 @@ import { ButtonSpinner } from './Spinner.esm.js';
 const BaseButtonComponent = ({ children, type = "button", className, loading, disabled, hidden, ...rest }, ref) => {
     const validTypes = ["submit", "button", "reset"];
     const isDisabled = disabled !== null && disabled !== void 0 ? disabled : loading;
-    if (!validTypes.includes(type))
+    if (!validTypes.includes(type)) {
         throw new Error(`You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`);
+    }
     const buttonClasses = [classes.button];
     loading && buttonClasses.push(classes.loading);
     className && buttonClasses.push(className);
-    return (React.createElement("button", { ...rest, disabled: isDisabled, ref: ref, type: type, hidden: hidden, className: hidden ? "" : buttonClasses.join(" ") }, loading ? (React.createElement(Fragment, null,
-        React.createElement("div", { className: classes["content-hidden"] }, children),
-        React.createElement(ButtonSpinner, { className: classes["spinner"] }))) : (children)));
+    return (React__default.createElement("button", { ...rest, disabled: isDisabled, ref: ref, type: type, hidden: hidden, className: hidden ? "" : buttonClasses.join(" ") }, loading ? (React__default.createElement(Fragment, null,
+        React__default.createElement("div", { className: classes["content-hidden"] }, children),
+        React__default.createElement(ButtonSpinner, { className: classes["spinner"] }))) : (children)));
 };
-const BaseButton = React.forwardRef(BaseButtonComponent);
+const BaseButton = React__default.forwardRef(BaseButtonComponent);
 
 export { BaseButton };
 //# sourceMappingURL=BaseButton.esm.js.map

package/dist/esm/Button/BaseButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.esm.js","sources":["../../../../../src/components/Button/BaseButton.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, ComponentPropsWithRef, Fragment } from \"react\";\nimport classes from \"./BaseButton.module.scss\";\nimport { ButtonSpinner } from \"./Spinner\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  type?: \"submit\" | \"button\" | \"reset\";\n  disabled?: boolean;\n  loading?: boolean;\n  color?: \"primary\" | \"danger\" | \"default\" | \"success\" | \"warning\";\n}\n\nconst BaseButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, type = \"button\", className, loading, disabled, hidden, ...rest },\n  ref\n) => {\n  const validTypes = [\"submit\", \"button\", \"reset\"];\n  const isDisabled = disabled ?? loading;\n  if (!validTypes.includes(type))\n    throw new Error(\n      `You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`\n    );\n\n  const buttonClasses = [classes.button];\n  loading && buttonClasses.push(classes.loading);\n  className && buttonClasses.push(className);\n\n  return (\n    <button\n      {...rest}\n      disabled={isDisabled}\n      ref={ref}\n      type={type}\n      hidden={hidden}\n      className={hidden ? \"\" : buttonClasses.join(\" \")}\n    >\n      {loading ? (\n        <Fragment>\n          <div className={classes[\"content-hidden\"]}>{children}</div>\n          <ButtonSpinner className={classes[\"spinner\"]} />\n        </Fragment>\n      ) : (\n        children\n      )}\n    </button>\n  );\n};\n\nexport const BaseButton = React.forwardRef(BaseButtonComponent);\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAaH,MAAM,mBAAmB,GAAuD,CAC9E,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAC5E,GAAG,KACD;IACF,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,KAAA,CAAA,GAAA,QAAQ,GAAI,OAAO,CAAC;AACvC,IAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC5B,QAAA,MAAM,IAAI,KAAK,CACb,uFAAuF,IAAI,CAAA,CAAE,CAC9F,CAAC;AAEJ,IAAA,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvC,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC/C,IAAA,SAAS,IAAI,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAE3C,IAAA,QACE,KACM,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GAAA,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAAG,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAE/C,OAAO,IACN,oBAAC,QAAQ,EAAA,IAAA;QACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC3D,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,CAAI,CACvC,KAEX,QAAQ,CACT,CACM,EACT;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"BaseButton.esm.js","sources":["../../../../../src/components/Button/BaseButton.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, ComponentPropsWithRef, Fragment } from \"react\";\nimport classes from \"./BaseButton.module.scss\";\nimport { ButtonSpinner } from \"./Spinner\";\n\nexport interface Props extends ComponentPropsWithRef<\"button\"> {\n  type?: \"submit\" | \"button\" | \"reset\";\n  disabled?: boolean;\n  loading?: boolean;\n  color?: \"primary\" | \"danger\" | \"default\" | \"success\" | \"warning\";\n}\n\nconst BaseButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props> = (\n  { children, type = \"button\", className, loading, disabled, hidden, ...rest },\n  ref\n) => {\n  const validTypes = [\"submit\", \"button\", \"reset\"];\n  const isDisabled = disabled ?? loading;\n  if (!validTypes.includes(type)) {\n    throw new Error(\n      `You have entered an invalid button type. Expected 'submit', 'button' or 'reset' got ${type}`\n    );\n  }\n\n  const buttonClasses = [classes.button];\n  loading && buttonClasses.push(classes.loading);\n  className && buttonClasses.push(className);\n\n  return (\n    <button\n      {...rest}\n      disabled={isDisabled}\n      ref={ref}\n      type={type}\n      hidden={hidden}\n      className={hidden ? \"\" : buttonClasses.join(\" \")}\n    >\n      {loading ? (\n        <Fragment>\n          <div className={classes[\"content-hidden\"]}>{children}</div>\n          <ButtonSpinner className={classes[\"spinner\"]} />\n        </Fragment>\n      ) : (\n        children\n      )}\n    </button>\n  );\n};\n\nexport const BaseButton = React.forwardRef(BaseButtonComponent);\n"],"names":["React"],"mappings":";;;;AAAA;;;;;;;;;;;;;;AAcG;AAaH,MAAM,mBAAmB,GAAuD,CAC9E,EAAE,QAAQ,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAC5E,GAAG,KACD;IACF,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,KAAA,CAAA,GAAA,QAAQ,GAAI,OAAO,CAAC;IACvC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAC9B,QAAA,MAAM,IAAI,KAAK,CACb,uFAAuF,IAAI,CAAA,CAAE,CAC9F,CAAC;KACH;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IACvC,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC/C,IAAA,SAAS,IAAI,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAE3C,IAAA,QACEA,cACM,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GAAA,IAAI,EACR,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,GAAG,EAAE,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAE/C,OAAO,IACNA,6BAAC,QAAQ,EAAA,IAAA;QACPA,cAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,EAAA,EAAG,QAAQ,CAAO;AAC3D,QAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,CAAI,CACvC,KAEX,QAAQ,CACT,CACM,EACT;AACJ,CAAC,CAAC;AAEW,MAAA,UAAU,GAAGA,cAAK,CAAC,UAAU,CAAC,mBAAmB;;;;"}