@coveord/plasma-mantine 47.0.1-next.2

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

@@ -0,0 +1,122 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, createStyles, Modal, Progress } from "@mantine/core";
+import { Children, useMemo, useState } from "react";
+import { StickyFooter } from "../sticky-footer";
+import { ModalWizardStep } from "./ModalWizardStep";
+import { Header } from "../header";
+var useStyles = createStyles(function() {
+    return {
+        modal: {
+            height: "70%",
+            display: "flex",
+            flexDirection: "column"
+        }
+    };
+});
+export var ModalWizard = function(param) {
+    var _cancelButtonLabel = param.cancelButtonLabel, cancelButtonLabel = _cancelButtonLabel === void 0 ? "Cancel" : _cancelButtonLabel, _nextButtonLabel = param.nextButtonLabel, nextButtonLabel = _nextButtonLabel === void 0 ? "Next" : _nextButtonLabel, _previousButtonLabel = param.previousButtonLabel, previousButtonLabel = _previousButtonLabel === void 0 ? "Previous" : _previousButtonLabel, _finishButtonLabel = param.finishButtonLabel, finishButtonLabel = _finishButtonLabel === void 0 ? "Finish" : _finishButtonLabel, onNext = param.onNext, onPrevious = param.onPrevious, onClose = param.onClose, onFinish = param.onFinish, isDirty = param.isDirty, modalProps = param.modalProps, handleDirtyState = param.handleDirtyState, closeButtonLabel = param.closeButtonLabel, children = param.children;
+    var ref, ref1;
+    var ref2 = _sliced_to_array(useState(0), 2), currentStepIndex = ref2[0], setCurrentStepIndex = ref2[1];
+    var modalSteps = Children.toArray(children).filter(function(child) {
+        return child.type === ModalWizardStep;
+    });
+    var numberOfSteps = modalSteps.length;
+    var numberOfStepsCountAsProgress = modalSteps.filter(function(step) {
+        return step.props.countsAsProgress;
+    }).length;
+    var isFirstStep = currentStepIndex === 0;
+    var isLastStep = currentStepIndex === numberOfSteps - 1;
+    var currentStep = modalSteps.filter(function(step, index) {
+        return index === currentStepIndex;
+    })[0];
+    var ref3;
+    var isValid = ((ref3 = currentStep === null || currentStep === void 0 ? void 0 : (ref = currentStep.props) === null || ref === void 0 ? void 0 : (ref1 = ref.validateStep) === null || ref1 === void 0 ? void 0 : ref1.call(ref, currentStepIndex, numberOfSteps)) !== null && ref3 !== void 0 ? ref3 : {
+        isValid: true
+    }).isValid;
+    var isModalDirty = isDirty && isDirty();
+    var classes = useStyles().classes;
+    var closeModalWizard = function() {
+        if (isModalDirty && handleDirtyState) {
+            handleDirtyState() && (onClose === null || onClose === void 0 ? void 0 : onClose());
+        } else {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+    };
+    var getProgress = function(currStepIndex) {
+        var validSteps = modalSteps.filter(function(step, index) {
+            return step.props.countsAsProgress && index <= currStepIndex;
+        }).length;
+        return validSteps / numberOfStepsCountAsProgress * 100;
+    };
+    var getProgressMemo = useMemo(function() {
+        return getProgress(currentStepIndex);
+    }, [
+        currentStepIndex
+    ]);
+    return /*#__PURE__*/ _jsxs(Modal, _object_spread_props(_object_spread({
+        opened: true,
+        classNames: {
+            modal: classes.modal
+        },
+        centered: true,
+        closeButtonLabel: closeButtonLabel,
+        padding: "xl",
+        title: /*#__PURE__*/ _jsx(Header, {
+            docLink: currentStep.props.docLin,
+            description: typeof currentStep.props.description === "function" ? currentStep.props.description(currentStepIndex + 1, numberOfSteps) : currentStep.props.description,
+            py: null,
+            px: null,
+            children: typeof currentStep.props.title === "function" ? currentStep.props.title(currentStepIndex + 1, numberOfSteps) : currentStep.props.title
+        }),
+        onClose: closeModalWizard
+    }, modalProps), {
+        children: [
+            currentStep.props.showProgressBar && /*#__PURE__*/ _jsx(Progress, {
+                value: getProgressMemo
+            }),
+            currentStep,
+            /*#__PURE__*/ _jsxs(StickyFooter, {
+                borderTop: true,
+                py: null,
+                px: null,
+                pt: "md",
+                children: [
+                    /*#__PURE__*/ _jsx(Button, {
+                        name: isFirstStep ? cancelButtonLabel : previousButtonLabel,
+                        disabled: false,
+                        size: "md",
+                        variant: "outline",
+                        onClick: function() {
+                            if (isFirstStep) {
+                                closeModalWizard();
+                            } else {
+                                onPrevious === null || onPrevious === void 0 ? void 0 : onPrevious();
+                                setCurrentStepIndex(currentStepIndex - 1);
+                            }
+                        },
+                        children: isFirstStep ? cancelButtonLabel : previousButtonLabel
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        disabled: !isValid,
+                        size: "md",
+                        onClick: function() {
+                            if (isLastStep) {
+                                onFinish ? onFinish() : onClose();
+                            } else {
+                                onNext === null || onNext === void 0 ? void 0 : onNext();
+                                setCurrentStepIndex(currentStepIndex + 1);
+                            }
+                        },
+                        children: isLastStep ? finishButtonLabel : nextButtonLabel
+                    })
+                ]
+            })
+        ]
+    }));
+};
+ModalWizard.Step = ModalWizardStep;
+
+//# sourceMappingURL=ModalWizard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, createStyles, Modal, Progress} from '@mantine/core';\nimport {Children, ReactElement, useMemo, useState} from 'react';\nimport {StickyFooter} from '../sticky-footer';\nimport {ModalWizardStep} from './ModalWizardStep';\nimport {Header} from '../header';\n\ninterface ModalWizardProps {\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\n    nextButtonLabel?: string;\n    /**\n     * The label of the previous button\n     *\n     * @default \"Previous\"\n     */\n    previousButtonLabel?: string;\n    /**\n     * The label of the finish button\n     *\n     * @default \"Finish\"\n     */\n\n    finishButtonLabel?: string;\n\n    /**\n     * A callback function that is executed when the user clicks on the next button\n     */\n    onNext?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the previous button\n     */\n    onPrevious?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the cancel button\n     */\n\n    onClose?: () => 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\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     * Props to pass to each modal\n     */\n    modalProps?: any;\n\n    /**\n     * Label for close button\n     */\n    closeButtonLabel?: string;\n\n    /**\n     * Children to display in modal wizard\n     * */\n    children?: Array<ReturnType<typeof ModalWizardStep>>;\n}\n\nconst useStyles = createStyles(() => ({\n    modal: {\n        height: '70%',\n        display: 'flex',\n        flexDirection: 'column',\n    },\n}));\n\ninterface ModalWizardType {\n    <T>(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    onNext,\n    onPrevious,\n    onClose,\n    onFinish,\n    isDirty,\n    modalProps,\n    handleDirtyState,\n    closeButtonLabel,\n    children,\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 numberOfStepsCountAsProgress = modalSteps.filter((step) => step.props.countsAsProgress).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} = currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};\n    const isModalDirty = isDirty && isDirty();\n\n    const {classes} = useStyles();\n\n    const closeModalWizard = () => {\n        if (isModalDirty && handleDirtyState) {\n            handleDirtyState() && onClose?.();\n        } else {\n            onClose?.();\n        }\n    };\n\n    const getProgress = (currStepIndex: number) => {\n        const validSteps = modalSteps.filter(\n            (step, index) => step.props.countsAsProgress && index <= currStepIndex\n        ).length;\n        return (validSteps / numberOfStepsCountAsProgress) * 100;\n    };\n\n    const getProgressMemo = useMemo(() => getProgress(currentStepIndex), [currentStepIndex]);\n\n    return (\n        <Modal\n            opened\n            classNames={{modal: classes.modal}}\n            centered\n            closeButtonLabel={closeButtonLabel}\n            padding=\"xl\"\n            title={\n                <Header\n                    docLink={currentStep.props.docLin}\n                    description={\n                        typeof currentStep.props.description === 'function'\n                            ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n                            : currentStep.props.description\n                    }\n                    py={null}\n                    px={null}\n                >\n                    {typeof currentStep.props.title === 'function'\n                        ? currentStep.props.title(currentStepIndex + 1, numberOfSteps)\n                        : currentStep.props.title}\n                </Header>\n            }\n            onClose={closeModalWizard}\n            {...modalProps}\n        >\n            {currentStep.props.showProgressBar && <Progress value={getProgressMemo} />}\n            {currentStep}\n            <StickyFooter borderTop py={null} px={null} pt=\"md\">\n                <Button\n                    name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                    disabled={false}\n                    size=\"md\"\n                    variant=\"outline\"\n                    onClick={() => {\n                        if (isFirstStep) {\n                            closeModalWizard();\n                        } else {\n                            onPrevious?.();\n                            setCurrentStepIndex(currentStepIndex - 1);\n                        }\n                    }}\n                >\n                    {isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                </Button>\n\n                <Button\n                    disabled={!isValid}\n                    size=\"md\"\n                    onClick={() => {\n                        if (isLastStep) {\n                            onFinish ? onFinish() : onClose();\n                        } else {\n                            onNext?.();\n                            setCurrentStepIndex(currentStepIndex + 1);\n                        }\n                    }}\n                >\n                    {isLastStep ? finishButtonLabel : nextButtonLabel}\n                </Button>\n            </StickyFooter>\n        </Modal>\n    );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["Button","createStyles","Modal","Progress","Children","useMemo","useState","StickyFooter","ModalWizardStep","Header","useStyles","modal","height","display","flexDirection","ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","onNext","onPrevious","onClose","onFinish","isDirty","modalProps","handleDirtyState","closeButtonLabel","children","currentStep","currentStepIndex","setCurrentStepIndex","modalSteps","toArray","filter","child","type","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","classes","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","opened","classNames","centered","padding","title","docLink","docLin","description","py","px","showProgressBar","value","borderTop","pt","name","disabled","size","variant","onClick","Step"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var ModalWizardStep = function(param) {
+    var children = param.children;
+    return /*#__PURE__*/ _jsx("div", {
+        children: children
+    });
+};
+ModalWizardStep.defaultProps = {
+    showProgressBar: true,
+    countsAsProgress: true
+};
+export { ModalWizardStep };
+
+//# sourceMappingURL=ModalWizardStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizardStep.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren, ReactElement} from 'react';\n\ntype DependsOnStep<T> = (currentStep: number, numberOfSteps: number) => T;\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?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n    /**\n     * The description of the current step. The description can be dependent on the current step if needed\n     */\n    description?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n    /**\n     * A link to the documentation for the current step\n     */\n    docLink: string;\n\n    /**\n     * A tooltip label for the docLink\n     */\n    docLinkTooltipLabel?: string | ReactElement | DependsOnStep<string | ReactElement>;\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\nconst ModalWizardStep: FunctionComponent<PropsWithChildren<ModalWizardStepProps>> = ({children}) => (\n    <div>{children}</div>\n);\n\nModalWizardStep.defaultProps = {\n    showProgressBar: true,\n    countsAsProgress: true,\n};\n\nexport {ModalWizardStep};\n"],"names":["ModalWizardStep","children","div","defaultProps","showProgressBar","countsAsProgress"],"mappings":"AAAA;AA6CA,IAAMA,eAAe,GAA+D;QAAEC,QAAQ,SAARA,QAAQ;yBAC1F,KAACC,KAAG;kBAAED,QAAQ;MAAO;CACxB,AAAC;AAEFD,eAAe,CAACG,YAAY,GAAG;IAC3BC,eAAe,EAAE,IAAI;IACrBC,gBAAgB,EAAE,IAAI;CACzB,CAAC;AAEF,SAAQL,eAAe,GAAE"}

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

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

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

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

package/dist/esm/components/prompt/Prompt.js

@@ -0,0 +1,90 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createStyles, Modal } from "@mantine/core";
+import { Children } from "react";
+import { PromptFooter } from "./PromptFooter";
+var useStyles = createStyles(function(theme) {
+    var white = "#fff";
+    return {
+        body: {
+            padding: 0
+        },
+        modalType: {
+            overflow: "hidden",
+            width: 550
+        },
+        innerBody: {
+            padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px ").concat(theme.spacing.lg, "px")
+        },
+        header: {
+            padding: "".concat(theme.spacing.md, "px ").concat(theme.spacing.xl, "px"),
+            width: "100%",
+            borderBottom: "1px solid ".concat(theme.colors.gray[3]),
+            fontSize: theme.headings.sizes.h4.fontSize,
+            lineHeight: theme.headings.sizes.h4.fontSize
+        },
+        default: {},
+        success: {
+            backgroundColor: theme.colors.lime[6],
+            color: white
+        },
+        warning: {
+            backgroundColor: theme.colors.yellow[5],
+            color: white
+        },
+        critical: {
+            backgroundColor: theme.colors.red[6],
+            color: white
+        },
+        info: {
+            backgroundColor: theme.colors.navy[5],
+            color: white
+        },
+        whiteClose: {
+            color: white,
+            "&:hover": {
+                backgroundColor: "transparent"
+            }
+        }
+    };
+});
+export var Prompt = function(_param) {
+    var children = _param.children, variant = _param.variant, size = _param.size, otherProps = _object_without_properties(_param, [
+        "children",
+        "variant",
+        "size"
+    ]);
+    var ref = useStyles(), classes = ref.classes, cx = ref.cx;
+    var defaultVariant = variant === "default";
+    var convertedChildren = Children.toArray(children);
+    var otherChildren = convertedChildren.filter(function(child) {
+        return child.type !== PromptFooter;
+    });
+    var footer = convertedChildren.find(function(child) {
+        return child.type === PromptFooter;
+    });
+    var classNames = {
+        header: cx(classes.header, classes[variant]),
+        close: !defaultVariant && classes.whiteClose,
+        body: classes.body,
+        modal: !defaultVariant && classes.modalType
+    };
+    return /*#__PURE__*/ _jsxs(Modal, _object_spread_props(_object_spread({
+        padding: 0,
+        classNames: classNames,
+        size: defaultVariant ? size : "sm"
+    }, otherProps), {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: classes.innerBody,
+                children: otherChildren
+            }),
+            footer
+        ]
+    }));
+};
+Prompt.Footer = PromptFooter;
+
+//# sourceMappingURL=Prompt.js.map

package/dist/esm/components/prompt/Prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => {\n    const white = '#fff';\n    return {\n        body: {\n            padding: 0,\n        },\n        modalType: {overflow: 'hidden', width: 550},\n        innerBody: {\n            padding: `${theme.spacing.md}px ${theme.spacing.xl}px ${theme.spacing.lg}px`,\n        },\n        header: {\n            padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n            width: '100%',\n            borderBottom: `1px solid ${theme.colors.gray[3]}`,\n            fontSize: theme.headings.sizes.h4.fontSize,\n            lineHeight: theme.headings.sizes.h4.fontSize,\n        },\n        default: {},\n        success: {backgroundColor: theme.colors.lime[6], color: white},\n        warning: {backgroundColor: theme.colors.yellow[5], color: white},\n        critical: {\n            backgroundColor: theme.colors.red[6],\n            color: white,\n        },\n        info: {backgroundColor: theme.colors.navy[5], color: white},\n        whiteClose: {color: white, '&:hover': {backgroundColor: 'transparent'}},\n    };\n});\n\nexport interface PromptProps extends ModalProps {\n    variant: 'default' | 'success' | 'warning' | 'critical' | 'info';\n    children: ReactNode;\n}\ninterface PromptType {\n    (props: PromptProps): ReactElement;\n    Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant, size, ...otherProps}) => {\n    const {classes, cx} = useStyles();\n    const defaultVariant = variant === 'default';\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    const classNames = {\n        header: cx(classes.header, classes[variant]),\n        close: !defaultVariant && classes.whiteClose,\n        body: classes.body,\n        modal: !defaultVariant && classes.modalType,\n    };\n\n    return (\n        <Modal padding={0} classNames={classNames} size={defaultVariant ? size : 'sm'} {...otherProps}>\n            <div className={classes.innerBody}>{otherChildren}</div>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["createStyles","Modal","Children","PromptFooter","useStyles","theme","white","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h4","lineHeight","default","success","backgroundColor","lime","color","warning","yellow","critical","red","info","navy","whiteClose","Prompt","children","variant","size","otherProps","classes","cx","defaultVariant","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","classNames","close","modal","div","className","Footer"],"mappings":"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"}

package/dist/esm/components/prompt/PromptFooter.js

@@ -0,0 +1,15 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StickyFooter } from "../sticky-footer";
+export var PromptFooter = function(_param) /*#__PURE__*/ {
+    var children = _param.children, otherProps = _object_without_properties(_param, [
+        "children"
+    ]);
+    return _jsx(StickyFooter, _object_spread_props(_object_spread({}, otherProps), {
+        children: children
+    }));
+};
+
+//# sourceMappingURL=PromptFooter.js.map

package/dist/esm/components/prompt/PromptFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n    <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["StickyFooter","PromptFooter","children","otherProps"],"mappings":"AAAA;;;;AACA,SAAQA,YAAY,QAA0B,kBAAkB,CAAC;AAIjE,OAAO,IAAMC,YAAY,GAA4D,+BACjF;QADmFC,QAAQ,UAARA,QAAQ,EAAKC,UAAU;QAAvBD,UAAQ;;WAC3F,KAACF,YAAY,0CAAKG,UAAU;kBAAGD,QAAQ;OAAgB;AAAD,CACzD,CAAC"}

package/dist/esm/components/prompt/index.js

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

package/dist/esm/components/prompt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/components/sticky-footer/StickyFooter.js

@@ -0,0 +1,40 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createStyles, Divider, Group, Paper } from "@mantine/core";
+var useStyles = createStyles(function() {
+    return {
+        footer: {
+            position: "sticky",
+            bottom: 0,
+            zIndex: 1,
+            maxHeight: "80px"
+        }
+    };
+});
+export var StickyFooter = function(_param) {
+    var borderTop = _param.borderTop, children = _param.children, others = _object_without_properties(_param, [
+        "borderTop",
+        "children"
+    ]);
+    var classes = useStyles().classes;
+    return /*#__PURE__*/ _jsxs(Paper, {
+        className: classes.footer,
+        children: [
+            borderTop ? /*#__PURE__*/ _jsx(Divider, {
+                size: "xs"
+            }) : null,
+            /*#__PURE__*/ _jsx(Group, _object_spread_props(_object_spread({
+                position: "right",
+                spacing: "xs",
+                py: "md",
+                px: "xl"
+            }, others), {
+                children: children
+            }))
+        ]
+    });
+};
+
+//# sourceMappingURL=StickyFooter.js.map

package/dist/esm/components/sticky-footer/StickyFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Divider, Group, Paper} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n}\n\nconst useStyles = createStyles(() => ({\n    footer: {\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 1,\n        maxHeight: '80px',\n    },\n}));\n\nexport const StickyFooter: FunctionComponent<PropsWithChildren<StickyFooterProps>> = ({\n    borderTop,\n    children,\n    ...others\n}) => {\n    const {classes} = useStyles();\n\n    return (\n        <Paper className={classes.footer}>\n            {borderTop ? <Divider size=\"xs\" /> : null}\n            <Group position=\"right\" spacing=\"xs\" py=\"md\" px=\"xl\" {...others}>\n                {children}\n            </Group>\n        </Paper>\n    );\n};\n"],"names":["createStyles","Divider","Group","Paper","useStyles","footer","position","bottom","zIndex","maxHeight","StickyFooter","borderTop","children","others","classes","className","size","spacing","py","px"],"mappings":"AAAA;;;;AAAA,SAAQA,YAAY,EAAgBC,OAAO,EAAEC,KAAK,EAAEC,KAAK,QAAO,eAAe,CAAC;AAUhF,IAAMC,SAAS,GAAGJ,YAAY,CAAC;WAAO;QAClCK,MAAM,EAAE;YACJC,QAAQ,EAAE,QAAQ;YAClBC,MAAM,EAAE,CAAC;YACTC,MAAM,EAAE,CAAC;YACTC,SAAS,EAAE,MAAM;SACpB;KACJ;CAAC,CAAC,AAAC;AAEJ,OAAO,IAAMC,YAAY,GAA4D,iBAI/E;QAHFC,SAAS,UAATA,SAAS,EACTC,QAAQ,UAARA,QAAQ,EACLC,MAAM;QAFTF,WAAS;QACTC,UAAQ;;IAGR,IAAM,AAACE,OAAO,GAAIV,SAAS,EAAE,CAAtBU,OAAO,AAAe,AAAC;IAE9B,qBACI,MAACX,KAAK;QAACY,SAAS,EAAED,OAAO,CAACT,MAAM;;YAC3BM,SAAS,iBAAG,KAACV,OAAO;gBAACe,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;0BACzC,KAACd,KAAK;gBAACI,QAAQ,EAAC,OAAO;gBAACW,OAAO,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKN,MAAM;0BAC1DD,QAAQ;eACL;;MACJ,CACV;AACN,CAAC,CAAC"}

package/dist/esm/components/sticky-footer/index.js

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

package/dist/esm/components/sticky-footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,248 @@
+import _define_property from "@swc/helpers/src/_define_property.mjs";
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Center, Collapse, createStyles, Loader, Skeleton, Table as MantineTable } from "@mantine/core";
+import { useForm } from "@mantine/form";
+import { useDidUpdate } from "@mantine/hooks";
+import { defaultColumnSizing, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
+import defaultsDeep from "lodash.defaultsdeep";
+import { Children, Fragment, useCallback, useEffect, useState } from "react";
+import { TableActions } from "./TableActions";
+import { TableCollapsibleColumn } from "./TableCollapsibleColumn";
+import { TableContext } from "./TableContext";
+import { TableDateRangePicker } from "./TableDateRangePicker";
+import { TableFilter } from "./TableFilter";
+import { TableFooter } from "./TableFooter";
+import { TableHeader } from "./TableHeader";
+import { TablePagination } from "./TablePagination";
+import { TablePerPage } from "./TablePerPage";
+import { TablePredicate } from "./TablePredicate";
+import { Th } from "./Th";
+var useStyles = createStyles(function(theme, param, getRef) {
+    var hasHeader = param.hasHeader;
+    return {
+        table: {
+            width: "100%"
+        },
+        header: {
+            position: "sticky",
+            top: hasHeader ? 69 : 0,
+            backgroundColor: theme.colorScheme === "dark" ? theme.black : theme.white,
+            transition: "box-shadow 150ms ease",
+            zIndex: 12,
+            "&::after": {
+                content: '""',
+                position: "absolute",
+                left: 0,
+                right: 0,
+                bottom: 0,
+                borderBottom: "1px solid ".concat(theme.colors.gray[2])
+            }
+        },
+        rowSelected: {
+            ref: getRef("rowSelected")
+        },
+        row: _define_property({}, "&:hover, &.".concat(getRef("rowSelected")), {
+            backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2) : theme.colors[theme.primaryColor][0]
+        })
+    };
+});
+export var Table = function(param) {
+    var data = param.data, noDataChildren = param.noDataChildren, getExpandChildren = param.getExpandChildren, _initialState = param.initialState, initialState = _initialState === void 0 ? {} : _initialState, columns = param.columns, onMount = param.onMount, onChange = param.onChange, children = param.children, _loading = param.loading, loading = _loading === void 0 ? false : _loading;
+    var convertedChildren = Children.toArray(children);
+    var header = convertedChildren.find(function(child) {
+        return child.type === TableHeader;
+    });
+    var footer = convertedChildren.find(function(child) {
+        return child.type === TableFooter;
+    });
+    var predicates = initialState.predicates, dateRange = initialState.dateRange, initialStateWithoutForm = _object_without_properties(initialState, [
+        "predicates",
+        "dateRange"
+    ]);
+    var ref, ref1;
+    var form = useForm({
+        initialValues: {
+            predicates: (ref = initialState === null || initialState === void 0 ? void 0 : initialState.predicates) !== null && ref !== void 0 ? ref : {},
+            dateRange: (ref1 = initialState === null || initialState === void 0 ? void 0 : initialState.dateRange) !== null && ref1 !== void 0 ? ref1 : [
+                null,
+                null
+            ]
+        }
+    });
+    var ref2 = useStyles({
+        hasHeader: !!header
+    }), cx = ref2.cx, classes = ref2.classes;
+    var ref3;
+    var table = useReactTable({
+        initialState: defaultsDeep(initialStateWithoutForm, {
+            pagination: {
+                pageSize: TablePerPage.DEFAULT_SIZE
+            }
+        }),
+        data: data,
+        columns: columns,
+        getCoreRowModel: getCoreRowModel(),
+        manualPagination: true,
+        getRowCanExpand: function(row) {
+            return (ref3 = !!(getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original))) !== null && ref3 !== void 0 ? ref3 : false;
+        }
+    });
+    var ref4 = _sliced_to_array(useState(table.initialState), 2), state = ref4[0], setState = ref4[1];
+    table.setOptions(function(prev) {
+        return _object_spread_props(_object_spread({}, prev), {
+            state: state,
+            onStateChange: setState
+        });
+    });
+    var triggerChange = function() {
+        return onChange === null || onChange === void 0 ? void 0 : onChange(_object_spread({}, state, form.values));
+    };
+    useEffect(function() {
+        onMount === null || onMount === void 0 ? void 0 : onMount(_object_spread({}, state, form.values));
+    }, []);
+    useDidUpdate(function() {
+        triggerChange();
+        clearSelection();
+    }, [
+        state.globalFilter,
+        state.sorting,
+        state.pagination,
+        form.values
+    ]);
+    var clearFilters = useCallback(function() {
+        form.setFieldValue("predicates", {});
+        setState(function(prevState) {
+            return _object_spread_props(_object_spread({}, prevState), {
+                globalFilter: ""
+            });
+        });
+    }, []);
+    var clearSelection = function() {
+        setState(function(prevState) {
+            return _object_spread_props(_object_spread({}, prevState), {
+                rowSelection: {}
+            });
+        });
+    };
+    var ref5;
+    var getSelectedRow = useCallback(function() {
+        var ref, ref1;
+        return (ref5 = (ref = table.getSelectedRowModel().flatRows) === null || ref === void 0 ? void 0 : (ref1 = ref[0]) === null || ref1 === void 0 ? void 0 : ref1.original) !== null && ref5 !== void 0 ? ref5 : null;
+    }, [
+        state.rowSelection
+    ]);
+    if (!data) {
+        return /*#__PURE__*/ _jsx(Center, {
+            sx: {
+                flexGrow: 1
+            },
+            children: /*#__PURE__*/ _jsx(Loader, {})
+        });
+    }
+    var toggleRowSelection = function(row) {
+        table.setRowSelection(function() {
+            return _define_property({}, row.id, !row.getIsSelected());
+        });
+    };
+    var rows = table.getRowModel().rows.map(function(row) {
+        var ref;
+        var rowChildren = (ref = getExpandChildren === null || getExpandChildren === void 0 ? void 0 : getExpandChildren(row.original)) !== null && ref !== void 0 ? ref : null;
+        return /*#__PURE__*/ _jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx("tr", {
+                    onClick: function() {
+                        return toggleRowSelection(row);
+                    },
+                    className: cx(classes.row, _define_property({}, classes.rowSelected, row.getIsSelected())),
+                    children: row.getVisibleCells().map(function(cell) {
+                        var size = cell.column.getSize();
+                        var width = size !== defaultColumnSizing.size ? size : undefined;
+                        return /*#__PURE__*/ _jsx("td", {
+                            style: {
+                                width: width
+                            },
+                            children: /*#__PURE__*/ _jsx(Skeleton, {
+                                visible: loading,
+                                children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                            })
+                        }, cell.id);
+                    })
+                }),
+                rowChildren ? /*#__PURE__*/ _jsx("tr", {
+                    children: /*#__PURE__*/ _jsx("td", {
+                        colSpan: columns.length + 1,
+                        style: {
+                            padding: 0,
+                            borderBottomColor: row.getIsExpanded() ? undefined : "transparent"
+                        },
+                        children: /*#__PURE__*/ _jsx(Collapse, {
+                            in: row.getIsExpanded(),
+                            px: "sm",
+                            py: "xs",
+                            children: rowChildren
+                        })
+                    })
+                }) : null
+            ]
+        }, row.id);
+    });
+    return /*#__PURE__*/ _jsxs(TableContext.Provider, {
+        value: {
+            onChange: triggerChange,
+            state: state,
+            setState: setState,
+            clearFilters: clearFilters,
+            getSelectedRow: getSelectedRow,
+            clearSelection: clearSelection,
+            form: form
+        },
+        children: [
+            header,
+            /*#__PURE__*/ _jsxs(MantineTable, {
+                className: classes.table,
+                horizontalSpacing: "sm",
+                verticalSpacing: "xs",
+                pb: "sm",
+                children: [
+                    /*#__PURE__*/ _jsx("thead", {
+                        className: classes.header,
+                        children: table.getHeaderGroups().map(function(headerGroup) {
+                            return /*#__PURE__*/ _jsx("tr", {
+                                children: headerGroup.headers.map(function(columnHeader) {
+                                    return /*#__PURE__*/ _jsx(Th, {
+                                        header: columnHeader
+                                    }, columnHeader.id);
+                                })
+                            }, headerGroup.id);
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx("tbody", {
+                        children: rows.length ? rows : /*#__PURE__*/ _jsx("tr", {
+                            children: /*#__PURE__*/ _jsx("td", {
+                                colSpan: columns.length,
+                                children: noDataChildren
+                            })
+                        })
+                    })
+                ]
+            }),
+            footer
+        ]
+    });
+};
+Table.Actions = TableActions;
+Table.Filter = TableFilter;
+Table.Footer = TableFooter;
+Table.Header = TableHeader;
+Table.Pagination = TablePagination;
+Table.Predicate = TablePredicate;
+Table.PerPage = TablePerPage;
+Table.Predicate = TablePredicate;
+Table.CollapsibleColumn = TableCollapsibleColumn;
+Table.DateRangePicker = TableDateRangePicker;
+
+//# sourceMappingURL=Table.js.map