@expcat/tigercat-react 2.1.2 → 2.1.3

package/dist/chunk-U7RLVY67.mjs

@@ -1,303 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/ImageViewer.tsx
-import { useState, useCallback, useEffect, useMemo, useRef } from "react";
-import {
-  classNames,
-  imageViewerBackdropClasses,
-  imageViewerImgClasses,
-  imageViewerToolbarClasses,
-  imageViewerToolbarBtnClasses,
-  imageViewerNavBtnClasses,
-  imageViewerCloseBtnClasses,
-  imageViewerCounterClasses,
-  imageViewerIcons,
-  clampZoom,
-  normalizeRotation,
-  createDefaultTransform,
-  getImageTransformStyle,
-  applyWheelZoom,
-  createPanState,
-  startPan,
-  movePan,
-  createPinchState,
-  startPinch,
-  movePinch,
-  getImageViewerLabels,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SvgIcon({ pathD, label }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-label": label,
-      children: /* @__PURE__ */ jsx("path", { d: pathD })
-    }
-  );
-}
-var ImageViewer = ({
-  locale,
-  images,
-  open = false,
-  currentIndex = 0,
-  zoomable = true,
-  rotatable = true,
-  showNav = true,
-  showCounter = true,
-  maskClosable = true,
-  minZoom = 0.5,
-  maxZoom = 3,
-  className,
-  onOpenChange,
-  onClose,
-  onCurrentIndexChange
-}) => {
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = useMemo(() => getImageViewerLabels(mergedLocale), [mergedLocale]);
-  const [index, setIndex] = useState(currentIndex);
-  const [transform, setTransform] = useState(createDefaultTransform);
-  const panRef = useRef(createPanState());
-  const pinchRef = useRef(createPinchState());
-  useEffect(() => {
-    setIndex(currentIndex);
-  }, [currentIndex]);
-  const resetTransform = useCallback(() => {
-    setTransform(createDefaultTransform());
-    panRef.current = createPanState();
-    pinchRef.current = createPinchState();
-  }, []);
-  const handleClose = useCallback(() => {
-    onOpenChange?.(false);
-    onClose?.();
-  }, [onOpenChange, onClose]);
-  const handlePrev = useCallback(() => {
-    const newIndex = (index - 1 + images.length) % images.length;
-    setIndex(newIndex);
-    resetTransform();
-    onCurrentIndexChange?.(newIndex);
-  }, [index, images.length, onCurrentIndexChange, resetTransform]);
-  const handleNext = useCallback(() => {
-    const newIndex = (index + 1) % images.length;
-    setIndex(newIndex);
-    resetTransform();
-    onCurrentIndexChange?.(newIndex);
-  }, [index, images.length, onCurrentIndexChange, resetTransform]);
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      switch (e.key) {
-        case "Escape":
-          handleClose();
-          break;
-        case "ArrowLeft":
-          handlePrev();
-          break;
-        case "ArrowRight":
-          handleNext();
-          break;
-      }
-    };
-    document.addEventListener("keydown", handler);
-    return () => document.removeEventListener("keydown", handler);
-  }, [open, handleClose, handlePrev, handleNext]);
-  const backdropClasses = useMemo(
-    () => classNames(imageViewerBackdropClasses, className),
-    [className]
-  );
-  if (!open || images.length === 0) return null;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: backdropClasses,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": labels.dialogAriaLabel,
-      onClick: (e) => {
-        if (maskClosable && e.target === e.currentTarget) handleClose();
-      },
-      children: [
-        showCounter && images.length > 1 && /* @__PURE__ */ jsxs("div", { className: imageViewerCounterClasses, children: [
-          index + 1,
-          " / ",
-          images.length
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: imageViewerCloseBtnClasses,
-            onClick: handleClose,
-            "aria-label": labels.closeAriaLabel,
-            type: "button",
-            children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.close, label: labels.closeAriaLabel })
-          }
-        ),
-        showNav && images.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: classNames(imageViewerNavBtnClasses, "left-4"),
-              onClick: handlePrev,
-              "aria-label": labels.previousImageAriaLabel,
-              type: "button",
-              children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.prev, label: labels.previousImageAriaLabel })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              className: classNames(imageViewerNavBtnClasses, "right-4"),
-              onClick: handleNext,
-              "aria-label": labels.nextImageAriaLabel,
-              type: "button",
-              children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.next, label: labels.nextImageAriaLabel })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          "img",
-          {
-            className: imageViewerImgClasses,
-            src: images[index],
-            alt: `Image ${index + 1}`,
-            style: { transform: getImageTransformStyle(transform), touchAction: "none" },
-            draggable: false,
-            onWheel: (e) => {
-              if (!zoomable) return;
-              e.preventDefault();
-              const newScale = applyWheelZoom(transform.scale, e.deltaY, { minZoom, maxZoom });
-              setTransform((t) => ({ ...t, scale: newScale }));
-            },
-            onMouseDown: (e) => {
-              if (e.button !== 0) return;
-              e.preventDefault();
-              panRef.current = startPan(
-                e.clientX,
-                e.clientY,
-                transform.translateX,
-                transform.translateY
-              );
-            },
-            onMouseMove: (e) => {
-              if (!panRef.current.isPanning) return;
-              const result = movePan(panRef.current, e.clientX, e.clientY);
-              setTransform((t) => ({ ...t, ...result }));
-            },
-            onMouseUp: () => {
-              panRef.current = createPanState();
-            },
-            onMouseLeave: () => {
-              panRef.current = createPanState();
-            },
-            onTouchStart: (e) => {
-              if (e.touches.length === 2 && zoomable) {
-                e.preventDefault();
-                pinchRef.current = startPinch(e.touches[0], e.touches[1], transform.scale);
-              } else if (e.touches.length === 1) {
-                panRef.current = startPan(
-                  e.touches[0].clientX,
-                  e.touches[0].clientY,
-                  transform.translateX,
-                  transform.translateY
-                );
-              }
-            },
-            onTouchMove: (e) => {
-              if (e.touches.length === 2 && pinchRef.current.isPinching) {
-                e.preventDefault();
-                const newScale = movePinch(
-                  pinchRef.current,
-                  e.touches[0],
-                  e.touches[1],
-                  minZoom,
-                  maxZoom
-                );
-                setTransform((t) => ({ ...t, scale: newScale }));
-              } else if (e.touches.length === 1 && panRef.current.isPanning) {
-                const result = movePan(panRef.current, e.touches[0].clientX, e.touches[0].clientY);
-                setTransform((t) => ({ ...t, ...result }));
-              }
-            },
-            onTouchEnd: () => {
-              pinchRef.current = createPinchState();
-              panRef.current = createPanState();
-            },
-            onTouchCancel: () => {
-              pinchRef.current = createPinchState();
-              panRef.current = createPanState();
-            }
-          }
-        ),
-        (zoomable || rotatable) && /* @__PURE__ */ jsxs("div", { className: imageViewerToolbarClasses, children: [
-          zoomable && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({
-                  ...t,
-                  scale: clampZoom(t.scale - 0.25, minZoom, maxZoom)
-                })),
-                "aria-label": labels.zoomOutAriaLabel,
-                type: "button",
-                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.zoomOut, label: labels.zoomOutAriaLabel })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({
-                  ...t,
-                  scale: clampZoom(t.scale + 0.25, minZoom, maxZoom)
-                })),
-                "aria-label": labels.zoomInAriaLabel,
-                type: "button",
-                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.zoomIn, label: labels.zoomInAriaLabel })
-              }
-            )
-          ] }),
-          rotatable && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({ ...t, rotation: normalizeRotation(t.rotation - 90) })),
-                "aria-label": labels.rotateLeftAriaLabel,
-                type: "button",
-                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.rotateLeft, label: labels.rotateLeftAriaLabel })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({ ...t, rotation: normalizeRotation(t.rotation + 90) })),
-                "aria-label": labels.rotateRightAriaLabel,
-                type: "button",
-                children: /* @__PURE__ */ jsx(SvgIcon, { pathD: imageViewerIcons.rotateRight, label: labels.rotateRightAriaLabel })
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-
-export {
-  ImageViewer
-};

package/dist/chunk-UHK2ISKR.mjs

@@ -1,282 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/Transfer.tsx
-import { useState, useMemo } from "react";
-import {
-  resolveLocaleText,
-  mergeTigerLocale,
-  getTransferLabels,
-  transferBaseClasses,
-  transferPanelClasses,
-  transferPanelHeaderClasses,
-  transferPanelBodyClasses,
-  transferSearchClasses,
-  transferEmptyClasses,
-  transferOperationClasses,
-  getTransferItemClasses,
-  getTransferCheckboxClasses,
-  getTransferButtonClasses,
-  splitTransferData,
-  filterTransferItems,
-  moveTransferItems,
-  getPickerListboxAria,
-  getPickerOptionAria,
-  classNames,
-  icon20ViewBox,
-  chevronLeftSolidIcon20PathD,
-  chevronRightSolidIcon20PathD
-} from "@expcat/tigercat-core";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TRANSFER_KEYS = /* @__PURE__ */ new Set([
-  "value",
-  "targetKeys",
-  "dataSource",
-  "size",
-  "disabled",
-  "searchable",
-  "searchValue",
-  "defaultSearchValue",
-  "sourceTitle",
-  "targetTitle",
-  "emptyText",
-  "filterOption",
-  "onChange",
-  "onSearchChange"
-]);
-var EMPTY_TRANSFER_VALUE = [];
-var Transfer = (props) => {
-  const {
-    value,
-    targetKeys,
-    dataSource = [],
-    size = "md",
-    disabled = false,
-    searchable = false,
-    searchValue,
-    defaultSearchValue,
-    sourceTitle,
-    targetTitle,
-    emptyText,
-    filterOption,
-    className,
-    onChange,
-    onSearchChange,
-    locale,
-    labels: labelsOverride,
-    ...rest
-  } = props;
-  const resolvedValue = value ?? targetKeys ?? EMPTY_TRANSFER_VALUE;
-  const config = useTigerConfig();
-  const mergedLocale = useMemo(
-    () => mergeTigerLocale(config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = useMemo(
-    () => getTransferLabels(mergedLocale, {
-      ...labelsOverride,
-      sourceTitle,
-      targetTitle
-    }),
-    [mergedLocale, labelsOverride, sourceTitle, targetTitle]
-  );
-  const divProps = {};
-  for (const key of Object.keys(rest)) {
-    if (!TRANSFER_KEYS.has(key)) {
-      divProps[key] = rest[key];
-    }
-  }
-  const [sourceSelectedKeys, setSourceSelectedKeys] = useState(/* @__PURE__ */ new Set());
-  const [targetSelectedKeys, setTargetSelectedKeys] = useState(/* @__PURE__ */ new Set());
-  const [uncontrolledSearchValue, setUncontrolledSearchValue] = useState(
-    defaultSearchValue ?? {}
-  );
-  const resolvedSearchValue = searchValue ?? uncontrolledSearchValue;
-  const sourceSearch = resolvedSearchValue.source ?? "";
-  const targetSearch = resolvedSearchValue.target ?? "";
-  function updateSearchValue(panel, value2) {
-    const next = { ...resolvedSearchValue, [panel]: value2 };
-    if (searchValue === void 0) {
-      setUncontrolledSearchValue(next);
-    }
-    onSearchChange?.(next);
-  }
-  const { sourceItems, targetItems } = useMemo(
-    () => splitTransferData(dataSource, resolvedValue),
-    [dataSource, resolvedValue]
-  );
-  const filteredSourceItems = useMemo(
-    () => filterTransferItems(sourceItems, sourceSearch, filterOption),
-    [sourceItems, sourceSearch, filterOption]
-  );
-  const filteredTargetItems = useMemo(
-    () => filterTransferItems(targetItems, targetSearch, filterOption),
-    [targetItems, targetSearch, filterOption]
-  );
-  const canMoveRight = !disabled && [...sourceSelectedKeys].some((key) => {
-    const item = dataSource.find((d) => d.key === key);
-    return item && !item.disabled;
-  });
-  const canMoveLeft = !disabled && [...targetSelectedKeys].some((key) => {
-    const item = dataSource.find((d) => d.key === key);
-    return item && !item.disabled;
-  });
-  function toggleSourceItem(key) {
-    setSourceSelectedKeys((prev) => {
-      const next = new Set(prev);
-      if (next.has(key)) next.delete(key);
-      else next.add(key);
-      return next;
-    });
-  }
-  function toggleTargetItem(key) {
-    setTargetSelectedKeys((prev) => {
-      const next = new Set(prev);
-      if (next.has(key)) next.delete(key);
-      else next.add(key);
-      return next;
-    });
-  }
-  function moveRight() {
-    if (!canMoveRight) return;
-    const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
-      "right",
-      resolvedValue,
-      sourceSelectedKeys,
-      dataSource
-    );
-    setSourceSelectedKeys(/* @__PURE__ */ new Set());
-    onChange?.(newTargetKeys, "right", movedKeys);
-  }
-  function moveLeft() {
-    if (!canMoveLeft) return;
-    const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
-      "left",
-      resolvedValue,
-      targetSelectedKeys,
-      dataSource
-    );
-    setTargetSelectedKeys(/* @__PURE__ */ new Set());
-    onChange?.(newTargetKeys, "left", movedKeys);
-  }
-  function renderPanel(title, items, selectedKeys, toggleFn, searchValue2, onSearchInput) {
-    return /* @__PURE__ */ jsxs("div", { className: transferPanelClasses, role: "group", "aria-label": title, children: [
-      /* @__PURE__ */ jsx("div", { className: transferPanelHeaderClasses, children: /* @__PURE__ */ jsxs("span", { className: "font-medium text-[var(--tiger-transfer-title,var(--tiger-text,#111827))]", children: [
-        title,
-        " (",
-        items.length,
-        ")"
-      ] }) }),
-      searchable && /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          className: transferSearchClasses,
-          placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
-          value: searchValue2,
-          "aria-label": labels.searchAriaLabel.replace("{title}", title),
-          onChange: (e) => onSearchInput(e.target.value)
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: transferPanelBodyClasses,
-          ...getPickerListboxAria({ label: labels.itemsAriaLabel.replace("{title}", title) }),
-          children: items.length > 0 ? items.map((item) => {
-            const isSelected = selectedKeys.has(item.key);
-            const isDisabled = disabled || !!item.disabled;
-            return /* @__PURE__ */ jsxs(
-              "label",
-              {
-                className: getTransferItemClasses(isSelected, isDisabled, size),
-                ...getPickerOptionAria({ selected: isSelected, disabled: isDisabled }),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "checkbox",
-                      className: getTransferCheckboxClasses(size),
-                      checked: isSelected,
-                      disabled: isDisabled,
-                      onChange: () => {
-                        if (!isDisabled) toggleFn(item.key);
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label })
-                ]
-              },
-              String(item.key)
-            );
-          }) : /* @__PURE__ */ jsx("div", { className: transferEmptyClasses, children: resolveLocaleText("No data", emptyText, mergedLocale?.common?.emptyText) })
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: classNames(transferBaseClasses, className), ...divProps, children: [
-    renderPanel(
-      labels.sourceTitle,
-      filteredSourceItems,
-      sourceSelectedKeys,
-      toggleSourceItem,
-      sourceSearch,
-      (value2) => updateSearchValue("source", value2)
-    ),
-    /* @__PURE__ */ jsxs("div", { className: transferOperationClasses, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: getTransferButtonClasses(!canMoveRight),
-          disabled: !canMoveRight,
-          "aria-label": labels.moveToTargetAriaLabel,
-          onClick: moveRight,
-          children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "w-4 h-4",
-              viewBox: icon20ViewBox,
-              fill: "currentColor",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx("path", { d: chevronRightSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: getTransferButtonClasses(!canMoveLeft),
-          disabled: !canMoveLeft,
-          "aria-label": labels.moveToSourceAriaLabel,
-          onClick: moveLeft,
-          children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "w-4 h-4",
-              viewBox: icon20ViewBox,
-              fill: "currentColor",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ jsx("path", { d: chevronLeftSolidIcon20PathD, fillRule: "evenodd", clipRule: "evenodd" })
-            }
-          )
-        }
-      )
-    ] }),
-    renderPanel(
-      labels.targetTitle,
-      filteredTargetItems,
-      targetSelectedKeys,
-      toggleTargetItem,
-      targetSearch,
-      (value2) => updateSearchValue("target", value2)
-    )
-  ] });
-};
-
-export {
-  Transfer
-};

package/dist/chunk-UYQBXVFE.mjs

@@ -1,72 +0,0 @@
-import {
-  useTigerConfig
-} from "./chunk-YSIXURBW.mjs";
-
-// src/components/Badge.tsx
-import React, { useMemo } from "react";
-import {
-  classNames,
-  getBadgeVariantClasses,
-  badgeBaseClasses,
-  badgeSizeClasses,
-  dotSizeClasses,
-  badgeTypeClasses,
-  badgeWrapperClasses,
-  badgePositionClasses,
-  formatBadgeContent,
-  shouldHideBadge,
-  getStatusLabels,
-  mergeTigerLocale
-} from "@expcat/tigercat-core";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Badge = React.memo(
-  ({
-    locale,
-    variant = "danger",
-    size = "md",
-    type = "number",
-    content,
-    max = 99,
-    showZero = false,
-    position = "top-right",
-    standalone = true,
-    className,
-    children,
-    ["aria-label"]: ariaLabelProp,
-    ...props
-  }) => {
-    const config = useTigerConfig();
-    const labels = useMemo(
-      () => getStatusLabels(mergeTigerLocale(config.locale, locale)),
-      [config.locale, locale]
-    );
-    const isDot = type === "dot";
-    const isHidden = shouldHideBadge(content, type, showZero);
-    const displayContent = formatBadgeContent(content, max, showZero);
-    const badgeClasses = classNames(
-      badgeBaseClasses,
-      getBadgeVariantClasses(variant),
-      isDot ? dotSizeClasses[size] : badgeSizeClasses[size],
-      badgeTypeClasses[type],
-      !standalone && badgePositionClasses[position],
-      className
-    );
-    const computedAriaLabel = ariaLabelProp ?? (isDot ? labels.badgeLabel : type === "number" ? labels.badgeCountLabel.replace("{count}", String(displayContent)) : `${displayContent ?? ""}`);
-    if (isHidden) {
-      return standalone ? null : /* @__PURE__ */ jsx(Fragment, { children });
-    }
-    const badgeElement = /* @__PURE__ */ jsx("span", { ...props, className: badgeClasses, role: "status", "aria-label": computedAriaLabel, children: !isDot && displayContent });
-    if (standalone) {
-      return badgeElement;
-    }
-    return /* @__PURE__ */ jsxs("span", { className: badgeWrapperClasses, children: [
-      children,
-      badgeElement
-    ] });
-  }
-);
-Badge.displayName = "Badge";
-
-export {
-  Badge
-};