@prt-ts/fluent-react-table-v2 9.40.0-build.3.0 → 9.40.0-build.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prt-ts/fluent-react-table-v2",
-  "version": "9.40.0-build.3.0",
+  "version": "9.40.0-build.5.0",
   "main": "./index.js",
   "types": "./src\\index.d.ts",
   "peerDependencies": {

package/src/lib/components/filters/FilterDate.d.ts

@@ -0,0 +1,7 @@
+import { Column, Table } from '@tanstack/react-table';
+type FilterNumberRangeProps<TItem extends object> = {
+    column: Column<TItem, unknown>;
+    table: Table<TItem>;
+};
+export declare const FilterDate: <TItem extends object>(props: FilterNumberRangeProps<TItem>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/components/filters/FilterDateRange.d.ts

@@ -0,0 +1,7 @@
+import { Column, Table } from '@tanstack/react-table';
+type FilterNumberRangeProps<TItem extends object> = {
+    column: Column<TItem, unknown>;
+    table: Table<TItem>;
+};
+export declare const FilterDateRange: <TItem extends object>(props: FilterNumberRangeProps<TItem>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/components/grid-header/GridHeader.d.ts

@@ -1,12 +1,17 @@
 import * as React from 'react';
-import { Table } from '@tanstack/react-table';
+import { Table, TableState } from '@tanstack/react-table';
+import { TableView } from '../../types';
 type GridHeaderProps<TItem extends object> = {
     table: Table<TItem>;
     gridTitle: JSX.Element | React.ReactNode;
+    headerMenu?: JSX.Element | React.ReactNode;
     globalFilter: string;
     setGlobalFilter: (value: string) => void;
+    tableViews: TableView[];
+    applyTableState: (tableState: Partial<TableState>) => boolean;
     openFilterDrawer: boolean;
     setFilterDrawerOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    resetToGridDefaultView: () => boolean;
 };
 export declare const GridHeader: <TItem extends object>(props: GridHeaderProps<TItem>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/components/useGridContainer.d.ts

@@ -1,8 +1,13 @@
+import { TableState } from '@tanstack/react-table';
 import { TableProps } from '..';
-import { TableRef } from '../types';
+import { TableRef, TableView } from '../types';
 import * as React from 'react';
 export declare const useGridContainer: <TItem extends object>(props: TableProps<TItem>, ref: React.ForwardedRef<TableRef<TItem>>) => {
     table: import("@tanstack/react-table").Table<TItem>;
     globalFilter: string;
+    tableViews: TableView[];
+    headerMenu: JSX.Element | React.ReactNode;
     setGlobalFilter: React.Dispatch<React.SetStateAction<string>>;
+    resetToDefaultView: () => boolean;
+    applyTableState: (tableState: Partial<TableState>) => boolean;
 };

package/src/lib/helpers/FilterHelpers.d.ts

@@ -0,0 +1,4 @@
+import { FilterFn } from "@tanstack/react-table";
+export declare const arrIncludesSome: FilterFn<unknown>;
+export declare const dateRange: FilterFn<unknown>;
+export declare const date: FilterFn<unknown>;

package/src/lib/helpers/Helpers.d.ts

@@ -0,0 +1,2 @@
+import { Column } from "@tanstack/react-table";
+export declare const getLeafColumns: <TItem extends object>(columns: Column<TItem, unknown>[]) => Column<TItem, unknown>[];

package/src/lib/index.d.ts

@@ -1,4 +1,4 @@
 export { Table } from "./components";
-export type { TableProps, TableRef } from "./types";
-export type { ColumnDef } from "@tanstack/react-table";
+export type { TableProps, TableRef, TableView } from "./types";
+export type { ColumnDef, TableState } from "@tanstack/react-table";
 export { createColumnHelper } from "@tanstack/react-table";

package/src/lib/types/TableProps.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { ColumnDef, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ExpandedState, GroupingState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
+import { TableView } from "./TableView";
 export type TableProps<TItem extends object> = {
     /**
      * Table Columns definitions.
@@ -17,6 +18,10 @@ export type TableProps<TItem extends object> = {
      * Grid title
      */
     gridTitle?: JSX.Element | React.ReactNode;
+    /**
+     * Table header menu
+     */
+    headerMenu?: (selectedItems: TItem[]) => JSX.Element | React.ReactNode;
     /**
      * Table default page size.
      */
@@ -75,4 +80,8 @@ export type TableProps<TItem extends object> = {
      * @default defaultNoItemComponent
      */
     noItemPage?: React.ReactNode;
+    /**
+     * Table Views
+     */
+    views?: TableView[];
 };

package/src/lib/types/TableRef.d.ts

@@ -1,8 +1,7 @@
-import { Table } from "@tanstack/react-table";
+import { Table, TableState } from "@tanstack/react-table";
 export type TableRef<TItem extends object> = {
     table: Table<TItem>;
-    getTableState: () => Record<string, unknown>;
-    saveCurrentTableState: (viewName: string) => boolean;
-    applySavedView: (viewName: string) => boolean;
+    getTableState: () => Partial<TableState>;
+    applyTableState: (tableState: Partial<TableState>) => boolean;
     resetToDefaultView: () => boolean;
 };

package/src/lib/types/TableView.d.ts

@@ -0,0 +1,7 @@
+import { TableState } from "@tanstack/react-table";
+export type TableView = {
+    id: number;
+    viewName: string;
+    tableState: Partial<TableState>;
+    isDefault?: boolean;
+};

package/src/lib/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./TableProps";
 export * from "./TableRef";
+export * from "./TableView";