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

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

@@ -1,29 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Row, MessageCell, MessageCellBody } from "../Table";
-import { Trans } from "@lingui/react";
-var GridStatus = function GridStatus(param) {
-    var isLoading = param.isLoading, isEmpty = param.isEmpty, errorMessage = param.errorMessage;
-    var hasError = !isLoading && errorMessage;
-    var variant = hasError ? "error" : "info";
-    return /* @__PURE__ */ jsx(Row, {
-        className: "dataRow",
-        align: "center",
-        children: /* @__PURE__ */ jsx(MessageCell, {
-            children: /* @__PURE__ */ jsxs(MessageCellBody, {
-                variant: variant,
-                children: [
-                    isLoading && /* @__PURE__ */ jsx(Trans, {
-                        id: "dataGrid.status.loadingData",
-                        message: "... loading data ..."
-                    }),
-                    hasError && errorMessage,
-                    isEmpty && /* @__PURE__ */ jsx(Trans, {
-                        id: "dataGrid.status.noDataFound",
-                        message: "No data found."
-                    })
-                ]
-            })
-        })
-    });
-};
-export { GridStatus };

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

@@ -1,90 +0,0 @@
-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 _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 ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { getCellSizeProps, getGroupClassNames, getStickyCollClassNames } from "../utils";
-import { Row, Cell } from "./Table";
-var GroupCell = function GroupCell(param) {
-    var column = param.column, group = param.group, displayColumnWidth = param.displayColumnWidth;
-    var cellSizeProps = getCellSizeProps(column, displayColumnWidth);
-    var cellClassName = "cell".concat(getStickyCollClassNames(!!column.sticky, column.stickTo), " ").concat(getGroupClassNames(group));
-    return /* @__PURE__ */ jsx(Cell, _object_spread_props(_object_spread({
-        className: cellClassName
-    }, cellSizeProps), {
-        children: group.start && /* @__PURE__ */ jsx(Fragment, {
-            children: group.name
-        })
-    }));
-};
-var GroupRow = function GroupRow(param) {
-    var actionColumn = param.actionColumn, columns = param.columns, groups = param.groups, displayColumnsWidth = param.displayColumnsWidth;
-    return /* @__PURE__ */ jsxs(Row, {
-        className: "group-row",
-        children: [
-            actionColumn && /* @__PURE__ */ jsx(Cell, {
-                className: "cell",
-                flexBasis: actionColumn.flexBasis,
-                flexGrow: 0,
-                flexShrink: 0
-            }, "actions"),
-            groups.map(function(group, key) {
-                return /* @__PURE__ */ jsx(GroupCell, {
-                    column: columns[key],
-                    group: group,
-                    displayColumnWidth: displayColumnsWidth[columns[key].name]
-                }, key);
-            })
-        ]
-    });
-};
-var GroupRow_default = GroupRow;
-export { GroupRow_default as default };

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

@@ -1,93 +0,0 @@
-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 _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 ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-import { jsx, jsxs } from "react/jsx-runtime";
-import { getCellSizeProps, getGroupClassNames, getSortName, getStickyCollClassNames } from "../utils";
-import { useSortable } from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import ColumnTitle from "./ColumnTitle";
-import Resize from "./Resize";
-import { Cell } from "./Table";
-var HeadCell = function HeadCell(param) {
-    var column = param.column, isDragDisabled = param.isDragDisabled, displayColumnsWidth = param.displayColumnsWidth, onResizeOut = param.onResizeOut, onResizeOver = param.onResizeOver, onResize = param.onResize, sortingValues = param.sortingValues, onSetSort = param.onSetSort, group = param.group, hasResize = param.hasResize, isSortTerminated = param.isSortTerminated;
-    var _sortingValues_find;
-    var _useSortable = useSortable({
-        id: column.name,
-        disabled: isDragDisabled || !!column.sticky,
-        animateLayoutChanges: function animateLayoutChanges() {
-            return false;
-        }
-    }), attributes = _useSortable.attributes, listeners = _useSortable.listeners, setNodeRef = _useSortable.setNodeRef, transform = _useSortable.transform, transition = _useSortable.transition;
-    var cellClassName = "cell".concat(getStickyCollClassNames(!!(column === null || column === void 0 ? void 0 : column.sticky), column === null || column === void 0 ? void 0 : column.stickTo), " ").concat(getGroupClassNames(group));
-    return /* @__PURE__ */ jsxs(Cell, _object_spread_props(_object_spread({}, getCellSizeProps(column, displayColumnsWidth[column.name]), attributes, listeners), {
-        className: cellClassName,
-        transition: transition,
-        transform: CSS.Transform.toString(transform),
-        ref: setNodeRef,
-        children: [
-            /* @__PURE__ */ jsx(ColumnTitle, {
-                title: column === null || column === void 0 ? void 0 : column.title,
-                isSortable: !!column.sorting && !isSortTerminated,
-                onSetSort: onSetSort(column.name, column.systemName),
-                sortValue: ((_sortingValues_find = sortingValues.find(function(sorting) {
-                    return sorting.column === getSortName(column);
-                })) === null || _sortingValues_find === void 0 ? void 0 : _sortingValues_find.direction) || null
-            }),
-            hasResize && onResizeOut && onResizeOver && /* @__PURE__ */ jsx(Resize, {
-                onResize: onResize(column.name),
-                onResizeOver: onResizeOver,
-                onResizeOut: onResizeOut
-            })
-        ]
-    }));
-};
-export { HeadCell };

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

@@ -1,195 +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 ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from "react";
-import { getCellSizeProps, getStickyCollClassNames } from "../utils";
-import { closestCenter, useSensor, useSensors, DndContext, PointerSensor } from "@dnd-kit/core";
-import { SortableContext, horizontalListSortingStrategy } from "@dnd-kit/sortable";
-import ColumnTitle from "./ColumnTitle";
-import { HeadCell } from "./HeadCell";
-import { Row, Cell } from "./Table";
-var getStickyComponent = function getStickyComponent(columns, stickyTo, displayColumnsWidth) {
-    var _columns_filter;
-    return columns === null || columns === void 0 ? void 0 : (_columns_filter = columns.filter(function(item) {
-        return item.sticky && item.stickTo === stickyTo;
-    })) === null || _columns_filter === void 0 ? void 0 : _columns_filter.map(function(column) {
-        var cellClassName = "cell".concat(getStickyCollClassNames(!!column.sticky, column.stickTo));
-        return /* @__PURE__ */ jsx(Cell, _object_spread_props(_object_spread({}, getCellSizeProps(column, displayColumnsWidth[column.name])), {
-            className: cellClassName,
-            children: /* @__PURE__ */ jsx(ColumnTitle, {
-                title: column === null || column === void 0 ? void 0 : column.title,
-                isSortable: false,
-                sortValue: null
-            })
-        }), column.name);
-    });
-};
-var HeadRow = function HeadRow(param) {
-    var columns = param.columns, onAddSort = param.onAddSort, handleDragEnd = param.handleDragEnd, _param_sortingValues = param.sortingValues, sortingValues = _param_sortingValues === void 0 ? [] : _param_sortingValues, displayColumnsWidth = param.displayColumnsWidth, columnLayout = param.columnLayout, handleResizeDrag = param.handleResizeDrag, groups = param.groups, isSortTerminated = param.isSortTerminated;
-    var _useState = _sliced_to_array(useState(false), 2), showUIElements = _useState[0], setShowUIElements = _useState[1];
-    useEffect(function() {
-        setShowUIElements(true);
-    }, []);
-    var _useState1 = _sliced_to_array(useState(false), 2), isDragDisabled = _useState1[0], setIsDragDisabled = _useState1[1];
-    var onResizeOver = React.useCallback(function() {
-        setIsDragDisabled(true);
-    }, [
-        setIsDragDisabled
-    ]);
-    var onResizeOut = React.useCallback(function() {
-        setIsDragDisabled(false);
-    }, [
-        setIsDragDisabled
-    ]);
-    var onResize = React.useCallback(function(name) {
-        return function(width) {
-            handleResizeDrag === null || handleResizeDrag === void 0 ? void 0 : handleResizeDrag(name, width);
-        };
-    }, [
-        handleResizeDrag
-    ]);
-    var onSetSort = React.useCallback(function(name, systemName) {
-        return function(value) {
-            onAddSort === null || onAddSort === void 0 ? void 0 : onAddSort(systemName || name, value);
-        };
-    }, [
-        onAddSort
-    ]);
-    var sensors = useSensors(useSensor(PointerSensor));
-    return /* @__PURE__ */ jsx(Fragment, {
-        children: showUIElements && /* @__PURE__ */ jsx(DndContext, {
-            sensors: sensors,
-            collisionDetection: closestCenter,
-            onDragEnd: handleDragEnd,
-            children: /* @__PURE__ */ jsx(SortableContext, {
-                items: columns.map(function(param) {
-                    var name = param.name;
-                    return name;
-                }),
-                strategy: horizontalListSortingStrategy,
-                children: /* @__PURE__ */ jsxs(Row, {
-                    className: "headRow",
-                    children: [
-                        getStickyComponent(columns, "left", displayColumnsWidth),
-                        columns.filter(function(item) {
-                            return !item.sticky;
-                        }).map(function(column, index) {
-                            return /* @__PURE__ */ jsx(HeadCell, {
-                                column: column,
-                                isDragDisabled: isDragDisabled,
-                                displayColumnsWidth: displayColumnsWidth,
-                                onResizeOut: onResizeOut,
-                                onResizeOver: onResizeOver,
-                                onResize: onResize,
-                                sortingValues: sortingValues,
-                                onSetSort: onSetSort,
-                                group: groups[index],
-                                hasResize: columnLayout === "normal" || !!columns[index + 1],
-                                isSortTerminated: isSortTerminated
-                            }, column.name);
-                        }),
-                        getStickyComponent(columns, "right", displayColumnsWidth)
-                    ]
-                })
-            })
-        })
-    });
-};
-var HeadRow_default = HeadRow;
-export { HeadRow_default as default };

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

@@ -1,101 +0,0 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n  background-color: white;\n  box-shadow: dropShadow;\n  border-radius: 10px;\n  padding: 2;\n  min-width: 130px;\n"
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n  border-bottom: 1px solid ",
-        ";\n  padding: 1 0;\n  cursor: pointer;\n"
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n  display: flex;\n  align-items: center;\n  padding: 8px 10px;\n  border-radius: 6px;\n  font-size: 14px;\n  font-weight: 400;\n  color: ",
-        ";\n  background-color: ",
-        ";\n  :hover {\n    background-color: ",
-        ";\n  }\n"
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n  display: inline-block;\n  border: 1px solid;\n  border-color: blue2;\n  border-radius: 2px;\n  margin-right: 2;\n  width: 12px;\n  height: 12px;\n  line-height: 6px;\n  padding-top: 1px;\n"
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-import { jsx, jsxs } from "react/jsx-runtime";
-import React from "react";
-import Icon from "../../../../Elements/Icon/Icon";
-import styled from "@xstyled/styled-components";
-import { th } from "@xstyled/system";
-var List = styled.ul(_templateObject());
-var ListItem = styled.li(_templateObject1(), th("colors.bgLightGray1"));
-var ListItemContent = styled.span(_templateObject2(), function(param) {
-    var selected = param.selected;
-    return selected ? th("colors.red1") : "auto";
-}, function(param) {
-    var selected = param.selected;
-    return selected ? th("colors.red20") : "transparent";
-}, function(param) {
-    var selected = param.selected;
-    return selected ? th("colors.red30") : th("colors.bgLightGray1");
-});
-var ListItemIcon = styled.span(_templateObject3());
-var IconList = function IconList(param) {
-    var list = param.list, selected = param.selected, onClick = param.onClick;
-    var handleClick = React.useCallback(function(item) {
-        return function() {
-            onClick(item);
-        };
-    }, [
-        onClick
-    ]);
-    return /* @__PURE__ */ jsx(List, {
-        className: "ignore-element-for-closing-hook",
-        children: list.map(function(item) {
-            return /* @__PURE__ */ jsx(ListItem, {
-                onClick: handleClick(item),
-                children: /* @__PURE__ */ jsxs(ListItemContent, {
-                    selected: selected === item.value,
-                    children: [
-                        item.icon && /* @__PURE__ */ jsx(ListItemIcon, {
-                            children: /* @__PURE__ */ jsx(Icon, {
-                                icon: item.icon,
-                                fill: "red1",
-                                size: "8px"
-                            })
-                        }),
-                        item.label
-                    ]
-                })
-            }, item.value);
-        })
-    });
-};
-var IconList_default = IconList;
-export { List, ListItem, ListItemContent, ListItemIcon, IconList_default as default };

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

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

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

@@ -1,117 +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 _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 { ManageColumnRow } from "./components/ManageColumnRow";
-import { closestCenter, useSensor, useSensors, DndContext, PointerSensor } from "@dnd-kit/core";
-import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
-import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
-import { i18n } from "@lingui/core";
-import { x } from "@xstyled/styled-components";
-var modifiers = [
-    restrictToVerticalAxis
-];
-var ManageColumnForm = function ManageColumnForm(param) {
-    var columns = param.columns, columnsConfigValues = param.columnsConfigValues, setColumnsConfigOptions = param.setColumnsConfigOptions, handleDragEnd = param.handleDragEnd;
-    var _useState = _sliced_to_array(useState(""), 2), searchedValue = _useState[0], setSearchedValue = _useState[1];
-    var onChangeInputValue = useCallback(function(e) {
-        setSearchedValue(e.target.value);
-    }, [
-        setSearchedValue
-    ]);
-    var clear = useCallback(function() {
-        setSearchedValue("");
-    }, [
-        setSearchedValue
-    ]);
-    var sensors = useSensors(useSensor(PointerSensor));
-    return /* @__PURE__ */ jsxs(x.div, {
-        children: [
-            /* @__PURE__ */ jsx(Input, {
-                icon: "search",
-                type: "text",
-                value: searchedValue,
-                placeholder: i18n._({
-                    id: "manageColumn.searchPlaceholder",
-                    message: "Find column..."
-                }),
-                onChange: onChangeInputValue,
-                onClear: clear,
-                variant: "gray"
-            }),
-            /* @__PURE__ */ jsx(DndContext, {
-                sensors: sensors,
-                collisionDetection: closestCenter,
-                onDragEnd: handleDragEnd,
-                modifiers: modifiers,
-                children: /* @__PURE__ */ jsx(SortableContext, {
-                    items: columns.map(function(param) {
-                        var name = param.name;
-                        return name;
-                    }),
-                    strategy: verticalListSortingStrategy,
-                    children: /* @__PURE__ */ jsx(x.div, {
-                        h: "400px",
-                        overflowY: "scroll",
-                        mt: "20px",
-                        children: columns.map(function(column) {
-                            return /* @__PURE__ */ jsx(ManageColumnRow, {
-                                column: column,
-                                columnsConfigValues: columnsConfigValues,
-                                setColumnsConfigOptions: setColumnsConfigOptions,
-                                searchedValue: searchedValue
-                            }, column.name);
-                        })
-                    })
-                })
-            })
-        ]
-    });
-};
-var ManageColumnForm_default = ManageColumnForm;
-export { ManageColumnForm_default as default };