@expcat/tigercat-react 1.2.34 → 1.2.39

package/dist/{chunk-6HELKWFN.js → chunk-3LCISRAV.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; }
 
 
 
@@ -9,6 +9,7 @@ var _react = require('react');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 function usePopup(options) {
   const {
@@ -46,6 +47,19 @@ function usePopup(options) {
     },
     [disabled, isControlled, onOpenChange]
   );
+  const restoreTriggerFocus = _react.useCallback.call(void 0, () => {
+    const trigger2 = triggerRef.current;
+    const target = _nullishCoalesce(_optionalChain([trigger2, 'optionalAccess', _2 => _2.querySelector, 'call', _3 => _3(
+      'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'
+    )]), () => ( trigger2));
+    window.setTimeout(() => {
+      _tigercatcore.restoreFocus.call(void 0, target, { preventScroll: true });
+    }, 0);
+  }, []);
+  const closeAndRestoreFocus = _react.useCallback.call(void 0, () => {
+    setVisible(false);
+    restoreTriggerFocus();
+  }, [restoreTriggerFocus, setVisible]);
   const handleToggle = _react.useCallback.call(void 0, () => {
     if (!disabled) setVisible(!currentVisible);
   }, [disabled, currentVisible, setVisible]);
@@ -59,12 +73,12 @@ function usePopup(options) {
   _chunkSTTQ5LXXjs.useClickOutside.call(void 0, {
     enabled: currentVisible && effectiveTrigger === "click",
     refs: [containerRef, floatingRef],
-    onOutsideClick: () => setVisible(false),
+    onOutsideClick: closeAndRestoreFocus,
     defer: true
   });
   _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, {
     enabled: currentVisible && effectiveTrigger !== "manual",
-    onEscape: () => setVisible(false)
+    onEscape: closeAndRestoreFocus
   });
   const floatingStyles = _react.useMemo.call(void 0, 
     () => ({

package/dist/{chunk-KRFD27WA.js → chunk-AT2GRD6F.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6HELKWFNjs = require('./chunk-6HELKWFN.js');
+var _chunk3LCISRAVjs = require('./chunk-3LCISRAV.js');
 
 
 var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
@@ -34,7 +34,7 @@ var Tooltip = ({
   if (!tooltipIdRef.current) tooltipIdRef.current = createTooltipId();
   const tooltipId = tooltipIdRef.current;
   const describedBy = content != null ? tooltipId : void 0;
-  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunk6HELKWFNjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
+  const { currentVisible, containerRef, triggerRef, floatingRef, floatingStyles, triggerHandlers } = _chunk3LCISRAVjs.usePopup.call(void 0, { open, defaultOpen, disabled, trigger, placement, offset, onOpenChange });
   const containerClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, _tigercatcore.getTooltipContainerClasses.call(void 0, ), className),
     [className]

package/dist/{chunk-VHHYTCZQ.js → chunk-FZX7USS4.js}

@@ -1,11 +1,14 @@
 "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 _chunkVAZYY35Fjs = require('./chunk-VAZYY35F.js');
+var _chunkM36PT6BSjs = require('./chunk-M36PT6BS.js');
 
 
 var _chunk6Z4LLPZAjs = require('./chunk-6Z4LLPZA.js');
 
 
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+
 var _chunkZYJTHGQWjs = require('./chunk-ZYJTHGQW.js');
 
 
@@ -15,10 +18,17 @@ var _chunk56ZV3VVYjs = require('./chunk-56ZV3VVY.js');
 var _react = require('react');
 
 
+
+
+
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var DataTableWithToolbar = ({
   toolbar,
+  locale,
+  labels,
   onSearchChange,
   onSearch,
   onFiltersChange,
@@ -30,6 +40,7 @@ var DataTableWithToolbar = ({
   tableClassName,
   ...tableProps
 }) => {
+  const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
   const previousPageSizeRef = _react.useRef.call(void 0, 
     pagination && typeof pagination === "object" ? _nullishCoalesce(_nullishCoalesce(pagination.pageSize, () => ( pagination.defaultPageSize)), () => ( 10)) : void 0
   );
@@ -45,6 +56,33 @@ var DataTableWithToolbar = ({
       return initial;
     }
   );
+  const immediateTableLocale = _react.useMemo.call(void 0, 
+    () => locale ? _tigercatcore.getImmediateTigerLocale.call(void 0, locale) : void 0,
+    [locale]
+  );
+  const [resolvedTableLocale, setResolvedTableLocale] = _react.useState.call(void 0, immediateTableLocale);
+  _react.useEffect.call(void 0, () => {
+    let active = true;
+    setResolvedTableLocale(immediateTableLocale);
+    if (locale && _tigercatcore.isLazyTigerLocale.call(void 0, locale)) {
+      _tigercatcore.resolveTigerLocale.call(void 0, locale).then((nextLocale) => {
+        if (active) setResolvedTableLocale(nextLocale);
+      }).catch(() => {
+        if (active) setResolvedTableLocale(immediateTableLocale);
+      });
+    }
+    return () => {
+      active = false;
+    };
+  }, [locale, immediateTableLocale]);
+  const tableLocale = _react.useMemo.call(void 0, 
+    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, resolvedTableLocale),
+    [config.locale, resolvedTableLocale]
+  );
+  const tableLabels = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getTableLabels.call(void 0, tableLocale, labels),
+    [labels, tableLocale]
+  );
   _react.useEffect.call(void 0, () => {
     if (_optionalChain([toolbar, 'optionalAccess', _5 => _5.searchValue]) !== void 0) {
       setInternalSearch(_nullishCoalesce(toolbar.searchValue, () => ( "")));
@@ -84,7 +122,7 @@ var DataTableWithToolbar = ({
   const { bordered = false, ...remainingTableProps } = tableProps;
   const selectedKeys = _nullishCoalesce(_nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _16 => _16.selectedKeys]), () => ( _optionalChain([tableProps, 'access', _17 => _17.rowSelection, 'optionalAccess', _18 => _18.selectedRowKeys]))), () => ( []));
   const selectedCount = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _19 => _19.selectedCount]), () => ( selectedKeys.length));
-  const bulkLabel = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _20 => _20.bulkActionsLabel]), () => ( "\u5DF2\u9009\u62E9"));
+  const bulkLabel = _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _20 => _20.bulkActionsLabel]), () => ( tableLabels.selectedText));
   const wrapperClasses = _react.useMemo.call(void 0, 
     () => _tigercatcore.classNames.call(void 0, 
       "tiger-data-table-with-toolbar flex flex-col",
@@ -141,7 +179,7 @@ var DataTableWithToolbar = ({
           bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm"
         ),
         role: "toolbar",
-        "aria-label": "\u6570\u636E\u8868\u683C\u5DE5\u5177\u680F",
+        "aria-label": tableLabels.toolbarAriaLabel,
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 flex-wrap flex-1 min-w-0", children: [
             hasSearch ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]", children: [
@@ -151,7 +189,7 @@ var DataTableWithToolbar = ({
                   type: "search",
                   size: "sm",
                   value: searchValue,
-                  placeholder: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _38 => _38.searchPlaceholder]), () => ( "\u641C\u7D22")),
+                  placeholder: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _38 => _38.searchPlaceholder]), () => ( tableLabels.searchPlaceholder)),
                   prefix: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                     "svg",
                     {
@@ -187,7 +225,7 @@ var DataTableWithToolbar = ({
                   className: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
                   onClick: handleSearchSubmit,
                   disabled: !onSearch && !_optionalChain([toolbar, 'optionalAccess', _40 => _40.onSearch]),
-                  children: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _41 => _41.searchButtonText]), () => ( "\u641C\u7D22"))
+                  children: _nullishCoalesce(_optionalChain([toolbar, 'optionalAccess', _41 => _41.searchButtonText]), () => ( tableLabels.searchButtonText))
                 }
               ) : null
             ] }) : null,
@@ -226,7 +264,8 @@ var DataTableWithToolbar = ({
                 bulkLabel,
                 " ",
                 selectedCount,
-                " \u9879"
+                " ",
+                tableLabels.selectedItemsText
               ] })
             ] }) : null,
             _optionalChain([toolbar, 'optionalAccess', _45 => _45.bulkActions, 'optionalAccess', _46 => _46.map, 'call', _47 => _47((action) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -248,9 +287,11 @@ var DataTableWithToolbar = ({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, "data-tiger-data-table-with-toolbar": true, children: [
     renderToolbar(),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVAZYY35Fjs.Table,
+      _chunkM36PT6BSjs.Table,
       {
         ...remainingTableProps,
+        locale,
+        labels,
         bordered,
         pagination,
         className: _tigercatcore.classNames.call(void 0, tableClassName, bordered && "border-none rounded-none shadow-none"),

package/dist/{chunk-VXOLIMK2.mjs → chunk-JDJFSO2D.mjs}

@@ -1,9 +1,12 @@
 import {
   Table
-} from "./chunk-AIXYHS2L.mjs";
+} from "./chunk-TSZKBVTA.mjs";
 import {
   Select
 } from "./chunk-T4OVGM4X.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 import {
   Input
 } from "./chunk-WNLUUD5N.mjs";
@@ -14,11 +17,18 @@ import {
 // src/components/DataTableWithToolbar.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
 import {
-  classNames
+  classNames,
+  getImmediateTigerLocale,
+  getTableLabels,
+  isLazyTigerLocale,
+  mergeTigerLocale,
+  resolveTigerLocale
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var DataTableWithToolbar = ({
   toolbar,
+  locale,
+  labels,
   onSearchChange,
   onSearch,
   onFiltersChange,
@@ -30,6 +40,7 @@ var DataTableWithToolbar = ({
   tableClassName,
   ...tableProps
 }) => {
+  const config = useTigerConfig();
   const previousPageSizeRef = useRef(
     pagination && typeof pagination === "object" ? pagination.pageSize ?? pagination.defaultPageSize ?? 10 : void 0
   );
@@ -45,6 +56,33 @@ var DataTableWithToolbar = ({
       return initial;
     }
   );
+  const immediateTableLocale = useMemo(
+    () => locale ? getImmediateTigerLocale(locale) : void 0,
+    [locale]
+  );
+  const [resolvedTableLocale, setResolvedTableLocale] = useState(immediateTableLocale);
+  useEffect(() => {
+    let active = true;
+    setResolvedTableLocale(immediateTableLocale);
+    if (locale && isLazyTigerLocale(locale)) {
+      resolveTigerLocale(locale).then((nextLocale) => {
+        if (active) setResolvedTableLocale(nextLocale);
+      }).catch(() => {
+        if (active) setResolvedTableLocale(immediateTableLocale);
+      });
+    }
+    return () => {
+      active = false;
+    };
+  }, [locale, immediateTableLocale]);
+  const tableLocale = useMemo(
+    () => mergeTigerLocale(config.locale, resolvedTableLocale),
+    [config.locale, resolvedTableLocale]
+  );
+  const tableLabels = useMemo(
+    () => getTableLabels(tableLocale, labels),
+    [labels, tableLocale]
+  );
   useEffect(() => {
     if (toolbar?.searchValue !== void 0) {
       setInternalSearch(toolbar.searchValue ?? "");
@@ -84,7 +122,7 @@ var DataTableWithToolbar = ({
   const { bordered = false, ...remainingTableProps } = tableProps;
   const selectedKeys = toolbar?.selectedKeys ?? tableProps.rowSelection?.selectedRowKeys ?? [];
   const selectedCount = toolbar?.selectedCount ?? selectedKeys.length;
-  const bulkLabel = toolbar?.bulkActionsLabel ?? "\u5DF2\u9009\u62E9";
+  const bulkLabel = toolbar?.bulkActionsLabel ?? tableLabels.selectedText;
   const wrapperClasses = useMemo(
     () => classNames(
       "tiger-data-table-with-toolbar flex flex-col",
@@ -141,7 +179,7 @@ var DataTableWithToolbar = ({
           bordered ? "bg-[var(--tiger-surface-muted,#f9fafb)] dark:bg-gray-800/10 px-4 py-3.5 border-b border-[var(--tiger-border,#e5e7eb)]" : "bg-[var(--tiger-surface-muted,#f9fafb)]/80 dark:bg-gray-800/30 px-4 py-3.5 border border-[var(--tiger-border,#e5e7eb)] rounded-[var(--tiger-radius-md,0.5rem)] shadow-sm"
         ),
         role: "toolbar",
-        "aria-label": "\u6570\u636E\u8868\u683C\u5DE5\u5177\u680F",
+        "aria-label": tableLabels.toolbarAriaLabel,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap flex-1 min-w-0", children: [
             hasSearch ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto sm:min-w-[220px] sm:max-w-[320px]", children: [
@@ -151,7 +189,7 @@ var DataTableWithToolbar = ({
                   type: "search",
                   size: "sm",
                   value: searchValue,
-                  placeholder: toolbar?.searchPlaceholder ?? "\u641C\u7D22",
+                  placeholder: toolbar?.searchPlaceholder ?? tableLabels.searchPlaceholder,
                   prefix: /* @__PURE__ */ jsx(
                     "svg",
                     {
@@ -187,7 +225,7 @@ var DataTableWithToolbar = ({
                   className: "whitespace-nowrap shrink-0 rounded-[var(--tiger-radius-md,0.5rem)] px-3",
                   onClick: handleSearchSubmit,
                   disabled: !onSearch && !toolbar?.onSearch,
-                  children: toolbar?.searchButtonText ?? "\u641C\u7D22"
+                  children: toolbar?.searchButtonText ?? tableLabels.searchButtonText
                 }
               ) : null
             ] }) : null,
@@ -226,7 +264,8 @@ var DataTableWithToolbar = ({
                 bulkLabel,
                 " ",
                 selectedCount,
-                " \u9879"
+                " ",
+                tableLabels.selectedItemsText
               ] })
             ] }) : null,
             toolbar?.bulkActions?.map((action) => /* @__PURE__ */ jsx(
@@ -251,6 +290,8 @@ var DataTableWithToolbar = ({
       Table,
       {
         ...remainingTableProps,
+        locale,
+        labels,
         bordered,
         pagination,
         className: classNames(tableClassName, bordered && "border-none rounded-none shadow-none"),

package/dist/{chunk-UKBVJWP3.mjs → chunk-LJARWKJT.mjs}

@@ -1,6 +1,6 @@
 import {
   usePopup
-} from "./chunk-4XOWNEZA.mjs";
+} from "./chunk-ZDEOTMXP.mjs";
 import {
   renderBodyPortal
 } from "./chunk-SEWNVIHH.mjs";

package/dist/{chunk-JNRUOQNT.js → chunk-LJDILPI6.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunk6HELKWFNjs = require('./chunk-6HELKWFN.js');
+var _chunk3LCISRAVjs = require('./chunk-3LCISRAV.js');
 
 
 var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
@@ -84,7 +84,7 @@ var Popconfirm = ({
     floatingRef,
     actualPlacement,
     floatingStyles: baseFloatingStyles
-  } = _chunk6HELKWFNjs.usePopup.call(void 0, {
+  } = _chunk3LCISRAVjs.usePopup.call(void 0, {
     open,
     defaultOpen,
     disabled,