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

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

@@ -1,83 +1,78 @@
-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;
+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
+	};
 };
-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;
+//#endregion
+export { useQuickFilter as default };

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

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

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

@@ -1,21 +1,20 @@
-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;
+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 };

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

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

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

@@ -1,29 +1,21 @@
-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 };
+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 };
 };
+//#endregion
+export { useSelectPreset };

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

@@ -1,9 +1,8 @@
-import { RowProps, GridActionsType, UxState } from '../types';
-
+import type { 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,15 +1,19 @@
-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];
+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];
 };
+//#endregion
+export { useToggleAllCheckbox };

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

@@ -1,4 +1,3 @@
 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,15 +1,14 @@
-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
+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]);
 };
-export default useUxReset;
+//#endregion
+export { useUxReset as default };

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

@@ -1,11 +1,10 @@
-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 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/index.js

@@ -1,10 +1,26 @@
-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, };
+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 };

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

@@ -1,5 +1,4 @@
-import { FilterProps, SortingValueType, InitProps, GridState, GridSelectorsType, ColumnConfig, Filtering, GridPresets } from '../types';
-
+import type { FilterProps, SortingValueType, InitProps, GridState, GridSelectorsType, ColumnConfig, Filtering, GridPresets } from '../types';
 type DefaultRootState = {};
 export type MultiState = Record<string, GridState>;
 export declare const initialState: GridState;
@@ -31,7 +30,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;
@@ -39,7 +38,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;
@@ -51,16 +50,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);