@expcat/tigercat-react 1.3.4 → 1.4.0

package/dist/{chunk-ITRYKHQJ.js → chunk-TEYL5X56.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 _chunkKYNWNTGOjs = require('./chunk-KYNWNTGO.js');
 
 
-var _chunkTMON4MPOjs = require('./chunk-TMON4MPO.js');
+var _chunk5ALMTE35js = require('./chunk-5ALMTE35.js');
 
 
-var _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+var _chunkZRHDNGWOjs = require('./chunk-ZRHDNGWO.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);
@@ -150,7 +150,7 @@ function useTableState(input) {
     onSelectionChange,
     onSortChange,
     onFilterChange,
-    onHiddenColumnsChange,
+    onHiddenColumnKeysChange,
     onPageChange,
     onExpandChange,
     onCellChange,
@@ -263,7 +263,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) => {
@@ -927,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__ */ _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: [
@@ -1045,7 +1050,7 @@ function Table({
   onSelectionChange,
   onSortChange,
   onFilterChange,
-  onHiddenColumnsChange,
+  onHiddenColumnKeysChange,
   onPageChange,
   onExpandChange,
   onCellChange,
@@ -1148,7 +1153,7 @@ function Table({
     onSelectionChange,
     onSortChange,
     onFilterChange,
-    onHiddenColumnsChange,
+    onHiddenColumnKeysChange,
     onPageChange,
     onExpandChange,
     onCellChange,
@@ -1291,7 +1296,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 +1306,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,
+                _chunkKYNWNTGOjs.Select,
                 {
                   size: "sm",
                   value: ctx.sortState.key && ctx.sortState.direction ? `${ctx.sortState.key}:${ctx.sortState.direction}` : "",
@@ -1352,7 +1357,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 +1370,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-KGSDDVRC.mjs → chunk-TNTOSFGN.mjs}

@@ -1,13 +1,13 @@
 import {
   Steps,
   StepsItem
-} from "./chunk-5XE5VBDS.mjs";
-import {
-  useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSGM22AH.mjs";
 import {
   Button
 } from "./chunk-5TE7KLE5.mjs";
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
 
 // src/components/FormWizard.tsx
 import { useCallback, useEffect, useMemo, useState } from "react";

package/dist/{chunk-CY5GRTAX.js → chunk-UAM3RQY4.js}

@@ -1,4 +1,8 @@
-"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; }// src/components/Form.tsx
+"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 _chunkTDODFBBOjs = require('./chunk-TDODFBBO.js');
+
+// src/components/Form.tsx
 
 
 
@@ -25,6 +29,8 @@ var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var FormContext = _react.createContext.call(void 0, null);
@@ -54,9 +60,15 @@ var Form = _react.forwardRef.call(void 0,
     validateDebounce = 0,
     undoable = false,
     maxHistorySize = 50,
+    locale,
     ...props
   }, ref) => {
     const resolvedLabelAlign = _nullishCoalesce(labelAlign, () => ( (labelPosition === "top" ? "left" : "right")));
+    const config = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
+    const validationMessages = _react.useMemo.call(void 0, 
+      () => _tigercatcore.getFormValidationLabels.call(void 0, _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale)),
+      [config.locale, locale]
+    );
     const [errors, setErrors] = _react.useState.call(void 0, []);
     const [formValues, setFormValues] = _react.useState.call(void 0, model);
     const fieldRulesRef = _react2.default.useRef({});
@@ -161,9 +173,16 @@ var Form = _react.forwardRef.call(void 0,
         }
         const currentValues = formValuesRef.current;
         const value = _tigercatcore.getValueByPath.call(void 0, currentValues, fieldName);
-        return _tigercatcore.validateField.call(void 0, fieldName, value, fieldRules, currentValues, trigger);
+        return _tigercatcore.validateField.call(void 0, 
+          fieldName,
+          value,
+          fieldRules,
+          currentValues,
+          trigger,
+          validationMessages
+        );
       },
-      [resolveFieldRules]
+      [resolveFieldRules, validationMessages]
     );
     const validateFieldNow = _react.useCallback.call(void 0, 
       async (fieldName, rulesOverride, trigger) => {
@@ -219,10 +238,10 @@ var Form = _react.forwardRef.call(void 0,
         setErrors([]);
         return { valid: true, errors: [] };
       }
-      const result = await _tigercatcore.validateForm.call(void 0, formValuesRef.current, effectiveRules);
+      const result = await _tigercatcore.validateForm.call(void 0, formValuesRef.current, effectiveRules, validationMessages);
       setErrors(result.errors);
       return result;
-    }, [getEffectiveRules]);
+    }, [getEffectiveRules, validationMessages]);
     const validate = _react.useCallback.call(void 0, async () => {
       const result = await runValidation();
       return result.valid;

package/dist/{chunk-XRNKHQTL.js → chunk-UEAXYZSE.js}

@@ -8,6 +8,7 @@ var _tigercatcore = require('@expcat/tigercat-core');
 
 
 
+
 var _jsxruntime = require('react/jsx-runtime');
 var Mentions = ({
   value = "",
@@ -68,10 +69,10 @@ var Mentions = ({
       if (!isOpen) return;
       if (e.key === "ArrowDown") {
         e.preventDefault();
-        setActiveIndex((prev) => (prev + 1) % filteredOptions.length);
+        setActiveIndex((prev) => _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.length, prev, 1));
       } else if (e.key === "ArrowUp") {
         e.preventDefault();
-        setActiveIndex((prev) => (prev - 1 + filteredOptions.length) % filteredOptions.length);
+        setActiveIndex((prev) => _tigercatcore.getCyclicIndex.call(void 0, filteredOptions.length, prev, -1));
       } else if (e.key === "Enter") {
         e.preventDefault();
         const opt = filteredOptions[activeIndex];

package/dist/{chunk-7ISEWLA3.js → chunk-UKQMF3JV.js}

@@ -1,4 +1,9 @@
-"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/Signature.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/Signature.tsx
+
 
 
 
@@ -22,6 +27,8 @@ var _react = require('react');
 
 
 
+
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var DEFAULT_WIDTH = 480;
@@ -39,14 +46,21 @@ var Signature = _react.forwardRef.call(void 0,
     exportType = "image/png",
     quality = 0.92,
     ariaLabel = "Signature pad",
-    clearText = "Clear",
+    clearText,
+    locale,
     className,
     onChange,
     onBegin,
     onEnd,
+    onClear,
     style,
     ...rest
   }, ref) => {
+    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 canvasRef = _react.useRef.call(void 0, null);
     const strokesRef = _react.useRef.call(void 0, []);
     const activeStrokeRef = _react.useRef.call(void 0, null);
@@ -110,7 +124,8 @@ var Signature = _react.forwardRef.call(void 0,
       setStrokes([]);
       draw([]);
       emitChange([]);
-    }, [draw, emitChange]);
+      _optionalChain([onClear, 'optionalCall', _4 => _4()]);
+    }, [draw, emitChange, onClear]);
     _react.useImperativeHandle.call(void 0, 
       ref,
       () => ({
@@ -138,7 +153,7 @@ var Signature = _react.forwardRef.call(void 0,
       activeStrokeRef.current = stroke;
       strokesRef.current = nextStrokes;
       setStrokes(nextStrokes);
-      _optionalChain([onBegin, 'optionalCall', _4 => _4()]);
+      _optionalChain([onBegin, 'optionalCall', _5 => _5()]);
     };
     const handlePointerMove = (event) => {
       const activeStroke = activeStrokeRef.current;
@@ -153,7 +168,7 @@ var Signature = _react.forwardRef.call(void 0,
       if (!activeStrokeRef.current) return;
       activeStrokeRef.current = null;
       const payload = emitChange(strokesRef.current);
-      _optionalChain([onEnd, 'optionalCall', _5 => _5(payload)]);
+      _optionalChain([onEnd, 'optionalCall', _6 => _6(payload)]);
     };
     const handleKeyDown = (event) => {
       if (!clearable || isDisabled) return;
@@ -187,7 +202,7 @@ var Signature = _react.forwardRef.call(void 0,
           className: _tigercatcore.signatureClearButtonClasses,
           disabled: isDisabled || _tigercatcore.isSignatureEmpty.call(void 0, strokesRef.current),
           onClick: clear,
-          children: clearText
+          children: _tigercatcore.resolveLocaleText.call(void 0, "Clear", clearText, _optionalChain([mergedLocale, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.clearText]))
         }
       ) })
     ] });

package/dist/{chunk-ITVLIR7T.mjs → chunk-ULWT6W6M.mjs}

@@ -1,3 +1,7 @@
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
+
 // src/components/InputNumber.tsx
 import { useState, useCallback, useMemo, useRef, useEffect } from "react";
 import {
@@ -19,6 +23,8 @@ import {
   formatPrecision,
   isAtMin,
   isAtMax,
+  formatInputNumberDisplay,
+  parseInputNumberValue,
   createRafRepeatActionController
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -47,32 +53,22 @@ var InputNumber = ({
   onBlur,
   className
 }) => {
-  const isControlled = controlledValue !== void 0;
   const inputRef = useRef(null);
   const repeatControllerRef = useRef(createRafRepeatActionController());
   const repeatValueRef = useRef(null);
   const suppressNextClickRef = useRef(false);
   const [focused, setFocused] = useState(false);
-  const [internalValue, setInternalValue] = useState(
-    defaultValue ?? controlledValue ?? null
+  const [currentValue, setValue] = useControlledState(
+    controlledValue,
+    defaultValue ?? controlledValue ?? null,
+    onChange
   );
   const [displayValue, setDisplayValue] = useState("");
-  const currentValue = isControlled ? controlledValue ?? null : internalValue;
   const toDisplayValue = useCallback(
-    (val) => {
-      if (val === null || val === void 0) return "";
-      if (formatter) return formatter(val);
-      if (precision !== void 0) return val.toFixed(precision);
-      return String(val);
-    },
+    (val) => formatInputNumberDisplay(val, { formatter, precision }),
     [formatter, precision]
   );
-  const parseValue = (str) => {
-    if (str === "" || str === "-") return null;
-    if (parser) return parser(str);
-    const num = Number(str);
-    return Number.isNaN(num) ? null : num;
-  };
+  const parseValue = (str) => parseInputNumberValue(str, { parser });
   useEffect(() => {
     if (!focused) {
       setDisplayValue(toDisplayValue(currentValue));
@@ -92,10 +88,7 @@ var InputNumber = ({
         finalVal = formatPrecision(finalVal, precision);
       }
     }
-    if (!isControlled) {
-      setInternalValue(finalVal);
-    }
-    onChange?.(finalVal);
+    setValue(finalVal);
     setDisplayValue(toDisplayValue(finalVal));
   };
   const handleStep = (direction, baseValue = currentValue) => {

package/dist/{chunk-M5GSLKUX.mjs → chunk-VAIWWELW.mjs}

@@ -1,6 +1,12 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/TreeSelect.tsx
 import { useState, useMemo, useRef, useEffect, useId } from "react";
 import {
+  resolveLocaleText,
+  mergeTigerLocale,
   treeSelectBaseClasses,
   treeSelectDropdownClasses,
   treeSelectSearchClasses,
@@ -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 = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(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: treeSelectSearchClasses,
-          placeholder: "Search...",
+          placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
           value: searchQuery,
           "aria-label": "Search tree",
           onChange: (e) => setSearchQuery(e.target.value)
@@ -248,7 +260,7 @@ var TreeSelect = (props) => {
           },
           String(node.key)
         );
-      }) : /* @__PURE__ */ jsx("div", { className: treeSelectEmptyClasses, children: notFoundText })
+      }) : /* @__PURE__ */ jsx("div", { className: treeSelectEmptyClasses, children: resolveLocaleText("No data", notFoundText, mergedLocale?.common?.emptyText) })
     ] })
   ] });
 };