@expcat/tigercat-react 1.5.0 → 2.0.0-preview.1

package/dist/chunk-MOYZF62V.js

@@ -1,303 +0,0 @@
-"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/ImageViewer.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-function SvgIcon({ pathD, label }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "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__ */ _jsxruntime.jsx.call(void 0, "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 = _chunkTDODFBBOjs.useTigerConfig.call(void 0, );
-  const mergedLocale = _react.useMemo.call(void 0, 
-    () => _tigercatcore.mergeTigerLocale.call(void 0, config.locale, locale),
-    [config.locale, locale]
-  );
-  const labels = _react.useMemo.call(void 0, () => _tigercatcore.getImageViewerLabels.call(void 0, mergedLocale), [mergedLocale]);
-  const [index, setIndex] = _react.useState.call(void 0, currentIndex);
-  const [transform, setTransform] = _react.useState.call(void 0, _tigercatcore.createDefaultTransform);
-  const panRef = _react.useRef.call(void 0, _tigercatcore.createPanState.call(void 0, ));
-  const pinchRef = _react.useRef.call(void 0, _tigercatcore.createPinchState.call(void 0, ));
-  _react.useEffect.call(void 0, () => {
-    setIndex(currentIndex);
-  }, [currentIndex]);
-  const resetTransform = _react.useCallback.call(void 0, () => {
-    setTransform(_tigercatcore.createDefaultTransform.call(void 0, ));
-    panRef.current = _tigercatcore.createPanState.call(void 0, );
-    pinchRef.current = _tigercatcore.createPinchState.call(void 0, );
-  }, []);
-  const handleClose = _react.useCallback.call(void 0, () => {
-    _optionalChain([onOpenChange, 'optionalCall', _ => _(false)]);
-    _optionalChain([onClose, 'optionalCall', _2 => _2()]);
-  }, [onOpenChange, onClose]);
-  const handlePrev = _react.useCallback.call(void 0, () => {
-    const newIndex = (index - 1 + images.length) % images.length;
-    setIndex(newIndex);
-    resetTransform();
-    _optionalChain([onCurrentIndexChange, 'optionalCall', _3 => _3(newIndex)]);
-  }, [index, images.length, onCurrentIndexChange, resetTransform]);
-  const handleNext = _react.useCallback.call(void 0, () => {
-    const newIndex = (index + 1) % images.length;
-    setIndex(newIndex);
-    resetTransform();
-    _optionalChain([onCurrentIndexChange, 'optionalCall', _4 => _4(newIndex)]);
-  }, [index, images.length, onCurrentIndexChange, resetTransform]);
-  _react.useEffect.call(void 0, () => {
-    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 = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerBackdropClasses, className),
-    [className]
-  );
-  if (!open || images.length === 0) return null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.imageViewerCounterClasses, children: [
-          index + 1,
-          " / ",
-          images.length
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            className: _tigercatcore.imageViewerCloseBtnClasses,
-            onClick: handleClose,
-            "aria-label": labels.closeAriaLabel,
-            type: "button",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.close, label: labels.closeAriaLabel })
-          }
-        ),
-        showNav && images.length > 1 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "left-4"),
-              onClick: handlePrev,
-              "aria-label": labels.previousImageAriaLabel,
-              type: "button",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.prev, label: labels.previousImageAriaLabel })
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              className: _tigercatcore.classNames.call(void 0, _tigercatcore.imageViewerNavBtnClasses, "right-4"),
-              onClick: handleNext,
-              "aria-label": labels.nextImageAriaLabel,
-              type: "button",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.next, label: labels.nextImageAriaLabel })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "img",
-          {
-            className: _tigercatcore.imageViewerImgClasses,
-            src: images[index],
-            alt: `Image ${index + 1}`,
-            style: { transform: _tigercatcore.getImageTransformStyle.call(void 0, transform), touchAction: "none" },
-            draggable: false,
-            onWheel: (e) => {
-              if (!zoomable) return;
-              e.preventDefault();
-              const newScale = _tigercatcore.applyWheelZoom.call(void 0, transform.scale, e.deltaY, { minZoom, maxZoom });
-              setTransform((t) => ({ ...t, scale: newScale }));
-            },
-            onMouseDown: (e) => {
-              if (e.button !== 0) return;
-              e.preventDefault();
-              panRef.current = _tigercatcore.startPan.call(void 0, 
-                e.clientX,
-                e.clientY,
-                transform.translateX,
-                transform.translateY
-              );
-            },
-            onMouseMove: (e) => {
-              if (!panRef.current.isPanning) return;
-              const result = _tigercatcore.movePan.call(void 0, panRef.current, e.clientX, e.clientY);
-              setTransform((t) => ({ ...t, ...result }));
-            },
-            onMouseUp: () => {
-              panRef.current = _tigercatcore.createPanState.call(void 0, );
-            },
-            onMouseLeave: () => {
-              panRef.current = _tigercatcore.createPanState.call(void 0, );
-            },
-            onTouchStart: (e) => {
-              if (e.touches.length === 2 && zoomable) {
-                e.preventDefault();
-                pinchRef.current = _tigercatcore.startPinch.call(void 0, e.touches[0], e.touches[1], transform.scale);
-              } else if (e.touches.length === 1) {
-                panRef.current = _tigercatcore.startPan.call(void 0, 
-                  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 = _tigercatcore.movePinch.call(void 0, 
-                  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 = _tigercatcore.movePan.call(void 0, panRef.current, e.touches[0].clientX, e.touches[0].clientY);
-                setTransform((t) => ({ ...t, ...result }));
-              }
-            },
-            onTouchEnd: () => {
-              pinchRef.current = _tigercatcore.createPinchState.call(void 0, );
-              panRef.current = _tigercatcore.createPanState.call(void 0, );
-            },
-            onTouchCancel: () => {
-              pinchRef.current = _tigercatcore.createPinchState.call(void 0, );
-              panRef.current = _tigercatcore.createPanState.call(void 0, );
-            }
-          }
-        ),
-        (zoomable || rotatable) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.imageViewerToolbarClasses, children: [
-          zoomable && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                className: _tigercatcore.imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({
-                  ...t,
-                  scale: _tigercatcore.clampZoom.call(void 0, t.scale - 0.25, minZoom, maxZoom)
-                })),
-                "aria-label": labels.zoomOutAriaLabel,
-                type: "button",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.zoomOut, label: labels.zoomOutAriaLabel })
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                className: _tigercatcore.imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({
-                  ...t,
-                  scale: _tigercatcore.clampZoom.call(void 0, t.scale + 0.25, minZoom, maxZoom)
-                })),
-                "aria-label": labels.zoomInAriaLabel,
-                type: "button",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.zoomIn, label: labels.zoomInAriaLabel })
-              }
-            )
-          ] }),
-          rotatable && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                className: _tigercatcore.imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({ ...t, rotation: _tigercatcore.normalizeRotation.call(void 0, t.rotation - 90) })),
-                "aria-label": labels.rotateLeftAriaLabel,
-                type: "button",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.rotateLeft, label: labels.rotateLeftAriaLabel })
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                className: _tigercatcore.imageViewerToolbarBtnClasses,
-                onClick: () => setTransform((t) => ({ ...t, rotation: _tigercatcore.normalizeRotation.call(void 0, t.rotation + 90) })),
-                "aria-label": labels.rotateRightAriaLabel,
-                type: "button",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { pathD: _tigercatcore.imageViewerIcons.rotateRight, label: labels.rotateRightAriaLabel })
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-
-
-
-exports.ImageViewer = ImageViewer;

package/dist/chunk-MQIVMK24.js

@@ -1,226 +0,0 @@
-"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 _chunk2PV3F47Tjs = require('./chunk-2PV3F47T.js');
-
-
-var _chunkI6VHGILWjs = require('./chunk-I6VHGILW.js');
-
-
-var _chunkJIFSUUGAjs = require('./chunk-JIFSUUGA.js');
-
-
-var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
-
-// src/components/Image.tsx
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-var _tigercatcore = require('@expcat/tigercat-core');
-var _jsxruntime = require('react/jsx-runtime');
-var SvgIcon = ({ d, className = "w-8 h-8" }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "svg",
-  {
-    className,
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor",
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d })
-  }
-);
-var Image = ({
-  src,
-  alt = "",
-  width,
-  height,
-  fit = "cover",
-  fallbackSrc,
-  preview = true,
-  previewTrigger = "click",
-  lazy = false,
-  className,
-  errorRender,
-  placeholderRender,
-  onPreviewOpenChange,
-  onClick,
-  onKeyDown,
-  style,
-  ...props
-}) => {
-  const [loading, setLoading] = _react.useState.call(void 0, true);
-  const [error, setError] = _react.useState.call(void 0, false);
-  const [actualSrc, setActualSrc] = _react.useState.call(void 0, lazy ? "" : src);
-  const [previewVisible, setPreviewVisible] = _react.useState.call(void 0, false);
-  const containerRef = _react.useRef.call(void 0, null);
-  const group = _react.useContext.call(void 0, _chunk2PV3F47Tjs.ImageGroupContext);
-  const registeredIndexRef = _react.useRef.call(void 0, -1);
-  const hoverPreviewEnabled = preview && previewTrigger === "hover" && !group;
-  const clickPreviewEnabled = preview && previewTrigger !== "hover";
-  const {
-    currentVisible: hoverVisible,
-    triggerRef: hoverTriggerRef,
-    floatingRef: hoverFloatingRef,
-    floatingStyles: hoverFloatingStyles,
-    triggerHandlers: hoverTriggerHandlers
-  } = _chunkJIFSUUGAjs.usePopup.call(void 0, {
-    trigger: "hover",
-    placement: "right",
-    offset: 12,
-    disabled: !hoverPreviewEnabled
-  });
-  const setRootRef = _react.useCallback.call(void 0, 
-    (el) => {
-      containerRef.current = el;
-      hoverTriggerRef.current = el;
-    },
-    [hoverTriggerRef]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (group && src) {
-      registeredIndexRef.current = group.register(src);
-      return () => {
-        group.unregister(src);
-      };
-    }
-  }, [group, src]);
-  _react.useEffect.call(void 0, () => {
-    if (!lazy || !containerRef.current) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (_optionalChain([entries, 'access', _ => _[0], 'optionalAccess', _2 => _2.isIntersecting])) {
-          setActualSrc(src);
-          observer.disconnect();
-        }
-      },
-      { threshold: 0.01 }
-    );
-    observer.observe(containerRef.current);
-    return () => observer.disconnect();
-  }, [lazy, src]);
-  _react.useEffect.call(void 0, () => {
-    if (!lazy) {
-      setActualSrc(src);
-      setError(false);
-      setLoading(true);
-    }
-  }, [src, lazy]);
-  const handleLoad = _react.useCallback.call(void 0, () => {
-    setLoading(false);
-    setError(false);
-  }, []);
-  const handleError = _react.useCallback.call(void 0, () => {
-    setLoading(false);
-    setError(true);
-    if (fallbackSrc && actualSrc !== fallbackSrc) {
-      setActualSrc(fallbackSrc);
-      setError(false);
-      setLoading(true);
-    }
-  }, [fallbackSrc, actualSrc]);
-  const handleClick = _react.useCallback.call(void 0, 
-    (e) => {
-      _optionalChain([onClick, 'optionalCall', _3 => _3(e)]);
-      if (!clickPreviewEnabled) return;
-      if (group) {
-        group.openPreview(registeredIndexRef.current >= 0 ? registeredIndexRef.current : 0);
-      } else {
-        setPreviewVisible(true);
-        _optionalChain([onPreviewOpenChange, 'optionalCall', _4 => _4(true)]);
-      }
-    },
-    [clickPreviewEnabled, group, onClick, onPreviewOpenChange]
-  );
-  const handleKeyDown = _react.useCallback.call(void 0, 
-    (e) => {
-      _optionalChain([onKeyDown, 'optionalCall', _5 => _5(e)]);
-      if (clickPreviewEnabled && (e.key === "Enter" || e.key === " ")) {
-        e.preventDefault();
-        handleClick(e);
-      }
-    },
-    [clickPreviewEnabled, handleClick, onKeyDown]
-  );
-  const containerClasses = _react.useMemo.call(void 0, 
-    () => _tigercatcore.classNames.call(void 0, _tigercatcore.imageBaseClasses, preview && _tigercatcore.imagePreviewCursorClass, className),
-    [preview, className]
-  );
-  const imgClasses = _react.useMemo.call(void 0, () => _tigercatcore.getImageImgClasses.call(void 0, fit), [fit]);
-  const containerStyle = _react.useMemo.call(void 0, () => {
-    const s = { ...style };
-    const w = _tigercatcore.toCSSSize.call(void 0, width);
-    const h = _tigercatcore.toCSSSize.call(void 0, height);
-    if (w) s.width = w;
-    if (h) s.height = h;
-    return s;
-  }, [width, height, style]);
-  let content;
-  if (error && !fallbackSrc) {
-    content = errorRender || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.imageErrorClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageErrorIconPath }) });
-  } else if (loading && !actualSrc) {
-    content = placeholderRender || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.imageLoadingClasses, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SvgIcon, { d: _tigercatcore.imageErrorIconPath }) });
-  } else {
-    content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "img",
-      {
-        src: actualSrc,
-        alt,
-        className: imgClasses,
-        onLoad: handleLoad,
-        onError: handleError
-      }
-    );
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ...props,
-        ref: setRootRef,
-        className: containerClasses,
-        style: containerStyle,
-        role: clickPreviewEnabled ? "button" : void 0,
-        tabIndex: clickPreviewEnabled ? 0 : void 0,
-        "aria-label": clickPreviewEnabled ? `Preview ${alt || "image"}` : void 0,
-        onClick: handleClick,
-        onKeyDown: handleKeyDown,
-        ...hoverPreviewEnabled ? hoverTriggerHandlers : {},
-        children: content
-      }
-    ),
-    !group && previewVisible && src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkI6VHGILWjs.ImagePreview,
-      {
-        open: previewVisible,
-        images: [src],
-        currentIndex: 0,
-        onOpenChange: (val) => {
-          setPreviewVisible(val);
-          _optionalChain([onPreviewOpenChange, 'optionalCall', _6 => _6(val)]);
-        }
-      }
-    ),
-    hoverPreviewEnabled && hoverVisible && src && _chunkSTTQ5LXXjs.renderBodyPortal.call(void 0, 
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          ref: hoverFloatingRef,
-          style: hoverFloatingStyles,
-          "aria-hidden": true,
-          className: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-1 shadow-lg",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src, alt: "", className: "block max-w-[16rem] max-h-[16rem] object-contain" })
-        }
-      )
-    )
-  ] });
-};
-
-
-
-exports.Image = Image;