@expcat/tigercat-react 2.1.1 → 2.1.3

package/dist/chunk-FQS24AUH.mjs

@@ -1,241 +0,0 @@
-import {
-  StatusIcon
-} from "./chunk-FLYJVZED.mjs";
-import {
-  renderBodyPortal,
-  useBodyScrollLock,
-  useEscapeKey,
-  useFocusTrap
-} from "./chunk-HKAZXG74.mjs";
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/Tour.tsx
-import { useState, useEffect, useRef, useCallback, useMemo } from "react";
-import {
-  classNames,
-  isBrowser,
-  mergeTigerLocale,
-  captureActiveElement,
-  focusFirst,
-  restoreFocus,
-  tourPopoverClasses,
-  tourTitleClasses,
-  tourDescriptionClasses,
-  tourFooterClasses,
-  tourIndicatorClasses,
-  tourCloseButtonClasses,
-  tourMaskClasses,
-  getTourTargetRect,
-  getTourPopoverPosition,
-  getTourMaskHoleStyle,
-  getActiveTourSteps,
-  getCurrentActiveTourStep,
-  getActiveTourStepPosition,
-  getTourLabels,
-  closeIconPathD
-} from "@expcat/tigercat-core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Tour = ({
-  steps,
-  loadSteps,
-  open = false,
-  current: controlledCurrent,
-  nextText,
-  prevText,
-  finishText,
-  closable = true,
-  showIndicators = true,
-  locale,
-  className,
-  onOpenChange,
-  onClose,
-  onFinish,
-  onChange
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = useMemo(
-    () => getTourLabels(mergedLocale, { nextText, prevText, finishText }),
-    [finishText, mergedLocale, nextText, prevText]
-  );
-  const [internalStep, setInternalStep] = useState(0);
-  const [resolvedSteps, setResolvedSteps] = useState(steps);
-  const currentStep = controlledCurrent ?? internalStep;
-  const activeSteps = useMemo(() => getActiveTourSteps(resolvedSteps), [resolvedSteps]);
-  const activeStepInfo = useMemo(
-    () => getCurrentActiveTourStep(activeSteps, currentStep, resolvedSteps.length),
-    [activeSteps, currentStep, resolvedSteps.length]
-  );
-  const activeStepPosition = getActiveTourStepPosition(activeSteps, activeStepInfo?.index);
-  const step = activeStepInfo?.step;
-  const [targetRect, setTargetRect] = useState();
-  const popoverRef = useRef(null);
-  const closeButtonRef = useRef(null);
-  const previousActiveElementRef = useRef(null);
-  useEffect(() => {
-    if (!loadSteps) {
-      setResolvedSteps(steps);
-      return;
-    }
-    if (!open) return;
-    let cancelled = false;
-    Promise.resolve(loadSteps()).then((nextSteps) => {
-      if (!cancelled) {
-        setResolvedSteps(nextSteps);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [loadSteps, open, steps]);
-  const updateRect = useCallback(() => {
-    if (step?.target) {
-      setTargetRect(getTourTargetRect(step.target));
-    } else {
-      setTargetRect(void 0);
-    }
-  }, [step]);
-  useEffect(() => {
-    if (open) updateRect();
-  }, [open, currentStep, updateRect]);
-  useEffect(() => {
-    if (!open) return;
-    const handler = () => updateRect();
-    window.addEventListener("resize", handler);
-    window.addEventListener("scroll", handler, true);
-    return () => {
-      window.removeEventListener("resize", handler);
-      window.removeEventListener("scroll", handler, true);
-    };
-  }, [open, updateRect]);
-  const goTo = useCallback(
-    (idx) => {
-      setInternalStep(idx);
-      onChange?.(idx);
-    },
-    [onChange]
-  );
-  const next = useCallback(() => {
-    const nextStep = activeSteps[activeStepPosition + 1];
-    if (nextStep) {
-      goTo(nextStep.index);
-    } else {
-      onFinish?.();
-      onOpenChange?.(false);
-      onClose?.();
-    }
-  }, [activeSteps, activeStepPosition, goTo, onFinish, onOpenChange, onClose]);
-  const prev = useCallback(() => {
-    const prevStep = activeSteps[activeStepPosition - 1];
-    if (prevStep) goTo(prevStep.index);
-  }, [activeSteps, activeStepPosition, goTo]);
-  const close = useCallback(() => {
-    onOpenChange?.(false);
-    onClose?.();
-  }, [onOpenChange, onClose]);
-  useEffect(() => {
-    if (open) {
-      previousActiveElementRef.current = captureActiveElement();
-      const timer = setTimeout(() => {
-        focusFirst([closeButtonRef.current, popoverRef.current]);
-      }, 0);
-      return () => clearTimeout(timer);
-    }
-    restoreFocus(previousActiveElementRef.current);
-  }, [open]);
-  useEscapeKey({ enabled: open, onEscape: close });
-  useBodyScrollLock({ enabled: open });
-  useFocusTrap({ enabled: open, containerRef: popoverRef });
-  if (!open || !step) return null;
-  if (!isBrowser()) return null;
-  const placement = step.placement ?? "bottom";
-  const showMask = step.mask !== false;
-  const isLast = activeStepPosition === activeSteps.length - 1;
-  const isFirst = activeStepPosition <= 0;
-  let popoverStyle;
-  if (targetRect) {
-    const pos = getTourPopoverPosition(targetRect, 320, 160, placement);
-    popoverStyle = { position: "absolute", top: pos.top, left: pos.left };
-  } else {
-    popoverStyle = {
-      position: "fixed",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)"
-    };
-  }
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    showMask && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: tourMaskClasses,
-        "data-tiger-tour-mask": "",
-        "aria-hidden": "true",
-        style: targetRect ? getTourMaskHoleStyle(targetRect) : void 0,
-        onClick: close
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: popoverRef,
-        className: classNames(tourPopoverClasses, className),
-        style: popoverStyle,
-        role: "dialog",
-        "aria-modal": "true",
-        children: [
-          closable && /* @__PURE__ */ jsx(
-            "button",
-            {
-              ref: closeButtonRef,
-              className: tourCloseButtonClasses,
-              type: "button",
-              "aria-label": labels.closeAriaLabel,
-              onClick: close,
-              children: /* @__PURE__ */ jsx(StatusIcon, { path: closeIconPathD, className: "h-4 w-4" })
-            }
-          ),
-          step.title && /* @__PURE__ */ jsx("div", { className: tourTitleClasses, children: step.title }),
-          step.description && /* @__PURE__ */ jsx("div", { className: tourDescriptionClasses, children: step.description }),
-          /* @__PURE__ */ jsxs("div", { className: tourFooterClasses, children: [
-            showIndicators && /* @__PURE__ */ jsxs("span", { className: tourIndicatorClasses, children: [
-              activeStepPosition + 1,
-              " / ",
-              activeSteps.length
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-              !isFirst && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] hover:bg-[var(--tiger-surface-muted,#f9fafb)] transition-colors mr-2",
-                  onClick: prev,
-                  children: labels.prevText
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "px-3 py-1.5 text-sm rounded-md bg-[var(--tiger-primary,#2563eb)] text-white hover:bg-[var(--tiger-primary-hover,#1d4ed8)] transition-colors",
-                  onClick: next,
-                  children: isLast ? labels.finishText : labels.nextText
-                }
-              )
-            ] })
-          ] })
-        ]
-      }
-    )
-  ] });
-  return renderBodyPortal(content);
-};
-
-export {
-  Tour
-};

package/dist/chunk-GBEDWXLL.mjs

@@ -1,127 +0,0 @@
-import {
-  useControlledState
-} from "./chunk-MEFARVQI.mjs";
-
-// src/components/Stepper.tsx
-import { useEffect, useRef } from "react";
-import {
-  stepperBaseClasses,
-  getStepperInputClasses,
-  getStepperButtonClasses,
-  minusPathD,
-  plusPathD,
-  stepperIconViewBox,
-  clampStepperValue,
-  classNames,
-  createRafRepeatActionController
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Stepper = ({
-  value,
-  defaultValue,
-  min = -Infinity,
-  max = Infinity,
-  step = 1,
-  disabled = false,
-  size = "md",
-  precision,
-  className,
-  incrementAriaLabel = "Increase",
-  decrementAriaLabel = "Decrease",
-  onChange
-}) => {
-  const [currentValue, setCurrentValue] = useControlledState(value, defaultValue ?? 0, onChange);
-  const repeatControllerRef = useRef(createRafRepeatActionController());
-  const repeatValueRef = useRef(currentValue);
-  const suppressNextClickRef = useRef(false);
-  useEffect(() => () => repeatControllerRef.current.stop(), []);
-  function setValue(v) {
-    const clamped = clampStepperValue(v, min, max, precision);
-    setCurrentValue(clamped);
-    return clamped;
-  }
-  function stepBy(direction, baseValue = currentValue) {
-    return setValue(direction === "up" ? baseValue + step : baseValue - step);
-  }
-  function handleStepClick(direction) {
-    if (suppressNextClickRef.current) {
-      suppressNextClickRef.current = false;
-      return;
-    }
-    stepBy(direction);
-  }
-  function startStepRepeat(direction) {
-    return (event) => {
-      event.preventDefault();
-      if (disabled) return;
-      if (direction === "down" && currentValue <= min) return;
-      if (direction === "up" && currentValue >= max) return;
-      suppressNextClickRef.current = true;
-      repeatValueRef.current = currentValue;
-      repeatControllerRef.current.start(() => {
-        const baseValue = repeatValueRef.current;
-        const nextValue = stepBy(direction, baseValue);
-        repeatValueRef.current = nextValue;
-        if (nextValue === baseValue) {
-          repeatControllerRef.current.stop();
-        }
-      });
-    };
-  }
-  function stopStepRepeat() {
-    repeatControllerRef.current.stop();
-  }
-  const atMin = currentValue <= min;
-  const atMax = currentValue >= max;
-  const icon = (d) => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: stepperIconViewBox, fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d, fillRule: "evenodd", clipRule: "evenodd" }) });
-  return /* @__PURE__ */ jsxs("div", { className: classNames(stepperBaseClasses, className), role: "group", "aria-label": "Stepper", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: getStepperButtonClasses(size, disabled || atMin, "left"),
-        disabled: disabled || atMin,
-        "aria-label": decrementAriaLabel,
-        onPointerDown: startStepRepeat("down"),
-        onPointerUp: stopStepRepeat,
-        onPointerLeave: stopStepRepeat,
-        onPointerCancel: stopStepRepeat,
-        onClick: () => handleStepClick("down"),
-        children: icon(minusPathD)
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        className: getStepperInputClasses(size),
-        value: precision !== void 0 ? currentValue.toFixed(precision) : String(currentValue),
-        disabled,
-        "aria-label": "Value",
-        onChange: (e) => {
-          const val = Number(e.target.value);
-          if (!Number.isNaN(val)) setValue(val);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: getStepperButtonClasses(size, disabled || atMax, "right"),
-        disabled: disabled || atMax,
-        "aria-label": incrementAriaLabel,
-        onPointerDown: startStepRepeat("up"),
-        onPointerUp: stopStepRepeat,
-        onPointerLeave: stopStepRepeat,
-        onPointerCancel: stopStepRepeat,
-        onClick: () => handleStepClick("up"),
-        children: icon(plusPathD)
-      }
-    )
-  ] });
-};
-
-export {
-  Stepper
-};

package/dist/chunk-GOQ6ZG7H.mjs

@@ -1,67 +0,0 @@
-// src/components/Statistic.tsx
-import { useEffect, useMemo, useRef, useState } from "react";
-import {
-  statisticBaseClasses,
-  getStatisticTitleClasses,
-  getStatisticValueClasses,
-  statisticPrefixClasses,
-  statisticSuffixClasses,
-  formatStatisticValue,
-  canAnimateStatisticValue,
-  createStatisticNumberAnimation,
-  classNames
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Statistic = ({
-  title,
-  value,
-  precision,
-  prefix,
-  suffix,
-  groupSeparator = false,
-  animated = false,
-  animationDuration,
-  size = "md",
-  className
-}) => {
-  const initialValue = animated && canAnimateStatisticValue(value) ? 0 : value;
-  const [displayValue, setDisplayValue] = useState(initialValue);
-  const currentNumberRef = useRef(canAnimateStatisticValue(initialValue) ? initialValue : 0);
-  useEffect(() => {
-    if (!animated || !canAnimateStatisticValue(value)) {
-      setDisplayValue(value);
-      if (canAnimateStatisticValue(value)) currentNumberRef.current = value;
-      return void 0;
-    }
-    const controller = createStatisticNumberAnimation({
-      from: currentNumberRef.current,
-      to: value,
-      duration: animationDuration,
-      onUpdate: (next) => {
-        currentNumberRef.current = next;
-        setDisplayValue(next);
-      },
-      onComplete: () => {
-        currentNumberRef.current = value;
-        setDisplayValue(value);
-      }
-    });
-    return controller.stop;
-  }, [value, animated, animationDuration]);
-  const formatted = useMemo(
-    () => formatStatisticValue(displayValue, precision, groupSeparator),
-    [displayValue, precision, groupSeparator]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: classNames(statisticBaseClasses, className), children: [
-    title && /* @__PURE__ */ jsx("div", { className: getStatisticTitleClasses(size), children: title }),
-    /* @__PURE__ */ jsxs("div", { className: getStatisticValueClasses(size), children: [
-      prefix && /* @__PURE__ */ jsx("span", { className: statisticPrefixClasses, children: prefix }),
-      /* @__PURE__ */ jsx("span", { children: formatted }),
-      suffix && /* @__PURE__ */ jsx("span", { className: statisticSuffixClasses, children: suffix })
-    ] })
-  ] });
-};
-
-export {
-  Statistic
-};

package/dist/chunk-GV4F6X3C.mjs

@@ -1,266 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/VirtualTable.tsx
-import { useCallback, useMemo, useRef, useState } from "react";
-import {
-  classNames,
-  isActivationKey,
-  resolveLocaleText,
-  mergeTigerLocale,
-  calculateVirtualRange,
-  calculateVirtualColumnRange,
-  getVirtualTableContainerClasses,
-  getVirtualTableRowClasses,
-  getVirtualRowKey,
-  getVirtualTableFixedInfo,
-  getVirtualTableFixedCellStyle,
-  getTableFixedCellClasses,
-  getTableFixedHeaderCellClasses,
-  getTableColgroup,
-  getNextTableSelectAllKeys,
-  tableBaseClasses,
-  virtualTableHeaderClasses,
-  virtualTableHeaderCellClasses,
-  virtualTableCellClasses,
-  virtualTableEmptyClasses,
-  virtualTableLoadingClasses,
-  virtualTableFixedCellSelectedClasses
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_VIRTUAL_COLUMN_WIDTH = 150;
-var VirtualTable = ({
-  dataSource = [],
-  columns = [],
-  virtualItemHeight = 48,
-  virtualHeight = 400,
-  width = "auto",
-  overscan = 5,
-  stickyHeader = true,
-  virtualizeColumns = false,
-  rowKey,
-  rowClassName,
-  loading = false,
-  emptyText,
-  locale,
-  rowSelection,
-  striped = false,
-  bordered = false,
-  className,
-  onRowClick,
-  onSelectionChange,
-  renderCell,
-  ...rest
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const containerRef = useRef(null);
-  const [scrollTop, setScrollTop] = useState(0);
-  const [scrollLeft, setScrollLeft] = useState(0);
-  const [uncontrolledSelectedKeys, setUncontrolledSelectedKeys] = useState(
-    rowSelection?.defaultSelectedRowKeys ?? rowSelection?.selectedRowKeys ?? []
-  );
-  const isSelectionControlled = rowSelection?.selectedRowKeys !== void 0;
-  const selectedKeys = isSelectionControlled ? rowSelection.selectedRowKeys ?? [] : uncontrolledSelectedKeys;
-  const hasSelection = !!rowSelection;
-  const range = useMemo(
-    () => calculateVirtualRange(
-      scrollTop,
-      virtualHeight,
-      dataSource.length,
-      virtualItemHeight,
-      overscan
-    ),
-    [scrollTop, virtualHeight, dataSource.length, virtualItemHeight, overscan]
-  );
-  const visibleData = useMemo(
-    () => dataSource.slice(range.start, range.end),
-    [dataSource, range.start, range.end]
-  );
-  const selectedSet = useMemo(() => new Set(selectedKeys), [selectedKeys]);
-  const commitSelection = useCallback(
-    (nextKeys) => {
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedKeys(nextKeys);
-      }
-      onSelectionChange?.(nextKeys);
-    },
-    [isSelectionControlled, onSelectionChange]
-  );
-  const toggleRowSelection = useCallback(
-    (key, row) => {
-      if (!rowSelection || rowSelection.getCheckboxProps?.(row)?.disabled) return;
-      if (rowSelection.type === "radio") {
-        commitSelection([key]);
-        return;
-      }
-      commitSelection(getNextTableSelectAllKeys(selectedKeys, [key], !selectedSet.has(key)));
-    },
-    [commitSelection, rowSelection, selectedKeys, selectedSet]
-  );
-  const onScroll = useCallback(() => {
-    if (containerRef.current) {
-      setScrollTop(containerRef.current.scrollTop);
-      setScrollLeft(containerRef.current.scrollLeft);
-    }
-  }, []);
-  const containerClasses = useMemo(
-    () => getVirtualTableContainerClasses(bordered, className),
-    [bordered, className]
-  );
-  const fixedInfo = useMemo(() => getVirtualTableFixedInfo(columns), [columns]);
-  const columnWidths = useMemo(
-    () => columns.map((c) => typeof c.width === "number" ? c.width : DEFAULT_VIRTUAL_COLUMN_WIDTH),
-    [columns]
-  );
-  const colVirtualActive = virtualizeColumns && !fixedInfo.hasFixedColumns && width !== "auto";
-  const colRange = useMemo(
-    () => colVirtualActive ? calculateVirtualColumnRange(scrollLeft, width, columnWidths) : void 0,
-    [colVirtualActive, scrollLeft, width, columnWidths]
-  );
-  const visibleColumns = colRange ? columns.slice(colRange.start, colRange.end) : columns;
-  const colIndexOffset = colRange ? colRange.start : 0;
-  const colgroupEntries = useMemo(
-    () => fixedInfo.hasFixedColumns ? getTableColgroup({
-      columns: visibleColumns,
-      size: "md",
-      hasSelectionColumn: false,
-      expand: false
-    }) : [],
-    [fixedInfo.hasFixedColumns, visibleColumns]
-  );
-  const resolveRowClassName = (row, index) => typeof rowClassName === "function" ? rowClassName(row, index) : rowClassName;
-  const bottomHeight = Math.max(0, range.totalHeight - range.end * virtualItemHeight);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: classNames(
-        containerClasses,
-        rest.className
-      ),
-      style: {
-        height: `${virtualHeight}px`,
-        ...width !== "auto" ? { width: `${width}px` } : {}
-      },
-      onScroll,
-      role: "grid",
-      "aria-rowcount": dataSource.length,
-      children: [
-        /* @__PURE__ */ jsxs("table", { className: classNames(tableBaseClasses, "table-fixed"), children: [
-          colgroupEntries.length > 0 && /* @__PURE__ */ jsx("colgroup", { children: colgroupEntries.map((entry) => /* @__PURE__ */ jsx(
-            "col",
-            {
-              "data-tiger-table-col": entry.key,
-              style: entry.width ? { width: entry.width } : void 0
-            },
-            entry.key
-          )) }),
-          /* @__PURE__ */ jsx("thead", { className: stickyHeader ? virtualTableHeaderClasses : void 0, children: /* @__PURE__ */ jsxs("tr", { children: [
-            colRange && colRange.leftPad > 0 && /* @__PURE__ */ jsx("th", { "aria-hidden": true, style: { width: `${colRange.leftPad}px`, padding: 0 } }),
-            visibleColumns.map((col) => {
-              const widthStyle = col.width ? { width: typeof col.width === "number" ? `${col.width}px` : col.width } : {};
-              const stickyStyle = getVirtualTableFixedCellStyle(col.key, fixedInfo);
-              return /* @__PURE__ */ jsx(
-                "th",
-                {
-                  className: classNames(
-                    virtualTableHeaderCellClasses,
-                    getTableFixedHeaderCellClasses({
-                      view: "virtual-table",
-                      column: col,
-                      stickyHeader,
-                      fixedInfo
-                    })
-                  ),
-                  style: { ...widthStyle, ...stickyStyle },
-                  children: col.renderHeader ? col.renderHeader() : col.title ?? ""
-                },
-                col.key
-              );
-            }),
-            colRange && colRange.rightPad > 0 && /* @__PURE__ */ jsx("th", { "aria-hidden": true, style: { width: `${colRange.rightPad}px`, padding: 0 } })
-          ] }) }),
-          /* @__PURE__ */ jsxs("tbody", { children: [
-            /* @__PURE__ */ jsx("tr", { style: { height: `${range.offsetTop}px` }, "aria-hidden": true }),
-            visibleData.map((row, localIdx) => {
-              const globalIdx = range.start + localIdx;
-              const key = rowSelection?.getRowKey ? rowSelection.getRowKey(row) : getVirtualRowKey(row, globalIdx, rowKey);
-              const isSelected = selectedSet.has(key);
-              const isInteractive = !!onRowClick || hasSelection;
-              const activate = () => {
-                onRowClick?.(row, globalIdx);
-                if (hasSelection) toggleRowSelection(key, row);
-              };
-              return /* @__PURE__ */ jsxs(
-                "tr",
-                {
-                  className: classNames(
-                    getVirtualTableRowClasses(globalIdx, striped, isSelected),
-                    resolveRowClassName(row, globalIdx)
-                  ),
-                  "aria-rowindex": globalIdx + 2,
-                  "aria-selected": hasSelection ? isSelected : void 0,
-                  tabIndex: isInteractive ? 0 : void 0,
-                  onClick: isInteractive ? activate : void 0,
-                  onKeyDown: isInteractive ? (e) => {
-                    if (isActivationKey(e)) {
-                      e.preventDefault();
-                      activate();
-                    }
-                  } : void 0,
-                  children: [
-                    colRange && colRange.leftPad > 0 && /* @__PURE__ */ jsx("td", { "aria-hidden": true, style: { width: `${colRange.leftPad}px`, padding: 0 } }),
-                    visibleColumns.map((col, colIdx) => {
-                      const dataKey = col.dataKey || col.key;
-                      const value = row[dataKey];
-                      return /* @__PURE__ */ jsx(
-                        "td",
-                        {
-                          "aria-colindex": colIndexOffset + colIdx + 1,
-                          className: classNames(
-                            virtualTableCellClasses,
-                            getTableFixedCellClasses({
-                              view: "virtual-table",
-                              column: col,
-                              record: row,
-                              rowIndex: globalIdx,
-                              striped,
-                              stripedActive: striped && globalIdx % 2 === 1,
-                              selected: isSelected,
-                              hoverable: true,
-                              fixedInfo,
-                              selectedClassName: virtualTableFixedCellSelectedClasses
-                            })
-                          ),
-                          style: getVirtualTableFixedCellStyle(col.key, fixedInfo),
-                          children: renderCell ? renderCell(value, row, col) : col.render ? col.render(row, globalIdx) : value
-                        },
-                        col.key
-                      );
-                    }),
-                    colRange && colRange.rightPad > 0 && /* @__PURE__ */ jsx("td", { "aria-hidden": true, style: { width: `${colRange.rightPad}px`, padding: 0 } })
-                  ]
-                },
-                key
-              );
-            }),
-            bottomHeight > 0 && /* @__PURE__ */ jsx("tr", { style: { height: `${bottomHeight}px` }, "aria-hidden": true })
-          ] })
-        ] }),
-        dataSource.length === 0 && !loading && /* @__PURE__ */ jsx("div", { className: virtualTableEmptyClasses, children: resolveLocaleText("No data", emptyText, mergedLocale?.common?.emptyText) }),
-        loading && /* @__PURE__ */ jsx("div", { className: virtualTableLoadingClasses, children: resolveLocaleText("Loading...", mergedLocale?.common?.loadingText) })
-      ]
-    }
-  );
-};
-var VirtualTable_default = VirtualTable;
-
-export {
-  VirtualTable,
-  VirtualTable_default
-};