@ackplus/react-tanstack-data-table 1.0.34 → 1.1.1

package/src/lib/icons/add-icon.d.ts

@@ -1,2 +0,0 @@
-import { SvgIconProps } from '@mui/material';
-export declare function AddIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/add-icon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddIcon = AddIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function AddIcon(props) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({}, props, { viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "9", fill: "none", stroke: "currentColor", strokeWidth: "0.5", opacity: "0.3" })] })));
-}

package/src/lib/icons/csv-icon.d.ts

@@ -1,2 +0,0 @@
-import { SvgIconProps } from '@mui/material';
-export declare function CsvIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/csv-icon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CsvIcon = CsvIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function CsvIcon(props) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({}, props, { viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { d: "M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M7,12.5A0.5,0.5 0 0,1 7.5,12H8.5A0.5,0.5 0 0,1 9,12.5V13.5A0.5,0.5 0 0,1 8.5,14H7.5A0.5,0.5 0 0,1 7,13.5M10.5,12.5A0.5,0.5 0 0,1 11,12H12A0.5,0.5 0 0,1 12.5,12.5V13.5A0.5,0.5 0 0,1 12,14H11A0.5,0.5 0 0,1 10.5,13.5M14,12.5A0.5,0.5 0 0,1 14.5,12H15.5A0.5,0.5 0 0,1 16,12.5V13.5A0.5,0.5 0 0,1 15.5,14H14.5A0.5,0.5 0 0,1 14,13.5" })] })));
-}

package/src/lib/icons/delete-icon.d.ts

@@ -1,2 +0,0 @@
-import { SvgIconProps } from '@mui/material';
-export declare function DeleteIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/delete-icon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeleteIcon = DeleteIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function DeleteIcon(props) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({}, props, { viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z" }), (0, jsx_runtime_1.jsx)("rect", { x: "9", y: "8", width: "2", height: "9", fill: "currentColor", opacity: "0.6" }), (0, jsx_runtime_1.jsx)("rect", { x: "13", y: "8", width: "2", height: "9", fill: "currentColor", opacity: "0.6" })] })));
-}

package/src/lib/icons/excel-icon.d.ts

@@ -1,2 +0,0 @@
-import { SvgIconProps } from '@mui/material';
-export declare function ExcelIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/excel-icon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExcelIcon = ExcelIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function ExcelIcon(props) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({}, props, { viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { d: "M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.5,15L9.75,12.5L11.5,10H10L8.75,11.5L7.5,10H6L7.75,12.5L6,15H7.5L8.75,13.5L10,15H11.5M15,10V12H17V10H15M15,14V16H17V14H15Z" })] })));
-}

package/src/lib/icons/unpin-icon.d.ts

@@ -1,2 +0,0 @@
-import { SvgIconProps } from '@mui/material';
-export declare function UnpinIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/unpin-icon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnpinIcon = UnpinIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function UnpinIcon(props) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({}, props, { viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("path", { d: "M2 5.27L3.28 4 20 20.72 18.73 22l-3.41-3.41V22h-1.6v-6H8v-2l2-2V9.27L2 5.27zM16 12V4h1V2H7v2h1v3.73l8 8z", opacity: "0.7" }), (0, jsx_runtime_1.jsx)("path", { d: "M14.73 12L16 10.73V4h1V2H7v2h1v3.73l2.27 2.27z" })] })));
-}

package/src/lib/icons/view-comfortable-icon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewComfortableIcon = ViewComfortableIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function ViewComfortableIcon(props) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({}, props, { viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("rect", { x: "3", y: "3", width: "18", height: "3", fill: "currentColor", rx: "1" }), (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "8", width: "18", height: "3", fill: "currentColor", rx: "1" }), (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "13", width: "18", height: "3", fill: "currentColor", rx: "1" }), (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "18", width: "18", height: "3", fill: "currentColor", rx: "1" })] })));
-}

package/src/lib/icons/view-compact-icon.d.ts

@@ -1,2 +0,0 @@
-import { SvgIconProps } from '@mui/material';
-export declare function ViewCompactIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/icons/view-compact-icon.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewCompactIcon = ViewCompactIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-function ViewCompactIcon(props) {
-    return ((0, jsx_runtime_1.jsxs)(material_1.SvgIcon, Object.assign({}, props, { viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("rect", { x: "3", y: "4", width: "18", height: "2", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "7", width: "18", height: "2", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "10", width: "18", height: "2", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "13", width: "18", height: "2", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "16", width: "18", height: "2", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "3", y: "19", width: "18", height: "2", fill: "currentColor" })] })));
-}

package/src/lib/types/export.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/src/lib/types/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./column.types"), exports);
-tslib_1.__exportStar(require("./table.types"), exports);
-tslib_1.__exportStar(require("./export.types"), exports);
-tslib_1.__exportStar(require("./data-table-api"), exports);
-tslib_1.__exportStar(require("./slots.types"), exports);

package/src/lib/utils/export-utils.js

@@ -1,175 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.exportClientData = exportClientData;
-exports.exportServerData = exportServerData;
-const tslib_1 = require("tslib");
-const XLSX = tslib_1.__importStar(require("xlsx"));
-function exportClientData(table, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const { format, filename, onProgress, onComplete, onError } = options;
-        try {
-            const selectedRows = table.getSelectedRows ? table.getSelectedRows() : [];
-            const hasSelectedRows = selectedRows.length > 0;
-            const rowsToExport = hasSelectedRows ? selectedRows : table.getFilteredRowModel().rows;
-            const exportData = rowsToExport.map((row, index) => {
-                onProgress === null || onProgress === void 0 ? void 0 : onProgress({
-                    processedRows: index + 1,
-                    totalRows: rowsToExport.length,
-                    percentage: Math.round(((index + 1) / rowsToExport.length) * 100),
-                });
-                const rowData = {};
-                row.getVisibleCells().forEach(cell => {
-                    const columnDef = cell.column.columnDef;
-                    if (columnDef.hideInExport === true) {
-                        return;
-                    }
-                    const header = typeof columnDef.header === 'string' ? columnDef.header : cell.column.id;
-                    rowData[header] = cell.getValue() || '';
-                });
-                return rowData;
-            });
-            yield exportToFile(exportData, format, filename);
-            onComplete === null || onComplete === void 0 ? void 0 : onComplete({
-                success: true,
-                filename: `${filename}.${format === 'excel' ? 'xlsx' : 'csv'}`,
-                totalRows: exportData.length,
-            });
-        }
-        catch (error) {
-            console.error('Client export failed:', error);
-            onError === null || onError === void 0 ? void 0 : onError({
-                message: error instanceof Error ? error.message : 'Export failed',
-                code: 'CLIENT_EXPORT_ERROR',
-            });
-        }
-    });
-}
-function exportServerData(table, options) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        const { format, filename, fetchData, currentFilters, selection, onProgress, onComplete, onError } = options;
-        try {
-            onProgress === null || onProgress === void 0 ? void 0 : onProgress({});
-            const initialResponse = yield fetchData(Object.assign(Object.assign({}, currentFilters), { pagination: { pageIndex: 0, pageSize: 1 } }), selection);
-            if (!initialResponse || !initialResponse.data || !Array.isArray(initialResponse.data)) {
-                throw new Error('Invalid data received from server');
-            }
-            const totalRows = initialResponse.total || initialResponse.data.length;
-            const CHUNK_SIZE = 1000;
-            const needsChunking = totalRows > CHUNK_SIZE;
-            let allData = [];
-            if (needsChunking) {
-                const totalPages = Math.ceil(totalRows / CHUNK_SIZE);
-                for (let page = 1; page <= totalPages; page++) {
-                    const chunkFilters = Object.assign(Object.assign({}, currentFilters), { pagination: {
-                            pageIndex: page - 1,
-                            pageSize: CHUNK_SIZE,
-                        } });
-                    const chunkResponse = yield fetchData(chunkFilters, selection);
-                    if (!chunkResponse || !chunkResponse.data || !Array.isArray(chunkResponse.data)) {
-                        throw new Error(`Failed to fetch chunk ${page}`);
-                    }
-                    allData = [...allData, ...chunkResponse.data];
-                    if (page < totalPages) {
-                        yield new Promise(resolve => setTimeout(resolve, 100));
-                    }
-                }
-            }
-            else {
-                allData = initialResponse.data;
-            }
-            const visibleColumns = table.getVisibleLeafColumns().filter(col => {
-                const columnDef = col.columnDef;
-                return col.getIsVisible() && columnDef.hideInExport !== true;
-            });
-            const exportData = [];
-            for (let index = 0; index < allData.length; index++) {
-                const rowData = allData[index];
-                const exportRow = {};
-                visibleColumns.forEach(column => {
-                    var _a;
-                    const columnId = column.id;
-                    const columnDef = column.columnDef;
-                    const header = typeof columnDef.header === 'string'
-                        ? columnDef.header
-                        : columnId;
-                    let value = rowData[columnId];
-                    if (column.accessorFn && typeof column.accessorFn === 'function') {
-                        value = ((_a = (column.accessorFn(rowData, index) || '')) === null || _a === void 0 ? void 0 : _a.toString()) || '';
-                    }
-                    if (value === null || value === undefined) {
-                        value = '';
-                    }
-                    else if (typeof value === 'object') {
-                        value = JSON.stringify(value);
-                    }
-                    else {
-                        value = String(value);
-                    }
-                    exportRow[header] = value;
-                });
-                exportData.push(exportRow);
-            }
-            yield exportToFile(exportData, format, filename);
-            onComplete === null || onComplete === void 0 ? void 0 : onComplete({
-                success: true,
-                filename: `${filename}.${format === 'excel' ? 'xlsx' : 'csv'}`,
-                totalRows: exportData.length,
-            });
-        }
-        catch (error) {
-            console.error('Server export failed:', error);
-            onError === null || onError === void 0 ? void 0 : onError({
-                message: error instanceof Error ? error.message : 'Export failed',
-                code: 'SERVER_EXPORT_ERROR',
-            });
-        }
-    });
-}
-function exportToFile(data, format, filename) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        if (data.length === 0) {
-            throw new Error('No data to export');
-        }
-        if (format === 'csv') {
-            const csv = convertToCSV(data);
-            downloadFile(csv, `${filename}.csv`, 'text/csv');
-        }
-        else {
-            const workbook = XLSX.utils.book_new();
-            const worksheet = XLSX.utils.json_to_sheet(data);
-            XLSX.utils.book_append_sheet(workbook, worksheet, 'Data');
-            const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
-            const blob = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-            downloadFile(blob, `${filename}.xlsx`, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
-        }
-    });
-}
-function convertToCSV(data) {
-    if (data.length === 0)
-        return '';
-    const headers = Object.keys(data[0]);
-    const csvRows = [headers.join(',')];
-    for (const row of data) {
-        const values = headers.map(header => {
-            const value = row[header] || '';
-            if (typeof value === 'string' && (value.includes(',') || value.includes('"') || value.includes('\n'))) {
-                return `"${value.replace(/"/g, '""')}"`;
-            }
-            return value;
-        });
-        csvRows.push(values.join(','));
-    }
-    return csvRows.join('\n');
-}
-function downloadFile(content, filename, mimeType) {
-    const blob = content instanceof Blob ? content : new Blob([content], { type: mimeType });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement('a');
-    link.href = url;
-    link.download = filename;
-    link.style.display = 'none';
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-}

package/src/lib/utils/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./styling-helpers"), exports);
-tslib_1.__exportStar(require("./table-helpers"), exports);
-tslib_1.__exportStar(require("./column-helpers"), exports);
-tslib_1.__exportStar(require("./export-utils"), exports);
-tslib_1.__exportStar(require("./special-columns.utils"), exports);
-tslib_1.__exportStar(require("./debounced-fetch.utils"), exports);
-tslib_1.__exportStar(require("./slot-helpers"), exports);
-tslib_1.__exportStar(require("./logger"), exports);

package/src/lib/utils/styling-helpers.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tableRowStyles = exports.tableCellStyles = void 0;
-exports.getPinnedColumnStyle = getPinnedColumnStyle;
-exports.getColumnAlignment = getColumnAlignment;
-function getPinnedColumnStyle(options) {
-    const { width = 'auto', minWidth, maxWidth, isPinned, pinnedPosition, pinnedRightPosition, isLastLeftPinnedColumn, isFirstRightPinnedColumn, zIndex = 1, disableStickyHeader = false, wrapText = false, } = options;
-    const needsPinnedPositioning = isPinned;
-    const shouldBeSticky = isPinned;
-    let positionStyle = {};
-    if (shouldBeSticky) {
-        positionStyle = { position: 'sticky' };
-    }
-    else if (!disableStickyHeader) {
-        positionStyle = { position: 'relative' };
-    }
-    const textWrappingStyles = wrapText
-        ? {
-            whiteSpace: 'normal',
-            wordBreak: 'break-word',
-            overflow: 'visible',
-        }
-        : {
-            overflow: 'hidden',
-            whiteSpace: 'nowrap',
-            textOverflow: 'ellipsis',
-        };
-    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ width }, (minWidth !== undefined && { minWidth })), (maxWidth !== undefined ? { maxWidth } : { maxWidth: width })), textWrappingStyles), positionStyle), (needsPinnedPositioning ? {
-        left: isPinned === 'left' ? pinnedPosition : undefined,
-        right: isPinned === 'right' ? pinnedRightPosition : undefined,
-        zIndex,
-    } : {})), { boxShadow: isPinned === 'left' && isLastLeftPinnedColumn
-            ? 'inset -1px 0 0 var(--palette-TableCell-border), 6px 0 6px -4px rgba(0,0,0,.18)'
-            : isPinned === 'right' && isFirstRightPinnedColumn
-                ? 'inset 1px 0 0 var(--palette-TableCell-border), -6px 0 6px -4px rgba(0,0,0,.18)'
-                : undefined }), (isPinned ? {
-        backgroundColor: (theme) => theme.palette.background.paper,
-        backgroundImage: (theme) => `linear-gradient(var(--row-bg, ${theme.palette.background.paper}), var(--row-bg, ${theme.palette.background.paper}))`,
-    } : {
-        backgroundColor: (theme) => `var(--row-bg, ${theme.palette.background.paper})`,
-    }));
-}
-exports.tableCellStyles = {
-    sticky: {
-        position: 'sticky',
-        zIndex: 10,
-        backgroundColor: 'background.paper',
-    },
-    pinned: {
-        borderRight: '1px solid',
-        borderColor: 'divider',
-    },
-};
-exports.tableRowStyles = {
-    hover: {
-        '&:hover': {
-            backgroundColor: 'action.hover',
-        },
-    },
-    striped: {
-        '&:nth-of-type(odd)': {
-            backgroundColor: 'action.selected',
-        },
-    },
-};
-function getColumnAlignment(column) {
-    if (!column)
-        return 'left';
-    return column.align || 'left';
-}

package/tsconfig.tsbuildinfo

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