@expcat/tigercat-react 1.3.4 → 1.5.0

package/dist/{chunk-JOB47R6Q.mjs → chunk-GCOA4AO6.mjs}

@@ -22,8 +22,13 @@ import {
   taskBoardWipExceededClasses,
   taskBoardAddCardClasses,
   kanbanCardCountClasses,
+  kanbanSwimlaneClasses,
+  kanbanSwimlaneHeaderClasses,
+  kanbanSwimlaneDotClasses,
+  kanbanSwimlaneCollapsedClasses,
   kanbanAddColumnClasses,
   filterColumns,
+  groupBySwimlane,
   getColumnCardCount,
   moveCard,
   reorderColumns,
@@ -90,7 +95,9 @@ var ColumnItem = React.memo(
     dragStateId,
     kbDragStateId,
     showCardCount,
-    allowAddCard
+    allowAddCard,
+    swimlanes,
+    swimlaneField
   }) => {
     const wipOver = isWipExceeded(column);
     const cardCount = showCardCount ? getColumnCardCount(column) : null;
@@ -99,32 +106,61 @@ var ColumnItem = React.memo(
       isDropTarget && taskBoardColumnDropTargetClasses,
       isColDragging && taskBoardColumnDraggingClasses
     );
+    const renderCardNode = (card, originalIndex) => {
+      const nodes = [];
+      if (isDropTarget && dropIdx === originalIndex) {
+        nodes.push(/* @__PURE__ */ jsx("div", { className: taskBoardDropIndicatorClasses }, `drop-${originalIndex}`));
+      }
+      const isDragging = dragStateId === card.id;
+      const isKbGrabbed = kbDragStateId === card.id;
+      nodes.push(
+        /* @__PURE__ */ jsx(
+          CardItem,
+          {
+            card,
+            column,
+            isDragging,
+            isKbGrabbed,
+            draggable,
+            dragHintText: labels.dragHintText,
+            renderCard: renderCardProp,
+            dragCtrl
+          },
+          String(card.id)
+        )
+      );
+      return nodes;
+    };
     let cardsContent;
     if (column.cards.length > 0) {
-      const nodes = [];
-      column.cards.forEach((card, i) => {
-        if (isDropTarget && dropIdx === i) {
-          nodes.push(/* @__PURE__ */ jsx("div", { className: taskBoardDropIndicatorClasses }, `drop-${i}`));
-        }
-        const isDragging = dragStateId === card.id;
-        const isKbGrabbed = kbDragStateId === card.id;
-        nodes.push(
-          /* @__PURE__ */ jsx(
-            CardItem,
-            {
-              card,
-              column,
-              isDragging,
-              isKbGrabbed,
-              draggable,
-              dragHintText: labels.dragHintText,
-              renderCard: renderCardProp,
-              dragCtrl
-            },
-            String(card.id)
-          )
-        );
-      });
+      const nodes = swimlanes && swimlaneField ? groupBySwimlane(column.cards, swimlanes, swimlaneField).map((group) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: kanbanSwimlaneClasses,
+          "data-tiger-kanban-swimlane": "",
+          "data-tiger-kanban-swimlane-id": String(group.swimlane.id),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: kanbanSwimlaneHeaderClasses, children: [
+              group.swimlane.color && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: kanbanSwimlaneDotClasses,
+                  style: { backgroundColor: group.swimlane.color }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: group.swimlane.label }),
+              /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-[var(--tiger-text-muted,#6b7280)]", children: group.cards.length })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: group.swimlane.collapsed ? kanbanSwimlaneCollapsedClasses : "", children: group.cards.flatMap(
+              (card) => renderCardNode(
+                card,
+                column.cards.findIndex((item) => item.id === card.id)
+              )
+            ) })
+          ]
+        },
+        String(group.swimlane.id)
+      )) : column.cards.flatMap((card, i) => renderCardNode(card, i));
       if (isDropTarget && dropIdx >= column.cards.length) {
         nodes.push(/* @__PURE__ */ jsx("div", { className: taskBoardDropIndicatorClasses }, "drop-end"));
       }
@@ -245,7 +281,7 @@ var ColumnItem = React.memo(
       }
     );
   },
-  (prev, next) => prev.column === next.column && prev.colIndex === next.colIndex && prev.isDropTarget === next.isDropTarget && prev.isColDragging === next.isColDragging && prev.dropIdx === next.dropIdx && prev.draggable === next.draggable && prev.columnDraggable === next.columnDraggable && prev.dragType === next.dragType && prev.dragStateId === next.dragStateId && prev.kbDragStateId === next.kbDragStateId && prev.onCardAdd === next.onCardAdd && prev.showCardCount === next.showCardCount && prev.allowAddCard === next.allowAddCard
+  (prev, next) => prev.column === next.column && prev.colIndex === next.colIndex && prev.isDropTarget === next.isDropTarget && prev.isColDragging === next.isColDragging && prev.dropIdx === next.dropIdx && prev.draggable === next.draggable && prev.columnDraggable === next.columnDraggable && prev.dragType === next.dragType && prev.dragStateId === next.dragStateId && prev.kbDragStateId === next.kbDragStateId && prev.onCardAdd === next.onCardAdd && prev.showCardCount === next.showCardCount && prev.allowAddCard === next.allowAddCard && prev.swimlanes === next.swimlanes && prev.swimlaneField === next.swimlaneField
 );
 ColumnItem.displayName = "TaskBoardColumnItem";
 var TaskBoard = ({
@@ -270,6 +306,8 @@ var TaskBoard = ({
   renderColumnHeader,
   renderColumnFooter,
   renderEmptyColumn,
+  swimlanes,
+  swimlaneField,
   locale,
   labels: labelsOverride,
   className,
@@ -410,12 +448,14 @@ var TaskBoard = ({
               dragStateId,
               kbDragStateId,
               showCardCount,
-              allowAddCard
+              allowAddCard,
+              swimlanes,
+              swimlaneField
             },
             String(col.id)
           );
         }),
-        allowAddColumn && /* @__PURE__ */ jsx(
+        allowAddColumn && /* @__PURE__ */ jsxs(
           "div",
           {
             className: kanbanAddColumnClasses,
@@ -428,7 +468,10 @@ var TaskBoard = ({
                 onColumnAdd?.();
               }
             },
-            children: "+ Add column"
+            children: [
+              "+ ",
+              resolveLocaleText(labels.addColumnText)
+            ]
           }
         )
       ]

package/dist/{chunk-GN3TSQWW.mjs → chunk-GOUSXJEY.mjs}

@@ -1,9 +1,9 @@
 import {
   ImageGroupContext
-} from "./chunk-3QPCQH62.mjs";
+} from "./chunk-SYVMCKPR.mjs";
 import {
   ImagePreview
-} from "./chunk-6GYT3EZD.mjs";
+} from "./chunk-P2WQIVXD.mjs";
 import {
   usePopup
 } from "./chunk-C44WSDEY.mjs";

package/dist/{chunk-WVVXZKNI.js → chunk-GPAY5F7D.js}

@@ -1,6 +1,9 @@
 "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 _chunkUKGQ7256js = require('./chunk-UKGQ7256.js');
+var _chunkI3CDTF4Ujs = require('./chunk-I3CDTF4U.js');
+
+
+var _chunkL3WPA2RPjs = require('./chunk-L3WPA2RP.js');
 
 // src/components/Textarea.tsx
 var _react = require('react');
@@ -12,7 +15,7 @@ var _tigercatcore = require('@expcat/tigercat-core');
 var _jsxruntime = require('react/jsx-runtime');
 var Textarea = _react.forwardRef.call(void 0, 
   ({
-    size = "md",
+    size,
     disabled = false,
     readonly = false,
     required = false,
@@ -33,11 +36,10 @@ var Textarea = _react.forwardRef.call(void 0,
     className,
     ...props
   }, ref) => {
+    const inputGroup = _chunkI3CDTF4Ujs.useInputGroupContext.call(void 0, );
+    const effectiveSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([inputGroup, 'optionalAccess', _ => _.size]))), () => ( "md"));
     const textareaRef = _react.useRef.call(void 0, null);
-    const [currentValue, setInternalValue, isControlled] = _chunkUKGQ7256js.useControlledState.call(void 0, 
-      value,
-      defaultValue || ""
-    );
+    const [currentValue, setValue] = _chunkL3WPA2RPjs.useControlledState.call(void 0, value, defaultValue || "");
     const setRefs = (node) => {
       textareaRef.current = node;
       if (typeof ref === "function") ref(node);
@@ -50,22 +52,20 @@ var Textarea = _react.forwardRef.call(void 0,
     const textareaClasses = _react.useMemo.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
         "block",
-        _tigercatcore.getInputClasses.call(void 0, { size }),
+        _tigercatcore.getInputClasses.call(void 0, { size: effectiveSize }),
         autoResize ? "resize-none" : "resize-y",
         className
       ),
-      [size, autoResize, className]
+      [effectiveSize, autoResize, className]
     );
     const handleInput = (event) => {
-      if (!isControlled) {
-        setInternalValue(event.currentTarget.value);
-      }
-      _optionalChain([onInput, 'optionalCall', _ => _(event)]);
+      setValue(event.currentTarget.value);
+      _optionalChain([onInput, 'optionalCall', _2 => _2(event)]);
     };
     const handleChange = (event) => {
-      _optionalChain([onChange, 'optionalCall', _2 => _2(event)]);
+      _optionalChain([onChange, 'optionalCall', _3 => _3(event)]);
     };
-    const currentLength = _nullishCoalesce(_optionalChain([currentValue, 'optionalAccess', _3 => _3.length]), () => ( 0));
+    const currentLength = _nullishCoalesce(_optionalChain([currentValue, 'optionalAccess', _4 => _4.length]), () => ( 0));
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "textarea",

package/dist/{chunk-KGSDDVRC.mjs → chunk-GQPKHMHA.mjs}

@@ -1,13 +1,13 @@
 import {
   Steps,
   StepsItem
-} from "./chunk-5XE5VBDS.mjs";
-import {
-  useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-6UIVNRAR.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-NKSYX4R7.mjs → chunk-GTDLZF7K.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-6QML6T3Y.mjs";
 import {
   ChartLegend
-} from "./chunk-UBP7HZSU.mjs";
+} from "./chunk-ZG2W4HS5.mjs";
 import {
   ChartTooltip
-} from "./chunk-NASC6XHN.mjs";
+} from "./chunk-O6YIPNXX.mjs";
 import {
   ChartCanvas
 } from "./chunk-DKNVSQSV.mjs";

package/dist/{chunk-2GQCFTD7.mjs → chunk-H4MPPCTB.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-QAIBQHIO.mjs";
+
 // src/components/NumberKeyboard.tsx
 import { useMemo, useState } from "react";
 import {
@@ -7,9 +11,11 @@ import {
   getNumberKeyboardAction,
   getNumberKeyboardKeyClasses,
   getNumberKeyboardKeys,
+  mergeTigerLocale,
   normalizeNumberKeyboardValue,
   numberKeyboardGridClasses,
-  numberKeyboardRootClasses
+  numberKeyboardRootClasses,
+  resolveLocaleText
 } from "@expcat/tigercat-core";
 import { jsx } from "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,13 +40,25 @@ var NumberKeyboard = ({
   onConfirm,
   ...rest
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const confirmLabel = resolveLocaleText("Done", confirmText, mergedLocale?.common?.okText);
   const isControlled = value !== void 0;
   const [innerValue, setInnerValue] = useState(() => normalizeNumberKeyboardValue(defaultValue));
   const currentValue = isControlled ? normalizeNumberKeyboardValue(value) : innerValue;
   const isDisabled = disabled || readonly;
   const keys = useMemo(
-    () => getNumberKeyboardKeys({ mode, decimalSeparator, deleteText, confirmText, showConfirm }),
-    [confirmText, decimalSeparator, deleteText, mode, showConfirm]
+    () => getNumberKeyboardKeys({
+      mode,
+      decimalSeparator,
+      deleteText,
+      confirmText: confirmLabel,
+      showConfirm
+    }),
+    [confirmLabel, decimalSeparator, deleteText, mode, showConfirm]
   );
   function emitChange(nextValue, payload) {
     if (!isControlled) setInnerValue(nextValue);

package/dist/{chunk-3ZNZLGQO.mjs → chunk-H7D7UBDC.mjs}

@@ -1,3 +1,6 @@
+import {
+  useControlledState
+} from "./chunk-WHYHLUXG.mjs";
 import {
   useTigerConfig
 } from "./chunk-QAIBQHIO.mjs";
@@ -76,16 +79,12 @@ var Upload = ({
   );
   const inputRef = useRef(null);
   const [isDragging, setIsDragging] = useState(false);
-  const [internalFileList, setInternalFileList] = useState([]);
-  const isControlled = controlledFileList !== void 0;
-  const fileList = isControlled ? controlledFileList : internalFileList;
+  const [fileList, setFileList] = useControlledState(controlledFileList, []);
   const updateFileList = useCallback(
     (newFileList) => {
-      if (!isControlled) {
-        setInternalFileList(newFileList);
-      }
+      setFileList(newFileList);
     },
-    [isControlled]
+    [setFileList]
   );
   const handleClick = () => {
     if (disabled) return;
@@ -395,7 +394,7 @@ var Upload = ({
     const imageUrl = file.url || (file.file ? URL.createObjectURL(file.file) : "");
     return /* @__PURE__ */ jsxs("div", { className: getPictureCardClasses(file.status), children: [
       imageUrl && /* @__PURE__ */ jsx("img", { src: imageUrl, alt: file.name, className: "w-full h-full object-cover" }),
-      /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
+      /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black/0 hover:bg-black/50 transition-all flex items-center justify-center space-x-2 opacity-0 hover:opacity-100", children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -457,7 +456,7 @@ var Upload = ({
           }
         )
       ] }),
-      file.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-white bg-opacity-75 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+      file.status === "uploading" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-white/75 flex items-center justify-center", children: /* @__PURE__ */ jsx(
         "svg",
         {
           className: getUploadStatusIconClasses("uploading", "lg", {