@expcat/tigercat-react 2.1.2 → 2.1.4

package/dist/chunk-MEFARVQI.mjs

@@ -1,25 +0,0 @@
-// src/hooks/useControlledState.ts
-import { useCallback, useRef, useState } from "react";
-function useControlledState(controlledValue, defaultValue, onChange) {
-  const [internalValue, setInternalValue] = useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : internalValue;
-  const valueRef = useRef(value);
-  valueRef.current = value;
-  const isControlledRef = useRef(isControlled);
-  isControlledRef.current = isControlled;
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const setValue = useCallback((next, ...args) => {
-    const resolved = typeof next === "function" ? next(valueRef.current) : next;
-    if (!isControlledRef.current) {
-      setInternalValue(resolved);
-    }
-    onChangeRef.current?.(resolved, ...args);
-  }, []);
-  return [value, setValue];
-}
-
-export {
-  useControlledState
-};

package/dist/chunk-MFPVVGNA.mjs

@@ -1,248 +0,0 @@
-// src/components/ScrollArea.tsx
-import {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import {
-  classNames,
-  computeScrollAreaState,
-  computeScrollFromThumbOffset,
-  computeScrollFromTrackPoint,
-  createDocumentDragSession,
-  createEmptyScrollAreaState,
-  getScrollAreaBoxStyle,
-  getScrollAreaContentClasses,
-  getScrollAreaScrollbarClasses,
-  getScrollAreaShadowClasses,
-  getScrollAreaShadowSides,
-  getScrollAreaThumbClasses,
-  getScrollAreaThumbStyle,
-  getScrollAreaViewportClasses,
-  observeScrollAreaSize,
-  readScrollAreaMetrics,
-  scrollAreaRootClasses,
-  shouldRenderScrollAreaScrollbar,
-  SCROLL_AREA_MIN_THUMB_SIZE
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ScrollArea = forwardRef(
-  ({
-    direction = "vertical",
-    scrollbar = "auto",
-    scrollbarSize = "md",
-    shadow = false,
-    minThumbSize = SCROLL_AREA_MIN_THUMB_SIZE,
-    height,
-    maxHeight,
-    width,
-    maxWidth,
-    ariaLabel,
-    className,
-    viewportClassName,
-    children,
-    onScroll,
-    ...rest
-  }, ref) => {
-    const viewportRef = useRef(null);
-    const contentRef = useRef(null);
-    const dragSessionRef = useRef(null);
-    const stateRef = useRef(createEmptyScrollAreaState());
-    const [state, setState] = useState(stateRef.current);
-    const [draggingAxis, setDraggingAxis] = useState(null);
-    const onScrollRef = useRef(onScroll);
-    onScrollRef.current = onScroll;
-    const syncState = useCallback(() => {
-      const viewport = viewportRef.current;
-      if (!viewport) return;
-      const next = computeScrollAreaState(readScrollAreaMetrics(viewport), minThumbSize);
-      stateRef.current = next;
-      setState(next);
-    }, [minThumbSize]);
-    const handleScroll = useCallback(() => {
-      const viewport = viewportRef.current;
-      if (!viewport) return;
-      syncState();
-      onScrollRef.current?.({
-        scrollTop: viewport.scrollTop,
-        scrollLeft: viewport.scrollLeft,
-        state: stateRef.current
-      });
-    }, [syncState]);
-    const applyScroll = useCallback(
-      (axis, position) => {
-        const viewport = viewportRef.current;
-        if (!viewport) return;
-        if (axis === "y") viewport.scrollTop = position;
-        else viewport.scrollLeft = position;
-        handleScroll();
-      },
-      [handleScroll]
-    );
-    const startThumbDrag = useCallback(
-      (axis, event) => {
-        const viewport = viewportRef.current;
-        if (!viewport) return;
-        event.preventDefault();
-        event.stopPropagation();
-        const axisState = axis === "y" ? stateRef.current.y : stateRef.current.x;
-        const startOffset = axisState.thumbOffset;
-        const startPoint = axis === "y" ? event.clientY : event.clientX;
-        dragSessionRef.current?.dispose();
-        setDraggingAxis(axis);
-        dragSessionRef.current = createDocumentDragSession({
-          startX: event.clientX,
-          startY: event.clientY,
-          ownerDocument: viewport.ownerDocument,
-          onMove: ({ currentX, currentY }) => {
-            const current = axis === "y" ? currentY : currentX;
-            const trackSize = axis === "y" ? viewport.clientHeight : viewport.clientWidth;
-            applyScroll(
-              axis,
-              computeScrollFromThumbOffset(
-                startOffset + (current - startPoint),
-                trackSize,
-                axisState.thumbSize,
-                axis === "y" ? viewport.scrollHeight : viewport.scrollWidth,
-                trackSize
-              )
-            );
-          },
-          onEnd: () => {
-            setDraggingAxis(null);
-            dragSessionRef.current = null;
-          }
-        });
-      },
-      [applyScroll]
-    );
-    const handleTrackMouseDown = useCallback(
-      (axis, event) => {
-        const target = event.target;
-        if (target?.dataset.scrollAreaThumb) {
-          startThumbDrag(axis, event);
-          return;
-        }
-        const viewport = viewportRef.current;
-        if (!viewport) return;
-        const rect = event.currentTarget.getBoundingClientRect();
-        const point = axis === "y" ? event.clientY - rect.top : event.clientX - rect.left;
-        const axisState = axis === "y" ? stateRef.current.y : stateRef.current.x;
-        const trackSize = axis === "y" ? viewport.clientHeight : viewport.clientWidth;
-        applyScroll(
-          axis,
-          computeScrollFromTrackPoint(
-            point,
-            trackSize,
-            axisState.thumbSize,
-            axis === "y" ? viewport.scrollHeight : viewport.scrollWidth,
-            trackSize
-          )
-        );
-      },
-      [applyScroll, startThumbDrag]
-    );
-    const scrollTo = useCallback(
-      (options) => {
-        const viewport = viewportRef.current;
-        if (!viewport) return;
-        const behavior = options.behavior ?? "auto";
-        if (typeof viewport.scrollTo === "function") {
-          viewport.scrollTo({ top: options.top, left: options.left, behavior });
-        } else {
-          if (options.top !== void 0) viewport.scrollTop = options.top;
-          if (options.left !== void 0) viewport.scrollLeft = options.left;
-        }
-        handleScroll();
-      },
-      [handleScroll]
-    );
-    useImperativeHandle(
-      ref,
-      () => ({
-        scrollTo,
-        scrollToTop: (behavior) => scrollTo({ top: 0, behavior }),
-        scrollToBottom: (behavior) => scrollTo({ top: viewportRef.current?.scrollHeight ?? 0, behavior }),
-        getViewport: () => viewportRef.current,
-        getState: () => stateRef.current
-      }),
-      [scrollTo]
-    );
-    useEffect(() => {
-      syncState();
-      return observeScrollAreaSize([viewportRef.current, contentRef.current], syncState);
-    }, [syncState, direction]);
-    useEffect(() => () => dragSessionRef.current?.dispose(), []);
-    const shadowSides = useMemo(
-      () => shadow ? getScrollAreaShadowSides(state, direction) : [],
-      [shadow, state, direction]
-    );
-    const renderScrollbar = (axis) => {
-      const axisState = axis === "y" ? state.y : state.x;
-      if (!shouldRenderScrollAreaScrollbar(scrollbar, direction, axis, axisState)) return null;
-      return /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: getScrollAreaScrollbarClasses(axis, scrollbarSize, scrollbar),
-          "data-scroll-area-scrollbar": axis,
-          "aria-hidden": "true",
-          onMouseDown: (event) => handleTrackMouseDown(axis, event),
-          children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: getScrollAreaThumbClasses(axis, draggingAxis === axis),
-              style: getScrollAreaThumbStyle(axis, axisState),
-              "data-scroll-area-thumb": axis
-            }
-          )
-        }
-      );
-    };
-    return /* @__PURE__ */ jsxs("div", { ...rest, className: classNames(scrollAreaRootClasses, className), "data-scroll-area": "", children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: viewportRef,
-          className: getScrollAreaViewportClasses(direction, viewportClassName),
-          style: getScrollAreaBoxStyle({ height, maxHeight, width, maxWidth }),
-          tabIndex: 0,
-          role: ariaLabel ? "region" : void 0,
-          "aria-label": ariaLabel,
-          "data-scroll-area-viewport": "",
-          onScroll: handleScroll,
-          children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: contentRef,
-              className: getScrollAreaContentClasses(direction),
-              "data-scroll-area-content": "",
-              children
-            }
-          )
-        }
-      ),
-      shadowSides.map((side) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: getScrollAreaShadowClasses(side),
-          "data-scroll-area-shadow": side,
-          "aria-hidden": "true"
-        },
-        side
-      )),
-      renderScrollbar("y"),
-      renderScrollbar("x")
-    ] });
-  }
-);
-ScrollArea.displayName = "ScrollArea";
-var ScrollArea_default = ScrollArea;
-
-export {
-  ScrollArea,
-  ScrollArea_default
-};

package/dist/chunk-MJVSZ2UJ.mjs

@@ -1,276 +0,0 @@
-import {
-  VirtualList
-} from "./chunk-Y5X3G2LD.mjs";
-import {
-  Input
-} from "./chunk-3LDDXHW2.mjs";
-import {
-  Empty
-} from "./chunk-W7BC4I2Y.mjs";
-import {
-  Textarea
-} from "./chunk-PMQJ6AYT.mjs";
-import {
-  Button
-} from "./chunk-5TE7KLE5.mjs";
-import {
-  Avatar
-} from "./chunk-OO562MFD.mjs";
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/ChatWindow.tsx
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import {
-  classNames,
-  getChatMessageStatusInfo,
-  buildChatMessageStatusInfo,
-  getChatStatusBarClasses,
-  formatChatTime,
-  getChatWindowLabels,
-  mergeTigerLocale,
-  resolveLocaleText
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ChatWindow = ({
-  messages = [],
-  value,
-  defaultValue = "",
-  placeholder,
-  disabled = false,
-  maxLength,
-  emptyText,
-  sendText,
-  locale,
-  labels: labelsOverride,
-  messageListAriaLabel,
-  inputAriaLabel,
-  sendAriaLabel,
-  statusText,
-  statusVariant = "info",
-  showAvatar = true,
-  showName = true,
-  showTime = false,
-  inputType = "textarea",
-  inputRows = 3,
-  sendOnEnter = true,
-  allowShiftEnter = true,
-  allowEmpty = false,
-  clearOnSend = true,
-  virtual = false,
-  virtualItemHeight = 88,
-  virtualHeight = 400,
-  autoScrollToBottom = true,
-  onChange,
-  onSend,
-  renderMessage,
-  className,
-  ...props
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = useMemo(
-    () => getChatWindowLabels(mergedLocale, labelsOverride),
-    [mergedLocale, labelsOverride]
-  );
-  const statusMap = useMemo(() => buildChatMessageStatusInfo(labels), [labels]);
-  const resolvedPlaceholder = resolveLocaleText(labels.placeholder, placeholder);
-  const resolvedEmptyText = resolveLocaleText(labels.emptyText, emptyText);
-  const resolvedSendText = resolveLocaleText(labels.sendText, sendText);
-  const [innerValue, setInnerValue] = useState(value ?? defaultValue);
-  useEffect(() => {
-    if (value !== void 0) {
-      setInnerValue(value);
-    }
-  }, [value]);
-  const inputValue = value !== void 0 ? value : innerValue;
-  const wrapperClasses = useMemo(
-    () => classNames(
-      "tiger-chat-window flex flex-col w-full rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm overflow-hidden transition-all duration-300",
-      className
-    ),
-    [className]
-  );
-  const canSend = useMemo(() => {
-    if (disabled) return false;
-    if (allowEmpty) return true;
-    const raw = String(inputValue ?? "");
-    return raw.trim().length > 0;
-  }, [allowEmpty, disabled, inputValue]);
-  const handleValueChange = useCallback(
-    (nextValue) => {
-      if (value === void 0) {
-        setInnerValue(nextValue);
-      }
-      onChange?.(nextValue);
-    },
-    [onChange, value]
-  );
-  const handleSend = useCallback(() => {
-    if (!canSend) return;
-    const payload = String(inputValue ?? "");
-    onSend?.(payload);
-    if (clearOnSend) {
-      if (value === void 0) {
-        setInnerValue("");
-      }
-      onChange?.("");
-    }
-  }, [canSend, clearOnSend, inputValue, onSend, onChange, value]);
-  const handleKeyDown = useCallback(
-    (event) => {
-      if (!sendOnEnter) return;
-      if (event.key !== "Enter") return;
-      if (inputType === "textarea" && allowShiftEnter && event.shiftKey) return;
-      event.preventDefault();
-      handleSend();
-    },
-    [allowShiftEnter, handleSend, inputType, sendOnEnter]
-  );
-  const renderMessageItem = useCallback(
-    (message, index) => {
-      const isSelf = message.direction === "self";
-      const statusInfo = message.status ? getChatMessageStatusInfo(message.status, statusMap) : void 0;
-      const timeText = showTime ? formatChatTime(message.time) : "";
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: classNames(
-            "flex gap-3 items-start",
-            isSelf ? "flex-row-reverse" : "justify-start"
-          ),
-          "data-tiger-chat-message": true,
-          role: "listitem",
-          children: [
-            showAvatar && message.user ? /* @__PURE__ */ jsx(
-              Avatar,
-              {
-                size: "sm",
-                src: message.user.avatar,
-                text: message.user.name,
-                className: "flex-shrink-0"
-              }
-            ) : null,
-            /* @__PURE__ */ jsxs("div", { className: classNames("flex flex-col max-w-[75%]", isSelf && "items-end"), children: [
-              showName && message.user?.name && /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classNames(
-                    "text-xs mb-1 text-[var(--tiger-text-muted,#6b7280)]",
-                    isSelf && "text-right"
-                  ),
-                  children: message.user.name
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: classNames(
-                    "rounded-[var(--tiger-radius-lg,0.75rem)] px-4 py-2.5 text-sm break-words shadow-sm transition-all",
-                    isSelf ? "bg-[var(--tiger-primary,#2563eb)] text-white rounded-tr-[var(--tiger-radius-sm,0.375rem)]" : "bg-[var(--tiger-surface,#ffffff)] border border-[var(--tiger-border,#e5e7eb)] text-[var(--tiger-text,#111827)] rounded-tl-[var(--tiger-radius-sm,0.375rem)]"
-                  ),
-                  "data-tiger-chat-bubble": true,
-                  children: renderMessage?.(message, index) ?? message.content
-                }
-              ),
-              statusInfo && /* @__PURE__ */ jsx("div", { className: classNames("text-xs mt-1", statusInfo.className), children: message.statusText || statusInfo.text }),
-              timeText && /* @__PURE__ */ jsx("div", { className: "text-xs mt-1 text-[var(--tiger-text-muted,#6b7280)]", children: timeText })
-            ] })
-          ]
-        },
-        message.id ?? index
-      );
-    },
-    [renderMessage, showAvatar, showName, showTime, statusMap]
-  );
-  const messageListRef = useRef(null);
-  useEffect(() => {
-    if (!autoScrollToBottom) return;
-    const raf = requestAnimationFrame(() => {
-      const el = messageListRef.current;
-      if (!el) return;
-      const target = (virtual ? el.firstElementChild : el) ?? el;
-      target.scrollTop = target.scrollHeight;
-    });
-    return () => cancelAnimationFrame(raf);
-  }, [messages.length, autoScrollToBottom, virtual]);
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, "data-tiger-chat-window": true, ...props, children: [
-    virtual && messages.length > 0 ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: messageListRef,
-        className: "flex-1 overflow-auto bg-[var(--tiger-surface-muted,#f9fafb)]",
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions text",
-        "aria-label": messageListAriaLabel ?? "Message list",
-        children: /* @__PURE__ */ jsx(
-          VirtualList,
-          {
-            itemCount: messages.length,
-            itemHeight: virtualItemHeight,
-            height: virtualHeight,
-            renderItem: ({ index }) => renderMessageItem(messages[index], index)
-          }
-        )
-      }
-    ) : /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: messageListRef,
-        className: "flex-1 overflow-auto p-5 space-y-4 bg-[var(--tiger-surface-muted,#f9fafb)]",
-        role: "log",
-        "aria-live": "polite",
-        "aria-relevant": "additions text",
-        "aria-label": messageListAriaLabel ?? "Message list",
-        children: messages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Empty, { description: resolvedEmptyText }) }) : messages.map(renderMessageItem)
-      }
-    ),
-    statusText && /* @__PURE__ */ jsx("div", { className: getChatStatusBarClasses(statusVariant), children: statusText }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3 px-5 py-4 border-t border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] rounded-b-lg", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex-1", children: inputType === "input" ? /* @__PURE__ */ jsx(
-        Input,
-        {
-          value: inputValue,
-          placeholder: resolvedPlaceholder,
-          disabled,
-          maxLength,
-          "aria-label": inputAriaLabel ?? resolvedPlaceholder,
-          onChange: (event) => handleValueChange(event.currentTarget.value),
-          onKeyDown: handleKeyDown
-        }
-      ) : /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          value: inputValue,
-          placeholder: resolvedPlaceholder,
-          disabled,
-          maxLength,
-          rows: inputRows,
-          "aria-label": inputAriaLabel ?? resolvedPlaceholder,
-          onChange: (event) => handleValueChange(event.currentTarget.value),
-          onKeyDown: handleKeyDown
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          disabled: !canSend,
-          onClick: handleSend,
-          "aria-label": sendAriaLabel ?? resolvedSendText,
-          children: resolvedSendText
-        }
-      )
-    ] })
-  ] });
-};
-var ChatWindow_default = ChatWindow;
-
-export {
-  ChatWindow,
-  ChatWindow_default
-};

package/dist/chunk-MOWK7CND.mjs

@@ -1,120 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/NumberKeyboard.tsx
-import { useMemo, useState } from "react";
-import {
-  applyNumberKeyboardInput,
-  classNames,
-  deleteNumberKeyboardValue,
-  getNumberKeyboardAction,
-  getNumberKeyboardKeyClasses,
-  getNumberKeyboardKeys,
-  mergeTigerLocale,
-  normalizeNumberKeyboardValue,
-  numberKeyboardGridClasses,
-  numberKeyboardRootClasses,
-  resolveLocaleText
-} from "@expcat/tigercat-core";
-import { jsx } from "react/jsx-runtime";
-var NumberKeyboard = ({
-  value,
-  defaultValue = "",
-  mode = "number",
-  maxLength,
-  precision,
-  decimalSeparator = ".",
-  disabled = false,
-  readonly = false,
-  confirmText,
-  deleteText = "Delete",
-  ariaLabel = "Number keyboard",
-  showConfirm = true,
-  locale,
-  className,
-  style,
-  onChange,
-  onKeyPress,
-  onDelete,
-  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: confirmLabel,
-      showConfirm
-    }),
-    [confirmLabel, decimalSeparator, deleteText, mode, showConfirm]
-  );
-  function emitChange(nextValue, payload) {
-    if (!isControlled) setInnerValue(nextValue);
-    onChange?.(nextValue, payload);
-  }
-  function handleKeyClick(key) {
-    if (isDisabled || key.type === "empty") return;
-    const action = getNumberKeyboardAction(key);
-    const nextValue = action === "delete" ? deleteNumberKeyboardValue(currentValue) : action === "input" ? applyNumberKeyboardInput(currentValue, key.value, {
-      mode,
-      maxLength,
-      precision,
-      decimalSeparator
-    }) : currentValue;
-    const payload = {
-      value: nextValue,
-      key: key.value,
-      action,
-      mode
-    };
-    onKeyPress?.(key, payload);
-    if (action === "confirm") {
-      onConfirm?.(currentValue, { ...payload, value: currentValue });
-      return;
-    }
-    if (action === "delete") onDelete?.(nextValue, payload);
-    if (nextValue !== currentValue) emitChange(nextValue, payload);
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: classNames(numberKeyboardRootClasses, className),
-      style,
-      role: "group",
-      "aria-label": ariaLabel,
-      "aria-disabled": isDisabled || void 0,
-      ...rest,
-      children: /* @__PURE__ */ jsx("div", { className: numberKeyboardGridClasses, children: keys.map((key, index) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: getNumberKeyboardKeyClasses(key, isDisabled),
-          disabled: isDisabled || key.disabled,
-          "aria-label": key.ariaLabel,
-          "data-key": key.value,
-          onClick: () => handleKeyClick(key),
-          children: key.label
-        },
-        `${key.type}-${key.value}-${index}`
-      )) })
-    }
-  );
-};
-var NumberKeyboard_default = NumberKeyboard;
-
-export {
-  NumberKeyboard,
-  NumberKeyboard_default
-};