@ackplus/react-tanstack-data-table 1.0.19-beta-0.6 → 1.0.19-beta-0.8

package/{lib → src/lib}/utils/table-helpers.js

@@ -1,40 +1,31 @@
-/**
- * General table utilities for DataTable components
- */
-/**
- * Calculate skeleton rows count based on viewport and row height
- */
-export function calculateSkeletonRows(containerHeight, rowHeight, maxRows = 10) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateSkeletonRows = calculateSkeletonRows;
+exports.generateRowId = generateRowId;
+exports.calculatePinnedColumnsWidth = calculatePinnedColumnsWidth;
+exports.shouldUseFixedLayout = shouldUseFixedLayout;
+exports.formatCellValue = formatCellValue;
+exports.debounce = debounce;
+exports.calculateTableMetrics = calculateTableMetrics;
+function calculateSkeletonRows(containerHeight, rowHeight, maxRows = 10) {
     const estimatedRows = Math.ceil(containerHeight / rowHeight);
     return Math.min(estimatedRows, maxRows);
 }
-/**
- * Generate unique row ID for virtualization
- */
-export function generateRowId(row, index, idKey) {
+function generateRowId(row, index, idKey) {
     if (idKey && row[idKey]) {
         return String(row[idKey]);
     }
     return `row-${index}`;
 }
-/**
- * Calculate total width of pinned columns
- */
-export function calculatePinnedColumnsWidth(columns, side) {
+function calculatePinnedColumnsWidth(columns, side) {
     return columns
         .filter(col => col.getIsPinned() === side)
         .reduce((total, col) => total + (col.getSize() || 0), 0);
 }
-/**
- * Check if table should use fixed layout
- */
-export function shouldUseFixedLayout(fitToScreen, enableColumnResizing, totalColumns) {
+function shouldUseFixedLayout(fitToScreen, enableColumnResizing, totalColumns) {
     return fitToScreen || (enableColumnResizing && totalColumns > 5);
 }
-/**
- * Format cell value based on column type
- */
-export function formatCellValue(value, type) {
+function formatCellValue(value, type) {
     if (value === null || value === undefined) {
         return '-';
     }
@@ -49,20 +40,14 @@ export function formatCellValue(value, type) {
             return String(value);
     }
 }
-/**
- * Debounce function for search and filters
- */
-export function debounce(func, wait) {
+function debounce(func, wait) {
     let timeout;
     return (...args) => {
         clearTimeout(timeout);
         timeout = setTimeout(() => func(...args), wait);
     };
 }
-/**
- * Get table performance metrics
- */
-export function calculateTableMetrics(totalRows, visibleRows, columns, renderStartTime) {
+function calculateTableMetrics(totalRows, visibleRows, columns, renderStartTime) {
     return {
         totalRows,
         visibleRows,

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"5.8.3"}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 ACK Plus
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE. 

package/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAGH,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0CAA0C,CAAC;AAGzD,OAAO,EACH,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,GACnB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAGxE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAG1C,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAG5B,YAAY,EACR,MAAM,EACN,SAAS,EACT,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,GAClB,MAAM,uBAAuB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC"}

package/lib/components/droupdown/menu-dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-dropdown.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/droupdown/menu-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAEH,YAAY,EACZ,SAAS,EAIZ,MAAM,OAAO,CAAC;AAGf,KAAK,aAAa,GAAG;IACjB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,IAAI,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,iBACb,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,SAAS,CAAC,GAAG,SAAS,GAAG,GAAG,CAAC;IACnE,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,OAAO,GAAG,OAAO,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACX,EAAE,iBAAiB,2CA8DnB"}

package/lib/components/droupdown/menu-dropdown.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Popover } from '@mui/material';
-import { cloneElement, useCallback, useMemo, useState, } from 'react';
-export function MenuDropdown({ children, anchor, label, component, sx, ...props }) {
-    const [anchorEl, setAnchorEl] = useState(null);
-    const isOpen = useMemo(() => Boolean(anchorEl), [anchorEl]);
-    const handleClick = useCallback((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setAnchorEl(event.currentTarget);
-    }, []);
-    const handleClose = useCallback((event) => {
-        event?.preventDefault();
-        event?.stopPropagation();
-        setAnchorEl(null);
-    }, []);
-    const anchorNode = useMemo(() => {
-        if (anchor) {
-            let node = anchor;
-            if (typeof anchor === 'function') {
-                node = anchor({ isOpen: isOpen });
-            }
-            return cloneElement(node, {
-                onClick: handleClick,
-            });
-        }
-        return _jsx(Button, { onClick: handleClick, children: label });
-    }, [
-        anchor,
-        handleClick,
-        isOpen,
-        label,
-    ]);
-    const DropDownComponent = (component || Popover);
-    return (_jsxs(_Fragment, { children: [anchorNode, _jsx(DropDownComponent, { anchorEl: anchorEl, open: isOpen, onClose: handleClose, anchorOrigin: {
-                    vertical: 'bottom',
-                    horizontal: 'left',
-                }, transformOrigin: {
-                    vertical: 'top',
-                    horizontal: 'left',
-                }, ...props, children: typeof children === 'function' ?
-                    children({
-                        handleClose,
-                        open: isOpen,
-                    }) :
-                    children })] }));
-}

package/lib/components/export-progress-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"export-progress-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/components/export-progress-dialog.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxD,UAAU,yBAAyB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,UAAkB,GACrB,EAAE,yBAAyB,2CAkK3B"}

package/lib/components/export-progress-dialog.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog, DialogTitle, DialogContent, DialogActions, Button, LinearProgress, Typography, Box, Chip, } from '@mui/material';
-export function ExportProgressDialog({ open, progress, result, onCancel, onClose, exportType = 'csv', }) {
-    const formatTime = (milliseconds) => {
-        if (milliseconds < 1000)
-            return `${milliseconds}ms`;
-        const seconds = Math.round(milliseconds / 1000);
-        if (seconds < 60)
-            return `${seconds}s`;
-        const minutes = Math.floor(seconds / 60);
-        const remainingSeconds = seconds % 60;
-        return `${minutes}m ${remainingSeconds}s`;
-    };
-    const formatFileSize = (bytes) => {
-        if (bytes === 0)
-            return '0 Bytes';
-        const k = 1024;
-        const sizes = [
-            'Bytes',
-            'KB',
-            'MB',
-            'GB',
-        ];
-        const i = Math.floor(Math.log(bytes) / Math.log(k));
-        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
-    };
-    const isCompleted = !!result;
-    const isExporting = !!progress && !isCompleted;
-    return (_jsxs(Dialog, { open: open, onClose: isExporting ? undefined : onClose, maxWidth: "sm", fullWidth: true, disableEscapeKeyDown: isExporting, children: [_jsx(DialogTitle, { children: isCompleted ? 'Export Completed' : `Exporting to ${exportType.toUpperCase()}` }), _jsxs(DialogContent, { children: [isExporting && progress ? (_jsxs(Box, { children: [_jsxs(Typography, { variant: "body2", color: "text.secondary", gutterBottom: true, children: ["Processing", ' ', progress.processedRows.toLocaleString(), ' ', "of", ' ', progress.totalRows.toLocaleString(), ' ', "rows"] }), _jsx(LinearProgress, { variant: "determinate", value: progress.percentage, sx: { mb: 2 } }), _jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 2, children: [_jsxs(Typography, { variant: "body2", children: [progress.percentage, "% Complete"] }), _jsx(Chip, { label: `Chunk ${progress.currentChunk} / ${progress.totalChunks}`, size: "small", variant: "outlined" })] }), progress.estimatedTimeRemaining !== undefined && (_jsxs(Typography, { variant: "body2", color: "text.secondary", children: ["Estimated time remaining:", ' ', formatTime(progress.estimatedTimeRemaining)] }))] })) : null, isCompleted && result ? (_jsxs(Box, { children: [_jsx(Typography, { variant: "body1", gutterBottom: true, children: "Export completed successfully!" }), _jsxs(Box, { display: "flex", flexDirection: "column", gap: 1, mt: 2, children: [_jsxs(Typography, { variant: "body2", children: [_jsx("strong", { children: "Filename:" }), ' ', result.filename] }), _jsxs(Typography, { variant: "body2", children: [_jsx("strong", { children: "Rows:" }), ' ', result.totalRows.toLocaleString()] }), _jsxs(Typography, { variant: "body2", children: [_jsx("strong", { children: "Columns:" }), ' ', result.totalColumns] }), _jsxs(Typography, { variant: "body2", children: [_jsx("strong", { children: "Processing time:" }), ' ', formatTime(result.processingTime)] }), result.fileSize ? (_jsxs(Typography, { variant: "body2", children: [_jsx("strong", { children: "File size:" }), ' ', formatFileSize(result.fileSize)] })) : null] })] })) : null] }), _jsxs(DialogActions, { children: [isExporting && onCancel ? (_jsx(Button, { onClick: onCancel, color: "secondary", children: "Cancel Export" })) : null, isCompleted && onClose ? (_jsx(Button, { onClick: onClose, color: "primary", variant: "contained", children: "Close" })) : null] })] }));
-}

package/lib/components/filters/filter-value-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-value-input.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/filters/filter-value-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAM/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGlD,UAAU,qBAAqB,CAAC,CAAC;IAC7B,MAAM,EAAE,gBAAgB,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAChC,MAAM,EACN,MAAM,EACN,aAAa,GAChB,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAgK1B"}

package/lib/components/filters/filter-value-input.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, InputLabel, Select, MenuItem, TextField, Checkbox, ListItemText } from '@mui/material';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
-import moment from 'moment';
-import { getColumnOptions, getColumnType, getCustomFilterComponent } from '../../utils/column-helpers';
-import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
-import { LocalizationProvider } from '@mui/x-date-pickers';
-export function FilterValueInput({ filter, column, onValueChange, }) {
-    const columnType = getColumnType(column);
-    const customComponent = getCustomFilterComponent(column);
-    const options = getColumnOptions(column);
-    const operator = filter.operator;
-    // If custom component is provided, use it
-    if (customComponent) {
-        const CustomComponent = customComponent;
-        return (_jsx(CustomComponent, { value: filter.value, onChange: onValueChange, filter: filter, column: column }));
-    }
-    // Boolean type - Yes/No select
-    if (columnType === 'boolean') {
-        return (_jsxs(FormControl, { size: "small", sx: {
-                flex: 1,
-                minWidth: 120,
-            }, children: [_jsx(InputLabel, { children: "Value" }), _jsxs(Select, { value: filter.value || 'any', label: "Value", onChange: (e) => onValueChange(e.target.value), children: [_jsx(MenuItem, { value: 'any', children: "Any" }, 'any'), _jsx(MenuItem, { value: 'true', children: "True" }, 'true'), _jsx(MenuItem, { value: 'false', children: "False" }, 'false')] })] }));
-    }
-    // Select type with options
-    if (columnType === 'select' && options.length > 0) {
-        // Multi-select for 'in' and 'notIn' operators
-        if (operator === 'in' || operator === 'notIn') {
-            return (_jsxs(FormControl, { size: "small", sx: { flex: 1, minWidth: 120 }, children: [_jsx(InputLabel, { children: "Value" }), _jsx(Select, { multiple: true, value: Array.isArray(filter.value) ? filter.value : [], label: "Value", onChange: (e) => onValueChange(e.target.value), renderValue: (selected) => selected.map(val => {
-                            const opt = options.find(o => o.value === val);
-                            return opt ? opt.label : val;
-                        }).join(', '), children: options.map(option => (_jsxs(MenuItem, { value: option.value, children: [_jsx(Checkbox, { checked: Array.isArray(filter.value) && filter.value.indexOf(option.value) > -1 }), _jsx(ListItemText, { primary: option.label })] }, String(option.value)))) })] }));
-        }
-        // Single select for other operators
-        return (_jsxs(FormControl, { size: "small", sx: { flex: 1, minWidth: 120 }, children: [_jsx(InputLabel, { children: "Value" }), _jsx(Select, { value: filter.value, label: "Value", onChange: (e) => onValueChange(e.target.value), children: options.map(option => (_jsx(MenuItem, { value: option.value, children: option.label }, String(option.value)))) })] }));
-    }
-    // Date type
-    if (columnType === 'date') {
-        // Only single date picker, no 'between' support
-        return (_jsx(LocalizationProvider, { dateAdapter: AdapterMoment, children: _jsx(DatePicker, { value: filter.value ? moment(filter.value) : null, onChange: (e) => onValueChange(e?.toDate()), slotProps: {
-                    textField: {
-                        size: 'small',
-                        label: 'Value',
-                        sx: {
-                            flex: 1,
-                            minWidth: 120,
-                        },
-                    },
-                } }) }));
-    }
-    // Number type
-    if (columnType === 'number') {
-        // Only single number input, no 'between' support
-        return (_jsx(TextField, { size: "small", label: "Value", value: filter.value, onChange: (e) => onValueChange(e.target.value), type: "number", sx: {
-                flex: 1,
-                minWidth: 120,
-            } }));
-    }
-    // Default: text input
-    return (_jsx(TextField, { size: "small", label: "Value", value: filter.value, onChange: (e) => onValueChange(e.target.value), sx: {
-            flex: 1,
-            minWidth: 120,
-        } }));
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/filters/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;CA2H5B,CAAC;AAEF,cAAc,sBAAsB,CAAC"}

package/lib/components/headers/draggable-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"draggable-header.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/headers/draggable-header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAc,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAwC,MAAM,OAAO,CAAC;AAK7D,UAAU,oBAAoB,CAAC,CAAC;IAC5B,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACnC;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,EAC/B,MAAM,EACN,aAAoB,EACpB,SAAiB,EACjB,eAAe,EACf,KAAK,EACL,SAAS,GACZ,EAAE,oBAAoB,CAAC,CAAC,CAAC,mRA8QzB"}

package/lib/components/headers/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/headers/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC"}

package/lib/components/headers/table-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-header.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/headers/table-header.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,gBAAgB;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC3B,SAAiB,EACjB,oBAA4B,EAC5B,kBAA0B,EAC1B,WAAkB,EAClB,eAAe,EACf,KAAK,EACL,SAAS,GACZ,EAAE,gBAAgB,2CAgFlB"}

package/lib/components/headers/table-header.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * TableHeader Component
- *
- * Unified header component that combines:
- * - Sortable functionality
- * - Draggable column reordering
- * - Column resizing
- * - Pinning support
- */
-import { TableHead, TableRow, TableCell, Box, useTheme } from '@mui/material';
-import { DraggableHeader } from './draggable-header';
-import { useDataTableContext } from '../../contexts/data-table-context';
-import { getPinnedColumnStyle, getColumnAlignment } from '../../utils';
-import { getSlotComponent } from '../../utils/slot-helpers';
-/**
- * Renders table headers with sorting, dragging, and resizing capabilities
- */
-export function TableHeader({ draggable = false, enableColumnResizing = false, enableStickyHeader = false, fitToScreen = true, onColumnReorder, slots, slotProps, }) {
-    const theme = useTheme();
-    const { table } = useDataTableContext();
-    const HeaderCellSlot = getSlotComponent(slots, 'headerCell', TableCell);
-    const HeaderRowSlot = getSlotComponent(slots, 'headerRow', TableRow);
-    const HeaderSlot = getSlotComponent(slots, 'header', TableHead);
-    const renderHeaderCell = (header) => {
-        const isPinned = header.column.getIsPinned();
-        const pinnedPosition = isPinned ? header.column.getStart('left') : undefined;
-        const pinnedRightPosition = isPinned === 'right' ? header.column.getAfter('right') : undefined;
-        const alignment = getColumnAlignment(header.column.columnDef);
-        const enableSorting = header.column.getCanSort();
-        return (_jsxs(HeaderCellSlot, { align: alignment, sx: {
-                ...getPinnedColumnStyle({
-                    width: (fitToScreen && !enableColumnResizing) ? 'auto' : header.getSize(),
-                    isPinned,
-                    pinnedPosition,
-                    isLastLeftPinnedColumn: isPinned === 'left' && header.column.getIsLastColumn('left'),
-                    isFirstRightPinnedColumn: isPinned === 'right' && header.column.getIsFirstColumn('right'),
-                    pinnedRightPosition,
-                    zIndex: isPinned ? 10 : 1,
-                    disableStickyHeader: enableStickyHeader,
-                }),
-            }, ...slotProps?.headerCell, children: [_jsx(DraggableHeader, { header: header, enableSorting: enableSorting, draggable: !!(draggable && !isPinned), onColumnReorder: onColumnReorder, slots: slots, slotProps: slotProps }), enableColumnResizing && header.column.getCanResize() ? (_jsx(Box, { onMouseDown: header.getResizeHandler(), onTouchStart: header.getResizeHandler(), sx: {
-                        position: 'absolute',
-                        right: 0,
-                        top: '25%',
-                        height: '50%',
-                        width: '3px',
-                        cursor: 'col-resize',
-                        userSelect: 'none',
-                        touchAction: 'none',
-                        borderRadius: '4px',
-                        backgroundColor: header.column.getIsResizing() ? 'primary.main' : theme.palette.grey[300],
-                        '&:hover': {
-                            backgroundColor: theme.palette.primary.main,
-                        },
-                    } })) : null] }, header.id));
-    };
-    return (_jsx(HeaderSlot, { ...slotProps?.header, children: table.getHeaderGroups().map(headerGroup => (_jsx(HeaderRowSlot, { ...slotProps?.headerRow, children: headerGroup.headers.map(renderHeaderCell) }, headerGroup.id))) }));
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,SAAS,CAAC;AAGxB,cAAc,WAAW,CAAC;AAG1B,cAAc,QAAQ,CAAC;AAGvB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAI1B,cAAc,cAAc,CAAC;AAC7B,cAAc,2BAA2B,CAAC"}

package/lib/components/index.js

@@ -1,18 +0,0 @@
-/**
- * DataTable Components
- *
- * Organized component exports for the MUI TanStack DataTable
- */
-// Main table components
-export * from './table';
-// Header components
-export * from './headers';
-// Row components
-export * from './rows';
-// Toolbar components
-export * from './toolbar';
-// Filter components
-export * from './filters';
-// Pagination components
-export * from './pagination';
-export * from './droupdown/menu-dropdown';

package/lib/components/pagination/data-table-pagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table-pagination.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pagination/data-table-pagination.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,cAAc,GAAG,qBAAqB,CAAC;IACnJ,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,UAAU,EAAE;QACR,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KACpB,CAAC;CACL;AAED,eAAO,MAAM,mBAAmB,yFAK7B,wBAAwB,6CAuCzB,CAAA"}

package/lib/components/pagination/data-table-pagination.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// data-table-pagination.tsx
-import { TablePagination, Box } from '@mui/material';
-import { memo } from 'react';
-import { useDataTableContext } from '../../contexts/data-table-context';
-export const DataTablePagination = memo(({ footerFilter = null, pagination, totalRow, ...props }) => {
-    const { table } = useDataTableContext();
-    // console.log('DataTablePagination', pagination);
-    return (_jsxs(Box, { sx: {
-            display: 'flex',
-            alignItems: 'center',
-            gap: 1,
-            justifyContent: 'space-between',
-            px: 2,
-        }, children: [footerFilter, _jsx(TablePagination, { component: "div", count: totalRow, rowsPerPage: pagination?.pageSize, page: pagination?.pageIndex, onPageChange: (_, page) => {
-                    // Use TanStack Table's native pagination methods
-                    table.setPageIndex(page);
-                }, onRowsPerPageChange: e => {
-                    const newPageSize = Number(e.target.value);
-                    // Use TanStack Table's native pagination methods
-                    table.setPageIndex(0);
-                    table.setPageSize(newPageSize);
-                }, showFirstButton: true, showLastButton: true, labelRowsPerPage: "Rows per page:", labelDisplayedRows: ({ from, to, count }) => `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`, ...props })] }));
-});

package/lib/components/pagination/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pagination/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,yBAAyB,CAAC"}

package/lib/components/pagination/index.js

@@ -1,4 +0,0 @@
-/**
- * Pagination components for DataTable
- */
-export * from './data-table-pagination';

package/lib/components/rows/data-table-row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table-row.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/rows/data-table-row.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAc,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAChC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IAChD,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC5B,GAAG,EACH,WAAkB,EAClB,aAAqB,EACrB,KAAa,EACb,kBAAkB,EAClB,mBAA2B,EAC3B,KAAK,EACL,SAAS,GACZ,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CA6DtB"}

package/lib/components/rows/data-table-row.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * DataTableRow Component
- *
- * Renders individual table rows with support for:
- * - Column pinning
- * - Row expansion
- * - Hover effects
- * - Striped styling
- */
-import { TableRow, TableCell, Collapse } from '@mui/material';
-import { flexRender } from '@tanstack/react-table';
-import { getPinnedColumnStyle, getColumnAlignment } from '../../utils';
-import { getSlotComponent } from '../../utils/slot-helpers';
-/**
- * Individual table row component with cell rendering and expansion support
- */
-export function DataTableRow({ row, enableHover = true, enableStripes = false, isOdd = false, renderSubComponent, disableStickyHeader = false, slots, slotProps, }) {
-    const CellSlot = getSlotComponent(slots, 'cell', TableCell);
-    const ExpandedRowSlot = getSlotComponent(slots, 'expandedRow', TableRow);
-    const TableRowSlot = getSlotComponent(slots, 'row', TableRow);
-    return (_jsxs(_Fragment, { children: [_jsx(TableRowSlot, { hover: enableHover, sx: {
-                    backgroundColor: enableStripes && isOdd ? 'action.hover' : 'transparent',
-                }, children: row.getVisibleCells().map(cell => {
-                    const isPinned = cell.column.getIsPinned();
-                    const pinnedPosition = isPinned ? cell.column.getStart('left') : undefined;
-                    const pinnedRightPosition = isPinned === 'right' ? cell.column.getAfter('right') : undefined;
-                    const alignment = getColumnAlignment(cell.column.columnDef);
-                    return (_jsx(CellSlot, { align: alignment, sx: {
-                            ...getPinnedColumnStyle({
-                                width: cell.column.getSize() || 'auto',
-                                isPinned,
-                                pinnedPosition,
-                                pinnedRightPosition,
-                                zIndex: isPinned ? 9 : 1,
-                                disableStickyHeader,
-                                isLastLeftPinnedColumn: isPinned === 'left' && cell.column.getIsLastColumn('left'),
-                                isFirstRightPinnedColumn: isPinned === 'right' && cell.column.getIsFirstColumn('right'),
-                            }),
-                        }, ...slotProps?.cell, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
-                }) }), row.getIsExpanded() && renderSubComponent ? (_jsx(ExpandedRowSlot, { children: _jsx(CellSlot, { colSpan: row.getVisibleCells().length + 1, sx: { py: 0 }, children: _jsx(Collapse, { in: row.getIsExpanded(), timeout: "auto", unmountOnExit: true, children: renderSubComponent(row) }) }) })) : null] }));
-}

package/lib/components/rows/empty-data-row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty-data-row.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/rows/empty-data-row.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,2CAgBpK"}

package/lib/components/rows/empty-data-row.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TableCell, TableRow } from '@mui/material';
-import { getSlotComponent } from '../../utils/slot-helpers';
-export function EmptyDataRow({ colSpan, message, slots, slotProps }) {
-    const EmptyRowSlot = getSlotComponent(slots, 'emptyRow', TableRow);
-    const EmptyCellSlot = getSlotComponent(slots, 'cell', TableCell);
-    return (_jsx(EmptyRowSlot, { children: _jsx(EmptyCellSlot, { colSpan: colSpan, align: "center", sx: { py: 4 }, ...slotProps?.emptyCell, children: message }) }));
-}

package/lib/components/rows/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/rows/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/lib/components/rows/loading-rows.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading-rows.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/rows/loading-rows.tsx"],"names":[],"mappings":"AAQA,wBAAgB,WAAW,CAAC,EACxB,QAAY,EACZ,KAAK,EACL,SAAS,GACZ,EAAE;IACC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACnC,2CA+FA"}

package/lib/components/rows/loading-rows.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { TableCell, TableRow } from '@mui/material';
-import { Skeleton } from '@mui/material';
-import { useDataTableContext } from '../../contexts/data-table-context';
-import { getPinnedColumnStyle } from '../../utils';
-import { getSlotComponent } from '../../utils/slot-helpers';
-export function LoadingRows({ rowCount = 5, slots, slotProps, }) {
-    const { table } = useDataTableContext();
-    const visibleColumns = table.getVisibleLeafColumns();
-    const CellSlot = getSlotComponent(slots, 'cell', TableCell);
-    const TableRowSlot = getSlotComponent(slots, 'row', TableRow);
-    return (_jsx(_Fragment, { children: Array.from({ length: rowCount }, (_, rowIndex) => (_jsx(TableRowSlot, { ...slotProps?.row, children: visibleColumns.map((column, colIndex) => {
-                const isPinned = column.getIsPinned();
-                const pinnedPosition = isPinned ? column.getStart('left') : undefined;
-                const pinnedRightPosition = isPinned === 'right' ? column.getAfter('right') : undefined;
-                // Determine skeleton type based on column meta or content
-                const columnMeta = column.columnDef?.meta;
-                const isDateColumn = columnMeta?.type === 'date';
-                const isBooleanColumn = columnMeta?.type === 'boolean';
-                const isNumberColumn = columnMeta?.type === 'number';
-                const isSelectionColumn = column.id === 'select';
-                return (_jsx(CellSlot, { sx: getPinnedColumnStyle({
-                        width: column.getSize() || 'auto',
-                        isPinned,
-                        pinnedPosition,
-                        pinnedRightPosition,
-                        zIndex: isPinned ? 9 : 1,
-                        isLastLeftPinnedColumn: isPinned === 'left' && column.getIsLastColumn('left'),
-                        isFirstRightPinnedColumn: isPinned === 'right' && column.getIsFirstColumn('right'),
-                    }), ...slotProps?.cell, children: (() => {
-                        if (isSelectionColumn) {
-                            return (_jsx(Skeleton, { variant: "rectangular", width: 20, height: 20 }));
-                        }
-                        if (isBooleanColumn) {
-                            return (_jsx(Skeleton, { variant: "circular", width: 20, height: 20 }));
-                        }
-                        if (isDateColumn) {
-                            return (_jsx(Skeleton, { variant: "text", width: "80%", height: 20, animation: "wave" }));
-                        }
-                        if (isNumberColumn) {
-                            return (_jsx(Skeleton, { variant: "text", width: "60%", height: 20, animation: "wave" }));
-                        }
-                        return (_jsx(Skeleton, { variant: "text", width: `${Math.random() * 40 + 60}%`, height: 20, animation: "wave" }));
-                    })() }, `skeleton-${column.id || colIndex}-${rowIndex}`));
-            }) }, `skeleton-row-${rowIndex}`))) }));
-}

package/lib/components/table/data-table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/data-table.tsx"],"names":[],"mappings":"AA2CA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AA+B1D;;GAEG;AACH,eAAO,MAAM,SAAS,mHAw5BpB,CAAC"}