@prt-ts/fluent-react-table-v2 9.41.0-build.3.0 → 9.41.0-build.4.0

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@prt-ts/fluent-react-table-v2",
-  "version": "9.41.0-build.3.0",
+  "version": "9.41.0-build.4.0",
   "main": "./index.js",
   "types": "./src\\index.d.ts",
   "peerDependencies": {
     "react": ">=17.0.0",
     "react-dom": ">=17.0.0",
     "@fluentui/react-components": ">=9.41.0",
-    "@fluentui/react-datepicker-compat": ">=0.4.5",
-    "@fluentui/react-icons": ">=2.0.221"
+    "@fluentui/react-datepicker-compat": ">=0.4.5"
   },
   "dependencies": {
     "@tanstack/react-table": "^8.10.7",

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

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { Table } from '@tanstack/react-table';
+import { ActionType, DrawerTableState } from '../reducer';
 type FilterDrawerProps<TItem extends object> = {
-    open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    drawerState: DrawerTableState;
+    dispatch: React.Dispatch<ActionType<string>>;
     table: Table<TItem>;
 };
-export declare const FilterDrawer: <TItem extends object>({ open, setOpen, table }: FilterDrawerProps<TItem>) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterDrawer: <TItem extends object>({ drawerState, dispatch, table }: FilterDrawerProps<TItem>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { Table, TableState } from '@tanstack/react-table';
+import { ActionType, DrawerTableState } from '../reducer';
 type GridHeaderProps<TItem extends object> = {
     table: Table<TItem>;
     gridTitle: JSX.Element | React.ReactNode;
@@ -7,10 +8,8 @@ type GridHeaderProps<TItem extends object> = {
     globalFilter: string;
     setGlobalFilter: (value: string) => void;
     applyTableState: (tableState: Partial<TableState>) => boolean;
-    openFilterDrawer: boolean;
-    setFilterDrawerOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    openViewsDrawer: boolean;
-    setViewsDrawerOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    drawerState: DrawerTableState;
+    dispatch: React.Dispatch<ActionType<string>>;
 };
 export declare const GridHeader: <TItem extends object>(props: GridHeaderProps<TItem>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,17 @@
+export declare const TableActions: {
+    TOGGLE_FILTER_DRAWER: string;
+    TOGGLE_VIEW_DRAWER: string;
+    OPEN_FILTER_DRAWER: string;
+    OPEN_VIEW_DRAWER: string;
+    CLOSE_FILTER_DRAWER: string;
+    CLOSE_VIEW_DRAWER: string;
+};
+export type DrawerTableState = {
+    isFilterDrawerOpen: boolean;
+    isViewsDrawerOpen: boolean;
+};
+export type ActionType<TPayloadData> = {
+    type: keyof typeof TableActions;
+    payload?: TPayloadData;
+};
+export declare function tableReducer<TPayloadData>(state: DrawerTableState, action: ActionType<TPayloadData>): DrawerTableState;

package/src/lib/components/table/useTableStaticStyles.d.ts

@@ -1,2 +1,2 @@
 export declare const useStaticStyles: () => void;
-export declare const useTableStaticStyles: () => Record<"tableContainer" | "table" | "tHead" | "tHeadRow" | "tBody" | "tBodyRow" | "tBodySelectedRow" | "tBodyGroupedRow" | "tBodyCell" | "tFoot", string>;
+export declare const useTableStaticStyles: () => Record<"tableContainer" | "table" | "tFoot", string>;

package/src/lib/components/tbody/TableBody.d.ts

@@ -0,0 +1,11 @@
+import { Row } from '@tanstack/react-table';
+import { TableProps } from '../../types';
+import { VirtualItem } from 'react-virtual';
+type TableBodyProps<TItem extends object> = {
+    rows: Row<TItem>[];
+    rowSelectionMode?: TableProps<TItem>['rowSelectionMode'];
+    virtualRows: VirtualItem[];
+    totalSize: number;
+};
+export declare function TableBody<TItem extends object>(props: TableBodyProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/components/tbody/TableCell.d.ts

@@ -0,0 +1,7 @@
+import { Cell, Row } from '@tanstack/react-table';
+type TableCellProps<TItem extends object> = {
+    cell: Cell<TItem, unknown>;
+    row: Row<TItem>;
+};
+export declare function TableCell<TItem extends object>({ cell, row }: TableCellProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/components/tbody/TableRow.d.ts

@@ -0,0 +1,8 @@
+import { Row } from '@tanstack/react-table';
+import { TableProps } from '../../types';
+type TableRowProps<TItem extends object> = {
+    row: Row<TItem>;
+    rowSelectionMode?: TableProps<TItem>['rowSelectionMode'];
+};
+export declare function TableRow<TItem extends object>({ row, rowSelectionMode }: TableRowProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/components/tbody/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./TableBody";
+export * from "./TableRow";
+export * from "./TableCell";

package/src/lib/components/tbody/useTableBodyStyles.d.ts

@@ -0,0 +1 @@
+export declare const useTableBodyStyles: () => Record<"tBody" | "tBodyRow" | "tBodySelectedRow" | "tBodyCell", string>;

package/src/lib/components/thead/HeaderCell.d.ts

@@ -1,11 +1,10 @@
-import * as React from "react";
 import { Header, Table } from "@tanstack/react-table";
-type HeaderCellProps = {
-    header: Header<object, unknown>;
-    table: Table<object>;
+type HeaderCellProps<TItem extends object> = {
+    header: Header<TItem, unknown>;
+    table: Table<TItem>;
     hideMenu?: boolean;
     headerDepth: number;
     totalNumberOfHeaderDepth: number;
 };
-export declare const HeaderCell: React.FC<HeaderCellProps>;
+export declare function HeaderCell<TItem extends object>({ header, table, hideMenu, headerDepth, totalNumberOfHeaderDepth, }: HeaderCellProps<TItem>): import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/components/thead/HeaderRow.d.ts

@@ -0,0 +1,10 @@
+import { HeaderGroup, Table } from '@tanstack/react-table';
+import { TableProps } from '../../types';
+type HeaderRowProps<TItem extends object> = {
+    table: Table<TItem>;
+    rowSelectionMode?: TableProps<TItem>['rowSelectionMode'];
+    headerGroup: HeaderGroup<TItem>;
+    headerGroupsLength: number;
+};
+export declare function HeaderRow<TItem extends object>(props: HeaderRowProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/components/thead/TableHeader.d.ts

@@ -0,0 +1,9 @@
+import { HeaderGroup, Table } from '@tanstack/react-table';
+import { TableProps } from '../../types';
+type HeaderRowProps<TItem extends object> = {
+    table: Table<TItem>;
+    rowSelectionMode?: TableProps<TItem>['rowSelectionMode'];
+    headerGroups: HeaderGroup<TItem>[];
+};
+export declare function TableHeader<TItem extends object>(props: HeaderRowProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/components/thead/index.d.ts

@@ -1 +1,3 @@
+export { TableHeader } from "./TableHeader";
+export { HeaderRow } from "./HeaderRow";
 export { HeaderCell } from "./HeaderCell";

package/src/lib/components/thead/useTableHeaderStyles.d.ts

@@ -0,0 +1 @@
+export declare const useTableHeaderStyles: () => Record<"tHead" | "tHeadRow" | "tHeadCell" | "tHeadNonLeafCell" | "tHeadCellDraggable" | "tHeadCellDragging" | "tHeadCellOver" | "tLeafHeadCellContent" | "tNonLeafHeadCellContent" | "tHeadContentBtn" | "tHeadMenuPopover" | "resizer" | "resizerActive", string>;

package/src/lib/components/views/ViewsDrawer.d.ts

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { TableProps, TableView } from '../../types';
 import { Table, TableState } from '@tanstack/react-table';
+import { ActionType, DrawerTableState } from '../reducer';
 type ViewsDrawerProps<TItem extends object> = {
-    open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    drawerState: DrawerTableState;
+    dispatch: React.Dispatch<ActionType<string>>;
     table: Table<TItem>;
     tableViews: TableView[];
     applyTableState: (tableView: Partial<TableState>) => void;

package/src/lib/index.d.ts

@@ -6,7 +6,12 @@ declare module '@tanstack/table-core' {
         inDateRange: FilterFn<unknown>;
     }
 }
+declare module '@tanstack/react-table' {
+    interface ColumnDefBase<TData, TValue> {
+        filterFnDefinition?: (data: TData) => TValue;
+    }
+}
 export { Table } from "./components";
 export type { TableProps, TableRef, TableView } from "./types";
-export type { ColumnDef, TableState } from "@tanstack/react-table";
+export type { TableState, ColumnDef } from '@tanstack/react-table';
 export { createColumnHelper } from "@tanstack/react-table";