@coveord/plasma-mantine 48.6.0 → 48.7.0

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

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "ModalWizard", {
 });
 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 _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
 var _jsxRuntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
@@ -17,17 +18,22 @@ var _react = require("react");
 var _stickyFooter = require("../sticky-footer");
 var _modalWizardStep = require("./ModalWizardStep");
 var _header = require("../header");
-var useStyles = (0, _core.createStyles)(function() {
-    return {
-        modal: {
-            height: "70%",
-            display: "flex",
-            flexDirection: "column"
-        }
-    };
-});
-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 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, opened = _param.opened, onNext = _param.onNext, onPrevious = _param.onPrevious, onClose = _param.onClose, onFinish = _param.onFinish, isDirty = _param.isDirty, handleDirtyState = _param.handleDirtyState, classNames = _param.classNames, children = _param.children, modalProps = _objectWithoutProperties(_param, [
+        "cancelButtonLabel",
+        "nextButtonLabel",
+        "previousButtonLabel",
+        "finishButtonLabel",
+        "opened",
+        "onNext",
+        "onPrevious",
+        "onClose",
+        "onFinish",
+        "isDirty",
+        "handleDirtyState",
+        "classNames",
+        "children"
+    ]);
     var ref, ref1;
     var ref2 = _slicedToArray((0, _react.useState)(0), 2), currentStepIndex = ref2[0], setCurrentStepIndex = ref2[1];
     var modalSteps = _react.Children.toArray(children).filter(function(child) {
@@ -47,7 +53,6 @@ var ModalWizard = function(param) {
         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());
@@ -67,15 +72,11 @@ var ModalWizard = function(param) {
         currentStepIndex
     ]);
     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Modal, _objectSpreadProps(_objectSpread({
-        opened: true,
-        classNames: {
-            modal: classes.modal
-        },
+        opened: opened,
+        classNames: classNames,
         centered: true,
-        closeButtonLabel: closeButtonLabel,
-        padding: "xl",
         title: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_header.Header, {
-            docLink: currentStep.props.docLin,
+            docLink: currentStep.props.docLink,
             description: typeof currentStep.props.description === "function" ? currentStep.props.description(currentStepIndex + 1, numberOfSteps) : currentStep.props.description,
             py: null,
             px: null,
@@ -85,6 +86,8 @@ var ModalWizard = function(param) {
     }, modalProps), {
         children: [
             currentStep.props.showProgressBar && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Progress, {
+                color: "teal",
+                size: "lg",
                 value: getProgressMemo
             }),
             currentStep,
@@ -97,7 +100,7 @@ var ModalWizard = function(param) {
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
                         name: isFirstStep ? cancelButtonLabel : previousButtonLabel,
                         disabled: false,
-                        size: "md",
+                        size: "sm",
                         variant: "outline",
                         onClick: function() {
                             if (isFirstStep) {
@@ -111,7 +114,7 @@ var ModalWizard = function(param) {
                     }),
                     /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
                         disabled: !isValid,
-                        size: "md",
+                        size: "sm",
                         onClick: function() {
                             if (isLastStep) {
                                 onFinish ? onFinish() : onClose();

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

@@ -1 +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":["ModalWizard","useStyles","createStyles","modal","height","display","flexDirection","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","onNext","onPrevious","onClose","onFinish","isDirty","modalProps","handleDirtyState","closeButtonLabel","children","currentStep","useState","currentStepIndex","setCurrentStepIndex","modalSteps","Children","toArray","filter","child","type","ModalWizardStep","numberOfSteps","length","numberOfStepsCountAsProgress","step","props","countsAsProgress","isFirstStep","isLastStep","index","isValid","validateStep","isModalDirty","classes","closeModalWizard","getProgress","currStepIndex","validSteps","getProgressMemo","useMemo","Modal","opened","classNames","centered","padding","title","Header","docLink","docLin","description","py","px","showProgressBar","Progress","value","StickyFooter","borderTop","pt","Button","name","disabled","size","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={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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"}

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

@@ -1,6 +1,7 @@
+import { ModalProps } from '@mantine/core';
 import { ReactElement } from 'react';
 import { ModalWizardStep } from './ModalWizardStep';
-interface ModalWizardProps {
+interface ModalWizardProps extends Omit<ModalProps, 'centered' | 'title'> {
     /**
      * The label of the cancel button
      *
@@ -33,10 +34,6 @@ interface ModalWizardProps {
      * A callback function that is executed when the user clicks on the previous button
      */
     onPrevious?: () => unknown;
-    /**
-     * A callback function that is executed when the user clicks on the cancel button
-     */
-    onClose?: () => unknown;
     /**
      * A function that is executed when user completes all the steps.
      *
@@ -51,21 +48,13 @@ interface ModalWizardProps {
      * A function to confirm close if the state is dirty before closing
      */
     handleDirtyState?: () => boolean;
-    /**
-     * Props to pass to each modal
-     */
-    modalProps?: any;
-    /**
-     * Label for close button
-     */
-    closeButtonLabel?: string;
     /**
      * Children to display in modal wizard
      * */
     children?: Array<ReturnType<typeof ModalWizardStep>>;
 }
 interface ModalWizardType {
-    <T>(props: ModalWizardProps): ReactElement;
+    (props: ModalWizardProps): ReactElement;
     Step: typeof ModalWizardStep;
 }
 export declare const ModalWizard: ModalWizardType;

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

@@ -1 +1 @@
-{"version":3,"file":"ModalWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAoB,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAGlD,UAAU,gBAAgB;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;;OAIG;IAEH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IAEH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAE3B;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IAExB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC;IAEzB;;OAEG;IAEH,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IAExB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,OAAO,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC;IAEjB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;SAEK;IACL,QAAQ,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC;CACxD;AAUD,UAAU,eAAe;IACrB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAAC;IAE3C,IAAI,EAAE,OAAO,eAAe,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,eA6GzB,CAAC"}
+{"version":3,"file":"ModalWizard.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAW,MAAM,eAAe,CAAC;AAClE,OAAO,EAAW,YAAY,EAAoB,MAAM,OAAO,CAAC;AAEhE,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAGlD,UAAU,gBAAiB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACrE;;;;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,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAE3B;;;;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;CACxD;AAED,UAAU,eAAe;IACrB,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAAC;IAExC,IAAI,EAAE,OAAO,eAAe,CAAC;CAChC;AAED,eAAO,MAAM,WAAW,EAAE,eA0GzB,CAAC"}

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

@@ -1,23 +1,29 @@
 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 { Button, createStyles, Modal, Progress } from "@mantine/core";
+import { Button, 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;
+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, opened = _param.opened, onNext = _param.onNext, onPrevious = _param.onPrevious, onClose = _param.onClose, onFinish = _param.onFinish, isDirty = _param.isDirty, handleDirtyState = _param.handleDirtyState, classNames = _param.classNames, children = _param.children, modalProps = _object_without_properties(_param, [
+        "cancelButtonLabel",
+        "nextButtonLabel",
+        "previousButtonLabel",
+        "finishButtonLabel",
+        "opened",
+        "onNext",
+        "onPrevious",
+        "onClose",
+        "onFinish",
+        "isDirty",
+        "handleDirtyState",
+        "classNames",
+        "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) {
@@ -37,7 +43,6 @@ export var ModalWizard = function(param) {
         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());
@@ -57,15 +62,11 @@ export var ModalWizard = function(param) {
         currentStepIndex
     ]);
     return /*#__PURE__*/ _jsxs(Modal, _object_spread_props(_object_spread({
-        opened: true,
-        classNames: {
-            modal: classes.modal
-        },
+        opened: opened,
+        classNames: classNames,
         centered: true,
-        closeButtonLabel: closeButtonLabel,
-        padding: "xl",
         title: /*#__PURE__*/ _jsx(Header, {
-            docLink: currentStep.props.docLin,
+            docLink: currentStep.props.docLink,
             description: typeof currentStep.props.description === "function" ? currentStep.props.description(currentStepIndex + 1, numberOfSteps) : currentStep.props.description,
             py: null,
             px: null,
@@ -75,6 +76,8 @@ export var ModalWizard = function(param) {
     }, modalProps), {
         children: [
             currentStep.props.showProgressBar && /*#__PURE__*/ _jsx(Progress, {
+                color: "teal",
+                size: "lg",
                 value: getProgressMemo
             }),
             currentStep,
@@ -87,7 +90,7 @@ export var ModalWizard = function(param) {
                     /*#__PURE__*/ _jsx(Button, {
                         name: isFirstStep ? cancelButtonLabel : previousButtonLabel,
                         disabled: false,
-                        size: "md",
+                        size: "sm",
                         variant: "outline",
                         onClick: function() {
                             if (isFirstStep) {
@@ -101,7 +104,7 @@ export var ModalWizard = function(param) {
                     }),
                     /*#__PURE__*/ _jsx(Button, {
                         disabled: !isValid,
-                        size: "md",
+                        size: "sm",
                         onClick: function() {
                             if (isLastStep) {
                                 onFinish ? onFinish() : onClose();

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

@@ -1 +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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"}
+{"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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "48.6.0",
+  "version": "48.7.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",

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

@@ -1,10 +1,10 @@
-import {Button, createStyles, Modal, Progress} from '@mantine/core';
+import {Button, Modal, ModalProps, Progress} from '@mantine/core';
 import {Children, ReactElement, useMemo, useState} from 'react';
 import {StickyFooter} from '../sticky-footer';
 import {ModalWizardStep} from './ModalWizardStep';
 import {Header} from '../header';
 
-interface ModalWizardProps {
+interface ModalWizardProps extends Omit<ModalProps, 'centered' | 'title'> {
     /**
      * The label of the cancel button
      *
@@ -17,20 +17,20 @@ interface ModalWizardProps {
      *
      * @default "Next"
      */
-
     nextButtonLabel?: string;
+
     /**
      * The label of the previous button
      *
      * @default "Previous"
      */
     previousButtonLabel?: string;
+
     /**
      * The label of the finish button
      *
      * @default "Finish"
      */
-
     finishButtonLabel?: string;
 
     /**
@@ -43,12 +43,6 @@ interface ModalWizardProps {
      */
     onPrevious?: () => unknown;
 
-    /**
-     * A callback function that is executed when the user clicks on the cancel button
-     */
-
-    onClose?: () => unknown;
-
     /**
      * A function that is executed when user completes all the steps.
      *
@@ -59,7 +53,6 @@ interface ModalWizardProps {
     /**
      * Determine if user interacted with any steps in the modal wizard
      */
-
     isDirty?: () => boolean;
 
     /**
@@ -67,32 +60,14 @@ interface ModalWizardProps {
      */
     handleDirtyState?: () => boolean;
 
-    /**
-     * Props to pass to each modal
-     */
-    modalProps?: any;
-
-    /**
-     * Label for close button
-     */
-    closeButtonLabel?: string;
-
     /**
      * Children to display in modal wizard
      * */
     children?: Array<ReturnType<typeof ModalWizardStep>>;
 }
 
-const useStyles = createStyles(() => ({
-    modal: {
-        height: '70%',
-        display: 'flex',
-        flexDirection: 'column',
-    },
-}));
-
 interface ModalWizardType {
-    <T>(props: ModalWizardProps): ReactElement;
+    (props: ModalWizardProps): ReactElement;
 
     Step: typeof ModalWizardStep;
 }
@@ -102,15 +77,16 @@ export const ModalWizard: ModalWizardType = ({
     nextButtonLabel = 'Next',
     previousButtonLabel = 'Previous',
     finishButtonLabel = 'Finish',
+    opened,
     onNext,
     onPrevious,
     onClose,
     onFinish,
     isDirty,
-    modalProps,
     handleDirtyState,
-    closeButtonLabel,
+    classNames,
     children,
+    ...modalProps
 }) => {
     const [currentStepIndex, setCurrentStepIndex] = useState(0);
     const modalSteps = (Children.toArray(children) as ReactElement[]).filter((child) => child.type === ModalWizardStep);
@@ -124,8 +100,6 @@ export const ModalWizard: ModalWizardType = ({
     const {isValid} = currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};
     const isModalDirty = isDirty && isDirty();
 
-    const {classes} = useStyles();
-
     const closeModalWizard = () => {
         if (isModalDirty && handleDirtyState) {
             handleDirtyState() && onClose?.();
@@ -145,14 +119,12 @@ export const ModalWizard: ModalWizardType = ({
 
     return (
         <Modal
-            opened
-            classNames={{modal: classes.modal}}
+            opened={opened}
+            classNames={classNames}
             centered
-            closeButtonLabel={closeButtonLabel}
-            padding="xl"
             title={
                 <Header
-                    docLink={currentStep.props.docLin}
+                    docLink={currentStep.props.docLink}
                     description={
                         typeof currentStep.props.description === 'function'
                             ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)
@@ -169,13 +141,13 @@ export const ModalWizard: ModalWizardType = ({
             onClose={closeModalWizard}
             {...modalProps}
         >
-            {currentStep.props.showProgressBar && <Progress value={getProgressMemo} />}
+            {currentStep.props.showProgressBar && <Progress color="teal" size="lg" value={getProgressMemo} />}
             {currentStep}
             <StickyFooter borderTop py={null} px={null} pt="md">
                 <Button
                     name={isFirstStep ? cancelButtonLabel : previousButtonLabel}
                     disabled={false}
-                    size="md"
+                    size="sm"
                     variant="outline"
                     onClick={() => {
                         if (isFirstStep) {
@@ -191,7 +163,7 @@ export const ModalWizard: ModalWizardType = ({
 
                 <Button
                     disabled={!isValid}
-                    size="md"
+                    size="sm"
                     onClick={() => {
                         if (isLastStep) {
                             onFinish ? onFinish() : onClose();