@benjosivo/table-query 1.2.0 → 1.2.1

package/dist/react/types.d.ts

@@ -88,6 +88,7 @@ export interface DataTableProps<T extends Record<string, any>> {
     onRowClick?: (id: any, row: T) => void;
     /** Enable the per-column quick filter button (magnifier icon) in the header. Default true. */
     filterEnabled?: boolean;
+    defaultFilters?: Record<string, unknown>;
     /** Enable click-to-sort on column headers. Default true. */
     sortingEnabled?: boolean;
     /** Enable the advanced filter side panel (multiselect / slider / date), driven by fieldsType.filtre. Default false. */

package/dist/react/useDataTable.d.ts

@@ -1,5 +1,5 @@
 import type { DataTableProps, FieldTypeInfo, FilterConfig, FormattingRule, SortDirection, ParamFilter } from './types.js';
-export declare function useDataTable<T extends Record<string, any>>({ fetchData, advancedFilters, rowsPerPageOptions, defaultRowsPerPage, fetchFilterConfig, selectedIds: controlledSelectedIds, onSelectionChange, }: Pick<DataTableProps<T>, 'fetchData' | 'advancedFilters' | 'rowsPerPageOptions' | 'defaultRowsPerPage' | 'fetchFilterConfig' | 'selectedIds' | 'onSelectionChange'>): {
+export declare function useDataTable<T extends Record<string, any>>({ fetchData, advancedFilters, rowsPerPageOptions, defaultRowsPerPage, fetchFilterConfig, selectedIds: controlledSelectedIds, onSelectionChange, defaultFilters, }: Pick<DataTableProps<T>, 'fetchData' | 'advancedFilters' | 'rowsPerPageOptions' | 'defaultRowsPerPage' | 'fetchFilterConfig' | 'selectedIds' | 'onSelectionChange' | 'defaultFilters'>): {
     items: T[];
     count: number;
     fieldsType: FieldTypeInfo[];

package/dist/react/useDataTable.js

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { sanitizeFormattingRules } from './formatting.js';
 import { getRowId, selectionKey } from './utils.js';
-export function useDataTable({ fetchData, advancedFilters, rowsPerPageOptions = [10, 25, 50, 100, 250, 500, 1000], defaultRowsPerPage = 100, fetchFilterConfig, selectedIds: controlledSelectedIds, onSelectionChange, }) {
+export function useDataTable({ fetchData, advancedFilters, rowsPerPageOptions = [10, 25, 50, 100, 250, 500, 1000], defaultRowsPerPage = 100, fetchFilterConfig, selectedIds: controlledSelectedIds, onSelectionChange, defaultFilters, }) {
     const [items, setItems] = useState([]);
     const [count, setCount] = useState(0);
     const [fieldsType, setFieldsType] = useState([]);
@@ -11,7 +11,7 @@ export function useDataTable({ fetchData, advancedFilters, rowsPerPageOptions =
     const [perPage, setPerPage] = useState(defaultRowsPerPage);
     const [sortColumn, setSortColumn] = useState('');
     const [sortDirection, setSortDirection] = useState('ASC');
-    const [filters, setFilters] = useState({});
+    const [filters, setFilters] = useState(defaultFilters ? defaultFilters : {});
     const [filterConfig, setFilterConfig] = useState(null);
     const [cleRecupFiltre, setCleRecupFiltre] = useState();
     const [serverFormattingRules, setServerFormattingRules] = useState([]);
@@ -114,7 +114,15 @@ export function useDataTable({ fetchData, advancedFilters, rowsPerPageOptions =
     const clearAllFilters = useCallback(() => setFilters({}), []);
     /** Replace the whole filter object at once — handy for a custom search UI that
      * doesn't reason "per column" and just wants to hand over its own `filtre` payload. */
-    const replaceFilters = useCallback((next) => setFilters(next), []);
+    const replaceFilters = useCallback((next) => setFilters((previous) => {
+        const previousKeys = Object.keys(previous);
+        const nextKeys = Object.keys(next);
+        if (previousKeys.length === nextKeys.length &&
+            previousKeys.every((key) => JSON.stringify(previous[key]) === JSON.stringify(next[key]))) {
+            return previous;
+        }
+        return next;
+    }), []);
     // ==================== SELECTION ====================
     const rowsOf = useCallback((ids) => {
         const rows = [];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@benjosivo/table-query",
-    "version": "1.2.0",
+    "version": "1.2.1",
     "description": "Table triable/filtrable/paginée : hook + composants React d'un côté (`/react`), logique SQL de pagination/tri/filtres côté serveur de l'autre (`/server`). Un projet peut n'utiliser qu'un des deux côtés.",
     "keywords": [],
     "homepage": "https://github.com/benjosivo/table-query#readme",