dp-widgets-framework 1.6.4 → 1.6.5

package/dist/index.esm.js

@@ -44684,9 +44684,11 @@ function WidgetDashboard({
       });
     }
   }, [isEditing, availableWidgets, widgets, pageId, findAvailablePosition]);
+  const [isUserInteracting, setIsUserInteracting] = useState(false);
   const handleLayoutChange = (layout, allLayouts) => {
     if (!isEditing) return;
     setCurrentLayouts(allLayouts);
+    if (!isUserInteracting) return;
     const updatedWidgets = widgets.map((widget) => {
       const layoutItem = layout.find((item) => item.i === widget.id);
       if (layoutItem) {
@@ -44701,6 +44703,46 @@ function WidgetDashboard({
     });
     setWidgets(updatedWidgets);
   };
+  const handleDragStart = () => {
+    setIsUserInteracting(true);
+  };
+  const handleDragStop = (layout) => {
+    if (!isEditing) return;
+    const updatedWidgets = widgets.map((widget) => {
+      const layoutItem = layout.find((item) => item.i === widget.id);
+      if (layoutItem) {
+        return __spreadProps$1(__spreadValues$1({}, widget), {
+          position_x: layoutItem.x,
+          position_y: layoutItem.y,
+          width: layoutItem.w,
+          height: layoutItem.h
+        });
+      }
+      return widget;
+    });
+    setWidgets(updatedWidgets);
+    setIsUserInteracting(false);
+  };
+  const handleResizeStart = () => {
+    setIsUserInteracting(true);
+  };
+  const handleResizeStop = (layout) => {
+    if (!isEditing) return;
+    const updatedWidgets = widgets.map((widget) => {
+      const layoutItem = layout.find((item) => item.i === widget.id);
+      if (layoutItem) {
+        return __spreadProps$1(__spreadValues$1({}, widget), {
+          position_x: layoutItem.x,
+          position_y: layoutItem.y,
+          width: layoutItem.w,
+          height: layoutItem.h
+        });
+      }
+      return widget;
+    });
+    setWidgets(updatedWidgets);
+    setIsUserInteracting(false);
+  };
   const getLayoutFromWidgets = () => {
     const processedIds = /* @__PURE__ */ new Set();
     return widgets.filter((widget) => {
@@ -44786,6 +44828,10 @@ function WidgetDashboard({
             isResizable: isEditing,
             draggableHandle: ".drag-icon",
             onLayoutChange: handleLayoutChange,
+            onDragStart: handleDragStart,
+            onDragStop: handleDragStop,
+            onResizeStart: handleResizeStart,
+            onResizeStop: handleResizeStop,
             compactType: "vertical",
             containerPadding: [0, 0],
             margin: [16, 16],

package/dist/index.js

@@ -44711,9 +44711,11 @@ function WidgetDashboard({
       });
     }
   }, [isEditing, availableWidgets, widgets, pageId, findAvailablePosition]);
+  const [isUserInteracting, setIsUserInteracting] = React.useState(false);
   const handleLayoutChange = (layout, allLayouts) => {
     if (!isEditing) return;
     setCurrentLayouts(allLayouts);
+    if (!isUserInteracting) return;
     const updatedWidgets = widgets.map((widget) => {
       const layoutItem = layout.find((item) => item.i === widget.id);
       if (layoutItem) {
@@ -44728,6 +44730,46 @@ function WidgetDashboard({
     });
     setWidgets(updatedWidgets);
   };
+  const handleDragStart = () => {
+    setIsUserInteracting(true);
+  };
+  const handleDragStop = (layout) => {
+    if (!isEditing) return;
+    const updatedWidgets = widgets.map((widget) => {
+      const layoutItem = layout.find((item) => item.i === widget.id);
+      if (layoutItem) {
+        return __spreadProps$1(__spreadValues$1({}, widget), {
+          position_x: layoutItem.x,
+          position_y: layoutItem.y,
+          width: layoutItem.w,
+          height: layoutItem.h
+        });
+      }
+      return widget;
+    });
+    setWidgets(updatedWidgets);
+    setIsUserInteracting(false);
+  };
+  const handleResizeStart = () => {
+    setIsUserInteracting(true);
+  };
+  const handleResizeStop = (layout) => {
+    if (!isEditing) return;
+    const updatedWidgets = widgets.map((widget) => {
+      const layoutItem = layout.find((item) => item.i === widget.id);
+      if (layoutItem) {
+        return __spreadProps$1(__spreadValues$1({}, widget), {
+          position_x: layoutItem.x,
+          position_y: layoutItem.y,
+          width: layoutItem.w,
+          height: layoutItem.h
+        });
+      }
+      return widget;
+    });
+    setWidgets(updatedWidgets);
+    setIsUserInteracting(false);
+  };
   const getLayoutFromWidgets = () => {
     const processedIds = /* @__PURE__ */ new Set();
     return widgets.filter((widget) => {
@@ -44813,6 +44855,10 @@ function WidgetDashboard({
             isResizable: isEditing,
             draggableHandle: ".drag-icon",
             onLayoutChange: handleLayoutChange,
+            onDragStart: handleDragStart,
+            onDragStop: handleDragStop,
+            onResizeStart: handleResizeStart,
+            onResizeStop: handleResizeStop,
             compactType: "vertical",
             containerPadding: [0, 0],
             margin: [16, 16],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dp-widgets-framework",
-  "version": "1.6.4",
+  "version": "1.6.5",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org"