@coveord/plasma-mantine 52.26.3 → 52.26.4

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Group} from '@mantine/core';\nimport {FunctionComponent, ReactNode, useEffect} from 'react';\n\nimport {Button} from '../button';\nimport {useInlineConfirm} from './useInlineConfirm';\n\ninterface InlineConfirmPromptProps {\n    id: string;\n    label: ReactNode;\n    onConfirm: () => void;\n    confirmLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n}\n\nexport const InlineConfirmPrompt: FunctionComponent<InlineConfirmPromptProps> = ({\n    id,\n    label,\n    confirmLabel = 'Delete',\n    cancelLabel = 'Cancel',\n    onConfirm,\n}) => {\n    const {confirmingId, clearConfirm} = useInlineConfirm();\n\n    const onClickConfirm = () => {\n        onConfirm();\n        clearConfirm();\n    };\n\n    useEffect(() => {\n        if (confirmingId !== id) {\n            clearConfirm();\n        }\n    }, []);\n\n    if (confirmingId === id) {\n        return (\n            <Group spacing=\"xs\" noWrap>\n                {label}\n                <Button onClick={onClickConfirm} color=\"red\">\n                    {confirmLabel}\n                </Button>\n                <Button onClick={clearConfirm} variant=\"outline\">\n                    {cancelLabel}\n                </Button>\n            </Group>\n        );\n    }\n    return null;\n};\n"],"names":["Group","useEffect","Button","useInlineConfirm","InlineConfirmPrompt","id","label","confirmLabel","cancelLabel","onConfirm","confirmingId","clearConfirm","onClickConfirm","spacing","noWrap","onClick","color","variant"],"mappings":";AAAA,SAAQA,KAAK,QAAO,gBAAgB;AACpC,SAAsCC,SAAS,QAAO,QAAQ;AAE9D,SAAQC,MAAM,QAAO,YAAY;AACjC,SAAQC,gBAAgB,QAAO,qBAAqB;AAUpD,OAAO,IAAMC,sBAAmE;QAC5EC,WAAAA,IACAC,cAAAA,mCACAC,cAAAA,gDAAe,2DACfC,aAAAA,8CAAc,+BACdC,kBAAAA;IAEA,IAAqCN,oBAAAA,oBAA9BO,eAA8BP,kBAA9BO,cAAcC,eAAgBR,kBAAhBQ;IAErB,IAAMC,iBAAiB;QACnBH;QACAE;IACJ;IAEAV,UAAU;QACN,IAAIS,iBAAiBL,IAAI;YACrBM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,IAAI;QACrB,qBACI,MAACL;YAAMa,SAAQ;YAAKC,MAAM;;gBACrBR;8BACD,KAACJ;oBAAOa,SAASH;oBAAgBI,OAAM;8BAClCT;;8BAEL,KAACL;oBAAOa,SAASJ;oBAAcM,SAAQ;8BAClCT;;;;IAIjB;IACA,OAAO;AACX,EAAE"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Group} from '@mantine/core';\nimport {FunctionComponent, ReactNode, useEffect} from 'react';\n\nimport {Button} from '../button';\nimport {useInlineConfirm} from './useInlineConfirm';\n\ninterface InlineConfirmPromptProps {\n    id: string;\n    label: ReactNode;\n    onConfirm: () => void;\n    confirmLabel?: ReactNode;\n    cancelLabel?: ReactNode;\n}\n\nexport const InlineConfirmPrompt: FunctionComponent<InlineConfirmPromptProps> = ({\n    id,\n    label,\n    confirmLabel = 'Delete',\n    cancelLabel = 'Cancel',\n    onConfirm,\n}) => {\n    const {confirmingId, clearConfirm} = useInlineConfirm();\n\n    const onClickConfirm = () => {\n        onConfirm();\n        clearConfirm();\n    };\n\n    useEffect(() => {\n        if (confirmingId !== id) {\n            clearConfirm();\n        }\n    }, []);\n\n    if (confirmingId === id) {\n        return (\n            <Group spacing=\"xs\" noWrap>\n                {label}\n                <Button onClick={onClickConfirm} color=\"red\">\n                    {confirmLabel}\n                </Button>\n                <Button onClick={clearConfirm} variant=\"outline\">\n                    {cancelLabel}\n                </Button>\n            </Group>\n        );\n    }\n    return null;\n};\n"],"names":["Group","useEffect","Button","useInlineConfirm","InlineConfirmPrompt","id","label","confirmLabel","cancelLabel","onConfirm","confirmingId","clearConfirm","onClickConfirm","spacing","noWrap","onClick","color","variant"],"mappings":";AAAA,SAAQA,KAAK,QAAO,gBAAgB;AACpC,SAAsCC,SAAS,QAAO,QAAQ;AAE9D,SAAQC,MAAM,QAAO,YAAY;AACjC,SAAQC,gBAAgB,QAAO,qBAAqB;AAUpD,OAAO,MAAMC,sBAAmE,CAAC,EAC7EC,EAAE,EACFC,KAAK,EACLC,eAAe,QAAQ,EACvBC,cAAc,QAAQ,EACtBC,SAAS,EACZ;IACG,MAAM,EAACC,YAAY,EAAEC,YAAY,EAAC,GAAGR;IAErC,MAAMS,iBAAiB;QACnBH;QACAE;IACJ;IAEAV,UAAU;QACN,IAAIS,iBAAiBL,IAAI;YACrBM;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBL,IAAI;QACrB,qBACI,MAACL;YAAMa,SAAQ;YAAKC,MAAM;;gBACrBR;8BACD,KAACJ;oBAAOa,SAASH;oBAAgBI,OAAM;8BAClCT;;8BAEL,KAACL;oBAAOa,SAASJ;oBAAcM,SAAQ;8BAClCT;;;;IAIjB;IACA,OAAO;AACX,EAAE"}

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

@@ -1,5 +1,5 @@
-export * from "./InlineConfirm";
-export * from "./useInlineConfirm";
-export * from "./InlineConfirmContext";
+export * from './InlineConfirm';
+export * from './useInlineConfirm';
+export * from './InlineConfirmContext';
 
 //# sourceMappingURL=index.js.map

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

@@ -1,9 +1,9 @@
-import { useContext } from "react";
-import { InlineConfirmContext } from "./InlineConfirmContext";
-export var useInlineConfirm = function() {
-    var ctx = useContext(InlineConfirmContext);
+import { useContext } from 'react';
+import { InlineConfirmContext } from './InlineConfirmContext';
+export const useInlineConfirm = ()=>{
+    const ctx = useContext(InlineConfirmContext);
     if (ctx === null) {
-        throw new Error("useConfirm must be used inside of a InlineConfirmContext.Provider");
+        throw new Error('useConfirm must be used inside of a InlineConfirmContext.Provider');
     }
     return ctx;
 };

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

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

package/dist/esm/components/menu/Menu.js

@@ -1,29 +1,21 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Menu as MantineMenu } from "@mantine/core";
-import { forwardRef } from "react";
-import { createPolymorphicComponent, overrideComponent } from "../../utils";
-import { ButtonWithDisabledTooltip } from "../button/ButtonWithDisabledTooltip";
-var _MenuItem = /*#__PURE__*/ forwardRef(function(_param, ref) /*#__PURE__*/ {
-    var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, others = _object_without_properties(_param, [
-        "disabledTooltip",
-        "disabled",
-        "disabledTooltipProps"
-    ]);
-    return _jsx(ButtonWithDisabledTooltip, {
+import { Menu as MantineMenu } from '@mantine/core';
+import { forwardRef } from 'react';
+import { createPolymorphicComponent, overrideComponent } from '../../utils';
+import { ButtonWithDisabledTooltip } from '../button/ButtonWithDisabledTooltip';
+const _MenuItem = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, disabledTooltipProps, ...others }, ref)=>/*#__PURE__*/ _jsx(ButtonWithDisabledTooltip, {
         disabled: disabled,
         disabledTooltip: disabledTooltip,
         disabledTooltipProps: disabledTooltipProps,
-        children: /*#__PURE__*/ _jsx(MantineMenu.Item, _object_spread({
+        children: /*#__PURE__*/ _jsx(MantineMenu.Item, {
             ref: ref,
-            disabled: disabled
-        }, others))
-    });
-});
-var MenuItem = createPolymorphicComponent(_MenuItem);
-export var Menu = overrideComponent(MantineMenu, {
-    displayName: "@coveord/plasma-mantine/Menu",
+            disabled: disabled,
+            ...others
+        })
+    }));
+const MenuItem = createPolymorphicComponent(_MenuItem);
+export const Menu = overrideComponent(MantineMenu, {
+    displayName: '@coveord/plasma-mantine/Menu',
     Item: MenuItem
 });
 

package/dist/esm/components/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {Menu as MantineMenu, MenuItemProps as MantineMenuItemProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nimport {createPolymorphicComponent, overrideComponent} from '../../utils';\nimport {ButtonWithDisabledTooltipProps} from '../button';\nimport {ButtonWithDisabledTooltip} from '../button/ButtonWithDisabledTooltip';\n\nexport interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {}\n\nconst _MenuItem = forwardRef<HTMLButtonElement, MenuItemProps>(\n    ({disabledTooltip, disabled, disabledTooltipProps, ...others}, ref) => (\n        <ButtonWithDisabledTooltip\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n        >\n            <MantineMenu.Item ref={ref} disabled={disabled} {...others} />\n        </ButtonWithDisabledTooltip>\n    ),\n);\n\nconst MenuItem = createPolymorphicComponent<'button', MenuItemProps>(_MenuItem);\n\nexport const Menu = overrideComponent(MantineMenu, {\n    displayName: '@coveord/plasma-mantine/Menu',\n    Item: MenuItem,\n});\n"],"names":["Menu","MantineMenu","forwardRef","createPolymorphicComponent","overrideComponent","ButtonWithDisabledTooltip","_MenuItem","ref","disabledTooltip","disabled","disabledTooltipProps","others","Item","MenuItem","displayName"],"mappings":";;;AAAA,SAAQA,QAAQC,WAAW,QAA8C,gBAAgB;AACzF,SAAQC,UAAU,QAAO,QAAQ;AAEjC,SAAQC,0BAA0B,EAAEC,iBAAiB,QAAO,cAAc;AAE1E,SAAQC,yBAAyB,QAAO,sCAAsC;AAI9E,IAAMC,0BAAYJ,WACd,iBAA+DK;QAA7DC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAyBC;QAApDH;QAAiBC;QAAUC;;WACzB,KAACL;QACGI,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,KAACT,YAAYW,IAAI;YAACL,KAAKA;YAAKE,UAAUA;WAAcE;;AAC7B;AAInC,IAAME,WAAWV,2BAAoDG;AAErE,OAAO,IAAMN,OAAOI,kBAAkBH,aAAa;IAC/Ca,aAAa;IACbF,MAAMC;AACV,GAAG"}
+{"version":3,"sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {Menu as MantineMenu, MenuItemProps as MantineMenuItemProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nimport {createPolymorphicComponent, overrideComponent} from '../../utils';\nimport {ButtonWithDisabledTooltipProps} from '../button';\nimport {ButtonWithDisabledTooltip} from '../button/ButtonWithDisabledTooltip';\n\nexport interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {}\n\nconst _MenuItem = forwardRef<HTMLButtonElement, MenuItemProps>(\n    ({disabledTooltip, disabled, disabledTooltipProps, ...others}, ref) => (\n        <ButtonWithDisabledTooltip\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n        >\n            <MantineMenu.Item ref={ref} disabled={disabled} {...others} />\n        </ButtonWithDisabledTooltip>\n    ),\n);\n\nconst MenuItem = createPolymorphicComponent<'button', MenuItemProps>(_MenuItem);\n\nexport const Menu = overrideComponent(MantineMenu, {\n    displayName: '@coveord/plasma-mantine/Menu',\n    Item: MenuItem,\n});\n"],"names":["Menu","MantineMenu","forwardRef","createPolymorphicComponent","overrideComponent","ButtonWithDisabledTooltip","_MenuItem","disabledTooltip","disabled","disabledTooltipProps","others","ref","Item","MenuItem","displayName"],"mappings":";AAAA,SAAQA,QAAQC,WAAW,QAA8C,gBAAgB;AACzF,SAAQC,UAAU,QAAO,QAAQ;AAEjC,SAAQC,0BAA0B,EAAEC,iBAAiB,QAAO,cAAc;AAE1E,SAAQC,yBAAyB,QAAO,sCAAsC;AAI9E,MAAMC,0BAAYJ,WACd,CAAC,EAACK,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAE,GAAGC,QAAO,EAAEC,oBAC3D,KAACN;QACGG,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,KAACR,YAAYW,IAAI;YAACD,KAAKA;YAAKH,UAAUA;YAAW,GAAGE,MAAM;;;AAKtE,MAAMG,WAAWV,2BAAoDG;AAErE,OAAO,MAAMN,OAAOI,kBAAkBH,aAAa;IAC/Ca,aAAa;IACbF,MAAMC;AACV,GAAG"}

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

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

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

@@ -1,139 +1,92 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CloseButton, createStyles, Modal, Progress } from "@mantine/core";
-import { Children, useEffect, useMemo, useState } from "react";
-import { Button } from "../button";
-import { Header } from "../header";
-import { StickyFooter } from "../sticky-footer";
-import { ModalWizardStep } from "./ModalWizardStep";
-var useStyles = createStyles(function() {
-    return {
+import { Box, CloseButton, createStyles, Modal, Progress } from '@mantine/core';
+import { Children, useEffect, useMemo, useState } from 'react';
+import { Button } from '../button';
+import { Header } from '../header';
+import { StickyFooter } from '../sticky-footer';
+import { ModalWizardStep } from './ModalWizardStep';
+const useStyles = createStyles(()=>({
         content: {
-            display: "flex",
-            flexDirection: "column"
+            display: 'flex',
+            flexDirection: 'column'
         },
         body: {
             flex: 1,
-            display: "flex",
-            flexDirection: "column"
+            display: 'flex',
+            flexDirection: 'column'
         }
-    };
-});
-export var ModalWizard = function(_param) {
-    var _param_cancelButtonLabel = _param.cancelButtonLabel, cancelButtonLabel = _param_cancelButtonLabel === void 0 ? "Cancel" : _param_cancelButtonLabel, _param_nextButtonLabel = _param.nextButtonLabel, nextButtonLabel = _param_nextButtonLabel === void 0 ? "Next" : _param_nextButtonLabel, _param_previousButtonLabel = _param.previousButtonLabel, previousButtonLabel = _param_previousButtonLabel === void 0 ? "Previous" : _param_previousButtonLabel, _param_finishButtonLabel = _param.finishButtonLabel, finishButtonLabel = _param_finishButtonLabel === void 0 ? "Finish" : _param_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, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, isStepValidatedOnNext = _param.isStepValidatedOnNext, modalProps = _object_without_properties(_param, [
-        "cancelButtonLabel",
-        "nextButtonLabel",
-        "previousButtonLabel",
-        "finishButtonLabel",
-        "opened",
-        "onNext",
-        "onPrevious",
-        "onClose",
-        "onFinish",
-        "isDirty",
-        "handleDirtyState",
-        "classNames",
-        "styles",
-        "unstyled",
-        "children",
-        "isStepValidatedOnNext"
-    ]);
-    var _currentStep_props_validateStep, _currentStep_props, _currentStep, _classNames, _classNames1;
-    var _useStyles = useStyles(null, {
-        name: "ModalWizard",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }), _useStyles_classes = _useStyles.classes, content = _useStyles_classes.content, body = _useStyles_classes.body, cx = _useStyles.cx;
-    var _useState = _sliced_to_array(useState(0), 2), currentStepIndex = _useState[0], setCurrentStepIndex = _useState[1];
-    var modalSteps = Children.toArray(children).filter(function(child) {
-        return child.type === ModalWizardStep;
+    }));
+export const ModalWizard = ({ cancelButtonLabel = 'Cancel', nextButtonLabel = 'Next', previousButtonLabel = 'Previous', finishButtonLabel = 'Finish', opened, onNext, onPrevious, onClose, onFinish, isDirty, handleDirtyState, classNames, styles, unstyled, children, isStepValidatedOnNext, ...modalProps })=>{
+    const { classes: { content, body }, cx } = useStyles(null, {
+        name: 'ModalWizard',
+        classNames,
+        styles,
+        unstyled
     });
-    var numberOfSteps = modalSteps.length;
-    var isFirstStep = currentStepIndex === 0;
-    var isLastStep = currentStepIndex === numberOfSteps - 1;
-    var currentStep = modalSteps.filter(function(step, index) {
-        return index === currentStepIndex;
-    })[0];
-    var _currentStep_props_validateStep1;
-    var isValid = (isStepValidatedOnNext ? {
+    const [currentStepIndex, setCurrentStepIndex] = useState(0);
+    const modalSteps = Children.toArray(children).filter((child)=>child.type === ModalWizardStep);
+    const numberOfSteps = modalSteps.length;
+    const isFirstStep = currentStepIndex === 0;
+    const isLastStep = currentStepIndex === numberOfSteps - 1;
+    const currentStep = modalSteps.filter((step, index)=>index === currentStepIndex)[0];
+    const { isValid } = isStepValidatedOnNext ? {
         isValid: true
-    } : (_currentStep_props_validateStep1 = (_currentStep = currentStep) === null || _currentStep === void 0 ? void 0 : (_currentStep_props = _currentStep.props) === null || _currentStep_props === void 0 ? void 0 : (_currentStep_props_validateStep = _currentStep_props.validateStep) === null || _currentStep_props_validateStep === void 0 ? void 0 : _currentStep_props_validateStep.call(_currentStep_props, currentStepIndex, numberOfSteps)) !== null && _currentStep_props_validateStep1 !== void 0 ? _currentStep_props_validateStep1 : {
+    } : currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {
         isValid: true
-    }).isValid;
-    useEffect(function() {
+    };
+    useEffect(()=>{
         if (opened) {
             setCurrentStepIndex(0);
         }
     }, [
         opened
     ]);
-    var handleClose = function(confirmDirty) {
-        var _onClose;
+    const handleClose = (confirmDirty)=>{
         if (confirmDirty) {
-            var _isDirty;
-            var _isDirty1;
-            var isModalDirty = (_isDirty1 = (_isDirty = isDirty) === null || _isDirty === void 0 ? void 0 : _isDirty()) !== null && _isDirty1 !== void 0 ? _isDirty1 : false;
+            const isModalDirty = isDirty?.() ?? false;
             if (isModalDirty) {
-                var _handleDirtyState;
-                var _handleDirtyState1;
-                var discardChanges = (_handleDirtyState1 = (_handleDirtyState = handleDirtyState) === null || _handleDirtyState === void 0 ? void 0 : _handleDirtyState()) !== null && _handleDirtyState1 !== void 0 ? _handleDirtyState1 : true;
+                const discardChanges = handleDirtyState?.() ?? true;
                 if (!discardChanges) {
                     return;
                 }
             }
         }
-        (_onClose = onClose) === null || _onClose === void 0 ? void 0 : _onClose();
+        onClose?.();
     };
-    var resolveStepDependentProp = function(prop) {
-        return typeof currentStep.props[prop] === "function" ? currentStep.props[prop](currentStepIndex + 1, numberOfSteps) : currentStep.props[prop];
-    };
-    var getProgress = useMemo(function() {
-        return function(currStepIndex) {
-            var totalNumberOfSteps = modalSteps.filter(function(step) {
-                return step.props.countsAsProgress;
-            }).length;
-            var numberOfCompletedSteps = modalSteps.filter(function(step, index) {
-                return step.props.countsAsProgress && index <= currStepIndex;
-            }).length;
+    const resolveStepDependentProp = (prop)=>typeof currentStep.props[prop] === 'function' ? currentStep.props[prop](currentStepIndex + 1, numberOfSteps) : currentStep.props[prop];
+    const getProgress = useMemo(()=>(currStepIndex)=>{
+            const totalNumberOfSteps = modalSteps.filter((step)=>step.props.countsAsProgress).length;
+            const numberOfCompletedSteps = modalSteps.filter((step, index)=>step.props.countsAsProgress && index <= currStepIndex).length;
             return numberOfCompletedSteps / totalNumberOfSteps * 100;
-        };
-    }, []);
-    return /*#__PURE__*/ _jsxs(Modal, _object_spread_props(_object_spread({
+        }, []);
+    return /*#__PURE__*/ _jsxs(Modal, {
         opened: opened,
         classNames: {
-            content: cx(content, (_classNames = classNames) === null || _classNames === void 0 ? void 0 : _classNames.content),
-            body: cx(body, (_classNames1 = classNames) === null || _classNames1 === void 0 ? void 0 : _classNames1.body)
+            content: cx(content, classNames?.content),
+            body: cx(body, classNames?.body)
         },
         centered: true,
-        onClose: function() {
-            return handleClose(true);
-        },
+        onClose: ()=>handleClose(true),
         withCloseButton: false,
-        padding: 0
-    }, modalProps), {
+        padding: 0,
+        ...modalProps,
         children: [
             /*#__PURE__*/ _jsxs(Header, {
                 p: "lg",
                 pr: "md",
                 variant: "modal",
-                description: resolveStepDependentProp("description"),
+                description: resolveStepDependentProp('description'),
                 borderBottom: !currentStep.props.showProgressBar,
                 children: [
-                    resolveStepDependentProp("title"),
-                    resolveStepDependentProp("docLink") ? /*#__PURE__*/ _jsx(Header.DocAnchor, {
-                        href: resolveStepDependentProp("docLink"),
-                        label: resolveStepDependentProp("docLinkTooltipLabel")
+                    resolveStepDependentProp('title'),
+                    resolveStepDependentProp('docLink') ? /*#__PURE__*/ _jsx(Header.DocAnchor, {
+                        href: resolveStepDependentProp('docLink'),
+                        label: resolveStepDependentProp('docLinkTooltipLabel')
                     }) : null,
                     /*#__PURE__*/ _jsx(Header.Actions, {
                         children: /*#__PURE__*/ _jsx(CloseButton, {
-                            "aria-label": "close-modal",
-                            onClick: function() {
-                                return handleClose(true);
-                            }
+                            "aria-label": 'close-modal',
+                            onClick: ()=>handleClose(true)
                         })
                     })
                 ]
@@ -150,7 +103,7 @@ export var ModalWizard = function(_param) {
             }),
             /*#__PURE__*/ _jsx(Box, {
                 sx: {
-                    marginTop: "auto"
+                    marginTop: 'auto'
                 },
                 children: /*#__PURE__*/ _jsxs(StickyFooter, {
                     borderTop: true,
@@ -158,12 +111,11 @@ export var ModalWizard = function(_param) {
                         /*#__PURE__*/ _jsx(Button, {
                             name: isFirstStep ? cancelButtonLabel : previousButtonLabel,
                             variant: "outline",
-                            onClick: function() {
+                            onClick: ()=>{
                                 if (isFirstStep) {
                                     handleClose(true);
                                 } else {
-                                    var _onPrevious;
-                                    (_onPrevious = onPrevious) === null || _onPrevious === void 0 ? void 0 : _onPrevious(currentStepIndex - 1);
+                                    onPrevious?.(currentStepIndex - 1);
                                     setCurrentStepIndex(currentStepIndex - 1);
                                 }
                             },
@@ -172,14 +124,11 @@ export var ModalWizard = function(_param) {
                         /*#__PURE__*/ _jsx(Button, {
                             disabledTooltip: currentStep.props.disabledTooltipLabel,
                             disabled: !isValid,
-                            onClick: function() {
+                            onClick: ()=>{
                                 if (isLastStep) {
-                                    var _onFinish;
-                                    var _onFinish1;
-                                    (_onFinish1 = (_onFinish = onFinish) === null || _onFinish === void 0 ? void 0 : _onFinish()) !== null && _onFinish1 !== void 0 ? _onFinish1 : handleClose(false);
+                                    onFinish?.() ?? handleClose(false);
                                 } else {
-                                    var _onNext;
-                                    (_onNext = onNext) === null || _onNext === void 0 ? void 0 : _onNext(currentStepIndex + 1, setCurrentStepIndex);
+                                    onNext?.(currentStepIndex + 1, setCurrentStepIndex);
                                     if (!isStepValidatedOnNext) {
                                         setCurrentStepIndex(currentStepIndex + 1);
                                     }
@@ -191,7 +140,7 @@ export var ModalWizard = function(_param) {
                 })
             })
         ]
-    }));
+    });
 };
 ModalWizard.Step = ModalWizardStep;
 

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

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

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

@@ -1,10 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-var ModalWizardStep = function(param) {
-    var children = param.children;
-    return /*#__PURE__*/ _jsx(_Fragment, {
+const ModalWizardStep = ({ children })=>/*#__PURE__*/ _jsx(_Fragment, {
         children: children
     });
-};
 ModalWizardStep.defaultProps = {
     showProgressBar: true,
     countsAsProgress: true

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

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

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

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

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

@@ -1,30 +1,26 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { color } from "@coveord/plasma-tokens";
-import { createStyles, Modal } from "@mantine/core";
-import { Children } from "react";
-import { PromptFooter } from "./PromptFooter";
-var useStyles = createStyles(function(theme) {
-    return {
+import { color } from '@coveord/plasma-tokens';
+import { createStyles, Modal } from '@mantine/core';
+import { Children } from 'react';
+import { PromptFooter } from './PromptFooter';
+const useStyles = createStyles((theme)=>({
         body: {
             padding: 0
         },
         modalType: {
-            overflow: "hidden",
+            overflow: 'hidden',
             width: 550
         },
         innerBody: {
-            padding: "".concat(theme.spacing.md, " ").concat(theme.spacing.xl, " ").concat(theme.spacing.lg)
+            padding: `${theme.spacing.md} ${theme.spacing.xl} ${theme.spacing.lg}`
         },
         header: {
-            padding: "".concat(theme.spacing.md, " ").concat(theme.spacing.xl),
-            width: "100%",
-            borderBottom: "1px solid ".concat(theme.colors.gray[3]),
+            padding: `${theme.spacing.md} ${theme.spacing.xl}`,
+            width: '100%',
+            borderBottom: `1px solid ${theme.colors.gray[3]}`,
             fontSize: theme.headings.sizes.h3.fontSize,
             lineHeight: theme.headings.sizes.h3.lineHeight,
-            overflowWrap: "anywhere"
+            overflowWrap: 'anywhere'
         },
         success: {
             backgroundColor: theme.colors.lime[6],
@@ -44,44 +40,36 @@ var useStyles = createStyles(function(theme) {
         },
         whiteClose: {
             color: color.primary.pureWhite,
-            "&:hover": {
-                backgroundColor: "transparent"
+            '&:hover': {
+                backgroundColor: 'transparent'
             }
         },
         title: {
             color: color.primary.pureWhite
         }
-    };
-});
-export var Prompt = function(_param) {
-    var children = _param.children, _param_variant = _param.variant, variant = _param_variant === void 0 ? "info" : _param_variant, otherProps = _object_without_properties(_param, [
-        "children",
-        "variant"
-    ]);
-    var classesProps = otherProps.classNames, otherPropsWithoutClasses = _object_without_properties(otherProps, [
-        "classNames"
-    ]);
-    var _useStyles = useStyles(), classes = _useStyles.classes, cx = _useStyles.cx;
-    var convertedChildren = Children.toArray(children);
-    var otherChildren = convertedChildren.filter(function(child) {
-        return child.type !== PromptFooter;
-    });
-    var footer = convertedChildren.find(function(child) {
-        return child.type === PromptFooter;
-    });
-    var classNames = {
+    }));
+export const Prompt = ({ children, variant = 'info', ...otherProps })=>{
+    const { classNames: classesProps, ...otherPropsWithoutClasses } = otherProps;
+    const { classes, cx } = useStyles();
+    const convertedChildren = Children.toArray(children);
+    const otherChildren = convertedChildren.filter((child)=>child.type !== PromptFooter);
+    const footer = convertedChildren.find((child)=>child.type === PromptFooter);
+    const classNames = {
         header: cx(classes.header, classes[variant]),
         close: classes.whiteClose,
         body: classes.body,
         modal: classes.modalType,
         title: classes.title
     };
-    return /*#__PURE__*/ _jsxs(Modal, _object_spread_props(_object_spread({
+    return /*#__PURE__*/ _jsxs(Modal, {
         variant: "prompt",
         padding: 0,
-        classNames: _object_spread({}, classNames, classesProps),
-        size: "sm"
-    }, otherPropsWithoutClasses), {
+        classNames: {
+            ...classNames,
+            ...classesProps
+        },
+        size: 'sm',
+        ...otherPropsWithoutClasses,
         children: [
             /*#__PURE__*/ _jsx("div", {
                 className: classes.innerBody,
@@ -89,7 +77,7 @@ export var Prompt = function(_param) {
             }),
             footer
         ]
-    }));
+    });
 };
 Prompt.Footer = PromptFooter;
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => ({\n    body: {\n        padding: 0,\n    },\n    modalType: {overflow: 'hidden', width: 550},\n    innerBody: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl} ${theme.spacing.lg}`,\n    },\n    header: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl}`,\n        width: '100%',\n        borderBottom: `1px solid ${theme.colors.gray[3]}`,\n        fontSize: theme.headings.sizes.h3.fontSize,\n        lineHeight: theme.headings.sizes.h3.lineHeight,\n        overflowWrap: 'anywhere',\n    },\n    success: {backgroundColor: theme.colors.lime[6], color: color.primary.pureWhite},\n    warning: {backgroundColor: theme.colors.yellow[5], color: color.primary.pureWhite},\n    critical: {\n        backgroundColor: theme.colors.red[6],\n        color: color.primary.pureWhite,\n    },\n    info: {backgroundColor: theme.colors.navy[5], color: color.primary.pureWhite},\n    whiteClose: {color: color.primary.pureWhite, '&:hover': {backgroundColor: 'transparent'}},\n    title: {\n        color: color.primary.pureWhite,\n    },\n}));\n\nexport interface PromptProps extends ModalProps {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: 'success' | 'warning' | 'critical' | 'info';\n    children: ReactNode;\n}\ninterface PromptType {\n    (props: PromptProps): ReactElement;\n    Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant = 'info', ...otherProps}) => {\n    const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n    const {classes, cx} = useStyles();\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    const classNames = {\n        header: cx(classes.header, classes[variant]),\n        close: classes.whiteClose,\n        body: classes.body,\n        modal: classes.modalType,\n        title: classes.title,\n    };\n\n    return (\n        <Modal\n            variant=\"prompt\"\n            padding={0}\n            classNames={{...classNames, ...classesProps}}\n            size={'sm'}\n            {...otherPropsWithoutClasses}\n        >\n            <div className={classes.innerBody}>{otherChildren}</div>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["color","createStyles","Modal","Children","PromptFooter","useStyles","theme","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h3","lineHeight","overflowWrap","success","backgroundColor","lime","primary","pureWhite","warning","yellow","critical","red","info","navy","whiteClose","title","Prompt","children","variant","otherProps","classNames","classesProps","otherPropsWithoutClasses","classes","cx","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","close","modal","size","div","className","Footer"],"mappings":";;;;AAAA,SAAQA,KAAK,QAAO,yBAAyB;AAC7C,SAAQC,YAAY,EAAEC,KAAK,QAAmB,gBAAgB;AAC9D,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,YAAY,QAAO,iBAAiB;AAE5C,IAAMC,YAAYJ,aAAa,SAACK;WAAW;QACvCC,MAAM;YACFC,SAAS;QACb;QACAC,WAAW;YAACC,UAAU;YAAUC,OAAO;QAAG;QAC1CC,WAAW;YACPJ,SAAS,AAAC,GAAsBF,OAApBA,MAAMO,OAAO,CAACC,EAAE,EAAC,KAAuBR,OAApBA,MAAMO,OAAO,CAACE,EAAE,EAAC,KAAoB,OAAjBT,MAAMO,OAAO,CAACG,EAAE;QACxE;QACAC,QAAQ;YACJT,SAAS,AAAC,GAAsBF,OAApBA,MAAMO,OAAO,CAACC,EAAE,EAAC,KAAoB,OAAjBR,MAAMO,OAAO,CAACE,EAAE;YAChDJ,OAAO;YACPO,cAAc,AAAC,aAAiC,OAArBZ,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE;YAC/CC,UAAUf,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACH,QAAQ;YAC1CI,YAAYnB,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACC,UAAU;YAC9CC,cAAc;QAClB;QACAC,SAAS;YAACC,iBAAiBtB,MAAMa,MAAM,CAACU,IAAI,CAAC,EAAE;YAAE7B,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QAC/EC,SAAS;YAACJ,iBAAiBtB,MAAMa,MAAM,CAACc,MAAM,CAAC,EAAE;YAAEjC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QACjFG,UAAU;YACNN,iBAAiBtB,MAAMa,MAAM,CAACgB,GAAG,CAAC,EAAE;YACpCnC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAClC;QACAK,MAAM;YAACR,iBAAiBtB,MAAMa,MAAM,CAACkB,IAAI,CAAC,EAAE;YAAErC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QAC5EO,YAAY;YAACtC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;YAAE,WAAW;gBAACH,iBAAiB;YAAa;QAAC;QACxFW,OAAO;YACHvC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAClC;IACJ;;AAgBA,OAAO,IAAMS,SAAqB;QAAEC,kBAAAA,kCAAUC,SAAAA,sCAAU,yBAAWC;QAA/BF;QAAUC;;IAC1C,IAAOE,AAAYC,eAA6CF,WAAzDC,YAA6BE,sDAA4BH;QAAzDC;;IACP,IAAsBvC,aAAAA,aAAf0C,UAAe1C,WAAf0C,SAASC,KAAM3C,WAAN2C;IAChB,IAAMC,oBAAoB9C,SAAS+C,OAAO,CAACT;IAE3C,IAAMU,gBAAgBF,kBAAkBG,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKlD;;IACzE,IAAMmD,SAASN,kBAAkBO,IAAI,CAAC,SAACH;eAAUA,MAAMC,IAAI,KAAKlD;;IAEhE,IAAMwC,aAAa;QACf3B,QAAQ+B,GAAGD,QAAQ9B,MAAM,EAAE8B,OAAO,CAACL,QAAQ;QAC3Ce,OAAOV,QAAQT,UAAU;QACzB/B,MAAMwC,QAAQxC,IAAI;QAClBmD,OAAOX,QAAQtC,SAAS;QACxB8B,OAAOQ,QAAQR,KAAK;IACxB;IAEA,qBACI,MAACrC;QACGwC,SAAQ;QACRlC,SAAS;QACToC,YAAY,mBAAIA,YAAeC;QAC/Bc,MAAM;OACFb;;0BAEJ,KAACc;gBAAIC,WAAWd,QAAQnC,SAAS;0BAAGuC;;YACnCI;;;AAGb,EAAE;AAEFf,OAAOsB,MAAM,GAAG1D"}
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => ({\n    body: {\n        padding: 0,\n    },\n    modalType: {overflow: 'hidden', width: 550},\n    innerBody: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl} ${theme.spacing.lg}`,\n    },\n    header: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl}`,\n        width: '100%',\n        borderBottom: `1px solid ${theme.colors.gray[3]}`,\n        fontSize: theme.headings.sizes.h3.fontSize,\n        lineHeight: theme.headings.sizes.h3.lineHeight,\n        overflowWrap: 'anywhere',\n    },\n    success: {backgroundColor: theme.colors.lime[6], color: color.primary.pureWhite},\n    warning: {backgroundColor: theme.colors.yellow[5], color: color.primary.pureWhite},\n    critical: {\n        backgroundColor: theme.colors.red[6],\n        color: color.primary.pureWhite,\n    },\n    info: {backgroundColor: theme.colors.navy[5], color: color.primary.pureWhite},\n    whiteClose: {color: color.primary.pureWhite, '&:hover': {backgroundColor: 'transparent'}},\n    title: {\n        color: color.primary.pureWhite,\n    },\n}));\n\nexport interface PromptProps extends ModalProps {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: 'success' | 'warning' | 'critical' | 'info';\n    children: ReactNode;\n}\ninterface PromptType {\n    (props: PromptProps): ReactElement;\n    Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant = 'info', ...otherProps}) => {\n    const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n    const {classes, cx} = useStyles();\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    const classNames = {\n        header: cx(classes.header, classes[variant]),\n        close: classes.whiteClose,\n        body: classes.body,\n        modal: classes.modalType,\n        title: classes.title,\n    };\n\n    return (\n        <Modal\n            variant=\"prompt\"\n            padding={0}\n            classNames={{...classNames, ...classesProps}}\n            size={'sm'}\n            {...otherPropsWithoutClasses}\n        >\n            <div className={classes.innerBody}>{otherChildren}</div>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["color","createStyles","Modal","Children","PromptFooter","useStyles","theme","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h3","lineHeight","overflowWrap","success","backgroundColor","lime","primary","pureWhite","warning","yellow","critical","red","info","navy","whiteClose","title","Prompt","children","variant","otherProps","classNames","classesProps","otherPropsWithoutClasses","classes","cx","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","close","modal","size","div","className","Footer"],"mappings":";AAAA,SAAQA,KAAK,QAAO,yBAAyB;AAC7C,SAAQC,YAAY,EAAEC,KAAK,QAAmB,gBAAgB;AAC9D,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,YAAY,QAAO,iBAAiB;AAE5C,MAAMC,YAAYJ,aAAa,CAACK,QAAW,CAAA;QACvCC,MAAM;YACFC,SAAS;QACb;QACAC,WAAW;YAACC,UAAU;YAAUC,OAAO;QAAG;QAC1CC,WAAW;YACPJ,SAAS,CAAC,EAAEF,MAAMO,OAAO,CAACC,EAAE,CAAC,CAAC,EAAER,MAAMO,OAAO,CAACE,EAAE,CAAC,CAAC,EAAET,MAAMO,OAAO,CAACG,EAAE,CAAC,CAAC;QAC1E;QACAC,QAAQ;YACJT,SAAS,CAAC,EAAEF,MAAMO,OAAO,CAACC,EAAE,CAAC,CAAC,EAAER,MAAMO,OAAO,CAACE,EAAE,CAAC,CAAC;YAClDJ,OAAO;YACPO,cAAc,CAAC,UAAU,EAAEZ,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;YACjDC,UAAUf,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACH,QAAQ;YAC1CI,YAAYnB,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACC,UAAU;YAC9CC,cAAc;QAClB;QACAC,SAAS;YAACC,iBAAiBtB,MAAMa,MAAM,CAACU,IAAI,CAAC,EAAE;YAAE7B,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QAC/EC,SAAS;YAACJ,iBAAiBtB,MAAMa,MAAM,CAACc,MAAM,CAAC,EAAE;YAAEjC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QACjFG,UAAU;YACNN,iBAAiBtB,MAAMa,MAAM,CAACgB,GAAG,CAAC,EAAE;YACpCnC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAClC;QACAK,MAAM;YAACR,iBAAiBtB,MAAMa,MAAM,CAACkB,IAAI,CAAC,EAAE;YAAErC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAAA;QAC5EO,YAAY;YAACtC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;YAAE,WAAW;gBAACH,iBAAiB;YAAa;QAAC;QACxFW,OAAO;YACHvC,OAAOA,MAAM8B,OAAO,CAACC,SAAS;QAClC;IACJ,CAAA;AAgBA,OAAO,MAAMS,SAAqB,CAAC,EAACC,QAAQ,EAAEC,UAAU,MAAM,EAAE,GAAGC,YAAW;IAC1E,MAAM,EAACC,YAAYC,YAAY,EAAE,GAAGC,0BAAyB,GAAGH;IAChE,MAAM,EAACI,OAAO,EAAEC,EAAE,EAAC,GAAG3C;IACtB,MAAM4C,oBAAoB9C,SAAS+C,OAAO,CAACT;IAE3C,MAAMU,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKlD;IACzE,MAAMmD,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKlD;IAEhE,MAAMwC,aAAa;QACf3B,QAAQ+B,GAAGD,QAAQ9B,MAAM,EAAE8B,OAAO,CAACL,QAAQ;QAC3Ce,OAAOV,QAAQT,UAAU;QACzB/B,MAAMwC,QAAQxC,IAAI;QAClBmD,OAAOX,QAAQtC,SAAS;QACxB8B,OAAOQ,QAAQR,KAAK;IACxB;IAEA,qBACI,MAACrC;QACGwC,SAAQ;QACRlC,SAAS;QACToC,YAAY;YAAC,GAAGA,UAAU;YAAE,GAAGC,YAAY;QAAA;QAC3Cc,MAAM;QACL,GAAGb,wBAAwB;;0BAE5B,KAACc;gBAAIC,WAAWd,QAAQnC,SAAS;0BAAGuC;;YACnCI;;;AAGb,EAAE;AAEFf,OAAOsB,MAAM,GAAG1D"}