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

package/lib/utils/selection-helpers.js

@@ -0,0 +1,162 @@
+/**
+ * Selection Helper Utilities
+ *
+ * Common selection logic that can be shared between the API hook and selection column
+ * to avoid dependency on API reference in selection column
+ */
+/**
+ * Toggle select all logic
+ */
+export function toggleSelectAll(table, config) {
+    const { selectMode, selectionState, onSelectionStateChange } = config;
+    const isSomeSelect = isSomeSelected(config);
+    const isAllSelect = isAllSelected(table, config);
+    if (selectMode === 'all') {
+        let type;
+        if (!isAllSelect && isSomeSelect) {
+            type = 'include';
+        }
+        else if (selectionState?.type === 'include') {
+            type = 'exclude';
+        }
+        else {
+            type = 'include';
+        }
+        onSelectionStateChange({
+            ids: [],
+            type,
+        });
+        // Clear TanStack Table selections
+        table.toggleAllRowsSelected(false);
+    }
+    else {
+        // For 'page' mode: toggle current page selection
+        const currentPageRows = table.getPaginationRowModel().rows;
+        const isCurrentPageAllSelected = currentPageRows.every(row => selectionState?.ids.includes(row.id));
+        onSelectionStateChange({
+            ids: isCurrentPageAllSelected ? [] : currentPageRows.map(row => row.id),
+            type: 'include',
+        });
+    }
+}
+/**
+ * Select all logic
+ */
+export function selectAll(table, config) {
+    const { selectMode, onSelectionStateChange } = config;
+    if (selectMode === 'all') {
+        // For 'all' mode: exclude nothing (select all)
+        onSelectionStateChange({
+            ids: [],
+            type: 'include',
+        });
+    }
+    else {
+        // For 'page' mode: include current page rows
+        const currentPageRows = table.getPaginationRowModel().rows;
+        onSelectionStateChange({
+            ids: currentPageRows.map(row => row.id),
+            type: 'include',
+        });
+    }
+}
+/**
+ * Deselect all logic
+ */
+export function deselectAll(table, config) {
+    const { onSelectionStateChange } = config;
+    onSelectionStateChange({
+        ids: [],
+        type: 'include',
+    });
+}
+/**
+ * Toggle individual row selection
+ */
+export function toggleRowSelection(rowId, config, isSelect) {
+    const { selectionState, onSelectionStateChange } = config;
+    let ids = selectionState?.ids || [];
+    const hasRowId = ids.includes(rowId);
+    if (isSelect === undefined) {
+        ids = hasRowId ? ids.filter(id => id !== rowId) : [...ids, rowId];
+    }
+    else if (isSelect === true && !hasRowId) {
+        ids = [...ids, rowId];
+    }
+    else if (isSelect === false && hasRowId) {
+        ids = ids.filter(id => id !== rowId);
+    }
+    onSelectionStateChange({
+        ids,
+        type: selectionState?.type || 'include',
+    });
+}
+/**
+ * Check if all rows are selected
+ */
+export function isAllSelected(table, config) {
+    const { selectMode, selectionState } = config;
+    if (!selectionState) {
+        return false;
+    }
+    if (selectMode === 'all') {
+        if (selectionState.type === 'exclude') {
+            return selectionState.ids.length === 0;
+        }
+        else {
+            return selectionState.ids.length === table.getRowCount();
+        }
+    }
+    else {
+        const currentPageRows = table.getPaginationRowModel().rows;
+        return currentPageRows.every(row => selectionState?.ids.includes(row.id));
+    }
+}
+/**
+ * Check if some rows are selected (indeterminate state)
+ */
+export function isSomeSelected(config) {
+    const { selectMode, selectionState } = config;
+    if (selectMode === 'all') {
+        if (!selectionState) {
+            return false;
+        }
+        return (selectionState.type === 'exclude' && selectionState.ids?.length > 0) ||
+            (selectionState.type === 'include' && selectionState.ids?.length > 0);
+    }
+    else {
+        return selectionState?.ids?.length > 0;
+    }
+}
+/**
+ * Check if a specific row is selected
+ */
+export function isRowSelected(rowId, config) {
+    const { selectMode, selectionState } = config;
+    if (!selectionState) {
+        return false;
+    }
+    if (selectMode === 'all' && selectionState?.type === 'exclude') {
+        // all selection mode
+        return !selectionState.ids.includes(rowId);
+    }
+    else {
+        // In individual mode, selected only if included
+        return selectionState.ids.includes(rowId);
+    }
+}
+/**
+ * Get selected row count
+ */
+export function getSelectedCount(config) {
+    const { selectMode, selectionState, totalRow } = config;
+    if (!selectionState) {
+        return 0;
+    }
+    if (selectMode === 'all' && selectionState.type === 'exclude') {
+        return (totalRow || 0) - selectionState.ids.length;
+    }
+    else {
+        return selectionState.ids.length;
+    }
+}

package/lib/utils/slot-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/slot-helpers.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,cAAc,CAAC,CAAC,CAAC,EACjE,KAAK,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,EAC7C,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,GAC7B,aAAa,CAAC,GAAG,CAAC,CAEpB;AAED;;GAEG;AACH,wBAAgB,UAAU,CACtB,aAAa,EAAE,aAAa,CAAC,GAAG,CAAC,EACjC,YAAY,EAAE,GAAG,EACjB,SAAS,CAAC,EAAE,GAAG,2CASlB;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,cAAc,CAAC,CAAC,CAAC,EACzE,QAAQ,EAAE,CAAC,EACX,gBAAgB,EAAE,aAAa,CAAC,GAAG,CAAC,IAED,OAAO;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,cAAc,EAAE,GAAG,CAAC;CACvB,6CAaJ"}

package/lib/utils/slot-helpers.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Get slot component or fallback to default
+ */
+export function getSlotComponent(slots, slotName, fallback) {
+    return slots?.[slotName] || fallback;
+}
+/**
+ * Render a slot component with merged props
+ */
+export function renderSlot(slotComponent, defaultProps, slotProps) {
+    const mergedProps = {
+        ...defaultProps,
+        ...slotProps,
+    };
+    const Component = slotComponent;
+    return _jsx(Component, { ...mergedProps });
+}
+/**
+ * Higher-order component factory for creating slottable components
+ */
+export function createSlottableComponent(slotName, defaultComponent) {
+    return function SlottableComponent(props) {
+        const SlotComponent = getSlotComponent(props.slots, slotName, defaultComponent);
+        return renderSlot(SlotComponent, props.componentProps, props.slotProps?.[slotName]);
+    };
+}

package/lib/utils/special-columns.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"special-columns.utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/special-columns.utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAgE,MAAM,UAAU,CAAC;AAEzG;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;CAEzB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAE,QAAQ,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,KAAG,eAAe,CAAC,CAAC,CAoDzH,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAE,QAAQ,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAG,eAAe,CAAC,CAAC,CAiB9F,CAAC"}

package/lib/utils/special-columns.utils.js

@@ -0,0 +1,77 @@
+import { KeyboardArrowDownOutlined, KeyboardArrowUpOutlined } from '@mui/icons-material';
+import { Checkbox, IconButton } from '@mui/material';
+import { createElement } from 'react';
+import { DEFAULT_EXPANDING_COLUMN_NAME, DEFAULT_SELECTION_COLUMN_NAME } from '../types';
+/**
+ * Creates a default selection column using TanStack Table custom feature methods
+ */
+export const createSelectionColumn = (config) => ({
+    id: DEFAULT_SELECTION_COLUMN_NAME,
+    size: 60,
+    align: 'center',
+    filterable: false,
+    enableResizing: false,
+    enableSorting: false,
+    enableHiding: false,
+    enablePinning: false,
+    hideInExport: true,
+    header: ({ table }) => {
+        if (!config.multiSelect)
+            return null;
+        // Use TanStack Table custom feature methods (same pattern as TanStack documentation)
+        const allSelected = table.getIsAllRowsSelected?.() || false;
+        const someSelected = table.getIsSomeRowsSelected?.() || false;
+        return createElement(Checkbox, {
+            checked: allSelected,
+            indeterminate: someSelected && !allSelected,
+            disabled: false,
+            onChange: () => {
+                table.toggleAllRowsSelected?.();
+            },
+            size: 'small',
+            sx: { p: 0 },
+        });
+    },
+    cell: ({ row, table }) => {
+        const rowId = row.id;
+        // Use TanStack Table custom feature methods (same pattern as TanStack documentation)
+        const checked = table.getIsRowSelected?.(rowId) || false;
+        const canSelect = table.canSelectRow?.(rowId) ?? true;
+        return createElement(Checkbox, {
+            checked,
+            disabled: !canSelect,
+            onChange: () => {
+                if (canSelect) {
+                    table.toggleRowSelected?.(rowId);
+                }
+            },
+            size: 'small',
+            sx: {
+                p: 0,
+                opacity: canSelect ? 1 : 0.5
+            },
+        });
+    },
+    ...config,
+});
+/**
+ * Creates a default expanding column
+ */
+export const createExpandingColumn = (config) => ({
+    id: DEFAULT_EXPANDING_COLUMN_NAME,
+    size: 60,
+    align: 'center',
+    filterable: false,
+    enableResizing: false,
+    enableSorting: false,
+    enableHiding: false,
+    enablePinning: false,
+    hideInExport: true,
+    header: '',
+    cell: ({ row }) => createElement(IconButton, {
+        onClick: row.getToggleExpandedHandler(),
+        size: 'small',
+        sx: { p: 0 },
+    }, row.getIsExpanded() ? createElement(KeyboardArrowUpOutlined) : createElement(KeyboardArrowDownOutlined)),
+    ...config,
+});

package/lib/utils/styling-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styling-helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/styling-helpers.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAqB1E;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,wBAAwB;;;;;;;;;;EAmDrE;AAED;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;CAUlB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;CAWjB,CAAC;AAEX;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAG7F"}

package/lib/utils/styling-helpers.js

@@ -0,0 +1,97 @@
+/**
+ * Styling utilities for DataTable components
+ */
+/**
+ * Generate box shadow for pinned columns using subtle theme-compatible shadows
+ * Only shows shadow on the trailing edge of pinned columns
+ */
+const getBoxShadow = (isPinned, isLastLeftPinnedColumn, isFirstRightPinnedColumn) => {
+    if (isPinned === 'left' && isLastLeftPinnedColumn) {
+        // Subtle shadow on right side of left-pinned column
+        return '1px 0 3px rgba(0, 0, 0, 0.12)';
+    }
+    if (isPinned === 'right' && isFirstRightPinnedColumn) {
+        // Subtle shadow on left side of right-pinned column
+        return '-1px 0 3px rgba(0, 0, 0, 0.12)';
+    }
+    return 'none';
+};
+/**
+ * Generate consistent styling for pinned columns
+ */
+export function getPinnedColumnStyle(options) {
+    const { width = 'auto', isPinned, pinnedPosition, pinnedRightPosition, isLastLeftPinnedColumn, isFirstRightPinnedColumn, zIndex = 1, disableStickyHeader = false, } = options;
+    // Pinned columns should ALWAYS be sticky, regardless of enableStickyHeader setting
+    const needsPinnedPositioning = isPinned;
+    const shouldBeSticky = isPinned; // Pinned columns are always sticky
+    // Position logic
+    let positionStyle = {};
+    if (shouldBeSticky) {
+        // Pinned columns must always be sticky
+        positionStyle = { position: 'sticky' };
+    }
+    else if (!disableStickyHeader) {
+        // Non-pinned columns: only sticky when enableStickyHeader is false
+        positionStyle = { position: 'relative' };
+    }
+    // When disableStickyHeader is true and column is not pinned, let Table handle stickiness
+    return {
+        // Width constraints - more strict for narrow columns
+        width,
+        maxWidth: width,
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        // Position handling
+        ...positionStyle,
+        // Pinned positioning (works with both sticky modes)
+        ...(needsPinnedPositioning ? {
+            left: isPinned === 'left' ? pinnedPosition : undefined,
+            right: isPinned === 'right' ? pinnedRightPosition : undefined,
+            zIndex,
+        } : {}),
+        // Background handling for pinned columns - simpler approach
+        ...(isPinned && {
+            // Use theme background as fallback, but allow inheritance from parent
+            backgroundColor: 'background.paper',
+        }),
+        // Box shadow only on trailing edge with subtle shadows
+        boxShadow: getBoxShadow(isPinned, !!isLastLeftPinnedColumn, !!isFirstRightPinnedColumn),
+    };
+}
+/**
+ * Common table cell styling
+ */
+export const tableCellStyles = {
+    sticky: {
+        position: 'sticky',
+        zIndex: 10,
+        backgroundColor: 'background.paper',
+    },
+    pinned: {
+        borderRight: '1px solid',
+        borderColor: 'divider',
+    },
+};
+/**
+ * Common table row styling
+ */
+export const tableRowStyles = {
+    hover: {
+        '&:hover': {
+            backgroundColor: 'action.hover',
+        },
+    },
+    striped: {
+        '&:nth-of-type(odd)': {
+            backgroundColor: 'action.selected',
+        },
+    },
+};
+/**
+ * Get text alignment style from column metadata
+ */
+export function getColumnAlignment(column) {
+    if (!column)
+        return 'left';
+    return column.align || 'left';
+}

package/lib/utils/table-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/table-helpers.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE/C;;GAEG;AACH,wBAAgB,qBAAqB,CACjC,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,MAAM,EACjB,OAAO,SAAK,GACb,MAAM,CAGR;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAK/E;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CACvC,OAAO,EAAE,GAAG,EAAE,EACd,IAAI,EAAE,MAAM,GAAG,OAAO,GACvB,MAAM,CAIR;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAChC,WAAW,EAAE,OAAO,EACpB,oBAAoB,EAAE,OAAO,EAC7B,YAAY,EAAE,MAAM,GACrB,OAAO,CAET;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAehE;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACtD,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,MAAM,GACb,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAMlC;AAED;;GAEG;AAEH,wBAAgB,qBAAqB,CACjC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,GAAG,EAAE,EACd,eAAe,EAAE,MAAM,GACxB,YAAY,CAOd"}

package/lib/utils/table-helpers.js

@@ -0,0 +1,72 @@
+/**
+ * General table utilities for DataTable components
+ */
+/**
+ * Calculate skeleton rows count based on viewport and row height
+ */
+export 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) {
+    if (idKey && row[idKey]) {
+        return String(row[idKey]);
+    }
+    return `row-${index}`;
+}
+/**
+ * Calculate total width of pinned columns
+ */
+export 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) {
+    return fitToScreen || (enableColumnResizing && totalColumns > 5);
+}
+/**
+ * Format cell value based on column type
+ */
+export function formatCellValue(value, type) {
+    if (value === null || value === undefined) {
+        return '-';
+    }
+    switch (type) {
+        case 'date':
+            return value instanceof Date ? value.toLocaleDateString() : String(value);
+        case 'number':
+            return typeof value === 'number' ? value.toLocaleString() : String(value);
+        case 'boolean':
+            return value ? 'Yes' : 'No';
+        default:
+            return String(value);
+    }
+}
+/**
+ * Debounce function for search and filters
+ */
+export 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) {
+    return {
+        totalRows,
+        visibleRows,
+        pinnedColumns: columns.filter(col => col.getIsPinned()).length,
+        renderTime: performance.now() - renderStartTime,
+    };
+}

package/lib/utils/value-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/value-helpers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,oBAAoB,GAAG,GAAG,CAqB9D;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,oBAAoB,GAAG,GAAG,CAGnE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,KAEtB,2BAA2B,GAAG,SAOzC"}

package/lib/utils/value-helpers.js

@@ -0,0 +1,48 @@
+/**
+ * Common value processing utilities for cell display and export
+ * Uses TanStack Table's built-in functionality instead of custom valueGetter/valueFormatter
+ */
+/**
+ * Get the raw value from a cell using TanStack Table's built-in methods
+ * This is the single source of truth for value processing
+ */
+export function getCellValue(params) {
+    const { row, getValue, column } = params;
+    const colDef = column.columnDef || column;
+    const rowData = row.original || row;
+    // Use TanStack Table's getValue for cell display (preferred)
+    if (getValue) {
+        return getValue();
+    }
+    // Use accessor function if available
+    if (colDef?.accessorFn) {
+        return colDef.accessorFn(rowData);
+    }
+    // Fallback to direct property access
+    if (colDef?.accessorKey) {
+        return rowData[colDef.accessorKey];
+    }
+    return undefined;
+}
+/**
+ * @deprecated Use TanStack Table's built-in cell rendering instead
+ * This function is kept for backward compatibility but should not be used in new code
+ */
+export function getFormattedValue(params) {
+    console.warn('getFormattedValue is deprecated. Use TanStack Table\'s built-in cell rendering with accessorFn instead.');
+    return getCellValue(params);
+}
+/**
+ * @deprecated Use TanStack Table's built-in cell rendering instead
+ * This function is kept for backward compatibility but should not be used in new code
+ */
+export function createEnhancedCell() {
+    console.warn('createEnhancedCell is deprecated. Use TanStack Table\'s built-in cell rendering instead.');
+    return ({ row, getValue, column }) => {
+        return getCellValue({
+            row,
+            getValue,
+            column,
+        });
+    };
+}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@ackplus/react-tanstack-data-table",
+  "version": "1.0.19-beta-0.6",
+  "description": "A powerful React data table component built with MUI and TanStack Table",
+  "keywords": [
+    "react",
+    "table",
+    "data-table",
+    "tanstack",
+    "mui",
+    "material-ui",
+    "typescript",
+    "component"
+  ],
+  "author": {
+    "name": "ACK Plus",
+    "email": "your-email@example.com"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/ack-solutions/react-tanstack-data-table/packages/#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ack-solutions/react-tanstack-data-table.git"
+  },
+  "bugs": {
+    "url": "https://github.com/ack-solutions/react-tanstack-data-table/issues"
+  },
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "peerDependencies": {
+    "@emotion/react": ">=11.0.0",
+    "@emotion/styled": ">=11.0.0",
+    "@mui/icons-material": ">=5.0.0 || ^6.0.0 || ^7.0.0",
+    "@mui/material": ">=5.0.0 || ^6.0.0 || ^7.0.0",
+    "@tanstack/react-table": ">=8.10.0",
+    "@tanstack/react-virtual": ">=3.0.0",
+    "react": ">=18.0.0 || ^19.0.0",
+    "react-dom": ">=18.0.0 || ^19.0.0",
+    "xlsx": ">=0.18.0",
+    "moment": ">=2.29.0",
+    "@mui/x-date-pickers": ">=5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "typescript": "^5.8.2"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "development": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  }
+}