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

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

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

@@ -1,4 +1,5 @@
-import React from 'react';
+import { default as React } from 'react';
 import { RowProps, UxState } from '../types';
-declare const useRowsKeyControls: (rowsData: RowProps[], uxState: UxState, onUxChange?: (uxKey: keyof UxState, uxValue: any) => void) => (e: React.KeyboardEvent<HTMLDivElement>) => void;
+
+declare const useRowsKeyControls: (rowsData: RowProps[], uxState: UxState, onUxChange?: ((uxKey: keyof UxState, uxValue: any) => void) | undefined) => (e: React.KeyboardEvent<HTMLDivElement>) => void;
 export default useRowsKeyControls;

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

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

@@ -1,4 +1,5 @@
 import { Filtering, GridActionsType, GridSelectorsType } from '../types';
+
 type Props = {
     gridName?: string;
     gridActions: GridActionsType;

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

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

package/ui/Blocks/CommonGrid/hooks/useToggleAllCheckbox.d.ts

@@ -1,8 +1,9 @@
-import type { RowProps, GridActionsType, UxState } from '../types';
+import { RowProps, GridActionsType, UxState } from '../types';
+
 /**
  * hook for checkbox that select and unselects all row
  * returns [checked state, toggleAllHandler()] for checkbox
  */
 type ToggleAllCheckboxRet = [boolean, () => void];
-export declare const useToggleAllCheckbox: (rowsData?: RowProps[], uxState?: UxState, handleUxChange?: GridActionsType["handleUxChange"]) => ToggleAllCheckboxRet;
+export declare const useToggleAllCheckbox: (rowsData?: RowProps[], uxState?: UxState, handleUxChange?: GridActionsType['handleUxChange']) => ToggleAllCheckboxRet;
 export {};

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

@@ -1,19 +1,15 @@
-import { useCallback, useMemo } from "react";
-//#region packages/ui/Blocks/CommonGrid/hooks/useToggleAllCheckbox.ts
-const useToggleAllCheckbox = (rowsData, uxState, handleUxChange) => {
-	const allChecked = useMemo(() => rowsData && (rowsData || []).length >= 1 && rowsData.every((row) => uxState?.checkedRows?.[row.id]), [rowsData, uxState?.checkedRows]);
-	const toggleAllHandler = useCallback(() => {
-		const checkedRows = {};
-		if (!allChecked && rowsData) rowsData.forEach((row) => {
-			checkedRows[row.id] = true;
-		});
-		handleUxChange?.("checkedRows", checkedRows);
-	}, [
-		handleUxChange,
-		rowsData,
-		allChecked
-	]);
-	return [!!allChecked, toggleAllHandler];
+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];
 };
-//#endregion
-export { useToggleAllCheckbox };

package/ui/Blocks/CommonGrid/hooks/useUxReset.d.ts

@@ -1,3 +1,4 @@
 import { RowProps, GridActionsType, UxState } from '../types';
-declare const useUxReset: (rowsData: RowProps[], uxState: UxState, clearUxState: GridActionsType["clearUxState"]) => any;
+
+declare const useUxReset: (rowsData: RowProps[], uxState: UxState, clearUxState: GridActionsType['clearUxState']) => any;
 export default useUxReset;

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

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

package/ui/Blocks/CommonGrid/index.d.ts

@@ -1,10 +1,11 @@
-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 { default as CommonGrid } from './CommonGridContainer';
+import { default as withReduxActions } from './HoC/withReduxActions';
+import { default as reducer, actionPrefix, createActions, createSelectors, createFullSelector, actionTypes } from './store';
+import { default as useFloatingButton } from './hooks/useFloatingButton';
 import { useAddFilter } from './hooks/useAddFilter';
 import { useEvent } from './hooks/useEvent';
+
+import * as Types from './types';
+export * from './components/gridCells';
 export default CommonGrid;
 export { withReduxActions, reducer, actionPrefix, actionTypes, createActions, createSelectors, createFullSelector, Types, useFloatingButton, useAddFilter, useEvent, };

package/ui/Blocks/CommonGrid/index.js

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

@@ -1,4 +1,5 @@
-import type { FilterProps, SortingValueType, InitProps, GridState, GridSelectorsType, ColumnConfig, Filtering, GridPresets } from '../types';
+import { FilterProps, SortingValueType, InitProps, GridState, GridSelectorsType, ColumnConfig, Filtering, GridPresets } from '../types';
+
 type DefaultRootState = {};
 export type MultiState = Record<string, GridState>;
 export declare const initialState: GridState;
@@ -30,7 +31,7 @@ export default _default;
 export declare const createActions: (gridName: string) => {
     init: (initProps?: InitProps) => Action;
     clearUxState: () => Action;
-    handleUxChange: (uxKey: keyof GridState["uxState"], uxValue: any) => Action;
+    handleUxChange: (uxKey: keyof GridState['uxState'], uxValue: any) => Action;
     openConfigForm: () => Action;
     closeConfigForm: () => Action;
     setColumnConfig: (columnConfig: ColumnConfig) => Action;
@@ -38,7 +39,7 @@ export declare const createActions: (gridName: string) => {
     setPresets: (presets: GridPresets) => Action;
     createPreset: (presetName: string, filters: Filtering) => Action;
     deletePreset: (presetName: string) => Action;
-    setColumnWidth: (columnsWidth: null | Record<string, number>, columnLayout: "normal" | "no-scroll" | "sticky") => Action;
+    setColumnWidth: (columnsWidth: null | Record<string, number>, columnLayout: 'normal' | 'no-scroll' | 'sticky') => Action;
     resetGrid: () => Action;
     setColumnsOrder: (columnsOrder: string[]) => Action;
     setRowsPerPage: (rowsPerPage: number) => Action;
@@ -50,16 +51,16 @@ export declare const createActions: (gridName: string) => {
     clearSettings: () => Action;
 };
 export declare const createSelectors: (gridName: string) => {
-    getUxState: (state: DefaultRootState) => GridState["uxState"];
-    isConfigFormOpen: (state: DefaultRootState) => GridState["isConfigFormOpen"];
-    getColumnConfig: (state: DefaultRootState) => GridState["columnConfig"];
-    getPage: (state: DefaultRootState) => GridState["page"];
-    getPresets: (state: DefaultRootState) => GridState["presets"];
-    getRowsPerPage: (state: DefaultRootState) => GridState["rowsPerPage"];
-    getFilter: (state: DefaultRootState) => GridState["filter"];
-    getSorting: (state: DefaultRootState) => GridState["sorting"];
-    getColumnsWidth: (state: DefaultRootState) => GridState["columnsWidth"];
-    getColumnsWidthVariant: (state: DefaultRootState) => GridState["columnsWidthVariant"];
-    getColumnsOrder: (state: DefaultRootState) => GridState["columnsOrder"];
+    getUxState: (state: DefaultRootState) => GridState['uxState'];
+    isConfigFormOpen: (state: DefaultRootState) => GridState['isConfigFormOpen'];
+    getColumnConfig: (state: DefaultRootState) => GridState['columnConfig'];
+    getPage: (state: DefaultRootState) => GridState['page'];
+    getPresets: (state: DefaultRootState) => GridState['presets'];
+    getRowsPerPage: (state: DefaultRootState) => GridState['rowsPerPage'];
+    getFilter: (state: DefaultRootState) => GridState['filter'];
+    getSorting: (state: DefaultRootState) => GridState['sorting'];
+    getColumnsWidth: (state: DefaultRootState) => GridState['columnsWidth'];
+    getColumnsWidthVariant: (state: DefaultRootState) => GridState['columnsWidthVariant'];
+    getColumnsOrder: (state: DefaultRootState) => GridState['columnsOrder'];
 };
-export declare const createFullSelector: (gridName: string) => ((state: DefaultRootState) => GridSelectorsType);
+export declare const createFullSelector: (gridName: string) => (state: DefaultRootState) => GridSelectorsType;