@coveord/plasma-mantine 48.10.1 → 48.13.2

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

@@ -78,8 +78,8 @@ var ModalWizard = function(_param) {
         title: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_header.Header, {
             docLink: currentStep.props.docLink,
             description: typeof currentStep.props.description === "function" ? currentStep.props.description(currentStepIndex + 1, numberOfSteps) : currentStep.props.description,
-            py: null,
-            px: null,
+            py: 0,
+            px: 0,
             children: typeof currentStep.props.title === "function" ? currentStep.props.title(currentStepIndex + 1, numberOfSteps) : currentStep.props.title
         }),
         onClose: closeModalWizard
@@ -92,10 +92,10 @@ var ModalWizard = function(_param) {
             }),
             currentStep,
             /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_stickyFooter.StickyFooter, {
+                py: 0,
+                px: 0,
+                pt: "sm",
                 borderTop: true,
-                py: null,
-                px: null,
-                pt: "md",
                 children: [
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
                         name: isFirstStep ? cancelButtonLabel : previousButtonLabel,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, Modal, ModalProps, 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 extends 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?: () => 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 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\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    children,\n    ...modalProps\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 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={opened}\n            classNames={classNames}\n            centered\n            title={\n                <Header\n                    docLink={currentStep.props.docLink}\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 color=\"teal\" size=\"lg\" 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=\"sm\"\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=\"sm\"\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":["ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","children","modalProps","currentStep","useState","currentStepIndex","setCurrentStepIndex","modalSteps","Children","toArray","filter","child","type","ModalWizardStep","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","useMemo","Modal","centered","title","Header","docLink","description","py","px","showProgressBar","Progress","color","size","value","StickyFooter","borderTop","pt","Button","name","disabled","variant","onClick","Step"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, Modal, ModalProps, 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 extends 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?: () => 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 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\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    children,\n    ...modalProps\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 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={opened}\n            classNames={classNames}\n            centered\n            title={\n                <Header\n                    docLink={currentStep.props.docLink}\n                    description={\n                        typeof currentStep.props.description === 'function'\n                            ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n                            : currentStep.props.description\n                    }\n                    py={0}\n                    px={0}\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 color=\"teal\" size=\"lg\" value={getProgressMemo} />}\n            {currentStep}\n            <StickyFooter py={0} px={0} pt=\"sm\" borderTop>\n                <Button\n                    name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                    disabled={false}\n                    size=\"sm\"\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=\"sm\"\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":["ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","children","modalProps","currentStep","useState","currentStepIndex","setCurrentStepIndex","modalSteps","Children","toArray","filter","child","type","ModalWizardStep","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","useMemo","Modal","centered","title","Header","docLink","description","py","px","showProgressBar","Progress","color","size","value","StickyFooter","pt","borderTop","Button","name","disabled","variant","onClick","Step"],"mappings":"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"}

package/dist/cjs/components/table/TableHeader.js

@@ -8,11 +8,14 @@ Object.defineProperty(exports, "TableHeader", {
         return TableHeader;
     }
 });
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
 var _jsxRuntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var useStyles = (0, _core.createStyles)(function(theme) {
     return {
-        header: {
+        root: {
             position: "sticky",
             top: 0,
             zIndex: 13,
@@ -21,17 +24,28 @@ var useStyles = (0, _core.createStyles)(function(theme) {
         }
     };
 });
-var TableHeader = function(param) {
-    var children = param.children;
-    var classes = useStyles().classes;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, {
+var TableHeader = function(_param) {
+    var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _objectWithoutProperties(_param, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "children"
+    ]);
+    var classes = useStyles(null, {
+        name: "TableHeader",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }).classes;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, _objectSpreadProps(_objectSpread({
         position: "right",
         spacing: "lg",
-        className: classes.header,
+        className: classes.root,
         px: "md",
-        py: "sm",
+        py: "sm"
+    }, others), {
         children: children
-    });
+    }));
 };
 
 //# sourceMappingURL=TableHeader.js.map

package/dist/cjs/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    header: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\nexport const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {\n    const {classes} = useStyles();\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.header} px=\"md\" py=\"sm\">\n            {children}\n        </Group>\n    );\n};\n"],"names":["TableHeader","useStyles","createStyles","theme","header","position","top","zIndex","backgroundColor","colors","gray","borderBottom","children","classes","Group","spacing","className","px","py"],"mappings":"AAAA;;;;+BAaaA;;;eAAAA;;;;oBAbqB;AAGlC,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAEO,IAAMV,cAAoD,gBAAgB;QAAdY,iBAAAA;IAC/D,IAAM,AAACC,UAAWZ,YAAXY;IACP,qBACI,qBAACC,WAAK;QAACT,UAAS;QAAQU,SAAQ;QAAKC,WAAWH,QAAQT,MAAM;QAAEa,IAAG;QAAKC,IAAG;kBACtEN;;AAGb"}
+{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Group, Selectors} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    root: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\ntype TableHeaderStylesNames = Selectors<typeof useStyles>;\ninterface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n}\nexport const TableHeader: FunctionComponent<TableHeaderProps> = ({\n    classNames,\n    styles,\n    unstyled,\n    children,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.root} px=\"md\" py=\"sm\" {...others}>\n            {children}\n        </Group>\n    );\n};\n"],"names":["TableHeader","useStyles","createStyles","theme","root","position","top","zIndex","backgroundColor","colors","gray","borderBottom","classNames","styles","unstyled","children","others","classes","name","Group","spacing","className","px","py"],"mappings":"AAAA;;;;+BAkBaA;;;eAAAA;;;;;;;oBAlB8C;AAG3D,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,MAAM;YACFC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAOO,IAAMV,cAAmD,iBAM1D;QALFY,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWhB,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAeN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EG;IACP,qBACI,qBAACE,WAAK;QAACd,UAAS;QAAQe,SAAQ;QAAKC,WAAWJ,QAAQb,IAAI;QAAEkB,IAAG;QAAKC,IAAG;OAASP;kBAC7ED;;AAGb"}

package/dist/definitions/components/table/TableHeader.d.ts

@@ -1,3 +1,14 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
-export declare const TableHeader: FunctionComponent<PropsWithChildren>;
+import { DefaultProps, Selectors } from '@mantine/core';
+import { FunctionComponent, ReactNode } from 'react';
+declare const useStyles: (params: void, options?: import("@mantine/core").UseStylesOptions<"root">) => {
+    classes: Record<"root", string>;
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+declare type TableHeaderStylesNames = Selectors<typeof useStyles>;
+interface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {
+    children?: ReactNode;
+}
+export declare const TableHeader: FunctionComponent<TableHeaderProps>;
+export {};
 //# sourceMappingURL=TableHeader.d.ts.map

package/dist/definitions/components/table/TableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAY3D,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAO5D,CAAC"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAS,SAAS,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEnD,QAAA,MAAM,SAAS;;;;CAQZ,CAAC;AAEJ,aAAK,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAC1D,UAAU,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAEnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAa3D,CAAC"}

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

@@ -68,8 +68,8 @@ export var ModalWizard = function(_param) {
         title: /*#__PURE__*/ _jsx(Header, {
             docLink: currentStep.props.docLink,
             description: typeof currentStep.props.description === "function" ? currentStep.props.description(currentStepIndex + 1, numberOfSteps) : currentStep.props.description,
-            py: null,
-            px: null,
+            py: 0,
+            px: 0,
             children: typeof currentStep.props.title === "function" ? currentStep.props.title(currentStepIndex + 1, numberOfSteps) : currentStep.props.title
         }),
         onClose: closeModalWizard
@@ -82,10 +82,10 @@ export var ModalWizard = function(_param) {
             }),
             currentStep,
             /*#__PURE__*/ _jsxs(StickyFooter, {
+                py: 0,
+                px: 0,
+                pt: "sm",
                 borderTop: true,
-                py: null,
-                px: null,
-                pt: "md",
                 children: [
                     /*#__PURE__*/ _jsx(Button, {
                         name: isFirstStep ? cancelButtonLabel : previousButtonLabel,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, Modal, ModalProps, 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 extends 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?: () => 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 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\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    children,\n    ...modalProps\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 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={opened}\n            classNames={classNames}\n            centered\n            title={\n                <Header\n                    docLink={currentStep.props.docLink}\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 color=\"teal\" size=\"lg\" 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=\"sm\"\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=\"sm\"\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","Modal","Progress","Children","useMemo","useState","StickyFooter","ModalWizardStep","Header","ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","children","modalProps","currentStep","currentStepIndex","setCurrentStepIndex","modalSteps","toArray","filter","child","type","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","centered","title","docLink","description","py","px","showProgressBar","color","size","value","borderTop","pt","name","disabled","variant","onClick","Step"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, Modal, ModalProps, 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 extends 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?: () => 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 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\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    children,\n    ...modalProps\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 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={opened}\n            classNames={classNames}\n            centered\n            title={\n                <Header\n                    docLink={currentStep.props.docLink}\n                    description={\n                        typeof currentStep.props.description === 'function'\n                            ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n                            : currentStep.props.description\n                    }\n                    py={0}\n                    px={0}\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 color=\"teal\" size=\"lg\" value={getProgressMemo} />}\n            {currentStep}\n            <StickyFooter py={0} px={0} pt=\"sm\" borderTop>\n                <Button\n                    name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                    disabled={false}\n                    size=\"sm\"\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=\"sm\"\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","Modal","Progress","Children","useMemo","useState","StickyFooter","ModalWizardStep","Header","ModalWizard","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","children","modalProps","currentStep","currentStepIndex","setCurrentStepIndex","modalSteps","toArray","filter","child","type","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","centered","title","docLink","description","py","px","showProgressBar","color","size","value","pt","borderTop","name","disabled","variant","onClick","Step"],"mappings":"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"}

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

@@ -1,8 +1,11 @@
+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 { createStyles, Group } from "@mantine/core";
 var useStyles = createStyles(function(theme) {
     return {
-        header: {
+        root: {
             position: "sticky",
             top: 0,
             zIndex: 13,
@@ -11,17 +14,28 @@ var useStyles = createStyles(function(theme) {
         }
     };
 });
-export var TableHeader = function(param) {
-    var children = param.children;
-    var classes = useStyles().classes;
-    return /*#__PURE__*/ _jsx(Group, {
+export var TableHeader = function(_param) {
+    var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _object_without_properties(_param, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "children"
+    ]);
+    var classes = useStyles(null, {
+        name: "TableHeader",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }).classes;
+    return /*#__PURE__*/ _jsx(Group, _object_spread_props(_object_spread({
         position: "right",
         spacing: "lg",
-        className: classes.header,
+        className: classes.root,
         px: "md",
-        py: "sm",
+        py: "sm"
+    }, others), {
         children: children
-    });
+    }));
 };
 
 //# sourceMappingURL=TableHeader.js.map

package/dist/esm/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    header: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\nexport const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {\n    const {classes} = useStyles();\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.header} px=\"md\" py=\"sm\">\n            {children}\n        </Group>\n    );\n};\n"],"names":["createStyles","Group","useStyles","theme","header","position","top","zIndex","backgroundColor","colors","gray","borderBottom","TableHeader","children","classes","spacing","className","px","py"],"mappings":"AAAA;AAAA,SAAQA,YAAY,EAAEC,KAAK,QAAO,gBAAgB;AAGlD,IAAMC,YAAYF,aAAa,SAACG;WAAW;QACvCC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAEA,OAAO,IAAME,cAAoD,gBAAgB;QAAdC,iBAAAA;IAC/D,IAAM,AAACC,UAAWZ,YAAXY;IACP,qBACI,KAACb;QAAMI,UAAS;QAAQU,SAAQ;QAAKC,WAAWF,QAAQV,MAAM;QAAEa,IAAG;QAAKC,IAAG;kBACtEL;;AAGb,EAAE"}
+{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Group, Selectors} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    root: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\ntype TableHeaderStylesNames = Selectors<typeof useStyles>;\ninterface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n}\nexport const TableHeader: FunctionComponent<TableHeaderProps> = ({\n    classNames,\n    styles,\n    unstyled,\n    children,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.root} px=\"md\" py=\"sm\" {...others}>\n            {children}\n        </Group>\n    );\n};\n"],"names":["createStyles","Group","useStyles","theme","root","position","top","zIndex","backgroundColor","colors","gray","borderBottom","TableHeader","classNames","styles","unstyled","children","others","classes","name","spacing","className","px","py"],"mappings":"AAAA;;;;AAAA,SAAQA,YAAY,EAAgBC,KAAK,QAAkB,gBAAgB;AAG3E,IAAMC,YAAYF,aAAa,SAACG;WAAW;QACvCC,MAAM;YACFC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAOA,OAAO,IAAME,cAAmD,iBAM1D;QALFC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWhB,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAeN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EG;IACP,qBACI,KAACjB;QAAMI,UAAS;QAAQe,SAAQ;QAAKC,WAAWH,QAAQd,IAAI;QAAEkB,IAAG;QAAKC,IAAG;OAASN;kBAC7ED;;AAGb,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "48.10.1",
+  "version": "48.13.2",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -27,12 +27,12 @@
   },
   "devDependencies": {
     "@emotion/react": "11.10.5",
-    "@mantine/carousel": "5.6.4",
-    "@mantine/core": "5.6.2",
-    "@mantine/dates": "5.6.2",
-    "@mantine/form": "5.6.2",
-    "@mantine/hooks": "5.6.2",
-    "@mantine/modals": "5.6.2",
+    "@mantine/carousel": "5.8.3",
+    "@mantine/core": "5.8.3",
+    "@mantine/dates": "5.8.3",
+    "@mantine/form": "5.8.3",
+    "@mantine/hooks": "5.8.3",
+    "@mantine/modals": "5.8.3",
     "@swc/cli": "0.1.57",
     "@swc/core": "1.3.16",
     "@swc/jest": "0.2.23",
@@ -62,7 +62,7 @@
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.0",
-    "@mantine/carousel": "5.6.4",
+    "@mantine/carousel": "5.8.3",
     "@mantine/core": "^5.6.2",
     "@mantine/dates": "^5.6.2",
     "@mantine/form": "^5.6.2",

package/src/components/modal-wizard/ModalWizard.tsx

@@ -130,8 +130,8 @@ export const ModalWizard: ModalWizardType = ({
                             ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)
                             : currentStep.props.description
                     }
-                    py={null}
-                    px={null}
+                    py={0}
+                    px={0}
                 >
                     {typeof currentStep.props.title === 'function'
                         ? currentStep.props.title(currentStepIndex + 1, numberOfSteps)
@@ -143,7 +143,7 @@ export const ModalWizard: ModalWizardType = ({
         >
             {currentStep.props.showProgressBar && <Progress color="teal" size="lg" value={getProgressMemo} />}
             {currentStep}
-            <StickyFooter borderTop py={null} px={null} pt="md">
+            <StickyFooter py={0} px={0} pt="sm" borderTop>
                 <Button
                     name={isFirstStep ? cancelButtonLabel : previousButtonLabel}
                     disabled={false}

package/src/components/table/TableHeader.tsx

@@ -1,8 +1,8 @@
-import {createStyles, Group} from '@mantine/core';
-import {FunctionComponent, PropsWithChildren} from 'react';
+import {createStyles, DefaultProps, Group, Selectors} from '@mantine/core';
+import {FunctionComponent, ReactNode} from 'react';
 
 const useStyles = createStyles((theme) => ({
-    header: {
+    root: {
         position: 'sticky',
         top: 0,
         zIndex: 13, // skeleton is 11
@@ -11,10 +11,21 @@ const useStyles = createStyles((theme) => ({
     },
 }));
 
-export const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {
-    const {classes} = useStyles();
+type TableHeaderStylesNames = Selectors<typeof useStyles>;
+interface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {
+    /* Children of header (ie: actions, datepicker, etc.) */
+    children?: ReactNode;
+}
+export const TableHeader: FunctionComponent<TableHeaderProps> = ({
+    classNames,
+    styles,
+    unstyled,
+    children,
+    ...others
+}) => {
+    const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});
     return (
-        <Group position="right" spacing="lg" className={classes.header} px="md" py="sm">
+        <Group position="right" spacing="lg" className={classes.root} px="md" py="sm" {...others}>
             {children}
         </Group>
     );