@coveord/plasma-mantine 52.27.4 → 53.0.1

package/dist/esm/components/inline-confirm/InlineConfirmButton.d.ts

@@ -1,8 +0,0 @@
-import { MouseEventHandler } from 'react';
-import { ButtonProps } from '../button';
-export interface InlineConfirmButtonProps extends ButtonProps {
-    id: string;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-}
-export declare const InlineConfirmButton: import("react").ForwardRefExoticComponent<InlineConfirmButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=InlineConfirmButton.d.ts.map

package/dist/esm/components/inline-confirm/InlineConfirmButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAI9C,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,wHAU/B,CAAC"}

package/dist/esm/components/inline-confirm/InlineConfirmButton.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Button } from '../button';
-import { useInlineConfirm } from './useInlineConfirm';
-export const InlineConfirmButton = /*#__PURE__*/ forwardRef(({ onClick, id, ...others }, ref)=>{
-    const { setConfirmingId } = useInlineConfirm();
-    const handleOnClick = (e)=>{
-        setConfirmingId(id);
-        onClick?.(e);
-    };
-    return /*#__PURE__*/ _jsx(Button, {
-        ref: ref,
-        onClick: handleOnClick,
-        ...others
-    });
-});
-
-//# sourceMappingURL=InlineConfirmButton.js.map

package/dist/esm/components/inline-confirm/InlineConfirmButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\n\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmButtonProps extends ButtonProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmButton = forwardRef<HTMLButtonElement, InlineConfirmButtonProps>(\n    ({onClick, id, ...others}, ref) => {\n        const {setConfirmingId} = useInlineConfirm();\n        const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n            setConfirmingId(id);\n            onClick?.(e);\n        };\n\n        return <Button ref={ref} onClick={handleOnClick} {...others} />;\n    },\n);\n"],"names":["forwardRef","Button","useInlineConfirm","InlineConfirmButton","onClick","id","others","ref","setConfirmingId","handleOnClick","e"],"mappings":";AAAA,SAAQA,UAAU,QAA0B,QAAQ;AACpD,SAAQC,MAAM,QAAoB,YAAY;AAE9C,SAAQC,gBAAgB,QAAO,qBAAqB;AAOpD,OAAO,MAAMC,oCAAsBH,WAC/B,CAAC,EAACI,OAAO,EAAEC,EAAE,EAAE,GAAGC,QAAO,EAAEC;IACvB,MAAM,EAACC,eAAe,EAAC,GAAGN;IAC1B,MAAMO,gBAAsD,CAACC;QACzDF,gBAAgBH;QAChBD,UAAUM;IACd;IAEA,qBAAO,KAACT;QAAOM,KAAKA;QAAKH,SAASK;QAAgB,GAAGH,MAAM;;AAC/D,GACF"}

package/dist/esm/components/inline-confirm/InlineConfirmMenuItem.d.ts

@@ -1,8 +0,0 @@
-import { MouseEventHandler } from 'react';
-import { MenuItemProps } from '../menu';
-export interface InlineConfirmMenuItemProps extends MenuItemProps {
-    id: string;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-}
-export declare const InlineConfirmMenuItem: import("react").ForwardRefExoticComponent<InlineConfirmMenuItemProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=InlineConfirmMenuItem.d.ts.map

package/dist/esm/components/inline-confirm/InlineConfirmMenuItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineConfirmMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAO,aAAa,EAAC,MAAM,SAAS,CAAC;AAG5C,MAAM,WAAW,0BAA2B,SAAQ,aAAa;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,qBAAqB,0HAUjC,CAAC"}

package/dist/esm/components/inline-confirm/InlineConfirmMenuItem.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { Menu } from '../menu';
-import { useInlineConfirm } from './useInlineConfirm';
-export const InlineConfirmMenuItem = /*#__PURE__*/ forwardRef(({ onClick, id, ...others }, ref)=>{
-    const { setConfirmingId } = useInlineConfirm();
-    const handleOnClick = (e)=>{
-        setConfirmingId(id);
-        onClick?.(e);
-    };
-    return /*#__PURE__*/ _jsx(Menu.Item, {
-        ref: ref,
-        onClick: handleOnClick,
-        ...others
-    });
-});
-
-//# sourceMappingURL=InlineConfirmMenuItem.js.map

package/dist/esm/components/inline-confirm/InlineConfirmMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmMenuItem.tsx"],"sourcesContent":["import {forwardRef, MouseEventHandler} from 'react';\n\nimport {Menu, MenuItemProps} from '../menu';\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmMenuItemProps extends MenuItemProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmMenuItem = forwardRef<HTMLButtonElement, InlineConfirmMenuItemProps>(\n    ({onClick, id, ...others}, ref) => {\n        const {setConfirmingId} = useInlineConfirm();\n        const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n            setConfirmingId(id);\n            onClick?.(e);\n        };\n\n        return <Menu.Item ref={ref} onClick={handleOnClick} {...others} />;\n    },\n);\n"],"names":["forwardRef","Menu","useInlineConfirm","InlineConfirmMenuItem","onClick","id","others","ref","setConfirmingId","handleOnClick","e","Item"],"mappings":";AAAA,SAAQA,UAAU,QAA0B,QAAQ;AAEpD,SAAQC,IAAI,QAAsB,UAAU;AAC5C,SAAQC,gBAAgB,QAAO,qBAAqB;AAOpD,OAAO,MAAMC,sCAAwBH,WACjC,CAAC,EAACI,OAAO,EAAEC,EAAE,EAAE,GAAGC,QAAO,EAAEC;IACvB,MAAM,EAACC,eAAe,EAAC,GAAGN;IAC1B,MAAMO,gBAAsD,CAACC;QACzDF,gBAAgBH;QAChBD,UAAUM;IACd;IAEA,qBAAO,KAACT,KAAKU,IAAI;QAACJ,KAAKA;QAAKH,SAASK;QAAgB,GAAGH,MAAM;;AAClE,GACF"}

package/dist/esm/components/inline-confirm/useInlineConfirm.d.ts

@@ -1,6 +0,0 @@
-export declare const useInlineConfirm: () => {
-    confirmingId: string;
-    setConfirmingId: (id: string) => void;
-    clearConfirm: () => void;
-};
-//# sourceMappingURL=useInlineConfirm.d.ts.map

package/dist/esm/components/inline-confirm/useInlineConfirm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInlineConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/useInlineConfirm.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;CAQ5B,CAAC"}

package/dist/esm/components/inline-confirm/useInlineConfirm.js

@@ -1,11 +0,0 @@
-import { useContext } from 'react';
-import { InlineConfirmContext } from './InlineConfirmContext';
-export const useInlineConfirm = ()=>{
-    const ctx = useContext(InlineConfirmContext);
-    if (ctx === null) {
-        throw new Error('useConfirm must be used inside of a InlineConfirmContext.Provider');
-    }
-    return ctx;
-};
-
-//# sourceMappingURL=useInlineConfirm.js.map

package/dist/esm/components/inline-confirm/useInlineConfirm.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/useInlineConfirm.ts"],"sourcesContent":["import {useContext} from 'react';\nimport {InlineConfirmContext} from './InlineConfirmContext';\n\nexport const useInlineConfirm = () => {\n    const ctx = useContext(InlineConfirmContext);\n\n    if (ctx === null) {\n        throw new Error('useConfirm must be used inside of a InlineConfirmContext.Provider');\n    }\n\n    return ctx;\n};\n"],"names":["useContext","InlineConfirmContext","useInlineConfirm","ctx","Error"],"mappings":"AAAA,SAAQA,UAAU,QAAO,QAAQ;AACjC,SAAQC,oBAAoB,QAAO,yBAAyB;AAE5D,OAAO,MAAMC,mBAAmB;IAC5B,MAAMC,MAAMH,WAAWC;IAEvB,IAAIE,QAAQ,MAAM;QACd,MAAM,IAAIC,MAAM;IACpB;IAEA,OAAOD;AACX,EAAE"}

package/dist/esm/components/modal-wizard/ModalWizard.d.ts

@@ -1,78 +0,0 @@
-import { DefaultProps, ModalProps, Selectors } from '@mantine/core';
-import { ReactElement } from 'react';
-import { ModalWizardStep } from './ModalWizardStep';
-declare const useStyles: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        content: string;
-        body: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-type ModalWizardStylesNames = Selectors<typeof useStyles>;
-export interface ModalWizardProps extends Omit<DefaultProps<ModalWizardStylesNames>, 'classNames' | 'styles'>, Omit<ModalProps, 'centered' | 'title'> {
-    /**
-     * The label of the cancel button
-     *
-     * @default "Cancel"
-     */
-    cancelButtonLabel?: string;
-    /**
-     * The label of the next button
-     *
-     * @default "Next"
-     */
-    nextButtonLabel?: string;
-    /**
-     * The label of the previous button
-     *
-     * @default "Previous"
-     */
-    previousButtonLabel?: string;
-    /**
-     * The label of the finish button
-     *
-     * @default "Finish"
-     */
-    finishButtonLabel?: string;
-    /**
-     * A callback function that is executed when the user clicks on the next button
-     */
-    onNext?: (newStep: number, setCurrentStep?: React.Dispatch<number>) => unknown;
-    /**
-     * A callback function that is executed when the user clicks on the previous button
-     */
-    onPrevious?: (newStep: number) => unknown;
-    /**
-     * A function that is executed when user completes all the steps.
-     *
-     * @param close A function that closes the modal when called.
-     */
-    onFinish?: () => unknown;
-    /**
-     * Determine if user interacted with any steps in the modal wizard
-     */
-    isDirty?: () => boolean;
-    /**
-     * A function to confirm close if the state is dirty before closing
-     */
-    handleDirtyState?: () => boolean;
-    /**
-     * Children to display in modal wizard
-     * */
-    children?: Array<ReturnType<typeof ModalWizardStep>>;
-    /**
-     * Indicates if step validation should be performed when clicking on to the next step
-     * If true, the next step will always be enabled
-     *
-     * @default false
-     */
-    isStepValidatedOnNext?: boolean;
-}
-interface ModalWizardType {
-    (props: ModalWizardProps): ReactElement;
-    Step: typeof ModalWizardStep;
-}
-export declare const ModalWizard: ModalWizardType;
-export {};
-//# sourceMappingURL=ModalWizard.d.ts.map

package/dist/esm/components/modal-wizard/ModalWizard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,YAAY,EAAS,UAAU,EAAY,SAAS,EAAC,MAAM,eAAe,CAAC;AACnH,OAAO,EAAW,YAAY,EAA+B,MAAM,OAAO,CAAC;AAK3E,OAAO,EAAC,eAAe,EAAoC,MAAM,mBAAmB,CAAC;AAErF,QAAA,MAAM,SAAS;;;;;;;CAUZ,CAAC;AAEJ,KAAK,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAE1D,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC,EACvE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IAC1C;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC;IAE/E;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAE1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IAExB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IAEjC;;SAEK;IACL,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC;IAErD;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,UAAU,eAAe;IACrB,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAAC;IAExC,IAAI,EAAE,OAAO,eAAe,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,eAwJzB,CAAC"}

package/dist/esm/components/modal-wizard/ModalWizard.js

@@ -1,147 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CloseButton, createStyles, Modal, Progress } from '@mantine/core';
-import { Children, useEffect, useMemo, useState } from 'react';
-import { Button } from '../button';
-import { Header } from '../header';
-import { StickyFooter } from '../sticky-footer';
-import { ModalWizardStep } from './ModalWizardStep';
-const useStyles = createStyles(()=>({
-        content: {
-            display: 'flex',
-            flexDirection: 'column'
-        },
-        body: {
-            flex: 1,
-            display: 'flex',
-            flexDirection: 'column'
-        }
-    }));
-export const ModalWizard = ({ cancelButtonLabel = 'Cancel', nextButtonLabel = 'Next', previousButtonLabel = 'Previous', finishButtonLabel = 'Finish', opened, onNext, onPrevious, onClose, onFinish, isDirty, handleDirtyState, classNames, styles, unstyled, children, isStepValidatedOnNext, ...modalProps })=>{
-    const { classes: { content, body }, cx } = useStyles(null, {
-        name: 'ModalWizard',
-        classNames,
-        styles,
-        unstyled
-    });
-    const [currentStepIndex, setCurrentStepIndex] = useState(0);
-    const modalSteps = Children.toArray(children).filter((child)=>child.type === ModalWizardStep);
-    const numberOfSteps = modalSteps.length;
-    const isFirstStep = currentStepIndex === 0;
-    const isLastStep = currentStepIndex === numberOfSteps - 1;
-    const currentStep = modalSteps.filter((step, index)=>index === currentStepIndex)[0];
-    const { isValid } = isStepValidatedOnNext ? {
-        isValid: true
-    } : currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {
-        isValid: true
-    };
-    useEffect(()=>{
-        if (opened) {
-            setCurrentStepIndex(0);
-        }
-    }, [
-        opened
-    ]);
-    const handleClose = (confirmDirty)=>{
-        if (confirmDirty) {
-            const isModalDirty = isDirty?.() ?? false;
-            if (isModalDirty) {
-                const discardChanges = handleDirtyState?.() ?? true;
-                if (!discardChanges) {
-                    return;
-                }
-            }
-        }
-        onClose?.();
-    };
-    const resolveStepDependentProp = (prop)=>typeof currentStep.props[prop] === 'function' ? currentStep.props[prop](currentStepIndex + 1, numberOfSteps) : currentStep.props[prop];
-    const getProgress = useMemo(()=>(currStepIndex)=>{
-            const totalNumberOfSteps = modalSteps.filter((step)=>step.props.countsAsProgress).length;
-            const numberOfCompletedSteps = modalSteps.filter((step, index)=>step.props.countsAsProgress && index <= currStepIndex).length;
-            return numberOfCompletedSteps / totalNumberOfSteps * 100;
-        }, []);
-    return /*#__PURE__*/ _jsxs(Modal, {
-        opened: opened,
-        classNames: {
-            content: cx(content, classNames?.content),
-            body: cx(body, classNames?.body)
-        },
-        centered: true,
-        onClose: ()=>handleClose(true),
-        withCloseButton: false,
-        padding: 0,
-        ...modalProps,
-        children: [
-            /*#__PURE__*/ _jsxs(Header, {
-                p: "lg",
-                pr: "md",
-                variant: "modal",
-                description: resolveStepDependentProp('description'),
-                borderBottom: !currentStep.props.showProgressBar,
-                children: [
-                    resolveStepDependentProp('title'),
-                    resolveStepDependentProp('docLink') ? /*#__PURE__*/ _jsx(Header.DocAnchor, {
-                        href: resolveStepDependentProp('docLink'),
-                        label: resolveStepDependentProp('docLinkTooltipLabel')
-                    }) : null,
-                    /*#__PURE__*/ _jsx(Header.Actions, {
-                        children: /*#__PURE__*/ _jsx(CloseButton, {
-                            "aria-label": 'close-modal',
-                            onClick: ()=>handleClose(true)
-                        })
-                    })
-                ]
-            }),
-            currentStep.props.showProgressBar && /*#__PURE__*/ _jsx(Progress, {
-                color: "navy.5",
-                size: "sm",
-                radius: 0,
-                value: getProgress(currentStepIndex)
-            }),
-            /*#__PURE__*/ _jsx(Box, {
-                p: "lg",
-                children: currentStep
-            }),
-            /*#__PURE__*/ _jsx(Box, {
-                sx: {
-                    marginTop: 'auto'
-                },
-                children: /*#__PURE__*/ _jsxs(StickyFooter, {
-                    borderTop: true,
-                    children: [
-                        /*#__PURE__*/ _jsx(Button, {
-                            name: isFirstStep ? cancelButtonLabel : previousButtonLabel,
-                            variant: "outline",
-                            onClick: ()=>{
-                                if (isFirstStep) {
-                                    handleClose(true);
-                                } else {
-                                    onPrevious?.(currentStepIndex - 1);
-                                    setCurrentStepIndex(currentStepIndex - 1);
-                                }
-                            },
-                            children: isFirstStep ? cancelButtonLabel : previousButtonLabel
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
-                            disabledTooltip: currentStep.props.disabledTooltipLabel,
-                            disabled: !isValid,
-                            onClick: ()=>{
-                                if (isLastStep) {
-                                    onFinish?.() ?? handleClose(false);
-                                } else {
-                                    onNext?.(currentStepIndex + 1, setCurrentStepIndex);
-                                    if (!isStepValidatedOnNext) {
-                                        setCurrentStepIndex(currentStepIndex + 1);
-                                    }
-                                }
-                            },
-                            children: isLastStep ? finishButtonLabel : nextButtonLabel
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-};
-ModalWizard.Step = ModalWizardStep;
-
-//# sourceMappingURL=ModalWizard.js.map

package/dist/esm/components/modal-wizard/ModalWizard.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Box, CloseButton, createStyles, DefaultProps, Modal, ModalProps, Progress, Selectors} from '@mantine/core';\nimport {Children, ReactElement, useEffect, useMemo, useState} from 'react';\n\nimport {Button} from '../button';\nimport {Header} from '../header';\nimport {StickyFooter} from '../sticky-footer';\nimport {ModalWizardStep, ModalWizardStepProps, ResolveStep} from './ModalWizardStep';\n\nconst useStyles = createStyles(() => ({\n    content: {\n        display: 'flex',\n        flexDirection: 'column',\n    },\n    body: {\n        flex: 1,\n        display: 'flex',\n        flexDirection: 'column',\n    },\n}));\n\ntype ModalWizardStylesNames = Selectors<typeof useStyles>;\n\nexport interface ModalWizardProps\n    extends Omit<DefaultProps<ModalWizardStylesNames>, 'classNames' | 'styles'>,\n        Omit<ModalProps, 'centered' | 'title'> {\n    /**\n     * The label of the cancel button\n     *\n     * @default \"Cancel\"\n     */\n    cancelButtonLabel?: string;\n\n    /**\n     * The label of the next button\n     *\n     * @default \"Next\"\n     */\n    nextButtonLabel?: string;\n\n    /**\n     * The label of the previous button\n     *\n     * @default \"Previous\"\n     */\n    previousButtonLabel?: string;\n\n    /**\n     * The label of the finish button\n     *\n     * @default \"Finish\"\n     */\n    finishButtonLabel?: string;\n\n    /**\n     * A callback function that is executed when the user clicks on the next button\n     */\n    onNext?: (newStep: number, setCurrentStep?: React.Dispatch<number>) => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the previous button\n     */\n    onPrevious?: (newStep: number) => unknown;\n\n    /**\n     * A function that is executed when user completes all the steps.\n     *\n     * @param close A function that closes the modal when called.\n     */\n    onFinish?: () => unknown;\n\n    /**\n     * Determine if user interacted with any steps in the modal wizard\n     */\n    isDirty?: () => boolean;\n\n    /**\n     * A function to confirm close if the state is dirty before closing\n     */\n    handleDirtyState?: () => boolean;\n\n    /**\n     * Children to display in modal wizard\n     * */\n    children?: Array<ReturnType<typeof ModalWizardStep>>;\n\n    /**\n     * Indicates if step validation should be performed when clicking on to the next step\n     * If true, the next step will always be enabled\n     *\n     * @default false\n     */\n    isStepValidatedOnNext?: boolean;\n}\n\ninterface ModalWizardType {\n    (props: ModalWizardProps): ReactElement;\n\n    Step: typeof ModalWizardStep;\n}\n\nexport const ModalWizard: ModalWizardType = ({\n    cancelButtonLabel = 'Cancel',\n    nextButtonLabel = 'Next',\n    previousButtonLabel = 'Previous',\n    finishButtonLabel = 'Finish',\n    opened,\n    onNext,\n    onPrevious,\n    onClose,\n    onFinish,\n    isDirty,\n    handleDirtyState,\n    classNames,\n    styles,\n    unstyled,\n    children,\n    isStepValidatedOnNext,\n    ...modalProps\n}) => {\n    const {\n        classes: {content, body},\n        cx,\n    } = useStyles(null, {\n        name: 'ModalWizard',\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const [currentStepIndex, setCurrentStepIndex] = useState(0);\n    const modalSteps = (Children.toArray(children) as ReactElement[]).filter((child) => child.type === ModalWizardStep);\n\n    const numberOfSteps = modalSteps.length;\n    const isFirstStep = currentStepIndex === 0;\n    const isLastStep = currentStepIndex === numberOfSteps - 1;\n    const currentStep = modalSteps.filter((step: ReactElement, index: number) => index === currentStepIndex)[0];\n\n    const {isValid} = isStepValidatedOnNext\n        ? {isValid: true}\n        : currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};\n\n    useEffect(() => {\n        if (opened) {\n            setCurrentStepIndex(0);\n        }\n    }, [opened]);\n\n    const handleClose = (confirmDirty: boolean) => {\n        if (confirmDirty) {\n            const isModalDirty = isDirty?.() ?? false;\n            if (isModalDirty) {\n                const discardChanges = handleDirtyState?.() ?? true;\n                if (!discardChanges) {\n                    return;\n                }\n            }\n        }\n        onClose?.();\n    };\n\n    const resolveStepDependentProp = <P extends keyof ModalWizardStepProps>(\n        prop: P,\n    ): ResolveStep<ModalWizardStepProps[P]> =>\n        typeof currentStep.props[prop] === 'function'\n            ? currentStep.props[prop](currentStepIndex + 1, numberOfSteps)\n            : currentStep.props[prop];\n\n    const getProgress = useMemo(\n        () => (currStepIndex: number) => {\n            const totalNumberOfSteps = modalSteps.filter((step) => step.props.countsAsProgress).length;\n            const numberOfCompletedSteps = modalSteps.filter(\n                (step, index) => step.props.countsAsProgress && index <= currStepIndex,\n            ).length;\n            return (numberOfCompletedSteps / totalNumberOfSteps) * 100;\n        },\n        [],\n    );\n\n    return (\n        <Modal\n            opened={opened}\n            classNames={{content: cx(content, classNames?.content), body: cx(body, classNames?.body)}}\n            centered\n            onClose={() => handleClose(true)}\n            withCloseButton={false}\n            padding={0}\n            {...modalProps}\n        >\n            <Header\n                p=\"lg\"\n                pr=\"md\"\n                variant=\"modal\"\n                description={resolveStepDependentProp('description')}\n                borderBottom={!currentStep.props.showProgressBar}\n            >\n                {resolveStepDependentProp('title')}\n                {resolveStepDependentProp('docLink') ? (\n                    <Header.DocAnchor\n                        href={resolveStepDependentProp('docLink')}\n                        label={resolveStepDependentProp('docLinkTooltipLabel')}\n                    />\n                ) : null}\n                <Header.Actions>\n                    <CloseButton aria-label={'close-modal'} onClick={() => handleClose(true)} />\n                </Header.Actions>\n            </Header>\n            {currentStep.props.showProgressBar && (\n                <Progress color=\"navy.5\" size=\"sm\" radius={0} value={getProgress(currentStepIndex)} />\n            )}\n            <Box p=\"lg\">{currentStep}</Box>\n            <Box\n                sx={{\n                    marginTop: 'auto',\n                }}\n            >\n                <StickyFooter borderTop>\n                    <Button\n                        name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                        variant=\"outline\"\n                        onClick={() => {\n                            if (isFirstStep) {\n                                handleClose(true);\n                            } else {\n                                onPrevious?.(currentStepIndex - 1);\n                                setCurrentStepIndex(currentStepIndex - 1);\n                            }\n                        }}\n                    >\n                        {isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                    </Button>\n\n                    <Button\n                        disabledTooltip={currentStep.props.disabledTooltipLabel}\n                        disabled={!isValid}\n                        onClick={() => {\n                            if (isLastStep) {\n                                onFinish?.() ?? handleClose(false);\n                            } else {\n                                onNext?.(currentStepIndex + 1, setCurrentStepIndex);\n\n                                if (!isStepValidatedOnNext) {\n                                    setCurrentStepIndex(currentStepIndex + 1);\n                                }\n                            }\n                        }}\n                    >\n                        {isLastStep ? finishButtonLabel : nextButtonLabel}\n                    </Button>\n                </StickyFooter>\n            </Box>\n        </Modal>\n    );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["Box","CloseButton","createStyles","Modal","Progress","Children","useEffect","useMemo","useState","Button","Header","StickyFooter","ModalWizardStep","useStyles","content","display","flexDirection","body","flex","ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","styles","unstyled","children","isStepValidatedOnNext","modalProps","classes","cx","name","currentStepIndex","setCurrentStepIndex","modalSteps","toArray","filter","child","type","numberOfSteps","length","isFirstStep","isLastStep","currentStep","step","index","isValid","props","validateStep","handleClose","confirmDirty","isModalDirty","discardChanges","resolveStepDependentProp","prop","getProgress","currStepIndex","totalNumberOfSteps","countsAsProgress","numberOfCompletedSteps","centered","withCloseButton","padding","p","pr","variant","description","borderBottom","showProgressBar","DocAnchor","href","label","Actions","aria-label","onClick","color","size","radius","value","sx","marginTop","borderTop","disabledTooltip","disabledTooltipLabel","disabled","Step"],"mappings":"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"}

package/dist/esm/components/modal-wizard/ModalWizardStep.d.ts

@@ -1,47 +0,0 @@
-import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
-type DependsOnStep<T> = (currentStep: number, numberOfSteps: number) => T;
-export type ResolveStep<P> = P extends infer T | DependsOnStep<infer T> ? T : never;
-export interface ModalWizardStepProps {
-    /**
-     * The title of the current step. The title can be dependent on the current step if needed
-     */
-    title?: ReactNode | DependsOnStep<ReactNode>;
-    /**
-     * The description of the current step. The description can be dependent on the current step if needed
-     */
-    description?: string | DependsOnStep<string>;
-    /**
-     * A link to the documentation for the current step
-     */
-    docLink?: string | DependsOnStep<string>;
-    /**
-     * A tooltip label for the docLink
-     */
-    docLinkTooltipLabel?: string | DependsOnStep<string>;
-    /**
-     * A function to validate the current step, it determines if the next step should be enabled or not.
-     */
-    validateStep?: (currentStep: any, numberOfSteps: any) => {
-        isValid: boolean;
-        messsage?: unknown;
-    };
-    /**
-     * Show progress bar at this step
-     *
-     * @default true
-     */
-    showProgressBar?: boolean;
-    /**
-     * Does completion of current step count moves the progress bar
-     *
-     * @default true
-     */
-    countsAsProgress?: boolean;
-    /**
-     * Tooltip label of the next button when disabled
-     */
-    disabledTooltipLabel?: string;
-}
-declare const ModalWizardStep: FunctionComponent<PropsWithChildren<ModalWizardStepProps>>;
-export { ModalWizardStep };
-//# sourceMappingURL=ModalWizardStep.d.ts.map

package/dist/esm/components/modal-wizard/ModalWizardStep.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalWizardStep.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-wizard/ModalWizardStep.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtE,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC,CAAC;AAC1E,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAEpF,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAE7C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAE7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAEzC;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAErD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,aAAa,EAAE,GAAG,KAAK;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC;IAEhG;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAmC,CAAC;AAOpH,OAAO,EAAC,eAAe,EAAC,CAAC"}

package/dist/esm/components/modal-wizard/ModalWizardStep.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const ModalWizardStep = ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
-        children: children
-    });
-ModalWizardStep.defaultProps = {
-    showProgressBar: true,
-    countsAsProgress: true
-};
-export { ModalWizardStep };
-
-//# sourceMappingURL=ModalWizardStep.js.map

package/dist/esm/components/modal-wizard/ModalWizardStep.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizardStep.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren, ReactNode} from 'react';\n\ntype DependsOnStep<T> = (currentStep: number, numberOfSteps: number) => T;\nexport type ResolveStep<P> = P extends infer T | DependsOnStep<infer T> ? T : never;\n\nexport interface ModalWizardStepProps {\n    /**\n     * The title of the current step. The title can be dependent on the current step if needed\n     */\n    title?: ReactNode | DependsOnStep<ReactNode>;\n\n    /**\n     * The description of the current step. The description can be dependent on the current step if needed\n     */\n    description?: string | DependsOnStep<string>;\n\n    /**\n     * A link to the documentation for the current step\n     */\n    docLink?: string | DependsOnStep<string>;\n\n    /**\n     * A tooltip label for the docLink\n     */\n    docLinkTooltipLabel?: string | DependsOnStep<string>;\n\n    /**\n     * A function to validate the current step, it determines if the next step should be enabled or not.\n     */\n    validateStep?: (currentStep: any, numberOfSteps: any) => {isValid: boolean; messsage?: unknown};\n\n    /**\n     * Show progress bar at this step\n     *\n     * @default true\n     */\n    showProgressBar?: boolean;\n\n    /**\n     * Does completion of current step count moves the progress bar\n     *\n     * @default true\n     */\n    countsAsProgress?: boolean;\n\n    /**\n     * Tooltip label of the next button when disabled\n     */\n    disabledTooltipLabel?: string;\n}\n\nconst ModalWizardStep: FunctionComponent<PropsWithChildren<ModalWizardStepProps>> = ({children}) => <>{children}</>;\n\nModalWizardStep.defaultProps = {\n    showProgressBar: true,\n    countsAsProgress: true,\n};\n\nexport {ModalWizardStep};\n"],"names":["ModalWizardStep","children","defaultProps","showProgressBar","countsAsProgress"],"mappings":";AAmDA,MAAMA,kBAA8E,CAAC,EAACC,QAAQ,EAAC,iBAAK;kBAAGA;;AAEvGD,gBAAgBE,YAAY,GAAG;IAC3BC,iBAAiB;IACjBC,kBAAkB;AACtB;AAEA,SAAQJ,eAAe,GAAE"}

package/dist/esm/components/modal-wizard/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ModalWizard';
-export { type ModalWizardStepProps } from './ModalWizardStep';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/modal-wizard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,KAAK,oBAAoB,EAAC,MAAM,mBAAmB,CAAC"}

package/dist/esm/components/modal-wizard/index.js

@@ -1,3 +0,0 @@
-export * from './ModalWizard';
-
-//# sourceMappingURL=index.js.map

package/dist/esm/components/modal-wizard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/modal-wizard/index.ts"],"sourcesContent":["export * from './ModalWizard';\nexport {type ModalWizardStepProps} from './ModalWizardStep';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB"}

package/dist/esm/components/table/Table.styles.d.ts

@@ -1,18 +0,0 @@
-declare const useStyles: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        [x: string]: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-export declare const TableComponentsOrder: {
-    MultiSelectInfo: number;
-    Actions: number;
-    Predicate: number;
-    Filter: number;
-    DateRangePicker: number;
-    ColumnsSelector: number;
-    LayoutControl: number;
-};
-export default useStyles;
-//# sourceMappingURL=Table.styles.d.ts.map

package/dist/esm/components/table/Table.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.styles.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,SAAS;;;;;;CAuBZ,CAAC;AAEJ,eAAO,MAAM,oBAAoB;;;;;;;;CAQhC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/components/table/Table.styles.js

@@ -1,34 +0,0 @@
-import { createStyles } from '@mantine/core';
-const useStyles = createStyles((theme)=>({
-        table: {
-            width: '100%'
-        },
-        header: {
-            position: 'sticky',
-            top: 0,
-            backgroundColor: theme.colorScheme === 'dark' ? theme.black : theme.white,
-            transition: 'box-shadow 150ms ease',
-            zIndex: 1,
-            '&::after': {
-                content: '""',
-                position: 'absolute',
-                left: 0,
-                right: 0,
-                bottom: 0,
-                borderBottom: `1px solid ${theme.colors.gray[3]}`
-            }
-        },
-        body: {}
-    }));
-export const TableComponentsOrder = {
-    MultiSelectInfo: 7,
-    Actions: 6,
-    Predicate: 5,
-    Filter: 4,
-    DateRangePicker: 3,
-    ColumnsSelector: 2,
-    LayoutControl: 1
-};
-export default useStyles;
-
-//# sourceMappingURL=Table.styles.js.map

package/dist/esm/components/table/Table.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/table/Table.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nconst useStyles = createStyles<string>((theme) => ({\n    table: {\n        width: '100%',\n    },\n\n    header: {\n        position: 'sticky',\n        top: 0,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.black : theme.white,\n        transition: 'box-shadow 150ms ease',\n        zIndex: 1,\n\n        '&::after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: 0,\n            right: 0,\n            bottom: 0,\n            borderBottom: `1px solid ${theme.colors.gray[3]}`,\n        },\n    },\n\n    body: {},\n}));\n\nexport const TableComponentsOrder = {\n    MultiSelectInfo: 7,\n    Actions: 6,\n    Predicate: 5,\n    Filter: 4,\n    DateRangePicker: 3,\n    ColumnsSelector: 2,\n    LayoutControl: 1,\n};\n\nexport default useStyles;\n"],"names":["createStyles","useStyles","theme","table","width","header","position","top","backgroundColor","colorScheme","black","white","transition","zIndex","content","left","right","bottom","borderBottom","colors","gray","body","TableComponentsOrder","MultiSelectInfo","Actions","Predicate","Filter","DateRangePicker","ColumnsSelector","LayoutControl"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,MAAMC,YAAYD,aAAqB,CAACE,QAAW,CAAA;QAC/CC,OAAO;YACHC,OAAO;QACX;QAEAC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,iBAAiBN,MAAMO,WAAW,KAAK,SAASP,MAAMQ,KAAK,GAAGR,MAAMS,KAAK;YACzEC,YAAY;YACZC,QAAQ;YAER,YAAY;gBACRC,SAAS;gBACTR,UAAU;gBACVS,MAAM;gBACNC,OAAO;gBACPC,QAAQ;gBACRC,cAAc,CAAC,UAAU,EAAEhB,MAAMiB,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;YACrD;QACJ;QAEAC,MAAM,CAAC;IACX,CAAA;AAEA,OAAO,MAAMC,uBAAuB;IAChCC,iBAAiB;IACjBC,SAAS;IACTC,WAAW;IACXC,QAAQ;IACRC,iBAAiB;IACjBC,iBAAiB;IACjBC,eAAe;AACnB,EAAE;AAEF,eAAe5B,UAAU"}

package/dist/esm/components/table/layouts/RowLayout.d.ts

@@ -1,3 +0,0 @@
-import { TableLayout } from '../Table.types';
-export declare const RowLayout: TableLayout;
-//# sourceMappingURL=RowLayout.d.ts.map

package/dist/esm/components/table/layouts/RowLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/layouts/RowLayout.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAkI3C,eAAO,MAAM,SAAS,EAAE,WAKvB,CAAC"}

package/dist/esm/components/table/layouts/RowLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/table/layouts/RowLayout.tsx"],"sourcesContent":["import {ListSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, Collapse} from '@mantine/core';\nimport {flexRender} from '@tanstack/react-table';\nimport {defaultColumnSizing} from '@tanstack/table-core';\nimport {Fragment, type MouseEvent} from 'react';\nimport {TableLayout} from '../Table.types';\nimport {useTable} from '../TableContext';\nimport {TableCollapsibleColumn} from '../table-column/TableCollapsibleColumn';\nimport {TableSelectableColumn} from '../table-column/TableSelectableColumn';\nimport {Th} from '../table-header/Th';\nimport {TableLoading} from '../table-loading/TableLoading';\nimport useStyles from './RowLayout.styles';\nimport {TableLayoutProps} from './RowLayout.types'; // TODO https://coveord.atlassian.net/browse/ADUI-9182\n\nconst RowLayoutHeader = <T,>({table, classNames, styles, unstyled}: TableLayoutProps<T>) => {\n    const {multiRowSelectionEnabled, disableRowSelection} = useTable();\n    const {classes} = useStyles(\n        {disableRowSelection, multiRowSelectionEnabled},\n        {name: 'RowLayout', classNames, styles, unstyled},\n    );\n    const headers = table.getHeaderGroups().map((headerGroup) => (\n        <tr key={headerGroup.id} className={classes.headerColumns}>\n            {headerGroup.headers.map((columnHeader) => (\n                <Th key={columnHeader.id} header={columnHeader} />\n            ))}\n        </tr>\n    ));\n    return <>{headers}</>;\n};\n\nconst RowLayoutBody = <T,>({\n    table,\n    doubleClickAction,\n    getExpandChildren,\n    loading,\n    keepSelection,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}: TableLayoutProps<T>) => {\n    const {multiRowSelectionEnabled, disableRowSelection} = useTable();\n    const {classes, cx} = useStyles(\n        {disableRowSelection, multiRowSelectionEnabled},\n        {name: 'RowLayout', classNames, styles, unstyled},\n    );\n\n    const toggleCollapsible = (el: HTMLTableRowElement) => {\n        const cell = el.children[el.children.length - 1] as HTMLTableCellElement;\n        cell.querySelector('button').click();\n    };\n\n    const rows = table.getRowModel()?.rows.map((row) => {\n        const rowChildren = getExpandChildren?.(row.original) ?? null;\n        const isSelected = !!row.getIsSelected();\n        const shouldKeepSelection = keepSelection && isSelected;\n        const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n            if (rowChildren) {\n                toggleCollapsible(event.currentTarget);\n            }\n            if (!disableRowSelection && !multiRowSelectionEnabled && !shouldKeepSelection) {\n                row.toggleSelected();\n            }\n        };\n\n        return (\n            <Fragment key={row.id}>\n                <tr\n                    onClick={onClick}\n                    onDoubleClick={() => doubleClickAction?.(row.original)}\n                    className={cx(classes.row, {\n                        [classes.rowSelected]: isSelected,\n                        [classes.rowUnselectable]: disableRowSelection,\n                    })}\n                    aria-selected={isSelected}\n                    data-testid={row.id}\n                >\n                    {row.getVisibleCells().map((cell) => {\n                        const columnSizing = {\n                            ...defaultColumnSizing,\n                            size: cell.column.columnDef.size,\n                            minSize: cell.column.columnDef.minSize,\n                            maxSize: cell.column.columnDef.maxSize,\n                        };\n\n                        const onCollapsibleCellClick = (event: MouseEvent<HTMLTableCellElement>) => {\n                            if (cell.column.id === TableSelectableColumn.id && !disableRowSelection) {\n                                event.stopPropagation();\n                                row.getToggleSelectedHandler();\n                            }\n                        };\n                        return (\n                            <td\n                                key={cell.id}\n                                data-testid={cell.id}\n                                style={{\n                                    width: columnSizing.size ?? 'auto',\n                                    minWidth: columnSizing.minSize,\n                                    maxWidth: columnSizing.maxSize,\n                                }}\n                                className={cx(classes.cell, {\n                                    [classes.rowCollapsibleButtonCell]: cell.column.id === TableCollapsibleColumn.id,\n                                })}\n                                onClick={onCollapsibleCellClick}\n                            >\n                                <TableLoading visible={loading}>\n                                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                                </TableLoading>\n                            </td>\n                        );\n                    })}\n                </tr>\n                {rowChildren ? (\n                    <tr>\n                        <td\n                            colSpan={table.getAllColumns().length}\n                            style={{\n                                padding: 0,\n                            }}\n                        >\n                            <Collapse in={row.getIsExpanded()}>\n                                <Box className={classes.collapsible} px=\"sm\" py=\"xs\">\n                                    {rowChildren}\n                                </Box>\n                            </Collapse>\n                        </td>\n                    </tr>\n                ) : null}\n            </Fragment>\n        );\n    });\n\n    return <>{rows}</>;\n};\n\nexport const RowLayout: TableLayout = {\n    name: 'Rows',\n    icon: ListSize16Px,\n    Header: RowLayoutHeader,\n    Body: RowLayoutBody,\n};\n"],"names":["ListSize16Px","Box","Collapse","flexRender","defaultColumnSizing","Fragment","useTable","TableCollapsibleColumn","TableSelectableColumn","Th","TableLoading","useStyles","RowLayoutHeader","table","classNames","styles","unstyled","multiRowSelectionEnabled","disableRowSelection","classes","name","headers","getHeaderGroups","map","headerGroup","tr","className","headerColumns","columnHeader","header","id","RowLayoutBody","doubleClickAction","getExpandChildren","loading","keepSelection","others","cx","toggleCollapsible","el","cell","children","length","querySelector","click","rows","getRowModel","row","rowChildren","original","isSelected","getIsSelected","shouldKeepSelection","onClick","event","currentTarget","toggleSelected","onDoubleClick","rowSelected","rowUnselectable","aria-selected","data-testid","getVisibleCells","columnSizing","size","column","columnDef","minSize","maxSize","onCollapsibleCellClick","stopPropagation","getToggleSelectedHandler","td","style","width","minWidth","maxWidth","rowCollapsibleButtonCell","visible","getContext","colSpan","getAllColumns","padding","in","getIsExpanded","collapsible","px","py","RowLayout","icon","Header","Body"],"mappings":"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"}

package/dist/esm/components/table/layouts/RowLayout.styles.d.ts

@@ -1,13 +0,0 @@
-export interface RowLayoutStylesParams {
-    multiRowSelectionEnabled: boolean;
-    disableRowSelection: boolean;
-}
-declare const _default: (params: RowLayoutStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        [x: string]: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-export default _default;
-//# sourceMappingURL=RowLayout.styles.d.ts.map

package/dist/esm/components/table/layouts/RowLayout.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowLayout.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/layouts/RowLayout.styles.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,qBAAqB;IAClC,wBAAwB,EAAE,OAAO,CAAC;IAClC,mBAAmB,EAAE,OAAO,CAAC;CAChC;;;;;;;;AAED,wBA+DG"}