@unlev/exeq 0.3.0 → 0.3.1

package/dist/index.mjs

@@ -165,6 +165,7 @@ function PdfViewer({
   onPageClick,
   onDropField,
   onGroupMove,
+  onMoveStart,
   onMoveEnd,
   mode,
   currentSigner,
@@ -274,6 +275,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,
@@ -363,6 +365,7 @@ function FieldOverlayItem({
   onMove,
   onResize,
   onGroupMove,
+  onMoveStart,
   onMoveEnd,
   otherFields,
   setGuides,
@@ -392,6 +395,7 @@ function FieldOverlayItem({
       onSelect(e);
     }
     if (field.locked) return;
+    onMoveStart?.();
     const pageEl = overlayRef.current?.closest(".pdf-page");
     if (!pageEl) return;
     didDragRef.current = false;
@@ -440,11 +444,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 = 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 = {
@@ -470,7 +475,7 @@ function FieldOverlayItem({
     };
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("mouseup", handleMouseUp);
-  }, [field, mode, onResize, onMoveEnd]);
+  }, [field, mode, onResize, onMoveStart, onMoveEnd]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1031,13 +1036,13 @@ function useHistory(initialState, maxHistory = 50) {
     present: initialState,
     future: []
   });
-  const skipRef = useRef3(false);
+  const batchRef = useRef3(false);
+  const batchStartRef = useRef3(null);
   const set = useCallback3((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 {
@@ -1048,15 +1053,31 @@ function useHistory(initialState, maxHistory = 50) {
     });
   }, [maxHistory]);
   const setWithoutHistory = useCallback3((updater) => {
-    skipRef.current = true;
-    set(updater);
-  }, [set]);
-  const snapshot = useCallback3(() => {
-    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 = useCallback3(() => {
+    batchRef.current = true;
+    setState((prev) => {
+      batchStartRef.current = prev.present;
+      return prev;
+    });
+  }, []);
+  const commitBatch = useCallback3(() => {
+    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 = useCallback3(() => {
     setState((prev) => {
@@ -1084,7 +1105,8 @@ function useHistory(initialState, maxHistory = 50) {
     state: state.present,
     set,
     setWithoutHistory,
-    snapshot,
+    beginBatch,
+    commitBatch,
     undo,
     redo,
     canUndo: state.past.length > 0,
@@ -1123,7 +1145,7 @@ function DesignerView({
     ] }) });
   }
   const [pages, setPages] = useState5([]);
-  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] = useState5(/* @__PURE__ */ new Set());
   const [signerRoles, setSignerRoles] = useState5(initialTemplate?.signerRoles ?? [...DEFAULT_SIGNER_ROLES]);
   const [activeRole, setActiveRole] = useState5("Sender");
@@ -1708,7 +1730,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)),