@mailstep/design-system 0.8.31-beta.4 → 0.8.31

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

@@ -1,265 +1,293 @@
-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 migrateState_default from "./migrateState.js";
+import getOr from "lodash/fp/getOr";
+import omit from "lodash/omit";
+import produce from "immer";
+import { createSelector } from "reselect";
+//#region packages/ui/Blocks/CommonGrid/store/index.ts
+const initialState = {
+	page: 1,
+	presets: {},
+	sorting: [],
+	isConfigFormOpen: false,
+	uxState: {
+		selectedRow: null,
+		checkedRows: {}
+	},
+	columnConfig: {},
+	filter: {},
+	columnsWidth: {},
+	columnsOrder: [],
+	defaultSorting: []
 };
-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: []
+const actionPrefix = "@store/CommonGrid";
+const actionTypes = {
+	init: `${actionPrefix}/init`,
+	clearUxState: `${actionPrefix}/clearUxState`,
+	handleUxChange: `${actionPrefix}/handleUxChange`,
+	openConfigForm: `${actionPrefix}/openConfigForm`,
+	closeConfigForm: `${actionPrefix}/closeConfigForm`,
+	setColumnConfig: `${actionPrefix}/setColumnConfig`,
+	setPage: `${actionPrefix}/setPage`,
+	setPresets: `${actionPrefix}/setPresets`,
+	createPreset: `${actionPrefix}/createPreset`,
+	deletePreset: `${actionPrefix}/deletePreset`,
+	setRowsPerPage: `${actionPrefix}/setRowsPerPage`,
+	resetFilters: `${actionPrefix}/resetFilters`,
+	addFilter: `${actionPrefix}/addFilter`,
+	setFilters: `${actionPrefix}/setFilters`,
+	addSorting: `${actionPrefix}/addSorting`,
+	resetSorting: `${actionPrefix}/resetSorting`,
+	clearSettings: `${actionPrefix}/clearSettings`,
+	resetGrid: `${actionPrefix}/resetGrid`,
+	setColumnWidth: `${actionPrefix}/setColumnWidth`,
+	setColumnsOrder: `${actionPrefix}/setColumnsOrder`
 };
-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")
+let migrationChecked = false;
+var store_default = (state = {}, action) => {
+	return produce(state, (draft) => {
+		if (!migrationChecked && state && Object.keys(state).length > 0) {
+			draft = migrateState_default(draft);
+			migrationChecked = true;
+		}
+		const gridName = action.gridName;
+		if (!gridName) return draft;
+		if (!draft[gridName]) draft[gridName] = { ...initialState };
+		switch (action.type) {
+			case actionTypes.init:
+				const { defaultSorting } = action.initProps;
+				draft[gridName].page = 1;
+				if (defaultSorting) {
+					draft[gridName].defaultSorting = defaultSorting;
+					draft[gridName].sorting = draft[gridName].sorting?.length ? draft[gridName].sorting : defaultSorting;
+				}
+				break;
+			case actionTypes.clearUxState:
+				draft[gridName].uxState = initialState.uxState;
+				break;
+			case actionTypes.handleUxChange:
+				draft[gridName].uxState = {
+					...draft[gridName].uxState,
+					[action.uxKey]: action.uxValue
+				};
+				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:
+				const { column, value, filterProps, others } = action;
+				const currentFilterState = { [column]: {
+					value,
+					filterProps,
+					others
+				} };
+				draft[gridName].filter = {
+					...draft[gridName].filter,
+					...currentFilterState
+				};
+				draft[gridName].page = 1;
+				break;
+			case actionTypes.setFilters:
+				draft[gridName].filter = action.filters;
+				break;
+			case actionTypes.addSorting:
+				let { direction } = action;
+				const { column: sortingColumn } = action;
+				if (draft[gridName]?.defaultSorting?.[0]?.column === sortingColumn && direction === null) direction = "asc";
+				let sorting = [{
+					column: sortingColumn,
+					direction
+				}];
+				if (direction === null) sorting = draft[gridName]?.defaultSorting || [];
+				draft[gridName].sorting = sorting;
+				break;
+			case actionTypes.resetSorting:
+				draft[gridName].sorting = draft[gridName].defaultSorting?.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 = {
+					...draft[gridName].presets || {},
+					[action.presetName]: action.filters
+				};
+				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] = {
+					...initialState,
+					rowsPerPage: draft[gridName].rowsPerPage
+				};
+				break;
+			case actionTypes.setColumnWidth:
+				if (action.columnsWidth === null) draft[gridName].columnsWidth = initialState.columnsWidth;
+				else draft[gridName].columnsWidth = {
+					...draft[gridName].columnsWidth,
+					...action.columnsWidth
+				};
+				draft[gridName].columnsWidthVariant = action.columnLayout;
+				break;
+			case actionTypes.setColumnsOrder:
+				draft[gridName].columnsOrder = action.columnsOrder;
+				break;
+		}
+		return draft;
+	});
 };
-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;
-    });
+const createActions = (gridName) => ({
+	init: (initProps = {}) => ({
+		gridName,
+		type: actionTypes.init,
+		initProps
+	}),
+	clearUxState: () => ({
+		gridName,
+		type: actionTypes.clearUxState
+	}),
+	handleUxChange: (uxKey, uxValue) => ({
+		gridName,
+		type: actionTypes.handleUxChange,
+		uxKey,
+		uxValue
+	}),
+	openConfigForm: () => ({
+		gridName,
+		type: actionTypes.openConfigForm
+	}),
+	closeConfigForm: () => ({
+		gridName,
+		type: actionTypes.closeConfigForm
+	}),
+	setColumnConfig: (columnConfig) => ({
+		gridName,
+		type: actionTypes.setColumnConfig,
+		columnConfig
+	}),
+	setPage: (page) => ({
+		gridName,
+		type: actionTypes.setPage,
+		page
+	}),
+	setPresets: (presets) => ({
+		gridName,
+		type: actionTypes.setPresets,
+		presets
+	}),
+	createPreset: (presetName, filters) => ({
+		gridName,
+		type: actionTypes.createPreset,
+		presetName,
+		filters
+	}),
+	deletePreset: (presetName) => ({
+		gridName,
+		type: actionTypes.deletePreset,
+		presetName
+	}),
+	setColumnWidth: (columnsWidth, columnLayout) => ({
+		gridName,
+		type: actionTypes.setColumnWidth,
+		columnsWidth,
+		columnLayout
+	}),
+	resetGrid: () => ({
+		gridName,
+		type: actionTypes.resetGrid
+	}),
+	setColumnsOrder: (columnsOrder) => ({
+		gridName,
+		type: actionTypes.setColumnsOrder,
+		columnsOrder
+	}),
+	setRowsPerPage: (rowsPerPage) => ({
+		gridName,
+		type: actionTypes.setRowsPerPage,
+		rowsPerPage
+	}),
+	resetFilters: () => ({
+		gridName,
+		type: actionTypes.resetFilters
+	}),
+	addFilter: (column, value, filterProps, others) => ({
+		gridName,
+		type: actionTypes.addFilter,
+		column,
+		value,
+		filterProps,
+		others
+	}),
+	setFilters: (filters) => ({
+		gridName,
+		type: actionTypes.setFilters,
+		filters
+	}),
+	addSorting: (column, direction) => ({
+		gridName,
+		type: actionTypes.addSorting,
+		column,
+		direction
+	}),
+	resetSorting: () => ({
+		gridName,
+		type: actionTypes.resetSorting
+	}),
+	clearSettings: () => ({
+		gridName,
+		type: actionTypes.clearSettings
+	})
 });
-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
-    }); });
+const createSelectors = (gridName) => ({
+	getUxState: (state) => getOr(initialState.uxState, `commonGrid.${gridName}.uxState`, state),
+	isConfigFormOpen: (state) => getOr(initialState.isConfigFormOpen, `commonGrid.${gridName}.isConfigFormOpen`, state),
+	getColumnConfig: (state) => getOr(initialState.columnConfig, `commonGrid.${gridName}.columnConfig`, state),
+	getPage: (state) => getOr(initialState.page, `commonGrid.${gridName}.page`, state),
+	getPresets: (state) => getOr(initialState.presets, `commonGrid.${gridName}.presets`, state),
+	getRowsPerPage: (state) => getOr(initialState.rowsPerPage, `commonGrid.${gridName}.rowsPerPage`, state),
+	getFilter: (state) => getOr(initialState.filter, `commonGrid.${gridName}.filter`, state),
+	getSorting: (state) => getOr(initialState.sorting, `commonGrid.${gridName}.sorting`, state),
+	getColumnsWidth: (state) => getOr(null, `commonGrid.${gridName}.columnsWidth`, state),
+	getColumnsWidthVariant: (state) => getOr(void 0, `commonGrid.${gridName}.columnsWidthVariant`, state),
+	getColumnsOrder: (state) => getOr([], `commonGrid.${gridName}.columnsOrder`, state)
+});
+const createFullSelector = (gridName) => {
+	const selectors = createSelectors(gridName);
+	return createSelector((state) => selectors.getUxState(state), (state) => selectors.isConfigFormOpen(state), (state) => selectors.getColumnConfig(state), (state) => selectors.getPage(state), (state) => selectors.getPresets(state), (state) => selectors.getRowsPerPage(state), (state) => selectors.getFilter(state), (state) => selectors.getSorting(state), (state) => selectors.getColumnsWidth(state), (state) => selectors.getColumnsWidthVariant(state), (state) => selectors.getColumnsOrder(state), (uxState, isConfigFormOpen, columnConfig, page, presets, rowsPerPage, filter, sorting, columnsWidth, columnsWidthVariant, columnsOrder) => ({
+		uxState,
+		isConfigFormOpen,
+		columnConfig,
+		page,
+		presets,
+		rowsPerPage,
+		filter,
+		sorting,
+		columnsWidth,
+		columnsWidthVariant,
+		columnsOrder
+	}));
 };
+//#endregion
+export { actionPrefix, actionTypes, createActions, createFullSelector, createSelectors, store_default as default, initialState };

package/ui/Blocks/CommonGrid/store/migrateState.d.ts

@@ -1,4 +1,3 @@
 import { MultiState } from './index';
-
 declare const _default: (draft: MultiState) => MultiState;
 export default _default;

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

@@ -1,14 +1,13 @@
-// 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;
+//#region packages/ui/Blocks/CommonGrid/store/migrateState.ts
+const v2 = (draft) => {
+	Object.keys(draft).forEach((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;
-});
+var migrateState_default = (draft) => {
+	draft = v2(draft);
+	return draft;
+};
+//#endregion
+export { migrateState_default as default };

package/ui/Blocks/CommonGrid/storybook/components/ComplexCell.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { DataCellProps } from '../../types';
-
+import type { FC } from 'react';
+import type { DataCellProps } from '../../types';
 export declare const ComplexCell: FC<DataCellProps<{
     id: string;
 }>>;

package/ui/Blocks/CommonGrid/storybook/components/ComplexCell.js

@@ -1,13 +1,19 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
-export var ComplexCell = function (props) {
-    var handleActionClick = useCallback(function () {
-        var _a;
-        if (props.onRowAction) {
-            (_a = props.onRowAction(props.rowData.id, 'get_invoice', null)) === null || _a === void 0 ? void 0 : _a.catch(function (error) {
-                console.error(error);
-            });
-        }
-    }, [props]);
-    return _jsxs("button", { onClick: handleActionClick, children: [" download ", props.rowData.id, " "] });
+import { useCallback } from "react";
+import { jsxs } from "react/jsx-runtime";
+//#region packages/ui/Blocks/CommonGrid/storybook/components/ComplexCell.tsx
+const ComplexCell = (props) => {
+	return /* @__PURE__ */ jsxs("button", {
+		onClick: useCallback(() => {
+			if (props.onRowAction) props.onRowAction(props.rowData.id, "get_invoice", null)?.catch((error) => {
+				console.error(error);
+			});
+		}, [props]),
+		children: [
+			" download ",
+			props.rowData.id,
+			" "
+		]
+	});
 };
+//#endregion
+export { ComplexCell };

package/ui/Blocks/CommonGrid/storybook/components/EnumCellExample.d.ts

@@ -1,6 +1,5 @@
-import { FC } from 'react';
-import { DataCellProps } from '../../types';
-
+import type { FC } from 'react';
+import type { DataCellProps } from '../../types';
 type CellProps = DataCellProps<{
     enumColumn: string;
 }>;