@unlev/exeq 0.3.0 → 0.3.1

package/dist/index.d.mts

@@ -136,7 +136,9 @@ interface PdfViewerProps {
     onDropField?: (page: number, x: number, y: number, fieldType: FieldType) => void;
     /** Move multiple fields as a group. Called with dx/dy in percentage units. */
     onGroupMove?: (ids: string[], dx: number, dy: number) => void;
-    /** Called when a drag/resize operation ends (for undo history snapshots). */
+    /** Called when a drag/resize operation starts (for undo history batching). */
+    onMoveStart?: () => void;
+    /** Called when a drag/resize operation ends (for undo history commit). */
     onMoveEnd?: () => void;
     mode: 'designer' | 'signer';
     currentSigner?: string;
@@ -145,7 +147,7 @@ interface PdfViewerProps {
     /** Called with field IDs inside a drag-selection rectangle */
     onMarqueeSelect?: (ids: string[]) => void;
 }
-declare function PdfViewer({ pages, fields, selectedFieldIds, onSelectField, onFieldMove, onFieldResize, onPageClick, onDropField, onGroupMove, onMoveEnd, mode, currentSigner, renderFieldContent, zoom, onMarqueeSelect, }: PdfViewerProps): react_jsx_runtime.JSX.Element;
+declare function PdfViewer({ pages, fields, selectedFieldIds, onSelectField, onFieldMove, onFieldResize, onPageClick, onDropField, onGroupMove, onMoveStart, onMoveEnd, mode, currentSigner, renderFieldContent, zoom, onMarqueeSelect, }: PdfViewerProps): react_jsx_runtime.JSX.Element;
 
 interface SignatureCanvasProps {
     width?: number;

package/dist/index.d.ts

@@ -136,7 +136,9 @@ interface PdfViewerProps {
     onDropField?: (page: number, x: number, y: number, fieldType: FieldType) => void;
     /** Move multiple fields as a group. Called with dx/dy in percentage units. */
     onGroupMove?: (ids: string[], dx: number, dy: number) => void;
-    /** Called when a drag/resize operation ends (for undo history snapshots). */
+    /** Called when a drag/resize operation starts (for undo history batching). */
+    onMoveStart?: () => void;
+    /** Called when a drag/resize operation ends (for undo history commit). */
     onMoveEnd?: () => void;
     mode: 'designer' | 'signer';
     currentSigner?: string;
@@ -145,7 +147,7 @@ interface PdfViewerProps {
     /** Called with field IDs inside a drag-selection rectangle */
     onMarqueeSelect?: (ids: string[]) => void;
 }
-declare function PdfViewer({ pages, fields, selectedFieldIds, onSelectField, onFieldMove, onFieldResize, onPageClick, onDropField, onGroupMove, onMoveEnd, mode, currentSigner, renderFieldContent, zoom, onMarqueeSelect, }: PdfViewerProps): react_jsx_runtime.JSX.Element;
+declare function PdfViewer({ pages, fields, selectedFieldIds, onSelectField, onFieldMove, onFieldResize, onPageClick, onDropField, onGroupMove, onMoveStart, onMoveEnd, mode, currentSigner, renderFieldContent, zoom, onMarqueeSelect, }: PdfViewerProps): react_jsx_runtime.JSX.Element;
 
 interface SignatureCanvasProps {
     width?: number;

package/dist/index.js

@@ -222,6 +222,7 @@ function PdfViewer({
   onPageClick,
   onDropField,
   onGroupMove,
+  onMoveStart,
   onMoveEnd,
   mode,
   currentSigner,
@@ -331,6 +332,7 @@ function PdfViewer({
               onMove: onFieldMove,
               onResize: onFieldResize,
               onGroupMove: selectedFieldIds.size > 1 && selectedFieldIds.has(field.id) ? onGroupMove : void 0,
+              onMoveStart,
               onMoveEnd,
               otherFields: mode === "designer" ? pageFields.filter((f) => f.id !== field.id && !selectedFieldIds.has(f.id)) : void 0,
               setGuides: mode === "designer" ? setGuides : void 0,
@@ -420,6 +422,7 @@ function FieldOverlayItem({
   onMove,
   onResize,
   onGroupMove,
+  onMoveStart,
   onMoveEnd,
   otherFields,
   setGuides,
@@ -449,6 +452,7 @@ function FieldOverlayItem({
       onSelect(e);
     }
     if (field.locked) return;
+    onMoveStart?.();
     const pageEl = overlayRef.current?.closest(".pdf-page");
     if (!pageEl) return;
     didDragRef.current = false;
@@ -497,11 +501,12 @@ function FieldOverlayItem({
     };
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mouseup", handleMouseUp);
-  }, [field, mode, onMove, onSelect, isMultiSelected, onGroupMove, onMoveEnd, selectedIds, otherFields, setGuides, pageIndex]);
+  }, [field, mode, onMove, onSelect, isMultiSelected, onGroupMove, onMoveStart, onMoveEnd, selectedIds, otherFields, setGuides, pageIndex]);
   const handleResizeMouseDown = (0, import_react.useCallback)((e) => {
     if (mode !== "designer" || !onResize || field.locked) return;
     e.preventDefault();
     e.stopPropagation();
+    onMoveStart?.();
     const pageEl = overlayRef.current?.closest(".pdf-page");
     if (!pageEl) return;
     resizeStartRef.current = {
@@ -527,7 +532,7 @@ function FieldOverlayItem({
     };
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mouseup", handleMouseUp);
-  }, [field, mode, onResize, onMoveEnd]);
+  }, [field, mode, onResize, onMoveStart, onMoveEnd]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
@@ -1088,13 +1093,13 @@ function useHistory(initialState, maxHistory = 50) {
     present: initialState,
     future: []
   });
-  const skipRef = (0, import_react4.useRef)(false);
+  const batchRef = (0, import_react4.useRef)(false);
+  const batchStartRef = (0, import_react4.useRef)(null);
   const set = (0, import_react4.useCallback)((updater) => {
     setState((prev) => {
       const newPresent = typeof updater === "function" ? updater(prev.present) : updater;
       if (newPresent === prev.present) return prev;
-      if (skipRef.current) {
-        skipRef.current = false;
+      if (batchRef.current) {
         return { ...prev, present: newPresent };
       }
       return {
@@ -1105,15 +1110,31 @@ function useHistory(initialState, maxHistory = 50) {
     });
   }, [maxHistory]);
   const setWithoutHistory = (0, import_react4.useCallback)((updater) => {
-    skipRef.current = true;
-    set(updater);
-  }, [set]);
-  const snapshot = (0, import_react4.useCallback)(() => {
-    setState((prev) => ({
-      past: [...prev.past.slice(-maxHistory), prev.present],
-      present: prev.present,
-      future: []
-    }));
+    setState((prev) => {
+      const newPresent = typeof updater === "function" ? updater(prev.present) : updater;
+      if (newPresent === prev.present) return prev;
+      return { ...prev, present: newPresent };
+    });
+  }, []);
+  const beginBatch = (0, import_react4.useCallback)(() => {
+    batchRef.current = true;
+    setState((prev) => {
+      batchStartRef.current = prev.present;
+      return prev;
+    });
+  }, []);
+  const commitBatch = (0, import_react4.useCallback)(() => {
+    batchRef.current = false;
+    setState((prev) => {
+      const startState = batchStartRef.current;
+      batchStartRef.current = null;
+      if (!startState || startState === prev.present) return prev;
+      return {
+        past: [...prev.past.slice(-maxHistory), startState],
+        present: prev.present,
+        future: []
+      };
+    });
   }, [maxHistory]);
   const undo = (0, import_react4.useCallback)(() => {
     setState((prev) => {
@@ -1141,7 +1162,8 @@ function useHistory(initialState, maxHistory = 50) {
     state: state.present,
     set,
     setWithoutHistory,
-    snapshot,
+    beginBatch,
+    commitBatch,
     undo,
     redo,
     canUndo: state.past.length > 0,
@@ -1180,7 +1202,7 @@ function DesignerView({
     ] }) });
   }
   const [pages, setPages] = (0, import_react5.useState)([]);
-  const { state: fields, set: setFields, setWithoutHistory: setFieldsSilent, snapshot: snapshotFields, undo: undoFields, redo: redoFields, canUndo, canRedo } = useHistory(initialTemplate?.fields ?? []);
+  const { state: fields, set: setFields, setWithoutHistory: setFieldsSilent, beginBatch, commitBatch, undo: undoFields, redo: redoFields, canUndo, canRedo } = useHistory(initialTemplate?.fields ?? []);
   const [selectedFieldIds, setSelectedFieldIds] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
   const [signerRoles, setSignerRoles] = (0, import_react5.useState)(initialTemplate?.signerRoles ?? [...DEFAULT_SIGNER_ROLES]);
   const [activeRole, setActiveRole] = (0, import_react5.useState)("Sender");
@@ -1765,7 +1787,8 @@ function DesignerView({
                 onFieldMove: handleFieldMove,
                 onFieldResize: handleFieldResize,
                 onGroupMove: handleGroupMove,
-                onMoveEnd: snapshotFields,
+                onMoveStart: beginBatch,
+                onMoveEnd: commitBatch,
                 onPageClick: handlePageClick,
                 onDropField: handleDropOnPage,
                 onMarqueeSelect: (ids) => setSelectedFieldIds(new Set(ids)),