@mamrp/components 1.7.70 → 1.7.71

package/dist/index.js

@@ -1051,16 +1051,40 @@ function DraggablePaper({
   ...props
 }) {
   const nodeRef = (0, import_react8.useRef)(null);
+  const [position, setPosition] = (0, import_react8.useState)({ x: 0, y: 0 });
+  const [dragging, setDragging] = (0, import_react8.useState)(false);
+  const handleDrag = (_, data) => {
+    setPosition({ x: data.x, y: data.y });
+  };
+  const handleStart = () => {
+    setDragging(true);
+  };
+  const handleStop = () => {
+    setDragging(false);
+    setPosition({ x: 0, y: 0 });
+  };
   return /* @__PURE__ */ React.createElement(
     import_react_draggable.default,
     {
       nodeRef,
       handle,
       cancel,
-      bounds: "parent",
-      defaultPosition: { x: 0, y: 0 }
+      position,
+      onStart: handleStart,
+      onDrag: handleDrag,
+      onStop: handleStop
     },
-    /* @__PURE__ */ React.createElement(import_material10.Paper, { ref: nodeRef, ...props })
+    /* @__PURE__ */ React.createElement(
+      import_material10.Paper,
+      {
+        ref: nodeRef,
+        ...props,
+        sx: {
+          transition: dragging ? "none" : "transform 250ms cubic-bezier(0.4, 0, 0.2, 1)",
+          ...props.sx
+        }
+      }
+    )
   );
 }