@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-CBYJXDW4.js → chunk-DBMC6FPU.js}

@@ -1,4 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/TreeSelect.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/TreeSelect.tsx
 var _react = require('react');
 
 
@@ -18,6 +22,8 @@ var _react = require('react');
 
 
 
+
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -45,12 +51,18 @@ var TreeSelect = (props) => {
     clearable = false,
     multiple = false,
     showSearch = false,
-    notFoundText = "No data",
+    notFoundText,
     defaultExpandAll = false,
     className,
     onChange,
+    locale,
     ...rest
   } = props;
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+  const mergedLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
+    [config.locale, locale]
+  );
   const divProps = {};
   for (const key of Object.keys(rest)) {
     if (!TREESELECT_KEYS.has(key)) {
@@ -204,7 +216,7 @@ var TreeSelect = (props) => {
         {
           type: "text",
           className: _tigercatcore.treeSelectSearchClasses,
-          placeholder: "Search...",
+          placeholder: _tigercatcore.resolveLocaleText.call(void 0, "Search...", _optionalChain([mergedLocale, 'optionalAccess', _4 => _4.common, 'optionalAccess', _5 => _5.searchPlaceholder])),
           value: searchQuery,
           "aria-label": "Search tree",
           onChange: (e) => setSearchQuery(e.target.value)
@@ -248,7 +260,7 @@ var TreeSelect = (props) => {
           },
           String(node.key)
         );
-      }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.treeSelectEmptyClasses, children: notFoundText })
+      }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.treeSelectEmptyClasses, children: _tigercatcore.resolveLocaleText.call(void 0, "No data", notFoundText, _optionalChain([mergedLocale, 'optionalAccess', _6 => _6.common, 'optionalAccess', _7 => _7.emptyText])) })
     ] })
   ] });
 };

package/dist/{chunk-WQ4FOHOU.mjs → chunk-DEIVWO2D.mjs}

@@ -22,7 +22,8 @@ import {
   createNotificationStackUpdateScheduler,
   isBrowser,
   ANIMATION_DURATION_MS,
-  normalizeStringOption
+  normalizeStringOption,
+  createInstanceCounter
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var NOTIFICATION_CONTAINER_ID_PREFIX = "tiger-notification-container";
@@ -32,7 +33,6 @@ var notificationInstancesByPosition = {
   "bottom-left": [],
   "bottom-right": []
 };
-var instanceIdCounter = 0;
 var containerRoots = {
   "top-left": null,
   "top-right": null,
@@ -51,9 +51,7 @@ function scheduleNotificationStackUpdate(position) {
   if (!callback) return;
   stackUpdateScheduler.schedule(position, callback);
 }
-function getNextInstanceId() {
-  return ++instanceIdCounter;
-}
+var getNextInstanceId = createInstanceCounter();
 var NotificationItem = ({ notification: notification2, onClose }) => {
   const [isVisible, setIsVisible] = useState(false);
   useEffect(() => {

package/dist/{chunk-WNLUUD5N.mjs → chunk-DEQZZKY5.mjs}

@@ -1,3 +1,10 @@
+import {
+  useInputGroupContext
+} from "./chunk-34VGG7AK.mjs";
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
+
 // src/components/Input.tsx
 import { useState, useEffect, useRef, useCallback, useId } from "react";
 import {
@@ -15,7 +22,7 @@ import {
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Input = ({
-  size = "md",
+  size,
   type = "text",
   status = "default",
   errorMessage,
@@ -47,11 +54,13 @@ var Input = ({
   ...props
 }) => {
   injectShakeStyle();
+  const inputGroup = useInputGroupContext();
+  const effectiveSize = size ?? inputGroup?.size ?? "md";
   const wrapperRef = useRef(null);
   const inputRef = useRef(null);
   const reactId = useId();
   const errorMsgId = `tiger-input-error-${reactId}`;
-  const [internalValue, setInternalValue] = useState(defaultValue ?? "");
+  const [inputValue, setInputValue] = useControlledState(value, defaultValue ?? "");
   const [passwordVisible, setPasswordVisible] = useState(false);
   useEffect(() => {
     if (status === "error" && wrapperRef.current) {
@@ -64,25 +73,17 @@ var Input = ({
   const handleAnimationEnd = useCallback(() => {
     wrapperRef.current?.classList.remove(SHAKE_CLASS);
   }, []);
-  const isControlled = value !== void 0;
-  const inputValue = isControlled ? value : internalValue;
   const currentValStr = String(inputValue);
   const handleInput = (event) => {
-    if (!isControlled) {
-      setInternalValue(parseInputValue(event.currentTarget, type));
-    }
+    setInputValue(parseInputValue(event.currentTarget, type));
     onInput?.(event);
   };
   const handleChange = (event) => {
-    if (!isControlled) {
-      setInternalValue(parseInputValue(event.currentTarget, type));
-    }
+    setInputValue(parseInputValue(event.currentTarget, type));
     onChange?.(event);
   };
   const handleClear = () => {
-    if (!isControlled) {
-      setInternalValue("");
-    }
+    setInputValue("");
     onClear?.();
     inputRef.current?.focus();
   };
@@ -96,21 +97,21 @@ var Input = ({
   const showPasswordToggle = showPassword && type === "password" && !disabled;
   const effectiveType = showPassword && type === "password" ? passwordVisible ? "text" : "password" : type;
   const inputClasses = getInputClasses({
-    size,
+    size: effectiveSize,
     status,
     hasPrefix,
     hasSuffix
   });
   const renderSuffix = () => {
     if (activeError) {
-      return /* @__PURE__ */ jsx("div", { id: errorMsgId, className: getInputErrorClasses(size), children: errorMessage });
+      return /* @__PURE__ */ jsx("div", { id: errorMsgId, className: getInputErrorClasses(effectiveSize), children: errorMessage });
     }
     if (showClear) {
       return /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          className: getInputClearButtonClasses(size),
+          className: getInputClearButtonClasses(effectiveSize),
           onClick: handleClear,
           "aria-label": "Clear input",
           tabIndex: -1,
@@ -123,7 +124,7 @@ var Input = ({
         "button",
         {
           type: "button",
-          className: getInputPasswordToggleClasses(size),
+          className: getInputPasswordToggleClasses(effectiveSize),
           onClick: togglePasswordVisibility,
           "aria-label": passwordVisible ? "Hide password" : "Show password",
           tabIndex: -1,
@@ -132,7 +133,7 @@ var Input = ({
       );
     }
     if (suffix) {
-      return /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("suffix", size), children: suffix });
+      return /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("suffix", effectiveSize), children: suffix });
     }
     return null;
   };
@@ -144,7 +145,7 @@ var Input = ({
       style,
       onAnimationEnd: handleAnimationEnd,
       children: [
-        hasPrefix && /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("prefix", size), children: prefix }),
+        hasPrefix && /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("prefix", effectiveSize), children: prefix }),
         /* @__PURE__ */ jsx(
           "input",
           {

package/dist/{chunk-ITRYKHQJ.js → chunk-DH4B2COV.js}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkBBLVRLXTjs = require('./chunk-BBLVRLXT.js');
+var _chunkHFGTJEQWjs = require('./chunk-HFGTJEQW.js');
 
 
-var _chunkTMON4MPOjs = require('./chunk-TMON4MPO.js');
+var _chunk5ALMTE35js = require('./chunk-5ALMTE35.js');
 
 
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+var _chunkBR3WLDH7js = require('./chunk-BR3WLDH7.js');
 
 
-var _chunkZRHDNGWOjs = require('./chunk-ZRHDNGWO.js');
+var _chunkLZG24TDBjs = require('./chunk-LZG24TDB.js');
 
 
-var _chunkF7H4ALKNjs = require('./chunk-F7H4ALKN.js');
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
 
 // src/components/Table.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -38,6 +38,7 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
@@ -123,6 +124,9 @@ var LoadingSpinner = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
 
 
 
+
+
+
 function useTableState(input) {
   const {
     columns,
@@ -150,7 +154,7 @@ function useTableState(input) {
     onSelectionChange,
     onSortChange,
     onFilterChange,
-    onHiddenColumnsChange,
+    onHiddenColumnKeysChange,
     onPageChange,
     onExpandChange,
     onCellChange,
@@ -238,7 +242,7 @@ function useTableState(input) {
   }, [columns, fixedOverrides, effectiveHiddenColumnKeys]);
   const totalColumnCount = _react.useMemo.call(void 0, () => {
     let count = displayColumns.length;
-    if (rowSelection && rowSelection.showCheckbox !== false) count++;
+    if (_tigercatcore.hasTableSelectionColumn.call(void 0, rowSelection)) count++;
     if (expandable) count++;
     return count;
   }, [displayColumns.length, rowSelection, expandable]);
@@ -263,7 +267,7 @@ function useTableState(input) {
     if (!isHiddenColumnsControlled) {
       setUncontrolledHiddenColumnKeys(hiddenKeys);
     }
-    _optionalChain([onHiddenColumnsChange, 'optionalCall', _21 => _21(hiddenKeys)]);
+    _optionalChain([onHiddenColumnKeysChange, 'optionalCall', _21 => _21(hiddenKeys)]);
   }
   function toggleColumnLock(columnKey) {
     setFixedOverrides((prev) => {
@@ -281,14 +285,14 @@ function useTableState(input) {
     if (filterMode === "advanced" && advancedFilterRules.length > 0) {
       data = _tigercatcore.filterDataAdvanced.call(void 0, data, advancedFilterRules);
     } else {
-      data = _tigercatcore.filterData.call(void 0, data, filterState);
+      data = _tigercatcore.filterTableData.call(void 0, data, columns, filterState);
     }
     if (sortState.key && sortState.direction) {
       const column = columnByKey[sortState.key];
       data = _tigercatcore.sortData.call(void 0, data, sortState.key, sortState.direction, _optionalChain([column, 'optionalAccess', _25 => _25.sortFn]));
     }
     return data;
-  }, [dataSource, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
+  }, [dataSource, columns, filterState, sortState, columnByKey, filterMode, advancedFilterRules]);
   const paginatedData = _react.useMemo.call(void 0, () => {
     if (pagination === false) {
       return processedData;
@@ -406,28 +410,28 @@ function useTableState(input) {
     }
     _optionalChain([onSelectionChange, 'optionalCall', _41 => _41(newKeys)]);
   }
+  const selectionState = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getTableSelectionState.call(void 0, {
+      records: paginatedData,
+      rowKeys: pageRowKeys,
+      selectedRowKeys,
+      getCheckboxProps: _optionalChain([rowSelection, 'optionalAccess', _42 => _42.getCheckboxProps])
+    }),
+    [paginatedData, pageRowKeys, selectedRowKeys, rowSelection]
+  );
   function handleSelectAll(checked) {
-    if (checked) {
-      const newKeys = pageRowKeys;
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedRowKeys(newKeys);
-      }
-      _optionalChain([onSelectionChange, 'optionalCall', _42 => _42(newKeys)]);
-    } else {
-      if (!isSelectionControlled) {
-        setUncontrolledSelectedRowKeys([]);
-      }
-      _optionalChain([onSelectionChange, 'optionalCall', _43 => _43([])]);
+    const newKeys = _tigercatcore.getNextTableSelectAllKeys.call(void 0, 
+      selectedRowKeys,
+      selectionState.selectableRowKeys,
+      checked
+    );
+    if (!isSelectionControlled) {
+      setUncontrolledSelectedRowKeys(newKeys);
     }
+    _optionalChain([onSelectionChange, 'optionalCall', _43 => _43(newKeys)]);
   }
-  const allSelected = _react.useMemo.call(void 0, () => {
-    if (pageRowKeys.length === 0) return false;
-    return pageRowKeys.every((key) => selectedRowKeySet.has(key));
-  }, [pageRowKeys, selectedRowKeySet]);
-  const someSelected = _react.useMemo.call(void 0, 
-    () => selectedRowKeys.length > 0 && !allSelected,
-    [selectedRowKeys.length, allSelected]
-  );
+  const allSelected = selectionState.allSelected;
+  const someSelected = selectionState.someSelected;
   const [editingCell, setEditingCell] = _react.useState.call(void 0, 
     null
   );
@@ -557,9 +561,10 @@ function renderTableHeader(ctx, view) {
     columnLockable,
     columnDraggable,
     lockColumnAriaLabel,
-    unlockColumnAriaLabel
+    unlockColumnAriaLabel,
+    labels
   } = view;
-  const expandHeaderTh = expandable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { className: _tigercatcore.getExpandIconCellClasses.call(void 0, size), "aria-label": "Expand" }) : null;
+  const expandHeaderTh = expandable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { className: _tigercatcore.getExpandIconCellClasses.call(void 0, size), "aria-label": labels.expandText }) : null;
   const expandAtStart = _optionalChain([expandable, 'optionalAccess', _52 => _52.expandIconPosition]) !== "end";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: _tigercatcore.getTableHeaderClasses.call(void 0, stickyHeader), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "option", { value: "", children: "All" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: "", children: labels.allText }),
                   column.filter.options.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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()
               }
@@ -682,6 +687,7 @@ function renderTableHeader(ctx, view) {
 
 
 
+
 function renderTableBody(ctx, view) {
   const {
     size,
@@ -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) {
           _tigercatcore.getTableRowClasses.call(void 0, 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 (_tigercatcore.isActivationKey.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, "tr", { "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, "tr", { "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { colSpan: ctx.totalColumnCount, style: { height: `${bottomPad}px`, padding: 0 } }) }, "virtual-bottom")
+      );
+    }
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "tbody",
+      {
+        onClick: handleBodyClick,
+        onDragStart: rowDraggable ? handleBodyDragStart : void 0,
+        onDragOver: rowDraggable ? handleBodyDragOver : void 0,
+        onDrop: rowDraggable ? handleBodyDrop : void 0,
+        children: windowed
+      }
+    );
+  }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "tbody",
     {
@@ -927,7 +972,12 @@ function renderPagination(ctx, view) {
   );
   const finalPrevAriaLabel = view.disableI18n ? finalPrevText : labels.prevPageAriaLabel;
   const finalNextAriaLabel = view.disableI18n ? finalNextText : labels.nextPageAriaLabel;
-  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [10, 20, 50, 100];
+  const normalizedPageSizeOptions = paginationConfig.pageSizeOptions || [
+    10,
+    20,
+    50,
+    100
+  ];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationContainerClasses.call(void 0, ), children: [
     paginationConfig.showTotal !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getSimplePaginationTotalClasses.call(void 0, ), children: finalTotalText }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.getSimplePaginationControlsClasses.call(void 0, ), children: [
@@ -1026,7 +1076,7 @@ function Table({
   virtual = false,
   autoVirtual = true,
   virtualHeight = 400,
-  virtualItemHeight: _virtualItemHeight = 40,
+  virtualItemHeight = 40,
   autoVirtualThreshold = 1e4,
   virtualThreshold = 1e3,
   editable = false,
@@ -1045,7 +1095,7 @@ function Table({
   onSelectionChange,
   onSortChange,
   onFilterChange,
-  onHiddenColumnsChange,
+  onHiddenColumnKeysChange,
   onPageChange,
   onExpandChange,
   onCellChange,
@@ -1148,7 +1198,7 @@ function Table({
     onSelectionChange,
     onSortChange,
     onFilterChange,
-    onHiddenColumnsChange,
+    onHiddenColumnKeysChange,
     onPageChange,
     onExpandChange,
     onCellChange,
@@ -1179,6 +1229,16 @@ function Table({
     [autoVirtual, autoVirtualThreshold, dataSource.length, virtual, virtualThreshold]
   );
   const effectiveVirtual = virtualRecommendation.enabled;
+  const [virtualScrollTop, setVirtualScrollTop] = _react.useState.call(void 0, 0);
+  const virtualWindow = _react.useMemo.call(void 0, 
+    () => effectiveVirtual ? _tigercatcore.getTableVirtualWindow.call(void 0, 
+      virtualScrollTop,
+      typeof virtualHeight === "number" ? virtualHeight : 400,
+      virtualItemHeight,
+      ctx.paginatedData.length
+    ) : void 0,
+    [effectiveVirtual, virtualScrollTop, virtualHeight, virtualItemHeight, ctx.paginatedData.length]
+  );
   const wrapperStyle = _react.useMemo.call(void 0, () => {
     if (effectiveVirtual) {
       return {
@@ -1217,6 +1277,7 @@ 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,
@@ -1224,7 +1285,16 @@ function Table({
       "data-tiger-measured-row-height": measuredRowHeights[0] || void 0,
       "aria-busy": loading,
       children: [
-        exportable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: _tigercatcore.tableExportButtonClasses, onClick: ctx.handleExport, children: exportFormat === "excel" ? "Export Excel" : "Export CSV" }) }),
+        exportable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: _tigercatcore.tableExportButtonClasses,
+            "aria-label": exportFormat === "excel" ? tableLabels.exportExcelAriaLabel : tableLabels.exportCsvAriaLabel,
+            onClick: ctx.handleExport,
+            children: exportFormat === "excel" ? tableLabels.exportExcelText : tableLabels.exportCsvText
+          }
+        ) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           "table",
           {
@@ -1262,7 +1332,8 @@ function Table({
                 columnLockable,
                 columnDraggable,
                 lockColumnAriaLabel: tableLabels.lockColumnAriaLabel,
-                unlockColumnAriaLabel: tableLabels.unlockColumnAriaLabel
+                unlockColumnAriaLabel: tableLabels.unlockColumnAriaLabel,
+                labels: tableLabels
               }),
               renderTableBody(ctx, {
                 size,
@@ -1272,8 +1343,11 @@ function Table({
                 emptyText: tableLabels.emptyText,
                 rowSelection: internalRowSelection,
                 expandable: internalExpandable,
+                labels: tableLabels,
                 rowClassName: internalRowClassName,
-                rowDraggable
+                rowDraggable,
+                interactiveRows: !!onRowClick || !!internalRowSelection,
+                virtualWindow
               }),
               renderSummaryRow(ctx, {
                 size,
@@ -1291,7 +1365,7 @@ function Table({
             "data-tiger-table-mobile": "card",
             children: [
               _optionalChain([internalRowSelection, 'optionalAccess', _68 => _68.type]) !== "radio" && _optionalChain([internalRowSelection, 'optionalAccess', _69 => _69.showCheckbox]) !== false && internalRowSelection && ctx.paginatedData.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-between rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkF7H4ALKNjs.Checkbox,
+                _chunkLZG24TDBjs.Checkbox,
                 {
                   size: "sm",
                   checked: ctx.allSelected,
@@ -1301,7 +1375,7 @@ function Table({
                 }
               ) }) : null,
               ctx.displayColumns.some((column) => column.sortable) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] px-3 py-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkBBLVRLXTjs.Select,
+                _chunkHFGTJEQWjs.Select,
                 {
                   size: "sm",
                   value: ctx.sortState.key && ctx.sortState.direction ? `${ctx.sortState.key}:${ctx.sortState.direction}` : "",
@@ -1332,7 +1406,7 @@ function Table({
                   }
                 }
               ) }) : null,
-              ctx.paginatedData.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getTableResponsiveCardClasses.call(void 0, cardPadding), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZRHDNGWOjs.Empty, { showImage: false, description: tableLabels.emptyText }) }) : ctx.paginatedData.map((record, index) => {
+              ctx.paginatedData.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.getTableResponsiveCardClasses.call(void 0, cardPadding), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBR3WLDH7js.Empty, { showImage: false, description: tableLabels.emptyText }) }) : ctx.paginatedData.map((record, index) => {
                 const key = ctx.pageRowKeys[index];
                 const isExpanded = ctx.expandedRowKeySet.has(key);
                 const isSelected = ctx.selectedRowKeySet.has(key);
@@ -1352,7 +1426,7 @@ function Table({
                 const resolvedCardClassName = typeof cardClassName === "function" ? cardClassName(record, index) : cardClassName;
                 const controlsNode = _optionalChain([internalRowSelection, 'optionalAccess', _73 => _73.showCheckbox]) !== false && internalRowSelection || internalExpandable && isRowExpandable ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                   internalRowSelection && internalRowSelection.showCheckbox !== false && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { onClick: (event) => event.stopPropagation(), children: internalRowSelection.type === "radio" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkTMON4MPOjs.Radio,
+                    _chunk5ALMTE35js.Radio,
                     {
                       value: key,
                       checked: isSelected,
@@ -1365,7 +1439,7 @@ function Table({
                       onChange: () => ctx.handleSelectRow(key, true)
                     }
                   ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _chunkF7H4ALKNjs.Checkbox,
+                    _chunkLZG24TDBjs.Checkbox,
                     {
                       size: "sm",
                       checked: isSelected,

package/dist/{chunk-BONUUJU3.mjs → chunk-DJOFM2VO.mjs}

@@ -43,14 +43,7 @@ var Splitter = ({
     const totalGutter = (paneCount2 - 1) * gutterSize;
     const total = direction === "horizontal" ? el.clientWidth - totalGutter : el.clientHeight - totalGutter;
     if (controlledSizes && controlledSizes.length > 0) {
-      if (total > 0) {
-        const sum = controlledSizes.reduce((a, b) => a + b, 0);
-        if (sum > 0) {
-          setPaneSizes(controlledSizes.map((s) => s / sum * total));
-        }
-      } else {
-        setPaneSizes([...controlledSizes]);
-      }
+      setPaneSizes([...controlledSizes]);
     } else {
       if (total > 0) {
         const eachSize = total / paneCount2;