@prt-ts/fluent-react-table-v2 9.47.1-build-1.0 → 9.47.1-build-3.0

package/index.cjs.js

@@ -1503,8 +1503,7 @@ const useGridContainer = (props, ref) => {
     [table]);
     const headerMenu = React__namespace.useMemo(() => {
         if (props.headerMenu) {
-            const selectedRows = (table === null || table === void 0 ? void 0 : table.getSelectedRowModel().flatRows.map((row) => row.original)) || [];
-            return props.headerMenu(selectedRows);
+            return props.headerMenu(table);
         }
         return null;
     }, 
@@ -1560,6 +1559,7 @@ const useTableHeaderStyles = reactComponents.makeStyles({
         height: '100%',
         cursor: 'grab',
     },
+    tHeadCellDraggableDragging: Object.assign(Object.assign({}, reactComponents.shorthands.borderLeft(reactComponents.tokens.strokeWidthThin, 'solid', reactComponents.tokens.colorBrandBackgroundInverted)), reactComponents.shorthands.padding(0, reactComponents.tokens.spacingHorizontalXS)),
     tHeadCellDragging: {
         opacity: 0.5,
         cursor: 'grabbing',
@@ -1617,7 +1617,7 @@ function HeaderCell({ header, table, tabAttributes }) {
     var _a, _b, _c;
     const { column, id } = header;
     const { isDragging, attributes, listeners, setNodeRef, transform, transition, } = sortable.useSortable({
-        id: column.id
+        id: id
     });
     const dndStyle = {
         transform: utilities.CSS.Translate.toString(transform),
@@ -1627,10 +1627,10 @@ function HeaderCell({ header, table, tabAttributes }) {
     const isLeafHeaders = ((_b = (_a = `${id}`) === null || _a === void 0 ? void 0 : _a.split('_')) === null || _b === void 0 ? void 0 : _b.length) === 1;
     const headerCellCombinedStyles = getHeaderCellPinningStyles(column, isDragging, dndStyle);
     if (header.isPlaceholder) {
-        return (jsxRuntime.jsx("th", { colSpan: header.colSpan, className: styles.tHeadCell, style: headerCellCombinedStyles, ref: setNodeRef, children: jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getCanResize(), children: jsxRuntime.jsx("div", { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: reactComponents.mergeClasses(styles.resizer, column.getIsResizing() && styles.resizerActive) }) }) }));
+        return (jsxRuntime.jsx("th", Object.assign({ colSpan: header.colSpan, className: styles.tHeadCell, style: headerCellCombinedStyles, ref: setNodeRef }, attributes, listeners, { children: jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getCanResize(), children: jsxRuntime.jsx("div", { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: reactComponents.mergeClasses(styles.resizer, column.getIsResizing() && styles.resizerActive) }) }) })));
     }
     const columnName = reactTable.flexRender(header.column.columnDef.header, header.getContext());
-    return (jsxRuntime.jsxs("th", Object.assign({ colSpan: header.colSpan, className: reactComponents.mergeClasses(styles.tHeadCell, isLeafHeaders && styles.tHeadNonLeafCell, isDragging && styles.tHeadCellDragging), style: headerCellCombinedStyles, ref: setNodeRef }, tabAttributes, { tabIndex: 0, children: [jsxRuntime.jsx("div", Object.assign({ className: styles.tHeadCellDraggable }, attributes, listeners, { children: jsxRuntime.jsxs("div", { className: isLeafHeaders
+    return (jsxRuntime.jsxs("th", Object.assign({ colSpan: header.colSpan, className: reactComponents.mergeClasses(styles.tHeadCell, isLeafHeaders && styles.tHeadNonLeafCell, isDragging && styles.tHeadCellDragging), style: headerCellCombinedStyles, ref: setNodeRef }, tabAttributes, { tabIndex: 0, children: [jsxRuntime.jsx("div", Object.assign({ className: reactComponents.mergeClasses(styles.tHeadCellDraggable, isDragging && styles.tHeadCellDraggableDragging) }, attributes, listeners, { children: jsxRuntime.jsxs("div", { className: isLeafHeaders
                         ? styles.tLeafHeadCellContent
                         : styles.tNonLeafHeadCellContent, children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(reactControlFlow.Show, { when: !header.isPlaceholder, children: jsxRuntime.jsxs(reactComponents.Button, { style: {
                                         display: 'flex',
@@ -1648,18 +1648,14 @@ function HeaderCell({ header, table, tabAttributes }) {
                                     }, appearance: "transparent", className: styles.tHeadContentBtn, icon: (_c = {
                                         asc: (jsxRuntime.jsx("strong", { children: jsxRuntime.jsx(SortAscIcon, {}) })),
                                         desc: (jsxRuntime.jsx("strong", { children: jsxRuntime.jsx(SortDescIcon, {}) })),
-                                    }[header.column.getIsSorted()]) !== null && _c !== void 0 ? _c : undefined, iconPosition: "after", children: [jsxRuntime.jsx("strong", { children: columnName }), jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getIsGrouped(), children: jsxRuntime.jsx("strong", { children: jsxRuntime.jsx(GroupListRegular, {}) }) }), jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getIsFiltered(), children: jsxRuntime.jsx("strong", { children: jsxRuntime.jsx(FilterFilled, {}) }) }), jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getIsPinned(), children: jsxRuntime.jsx("strong", { children: jsxRuntime.jsx(PinRegular, {}) }) })] }) }) }), jsxRuntime.jsx(HeaderMenu, { header: header, table: table, hideMenu: !isLeafHeaders })] }) })), jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getCanResize(), children: jsxRuntime.jsx("div", { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: reactComponents.mergeClasses(styles.resizer, column.getIsResizing() && styles.resizerActive) }) }), jsxRuntime.jsx(reactControlFlow.Show, { when: !isLeafHeaders, children: jsxRuntime.jsx("div", { className: styles.tHeadNonLeafCellFakeBorder }) })] })));
+                                    }[header.column.getIsSorted()]) !== null && _c !== void 0 ? _c : undefined, iconPosition: "after", children: [jsxRuntime.jsx("strong", { children: columnName }), jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getIsGrouped(), children: jsxRuntime.jsx("strong", { children: jsxRuntime.jsx(GroupListRegular, {}) }) }), jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getIsFiltered(), children: jsxRuntime.jsx("strong", { children: jsxRuntime.jsx(FilterFilled, {}) }) }), jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getIsPinned(), children: jsxRuntime.jsx("strong", { children: jsxRuntime.jsx(PinRegular, {}) }) })] }) }) }), jsxRuntime.jsx(reactControlFlow.Show, { when: isLeafHeaders, children: jsxRuntime.jsx(HeaderMenu, { header: header, table: table }) })] }) })), jsxRuntime.jsx(reactControlFlow.Show, { when: header.column.getCanResize(), children: jsxRuntime.jsx("div", { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: reactComponents.mergeClasses(styles.resizer, column.getIsResizing() && styles.resizerActive) }) }), jsxRuntime.jsx(reactControlFlow.Show, { when: !isLeafHeaders, children: jsxRuntime.jsx("div", { className: styles.tHeadNonLeafCellFakeBorder }) })] })));
 }
 function HeaderMenu(props) {
-    const { header, table, hideMenu } = props;
+    const { header, table } = props;
     /* eslint-disable @typescript-eslint/no-non-null-assertion */
     const { dispatchDrawerAction, drawerState } = table.options.meta;
     const styles = useTableHeaderStyles();
-    if (hideMenu || header.isPlaceholder)
-        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: " " }));
-    const canHavePopOver = header.column.getCanSort() ||
-        header.column.getCanGroup() ||
-        header.column.getCanFilter();
+    const canHavePopOver = header.column.getCanSort() || header.column.getCanGroup() || header.column.getCanFilter();
     if (!canHavePopOver)
         return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: " " }));
     const columnName = reactTable.flexRender(header.column.columnDef.header, header.getContext());
@@ -1721,9 +1717,9 @@ function HeaderRow(props) {
 
 function TableHeader(props) {
     const styles = useTableHeaderStyles();
-    const { table, headerGroups, rowSelectionMode } = props;
+    const { table, headerGroups } = props;
     const focusAttribute = reactComponents.useFocusableGroup({ tabBehavior: "limited-trap-focus" });
-    return (jsxRuntime.jsx("thead", Object.assign({ className: styles.tHead, style: { zIndex: 99 } }, focusAttribute, { tabIndex: 0, children: headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map((headerGroup) => (jsxRuntime.jsx(HeaderRow, { table: table, rowSelectionMode: rowSelectionMode, headerGroup: headerGroup, headerGroupsLength: headerGroups.length }, headerGroup.id))) })));
+    return (jsxRuntime.jsx("thead", Object.assign({ className: styles.tHead, style: { zIndex: 99 } }, focusAttribute, { tabIndex: 0, children: headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map((headerGroup) => (jsxRuntime.jsx(HeaderRow, { table: table, headerGroup: headerGroup, headerGroupsLength: headerGroups.length }, headerGroup.id))) })));
 }
 
 const useLoadingStyles = reactComponents.makeStyles({
@@ -2407,7 +2403,7 @@ function AdvancedTable(props, ref) {
     const touchSensor = core.useSensor(core.TouchSensor);
     const keyboardSensor = core.useSensor(core.KeyboardSensor);
     const sensors = core.useSensors(mouseSensor, touchSensor, keyboardSensor, pointerSensor);
-    return (jsxRuntime.jsx(core.DndContext, { collisionDetection: core.closestCenter, modifiers: [modifiers.restrictToHorizontalAxis], onDragEnd: handleDragEnd, sensors: sensors, children: jsxRuntime.jsxs(sortable.SortableContext, { items: columnOrder, strategy: sortable.horizontalListSortingStrategy, children: [jsxRuntime.jsx(reactControlFlow.Show, { when: !props.disableTableHeader, children: jsxRuntime.jsx(GridHeader, { table: table, gridTitle: props.gridTitle, headerMenu: headerMenu, globalFilter: globalFilter, setGlobalFilter: setGlobalFilter, applyTableState: applyTableState }) }), jsxRuntime.jsxs("div", { style: { display: 'flex' }, children: [jsxRuntime.jsx(TableContainer, { table: table, data: props.data, isLoading: props.isLoading || false, noFilterMatchPage: props.noFilterMatchPage, noItemPage: props.noItemPage }), jsxRuntime.jsx(FilterDrawer, { table: table }), jsxRuntime.jsx(ViewsDrawer, { table: table, tableViews: tableViews, applyTableState: applyTableState, resetToGridDefaultView: resetToDefaultView })] }), jsxRuntime.jsx(Pagination, { table: table })] }) }));
+    return (jsxRuntime.jsx(core.DndContext, { collisionDetection: core.closestCenter, modifiers: [modifiers.restrictToHorizontalAxis], onDragEnd: handleDragEnd, sensors: sensors, children: jsxRuntime.jsxs(sortable.SortableContext, { items: columnOrder, strategy: sortable.horizontalListSortingStrategy, children: [jsxRuntime.jsx(reactControlFlow.Show, { when: !props.disableTableHeader, children: jsxRuntime.jsx(GridHeader, { table: table, gridTitle: props.gridTitle, headerMenu: headerMenu, globalFilter: globalFilter, setGlobalFilter: setGlobalFilter, applyTableState: applyTableState }) }), jsxRuntime.jsxs("div", { style: { display: 'flex' }, children: [jsxRuntime.jsx(TableContainer, { table: table, data: props.data, isLoading: props.isLoading || false, noFilterMatchPage: props.noFilterMatchPage, noItemPage: props.noItemPage }), jsxRuntime.jsx(FilterDrawer, { table: table }), jsxRuntime.jsx(ViewsDrawer, { table: table, tableViews: tableViews, applyTableState: applyTableState, resetToGridDefaultView: resetToDefaultView })] }), jsxRuntime.jsx(reactControlFlow.Show, { when: !props.disablePagination, fallback: jsxRuntime.jsx(reactComponents.Divider, {}), children: jsxRuntime.jsx(Pagination, { table: table }) })] }) }));
 }
 const ForwardedAdvancedTable = React__namespace.forwardRef(AdvancedTable);
 
@@ -2425,6 +2421,23 @@ function useSkipper() {
     return [shouldSkip, skip];
 }
 
+const getTableData = (table) => {
+    // format headers 
+    const { rows } = table.getCoreRowModel();
+    // format rows key as a header and value as a row data
+    const data = rows.map((row) => {
+        const rowData = {};
+        const cells = row.getVisibleCells();
+        cells.forEach((cell) => {
+            const columnId = cell.column.id;
+            const value = cell.getValue();
+            rowData[columnId] = value;
+        });
+        return rowData;
+    });
+    return data;
+};
+
 Object.defineProperty(exports, 'createColumnHelper', {
     enumerable: true,
     get: function () { return reactTable.createColumnHelper; }
@@ -2434,4 +2447,5 @@ exports.SelectRowCheckbox = SelectRowCheckbox;
 exports.SelectRowRadio = SelectRowRadio;
 exports.Table = ForwardedAdvancedTable;
 exports.disableAllShorthand = disableAllShorthand;
+exports.getTableData = getTableData;
 exports.useSkipper = useSkipper;

package/index.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src\\index";

package/index.esm.js

@@ -1481,8 +1481,7 @@ const useGridContainer = (props, ref) => {
     [table]);
     const headerMenu = React.useMemo(() => {
         if (props.headerMenu) {
-            const selectedRows = (table === null || table === void 0 ? void 0 : table.getSelectedRowModel().flatRows.map((row) => row.original)) || [];
-            return props.headerMenu(selectedRows);
+            return props.headerMenu(table);
         }
         return null;
     }, 
@@ -1538,6 +1537,7 @@ const useTableHeaderStyles = makeStyles({
         height: '100%',
         cursor: 'grab',
     },
+    tHeadCellDraggableDragging: Object.assign(Object.assign({}, shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorBrandBackgroundInverted)), shorthands.padding(0, tokens.spacingHorizontalXS)),
     tHeadCellDragging: {
         opacity: 0.5,
         cursor: 'grabbing',
@@ -1595,7 +1595,7 @@ function HeaderCell({ header, table, tabAttributes }) {
     var _a, _b, _c;
     const { column, id } = header;
     const { isDragging, attributes, listeners, setNodeRef, transform, transition, } = useSortable({
-        id: column.id
+        id: id
     });
     const dndStyle = {
         transform: CSS.Translate.toString(transform),
@@ -1605,10 +1605,10 @@ function HeaderCell({ header, table, tabAttributes }) {
     const isLeafHeaders = ((_b = (_a = `${id}`) === null || _a === void 0 ? void 0 : _a.split('_')) === null || _b === void 0 ? void 0 : _b.length) === 1;
     const headerCellCombinedStyles = getHeaderCellPinningStyles(column, isDragging, dndStyle);
     if (header.isPlaceholder) {
-        return (jsx("th", { colSpan: header.colSpan, className: styles.tHeadCell, style: headerCellCombinedStyles, ref: setNodeRef, children: jsx(Show, { when: header.column.getCanResize(), children: jsx("div", { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: mergeClasses$1(styles.resizer, column.getIsResizing() && styles.resizerActive) }) }) }));
+        return (jsx("th", Object.assign({ colSpan: header.colSpan, className: styles.tHeadCell, style: headerCellCombinedStyles, ref: setNodeRef }, attributes, listeners, { children: jsx(Show, { when: header.column.getCanResize(), children: jsx("div", { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: mergeClasses$1(styles.resizer, column.getIsResizing() && styles.resizerActive) }) }) })));
     }
     const columnName = flexRender(header.column.columnDef.header, header.getContext());
-    return (jsxs("th", Object.assign({ colSpan: header.colSpan, className: mergeClasses$1(styles.tHeadCell, isLeafHeaders && styles.tHeadNonLeafCell, isDragging && styles.tHeadCellDragging), style: headerCellCombinedStyles, ref: setNodeRef }, tabAttributes, { tabIndex: 0, children: [jsx("div", Object.assign({ className: styles.tHeadCellDraggable }, attributes, listeners, { children: jsxs("div", { className: isLeafHeaders
+    return (jsxs("th", Object.assign({ colSpan: header.colSpan, className: mergeClasses$1(styles.tHeadCell, isLeafHeaders && styles.tHeadNonLeafCell, isDragging && styles.tHeadCellDragging), style: headerCellCombinedStyles, ref: setNodeRef }, tabAttributes, { tabIndex: 0, children: [jsx("div", Object.assign({ className: mergeClasses$1(styles.tHeadCellDraggable, isDragging && styles.tHeadCellDraggableDragging) }, attributes, listeners, { children: jsxs("div", { className: isLeafHeaders
                         ? styles.tLeafHeadCellContent
                         : styles.tNonLeafHeadCellContent, children: [jsx("div", { children: jsx(Show, { when: !header.isPlaceholder, children: jsxs(Button, { style: {
                                         display: 'flex',
@@ -1626,18 +1626,14 @@ function HeaderCell({ header, table, tabAttributes }) {
                                     }, appearance: "transparent", className: styles.tHeadContentBtn, icon: (_c = {
                                         asc: (jsx("strong", { children: jsx(SortAscIcon, {}) })),
                                         desc: (jsx("strong", { children: jsx(SortDescIcon, {}) })),
-                                    }[header.column.getIsSorted()]) !== null && _c !== void 0 ? _c : undefined, iconPosition: "after", children: [jsx("strong", { children: columnName }), jsx(Show, { when: header.column.getIsGrouped(), children: jsx("strong", { children: jsx(GroupListRegular, {}) }) }), jsx(Show, { when: header.column.getIsFiltered(), children: jsx("strong", { children: jsx(FilterFilled, {}) }) }), jsx(Show, { when: header.column.getIsPinned(), children: jsx("strong", { children: jsx(PinRegular, {}) }) })] }) }) }), jsx(HeaderMenu, { header: header, table: table, hideMenu: !isLeafHeaders })] }) })), jsx(Show, { when: header.column.getCanResize(), children: jsx("div", { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: mergeClasses$1(styles.resizer, column.getIsResizing() && styles.resizerActive) }) }), jsx(Show, { when: !isLeafHeaders, children: jsx("div", { className: styles.tHeadNonLeafCellFakeBorder }) })] })));
+                                    }[header.column.getIsSorted()]) !== null && _c !== void 0 ? _c : undefined, iconPosition: "after", children: [jsx("strong", { children: columnName }), jsx(Show, { when: header.column.getIsGrouped(), children: jsx("strong", { children: jsx(GroupListRegular, {}) }) }), jsx(Show, { when: header.column.getIsFiltered(), children: jsx("strong", { children: jsx(FilterFilled, {}) }) }), jsx(Show, { when: header.column.getIsPinned(), children: jsx("strong", { children: jsx(PinRegular, {}) }) })] }) }) }), jsx(Show, { when: isLeafHeaders, children: jsx(HeaderMenu, { header: header, table: table }) })] }) })), jsx(Show, { when: header.column.getCanResize(), children: jsx("div", { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), className: mergeClasses$1(styles.resizer, column.getIsResizing() && styles.resizerActive) }) }), jsx(Show, { when: !isLeafHeaders, children: jsx("div", { className: styles.tHeadNonLeafCellFakeBorder }) })] })));
 }
 function HeaderMenu(props) {
-    const { header, table, hideMenu } = props;
+    const { header, table } = props;
     /* eslint-disable @typescript-eslint/no-non-null-assertion */
     const { dispatchDrawerAction, drawerState } = table.options.meta;
     const styles = useTableHeaderStyles();
-    if (hideMenu || header.isPlaceholder)
-        return (jsx(Fragment, { children: " " }));
-    const canHavePopOver = header.column.getCanSort() ||
-        header.column.getCanGroup() ||
-        header.column.getCanFilter();
+    const canHavePopOver = header.column.getCanSort() || header.column.getCanGroup() || header.column.getCanFilter();
     if (!canHavePopOver)
         return (jsx(Fragment, { children: " " }));
     const columnName = flexRender(header.column.columnDef.header, header.getContext());
@@ -1699,9 +1695,9 @@ function HeaderRow(props) {
 
 function TableHeader(props) {
     const styles = useTableHeaderStyles();
-    const { table, headerGroups, rowSelectionMode } = props;
+    const { table, headerGroups } = props;
     const focusAttribute = useFocusableGroup({ tabBehavior: "limited-trap-focus" });
-    return (jsx("thead", Object.assign({ className: styles.tHead, style: { zIndex: 99 } }, focusAttribute, { tabIndex: 0, children: headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map((headerGroup) => (jsx(HeaderRow, { table: table, rowSelectionMode: rowSelectionMode, headerGroup: headerGroup, headerGroupsLength: headerGroups.length }, headerGroup.id))) })));
+    return (jsx("thead", Object.assign({ className: styles.tHead, style: { zIndex: 99 } }, focusAttribute, { tabIndex: 0, children: headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map((headerGroup) => (jsx(HeaderRow, { table: table, headerGroup: headerGroup, headerGroupsLength: headerGroups.length }, headerGroup.id))) })));
 }
 
 const useLoadingStyles = makeStyles({
@@ -2385,7 +2381,7 @@ function AdvancedTable(props, ref) {
     const touchSensor = useSensor(TouchSensor);
     const keyboardSensor = useSensor(KeyboardSensor);
     const sensors = useSensors(mouseSensor, touchSensor, keyboardSensor, pointerSensor);
-    return (jsx(DndContext, { collisionDetection: closestCenter, modifiers: [restrictToHorizontalAxis], onDragEnd: handleDragEnd, sensors: sensors, children: jsxs(SortableContext, { items: columnOrder, strategy: horizontalListSortingStrategy, children: [jsx(Show, { when: !props.disableTableHeader, children: jsx(GridHeader, { table: table, gridTitle: props.gridTitle, headerMenu: headerMenu, globalFilter: globalFilter, setGlobalFilter: setGlobalFilter, applyTableState: applyTableState }) }), jsxs("div", { style: { display: 'flex' }, children: [jsx(TableContainer, { table: table, data: props.data, isLoading: props.isLoading || false, noFilterMatchPage: props.noFilterMatchPage, noItemPage: props.noItemPage }), jsx(FilterDrawer, { table: table }), jsx(ViewsDrawer, { table: table, tableViews: tableViews, applyTableState: applyTableState, resetToGridDefaultView: resetToDefaultView })] }), jsx(Pagination, { table: table })] }) }));
+    return (jsx(DndContext, { collisionDetection: closestCenter, modifiers: [restrictToHorizontalAxis], onDragEnd: handleDragEnd, sensors: sensors, children: jsxs(SortableContext, { items: columnOrder, strategy: horizontalListSortingStrategy, children: [jsx(Show, { when: !props.disableTableHeader, children: jsx(GridHeader, { table: table, gridTitle: props.gridTitle, headerMenu: headerMenu, globalFilter: globalFilter, setGlobalFilter: setGlobalFilter, applyTableState: applyTableState }) }), jsxs("div", { style: { display: 'flex' }, children: [jsx(TableContainer, { table: table, data: props.data, isLoading: props.isLoading || false, noFilterMatchPage: props.noFilterMatchPage, noItemPage: props.noItemPage }), jsx(FilterDrawer, { table: table }), jsx(ViewsDrawer, { table: table, tableViews: tableViews, applyTableState: applyTableState, resetToGridDefaultView: resetToDefaultView })] }), jsx(Show, { when: !props.disablePagination, fallback: jsx(Divider, {}), children: jsx(Pagination, { table: table }) })] }) }));
 }
 const ForwardedAdvancedTable = React.forwardRef(AdvancedTable);
 
@@ -2403,4 +2399,21 @@ function useSkipper() {
     return [shouldSkip, skip];
 }
 
-export { PinRowAction, SelectRowCheckbox, SelectRowRadio, ForwardedAdvancedTable as Table, disableAllShorthand, useSkipper };
+const getTableData = (table) => {
+    // format headers 
+    const { rows } = table.getCoreRowModel();
+    // format rows key as a header and value as a row data
+    const data = rows.map((row) => {
+        const rowData = {};
+        const cells = row.getVisibleCells();
+        cells.forEach((cell) => {
+            const columnId = cell.column.id;
+            const value = cell.getValue();
+            rowData[columnId] = value;
+        });
+        return rowData;
+    });
+    return data;
+};
+
+export { PinRowAction, SelectRowCheckbox, SelectRowRadio, ForwardedAdvancedTable as Table, disableAllShorthand, getTableData, useSkipper };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prt-ts/fluent-react-table-v2",
-  "version": "9.47.1-build-1.0",
+  "version": "9.47.1-build-3.0",
   "peerDependencies": {
     "react": ">=17.0.0",
     "react-dom": ">=17.0.0",

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

@@ -3,7 +3,7 @@ import { TableProps, TableRef } from "../types";
 import { RowData } from "@tanstack/react-table";
 export declare function AdvancedTable<TItem extends RowData>(props: TableProps<TItem>, ref: React.ForwardedRef<TableRef<TItem>>): import("react/jsx-runtime").JSX.Element;
 export declare const ForwardedAdvancedTable: <TItem extends unknown>(props: TableProps<TItem> & {
-    ref?: React.ForwardedRef<TableRef<TItem>> | undefined;
+    ref?: React.ForwardedRef<TableRef<TItem>>;
 }) => React.ReactElement<TableProps<TItem> & {
-    ref?: React.ForwardedRef<TableRef<TItem>> | undefined;
-}, string | React.JSXElementConstructor<any>>;
+    ref?: React.ForwardedRef<TableRef<TItem>>;
+}>;

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { Table } from "@tanstack/react-table";
+export type TableExportData = Record<string, unknown>[];
+export declare const getTableData: <TItem extends unknown>(table: Table<TItem>) => TableExportData;

package/src/lib/index.d.ts

@@ -46,3 +46,4 @@ declare module '@tanstack/react-table' {
 export type { TableProps, TableRef, TableView } from "./types";
 export type { TableState, ColumnDef, Column as ColumnType, Row as RowType, RowData as RowDataType, Table as TableType } from '@tanstack/react-table';
 export { createColumnHelper } from "@tanstack/react-table";
+export { getTableData } from "./helpers/TableExportDataHelper";

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ColumnDef, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ExpandedState, GroupingState, RowData, RowPinningState, RowSelectionState, SortingState, VisibilityState } from "@tanstack/react-table";
+import { ColumnDef, ColumnFiltersState, ColumnOrderState, ColumnPinningState, ExpandedState, GroupingState, RowData, RowPinningState, RowSelectionState, SortingState, Table, VisibilityState } from "@tanstack/react-table";
 import { TableView } from "./TableView";
 export type TableProps<TItem extends RowData> = {
     /**
@@ -28,7 +28,7 @@ export type TableProps<TItem extends RowData> = {
     /**
      * Table header menu
      */
-    headerMenu?: (selectedItems: TItem[]) => JSX.Element | React.ReactNode;
+    headerMenu?: (table: Table<TItem>) => JSX.Element | React.ReactNode;
     /**
      * Table default page size.
      */
@@ -110,9 +110,16 @@ export type TableProps<TItem extends RowData> = {
      */
     onTableViewDelete?: (tableView: TableView) => void;
     /**
-     * disable table header
+     * remove table header
      */
     disableTableHeader?: boolean;
+    /**
+     * remove pagination bar
+     */
+    disablePagination?: boolean;
+    /**
+     * Additional settings for the table
+     */
     tableSettings?: TableSettings;
 };
 export type TableSettings = {