@expcat/tigercat-react 1.0.4 → 1.1.0

package/dist/chunk-MB7CJ32C.mjs

@@ -1,878 +0,0 @@
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import { getSpinnerSVG, getFixedColumnOffsets, filterDataAdvanced, filterData, sortData, paginateData, getRowKey, calculatePagination, exportTableToCsv, downloadCsv, groupDataByColumn, getExpandIconCellClasses, getTableHeaderClasses, getCheckboxCellClasses, classNames, getTableHeaderCellClasses, tableEmptyStateClasses, tableGroupHeaderClasses, getGroupHeaderCellClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, tableSummaryRowClasses, getTableCellClasses, getTableWrapperClasses, tableExportButtonClasses, tableBaseClasses, tableLoadingOverlayClasses, editableCellInputClasses, getEditableCellClasses, getTableRowClasses, getExpandedRowClasses, getExpandedRowContentClasses, icon24ViewBox, lockClosedIcon24PathD, lockOpenIcon24PathD, icon16ViewBox, getSortIconClasses, sortAscIcon16PathD, sortDescIcon16PathD, sortBothIcon16PathD, getLoadingOverlaySpinnerClasses, getExpandIconClasses, expandChevronIcon16PathD } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/components/Table.tsx
-var spinnerSvg = getSpinnerSVG("spinner");
-var SortIcon = ({ direction }) => {
-  const active = direction !== null;
-  const pathD = direction === "asc" ? sortAscIcon16PathD : direction === "desc" ? sortDescIcon16PathD : sortBothIcon16PathD;
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: getSortIconClasses(active),
-      width: "16",
-      height: "16",
-      viewBox: icon16ViewBox,
-      fill: "currentColor",
-      children: /* @__PURE__ */ jsx("path", { d: pathD })
-    }
-  );
-};
-var LockIcon = ({ locked }) => {
-  return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: icon24ViewBox, fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: locked ? lockClosedIcon24PathD : lockOpenIcon24PathD }) });
-};
-var ExpandIcon = ({ expanded }) => {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: getExpandIconClasses(expanded),
-      width: "16",
-      height: "16",
-      viewBox: icon16ViewBox,
-      fill: "currentColor",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("path", { d: expandChevronIcon16PathD })
-    }
-  );
-};
-var LoadingSpinner = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    className: getLoadingOverlaySpinnerClasses(),
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: spinnerSvg.viewBox,
-    children: spinnerSvg.elements.map((el, index) => {
-      if (el.type === "circle") return /* @__PURE__ */ jsx("circle", { ...el.attrs }, index);
-      if (el.type === "path") return /* @__PURE__ */ jsx("path", { ...el.attrs }, index);
-      return null;
-    })
-  }
-);
-function Table({
-  columns,
-  columnLockable = false,
-  dataSource = [],
-  sort,
-  defaultSort,
-  filters,
-  defaultFilters,
-  size = "md",
-  bordered = false,
-  striped = false,
-  hoverable = true,
-  loading = false,
-  emptyText = "No data",
-  pagination = {
-    current: 1,
-    pageSize: 10,
-    total: 0,
-    pageSizeOptions: [10, 20, 50, 100],
-    showSizeChanger: true,
-    showTotal: true
-  },
-  rowSelection,
-  expandable,
-  rowKey = "id",
-  rowClassName,
-  stickyHeader = false,
-  maxHeight,
-  tableLayout = "auto",
-  // v0.6.0 props
-  virtual = false,
-  virtualHeight = 400,
-  virtualItemHeight: _virtualItemHeight = 40,
-  editable = false,
-  editableCells,
-  filterMode = "basic",
-  advancedFilterRules = [],
-  columnDraggable = false,
-  summaryRow,
-  groupBy,
-  exportable = false,
-  exportFilename = "export",
-  onChange,
-  onRowClick,
-  onSelectionChange,
-  onSortChange,
-  onFilterChange,
-  onPageChange,
-  onExpandChange,
-  onCellChange,
-  onColumnOrderChange,
-  onExport,
-  className,
-  ...props
-}) {
-  const isSortControlled = sort !== void 0;
-  const isFiltersControlled = filters !== void 0;
-  const paginationConfig = pagination !== false && typeof pagination === "object" ? pagination : null;
-  const isCurrentPageControlled = paginationConfig?.current !== void 0;
-  const isPageSizeControlled = paginationConfig?.pageSize !== void 0;
-  const isSelectionControlled = rowSelection?.selectedRowKeys !== void 0 && Array.isArray(rowSelection.selectedRowKeys);
-  const isExpandControlled = expandable?.expandedRowKeys !== void 0 && Array.isArray(expandable.expandedRowKeys);
-  const [uncontrolledSortState, setUncontrolledSortState] = useState(
-    defaultSort ?? { key: null, direction: null }
-  );
-  const [uncontrolledFilterState, setUncontrolledFilterState] = useState(
-    defaultFilters ?? {}
-  );
-  const [uncontrolledCurrentPage, setUncontrolledCurrentPage] = useState(
-    () => paginationConfig?.defaultCurrent ?? paginationConfig?.current ?? 1
-  );
-  const [uncontrolledCurrentPageSize, setUncontrolledCurrentPageSize] = useState(
-    () => paginationConfig?.defaultPageSize ?? paginationConfig?.pageSize ?? 10
-  );
-  const [uncontrolledSelectedRowKeys, setUncontrolledSelectedRowKeys] = useState(rowSelection?.defaultSelectedRowKeys ?? rowSelection?.selectedRowKeys ?? []);
-  const [uncontrolledExpandedRowKeys, setUncontrolledExpandedRowKeys] = useState(expandable?.defaultExpandedRowKeys ?? expandable?.expandedRowKeys ?? []);
-  const sortState = isSortControlled ? sort : uncontrolledSortState;
-  const filterState = isFiltersControlled ? filters : uncontrolledFilterState;
-  const currentPage = isCurrentPageControlled ? paginationConfig.current : uncontrolledCurrentPage;
-  const currentPageSize = isPageSizeControlled ? paginationConfig.pageSize : uncontrolledCurrentPageSize;
-  const selectedRowKeys = isSelectionControlled ? rowSelection.selectedRowKeys : uncontrolledSelectedRowKeys;
-  const expandedRowKeys = isExpandControlled ? expandable.expandedRowKeys : uncontrolledExpandedRowKeys;
-  useEffect(() => {
-    if (isSortControlled && sort) {
-      setUncontrolledSortState(sort);
-    }
-  }, [isSortControlled, sort?.key, sort?.direction]);
-  useEffect(() => {
-    if (isFiltersControlled && filters) {
-      setUncontrolledFilterState(filters);
-    }
-  }, [isFiltersControlled, filters]);
-  useEffect(() => {
-    if (isCurrentPageControlled) {
-      setUncontrolledCurrentPage(paginationConfig.current);
-    }
-  }, [isCurrentPageControlled, paginationConfig?.current]);
-  useEffect(() => {
-    if (isPageSizeControlled) {
-      setUncontrolledCurrentPageSize(paginationConfig.pageSize);
-    }
-  }, [isPageSizeControlled, paginationConfig?.pageSize]);
-  useEffect(() => {
-    if (isSelectionControlled) {
-      setUncontrolledSelectedRowKeys(rowSelection?.selectedRowKeys ?? []);
-    }
-  }, [isSelectionControlled, rowSelection?.selectedRowKeys]);
-  useEffect(() => {
-    if (isExpandControlled) {
-      setUncontrolledExpandedRowKeys(expandable?.expandedRowKeys ?? []);
-    }
-  }, [isExpandControlled, expandable?.expandedRowKeys]);
-  const [fixedOverrides, setFixedOverrides] = useState({});
-  const displayColumns = useMemo(() => {
-    return columns.map((column) => {
-      const hasOverride = Object.prototype.hasOwnProperty.call(fixedOverrides, column.key);
-      return {
-        ...column,
-        fixed: hasOverride ? fixedOverrides[column.key] : column.fixed
-      };
-    });
-  }, [columns, fixedOverrides]);
-  const totalColumnCount = useMemo(() => {
-    let count = displayColumns.length;
-    if (rowSelection && rowSelection.showCheckbox !== false) count++;
-    if (expandable) count++;
-    return count;
-  }, [displayColumns.length, rowSelection, expandable]);
-  const columnByKey = useMemo(() => {
-    const map = {};
-    for (const column of displayColumns) {
-      map[column.key] = column;
-    }
-    return map;
-  }, [displayColumns]);
-  const fixedColumnsInfo = useMemo(() => {
-    return getFixedColumnOffsets(displayColumns);
-  }, [displayColumns]);
-  const toggleColumnLock = useCallback(
-    (columnKey) => {
-      setFixedOverrides((prev) => {
-        const original = columns.find((c) => c.key === columnKey)?.fixed;
-        const current = Object.prototype.hasOwnProperty.call(prev, columnKey) ? prev[columnKey] : original;
-        const isLocked = current === "left" || current === "right";
-        return {
-          ...prev,
-          [columnKey]: isLocked ? false : "left"
-        };
-      });
-    },
-    [columns]
-  );
-  const processedData = useMemo(() => {
-    let data = dataSource;
-    if (filterMode === "advanced" && advancedFilterRules.length > 0) {
-      data = filterDataAdvanced(data, advancedFilterRules);
-    } else {
-      data = filterData(data, filterState);
-    }
-    if (sortState.key && sortState.direction) {
-      const column = columnByKey[sortState.key];
-      data = sortData(data, sortState.key, sortState.direction, column?.sortFn);
-    }
-    return data;
-  }, [dataSource, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
-  const paginatedData = useMemo(() => {
-    if (pagination === false) {
-      return processedData;
-    }
-    return paginateData(processedData, currentPage, currentPageSize);
-  }, [processedData, currentPage, currentPageSize, pagination]);
-  const pageRowKeys = useMemo(
-    () => paginatedData.map((record, index) => getRowKey(record, rowKey, index)),
-    [paginatedData, rowKey]
-  );
-  const selectedRowKeySet = useMemo(
-    () => new Set(selectedRowKeys),
-    [selectedRowKeys]
-  );
-  const expandedRowKeySet = useMemo(
-    () => new Set(expandedRowKeys),
-    [expandedRowKeys]
-  );
-  const paginationInfo = useMemo(() => {
-    if (pagination === false) {
-      return null;
-    }
-    const total = processedData.length;
-    return calculatePagination(total, currentPage, currentPageSize);
-  }, [processedData.length, currentPage, currentPageSize, pagination]);
-  const handleSort = useCallback(
-    (columnKey) => {
-      const column = columnByKey[columnKey];
-      if (!column || !column.sortable) {
-        return;
-      }
-      let newDirection = "asc";
-      if (sortState.key === columnKey) {
-        if (sortState.direction === "asc") {
-          newDirection = "desc";
-        } else if (sortState.direction === "desc") {
-          newDirection = null;
-        }
-      }
-      const newSortState = {
-        key: newDirection ? columnKey : null,
-        direction: newDirection
-      };
-      if (!isSortControlled) {
-        setUncontrolledSortState(newSortState);
-      }
-      onSortChange?.(newSortState);
-      onChange?.({
-        sort: newSortState,
-        filters: filterState,
-        pagination: pagination !== false ? {
-          current: currentPage,
-          pageSize: currentPageSize
-        } : null
-      });
-    },
-    [
-      columnByKey,
-      sortState,
-      filterState,
-      currentPage,
-      currentPageSize,
-      pagination,
-      isSortControlled,
-      onSortChange,
-      onChange
-    ]
-  );
-  const handleFilter = useCallback(
-    (columnKey, value) => {
-      const newFilterState = {
-        ...filterState,
-        [columnKey]: value
-      };
-      if (!isFiltersControlled) {
-        setUncontrolledFilterState(newFilterState);
-      }
-      setUncontrolledCurrentPage(1);
-      onFilterChange?.(newFilterState);
-      onChange?.({
-        sort: sortState,
-        filters: newFilterState,
-        pagination: pagination !== false ? {
-          current: 1,
-          pageSize: currentPageSize
-        } : null
-      });
-    },
-    [
-      filterState,
-      sortState,
-      currentPageSize,
-      pagination,
-      isFiltersControlled,
-      onFilterChange,
-      onChange
-    ]
-  );
-  const handlePageChange = useCallback(
-    (page) => {
-      setUncontrolledCurrentPage(page);
-      onPageChange?.({ current: page, pageSize: currentPageSize });
-      onChange?.({
-        sort: sortState,
-        filters: filterState,
-        pagination: {
-          current: page,
-          pageSize: currentPageSize
-        }
-      });
-    },
-    [currentPageSize, sortState, filterState, onPageChange, onChange]
-  );
-  const handlePageSizeChange = useCallback(
-    (pageSize) => {
-      setUncontrolledCurrentPageSize(pageSize);
-      setUncontrolledCurrentPage(1);
-      onPageChange?.({ current: 1, pageSize });
-      onChange?.({
-        sort: sortState,
-        filters: filterState,
-        pagination: {
-          current: 1,
-          pageSize
-        }
-      });
-    },
-    [sortState, filterState, onPageChange, onChange]
-  );
-  const handleToggleExpand = useCallback(
-    (key, record) => {
-      const isExpanded = expandedRowKeySet.has(key);
-      const newKeys = isExpanded ? expandedRowKeys.filter((k) => k !== key) : [...expandedRowKeys, key];
-      if (!isExpandControlled) {
-        setUncontrolledExpandedRowKeys(newKeys);
-      }
-      onExpandChange?.(newKeys, record, !isExpanded);
-    },
-    [expandedRowKeySet, expandedRowKeys, isExpandControlled, onExpandChange]
-  );
-  const handleRowClick = useCallback(
-    (record, index) => {
-      onRowClick?.(record, index);
-      if (expandable?.expandRowByClick) {
-        const key = getRowKey(record, rowKey, index);
-        const isExpandableRow = expandable?.rowExpandable ? expandable.rowExpandable(record) : true;
-        if (isExpandableRow) {
-          handleToggleExpand(key, record);
-        }
-      }
-    },
-    [onRowClick, expandable, rowKey, handleToggleExpand]
-  );
-  const handleSelectRow = useCallback(
-    (key, checked) => {
-      let newKeys;
-      if (rowSelection?.type === "radio") {
-        newKeys = checked ? [key] : [];
-      } else {
-        if (checked) {
-          newKeys = [...selectedRowKeys, key];
-        } else {
-          newKeys = selectedRowKeys.filter((k) => k !== key);
-        }
-      }
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedRowKeys(newKeys);
-      }
-      onSelectionChange?.(newKeys);
-    },
-    [rowSelection, selectedRowKeys, isSelectionControlled, onSelectionChange]
-  );
-  const handleSelectAll = useCallback(
-    (checked) => {
-      if (checked) {
-        const newKeys = pageRowKeys;
-        if (!isSelectionControlled) {
-          setUncontrolledSelectedRowKeys(newKeys);
-        }
-        onSelectionChange?.(newKeys);
-      } else {
-        if (!isSelectionControlled) {
-          setUncontrolledSelectedRowKeys([]);
-        }
-        onSelectionChange?.([]);
-      }
-    },
-    [pageRowKeys, isSelectionControlled, onSelectionChange]
-  );
-  const allSelected = useMemo(() => {
-    if (pageRowKeys.length === 0) {
-      return false;
-    }
-    return pageRowKeys.every((key) => selectedRowKeySet.has(key));
-  }, [pageRowKeys, selectedRowKeySet]);
-  const someSelected = useMemo(() => {
-    return selectedRowKeys.length > 0 && !allSelected;
-  }, [selectedRowKeys.length, allSelected]);
-  const [editingCell, setEditingCell] = useState(
-    null
-  );
-  const [editingValue, setEditingValue] = useState("");
-  const isCellEditable = useCallback(
-    (columnKey, rowIndex) => {
-      if (!editable) return false;
-      if (!editableCells) return true;
-      return !!editableCells.get(columnKey)?.has(rowIndex);
-    },
-    [editable, editableCells]
-  );
-  const startEditing = useCallback((rowIndex, columnKey, currentValue) => {
-    setEditingCell({ rowIndex, columnKey });
-    setEditingValue(String(currentValue ?? ""));
-  }, []);
-  const commitEdit = useCallback(() => {
-    if (editingCell) {
-      onCellChange?.(editingCell.rowIndex, editingCell.columnKey, editingValue);
-      setEditingCell(null);
-    }
-  }, [editingCell, editingValue, onCellChange]);
-  const cancelEdit = useCallback(() => {
-    setEditingCell(null);
-  }, []);
-  const handleExport = useCallback(() => {
-    const csv = exportTableToCsv(displayColumns, processedData);
-    downloadCsv(csv, exportFilename);
-    onExport?.(csv);
-  }, [displayColumns, processedData, exportFilename, onExport]);
-  const [dragColumnKey, setDragColumnKey] = useState(null);
-  const handleDragStart = useCallback((columnKey) => {
-    setDragColumnKey(columnKey);
-  }, []);
-  const handleDrop = useCallback(
-    (targetKey) => {
-      if (!dragColumnKey || dragColumnKey === targetKey) return;
-      const cols = [...displayColumns];
-      const fromIdx = cols.findIndex((c) => c.key === dragColumnKey);
-      const toIdx = cols.findIndex((c) => c.key === targetKey);
-      if (fromIdx >= 0 && toIdx >= 0) {
-        const [moved] = cols.splice(fromIdx, 1);
-        cols.splice(toIdx, 0, moved);
-        onColumnOrderChange?.(cols);
-      }
-      setDragColumnKey(null);
-    },
-    [dragColumnKey, displayColumns, onColumnOrderChange]
-  );
-  const groupedData = useMemo(() => {
-    if (!groupBy) return null;
-    return groupDataByColumn(paginatedData, groupBy);
-  }, [groupBy, paginatedData]);
-  const renderTableHeader = useCallback(() => {
-    const expandHeaderTh = expandable ? /* @__PURE__ */ jsx("th", { className: getExpandIconCellClasses(size), "aria-label": "Expand" }) : null;
-    const expandAtStart = expandable?.expandIconPosition !== "end";
-    return /* @__PURE__ */ jsx("thead", { className: getTableHeaderClasses(stickyHeader), children: /* @__PURE__ */ jsxs("tr", { children: [
-      expandAtStart && expandHeaderTh,
-      rowSelection && rowSelection.showCheckbox !== false && rowSelection.type !== "radio" && /* @__PURE__ */ jsx("th", { className: getCheckboxCellClasses(size), children: /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          className: "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
-          checked: allSelected,
-          ref: (el) => {
-            if (el) el.indeterminate = someSelected;
-          },
-          onChange: (e) => handleSelectAll(e.target.checked)
-        }
-      ) }),
-      displayColumns.map((column) => {
-        const isSorted = sortState.key === column.key;
-        const sortDirection = isSorted ? sortState.direction : null;
-        const ariaSort = column.sortable ? sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none" : void 0;
-        const isFixedLeft = column.fixed === "left";
-        const isFixedRight = column.fixed === "right";
-        const fixedStyle = isFixedLeft ? {
-          position: "sticky",
-          left: `${fixedColumnsInfo.leftOffsets[column.key] || 0}px`,
-          zIndex: 15
-        } : isFixedRight ? {
-          position: "sticky",
-          right: `${fixedColumnsInfo.rightOffsets[column.key] || 0}px`,
-          zIndex: 15
-        } : void 0;
-        const widthStyle = column.width ? {
-          width: typeof column.width === "number" ? `${column.width}px` : column.width
-        } : void 0;
-        const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
-        return /* @__PURE__ */ jsxs(
-          "th",
-          {
-            "aria-sort": ariaSort,
-            className: classNames(
-              getTableHeaderCellClasses(
-                size,
-                column.align || "left",
-                !!column.sortable,
-                column.headerClassName
-              ),
-              (isFixedLeft || isFixedRight) && "bg-[var(--tiger-surface-muted,#f9fafb)]"
-            ),
-            style,
-            draggable: columnDraggable ? true : void 0,
-            onDragStart: columnDraggable ? () => handleDragStart(column.key) : void 0,
-            onDragOver: columnDraggable ? (e) => e.preventDefault() : void 0,
-            onDrop: columnDraggable ? () => handleDrop(column.key) : void 0,
-            onClick: column.sortable ? () => handleSort(column.key) : void 0,
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                column.renderHeader ? column.renderHeader() : column.title,
-                columnLockable && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "aria-label": column.fixed === "left" || column.fixed === "right" ? `Unlock column ${column.title}` : `Lock column ${column.title}`,
-                    className: classNames(
-                      "inline-flex items-center",
-                      column.fixed === "left" || column.fixed === "right" ? "text-[var(--tiger-primary,#2563eb)]" : "text-gray-400 hover:text-gray-700"
-                    ),
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      toggleColumnLock(column.key);
-                    },
-                    children: /* @__PURE__ */ jsx(LockIcon, { locked: column.fixed === "left" || column.fixed === "right" })
-                  }
-                ),
-                column.sortable && /* @__PURE__ */ jsx(SortIcon, { direction: sortDirection })
-              ] }),
-              column.filter && /* @__PURE__ */ jsx("div", { className: "mt-2", children: column.filter.type === "select" && column.filter.options ? /* @__PURE__ */ jsxs(
-                "select",
-                {
-                  className: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                  onChange: (e) => handleFilter(column.key, e.target.value),
-                  onClick: (e) => e.stopPropagation(),
-                  children: [
-                    /* @__PURE__ */ jsx("option", { value: "", children: "All" }),
-                    column.filter.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-                  ]
-                }
-              ) : /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "text",
-                  className: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                  placeholder: column.filter.placeholder || "Filter...",
-                  onInput: (e) => handleFilter(column.key, e.target.value),
-                  onClick: (e) => e.stopPropagation()
-                }
-              ) })
-            ]
-          },
-          column.key
-        );
-      }),
-      !expandAtStart && expandHeaderTh
-    ] }) });
-  }, [
-    displayColumns,
-    size,
-    stickyHeader,
-    sortState,
-    rowSelection,
-    expandable,
-    allSelected,
-    someSelected,
-    handleSort,
-    handleFilter,
-    handleSelectAll,
-    columnLockable,
-    toggleColumnLock,
-    fixedColumnsInfo,
-    columnDraggable,
-    handleDragStart,
-    handleDrop
-  ]);
-  const renderTableBody = useCallback(() => {
-    if (loading) {
-      return null;
-    }
-    if (paginatedData.length === 0) {
-      return /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColumnCount, className: tableEmptyStateClasses, children: /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", children: emptyText }) }) }) });
-    }
-    const renderDataRow = (record, index) => {
-      const key = pageRowKeys[index];
-      const isSelected = selectedRowKeySet.has(key);
-      const isExpanded = expandedRowKeySet.has(key);
-      const isRowExpandable = expandable ? expandable.rowExpandable ? expandable.rowExpandable(record) : true : false;
-      const rowClass = typeof rowClassName === "function" ? rowClassName(record, index) : rowClassName;
-      const expandToggleCell = expandable ? /* @__PURE__ */ jsx("td", { className: getExpandIconCellClasses(size), children: isRowExpandable && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "inline-flex items-center justify-center",
-          "aria-label": isExpanded ? "Collapse row" : "Expand row",
-          "aria-expanded": isExpanded,
-          onClick: (e) => {
-            e.stopPropagation();
-            handleToggleExpand(key, record);
-          },
-          children: /* @__PURE__ */ jsx(ExpandIcon, { expanded: isExpanded })
-        }
-      ) }) : null;
-      const expandAtStart = expandable?.expandIconPosition !== "end";
-      const rowNode = /* @__PURE__ */ jsxs(
-        "tr",
-        {
-          className: classNames(
-            getTableRowClasses(hoverable, striped, index % 2 === 0, rowClass),
-            fixedColumnsInfo.hasFixedColumns && "group"
-          ),
-          onClick: () => handleRowClick(record, index),
-          children: [
-            expandAtStart && expandToggleCell,
-            rowSelection && rowSelection.showCheckbox !== false && /* @__PURE__ */ jsx("td", { className: getCheckboxCellClasses(size), children: /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: rowSelection?.type === "radio" ? "radio" : "checkbox",
-                className: rowSelection?.type === "radio" ? "border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]" : "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
-                checked: isSelected,
-                disabled: rowSelection?.getCheckboxProps?.(record)?.disabled,
-                onChange: (e) => handleSelectRow(key, e.target.checked),
-                onClick: (e) => e.stopPropagation()
-              }
-            ) }),
-            displayColumns.map((column) => {
-              const dataKey = column.dataKey || column.key;
-              const cellValue = record[dataKey];
-              const isFixedLeft = column.fixed === "left";
-              const isFixedRight = column.fixed === "right";
-              const fixedStyle = isFixedLeft ? {
-                position: "sticky",
-                left: `${fixedColumnsInfo.leftOffsets[column.key] || 0}px`,
-                zIndex: 10
-              } : isFixedRight ? {
-                position: "sticky",
-                right: `${fixedColumnsInfo.rightOffsets[column.key] || 0}px`,
-                zIndex: 10
-              } : void 0;
-              const widthStyle = column.width ? {
-                width: typeof column.width === "number" ? `${column.width}px` : column.width
-              } : void 0;
-              const style = fixedStyle ? { ...widthStyle, ...fixedStyle } : widthStyle;
-              const stickyBgClass = striped && index % 2 === 0 ? "bg-[var(--tiger-surface-muted,#f9fafb)]/50" : "bg-[var(--tiger-surface,#ffffff)]";
-              const stickyCellClass = isFixedLeft || isFixedRight ? classNames(
-                stickyBgClass,
-                hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
-              ) : void 0;
-              const isEditing = editingCell?.rowIndex === index && editingCell?.columnKey === column.key;
-              const cellEditable = isCellEditable(column.key, index);
-              return /* @__PURE__ */ jsx(
-                "td",
-                {
-                  className: classNames(
-                    getTableCellClasses(size, column.align || "left", column.className),
-                    stickyCellClass,
-                    cellEditable && getEditableCellClasses(!!isEditing)
-                  ),
-                  style,
-                  onDoubleClick: cellEditable ? () => startEditing(index, column.key, cellValue) : void 0,
-                  children: isEditing ? /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      className: editableCellInputClasses,
-                      value: editingValue,
-                      onChange: (e) => setEditingValue(e.target.value),
-                      onBlur: commitEdit,
-                      onKeyDown: (e) => {
-                        if (e.key === "Enter") commitEdit();
-                        if (e.key === "Escape") cancelEdit();
-                      },
-                      autoFocus: true
-                    }
-                  ) : column.render ? column.render(record, index) : cellValue
-                },
-                column.key
-              );
-            }),
-            !expandAtStart && expandToggleCell
-          ]
-        },
-        key
-      );
-      if (expandable && isExpanded && isRowExpandable) {
-        const expandedContent = expandable.expandedRowRender ? expandable.expandedRowRender(record, index) : null;
-        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-          rowNode,
-          /* @__PURE__ */ jsx("tr", { className: getExpandedRowClasses(), children: /* @__PURE__ */ jsx("td", { colSpan: totalColumnCount, className: getExpandedRowContentClasses(size), children: expandedContent }) }, `${key}-expanded`)
-        ] }, key);
-      }
-      return rowNode;
-    };
-    if (groupedData) {
-      return /* @__PURE__ */ jsx("tbody", { children: Array.from(groupedData.entries()).map(([groupKey, groupItems]) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-        /* @__PURE__ */ jsx("tr", { className: tableGroupHeaderClasses, children: /* @__PURE__ */ jsxs("td", { colSpan: totalColumnCount, className: getGroupHeaderCellClasses(size), children: [
-          groupKey,
-          " (",
-          groupItems.length,
-          ")"
-        ] }) }),
-        groupItems.map((record, idx) => {
-          const globalIndex = paginatedData.indexOf(record);
-          return renderDataRow(record, globalIndex >= 0 ? globalIndex : idx);
-        })
-      ] }, `group-${groupKey}`)) });
-    }
-    return /* @__PURE__ */ jsx("tbody", { children: paginatedData.map((record, index) => renderDataRow(record, index)) });
-  }, [
-    loading,
-    paginatedData,
-    displayColumns,
-    rowSelection,
-    expandable,
-    emptyText,
-    pageRowKeys,
-    selectedRowKeySet,
-    expandedRowKeySet,
-    totalColumnCount,
-    rowClassName,
-    hoverable,
-    striped,
-    size,
-    handleRowClick,
-    handleSelectRow,
-    handleToggleExpand,
-    fixedColumnsInfo,
-    groupedData,
-    editingCell,
-    editingValue,
-    isCellEditable,
-    startEditing,
-    commitEdit,
-    cancelEdit
-  ]);
-  const renderPagination = useCallback(() => {
-    if (pagination === false || !paginationInfo) {
-      return null;
-    }
-    const { totalPages, startIndex, endIndex, hasNext, hasPrev } = paginationInfo;
-    const total = processedData.length;
-    const paginationConfig2 = pagination;
-    return /* @__PURE__ */ jsxs("div", { className: getSimplePaginationContainerClasses(), children: [
-      paginationConfig2.showTotal !== false && /* @__PURE__ */ jsx("div", { className: getSimplePaginationTotalClasses(), children: paginationConfig2.totalText ? paginationConfig2.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} results` }),
-      /* @__PURE__ */ jsxs("div", { className: getSimplePaginationControlsClasses(), children: [
-        paginationConfig2.showSizeChanger !== false && /* @__PURE__ */ jsx(
-          "select",
-          {
-            className: getSimplePaginationSelectClasses(),
-            value: currentPageSize,
-            onChange: (e) => handlePageSizeChange(Number(e.target.value)),
-            children: (paginationConfig2.pageSizeOptions || [10, 20, 50, 100]).map((size2) => /* @__PURE__ */ jsxs("option", { value: size2, children: [
-              size2,
-              " / page"
-            ] }, size2))
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: getSimplePaginationButtonsWrapperClasses(), children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: getSimplePaginationButtonClasses(!hasPrev),
-              disabled: !hasPrev,
-              onClick: () => handlePageChange(currentPage - 1),
-              children: "Previous"
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: getSimplePaginationPageIndicatorClasses(), children: [
-            "Page ",
-            currentPage,
-            " of ",
-            totalPages
-          ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: getSimplePaginationButtonClasses(!hasNext),
-              disabled: !hasNext,
-              onClick: () => handlePageChange(currentPage + 1),
-              children: "Next"
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }, [
-    pagination,
-    paginationInfo,
-    processedData.length,
-    currentPage,
-    currentPageSize,
-    handlePageChange,
-    handlePageSizeChange
-  ]);
-  const renderSummaryRow = useCallback(() => {
-    if (!summaryRow?.show) return null;
-    return /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", { className: tableSummaryRowClasses, children: [
-      rowSelection && rowSelection.showCheckbox !== false && /* @__PURE__ */ jsx("td", { className: getTableCellClasses(size, "left") }),
-      expandable && /* @__PURE__ */ jsx("td", { className: getTableCellClasses(size, "left") }),
-      displayColumns.map((column) => /* @__PURE__ */ jsx("td", { className: getTableCellClasses(size, column.align || "left"), children: summaryRow.data[column.dataKey || column.key] ?? "" }, column.key))
-    ] }) });
-  }, [summaryRow, displayColumns, size, rowSelection, expandable]);
-  const wrapperStyle = useMemo(() => {
-    if (virtual) {
-      return {
-        height: typeof virtualHeight === "number" ? `${virtualHeight}px` : virtualHeight,
-        overflow: "auto"
-      };
-    }
-    return maxHeight ? {
-      maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
-    } : void 0;
-  }, [maxHeight, virtual, virtualHeight]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: getTableWrapperClasses(
-        bordered,
-        maxHeight || (virtual ? virtualHeight : void 0)
-      ),
-      style: wrapperStyle,
-      "aria-busy": loading,
-      children: [
-        exportable && /* @__PURE__ */ jsx("div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ jsx("button", { type: "button", className: tableExportButtonClasses, onClick: handleExport, children: "Export CSV" }) }),
-        /* @__PURE__ */ jsxs(
-          "table",
-          {
-            className: classNames(
-              tableBaseClasses,
-              tableLayout === "fixed" ? "table-fixed" : "table-auto",
-              className
-            ),
-            ...props,
-            style: fixedColumnsInfo.hasFixedColumns && fixedColumnsInfo.minTableWidth ? {
-              ...props.style,
-              minWidth: `${fixedColumnsInfo.minTableWidth}px`
-            } : props.style,
-            children: [
-              renderTableHeader(),
-              renderTableBody(),
-              renderSummaryRow()
-            ]
-          }
-        ),
-        loading && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: tableLoadingOverlayClasses,
-            role: "status",
-            "aria-live": "polite",
-            "aria-label": "Loading",
-            children: [
-              /* @__PURE__ */ jsx(LoadingSpinner, {}),
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" })
-            ]
-          }
-        ),
-        renderPagination()
-      ]
-    }
-  );
-}
-
-export { Table };