@prt-ts/fluent-react-table-v2 9.36.0-build.2.0

package/lib/components/GridContainer.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { TableProps, TableRef } from "../types";
+export declare function AdvancedTable<TItem extends object>(props: TableProps<TItem>, ref: React.ForwardedRef<TableRef<TItem>>): import("react/jsx-runtime").JSX.Element;
+export declare const ForwardedAdvancedTable: <TItem extends object>(props: TableProps<TItem> & {
+    ref?: React.ForwardedRef<TableRef<TItem>> | undefined;
+}) => React.ReactElement<TableProps<TItem> & {
+    ref?: React.ForwardedRef<TableRef<TItem>> | undefined;
+}, string | React.JSXElementConstructor<any>>;

package/lib/components/filters/Filter.d.ts

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

package/lib/components/filters/FilterMultiSelectCheckbox.d.ts

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

package/lib/components/filters/FilterMultiSelectRadio.d.ts

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

package/lib/components/filters/index.d.ts

@@ -0,0 +1 @@
+export { Filter } from "./Filter";

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Table } from '@tanstack/react-table';
+type GridHeaderProps<TItem extends object> = {
+    table: Table<TItem>;
+    gridTitle: JSX.Element | React.ReactNode;
+    globalFilter: string;
+    setGlobalFilter: (value: string) => void;
+};
+export declare const GridHeader: <TItem extends object>(props: GridHeaderProps<TItem>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/grid-header/index.d.ts

@@ -0,0 +1 @@
+export { GridHeader } from "./GridHeader";

package/lib/components/grid-header/useGridHeaderStyles.d.ts

@@ -0,0 +1 @@
+export declare const useGridHeaderStyles: () => Record<"tableTopHeaderContainer" | "tableTopHeaderLeft" | "tableTopHeaderRight" | "tableTopHeaderColumnTogglePopover", string>;

package/lib/components/icon-components/GridIcons.d.ts

@@ -0,0 +1,10 @@
+export declare const SaveIcon: import("@fluentui/react-icons").FluentIcon;
+export declare const ChangeViewIcon: import("@fluentui/react-icons").FluentIcon;
+export declare const SearchIcon: import("@fluentui/react-icons").FluentIcon;
+export declare const VerticalMoreIcon: import("@fluentui/react-icons").FluentIcon;
+export declare const ClearFilterIcon: import("@fluentui/react-icons").FluentIcon;
+export declare const ToggleSelectColumnIcon: import("@fluentui/react-icons").FluentIcon;
+export declare const ToggleGroupColumnIcon: import("@fluentui/react-icons").FluentIcon;
+export declare const GroupCollapsedIcon: import("@fluentui/react-icons").FluentIcon;
+export declare const GroupExpandedIcon: import("@fluentui/react-icons").FluentIcon;
+export declare const DragIcon: import("@fluentui/react-icons").FluentIcon;

package/lib/components/index.d.ts

@@ -0,0 +1 @@
+export { ForwardedAdvancedTable as Table } from "./GridContainer";

package/lib/components/loading/Loading.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+type LoadingProps = {
+    numberOfItems?: number;
+    numberOfColumns?: number;
+};
+export declare const Loading: React.FC<LoadingProps>;
+export {};

package/lib/components/loading/index.d.ts

@@ -0,0 +1 @@
+export { Loading } from "./Loading";

package/lib/components/loading/useLoadingStyles.d.ts

@@ -0,0 +1 @@
+export declare const useLoadingStyles: () => Record<"row" | "invertedWrapper", string>;

package/lib/components/no-item/NoItemGrid.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare const NoItemGrid: React.FC<{
+    message?: React.ReactNode;
+}>;

package/lib/components/no-item/index.d.ts

@@ -0,0 +1 @@
+export { NoItemGrid } from "./NoItemGrid";

package/lib/components/no-item/useNoItemGridStyles.d.ts

@@ -0,0 +1 @@
+export declare const useNoItemGridStyles: () => Record<"wrapper", string>;

package/lib/components/no-search-result/NoSearchResult.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare const NoSearchResult: React.FC<{
+    message?: React.ReactNode;
+}>;

package/lib/components/no-search-result/index.d.ts

@@ -0,0 +1 @@
+export { NoSearchResult } from "./NoSearchResult";

package/lib/components/no-search-result/useNoSearchResultStyles.d.ts

@@ -0,0 +1 @@
+export declare const useNoFilterMatchStyles: () => Record<"wrapper" | "iconWrapper", string>;

package/lib/components/pagination/Pagination.d.ts

@@ -0,0 +1,7 @@
+import { Table } from "@tanstack/react-table";
+type PaginationProps<TItem extends object> = {
+    table: Table<TItem>;
+    pageSizeOptions?: number[];
+};
+export declare const Pagination: <TItem extends object>(props: PaginationProps<TItem>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/pagination/usePaginationStyles.d.ts

@@ -0,0 +1 @@
+export declare const usePaginationStyle: () => Record<"wrapper" | "paginationContainer" | "pageBtnContainer" | "pageBtn" | "pageSelectionWrapper" | "pageSelectionDropdown" | "pageSizeInput", string>;

package/lib/components/table/Table.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Table } from "@tanstack/react-table";
+type TableContainerProps<TItem extends object> = {
+    rowSelectionMode?: "single" | "multiple";
+    table: Table<TItem>;
+    noItemPage?: React.ReactNode;
+    noFilterMatchPage?: React.ReactNode;
+    isLoading: boolean;
+    data: TItem[];
+};
+export declare const TableContainer: <TItem extends object>(props: TableContainerProps<TItem>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/table/index.d.ts

@@ -0,0 +1 @@
+export { TableContainer } from "./Table";

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

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

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Header, Table } from "@tanstack/react-table";
+type HeaderCellProps = {
+    header: Header<object, unknown>;
+    table: Table<object>;
+    hideMenu?: boolean;
+    headerDepth: number;
+    totalNumberOfHeaderDepth: number;
+};
+export declare const HeaderCell: React.FC<HeaderCellProps>;
+export {};

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

@@ -0,0 +1 @@
+export { HeaderCell } from "./HeaderCell";

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

@@ -0,0 +1,8 @@
+import { TableProps } from "../..";
+import { TableRef } 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;
+    setGlobalFilter: React.Dispatch<React.SetStateAction<string>>;
+};

package/lib/index.d.ts

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

package/lib/types/TableProps.d.ts

@@ -0,0 +1,78 @@
+import * as React from "react";
+import { ColumnDef, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ExpandedState, GroupingState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
+export type TableProps<TItem extends object> = {
+    /**
+     * Table Columns definitions.
+     */
+    columns: ColumnDef<TItem>[];
+    /**
+     * Table data.
+     */
+    data: TItem[];
+    /**
+     * Table loading state.
+     */
+    isLoading?: boolean;
+    /**
+     * Grid title
+     */
+    gridTitle?: JSX.Element | React.ReactNode;
+    /**
+     * Table default page size.
+     */
+    pageSize?: number;
+    /**
+     * Table page size options
+     */
+    pageSizeOptions?: number[];
+    /**
+     * Row selection mode.
+     */
+    rowSelectionMode?: "single" | "multiple";
+    /**
+     * Default global filter value.
+     */
+    defaultGlobalFilter?: string;
+    /**
+     * Column filter state
+     */
+    columnFilterState?: ColumnFiltersState;
+    /**
+     * Column Visibility
+     */
+    columnVisibility?: VisibilityState;
+    /**
+     * Sorting state
+     */
+    sortingState?: SortingState;
+    /**
+     * Grouping state
+     */
+    groupingState?: GroupingState;
+    /**
+     * Grouping Expanded state
+     */
+    expandedState?: ExpandedState;
+    /**
+     * Row selection state
+     */
+    rowSelectionState?: RowSelectionState;
+    /**
+     * Column pinning state
+     */
+    columnPinningState?: ColumnPinningState;
+    /**
+     * Column order state
+     */
+    columnOrderState?: ColumnOrderState;
+    /**
+    * Component visible if the no item match the filter condition
+    * @default defaultNoItemComponent
+    */
+    noFilterMatchPage?: React.ReactNode;
+    /**
+     * Component visible in the grid body if there is no items in the list
+     * @default defaultNoItemComponent
+     */
+    noItemPage?: React.ReactNode;
+};

package/lib/types/TableRef.d.ts

@@ -0,0 +1,7 @@
+import { Table } 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;
+};

package/lib/types/index.d.ts

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

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@prt-ts/fluent-react-table-v2",
+  "version": "9.36.0-build.2.0",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0",
+    "@fluentui/react-components": "^9.36.0",
+    "@fluentui/react-icons": "^2.0.221"
+  },
+  "dependencies": {
+    "@tanstack/react-table": "^8.10.7",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "react-virtual": "^2.10.4"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "Pradeep Raj Thapaliya",
+  "bugs": {
+    "url": "https://github.com/prt-ts/spfx-workspace.git"
+  },
+  "homepage": "https://github.com/prt-ts/spfx-workspace.git#readme"
+}