@mailstep/design-system 0.8.26-beta.6 → 0.8.26

package/ui/Blocks/CommonGrid/components/Filters/TextRange/TextRange.js

@@ -1,324 +0,0 @@
-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 _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-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 _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(Object(source));
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-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 _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);
-}
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { Input } from "../../../../../Forms/Input/Input";
-import { useClickOutside } from "../../../../Modal/hooks/useClickOutside";
-import { useEvent } from "../../../hooks/useEvent";
-import IconList from "../../IconList/IconList";
-import { i18n } from "@lingui/core";
-import { Trans } from "@lingui/react";
-var OverlayComponentDefault = function OverlayComponentDefault(param) {
-    var children = param.children;
-    return /* @__PURE__ */ jsx("div", {
-        children: children
-    });
-};
-var ipv4 = /^([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\.([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])$/;
-var createTextComparators = function createTextComparators() {
-    return [
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.contains",
-                message: "Contains"
-            }),
-            value: "like",
-            icon: "check"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.notContains",
-                message: "Not contains"
-            }),
-            value: "notLike",
-            icon: "false"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.equals",
-                message: "Equals"
-            }),
-            value: "eq",
-            icon: "equals"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.notEquals",
-                message: "Not equal"
-            }),
-            value: "neq",
-            icon: "notEqual"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.startsWith",
-                message: "Starts with"
-            }),
-            value: "startsWith",
-            icon: "startsWith"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.endsWith",
-                message: "Ends with"
-            }),
-            value: "endsWith",
-            icon: "endsWith"
-        }
-    ];
-};
-var createPresentTextComparators = function createPresentTextComparators() {
-    return [
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.contains",
-                message: "Contains"
-            }),
-            value: "like",
-            icon: "check"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.equals",
-                message: "Equals"
-            }),
-            value: "in",
-            icon: "equals"
-        }
-    ];
-};
-var createEqualComparators = function createEqualComparators() {
-    return [
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.equals",
-                message: "Equals"
-            }),
-            value: "eq",
-            icon: "equals"
-        },
-        {
-            label: i18n._({
-                id: "dataGrid.comparator.notEquals",
-                message: "Not equal"
-            }),
-            value: "neq",
-            icon: "notEqual"
-        }
-    ];
-};
-var validations = {
-    ip: {
-        check: function check(value) {
-            return ipv4.test(value.trim());
-        },
-        errorMsg: /* @__PURE__ */ jsx(Trans, {
-            id: "dataGrid.errors.ipValidationError",
-            message: "Value is not valid ip"
-        })
-    }
-};
-var TextRange = function TextRange(props) {
-    var _comparators_;
-    var name = props.name, _props_value = props.value, value = _props_value === void 0 ? {} : _props_value, label = props.label, onChange = props.onChange, className = props.className, _props_OverlayComponent = props.OverlayComponent, OverlayComponent = _props_OverlayComponent === void 0 ? OverlayComponentDefault : _props_OverlayComponent, eqOnly = props.eqOnly, isPresent = props.isPresent, isEqual = props.isEqual, defaultComparator = props.defaultComparator, // from filterExtraProps
-    comparators = props.comparators, // from filterExtraProps or customComparators
-    validationKey = props.validation, rest = _object_without_properties(props, [
-        "name",
-        "value",
-        "label",
-        "onChange",
-        "className",
-        "OverlayComponent",
-        "eqOnly",
-        "isPresent",
-        "isEqual",
-        "defaultComparator",
-        "comparators",
-        "validation"
-    ]);
-    var eqOnlyTxt = i18n._({
-        id: "dataGrid.filterTxtEqWarning",
-        message: "This filter can only do exact match"
-    });
-    var _useState = _sliced_to_array(useState(false), 2), isOpen = _useState[0], setOpen = _useState[1];
-    var textComparators = createTextComparators();
-    var presentTextComparators = createPresentTextComparators();
-    var equalComparators = createEqualComparators();
-    var fallbackComparator = defaultComparator || (comparators === null || comparators === void 0 ? void 0 : (_comparators_ = comparators[0]) === null || _comparators_ === void 0 ? void 0 : _comparators_.value) || textComparators[0].value;
-    var comparator = eqOnly ? "eq" : (value === null || value === void 0 ? void 0 : value.comparator) || fallbackComparator;
-    var defaultComparators = isEqual ? equalComparators : isPresent ? presentTextComparators : textComparators;
-    var comparatorOptions = comparators || defaultComparators;
-    var fieldValue = (value === null || value === void 0 ? void 0 : value.value) || "";
-    var onClose = useCallback(function() {
-        setOpen(false);
-    }, []);
-    var pickerRef = useClickOutside({
-        onClose: onClose
-    });
-    var togglePicker = useCallback(function() {
-        setOpen(!isOpen);
-    }, [
-        isOpen,
-        setOpen
-    ]);
-    var validation = !!validationKey && validations[validationKey];
-    var isInvalid = validation && Boolean(fieldValue && !validation.check(String(fieldValue)));
-    var onChangeTextInput = useEvent(function(event) {
-        var txtValue = event.target.value;
-        if (txtValue) {
-            onChange({
-                comparator: comparator,
-                value: txtValue,
-                isInvalid: validation && !validation.check(txtValue)
-            });
-        } else {
-            onChange(null);
-        }
-    });
-    var onChangeComparator = useEvent(function(option) {
-        onChange({
-            comparator: option.value,
-            value: fieldValue,
-            isInvalid: isInvalid
-        });
-    });
-    return /* @__PURE__ */ jsxs("div", {
-        ref: pickerRef,
-        children: [
-            /* @__PURE__ */ jsx(Input, _object_spread({
-                name: name,
-                "data-test": name,
-                "data-cy": "".concat(name, "Inp"),
-                value: fieldValue,
-                label: label,
-                onChange: onChangeTextInput,
-                iconOnClick: !eqOnly ? togglePicker : void 0,
-                icon: !eqOnly ? "ellipsisVertical" : "warning",
-                iconPlacement: "right",
-                iconTooltip: eqOnly ? eqOnlyTxt : void 0,
-                type: "text",
-                className: className,
-                error: !!validation && isInvalid && validation.errorMsg || "",
-                errorAppearance: "tooltip",
-                autoComplete: "off"
-            }, rest)),
-            isOpen && /* @__PURE__ */ jsx(OverlayComponent, {
-                children: /* @__PURE__ */ jsx(IconList, {
-                    list: comparatorOptions,
-                    selected: comparator,
-                    onClick: onChangeComparator
-                })
-            })
-        ]
-    });
-};
-var TextRange_default = TextRange;
-export { TextRange_default as default, ipv4 };

package/ui/Blocks/CommonGrid/components/Filters/TextRange/index.js

@@ -1,3 +0,0 @@
-import TextRange from "./TextRange";
-var TextRange_default = TextRange;
-export { TextRange_default as default };

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

@@ -1,158 +0,0 @@
-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 { 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
-                    })
-                })
-            ]
-        })
-    });
-};
-var FloatingButton_default = FloatingButton;
-export { StyledButton, StyledCross, FloatingButton_default as default };

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

@@ -1,3 +0,0 @@
-import FloatingButton from "./FloatingButton";
-var FloatingButton_default = FloatingButton;
-export { FloatingButton_default as default };

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

@@ -1,45 +0,0 @@
-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"
-                    })
-                ]
-            })
-        ]
-    });
-};
-export { GridInfo };

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

@@ -1,138 +0,0 @@
-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,
-                        '" ?'
-                    ]
-                })
-            })
-        ]
-    });
-};
-export { GridModals };