@kne/react-pdf-sign 1.0.2 → 1.0.3

package/dist/index.modern.js

@@ -189,7 +189,6 @@ const LocationLayer = withLocale(p => {
   const [signatureImage] = useImage(signature);
   const groupRef = useRef();
   const signRef = useRef();
-  const targetRef = useRef();
   const transformerRef = useRef();
   const computedSignLocation = () => {
     const absolutePosition = signRef.current.absolutePosition();
@@ -201,8 +200,8 @@ const LocationLayer = withLocale(p => {
         x: Math.round(absolutePosition.x),
         y: Math.round(absolutePosition.y)
       },
-      scaleX: Number(transformerRef.current.attrs.scaleX.toFixed(2)),
-      scaleY: Number(transformerRef.current.attrs.scaleY.toFixed(2)),
+      scaleX: Number(groupRef.current.attrs.scaleX.toFixed(2)),
+      scaleY: Number(groupRef.current.attrs.scaleY.toFixed(2)),
       x: Math.round(groupRef.current.attrs.x),
       y: Math.round(groupRef.current.attrs.y)
     });
@@ -237,7 +236,7 @@ const LocationLayer = withLocale(p => {
   }, []);
   useEffect(() => {
     if (isInit) {
-      transformerRef.current.nodes([targetRef.current]);
+      transformerRef.current.nodes([groupRef.current]);
     }
   }, [isInit]);
   if (!(isInit && value)) {
@@ -253,22 +252,21 @@ const LocationLayer = withLocale(p => {
         draggable: true,
         ref: groupRef,
         onDragEnd: computedSignLocation,
-        children: [/*#__PURE__*/jsx(Group, {
-          ref: targetRef,
-          onTransformEnd: computedSignLocation,
-          children: signatureImage ? /*#__PURE__*/jsx(Image$1, {
-            width: width,
-            height: height,
-            image: signatureImage,
-            cornerRadius: 8,
-            ref: signRef
-          }) : /*#__PURE__*/jsx(Rect, {
-            width: width,
-            height: height,
-            fill: "#f0f0f0",
-            cornerRadius: 8,
-            ref: signRef
-          })
+        scaleX: value.scaleX,
+        scaleY: value.scaleY,
+        onTransformEnd: computedSignLocation,
+        children: [signatureImage ? /*#__PURE__*/jsx(Image$1, {
+          width: width,
+          height: height,
+          image: signatureImage,
+          cornerRadius: 8,
+          ref: signRef
+        }) : /*#__PURE__*/jsx(Rect, {
+          width: width,
+          height: height,
+          fill: "#f0f0f0",
+          cornerRadius: 8,
+          ref: signRef
         }), /*#__PURE__*/jsx(Text, {
           text: signatureImage ? '' : placeholder,
           fontSize: 16,
@@ -280,9 +278,6 @@ const LocationLayer = withLocale(p => {
           height: height
         })]
       }), /*#__PURE__*/jsx(Transformer, {
-        scaleX: value.scaleX,
-        scaleY: value.scaleY,
-        centeredScaling: true,
         ref: transformerRef,
         keepRatio: true,
         flipEnabled: false,