@mailstep/design-system 0.8.30 → 0.8.31-beta.2

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

@@ -1,293 +1,265 @@
-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: []
+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);
 };
-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`
+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: []
 };
-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;
-	});
+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")
 };
-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
-	})
+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 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
-	}));
+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
+    }); });
 };
-//#endregion
-export { actionPrefix, actionTypes, createActions, createFullSelector, createSelectors, store_default as default, initialState };

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

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

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

@@ -1,13 +1,14 @@
-//#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;
+// 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;
 };
-var migrateState_default = (draft) => {
-	draft = v2(draft);
-	return draft;
-};
-//#endregion
-export { migrateState_default as default };
+// migration management
+export default (function (draft) {
+    draft = v2(draft);
+    return draft;
+});

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

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

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

@@ -1,19 +1,13 @@
-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,
-			" "
-		]
-	});
+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, " "] });
 };
-//#endregion
-export { ComplexCell };

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

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