@mailstep/design-system 0.8.27 → 0.8.28

package/ui/Blocks/CommonGrid/components/FloatingButton/FloatingButton.js

@@ -1,158 +1,81 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  display: block;\n  position: absolute;\n  bottom: 20px;\n  right: 24px;\n  @media (min-width: 1024px) {\n    display: none;\n  }\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  min-width: 160px;\n  width: max-content;\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  border: none;\n  background-color: red1;\n  display: flex;\n  z-index: 1;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  bottom: 65px;\n  right: 24px;\n\n  :hover {\n    cursor: pointer;\n  }\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n  .line {\n    border: 1px solid white;\n    display: flex;\n    width: 16px;\n    background-color: white;\n    transition: 0.3s;\n  }\n  > :nth-child(1) {\n    transform: ",
-        ";\n  }\n  > :nth-child(2) {\n    transform: ",
-        ";\n  }\n"
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import { jsx, jsxs } from "react/jsx-runtime";
+import { DropdownMenu } from "../../../../Elements/DropdownMenu/DropdownMenu.js";
+import "../../../../Elements/DropdownMenu/index.js";
+import Popover from "../../../Popover/index.js";
 import { useCallback, useRef, useState } from "react";
-import DropdownMenu from "../../../../Elements/DropdownMenu";
-import Popover from "../../../Popover";
-import styled from "@xstyled/styled-components";
-var FloatingWrapper = styled.div(_templateObject());
-var StyledDropdownMenu = styled(DropdownMenu)(_templateObject1());
-var StyledButton = styled.button(_templateObject2());
-var StyledCross = styled.div(_templateObject3(), function(param) {
-    var isOpen = param.isOpen;
-    return isOpen ? "rotate(135deg) translate(1px, 0)" : "none";
-}, function(param) {
-    var isOpen = param.isOpen;
-    return isOpen ? "rotate(45deg) translate(-1px, -1px)" : "rotate(90deg) translate(-2px, 0)";
-});
-var FloatingButton = function FloatingButton(param) {
-    var options = param.options, onClick = param.onClick;
-    var _useState = _sliced_to_array(useState(false), 2), showDropdownMenu = _useState[0], setShowDropdownMenu = _useState[1];
-    var ref = useRef(null);
-    var onClose = useCallback(function() {
-        setShowDropdownMenu(false);
-    }, []);
-    var handleOnClick = useCallback(function() {
-        if (options && (options === null || options === void 0 ? void 0 : options.length) > 0) {
-            setShowDropdownMenu(function(prev) {
-                return !prev;
-            });
-        }
-        onClick === null || onClick === void 0 ? void 0 : onClick();
-    }, [
-        onClick,
-        options
-    ]);
-    return /* @__PURE__ */ jsx(FloatingWrapper, {
-        children: /* @__PURE__ */ jsxs(StyledButton, {
-            ref: ref,
-            onClick: handleOnClick,
-            children: [
-                /* @__PURE__ */ jsxs(StyledCross, {
-                    isOpen: showDropdownMenu,
-                    children: [
-                        /* @__PURE__ */ jsx("span", {
-                            className: "line"
-                        }),
-                        /* @__PURE__ */ jsx("span", {
-                            className: "line"
-                        })
-                    ]
-                }),
-                showDropdownMenu && /* @__PURE__ */ jsx(Popover, {
-                    parentRef: ref,
-                    onClose: onClose,
-                    placement: "top-end",
-                    children: /* @__PURE__ */ jsx(StyledDropdownMenu, {
-                        showMenu: true,
-                        items: options
-                    })
-                })
-            ]
-        })
-    });
+import styled$1 from "@xstyled/styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/ui/Blocks/CommonGrid/components/FloatingButton/FloatingButton.tsx
+const FloatingWrapper = styled$1.div`
+  display: block;
+  position: absolute;
+  bottom: 20px;
+  right: 24px;
+  @media (min-width: 1024px) {
+    display: none;
+  }
+`;
+const StyledDropdownMenu = styled$1(DropdownMenu)`
+  min-width: 160px;
+  width: max-content;
+`;
+const StyledButton = styled$1.button`
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  border: none;
+  background-color: red1;
+  display: flex;
+  z-index: 1;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  bottom: 65px;
+  right: 24px;
+
+  :hover {
+    cursor: pointer;
+  }
+`;
+const StyledCross = styled$1.div`
+  .line {
+    border: 1px solid white;
+    display: flex;
+    width: 16px;
+    background-color: white;
+    transition: 0.3s;
+  }
+  > :nth-child(1) {
+    transform: ${({ isOpen }) => isOpen ? "rotate(135deg) translate(1px, 0)" : "none"};
+  }
+  > :nth-child(2) {
+    transform: ${({ isOpen }) => isOpen ? "rotate(45deg) translate(-1px, -1px)" : "rotate(90deg) translate(-2px, 0)"};
+  }
+`;
+const FloatingButton = ({ options, onClick }) => {
+	const [showDropdownMenu, setShowDropdownMenu] = useState(false);
+	const ref = useRef(null);
+	const onClose = useCallback(() => {
+		setShowDropdownMenu(false);
+	}, []);
+	return /* @__PURE__ */ jsx(FloatingWrapper, { children: /* @__PURE__ */ jsxs(StyledButton, {
+		ref,
+		onClick: useCallback(() => {
+			if (options && options?.length > 0) setShowDropdownMenu((prev) => !prev);
+			onClick?.();
+		}, [onClick, options]),
+		children: [/* @__PURE__ */ jsxs(StyledCross, {
+			isOpen: showDropdownMenu,
+			children: [/* @__PURE__ */ jsx("span", { className: "line" }), /* @__PURE__ */ jsx("span", { className: "line" })]
+		}), showDropdownMenu && /* @__PURE__ */ jsx(Popover, {
+			parentRef: ref,
+			onClose,
+			placement: "top-end",
+			children: /* @__PURE__ */ jsx(StyledDropdownMenu, {
+				showMenu: true,
+				items: options
+			})
+		})]
+	}) });
 };
-var FloatingButton_default = FloatingButton;
-export { StyledButton, StyledCross, FloatingButton_default as default };
+//#endregion
+export { StyledButton, StyledCross, FloatingButton as default };

package/ui/Blocks/CommonGrid/components/FloatingButton/index.js

@@ -1,3 +1,5 @@
-import FloatingButton from "./FloatingButton";
+import FloatingButton from "./FloatingButton.js";
+//#region packages/ui/Blocks/CommonGrid/components/FloatingButton/index.tsx
 var FloatingButton_default = FloatingButton;
+//#endregion
 export { FloatingButton_default as default };

package/ui/Blocks/CommonGrid/components/GridInfo/index.js

@@ -1,45 +1,34 @@
+import Icon from "../../../../Elements/Icon/Icon.js";
+import "../../../../Elements/Icon/index.js";
+import { x } from "@xstyled/styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Icon } from "../../../../Elements/Icon";
 import { Trans } from "@lingui/react";
-import { x } from "@xstyled/styled-components";
-var GridInfo = function GridInfo(param) {
-    var isSortTerminatedAppeal = param.isSortTerminatedAppeal, isSortTerminated = param.isSortTerminated;
-    if (!isSortTerminatedAppeal) return null;
-    return /* @__PURE__ */ jsxs(x.span, {
-        w: "100%",
-        ml: "8px",
-        fontSize: "12px",
-        display: "flex",
-        gap: "8px",
-        alignItems: "center",
-        children: [
-            isSortTerminatedAppeal && !isSortTerminated && /* @__PURE__ */ jsxs(Fragment, {
-                children: [
-                    /* @__PURE__ */ jsx(Icon, {
-                        icon: "circleTriangle",
-                        size: "20px",
-                        fill: "yellow70"
-                    }),
-                    /* @__PURE__ */ jsx(Trans, {
-                        id: "dataGrid.sortingTerminatedAppeal",
-                        message: "Too many results, please set a filter"
-                    })
-                ]
-            }),
-            isSortTerminated && /* @__PURE__ */ jsxs(Fragment, {
-                children: [
-                    /* @__PURE__ */ jsx(Icon, {
-                        icon: "circleTriangle",
-                        size: "20px",
-                        fill: "dangerColor"
-                    }),
-                    /* @__PURE__ */ jsx(Trans, {
-                        id: "dataGrid.sortingTerminated",
-                        message: "Too many results, sorting cannot be used"
-                    })
-                ]
-            })
-        ]
-    });
+//#region packages/ui/Blocks/CommonGrid/components/GridInfo/index.tsx
+const GridInfo = ({ isSortTerminatedAppeal, isSortTerminated }) => {
+	if (!isSortTerminatedAppeal) return null;
+	return /* @__PURE__ */ jsxs(x.span, {
+		w: "100%",
+		ml: "8px",
+		fontSize: "12px",
+		display: "flex",
+		gap: "8px",
+		alignItems: "center",
+		children: [isSortTerminatedAppeal && !isSortTerminated && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+			icon: "circleTriangle",
+			size: "20px",
+			fill: "yellow70"
+		}), /* @__PURE__ */ jsx(Trans, {
+			id: "dataGrid.sortingTerminatedAppeal",
+			message: "Too many results, please set a filter"
+		})] }), isSortTerminated && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+			icon: "circleTriangle",
+			size: "20px",
+			fill: "dangerColor"
+		}), /* @__PURE__ */ jsx(Trans, {
+			id: "dataGrid.sortingTerminated",
+			message: "Too many results, sorting cannot be used"
+		})] })]
+	});
 };
+//#endregion
 export { GridInfo };

package/ui/Blocks/CommonGrid/components/GridModals/index.js

@@ -1,138 +1,136 @@
+import { Input } from "../../../../Forms/Input/Input.js";
+import { Modal } from "../../../Modal/Modal.js";
+import { useCreatePreset } from "../../hooks/useCreatePreset.js";
+import { useDeletePreset } from "../../hooks/useDeletePreset.js";
+import { usePresetFileHandlers } from "../../hooks/usePresetFileHandlers.js";
+import { useSelectPreset } from "../../hooks/useSelectPreset.js";
+import ManageColumnForm_default from "../ManageColumnForm/index.js";
+import { PresetsModalBody } from "../PresetsModalBody/index.js";
+import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Input } from "../../../../Forms/Input/Input";
-import { Modal } from "../../../Modal/Modal";
-import { useCreatePreset } from "../../hooks/useCreatePreset";
-import { useDeletePreset } from "../../hooks/useDeletePreset";
-import { usePresetFileHandlers } from "../../hooks/usePresetFileHandlers";
-import { useSelectPreset } from "../../hooks/useSelectPreset";
-import ManageColumnForm from "../ManageColumnForm";
-import { PresetsModalBody } from "../PresetsModalBody";
 import { Trans } from "@lingui/react";
-var GridModals = function GridModals(param) {
-    var manageColumnFormVisible = param.manageColumnFormVisible, onCloseForm = param.onCloseForm, resetColumnConfig = param.resetColumnConfig, onConfirmForm = param.onConfirmForm, manageColumnsFormDefinitions = param.manageColumnsFormDefinitions, columnsConfigValues = param.columnsConfigValues, setColumnsConfigOptions = param.setColumnsConfigOptions, handleDragEnd = param.handleDragEnd, gridName = param.gridName, gridSelectors = param.gridSelectors, gridActions = param.gridActions, isPresetsModalOpen = param.isPresetsModalOpen, onClosePresetsModal = param.onClosePresetsModal, selectedPresetName = param.selectedPresetName, setSelectedPresetName = param.setSelectedPresetName;
-    var handleSelectPreset = useSelectPreset({
-        gridName: gridName,
-        gridActions: gridActions,
-        setSelectedPresetName: setSelectedPresetName,
-        onClosePresetsModal: onClosePresetsModal,
-        gridSelectors: gridSelectors
-    }).handleSelectPreset;
-    var _useCreatePreset = useCreatePreset({
-        gridName: gridName,
-        gridActions: gridActions,
-        onClosePresetsModal: onClosePresetsModal,
-        setSelectedPresetName: setSelectedPresetName,
-        filters: gridSelectors.filter
-    }), isCreatePresetModalOpen = _useCreatePreset.isCreatePresetModalOpen, handleCloseCreatePresetModal = _useCreatePreset.handleCloseCreatePresetModal, onOpenCreatePresetModal = _useCreatePreset.onOpenCreatePresetModal, handleCreatePreset = _useCreatePreset.handleCreatePreset, presetName = _useCreatePreset.presetName, handleChangePresetName = _useCreatePreset.handleChangePresetName;
-    var _useDeletePreset = useDeletePreset({
-        gridName: gridName,
-        selectedPresetName: selectedPresetName,
-        gridActions: gridActions,
-        setSelectedPresetName: setSelectedPresetName
-    }), handleOpenDeletePresetModal = _useDeletePreset.handleOpenDeletePresetModal, handleDeletePreset = _useDeletePreset.handleDeletePreset, onCloseDeletePresetModal = _useDeletePreset.onCloseDeletePresetModal, presetNameToDelete = _useDeletePreset.presetNameToDelete, isDeletePresetModalOpen = _useDeletePreset.isDeletePresetModalOpen;
-    var _usePresetFileHandlers = usePresetFileHandlers({
-        gridName: gridName,
-        gridActions: gridActions,
-        gridSelectors: gridSelectors
-    }), fileInputRef = _usePresetFileHandlers.fileInputRef, handleImportPresets = _usePresetFileHandlers.handleImportPresets, handleExportPresets = _usePresetFileHandlers.handleExportPresets, handleImportButtonClick = _usePresetFileHandlers.handleImportButtonClick;
-    return /* @__PURE__ */ jsxs(Fragment, {
-        children: [
-            /* @__PURE__ */ jsx(Modal, {
-                title: /* @__PURE__ */ jsx(Trans, {
-                    id: "manageColumn.title",
-                    message: "Manage columns"
-                }),
-                onClose: onCloseForm,
-                onCancel: onCloseForm,
-                onExtraAction: resetColumnConfig,
-                onConfirm: onConfirmForm,
-                isShown: manageColumnFormVisible,
-                width: "auto",
-                minWidth: "350px",
-                hasFooter: true,
-                extraActionLabel: /* @__PURE__ */ jsx(Trans, {
-                    id: "dataGrid.buttonClearConfig",
-                    message: "Reset config"
-                }),
-                cancelLabel: /* @__PURE__ */ jsx(Trans, {
-                    id: "form.buttonCancel",
-                    message: "Cancel"
-                }),
-                confirmLabel: /* @__PURE__ */ jsx(Trans, {
-                    id: "form.buttonConfirm",
-                    message: "Confirm"
-                }),
-                children: /* @__PURE__ */ jsx(ManageColumnForm, {
-                    columns: manageColumnsFormDefinitions,
-                    columnsConfigValues: columnsConfigValues,
-                    setColumnsConfigOptions: setColumnsConfigOptions,
-                    handleDragEnd: handleDragEnd
-                })
-            }),
-            /* @__PURE__ */ jsx(Modal, {
-                isShown: isPresetsModalOpen,
-                title: /* @__PURE__ */ jsx(Trans, {
-                    id: "dataGrid.presets.title",
-                    message: "Presets"
-                }),
-                onClose: onClosePresetsModal,
-                width: "narrow",
-                children: /* @__PURE__ */ jsx(PresetsModalBody, {
-                    onOpenCreatePresetModal: onOpenCreatePresetModal,
-                    gridPresets: gridSelectors.presets,
-                    handleSelectPreset: handleSelectPreset,
-                    handleOpenDeletePresetModal: handleOpenDeletePresetModal,
-                    selectedPresetName: selectedPresetName,
-                    handleExportPresets: handleExportPresets,
-                    handleImportPresets: handleImportPresets,
-                    handleImportButtonClick: handleImportButtonClick,
-                    fileInputRef: fileInputRef,
-                    filters: gridSelectors.filter
-                })
-            }),
-            /* @__PURE__ */ jsx(Modal, {
-                isShown: isCreatePresetModalOpen,
-                title: /* @__PURE__ */ jsx(Trans, {
-                    id: "dataGrid.createNewPreset.title",
-                    message: "Create new preset"
-                }),
-                onCancel: handleCloseCreatePresetModal,
-                onConfirm: handleCreatePreset,
-                isConfirmDisabled: !presetName,
-                width: "narrow",
-                children: /* @__PURE__ */ jsx(Input, {
-                    type: "text",
-                    onChange: handleChangePresetName,
-                    value: presetName,
-                    label: /* @__PURE__ */ jsx(Trans, {
-                        id: "dataGrid.presetName.title",
-                        message: "Preset name"
-                    })
-                })
-            }),
-            /* @__PURE__ */ jsx(Modal, {
-                isShown: isDeletePresetModalOpen,
-                title: /* @__PURE__ */ jsx(Trans, {
-                    id: "dataGrid.deletePreset.title",
-                    message: "Delete preset"
-                }),
-                onCancel: onCloseDeletePresetModal,
-                onConfirm: handleDeletePreset,
-                isConfirmDisabled: !presetNameToDelete,
-                width: "narrow",
-                children: /* @__PURE__ */ jsxs(Fragment, {
-                    children: [
-                        /* @__PURE__ */ jsx(Trans, {
-                            id: "dataGrid.deletePreset.confirm",
-                            message: "Are you sure you want to delete preset"
-                        }),
-                        ' "',
-                        presetNameToDelete,
-                        '" ?'
-                    ]
-                })
-            })
-        ]
-    });
+//#region packages/ui/Blocks/CommonGrid/components/GridModals/index.tsx
+const GridModals = ({ manageColumnFormVisible, onCloseForm, resetColumnConfig, onConfirmForm, manageColumnsFormDefinitions, columnsConfigValues, setColumnsConfigOptions, handleDragEnd, gridName, gridSelectors, gridActions, isPresetsModalOpen, onClosePresetsModal, selectedPresetName, setSelectedPresetName }) => {
+	const { handleSelectPreset } = useSelectPreset({
+		gridName,
+		gridActions,
+		setSelectedPresetName,
+		onClosePresetsModal,
+		gridSelectors
+	});
+	const { isCreatePresetModalOpen, handleCloseCreatePresetModal, onOpenCreatePresetModal, handleCreatePreset, presetName, handleChangePresetName } = useCreatePreset({
+		gridName,
+		gridActions,
+		onClosePresetsModal,
+		setSelectedPresetName,
+		filters: gridSelectors.filter
+	});
+	const { handleOpenDeletePresetModal, handleDeletePreset, onCloseDeletePresetModal, presetNameToDelete, isDeletePresetModalOpen } = useDeletePreset({
+		gridName,
+		selectedPresetName,
+		gridActions,
+		setSelectedPresetName
+	});
+	const { fileInputRef, handleImportPresets, handleExportPresets, handleImportButtonClick } = usePresetFileHandlers({
+		gridName,
+		gridActions,
+		gridSelectors
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Modal, {
+			title: /* @__PURE__ */ jsx(Trans, {
+				id: "manageColumn.title",
+				message: "Manage columns"
+			}),
+			onClose: onCloseForm,
+			onCancel: onCloseForm,
+			onExtraAction: resetColumnConfig,
+			onConfirm: onConfirmForm,
+			isShown: manageColumnFormVisible,
+			width: "auto",
+			minWidth: "350px",
+			hasFooter: true,
+			extraActionLabel: /* @__PURE__ */ jsx(Trans, {
+				id: "dataGrid.buttonClearConfig",
+				message: "Reset config"
+			}),
+			cancelLabel: /* @__PURE__ */ jsx(Trans, {
+				id: "form.buttonCancel",
+				message: "Cancel"
+			}),
+			confirmLabel: /* @__PURE__ */ jsx(Trans, {
+				id: "form.buttonConfirm",
+				message: "Confirm"
+			}),
+			children: /* @__PURE__ */ jsx(ManageColumnForm_default, {
+				columns: manageColumnsFormDefinitions,
+				columnsConfigValues,
+				setColumnsConfigOptions,
+				handleDragEnd
+			})
+		}),
+		/* @__PURE__ */ jsx(Modal, {
+			isShown: isPresetsModalOpen,
+			title: /* @__PURE__ */ jsx(Trans, {
+				id: "dataGrid.presets.title",
+				message: "Presets"
+			}),
+			onClose: onClosePresetsModal,
+			width: "narrow",
+			children: /* @__PURE__ */ jsx(PresetsModalBody, {
+				onOpenCreatePresetModal,
+				gridPresets: gridSelectors.presets,
+				handleSelectPreset,
+				handleOpenDeletePresetModal,
+				selectedPresetName,
+				handleExportPresets,
+				handleImportPresets,
+				handleImportButtonClick,
+				fileInputRef,
+				filters: gridSelectors.filter
+			})
+		}),
+		/* @__PURE__ */ jsx(Modal, {
+			isShown: isCreatePresetModalOpen,
+			title: /* @__PURE__ */ jsx(Trans, {
+				id: "dataGrid.createNewPreset.title",
+				message: "Create new preset"
+			}),
+			onCancel: handleCloseCreatePresetModal,
+			onConfirm: handleCreatePreset,
+			isConfirmDisabled: !presetName,
+			width: "narrow",
+			children: /* @__PURE__ */ jsx(Input, {
+				type: "text",
+				onChange: handleChangePresetName,
+				value: presetName,
+				label: /* @__PURE__ */ jsx(Trans, {
+					id: "dataGrid.presetName.title",
+					message: "Preset name"
+				})
+			})
+		}),
+		/* @__PURE__ */ jsx(Modal, {
+			isShown: isDeletePresetModalOpen,
+			title: /* @__PURE__ */ jsx(Trans, {
+				id: "dataGrid.deletePreset.title",
+				message: "Delete preset"
+			}),
+			onCancel: onCloseDeletePresetModal,
+			onConfirm: handleDeletePreset,
+			isConfirmDisabled: !presetNameToDelete,
+			width: "narrow",
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(Trans, {
+					id: "dataGrid.deletePreset.confirm",
+					message: "Are you sure you want to delete preset"
+				}),
+				" \"",
+				presetNameToDelete,
+				"\" ?"
+			] })
+		})
+	] });
 };
+//#endregion
 export { GridModals };