@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/{chunk-WNX4TH7U.mjs → chunk-6GYT3EZD.mjs}

@@ -1,9 +1,39 @@
-import { useEscapeKey } from './chunk-XTSG362L.mjs';
-import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import { getPreviewNavState, clampScale, normalizeRotation, calculateTransform, imagePreviewWrapperClasses, imagePreviewMaskClasses, imagePreviewImgClasses, imagePreviewCloseBtnClasses, previewCloseIconPath, classNames, prevIconPath, imagePreviewNavBtnClasses, nextIconPath, imagePreviewToolbarClasses, imagePreviewToolbarBtnClasses, zoomOutIconPath, resetIconPath, zoomInIconPath, imageViewerIcons, imagePreviewCounterClasses } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useEscapeKey
+} from "./chunk-SEWNVIHH.mjs";
 
+// src/components/ImagePreview.tsx
+import { useState, useRef, useEffect, useMemo, useCallback } from "react";
+import { createPortal } from "react-dom";
+import {
+  classNames,
+  imagePreviewMaskClasses,
+  imagePreviewWrapperClasses,
+  imagePreviewImgClasses,
+  imagePreviewToolbarClasses,
+  imagePreviewToolbarBtnClasses,
+  imagePreviewNavBtnClasses,
+  imagePreviewCloseBtnClasses,
+  imagePreviewCounterClasses,
+  zoomInIconPath,
+  zoomOutIconPath,
+  resetIconPath,
+  prevIconPath,
+  nextIconPath,
+  previewCloseIconPath,
+  imageViewerIcons,
+  clampScale,
+  calculateTransform,
+  getPreviewNavState,
+  normalizeRotation,
+  createPanState,
+  startPan,
+  movePan,
+  createPinchState,
+  startPinch,
+  movePinch
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var SvgIcon = ({ d, cls = "w-5 h-5" }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -28,7 +58,7 @@ var ImagePreview = ({
   onCurrentIndexChange,
   onScaleChange
 }) => {
-  const isOpen = open;
+  const isOpen = open ?? false;
   const [scale, setScale] = useState(1);
   const [rotation, setRotation] = useState(0);
   const [offsetX, setOffsetX] = useState(0);
@@ -36,11 +66,15 @@ var ImagePreview = ({
   const [index, setIndex] = useState(currentIndex);
   const draggingRef = useRef(false);
   const dragStartRef = useRef({ x: 0, y: 0, ox: 0, oy: 0 });
+  const panRef = useRef(createPanState());
+  const pinchRef = useRef(createPinchState());
   const resetTransform = useCallback(() => {
     setScale(1);
     setRotation(0);
     setOffsetX(0);
     setOffsetY(0);
+    panRef.current = createPanState();
+    pinchRef.current = createPinchState();
   }, []);
   useEffect(() => {
     setIndex(currentIndex);
@@ -141,6 +175,40 @@ var ImagePreview = ({
   const handleMouseUp = useCallback(() => {
     draggingRef.current = false;
   }, []);
+  const handleTouchStart = useCallback(
+    (e) => {
+      if (e.touches.length === 2) {
+        e.preventDefault();
+        pinchRef.current = startPinch(e.touches[0], e.touches[1], scale);
+        return;
+      }
+      if (e.touches.length === 1) {
+        panRef.current = startPan(e.touches[0].clientX, e.touches[0].clientY, offsetX, offsetY);
+      }
+    },
+    [offsetX, offsetY, scale]
+  );
+  const handleTouchMove = useCallback(
+    (e) => {
+      if (e.touches.length === 2 && pinchRef.current.isPinching) {
+        e.preventDefault();
+        const next = movePinch(pinchRef.current, e.touches[0], e.touches[1], minScale, maxScale);
+        setScale(next);
+        onScaleChange?.(next);
+        return;
+      }
+      if (e.touches.length === 1 && panRef.current.isPanning) {
+        const next = movePan(panRef.current, e.touches[0].clientX, e.touches[0].clientY);
+        setOffsetX(next.translateX);
+        setOffsetY(next.translateY);
+      }
+    },
+    [maxScale, minScale, onScaleChange]
+  );
+  const handleTouchEnd = useCallback(() => {
+    panRef.current = createPanState();
+    pinchRef.current = createPinchState();
+  }, []);
   const handleMaskClick = useCallback(
     (e) => {
       if (maskClosable && e.target === e.currentTarget) {
@@ -179,7 +247,11 @@ var ImagePreview = ({
               onMouseDown: handleMouseDown,
               onMouseMove: handleMouseMove,
               onMouseUp: handleMouseUp,
-              onMouseLeave: handleMouseUp
+              onMouseLeave: handleMouseUp,
+              onTouchStart: handleTouchStart,
+              onTouchMove: handleTouchMove,
+              onTouchEnd: handleTouchEnd,
+              onTouchCancel: handleTouchEnd
             }
           ),
           /* @__PURE__ */ jsx(
@@ -274,4 +346,6 @@ var ImagePreview = ({
   );
 };
 
-export { ImagePreview };
+export {
+  ImagePreview
+};

package/dist/{chunk-JFOSDCCG.js → chunk-6HELKWFN.js}

@@ -1,9 +1,15 @@
-'use strict';
+"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 chunkPGBKMW4Q_js = require('./chunk-PGBKMW4Q.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
 
+
+var _chunkSTTQ5LXXjs = require('./chunk-STTQ5LXX.js');
+
+// src/utils/use-popup.ts
+var _react = require('react');
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 function usePopup(options) {
   const {
     open,
@@ -16,65 +22,65 @@ function usePopup(options) {
     onOpenChange
   } = options;
   const isControlled = open !== void 0;
-  const [internalVisible, setInternalVisible] = react.useState(defaultOpen);
+  const [internalVisible, setInternalVisible] = _react.useState.call(void 0, defaultOpen);
   const currentVisible = isControlled ? open : internalVisible;
-  const containerRef = react.useRef(null);
-  const triggerRef = react.useRef(null);
-  const floatingRef = react.useRef(null);
+  const containerRef = _react.useRef.call(void 0, null);
+  const triggerRef = _react.useRef.call(void 0, null);
+  const floatingRef = _react.useRef.call(void 0, null);
   const {
     x,
     y,
     placement: actualPlacement
-  } = chunkPGBKMW4Q_js.useFloating({
+  } = _chunkSTTQ5LXXjs.useFloating.call(void 0, {
     referenceRef: triggerRef,
     floatingRef,
     enabled: currentVisible,
     placement,
     offset
   });
-  const setVisible = react.useCallback(
+  const setVisible = _react.useCallback.call(void 0, 
     (next) => {
       if (disabled && next) return;
       if (!isControlled) setInternalVisible(next);
-      onOpenChange?.(next);
+      _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
     },
     [disabled, isControlled, onOpenChange]
   );
-  const handleToggle = react.useCallback(() => {
+  const handleToggle = _react.useCallback.call(void 0, () => {
     if (!disabled) setVisible(!currentVisible);
   }, [disabled, currentVisible, setVisible]);
-  const handleShow = react.useCallback(() => {
+  const handleShow = _react.useCallback.call(void 0, () => {
     if (!disabled) setVisible(true);
   }, [disabled, setVisible]);
-  const handleHide = react.useCallback(() => {
+  const handleHide = _react.useCallback.call(void 0, () => {
     if (!disabled) setVisible(false);
   }, [disabled, setVisible]);
   const effectiveTrigger = multiTrigger ? trigger : "click";
-  chunkPGBKMW4Q_js.useClickOutside({
+  _chunkSTTQ5LXXjs.useClickOutside.call(void 0, {
     enabled: currentVisible && effectiveTrigger === "click",
     refs: [containerRef, floatingRef],
     onOutsideClick: () => setVisible(false),
     defer: true
   });
-  chunkPGBKMW4Q_js.useEscapeKey({
+  _chunkSTTQ5LXXjs.useEscapeKey.call(void 0, {
     enabled: currentVisible && effectiveTrigger !== "manual",
     onEscape: () => setVisible(false)
   });
-  const floatingStyles = react.useMemo(
+  const floatingStyles = _react.useMemo.call(void 0, 
     () => ({
       position: "absolute",
       left: x,
       top: y,
-      transformOrigin: tigercatCore.getTransformOrigin(actualPlacement),
+      transformOrigin: _tigercatcore.getTransformOrigin.call(void 0, actualPlacement),
       zIndex: 1e3
     }),
     [x, y, actualPlacement]
   );
-  const triggerHandlers = react.useMemo(() => {
+  const triggerHandlers = _react.useMemo.call(void 0, () => {
     if (!multiTrigger) {
       return { onClick: handleToggle };
     }
-    return tigercatCore.buildTriggerHandlerMap(
+    return _tigercatcore.buildTriggerHandlerMap.call(void 0, 
       effectiveTrigger,
       { toggle: handleToggle, show: handleShow, hide: handleHide },
       "react"
@@ -94,4 +100,6 @@ function usePopup(options) {
   };
 }
 
+
+
 exports.usePopup = usePopup;

package/dist/{chunk-A7DZX5X5.mjs → chunk-6KQYWZ6J.mjs}

@@ -1,9 +1,23 @@
-import { ImageGroupContext } from './chunk-TR4DGL3U.mjs';
-import { ImagePreview } from './chunk-WNX4TH7U.mjs';
-import { useState, useRef, useContext, useEffect, useCallback, useMemo } from 'react';
-import { classNames, imageBaseClasses, imagePreviewCursorClass, getImageImgClasses, toCSSSize, imageErrorClasses, imageErrorIconPath, imageLoadingClasses } from '@expcat/tigercat-core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import {
+  ImageGroupContext
+} from "./chunk-3QPCQH62.mjs";
+import {
+  ImagePreview
+} from "./chunk-6GYT3EZD.mjs";
 
+// src/components/Image.tsx
+import { useState, useRef, useEffect, useMemo, useContext, useCallback } from "react";
+import {
+  classNames,
+  imageBaseClasses,
+  getImageImgClasses,
+  imageErrorClasses,
+  imageLoadingClasses,
+  imagePreviewCursorClass,
+  imageErrorIconPath,
+  toCSSSize
+} from "@expcat/tigercat-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var SvgIcon = ({ d, className = "w-8 h-8" }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -28,7 +42,6 @@ var Image = ({
   errorRender,
   placeholderRender,
   onPreviewOpenChange,
-  onPreviewVisibleChange,
   onClick,
   onKeyDown,
   style,
@@ -92,10 +105,9 @@ var Image = ({
       } else {
         setPreviewVisible(true);
         onPreviewOpenChange?.(true);
-        onPreviewVisibleChange?.(true);
       }
     },
-    [preview, group, onClick, onPreviewOpenChange, onPreviewVisibleChange]
+    [preview, group, onClick, onPreviewOpenChange]
   );
   const handleKeyDown = useCallback(
     (e) => {
@@ -162,11 +174,12 @@ var Image = ({
         onOpenChange: (val) => {
           setPreviewVisible(val);
           onPreviewOpenChange?.(val);
-          onPreviewVisibleChange?.(val);
         }
       }
     )
   ] });
 };
 
-export { Image };
+export {
+  Image
+};

package/dist/chunk-6OOGL43U.mjs

@@ -1,12 +1,28 @@
-import { Textarea } from './chunk-7QZ4XT2P.mjs';
-import { Button } from './chunk-GKJNQUTW.mjs';
-import { Tag } from './chunk-TGKNEMD4.mjs';
-import { Text } from './chunk-HLS4CHWX.mjs';
-import { Avatar } from './chunk-FE7PEZTI.mjs';
-import { useState, useMemo } from 'react';
-import { buildCommentTree, clipCommentTreeDepth, classNames, formatCommentTime } from '@expcat/tigercat-core';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import {
+  Textarea
+} from "./chunk-7QZ4XT2P.mjs";
+import {
+  Button
+} from "./chunk-GKJNQUTW.mjs";
+import {
+  Tag
+} from "./chunk-TGKNEMD4.mjs";
+import {
+  Text
+} from "./chunk-HLS4CHWX.mjs";
+import {
+  Avatar
+} from "./chunk-FE7PEZTI.mjs";
 
+// src/components/CommentThread.tsx
+import { useMemo, useState } from "react";
+import {
+  classNames,
+  buildCommentTree,
+  clipCommentTreeDepth,
+  formatCommentTime
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var CommentThread = ({
   nodes,
   items,
@@ -259,4 +275,7 @@ var CommentThread = ({
 };
 var CommentThread_default = CommentThread;
 
-export { CommentThread, CommentThread_default };
+export {
+  CommentThread,
+  CommentThread_default
+};

package/dist/chunk-6QML6T3Y.mjs

@@ -1,7 +1,10 @@
-import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
-import { createChartPointerMoveScheduler, getChartElementOpacity, classNames } from '@expcat/tigercat-core';
-
 // src/hooks/useChartInteraction.ts
+import { useState, useMemo, useCallback, useEffect, useRef } from "react";
+import {
+  classNames,
+  createChartPointerMoveScheduler,
+  getChartElementOpacity
+} from "@expcat/tigercat-core";
 function useChartInteraction(options) {
   const {
     hoverable,
@@ -162,4 +165,6 @@ function useChartInteraction(options) {
   };
 }
 
-export { useChartInteraction };
+export {
+  useChartInteraction
+};

package/dist/chunk-6QQBMZQ6.mjs

@@ -1,8 +1,16 @@
-import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
-import { createDocumentDragSession, classNames, resizableBaseClasses, defaultResizeHandles, getResizableHandleClasses, calculateResizeDelta, applyAspectRatio, clampDimensions } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
 // src/components/Resizable.tsx
+import { useState, useRef, useEffect, useCallback, useMemo } from "react";
+import {
+  classNames,
+  resizableBaseClasses,
+  getResizableHandleClasses,
+  calculateResizeDelta,
+  clampDimensions,
+  applyAspectRatio,
+  defaultResizeHandles,
+  createDocumentDragSession
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Resizable = ({
   defaultWidth,
   defaultHeight,
@@ -135,4 +143,7 @@ var Resizable = ({
 };
 var Resizable_default = Resizable;
 
-export { Resizable, Resizable_default };
+export {
+  Resizable,
+  Resizable_default
+};