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

package/src/lib/features/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomSelectionFeature = exports.matchesCustomColumnFilters = exports.CustomColumnFilterFeature = void 0;
+var custom_column_filter_feature_1 = require("./custom-column-filter.feature");
+Object.defineProperty(exports, "CustomColumnFilterFeature", { enumerable: true, get: function () { return custom_column_filter_feature_1.CustomColumnFilterFeature; } });
+Object.defineProperty(exports, "matchesCustomColumnFilters", { enumerable: true, get: function () { return custom_column_filter_feature_1.matchesCustomColumnFilters; } });
+var custom_selection_feature_1 = require("./custom-selection.feature");
+Object.defineProperty(exports, "CustomSelectionFeature", { enumerable: true, get: function () { return custom_selection_feature_1.CustomSelectionFeature; } });

package/src/lib/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-data-table-api';

package/src/lib/hooks/index.js

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

package/src/lib/hooks/use-data-table-api.d.ts

@@ -0,0 +1,56 @@
+import { ColumnOrderState, ColumnPinningState, SortingState, Table } from '@tanstack/react-table';
+import { Ref } from 'react';
+import { CustomColumnFilterState, TableFilters, TableState } from '../types';
+import { DataTableApi } from '../types/data-table-api';
+import { SelectionState } from '../features';
+interface UseDataTableApiProps<T> {
+    table: Table<T>;
+    data: T[];
+    idKey: keyof T;
+    globalFilter: string;
+    customColumnsFilter: CustomColumnFilterState;
+    sorting: SortingState;
+    pagination: {
+        pageIndex: number;
+        pageSize: number;
+    };
+    columnOrder: ColumnOrderState;
+    columnPinning: ColumnPinningState;
+    enhancedColumns: any[];
+    enablePagination: boolean;
+    enableColumnPinning: boolean;
+    initialPageIndex: number;
+    initialPageSize?: number;
+    pageSize: number;
+    selectMode?: 'page' | 'all';
+    onSelectionChange?: (state: SelectionState) => void;
+    handleColumnFilterStateChange: (filterState: CustomColumnFilterState) => void;
+    onDataStateChange?: (state: Partial<TableState>) => void;
+    onFetchData?: (filters: Partial<TableFilters>) => void;
+    onDataChange?: (newData: T[]) => void;
+    exportFilename?: string;
+    onExportProgress?: (progress: {
+        processedRows: number;
+        totalRows: number;
+        percentage: number;
+    }) => void;
+    onExportComplete?: (result: {
+        success: boolean;
+        filename: string;
+        totalRows: number;
+    }) => void;
+    onExportError?: (error: {
+        message: string;
+        code: string;
+    }) => void;
+    onServerExport?: (filters?: Partial<TableFilters>, selection?: any) => Promise<{
+        data: any[];
+        total: number;
+    }>;
+    exportController?: AbortController | null;
+    setExportController?: (controller: AbortController | null) => void;
+    isExporting?: boolean;
+    dataMode?: 'client' | 'server';
+}
+export declare function useDataTableApi<T extends Record<string, any>>(props: UseDataTableApiProps<T>, ref: Ref<DataTableApi<T>>): void;
+export {};

package/{lib → src/lib}/hooks/use-data-table-api.js

@@ -1,26 +1,27 @@
-import { useImperativeHandle } from 'react';
-import { exportClientData, exportServerData } from '../utils/export-utils';
-export function useDataTableApi(props, ref) {
-    const { table, data, idKey, globalFilter, customColumnsFilter, sorting, pagination, columnOrder, columnPinning, enhancedColumns, enablePagination, enableColumnPinning, initialPageIndex, initialPageSize, pageSize, 
-    // Selection props
-    selectMode = 'page', onSelectionChange, handleColumnFilterStateChange, onDataStateChange, onFetchData, onDataChange, 
-    // Export props
-    exportFilename = 'export', onExportProgress, onExportComplete, onExportError, onServerExport, exportController, setExportController, isExporting, dataMode = 'client', } = props;
-    // Note: Custom selection is now handled by TanStack Table CustomSelectionFeature
-    useImperativeHandle(ref, () => ({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDataTableApi = useDataTableApi;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const export_utils_1 = require("../utils/export-utils");
+function useDataTableApi(props, ref) {
+    const { table, data, idKey, globalFilter, customColumnsFilter, sorting, pagination, columnOrder, columnPinning, enhancedColumns, enablePagination, enableColumnPinning, initialPageIndex, initialPageSize, pageSize, selectMode = 'page', onSelectionChange, handleColumnFilterStateChange, onDataStateChange, onFetchData, onDataChange, exportFilename = 'export', onExportProgress, onExportComplete, onExportError, onServerExport, exportController, setExportController, isExporting, dataMode = 'client', } = props;
+    (0, react_1.useImperativeHandle)(ref, () => ({
         table: {
             getTable: () => table,
         },
-        // Column Management
         columnVisibility: {
             showColumn: (columnId) => {
-                table.getColumn(columnId)?.toggleVisibility(true);
+                var _a;
+                (_a = table.getColumn(columnId)) === null || _a === void 0 ? void 0 : _a.toggleVisibility(true);
             },
             hideColumn: (columnId) => {
-                table.getColumn(columnId)?.toggleVisibility(false);
+                var _a;
+                (_a = table.getColumn(columnId)) === null || _a === void 0 ? void 0 : _a.toggleVisibility(false);
             },
             toggleColumn: (columnId) => {
-                table.getColumn(columnId)?.toggleVisibility();
+                var _a;
+                (_a = table.getColumn(columnId)) === null || _a === void 0 ? void 0 : _a.toggleVisibility();
             },
             showAllColumns: () => {
                 table.toggleAllColumnsVisible(true);
@@ -32,7 +33,6 @@ export function useDataTableApi(props, ref) {
                 table.resetColumnVisibility();
             },
         },
-        // Column Ordering
         columnOrdering: {
             setColumnOrder: (columnOrder) => {
                 table.setColumnOrder(columnOrder);
@@ -60,23 +60,18 @@ export function useDataTableApi(props, ref) {
                 table.setColumnOrder(initialOrder);
             },
         },
-        // Column Pinning
         columnPinning: {
             pinColumnLeft: (columnId) => {
                 const currentPinning = table.getState().columnPinning;
-                const newPinning = { ...currentPinning };
-                // Remove from right if exists
+                const newPinning = Object.assign({}, currentPinning);
                 newPinning.right = (newPinning.right || []).filter(id => id !== columnId);
-                // Add to left if not exists
                 newPinning.left = [...(newPinning.left || []).filter(id => id !== columnId), columnId];
                 table.setColumnPinning(newPinning);
             },
             pinColumnRight: (columnId) => {
                 const currentPinning = table.getState().columnPinning;
-                const newPinning = { ...currentPinning };
-                // Remove from left if exists
+                const newPinning = Object.assign({}, currentPinning);
                 newPinning.left = (newPinning.left || []).filter(id => id !== columnId);
-                // Add to right if not exists
                 newPinning.right = [...(newPinning.right || []).filter(id => id !== columnId), columnId];
                 table.setColumnPinning(newPinning);
             },
@@ -95,19 +90,14 @@ export function useDataTableApi(props, ref) {
                 table.setColumnPinning(table.initialState.columnPinning);
             },
         },
-        // Column Resizing
         columnResizing: {
             resizeColumn: (columnId, width) => {
-                // Use table's setColumnSizing method
                 const currentSizing = table.getState().columnSizing;
-                table.setColumnSizing({
-                    ...currentSizing,
-                    [columnId]: width,
-                });
+                table.setColumnSizing(Object.assign(Object.assign({}, currentSizing), { [columnId]: width }));
             },
             autoSizeColumn: (columnId) => {
-                // TanStack doesn't have built-in auto-size, so reset to default
-                table.getColumn(columnId)?.resetSize();
+                var _a;
+                (_a = table.getColumn(columnId)) === null || _a === void 0 ? void 0 : _a.resetSize();
             },
             autoSizeAllColumns: () => {
                 table.resetColumnSizing();
@@ -116,7 +106,6 @@ export function useDataTableApi(props, ref) {
                 table.resetColumnSizing();
             },
         },
-        // Filtering
         filtering: {
             setGlobalFilter: (filter) => {
                 table.setGlobalFilter(filter);
@@ -172,7 +161,6 @@ export function useDataTableApi(props, ref) {
                 });
             },
         },
-        // Sorting
         sorting: {
             setSorting: (sortingState) => {
                 table.setSorting(sortingState);
@@ -195,7 +183,6 @@ export function useDataTableApi(props, ref) {
                 table.resetSorting();
             },
         },
-        // Pagination
         pagination: {
             goToPage: (pageIndex) => {
                 table.setPageIndex(pageIndex);
@@ -219,24 +206,20 @@ export function useDataTableApi(props, ref) {
                 }
             },
         },
-        // Selection methods now use TanStack Table CustomSelectionFeature
-        // Access via table methods: table.selectRow(), table.getIsRowSelected(), etc.
         selection: {
-            selectRow: (rowId) => table.selectRow?.(rowId),
-            deselectRow: (rowId) => table.deselectRow?.(rowId),
-            toggleRowSelection: (rowId) => table.toggleRowSelected?.(rowId),
-            selectAll: () => table.selectAll?.(),
-            deselectAll: () => table.deselectAll?.(),
-            toggleSelectAll: () => table.toggleAllRowsSelected?.(),
-            getSelectionState: () => table.getSelectionState?.() || { ids: [], type: 'include' },
+            selectRow: (rowId) => { var _a; return (_a = table.selectRow) === null || _a === void 0 ? void 0 : _a.call(table, rowId); },
+            deselectRow: (rowId) => { var _a; return (_a = table.deselectRow) === null || _a === void 0 ? void 0 : _a.call(table, rowId); },
+            toggleRowSelection: (rowId) => { var _a; return (_a = table.toggleRowSelected) === null || _a === void 0 ? void 0 : _a.call(table, rowId); },
+            selectAll: () => { var _a; return (_a = table.selectAll) === null || _a === void 0 ? void 0 : _a.call(table); },
+            deselectAll: () => { var _a; return (_a = table.deselectAll) === null || _a === void 0 ? void 0 : _a.call(table); },
+            toggleSelectAll: () => { var _a; return (_a = table.toggleAllRowsSelected) === null || _a === void 0 ? void 0 : _a.call(table); },
+            getSelectionState: () => { var _a; return ((_a = table.getSelectionState) === null || _a === void 0 ? void 0 : _a.call(table)) || { ids: [], type: 'include' }; },
             getSelectedRows: () => table.getSelectedRows(),
             getSelectedCount: () => table.getSelectedCount(),
             isRowSelected: (rowId) => table.getIsRowSelected(rowId) || false,
         },
-        // Data Management
         data: {
             refresh: () => {
-                // Call external data state change handler to trigger refresh
                 const currentFilters = {
                     globalFilter,
                     customColumnsFilter: customColumnsFilter,
@@ -244,11 +227,8 @@ export function useDataTableApi(props, ref) {
                     pagination,
                 };
                 if (onDataStateChange) {
-                    const currentState = {
-                        ...currentFilters,
-                        columnOrder,
-                        columnPinning,
-                    };
+                    const currentState = Object.assign(Object.assign({}, currentFilters), { columnOrder,
+                        columnPinning });
                     onDataStateChange(currentState);
                 }
                 if (onFetchData) {
@@ -256,7 +236,6 @@ export function useDataTableApi(props, ref) {
                 }
             },
             reload: () => {
-                // Same as refresh for now
                 const currentFilters = {
                     globalFilter,
                     customColumnsFilter: customColumnsFilter,
@@ -264,18 +243,14 @@ export function useDataTableApi(props, ref) {
                     pagination,
                 };
                 if (onDataStateChange) {
-                    const currentState = {
-                        ...currentFilters,
-                        columnOrder,
-                        columnPinning,
-                    };
-                    onDataStateChange({ ...currentState });
+                    const currentState = Object.assign(Object.assign({}, currentFilters), { columnOrder,
+                        columnPinning });
+                    onDataStateChange(Object.assign({}, currentState));
                 }
                 if (onFetchData) {
-                    onFetchData({ ...currentFilters });
+                    onFetchData(Object.assign({}, currentFilters));
                 }
             },
-            // Data CRUD operations
             getAllData: () => {
                 return [...data];
             },
@@ -287,21 +262,14 @@ export function useDataTableApi(props, ref) {
             },
             updateRow: (rowId, updates) => {
                 const newData = data.map(row => String(row[idKey]) === rowId
-                    ? {
-                        ...row,
-                        ...updates,
-                    }
-                    : row);
-                onDataChange?.(newData);
+                    ? Object.assign(Object.assign({}, row), updates) : row);
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
             },
             updateRowByIndex: (index, updates) => {
                 const newData = [...data];
                 if (newData[index]) {
-                    newData[index] = {
-                        ...newData[index],
-                        ...updates,
-                    };
-                    onDataChange?.(newData);
+                    newData[index] = Object.assign(Object.assign({}, newData[index]), updates);
+                    onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
                 }
             },
             insertRow: (newRow, index) => {
@@ -312,40 +280,35 @@ export function useDataTableApi(props, ref) {
                 else {
                     newData.push(newRow);
                 }
-                onDataChange?.(newData);
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
             },
             deleteRow: (rowId) => {
                 const newData = data.filter(row => String(row[idKey]) !== rowId);
-                onDataChange?.(newData);
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
             },
             deleteRowByIndex: (index) => {
                 const newData = [...data];
                 newData.splice(index, 1);
-                onDataChange?.(newData);
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
             },
             deleteSelectedRows: () => {
                 const selectedRowIds = Object.keys(table.getState().rowSelection)
                     .filter(key => table.getState().rowSelection[key]);
                 const newData = data.filter(row => !selectedRowIds.includes(String(row[idKey])));
-                onDataChange?.(newData);
-                // Clear selection after deletion
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
                 table.resetRowSelection();
             },
             replaceAllData: (newData) => {
-                onDataChange?.(newData);
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
             },
-            // Bulk operations
             updateMultipleRows: (updates) => {
                 const updateMap = new Map(updates.map(u => [u.rowId, u.data]));
                 const newData = data.map(row => {
                     const rowId = String(row[idKey]);
                     const updateData = updateMap.get(rowId);
-                    return updateData ? {
-                        ...row,
-                        ...updateData,
-                    } : row;
+                    return updateData ? Object.assign(Object.assign({}, row), updateData) : row;
                 });
-                onDataChange?.(newData);
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
             },
             insertMultipleRows: (newRows, startIndex) => {
                 const newData = [...data];
@@ -355,34 +318,25 @@ export function useDataTableApi(props, ref) {
                 else {
                     newData.push(...newRows);
                 }
-                onDataChange?.(newData);
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
             },
             deleteMultipleRows: (rowIds) => {
                 const idsToDelete = new Set(rowIds);
                 const newData = data.filter(row => !idsToDelete.has(String(row[idKey])));
-                onDataChange?.(newData);
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
             },
-            // Field-specific updates
             updateField: (rowId, fieldName, value) => {
                 const newData = data.map(row => String(row[idKey]) === rowId
-                    ? {
-                        ...row,
-                        [fieldName]: value,
-                    }
-                    : row);
-                onDataChange?.(newData);
+                    ? Object.assign(Object.assign({}, row), { [fieldName]: value }) : row);
+                onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
             },
             updateFieldByIndex: (index, fieldName, value) => {
                 const newData = [...data];
                 if (newData[index]) {
-                    newData[index] = {
-                        ...newData[index],
-                        [fieldName]: value,
-                    };
-                    onDataChange?.(newData);
+                    newData[index] = Object.assign(Object.assign({}, newData[index]), { [fieldName]: value });
+                    onDataChange === null || onDataChange === void 0 ? void 0 : onDataChange(newData);
                 }
             },
-            // Data queries
             findRows: (predicate) => {
                 return data.filter(predicate);
             },
@@ -396,7 +350,6 @@ export function useDataTableApi(props, ref) {
                 return table.getFilteredRowModel().rows.length;
             },
         },
-        // Layout Management
         layout: {
             resetLayout: () => {
                 table.resetColumnSizing();
@@ -405,7 +358,6 @@ export function useDataTableApi(props, ref) {
                 table.resetGlobalFilter();
             },
             resetAll: () => {
-                // Reset everything to initial state
                 table.resetColumnSizing();
                 table.resetColumnVisibility();
                 table.resetSorting();
@@ -470,7 +422,6 @@ export function useDataTableApi(props, ref) {
                 }
             },
         },
-        // Table State
         state: {
             getTableState: () => {
                 return table.getState();
@@ -489,16 +440,14 @@ export function useDataTableApi(props, ref) {
                     .filter(key => table.getState().rowSelection[key]);
             },
         },
-        // Simplified Export
         export: {
-            exportCSV: async (options = {}) => {
+            exportCSV: (...args_1) => tslib_1.__awaiter(this, [...args_1], void 0, function* (options = {}) {
+                var _a;
                 const { filename = exportFilename, } = options;
                 try {
-                    // Create abort controller for this export
                     const controller = new AbortController();
-                    setExportController?.(controller);
+                    setExportController === null || setExportController === void 0 ? void 0 : setExportController(controller);
                     if (dataMode === 'server' && onServerExport) {
-                        // Server export with selection data
                         const currentFilters = {
                             globalFilter,
                             customColumnsFilter,
@@ -507,20 +456,19 @@ export function useDataTableApi(props, ref) {
                             columnOrder,
                             columnPinning,
                         };
-                        await exportServerData(table, {
+                        yield (0, export_utils_1.exportServerData)(table, {
                             format: 'csv',
                             filename,
                             fetchData: (filters, selection) => onServerExport(filters, selection),
                             currentFilters,
-                            selection: table.getSelectionState?.(),
+                            selection: (_a = table.getSelectionState) === null || _a === void 0 ? void 0 : _a.call(table),
                             onProgress: onExportProgress,
                             onComplete: onExportComplete,
                             onError: onExportError,
                         });
                     }
                     else {
-                        // Client export - auto-detect selected rows if not specified
-                        await exportClientData(table, {
+                        yield (0, export_utils_1.exportClientData)(table, {
                             format: 'csv',
                             filename,
                             onProgress: onExportProgress,
@@ -530,23 +478,22 @@ export function useDataTableApi(props, ref) {
                     }
                 }
                 catch (error) {
-                    onExportError?.({
+                    onExportError === null || onExportError === void 0 ? void 0 : onExportError({
                         message: error.message || 'Export failed',
                         code: 'EXPORT_ERROR',
                     });
                 }
                 finally {
-                    setExportController?.(null);
+                    setExportController === null || setExportController === void 0 ? void 0 : setExportController(null);
                 }
-            },
-            exportExcel: async (options = {}) => {
+            }),
+            exportExcel: (...args_1) => tslib_1.__awaiter(this, [...args_1], void 0, function* (options = {}) {
+                var _a;
                 const { filename = exportFilename } = options;
                 try {
-                    // Create abort controller for this export
                     const controller = new AbortController();
-                    setExportController?.(controller);
+                    setExportController === null || setExportController === void 0 ? void 0 : setExportController(controller);
                     if (dataMode === 'server' && onServerExport) {
-                        // Server export with selection data
                         const currentFilters = {
                             globalFilter,
                             customColumnsFilter,
@@ -555,20 +502,19 @@ export function useDataTableApi(props, ref) {
                             columnOrder,
                             columnPinning,
                         };
-                        await exportServerData(table, {
+                        yield (0, export_utils_1.exportServerData)(table, {
                             format: 'excel',
                             filename,
                             fetchData: (filters, selection) => onServerExport(filters, selection),
                             currentFilters,
-                            selection: table.getSelectionState?.(),
+                            selection: (_a = table.getSelectionState) === null || _a === void 0 ? void 0 : _a.call(table),
                             onProgress: onExportProgress,
                             onComplete: onExportComplete,
                             onError: onExportError,
                         });
                     }
                     else {
-                        // Client export - auto-detect selected rows if not specified
-                        await exportClientData(table, {
+                        yield (0, export_utils_1.exportClientData)(table, {
                             format: 'excel',
                             filename,
                             onProgress: onExportProgress,
@@ -578,28 +524,28 @@ export function useDataTableApi(props, ref) {
                     }
                 }
                 catch (error) {
-                    onExportError?.({
+                    onExportError === null || onExportError === void 0 ? void 0 : onExportError({
                         message: error.message || 'Export failed',
                         code: 'EXPORT_ERROR',
                     });
                 }
                 finally {
-                    setExportController?.(null);
+                    setExportController === null || setExportController === void 0 ? void 0 : setExportController(null);
                 }
-            },
-            exportServerData: async (options) => {
+            }),
+            exportServerData: (options) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                var _a;
                 const { format, filename = exportFilename, fetchData = onServerExport, } = options;
                 if (!fetchData) {
-                    onExportError?.({
+                    onExportError === null || onExportError === void 0 ? void 0 : onExportError({
                         message: 'No server export function provided',
                         code: 'NO_SERVER_EXPORT',
                     });
                     return;
                 }
                 try {
-                    // Create abort controller for this export
                     const controller = new AbortController();
-                    setExportController?.(controller);
+                    setExportController === null || setExportController === void 0 ? void 0 : setExportController(controller);
                     const currentFilters = {
                         globalFilter,
                         customColumnsFilter,
@@ -608,32 +554,31 @@ export function useDataTableApi(props, ref) {
                         columnOrder,
                         columnPinning,
                     };
-                    await exportServerData(table, {
+                    yield (0, export_utils_1.exportServerData)(table, {
                         format,
                         filename,
                         fetchData: (filters, selection) => fetchData(filters, selection),
                         currentFilters,
-                        selection: table.getSelectionState?.(),
+                        selection: (_a = table.getSelectionState) === null || _a === void 0 ? void 0 : _a.call(table),
                         onProgress: onExportProgress,
                         onComplete: onExportComplete,
                         onError: onExportError,
                     });
                 }
                 catch (error) {
-                    onExportError?.({
+                    onExportError === null || onExportError === void 0 ? void 0 : onExportError({
                         message: error.message || 'Export failed',
                         code: 'EXPORT_ERROR',
                     });
                 }
                 finally {
-                    setExportController?.(null);
+                    setExportController === null || setExportController === void 0 ? void 0 : setExportController(null);
                 }
-            },
-            // Export state
+            }),
             isExporting: () => isExporting || false,
             cancelExport: () => {
-                exportController?.abort();
-                setExportController?.(null);
+                exportController === null || exportController === void 0 ? void 0 : exportController.abort();
+                setExportController === null || setExportController === void 0 ? void 0 : setExportController(null);
             },
         },
     }), [
@@ -656,7 +601,6 @@ export function useDataTableApi(props, ref) {
         initialPageIndex,
         initialPageSize,
         pageSize,
-        // Export dependencies
         exportFilename,
         onExportProgress,
         onExportComplete,
@@ -668,6 +612,5 @@ export function useDataTableApi(props, ref) {
         dataMode,
         selectMode,
         onSelectionChange,
-        // Note: custom selection removed from dependency array
     ]);
 }

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

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

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

@@ -0,0 +1,8 @@
+"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

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

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

@@ -0,0 +1,8 @@
+"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

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

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

@@ -0,0 +1,8 @@
+"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

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

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

@@ -0,0 +1,8 @@
+"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" })] })));
+}