@coveord/plasma-mantine 47.0.1-next.2

package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EditableDateRangePicker", {
+    enumerable: true,
+    get: function() {
+        return EditableDateRangePicker;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _dates = require("@mantine/dates");
+var _dayjs = /*#__PURE__*/ _interopRequireDefault(require("dayjs"));
+var EditableDateRangePicker = function(param) {
+    var value = param.value, onChange = param.onChange, onFocus = param.onFocus, _separator = param.separator, separator = _separator === void 0 ? "to" : _separator, _startProps = param.startProps, startProps = _startProps === void 0 ? {} : _startProps, _endProps = param.endProps, endProps = _endProps === void 0 ? {} : _endProps;
+    var onChangeStart = function(date) {
+        onChange === null || onChange === void 0 ? void 0 : onChange([
+            (0, _dayjs.default)(date).startOf("day").toDate(),
+            value === null || value === void 0 ? void 0 : value[1]
+        ]);
+    };
+    var onChangeEnd = function(date) {
+        onChange === null || onChange === void 0 ? void 0 : onChange([
+            value === null || value === void 0 ? void 0 : value[0],
+            (0, _dayjs.default)(date).endOf("day").toDate()
+        ]);
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dates.DatePicker, _objectSpreadProps(_objectSpread({
+                allowFreeInput: true,
+                clearable: false,
+                label: "Start"
+            }, startProps), {
+                value: value === null || value === void 0 ? void 0 : value[0],
+                onChange: onChangeStart,
+                onFocus: onFocus,
+                styles: _objectSpreadProps(_objectSpread({}, startProps.styles), {
+                    dropdown: {
+                        display: "none"
+                    }
+                })
+            })),
+            separator,
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_dates.DatePicker, _objectSpreadProps(_objectSpread({
+                allowFreeInput: true,
+                clearable: false,
+                label: "End"
+            }, endProps), {
+                value: value === null || value === void 0 ? void 0 : value[1],
+                onChange: onChangeEnd,
+                onFocus: onFocus,
+                styles: _objectSpreadProps(_objectSpread({}, endProps.styles), {
+                    dropdown: {
+                        display: "none"
+                    }
+                })
+            }))
+        ]
+    });
+};
+
+//# sourceMappingURL=EditableDateRangePicker.js.map

package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DatePicker, DatePickerProps, DateRangePickerValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {ReactNode} from 'react';\n\nexport interface EditableDateRangePickerProps {\n    value: DateRangePickerValue;\n    onChange?(value: DateRangePickerValue): void;\n    onFocus?: () => void;\n    separator?: ReactNode;\n    /**\n     * Props for the start input\n     */\n    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n    /**\n     * Props for the end input\n     */\n    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateRangePicker = ({\n    value,\n    onChange,\n    onFocus,\n    separator = 'to',\n    startProps = {},\n    endProps = {},\n}: EditableDateRangePickerProps) => {\n    const onChangeStart = (date: Date) => {\n        onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n    };\n    const onChangeEnd = (date: Date) => {\n        onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\n    };\n\n    return (\n        <>\n            <DatePicker\n                allowFreeInput\n                clearable={false}\n                label=\"Start\"\n                {...startProps}\n                value={value?.[0]}\n                onChange={onChangeStart}\n                onFocus={onFocus}\n                styles={{...startProps.styles, dropdown: {display: 'none'}}}\n            />\n            {separator}\n            <DatePicker\n                allowFreeInput\n                clearable={false}\n                label=\"End\"\n                {...endProps}\n                value={value?.[1]}\n                onChange={onChangeEnd}\n                onFocus={onFocus}\n                styles={{...endProps.styles, dropdown: {display: 'none'}}}\n            />\n        </>\n    );\n};\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","dayjs","startOf","toDate","onChangeEnd","endOf","DatePicker","allowFreeInput","clearable","label","styles","dropdown","display"],"mappings":"AAAA;;;;+BAmBaA,yBAAuB;;;eAAvBA,uBAAuB;;;;;;;qBAnB4B,gBAAgB;0DAC9D,OAAO;AAkBlB,IAAMA,uBAAuB,GAAG,gBAOH;QANhCC,KAAK,SAALA,KAAK,EACLC,QAAQ,SAARA,QAAQ,EACRC,OAAO,SAAPA,OAAO,qBACPC,SAAS,EAATA,SAAS,2BAAG,IAAI,aAAA,sBAChBC,UAAU,EAAVA,UAAU,4BAAG,EAAE,cAAA,oBACfC,QAAQ,EAARA,QAAQ,0BAAG,EAAE,YAAA;IAEb,IAAMC,aAAa,GAAG,SAACC,IAAU,EAAK;QAClCN,QAAQ,aAARA,QAAQ,WAAqD,GAA7DA,KAAAA,CAA6D,GAA7DA,QAAQ,CAAG;YAACO,IAAAA,MAAK,QAAA,EAACD,IAAI,CAAC,CAACE,OAAO,CAAC,KAAK,CAAC,CAACC,MAAM,EAAE;YAAEV,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;SAAC,CAAC,CAAC;IAClE,CAAC,AAAC;IACF,IAAMW,WAAW,GAAG,SAACJ,IAAU,EAAK;QAChCN,QAAQ,aAARA,QAAQ,WAAmD,GAA3DA,KAAAA,CAA2D,GAA3DA,QAAQ,CAAG;YAACD,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;YAAEQ,IAAAA,MAAK,QAAA,EAACD,IAAI,CAAC,CAACK,KAAK,CAAC,KAAK,CAAC,CAACF,MAAM,EAAE;SAAC,CAAC,CAAC;IAChE,CAAC,AAAC;IAEF,qBACI;;0BACI,qBAACG,MAAU,WAAA;gBACPC,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,OAAO;eACTZ,UAAU;gBACdJ,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEK,aAAa;gBACvBJ,OAAO,EAAEA,OAAO;gBAChBe,MAAM,EAAE,qCAAIb,UAAU,CAACa,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC7D;YACDhB,SAAS;0BACV,qBAACU,MAAU,WAAA;gBACPC,cAAc;gBACdC,SAAS,EAAE,KAAK;gBAChBC,KAAK,EAAC,KAAK;eACPX,QAAQ;gBACZL,KAAK,EAAEA,KAAK,aAALA,KAAK,WAAK,GAAVA,KAAAA,CAAU,GAAVA,KAAK,AAAE,CAAC,CAAC,CAAC;gBACjBC,QAAQ,EAAEU,WAAW;gBACrBT,OAAO,EAAEA,OAAO;gBAChBe,MAAM,EAAE,qCAAIZ,QAAQ,CAACY,MAAM;oBAAEC,QAAQ,EAAE;wBAACC,OAAO,EAAE,MAAM;qBAAC;kBAAC;eAC3D;;MACH,CACL;AACN,CAAC,AAAC"}

package/dist/cjs/components/date-range-picker/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./DateRangePickerInlineCalendar"), exports);
+_exportStar(require("./DateRangePickerPopoverCalendar"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/date-range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-range-picker/index.tsx"],"sourcesContent":["export * from './DateRangePickerInlineCalendar';\nexport * from './DateRangePickerPopoverCalendar';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,iCAAiC;oBACjC,kCAAkC"}

package/dist/cjs/components/header/Header.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Header", {
+    enumerable: true,
+    get: function() {
+        return Header;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _plasmaReactIcons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var Header = function(_param) /*#__PURE__*/ {
+    var description = _param.description, actions = _param.actions, borderBottom = _param.borderBottom, docLink = _param.docLink, docLinkTooltipLabel = _param.docLinkTooltipLabel, children = _param.children, others = _objectWithoutProperties(_param, [
+        "description",
+        "actions",
+        "borderBottom",
+        "docLink",
+        "docLinkTooltipLabel",
+        "children"
+    ]);
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Group, _objectSpreadProps(_objectSpread({
+                position: "apart",
+                py: "md",
+                px: "xl"
+            }, others), {
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Stack, {
+                        spacing: "xs",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Title, {
+                                order: 4,
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Group, {
+                                    spacing: 0,
+                                    children: [
+                                        /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Breadcrumbs, {
+                                            children: children
+                                        }),
+                                        docLink ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Tooltip, {
+                                            label: docLinkTooltipLabel,
+                                            position: "bottom",
+                                            children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Anchor, {
+                                                href: docLink,
+                                                target: "_blank",
+                                                ml: "xs",
+                                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_plasmaReactIcons.QuestionSize24Px, {
+                                                    height: 24
+                                                })
+                                            })
+                                        }) : null
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Text, {
+                                children: description
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, {
+                        spacing: "xs",
+                        children: actions
+                    })
+                ]
+            })),
+            borderBottom ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Divider, {
+                size: "xs"
+            }) : null
+        ]
+    });
+};
+
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {QuestionSize24Px} from '@coveord/plasma-react-icons';\nimport {Anchor, Breadcrumbs, DefaultProps, Divider, Group, Stack, Text, Title, Tooltip} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren, ReactNode} from 'react';\n\ninterface HeaderProps extends DefaultProps {\n    description?: ReactNode;\n    actions?: ReactNode;\n    borderBottom?: boolean;\n    docLink?: string;\n    docLinkTooltipLabel?: string;\n}\n\nexport const Header: FunctionComponent<PropsWithChildren<HeaderProps>> = ({\n    description,\n    actions,\n    borderBottom,\n    docLink,\n    docLinkTooltipLabel,\n    children,\n    ...others\n}) => (\n    <>\n        <Group position=\"apart\" py=\"md\" px=\"xl\" {...others}>\n            <Stack spacing=\"xs\">\n                <Title order={4}>\n                    <Group spacing={0}>\n                        <Breadcrumbs>{children}</Breadcrumbs>\n                        {docLink ? (\n                            <Tooltip label={docLinkTooltipLabel} position=\"bottom\">\n                                <Anchor href={docLink} target=\"_blank\" ml=\"xs\">\n                                    <QuestionSize24Px height={24} />\n                                </Anchor>\n                            </Tooltip>\n                        ) : null}\n                    </Group>\n                </Title>\n                <Text>{description}</Text>\n            </Stack>\n            <Group spacing=\"xs\">{actions}</Group>\n        </Group>\n        {borderBottom ? <Divider size=\"xs\" /> : null}\n    </>\n);\n"],"names":["Header","description","actions","borderBottom","docLink","docLinkTooltipLabel","children","others","Group","position","py","px","Stack","spacing","Title","order","Breadcrumbs","Tooltip","label","Anchor","href","target","ml","QuestionSize24Px","height","Text","Divider","size"],"mappings":"AAAA;;;;+BAYaA,QAAM;;;eAANA,MAAM;;;;;;;gCAZY,6BAA6B;oBACiC,eAAe;AAWrG,IAAMA,MAAM,GAAsD,+BASrE;QARAC,WAAW,UAAXA,WAAW,EACXC,OAAO,UAAPA,OAAO,EACPC,YAAY,UAAZA,YAAY,EACZC,OAAO,UAAPA,OAAO,EACPC,mBAAmB,UAAnBA,mBAAmB,EACnBC,QAAQ,UAARA,QAAQ,EACLC,MAAM;QANTN,aAAW;QACXC,SAAO;QACPC,cAAY;QACZC,SAAO;QACPC,qBAAmB;QACnBC,UAAQ;;WAGR;;0BACI,sBAACE,KAAK,MAAA;gBAACC,QAAQ,EAAC,OAAO;gBAACC,EAAE,EAAC,IAAI;gBAACC,EAAE,EAAC,IAAI;eAAKJ,MAAM;;kCAC9C,sBAACK,KAAK,MAAA;wBAACC,OAAO,EAAC,IAAI;;0CACf,qBAACC,KAAK,MAAA;gCAACC,KAAK,EAAE,CAAC;0CACX,cAAA,sBAACP,KAAK,MAAA;oCAACK,OAAO,EAAE,CAAC;;sDACb,qBAACG,KAAW,YAAA;sDAAEV,QAAQ;0CAAe;wCACpCF,OAAO,iBACJ,qBAACa,KAAO,QAAA;4CAACC,KAAK,EAAEb,mBAAmB;4CAAEI,QAAQ,EAAC,QAAQ;sDAClD,cAAA,qBAACU,KAAM,OAAA;gDAACC,IAAI,EAAEhB,OAAO;gDAAEiB,MAAM,EAAC,QAAQ;gDAACC,EAAE,EAAC,IAAI;0DAC1C,cAAA,qBAACC,iBAAgB,iBAAA;oDAACC,MAAM,EAAE,EAAE;kDAAI;8CAC3B;0CACH,GACV,IAAI;;kCACJ;8BACJ;0CACR,qBAACC,KAAI,KAAA;0CAAExB,WAAW;8BAAQ;;sBACtB;kCACR,qBAACO,KAAK,MAAA;wBAACK,OAAO,EAAC,IAAI;kCAAEX,OAAO;sBAAS;;eACjC;YACPC,YAAY,iBAAG,qBAACuB,KAAO,QAAA;gBAACC,IAAI,EAAC,IAAI;cAAG,GAAG,IAAI;;MAC7C;AAAD,CACL,AAAC"}

package/dist/cjs/components/header/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Header"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/header/index.js.map

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

package/dist/cjs/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./blank-slate"), exports);
+_exportStar(require("./code-editor"), exports);
+_exportStar(require("./collection"), exports);
+_exportStar(require("./date-range-picker"), exports);
+_exportStar(require("./sticky-footer"), exports);
+_exportStar(require("./header"), exports);
+_exportStar(require("./inline-confirm"), exports);
+_exportStar(require("./table"), exports);
+_exportStar(require("./prompt"), exports);
+_exportStar(require("./modal-wizard"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './blank-slate';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './date-range-picker';\nexport * from './sticky-footer';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './table';\nexport * from './prompt';\nexport * from './modal-wizard';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,eAAe;oBACf,eAAe;oBACf,cAAc;oBACd,qBAAqB;oBACrB,iBAAiB;oBACjB,UAAU;oBACV,kBAAkB;oBAClB,SAAS;oBACT,UAAU;oBACV,gBAAgB"}

package/dist/cjs/components/inline-confirm/InlineConfirm.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InlineConfirm", {
+    enumerable: true,
+    get: function() {
+        return InlineConfirm;
+    }
+});
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _inlineConfirmButton = require("./InlineConfirmButton");
+var _inlineConfirmContext = require("./InlineConfirmContext");
+var _inlineConfirmPrompt = require("./InlineConfirmPrompt");
+var InlineConfirm = function(param) {
+    var children = param.children;
+    var ref = _slicedToArray((0, _react.useState)(null), 2), confirmingId = ref[0], setConfirmingId = ref[1];
+    var convertedChildren = _react.Children.toArray(children);
+    var prompt = convertedChildren.find(function(child) {
+        return child.type === _inlineConfirmPrompt.InlineConfirmPrompt && child.props.id === confirmingId;
+    });
+    var clearConfirm = function() {
+        return setConfirmingId(null);
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inlineConfirmContext.InlineConfirmContext.Provider, {
+        value: {
+            confirmingId: confirmingId,
+            setConfirmingId: setConfirmingId,
+            clearConfirm: clearConfirm
+        },
+        children: prompt !== null && prompt !== void 0 ? prompt : children
+    });
+};
+InlineConfirm.Prompt = _inlineConfirmPrompt.InlineConfirmPrompt;
+InlineConfirm.Button = _inlineConfirmButton.InlineConfirmButton;
+
+//# sourceMappingURL=InlineConfirm.js.map

package/dist/cjs/components/inline-confirm/InlineConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirm.tsx"],"sourcesContent":["import {Children, FunctionComponent, PropsWithChildren, ReactElement, useState} from 'react';\n\nimport {InlineConfirmButton} from './InlineConfirmButton';\nimport {InlineConfirmContext} from './InlineConfirmContext';\nimport {InlineConfirmPrompt} from './InlineConfirmPrompt';\n\ntype InlineConfirmType = FunctionComponent<PropsWithChildren> & {\n    Prompt: typeof InlineConfirmPrompt;\n    Button: typeof InlineConfirmButton;\n};\n\nexport const InlineConfirm: InlineConfirmType = ({children}) => {\n    const [confirmingId, setConfirmingId] = useState<string | null>(null);\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const prompt = convertedChildren.find(\n        (child) => child.type === InlineConfirmPrompt && child.props.id === confirmingId\n    );\n    const clearConfirm = () => setConfirmingId(null);\n\n    return (\n        <InlineConfirmContext.Provider value={{confirmingId, setConfirmingId, clearConfirm}}>\n            {prompt ?? children}\n        </InlineConfirmContext.Provider>\n    );\n};\n\nInlineConfirm.Prompt = InlineConfirmPrompt;\nInlineConfirm.Button = InlineConfirmButton;\n"],"names":["InlineConfirm","children","useState","confirmingId","setConfirmingId","convertedChildren","Children","toArray","prompt","find","child","type","InlineConfirmPrompt","props","id","clearConfirm","InlineConfirmContext","Provider","value","Prompt","Button","InlineConfirmButton"],"mappings":"AAAA;;;;+BAWaA,eAAa;;;eAAbA,aAAa;;;;;qBAX2D,OAAO;mCAE1D,uBAAuB;oCACtB,wBAAwB;mCACzB,uBAAuB;AAOlD,IAAMA,aAAa,GAAsB,gBAAgB;QAAdC,QAAQ,SAARA,QAAQ;IACtD,IAAwCC,GAA6B,kBAA7BA,IAAAA,MAAQ,SAAA,EAAgB,IAAI,CAAC,IAAA,EAA9DC,YAAY,GAAqBD,GAA6B,GAAlD,EAAEE,eAAe,GAAIF,GAA6B,GAAjC,AAAkC;IAEtE,IAAMG,iBAAiB,GAAGC,MAAQ,SAAA,CAACC,OAAO,CAACN,QAAQ,CAAC,AAAkB,AAAC;IACvE,IAAMO,MAAM,GAAGH,iBAAiB,CAACI,IAAI,CACjC,SAACC,KAAK;eAAKA,KAAK,CAACC,IAAI,KAAKC,oBAAmB,oBAAA,IAAIF,KAAK,CAACG,KAAK,CAACC,EAAE,KAAKX,YAAY;KAAA,CACnF,AAAC;IACF,IAAMY,YAAY,GAAG;eAAMX,eAAe,CAAC,IAAI,CAAC;KAAA,AAAC;IAEjD,qBACI,qBAACY,qBAAoB,qBAAA,CAACC,QAAQ;QAACC,KAAK,EAAE;YAACf,YAAY,EAAZA,YAAY;YAAEC,eAAe,EAAfA,eAAe;YAAEW,YAAY,EAAZA,YAAY;SAAC;kBAC9EP,MAAM,aAANA,MAAM,cAANA,MAAM,GAAIP,QAAQ;MACS,CAClC;AACN,CAAC,AAAC;AAEFD,aAAa,CAACmB,MAAM,GAAGP,oBAAmB,oBAAA,CAAC;AAC3CZ,aAAa,CAACoB,MAAM,GAAGC,oBAAmB,oBAAA,CAAC"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InlineConfirmButton", {
+    enumerable: true,
+    get: function() {
+        return InlineConfirmButton;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _useInlineConfirm = require("./useInlineConfirm");
+var InlineConfirmButton = function(props) {
+    var setConfirmingId = (0, _useInlineConfirm.useInlineConfirm)().setConfirmingId;
+    var onClick = function(e) {
+        var ref;
+        setConfirmingId(props.id);
+        (ref = props.onClick) === null || ref === void 0 ? void 0 : ref.call(props, e);
+    };
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, _objectSpreadProps(_objectSpread({}, props), {
+        onClick: onClick
+    }));
+};
+
+//# sourceMappingURL=InlineConfirmButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {Button, ButtonProps} from '@mantine/core';\nimport {HTMLAttributes, MouseEventHandler} from 'react';\nimport {useInlineConfirm} from './useInlineConfirm';\n\ninterface InlineConfirmButtonProps extends ButtonProps, Omit<HTMLAttributes<HTMLButtonElement>, 'color'> {\n    id: string;\n}\n\nexport const InlineConfirmButton = (props: InlineConfirmButtonProps) => {\n    const {setConfirmingId} = useInlineConfirm();\n    const onClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n        setConfirmingId(props.id);\n        props.onClick?.(e);\n    };\n\n    return <Button {...props} onClick={onClick} />;\n};\n"],"names":["InlineConfirmButton","props","setConfirmingId","useInlineConfirm","onClick","e","id","Button"],"mappings":"AAAA;;;;+BAQaA,qBAAmB;;;eAAnBA,mBAAmB;;;;;;oBARE,eAAe;gCAElB,oBAAoB;AAM5C,IAAMA,mBAAmB,GAAG,SAACC,KAA+B,EAAK;IACpE,IAAM,AAACC,eAAe,GAAIC,IAAAA,iBAAgB,iBAAA,GAAE,CAArCD,eAAe,AAAsB,AAAC;IAC7C,IAAME,OAAO,GAAyC,SAACC,CAAC,EAAK;YAEzDJ,GAAa;QADbC,eAAe,CAACD,KAAK,CAACK,EAAE,CAAC,CAAC;QAC1BL,CAAAA,GAAa,GAAbA,KAAK,CAACG,OAAO,cAAbH,GAAa,WAAK,GAAlBA,KAAAA,CAAkB,GAAlBA,GAAa,CAAbA,IAAkB,CAAlBA,KAAK,EAAWI,CAAC,CAAC,CAAC;IACvB,CAAC,AAAC;IAEF,qBAAO,qBAACE,KAAM,OAAA,uCAAKN,KAAK;QAAEG,OAAO,EAAEA,OAAO;OAAI,CAAC;AACnD,CAAC,AAAC"}

package/dist/cjs/components/inline-confirm/InlineConfirmContext.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InlineConfirmContext", {
+    enumerable: true,
+    get: function() {
+        return InlineConfirmContext;
+    }
+});
+var _react = require("react");
+var InlineConfirmContext = (0, _react.createContext)(null);
+
+//# sourceMappingURL=InlineConfirmContext.js.map

package/dist/cjs/components/inline-confirm/InlineConfirmContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmContext.ts"],"sourcesContent":["import {createContext} from 'react';\n\ntype InlineConfirmContextType = {\n    confirmingId: string;\n    setConfirmingId: (id: string) => void;\n    clearConfirm: () => void;\n};\n\nexport const InlineConfirmContext = createContext<InlineConfirmContextType | null>(null);\n"],"names":["InlineConfirmContext","createContext"],"mappings":"AAAA;;;;+BAQaA,sBAAoB;;;eAApBA,oBAAoB;;;qBARL,OAAO;AAQ5B,IAAMA,oBAAoB,GAAGC,IAAAA,MAAa,cAAA,EAAkC,IAAI,CAAC,AAAC"}

package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InlineConfirmPrompt", {
+    enumerable: true,
+    get: function() {
+        return InlineConfirmPrompt;
+    }
+});
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _react = require("react");
+var _useInlineConfirm = require("./useInlineConfirm");
+var InlineConfirmPrompt = function(param) {
+    var id = param.id, label = param.label, _confirmLabel = param.confirmLabel, confirmLabel = _confirmLabel === void 0 ? "Delete" : _confirmLabel, _cancelLabel = param.cancelLabel, cancelLabel = _cancelLabel === void 0 ? "Cancel" : _cancelLabel, onConfirm = param.onConfirm;
+    var ref = (0, _useInlineConfirm.useInlineConfirm)(), confirmingId = ref.confirmingId, clearConfirm = ref.clearConfirm;
+    var onClickConfirm = function() {
+        onConfirm();
+        clearConfirm();
+    };
+    (0, _react.useEffect)(function() {
+        if (confirmingId !== id) {
+            clearConfirm();
+        }
+    }, []);
+    if (confirmingId === id) {
+        return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Group, {
+            spacing: "xs",
+            children: [
+                label,
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
+                    onClick: onClickConfirm,
+                    color: "red",
+                    children: confirmLabel
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
+                    onClick: clearConfirm,
+                    variant: "outline",
+                    children: cancelLabel
+                })
+            ]
+        });
+    }
+    return null;
+};
+
+//# sourceMappingURL=InlineConfirmPrompt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Button, Group} from '@mantine/core';\nimport {FunctionComponent, ReactNode, useEffect} from 'react';\n\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\">\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":["InlineConfirmPrompt","id","label","confirmLabel","cancelLabel","onConfirm","useInlineConfirm","confirmingId","clearConfirm","onClickConfirm","useEffect","Group","spacing","Button","onClick","color","variant"],"mappings":"AAAA;;;;+BAaaA,qBAAmB;;;eAAnBA,mBAAmB;;;;oBAbJ,eAAe;qBACW,OAAO;gCAE9B,oBAAoB;AAU5C,IAAMA,mBAAmB,GAAgD,gBAM1E;QALFC,EAAE,SAAFA,EAAE,EACFC,KAAK,SAALA,KAAK,wBACLC,YAAY,EAAZA,YAAY,8BAAG,QAAQ,gBAAA,uBACvBC,WAAW,EAAXA,WAAW,6BAAG,QAAQ,eAAA,EACtBC,SAAS,SAATA,SAAS;IAET,IAAqCC,GAAkB,GAAlBA,IAAAA,iBAAgB,iBAAA,GAAE,EAAhDC,YAAY,GAAkBD,GAAkB,CAAhDC,YAAY,EAAEC,YAAY,GAAIF,GAAkB,CAAlCE,YAAY,AAAuB;IAExD,IAAMC,cAAc,GAAG,WAAM;QACzBJ,SAAS,EAAE,CAAC;QACZG,YAAY,EAAE,CAAC;IACnB,CAAC,AAAC;IAEFE,IAAAA,MAAS,UAAA,EAAC,WAAM;QACZ,IAAIH,YAAY,KAAKN,EAAE,EAAE;YACrBO,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAID,YAAY,KAAKN,EAAE,EAAE;QACrB,qBACI,sBAACU,KAAK,MAAA;YAACC,OAAO,EAAC,IAAI;;gBACdV,KAAK;8BACN,qBAACW,KAAM,OAAA;oBAACC,OAAO,EAAEL,cAAc;oBAAEM,KAAK,EAAC,KAAK;8BACvCZ,YAAY;kBACR;8BACT,qBAACU,KAAM,OAAA;oBAACC,OAAO,EAAEN,YAAY;oBAAEQ,OAAO,EAAC,SAAS;8BAC3CZ,WAAW;kBACP;;UACL,CACV;IACN,CAAC;IACD,OAAO,IAAI,CAAC;AAChB,CAAC,AAAC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./InlineConfirm"), exports);
+_exportStar(require("./useInlineConfirm"), exports);
+_exportStar(require("./InlineConfirmContext"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/inline-confirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './useInlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":"AAAA;;;;;oBAAc,iBAAiB;oBACjB,oBAAoB;oBACpB,wBAAwB"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useInlineConfirm", {
+    enumerable: true,
+    get: function() {
+        return useInlineConfirm;
+    }
+});
+var _react = require("react");
+var _inlineConfirmContext = require("./InlineConfirmContext");
+var useInlineConfirm = function() {
+    var ctx = (0, _react.useContext)(_inlineConfirmContext.InlineConfirmContext);
+    if (ctx === null) {
+        throw new Error("useConfirm must be used inside of a InlineConfirmContext.Provider");
+    }
+    return ctx;
+};
+
+//# sourceMappingURL=useInlineConfirm.js.map

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

@@ -0,0 +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":["useInlineConfirm","ctx","useContext","InlineConfirmContext","Error"],"mappings":"AAAA;;;;+BAGaA,kBAAgB;;;eAAhBA,gBAAgB;;;qBAHJ,OAAO;oCACG,wBAAwB;AAEpD,IAAMA,gBAAgB,GAAG,WAAM;IAClC,IAAMC,GAAG,GAAGC,IAAAA,MAAU,WAAA,EAACC,qBAAoB,qBAAA,CAAC,AAAC;IAE7C,IAAIF,GAAG,KAAK,IAAI,EAAE;QACd,MAAM,IAAIG,KAAK,CAAC,mEAAmE,CAAC,CAAC;IACzF,CAAC;IAED,OAAOH,GAAG,CAAC;AACf,CAAC,AAAC"}

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

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ModalWizard", {
+    enumerable: true,
+    get: function() {
+        return ModalWizard;
+    }
+});
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _slicedToArray = require("@swc/helpers/lib/_sliced_to_array.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+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 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) {
+        return child.type === _modalWizardStep.ModalWizardStep;
+    });
+    var numberOfSteps = modalSteps.length;
+    var numberOfStepsCountAsProgress = modalSteps.filter(function(step) {
+        return step.props.countsAsProgress;
+    }).length;
+    var isFirstStep = currentStepIndex === 0;
+    var isLastStep = currentStepIndex === numberOfSteps - 1;
+    var currentStep = modalSteps.filter(function(step, index) {
+        return index === currentStepIndex;
+    })[0];
+    var ref3;
+    var isValid = ((ref3 = currentStep === null || currentStep === void 0 ? void 0 : (ref = currentStep.props) === null || ref === void 0 ? void 0 : (ref1 = ref.validateStep) === null || ref1 === void 0 ? void 0 : ref1.call(ref, currentStepIndex, numberOfSteps)) !== null && ref3 !== void 0 ? ref3 : {
+        isValid: true
+    }).isValid;
+    var isModalDirty = isDirty && isDirty();
+    var classes = useStyles().classes;
+    var closeModalWizard = function() {
+        if (isModalDirty && handleDirtyState) {
+            handleDirtyState() && (onClose === null || onClose === void 0 ? void 0 : onClose());
+        } else {
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+    };
+    var getProgress = function(currStepIndex) {
+        var validSteps = modalSteps.filter(function(step, index) {
+            return step.props.countsAsProgress && index <= currStepIndex;
+        }).length;
+        return validSteps / numberOfStepsCountAsProgress * 100;
+    };
+    var getProgressMemo = (0, _react.useMemo)(function() {
+        return getProgress(currentStepIndex);
+    }, [
+        currentStepIndex
+    ]);
+    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_core.Modal, _objectSpreadProps(_objectSpread({
+        opened: true,
+        classNames: {
+            modal: classes.modal
+        },
+        centered: true,
+        closeButtonLabel: closeButtonLabel,
+        padding: "xl",
+        title: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_header.Header, {
+            docLink: currentStep.props.docLin,
+            description: typeof currentStep.props.description === "function" ? currentStep.props.description(currentStepIndex + 1, numberOfSteps) : currentStep.props.description,
+            py: null,
+            px: null,
+            children: typeof currentStep.props.title === "function" ? currentStep.props.title(currentStepIndex + 1, numberOfSteps) : currentStep.props.title
+        }),
+        onClose: closeModalWizard
+    }, modalProps), {
+        children: [
+            currentStep.props.showProgressBar && /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Progress, {
+                value: getProgressMemo
+            }),
+            currentStep,
+            /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_stickyFooter.StickyFooter, {
+                borderTop: true,
+                py: null,
+                px: null,
+                pt: "md",
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
+                        name: isFirstStep ? cancelButtonLabel : previousButtonLabel,
+                        disabled: false,
+                        size: "md",
+                        variant: "outline",
+                        onClick: function() {
+                            if (isFirstStep) {
+                                closeModalWizard();
+                            } else {
+                                onPrevious === null || onPrevious === void 0 ? void 0 : onPrevious();
+                                setCurrentStepIndex(currentStepIndex - 1);
+                            }
+                        },
+                        children: isFirstStep ? cancelButtonLabel : previousButtonLabel
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Button, {
+                        disabled: !isValid,
+                        size: "md",
+                        onClick: function() {
+                            if (isLastStep) {
+                                onFinish ? onFinish() : onClose();
+                            } else {
+                                onNext === null || onNext === void 0 ? void 0 : onNext();
+                                setCurrentStepIndex(currentStepIndex + 1);
+                            }
+                        },
+                        children: isLastStep ? finishButtonLabel : nextButtonLabel
+                    })
+                ]
+            })
+        ]
+    }));
+};
+ModalWizard.Step = _modalWizardStep.ModalWizardStep;
+
+//# sourceMappingURL=ModalWizard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizard.tsx"],"sourcesContent":["import {Button, createStyles, Modal, Progress} from '@mantine/core';\nimport {Children, ReactElement, useMemo, useState} from 'react';\nimport {StickyFooter} from '../sticky-footer';\nimport {ModalWizardStep} from './ModalWizardStep';\nimport {Header} from '../header';\n\ninterface ModalWizardProps {\n    /**\n     * The label of the cancel button\n     *\n     * @default \"Cancel\"\n     */\n    cancelButtonLabel?: string;\n\n    /**\n     * The label of the next button\n     *\n     * @default \"Next\"\n     */\n\n    nextButtonLabel?: string;\n    /**\n     * The label of the previous button\n     *\n     * @default \"Previous\"\n     */\n    previousButtonLabel?: string;\n    /**\n     * The label of the finish button\n     *\n     * @default \"Finish\"\n     */\n\n    finishButtonLabel?: string;\n\n    /**\n     * A callback function that is executed when the user clicks on the next button\n     */\n    onNext?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the previous button\n     */\n    onPrevious?: () => unknown;\n\n    /**\n     * A callback function that is executed when the user clicks on the cancel button\n     */\n\n    onClose?: () => unknown;\n\n    /**\n     * A function that is executed when user completes all the steps.\n     *\n     * @param close A function that closes the modal when called.\n     */\n    onFinish?: () => unknown;\n\n    /**\n     * Determine if user interacted with any steps in the modal wizard\n     */\n\n    isDirty?: () => boolean;\n\n    /**\n     * A function to confirm close if the state is dirty before closing\n     */\n    handleDirtyState?: () => boolean;\n\n    /**\n     * Props to pass to each modal\n     */\n    modalProps?: any;\n\n    /**\n     * Label for close button\n     */\n    closeButtonLabel?: string;\n\n    /**\n     * Children to display in modal wizard\n     * */\n    children?: Array<ReturnType<typeof ModalWizardStep>>;\n}\n\nconst useStyles = createStyles(() => ({\n    modal: {\n        height: '70%',\n        display: 'flex',\n        flexDirection: 'column',\n    },\n}));\n\ninterface ModalWizardType {\n    <T>(props: ModalWizardProps): ReactElement;\n\n    Step: typeof ModalWizardStep;\n}\n\nexport const ModalWizard: ModalWizardType = ({\n    cancelButtonLabel = 'Cancel',\n    nextButtonLabel = 'Next',\n    previousButtonLabel = 'Previous',\n    finishButtonLabel = 'Finish',\n    onNext,\n    onPrevious,\n    onClose,\n    onFinish,\n    isDirty,\n    modalProps,\n    handleDirtyState,\n    closeButtonLabel,\n    children,\n}) => {\n    const [currentStepIndex, setCurrentStepIndex] = useState(0);\n    const modalSteps = (Children.toArray(children) as ReactElement[]).filter((child) => child.type === ModalWizardStep);\n\n    const numberOfSteps = modalSteps.length;\n    const numberOfStepsCountAsProgress = modalSteps.filter((step) => step.props.countsAsProgress).length;\n    const isFirstStep = currentStepIndex === 0;\n    const isLastStep = currentStepIndex === numberOfSteps - 1;\n    const currentStep = modalSteps.filter((step: ReactElement, index: number) => index === currentStepIndex)[0];\n\n    const {isValid} = currentStep?.props?.validateStep?.(currentStepIndex, numberOfSteps) ?? {isValid: true};\n    const isModalDirty = isDirty && isDirty();\n\n    const {classes} = useStyles();\n\n    const closeModalWizard = () => {\n        if (isModalDirty && handleDirtyState) {\n            handleDirtyState() && onClose?.();\n        } else {\n            onClose?.();\n        }\n    };\n\n    const getProgress = (currStepIndex: number) => {\n        const validSteps = modalSteps.filter(\n            (step, index) => step.props.countsAsProgress && index <= currStepIndex\n        ).length;\n        return (validSteps / numberOfStepsCountAsProgress) * 100;\n    };\n\n    const getProgressMemo = useMemo(() => getProgress(currentStepIndex), [currentStepIndex]);\n\n    return (\n        <Modal\n            opened\n            classNames={{modal: classes.modal}}\n            centered\n            closeButtonLabel={closeButtonLabel}\n            padding=\"xl\"\n            title={\n                <Header\n                    docLink={currentStep.props.docLin}\n                    description={\n                        typeof currentStep.props.description === 'function'\n                            ? currentStep.props.description(currentStepIndex + 1, numberOfSteps)\n                            : currentStep.props.description\n                    }\n                    py={null}\n                    px={null}\n                >\n                    {typeof currentStep.props.title === 'function'\n                        ? currentStep.props.title(currentStepIndex + 1, numberOfSteps)\n                        : currentStep.props.title}\n                </Header>\n            }\n            onClose={closeModalWizard}\n            {...modalProps}\n        >\n            {currentStep.props.showProgressBar && <Progress value={getProgressMemo} />}\n            {currentStep}\n            <StickyFooter borderTop py={null} px={null} pt=\"md\">\n                <Button\n                    name={isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                    disabled={false}\n                    size=\"md\"\n                    variant=\"outline\"\n                    onClick={() => {\n                        if (isFirstStep) {\n                            closeModalWizard();\n                        } else {\n                            onPrevious?.();\n                            setCurrentStepIndex(currentStepIndex - 1);\n                        }\n                    }}\n                >\n                    {isFirstStep ? cancelButtonLabel : previousButtonLabel}\n                </Button>\n\n                <Button\n                    disabled={!isValid}\n                    size=\"md\"\n                    onClick={() => {\n                        if (isLastStep) {\n                            onFinish ? onFinish() : onClose();\n                        } else {\n                            onNext?.();\n                            setCurrentStepIndex(currentStepIndex + 1);\n                        }\n                    }}\n                >\n                    {isLastStep ? finishButtonLabel : nextButtonLabel}\n                </Button>\n            </StickyFooter>\n        </Modal>\n    );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["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":"AAAA;;;;+BAmGaA,aAAW;;;eAAXA,WAAW;;;;;;;oBAnG4B,eAAe;qBACX,OAAO;4BACpC,kBAAkB;+BACf,mBAAmB;sBAC5B,WAAW;AAiFhC,IAAMC,SAAS,GAAGC,IAAAA,KAAY,aAAA,EAAC;WAAO;QAClCC,KAAK,EAAE;YACHC,MAAM,EAAE,KAAK;YACbC,OAAO,EAAE,MAAM;YACfC,aAAa,EAAE,QAAQ;SAC1B;KACJ;CAAC,CAAC,AAAC;AAQG,IAAMN,WAAW,GAAoB,gBActC;mCAbFO,iBAAiB,EAAjBA,iBAAiB,mCAAG,QAAQ,qBAAA,2BAC5BC,eAAe,EAAfA,eAAe,iCAAG,MAAM,mBAAA,+BACxBC,mBAAmB,EAAnBA,mBAAmB,qCAAG,UAAU,uBAAA,6BAChCC,iBAAiB,EAAjBA,iBAAiB,mCAAG,QAAQ,qBAAA,EAC5BC,MAAM,SAANA,MAAM,EACNC,UAAU,SAAVA,UAAU,EACVC,OAAO,SAAPA,OAAO,EACPC,QAAQ,SAARA,QAAQ,EACRC,OAAO,SAAPA,OAAO,EACPC,UAAU,SAAVA,UAAU,EACVC,gBAAgB,SAAhBA,gBAAgB,EAChBC,gBAAgB,SAAhBA,gBAAgB,EAChBC,QAAQ,SAARA,QAAQ;QAWUC,GAAkB;IATpC,IAAgDC,IAAW,kBAAXA,IAAAA,MAAQ,SAAA,EAAC,CAAC,CAAC,IAAA,EAApDC,gBAAgB,GAAyBD,IAAW,GAApC,EAAEE,mBAAmB,GAAIF,IAAW,GAAf,AAAgB;IAC5D,IAAMG,UAAU,GAAG,AAACC,MAAQ,SAAA,CAACC,OAAO,CAACP,QAAQ,CAAC,CAAoBQ,MAAM,CAAC,SAACC,KAAK;eAAKA,KAAK,CAACC,IAAI,KAAKC,gBAAe,gBAAA;KAAA,CAAC,AAAC;IAEpH,IAAMC,aAAa,GAAGP,UAAU,CAACQ,MAAM,AAAC;IACxC,IAAMC,4BAA4B,GAAGT,UAAU,CAACG,MAAM,CAAC,SAACO,IAAI;eAAKA,IAAI,CAACC,KAAK,CAACC,gBAAgB;KAAA,CAAC,CAACJ,MAAM,AAAC;IACrG,IAAMK,WAAW,GAAGf,gBAAgB,KAAK,CAAC,AAAC;IAC3C,IAAMgB,UAAU,GAAGhB,gBAAgB,KAAKS,aAAa,GAAG,CAAC,AAAC;IAC1D,IAAMX,WAAW,GAAGI,UAAU,CAACG,MAAM,CAAC,SAACO,IAAkB,EAAEK,KAAa;eAAKA,KAAK,KAAKjB,gBAAgB;KAAA,CAAC,CAAC,CAAC,CAAC,AAAC;QAE1FF,IAAmE;IAArF,IAAM,AAACoB,OAAO,GAAIpB,CAAAA,CAAAA,IAAmE,GAAnEA,WAAW,aAAXA,WAAW,WAAO,GAAlBA,KAAAA,CAAkB,GAAlBA,CAAAA,GAAkB,GAAlBA,WAAW,CAAEe,KAAK,cAAlBf,GAAkB,WAAA,GAAlBA,KAAAA,CAAkB,GAAlBA,QAAAA,GAAkB,CAAEqB,YAAY,6BAAmC,GAAnErB,KAAAA,CAAmE,GAAnEA,KAAAA,IAAmE,CAAnEA,GAAkB,EAAiBE,gBAAgB,EAAES,aAAa,CAAC,cAAnEX,IAAmE,cAAnEA,IAAmE,GAAI;QAACoB,OAAO,EAAE,IAAI;KAAC,CAAA,CAAjGA,OAAO,AAA0F,AAAC;IACzG,IAAME,YAAY,GAAG3B,OAAO,IAAIA,OAAO,EAAE,AAAC;IAE1C,IAAM,AAAC4B,OAAO,GAAI1C,SAAS,EAAE,CAAtB0C,OAAO,AAAe,AAAC;IAE9B,IAAMC,gBAAgB,GAAG,WAAM;QAC3B,IAAIF,YAAY,IAAIzB,gBAAgB,EAAE;YAClCA,gBAAgB,EAAE,KAAIJ,OAAO,aAAPA,OAAO,WAAI,GAAXA,KAAAA,CAAW,GAAXA,OAAO,EAAI,CAAA,CAAC;QACtC,OAAO;YACHA,OAAO,aAAPA,OAAO,WAAI,GAAXA,KAAAA,CAAW,GAAXA,OAAO,EAAI,CAAC;QAChB,CAAC;IACL,CAAC,AAAC;IAEF,IAAMgC,WAAW,GAAG,SAACC,aAAqB,EAAK;QAC3C,IAAMC,UAAU,GAAGvB,UAAU,CAACG,MAAM,CAChC,SAACO,IAAI,EAAEK,KAAK;mBAAKL,IAAI,CAACC,KAAK,CAACC,gBAAgB,IAAIG,KAAK,IAAIO,aAAa;SAAA,CACzE,CAACd,MAAM,AAAC;QACT,OAAO,AAACe,UAAU,GAAGd,4BAA4B,GAAI,GAAG,CAAC;IAC7D,CAAC,AAAC;IAEF,IAAMe,eAAe,GAAGC,IAAAA,MAAO,QAAA,EAAC;eAAMJ,WAAW,CAACvB,gBAAgB,CAAC;KAAA,EAAE;QAACA,gBAAgB;KAAC,CAAC,AAAC;IAEzF,qBACI,sBAAC4B,KAAK,MAAA;QACFC,MAAM;QACNC,UAAU,EAAE;YAACjD,KAAK,EAAEwC,OAAO,CAACxC,KAAK;SAAC;QAClCkD,QAAQ;QACRnC,gBAAgB,EAAEA,gBAAgB;QAClCoC,OAAO,EAAC,IAAI;QACZC,KAAK,gBACD,qBAACC,OAAM,OAAA;YACHC,OAAO,EAAErC,WAAW,CAACe,KAAK,CAACuB,MAAM;YACjCC,WAAW,EACP,OAAOvC,WAAW,CAACe,KAAK,CAACwB,WAAW,KAAK,UAAU,GAC7CvC,WAAW,CAACe,KAAK,CAACwB,WAAW,CAACrC,gBAAgB,GAAG,CAAC,EAAES,aAAa,CAAC,GAClEX,WAAW,CAACe,KAAK,CAACwB,WAAW;YAEvCC,EAAE,EAAE,IAAI;YACRC,EAAE,EAAE,IAAI;sBAEP,OAAOzC,WAAW,CAACe,KAAK,CAACoB,KAAK,KAAK,UAAU,GACxCnC,WAAW,CAACe,KAAK,CAACoB,KAAK,CAACjC,gBAAgB,GAAG,CAAC,EAAES,aAAa,CAAC,GAC5DX,WAAW,CAACe,KAAK,CAACoB,KAAK;UACxB;QAEb1C,OAAO,EAAE+B,gBAAgB;OACrB5B,UAAU;;YAEbI,WAAW,CAACe,KAAK,CAAC2B,eAAe,kBAAI,qBAACC,KAAQ,SAAA;gBAACC,KAAK,EAAEhB,eAAe;cAAI;YACzE5B,WAAW;0BACZ,sBAAC6C,aAAY,aAAA;gBAACC,SAAS;gBAACN,EAAE,EAAE,IAAI;gBAAEC,EAAE,EAAE,IAAI;gBAAEM,EAAE,EAAC,IAAI;;kCAC/C,qBAACC,KAAM,OAAA;wBACHC,IAAI,EAAEhC,WAAW,GAAG9B,iBAAiB,GAAGE,mBAAmB;wBAC3D6D,QAAQ,EAAE,KAAK;wBACfC,IAAI,EAAC,IAAI;wBACTC,OAAO,EAAC,SAAS;wBACjBC,OAAO,EAAE,WAAM;4BACX,IAAIpC,WAAW,EAAE;gCACbO,gBAAgB,EAAE,CAAC;4BACvB,OAAO;gCACHhC,UAAU,aAAVA,UAAU,WAAI,GAAdA,KAAAA,CAAc,GAAdA,UAAU,EAAI,CAAC;gCACfW,mBAAmB,CAACD,gBAAgB,GAAG,CAAC,CAAC,CAAC;4BAC9C,CAAC;wBACL,CAAC;kCAEAe,WAAW,GAAG9B,iBAAiB,GAAGE,mBAAmB;sBACjD;kCAET,qBAAC2D,KAAM,OAAA;wBACHE,QAAQ,EAAE,CAAC9B,OAAO;wBAClB+B,IAAI,EAAC,IAAI;wBACTE,OAAO,EAAE,WAAM;4BACX,IAAInC,UAAU,EAAE;gCACZxB,QAAQ,GAAGA,QAAQ,EAAE,GAAGD,OAAO,EAAE,CAAC;4BACtC,OAAO;gCACHF,MAAM,aAANA,MAAM,WAAI,GAAVA,KAAAA,CAAU,GAAVA,MAAM,EAAI,CAAC;gCACXY,mBAAmB,CAACD,gBAAgB,GAAG,CAAC,CAAC,CAAC;4BAC9C,CAAC;wBACL,CAAC;kCAEAgB,UAAU,GAAG5B,iBAAiB,GAAGF,eAAe;sBAC5C;;cACE;;OACX,CACV;AACN,CAAC,AAAC;AAEFR,WAAW,CAAC0E,IAAI,GAAG5C,gBAAe,gBAAA,CAAC"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ModalWizardStep", {
+    enumerable: true,
+    get: function() {
+        return ModalWizardStep;
+    }
+});
+var _jsxRuntime = require("react/jsx-runtime");
+var ModalWizardStep = function(param) {
+    var children = param.children;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
+        children: children
+    });
+};
+ModalWizardStep.defaultProps = {
+    showProgressBar: true,
+    countsAsProgress: true
+};
+
+//# sourceMappingURL=ModalWizardStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/modal-wizard/ModalWizardStep.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren, ReactElement} from 'react';\n\ntype DependsOnStep<T> = (currentStep: number, numberOfSteps: number) => T;\n\nexport interface ModalWizardStepProps {\n    /**\n     * The title of the current step. The title can be dependent on the current step if needed\n     */\n    title?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n    /**\n     * The description of the current step. The description can be dependent on the current step if needed\n     */\n    description?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n    /**\n     * A link to the documentation for the current step\n     */\n    docLink: string;\n\n    /**\n     * A tooltip label for the docLink\n     */\n    docLinkTooltipLabel?: string | ReactElement | DependsOnStep<string | ReactElement>;\n\n    /**\n     * A function to validate the current step, it determines if the next step should be enabled or not.\n     */\n    validateStep: (currentStep: any, numberOfSteps: any) => {isValid: boolean; messsage?: unknown};\n\n    /**\n     * Show progress bar at this step\n     *\n     * @default true\n     */\n    showProgressBar?: boolean;\n\n    /**\n     * Does completion of current step count moves the progress bar\n     *\n     * @default true\n     */\n    countsAsProgress?: boolean;\n}\n\nconst ModalWizardStep: FunctionComponent<PropsWithChildren<ModalWizardStepProps>> = ({children}) => (\n    <div>{children}</div>\n);\n\nModalWizardStep.defaultProps = {\n    showProgressBar: true,\n    countsAsProgress: true,\n};\n\nexport {ModalWizardStep};\n"],"names":["ModalWizardStep","children","div","defaultProps","showProgressBar","countsAsProgress"],"mappings":"AAAA;;;;+BAsDQA,iBAAe;;;eAAfA,eAAe;;;;AATvB,IAAMA,eAAe,GAA+D;QAAEC,QAAQ,SAARA,QAAQ;yBAC1F,qBAACC,KAAG;kBAAED,QAAQ;MAAO;CACxB,AAAC;AAEFD,eAAe,CAACG,YAAY,GAAG;IAC3BC,eAAe,EAAE,IAAI;IACrBC,gBAAgB,EAAE,IAAI;CACzB,CAAC"}

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./ModalWizard"), exports);
+
+//# sourceMappingURL=index.js.map

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

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