@mailstep/design-system 0.8.27 → 0.8.28

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

@@ -1,437 +1,293 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
+import migrateState_default from "./migrateState.js";
+import getOr from "lodash/fp/getOr.js";
+import omit from "lodash/omit.js";
 import produce from "immer";
 import { createSelector } from "reselect";
-import getOr from "lodash/fp/getOr";
-import omit from "lodash/omit";
-import migrateState from "./migrateState";
-var initialState = {
-    page: 1,
-    presets: {},
-    sorting: [],
-    isConfigFormOpen: false,
-    uxState: {
-        selectedRow: null,
-        checkedRows: {}
-    },
-    columnConfig: {},
-    filter: {},
-    columnsWidth: {},
-    columnsOrder: [],
-    defaultSorting: []
+//#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 actionPrefix = "@store/CommonGrid";
-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 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`
 };
-var migrationChecked = false;
-var store_default = function store_default() {
-    var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, action = arguments.length > 1 ? arguments[1] : void 0;
-    return produce(state, function(draft) {
-        if (!migrationChecked && state && Object.keys(state).length > 0) {
-            draft = migrateState(draft);
-            migrationChecked = true;
-        }
-        var gridName = action.gridName;
-        if (!gridName) return draft;
-        if (!draft[gridName]) {
-            draft[gridName] = _object_spread({}, initialState);
-        }
-        switch(action.type){
-            case actionTypes.init:
-                var defaultSorting = action.initProps.defaultSorting;
-                draft[gridName].page = 1;
-                if (defaultSorting) {
-                    var _draft_gridName_sorting;
-                    draft[gridName].defaultSorting = defaultSorting;
-                    draft[gridName].sorting = ((_draft_gridName_sorting = draft[gridName].sorting) === null || _draft_gridName_sorting === void 0 ? void 0 : _draft_gridName_sorting.length) ? draft[gridName].sorting : defaultSorting;
-                }
-                break;
-            case actionTypes.clearUxState:
-                draft[gridName].uxState = initialState.uxState;
-                break;
-            case actionTypes.handleUxChange:
-                draft[gridName].uxState = _object_spread_props(_object_spread({}, draft[gridName].uxState), _define_property({}, 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:
-                var column = action.column, value = action.value, filterProps = action.filterProps, others = action.others;
-                var currentFilterState = _define_property({}, column, {
-                    value: value,
-                    filterProps: filterProps,
-                    others: others
-                });
-                draft[gridName].filter = _object_spread({}, draft[gridName].filter, currentFilterState);
-                draft[gridName].page = 1;
-                break;
-            case actionTypes.setFilters:
-                draft[gridName].filter = action.filters;
-                break;
-            case actionTypes.addSorting:
-                var _draft_gridName_defaultSorting_, _draft_gridName_defaultSorting, _draft_gridName;
-                var direction = action.direction;
-                var sortingColumn = action.column;
-                if (((_draft_gridName = draft[gridName]) === null || _draft_gridName === void 0 ? void 0 : (_draft_gridName_defaultSorting = _draft_gridName.defaultSorting) === null || _draft_gridName_defaultSorting === void 0 ? void 0 : (_draft_gridName_defaultSorting_ = _draft_gridName_defaultSorting[0]) === null || _draft_gridName_defaultSorting_ === void 0 ? void 0 : _draft_gridName_defaultSorting_.column) === sortingColumn && direction === null) {
-                    direction = "asc";
-                }
-                var sorting = [
-                    {
-                        column: sortingColumn,
-                        direction: direction
-                    }
-                ];
-                if (direction === null) {
-                    var _draft_gridName1;
-                    sorting = ((_draft_gridName1 = draft[gridName]) === null || _draft_gridName1 === void 0 ? void 0 : _draft_gridName1.defaultSorting) || [];
-                }
-                draft[gridName].sorting = sorting;
-                break;
-            case actionTypes.resetSorting:
-                var _draft_gridName_defaultSorting1;
-                draft[gridName].sorting = ((_draft_gridName_defaultSorting1 = draft[gridName].defaultSorting) === null || _draft_gridName_defaultSorting1 === void 0 ? void 0 : _draft_gridName_defaultSorting1.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 = _object_spread_props(_object_spread({}, draft[gridName].presets || {}), _define_property({}, 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] = _object_spread_props(_object_spread({}, initialState), {
-                    rowsPerPage: draft[gridName].rowsPerPage
-                });
-                break;
-            case actionTypes.setColumnWidth:
-                if (action.columnsWidth === null) {
-                    draft[gridName].columnsWidth = initialState.columnsWidth;
-                } else {
-                    draft[gridName].columnsWidth = _object_spread({}, draft[gridName].columnsWidth, action.columnsWidth);
-                }
-                draft[gridName].columnsWidthVariant = action.columnLayout;
-                break;
-            case actionTypes.setColumnsOrder:
-                draft[gridName].columnsOrder = action.columnsOrder;
-                break;
-        }
-        return draft;
-    });
+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 createActions = function createActions(gridName) {
-    return {
-        init: function init() {
-            var initProps = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-            return {
-                gridName: gridName,
-                type: actionTypes.init,
-                initProps: initProps
-            };
-        },
-        clearUxState: function clearUxState() {
-            return {
-                gridName: gridName,
-                type: actionTypes.clearUxState
-            };
-        },
-        handleUxChange: function handleUxChange(uxKey, uxValue) {
-            return {
-                gridName: gridName,
-                type: actionTypes.handleUxChange,
-                uxKey: uxKey,
-                uxValue: uxValue
-            };
-        },
-        openConfigForm: function openConfigForm() {
-            return {
-                gridName: gridName,
-                type: actionTypes.openConfigForm
-            };
-        },
-        closeConfigForm: function closeConfigForm() {
-            return {
-                gridName: gridName,
-                type: actionTypes.closeConfigForm
-            };
-        },
-        setColumnConfig: function setColumnConfig(columnConfig) {
-            return {
-                gridName: gridName,
-                type: actionTypes.setColumnConfig,
-                columnConfig: columnConfig
-            };
-        },
-        setPage: function setPage(page) {
-            return {
-                gridName: gridName,
-                type: actionTypes.setPage,
-                page: page
-            };
-        },
-        setPresets: function setPresets(presets) {
-            return {
-                gridName: gridName,
-                type: actionTypes.setPresets,
-                presets: presets
-            };
-        },
-        createPreset: function createPreset(presetName, filters) {
-            return {
-                gridName: gridName,
-                type: actionTypes.createPreset,
-                presetName: presetName,
-                filters: filters
-            };
-        },
-        deletePreset: function deletePreset(presetName) {
-            return {
-                gridName: gridName,
-                type: actionTypes.deletePreset,
-                presetName: presetName
-            };
-        },
-        setColumnWidth: function setColumnWidth(columnsWidth, columnLayout) {
-            return {
-                gridName: gridName,
-                type: actionTypes.setColumnWidth,
-                columnsWidth: columnsWidth,
-                columnLayout: columnLayout
-            };
-        },
-        resetGrid: function resetGrid() {
-            return {
-                gridName: gridName,
-                type: actionTypes.resetGrid
-            };
-        },
-        setColumnsOrder: function setColumnsOrder(columnsOrder) {
-            return {
-                gridName: gridName,
-                type: actionTypes.setColumnsOrder,
-                columnsOrder: columnsOrder
-            };
-        },
-        setRowsPerPage: function setRowsPerPage(rowsPerPage) {
-            return {
-                gridName: gridName,
-                type: actionTypes.setRowsPerPage,
-                rowsPerPage: rowsPerPage
-            };
-        },
-        resetFilters: function resetFilters() {
-            return {
-                gridName: gridName,
-                type: actionTypes.resetFilters
-            };
-        },
-        addFilter: function addFilter(column, value, filterProps, others) {
-            return {
-                gridName: gridName,
-                type: actionTypes.addFilter,
-                column: column,
-                value: value,
-                filterProps: filterProps,
-                others: others
-            };
-        },
-        setFilters: function setFilters(filters) {
-            return {
-                gridName: gridName,
-                type: actionTypes.setFilters,
-                filters: filters
-            };
-        },
-        addSorting: function addSorting(column, direction) {
-            return {
-                gridName: gridName,
-                type: actionTypes.addSorting,
-                column: column,
-                direction: direction
-            };
-        },
-        resetSorting: function resetSorting() {
-            return {
-                gridName: gridName,
-                type: actionTypes.resetSorting
-            };
-        },
-        clearSettings: function clearSettings() {
-            return {
-                gridName: gridName,
-                type: actionTypes.clearSettings
-            };
-        }
-    };
-};
-var createSelectors = function createSelectors(gridName) {
-    return {
-        getUxState: function getUxState(state) {
-            return getOr(initialState.uxState, "commonGrid.".concat(gridName, ".uxState"), state);
-        },
-        isConfigFormOpen: function isConfigFormOpen(state) {
-            return getOr(initialState.isConfigFormOpen, "commonGrid.".concat(gridName, ".isConfigFormOpen"), state);
-        },
-        getColumnConfig: function getColumnConfig(state) {
-            return getOr(initialState.columnConfig, "commonGrid.".concat(gridName, ".columnConfig"), state);
-        },
-        getPage: function getPage(state) {
-            return getOr(initialState.page, "commonGrid.".concat(gridName, ".page"), state);
-        },
-        getPresets: function getPresets(state) {
-            return getOr(initialState.presets, "commonGrid.".concat(gridName, ".presets"), state);
-        },
-        getRowsPerPage: function getRowsPerPage(state) {
-            return getOr(initialState.rowsPerPage, "commonGrid.".concat(gridName, ".rowsPerPage"), state);
-        },
-        getFilter: function getFilter(state) {
-            return getOr(initialState.filter, "commonGrid.".concat(gridName, ".filter"), state);
-        },
-        getSorting: function getSorting(state) {
-            return getOr(initialState.sorting, "commonGrid.".concat(gridName, ".sorting"), state);
-        },
-        getColumnsWidth: function getColumnsWidth(state) {
-            return getOr(null, "commonGrid.".concat(gridName, ".columnsWidth"), state);
-        },
-        getColumnsWidthVariant: function getColumnsWidthVariant(state) {
-            return getOr(void 0, "commonGrid.".concat(gridName, ".columnsWidthVariant"), state);
-        },
-        getColumnsOrder: function getColumnsOrder(state) {
-            return getOr([], "commonGrid.".concat(gridName, ".columnsOrder"), state);
-        }
-    };
-};
-var createFullSelector = function createFullSelector(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 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
+	})
+});
+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 };