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

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

@@ -1,27 +1,25 @@
-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
-	])];
+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];
 };
-//#endregion
-export { useGridActionTrigger };

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { DragEndEvent } from '@dnd-kit/core';
 import { CommonGridProps, GridActionsType, GridSelectorsType, ColumnDefinition } from '../types';
+
 type Props = {
     columns: CommonGridProps['columnsDefinitions'];
     gridActions: GridActionsType;
@@ -8,9 +9,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;
+            isHidden?: boolean | undefined;
         };
     }>>;
     onConfirmForm: () => void;

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

@@ -1,99 +1,110 @@
-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 __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);
 };
-//#endregion
-export { useManageColumn as default };
+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;

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

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

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

@@ -1,57 +1,76 @@
-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();
-		}, [])
-	};
+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
+    };
 };
-//#endregion
-export { usePresetFileHandlers };

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

@@ -1,16 +1,13 @@
-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
-	};
+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
+    };
 };
-//#endregion
-export { usePresetState };

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

@@ -1,5 +1,6 @@
 import { ChangeEvent } from 'react';
 import { ColumnDefinition, CommonGridProps, FiltersConfig, GridActionsType, GridSelectorsType } from '../types';
+
 type Props = {
     gridActions: GridActionsType;
     gridSelectors: GridSelectorsType;
@@ -10,7 +11,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;
@@ -18,6 +19,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;