@expcat/tigercat-react 1.4.0 → 1.5.0

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

@@ -1,12 +1,12 @@
 import {
   Select
-} from "./chunk-WFWEMXO7.mjs";
+} from "./chunk-LUABLBKS.mjs";
 import {
   Radio
 } from "./chunk-3RBRWBUG.mjs";
 import {
   Empty
-} from "./chunk-WIWTY74F.mjs";
+} from "./chunk-NJHZQBA7.mjs";
 import {
   Checkbox
 } from "./chunk-6BOSSZM3.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,7 +1076,7 @@ function Table({
   virtual = false,
   autoVirtual = true,
   virtualHeight = 400,
-  virtualItemHeight: _virtualItemHeight = 40,
+  virtualItemHeight = 40,
   autoVirtualThreshold = 1e4,
   virtualThreshold = 1e3,
   editable = false,
@@ -1184,6 +1229,16 @@ function Table({
     [autoVirtual, autoVirtualThreshold, 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,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,
@@ -1229,7 +1285,16 @@ function Table({
       "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 +1332,8 @@ function Table({
                 columnLockable,
                 columnDraggable,
                 lockColumnAriaLabel: tableLabels.lockColumnAriaLabel,
-                unlockColumnAriaLabel: tableLabels.unlockColumnAriaLabel
+                unlockColumnAriaLabel: tableLabels.unlockColumnAriaLabel,
+                labels: tableLabels
               }),
               renderTableBody(ctx, {
                 size,
@@ -1277,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,

package/dist/{chunk-D5MQBUP2.js → chunk-SA3N2LUB.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
+"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');
 
@@ -23,12 +23,14 @@ var _react = require('react');
 
 
 
+
 
 
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var TRANSFER_KEYS = /* @__PURE__ */ new Set([
   "value",
+  "targetKeys",
   "dataSource",
   "size",
   "disabled",
@@ -39,9 +41,11 @@ var TRANSFER_KEYS = /* @__PURE__ */ new Set([
   "filterOption",
   "onChange"
 ]);
+var EMPTY_TRANSFER_VALUE = [];
 var Transfer = (props) => {
   const {
-    value = [],
+    value,
+    targetKeys,
     dataSource = [],
     size = "md",
     disabled = false,
@@ -55,6 +59,7 @@ var Transfer = (props) => {
     locale,
     ...rest
   } = props;
+  const resolvedValue = _nullishCoalesce(_nullishCoalesce(value, () => ( targetKeys)), () => ( EMPTY_TRANSFER_VALUE));
   const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
   const mergedLocale = _react.useMemo.call(void 0, 
     () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
@@ -71,8 +76,8 @@ var Transfer = (props) => {
   const [sourceSearch, setSourceSearch] = _react.useState.call(void 0, "");
   const [targetSearch, setTargetSearch] = _react.useState.call(void 0, "");
   const { sourceItems, targetItems } = _react.useMemo.call(void 0, 
-    () => _tigercatcore.splitTransferData.call(void 0, dataSource, value),
-    [dataSource, value]
+    () => _tigercatcore.splitTransferData.call(void 0, dataSource, resolvedValue),
+    [dataSource, resolvedValue]
   );
   const filteredSourceItems = _react.useMemo.call(void 0, 
     () => _tigercatcore.filterTransferItems.call(void 0, sourceItems, sourceSearch, filterOption),
@@ -108,25 +113,25 @@ var Transfer = (props) => {
   }
   function moveRight() {
     if (!canMoveRight) return;
-    const keysToMove = [...sourceSelectedKeys].filter((key) => {
-      const item = dataSource.find((d) => d.key === key);
-      return item && !item.disabled;
-    });
-    const newTargetKeys = [...value, ...keysToMove];
+    const { targetKeys: newTargetKeys, movedKeys } = _tigercatcore.moveTransferItems.call(void 0, 
+      "right",
+      resolvedValue,
+      sourceSelectedKeys,
+      dataSource
+    );
     setSourceSelectedKeys(/* @__PURE__ */ new Set());
-    _optionalChain([onChange, 'optionalCall', _ => _(newTargetKeys, "right", keysToMove)]);
+    _optionalChain([onChange, 'optionalCall', _ => _(newTargetKeys, "right", movedKeys)]);
   }
   function moveLeft() {
     if (!canMoveLeft) return;
-    const keysToRemove = new Set(
-      [...targetSelectedKeys].filter((key) => {
-        const item = dataSource.find((d) => d.key === key);
-        return item && !item.disabled;
-      })
+    const { targetKeys: newTargetKeys, movedKeys } = _tigercatcore.moveTransferItems.call(void 0, 
+      "left",
+      resolvedValue,
+      targetSelectedKeys,
+      dataSource
     );
-    const newTargetKeys = value.filter((k) => !keysToRemove.has(k));
     setTargetSelectedKeys(/* @__PURE__ */ new Set());
-    _optionalChain([onChange, 'optionalCall', _2 => _2(newTargetKeys, "left", [...keysToRemove])]);
+    _optionalChain([onChange, 'optionalCall', _2 => _2(newTargetKeys, "left", movedKeys)]);
   }
   function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.transferPanelClasses, role: "group", "aria-label": title, children: [

package/dist/{chunk-BROIZ266.js → chunk-SFBSI3J7.js}

@@ -10,6 +10,9 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var StepsContext = _react.createContext.call(void 0, null);
@@ -70,9 +73,9 @@ var StepsItem = ({
           className: "w-4 h-4 shrink-0 transition-transform duration-300 animate-fade-in",
           fill: "none",
           stroke: "currentColor",
-          strokeWidth: "3",
-          viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" })
+          strokeWidth: _tigercatcore.stepFinishIconStrokeWidth,
+          viewBox: _tigercatcore.stepFinishIconViewBox,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", d: _tigercatcore.stepFinishIconPathD })
         }
       ) });
     }

package/dist/{chunk-RVO6R37N.mjs → chunk-SHDQJ5BJ.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-JOB47R6Q.mjs";
+} from "./chunk-GCOA4AO6.mjs";
 
 // src/components/Kanban.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-N2JYU4JI.js → chunk-SHU7L4NM.js}

@@ -15,7 +15,8 @@ var Segmented = ({
   size = "md",
   block = false,
   className,
-  onChange
+  onChange,
+  ...rest
 }) => {
   function handleSelect(opt) {
     if (opt.disabled || disabled) return;
@@ -23,12 +24,59 @@ var Segmented = ({
     _optionalChain([onChange, 'optionalCall', _ => _(opt.value)]);
   }
   const selectedIndex = options.findIndex((opt) => opt.value === value);
+  const firstEnabledIndex = options.findIndex((opt) => !opt.disabled);
+  const rovingIndex = selectedIndex >= 0 ? selectedIndex : firstEnabledIndex;
+  function focusOption(container, index) {
+    if (!container) return;
+    const els = container.querySelectorAll('[role="radio"]');
+    _optionalChain([els, 'access', _2 => _2[index], 'optionalAccess', _3 => _3.focus, 'call', _4 => _4()]);
+  }
+  function handleKeyDown(e, index) {
+    if (disabled) return;
+    const enabledIdxs = options.reduce((acc, opt, i) => {
+      if (!opt.disabled) acc.push(i);
+      return acc;
+    }, []);
+    if (enabledIdxs.length === 0) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handleSelect(options[index]);
+      return;
+    }
+    const pos = enabledIdxs.indexOf(index);
+    let target = null;
+    switch (e.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        target = enabledIdxs[(pos + 1 + enabledIdxs.length) % enabledIdxs.length];
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        target = enabledIdxs[(pos - 1 + enabledIdxs.length) % enabledIdxs.length];
+        break;
+      case "Home":
+        target = enabledIdxs[0];
+        break;
+      case "End":
+        target = enabledIdxs[enabledIdxs.length - 1];
+        break;
+      default:
+        return;
+    }
+    if (target == null) return;
+    e.preventDefault();
+    const container = e.currentTarget.closest('[role="radiogroup"]');
+    focusOption(container, target);
+    handleSelect(options[target]);
+  }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
+      ...rest,
       className: _tigercatcore.classNames.call(void 0, _tigercatcore.getSegmentedContainerClasses.call(void 0, size, block), className),
       style: _tigercatcore.getSegmentedContainerStyle.call(void 0, options.length),
       role: "radiogroup",
+      "aria-disabled": disabled || void 0,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "div",
@@ -39,7 +87,7 @@ var Segmented = ({
             style: _tigercatcore.getSegmentedIndicatorStyle.call(void 0, selectedIndex, options.length, size)
           }
         ),
-        options.map((opt) => {
+        options.map((opt, index) => {
           const selected = opt.value === value;
           const isDisabled = !!opt.disabled || disabled;
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -52,7 +100,9 @@ var Segmented = ({
               role: "radio",
               "aria-checked": selected,
               "aria-disabled": isDisabled,
+              tabIndex: isDisabled ? -1 : index === rovingIndex ? 0 : -1,
               onClick: () => handleSelect(opt),
+              onKeyDown: (e) => handleKeyDown(e, index),
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: opt.label })
             },
             opt.value

package/dist/{chunk-M3MOSUZO.mjs → chunk-SI3P3V75.mjs}

@@ -77,6 +77,8 @@ var Modal = ({
   );
   const [hasBeenOpened, setHasBeenOpened] = React.useState(open);
   const [dragOffset, setDragOffset] = React.useState({ x: 0, y: 0 });
+  const prevOpenRef = useRef(open);
+  const suppressNextCloseRef = useRef(false);
   useEffect(() => {
     if (open) {
       setHasBeenOpened(true);
@@ -106,20 +108,28 @@ var Modal = ({
     [isDraggable, dragOffset]
   );
   useEffect(() => {
-    onOpenChange?.(open);
-    if (!open && onClose) {
-      onClose();
+    if (prevOpenRef.current && !open) {
+      if (suppressNextCloseRef.current) {
+        suppressNextCloseRef.current = false;
+      } else {
+        onClose?.();
+      }
     }
-  }, [open, onOpenChange, onClose]);
+    prevOpenRef.current = open;
+  }, [open, onClose]);
   const shouldRender = destroyOnClose ? open : hasBeenOpened;
   const handleClose = useCallback(() => {
     onCancel?.();
     onOpenChange?.(false);
-  }, [onCancel, onOpenChange]);
+    suppressNextCloseRef.current = true;
+    onClose?.();
+  }, [onCancel, onOpenChange, onClose]);
   const handleOk = useCallback(() => {
     onOk?.();
     onOpenChange?.(false);
-  }, [onOk, onOpenChange]);
+    suppressNextCloseRef.current = true;
+    onClose?.();
+  }, [onOk, onOpenChange, onClose]);
   const handleMaskClick = useCallback(
     (event) => {
       if (shouldCloseOnMaskClick(event, maskClosable)) {

package/dist/{chunk-UVMQJOTX.js → chunk-SK7PXSVE.js}

@@ -1,6 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ChartTooltip.tsx
 var _react = require('react');
 var _reactdom = require('react-dom');
+
+
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var ChartTooltip = ({
@@ -14,24 +19,28 @@ var ChartTooltip = ({
   const [adjustedPosition, setAdjustedPosition] = _react.useState.call(void 0, { x, y });
   _react.useEffect.call(void 0, () => {
     if (!visible) return;
-    let newX = x + 12;
-    let newY = y - 8;
+    const initialPosition = _tigercatcore.resolveChartTooltipPosition.call(void 0, {
+      x,
+      y,
+      rect: { width: 0, height: 0 },
+      viewport: {
+        width: typeof window === "undefined" ? 0 : window.innerWidth,
+        height: typeof window === "undefined" ? 0 : window.innerHeight
+      }
+    });
     const frameHandle = requestAnimationFrame(() => {
       if (!tooltipRef.current) return;
       const rect = tooltipRef.current.getBoundingClientRect();
-      const viewportWidth = window.innerWidth;
-      const viewportHeight = window.innerHeight;
-      if (newX + rect.width > viewportWidth - 8) {
-        newX = x - rect.width - 12;
-      }
-      if (newY + rect.height > viewportHeight - 8) {
-        newY = y - rect.height - 8;
-      }
-      newX = Math.max(8, newX);
-      newY = Math.max(8, newY);
-      setAdjustedPosition({ x: newX, y: newY });
+      setAdjustedPosition(
+        _tigercatcore.resolveChartTooltipPosition.call(void 0, {
+          x,
+          y,
+          rect,
+          viewport: { width: window.innerWidth, height: window.innerHeight }
+        })
+      );
     });
-    setAdjustedPosition({ x: newX, y: newY });
+    setAdjustedPosition(initialPosition);
     return () => cancelAnimationFrame(frameHandle);
   }, [x, y, visible]);
   const tooltipClasses = _react.useMemo.call(void 0,