@onewelcome/react-lib-components 6.5.0 → 6.7.0

package/dist/cjs/src/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.test.d.ts

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

package/dist/cjs/src/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Props as StepperProps } from "../../../../Stepper/Stepper";
+import { Props as StepProps } from "../../../../Stepper/Step";
+export interface FormStepProps extends StepProps {
+    targetScrollViewId?: string;
+}
+export interface Props extends StepperProps {
+    steps: FormStepProps[];
+}
+export declare const FormStepper: ({ steps, direction, textPosition, ...rest }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.test.d.ts

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

package/dist/cjs/src/components/Layout/FormPage/FormWithStepper/FormWithStepper.d.ts

@@ -0,0 +1,6 @@
+import React, { HTMLAttributes, ReactElement } from "react";
+import { Props as FormStepperProps, FormStepper } from "./FormStepper/FormStepper";
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    stepper?: ReactElement<FormStepperProps, typeof FormStepper>;
+}
+export declare const FormWithStepper: ({ children, stepper, ...rest }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Layout/FormPage/FormWithStepper/FormWithStepper.test.d.ts

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

package/dist/cjs/src/components/Notifications/Alert/AlertContainer/AlertContainer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface Placement {
+    vertical: "top" | "bottom";
+    horizontal: "start" | "center" | "end";
+}
+export interface Props {
+    placement: Placement;
+    children?: React.ReactNode;
+    zIndex?: number;
+    className?: string;
+}
+export declare const AlertContainer: ({ placement, children, zIndex, className, ...rest }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Notifications/Alert/AlertContainer/AlertContainer.test.d.ts

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

package/dist/cjs/src/components/Notifications/Alert/AlertContainer/useAlertContainerHeightAnimation.d.ts

@@ -0,0 +1,4 @@
+export declare function useAlertContainerHeightAnimation(): {
+    height: number;
+    justifyContent: "flex-end" | "flex-start";
+};

package/dist/cjs/src/components/Notifications/Alert/AlertItem/AlertItem.d.ts

@@ -0,0 +1,22 @@
+import React, { ButtonHTMLAttributes } from "react";
+export declare const EMPHASES: readonly ["low", "medium", "high"];
+export type Emphasis = (typeof EMPHASES)[keyof typeof EMPHASES];
+export declare const VARIANTS: readonly ["neutral", "informative", "success", "warning", "error"];
+export type Variant = (typeof VARIANTS)[keyof typeof VARIANTS];
+export type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+})[];
+export interface Props {
+    id: string;
+    title?: string;
+    content?: string;
+    duration?: number;
+    emphasis?: Emphasis;
+    variant?: Variant;
+    className?: string;
+    onClose?: () => void;
+    closeButtonTitle?: string;
+    actions?: Actions;
+    wasShown?: boolean;
+}
+export declare const AlertItem: ({ id, title, duration, variant, emphasis, content, className, actions, onClose, closeButtonTitle, wasShown }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Notifications/Alert/AlertItem/AlertItem.test.d.ts

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

package/dist/cjs/src/components/Notifications/Alert/AlertProvider/AlertContext.d.ts

@@ -0,0 +1,13 @@
+import { AlertEntry } from "./AlertProvider";
+export type AlertQueue = Omit<AlertEntry, "id">;
+export interface AlertContextValue {
+    enqueueAlert: (entry: AlertQueue) => void;
+    enqueueInfoAlert: (entry: AlertQueue) => void;
+    enqueueSuccessAlert: (entry: AlertQueue) => void;
+    enqueueWarningAlert: (entry: AlertQueue) => void;
+    enqueueErrorAlert: (entry: AlertQueue) => void;
+    setAlertHeight: (id: string, height: number) => void;
+    alerts: AlertEntry[];
+}
+declare const AlertContext: import("react").Context<AlertContextValue>;
+export default AlertContext;

package/dist/cjs/src/components/Notifications/Alert/AlertProvider/AlertProvider.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from "react";
+import { Placement } from "../AlertContainer/AlertContainer";
+import { Props as AlertComponentProps } from "../AlertItem/AlertItem";
+/** Short msg is when only title is provided. Long one when content or/and actions are provided (or type is error). */
+interface Duration {
+    long: number;
+    short: number;
+}
+export interface Props {
+    closeButtonTitle: string;
+    children?: ReactNode;
+    placement?: Placement;
+    stackSize?: number;
+    domRoot?: HTMLElement;
+    autoHideDuration?: Duration;
+    className?: string;
+}
+export type AlertEntry = AlertComponentProps & {
+    height?: number;
+};
+export declare const AlertProvider: ({ closeButtonTitle, placement, autoHideDuration, stackSize, domRoot, children, className }: Props) => React.JSX.Element;
+export {};

package/dist/cjs/src/components/Notifications/Alert/AlertProvider/AlertProvider.test.d.ts

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

package/dist/cjs/src/components/Notifications/Alert/useAlert.d.ts

@@ -0,0 +1,7 @@
+export declare const useAlert: () => {
+    enqueueAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+    enqueueInfoAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+    enqueueSuccessAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+    enqueueWarningAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+    enqueueErrorAlert: (entry: import("./AlertProvider/AlertContext").AlertQueue) => void;
+};

package/dist/cjs/src/components/Notifications/Alert/useAlert.test.d.ts

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

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.d.ts

@@ -1,12 +1,21 @@
 import React from "react";
+/**
+ * @deprecated
+ */
 export interface Placement {
     vertical: "top" | "bottom";
     horizontal: "start" | "center" | "end";
 }
+/**
+ * @deprecated
+ */
 export interface Props {
     placement: Placement;
     children?: React.ReactNode;
     zIndex?: number;
     className?: string;
 }
+/**
+ * @deprecated
+ */
 export declare const SnackbarContainer: ({ placement, children, zIndex, className, ...rest }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarItem/SnackbarItem.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
 import { Variant, Actions } from "../interfaces";
+/**
+ * @deprecated
+ */
 export interface Props {
     id: string;
     title?: string;
@@ -11,4 +14,7 @@ export interface Props {
     content?: string;
     actions?: Actions;
 }
+/**
+ * @deprecated
+ */
 export declare const SnackbarItem: ({ id, title, duration, variant, content, className, actions, onClose, closeButtonTitle }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.d.ts

@@ -6,6 +6,9 @@ interface Duration {
     long: number;
     short: number;
 }
+/**
+ * @deprecated
+ */
 export interface Props {
     closeButtonTitle: string;
     children?: ReactNode;
@@ -15,6 +18,9 @@ export interface Props {
     autoHideDuration?: Duration;
     className?: string;
 }
+/**
+ * @deprecated
+ */
 export interface Item {
     id: string;
     title?: string;
@@ -26,5 +32,8 @@ export interface Item {
     actions?: Actions;
     onClose?: () => void;
 }
+/**
+ * @deprecated
+ */
 export declare const SnackbarProvider: ({ closeButtonTitle, placement, autoHideDuration, stackSize, domRoot, children, className }?: Props) => React.JSX.Element;
 export {};

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import { DeprecatedEnqueueSnackbarType } from "../interfaces";
 import { Item } from "./SnackbarProvider";
+/**
+ * @deprecated
+ */
 interface SnackbarContextProps {
     enqueueSnackbar: DeprecatedEnqueueSnackbarType;
     enqueueSuccessSnackbar: DeprecatedEnqueueSnackbarType;
@@ -9,10 +12,16 @@ interface SnackbarContextProps {
     setSnackbarHeight: (id: string, height: number) => void;
     snackbars: Item[];
 }
+/**
+ * @deprecated
+ */
 declare const SnackbarContext: React.Context<SnackbarContextProps>;
 interface Props {
     initialState: SnackbarContextProps;
     children?: React.ReactNode;
 }
+/**
+ * @deprecated
+ */
 declare const SnackbarContextProvider: ({ children, initialState }: Props) => React.JSX.Element;
 export { SnackbarContextProvider, SnackbarContext, SnackbarContextProps };

package/dist/cjs/src/components/Notifications/Snackbar/interfaces.d.ts

@@ -1,8 +1,17 @@
 import { ButtonHTMLAttributes } from "react";
+/**
+ * @deprecated
+ */
 export type Variant = "info" | "success" | "error" | "warning";
+/**
+ * @deprecated
+ */
 export type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & {
     label: string;
 })[];
+/**
+ * @deprecated
+ */
 export interface SnackbarOptionsProps {
     actions?: Actions;
     className?: string;
@@ -10,9 +19,18 @@ export interface SnackbarOptionsProps {
     duration?: number;
     onClose?: () => void;
 }
+/**
+ * @deprecated
+ */
 export interface EnqueueSnackbarProps extends SnackbarOptionsProps {
     title?: string;
     content?: string;
 }
+/**
+ * @deprecated
+ */
 export type DeprecatedEnqueueSnackbarType = (propsOrTitle: EnqueueSnackbarProps | string | undefined, content?: string, options?: SnackbarOptionsProps) => void;
+/**
+ * @deprecated
+ */
 export declare function isNewEnqueueSnackbarInterface(args: unknown): args is EnqueueSnackbarProps;

package/dist/cjs/src/components/Notifications/Snackbar/useSnackbar.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated
+ */
 export declare const useSnackbar: () => {
     enqueueWarningSnackbar: import("./interfaces").DeprecatedEnqueueSnackbarType;
     enqueueErrorSnackbar: import("./interfaces").DeprecatedEnqueueSnackbarType;

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

@@ -15,6 +15,7 @@ interface CSSProperties {
     colorPrimary600?: string;
     colorPrimary700?: string;
     colorPrimary900?: string;
+    colorPrimaryLight?: string;
     colorBlueGrey100?: string;
     colorBlueGrey200?: string;
     colorBlueGrey300?: string;
@@ -34,9 +35,11 @@ interface CSSProperties {
     colorLightBlue500?: string;
     colorLightBlue600?: string;
     colorShadowBlue?: string;
+    colorOrange100?: string;
     colorOrange500?: string;
     colorOrange600?: string;
     colorOrange700?: string;
+    colorRed100?: string;
     colorRed200?: string;
     colorRed500?: string;
     colorRed600?: string;
@@ -48,6 +51,7 @@ interface CSSProperties {
     defaultPressedColor?: string;
     defaultHoverColor?: string;
     defaultLineHeight?: string;
+    dataGridLineHeight?: string;
     focusBorderRadius?: string;
     buttonBorderRadius?: string;
     buttonBorderWidth?: string;
@@ -101,12 +105,44 @@ interface CSSProperties {
     modalBackdropColor?: string;
     skeletonBackgroundColor?: string;
     skeletonAnimationColorRgb?: string;
+    /**
+     * @deprecated
+     */
     snackbarTextColor?: string;
+    /**
+     * @deprecated
+     */
     snackbarInfoBackgroundColor?: string;
+    /**
+     * @deprecated
+     */
     snackbarSuccessBackgroundColor?: string;
+    /**
+     * @deprecated
+     */
     snackbarErrorBackgroundColor?: string;
+    /**
+     * @deprecated
+     */
     snackbarWarningBackgroundColor?: string;
+    /**
+     * @deprecated
+     */
     snackbarBorderRadius?: string;
+    alertTextColor?: string;
+    alertTextInvertedColor?: string;
+    alertNeutralBackgroundColor?: string;
+    alertInfoBackgroundColor?: string;
+    alertSuccessBackgroundColor?: string;
+    alertErrorBackgroundColor?: string;
+    alertWarningBackgroundColor?: string;
+    alertNeutralInvertedColor?: string;
+    alertInfoInvertedColor?: string;
+    alertSuccessInvertedColor?: string;
+    alertErrorInvertedColor?: string;
+    alertWarningInvertedColor?: string;
+    alertBorderWidth?: string;
+    alertBorderRadius?: string;
     stepperWaitingColor?: string;
     stepperWaitingHoverColor?: string;
     stepperWaitingActiveColor?: string;
@@ -174,6 +210,10 @@ interface CSSProperties {
     fontSizeSub?: string;
     fontSizeCode?: string;
     formControlFontSize?: string;
+    fileUploadBorderWidth?: string;
+    dragDropBorderStyle?: string;
+    defaultZIndex1?: string;
+    fontSizeDataGrid?: string;
 }
 export interface Props extends HTMLAttributes<HTMLDivElement> {
     children?: ReactElement[] | ReactElement | string[] | string | number[] | number;

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

@@ -0,0 +1,8 @@
+import React, { ReactElement } from "react";
+export interface Props {
+    header?: ReactElement | ReactElement[];
+    children: ReactElement | ReactElement[];
+    contentMargins?: boolean;
+    contentMaxWidth?: boolean;
+}
+export declare const MicrofrontendContainer: ({ header, children, contentMargins, contentMaxWidth, ...rest }: Props) => React.JSX.Element;

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../_BaseStyling_/BaseStyling.cjs.js");var r=require("../Button/Button.cjs.js");var a=require("../Breadcrumbs/Breadcrumbs.cjs.js");var s=require("../ContextMenu/ContextMenu.cjs.js");var o=require("../ContextMenu/ContextMenuItem.cjs.js");var t=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var c=require("../Tabs/Tab.cjs.js");var n=require("../Tabs/Tabs.cjs.js");var l=require("../Tag/Tag.cjs.js");var u=require("../TextEllipsis/TextEllipsis.cjs.js");var j=require("../Tiles/Tile.cjs.js");var d=require("../Tiles/Tiles.cjs.js");var x=require("../Tooltip/Tooltip.cjs.js");var v=require("../Typography/Typography.cjs.js");var q=require("../ProgressBar/ProgressBar.cjs.js");var S=require("../Skeleton/Skeleton.cjs.js");var W=require("../StatusIndicator/StatusIndicator.cjs.js");var M=require("../Stepper/Stepper.cjs.js");var T=require("../Pagination/Pagination.cjs.js");var m=require("./hooks/useRepeater.cjs.js");var B=require("./hooks/usePosition.cjs.js");var F=require("./hooks/useDebouncedCallback.cjs.js");var b=require("./util/helper.cjs.js");var g=require("../Notifications/BaseModal/BaseModal.cjs.js");var C=require("../Notifications/Snackbar/useSnackbar.cjs.js");var k=require("../Notifications/Dialog/Dialog.cjs.js");var I=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var D=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var h=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var f=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var P=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var z=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var G=require("../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js");var N=require("../Form/Checkbox/Checkbox.cjs.js");var y=require("../Form/Fieldset/Fieldset.cjs.js");var R=require("../Form/Form.cjs.js");var A=require("../Form/FormControl/FormControl.cjs.js");var H=require("../Form/FormGroup/FormGroup.cjs.js");var L=require("../Form/FormHelperText/FormHelperText.cjs.js");var O=require("../Form/Input/Input.cjs.js");var E=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var U=require("../Form/Label/Label.cjs.js");var _=require("../Form/Radio/Radio.cjs.js");var w=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var J=require("../Form/Select/SingleSelect/Select.cjs.js");var K=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var Q=require("../Form/Select/SingleSelect/Option.cjs.js");var V=require("../Form/Select/MultiSelect/MultiOption.cjs.js");var X=require("../Form/Textarea/Textarea.cjs.js");var Y=require("../Form/Toggle/Toggle.cjs.js");var Z=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var $=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var ee=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var re=require("../Form/FileUpload/FileUpload.cjs.js");var ae=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js");var se=require("../Wizard/Wizard.cjs.js");var oe=require("../Wizard/WizardActions/WizardActions.cjs.js");var te=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var ie=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var pe=require("../DataGrid/DataGrid.cjs.js");var ce=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var ne=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var le=require("../Notifications/Banner/Banner.cjs.js");exports.BaseStyling=e.BaseStyling;exports.Button=r.Button;exports.Breadcrumbs=a.Breadcrumbs;exports.ContextMenu=s.ContextMenu;exports.ContextMenuItem=o.ContextMenuItem;exports.Link=t.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=c.Tab;exports.Tabs=n.Tabs;exports.Tag=l.Tag;exports.TextEllipsis=u.TextEllipsis;exports.Tile=j.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=q.ProgressBar;exports.Skeleton=S.Skeleton;exports.StatusIndicator=W.StatusIndicator;exports.Stepper=M.Stepper;exports.Pagination=T.Pagination;exports.useRepeater=m.useRepeater;exports.usePosition=B.usePosition;exports.useDebouncedCallback=F.useDebouncedCallback;exports.debounce=b.debounce;exports.generateID=b.generateID;exports.throttle=b.throttle;exports.Modal=g.BaseModal;exports.useSnackbar=C.useSnackbar;exports.Dialog=k.Dialog;exports.DiscardChangesModal=I.DiscardChangesModal;exports.ModalActions=D.BaseModalActions;exports.ModalContent=h.BaseModalContent;exports.ModalHeader=f.BaseModalHeader;exports.NotificationProvider=P.NotificationProvider;exports.useNotificationContext=P.useNotificationContext;exports.SlideInModal=z.SlideInModal;exports.SnackbarProvider=G.SnackbarProvider;exports.Checkbox=N.Checkbox;exports.Fieldset=y.Fieldset;exports.Form=R.Form;exports.FormControl=A.FormControl;exports.FormGroup=H.FormGroup;exports.FormHelperText=L.FormHelperText;exports.Input=O.Input;exports.InputWrapper=E.InputWrapper;exports.Label=U.Label;exports.Radio=_.Radio;exports.RadioWrapper=w.RadioWrapper;exports.Select=J.Select;exports.MultiSelect=K.MultiSelect;exports.Option=Q.Option;exports.MultiOption=V.MultiOption;exports.Textarea=X.Textarea;exports.Toggle=Y.Toggle;exports.CheckboxWrapper=Z.CheckboxWrapper;exports.TextareaWrapper=$.TextareaWrapper;exports.SelectWrapper=ee.SelectWrapper;exports.FileUpload=re.FileUpload;exports.MultiSelectWrapper=ae.MultiSelectWrapper;exports.Wizard=se.Wizard;exports.WizardActions=oe.WizardActions;exports.WizardSteps=te.WizardSteps;exports.BaseWizardSteps=ie.BaseWizardSteps;exports.DataGrid=pe.DataGrid;exports.DataGridRow=ce.DataGridRow;exports.DataGridCell=ne.DataGridCell;exports.Banner=le.Banner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var e=require("../_BaseStyling_/BaseStyling.cjs.js");var r=require("../Button/Button.cjs.js");var t=require("../Breadcrumbs/Breadcrumbs.cjs.js");var o=require("../ContextMenu/ContextMenu.cjs.js");var a=require("../ContextMenu/ContextMenuItem.cjs.js");var s=require("../Link/Link.cjs.js");var i=require("../Icon/Icon.cjs.js");var p=require("../Button/IconButton.cjs.js");var c=require("../Tabs/Tab.cjs.js");var n=require("../Tabs/Tabs.cjs.js");var l=require("../Tag/Tag.cjs.js");var u=require("../TextEllipsis/TextEllipsis.cjs.js");var j=require("../Tiles/Tile.cjs.js");var d=require("../Tiles/Tiles.cjs.js");var x=require("../Tooltip/Tooltip.cjs.js");var v=require("../Typography/Typography.cjs.js");var S=require("../ProgressBar/ProgressBar.cjs.js");var q=require("../Skeleton/Skeleton.cjs.js");var m=require("../StatusIndicator/StatusIndicator.cjs.js");var F=require("../Stepper/Stepper.cjs.js");var W=require("../Pagination/Pagination.cjs.js");var M=require("./hooks/useRepeater.cjs.js");var T=require("./hooks/usePosition.cjs.js");var B=require("./hooks/useDebouncedCallback.cjs.js");var b=require("./util/helper.cjs.js");var g=require("../Notifications/BaseModal/BaseModal.cjs.js");var C=require("../Notifications/Snackbar/useSnackbar.cjs.js");var I=require("../Notifications/Alert/useAlert.cjs.js");var k=require("../Notifications/Alert/AlertProvider/AlertProvider.cjs.js");var h=require("../Notifications/Alert/AlertItem/AlertItem.cjs.js");var D=require("../Notifications/Dialog/Dialog.cjs.js");var P=require("../Notifications/DiscardChangesModal/DiscardChangesModal.cjs.js");var f=require("../Notifications/BaseModal/BaseModalActions/BaseModalActions.cjs.js");var A=require("../Notifications/BaseModal/BaseModalContent/BaseModalContent.cjs.js");var y=require("../Notifications/BaseModal/BaseModalHeader/BaseModalHeader.cjs.js");var N=require("../Notifications/NotificationProvider/NotificationContext.cjs.js");var z=require("../Notifications/SlideInModal/SlideInModal.cjs.js");var G=require("../Notifications/Snackbar/SnackbarProvider/SnackbarProvider.cjs.js");var R=require("../Form/Checkbox/Checkbox.cjs.js");var H=require("../Form/Fieldset/Fieldset.cjs.js");var L=require("../Form/Form.cjs.js");var O=require("../Form/FormControl/FormControl.cjs.js");var E=require("../Form/FormGroup/FormGroup.cjs.js");var U=require("../Form/FormHelperText/FormHelperText.cjs.js");var _=require("../Form/Input/Input.cjs.js");var w=require("../Form/Wrapper/InputWrapper/InputWrapper.cjs.js");var J=require("../Form/Label/Label.cjs.js");var K=require("../Form/Radio/Radio.cjs.js");var Q=require("../Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js");var V=require("../Form/Select/SingleSelect/Select.cjs.js");var X=require("../Form/Select/MultiSelect/MultiSelect.cjs.js");var Y=require("../Form/Select/SingleSelect/Option.cjs.js");var Z=require("../Form/Select/MultiSelect/MultiOption.cjs.js");var $=require("../Form/Textarea/Textarea.cjs.js");var ee=require("../Form/Toggle/Toggle.cjs.js");var re=require("../Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js");var te=require("../Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js");var oe=require("../Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js");var ae=require("../Form/FileUpload/FileUpload.cjs.js");var se=require("../Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js");var ie=require("../Layout/ContentHeader/ContentHeader.cjs.js");var pe=require("../Layout/FormPage/FormWithStepper/FormStepper/FormStepper.cjs.js");var ce=require("../Layout/FormPage/FormWithStepper/FormSection/FormSection.cjs.js");var ne=require("../Layout/FormPage/FormWithStepper/FormWithStepper.cjs.js");var le=require("../Wizard/Wizard.cjs.js");var ue=require("../Wizard/WizardActions/WizardActions.cjs.js");var je=require("../Wizard/WizardSteps/WizardSteps.cjs.js");var de=require("../Wizard/BaseWizardSteps/BaseWizardSteps.cjs.js");var xe=require("../DataGrid/DataGrid.cjs.js");var ve=require("../DataGrid/DataGridBody/DataGridRow.cjs.js");var Se=require("../DataGrid/DataGridBody/DataGridCell.cjs.js");var qe=require("../Notifications/Banner/Banner.cjs.js");exports.BaseStyling=e.BaseStyling;exports.Button=r.Button;exports.Breadcrumbs=t.Breadcrumbs;exports.ContextMenu=o.ContextMenu;exports.ContextMenuItem=a.ContextMenuItem;exports.Link=s.Link;exports.Icon=i.Icon;Object.defineProperty(exports,"Icons",{enumerable:true,get:function(){return i.Icons}});exports.IconButton=p.IconButton;exports.Tab=c.Tab;exports.Tabs=n.Tabs;exports.Tag=l.Tag;exports.TextEllipsis=u.TextEllipsis;exports.Tile=j.Tile;exports.Tiles=d.Tiles;exports.Tooltip=x.Tooltip;exports.Typography=v.Typography;exports.ProgressBar=S.ProgressBar;exports.Skeleton=q.Skeleton;exports.StatusIndicator=m.StatusIndicator;exports.Stepper=F.Stepper;exports.Pagination=W.Pagination;exports.useRepeater=M.useRepeater;exports.usePosition=T.usePosition;exports.useDebouncedCallback=B.useDebouncedCallback;exports.debounce=b.debounce;exports.generateID=b.generateID;exports.throttle=b.throttle;exports.Modal=g.BaseModal;exports.useSnackbar=C.useSnackbar;exports.useAlert=I.useAlert;exports.AlertProvider=k.AlertProvider;exports.AlertItem=h.AlertItem;exports.Dialog=D.Dialog;exports.DiscardChangesModal=P.DiscardChangesModal;exports.ModalActions=f.BaseModalActions;exports.ModalContent=A.BaseModalContent;exports.ModalHeader=y.BaseModalHeader;exports.NotificationProvider=N.NotificationProvider;exports.useNotificationContext=N.useNotificationContext;exports.SlideInModal=z.SlideInModal;exports.SnackbarProvider=G.SnackbarProvider;exports.Checkbox=R.Checkbox;exports.Fieldset=H.Fieldset;exports.Form=L.Form;exports.FormControl=O.FormControl;exports.FormGroup=E.FormGroup;exports.FormHelperText=U.FormHelperText;exports.Input=_.Input;exports.InputWrapper=w.InputWrapper;exports.Label=J.Label;exports.Radio=K.Radio;exports.RadioWrapper=Q.RadioWrapper;exports.Select=V.Select;exports.MultiSelect=X.MultiSelect;exports.Option=Y.Option;exports.MultiOption=Z.MultiOption;exports.Textarea=$.Textarea;exports.Toggle=ee.Toggle;exports.CheckboxWrapper=re.CheckboxWrapper;exports.TextareaWrapper=te.TextareaWrapper;exports.SelectWrapper=oe.SelectWrapper;exports.FileUpload=ae.FileUpload;exports.MultiSelectWrapper=se.MultiSelectWrapper;exports.ContentHeader=ie.ContentHeader;exports.FormStepper=pe.FormStepper;exports.FormSection=ce.FormSection;exports.FormWithStepper=ne.FormWithStepper;exports.Wizard=le.Wizard;exports.WizardActions=ue.WizardActions;exports.WizardSteps=je.WizardSteps;exports.BaseWizardSteps=de.BaseWizardSteps;exports.DataGrid=xe.DataGrid;exports.DataGridRow=ve.DataGridRow;exports.DataGridCell=Se.DataGridCell;exports.Banner=qe.Banner;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -46,7 +46,14 @@ 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";
+/**
+ * @deprecated
+ */
 export { useSnackbar } from "./components/Notifications/Snackbar/useSnackbar";
+export { useAlert } from "./components/Notifications/Alert/useAlert";
+export { AlertProvider } from "./components/Notifications/Alert/AlertProvider/AlertProvider";
+export { AlertItem, Props as AlertItemProps } from "./components/Notifications/Alert/AlertItem/AlertItem";
+export type { Props as AlertProviderProps } from "./components/Notifications/Alert/AlertProvider/AlertProvider";
 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";
@@ -108,6 +115,14 @@ export { FileUpload } from "./components/Form/FileUpload/FileUpload";
 export type { Props as FileUploadProps } from "./components/Form/FileUpload/FileUpload";
 export { MultiSelectWrapper } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
 export type { Props as MultiSelectWrapperProps } from "./components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper";
+export { ContentHeader } from "./components/Layout/ContentHeader/ContentHeader";
+export type { Props as ContentHeaderProps } from "./components/Layout/ContentHeader/ContentHeader";
+export { FormStepper } from "./components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper";
+export type { Props as FormStepperProps, FormStepProps } from "./components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper";
+export { FormSection } from "./components/Layout/FormPage/FormWithStepper/FormSection/FormSection";
+export type { Props as FormSectionProps } from "./components/Layout/FormPage/FormWithStepper/FormSection/FormSection";
+export { FormWithStepper } from "./components/Layout/FormPage/FormWithStepper/FormWithStepper";
+export type { Props as FormWithStepperProps } from "./components/Layout/FormPage/FormWithStepper/FormWithStepper";
 /** Wizard */
 export { Wizard } from "./components/Wizard/Wizard";
 export type { Props as WizardProps } from "./components/Wizard/Wizard";

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});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"];let o="";for(let n=0;n<e&&o.length<e;n++){let e=typeof t==="string"&&(t===null||t===void 0?void 0:t[n])!==void 0&&!/\s/.test(t[n])?t[n]:"";o=o+e+r[Math.floor(Math.random()*r.length)]}return o.slice(0,e)};const t=(e,t,r=true)=>{if(r)return Object.keys(e).reduce(((r,o)=>{if(t.test(o))r[o]=e[o];return r}),{});else return Object.entries(e).filter((([e])=>!t.test(e))).reduce(((e,t)=>({...e,[t[0]]:t[1]})),{})};const r=(e,t)=>{let r;return function o(...n){const l=()=>{clearTimeout(r);e(...n)};clearTimeout(r);r=setTimeout(l,t)}};const o=(e,t)=>{let r=0;return function(){let o=Date.now();if(o-r>=t){e();r=o}}};const n=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize);const l=(e,t)=>{if(!t)return e;let r={...e};for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o))if(typeof t[o]==="object"&&t[o]!==null&&Object.prototype.hasOwnProperty.call(e,o)&&!Array.isArray(t[o]))r[o]=l(e[o],t[o]);else r[o]=t[o];return r};exports.debounce=r;exports.deepMerge=l;exports.filterProps=t;exports.generateID=e;exports.remToPx=n;exports.throttle=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});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"];let o="";for(let n=0;n<e&&o.length<e;n++){let e=typeof t==="string"&&(t===null||t===void 0?void 0:t[n])!==void 0&&!/\s/.test(t[n])?t[n]:"";o=o+e+r[Math.floor(Math.random()*r.length)]}return o.slice(0,e)};const t=(e,t,r=true)=>{if(r)return Object.keys(e).reduce(((r,o)=>{if(t.test(o))r[o]=e[o];return r}),{});else return Object.entries(e).filter((([e])=>!t.test(e))).reduce(((e,t)=>({...e,[t[0]]:t[1]})),{})};const r=(e,t)=>{let r;return function o(...n){const s=()=>{clearTimeout(r);e(...n)};clearTimeout(r);r=setTimeout(s,t)}};const o=(e,t)=>{let r=0;return function(){let o=Date.now();if(o-r>=t){e();r=o}}};const n=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize);const s=(e,t)=>{if(!t)return e;let r={...e};for(let o in t)if(Object.prototype.hasOwnProperty.call(t,o))if(typeof t[o]==="object"&&t[o]!==null&&Object.prototype.hasOwnProperty.call(e,o)&&!Array.isArray(t[o]))r[o]=s(e[o],t[o]);else r[o]=t[o];return r};const l=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");exports.debounce=r;exports.deepMerge=s;exports.escapeRegExp=l;exports.filterProps=t;exports.generateID=e;exports.remToPx=n;exports.throttle=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\nexport const getValueByPath = (obj: { [key: string]: any }, path: string): any => {\n  return path.split(\".\").reduce((res, prop) => {\n    return res[prop];\n  }, obj);\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"],"names":["generateID","length","stringToWeaveIn","hashCharacters","id","i","stringCharacter","undefined","test","Math","floor","random","slice","filterProps","props","regexPattern","returnFiltered","Object","keys","reduce","acc","key","entries","filter","prevObj","currKeyValPair","debounce","fn","delay","timeout","executedFunction","args","later","clearTimeout","setTimeout","throttle","lastTime","now","Date","remToPx","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","deepMerge","obj1","obj2","result","prototype","hasOwnProperty","call","Array","isArray"],"mappings":"sEAkBa,MAAAA,EAAa,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,KAGF,IAAIC,EAAK,GAGT,IAAK,IAAIC,EAAI,EAAGA,EAAIJ,GAAUG,EAAGH,OAASA,EAAQI,IAAK,CACrD,IAAIC,SACKJ,IAAoB,WAC3BA,UAAAA,SAAe,OAAA,EAAfA,EAAkBG,WAAOE,IACxB,KAAKC,KAAKN,EAAgBG,IACvBH,EAAgBG,GAChB,GACND,EAAKA,EAAKE,EAAkBH,EAAeM,KAAKC,MAAMD,KAAKE,SAAWR,EAAeF,QACtF,CAED,OAAOG,EAAGQ,MAAM,EAAGX,EAAO,EAGrB,MAAMY,EAAc,CAACC,EAAYC,EAAsBC,EAA0B,QACtF,GAAIA,EACF,OAAOC,OAAOC,KAAKJ,GAAOK,QAAO,CAACC,EAAmBC,KACnD,GAAIN,EAAaP,KAAKa,GACpBD,EAAIC,GAAOP,EAAMO,GAGnB,OAAOD,CAAG,GACT,CAAE,QAEL,OAAOH,OAAOK,QAAQR,GACnBS,QAAO,EAAEF,MAAUN,EAAaP,KAAKa,KACrCF,QACC,CAACK,EAASC,KAAc,IAAWD,EAAS,CAACC,EAAe,IAAKA,EAAe,MAChF,CAAE,EAEP,QAGUC,EAAW,CAACC,EAAqCC,KAC5D,IAAIC,EAEJ,OAAO,SAASC,KAAoBC,GAClC,MAAMC,EAAQ,KACZC,aAAaJ,GACbF,KAAMI,EAAK,EAGbE,aAAaJ,GAEbA,EAAUK,WAAWF,EAAOJ,EAC9B,CAAC,QAGUO,EAAW,CAACR,EAAqCC,KAC5D,IAAIQ,EAAW,EAEf,OAAO,WACL,IAAIC,EAAMC,KAAKD,MAEf,GAAIA,EAAMD,GAAYR,EAAO,CAC3BD,IACAS,EAAWC,CACZ,CACH,CAAC,EAqCU,MAAAE,EAAWC,GACfA,EAAMC,WAAWC,iBAAiBC,SAASC,iBAAiBC,gBAcxDC,EAAY,CAAeC,EAAkBC,KACxD,IAAKA,EAAM,OAAOD,EAElB,IAAIE,EAAqB,IAAKF,GAE9B,IAAK,IAAI1B,KAAO2B,EACd,GAAI/B,OAAOiC,UAAUC,eAAeC,KAAKJ,EAAM3B,GAC7C,UACS2B,EAAK3B,KAAS,UACrB2B,EAAK3B,KAAS,MACdJ,OAAOiC,UAAUC,eAAeC,KAAKL,EAAM1B,KAC1CgC,MAAMC,QAAQN,EAAK3B,IAEpB4B,EAAO5B,GAAOyB,EAAUC,EAAK1B,GAAM2B,EAAK3B,SAExC4B,EAAO5B,GAAO2B,EAAK3B,GAKzB,OAAO4B,CAAW"}
+{"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\nexport const getValueByPath = (obj: { [key: string]: any }, path: string): any => {\n  return path.split(\".\").reduce((res, prop) => {\n    return res[prop];\n  }, obj);\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":["generateID","length","stringToWeaveIn","hashCharacters","id","i","stringCharacter","undefined","test","Math","floor","random","slice","filterProps","props","regexPattern","returnFiltered","Object","keys","reduce","acc","key","entries","filter","prevObj","currKeyValPair","debounce","fn","delay","timeout","executedFunction","args","later","clearTimeout","setTimeout","throttle","lastTime","now","Date","remToPx","rem","parseFloat","getComputedStyle","document","documentElement","fontSize","deepMerge","obj1","obj2","result","prototype","hasOwnProperty","call","Array","isArray","escapeRegExp","str","replace"],"mappings":"sEAkBa,MAAAA,EAAa,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,KAGF,IAAIC,EAAK,GAGT,IAAK,IAAIC,EAAI,EAAGA,EAAIJ,GAAUG,EAAGH,OAASA,EAAQI,IAAK,CACrD,IAAIC,SACKJ,IAAoB,WAC3BA,UAAAA,SAAe,OAAA,EAAfA,EAAkBG,WAAOE,IACxB,KAAKC,KAAKN,EAAgBG,IACvBH,EAAgBG,GAChB,GACND,EAAKA,EAAKE,EAAkBH,EAAeM,KAAKC,MAAMD,KAAKE,SAAWR,EAAeF,QACtF,CAED,OAAOG,EAAGQ,MAAM,EAAGX,EAAO,EAGrB,MAAMY,EAAc,CAACC,EAAYC,EAAsBC,EAA0B,QACtF,GAAIA,EACF,OAAOC,OAAOC,KAAKJ,GAAOK,QAAO,CAACC,EAAmBC,KACnD,GAAIN,EAAaP,KAAKa,GACpBD,EAAIC,GAAOP,EAAMO,GAGnB,OAAOD,CAAG,GACT,CAAE,QAEL,OAAOH,OAAOK,QAAQR,GACnBS,QAAO,EAAEF,MAAUN,EAAaP,KAAKa,KACrCF,QACC,CAACK,EAASC,KAAc,IAAWD,EAAS,CAACC,EAAe,IAAKA,EAAe,MAChF,CAAE,EAEP,QAGUC,EAAW,CAACC,EAAqCC,KAC5D,IAAIC,EAEJ,OAAO,SAASC,KAAoBC,GAClC,MAAMC,EAAQ,KACZC,aAAaJ,GACbF,KAAMI,EAAK,EAGbE,aAAaJ,GAEbA,EAAUK,WAAWF,EAAOJ,EAC9B,CAAC,QAGUO,EAAW,CAACR,EAAqCC,KAC5D,IAAIQ,EAAW,EAEf,OAAO,WACL,IAAIC,EAAMC,KAAKD,MAEf,GAAIA,EAAMD,GAAYR,EAAO,CAC3BD,IACAS,EAAWC,CACZ,CACH,CAAC,EAqCU,MAAAE,EAAWC,GACfA,EAAMC,WAAWC,iBAAiBC,SAASC,iBAAiBC,gBAcxDC,EAAY,CAAeC,EAAkBC,KACxD,IAAKA,EAAM,OAAOD,EAElB,IAAIE,EAAqB,IAAKF,GAE9B,IAAK,IAAI1B,KAAO2B,EACd,GAAI/B,OAAOiC,UAAUC,eAAeC,KAAKJ,EAAM3B,GAC7C,UACS2B,EAAK3B,KAAS,UACrB2B,EAAK3B,KAAS,MACdJ,OAAOiC,UAAUC,eAAeC,KAAKL,EAAM1B,KAC1CgC,MAAMC,QAAQN,EAAK3B,IAEpB4B,EAAO5B,GAAOyB,EAAUC,EAAK1B,GAAM2B,EAAK3B,SAExC4B,EAAO5B,GAAO2B,EAAK3B,GAKzB,OAAO4B,CAAW,EAGP,MAAAM,EAAgBC,GAAgBA,EAAIC,QAAQ,sBAAuB"}

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

@@ -14,4 +14,5 @@ type ObjectType = {
     [key: string]: any;
 };
 export declare const deepMerge: <T extends {}>(obj1: ObjectType, obj2: ObjectType | false) => T;
+export declare const escapeRegExp: (str: string) => string;
 export {};

package/dist/esm/DataGrid/DataGrid.module.esm.js

@@ -1,2 +1,2 @@
-import i from "../../lib/style-inject.js";var e='/*!\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 */.DataGrid-module_grid-wrapper__bU1-r{padding:1rem 0}.DataGrid-module_table-wrapper__wCMOu{overflow-x:auto}.DataGrid-module_table__SxgAf{border-collapse:collapse;padding-top:.5rem;position:relative;width:100%}.DataGrid-module_pagination__-Tksb{margin-top:1rem;padding:0 1rem}@media only screen and (min-width:50em){.DataGrid-module_pagination__-Tksb{padding:0 1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YscUNBQ0UsY0FDRixDQUVBLHNDQUNFLGVBQ0YsQ0FFQSw4QkFDRSx3QkFBeUIsQ0FDekIsaUJBQW1CLENBRW5CLGlCQUFrQixDQURsQixVQUVGLENBRUEsbUNBQ0UsZUFBZ0IsQ0FDaEIsY0FDRixDQUVBLHdDQUNFLG1DQUNFLGlCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmdyaWQtd3JhcHBlciB7XG4gIHBhZGRpbmc6IDFyZW0gMDtcbn1cblxuLnRhYmxlLXdyYXBwZXIge1xuICBvdmVyZmxvdy14OiBhdXRvO1xufVxuXG4udGFibGUge1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBwYWRkaW5nLXRvcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ucGFnaW5hdGlvbiB7XG4gIG1hcmdpbi10b3A6IDFyZW07XG4gIHBhZGRpbmc6IDAgMXJlbTtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5wYWdpbmF0aW9uIHtcbiAgICBwYWRkaW5nOiAwIDEuMjVyZW07XG4gIH1cbn0iXX0= */';var a={"grid-wrapper":"DataGrid-module_grid-wrapper__bU1-r","table-wrapper":"DataGrid-module_table-wrapper__wCMOu",table:"DataGrid-module_table__SxgAf",pagination:"DataGrid-module_pagination__-Tksb"};i(e);export{a as default};
+import i from "../../lib/style-inject.js";var e='/*!\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 */.DataGrid-module_grid-wrapper__bU1-r{padding:.875rem 0}.DataGrid-module_table-wrapper__wCMOu{overflow-x:auto}.DataGrid-module_table__SxgAf{border-collapse:collapse;padding-top:.5rem;position:relative;width:100%}.DataGrid-module_pagination__-Tksb{margin-top:.875rem;padding:0 1rem}@media only screen and (min-width:50em){.DataGrid-module_pagination__-Tksb{padding:0 1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YscUNBQ0UsaUJBQ0YsQ0FFQSxzQ0FDRSxlQUNGLENBRUEsOEJBQ0Usd0JBQXlCLENBQ3pCLGlCQUFtQixDQUVuQixpQkFBa0IsQ0FEbEIsVUFFRixDQUVBLG1DQUNFLGtCQUFvQixDQUNwQixjQUNGLENBRUEsd0NBQ0UsbUNBQ0UsaUJBQ0YsQ0FDRiIsImZpbGUiOiJEYXRhR3JpZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uZ3JpZC13cmFwcGVyIHtcbiAgcGFkZGluZzogMC44NzVyZW0gMDtcbn1cblxuLnRhYmxlLXdyYXBwZXIge1xuICBvdmVyZmxvdy14OiBhdXRvO1xufVxuXG4udGFibGUge1xuICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICBwYWRkaW5nLXRvcDogMC41cmVtO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ucGFnaW5hdGlvbiB7XG4gIG1hcmdpbi10b3A6IDAuODc1cmVtO1xuICBwYWRkaW5nOiAwIDFyZW07XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTBlbSkge1xuICAucGFnaW5hdGlvbiB7XG4gICAgcGFkZGluZzogMCAxLjI1cmVtO1xuICB9XG59Il19 */';var a={"grid-wrapper":"DataGrid-module_grid-wrapper__bU1-r","table-wrapper":"DataGrid-module_table-wrapper__wCMOu",table:"DataGrid-module_table__SxgAf",pagination:"DataGrid-module_pagination__-Tksb"};i(e);export{a as default};
 //# sourceMappingURL=DataGrid.module.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridCell.esm.js

@@ -1,2 +1,2 @@
-import e from"react";import{Typography as a}from"../../Typography/Typography.esm.js";import t from"./DataGridCell.module.esm.js";const i=({children:i,className:l,isLoading:n,spacing:o,cellIndex:d,columnLength:r,disableContextMenuColumn:s,...m},p)=>{let c={};if(d===0)c.paddingLeft=o===null||o===void 0?void 0:o.paddingLeft;if(d===r&&!s||r&&d===r-1&&s)c.paddingRight=o===null||o===void 0?void 0:o.paddingRight;return e.createElement("td",{...m,ref:p,style:{...m.style,...c},className:`${t["cell"]} ${l!==null&&l!==void 0?l:""}`},n&&e.createElement("div",{className:t["loading"],"aria-busy":"true","aria-live":"polite"}),!n&&e.createElement(a,{variant:"body",tag:"span"},i))};const l=e.forwardRef(i);export{l as DataGridCell};
+import e from"react";import{Typography as a}from"../../Typography/Typography.esm.js";import t from"./DataGridCell.module.esm.js";const l=({children:l,className:i,isLoading:n,spacing:o,cellIndex:d,columnLength:r,disableContextMenuColumn:s,...m},c)=>{let p={};if(d===0)p.paddingLeft=o===null||o===void 0?void 0:o.paddingLeft;if(d===r&&!s||r&&d===r-1&&s)p.paddingRight=o===null||o===void 0?void 0:o.paddingRight;return e.createElement("td",{...m,ref:c,style:{...m.style,...p},className:`${t["cell"]} ${i!==null&&i!==void 0?i:""}`},n&&e.createElement("div",{className:t["loading"],"aria-busy":"true","aria-live":"polite"}),!n&&e.createElement(a,{className:t["text"],variant:"body",tag:"span"},l))};const i=e.forwardRef(l);export{i as DataGridCell};
 //# sourceMappingURL=DataGridCell.esm.js.map

package/dist/esm/DataGrid/DataGridBody/DataGridCell.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridCell.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridCell.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, ReactElement } from \"react\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./DataGridCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"td\"> {\n  children?: ReactElement | string | number;\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  cellIndex?: number;\n  columnLength?: number;\n  disableContextMenuColumn?: boolean;\n}\n\nconst DataGridCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  {\n    children,\n    className,\n    isLoading,\n    spacing,\n    cellIndex,\n    columnLength,\n    disableContextMenuColumn,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let cellStyle: React.CSSProperties = {};\n\n  if (cellIndex === 0) {\n    cellStyle.paddingLeft = spacing?.paddingLeft;\n  }\n  if (\n    (cellIndex === columnLength && !disableContextMenuColumn) ||\n    (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)\n  ) {\n    cellStyle.paddingRight = spacing?.paddingRight;\n  }\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      style={{ ...rest.style, ...cellStyle }}\n      className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n    >\n      {isLoading && <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>}\n      {!isLoading && (\n        <Typography variant=\"body\" tag=\"span\">\n          {children}\n        </Typography>\n      )}\n    </td>\n  );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["DataGridCellComponent","children","className","isLoading","spacing","cellIndex","columnLength","disableContextMenuColumn","rest","ref","cellStyle","paddingLeft","paddingRight","React","createElement","style","classes","Typography","variant","tag","DataGridCell","forwardRef"],"mappings":"iIA6BA,MAAMA,EAA+E,EAEjFC,WACAC,YACAC,YACAC,UACAC,YACAC,eACAC,8BACGC,GAELC,KAEA,IAAIC,EAAiC,CAAA,EAErC,GAAIL,IAAc,EAChBK,EAAUC,YAAcP,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASO,YAEnC,GACGN,IAAcC,IAAiBC,GAC/BD,GAAgBD,IAAcC,EAAe,GAAKC,EAEnDG,EAAUE,aAAeR,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASQ,aAGpC,OACEC,EAAAC,cAAA,KAAA,IACMN,EACJC,IAAKA,EACLM,MAAO,IAAKP,EAAKO,SAAUL,GAC3BR,UAAW,GAAGc,EAAQ,WAAWd,UAAAA,SAAS,EAATA,EAAa,MAE7CC,GAAaU,EAAAC,cAAA,MAAA,CAAKZ,UAAWc,EAAQ,WAAsB,YAAA,OAAiB,YAAA,YAC3Eb,GACAU,gBAACI,EAAU,CAACC,QAAQ,OAAOC,IAAI,QAC5BlB,GAIP,EAGS,MAAAmB,EAAeP,EAAMQ,WAAWrB"}
+{"version":3,"file":"DataGridCell.esm.js","sources":["../../../../../../src/components/DataGrid/DataGridBody/DataGridCell.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, ReactElement } from \"react\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./DataGridCell.module.scss\";\n\nexport interface Props extends ComponentPropsWithRef<\"td\"> {\n  children?: ReactElement | string | number;\n  isLoading?: boolean;\n  spacing?: React.CSSProperties;\n  cellIndex?: number;\n  columnLength?: number;\n  disableContextMenuColumn?: boolean;\n}\n\nconst DataGridCellComponent: ForwardRefRenderFunction<HTMLTableCellElement, Props> = (\n  {\n    children,\n    className,\n    isLoading,\n    spacing,\n    cellIndex,\n    columnLength,\n    disableContextMenuColumn,\n    ...rest\n  }: Props,\n  ref\n) => {\n  let cellStyle: React.CSSProperties = {};\n\n  if (cellIndex === 0) {\n    cellStyle.paddingLeft = spacing?.paddingLeft;\n  }\n  if (\n    (cellIndex === columnLength && !disableContextMenuColumn) ||\n    (columnLength && cellIndex === columnLength - 1 && disableContextMenuColumn)\n  ) {\n    cellStyle.paddingRight = spacing?.paddingRight;\n  }\n\n  return (\n    <td\n      {...rest}\n      ref={ref}\n      style={{ ...rest.style, ...cellStyle }}\n      className={`${classes[\"cell\"]} ${className ?? \"\"}`}\n    >\n      {isLoading && <div className={classes[\"loading\"]} aria-busy=\"true\" aria-live=\"polite\"></div>}\n      {!isLoading && (\n        <Typography className={classes[\"text\"]} variant=\"body\" tag=\"span\">\n          {children}\n        </Typography>\n      )}\n    </td>\n  );\n};\n\nexport const DataGridCell = React.forwardRef(DataGridCellComponent);\n"],"names":["DataGridCellComponent","children","className","isLoading","spacing","cellIndex","columnLength","disableContextMenuColumn","rest","ref","cellStyle","paddingLeft","paddingRight","React","createElement","style","classes","Typography","variant","tag","DataGridCell","forwardRef"],"mappings":"iIA6BA,MAAMA,EAA+E,EAEjFC,WACAC,YACAC,YACAC,UACAC,YACAC,eACAC,8BACGC,GAELC,KAEA,IAAIC,EAAiC,CAAA,EAErC,GAAIL,IAAc,EAChBK,EAAUC,YAAcP,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASO,YAEnC,GACGN,IAAcC,IAAiBC,GAC/BD,GAAgBD,IAAcC,EAAe,GAAKC,EAEnDG,EAAUE,aAAeR,IAAO,MAAPA,SAAA,OAAA,EAAAA,EAASQ,aAGpC,OACEC,EAAAC,cAAA,KAAA,IACMN,EACJC,IAAKA,EACLM,MAAO,IAAKP,EAAKO,SAAUL,GAC3BR,UAAW,GAAGc,EAAQ,WAAWd,UAAAA,SAAS,EAATA,EAAa,MAE7CC,GAAaU,EAAAC,cAAA,MAAA,CAAKZ,UAAWc,EAAQ,WAAsB,YAAA,OAAiB,YAAA,YAC3Eb,GACAU,EAACC,cAAAG,EAAW,CAAAf,UAAWc,EAAQ,QAASE,QAAQ,OAAOC,IAAI,QACxDlB,GAIP,EAGS,MAAAmB,EAAeP,EAAMQ,WAAWrB"}

package/dist/esm/DataGrid/DataGridBody/DataGridCell.module.esm.js

@@ -1,2 +1,2 @@
-import l from "../../../lib/style-inject.js";var i='/*!\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 * 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 * 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 */.DataGridCell-module_sr-only__HTz8Y{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell-module_hidden__ZIfWN{display:none}.DataGridCell-module_slide-in__3LsNc{animation:DataGridCell-module_slide-in__3LsNc .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-in__3LsNc{animation-duration:.1ms}}.DataGridCell-module_slide-out__9KDY3{animation:DataGridCell-module_slide-out__9KDY3 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-out__9KDY3{animation-duration:.1ms}}@keyframes DataGridCell-module_slide-in__3LsNc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell-module_slide-out__9KDY3{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell-module_cell__-OXjV{min-height:3.5rem;padding:.5rem .625rem}.DataGridCell-module_cell__-OXjV:first-child{padding-left:1rem}.DataGridCell-module_cell__-OXjV:last-child{padding-right:1rem}.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN:after{animation:DataGridCell-module_shimmer__G13df 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN:after{animation:none}}@keyframes DataGridCell-module_shimmer__G13df{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell-module_cell__-OXjV:first-child{padding-left:1.25rem}.DataGridCell-module_cell__-OXjV:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsaUNBQ0UsaUJBQWtCLENBQ2xCLHFCQUNGLENBQ0EsNkNBQ0UsaUJBQ0YsQ0FDQSw0Q0FDRSxrQkFDRixDQUNBLHFFQUdFLGlEQUFrRCxDQUNsRCxtQkFBcUIsQ0FDckIsY0FBZSxDQUNmLGdCQUFrQixDQUpsQixlQUFnQixDQURoQixpQkFNRixDQUNBLDJFQVNFLHdEQUE4QixDQUY5QixtT0FBOE8sQ0FIOU8sUUFBUyxDQUlULFVBQVcsQ0FIWCxNQUFPLENBSlAsaUJBQWtCLENBRWxCLE9BQVEsQ0FEUixLQUFNLENBSU4sMkJBSUYsQ0FDQSx1Q0FDRSwyRUFDRSxjQUNGLENBQ0YsQ0FDQSw4Q0FDRSxHQUNFLDBCQUNGLENBQ0YsQ0FFQSx3Q0FDRSw2Q0FDRSxvQkFDRixDQUNBLDRDQUNFLHFCQUNGLENBQ0YiLCJmaWxlIjoiRGF0YUdyaWRDZWxsLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmNlbGwge1xuICBtaW4taGVpZ2h0OiAzLjVyZW07XG4gIHBhZGRpbmc6IDAuNXJlbSAwLjYyNXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAubG9hZGluZyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2tlbGV0b24tYmFja2dyb3VuZC1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDAuNjI1cmVtIDA7XG59XG4uY2VsbCAubG9hZGluZzo6YWZ0ZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSAwLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwLjIpIDIwJSwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC41KSA2MCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDApKTtcbiAgY29udGVudDogXCJcIjtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDJzIGluZmluaXRlO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IG5vbmU7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2hpbW1lciB7XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDUwZW0pIHtcbiAgLmNlbGw6Zmlyc3QtY2hpbGQge1xuICAgIHBhZGRpbmctbGVmdDogMS4yNXJlbTtcbiAgfVxuICAuY2VsbDpsYXN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xuICB9XG59Il19 */';var e={"sr-only":"DataGridCell-module_sr-only__HTz8Y",hidden:"DataGridCell-module_hidden__ZIfWN","slide-in":"DataGridCell-module_slide-in__3LsNc","slide-out":"DataGridCell-module_slide-out__9KDY3",cell:"DataGridCell-module_cell__-OXjV",loading:"DataGridCell-module_loading__vpaHN",shimmer:"DataGridCell-module_shimmer__G13df"};l(i);export{e as default};
+import l from "../../../lib/style-inject.js";var i='/*!\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 * 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 * 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 */.DataGridCell-module_sr-only__HTz8Y{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DataGridCell-module_hidden__ZIfWN{display:none}.DataGridCell-module_slide-in__3LsNc{animation:DataGridCell-module_slide-in__3LsNc .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-in__3LsNc{animation-duration:.1ms}}.DataGridCell-module_slide-out__9KDY3{animation:DataGridCell-module_slide-out__9KDY3 .5s forwards}@media (prefers-reduced-motion:reduce){.DataGridCell-module_slide-out__9KDY3{animation-duration:.1ms}}@keyframes DataGridCell-module_slide-in__3LsNc{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes DataGridCell-module_slide-out__9KDY3{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.DataGridCell-module_cell__-OXjV{min-height:3rem;padding:.25rem 1rem}.DataGridCell-module_cell__-OXjV:first-child{padding-left:1rem}.DataGridCell-module_cell__-OXjV:last-child{padding-right:1rem}.DataGridCell-module_cell__-OXjV .DataGridCell-module_text__uvsdS{font-size:var(--font-size-data-grid);line-height:var(--data-grid-line-height)}.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN{background-color:var(--skeleton-background-color);border-radius:.5rem;height:1.25rem;margin:.625rem 0;overflow:hidden;position:relative}.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN:after{animation:DataGridCell-module_shimmer__G13df 2s infinite;background-image:linear-gradient(90deg,rgba(var(--skeleton-animation-color-rgb),0) 0,rgba(var(--skeleton-animation-color-rgb),.2) 20%,rgba(var(--skeleton-animation-color-rgb),.5) 60%,rgba(var(--skeleton-animation-color-rgb),0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion:reduce){.DataGridCell-module_cell__-OXjV .DataGridCell-module_loading__vpaHN:after{animation:none}}@keyframes DataGridCell-module_shimmer__G13df{to{transform:translateX(100%)}}@media only screen and (min-width:50em){.DataGridCell-module_cell__-OXjV:first-child{padding-left:1.25rem}.DataGridCell-module_cell__-OXjV:last-child{padding-right:1.25rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGFHcmlkQ2VsbC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUNGOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixvQ0FPRSxrQkFBc0IsQ0FDdEIsUUFBUyxDQUxULFVBQVcsQ0FFWCxXQUFZLENBQ1osZUFBZ0IsQ0FGaEIsU0FBVSxDQUhWLGlCQUFrQixDQUNsQixTQU9GLENBRUEsbUNBQ0UsWUFDRixDQUVBLHFDQUNFLDBEQUNGLENBQ0EsdUNBQ0UscUNBQ0UsdUJBQ0YsQ0FDRixDQUVBLHNDQUNFLDJEQUNGLENBQ0EsdUNBQ0Usc0NBQ0UsdUJBQ0YsQ0FDRixDQUVBLCtDQUNFLEdBQ0UsMkJBQ0YsQ0FDQSxHQUNFLHVCQUNGLENBQ0YsQ0FDQSxnREFDRSxHQUNFLHVCQUNGLENBQ0EsR0FDRSwyQkFDRixDQUNGLENBQ0EsaUNBQ0UsZUFBZ0IsQ0FDaEIsbUJBQ0YsQ0FDQSw2Q0FDRSxpQkFDRixDQUNBLDRDQUNFLGtCQUNGLENBQ0Esa0VBQ0Usb0NBQXFDLENBQ3JDLHdDQUNGLENBQ0EscUVBR0UsaURBQWtELENBQ2xELG1CQUFxQixDQUNyQixjQUFlLENBQ2YsZ0JBQWtCLENBSmxCLGVBQWdCLENBRGhCLGlCQU1GLENBQ0EsMkVBU0Usd0RBQThCLENBRjlCLG1PQUE4TyxDQUg5TyxRQUFTLENBSVQsVUFBVyxDQUhYLE1BQU8sQ0FKUCxpQkFBa0IsQ0FFbEIsT0FBUSxDQURSLEtBQU0sQ0FJTiwyQkFJRixDQUNBLHVDQUNFLDJFQUNFLGNBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsMEJBQ0YsQ0FDRixDQUVBLHdDQUNFLDZDQUNFLG9CQUNGLENBQ0EsNENBQ0UscUJBQ0YsQ0FDRiIsImZpbGUiOiJEYXRhR3JpZENlbGwubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uY2VsbCB7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIHBhZGRpbmc6IDAuMjVyZW0gMXJlbTtcbn1cbi5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgcGFkZGluZy1sZWZ0OiAxcmVtO1xufVxuLmNlbGw6bGFzdC1jaGlsZCB7XG4gIHBhZGRpbmctcmlnaHQ6IDFyZW07XG59XG4uY2VsbCAudGV4dCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udC1zaXplLWRhdGEtZ3JpZCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kYXRhLWdyaWQtbGluZS1oZWlnaHQpO1xufVxuLmNlbGwgLmxvYWRpbmcge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNrZWxldG9uLWJhY2tncm91bmQtY29sb3IpO1xuICBib3JkZXItcmFkaXVzOiAwLjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgbWFyZ2luOiAwLjYyNXJlbSAwO1xufVxuLmNlbGwgLmxvYWRpbmc6OmFmdGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMTAwJSk7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMCkgMCwgcmdiYSh2YXIoLS1za2VsZXRvbi1hbmltYXRpb24tY29sb3ItcmdiKSwgMC4yKSAyMCUsIHJnYmEodmFyKC0tc2tlbGV0b24tYW5pbWF0aW9uLWNvbG9yLXJnYiksIDAuNSkgNjAlLCByZ2JhKHZhcigtLXNrZWxldG9uLWFuaW1hdGlvbi1jb2xvci1yZ2IpLCAwKSk7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAycyBpbmZpbml0ZTtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5jZWxsIC5sb2FkaW5nOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNoaW1tZXIge1xuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1MGVtKSB7XG4gIC5jZWxsOmZpcnN0LWNoaWxkIHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEuMjVyZW07XG4gIH1cbiAgLmNlbGw6bGFzdC1jaGlsZCB7XG4gICAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbiAgfVxufSJdfQ== */';var e={"sr-only":"DataGridCell-module_sr-only__HTz8Y",hidden:"DataGridCell-module_hidden__ZIfWN","slide-in":"DataGridCell-module_slide-in__3LsNc","slide-out":"DataGridCell-module_slide-out__9KDY3",cell:"DataGridCell-module_cell__-OXjV",text:"DataGridCell-module_text__uvsdS",loading:"DataGridCell-module_loading__vpaHN",shimmer:"DataGridCell-module_shimmer__G13df"};l(i);export{e as default};
 //# sourceMappingURL=DataGridCell.module.esm.js.map