@ackplus/react-tanstack-data-table 1.1.20 → 1.1.21

package/dist/lib/hooks/use-data-table-engine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-data-table-engine.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/use-data-table-engine.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-data-table-engine.d.ts","sourceRoot":"","sources":["../../../src/lib/hooks/use-data-table-engine.ts"],"names":[],"mappings":"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"}

package/dist/lib/hooks/use-data-table-engine.js

@@ -29,6 +29,7 @@ const DEFAULT_INITIAL_STATE = {
     },
 };
 function uiReducer(state, action) {
+    console.log('uiReducer', action === null || action === void 0 ? void 0 : action.type, state);
     switch (action.type) {
         case "SET_SORTING_RESET_PAGE":
             return { ...state, sorting: action.payload, pagination: { pageIndex: 0, pageSize: state.pagination.pageSize } };
@@ -191,6 +192,7 @@ function useDataTableEngine(props) {
     const fetchData = useEvent(async (overrides = {}, options) => {
         var _a, _b;
         const s = uiRef.current;
+        console.log('fetchData', s, overrides, options);
         const filters = {
             globalFilter: s.globalFilter,
             pagination: s.pagination,
@@ -285,6 +287,7 @@ function useDataTableEngine(props) {
                     var _a;
                     const prev = uiRef.current.pagination;
                     const next = typeof updater === "function" ? updater(prev) : updater;
+                    console.log('onPaginationChange', next);
                     (_a = onPaginationChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onPaginationChangeRef, next);
                     dispatch({ type: "SET_PAGINATION", payload: next });
                 },
@@ -420,6 +423,7 @@ function useDataTableEngine(props) {
         const delay = (_a = nextFetchDelayRef.current) !== null && _a !== void 0 ? _a : 0;
         nextFetchDelayRef.current = 0; // reset after using
         const timeoutId = setTimeout(() => {
+            console.log('stateChange fetch', delay, serverKey);
             void fetchData({}, { delay, meta: { reason: "stateChange" } });
         }, 0);
         return () => clearTimeout(timeoutId);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ackplus/react-tanstack-data-table",
   "type": "commonjs",
-  "version": "1.1.20",
+  "version": "1.1.21",
   "description": "A powerful React data table component built with MUI and TanStack Table",
   "keywords": [
     "react",
@@ -38,8 +38,7 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "scripts": {
     "build": "tsc -p tsconfig.build.json",
@@ -52,7 +51,7 @@
     "rxjs": "^7.8.0",
     "xlsx": "^0.18.5",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.10"
+    "@tanstack/react-virtual": "^3.13.18"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.0.0",

package/src/index.ts

@@ -1,75 +0,0 @@
-/**
- * MUI TanStack DataTable
- *
- * A comprehensive, highly customizable data table component built with:
- * - Material-UI (MUI) for styling
- * - TanStack Table for table logic
- * - TypeScript for type safety
- *
- * Features:
- * - Column sorting, filtering, resizing, reordering, and pinning
- * - Row selection, expansion, and virtualization
- * - Pagination with customizable page sizes
- * - Global and column-specific search/filtering
- * - Export functionality (CSV, XLSX, JSON)
- * - Responsive design with mobile support
- * - Accessibility features
- * - Customizable toolbar and actions
- * - Loading states and empty data handling
- */
-
-// Main components - be specific to avoid conflicts
-export { DataTable } from './lib/data-table';
-export { DataTableView } from './lib/components/data-table-view';
-export type { DataTableViewProps } from './lib/components/data-table-view';
-export { useDataTableEngine } from './lib/hooks';
-export type { EngineResult } from './lib/hooks';
-
-// Other component exports
-export * from './lib/components/headers';
-export * from './lib/components/rows';
-export * from './lib/components/filters';
-export * from './lib/components/pagination';
-export * from './lib/components/droupdown/menu-dropdown';
-
-// Individual toolbar components for custom toolbars
-export {
-    ColumnVisibilityControl,
-    ColumnPinningControl,
-    ColumnResetControl,
-    TableExportControl,
-    TableSizeControl,
-    BulkActionsToolbar,
-    DataTableToolbar,
-} from './lib/components/toolbar';
-
-// Export bulk action types
-export type { BulkActionsToolbarProps } from './lib/components/toolbar';
-
-// Utilities and helpers
-export * from './lib/utils/styling-helpers';
-export * from './lib/utils/column-helpers';
-export * from './lib/utils/table-helpers';
-export * from './lib/utils/logger';
-
-// Custom hooks
-export * from './lib/types';
-
-// Re-export commonly used types from TanStack Table
-export type {
-    Column,
-    ColumnDef,
-    Row,
-    Table,
-    Header,
-    Cell,
-    SortingState,
-    ColumnFiltersState,
-    VisibilityState,
-    ColumnOrderState,
-    ColumnPinningState,
-    PaginationState,
-} from '@tanstack/react-table';
-
-// Custom features (this includes SelectMode from features)
-export * from './lib/features';

package/src/lib/components/data-table-view.tsx

@@ -1,386 +0,0 @@
-/**
- * DataTableView – presentational layer for DataTable.
- * Renders based on engine result; no fetch, export, or API logic.
- */
-import { Table, TableContainer, TableBody, Box, Paper } from '@mui/material';
-import React, { useCallback } from 'react';
-
-import { getSlotComponentWithProps, mergeSlotProps } from '../utils/slot-helpers';
-import { TableHeader } from './headers';
-import { DataTablePagination } from './pagination';
-import { DataTableRow, LoadingRows, EmptyDataRow } from './rows';
-import { DataTableToolbar, BulkActionsToolbar } from './toolbar';
-import type { DataTableProps } from '../types/data-table.types';
-import type { EngineResult } from '../hooks/use-data-table-engine';
-
-export interface DataTableViewProps<T = any> extends DataTableProps<T> {
-    engine: EngineResult<T>;
-}
-
-export function DataTableView<T extends Record<string, any>>({
-    engine,
-    extraFilter = null,
-    footerFilter = null,
-    enableGlobalFilter = true,
-    enableColumnVisibility = true,
-    enableColumnFilter = false,
-    enableExport = false,
-    enableReset = true,
-    enableTableSizeControl = true,
-    enableColumnPinning = false,
-    enableRefresh = false,
-    enableBulkActions = false,
-    bulkActions,
-    enableRowSelection = false,
-    enableColumnDragging = false,
-    enableColumnResizing = false,
-    enableStickyHeaderOrFooter = false,
-    maxHeight = '400px',
-    enableVirtualization = false,
-    enablePagination = false,
-    tableProps = {},
-    enableHover = true,
-    enableStripes = false,
-    emptyMessage = 'No data available',
-    skeletonRows = 5,
-    onRowClick,
-    selectOnRowClick = false,
-    renderSubComponent,
-    slots = {},
-    slotProps = {},
-}: DataTableViewProps<T>) {
-    const {
-        table,
-        refs,
-        derived,
-        state,
-        actions,
-    } = engine;
-
-    const {
-        tableContainerRef,
-        apiRef,
-    } = refs;
-
-    const {
-        tableLoading,
-        rows,
-        visibleLeafColumns,
-        useFixedLayout,
-        tableStyle,
-        isSomeRowsSelected,
-        selectedRowCount,
-        tableTotalRow,
-    } = derived;
-
-    const {
-        pagination,
-        selectionState,
-        tableSize,
-    } = state;
-
-    const {
-        handleColumnReorder,
-        renderRowModel,
-    } = actions;
-
-    const rowVirtualizer = renderRowModel.rowVirtualizer;
-
-    const renderTableRows = useCallback(() => {
-        if (tableLoading) {
-            const { component: LoadingRowComponent, props: loadingRowProps } = getSlotComponentWithProps(
-                slots,
-                slotProps || {},
-                'loadingRow',
-                LoadingRows,
-                {}
-            );
-            return (
-                <LoadingRowComponent
-                    rowCount={enablePagination ? Math.min(pagination.pageSize, skeletonRows) : skeletonRows}
-                    colSpan={table.getAllColumns().length}
-                    slots={slots}
-                    slotProps={slotProps}
-                    {...loadingRowProps}
-                />
-            );
-        }
-        if (rows.length === 0) {
-            const { component: EmptyRowComponent, props: emptyRowProps } = getSlotComponentWithProps(
-                slots,
-                slotProps || {},
-                'emptyRow',
-                EmptyDataRow,
-                {}
-            );
-            return (
-                <EmptyRowComponent
-                    colSpan={table.getAllColumns().length}
-                    message={emptyMessage}
-                    slots={slots}
-                    slotProps={slotProps}
-                    {...emptyRowProps}
-                />
-            );
-        }
-        if (enableVirtualization && !enablePagination && rows.length > 0) {
-            const virtualItems = rowVirtualizer.getVirtualItems();
-            return (
-                <>
-                    {virtualItems.length > 0 && (
-                        <tr>
-                            <td
-                                colSpan={table.getAllColumns().length}
-                                style={{
-                                    height: `${virtualItems[0]?.start ?? 0}px`,
-                                    padding: 0,
-                                    border: 0,
-                                }}
-                            />
-                        </tr>
-                    )}
-                    {virtualItems.map((virtualRow) => {
-                        const row = rows[virtualRow.index];
-                        if (!row) return null;
-                        return (
-                            <DataTableRow
-                                key={row.id}
-                                row={row}
-                                enableHover={enableHover}
-                                enableStripes={enableStripes}
-                                isOdd={virtualRow.index % 2 === 1}
-                                renderSubComponent={renderSubComponent}
-                                disableStickyHeader={enableStickyHeaderOrFooter}
-                                onRowClick={onRowClick}
-                                selectOnRowClick={selectOnRowClick}
-                                slots={slots}
-                                slotProps={slotProps}
-                            />
-                        );
-                    })}
-                    {virtualItems.length > 0 && (
-                        <tr>
-                            <td
-                                colSpan={table.getAllColumns().length}
-                                style={{
-                                    height: `${rowVirtualizer.getTotalSize() -
-                                        (virtualItems[virtualItems.length - 1]?.end ?? 0)}px`,
-                                    padding: 0,
-                                    border: 0,
-                                }}
-                            />
-                        </tr>
-                    )}
-                </>
-            );
-        }
-        return rows.map((row, index) => (
-            <DataTableRow
-                key={row.id}
-                row={row}
-                enableHover={enableHover}
-                enableStripes={enableStripes}
-                isOdd={index % 2 === 1}
-                renderSubComponent={renderSubComponent}
-                disableStickyHeader={enableStickyHeaderOrFooter}
-                onRowClick={onRowClick}
-                selectOnRowClick={selectOnRowClick}
-                slots={slots}
-                slotProps={slotProps}
-            />
-        ));
-    }, [
-        tableLoading,
-        rows,
-        enableVirtualization,
-        enablePagination,
-        pagination.pageSize,
-        skeletonRows,
-        table,
-        slotProps,
-        emptyMessage,
-        rowVirtualizer,
-        enableHover,
-        enableStripes,
-        renderSubComponent,
-        enableStickyHeaderOrFooter,
-        onRowClick,
-        selectOnRowClick,
-        slots,
-    ]);
-
-    const { component: RootComponent, props: rootSlotProps } = getSlotComponentWithProps(
-        slots,
-        slotProps || {},
-        'root',
-        Box,
-        {}
-    );
-    const { component: ToolbarComponent, props: toolbarSlotProps } = getSlotComponentWithProps(
-        slots,
-        slotProps || {},
-        'toolbar',
-        DataTableToolbar,
-        {}
-    );
-    const { component: BulkActionsComponent, props: bulkActionsSlotProps } = getSlotComponentWithProps(
-        slots,
-        slotProps || {},
-        'bulkActionsToolbar',
-        BulkActionsToolbar,
-        {}
-    );
-    const { component: TableContainerComponent, props: tableContainerSlotProps } = getSlotComponentWithProps(
-        slots,
-        slotProps || {},
-        'tableContainer',
-        TableContainer,
-        {}
-    );
-    const { component: TableComponent, props: tableComponentSlotProps } = getSlotComponentWithProps(
-        slots,
-        slotProps || {},
-        'table',
-        Table,
-        {}
-    );
-    const { component: BodyComponent, props: bodySlotProps } = getSlotComponentWithProps(
-        slots,
-        slotProps || {},
-        'body',
-        TableBody,
-        {}
-    );
-    const { component: FooterComponent, props: footerSlotProps } = getSlotComponentWithProps(
-        slots,
-        slotProps || {},
-        'footer',
-        Box,
-        {}
-    );
-    const { component: PaginationComponent, props: paginationSlotProps } = getSlotComponentWithProps(
-        slots,
-        slotProps || {},
-        'pagination',
-        DataTablePagination,
-        {}
-    );
-
-    return (
-        <RootComponent {...rootSlotProps}>
-            {(enableGlobalFilter || extraFilter) ? (
-                <ToolbarComponent
-                    extraFilter={extraFilter}
-                    enableGlobalFilter={enableGlobalFilter}
-                    enableColumnVisibility={enableColumnVisibility}
-                    enableColumnFilter={enableColumnFilter}
-                    enableExport={enableExport}
-                    enableReset={enableReset}
-                    enableTableSizeControl={enableTableSizeControl}
-                    enableColumnPinning={enableColumnPinning}
-                    enableRefresh={enableRefresh}
-                    {...toolbarSlotProps}
-                    refreshButtonProps={{
-                        loading: tableLoading,
-                        showSpinnerWhileLoading: false,
-                        onRefresh: () => apiRef.current?.data?.refresh?.(true),
-                        ...toolbarSlotProps.refreshButtonProps,
-                    }}
-                />
-            ) : null}
-
-            {enableBulkActions && enableRowSelection && isSomeRowsSelected ? (
-                <BulkActionsComponent
-                    selectionState={selectionState}
-                    selectedRowCount={selectedRowCount}
-                    bulkActions={bulkActions}
-                    sx={{
-                        position: 'relative',
-                        zIndex: 2,
-                        ...bulkActionsSlotProps.sx,
-                    }}
-                    {...bulkActionsSlotProps}
-                />
-            ) : null}
-
-            <TableContainerComponent
-                component={Paper}
-                ref={tableContainerRef}
-                sx={{
-                    width: '100%',
-                    overflowX: 'auto',
-                    ...(enableStickyHeaderOrFooter && {
-                        maxHeight,
-                        overflowY: 'auto',
-                    }),
-                    ...(enableVirtualization && {
-                        maxHeight,
-                        overflowY: 'auto',
-                    }),
-                    ...tableContainerSlotProps?.sx,
-                }}
-                {...tableContainerSlotProps}
-            >
-                <TableComponent
-                    size={tableSize}
-                    stickyHeader={enableStickyHeaderOrFooter}
-                    style={{
-                        ...tableStyle,
-                        ...tableProps?.style,
-                    }}
-                    {...mergeSlotProps(tableProps || {}, tableComponentSlotProps)}
-                >
-                    {useFixedLayout ? (
-                        <colgroup>
-                            {visibleLeafColumns().map((column) => (
-                                <col
-                                    key={column.id}
-                                    style={{
-                                        width: column.getSize(),
-                                        minWidth: column.columnDef.minSize,
-                                        maxWidth: column.columnDef.maxSize,
-                                    }}
-                                />
-                            ))}
-                        </colgroup>
-                    ) : null}
-                    <TableHeader
-                        draggable={enableColumnDragging}
-                        enableColumnResizing={enableColumnResizing}
-                        enableStickyHeader={enableStickyHeaderOrFooter}
-                        onColumnReorder={handleColumnReorder}
-                        slots={slots}
-                        slotProps={slotProps}
-                    />
-                    <BodyComponent {...bodySlotProps}>
-                        {renderTableRows()}
-                    </BodyComponent>
-                </TableComponent>
-            </TableContainerComponent>
-
-            {enablePagination ? (
-                <FooterComponent
-                    sx={{
-                        ...(enableStickyHeaderOrFooter && {
-                            position: 'sticky',
-                            bottom: 0,
-                            backgroundColor: 'background.paper',
-                            borderTop: '1px solid',
-                            borderColor: 'divider',
-                            zIndex: 1,
-                        }),
-                        ...footerSlotProps.sx,
-                    }}
-                    {...footerSlotProps}
-                >
-                    <PaginationComponent
-                        footerFilter={footerFilter}
-                        pagination={pagination}
-                        totalRow={tableTotalRow}
-                        {...paginationSlotProps}
-                    />
-                </FooterComponent>
-            ) : null}
-        </RootComponent>
-    );
-}

package/src/lib/components/droupdown/menu-dropdown.tsx

@@ -1,103 +0,0 @@
-import { Button, Menu, MenuProps, Popover } from '@mui/material';
-import React, {
-    cloneElement,
-    ReactElement,
-    ReactNode,
-    useCallback,
-    useMemo,
-    useState,
-} from 'react';
-
-
-type ChildrenEvent = {
-    handleClose: () => void;
-    open: boolean;
-};
-
-type AnchorEvent = {
-    isOpen: boolean;
-};
-
-export interface MenuDropdownProps
-    extends Omit<MenuProps, 'children' | 'open'> {
-    children?: ((event: ChildrenEvent) => ReactNode) | ReactNode | any;
-    anchor?: ((event: AnchorEvent) => ReactElement<any>) | ReactElement<any>;
-    label?: ReactNode;
-    component?: typeof Popover | typeof Menu;
-}
-
-export function MenuDropdown({
-    children,
-    anchor,
-    label,
-    component,
-    ...props
-}: MenuDropdownProps): ReactElement {
-    const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
-    const isOpen = useMemo(() => Boolean(anchorEl), [anchorEl]);
-    const handleClick = useCallback(
-        (event: React.MouseEvent<HTMLElement>) => {
-            event.preventDefault();
-            event.stopPropagation();
-            setAnchorEl(event.currentTarget as HTMLElement);
-        },
-        [],
-    );
-    const handleClose = useCallback((event:any) => {
-        event?.preventDefault();
-        event?.stopPropagation();
-        setAnchorEl(null);
-    }, []);
-    const anchorNode = useMemo(() => {
-        if (anchor) {
-            let node = anchor;
-            if (typeof anchor === 'function') {
-                node = anchor({ isOpen: isOpen });
-            }
-            const existingOnClick = (node as ReactElement<any>).props?.onClick;
-            return cloneElement(node as ReactElement<any>, {
-                onClick: (event: React.MouseEvent<HTMLElement>) => {
-                    existingOnClick?.(event);
-                    if (!event.defaultPrevented) {
-                        handleClick(event);
-                    }
-                },
-            });
-        }
-        return <Button onClick={handleClick}>{label as any}</Button>;
-    }, [
-        anchor,
-        handleClick,
-        isOpen,
-        label,
-    ]);
-
-    const DropDownComponent = (component || Popover) as React.ComponentType<any>;
-
-    return (
-        <>
-            {anchorNode}
-            <DropDownComponent
-                anchorEl={anchorEl}
-                open={isOpen}
-                onClose={handleClose}
-                anchorOrigin={{
-                    vertical: 'bottom',
-                    horizontal: 'left',
-                }}
-                transformOrigin={{
-                    vertical: 'top',
-                    horizontal: 'left',
-                }}
-                {...props}
-            >
-                {typeof children === 'function' ?
-                    children({
-                        handleClose,
-                        open: isOpen,
-                    }) :
-                    children}
-            </DropDownComponent>
-        </>
-    );
-}