@coveord/plasma-mantine 52.1.0 → 52.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +28 -28
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/__tests__/Utils.js +9 -9
- package/dist/cjs/__tests__/Utils.js.map +1 -1
- package/dist/cjs/__tests__/VitestSetup.js +2 -2
- package/dist/cjs/__tests__/VitestSetup.js.map +1 -1
- package/dist/cjs/components/blank-slate/BlankSlate.js +3 -3
- package/dist/cjs/components/blank-slate/index.js +2 -2
- package/dist/cjs/components/blank-slate/index.js.map +1 -1
- package/dist/cjs/components/button/Button.js +15 -15
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/ButtonWithDisabledTooltip.js +8 -8
- package/dist/cjs/components/button/index.js +2 -2
- package/dist/cjs/components/button/index.js.map +1 -1
- package/dist/cjs/components/code-editor/CodeEditor.js +30 -30
- package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
- package/dist/cjs/components/code-editor/index.js +2 -2
- package/dist/cjs/components/code-editor/index.js.map +1 -1
- package/dist/cjs/components/code-editor/languages/xml.js +4 -4
- package/dist/cjs/components/code-editor/languages/xml.js.map +1 -1
- package/dist/cjs/components/collection/Collection.js +25 -25
- package/dist/cjs/components/collection/Collection.js.map +1 -1
- package/dist/cjs/components/collection/CollectionItem.js +29 -29
- package/dist/cjs/components/collection/CollectionItem.js.map +1 -1
- package/dist/cjs/components/collection/index.js +2 -2
- package/dist/cjs/components/collection/index.js.map +1 -1
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.js +13 -13
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/cjs/components/copyToClipboard/index.js +2 -2
- package/dist/cjs/components/copyToClipboard/index.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js +16 -16
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js +16 -16
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.js +10 -10
- package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.js.map +1 -1
- package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js +9 -9
- package/dist/cjs/components/date-range-picker/EditableDateRangePicker.js.map +1 -1
- package/dist/cjs/components/date-range-picker/index.js +4 -4
- package/dist/cjs/components/date-range-picker/index.js.map +1 -1
- package/dist/cjs/components/header/Header.js +23 -23
- package/dist/cjs/components/header/Header.js.map +1 -1
- package/dist/cjs/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +4 -8
- package/dist/cjs/components/header/index.js +2 -2
- package/dist/cjs/components/header/index.js.map +1 -1
- package/dist/cjs/components/index.js +14 -14
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirm.js +12 -12
- package/dist/cjs/components/inline-confirm/InlineConfirm.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmButton.js +5 -5
- package/dist/cjs/components/inline-confirm/InlineConfirmMenuItem.js +5 -5
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js +4 -4
- package/dist/cjs/components/inline-confirm/index.js +4 -4
- package/dist/cjs/components/inline-confirm/index.js.map +1 -1
- package/dist/cjs/components/inline-confirm/useInlineConfirm.js +2 -2
- package/dist/cjs/components/menu/Menu.js +7 -7
- package/dist/cjs/components/menu/index.js +2 -2
- package/dist/cjs/components/menu/index.js.map +1 -1
- package/dist/cjs/components/modal-wizard/ModalWizard.js +22 -22
- package/dist/cjs/components/modal-wizard/ModalWizard.js.map +1 -1
- package/dist/cjs/components/modal-wizard/ModalWizardStep.js +2 -2
- package/dist/cjs/components/modal-wizard/index.js +2 -2
- package/dist/cjs/components/modal-wizard/index.js.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js +18 -18
- package/dist/cjs/components/prompt/PromptFooter.js +7 -7
- package/dist/cjs/components/prompt/PromptFooter.js.map +1 -1
- package/dist/cjs/components/prompt/index.js +2 -2
- package/dist/cjs/components/prompt/index.js.map +1 -1
- package/dist/cjs/components/sticky-footer/StickyFooter.js +8 -8
- package/dist/cjs/components/sticky-footer/index.js +2 -2
- package/dist/cjs/components/sticky-footer/index.js.map +1 -1
- package/dist/cjs/components/table/Table.js +96 -86
- package/dist/cjs/components/table/Table.js.map +1 -1
- package/dist/cjs/components/table/Table.styles.js +30 -7
- package/dist/cjs/components/table/Table.styles.js.map +1 -1
- package/dist/cjs/components/table/TableActions.js +15 -6
- package/dist/cjs/components/table/TableActions.js.map +1 -1
- package/dist/cjs/components/table/TableCollapsibleColumn.js +10 -10
- package/dist/cjs/components/table/TableCollapsibleColumn.js.map +1 -1
- package/dist/cjs/components/table/TableConsumer.js +2 -2
- package/dist/cjs/components/table/TableDateRangePicker.js +51 -41
- package/dist/cjs/components/table/TableDateRangePicker.js.map +1 -1
- package/dist/cjs/components/table/TableFilter.js +31 -25
- package/dist/cjs/components/table/TableFilter.js.map +1 -1
- package/dist/cjs/components/table/TableFooter.js +6 -6
- package/dist/cjs/components/table/TableHeader.js +45 -45
- package/dist/cjs/components/table/TableHeader.js.map +1 -1
- package/dist/cjs/components/table/TablePagination.js +8 -8
- package/dist/cjs/components/table/TablePagination.js.map +1 -1
- package/dist/cjs/components/table/TablePerPage.js +9 -9
- package/dist/cjs/components/table/TablePerPage.js.map +1 -1
- package/dist/cjs/components/table/TablePredicate.js +31 -25
- package/dist/cjs/components/table/TablePredicate.js.map +1 -1
- package/dist/cjs/components/table/TableSelectableColumn.js +4 -4
- package/dist/cjs/components/table/Th.js +17 -17
- package/dist/cjs/components/table/index.js +4 -4
- package/dist/cjs/components/table/index.js.map +1 -1
- package/dist/cjs/components/table/useRowSelection.js +9 -9
- package/dist/cjs/components/table/useRowSelection.js.map +1 -1
- package/dist/cjs/form/FormProvider.js +4 -4
- package/dist/cjs/form/FormProvider.js.map +1 -1
- package/dist/cjs/form/index.js +3 -3
- package/dist/cjs/form/index.js.map +1 -1
- package/dist/cjs/form/useForm.js +4 -4
- package/dist/cjs/form/useForm.js.map +1 -1
- package/dist/cjs/hooks/index.js +3 -3
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useControlledList.js +5 -5
- package/dist/cjs/hooks/useControlledList.js.map +1 -1
- package/dist/cjs/hooks/useParentHeight.js +2 -2
- package/dist/cjs/hooks/useParentHeight.js.map +1 -1
- package/dist/cjs/index.js +9 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/theme/PlasmaColors.js +30 -30
- package/dist/cjs/theme/Plasmantine.js +4 -4
- package/dist/cjs/theme/Theme.js +13 -13
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/cjs/theme/index.js +2 -2
- package/dist/cjs/theme/index.js.map +1 -1
- package/dist/cjs/utils/index.js +3 -3
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/cjs/utils/overrideComponent.js +2 -2
- package/dist/cjs/utils/overrideComponent.js.map +1 -1
- package/dist/definitions/components/header/Header.d.ts.map +1 -1
- package/dist/definitions/components/table/Table.d.ts.map +1 -1
- package/dist/definitions/components/table/Table.styles.d.ts +7 -1
- package/dist/definitions/components/table/Table.styles.d.ts.map +1 -1
- package/dist/definitions/components/table/TableActions.d.ts.map +1 -1
- package/dist/definitions/components/table/TableDateRangePicker.d.ts.map +1 -1
- package/dist/definitions/components/table/TableFilter.d.ts.map +1 -1
- package/dist/definitions/components/table/TableHeader.d.ts +1 -0
- package/dist/definitions/components/table/TableHeader.d.ts.map +1 -1
- package/dist/definitions/components/table/TablePredicate.d.ts.map +1 -1
- package/dist/esm/__tests__/Utils.js +1 -1
- package/dist/esm/components/button/Button.js +6 -6
- package/dist/esm/components/button/ButtonWithDisabledTooltip.js +3 -3
- package/dist/esm/components/code-editor/CodeEditor.js +6 -6
- package/dist/esm/components/code-editor/languages/xml.js +2 -2
- package/dist/esm/components/collection/Collection.js +3 -3
- package/dist/esm/components/collection/CollectionItem.js +4 -4
- package/dist/esm/components/copyToClipboard/CopyToClipboard.js +2 -2
- package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js +2 -2
- package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js +2 -2
- package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js +3 -3
- package/dist/esm/components/date-range-picker/EditableDateRangePicker.js +1 -1
- package/dist/esm/components/header/Header.js +11 -11
- package/dist/esm/components/header/Header.js.map +1 -1
- package/dist/esm/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +4 -8
- package/dist/esm/components/inline-confirm/InlineConfirm.js +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmButton.js +2 -2
- package/dist/esm/components/inline-confirm/InlineConfirmMenuItem.js +2 -2
- package/dist/esm/components/menu/Menu.js +2 -2
- package/dist/esm/components/modal-wizard/ModalWizard.js +4 -4
- package/dist/esm/components/prompt/Prompt.js +3 -3
- package/dist/esm/components/prompt/PromptFooter.js +3 -3
- package/dist/esm/components/sticky-footer/StickyFooter.js +3 -3
- package/dist/esm/components/table/Table.js +27 -17
- package/dist/esm/components/table/Table.js.map +1 -1
- package/dist/esm/components/table/Table.styles.js +19 -4
- package/dist/esm/components/table/Table.styles.js.map +1 -1
- package/dist/esm/components/table/TableActions.js +13 -4
- package/dist/esm/components/table/TableActions.js.map +1 -1
- package/dist/esm/components/table/TableCollapsibleColumn.js +2 -2
- package/dist/esm/components/table/TableDateRangePicker.js +45 -35
- package/dist/esm/components/table/TableDateRangePicker.js.map +1 -1
- package/dist/esm/components/table/TableFilter.js +26 -20
- package/dist/esm/components/table/TableFilter.js.map +1 -1
- package/dist/esm/components/table/TableFooter.js +3 -3
- package/dist/esm/components/table/TableHeader.js +41 -41
- package/dist/esm/components/table/TableHeader.js.map +1 -1
- package/dist/esm/components/table/TablePagination.js +2 -2
- package/dist/esm/components/table/TablePerPage.js +2 -2
- package/dist/esm/components/table/TablePredicate.js +28 -22
- package/dist/esm/components/table/TablePredicate.js.map +1 -1
- package/dist/esm/components/table/useRowSelection.js +2 -2
- package/dist/esm/form/useForm.js +2 -2
- package/dist/esm/hooks/useControlledList.js +2 -2
- package/dist/esm/hooks/useParentHeight.js +1 -1
- package/dist/esm/theme/Theme.js +2 -2
- package/dist/esm/utils/overrideComponent.js +1 -1
- package/package.json +8 -8
- package/src/components/header/Header.tsx +5 -7
- package/src/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +4 -8
- package/src/components/table/Table.styles.ts +21 -5
- package/src/components/table/Table.tsx +10 -4
- package/src/components/table/TableActions.tsx +9 -6
- package/src/components/table/TableDateRangePicker.tsx +23 -20
- package/src/components/table/TableFilter.tsx +21 -18
- package/src/components/table/TableHeader.tsx +35 -23
- package/src/components/table/TablePredicate.tsx +15 -12
|
@@ -8,14 +8,14 @@ Object.defineProperty(exports, "InlineConfirmMenuItem", {
|
|
|
8
8
|
return InlineConfirmMenuItem;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
11
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
12
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
13
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _react = require("react");
|
|
15
15
|
var _menu = require("../menu");
|
|
16
16
|
var _useInlineConfirm = require("./useInlineConfirm");
|
|
17
17
|
var InlineConfirmMenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
|
|
18
|
-
var onClick = _param.onClick, id = _param.id, others =
|
|
18
|
+
var onClick = _param.onClick, id = _param.id, others = _object_without_properties._(_param, [
|
|
19
19
|
"onClick",
|
|
20
20
|
"id"
|
|
21
21
|
]);
|
|
@@ -24,7 +24,7 @@ var InlineConfirmMenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param
|
|
|
24
24
|
setConfirmingId(id);
|
|
25
25
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
26
26
|
};
|
|
27
|
-
return /*#__PURE__*/ (0,
|
|
27
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_menu.Menu.Item, _object_spread._({
|
|
28
28
|
ref: ref,
|
|
29
29
|
onClick: handleOnClick
|
|
30
30
|
}, others));
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "InlineConfirmPrompt", {
|
|
|
8
8
|
return InlineConfirmPrompt;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
11
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
12
12
|
var _core = require("@mantine/core");
|
|
13
13
|
var _react = require("react");
|
|
14
14
|
var _button = require("../button");
|
|
@@ -26,16 +26,16 @@ var InlineConfirmPrompt = function(param) {
|
|
|
26
26
|
}
|
|
27
27
|
}, []);
|
|
28
28
|
if (confirmingId === id) {
|
|
29
|
-
return /*#__PURE__*/ (0,
|
|
29
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
|
|
30
30
|
spacing: "xs",
|
|
31
31
|
children: [
|
|
32
32
|
label,
|
|
33
|
-
/*#__PURE__*/ (0,
|
|
33
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button, {
|
|
34
34
|
onClick: onClickConfirm,
|
|
35
35
|
color: "red",
|
|
36
36
|
children: confirmLabel
|
|
37
37
|
}),
|
|
38
|
-
/*#__PURE__*/ (0,
|
|
38
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button, {
|
|
39
39
|
onClick: clearConfirm,
|
|
40
40
|
variant: "outline",
|
|
41
41
|
children: cancelLabel
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./InlineConfirm"), exports);
|
|
7
|
+
_export_star._(require("./useInlineConfirm"), exports);
|
|
8
|
+
_export_star._(require("./InlineConfirmContext"), exports);
|
|
9
9
|
|
|
10
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './useInlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './useInlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA"}
|
|
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "useInlineConfirm", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
var _react = require("react");
|
|
12
|
-
var
|
|
12
|
+
var _InlineConfirmContext = require("./InlineConfirmContext");
|
|
13
13
|
var useInlineConfirm = function() {
|
|
14
|
-
var ctx = (0, _react.useContext)(
|
|
14
|
+
var ctx = (0, _react.useContext)(_InlineConfirmContext.InlineConfirmContext);
|
|
15
15
|
if (ctx === null) {
|
|
16
16
|
throw new Error("useConfirm must be used inside of a InlineConfirmContext.Provider");
|
|
17
17
|
}
|
|
@@ -8,24 +8,24 @@ Object.defineProperty(exports, "Menu", {
|
|
|
8
8
|
return Menu;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
11
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
12
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
13
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
14
14
|
var _core = require("@mantine/core");
|
|
15
15
|
var _react = require("react");
|
|
16
16
|
var _utils = require("../../utils");
|
|
17
|
-
var
|
|
17
|
+
var _ButtonWithDisabledTooltip = require("../button/ButtonWithDisabledTooltip");
|
|
18
18
|
var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) /*#__PURE__*/ {
|
|
19
|
-
var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, others =
|
|
19
|
+
var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, others = _object_without_properties._(_param, [
|
|
20
20
|
"disabledTooltip",
|
|
21
21
|
"disabled",
|
|
22
22
|
"disabledTooltipProps"
|
|
23
23
|
]);
|
|
24
|
-
return (0,
|
|
24
|
+
return (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
|
|
25
25
|
disabled: disabled,
|
|
26
26
|
disabledTooltip: disabledTooltip,
|
|
27
27
|
disabledTooltipProps: disabledTooltipProps,
|
|
28
|
-
children: /*#__PURE__*/ (0,
|
|
28
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Menu.Item, _object_spread._({
|
|
29
29
|
ref: ref,
|
|
30
30
|
disabled: disabled
|
|
31
31
|
}, others))
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./Menu"), exports);
|
|
7
7
|
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/menu/index.ts"],"sourcesContent":["export * from './Menu';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/menu/index.ts"],"sourcesContent":["export * from './Menu';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -8,17 +8,17 @@ Object.defineProperty(exports, "ModalWizard", {
|
|
|
8
8
|
return ModalWizard;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
11
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
12
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
13
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
14
|
+
var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
|
|
15
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
16
16
|
var _core = require("@mantine/core");
|
|
17
17
|
var _react = require("react");
|
|
18
18
|
var _button = require("../button");
|
|
19
19
|
var _header = require("../header");
|
|
20
|
-
var
|
|
21
|
-
var
|
|
20
|
+
var _stickyfooter = require("../sticky-footer");
|
|
21
|
+
var _ModalWizardStep = require("./ModalWizardStep");
|
|
22
22
|
var useStyles = (0, _core.createStyles)(function() {
|
|
23
23
|
return {
|
|
24
24
|
content: {
|
|
@@ -33,7 +33,7 @@ var useStyles = (0, _core.createStyles)(function() {
|
|
|
33
33
|
};
|
|
34
34
|
});
|
|
35
35
|
var ModalWizard = function(_param) {
|
|
36
|
-
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, modalProps =
|
|
36
|
+
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, modalProps = _object_without_properties._(_param, [
|
|
37
37
|
"cancelButtonLabel",
|
|
38
38
|
"nextButtonLabel",
|
|
39
39
|
"previousButtonLabel",
|
|
@@ -57,9 +57,9 @@ var ModalWizard = function(_param) {
|
|
|
57
57
|
styles: styles,
|
|
58
58
|
unstyled: unstyled
|
|
59
59
|
}), _useStyles_classes = _useStyles.classes, content = _useStyles_classes.content, body = _useStyles_classes.body, cx = _useStyles.cx;
|
|
60
|
-
var _useState =
|
|
60
|
+
var _useState = _sliced_to_array._((0, _react.useState)(0), 2), currentStepIndex = _useState[0], setCurrentStepIndex = _useState[1];
|
|
61
61
|
var modalSteps = _react.Children.toArray(children).filter(function(child) {
|
|
62
|
-
return child.type ===
|
|
62
|
+
return child.type === _ModalWizardStep.ModalWizardStep;
|
|
63
63
|
});
|
|
64
64
|
var numberOfSteps = modalSteps.length;
|
|
65
65
|
var isFirstStep = currentStepIndex === 0;
|
|
@@ -106,7 +106,7 @@ var ModalWizard = function(_param) {
|
|
|
106
106
|
return numberOfCompletedSteps / totalNumberOfSteps * 100;
|
|
107
107
|
};
|
|
108
108
|
}, []);
|
|
109
|
-
return /*#__PURE__*/ (0,
|
|
109
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal, _object_spread_props._(_object_spread._({
|
|
110
110
|
opened: opened,
|
|
111
111
|
classNames: {
|
|
112
112
|
content: cx(content, classNames === null || classNames === void 0 ? void 0 : classNames.content),
|
|
@@ -120,7 +120,7 @@ var ModalWizard = function(_param) {
|
|
|
120
120
|
padding: 0
|
|
121
121
|
}, modalProps), {
|
|
122
122
|
children: [
|
|
123
|
-
/*#__PURE__*/ (0,
|
|
123
|
+
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_header.Header, {
|
|
124
124
|
p: "lg",
|
|
125
125
|
pr: "md",
|
|
126
126
|
variant: "modal",
|
|
@@ -128,12 +128,12 @@ var ModalWizard = function(_param) {
|
|
|
128
128
|
borderBottom: !currentStep.props.showProgressBar,
|
|
129
129
|
children: [
|
|
130
130
|
resolveStepDependentProp("title"),
|
|
131
|
-
resolveStepDependentProp("docLink") ? /*#__PURE__*/ (0,
|
|
131
|
+
resolveStepDependentProp("docLink") ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_header.Header.DocAnchor, {
|
|
132
132
|
href: resolveStepDependentProp("docLink"),
|
|
133
133
|
label: resolveStepDependentProp("docLinkTooltipLabel")
|
|
134
134
|
}) : null,
|
|
135
|
-
/*#__PURE__*/ (0,
|
|
136
|
-
children: /*#__PURE__*/ (0,
|
|
135
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_header.Header.Actions, {
|
|
136
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.CloseButton, {
|
|
137
137
|
"aria-label": "close-modal",
|
|
138
138
|
onClick: function() {
|
|
139
139
|
return handleClose(true);
|
|
@@ -142,24 +142,24 @@ var ModalWizard = function(_param) {
|
|
|
142
142
|
})
|
|
143
143
|
]
|
|
144
144
|
}),
|
|
145
|
-
currentStep.props.showProgressBar && /*#__PURE__*/ (0,
|
|
145
|
+
currentStep.props.showProgressBar && /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Progress, {
|
|
146
146
|
color: "navy.5",
|
|
147
147
|
size: "sm",
|
|
148
148
|
radius: 0,
|
|
149
149
|
value: getProgress(currentStepIndex)
|
|
150
150
|
}),
|
|
151
|
-
/*#__PURE__*/ (0,
|
|
151
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
|
|
152
152
|
p: "lg",
|
|
153
153
|
children: currentStep
|
|
154
154
|
}),
|
|
155
|
-
/*#__PURE__*/ (0,
|
|
155
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
|
|
156
156
|
sx: {
|
|
157
157
|
marginTop: "auto"
|
|
158
158
|
},
|
|
159
|
-
children: /*#__PURE__*/ (0,
|
|
159
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_stickyfooter.StickyFooter, {
|
|
160
160
|
borderTop: true,
|
|
161
161
|
children: [
|
|
162
|
-
/*#__PURE__*/ (0,
|
|
162
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button, {
|
|
163
163
|
name: isFirstStep ? cancelButtonLabel : previousButtonLabel,
|
|
164
164
|
variant: "outline",
|
|
165
165
|
onClick: function() {
|
|
@@ -172,7 +172,7 @@ var ModalWizard = function(_param) {
|
|
|
172
172
|
},
|
|
173
173
|
children: isFirstStep ? cancelButtonLabel : previousButtonLabel
|
|
174
174
|
}),
|
|
175
|
-
/*#__PURE__*/ (0,
|
|
175
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_button.Button, {
|
|
176
176
|
disabled: !isValid,
|
|
177
177
|
onClick: function() {
|
|
178
178
|
if (isLastStep) {
|
|
@@ -191,6 +191,6 @@ var ModalWizard = function(_param) {
|
|
|
191
191
|
]
|
|
192
192
|
}));
|
|
193
193
|
};
|
|
194
|
-
ModalWizard.Step =
|
|
194
|
+
ModalWizard.Step = _ModalWizardStep.ModalWizardStep;
|
|
195
195
|
|
|
196
196
|
//# sourceMappingURL=ModalWizard.js.map
|
|
@@ -1 +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) => 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\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 ...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} = 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 disabled={!isValid}\n onClick={() => {\n if (isLastStep) {\n onFinish?.() ?? handleClose(false);\n } else {\n onNext?.(currentStepIndex + 1);\n setCurrentStepIndex(currentStepIndex + 1);\n }\n }}\n >\n {isLastStep ? finishButtonLabel : nextButtonLabel}\n </Button>\n </StickyFooter>\n </Box>\n </Modal>\n );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["ModalWizard","useStyles","createStyles","content","display","flexDirection","body","flex","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","styles","unstyled","children","modalProps","currentStep","name","classes","cx","useState","currentStepIndex","setCurrentStepIndex","modalSteps","Children","toArray","filter","child","type","ModalWizardStep","numberOfSteps","length","isFirstStep","isLastStep","step","index","isValid","props","validateStep","useEffect","handleClose","confirmDirty","isModalDirty","discardChanges","resolveStepDependentProp","prop","getProgress","useMemo","currStepIndex","totalNumberOfSteps","countsAsProgress","numberOfCompletedSteps","Modal","centered","withCloseButton","padding","Header","p","pr","variant","description","borderBottom","showProgressBar","DocAnchor","href","label","Actions","CloseButton","aria-label","onClick","Progress","color","size","radius","value","Box","sx","marginTop","StickyFooter","borderTop","Button","disabled","Step"],"mappings":"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"}
|
|
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) => 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\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 ...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} = 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 disabled={!isValid}\n onClick={() => {\n if (isLastStep) {\n onFinish?.() ?? handleClose(false);\n } else {\n onNext?.(currentStepIndex + 1);\n setCurrentStepIndex(currentStepIndex + 1);\n }\n }}\n >\n {isLastStep ? finishButtonLabel : nextButtonLabel}\n </Button>\n </StickyFooter>\n </Box>\n </Modal>\n );\n};\n\nModalWizard.Step = ModalWizardStep;\n"],"names":["ModalWizard","useStyles","createStyles","content","display","flexDirection","body","flex","cancelButtonLabel","nextButtonLabel","previousButtonLabel","finishButtonLabel","opened","onNext","onPrevious","onClose","onFinish","isDirty","handleDirtyState","classNames","styles","unstyled","children","modalProps","currentStep","name","classes","cx","useState","currentStepIndex","setCurrentStepIndex","modalSteps","Children","toArray","filter","child","type","ModalWizardStep","numberOfSteps","length","isFirstStep","isLastStep","step","index","isValid","props","validateStep","useEffect","handleClose","confirmDirty","isModalDirty","discardChanges","resolveStepDependentProp","prop","getProgress","useMemo","currStepIndex","totalNumberOfSteps","countsAsProgress","numberOfCompletedSteps","Modal","centered","withCloseButton","padding","Header","p","pr","variant","description","borderBottom","showProgressBar","DocAnchor","href","label","Actions","CloseButton","aria-label","onClick","Progress","color","size","radius","value","Box","sx","marginTop","StickyFooter","borderTop","Button","disabled","Step"],"mappings":"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"}
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "ModalWizardStep", {
|
|
|
8
8
|
return ModalWizardStep;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
11
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
12
12
|
var ModalWizardStep = function(param) {
|
|
13
13
|
var children = param.children;
|
|
14
|
-
return /*#__PURE__*/ (0,
|
|
14
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
15
15
|
children: children
|
|
16
16
|
});
|
|
17
17
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./ModalWizard"), exports);
|
|
7
7
|
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/modal-wizard/index.ts"],"sourcesContent":["export * from './ModalWizard';\nexport {type ModalWizardStepProps} from './ModalWizardStep';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/modal-wizard/index.ts"],"sourcesContent":["export * from './ModalWizard';\nexport {type ModalWizardStepProps} from './ModalWizardStep';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -8,14 +8,14 @@ Object.defineProperty(exports, "Prompt", {
|
|
|
8
8
|
return Prompt;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
11
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
12
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
13
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
14
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
15
|
+
var _plasmatokens = require("@coveord/plasma-tokens");
|
|
16
16
|
var _core = require("@mantine/core");
|
|
17
17
|
var _react = require("react");
|
|
18
|
-
var
|
|
18
|
+
var _PromptFooter = require("./PromptFooter");
|
|
19
19
|
var useStyles = (0, _core.createStyles)(function(theme) {
|
|
20
20
|
return {
|
|
21
21
|
body: {
|
|
@@ -38,33 +38,33 @@ var useStyles = (0, _core.createStyles)(function(theme) {
|
|
|
38
38
|
default: {},
|
|
39
39
|
success: {
|
|
40
40
|
backgroundColor: theme.colors.lime[6],
|
|
41
|
-
color:
|
|
41
|
+
color: _plasmatokens.color.primary.pureWhite
|
|
42
42
|
},
|
|
43
43
|
warning: {
|
|
44
44
|
backgroundColor: theme.colors.yellow[5],
|
|
45
|
-
color:
|
|
45
|
+
color: _plasmatokens.color.primary.pureWhite
|
|
46
46
|
},
|
|
47
47
|
critical: {
|
|
48
48
|
backgroundColor: theme.colors.red[6],
|
|
49
|
-
color:
|
|
49
|
+
color: _plasmatokens.color.primary.pureWhite
|
|
50
50
|
},
|
|
51
51
|
info: {
|
|
52
52
|
backgroundColor: theme.colors.navy[5],
|
|
53
|
-
color:
|
|
53
|
+
color: _plasmatokens.color.primary.pureWhite
|
|
54
54
|
},
|
|
55
55
|
whiteClose: {
|
|
56
|
-
color:
|
|
56
|
+
color: _plasmatokens.color.primary.pureWhite,
|
|
57
57
|
"&:hover": {
|
|
58
58
|
backgroundColor: "transparent"
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
61
|
title: {
|
|
62
|
-
color:
|
|
62
|
+
color: _plasmatokens.color.primary.pureWhite
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
65
|
});
|
|
66
66
|
var Prompt = function(_param) {
|
|
67
|
-
var children = _param.children, variant = _param.variant, size = _param.size, otherProps =
|
|
67
|
+
var children = _param.children, variant = _param.variant, size = _param.size, otherProps = _object_without_properties._(_param, [
|
|
68
68
|
"children",
|
|
69
69
|
"variant",
|
|
70
70
|
"size"
|
|
@@ -73,10 +73,10 @@ var Prompt = function(_param) {
|
|
|
73
73
|
var defaultVariant = variant === "default";
|
|
74
74
|
var convertedChildren = _react.Children.toArray(children);
|
|
75
75
|
var otherChildren = convertedChildren.filter(function(child) {
|
|
76
|
-
return child.type !==
|
|
76
|
+
return child.type !== _PromptFooter.PromptFooter;
|
|
77
77
|
});
|
|
78
78
|
var footer = convertedChildren.find(function(child) {
|
|
79
|
-
return child.type ===
|
|
79
|
+
return child.type === _PromptFooter.PromptFooter;
|
|
80
80
|
});
|
|
81
81
|
var classNames = {
|
|
82
82
|
header: cx(classes.header, classes[variant]),
|
|
@@ -85,13 +85,13 @@ var Prompt = function(_param) {
|
|
|
85
85
|
modal: !defaultVariant && classes.modalType,
|
|
86
86
|
title: classes.title
|
|
87
87
|
};
|
|
88
|
-
return /*#__PURE__*/ (0,
|
|
88
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal, _object_spread_props._(_object_spread._({
|
|
89
89
|
padding: 0,
|
|
90
90
|
classNames: classNames,
|
|
91
91
|
size: defaultVariant ? size : "sm"
|
|
92
92
|
}, otherProps), {
|
|
93
93
|
children: [
|
|
94
|
-
/*#__PURE__*/ (0,
|
|
94
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
|
|
95
95
|
className: classes.innerBody,
|
|
96
96
|
children: otherChildren
|
|
97
97
|
}),
|
|
@@ -99,6 +99,6 @@ var Prompt = function(_param) {
|
|
|
99
99
|
]
|
|
100
100
|
}));
|
|
101
101
|
};
|
|
102
|
-
Prompt.Footer =
|
|
102
|
+
Prompt.Footer = _PromptFooter.PromptFooter;
|
|
103
103
|
|
|
104
104
|
//# sourceMappingURL=Prompt.js.map
|
|
@@ -8,16 +8,16 @@ Object.defineProperty(exports, "PromptFooter", {
|
|
|
8
8
|
return PromptFooter;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
11
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
12
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
13
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
14
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
15
|
+
var _stickyfooter = require("../sticky-footer");
|
|
16
16
|
var PromptFooter = function(_param) /*#__PURE__*/ {
|
|
17
|
-
var children = _param.children, otherProps =
|
|
17
|
+
var children = _param.children, otherProps = _object_without_properties._(_param, [
|
|
18
18
|
"children"
|
|
19
19
|
]);
|
|
20
|
-
return (0,
|
|
20
|
+
return (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread_props._(_object_spread._({}, otherProps), {
|
|
21
21
|
children: children
|
|
22
22
|
}));
|
|
23
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE,+BACjF;QADmFC,kBAAAA,UAAaC;QAAbD;;WACnF,qBAACE,0BAAY,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE,+BACjF;QADmFC,kBAAAA,UAAaC;QAAbD;;WACnF,qBAACE,0BAAY,8CAAKD;kBAAaD;;AAAuB"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./Prompt"), exports);
|
|
7
7
|
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/index.ts"],"sourcesContent":["export * from './Prompt';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "StickyFooter", {
|
|
|
8
8
|
return StickyFooter;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
11
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
12
|
+
var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
|
|
13
|
+
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
|
|
14
|
+
var _jsxruntime = require("react/jsx-runtime");
|
|
15
15
|
var _core = require("@mantine/core");
|
|
16
16
|
var useStyles = (0, _core.createStyles)(function() {
|
|
17
17
|
return {
|
|
@@ -24,18 +24,18 @@ var useStyles = (0, _core.createStyles)(function() {
|
|
|
24
24
|
};
|
|
25
25
|
});
|
|
26
26
|
var StickyFooter = function(_param) {
|
|
27
|
-
var borderTop = _param.borderTop, children = _param.children, others =
|
|
27
|
+
var borderTop = _param.borderTop, children = _param.children, others = _object_without_properties._(_param, [
|
|
28
28
|
"borderTop",
|
|
29
29
|
"children"
|
|
30
30
|
]);
|
|
31
31
|
var classes = useStyles().classes;
|
|
32
|
-
return /*#__PURE__*/ (0,
|
|
32
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, {
|
|
33
33
|
className: classes.footer,
|
|
34
34
|
children: [
|
|
35
|
-
borderTop ? /*#__PURE__*/ (0,
|
|
35
|
+
borderTop ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, {
|
|
36
36
|
size: "xs"
|
|
37
37
|
}) : null,
|
|
38
|
-
/*#__PURE__*/ (0,
|
|
38
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
|
|
39
39
|
position: "right",
|
|
40
40
|
spacing: "sm",
|
|
41
41
|
p: "lg"
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./StickyFooter"), exports);
|
|
7
7
|
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/sticky-footer/index.ts"],"sourcesContent":["export * from './StickyFooter';\n"],"names":[],"mappings":";;;;;uBAAc"}
|