@expcat/tigercat-react 1.1.0 → 1.2.14

package/dist/chunk-L5HVRTUO.js

@@ -1,935 +0,0 @@
-'use strict';
-
-var React = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/components/Table.tsx
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
-var SortIcon = ({ direction }) => {
-  const active = direction !== null;
-  const pathD = direction === "asc" ? tigercatCore.sortAscIcon16PathD : direction === "desc" ? tigercatCore.sortDescIcon16PathD : tigercatCore.sortBothIcon16PathD;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: tigercatCore.getSortIconClasses(active),
-      width: "16",
-      height: "16",
-      viewBox: tigercatCore.icon16ViewBox,
-      fill: "currentColor",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: pathD })
-    }
-  );
-};
-var LockIcon = ({ locked }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: tigercatCore.icon24ViewBox, fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: locked ? tigercatCore.lockClosedIcon24PathD : tigercatCore.lockOpenIcon24PathD }) });
-};
-var ExpandIcon = ({ expanded }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: tigercatCore.getExpandIconClasses(expanded),
-      width: "16",
-      height: "16",
-      viewBox: tigercatCore.icon16ViewBox,
-      fill: "currentColor",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: tigercatCore.expandChevronIcon16PathD })
-    }
-  );
-};
-var LoadingSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    className: tigercatCore.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__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
-      if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
-      return null;
-    })
-  }
-);
-function useTableState(input) {
-  const {
-    columns,
-    dataSource,
-    sort,
-    defaultSort,
-    filters,
-    defaultFilters,
-    pagination,
-    rowSelection,
-    expandable,
-    rowKey,
-    editable,
-    editableCells,
-    filterMode,
-    advancedFilterRules,
-    groupBy,
-    exportFilename,
-    measuredColumnWidths,
-    onChange,
-    onRowClick,
-    onSelectionChange,
-    onSortChange,
-    onFilterChange,
-    onPageChange,
-    onExpandChange,
-    onCellChange,
-    onColumnOrderChange,
-    onExport
-  } = input;
-  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] = React.useState(
-    defaultSort ?? { key: null, direction: null }
-  );
-  const [uncontrolledFilterState, setUncontrolledFilterState] = React.useState(
-    defaultFilters ?? {}
-  );
-  const [uncontrolledCurrentPage, setUncontrolledCurrentPage] = React.useState(
-    () => paginationConfig?.defaultCurrent ?? paginationConfig?.current ?? 1
-  );
-  const [uncontrolledCurrentPageSize, setUncontrolledCurrentPageSize] = React.useState(
-    () => paginationConfig?.defaultPageSize ?? paginationConfig?.pageSize ?? 10
-  );
-  const [uncontrolledSelectedRowKeys, setUncontrolledSelectedRowKeys] = React.useState(rowSelection?.defaultSelectedRowKeys ?? rowSelection?.selectedRowKeys ?? []);
-  const [uncontrolledExpandedRowKeys, setUncontrolledExpandedRowKeys] = React.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;
-  React.useEffect(() => {
-    if (isSortControlled && sort) {
-      setUncontrolledSortState(sort);
-    }
-  }, [isSortControlled, sort?.key, sort?.direction]);
-  React.useEffect(() => {
-    if (isFiltersControlled && filters) {
-      setUncontrolledFilterState(filters);
-    }
-  }, [isFiltersControlled, filters]);
-  React.useEffect(() => {
-    if (isCurrentPageControlled) {
-      setUncontrolledCurrentPage(paginationConfig.current);
-    }
-  }, [isCurrentPageControlled, paginationConfig?.current]);
-  React.useEffect(() => {
-    if (isPageSizeControlled) {
-      setUncontrolledCurrentPageSize(paginationConfig.pageSize);
-    }
-  }, [isPageSizeControlled, paginationConfig?.pageSize]);
-  React.useEffect(() => {
-    if (isSelectionControlled) {
-      setUncontrolledSelectedRowKeys(rowSelection?.selectedRowKeys ?? []);
-    }
-  }, [isSelectionControlled, rowSelection?.selectedRowKeys]);
-  React.useEffect(() => {
-    if (isExpandControlled) {
-      setUncontrolledExpandedRowKeys(expandable?.expandedRowKeys ?? []);
-    }
-  }, [isExpandControlled, expandable?.expandedRowKeys]);
-  const [fixedOverrides, setFixedOverrides] = React.useState({});
-  const displayColumns = React.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 = React.useMemo(() => {
-    let count = displayColumns.length;
-    if (rowSelection && rowSelection.showCheckbox !== false) count++;
-    if (expandable) count++;
-    return count;
-  }, [displayColumns.length, rowSelection, expandable]);
-  const columnByKey = React.useMemo(() => {
-    const map = {};
-    for (const column of displayColumns) {
-      map[column.key] = column;
-    }
-    return map;
-  }, [displayColumns]);
-  const fixedColumnsInfo = React.useMemo(
-    () => tigercatCore.getFixedColumnOffsets(displayColumns, measuredColumnWidths),
-    [displayColumns, measuredColumnWidths]
-  );
-  function toggleColumnLock(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"
-      };
-    });
-  }
-  const processedData = React.useMemo(() => {
-    let data = dataSource;
-    if (filterMode === "advanced" && advancedFilterRules.length > 0) {
-      data = tigercatCore.filterDataAdvanced(data, advancedFilterRules);
-    } else {
-      data = tigercatCore.filterData(data, filterState);
-    }
-    if (sortState.key && sortState.direction) {
-      const column = columnByKey[sortState.key];
-      data = tigercatCore.sortData(data, sortState.key, sortState.direction, column?.sortFn);
-    }
-    return data;
-  }, [dataSource, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
-  const paginatedData = React.useMemo(() => {
-    if (pagination === false) {
-      return processedData;
-    }
-    return tigercatCore.paginateData(processedData, currentPage, currentPageSize);
-  }, [processedData, currentPage, currentPageSize, pagination]);
-  const pageRowKeys = React.useMemo(
-    () => tigercatCore.createTableRowKeyCache(rowKey).getMany(paginatedData),
-    [paginatedData, rowKey]
-  );
-  const selectedRowKeySet = React.useMemo(
-    () => new Set(selectedRowKeys),
-    [selectedRowKeys]
-  );
-  const expandedRowKeySet = React.useMemo(
-    () => new Set(expandedRowKeys),
-    [expandedRowKeys]
-  );
-  const paginationInfo = React.useMemo(() => {
-    if (pagination === false) {
-      return null;
-    }
-    const total = paginationConfig?.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : processedData.length;
-    return tigercatCore.calculatePagination(total, currentPage, currentPageSize);
-  }, [processedData.length, currentPage, currentPageSize, pagination, paginationConfig?.total]);
-  function handleSort(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
-    });
-  }
-  function handleFilter(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
-    });
-  }
-  function handlePageChange(page) {
-    setUncontrolledCurrentPage(page);
-    onPageChange?.({ current: page, pageSize: currentPageSize });
-    onChange?.({
-      sort: sortState,
-      filters: filterState,
-      pagination: { current: page, pageSize: currentPageSize }
-    });
-  }
-  function handlePageSizeChange(pageSize) {
-    setUncontrolledCurrentPageSize(pageSize);
-    setUncontrolledCurrentPage(1);
-    onPageChange?.({ current: 1, pageSize });
-    onChange?.({
-      sort: sortState,
-      filters: filterState,
-      pagination: { current: 1, pageSize }
-    });
-  }
-  function handleToggleExpand(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);
-  }
-  function handleRowClick(record, index, key) {
-    onRowClick?.(record, index);
-    if (expandable?.expandRowByClick) {
-      const isExpandableRow = expandable?.rowExpandable ? expandable.rowExpandable(record) : true;
-      if (isExpandableRow) {
-        handleToggleExpand(key, record);
-      }
-    }
-  }
-  function handleSelectRow(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);
-  }
-  function handleSelectAll(checked) {
-    if (checked) {
-      const newKeys = pageRowKeys;
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedRowKeys(newKeys);
-      }
-      onSelectionChange?.(newKeys);
-    } else {
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedRowKeys([]);
-      }
-      onSelectionChange?.([]);
-    }
-  }
-  const allSelected = React.useMemo(() => {
-    if (pageRowKeys.length === 0) return false;
-    return pageRowKeys.every((key) => selectedRowKeySet.has(key));
-  }, [pageRowKeys, selectedRowKeySet]);
-  const someSelected = React.useMemo(
-    () => selectedRowKeys.length > 0 && !allSelected,
-    [selectedRowKeys.length, allSelected]
-  );
-  const [editingCell, setEditingCell] = React.useState(
-    null
-  );
-  const [editingValue, setEditingValue] = React.useState("");
-  function isCellEditable(columnKey, rowIndex) {
-    if (!editable) return false;
-    if (!editableCells) return true;
-    return !!editableCells.get(columnKey)?.has(rowIndex);
-  }
-  function startEditing(rowIndex, columnKey, currentValue) {
-    setEditingCell({ rowIndex, columnKey });
-    setEditingValue(String(currentValue ?? ""));
-  }
-  function commitEdit() {
-    if (editingCell) {
-      onCellChange?.(editingCell.rowIndex, editingCell.columnKey, editingValue);
-      setEditingCell(null);
-    }
-  }
-  function cancelEdit() {
-    setEditingCell(null);
-  }
-  function handleExport() {
-    const csv = tigercatCore.exportTableToCsv(displayColumns, processedData);
-    tigercatCore.downloadCsv(csv, exportFilename);
-    onExport?.(csv);
-  }
-  const [dragColumnKey, setDragColumnKey] = React.useState(null);
-  function handleDragStart(columnKey) {
-    setDragColumnKey(columnKey);
-  }
-  function handleDrop(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);
-  }
-  const groupedData = React.useMemo(() => {
-    if (!groupBy) return null;
-    return tigercatCore.groupDataByColumn(paginatedData, groupBy);
-  }, [groupBy, paginatedData]);
-  return {
-    paginationConfig,
-    displayColumns,
-    fixedColumnsInfo,
-    processedData,
-    paginatedData,
-    pageRowKeys,
-    selectedRowKeySet,
-    expandedRowKeySet,
-    totalColumnCount,
-    paginationInfo,
-    allSelected,
-    someSelected,
-    groupedData,
-    sortState,
-    currentPage,
-    currentPageSize,
-    editingCell,
-    editingValue,
-    setEditingValue,
-    toggleColumnLock,
-    handleSort,
-    handleFilter,
-    handlePageChange,
-    handlePageSizeChange,
-    handleRowClick,
-    handleToggleExpand,
-    handleSelectRow,
-    handleSelectAll,
-    isCellEditable,
-    startEditing,
-    commitEdit,
-    cancelEdit,
-    handleExport,
-    handleDragStart,
-    handleDrop
-  };
-}
-function renderTableHeader(ctx, view) {
-  const { size, stickyHeader, rowSelection, expandable, columnLockable, columnDraggable } = view;
-  const expandHeaderTh = expandable ? /* @__PURE__ */ jsxRuntime.jsx("th", { className: tigercatCore.getExpandIconCellClasses(size), "aria-label": "Expand" }) : null;
-  const expandAtStart = expandable?.expandIconPosition !== "end";
-  return /* @__PURE__ */ jsxRuntime.jsx("thead", { className: tigercatCore.getTableHeaderClasses(stickyHeader), children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-    expandAtStart && expandHeaderTh,
-    rowSelection && rowSelection.showCheckbox !== false && rowSelection.type !== "radio" && /* @__PURE__ */ jsxRuntime.jsx("th", { className: tigercatCore.getCheckboxCellClasses(size), children: /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "checkbox",
-        className: "rounded border-gray-300 text-[var(--tiger-primary,#2563eb)] focus:ring-[var(--tiger-primary,#2563eb)]",
-        checked: ctx.allSelected,
-        ref: (el) => {
-          if (el) el.indeterminate = ctx.someSelected;
-        },
-        onChange: (e) => ctx.handleSelectAll(e.target.checked)
-      }
-    ) }),
-    ctx.displayColumns.map((column) => {
-      const isSorted = ctx.sortState.key === column.key;
-      const sortDirection = isSorted ? ctx.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: `${ctx.fixedColumnsInfo.leftOffsets[column.key] || 0}px`,
-        zIndex: 15
-      } : isFixedRight ? {
-        position: "sticky",
-        right: `${ctx.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__ */ jsxRuntime.jsxs(
-        "th",
-        {
-          "data-tiger-table-column-key": column.key,
-          "aria-sort": ariaSort,
-          className: tigercatCore.classNames(
-            tigercatCore.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 ? () => ctx.handleDragStart(column.key) : void 0,
-          onDragOver: columnDraggable ? (e) => e.preventDefault() : void 0,
-          onDrop: columnDraggable ? () => ctx.handleDrop(column.key) : void 0,
-          onClick: column.sortable ? () => ctx.handleSort(column.key) : void 0,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              column.renderHeader ? column.renderHeader() : column.title,
-              columnLockable && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  "aria-label": column.fixed === "left" || column.fixed === "right" ? `Unlock column ${column.title}` : `Lock column ${column.title}`,
-                  className: tigercatCore.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();
-                    ctx.toggleColumnLock(column.key);
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(LockIcon, { locked: column.fixed === "left" || column.fixed === "right" })
-                }
-              ),
-              column.sortable && /* @__PURE__ */ jsxRuntime.jsx(SortIcon, { direction: sortDirection })
-            ] }),
-            column.filter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: column.filter.type === "select" && column.filter.options ? /* @__PURE__ */ jsxRuntime.jsxs(
-              "select",
-              {
-                className: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                onChange: (e) => ctx.handleFilter(column.key, e.target.value),
-                onClick: (e) => e.stopPropagation(),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "All" }),
-                  column.filter.options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.value, children: opt.label }, opt.value))
-                ]
-              }
-            ) : /* @__PURE__ */ jsxRuntime.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) => ctx.handleFilter(column.key, e.target.value),
-                onClick: (e) => e.stopPropagation()
-              }
-            ) })
-          ]
-        },
-        column.key
-      );
-    }),
-    !expandAtStart && expandHeaderTh
-  ] }) });
-}
-function renderTableBody(ctx, view) {
-  const { size, hoverable, striped, loading, emptyText, rowSelection, expandable, rowClassName } = view;
-  if (loading) {
-    return null;
-  }
-  if (ctx.paginatedData.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: ctx.totalColumnCount, className: tigercatCore.tableEmptyStateClasses, children: /* @__PURE__ */ jsxRuntime.jsx("div", { role: "status", "aria-live": "polite", children: emptyText }) }) }) });
-  }
-  function renderDataRow(record, index) {
-    const key = ctx.pageRowKeys[index];
-    const isSelected = ctx.selectedRowKeySet.has(key);
-    const isExpanded = ctx.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__ */ jsxRuntime.jsx("td", { className: tigercatCore.getExpandIconCellClasses(size), children: isRowExpandable && /* @__PURE__ */ jsxRuntime.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();
-          ctx.handleToggleExpand(key, record);
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsx(ExpandIcon, { expanded: isExpanded })
-      }
-    ) }) : null;
-    const expandAtStart = expandable?.expandIconPosition !== "end";
-    const rowNode = /* @__PURE__ */ jsxRuntime.jsxs(
-      "tr",
-      {
-        "data-tiger-table-row-index": index,
-        className: tigercatCore.classNames(
-          tigercatCore.getTableRowClasses(hoverable, striped, index % 2 === 0, rowClass),
-          ctx.fixedColumnsInfo.hasFixedColumns && "group"
-        ),
-        onClick: () => ctx.handleRowClick(record, index, key),
-        children: [
-          expandAtStart && expandToggleCell,
-          rowSelection && rowSelection.showCheckbox !== false && /* @__PURE__ */ jsxRuntime.jsx("td", { className: tigercatCore.getCheckboxCellClasses(size), children: /* @__PURE__ */ jsxRuntime.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) => ctx.handleSelectRow(key, e.target.checked),
-              onClick: (e) => e.stopPropagation()
-            }
-          ) }),
-          ctx.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: `${ctx.fixedColumnsInfo.leftOffsets[column.key] || 0}px`,
-              zIndex: 10
-            } : isFixedRight ? {
-              position: "sticky",
-              right: `${ctx.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 ? tigercatCore.classNames(
-              stickyBgClass,
-              hoverable && "group-hover:bg-[var(--tiger-surface-muted,#f9fafb)]"
-            ) : void 0;
-            const isEditing = ctx.editingCell?.rowIndex === index && ctx.editingCell?.columnKey === column.key;
-            const cellEditable = ctx.isCellEditable(column.key, index);
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              "td",
-              {
-                className: tigercatCore.classNames(
-                  tigercatCore.getTableCellClasses(size, column.align || "left", column.className),
-                  stickyCellClass,
-                  cellEditable && tigercatCore.getEditableCellClasses(!!isEditing)
-                ),
-                style,
-                onDoubleClick: cellEditable ? () => ctx.startEditing(index, column.key, cellValue) : void 0,
-                children: isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    className: tigercatCore.editableCellInputClasses,
-                    value: ctx.editingValue,
-                    onChange: (e) => ctx.setEditingValue(e.target.value),
-                    onBlur: ctx.commitEdit,
-                    onKeyDown: (e) => {
-                      if (e.key === "Enter") ctx.commitEdit();
-                      if (e.key === "Escape") ctx.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__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-        rowNode,
-        /* @__PURE__ */ jsxRuntime.jsx("tr", { className: tigercatCore.getExpandedRowClasses(), children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: ctx.totalColumnCount, className: tigercatCore.getExpandedRowContentClasses(size), children: expandedContent }) }, `${key}-expanded`)
-      ] }, key);
-    }
-    return rowNode;
-  }
-  if (ctx.groupedData) {
-    return /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Array.from(ctx.groupedData.entries()).map(([groupKey, groupItems]) => /* @__PURE__ */ jsxRuntime.jsxs(React__default.default.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("tr", { className: tigercatCore.tableGroupHeaderClasses, children: /* @__PURE__ */ jsxRuntime.jsxs("td", { colSpan: ctx.totalColumnCount, className: tigercatCore.getGroupHeaderCellClasses(size), children: [
-        groupKey,
-        " (",
-        groupItems.length,
-        ")"
-      ] }) }),
-      groupItems.map((record, idx) => {
-        const globalIndex = ctx.paginatedData.indexOf(record);
-        return renderDataRow(record, globalIndex >= 0 ? globalIndex : idx);
-      })
-    ] }, `group-${groupKey}`)) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: ctx.paginatedData.map((record, index) => renderDataRow(record, index)) });
-}
-function renderSummaryRow(ctx, view) {
-  const { size, rowSelection, expandable, summaryRow } = view;
-  if (!summaryRow?.show) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("tfoot", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: tigercatCore.tableSummaryRowClasses, children: [
-    rowSelection && rowSelection.showCheckbox !== false && /* @__PURE__ */ jsxRuntime.jsx("td", { className: tigercatCore.getTableCellClasses(size, "left") }),
-    expandable && /* @__PURE__ */ jsxRuntime.jsx("td", { className: tigercatCore.getTableCellClasses(size, "left") }),
-    ctx.displayColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: tigercatCore.getTableCellClasses(size, column.align || "left"), children: summaryRow.data[column.dataKey || column.key] ?? "" }, column.key))
-  ] }) });
-}
-function renderPagination(ctx, view) {
-  const { pagination } = view;
-  if (pagination === false || !ctx.paginationInfo) {
-    return null;
-  }
-  const { totalPages, startIndex, endIndex, hasNext, hasPrev } = ctx.paginationInfo;
-  const paginationConfig = pagination;
-  const total = paginationConfig.total !== void 0 && paginationConfig.total > 0 ? paginationConfig.total : ctx.processedData.length;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationContainerClasses(), children: [
-    paginationConfig.showTotal !== false && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getSimplePaginationTotalClasses(), children: paginationConfig.totalText ? paginationConfig.totalText(total, [startIndex, endIndex]) : `Showing ${startIndex} to ${endIndex} of ${total} results` }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationControlsClasses(), children: [
-      paginationConfig.showSizeChanger !== false && /* @__PURE__ */ jsxRuntime.jsx(
-        "select",
-        {
-          className: tigercatCore.getSimplePaginationSelectClasses(),
-          value: ctx.currentPageSize,
-          onChange: (e) => ctx.handlePageSizeChange(Number(e.target.value)),
-          children: (paginationConfig.pageSizeOptions || [10, 20, 50, 100]).map((size) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: size, children: [
-            size,
-            " / page"
-          ] }, size))
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.getSimplePaginationButtonsWrapperClasses(), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: tigercatCore.getSimplePaginationButtonClasses(!hasPrev),
-            disabled: !hasPrev,
-            onClick: () => ctx.handlePageChange(ctx.currentPage - 1),
-            children: "Previous"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.getSimplePaginationPageIndicatorClasses(), children: [
-          "Page ",
-          ctx.currentPage,
-          " of ",
-          totalPages
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: tigercatCore.getSimplePaginationButtonClasses(!hasNext),
-            disabled: !hasNext,
-            onClick: () => ctx.handlePageChange(ctx.currentPage + 1),
-            children: "Next"
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-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,
-  virtualThreshold = 1e3,
-  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 wrapperRef = React.useRef(null);
-  const tableRef = React.useRef(null);
-  const [measuredColumnWidths, setMeasuredColumnWidths] = React.useState({});
-  const [measuredRowHeights, setMeasuredRowHeights] = React.useState([]);
-  const internalRowSelection = rowSelection;
-  const internalExpandable = expandable;
-  const internalRowClassName = rowClassName;
-  const ctx = useTableState({
-    columns,
-    dataSource,
-    sort,
-    defaultSort,
-    filters,
-    defaultFilters,
-    pagination,
-    rowSelection: internalRowSelection,
-    expandable: internalExpandable,
-    rowKey,
-    editable,
-    editableCells,
-    filterMode,
-    advancedFilterRules,
-    groupBy,
-    exportFilename,
-    measuredColumnWidths,
-    onChange,
-    onRowClick,
-    onSelectionChange,
-    onSortChange,
-    onFilterChange,
-    onPageChange,
-    onExpandChange,
-    onCellChange,
-    onColumnOrderChange,
-    onExport
-  });
-  const wrapperStyle = React.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]);
-  const virtualRecommendation = React.useMemo(
-    () => tigercatCore.getTableVirtualRecommendation({
-      virtual,
-      dataLength: dataSource.length,
-      threshold: virtualThreshold
-    }),
-    [dataSource.length, virtual, virtualThreshold]
-  );
-  React.useEffect(() => {
-    const wrapper = wrapperRef.current;
-    if (!wrapper) {
-      return void 0;
-    }
-    const controller = tigercatCore.createTableResizeObserverController({
-      onResize: (snapshot) => {
-        setMeasuredColumnWidths(
-          (prev) => areNumberRecordsEqual(prev, snapshot.columnWidths) ? prev : snapshot.columnWidths
-        );
-        setMeasuredRowHeights(
-          (prev) => areNumberArraysEqual(prev, snapshot.rowHeights) ? prev : snapshot.rowHeights
-        );
-      }
-    });
-    controller.observe(wrapper, tableRef.current);
-    return () => controller.disconnect();
-  }, [ctx.displayColumns.length, ctx.paginatedData.length]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: wrapperRef,
-      className: tigercatCore.getTableWrapperClasses(
-        bordered,
-        maxHeight || (virtual ? virtualHeight : void 0)
-      ),
-      style: wrapperStyle,
-      "data-tiger-virtual": virtualRecommendation.enabled ? "enabled" : void 0,
-      "data-tiger-virtual-recommended": virtualRecommendation.recommended ? "true" : void 0,
-      "data-tiger-virtual-threshold": virtualRecommendation.recommended ? virtualRecommendation.threshold : void 0,
-      "data-tiger-measured-row-height": measuredRowHeights[0] || void 0,
-      "aria-busy": loading,
-      children: [
-        exportable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: tigercatCore.tableExportButtonClasses, onClick: ctx.handleExport, children: "Export CSV" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "table",
-          {
-            ref: tableRef,
-            className: tigercatCore.classNames(
-              tigercatCore.tableBaseClasses,
-              tableLayout === "fixed" ? "table-fixed" : "table-auto",
-              className
-            ),
-            ...props,
-            style: ctx.fixedColumnsInfo.hasFixedColumns && ctx.fixedColumnsInfo.minTableWidth ? {
-              ...props.style,
-              minWidth: `${ctx.fixedColumnsInfo.minTableWidth}px`
-            } : props.style,
-            children: [
-              renderTableHeader(ctx, {
-                size,
-                stickyHeader,
-                rowSelection: internalRowSelection,
-                expandable: internalExpandable,
-                columnLockable,
-                columnDraggable
-              }),
-              renderTableBody(ctx, {
-                size,
-                hoverable,
-                striped,
-                loading,
-                emptyText,
-                rowSelection: internalRowSelection,
-                expandable: internalExpandable,
-                rowClassName: internalRowClassName
-              }),
-              renderSummaryRow(ctx, {
-                size,
-                rowSelection: internalRowSelection,
-                expandable: internalExpandable,
-                summaryRow
-              })
-            ]
-          }
-        ),
-        loading && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: tigercatCore.tableLoadingOverlayClasses,
-            role: "status",
-            "aria-live": "polite",
-            "aria-label": "Loading",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, {}),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading" })
-            ]
-          }
-        ),
-        renderPagination(ctx, { pagination })
-      ]
-    }
-  );
-}
-function areNumberRecordsEqual(current, next) {
-  const currentKeys = Object.keys(current);
-  const nextKeys = Object.keys(next);
-  return currentKeys.length === nextKeys.length && nextKeys.every((key) => current[key] === next[key]);
-}
-function areNumberArraysEqual(current, next) {
-  return current.length === next.length && next.every((value, index) => current[index] === value);
-}
-
-exports.Table = Table;