@expcat/tigercat-react 1.3.3 → 1.4.0

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

@@ -1,18 +1,18 @@
 import {
   Select
-} from "./chunk-KXNWY2Q7.mjs";
+} from "./chunk-WFWEMXO7.mjs";
 import {
   Radio
-} from "./chunk-NPTXXUXF.mjs";
-import {
-  useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-3RBRWBUG.mjs";
 import {
   Empty
 } from "./chunk-WIWTY74F.mjs";
 import {
   Checkbox
-} from "./chunk-MSHCPJIJ.mjs";
+} from "./chunk-6BOSSZM3.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/Table.tsx
 import { useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
@@ -28,7 +28,7 @@ import {
   getTableResponsiveTableClasses,
   getTableVirtualRecommendation,
   formatTableSelectRowAriaLabel,
-  formatTableSortByText,
+  formatTableSortByText as formatTableSortByText2,
   getTableLabels,
   tableBaseClasses,
   tableResponsiveCardLabelClasses,
@@ -119,7 +119,8 @@ import {
   groupDataByColumn,
   getFixedColumnOffsets,
   freezeTableColumnWidths,
-  filterHiddenColumns
+  filterHiddenColumns,
+  orderTableFixedColumns
 } from "@expcat/tigercat-core";
 import { exportTableData, downloadTableExport } from "@expcat/tigercat-core";
 function useTableState(input) {
@@ -149,7 +150,7 @@ function useTableState(input) {
     onSelectionChange,
     onSortChange,
     onFilterChange,
-    onHiddenColumnsChange,
+    onHiddenColumnKeysChange,
     onPageChange,
     onExpandChange,
     onCellChange,
@@ -233,7 +234,7 @@ function useTableState(input) {
         fixed: hasOverride ? fixedOverrides[column.key] : column.fixed
       };
     });
-    return filterHiddenColumns(mapped, effectiveHiddenColumnKeys);
+    return orderTableFixedColumns(filterHiddenColumns(mapped, effectiveHiddenColumnKeys));
   }, [columns, fixedOverrides, effectiveHiddenColumnKeys]);
   const totalColumnCount = useMemo(() => {
     let count = displayColumns.length;
@@ -262,7 +263,7 @@ function useTableState(input) {
     if (!isHiddenColumnsControlled) {
       setUncontrolledHiddenColumnKeys(hiddenKeys);
     }
-    onHiddenColumnsChange?.(hiddenKeys);
+    onHiddenColumnKeysChange?.(hiddenKeys);
   }
   function toggleColumnLock(columnKey) {
     setFixedOverrides((prev) => {
@@ -543,11 +544,21 @@ import {
   getTableFixedHeaderCellClasses,
   getFixedColumnStyle,
   getCheckboxCellClasses,
-  getExpandIconCellClasses
+  getExpandIconCellClasses,
+  formatTableSortByText
 } from "@expcat/tigercat-core";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function renderTableHeader(ctx, view) {
-  const { size, stickyHeader, rowSelection, expandable, columnLockable, columnDraggable } = view;
+  const {
+    size,
+    stickyHeader,
+    rowSelection,
+    expandable,
+    columnLockable,
+    columnDraggable,
+    lockColumnAriaLabel,
+    unlockColumnAriaLabel
+  } = view;
   const expandHeaderTh = expandable ? /* @__PURE__ */ jsx2("th", { className: getExpandIconCellClasses(size), "aria-label": "Expand" }) : null;
   const expandAtStart = expandable?.expandIconPosition !== "end";
   return /* @__PURE__ */ jsx2("thead", { className: getTableHeaderClasses(stickyHeader), children: /* @__PURE__ */ jsxs("tr", { children: [
@@ -605,7 +616,10 @@ function renderTableHeader(ctx, view) {
                 "button",
                 {
                   type: "button",
-                  "aria-label": column.fixed === "left" || column.fixed === "right" ? `Unlock column ${column.title}` : `Lock column ${column.title}`,
+                  "aria-label": formatTableSortByText(
+                    column.fixed === "left" || column.fixed === "right" ? unlockColumnAriaLabel : lockColumnAriaLabel,
+                    String(column.title)
+                  ),
                   className: classNames(
                     "inline-flex items-center",
                     column.fixed === "left" || column.fixed === "right" ? "text-[var(--tiger-primary,#2563eb)]" : "text-gray-400 hover:text-gray-700"
@@ -913,7 +927,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__ */ jsxs4("div", { className: getSimplePaginationContainerClasses(), children: [
     paginationConfig.showTotal !== false && /* @__PURE__ */ jsx5("div", { className: getSimplePaginationTotalClasses(), children: finalTotalText }),
     /* @__PURE__ */ jsxs4("div", { className: getSimplePaginationControlsClasses(), children: [
@@ -1031,7 +1050,7 @@ function Table({
   onSelectionChange,
   onSortChange,
   onFilterChange,
-  onHiddenColumnsChange,
+  onHiddenColumnKeysChange,
   onPageChange,
   onExpandChange,
   onCellChange,
@@ -1134,7 +1153,7 @@ function Table({
     onSelectionChange,
     onSortChange,
     onFilterChange,
-    onHiddenColumnsChange,
+    onHiddenColumnKeysChange,
     onPageChange,
     onExpandChange,
     onCellChange,
@@ -1246,7 +1265,9 @@ function Table({
                 rowSelection: internalRowSelection,
                 expandable: internalExpandable,
                 columnLockable,
-                columnDraggable
+                columnDraggable,
+                lockColumnAriaLabel: tableLabels.lockColumnAriaLabel,
+                unlockColumnAriaLabel: tableLabels.unlockColumnAriaLabel
               }),
               renderTableBody(ctx, {
                 size,
@@ -1293,11 +1314,11 @@ function Table({
                     { label: tableLabels.clearSortText, value: "" },
                     ...ctx.displayColumns.filter((column) => column.sortable).flatMap((column) => [
                       {
-                        label: `${formatTableSortByText(tableLabels.sortByText, column.title)} \u2191`,
+                        label: `${formatTableSortByText2(tableLabels.sortByText, column.title)} \u2191`,
                         value: `${column.key}:asc`
                       },
                       {
-                        label: `${formatTableSortByText(tableLabels.sortByText, column.title)} \u2193`,
+                        label: `${formatTableSortByText2(tableLabels.sortByText, column.title)} \u2193`,
                         value: `${column.key}:desc`
                       }
                     ])

package/dist/{chunk-3QPCQH62.mjs → chunk-RYNLPRUM.mjs}

@@ -1,6 +1,6 @@
 import {
   ImagePreview
-} from "./chunk-6GYT3EZD.mjs";
+} from "./chunk-KXT2TP6A.mjs";
 
 // src/components/ImageGroup.tsx
 import { useState, useCallback, useMemo, createContext, useRef } from "react";

package/dist/{chunk-6GIJ7NFV.mjs → chunk-SDZKL3IB.mjs}

@@ -22,18 +22,16 @@ import {
   messageCloseIconPath,
   isBrowser,
   ANIMATION_DURATION_MS,
-  normalizeStringOption
+  normalizeStringOption,
+  createInstanceCounter
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var MESSAGE_CONTAINER_ID = "tiger-message-container";
 var MESSAGE_CLOSE_ARIA_LABEL = "Close message";
 var messageInstances = [];
-var instanceIdCounter = 0;
 var containerRoot = null;
 var updateCallback = null;
-function getNextInstanceId() {
-  return ++instanceIdCounter;
-}
+var getNextInstanceId = createInstanceCounter();
 var MessageItem = ({ message, onClose }) => {
   const [isVisible, setIsVisible] = useState(false);
   useEffect(() => {

package/dist/{chunk-G5USITWF.js → chunk-SH4BZYXO.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/NumberKeyboard.tsx
+"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; }
+
+var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/NumberKeyboard.tsx
 var _react = require('react');
 
 
@@ -10,6 +14,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var NumberKeyboard = ({
@@ -21,10 +27,11 @@ var NumberKeyboard = ({
   decimalSeparator = ".",
   disabled = false,
   readonly = false,
-  confirmText = "Done",
+  confirmText,
   deleteText = "Delete",
   ariaLabel = "Number keyboard",
   showConfirm = true,
+  locale,
   className,
   style,
   onChange,
@@ -33,17 +40,29 @@ var NumberKeyboard = ({
   onConfirm,
   ...rest
 }) => {
+  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 confirmLabel = _tigercatcore.resolveLocaleText.call(void 0, "Done", confirmText, _optionalChain([mergedLocale, 'optionalAccess', _ => _.common, 'optionalAccess', _2 => _2.okText]));
   const isControlled = value !== void 0;
   const [innerValue, setInnerValue] = _react.useState.call(void 0, () => _tigercatcore.normalizeNumberKeyboardValue.call(void 0, defaultValue));
   const currentValue = isControlled ? _tigercatcore.normalizeNumberKeyboardValue.call(void 0, value) : innerValue;
   const isDisabled = disabled || readonly;
   const keys = _react.useMemo.call(void 0, 
-    () => _tigercatcore.getNumberKeyboardKeys.call(void 0, { mode, decimalSeparator, deleteText, confirmText, showConfirm }),
-    [confirmText, decimalSeparator, deleteText, mode, showConfirm]
+    () => _tigercatcore.getNumberKeyboardKeys.call(void 0, {
+      mode,
+      decimalSeparator,
+      deleteText,
+      confirmText: confirmLabel,
+      showConfirm
+    }),
+    [confirmLabel, decimalSeparator, deleteText, mode, showConfirm]
   );
   function emitChange(nextValue, payload) {
     if (!isControlled) setInnerValue(nextValue);
-    _optionalChain([onChange, 'optionalCall', _ => _(nextValue, payload)]);
+    _optionalChain([onChange, 'optionalCall', _3 => _3(nextValue, payload)]);
   }
   function handleKeyClick(key) {
     if (isDisabled || key.type === "empty") return;
@@ -60,12 +79,12 @@ var NumberKeyboard = ({
       action,
       mode
     };
-    _optionalChain([onKeyPress, 'optionalCall', _2 => _2(key, payload)]);
+    _optionalChain([onKeyPress, 'optionalCall', _4 => _4(key, payload)]);
     if (action === "confirm") {
-      _optionalChain([onConfirm, 'optionalCall', _3 => _3(currentValue, { ...payload, value: currentValue })]);
+      _optionalChain([onConfirm, 'optionalCall', _5 => _5(currentValue, { ...payload, value: currentValue })]);
       return;
     }
-    if (action === "delete") _optionalChain([onDelete, 'optionalCall', _4 => _4(nextValue, payload)]);
+    if (action === "delete") _optionalChain([onDelete, 'optionalCall', _6 => _6(nextValue, payload)]);
     if (nextValue !== currentValue) emitChange(nextValue, payload);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-L5AMVEQL.mjs → chunk-SLEXEH7R.mjs}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-ELRZ2ZHM.mjs";
 import {
   List
-} from "./chunk-A42OLED6.mjs";
+} from "./chunk-KED5S2WG.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Loading
-} from "./chunk-FNJDBFKM.mjs";
+} from "./chunk-2LYV6NBJ.mjs";
 import {
   Text
 } from "./chunk-HLS4CHWX.mjs";
@@ -208,15 +208,30 @@ var NotificationCenter = ({
           /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsx(Text, { tag: "span", size: "sm", weight: isRead ? "normal" : "semibold", className: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100", children: item.title }),
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    tag: "span",
+                    size: "sm",
+                    weight: isRead ? "normal" : "semibold",
+                    className: isRead ? "text-gray-600 dark:text-gray-400" : "text-gray-900 dark:text-gray-100",
+                    children: item.title
+                  }
+                ),
                 !isRead && /* @__PURE__ */ jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-500 dark:bg-blue-400 shrink-0 shadow-sm shadow-blue-500/40 animate-pulse" })
               ] }),
               timeText ? /* @__PURE__ */ jsx("span", { className: "text-[11px] text-gray-400 dark:text-gray-500 font-medium whitespace-nowrap flex-shrink-0 self-center", children: timeText }) : null
             ] }),
-            item.description ? /* @__PURE__ */ jsx("div", { className: classNames(
-              "mt-1 text-xs leading-relaxed line-clamp-2",
-              isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
-            ), children: item.description }) : null
+            item.description ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: classNames(
+                  "mt-1 text-xs leading-relaxed line-clamp-2",
+                  isRead ? "text-gray-500 dark:text-gray-400" : "text-gray-600 dark:text-gray-300"
+                ),
+                children: item.description
+              }
+            ) : null
           ] }),
           /* @__PURE__ */ jsx(
             Button,
@@ -245,8 +260,34 @@ var NotificationCenter = ({
   const renderList = (listItems) => {
     if (listItems.length === 0) {
       return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-14 px-4 text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ jsx("svg", { className: "w-8 h-8 text-gray-400 dark:text-gray-600 animate-pulse", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0" }) }) }),
-        /* @__PURE__ */ jsx(Text, { tag: "div", size: "sm", color: "muted", className: "font-semibold text-gray-400 dark:text-gray-500", children: emptyText })
+        /* @__PURE__ */ jsx("div", { className: "p-3.5 bg-gray-50 dark:bg-gray-900 rounded-full mb-3 shadow-inner", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: "w-8 h-8 text-gray-400 dark:text-gray-600 animate-pulse",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            tag: "div",
+            size: "sm",
+            color: "muted",
+            className: "font-semibold text-gray-400 dark:text-gray-500",
+            children: emptyText
+          }
+        )
       ] });
     }
     return /* @__PURE__ */ jsx(
@@ -279,7 +320,16 @@ var NotificationCenter = ({
           header: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-                /* @__PURE__ */ jsx(Text, { tag: "div", size: "base", weight: "bold", className: "text-gray-900 dark:text-gray-100", children: title }),
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    tag: "div",
+                    size: "base",
+                    weight: "bold",
+                    className: "text-gray-900 dark:text-gray-100",
+                    children: title
+                  }
+                ),
                 totalUnread > 0 ? /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 text-[11px] font-bold rounded-full bg-gradient-to-r from-blue-500 to-indigo-600 text-white shadow-sm shadow-blue-500/20 animate-pulse", children: totalUnread }) : null
               ] }),
               /* @__PURE__ */ jsx(

package/dist/{chunk-JLRRXRZO.js → chunk-SQONS5PH.js}

@@ -1,6 +1,6 @@
-"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});
 
-var _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
+var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
 // src/components/CheckboxGroup.tsx
 var _react = require('react');
@@ -19,7 +19,7 @@ var CheckboxGroup = ({
   className,
   ...props
 }) => {
-  const [value, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, controlledValue, defaultValue);
+  const [value, setValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, controlledValue, defaultValue, onChange);
   const updateValue = (val, checked) => {
     if (disabled) return;
     const currentValue = [...value];
@@ -29,10 +29,7 @@ var CheckboxGroup = ({
     } else if (!checked && index !== -1) {
       currentValue.splice(index, 1);
     }
-    if (!isControlled) {
-      setInternalValue(currentValue);
-    }
-    _optionalChain([onChange, 'optionalCall', _ => _(currentValue)]);
+    setValue(currentValue);
   };
   const context = {
     value,