reacthub-pixitweenjs 0.2.20 → 0.2.21

package/dist/index.es.js

@@ -10457,79 +10457,77 @@ const jn = {}, Yy = Rt.IDENTITY, Ky = {
 }), Sa = ({
   pixiTransformerRef: e,
   imageRef: t,
-  isMounted: r,
-  transformCommit: n,
-  transformChange: i,
-  mouseoverEvent: s,
-  onDoubleClick: a,
-  uniqueId: o = ""
+  transformCommit: r,
+  transformChange: n,
+  mouseoverEvent: i,
+  onDoubleClick: s,
+  uniqueId: a = ""
 }) => {
   console.log("transformer props", {
     pixiTransformerRef: e,
     imageRef: t,
-    isMounted: r,
-    transformCommit: n,
-    transformChange: i,
-    mouseoverEvent: s,
-    onDoubleClick: a,
-    uniqueId: o
+    transformCommit: r,
+    transformChange: n,
+    mouseoverEvent: i,
+    onDoubleClick: s,
+    uniqueId: a
   });
-  const l = de.utils.string2hex("#F3C409"), h = de.utils.string2hex("#F3C409"), c = ot.useRef({
+  const o = de.utils.string2hex("#F3C409"), l = de.utils.string2hex("#F3C409"), h = ot.useRef({
     isDragging: !1
-  }), f = ot.useCallback(() => {
-    s && !c.current.isDragging && s(!0);
-  }, [s]), u = ot.useCallback(() => {
-    s && !c.current.isDragging && s(!1);
-  }, [s]), d = ot.useCallback(() => {
-    c.current.isDragging = !0;
-  }, []), p = ot.useCallback(() => {
-    c.current.isDragging = !1;
-  }, []), m = ot.useCallback(
-    (y) => {
-      c.current.isDragging = !0, i && i(y);
+  }), c = ot.useCallback(() => {
+    i && !h.current.isDragging && i(!0);
+  }, [i]), f = ot.useCallback(() => {
+    i && !h.current.isDragging && i(!1);
+  }, [i]), u = ot.useCallback(() => {
+    h.current.isDragging = !0;
+  }, []), d = ot.useCallback(() => {
+    h.current.isDragging = !1;
+  }, []), p = ot.useCallback(
+    (g) => {
+      h.current.isDragging = !0, n && n(g);
     },
-    [i]
-  ), g = ot.useCallback(() => {
+    [n]
+  ), m = ot.useCallback(() => {
     if (t.current === null)
       return;
-    const y = t.current.x, b = t.current.y, _ = t.current.width, v = t.current.height, x = t.current.rotation, S = [
+    const g = t.current.x, y = t.current.y, b = t.current.width, _ = t.current.height, v = t.current.rotation, x = [
       t.current.scale.x,
       t.current.scale.y
     ];
-    n && n({
-      uniqueId: o,
+    r && r({
+      uniqueId: a,
       transformation: {
-        x: Math.round(y),
-        y: Math.round(b),
-        width: Math.round(Math.max(5, _)),
-        height: Math.round(Math.max(5, v)),
-        rotate: Math.round(x),
-        scale: S
+        x: Math.round(g),
+        y: Math.round(y),
+        width: Math.round(Math.max(5, b)),
+        height: Math.round(Math.max(5, _)),
+        rotate: Math.round(v),
+        scale: x
       }
-    }), c.current.isDragging = !1;
-  }, [n]);
-  return ot.useEffect(() => (e.current && (e.current.on("mouseover", f), e.current.on("mouseout", u), e.current.on("mousedown", d), e.current.on("mouseup", p)), () => {
-    e.current && (e.current.off("mouseover", f), e.current.off("mouseout", u), e.current.off("mousedown", d), e.current.off("mouseup", p));
+    }), h.current.isDragging = !1;
+  }, [r]);
+  return ot.useEffect(() => (e.current && (e.current.on("mouseover", c), e.current.on("mouseout", f), e.current.on("mousedown", u), e.current.on("mouseup", d)), () => {
+    e.current && (e.current.off("mouseover", c), e.current.off("mouseout", f), e.current.off("mousedown", u), e.current.off("mouseup", d));
   }), []), /* @__PURE__ */ ft.jsx(
     Zy,
     {
       ref: e,
-      group: r ? [t.current] : [],
+      group: [t.current],
       rotateEnabled: !0,
       boxRotationEnabled: !0,
       centeredScaling: !0,
       boxScalingEnabled: !0,
-      wireframeStyle: { thickness: 1, color: h },
+      wireframeStyle: { thickness: 1, color: l },
       lockAspectRatio: !0,
       scaleEnabled: !0,
       handleStyle: {
         // color: colorYellow,
-        outlineColor: l,
+        outlineColor: o,
         shape: "circle",
         radius: 9
       },
-      transformchange: m,
-      transformcommit: g
+      transformchange: p,
+      transformcommit: m
     }
   );
 };
@@ -10995,12 +10993,11 @@ const ee = /* @__PURE__ */ Mr(Kg), Zg = [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1,
         ]
       }
     ),
-    x && /* @__PURE__ */ ft.jsx(
+    x && t && /* @__PURE__ */ ft.jsx(
       Sa,
       {
         pixiTransformerRef: l,
         imageRef: s,
-        isMounted: t,
         transformCommit: R,
         transformChange: O,
         mouseoverEvent: i,
@@ -14158,12 +14155,11 @@ const kT = (e) => ({
           ] })
         }
       ),
-      tt && /* @__PURE__ */ ft.jsx(
+      tt && w && /* @__PURE__ */ ft.jsx(
         Sa,
         {
           pixiTransformerRef: b,
           imageRef: m,
-          isMounted: w,
           transformCommit: J,
           transformChange: Gt,
           mouseoverEvent: c,
@@ -21960,12 +21956,11 @@ const oA = (e) => {
         )
       }
     ),
-    q && /* @__PURE__ */ ft.jsx(
+    q && t && /* @__PURE__ */ ft.jsx(
       Sa,
       {
         pixiTransformerRef: d,
         imageRef: c,
-        isMounted: t,
         transformCommit: V,
         transformChange: St,
         mouseoverEvent: n,