@mailstep/design-system 0.8.27 → 0.8.28-beta.0

package/ui/Blocks/CommonGrid/hooks/usePresetsState.js

@@ -1,60 +1,16 @@
-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 { useModal } from "../../Modal/hooks/useModal.js";
 import { useState } from "react";
-import { useModal } from "../../Modal/hooks/useModal";
-var usePresetState = function usePresetState() {
-    var _useModal = useModal(), isPresetsModalOpen = _useModal.isOpen, onOpenPresetsModal = _useModal.onOpen, onClosePresetsModal = _useModal.onClose;
-    var _useState = _sliced_to_array(useState(""), 2), selectedPresetName = _useState[0], setSelectedPresetName = _useState[1];
-    return {
-        isPresetsModalOpen: isPresetsModalOpen,
-        onOpenPresetsModal: onOpenPresetsModal,
-        onClosePresetsModal: onClosePresetsModal,
-        selectedPresetName: selectedPresetName,
-        setSelectedPresetName: setSelectedPresetName
-    };
+//#region packages/ui/Blocks/CommonGrid/hooks/usePresetsState.ts
+const usePresetState = () => {
+	const { isOpen: isPresetsModalOpen, onOpen: onOpenPresetsModal, onClose: onClosePresetsModal } = useModal();
+	const [selectedPresetName, setSelectedPresetName] = useState("");
+	return {
+		isPresetsModalOpen,
+		onOpenPresetsModal,
+		onClosePresetsModal,
+		selectedPresetName,
+		setSelectedPresetName
+	};
 };
+//#endregion
 export { usePresetState };

package/ui/Blocks/CommonGrid/hooks/useQuickFilter.js

@@ -1,151 +1,78 @@
-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 { useCheckDeviceWidth } from "../../../utils/CheckDeviceWidth/checkDeviceWidth.js";
+import { getTranslatedValue } from "../components/ManageColumnForm/utils.js";
+import { createFilterType } from "../utils/index.js";
+import { useAddFilter } from "./useAddFilter.js";
 import { useCallback, useEffect, useState } from "react";
-import { useCheckDeviceWidth } from "../../../utils/CheckDeviceWidth/checkDeviceWidth";
-import { getTranslatedValue } from "../components/ManageColumnForm/utils";
-import { createFilterType } from "../utils";
-import { useAddFilter } from "./useAddFilter";
-var defaultVoidFunction = function defaultVoidFunction() {
-    for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-        args[_key] = arguments[_key];
-    }
-    return null;
+//#region packages/ui/Blocks/CommonGrid/hooks/useQuickFilter.ts
+const defaultVoidFunction = (...args) => null;
+const useQuickFilter = ({ gridActions, gridSelectors, quickFilter, columns, filters }) => {
+	const { addFilter = defaultVoidFunction, clearSettings = defaultVoidFunction } = gridActions;
+	const { filter } = gridSelectors;
+	const { isMobile } = useCheckDeviceWidth();
+	const [searchedValue, setSearchedValue] = useState("");
+	const [displayInput, setDisplayInput] = useState(false);
+	const handleAddFilter = useAddFilter(addFilter);
+	const quickFilterValues = quickFilter ? filter?.[quickFilter]?.value : void 0;
+	const searchedColumnsDefinitions = columns?.find((item) => item.name === quickFilter) || null;
+	const filterType = createFilterType(searchedColumnsDefinitions || {});
+	const filtersDefaultComparator = filters?.[filterType].defaultExtraProps?.defaultComparator || "eq";
+	const searchComparator = quickFilterValues && quickFilterValues.comparator || filtersDefaultComparator;
+	const isMobileInputView = isMobile && displayInput;
+	useEffect(() => {
+		if (quickFilterValues) setSearchedValue(quickFilterValues.value);
+		else setSearchedValue("");
+	}, [
+		quickFilterValues,
+		quickFilter,
+		setSearchedValue
+	]);
+	useEffect(() => {
+		if (isMobile) setDisplayInput(false);
+		else setDisplayInput(true);
+	}, [isMobile]);
+	const onChangeInputValue = useCallback((e) => {
+		setSearchedValue(e.target.value);
+		const value = {
+			comparator: searchComparator,
+			value: e.target.value
+		};
+		searchedColumnsDefinitions && handleAddFilter(value, searchedColumnsDefinitions);
+	}, [
+		setSearchedValue,
+		searchComparator,
+		handleAddFilter,
+		searchedColumnsDefinitions
+	]);
+	const onClear = useCallback(() => {
+		setSearchedValue("");
+		onChangeInputValue({ target: { value: "" } });
+		if (isMobile) setDisplayInput(false);
+		else setDisplayInput(true);
+	}, [
+		setSearchedValue,
+		isMobile,
+		onChangeInputValue,
+		setDisplayInput
+	]);
+	const onDisplayInput = useCallback(() => {
+		setDisplayInput(true);
+	}, []);
+	const onClearSettings = useCallback(() => {
+		clearSettings?.();
+		setSearchedValue?.("");
+	}, [clearSettings, setSearchedValue]);
+	return {
+		searchedValue,
+		translatedValue: getTranslatedValue(searchedColumnsDefinitions),
+		onChangeInputValue,
+		onClearSettings,
+		onDisplayInput,
+		displayInput,
+		onClear,
+		isMobileInputView,
+		isMobile,
+		filter
+	};
 };
-var useQuickFilter = function useQuickFilter(param) {
-    var gridActions = param.gridActions, gridSelectors = param.gridSelectors, quickFilter = param.quickFilter, columns = param.columns, filters = param.filters;
-    var _filter_quickFilter, _filters_filterType_defaultExtraProps;
-    var _gridActions_addFilter = gridActions.addFilter, addFilter = _gridActions_addFilter === void 0 ? defaultVoidFunction : _gridActions_addFilter, _gridActions_clearSettings = gridActions.clearSettings, clearSettings = _gridActions_clearSettings === void 0 ? defaultVoidFunction : _gridActions_clearSettings;
-    var filter = gridSelectors.filter;
-    var isMobile = useCheckDeviceWidth().isMobile;
-    var _useState = _sliced_to_array(useState(""), 2), searchedValue = _useState[0], setSearchedValue = _useState[1];
-    var _useState1 = _sliced_to_array(useState(false), 2), displayInput = _useState1[0], setDisplayInput = _useState1[1];
-    var handleAddFilter = useAddFilter(addFilter);
-    var quickFilterValues = quickFilter ? filter === null || filter === void 0 ? void 0 : (_filter_quickFilter = filter[quickFilter]) === null || _filter_quickFilter === void 0 ? void 0 : _filter_quickFilter.value : void 0;
-    var searchedColumnsDefinitions = (columns === null || columns === void 0 ? void 0 : columns.find(function(item) {
-        return item.name === quickFilter;
-    })) || null;
-    var filterType = createFilterType(searchedColumnsDefinitions || {});
-    var filtersDefaultComparator = (filters === null || filters === void 0 ? void 0 : (_filters_filterType_defaultExtraProps = filters[filterType].defaultExtraProps) === null || _filters_filterType_defaultExtraProps === void 0 ? void 0 : _filters_filterType_defaultExtraProps.defaultComparator) || "eq";
-    var searchComparator = quickFilterValues && quickFilterValues.comparator || filtersDefaultComparator;
-    var isMobileInputView = isMobile && displayInput;
-    useEffect(function() {
-        if (quickFilterValues) {
-            setSearchedValue(quickFilterValues.value);
-        } else {
-            setSearchedValue("");
-        }
-    }, [
-        quickFilterValues,
-        quickFilter,
-        setSearchedValue
-    ]);
-    useEffect(function() {
-        if (isMobile) {
-            setDisplayInput(false);
-        } else {
-            setDisplayInput(true);
-        }
-    }, [
-        isMobile
-    ]);
-    var onChangeInputValue = useCallback(function(e) {
-        setSearchedValue(e.target.value);
-        var value = {
-            comparator: searchComparator,
-            value: e.target.value
-        };
-        searchedColumnsDefinitions && handleAddFilter(value, searchedColumnsDefinitions);
-    }, [
-        setSearchedValue,
-        searchComparator,
-        handleAddFilter,
-        searchedColumnsDefinitions
-    ]);
-    var onClear = useCallback(function() {
-        setSearchedValue("");
-        onChangeInputValue({
-            target: {
-                value: ""
-            }
-        });
-        if (isMobile) {
-            setDisplayInput(false);
-        } else {
-            setDisplayInput(true);
-        }
-    }, [
-        setSearchedValue,
-        isMobile,
-        onChangeInputValue,
-        setDisplayInput
-    ]);
-    var onDisplayInput = useCallback(function() {
-        setDisplayInput(true);
-    }, []);
-    var onClearSettings = useCallback(function() {
-        clearSettings === null || clearSettings === void 0 ? void 0 : clearSettings();
-        setSearchedValue === null || setSearchedValue === void 0 ? void 0 : setSearchedValue("");
-    }, [
-        clearSettings,
-        setSearchedValue
-    ]);
-    var translatedValue = getTranslatedValue(searchedColumnsDefinitions);
-    return {
-        searchedValue: searchedValue,
-        translatedValue: translatedValue,
-        onChangeInputValue: onChangeInputValue,
-        onClearSettings: onClearSettings,
-        onDisplayInput: onDisplayInput,
-        displayInput: displayInput,
-        onClear: onClear,
-        isMobileInputView: isMobileInputView,
-        isMobile: isMobile,
-        filter: filter
-    };
-};
-var useQuickFilter_default = useQuickFilter;
-export { useQuickFilter_default as default };
+//#endregion
+export { useQuickFilter as default };

package/ui/Blocks/CommonGrid/hooks/useRowsKeyControls.js

@@ -1,24 +1,20 @@
 import React from "react";
-var useRowsKeyControls = function useRowsKeyControls(rowsData, uxState, onUxChange) {
-    return React.useCallback(function(e) {
-        var _rowsData_, _rowsData_1;
-        var selectedRowId = uxState.selectedRow;
-        if (!selectedRowId) return;
-        var selectedRowIdx = rowsData.findIndex(function(row) {
-            return row.id === selectedRowId;
-        });
-        var previousRowId = (_rowsData_ = rowsData[selectedRowIdx - 1]) === null || _rowsData_ === void 0 ? void 0 : _rowsData_.id;
-        var nextRowId = (_rowsData_1 = rowsData[selectedRowIdx + 1]) === null || _rowsData_1 === void 0 ? void 0 : _rowsData_1.id;
-        var isFirst = selectedRowIdx === 0;
-        var isLast = selectedRowIdx === rowsData.length - 1;
-        if (e.key === "ArrowUp" && !isFirst) onUxChange === null || onUxChange === void 0 ? void 0 : onUxChange("selectedRow", previousRowId);
-        if (e.key === "ArrowDown" && !isLast) onUxChange === null || onUxChange === void 0 ? void 0 : onUxChange("selectedRow", nextRowId);
-        if (e.key === "Escape") onUxChange === null || onUxChange === void 0 ? void 0 : onUxChange("selectedRow", null);
-    }, [
-        uxState,
-        rowsData,
-        onUxChange
-    ]);
-};
-var useRowsKeyControls_default = useRowsKeyControls;
-export { useRowsKeyControls_default as default };
+//#region packages/ui/Blocks/CommonGrid/hooks/useRowsKeyControls.ts
+const useRowsKeyControls = (rowsData, uxState, onUxChange) => React.useCallback((e) => {
+	const selectedRowId = uxState.selectedRow;
+	if (!selectedRowId) return;
+	const selectedRowIdx = rowsData.findIndex((row) => row.id === selectedRowId);
+	const previousRowId = rowsData[selectedRowIdx - 1]?.id;
+	const nextRowId = rowsData[selectedRowIdx + 1]?.id;
+	const isFirst = selectedRowIdx === 0;
+	const isLast = selectedRowIdx === rowsData.length - 1;
+	if (e.key === "ArrowUp" && !isFirst) onUxChange?.("selectedRow", previousRowId);
+	if (e.key === "ArrowDown" && !isLast) onUxChange?.("selectedRow", nextRowId);
+	if (e.key === "Escape") onUxChange?.("selectedRow", null);
+}, [
+	uxState,
+	rowsData,
+	onUxChange
+]);
+//#endregion
+export { useRowsKeyControls as default };

package/ui/Blocks/CommonGrid/hooks/useSelectPreset.js

@@ -1,83 +1,21 @@
-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 { useCallback, useEffect } from "react";
-import isEqual from "lodash/isEqual";
-var useSelectPreset = function useSelectPreset(param) {
-    var gridName = param.gridName, gridActions = param.gridActions, gridSelectors = param.gridSelectors, setSelectedPresetName = param.setSelectedPresetName, onClosePresetsModal = param.onClosePresetsModal;
-    var gridPresets = gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.presets;
-    var filters = gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.filter;
-    var handleSelectPreset = useCallback(function(presetName, filters2) {
-        return function() {
-            var _gridActions_setFilters;
-            setSelectedPresetName(presetName);
-            (_gridActions_setFilters = gridActions.setFilters) === null || _gridActions_setFilters === void 0 ? void 0 : _gridActions_setFilters.call(gridActions, filters2);
-            onClosePresetsModal();
-        };
-    }, [
-        gridActions
-    ]);
-    useEffect(function() {
-        var _Object_entries;
-        if (!gridName || !gridPresets) return;
-        var activePreset = (_Object_entries = Object.entries(gridPresets)) === null || _Object_entries === void 0 ? void 0 : _Object_entries.find(function(param) {
-            var _param = _sliced_to_array(param, 2), presetName = _param[0], presetFilters = _param[1];
-            return isEqual(presetFilters, filters);
-        });
-        if (activePreset) {
-            setSelectedPresetName(activePreset[0]);
-        } else {
-            setSelectedPresetName("");
-        }
-    }, [
-        filters,
-        gridPresets
-    ]);
-    return {
-        handleSelectPreset: handleSelectPreset
-    };
+import isEqual from "lodash/isEqual.js";
+//#region packages/ui/Blocks/CommonGrid/hooks/useSelectPreset.ts
+const useSelectPreset = ({ gridName, gridActions, gridSelectors, setSelectedPresetName, onClosePresetsModal }) => {
+	const gridPresets = gridSelectors?.presets;
+	const filters = gridSelectors?.filter;
+	const handleSelectPreset = useCallback((presetName, filters) => () => {
+		setSelectedPresetName(presetName);
+		gridActions.setFilters?.(filters);
+		onClosePresetsModal();
+	}, [gridActions]);
+	useEffect(() => {
+		if (!gridName || !gridPresets) return;
+		const activePreset = Object.entries(gridPresets)?.find(([presetName, presetFilters]) => isEqual(presetFilters, filters));
+		if (activePreset) setSelectedPresetName(activePreset[0]);
+		else setSelectedPresetName("");
+	}, [filters, gridPresets]);
+	return { handleSelectPreset };
 };
+//#endregion
 export { useSelectPreset };

package/ui/Blocks/CommonGrid/hooks/useToggleAllCheckbox.js

@@ -1,30 +1,19 @@
-import { useMemo, useCallback } from "react";
-var useToggleAllCheckbox = function useToggleAllCheckbox(rowsData, uxState, handleUxChange) {
-    var allChecked = useMemo(function() {
-        return rowsData && (rowsData || []).length >= 1 && rowsData.every(function(row) {
-            var _uxState_checkedRows;
-            return uxState === null || uxState === void 0 ? void 0 : (_uxState_checkedRows = uxState.checkedRows) === null || _uxState_checkedRows === void 0 ? void 0 : _uxState_checkedRows[row.id];
-        });
-    }, [
-        rowsData,
-        uxState === null || uxState === void 0 ? void 0 : uxState.checkedRows
-    ]);
-    var toggleAllHandler = useCallback(function() {
-        var checkedRows = {};
-        if (!allChecked && rowsData) {
-            rowsData.forEach(function(row) {
-                checkedRows[row.id] = true;
-            });
-        }
-        handleUxChange === null || handleUxChange === void 0 ? void 0 : handleUxChange("checkedRows", checkedRows);
-    }, [
-        handleUxChange,
-        rowsData,
-        allChecked
-    ]);
-    return [
-        !!allChecked,
-        toggleAllHandler
-    ];
+import { useCallback, useMemo } from "react";
+//#region packages/ui/Blocks/CommonGrid/hooks/useToggleAllCheckbox.ts
+const useToggleAllCheckbox = (rowsData, uxState, handleUxChange) => {
+	const allChecked = useMemo(() => rowsData && (rowsData || []).length >= 1 && rowsData.every((row) => uxState?.checkedRows?.[row.id]), [rowsData, uxState?.checkedRows]);
+	const toggleAllHandler = useCallback(() => {
+		const checkedRows = {};
+		if (!allChecked && rowsData) rowsData.forEach((row) => {
+			checkedRows[row.id] = true;
+		});
+		handleUxChange?.("checkedRows", checkedRows);
+	}, [
+		handleUxChange,
+		rowsData,
+		allChecked
+	]);
+	return [!!allChecked, toggleAllHandler];
 };
+//#endregion
 export { useToggleAllCheckbox };

package/ui/Blocks/CommonGrid/hooks/useUxReset.js

@@ -1,65 +1,14 @@
-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 React from "react";
-var useUxReset = function useUxReset(rowsData, uxState, clearUxState) {
-    var _React_useState = _sliced_to_array(React.useState("|"), 2), previous = _React_useState[0], setPrevious = _React_useState[1];
-    React.useEffect(function() {
-        var ids = (rowsData || []).map(function(row) {
-            return row.id;
-        }).join("|");
-        if (ids !== previous) {
-            if (clearUxState && (uxState.checkedRows && Object.keys(uxState.checkedRows).length || uxState.selectedRow)) {
-                clearUxState();
-            }
-        }
-        setPrevious(ids);
-    }, [
-        rowsData
-    ]);
+//#region packages/ui/Blocks/CommonGrid/hooks/useUxReset.ts
+const useUxReset = (rowsData, uxState, clearUxState) => {
+	const [previous, setPrevious] = React.useState("|");
+	React.useEffect(() => {
+		const ids = (rowsData || []).map((row) => row.id).join("|");
+		if (ids !== previous) {
+			if (clearUxState && (uxState.checkedRows && Object.keys(uxState.checkedRows).length || uxState.selectedRow)) clearUxState();
+		}
+		setPrevious(ids);
+	}, [rowsData]);
 };
-var useUxReset_default = useUxReset;
-export { useUxReset_default as default };
+//#endregion
+export { useUxReset as default };

package/ui/Blocks/CommonGrid/index.js

@@ -1,10 +1,26 @@
-import CommonGrid from "./CommonGridContainer";
-import withReduxActions from "./HoC/withReduxActions";
-import reducer, { actionPrefix, createActions, createSelectors, createFullSelector, actionTypes } from "./store";
-import useFloatingButton from "./hooks/useFloatingButton";
-import * as Types from "./types";
-export * from "./components/gridCells";
-import { useAddFilter } from "./hooks/useAddFilter";
-import { useEvent } from "./hooks/useEvent";
-var CommonGrid_default = CommonGrid;
-export { Types, actionPrefix, actionTypes, createActions, createFullSelector, createSelectors, CommonGrid_default as default, reducer, useAddFilter, useEvent, useFloatingButton, withReduxActions };
+import { useEvent } from "./hooks/useEvent.js";
+import { useAddFilter } from "./hooks/useAddFilter.js";
+import { types_exports } from "./types.js";
+import { DateCell } from "./components/gridCells/Date.js";
+import { DateTimeCell } from "./components/gridCells/DateTime.js";
+import { StringJoinCell } from "./components/gridCells/StringJoin.js";
+import { BoolIconCell } from "./components/gridCells/BoolIcon.js";
+import { RemoveCell } from "./components/gridCells/RemoveItem.js";
+import { LinkInCell } from "./components/gridCells/LinkInCell.js";
+import { ButtonInCell } from "./components/gridCells/ButtonInCell.js";
+import { IconButtonInCell } from "./components/gridCells/IconButtonInCell.js";
+import { SwitchInCell } from "./components/gridCells/SwitchInCell.js";
+import { ImageCell } from "./components/gridCells/ImageCell.js";
+import { EnumInCell } from "./components/gridCells/EnumInCell.js";
+import { HoverBubble } from "./components/gridCells/HoverBubble.js";
+import { RowActionsCell } from "./components/gridCells/RowActionsCell.js";
+import { ToggleCell } from "./components/gridCells/ToggleCell.js";
+import "./components/gridCells/index.js";
+import store_default, { actionPrefix, actionTypes, createActions, createFullSelector, createSelectors } from "./store/index.js";
+import CommonGridContainer from "./CommonGridContainer.js";
+import withReduxActions from "./HoC/withReduxActions.js";
+import useFloatingButton from "./hooks/useFloatingButton.js";
+//#region packages/ui/Blocks/CommonGrid/index.ts
+var CommonGrid_default = CommonGridContainer;
+//#endregion
+export { BoolIconCell, ButtonInCell, DateCell, DateTimeCell, EnumInCell, HoverBubble, IconButtonInCell, ImageCell, LinkInCell, RemoveCell, RowActionsCell, StringJoinCell, SwitchInCell, ToggleCell, types_exports as Types, actionPrefix, actionTypes, createActions, createFullSelector, createSelectors, CommonGrid_default as default, store_default as reducer, useAddFilter, useEvent, useFloatingButton, withReduxActions };