@ackplus/react-tanstack-data-table 1.0.35 → 1.1.3

package/src/lib/utils/slot-helpers.tsx

@@ -0,0 +1,194 @@
+/**
+ * Enhanced Slot Helper Utilities
+ *
+ * Utilities to help with rendering slotted components with enhanced prop merging,
+ * type safety, and full customization support.
+ */
+import { ComponentType, createElement } from 'react';
+import { DataTableSlots } from '../types/slots.types';
+
+/**
+ * Enhanced slot component retrieval with better type safety
+ */
+export function getSlotComponent<T, K extends keyof DataTableSlots<T>>(
+    slots: Partial<DataTableSlots<T>> | undefined,
+    slotName: K,
+    fallback: ComponentType<any>,
+): ComponentType<any> {
+    return (slots?.[slotName] as ComponentType<any>) || fallback;
+}
+
+/**
+ * Merge slot props with default props and user overrides
+ * Handles special cases for MUI sx prop, style prop, and className
+ */
+export function mergeSlotProps(
+    defaultProps: Record<string, any> = {},
+    slotProps: Record<string, any> = {},
+    userProps: Record<string, any> = {}
+): Record<string, any> {
+    // Deep merge objects, giving priority to user props
+    const merged = { ...defaultProps };
+    
+    // Merge slot props
+    Object.keys(slotProps).forEach(key => {
+        const slotValue = slotProps[key];
+        const mergedValue = merged[key];
+        
+        if (key === 'sx' && typeof slotValue === 'object' && typeof mergedValue === 'object') {
+            // Special handling for MUI sx prop
+            merged[key] = { ...mergedValue, ...slotValue };
+        } else if (key === 'style' && typeof slotValue === 'object' && typeof mergedValue === 'object') {
+            // Special handling for style prop
+            merged[key] = { ...mergedValue, ...slotValue };
+        } else if (key === 'className' && typeof slotValue === 'string' && typeof mergedValue === 'string') {
+            // Special handling for className prop
+            merged[key] = `${mergedValue} ${slotValue}`.trim();
+        } else {
+            merged[key] = slotValue;
+        }
+    });
+    
+    // Merge user props (highest priority)
+    Object.keys(userProps).forEach(key => {
+        const userValue = userProps[key];
+        const mergedValue = merged[key];
+        
+        if (key === 'sx' && typeof userValue === 'object' && typeof mergedValue === 'object') {
+            // Special handling for MUI sx prop
+            merged[key] = { ...mergedValue, ...userValue };
+        } else if (key === 'style' && typeof userValue === 'object' && typeof mergedValue === 'object') {
+            // Special handling for style prop
+            merged[key] = { ...mergedValue, ...userValue };
+        } else if (key === 'className' && typeof userValue === 'string' && typeof mergedValue === 'string') {
+            // Special handling for className prop
+            merged[key] = `${mergedValue} ${userValue}`.trim();
+        } else {
+            merged[key] = userValue;
+        }
+    });
+    
+    return merged;
+}
+
+/**
+ * Enhanced slot component retrieval with automatic prop merging
+ */
+export function getSlotComponentWithProps<T, K extends keyof DataTableSlots<T>>(
+    slots: Partial<DataTableSlots<T>> | undefined,
+    slotProps: Record<string, any> = {},
+    slotName: K,
+    fallback: ComponentType<any>,
+    defaultProps: Record<string, any> = {}
+): {
+    component: ComponentType<any>;
+    props: Record<string, any>;
+} {
+    const component = getSlotComponent(slots, slotName, fallback);
+    const props = mergeSlotProps(
+        defaultProps,
+        slotProps[slotName as string] || {},
+        {}
+    );
+    
+    return { component, props };
+}
+
+/**
+ * Utility to check if a slot is overridden by user
+ */
+export function isSlotOverridden<T, K extends keyof DataTableSlots<T>>(
+    slots: Partial<DataTableSlots<T>> | undefined,
+    slotName: K
+): boolean {
+    return Boolean(slots?.[slotName]);
+}
+
+/**
+ * Utility to get all overridden slots
+ */
+export function getOverriddenSlots<T>(
+    slots: Partial<DataTableSlots<T>> | undefined
+): Array<keyof DataTableSlots<T>> {
+    if (!slots) return [];
+    return Object.keys(slots).filter(key => Boolean(slots[key as keyof DataTableSlots<T>])) as Array<keyof DataTableSlots<T>>;
+}
+
+/**
+ * Type-safe slot prop extractor
+ */
+export function extractSlotProps<T, K extends keyof DataTableSlots<T>>(
+    slotProps: Record<string, any> | undefined,
+    slotName: K
+): Record<string, any> {
+    return (slotProps?.[slotName as string] || {}) as Record<string, any>;
+}
+
+/**
+ * Enhanced slot component with better prop handling
+ */
+export function createEnhancedSlotComponent<T, K extends keyof DataTableSlots<T>>(
+    slots: Partial<DataTableSlots<T>> | undefined,
+    slotName: K,
+    fallback: ComponentType<any>,
+    baseProps: Record<string, any> = {}
+): ComponentType<any> {
+    const SlotComponent = getSlotComponent(slots, slotName, fallback);
+    
+    return function EnhancedSlot(props: any) {
+        const mergedProps = mergeSlotProps(baseProps, {}, props);
+        return createElement(SlotComponent, mergedProps);
+    };
+}
+
+/**
+ * Utility to validate slot props at runtime (development only)
+ */
+export function validateSlotProps<T, K extends keyof DataTableSlots<T>>(
+    slotName: K,
+    props: any,
+    requiredProps: string[] = []
+): boolean {
+    if (process.env.NODE_ENV === 'development') {
+        const missingProps = requiredProps.filter(prop => !(prop in props));
+        if (missingProps.length > 0) {
+            console.warn(`Missing required props for slot "${String(slotName)}": ${missingProps.join(', ')}`);
+            return false;
+        }
+    }
+    return true;
+}
+
+/**
+ * Helper to create slot props with proper typing
+ */
+export function createSlotProps<T>(
+    table: any,
+    additionalProps: Record<string, any> = {}
+): Record<string, any> {
+    return {
+        table,
+        ...additionalProps,
+    };
+}
+
+/**
+ * Enhanced slot component wrapper that handles all prop merging automatically
+ */
+export function withSlotProps<T, K extends keyof DataTableSlots<T>>(
+    slots: Partial<DataTableSlots<T>> | undefined,
+    slotProps: Record<string, any> = {},
+    slotName: K,
+    fallback: ComponentType<any>
+) {
+    return function SlotWrapper(props: any) {
+        const SlotComponent = getSlotComponent(slots, slotName, fallback);
+        const mergedProps = mergeSlotProps(
+            {},
+            slotProps[slotName as string] || {},
+            props
+        );
+        
+        return createElement(SlotComponent, mergedProps);
+    };
+}

package/src/lib/utils/special-columns.utils.ts

@@ -0,0 +1,94 @@
+import { KeyboardArrowDownOutlined, KeyboardArrowUpOutlined } from '@mui/icons-material';
+import { Checkbox, IconButton } from '@mui/material';
+import { createElement } from 'react';
+
+import { DataTableColumn, DEFAULT_EXPANDING_COLUMN_NAME, DEFAULT_SELECTION_COLUMN_NAME } from '../types';
+
+/**
+ * Enhanced configuration for selection column  
+ */
+export interface SelectionColumnConfig<T> {
+    multiSelect?: boolean;
+    // Note: isRowSelectable is handled by table options via table.canSelectRow(), not column config
+}
+
+/**
+ * Creates a default selection column using TanStack Table custom feature methods
+ */
+export const createSelectionColumn = <T>(config: Partial<DataTableColumn<T>> & SelectionColumnConfig<T>): DataTableColumn<T, any> => ({
+    id: DEFAULT_SELECTION_COLUMN_NAME,
+    size: 60,
+    minSize: 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 as string;
+
+        // 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 = <T>(config: Partial<DataTableColumn<T>>): DataTableColumn<T> => ({
+    id: DEFAULT_EXPANDING_COLUMN_NAME,
+    size: 60,
+    minSize: 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/src/lib/utils/styling-helpers.ts

@@ -0,0 +1,126 @@
+/**
+ * Styling utilities for DataTable components
+ */
+
+// Import types from centralized location
+import type { DataTableColumn, PinnedColumnStyleOptions } from '../types';
+
+/**
+ * Generate consistent styling for pinned columns
+ */
+export function getPinnedColumnStyle(options: PinnedColumnStyleOptions) {
+    const {
+        width = 'auto',
+        minWidth,
+        maxWidth,
+        isPinned,
+        pinnedPosition,
+        pinnedRightPosition,
+        isLastLeftPinnedColumn,
+        isFirstRightPinnedColumn,
+        zIndex = 1,
+        disableStickyHeader = false,
+        wrapText = 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 - override any Table-level sticky positioning
+        positionStyle = { position: 'sticky' };
+    } else if (!disableStickyHeader) {
+        // Non-pinned columns: set relative when we're managing positioning
+        positionStyle = { position: 'relative' };
+    }
+    // When disableStickyHeader is true and column is not pinned, let Table handle stickiness
+
+    // Text wrapping styles - configurable per column
+    const textWrappingStyles = wrapText
+        ? {
+            whiteSpace: 'normal' as const,
+            wordBreak: 'break-word' as const,
+            overflow: 'visible' as const,
+        }
+        : {
+            overflow: 'hidden' as const,
+            whiteSpace: 'nowrap' as const,
+            textOverflow: 'ellipsis' as const,
+        };
+
+    return {
+        // Width constraints - more strict for narrow columns
+        width,
+        ...(minWidth !== undefined && { minWidth }),
+        ...(maxWidth !== undefined ? { maxWidth } : { maxWidth: width }),
+        boxSizing: 'border-box',
+        ...textWrappingStyles,
+        // Position handling
+        ...positionStyle,
+        // Pinned positioning (works with both sticky modes)
+        ...(needsPinnedPositioning ? {
+            left: isPinned === 'left' ? pinnedPosition : undefined,
+            right: isPinned === 'right' ? pinnedRightPosition : undefined,
+            zIndex,
+        } : {}),
+
+        boxShadow:
+            isPinned === 'left' && isLastLeftPinnedColumn
+                ? 'inset -1px 0 0 var(--palette-TableCell-border), 2px 0 2px -4px rgba(0,0,0,.18)'
+                : isPinned === 'right' && isFirstRightPinnedColumn
+                    ? 'inset 1px 0 0 var(--palette-TableCell-border), -1px 0 2px -4px rgba(0,0,0,.18)'
+                    : undefined,
+        // For pinned columns: use solid background + transparent overlay to prevent text bleeding through
+        ...(isPinned ? {
+            // Solid base background (opaque)
+            backgroundColor: (theme) => theme.palette.background.paper,
+            // Transparent overlay for hover/selected states
+            backgroundImage: (theme) => `linear-gradient(var(--row-bg, ${theme.palette.background.paper}), var(--row-bg, ${theme.palette.background.paper}))`,
+        } : {
+            // Non-pinned columns: use standard transparent background
+            backgroundColor: (theme) => `var(--row-bg, ${theme.palette.background.paper})`,
+        }),
+    };
+}
+
+/**
+ * Common table cell styling
+ */
+export const tableCellStyles = {
+    sticky: {
+        position: 'sticky',
+        zIndex: 10,
+        backgroundColor: 'background.paper',
+    },
+    pinned: {
+        borderRight: '1px solid',
+        borderColor: 'divider',
+    },
+} as const;
+
+/**
+ * Common table row styling
+ */
+export const tableRowStyles = {
+    hover: {
+        '&:hover': {
+            backgroundColor: 'action.hover',
+        },
+    },
+    striped: {
+        '&:nth-of-type(odd)': {
+            backgroundColor: 'action.selected',
+        },
+    },
+} as const;
+
+/**
+ * Get text alignment style from column metadata
+ */
+export function getColumnAlignment(column?: DataTableColumn<any>): 'left' | 'center' | 'right' {
+    if (!column) return 'left';
+    return column.align || 'left';
+}

package/src/lib/utils/table-helpers.ts

@@ -0,0 +1,106 @@
+/**
+ * General table utilities for DataTable components
+ */
+
+// Import types from centralized location
+import type { TableMetrics } from '../types';
+
+
+export type DataTableSize = 'small' | 'medium';
+
+/**
+ * Calculate skeleton rows count based on viewport and row height
+ */
+export function calculateSkeletonRows(
+    containerHeight: number,
+    rowHeight: number,
+    maxRows = 10,
+): number {
+    const estimatedRows = Math.ceil(containerHeight / rowHeight);
+    return Math.min(estimatedRows, maxRows);
+}
+
+/**
+ * Generate unique row ID for virtualization
+ */
+export function generateRowId<T>(row: T, index: number, idKey?: keyof T): string {
+    if (idKey && row[idKey]) {
+        return String(row[idKey]);
+    }
+    return `row-${index}`;
+}
+
+/**
+ * Calculate total width of pinned columns
+ */
+export function calculatePinnedColumnsWidth(
+    columns: any[],
+    side: 'left' | 'right',
+): number {
+    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: boolean,
+    enableColumnResizing: boolean,
+    totalColumns: number,
+): boolean {
+    return fitToScreen || (enableColumnResizing && totalColumns > 5);
+}
+
+/**
+ * Format cell value based on column type
+ */
+export function formatCellValue(value: any, type: string): string {
+    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<T extends (...args: any[]) => any>(
+    func: T,
+    wait: number,
+): (...args: Parameters<T>) => void {
+    let timeout: NodeJS.Timeout;
+    return (...args: Parameters<T>) => {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => func(...args), wait);
+    };
+}
+
+/**
+ * Get table performance metrics
+ */
+
+export function calculateTableMetrics(
+    totalRows: number,
+    visibleRows: number,
+    columns: any[],
+    renderStartTime: number,
+): TableMetrics {
+    return {
+        totalRows,
+        visibleRows,
+        pinnedColumns: columns.filter(col => col.getIsPinned()).length,
+        renderTime: performance.now() - renderStartTime,
+    };
+}

package/src/index.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataTableToolbar = exports.BulkActionsToolbar = exports.TableSizeControl = exports.TableExportControl = exports.ColumnResetControl = exports.ColumnPinningControl = exports.ColumnVisibilityControl = exports.DataTable = void 0;
-const tslib_1 = require("tslib");
-var table_1 = require("./lib/components/table");
-Object.defineProperty(exports, "DataTable", { enumerable: true, get: function () { return table_1.DataTable; } });
-tslib_1.__exportStar(require("./lib/components/headers"), exports);
-tslib_1.__exportStar(require("./lib/components/rows"), exports);
-tslib_1.__exportStar(require("./lib/components/filters"), exports);
-tslib_1.__exportStar(require("./lib/components/pagination"), exports);
-tslib_1.__exportStar(require("./lib/components/droupdown/menu-dropdown"), exports);
-var toolbar_1 = require("./lib/components/toolbar");
-Object.defineProperty(exports, "ColumnVisibilityControl", { enumerable: true, get: function () { return toolbar_1.ColumnVisibilityControl; } });
-Object.defineProperty(exports, "ColumnPinningControl", { enumerable: true, get: function () { return toolbar_1.ColumnPinningControl; } });
-Object.defineProperty(exports, "ColumnResetControl", { enumerable: true, get: function () { return toolbar_1.ColumnResetControl; } });
-Object.defineProperty(exports, "TableExportControl", { enumerable: true, get: function () { return toolbar_1.TableExportControl; } });
-Object.defineProperty(exports, "TableSizeControl", { enumerable: true, get: function () { return toolbar_1.TableSizeControl; } });
-Object.defineProperty(exports, "BulkActionsToolbar", { enumerable: true, get: function () { return toolbar_1.BulkActionsToolbar; } });
-Object.defineProperty(exports, "DataTableToolbar", { enumerable: true, get: function () { return toolbar_1.DataTableToolbar; } });
-tslib_1.__exportStar(require("./lib/utils/styling-helpers"), exports);
-tslib_1.__exportStar(require("./lib/utils/column-helpers"), exports);
-tslib_1.__exportStar(require("./lib/utils/table-helpers"), exports);
-tslib_1.__exportStar(require("./lib/utils/logger"), exports);
-tslib_1.__exportStar(require("./lib/hooks"), exports);
-tslib_1.__exportStar(require("./lib/types"), exports);
-tslib_1.__exportStar(require("./lib/features"), exports);
-tslib_1.__exportStar(require("./lib/examples"), exports);

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

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterValueInput = FilterValueInput;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const DatePicker_1 = require("@mui/x-date-pickers/DatePicker");
-const moment_1 = tslib_1.__importDefault(require("moment"));
-const column_helpers_1 = require("../../utils/column-helpers");
-const AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
-const x_date_pickers_1 = require("@mui/x-date-pickers");
-function FilterValueInput(props) {
-    const { filter, column, onValueChange, formControlProps, textFieldProps, selectProps, datePickerProps, containerSx } = props, otherProps = tslib_1.__rest(props, ["filter", "column", "onValueChange", "formControlProps", "textFieldProps", "selectProps", "datePickerProps", "containerSx"]);
-    const columnType = (0, column_helpers_1.getColumnType)(column);
-    const customComponent = (0, column_helpers_1.getCustomFilterComponent)(column);
-    const options = (0, column_helpers_1.getColumnOptions)(column);
-    const operator = filter.operator;
-    if (customComponent) {
-        const CustomComponent = customComponent;
-        return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: containerSx, children: (0, jsx_runtime_1.jsx)(CustomComponent, Object.assign({ value: filter.value, onChange: onValueChange, filter: filter, column: column }, otherProps)) }));
-    }
-    if (columnType === 'boolean') {
-        return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, Object.assign({ size: "small", sx: Object.assign({ flex: 1, minWidth: 120 }, containerSx) }, formControlProps, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Value" }), (0, jsx_runtime_1.jsxs)(material_1.Select, Object.assign({ value: filter.value || 'any', label: "Value", onChange: (e) => onValueChange(e.target.value) }, selectProps, { children: [(0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: 'any', children: "Any" }, 'any'), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: 'true', children: "True" }, 'true'), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: 'false', children: "False" }, 'false')] }))] })));
-    }
-    if (options && options.length > 0) {
-        if (operator === 'in') {
-            const currentValue = Array.isArray(filter.value) ? filter.value : [];
-            return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, Object.assign({ size: "small", sx: Object.assign({ flex: 1, minWidth: 120 }, containerSx) }, formControlProps, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Values" }), (0, jsx_runtime_1.jsx)(material_1.Select, Object.assign({ multiple: true, value: currentValue, label: "Values", onChange: (e) => onValueChange(e.target.value), renderValue: (selected) => selected.join(', ') }, selectProps, { children: options.map(option => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { value: option.value, children: [(0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: currentValue.includes(option.value) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: option.label })] }, String(option.value)))) }))] })));
-        }
-        return ((0, jsx_runtime_1.jsxs)(material_1.FormControl, Object.assign({ size: "small", sx: Object.assign({ flex: 1, minWidth: 120 }, containerSx) }, formControlProps, { children: [(0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: "Value" }), (0, jsx_runtime_1.jsx)(material_1.Select, Object.assign({ value: filter.value, label: "Value", onChange: (e) => onValueChange(e.target.value) }, selectProps, { children: options.map(option => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: option.value, children: option.label }, String(option.value)))) }))] })));
-    }
-    if (columnType === 'date') {
-        return ((0, jsx_runtime_1.jsx)(x_date_pickers_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment, children: (0, jsx_runtime_1.jsx)(DatePicker_1.DatePicker, Object.assign({ value: filter.value ? (0, moment_1.default)(filter.value) : null, onChange: (e) => onValueChange(e === null || e === void 0 ? void 0 : e.toDate()), slotProps: {
-                    textField: Object.assign({ size: 'small', label: 'Value', sx: Object.assign({ flex: 1, minWidth: 120 }, containerSx) }, textFieldProps),
-                } }, datePickerProps)) }));
-    }
-    if (columnType === 'number') {
-        return ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({ size: "small", label: "Value", value: filter.value, onChange: (e) => onValueChange(e.target.value), type: "number", sx: Object.assign({ flex: 1, minWidth: 120 }, containerSx) }, textFieldProps)));
-    }
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({ size: "small", label: "Value", value: filter.value, onChange: (e) => onValueChange(e.target.value), sx: Object.assign({ flex: 1, minWidth: 120 }, containerSx) }, textFieldProps)));
-}

package/src/lib/components/headers/index.js

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

package/src/lib/components/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./table"), exports);
-tslib_1.__exportStar(require("./headers"), exports);
-tslib_1.__exportStar(require("./rows"), exports);
-tslib_1.__exportStar(require("./toolbar"), exports);
-tslib_1.__exportStar(require("./filters"), exports);
-tslib_1.__exportStar(require("./pagination"), exports);
-tslib_1.__exportStar(require("./droupdown/menu-dropdown"), exports);

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

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

package/src/lib/components/pagination/index.js

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

package/src/lib/components/rows/index.js

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

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { DataTableProps } from './data-table.types';
-import { DataTableApi } from '../../types/data-table-api';
-export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps<any> & React.RefAttributes<DataTableApi<any>>>;

package/src/lib/components/table/index.d.ts

@@ -1,2 +0,0 @@
-export * from './data-table.types';
-export * from './data-table';

package/src/lib/components/table/index.js

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