@expcat/tigercat-react 1.4.0 → 2.0.0-preview.1

package/dist/{chunk-CAQPYJFA.mjs → chunk-LJWQ7T57.mjs}

@@ -1,6 +1,6 @@
 import {
   VirtualList
-} from "./chunk-7DUHHRAU.mjs";
+} from "./chunk-Y5X3G2LD.mjs";
 import {
   useTigerConfig
 } from "./chunk-QAIBQHIO.mjs";
@@ -56,6 +56,9 @@ function useTreeState(props) {
     blockNode = false,
     emptyText,
     ariaLabel = "Tree",
+    onExpandedKeysChange,
+    onSelectedKeysChange,
+    onCheckedKeysChange,
     onExpand,
     onSelect,
     onCheck,
@@ -203,7 +206,9 @@ function useTreeState(props) {
       if (controlledExpandedKeys === void 0) {
         setInternalExpandedKeys(newExpandedKeys);
       }
-      onExpand?.(Array.from(newExpandedKeys), {
+      const expandedKeysArray = Array.from(newExpandedKeys);
+      onExpandedKeysChange?.(expandedKeysArray);
+      onExpand?.(expandedKeysArray, {
         expanded: !isExpanded,
         node
       });
@@ -214,6 +219,7 @@ function useTreeState(props) {
       loadData,
       loadingNodes,
       controlledExpandedKeys,
+      onExpandedKeysChange,
       onExpand,
       onNodeExpand,
       onNodeCollapse
@@ -238,6 +244,7 @@ function useTreeState(props) {
         setInternalSelectedKeys(newSelectedKeys);
       }
       const selectedKeysArray = Array.from(newSelectedKeys);
+      onSelectedKeysChange?.(selectedKeysArray);
       onSelect?.(selectedKeysArray, {
         selected: newSelectedKeys.has(nodeKey),
         selectedNodes: selectedKeysArray.map((k) => findNode(treeData, k)).filter(Boolean),
@@ -251,6 +258,7 @@ function useTreeState(props) {
       effectiveSelectable,
       effectiveMultiple,
       controlledSelectedKeys,
+      onSelectedKeysChange,
       onSelect
     ]
   );
@@ -270,6 +278,7 @@ function useTreeState(props) {
         setInternalCheckedState(newCheckedState);
       }
       const returnKeys = getCheckedKeysByStrategy(newCheckedState, treeData, checkStrategy);
+      onCheckedKeysChange?.(returnKeys);
       onCheck?.(returnKeys, {
         checked,
         checkedNodes: newCheckedState.checked.map((k) => findNode(treeData, k)).filter(Boolean),
@@ -277,7 +286,15 @@ function useTreeState(props) {
         checkedNodesPositions: newCheckedState
       });
     },
-    [treeData, computedCheckedState, checkStrictly, checkStrategy, controlledCheckedKeys, onCheck]
+    [
+      treeData,
+      computedCheckedState,
+      checkStrictly,
+      checkStrategy,
+      controlledCheckedKeys,
+      onCheckedKeysChange,
+      onCheck
+    ]
   );
   const handleKeyDown = useCallback(
     (e, node, isExpanded, isChecked) => {

package/dist/{chunk-KGMVRIYC.mjs → chunk-LOM6NNQK.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/ImageViewer.tsx
 import { useState, useCallback, useEffect, useMemo, useRef } from "react";
 import {
@@ -20,7 +24,9 @@ import {
   movePan,
   createPinchState,
   startPinch,
-  movePinch
+  movePinch,
+  getImageViewerLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function SvgIcon({ pathD, label }) {
@@ -40,6 +46,7 @@ function SvgIcon({ pathD, label }) {
   );
 }
 var ImageViewer = ({
+  locale,
   images,
   open = false,
   currentIndex = 0,
@@ -55,6 +62,12 @@ var ImageViewer = ({
   onClose,
   onCurrentIndexChange
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(() => getImageViewerLabels(mergedLocale), [mergedLocale]);
   const [index, setIndex] = useState(currentIndex);
   const [transform, setTransform] = useState(createDefaultTransform);
   const panRef = useRef(createPanState());
@@ -112,7 +125,7 @@ var ImageViewer = ({
       className: backdropClasses,
       role: "dialog",
       "aria-modal": "true",
-      "aria-label": "Image viewer",
+      "aria-label": labels.dialogAriaLabel,
       onClick: (e) => {
         if (maskClosable && e.target === e.currentTarget) handleClose();
       },
@@ -127,9 +140,9 @@ var ImageViewer = ({
           {
             className: imageViewerCloseBtnClasses,
             onClick: handleClose,
-            "aria-label": "Close",
+            "aria-label": labels.closeAriaLabel,
             type: "button",
-            children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.close, label: "Close" })
+            children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.close, label: labels.closeAriaLabel })
           }
         ),
         showNav && images.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -138,9 +151,9 @@ var ImageViewer = ({
             {
               className: classNames(imageViewerNavBtnClasses, "left-4"),
               onClick: handlePrev,
-              "aria-label": "Previous image",
+              "aria-label": labels.previousImageAriaLabel,
               type: "button",
-              children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.prev, label: "Previous" })
+              children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.prev, label: labels.previousImageAriaLabel })
             }
           ),
           /* @__PURE__ */ jsx(
@@ -148,9 +161,9 @@ var ImageViewer = ({
             {
               className: classNames(imageViewerNavBtnClasses, "right-4"),
               onClick: handleNext,
-              "aria-label": "Next image",
+              "aria-label": labels.nextImageAriaLabel,
               type: "button",
-              children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.next, label: "Next" })
+              children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.next, label: labels.nextImageAriaLabel })
             }
           )
         ] }),
@@ -238,9 +251,9 @@ var ImageViewer = ({
                   ...t,
                   scale: clampZoom(t.scale - 0.25, minZoom, maxZoom)
                 })),
-                "aria-label": "Zoom out",
+                "aria-label": labels.zoomOutAriaLabel,
                 type: "button",
-                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.zoomOut, label: "Zoom out" })
+                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.zoomOut, label: labels.zoomOutAriaLabel })
               }
             ),
             /* @__PURE__ */ jsx(
@@ -251,9 +264,9 @@ var ImageViewer = ({
                   ...t,
                   scale: clampZoom(t.scale + 0.25, minZoom, maxZoom)
                 })),
-                "aria-label": "Zoom in",
+                "aria-label": labels.zoomInAriaLabel,
                 type: "button",
-                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.zoomIn, label: "Zoom in" })
+                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.zoomIn, label: labels.zoomInAriaLabel })
               }
             )
           ] }),
@@ -263,9 +276,9 @@ var ImageViewer = ({
               {
                 className: imageViewerToolbarBtnClasses,
                 onClick: () => setTransform((t) => ({ ...t, rotation: normalizeRotation(t.rotation - 90) })),
-                "aria-label": "Rotate left",
+                "aria-label": labels.rotateLeftAriaLabel,
                 type: "button",
-                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.rotateLeft, label: "Rotate left" })
+                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.rotateLeft, label: labels.rotateLeftAriaLabel })
               }
             ),
             /* @__PURE__ */ jsx(
@@ -273,9 +286,9 @@ var ImageViewer = ({
               {
                 className: imageViewerToolbarBtnClasses,
                 onClick: () => setTransform((t) => ({ ...t, rotation: normalizeRotation(t.rotation + 90) })),
-                "aria-label": "Rotate right",
+                "aria-label": labels.rotateRightAriaLabel,
                 type: "button",
-                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.rotateRight, label: "Rotate right" })
+                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.rotateRight, label: labels.rotateRightAriaLabel })
               }
             )
           ] })

package/dist/{chunk-ZQSMJS2Q.mjs → chunk-MMWF2OPA.mjs}

@@ -38,11 +38,14 @@ var CASCADER_KEYS = /* @__PURE__ */ new Set([
   "size",
   "disabled",
   "clearable",
-  "showSearch",
+  "searchable",
+  "searchValue",
+  "defaultSearchValue",
+  "onSearchChange",
   "expandTrigger",
   "changeOnSelect",
   "separator",
-  "notFoundText",
+  "emptyText",
   "className",
   "locale"
 ]);
@@ -56,11 +59,14 @@ var Cascader = (props) => {
     size = "md",
     disabled = false,
     clearable = true,
-    showSearch = false,
+    searchable = false,
+    searchValue,
+    defaultSearchValue = "",
+    onSearchChange,
     expandTrigger = "click",
     changeOnSelect = false,
     separator = " / ",
-    notFoundText,
+    emptyText,
     className,
     locale
   } = props;
@@ -76,7 +82,8 @@ var Cascader = (props) => {
   const instanceId = useId();
   const listboxId = `tiger-cascader-listbox-${instanceId}`;
   const [isOpen, setIsOpen] = useState(false);
-  const [searchQuery, setSearchQuery] = useState("");
+  const [uncontrolledSearchValue, setUncontrolledSearchValue] = useState(defaultSearchValue);
+  const searchQuery = searchValue ?? uncontrolledSearchValue;
   const [activePath, setActivePath] = useState([]);
   const triggerRef = useRef(null);
   const dropdownRef = useRef(null);
@@ -85,15 +92,15 @@ var Cascader = (props) => {
     [options, value, separator]
   );
   const columns = useMemo(() => getCascaderColumns(options, activePath), [options, activePath]);
-  const isSearchMode = showSearch && searchQuery.length > 0;
+  const isSearchMode = searchable && searchQuery.length > 0;
   const flattenedOptions = useMemo(() => {
-    if (!showSearch) return [];
-    return flattenCascaderOptions(options);
-  }, [showSearch, options]);
+    if (!searchable) return [];
+    return flattenCascaderOptions(options, [], [], changeOnSelect);
+  }, [searchable, options, changeOnSelect]);
   const searchResults = useMemo(() => {
     if (!isSearchMode) return [];
-    return filterCascaderOptions(flattenedOptions, searchQuery, showSearch);
-  }, [isSearchMode, flattenedOptions, searchQuery, showSearch]);
+    return filterCascaderOptions(flattenedOptions, searchQuery, searchable);
+  }, [isSearchMode, flattenedOptions, searchQuery, searchable]);
   const triggerClasses = useMemo(
     () => classNames(getCascaderTriggerClasses(size, disabled, isOpen), className),
     [size, disabled, isOpen, className]
@@ -101,9 +108,15 @@ var Cascader = (props) => {
   useEffect(() => {
     if (isOpen) {
       setActivePath(value ? [...value] : []);
-      setSearchQuery("");
+      updateSearchValue("");
     }
   }, [isOpen, value]);
+  function updateSearchValue(value2) {
+    if (searchValue === void 0) {
+      setUncontrolledSearchValue(value2);
+    }
+    onSearchChange?.(value2);
+  }
   useEffect(() => {
     if (!isOpen) return;
     function handleClick(e) {
@@ -241,24 +254,20 @@ var Cascader = (props) => {
         ref: dropdownRef,
         className: classNames(cascaderDropdownClasses, isSearchMode && "flex-col"),
         children: [
-          showSearch && /* @__PURE__ */ jsx(
+          searchable && /* @__PURE__ */ jsx(
             "input",
             {
               type: "text",
               className: cascaderSearchInputClasses,
               placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
               value: searchQuery,
-              onChange: (e) => setSearchQuery(e.target.value),
+              onChange: (e) => updateSearchValue(e.target.value),
               "aria-label": "Search options"
             }
           ),
           isSearchMode ? (
             // Search results
-            searchResults.length === 0 ? /* @__PURE__ */ jsx("div", { className: cascaderEmptyStateClasses, children: resolveLocaleText(
-              "No results found",
-              notFoundText,
-              mergedLocale?.common?.emptyText
-            ) }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto", ...getPickerListboxAria({ id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ jsx(
+            searchResults.length === 0 ? /* @__PURE__ */ jsx("div", { className: cascaderEmptyStateClasses, children: resolveLocaleText("No results found", emptyText, mergedLocale?.common?.emptyText) }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto", ...getPickerListboxAria({ id: listboxId }), children: searchResults.map((item) => /* @__PURE__ */ jsx(
               "div",
               {
                 className: classNames(
@@ -270,7 +279,7 @@ var Cascader = (props) => {
                   disabled: item.disabled
                 }),
                 onClick: () => handleSearchResultClick(item.valuePath, item.disabled),
-                children: item.label
+                children: typeof searchable === "object" && searchable.render ? searchable.render(searchQuery, item.path) : item.label
               },
               item.valuePath.join(",")
             )) })

package/dist/{chunk-AVLIUHOS.mjs → chunk-MOLUSXVC.mjs}

@@ -1,15 +1,15 @@
 import {
   Timeline
-} from "./chunk-ZA5EFHET.mjs";
-import {
-  Loading
-} from "./chunk-2LYV6NBJ.mjs";
+} from "./chunk-Z6BDNV3S.mjs";
 import {
   Link
 } from "./chunk-XZVQ3PJS.mjs";
+import {
+  Loading
+} from "./chunk-WTIEJCRV.mjs";
 import {
   Tag
-} from "./chunk-WMPCN7OF.mjs";
+} from "./chunk-MZCGQED3.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
@@ -125,7 +125,7 @@ var ActivityFeed = ({
                   {
                     variant: item.status.variant ?? "default",
                     size: "sm",
-                    className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-opacity-10 shadow-sm",
+                    className: "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-semibold tracking-wide uppercase border border-current bg-current/10 shadow-sm",
                     children: item.status.label
                   }
                 ) : null

package/dist/{chunk-RVLV63SI.mjs → chunk-MQ34GFHN.mjs}

@@ -1,15 +1,15 @@
 import {
   Select
-} from "./chunk-WFWEMXO7.mjs";
+} from "./chunk-JSBWEK6D.mjs";
 import {
   Radio
-} from "./chunk-3RBRWBUG.mjs";
+} from "./chunk-IIWUQK2P.mjs";
 import {
   Empty
-} from "./chunk-WIWTY74F.mjs";
+} from "./chunk-NJHZQBA7.mjs";
 import {
   Checkbox
-} from "./chunk-6BOSSZM3.mjs";
+} from "./chunk-EPWAROC2.mjs";
 import {
   useTigerConfig
 } from "./chunk-QAIBQHIO.mjs";
@@ -27,6 +27,7 @@ import {
   getTableResponsiveCardListClasses,
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
+  getTableVirtualWindow,
   formatTableSelectRowAriaLabel,
   formatTableSortByText as formatTableSortByText2,
   getTableLabels,
@@ -111,7 +112,7 @@ var LoadingSpinner = () => /* @__PURE__ */ jsx(
 import { useEffect, useMemo, useState } from "react";
 import {
   sortData,
-  filterData,
+  filterTableData,
   paginateData,
   calculatePagination,
   createTableRowKeyCache,
@@ -120,7 +121,10 @@ import {
   getFixedColumnOffsets,
   freezeTableColumnWidths,
   filterHiddenColumns,
-  orderTableFixedColumns
+  orderTableFixedColumns,
+  getNextTableSelectAllKeys,
+  getTableSelectionState,
+  hasTableSelectionColumn
 } from "@expcat/tigercat-core";
 import { exportTableData, downloadTableExport } from "@expcat/tigercat-core";
 function useTableState(input) {
@@ -238,7 +242,7 @@ function useTableState(input) {
   }, [columns, fixedOverrides, effectiveHiddenColumnKeys]);
   const totalColumnCount = useMemo(() => {
     let count = displayColumns.length;
-    if (rowSelection && rowSelection.showCheckbox !== false) count++;
+    if (hasTableSelectionColumn(rowSelection)) count++;
     if (expandable) count++;
     return count;
   }, [displayColumns.length, rowSelection, expandable]);
@@ -281,14 +285,14 @@ function useTableState(input) {
     if (filterMode === "advanced" && advancedFilterRules.length > 0) {
       data = filterDataAdvanced(data, advancedFilterRules);
     } else {
-      data = filterData(data, filterState);
+      data = filterTableData(data, columns, 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]);
+  }, [dataSource, columns, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
   const paginatedData = useMemo(() => {
     if (pagination === false) {
       return processedData;
@@ -406,28 +410,28 @@ function useTableState(input) {
     }
     onSelectionChange?.(newKeys);
   }
+  const selectionState = useMemo(
+    () => getTableSelectionState({
+      records: paginatedData,
+      rowKeys: pageRowKeys,
+      selectedRowKeys,
+      getCheckboxProps: rowSelection?.getCheckboxProps
+    }),
+    [paginatedData, pageRowKeys, selectedRowKeys, rowSelection]
+  );
   function handleSelectAll(checked) {
-    if (checked) {
-      const newKeys = pageRowKeys;
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedRowKeys(newKeys);
-      }
-      onSelectionChange?.(newKeys);
-    } else {
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedRowKeys([]);
-      }
-      onSelectionChange?.([]);
+    const newKeys = getNextTableSelectAllKeys(
+      selectedRowKeys,
+      selectionState.selectableRowKeys,
+      checked
+    );
+    if (!isSelectionControlled) {
+      setUncontrolledSelectedRowKeys(newKeys);
     }
+    onSelectionChange?.(newKeys);
   }
-  const allSelected = useMemo(() => {
-    if (pageRowKeys.length === 0) return false;
-    return pageRowKeys.every((key) => selectedRowKeySet.has(key));
-  }, [pageRowKeys, selectedRowKeySet]);
-  const someSelected = useMemo(
-    () => selectedRowKeys.length > 0 && !allSelected,
-    [selectedRowKeys.length, allSelected]
-  );
+  const allSelected = selectionState.allSelected;
+  const someSelected = selectionState.someSelected;
   const [editingCell, setEditingCell] = useState(
     null
   );
@@ -557,9 +561,10 @@ function renderTableHeader(ctx, view) {
     columnLockable,
     columnDraggable,
     lockColumnAriaLabel,
-    unlockColumnAriaLabel
+    unlockColumnAriaLabel,
+    labels
   } = view;
-  const expandHeaderTh = expandable ? /* @__PURE__ */ jsx2("th", { className: getExpandIconCellClasses(size), "aria-label": "Expand" }) : null;
+  const expandHeaderTh = expandable ? /* @__PURE__ */ jsx2("th", { className: getExpandIconCellClasses(size), "aria-label": labels.expandText }) : null;
   const expandAtStart = expandable?.expandIconPosition !== "end";
   return /* @__PURE__ */ jsx2("thead", { className: getTableHeaderClasses(stickyHeader), children: /* @__PURE__ */ jsxs("tr", { children: [
     expandAtStart && expandHeaderTh,
@@ -640,7 +645,7 @@ function renderTableHeader(ctx, view) {
                 onChange: (e) => ctx.handleFilter(column.key, e.target.value),
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx2("option", { value: "", children: "All" }),
+                  /* @__PURE__ */ jsx2("option", { value: "", children: labels.allText }),
                   column.filter.options.map((opt) => /* @__PURE__ */ jsx2("option", { value: opt.value, children: opt.label }, opt.value))
                 ]
               }
@@ -649,7 +654,7 @@ function renderTableHeader(ctx, view) {
               {
                 type: "text",
                 className: "w-full px-2 py-1 text-sm border border-gray-300 rounded",
-                placeholder: column.filter.placeholder || "Filter...",
+                placeholder: column.filter.placeholder || labels.filterPlaceholder,
                 onInput: (e) => ctx.handleFilter(column.key, e.target.value),
                 onClick: (e) => e.stopPropagation()
               }
@@ -667,6 +672,7 @@ function renderTableHeader(ctx, view) {
 import React from "react";
 import {
   classNames as classNames2,
+  isActivationKey,
   getTableRowClasses,
   getTableCellClasses,
   getTableFixedCellClasses,
@@ -691,8 +697,11 @@ function renderTableBody(ctx, view) {
     emptyText,
     rowSelection,
     expandable,
+    labels,
     rowClassName,
-    rowDraggable
+    rowDraggable,
+    interactiveRows,
+    virtualWindow
   } = view;
   if (loading) {
     return null;
@@ -744,7 +753,7 @@ function renderTableBody(ctx, view) {
       {
         type: "button",
         className: "inline-flex items-center justify-center",
-        "aria-label": isExpanded ? "Collapse row" : "Expand row",
+        "aria-label": isExpanded ? labels.collapseRowAriaLabel : labels.expandRowAriaLabel,
         "aria-expanded": isExpanded,
         onClick: (e) => {
           e.stopPropagation();
@@ -762,6 +771,15 @@ function renderTableBody(ctx, view) {
           getTableRowClasses(hoverable, striped, index % 2 === 0, rowClass),
           ctx.fixedColumnsInfo.hasFixedColumns && "group"
         ),
+        "aria-selected": rowSelection ? isSelected : void 0,
+        tabIndex: interactiveRows ? 0 : void 0,
+        onKeyDown: interactiveRows ? (e) => {
+          if (e.target !== e.currentTarget) return;
+          if (isActivationKey(e)) {
+            e.preventDefault();
+            ctx.handleRowClick(record, index, key);
+          }
+        } : void 0,
         draggable: rowDraggable ? true : void 0,
         children: [
           expandAtStart && expandToggleCell,
@@ -862,6 +880,33 @@ function renderTableBody(ctx, view) {
       }
     );
   }
+  if (virtualWindow && virtualWindow.endIndex >= virtualWindow.startIndex) {
+    const { startIndex, endIndex, topPad, bottomPad } = virtualWindow;
+    const windowed = [];
+    if (topPad > 0) {
+      windowed.push(
+        /* @__PURE__ */ jsx3("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx3("td", { colSpan: ctx.totalColumnCount, style: { height: `${topPad}px`, padding: 0 } }) }, "virtual-top")
+      );
+    }
+    for (let index = startIndex; index <= endIndex; index++) {
+      windowed.push(renderDataRow(ctx.paginatedData[index], index));
+    }
+    if (bottomPad > 0) {
+      windowed.push(
+        /* @__PURE__ */ jsx3("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx3("td", { colSpan: ctx.totalColumnCount, style: { height: `${bottomPad}px`, padding: 0 } }) }, "virtual-bottom")
+      );
+    }
+    return /* @__PURE__ */ jsx3(
+      "tbody",
+      {
+        onClick: handleBodyClick,
+        onDragStart: rowDraggable ? handleBodyDragStart : void 0,
+        onDragOver: rowDraggable ? handleBodyDragOver : void 0,
+        onDrop: rowDraggable ? handleBodyDrop : void 0,
+        children: windowed
+      }
+    );
+  }
   return /* @__PURE__ */ jsx3(
     "tbody",
     {
@@ -1031,8 +1076,7 @@ function Table({
   virtual = false,
   autoVirtual = true,
   virtualHeight = 400,
-  virtualItemHeight: _virtualItemHeight = 40,
-  autoVirtualThreshold = 1e4,
+  virtualItemHeight = 40,
   virtualThreshold = 1e3,
   editable = false,
   editableCells,
@@ -1178,12 +1222,21 @@ function Table({
       virtual,
       autoVirtual,
       dataLength: dataSource.length,
-      threshold: virtualThreshold,
-      autoThreshold: autoVirtualThreshold
+      threshold: virtualThreshold
     }),
-    [autoVirtual, autoVirtualThreshold, dataSource.length, virtual, virtualThreshold]
+    [autoVirtual, dataSource.length, virtual, virtualThreshold]
   );
   const effectiveVirtual = virtualRecommendation.enabled;
+  const [virtualScrollTop, setVirtualScrollTop] = useState2(0);
+  const virtualWindow = useMemo2(
+    () => effectiveVirtual ? getTableVirtualWindow(
+      virtualScrollTop,
+      typeof virtualHeight === "number" ? virtualHeight : 400,
+      virtualItemHeight,
+      ctx.paginatedData.length
+    ) : void 0,
+    [effectiveVirtual, virtualScrollTop, virtualHeight, virtualItemHeight, ctx.paginatedData.length]
+  );
   const wrapperStyle = useMemo2(() => {
     if (effectiveVirtual) {
       return {
@@ -1222,14 +1275,23 @@ function Table({
         maxHeight || (virtual ? virtualHeight : void 0)
       ),
       style: wrapperStyle,
+      onScroll: effectiveVirtual ? (e) => setVirtualScrollTop(e.target.scrollTop) : void 0,
       "data-tiger-virtual": virtualRecommendation.enabled ? "enabled" : void 0,
-      "data-tiger-virtual-auto": virtualRecommendation.autoEnabled ? "true" : 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__ */ jsx6("div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ jsx6("button", { type: "button", className: tableExportButtonClasses, onClick: ctx.handleExport, children: exportFormat === "excel" ? "Export Excel" : "Export CSV" }) }),
+        exportable && /* @__PURE__ */ jsx6("div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ jsx6(
+          "button",
+          {
+            type: "button",
+            className: tableExportButtonClasses,
+            "aria-label": exportFormat === "excel" ? tableLabels.exportExcelAriaLabel : tableLabels.exportCsvAriaLabel,
+            onClick: ctx.handleExport,
+            children: exportFormat === "excel" ? tableLabels.exportExcelText : tableLabels.exportCsvText
+          }
+        ) }),
         /* @__PURE__ */ jsxs5(
           "table",
           {
@@ -1267,7 +1329,8 @@ function Table({
                 columnLockable,
                 columnDraggable,
                 lockColumnAriaLabel: tableLabels.lockColumnAriaLabel,
-                unlockColumnAriaLabel: tableLabels.unlockColumnAriaLabel
+                unlockColumnAriaLabel: tableLabels.unlockColumnAriaLabel,
+                labels: tableLabels
               }),
               renderTableBody(ctx, {
                 size,
@@ -1277,8 +1340,11 @@ function Table({
                 emptyText: tableLabels.emptyText,
                 rowSelection: internalRowSelection,
                 expandable: internalExpandable,
+                labels: tableLabels,
                 rowClassName: internalRowClassName,
-                rowDraggable
+                rowDraggable,
+                interactiveRows: !!onRowClick || !!internalRowSelection,
+                virtualWindow
               }),
               renderSummaryRow(ctx, {
                 size,