@onewelcome/react-lib-components 2.0.0-alpha → 2.0.0-alpha.2

package/dist/esm/hooks/useSpacing.test.d.ts

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

package/dist/esm/hooks/useUploadFile.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { FileType } from "../components/Form/FileUpload/FileUpload";
+export interface UploadResponseType {
+    fileList: FileType[];
+    status: XMLHttpRequest["status"];
+}
+export interface UseUploadFileCallback {
+    onComplete?: (response: UploadResponseType) => void;
+    onProgress?: Function;
+}
+export interface UploadFileRequestParams {
+    url: string;
+    headers?: Headers;
+    responseErrorPath?: string;
+    networkErrorText?: string;
+    withCredentials?: boolean;
+}
+export declare const useUploadFile: (files: FileType[], request: UploadFileRequestParams, callbacks?: UseUploadFileCallback) => {
+    updatedFiles: FileType[];
+    setUpdatedFiles: import("react").Dispatch<import("react").SetStateAction<FileType[]>>;
+    uploadingFiles: FileType[];
+};

package/dist/esm/hooks/useUploadFile.test.d.ts

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

package/dist/esm/hooks/useWrapper.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const useWrapper: () => {
+    helperId: string;
+    errorId: string;
+    labelId: string;
+    hasFocus: boolean;
+    setHasFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

package/dist/esm/hooks/useWrapper.test.d.ts

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

package/dist/esm/index.d.ts

@@ -0,0 +1,113 @@
+export { BaseStyling } from "./components/_BaseStyling_/BaseStyling";
+export { Button } from "./components/Button/Button";
+export type { Props as ButtonProps } from "./components/Button/Button";
+export { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
+export type { Props as BreadcrumbsProps } from "./components/Breadcrumbs/Breadcrumbs";
+export { ContextMenu } from "./components/ContextMenu/ContextMenu";
+export type { Props as ContextMenuProps } from "./components/ContextMenu/ContextMenu";
+export { ContextMenuItem } from "./components/ContextMenu/ContextMenuItem";
+export type { Props as ContextMenuItemProps } from "./components/ContextMenu/ContextMenuItem";
+export { Link } from "./components/Link/Link";
+export type { Props as LinkProps, AnchorType } from "./components/Link/Link";
+export { Icon, Icons } from "./components/Icon/Icon";
+export type { Props as IconProps } from "./components/Icon/Icon";
+export { IconButton } from "./components/Button/IconButton";
+export type { Props as IconButtonProps } from "./components/Button/IconButton";
+export { Tab } from "./components/Tabs/Tab";
+export type { Props as TabProps } from "./components/Tabs/Tab";
+export { Tabs } from "./components/Tabs/Tabs";
+export type { Props as TabsProps } from "./components/Tabs/Tabs";
+export { TextEllipsis } from "./components/TextEllipsis/TextEllipsis";
+export type { Props as TextEllipsisProps } from "./components/TextEllipsis/TextEllipsis";
+export { Tile } from "./components/Tiles/Tile";
+export type { Props as TileProps } from "./components/Tiles/Tile";
+export { Tiles } from "./components/Tiles/Tiles";
+export type { Props as TilesProps } from "./components/Tiles/Tiles";
+export { Tooltip } from "./components/Tooltip/Tooltip";
+export type { Props as TooltipProps } from "./components/Tooltip/Tooltip";
+export { Typography } from "./components/Typography/Typography";
+export type { Props as TypographyProps, Variant } from "./components/Typography/Typography";
+export { ProgressBar } from "./components/ProgressBar/ProgressBar";
+export type { Props as ProgressBarProps } from "./components/ProgressBar/ProgressBar";
+export { Skeleton } from "./components/Skeleton/Skeleton";
+export type { Props as SkeletonProps } from "./components/Skeleton/Skeleton";
+export { StatusIndicator } from "./components/StatusIndicator/StatusIndicator";
+export type { Props as StatusIndicatorProps } from "./components/StatusIndicator/StatusIndicator";
+export { Pagination } from "./components/Pagination/Pagination";
+export type { Props as PaginationProps, PageChangeLabels, PaginationTranslations, PageSize } from "./components/Pagination/Pagination";
+export { useRepeater } from "./hooks/useRepeater";
+export { useDebouncedCallback } from "./hooks/useDebouncedCallback";
+export { generateID, debounce, throttle } from "./util/helper";
+export { Modal } from "./components/Notifications/Modal/Modal";
+export type { Props as ModalProps } from "./components/Notifications/Modal/Modal";
+export { useSnackbar } from "./components/Notifications/Snackbar/useSnackbar";
+export { Dialog } from "./components/Notifications/Dialog/Dialog";
+export type { Props as DialogProps, Action as DialogAction } from "./components/Notifications/Dialog/Dialog";
+export { DiscardChangesModal } from "./components/Notifications/DiscardChangesModal/DiscardChangesModal";
+export type { Props as DiscardChangesModalProps } from "./components/Notifications/DiscardChangesModal/DiscardChangesModal";
+export { ModalActions } from "./components/Notifications/Modal/ModalActions/ModalActions";
+export type { Props as ModalActionsProps } from "./components/Notifications/Modal/ModalActions/ModalActions";
+export { ModalContent } from "./components/Notifications/Modal/ModalContent/ModalContent";
+export type { Props as ModalContentProps } from "./components/Notifications/Modal/ModalContent/ModalContent";
+export { ModalHeader } from "./components/Notifications/Modal/ModalHeader/ModalHeader";
+export type { Props as ModalHeaderProps } from "./components/Notifications/Modal/ModalHeader/ModalHeader";
+export { SlideInModal } from "./components/Notifications/SlideInModal/SlideInModal";
+export type { Props as SlideInModalProps } from "./components/Notifications/SlideInModal/SlideInModal";
+export { SnackbarProvider } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
+export type { Props as SnackbarProviderProps } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
+/** Form components */
+export { Checkbox } from "./components/Form/Checkbox/Checkbox";
+export type { Props as CheckboxProps } from "./components/Form/Checkbox/Checkbox";
+export { Fieldset } from "./components/Form/Fieldset/Fieldset";
+export type { Props as FieldsetProps } from "./components/Form/Fieldset/Fieldset";
+export { Form } from "./components/Form/Form";
+export type { Props as FormProps } from "./components/Form/Form";
+export { FormControl } from "./components/Form/FormControl/FormControl";
+export type { Props as FormControlProps } from "./components/Form/FormControl/FormControl";
+export { FormGroup } from "./components/Form/FormGroup/FormGroup";
+export type { Props as FormGroupProps } from "./components/Form/FormGroup/FormGroup";
+export { FormHelperText } from "./components/Form/FormHelperText/FormHelperText";
+export type { Props as FormHelperTextProps } from "./components/Form/FormHelperText/FormHelperText";
+export { Input } from "./components/Form/Input/Input";
+export type { Props as InputProps, Type as InputType } from "./components/Form/Input/Input";
+export { InputWrapper } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
+export type { Props as InputWrapperProps } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
+export { Label } from "./components/Form/Label/Label";
+export type { Props as LabelProps } from "./components/Form/Label/Label";
+export { Option } from "./components/Form/Select/Option";
+export type { Props as OptionProps } from "./components/Form/Select/Option";
+export { Radio } from "./components/Form/Radio/Radio";
+export type { Props as RadioProps } from "./components/Form/Radio/Radio";
+export { RadioWrapper } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
+export type { Props as RadioWrapperProps } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
+export { Select } from "./components/Form/Select/Select";
+export type { Props as SelectProps } from "./components/Form/Select/Select";
+export { Textarea } from "./components/Form/Textarea/Textarea";
+export type { Props as TextareaProps } from "./components/Form/Textarea/Textarea";
+export { Toggle } from "./components/Form/Toggle/Toggle";
+export type { Props as ToggleProps } from "./components/Form/Toggle/Toggle";
+export { CheckboxWrapper } from "./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper";
+export type { Props as CheckboxWrapperProps } from "./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper";
+export { TextareaWrapper } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
+export type { Props as TextareaWrapperProps } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
+export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
+export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
+/** Wizard */
+export { Wizard } from "./components/Wizard/Wizard";
+export type { Props as WizardProps } from "./components/Wizard/Wizard";
+export { WizardActions } from "./components/Wizard/WizardActions/WizardActions";
+export type { Props as WizardActionsProps } from "./components/Wizard/WizardActions/WizardActions";
+export { WizardSteps } from "./components/Wizard/WizardSteps/WizardSteps";
+export type { Props as WizardStepsProps } from "./components/Wizard/WizardSteps/WizardSteps";
+export { BaseWizardSteps } from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
+export type { Props as BaseWizardStepsProps, Step as WizardStep } from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
+/** DataGrid */
+export type { HeaderCell } from "./components/DataGrid/datagrid.interfaces";
+export { DataGrid } from "./components/DataGrid/DataGrid";
+export type { Props as DataGridProps } from "./components/DataGrid/DataGrid";
+export { DataGridRow } from "./components/DataGrid/DataGridBody/DataGridRow";
+export type { Props as DataGridRowProps } from "./components/DataGrid/DataGridBody/DataGridRow";
+export { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell";
+export type { Props as DataGridCellProps } from "./components/DataGrid/DataGridBody/DataGridCell";
+export { Banner } from "./components/Notifications/Banner/Banner";
+export type { Props as BannerProps } from "./components/Notifications/Banner/Banner";

package/dist/esm/interfaces.d.ts

@@ -0,0 +1,4 @@
+export type DataAttributeKey = `data-${string}`;
+export interface KeyValuePair {
+    [dataAttribute: DataAttributeKey]: unknown;
+}

package/dist/esm/node_modules/rollup-plugin-styles/dist/runtime/inject-css.esm.js

@@ -0,0 +1,2 @@
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}export{n as default};
+//# sourceMappingURL=inject-css.esm.js.map

package/dist/esm/node_modules/rollup-plugin-styles/dist/runtime/inject-css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-css.esm.js","sources":["../../../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n"],"names":["e","t","n","r","document","a","s","prepend","d","singleTag","i","container","querySelector","getElementsByTagName","u","indexOf","push","c","charCodeAt","substring","styleSheet","cssText","appendChild","createTextNode","createElement","setAttribute","attributes","Object","keys","length","insertAdjacentElement"],"mappings":"AAAA,IAAIA,EAAE,GAAGC,EAAE,GAAG,SAASC,EAAEA,EAAEC,GAAG,GAAGD,GAAG,oBAAoBE,SAAS,CAAC,IAAIC,EAAEC,GAAE,IAAKH,EAAEI,QAAQ,UAAU,SAASC,GAAE,IAAKL,EAAEM,UAAUC,EAAE,iBAAiBP,EAAEQ,UAAUP,SAASQ,cAAcT,EAAEQ,WAAWP,SAASS,qBAAqB,QAAQ,GAAG,GAAGL,EAAE,CAAC,IAAIM,EAAEd,EAAEe,QAAQL,IAAI,IAAII,IAAIA,EAAEd,EAAEgB,KAAKN,GAAG,EAAET,EAAEa,GAAG,CAAE,GAAET,EAAEJ,EAAEa,IAAIb,EAAEa,GAAGR,GAAGL,EAAEa,GAAGR,GAAGL,EAAEa,GAAGR,GAAGW,GAAG,MAAMZ,EAAEY,IAAI,QAAQf,EAAEgB,WAAW,KAAKhB,EAAEA,EAAEiB,UAAU,IAAId,EAAEe,WAAWf,EAAEe,WAAWC,SAASnB,EAAEG,EAAEiB,YAAYlB,SAASmB,eAAerB,GAAG,CAAC,SAASe,IAAI,IAAIjB,EAAEI,SAASoB,cAAc,SAAS,GAAGxB,EAAEyB,aAAa,OAAO,YAAYtB,EAAEuB,WAAW,IAAI,IAAIzB,EAAE0B,OAAOC,KAAKzB,EAAEuB,YAAYxB,EAAE,EAAEA,EAAED,EAAE4B,OAAO3B,IAAIF,EAAEyB,aAAaxB,EAAEC,GAAGC,EAAEuB,WAAWzB,EAAEC,KAAK,IAAIG,EAAE,YAAYC,EAAE,aAAa,YAAY,OAAOI,EAAEoB,sBAAsBzB,EAAEL,GAAGA,CAAC,CAAC"}

package/dist/esm/src/hooks/useAnimation.esm.js

@@ -0,0 +1,2 @@
+import{useRef as n,useState as r,useEffect as t}from"react";const e=e=>{const i=n(null),[a,o]=r(!1),d=()=>a&&e();return t((()=>{var n;return null===(n=i.current)||void 0===n||n.addEventListener("animationend",d),()=>{var n;return null===(n=i.current)||void 0===n?void 0:n.removeEventListener("animationend",d)}}),[a]),{ref:i,animationStarted:a,startAnimation:()=>o(!0)}};export{e as useAnimation};
+//# sourceMappingURL=useAnimation.esm.js.map

package/dist/esm/src/hooks/useAnimation.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimation.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useBodyClick.esm.js

@@ -0,0 +1,2 @@
+import{useEffect as e}from"react";const n=(n,t,i)=>{function o(e){n(e)&&t()}e((()=>(window.addEventListener("click",o),()=>{window.removeEventListener("click",o)})),[i])};export{n as useBodyClick};
+//# sourceMappingURL=useBodyClick.esm.js.map

package/dist/esm/src/hooks/useBodyClick.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyClick.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useDebouncedCallback.esm.js

@@ -0,0 +1,2 @@
+import e from"react";const r=(r,t,u)=>{const c=e.useRef(),n=u?[r,t,...u]:[r,t];return e.useCallback(((...e)=>{null!=c.current&&clearTimeout(c.current),c.current=setTimeout((()=>{r(...e)}),t)}),n)};export{r as useDebouncedCallback};
+//# sourceMappingURL=useDebouncedCallback.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useDetermineStatusIcon.esm.js

@@ -0,0 +1,2 @@
+import r,{useRef as e}from"react";import{Icon as t,Icons as c}from"../../Icon/Icon.esm.js";const o=o=>{const{error:n,success:s}=o||!1;let a=null;const l=e(null),u=e(null);return n?a=r.createElement(t,{ref:l,"data-icon-status":"error",icon:c.Error}):s&&(a=r.createElement(t,{ref:u,"data-icon-status":"success",icon:c.CheckmarkCircleBreakout})),a};export{o as useDetermineStatusIcon};
+//# sourceMappingURL=useDetermineStatusIcon.esm.js.map

package/dist/esm/src/hooks/useDetermineStatusIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetermineStatusIcon.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useFormSelector.esm.js

@@ -0,0 +1,2 @@
+import{useState as r,useEffect as e}from"react";import{generateID as o}from"../util/helper.esm.js";const t=t=>{const[p]=r(o(15,t.name)),[a,n]=r(""),[d]=r(o(15,t.errorMessage));return e((()=>{t.error&&t.parentErrorId&&n(t.parentErrorId),(!t.error&&t.helperText||!t.parentErrorId&&!t.errorMessage&&t.helperText)&&n(`${p}`),(!t.error&&!t.helperText&&t.parentHelperId||!t.parentErrorId&&!t.errorMessage&&t.parentHelperId)&&n(`${t.parentHelperId}`),t.errorMessage&&!t.parentErrorId&&t.error&&n(d)}),[p,t.error,t.parentErrorId]),{describedBy:a,errorId:d,identifier:p}};export{t as useFormSelector};
+//# sourceMappingURL=useFormSelector.esm.js.map

package/dist/esm/src/hooks/useFormSelector.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSelector.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useGetDomRoot.esm.js

@@ -0,0 +1,2 @@
+import{useState as r,useEffect as t}from"react";const o=(o,e)=>{const[n,c]=r(document.body);return t((()=>{if((null==e?void 0:e.current)&&!o){const r=e.current.closest(".basestyling-wrapper");if(r)return void c(r)}else if(o)return void c(o)}),[e]),{root:n}};export{o as useGetDomRoot};
+//# sourceMappingURL=useGetDomRoot.esm.js.map

package/dist/esm/src/hooks/useGetDomRoot.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetDomRoot.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/usePosition.esm.js

@@ -0,0 +1,2 @@
+import{useState as t}from"react";import{useDebouncedCallback as o}from"./useDebouncedCallback.esm.js";const e={relativeElement:void 0,elementToBePositioned:void 0,transformOrigin:{horizontal:"left",vertical:"top"},placement:{horizontal:"left",vertical:"top"},offset:{top:0,right:0,bottom:0,left:0},debounceAmount:20},i=(i=e)=>{var n;const r={...e,...i};void 0===r.transformOrigin&&(r.transformOrigin=e.transformOrigin),void 0===r.placement&&(r.placement=e.placement),void 0===r.offset&&(r.offset=e.offset);const[l,h]=t({left:0,top:0,right:"initial",bottom:"initial"}),d=(t,o,e,i,n)=>{const l="center"===o?(t=>{if("horizontal"===t)return"centerh";if("vertical"===t)return"centerv";throw new Error(`the requested return value isn't "vertical" or "horizontal" ${t} was given.`)})(e):o,h=((t,o,e,i,n)=>{let r=0;return"left"===t[o]||"top"===t[o]?r=e[i]:"center"===t[o]?r=e[i]-n["horizontal"===o?"width":"height"]/2:"right"!==t[o]&&"bottom"!==t[o]||(r=window["horizontal"===o?"innerWidth":"innerHeight"]-e[i]),r})(t,e,i,l,n),d=((t,o,e)=>{var i,n,l,h,d,f,v,a,c,g,m,s;let u=t;return("horizontal"===o&&0!==(null===(i=r.offset)||void 0===i?void 0:i.left)||"horizontal"===o&&0!==(null===(n=r.offset)||void 0===n?void 0:n.right))&&("left"!==e[o]&&"center"!==e[o]||(u+=null===(l=r.offset)||void 0===l?void 0:l.left,u-=null===(h=r.offset)||void 0===h?void 0:h.right),"right"===e[o]&&(u-=null===(d=r.offset)||void 0===d?void 0:d.left,u+=null===(f=r.offset)||void 0===f?void 0:f.right)),("vertical"===o&&0!==(null===(v=r.offset)||void 0===v?void 0:v.top)||"vertical"===o&&0!==(null===(a=r.offset)||void 0===a?void 0:a.bottom))&&("top"!==e[o]&&"center"!==e[o]||(u+=null===(c=r.offset)||void 0===c?void 0:c.top,u-=null===(g=r.offset)||void 0===g?void 0:g.bottom),"bottom"===e[o]&&(u-=null===(m=r.offset)||void 0===m?void 0:m.top,u+=null===(s=r.offset)||void 0===s?void 0:s.bottom)),u})(h,e,t),f=((t,o,e,i)=>{let n=t;return("left"===o[e]&&n<0||"top"===o[e]&&n<0||"center"===o[e]&&n<0||"bottom"===o[e]&&n<0)&&(n=0),("left"===o[e]&&n>window.innerWidth-i.width||"center"===o[e]&&"horizontal"===e&&n>window.innerWidth-i.width)&&(n=window.innerWidth-i.width),("top"===o[e]&&n>window.innerHeight-i.height||"center"===o[e]&&"vertical"===e&&n>window.innerHeight-i.height)&&(n=window.innerHeight-i.height),"right"===o[e]&&n>window.innerWidth-i.width&&(n=window.innerWidth-i.width),"bottom"===o[e]&&n>window.innerHeight-i.height&&(n=window.innerHeight-i.height),n})(d,t,e,n);return f},f=(t,o,e)=>{var i,n;const l=d(r.transformOrigin,r.placement[e],e,t,o);let f="left",v="right";"horizontal"===e&&"right"===(null===(i=r.transformOrigin)||void 0===i?void 0:i.horizontal)?(f="right",v="left"):"horizontal"===e&&(f="left",v="right"),"vertical"===e&&"bottom"===(null===(n=r.transformOrigin)||void 0===n?void 0:n.vertical)?(f="bottom",v="top"):"vertical"===e&&(f="top",v="bottom"),h((t=>({...t,[f]:l,[v]:"initial"})))},v=o((()=>{var t,o;if(!(null===(t=r.relativeElement)||void 0===t?void 0:t.current)||!(null===(o=r.elementToBePositioned)||void 0===o?void 0:o.current))return;const e=r.relativeElement.current.getBoundingClientRect(),i={height:r.elementToBePositioned.current.offsetHeight,width:r.elementToBePositioned.current.offsetWidth},n={top:e.top,right:e.right,bottom:e.bottom,center:0,centerv:e.top+e.height/2,centerh:e.left+e.width/2,left:e.left,width:e.width,height:e.height,x:e.x,y:e.y};f(n,i,"horizontal"),f(n,i,"vertical")}),null!==(n=r.debounceAmount)&&void 0!==n?n:20);return{top:l.top,bottom:l.bottom,left:l.left,right:l.right,calculatePosition:v}};export{i as usePosition};
+//# sourceMappingURL=usePosition.esm.js.map

package/dist/esm/src/hooks/usePosition.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePosition.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useRepeater.esm.js

@@ -0,0 +1,2 @@
+import e,{useState as t,useEffect as o}from"react";import{generateID as r}from"../util/helper.esm.js";const n=({componentToRepeat:n})=>{const[m,p]=t([]);o((()=>{c()}),[]);const c=()=>{const t=e.cloneElement(n,{key:r(20)});p((e=>[...e,t]))};return{repeatedComponents:m,repeat:c,remove:e=>{const t=m.filter((t=>t!==e));p(t)}}};export{n as useRepeater};
+//# sourceMappingURL=useRepeater.esm.js.map

package/dist/esm/src/hooks/useRepeater.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRepeater.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useSpacing.esm.js

@@ -0,0 +1,2 @@
+const r=/(\d+\.?\d*)+/g,e=(e,t)=>e?Object.entries(e).reduce(((e,[t,n])=>{const c=String(n).matchAll(r);return{...e,[t]:Array.from(c).map((([r])=>.25*Number(r)+"rem")).join(" ")}}),null!=t?t:{}):t;export{e as useSpacing};
+//# sourceMappingURL=useSpacing.esm.js.map

package/dist/esm/src/hooks/useSpacing.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpacing.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/hooks/useWrapper.esm.js

@@ -0,0 +1,2 @@
+import{useState as r}from"react";import{generateID as e}from"../util/helper.esm.js";const o=()=>{const[o]=r(e(20)),[s]=r(e(20)),[t]=r(e(20)),[c,l]=r(!1);return{helperId:o,errorId:s,labelId:t,hasFocus:c,setHasFocus:l}};export{o as useWrapper};
+//# sourceMappingURL=useWrapper.esm.js.map

package/dist/esm/src/hooks/useWrapper.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWrapper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/index.esm.js

@@ -0,0 +1,2 @@
+export{BaseStyling}from"../_BaseStyling_/BaseStyling.esm.js";export{Button}from"../Button/Button.esm.js";export{Breadcrumbs}from"../Breadcrumbs/Breadcrumbs.esm.js";export{ContextMenu}from"../ContextMenu/ContextMenu.esm.js";export{ContextMenuItem}from"../ContextMenu/ContextMenuItem.esm.js";export{Link}from"../Link/Link.esm.js";export{Icon,Icons}from"../Icon/Icon.esm.js";export{IconButton}from"../Button/IconButton.esm.js";export{Tab}from"../Tabs/Tab.esm.js";export{Tabs}from"../Tabs/Tabs.esm.js";export{TextEllipsis}from"../TextEllipsis/TextEllipsis.esm.js";export{Tile}from"../Tiles/Tile.esm.js";export{Tiles}from"../Tiles/Tiles.esm.js";export{Tooltip}from"../Tooltip/Tooltip.esm.js";export{Typography}from"../Typography/Typography.esm.js";export{ProgressBar}from"../ProgressBar/ProgressBar.esm.js";export{Skeleton}from"../Skeleton/Skeleton.esm.js";export{StatusIndicator}from"../StatusIndicator/StatusIndicator.esm.js";export{Pagination}from"../Pagination/Pagination.esm.js";export{useRepeater}from"./hooks/useRepeater.esm.js";export{useDebouncedCallback}from"./hooks/useDebouncedCallback.esm.js";export{debounce,generateID,throttle}from"./util/helper.esm.js";export{BaseModal as Modal}from"../Notifications/BaseModal/BaseModal.esm.js";export{useSnackbar}from"../Notifications/Snackbar/useSnackbar.esm.js";export{Dialog}from"../Notifications/Dialog/Dialog.esm.js";export{DiscardChangesModal}from"../Notifications/DiscardChangesModal/DiscardChangesModal.esm.js";export{BaseModalActions as ModalActions}from"../Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js";export{BaseModalContent as ModalContent}from"../Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js";export{BaseModalHeader as ModalHeader}from"../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js";export{SlideInModal}from"../Notifications/SlideInModal/SlideInModal.esm.js";export{SnackbarProvider}from"../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.esm.js";export{Checkbox}from"../Form/Checkbox/Checkbox.esm.js";export{Fieldset}from"../Form/Fieldset/Fieldset.esm.js";export{Form}from"../Form/Form.esm.js";export{FormControl}from"../Form/FormControl/FormControl.esm.js";export{FormGroup}from"../Form/FormGroup/FormGroup.esm.js";export{FormHelperText}from"../Form/FormHelperText/FormHelperText.esm.js";export{Input}from"../Form/Input/Input.esm.js";export{InputWrapper}from"../Form/Wrapper/InputWrapper/InputWrapper.esm.js";export{Label}from"../Form/Label/Label.esm.js";export{Option}from"../Form/Select/Option.esm.js";export{Radio}from"../Form/Radio/Radio.esm.js";export{RadioWrapper}from"../Form/Wrapper/RadioWrapper/RadioWrapper.esm.js";export{Select}from"../Form/Select/Select.esm.js";export{Textarea}from"../Form/Textarea/Textarea.esm.js";export{Toggle}from"../Form/Toggle/Toggle.esm.js";export{CheckboxWrapper}from"../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js";export{TextareaWrapper}from"../Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js";export{SelectWrapper}from"../Form/Wrapper/SelectWrapper/SelectWrapper.esm.js";export{Wizard}from"../Wizard/Wizard.esm.js";export{WizardActions}from"../Wizard/WizardActions/WizardActions.esm.js";export{WizardSteps}from"../Wizard/WizardSteps/WizardSteps.esm.js";export{BaseWizardSteps}from"../Wizard/BaseWizardSteps/BaseWizardSteps.esm.js";export{DataGrid}from"../DataGrid/DataGrid.esm.js";export{DataGridRow}from"../DataGrid/DataGridBody/DataGridRow.esm.js";export{DataGridCell}from"../DataGrid/DataGridBody/DataGridCell.esm.js";export{Banner}from"../Notifications/Banner/Banner.esm.js";
+//# sourceMappingURL=index.esm.js.map

package/dist/esm/src/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/src/readyclasses.module.esm.js

@@ -0,0 +1,2 @@
+var containers=[],styleTags=[];const e = function(e,t){if(e&&"undefined"!=typeof document){var n,s=!0===t.prepend?"prepend":"append",r=!0===t.singleTag,a="string"==typeof t.container?document.querySelector(t.container):document.getElementsByTagName("head")[0];if(r){var i=containers.indexOf(a);-1===i&&(i=containers.push(a)-1,styleTags[i]={}),n=styleTags[i]&&styleTags[i][s]?styleTags[i][s]:styleTags[i][s]=c()}else n=c();65279===e.charCodeAt(0)&&(e=e.substring(1)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(document.createTextNode(e))}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),t.attributes)for(var n=Object.keys(t.attributes),r=0;r<n.length;r++)e.setAttribute(n[r],t.attributes[n[r]]);var i="prepend"===s?"afterbegin":"beforeend";return a.insertAdjacentElement(i,e),e}};var s=".readyclasses_module_srOnly__c31559d9{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.readyclasses_module_hidden__c31559d9{display:none}.readyclasses_module_slideIn__c31559d9{animation:readyclasses_module_slideIn__c31559d9 .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_module_slideIn__c31559d9{animation-duration:.1ms}}.readyclasses_module_slideOut__c31559d9{animation:readyclasses_module_slideOut__c31559d9 .5s forwards}@media (prefers-reduced-motion:reduce){.readyclasses_module_slideOut__c31559d9{animation-duration:.1ms}}@keyframes readyclasses_module_slideIn__c31559d9{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes readyclasses_module_slideOut__c31559d9{0%{transform:translateY(0)}to{transform:translateY(100vh)}}",d={"sr-only":"readyclasses_module_srOnly__c31559d9",hidden:"readyclasses_module_hidden__c31559d9","slide-in":"readyclasses_module_slideIn__c31559d9","slide-out":"readyclasses_module_slideOut__c31559d9"};e(s,{});export{s as css,d as default};
+//# sourceMappingURL=readyclasses.module.esm.js.map

package/dist/esm/src/readyclasses.module.esm.js.map

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

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

@@ -0,0 +1,2 @@
+const e=(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"],n="";for(let o=0;o<e&&n.length<e;o++){n=n+("string"!=typeof t||void 0===(null==t?void 0:t[o])||/\s/.test(t[o])?"":t[o])+r[Math.floor(Math.random()*r.length)]}return n.slice(0,e)},t=(e,t,r=!0)=>r?Object.keys(e).reduce(((r,n)=>(t.test(n)&&(r[n]=e[n]),r)),{}):Object.entries(e).filter((([e])=>!t.test(e))).reduce(((e,t)=>({...e,[t[0]]:t[1]})),{}),r=(e,t)=>{let r;return function(...n){clearTimeout(r),r=setTimeout((()=>{clearTimeout(r),e(...n)}),t)}},n=(e,t)=>{let r=0;return function(){let n=Date.now();n-r>=t&&(e(),r=n)}};export{r as debounce,t as filterProps,e as generateID,n as throttle};
+//# sourceMappingURL=helper.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/util/helper.d.ts

@@ -0,0 +1,12 @@
+export declare const generateID: (length?: number, stringToWeaveIn?: string) => 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;
+export declare const getValueByPath: (obj: {
+    [key: string]: any;
+}, path: string) => any;
+/** Source: https://stackoverflow.com/a/42769683/5084110 */
+export declare const remToPx: (rem: number) => number;
+export declare const isJsonString: (str: any) => boolean;

package/dist/esm/util/helper.test.d.ts

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

package/package.json

@@ -1,16 +1,25 @@
 {
   "homepage": "http://onewelcome.github.io/react-lib-components",
   "name": "@onewelcome/react-lib-components",
-  "version": "2.0.0-alpha",
+  "version": "2.0.0-alpha.2",
   "license": "Apache-2.0",
   "author": "OneWelcome B.V.",
-  "main": "dist/index.js",
-  "module": "dist/react-lib-components.esm.js",
-  "typings": "dist/index.d.ts",
+  "main": "dist/cjs/src/index.cjs.js",
+  "module": "dist/esm/src/index.esm.js",
+  "typings": "dist/cjs/index.d.ts",
   "files": [
     "dist",
     "src"
   ],
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -20,21 +29,18 @@
   },
   "scripts": {
     "analyze": "size-limit --why",
-    "build": "dts build",
-    "build-storybook": "build-storybook",
+    "build": "rm -rf dist && rollup -c",
+    "build-storybook": "storybook build",
     "chromatic": "chromatic --exit-zero-on-changes",
     "dev": "npm-run-all -p start test:watch storybook",
     "lint": "eslint '**/*.{ts,tsx}'",
-    "prepare": "husky install && dts build",
+    "prepare": "husky install && rollup -c",
     "size": "size-limit",
-    "start": "dts watch",
+    "start": "rollup -c -w",
+    "test": "jest",
+    "test:watch": "npm test -- --watch",
     "prettier": "prettier --write --ignore-path .gitignore \"**/*.+(ts|tsx|scss|mdx)\"",
-    "storybook": "start-storybook -p 6006",
-    "test": "dts test --passWithNoTests",
-    "test:watch": "dts test --passWithNoTests --watch"
-  },
-  "jest": {
-    "testEnvironment": "jsdom"
+    "storybook": "storybook dev -p 6006"
   },
   "peerDependencies": {
     "react": ">=16"
@@ -42,73 +48,79 @@
   "engines": {
     "node": ">=16"
   },
-  "size-limit": [
-    {
-      "path": "dist/react-lib-components.cjs.production.min.js",
-      "limit": "10 KB"
-    },
-    {
-      "path": "dist/react-lib-components.esm.js",
-      "limit": "10 KB"
-    }
-  ],
   "devDependencies": {
-    "@babel/core": "^7.21.4",
-    "@mdx-js/react": "^1.6.22",
+    "@babel/core": "^7.21.8",
+    "@babel/preset-env": "^7.21.5",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.5",
+    "@mdx-js/react": "^2.3.0",
     "@onewelcome/eslint-config-shared-codestyle": "^9.0.3",
+    "@rollup/plugin-commonjs": "^25.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.2",
     "@size-limit/preset-small-lib": "^8.2.4",
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-docs": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/addons": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.5.16",
-    "@storybook/theming": "^6.5.16",
-    "@testing-library/dom": "^9.2.0",
+    "@storybook/addon-a11y": "^7.0.12",
+    "@storybook/addon-actions": "^7.0.12",
+    "@storybook/addon-docs": "^7.0.12",
+    "@storybook/addon-essentials": "^7.0.12",
+    "@storybook/addon-interactions": "^7.0.12",
+    "@storybook/addon-links": "^7.0.12",
+    "@storybook/blocks": "^7.0.12",
+    "@storybook/react": "^7.0.12",
+    "@storybook/react-webpack5": "^7.0.12",
+    "@storybook/theming": "^7.0.12",
+    "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^13.5.0",
-    "@tsconfig/create-react-app": "^1.0.3",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.4.3",
     "@tsconfig/recommended": "^1.0.2",
     "@types/color-convert": "^2.0.0",
-    "@types/mdx": "^2.0.4",
-    "@types/react": "^17.0.52",
-    "@types/react-dom": "^17.0.18",
+    "@types/jest": "^29.5.1",
+    "@types/mdx": "^2.0.5",
+    "@types/react": "^18.2.6",
+    "@types/react-dom": "^18.2.4",
     "@types/react-router": "^5.1.20",
     "@types/react-router-dom": "^5.3.3",
-    "@typescript-eslint/eslint-plugin": "^5.59.1",
-    "@typescript-eslint/parser": "^5.59.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.6",
+    "@typescript-eslint/parser": "^5.59.6",
     "babel-loader": "^9.1.2",
-    "chromatic": "^6.17.3",
-    "dts-cli": "^1.6.3",
-    "eslint": "^8.39.0",
+    "chromatic": "^6.17.4",
+    "css-loader": "^6.7.4",
+    "eslint": "^8.41.0",
     "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-cypress": "^2.13.2",
+    "eslint-plugin-cypress": "^2.13.3",
     "eslint-plugin-jest": "^27.2.1",
     "eslint-plugin-license-header": "^0.6.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "html-webpack-plugin": "^5.5.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.6.12",
     "husky": "^8.0.3",
     "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
     "jest-junit": "^16.0.0",
-    "lint-staged": "^13.2.1",
+    "jest-sonar-reporter": "^2.0.0",
+    "lint-staged": "^13.2.2",
+    "mini-css-extract-plugin": "^2.7.6",
     "npm-run-all": "^4.1.5",
+    "postcss-url": "^10.1.3",
     "prettier": "^2.8.8",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "react-router": "^6.10.0",
-    "react-router-dom": "^6.10.0",
-    "rollup-plugin-cleanup": "^3.2.1",
+    "react-router": "^6.11.2",
+    "react-router-dom": "^6.11.2",
+    "remark-gfm": "^3.0.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-styles": "^4.0.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.34.1",
     "sass": "^1.62.1",
+    "sass-loader": "^13.2.2",
     "size-limit": "^8.2.4",
-    "style-loader": "^3.3.2",
-    "tslib": "^2.5.0",
-    "typescript": "^4.9.5"
+    "storybook": "^7.0.12",
+    "style-loader": "^3.3.3",
+    "ts-jest": "^29.1.0",
+    "typescript": "^5.0.4"
   }
 }

package/src/components/Breadcrumbs/Breadcrumbs.module.scss

@@ -0,0 +1,30 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
+.breadcrumbs {
+  .last {
+    color: var(--color-primary);
+    margin: 0;
+  }
+
+  .icon {
+    color: var(--color-primary);
+    font-size: 0.75rem;
+    line-height: var(--default-line-height);
+    margin-left: 0.375rem;
+    margin-right: 0.375rem;
+  }
+}

package/src/components/Button/BaseButton.module.scss

@@ -0,0 +1,45 @@
+/*!
+ * Copyright 2022 OneWelcome B.V.
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
+@use "../../mixins.module.scss";
+
+.button {
+  @include mixins.buttonBase();
+  position: relative;
+
+  .content-hidden {
+    visibility: hidden;
+    display: flex;
+  }
+}
+
+.spinner {
+  position: absolute;
+  top: calc(50% - 0.75rem);
+  left: calc(50% - 0.75rem);
+  transform: translate(-50%, -50%);
+  animation: spin 1s infinite linear;
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+}