@syook/react-tabulous 4.2.0 → 4.4.0

package/lib/types/reactTabulous/components/columnHeaders/columnHeaderItem.d.ts

@@ -20,6 +20,7 @@ type ColumnHeaderItemProps = React.HTMLAttributes<HTMLDivElement> & {
     disableMultipleColumnsSorting: boolean;
     fetchOnPageChange: boolean;
     headerName: string;
+    headerPopupContent: string | HTMLElement | JSX.Element | Element | (() => JSX.Element);
     sortBy: GridSortDirection;
     iconButtonSize?: number;
     pinned?: GridPinnedPosition;

package/lib/types/reactTabulous/components/widgets/icon.d.ts

@@ -27,6 +27,7 @@ declare const icons: {
     'keyboard-back': import("react/jsx-runtime").JSX.Element;
     'keyboard-forward': import("react/jsx-runtime").JSX.Element;
     search: import("react/jsx-runtime").JSX.Element;
+    info: import("react/jsx-runtime").JSX.Element;
 };
 export type Icons = keyof typeof icons;
 interface IconProps extends React.HTMLAttributes<HTMLOrSVGElement> {

package/lib/types/reactTabulous/helpers/getFormattedFilters.d.ts

@@ -0,0 +1,10 @@
+import { type FilterFieldProps, type GridBaseColDef } from '../models';
+export declare const getFormattedFilters: (filters: FilterFieldProps[], columns: GridBaseColDef[]) => {
+    options: import("./select").OptionInterface[] | undefined;
+    field?: string | undefined;
+    type: string;
+    condition: string;
+    column: string;
+    operator: string;
+    value: any;
+}[];

package/lib/types/reactTabulous/hooks/useGridRootProps.d.ts

@@ -44,6 +44,7 @@ export declare const DATA_GRID_PROPS_DEFAULT_VALUES: {
     fetchOnPageChange: null;
     rowsCount: null;
     customExport: null;
+    onFilterChange: null;
 };
 export declare const useGridRootProps: () => {
     rootState: DataGridPropsWithDefaultValues;

package/lib/types/reactTabulous/models/columnDef/columnDef.d.ts

@@ -14,6 +14,10 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      * The title of the column rendered in the column header cell.
      */
     headerName: string;
+    /**
+     * The hover text or component of the column rendered in the column header cell.
+     */
+    headerPopupContent?: string | (() => JSX.Element);
     /**
      * Get the values to be displayed in the table cell.
      */

package/lib/types/reactTabulous/models/gridFiltersModel.d.ts

@@ -5,6 +5,6 @@ export interface FilterFieldProps {
     type: 'string' | 'number' | 'date' | 'dateTime' | 'boolean' | 'singleSelect';
     operator: string;
     value: any;
-    field: string;
+    field?: string;
     options?: string[] | OptionInterface[];
 }

package/lib/types/reactTabulous/models/props/dataGridProps.d.ts

@@ -158,6 +158,11 @@ export interface DataGridPropsWithDefaultValues {
      *
      */
     customExport: null | ((filteredAndSortedData: any, searchText: string, columns: any) => void);
+    /**
+     * Callback fired when filter is changed with filters as arguments.
+     *
+     */
+    onFilterChange: null | ((filters: FilterFieldProps[]) => void);
     /**
      * custom placeholder for the search field.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syook/react-tabulous",
-  "version": "4.2.0",
+  "version": "4.4.0",
   "description": "Terrifically fabulous React Table",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",