@mailstep/design-system 0.8.25 → 0.8.26-beta.0

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

@@ -1,110 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { checksColumnsOrder, isColumnOn } from '../utils';
-var useManageColumn = function (_a) {
-    var columns = _a.columns, gridSelectors = _a.gridSelectors, gridActions = _a.gridActions, onClose = _a.onClose;
-    var resetGrid = gridActions.resetGrid, setColumnConfig = gridActions.setColumnConfig, setColumnsOrder = gridActions.setColumnsOrder;
-    var columnConfig = gridSelectors.columnConfig, columnsOrder = gridSelectors.columnsOrder;
-    var initialColumnsOrder = useMemo(function () { return columns === null || columns === void 0 ? void 0 : columns.map(function (col) { return col.name; }); }, [columns]);
-    // the length of columnsOrder is changed after using the setColumnsOrder
-    var columnsOrderValue = (columnsOrder === null || columnsOrder === void 0 ? void 0 : columnsOrder.length) ? columnsOrder : initialColumnsOrder;
-    // columnsConfigOptions contains switch changes from the manageColumnForm (isHidden || {})
-    var _b = useState(__assign({}, (columnConfig !== null && columnConfig !== void 0 ? columnConfig : {}))), columnsConfigOptions = _b[0], setColumnsConfigOptions = _b[1];
-    var _c = useState(columnsOrderValue), updatedColumnsOrder = _c[0], setUpdatedColumnsOrder = _c[1];
-    var columnsConfigValues = useMemo(function () {
-        return columns === null || columns === void 0 ? void 0 : columns.filter(function (column) {
-            var _a;
-            var isHidden = (_a = columnsConfigOptions === null || columnsConfigOptions === void 0 ? void 0 : columnsConfigOptions[column.name]) === null || _a === void 0 ? void 0 : _a.isHidden;
-            if ((column === null || column === void 0 ? void 0 : column.alwaysOn) || typeof isHidden === 'boolean')
-                return !isHidden;
-            if (!!column.defaultHidden && !!(columnsConfigOptions === null || columnsConfigOptions === void 0 ? void 0 : columnsConfigOptions[column.name]))
-                return true;
-            else
-                return !(column === null || column === void 0 ? void 0 : column.defaultHidden);
-        }).map(function (column) { return column.name; });
-    }, [columnsConfigOptions, columns]);
-    var onConfirmForm = useCallback(function () {
-        setColumnConfig === null || setColumnConfig === void 0 ? void 0 : setColumnConfig(columnsConfigOptions);
-        setColumnsOrder === null || setColumnsOrder === void 0 ? void 0 : setColumnsOrder(updatedColumnsOrder);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [columnsConfigOptions, updatedColumnsOrder, onClose, setColumnConfig, setColumnsOrder]);
-    var resetColumnConfig = useCallback(function () {
-        setUpdatedColumnsOrder(initialColumnsOrder);
-        resetGrid === null || resetGrid === void 0 ? void 0 : resetGrid();
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-        // clean columnsConfigOptions
-        setColumnsConfigOptions({});
-    }, [onClose, resetGrid, initialColumnsOrder, columnConfig]);
-    var onCloseForm = useCallback(function () {
-        setUpdatedColumnsOrder(columnsOrderValue);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-        setColumnsConfigOptions(columnConfig || {});
-    }, [columnsOrderValue, onClose]);
-    var getSortedColumns = useCallback(function (orderValues, isManageModal) {
-        var list = columns.filter(function (column) { return isManageModal ? !column.alwaysOff : isColumnOn(column, columnsConfigOptions); });
-        var sortFunction = function (col1, col2) {
-            var i = (orderValues || []).indexOf(col1.name);
-            var j = (orderValues || []).indexOf(col2.name);
-            // if orderValues is defined but the column is not in the order list, keep the default position by column definition
-            if (orderValues && (orderValues === null || orderValues === void 0 ? void 0 : orderValues.length) > 0 && i === -1) {
-                return 0;
-            }
-            return i > j ? 1 : i < j ? -1 : 0;
-        };
-        var sortedList = __spreadArray([], list, true).sort(sortFunction);
-        return sortedList;
-    }, [columnConfig, columnsConfigOptions, columns]);
-    var displayColumnsDefinitions = useMemo(function () { return getSortedColumns(columnsOrderValue, false); }, [columnsOrderValue, columns, columnsConfigOptions, getSortedColumns]);
-    var manageColumnsFormDefinitions = useMemo(function () { return getSortedColumns(updatedColumnsOrder, true); }, [updatedColumnsOrder]);
-    var handleDragEnd = useCallback(function (isManageModal) {
-        if (isManageModal === void 0) { isManageModal = false; }
-        return function (event) {
-            var active = event.active, over = event.over;
-            if (!over || active.id === over.id) {
-                return;
-            }
-            var newOrderColumns = __spreadArray([], updatedColumnsOrder, true);
-            var fromIndex = updatedColumnsOrder.findIndex(function (column) { return column === active.id; });
-            var toIndex = updatedColumnsOrder.findIndex(function (column) { return column === over.id; });
-            newOrderColumns.splice(fromIndex, 1);
-            newOrderColumns.splice(toIndex === -1 ? 0 : toIndex, 0, active.id);
-            if (!isManageModal) {
-                setColumnsOrder === null || setColumnsOrder === void 0 ? void 0 : setColumnsOrder(newOrderColumns);
-            }
-            setUpdatedColumnsOrder(newOrderColumns);
-        };
-    }, [updatedColumnsOrder, columnsOrderValue, setColumnsOrder, manageColumnsFormDefinitions, displayColumnsDefinitions]);
-    useEffect(function () {
-        checksColumnsOrder(columnsOrderValue, columns);
-    }, []);
-    return {
-        columnsConfigValues: columnsConfigValues,
-        setColumnsConfigOptions: setColumnsConfigOptions,
-        onConfirmForm: onConfirmForm,
-        resetColumnConfig: resetColumnConfig,
-        handleDragEnd: handleDragEnd,
-        onCloseForm: onCloseForm,
-        displayColumnsDefinitions: displayColumnsDefinitions,
-        manageColumnsFormDefinitions: manageColumnsFormDefinitions
-    };
-};
-export default useManageColumn;

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

@@ -1,76 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { useRef, useCallback } from 'react';
-import { i18n } from '@lingui/core';
-import omit from 'lodash/omit';
-export var usePresetFileHandlers = function (_a) {
-    var gridName = _a.gridName, gridActions = _a.gridActions, gridSelectors = _a.gridSelectors;
-    var fileInputRef = useRef(null);
-    var handleExportPresets = useCallback(function () {
-        if (!gridName)
-            return;
-        var gridConfig = { gridName: gridName };
-        var data = __assign(__assign({}, gridSelectors.presets), { _: gridConfig });
-        var blob = new Blob([JSON.stringify(data, null, 2)], {
-            type: 'application/json'
-        });
-        var link = document.createElement('a');
-        link.href = URL.createObjectURL(blob);
-        link.download = "".concat(gridName, "Presets.json");
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    }, [gridName, gridSelectors.presets]);
-    var handleImportPresets = useCallback(function (event) {
-        var _a;
-        if (!gridName)
-            return;
-        var file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (!file)
-            return;
-        var reader = new FileReader();
-        reader.readAsText(file);
-        reader.onload = function (e) {
-            var _a, _b;
-            try {
-                var fileContent = JSON.parse((_a = e.target) === null || _a === void 0 ? void 0 : _a.result);
-                var gridConfig = fileContent._;
-                if (gridConfig && gridConfig.gridName !== gridName) {
-                    throw new Error(i18n._({
-                        id: 'dataGrid.importPresets.gridNameNotSame',
-                        message: 'Grid name in file is not the same as current grid.'
-                    }));
-                }
-                (_b = gridActions.setPresets) === null || _b === void 0 ? void 0 : _b.call(gridActions, omit(fileContent, '_'));
-            }
-            catch (error) {
-                console.warn(error);
-                alert(i18n._({ id: 'dataGrid.importPresets.error', message: 'Error with importing files.' }) + String(error));
-            }
-            finally {
-                if (fileInputRef.current) {
-                    fileInputRef.current.value = '';
-                }
-            }
-        };
-    }, [gridName]);
-    var handleImportButtonClick = useCallback(function () {
-        var _a;
-        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-    }, []);
-    return {
-        fileInputRef: fileInputRef,
-        handleImportPresets: handleImportPresets,
-        handleExportPresets: handleExportPresets,
-        handleImportButtonClick: handleImportButtonClick
-    };
-};

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

@@ -1,13 +0,0 @@
-import { useState } from 'react';
-import { useModal } from '../../Modal/hooks/useModal';
-export var usePresetState = function () {
-    var _a = useModal(), isPresetsModalOpen = _a.isOpen, onOpenPresetsModal = _a.onOpen, onClosePresetsModal = _a.onClose;
-    var _b = useState(''), selectedPresetName = _b[0], setSelectedPresetName = _b[1];
-    return {
-        isPresetsModalOpen: isPresetsModalOpen,
-        onOpenPresetsModal: onOpenPresetsModal,
-        onClosePresetsModal: onClosePresetsModal,
-        selectedPresetName: selectedPresetName,
-        setSelectedPresetName: setSelectedPresetName
-    };
-};

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

@@ -1,83 +0,0 @@
-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 () {
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-    }
-    return null;
-};
-var useQuickFilter = function (_a) {
-    var _b, _c;
-    var gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, quickFilter = _a.quickFilter, columns = _a.columns, filters = _a.filters;
-    var _d = gridActions.addFilter, addFilter = _d === void 0 ? defaultVoidFunction : _d, _e = gridActions.clearSettings, clearSettings = _e === void 0 ? defaultVoidFunction : _e;
-    var filter = gridSelectors.filter;
-    var isMobile = useCheckDeviceWidth().isMobile;
-    var _f = useState(''), searchedValue = _f[0], setSearchedValue = _f[1];
-    var _g = useState(false), displayInput = _g[0], setDisplayInput = _g[1];
-    var handleAddFilter = useAddFilter(addFilter);
-    var quickFilterValues = quickFilter ? (_b = filter === null || filter === void 0 ? void 0 : filter[quickFilter]) === null || _b === void 0 ? void 0 : _b.value : undefined;
-    var searchedColumnsDefinitions = (columns === null || columns === void 0 ? void 0 : columns.find(function (item) { return item.name === quickFilter; })) || null;
-    var filterType = createFilterType(searchedColumnsDefinitions || {});
-    var filtersDefaultComparator = ((_c = filters === null || filters === void 0 ? void 0 : filters[filterType].defaultExtraProps) === null || _c === void 0 ? void 0 : _c.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
-    };
-};
-export default useQuickFilter;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-var useRowsKeyControls = function (rowsData, uxState, onUxChange) {
-    return React.useCallback(function (e) {
-        var _a, _b;
-        var selectedRowId = uxState.selectedRow;
-        if (!selectedRowId)
-            return;
-        var selectedRowIdx = rowsData.findIndex(function (row) { return row.id === selectedRowId; });
-        var previousRowId = (_a = rowsData[selectedRowIdx - 1]) === null || _a === void 0 ? void 0 : _a.id;
-        var nextRowId = (_b = rowsData[selectedRowIdx + 1]) === null || _b === void 0 ? void 0 : _b.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]);
-};
-export default useRowsKeyControls;

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

@@ -1,29 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import isEqual from 'lodash/isEqual';
-export var useSelectPreset = function (_a) {
-    var gridName = _a.gridName, gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, setSelectedPresetName = _a.setSelectedPresetName, onClosePresetsModal = _a.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, filters) { return function () {
-        var _a;
-        setSelectedPresetName(presetName);
-        (_a = gridActions.setFilters) === null || _a === void 0 ? void 0 : _a.call(gridActions, filters);
-        onClosePresetsModal();
-    }; }, [gridActions]);
-    useEffect(function () {
-        var _a;
-        if (!gridName || !gridPresets)
-            return;
-        var activePreset = (_a = Object.entries(gridPresets)) === null || _a === void 0 ? void 0 : _a.find(function (_a) {
-            var presetName = _a[0], presetFilters = _a[1];
-            return isEqual(presetFilters, filters);
-        });
-        if (activePreset) {
-            setSelectedPresetName(activePreset[0]);
-        }
-        else {
-            setSelectedPresetName('');
-        }
-    }, [filters, gridPresets]);
-    return { handleSelectPreset: handleSelectPreset };
-};

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

@@ -1,15 +0,0 @@
-import { useMemo, useCallback } from 'react';
-export var useToggleAllCheckbox = function (rowsData, uxState, handleUxChange) {
-    var allChecked = useMemo(function () { return rowsData && (rowsData || []).length >= 1 && rowsData.every(function (row) { var _a; return (_a = uxState === null || uxState === void 0 ? void 0 : uxState.checkedRows) === null || _a === void 0 ? void 0 : _a[row.id]; }); }, [rowsData, uxState === null || uxState === void 0 ? void 0 : uxState.checkedRows]);
-    var toggleAllHandler = useCallback(function () {
-        var checkedRows = {};
-        // if check all is not check, we check all
-        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];
-};

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

@@ -1,15 +0,0 @@
-import React from 'react';
-var useUxReset = function (rowsData, uxState, clearUxState) {
-    var _a = React.useState('|'), previous = _a[0], setPrevious = _a[1];
-    React.useEffect(function () {
-        var ids = (rowsData || []).map(function (row) { return row.id; }).join('|');
-        // clear uxState if listed rows change and uxState is not clear already
-        if (ids !== previous) {
-            if (clearUxState && ((uxState.checkedRows && Object.keys(uxState.checkedRows).length) || uxState.selectedRow)) {
-                clearUxState();
-            }
-        }
-        setPrevious(ids);
-    }, [rowsData]); // eslint-disable-line react-hooks/exhaustive-deps
-};
-export default useUxReset;

package/ui/Blocks/CommonGrid/index.js

@@ -1,10 +0,0 @@
-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';
-export default CommonGrid;
-export { withReduxActions, reducer, actionPrefix, actionTypes, createActions, createSelectors, createFullSelector, Types, useFloatingButton, useAddFilter, useEvent, };

package/ui/Blocks/CommonGrid/store/index.js

@@ -1,265 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import produce from 'immer';
-import { createSelector } from 'reselect';
-import getOr from 'lodash/fp/getOr';
-import omit from 'lodash/omit';
-import migrateState from './migrateState';
-export var initialState = {
-    page: 1,
-    presets: {},
-    sorting: [],
-    isConfigFormOpen: false,
-    uxState: {
-        selectedRow: null,
-        checkedRows: {}
-    },
-    columnConfig: {},
-    filter: {},
-    columnsWidth: {},
-    columnsOrder: [],
-    defaultSorting: []
-};
-export var actionPrefix = '@store/CommonGrid';
-export var actionTypes = {
-    init: "".concat(actionPrefix, "/init"),
-    clearUxState: "".concat(actionPrefix, "/clearUxState"),
-    handleUxChange: "".concat(actionPrefix, "/handleUxChange"),
-    openConfigForm: "".concat(actionPrefix, "/openConfigForm"),
-    closeConfigForm: "".concat(actionPrefix, "/closeConfigForm"),
-    setColumnConfig: "".concat(actionPrefix, "/setColumnConfig"),
-    setPage: "".concat(actionPrefix, "/setPage"),
-    setPresets: "".concat(actionPrefix, "/setPresets"),
-    createPreset: "".concat(actionPrefix, "/createPreset"),
-    deletePreset: "".concat(actionPrefix, "/deletePreset"),
-    setRowsPerPage: "".concat(actionPrefix, "/setRowsPerPage"),
-    resetFilters: "".concat(actionPrefix, "/resetFilters"),
-    addFilter: "".concat(actionPrefix, "/addFilter"),
-    setFilters: "".concat(actionPrefix, "/setFilters"),
-    addSorting: "".concat(actionPrefix, "/addSorting"),
-    resetSorting: "".concat(actionPrefix, "/resetSorting"),
-    clearSettings: "".concat(actionPrefix, "/clearSettings"),
-    resetGrid: "".concat(actionPrefix, "/resetGrid"),
-    setColumnWidth: "".concat(actionPrefix, "/setColumnWidth"),
-    setColumnsOrder: "".concat(actionPrefix, "/setColumnsOrder")
-};
-var migrationChecked = false;
-export default (function (state, action) {
-    if (state === void 0) { state = {}; }
-    return produce(state, function (draft) {
-        var _a, _b, _c;
-        var _d, _e, _f, _g, _h, _j;
-        // version migrations
-        if (!migrationChecked && state && Object.keys(state).length > 0) {
-            draft = migrateState(draft);
-            migrationChecked = true;
-        }
-        var gridName = action.gridName;
-        if (!gridName)
-            return draft; // action does not contains gridName, skip immediatelly
-        if (!draft[gridName]) {
-            // if this grid is not yet in store, initialize
-            draft[gridName] = __assign({}, initialState);
-        }
-        switch (action.type) {
-            case actionTypes.init:
-                var defaultSorting = action.initProps.defaultSorting;
-                draft[gridName].page = 1;
-                if (defaultSorting) {
-                    draft[gridName].defaultSorting = defaultSorting;
-                    draft[gridName].sorting = ((_d = draft[gridName].sorting) === null || _d === void 0 ? void 0 : _d.length) ? draft[gridName].sorting : defaultSorting;
-                }
-                break;
-            case actionTypes.clearUxState:
-                draft[gridName].uxState = initialState.uxState;
-                break;
-            case actionTypes.handleUxChange:
-                draft[gridName].uxState = __assign(__assign({}, draft[gridName].uxState), (_a = {}, _a[action.uxKey] = action.uxValue, _a));
-                break;
-            case actionTypes.openConfigForm:
-                draft[gridName].isConfigFormOpen = true;
-                break;
-            case actionTypes.closeConfigForm:
-                draft[gridName].isConfigFormOpen = false;
-                break;
-            case actionTypes.setColumnConfig:
-                draft[gridName].columnConfig = action.columnConfig;
-                draft[gridName].isConfigFormOpen = false;
-                break;
-            case actionTypes.resetFilters:
-                draft[gridName].filter = action.filters;
-                break;
-            case actionTypes.addFilter:
-                var column = action.column, value = action.value, filterProps = action.filterProps, others = action.others;
-                var currentFilterState = (_b = {}, _b[column] = { value: value, filterProps: filterProps, others: others }, _b);
-                draft[gridName].filter = __assign(__assign({}, draft[gridName].filter), currentFilterState);
-                draft[gridName].page = 1;
-                break;
-            case actionTypes.setFilters:
-                draft[gridName].filter = action.filters;
-                break;
-            case actionTypes.addSorting:
-                var direction = action.direction;
-                var sortingColumn = action.column;
-                if (((_g = (_f = (_e = draft[gridName]) === null || _e === void 0 ? void 0 : _e.defaultSorting) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.column) === sortingColumn && direction === null) {
-                    direction = 'asc';
-                }
-                var sorting = [{ column: sortingColumn, direction: direction }];
-                if (direction === null) {
-                    sorting = ((_h = draft[gridName]) === null || _h === void 0 ? void 0 : _h.defaultSorting) || [];
-                }
-                draft[gridName].sorting = sorting;
-                break;
-            case actionTypes.resetSorting:
-                draft[gridName].sorting = ((_j = draft[gridName].defaultSorting) === null || _j === void 0 ? void 0 : _j.length) ? draft[gridName].defaultSorting : initialState.sorting;
-                break;
-            case actionTypes.clearSettings:
-                draft[gridName].page = initialState.page;
-                draft[gridName].filter = initialState.filter;
-                draft[gridName].uxState = initialState.uxState;
-                draft[gridName].sorting = [];
-                break;
-            case actionTypes.setPage:
-                draft[gridName].page = action.page;
-                break;
-            case actionTypes.setPresets:
-                draft[gridName].presets = action.presets;
-                break;
-            case actionTypes.createPreset:
-                draft[gridName].presets = __assign(__assign({}, (draft[gridName].presets || {})), (_c = {}, _c[action.presetName] = action.filters, _c));
-                break;
-            case actionTypes.deletePreset:
-                draft[gridName].presets = omit(draft[gridName].presets, action.presetName);
-                break;
-            case actionTypes.setRowsPerPage:
-                draft[gridName].rowsPerPage = action.rowsPerPage;
-                break;
-            case actionTypes.resetGrid:
-                draft[gridName] = __assign(__assign({}, initialState), { rowsPerPage: draft[gridName].rowsPerPage });
-                break;
-            case actionTypes.setColumnWidth:
-                if (action.columnsWidth === null) {
-                    draft[gridName].columnsWidth = initialState.columnsWidth;
-                }
-                else {
-                    draft[gridName].columnsWidth = __assign(__assign({}, draft[gridName].columnsWidth), action.columnsWidth);
-                }
-                draft[gridName].columnsWidthVariant = action.columnLayout;
-                break;
-            case actionTypes.setColumnsOrder:
-                draft[gridName].columnsOrder = action.columnsOrder;
-                break;
-        }
-        return draft;
-    });
-});
-export var createActions = function (gridName) { return ({
-    init: function (initProps) {
-        if (initProps === void 0) { initProps = {}; }
-        return ({ gridName: gridName, type: actionTypes.init, initProps: initProps });
-    },
-    clearUxState: function () { return ({ gridName: gridName, type: actionTypes.clearUxState }); },
-    handleUxChange: function (uxKey, uxValue) { return ({
-        gridName: gridName,
-        type: actionTypes.handleUxChange,
-        uxKey: uxKey,
-        uxValue: uxValue
-    }); },
-    openConfigForm: function () { return ({ gridName: gridName, type: actionTypes.openConfigForm }); },
-    closeConfigForm: function () { return ({ gridName: gridName, type: actionTypes.closeConfigForm }); },
-    setColumnConfig: function (columnConfig) { return ({ gridName: gridName, type: actionTypes.setColumnConfig, columnConfig: columnConfig }); },
-    setPage: function (page) { return ({ gridName: gridName, type: actionTypes.setPage, page: page }); },
-    setPresets: function (presets) { return ({ gridName: gridName, type: actionTypes.setPresets, presets: presets }); },
-    createPreset: function (presetName, filters) { return ({
-        gridName: gridName,
-        type: actionTypes.createPreset,
-        presetName: presetName,
-        filters: filters
-    }); },
-    deletePreset: function (presetName) { return ({ gridName: gridName, type: actionTypes.deletePreset, presetName: presetName }); },
-    setColumnWidth: function (columnsWidth, columnLayout) { return ({
-        gridName: gridName,
-        type: actionTypes.setColumnWidth,
-        columnsWidth: columnsWidth,
-        columnLayout: columnLayout
-    }); },
-    resetGrid: function () { return ({ gridName: gridName, type: actionTypes.resetGrid }); },
-    setColumnsOrder: function (columnsOrder) { return ({
-        gridName: gridName,
-        type: actionTypes.setColumnsOrder,
-        columnsOrder: columnsOrder
-    }); },
-    setRowsPerPage: function (rowsPerPage) { return ({ gridName: gridName, type: actionTypes.setRowsPerPage, rowsPerPage: rowsPerPage }); },
-    resetFilters: function () { return ({ gridName: gridName, type: actionTypes.resetFilters }); },
-    addFilter: function (column, value, filterProps, others) { return ({
-        gridName: gridName,
-        type: actionTypes.addFilter,
-        column: column,
-        value: value,
-        filterProps: filterProps,
-        others: others
-    }); },
-    setFilters: function (filters) { return ({ gridName: gridName, type: actionTypes.setFilters, filters: filters }); },
-    addSorting: function (column, direction) { return ({
-        gridName: gridName,
-        type: actionTypes.addSorting,
-        column: column,
-        direction: direction
-    }); },
-    resetSorting: function () { return ({ gridName: gridName, type: actionTypes.resetSorting }); },
-    clearSettings: function () { return ({ gridName: gridName, type: actionTypes.clearSettings }); }
-}); };
-export var createSelectors = function (gridName) { return ({
-    getUxState: function (state) {
-        return getOr(initialState.uxState, "commonGrid.".concat(gridName, ".uxState"), state);
-    },
-    isConfigFormOpen: function (state) {
-        return getOr(initialState.isConfigFormOpen, "commonGrid.".concat(gridName, ".isConfigFormOpen"), state);
-    },
-    getColumnConfig: function (state) {
-        return getOr(initialState.columnConfig, "commonGrid.".concat(gridName, ".columnConfig"), state);
-    },
-    getPage: function (state) { return getOr(initialState.page, "commonGrid.".concat(gridName, ".page"), state); },
-    getPresets: function (state) {
-        return getOr(initialState.presets, "commonGrid.".concat(gridName, ".presets"), state);
-    },
-    getRowsPerPage: function (state) {
-        return getOr(initialState.rowsPerPage, "commonGrid.".concat(gridName, ".rowsPerPage"), state);
-    },
-    getFilter: function (state) { return getOr(initialState.filter, "commonGrid.".concat(gridName, ".filter"), state); },
-    getSorting: function (state) {
-        return getOr(initialState.sorting, "commonGrid.".concat(gridName, ".sorting"), state);
-    },
-    getColumnsWidth: function (state) {
-        return getOr(null, "commonGrid.".concat(gridName, ".columnsWidth"), state);
-    },
-    getColumnsWidthVariant: function (state) {
-        return getOr(undefined, "commonGrid.".concat(gridName, ".columnsWidthVariant"), state);
-    },
-    getColumnsOrder: function (state) { return getOr([], "commonGrid.".concat(gridName, ".columnsOrder"), state); }
-}); };
-export var createFullSelector = function (gridName) {
-    var selectors = createSelectors(gridName);
-    return createSelector(function (state) { return selectors.getUxState(state); }, function (state) { return selectors.isConfigFormOpen(state); }, function (state) { return selectors.getColumnConfig(state); }, function (state) { return selectors.getPage(state); }, function (state) { return selectors.getPresets(state); }, function (state) { return selectors.getRowsPerPage(state); }, function (state) { return selectors.getFilter(state); }, function (state) { return selectors.getSorting(state); }, function (state) { return selectors.getColumnsWidth(state); }, function (state) { return selectors.getColumnsWidthVariant(state); }, function (state) { return selectors.getColumnsOrder(state); }, function (uxState, isConfigFormOpen, columnConfig, page, presets, rowsPerPage, filter, sorting, columnsWidth, columnsWidthVariant, columnsOrder) { return ({
-        uxState: uxState,
-        isConfigFormOpen: isConfigFormOpen,
-        columnConfig: columnConfig,
-        page: page,
-        presets: presets,
-        rowsPerPage: rowsPerPage,
-        filter: filter,
-        sorting: sorting,
-        columnsWidth: columnsWidth,
-        columnsWidthVariant: columnsWidthVariant,
-        columnsOrder: columnsOrder
-    }); });
-};

package/ui/Blocks/CommonGrid/store/migrateState.js

@@ -1,14 +0,0 @@
-// v1 to v2
-var v2 = function (draft) {
-    Object.keys(draft).forEach(function (gridName) {
-        if (draft[gridName].columnConfig && Array.isArray(draft[gridName].columnConfig)) {
-            draft[gridName].columnConfig = {};
-        }
-    });
-    return draft;
-};
-// migration management
-export default (function (draft) {
-    draft = v2(draft);
-    return draft;
-});