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

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

@@ -1,25 +1,27 @@
-import { useMemo, useCallback } from 'react';
-import find from 'lodash/find';
-export var useGridActionTrigger = function (rowsData, uxState, actionOptions, onBatchAction) {
-    if (actionOptions === void 0) { actionOptions = []; }
-    var actionRows = useMemo(function () {
-        return (rowsData || []).filter(function (row) { var _a; return (_a = uxState.checkedRows) === null || _a === void 0 ? void 0 : _a[row.id]; });
-    }, [uxState, rowsData]);
-    var enabledActions = useMemo(function () {
-        var actionsOptions = actionOptions || [];
-        return actionsOptions.filter(function (action) {
-            if (action.isEnabled) {
-                return action.isEnabled(actionRows);
-            }
-            else {
-                return uxState.checkedRows && find(uxState.checkedRows, Boolean);
-            }
-        });
-    }, [uxState, actionRows, actionOptions]);
-    var handleBatchAction = useCallback(function (value) {
-        var actionsOptions = actionOptions || [];
-        var action = actionsOptions.find(function (option) { return option.value == value; });
-        action && onBatchAction && onBatchAction(action, actionRows);
-    }, [actionOptions, onBatchAction, actionRows]);
-    return [enabledActions, handleBatchAction];
+import { useCallback, useMemo } from "react";
+import find from "lodash/find";
+//#region packages/ui/Blocks/CommonGrid/hooks/useGridActionTrigger.ts
+const useGridActionTrigger = (rowsData, uxState, actionOptions = [], onBatchAction) => {
+	const actionRows = useMemo(() => {
+		return (rowsData || []).filter((row) => uxState.checkedRows?.[row.id]);
+	}, [uxState, rowsData]);
+	return [useMemo(() => {
+		return (actionOptions || []).filter((action) => {
+			if (action.isEnabled) return action.isEnabled(actionRows);
+			else return uxState.checkedRows && find(uxState.checkedRows, Boolean);
+		});
+	}, [
+		uxState,
+		actionRows,
+		actionOptions
+	]), useCallback((value) => {
+		const action = (actionOptions || []).find((option) => option.value == value);
+		action && onBatchAction && onBatchAction(action, actionRows);
+	}, [
+		actionOptions,
+		onBatchAction,
+		actionRows
+	])];
 };
+//#endregion
+export { useGridActionTrigger };

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

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

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

@@ -1,17 +1,13 @@
-import { useEffect } from 'react';
-import { rowsPerPageOptions } from '../utils/constants';
-export var useGridAutoRowsPerPage = function (_a) {
-    var gridActions = _a.gridActions, queryRowsParam = _a.queryRowsParam, selectedRowsPerPage = _a.selectedRowsPerPage, autoRowsPerPage = _a.autoRowsPerPage, autoHeight = _a.autoHeight;
-    useEffect(function () {
-        var _a;
-        if (!autoHeight || queryRowsParam || !autoRowsPerPage) {
-            return;
-        }
-        var selectedOption = rowsPerPageOptions.find(function (option) { return option.value === selectedRowsPerPage; });
-        if (!selectedOption) {
-            if (autoRowsPerPage) {
-                (_a = gridActions.setRowsPerPage) === null || _a === void 0 ? void 0 : _a.call(gridActions, autoRowsPerPage);
-            }
-        }
-    }, [gridActions, queryRowsParam]);
+import { rowsPerPageOptions } from "../utils/constants.js";
+import { useEffect } from "react";
+//#region packages/ui/Blocks/CommonGrid/hooks/useGridAutoRowsPerPage.ts
+const useGridAutoRowsPerPage = ({ gridActions, queryRowsParam, selectedRowsPerPage, autoRowsPerPage, autoHeight }) => {
+	useEffect(() => {
+		if (!autoHeight || queryRowsParam || !autoRowsPerPage) return;
+		if (!rowsPerPageOptions.find((option) => option.value === selectedRowsPerPage)) {
+			if (autoRowsPerPage) gridActions.setRowsPerPage?.(autoRowsPerPage);
+		}
+	}, [gridActions, queryRowsParam]);
 };
+//#endregion
+export { useGridAutoRowsPerPage };

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

@@ -1,6 +1,5 @@
 import { DragEndEvent } from '@dnd-kit/core';
 import { CommonGridProps, GridActionsType, GridSelectorsType, ColumnDefinition } from '../types';
-
 type Props = {
     columns: CommonGridProps['columnsDefinitions'];
     gridActions: GridActionsType;
@@ -9,9 +8,9 @@ type Props = {
 };
 declare const useManageColumn: ({ columns, gridSelectors, gridActions, onClose }: Props) => {
     columnsConfigValues: string[];
-    setColumnsConfigOptions: import('react').Dispatch<import('react').SetStateAction<{
+    setColumnsConfigOptions: import("react").Dispatch<import("react").SetStateAction<{
         [x: string]: {
-            isHidden?: boolean | undefined;
+            isHidden?: boolean;
         };
     }>>;
     onConfirmForm: () => void;

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

@@ -1,110 +1,99 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+import { checksColumnsOrder, isColumnOn } from "../utils/index.js";
+import { useCallback, useEffect, useMemo, useState } from "react";
+//#region packages/ui/Blocks/CommonGrid/hooks/useManageColumn.ts
+const useManageColumn = ({ columns, gridSelectors, gridActions, onClose }) => {
+	const { resetGrid, setColumnConfig, setColumnsOrder } = gridActions;
+	const { columnConfig, columnsOrder } = gridSelectors;
+	const initialColumnsOrder = useMemo(() => columns?.map((col) => col.name), [columns]);
+	const columnsOrderValue = columnsOrder?.length ? columnsOrder : initialColumnsOrder;
+	const [columnsConfigOptions, setColumnsConfigOptions] = useState({ ...columnConfig ?? {} });
+	const [updatedColumnsOrder, setUpdatedColumnsOrder] = useState(columnsOrderValue);
+	const columnsConfigValues = useMemo(() => {
+		return columns?.filter((column) => {
+			const isHidden = columnsConfigOptions?.[column.name]?.isHidden;
+			if (column?.alwaysOn || typeof isHidden === "boolean") return !isHidden;
+			if (!!column.defaultHidden && !!columnsConfigOptions?.[column.name]) return true;
+			else return !column?.defaultHidden;
+		}).map((column) => column.name);
+	}, [columnsConfigOptions, columns]);
+	const onConfirmForm = useCallback(() => {
+		setColumnConfig?.(columnsConfigOptions);
+		setColumnsOrder?.(updatedColumnsOrder);
+		onClose?.();
+	}, [
+		columnsConfigOptions,
+		updatedColumnsOrder,
+		onClose,
+		setColumnConfig,
+		setColumnsOrder
+	]);
+	const resetColumnConfig = useCallback(() => {
+		setUpdatedColumnsOrder(initialColumnsOrder);
+		resetGrid?.();
+		onClose?.();
+		setColumnsConfigOptions({});
+	}, [
+		onClose,
+		resetGrid,
+		initialColumnsOrder,
+		columnConfig
+	]);
+	const onCloseForm = useCallback(() => {
+		setUpdatedColumnsOrder(columnsOrderValue);
+		onClose?.();
+		setColumnsConfigOptions(columnConfig || {});
+	}, [columnsOrderValue, onClose]);
+	const getSortedColumns = useCallback((orderValues, isManageModal) => {
+		const list = columns.filter((column) => isManageModal ? !column.alwaysOff : isColumnOn(column, columnsConfigOptions));
+		const sortFunction = (col1, col2) => {
+			const i = (orderValues || []).indexOf(col1.name);
+			const j = (orderValues || []).indexOf(col2.name);
+			if (orderValues && orderValues?.length > 0 && i === -1) return 0;
+			return i > j ? 1 : i < j ? -1 : 0;
+		};
+		return [...list].sort(sortFunction);
+	}, [
+		columnConfig,
+		columnsConfigOptions,
+		columns
+	]);
+	const displayColumnsDefinitions = useMemo(() => getSortedColumns(columnsOrderValue, false), [
+		columnsOrderValue,
+		columns,
+		columnsConfigOptions,
+		getSortedColumns
+	]);
+	const manageColumnsFormDefinitions = useMemo(() => getSortedColumns(updatedColumnsOrder, true), [updatedColumnsOrder]);
+	const handleDragEnd = useCallback((isManageModal = false) => (event) => {
+		const { active, over } = event;
+		if (!over || active.id === over.id) return;
+		const newOrderColumns = [...updatedColumnsOrder];
+		const fromIndex = updatedColumnsOrder.findIndex((column) => column === active.id);
+		const toIndex = updatedColumnsOrder.findIndex((column) => column === over.id);
+		newOrderColumns.splice(fromIndex, 1);
+		newOrderColumns.splice(toIndex === -1 ? 0 : toIndex, 0, active.id);
+		if (!isManageModal) setColumnsOrder?.(newOrderColumns);
+		setUpdatedColumnsOrder(newOrderColumns);
+	}, [
+		updatedColumnsOrder,
+		columnsOrderValue,
+		setColumnsOrder,
+		manageColumnsFormDefinitions,
+		displayColumnsDefinitions
+	]);
+	useEffect(() => {
+		checksColumnsOrder(columnsOrderValue, columns);
+	}, []);
+	return {
+		columnsConfigValues,
+		setColumnsConfigOptions,
+		onConfirmForm,
+		resetColumnConfig,
+		handleDragEnd,
+		onCloseForm,
+		displayColumnsDefinitions,
+		manageColumnsFormDefinitions
+	};
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { checksColumnsOrder, isColumnOn } from '../utils';
-var useManageColumn = function (_a) {
-    var columns = _a.columns, gridSelectors = _a.gridSelectors, gridActions = _a.gridActions, onClose = _a.onClose;
-    var resetGrid = gridActions.resetGrid, setColumnConfig = gridActions.setColumnConfig, setColumnsOrder = gridActions.setColumnsOrder;
-    var columnConfig = gridSelectors.columnConfig, columnsOrder = gridSelectors.columnsOrder;
-    var initialColumnsOrder = useMemo(function () { return columns === null || columns === void 0 ? void 0 : columns.map(function (col) { return col.name; }); }, [columns]);
-    // the length of columnsOrder is changed after using the setColumnsOrder
-    var columnsOrderValue = (columnsOrder === null || columnsOrder === void 0 ? void 0 : columnsOrder.length) ? columnsOrder : initialColumnsOrder;
-    // columnsConfigOptions contains switch changes from the manageColumnForm (isHidden || {})
-    var _b = useState(__assign({}, (columnConfig !== null && columnConfig !== void 0 ? columnConfig : {}))), columnsConfigOptions = _b[0], setColumnsConfigOptions = _b[1];
-    var _c = useState(columnsOrderValue), updatedColumnsOrder = _c[0], setUpdatedColumnsOrder = _c[1];
-    var columnsConfigValues = useMemo(function () {
-        return columns === null || columns === void 0 ? void 0 : columns.filter(function (column) {
-            var _a;
-            var isHidden = (_a = columnsConfigOptions === null || columnsConfigOptions === void 0 ? void 0 : columnsConfigOptions[column.name]) === null || _a === void 0 ? void 0 : _a.isHidden;
-            if ((column === null || column === void 0 ? void 0 : column.alwaysOn) || typeof isHidden === 'boolean')
-                return !isHidden;
-            if (!!column.defaultHidden && !!(columnsConfigOptions === null || columnsConfigOptions === void 0 ? void 0 : columnsConfigOptions[column.name]))
-                return true;
-            else
-                return !(column === null || column === void 0 ? void 0 : column.defaultHidden);
-        }).map(function (column) { return column.name; });
-    }, [columnsConfigOptions, columns]);
-    var onConfirmForm = useCallback(function () {
-        setColumnConfig === null || setColumnConfig === void 0 ? void 0 : setColumnConfig(columnsConfigOptions);
-        setColumnsOrder === null || setColumnsOrder === void 0 ? void 0 : setColumnsOrder(updatedColumnsOrder);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [columnsConfigOptions, updatedColumnsOrder, onClose, setColumnConfig, setColumnsOrder]);
-    var resetColumnConfig = useCallback(function () {
-        setUpdatedColumnsOrder(initialColumnsOrder);
-        resetGrid === null || resetGrid === void 0 ? void 0 : resetGrid();
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-        // clean columnsConfigOptions
-        setColumnsConfigOptions({});
-    }, [onClose, resetGrid, initialColumnsOrder, columnConfig]);
-    var onCloseForm = useCallback(function () {
-        setUpdatedColumnsOrder(columnsOrderValue);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-        setColumnsConfigOptions(columnConfig || {});
-    }, [columnsOrderValue, onClose]);
-    var getSortedColumns = useCallback(function (orderValues, isManageModal) {
-        var list = columns.filter(function (column) { return isManageModal ? !column.alwaysOff : isColumnOn(column, columnsConfigOptions); });
-        var sortFunction = function (col1, col2) {
-            var i = (orderValues || []).indexOf(col1.name);
-            var j = (orderValues || []).indexOf(col2.name);
-            // if orderValues is defined but the column is not in the order list, keep the default position by column definition
-            if (orderValues && (orderValues === null || orderValues === void 0 ? void 0 : orderValues.length) > 0 && i === -1) {
-                return 0;
-            }
-            return i > j ? 1 : i < j ? -1 : 0;
-        };
-        var sortedList = __spreadArray([], list, true).sort(sortFunction);
-        return sortedList;
-    }, [columnConfig, columnsConfigOptions, columns]);
-    var displayColumnsDefinitions = useMemo(function () { return getSortedColumns(columnsOrderValue, false); }, [columnsOrderValue, columns, columnsConfigOptions, getSortedColumns]);
-    var manageColumnsFormDefinitions = useMemo(function () { return getSortedColumns(updatedColumnsOrder, true); }, [updatedColumnsOrder]);
-    var handleDragEnd = useCallback(function (isManageModal) {
-        if (isManageModal === void 0) { isManageModal = false; }
-        return function (event) {
-            var active = event.active, over = event.over;
-            if (!over || active.id === over.id) {
-                return;
-            }
-            var newOrderColumns = __spreadArray([], updatedColumnsOrder, true);
-            var fromIndex = updatedColumnsOrder.findIndex(function (column) { return column === active.id; });
-            var toIndex = updatedColumnsOrder.findIndex(function (column) { return column === over.id; });
-            newOrderColumns.splice(fromIndex, 1);
-            newOrderColumns.splice(toIndex === -1 ? 0 : toIndex, 0, active.id);
-            if (!isManageModal) {
-                setColumnsOrder === null || setColumnsOrder === void 0 ? void 0 : setColumnsOrder(newOrderColumns);
-            }
-            setUpdatedColumnsOrder(newOrderColumns);
-        };
-    }, [updatedColumnsOrder, columnsOrderValue, setColumnsOrder, manageColumnsFormDefinitions, displayColumnsDefinitions]);
-    useEffect(function () {
-        checksColumnsOrder(columnsOrderValue, columns);
-    }, []);
-    return {
-        columnsConfigValues: columnsConfigValues,
-        setColumnsConfigOptions: setColumnsConfigOptions,
-        onConfirmForm: onConfirmForm,
-        resetColumnConfig: resetColumnConfig,
-        handleDragEnd: handleDragEnd,
-        onCloseForm: onCloseForm,
-        displayColumnsDefinitions: displayColumnsDefinitions,
-        manageColumnsFormDefinitions: manageColumnsFormDefinitions
-    };
-};
-export default useManageColumn;
+//#endregion
+export { useManageColumn as default };

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

@@ -1,6 +1,5 @@
-import { ChangeEvent, RefObject } from 'react';
-import { GridActionsType, GridSelectorsType } from '../types';
-
+import { type ChangeEvent, type RefObject } from 'react';
+import { type GridActionsType, type GridSelectorsType } from '../types';
 type FileHandlersProps = {
     gridName?: string;
     gridActions: GridActionsType;

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

@@ -1,76 +1,57 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { useRef, useCallback } from 'react';
-import { i18n } from '@lingui/core';
-import omit from 'lodash/omit';
-export var usePresetFileHandlers = function (_a) {
-    var gridName = _a.gridName, gridActions = _a.gridActions, gridSelectors = _a.gridSelectors;
-    var fileInputRef = useRef(null);
-    var handleExportPresets = useCallback(function () {
-        if (!gridName)
-            return;
-        var gridConfig = { gridName: gridName };
-        var data = __assign(__assign({}, gridSelectors.presets), { _: gridConfig });
-        var blob = new Blob([JSON.stringify(data, null, 2)], {
-            type: 'application/json'
-        });
-        var link = document.createElement('a');
-        link.href = URL.createObjectURL(blob);
-        link.download = "".concat(gridName, "Presets.json");
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    }, [gridName, gridSelectors.presets]);
-    var handleImportPresets = useCallback(function (event) {
-        var _a;
-        if (!gridName)
-            return;
-        var file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (!file)
-            return;
-        var reader = new FileReader();
-        reader.readAsText(file);
-        reader.onload = function (e) {
-            var _a, _b;
-            try {
-                var fileContent = JSON.parse((_a = e.target) === null || _a === void 0 ? void 0 : _a.result);
-                var gridConfig = fileContent._;
-                if (gridConfig && gridConfig.gridName !== gridName) {
-                    throw new Error(i18n._({
-                        id: 'dataGrid.importPresets.gridNameNotSame',
-                        message: 'Grid name in file is not the same as current grid.'
-                    }));
-                }
-                (_b = gridActions.setPresets) === null || _b === void 0 ? void 0 : _b.call(gridActions, omit(fileContent, '_'));
-            }
-            catch (error) {
-                console.warn(error);
-                alert(i18n._({ id: 'dataGrid.importPresets.error', message: 'Error with importing files.' }) + String(error));
-            }
-            finally {
-                if (fileInputRef.current) {
-                    fileInputRef.current.value = '';
-                }
-            }
-        };
-    }, [gridName]);
-    var handleImportButtonClick = useCallback(function () {
-        var _a;
-        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-    }, []);
-    return {
-        fileInputRef: fileInputRef,
-        handleImportPresets: handleImportPresets,
-        handleExportPresets: handleExportPresets,
-        handleImportButtonClick: handleImportButtonClick
-    };
+import { useCallback, useRef } from "react";
+import { i18n } from "@lingui/core";
+import omit from "lodash/omit";
+//#region packages/ui/Blocks/CommonGrid/hooks/usePresetFileHandlers.ts
+const usePresetFileHandlers = ({ gridName, gridActions, gridSelectors }) => {
+	const fileInputRef = useRef(null);
+	const handleExportPresets = useCallback(() => {
+		if (!gridName) return;
+		const gridConfig = { gridName };
+		const data = {
+			...gridSelectors.presets,
+			_: gridConfig
+		};
+		const blob = new Blob([JSON.stringify(data, null, 2)], { type: "application/json" });
+		const link = document.createElement("a");
+		link.href = URL.createObjectURL(blob);
+		link.download = `${gridName}Presets.json`;
+		document.body.appendChild(link);
+		link.click();
+		document.body.removeChild(link);
+	}, [gridName, gridSelectors.presets]);
+	return {
+		fileInputRef,
+		handleImportPresets: useCallback((event) => {
+			if (!gridName) return;
+			const file = event.target.files?.[0];
+			if (!file) return;
+			const reader = new FileReader();
+			reader.readAsText(file);
+			reader.onload = (e) => {
+				try {
+					const fileContent = JSON.parse(e.target?.result);
+					const gridConfig = fileContent._;
+					if (gridConfig && gridConfig.gridName !== gridName) throw new Error(i18n._({
+						id: "dataGrid.importPresets.gridNameNotSame",
+						message: "Grid name in file is not the same as current grid."
+					}));
+					gridActions.setPresets?.(omit(fileContent, "_"));
+				} catch (error) {
+					console.warn(error);
+					alert(i18n._({
+						id: "dataGrid.importPresets.error",
+						message: "Error with importing files."
+					}) + String(error));
+				} finally {
+					if (fileInputRef.current) fileInputRef.current.value = "";
+				}
+			};
+		}, [gridName]),
+		handleExportPresets,
+		handleImportButtonClick: useCallback(() => {
+			fileInputRef.current?.click();
+		}, [])
+	};
 };
+//#endregion
+export { usePresetFileHandlers };

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

@@ -1,13 +1,16 @@
-import { useState } from 'react';
-import { useModal } from '../../Modal/hooks/useModal';
-export var usePresetState = function () {
-    var _a = useModal(), isPresetsModalOpen = _a.isOpen, onOpenPresetsModal = _a.onOpen, onClosePresetsModal = _a.onClose;
-    var _b = useState(''), selectedPresetName = _b[0], setSelectedPresetName = _b[1];
-    return {
-        isPresetsModalOpen: isPresetsModalOpen,
-        onOpenPresetsModal: onOpenPresetsModal,
-        onClosePresetsModal: onClosePresetsModal,
-        selectedPresetName: selectedPresetName,
-        setSelectedPresetName: setSelectedPresetName
-    };
+import { useModal } from "../../Modal/hooks/useModal.js";
+import { useState } from "react";
+//#region packages/ui/Blocks/CommonGrid/hooks/usePresetsState.ts
+const usePresetState = () => {
+	const { isOpen: isPresetsModalOpen, onOpen: onOpenPresetsModal, onClose: onClosePresetsModal } = useModal();
+	const [selectedPresetName, setSelectedPresetName] = useState("");
+	return {
+		isPresetsModalOpen,
+		onOpenPresetsModal,
+		onClosePresetsModal,
+		selectedPresetName,
+		setSelectedPresetName
+	};
 };
+//#endregion
+export { usePresetState };

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

@@ -1,6 +1,5 @@
 import { ChangeEvent } from 'react';
 import { ColumnDefinition, CommonGridProps, FiltersConfig, GridActionsType, GridSelectorsType } from '../types';
-
 type Props = {
     gridActions: GridActionsType;
     gridSelectors: GridSelectorsType;
@@ -11,7 +10,7 @@ type Props = {
 };
 declare const useQuickFilter: ({ gridActions, gridSelectors, quickFilter, columns, filters }: Props) => {
     searchedValue: string;
-    translatedValue: import('react').ReactNode;
+    translatedValue: import("react").ReactNode;
     onChangeInputValue: (e: ChangeEvent<HTMLInputElement>) => void;
     onClearSettings: () => void;
     onDisplayInput: () => void;
@@ -19,6 +18,6 @@ declare const useQuickFilter: ({ gridActions, gridSelectors, quickFilter, column
     onClear: () => void;
     isMobileInputView: boolean;
     isMobile: boolean;
-    filter: import('../types').Filtering | undefined;
+    filter: import("../types").Filtering | undefined;
 };
 export default useQuickFilter;