@flozy/editor 2.1.6 → 2.1.7

package/dist/Editor/Elements/Embed/Frames/ImageFrame.js

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from "react";
 import useDragDom from "../../../hooks/useDragDom";
-import { Button, IconButton, Popper } from "@mui/material";
+import { IconButton, Popper } from "@mui/material";
 import Box from "@mui/material/Box";
 import ContinuousSlider from "./Slider";
 import frames from ".";
@@ -14,14 +14,16 @@ const ImageFrame = props => {
     frame,
     id,
     framePos,
-    onChange
+    onChange,
+    readOnly
   } = props;
   const svgRef = useRef();
   const [dom, setDOM] = useState(null);
   const [anchorEl, setAnchorEl] = useState(null);
   const imageRef = useRef(null);
   const [event, delta, clear] = useDragDom({
-    refDom: imageRef?.current
+    refDom: imageRef?.current,
+    readOnly
   });
   const {
     x,
@@ -48,12 +50,12 @@ const ImageFrame = props => {
   } = useEditorContext();
   const open = selectedPath === id && Boolean(anchorEl);
   useEffect(() => {
-    if (imageRef?.current) {
+    if (imageRef?.current && !readOnly) {
       setDOM(dom);
     }
   }, [imageRef]);
   useEffect(() => {
-    if (event === "end") {
+    if (event === "end" && !readOnly) {
       onChange({
         framePos: {
           x: calX,
@@ -65,26 +67,25 @@ const ImageFrame = props => {
     }
   }, [event]);
   const handleClick = () => {
-    setSelectedPath(id);
-    setAnchorEl(svgRef?.current);
+    if (!readOnly) {
+      setSelectedPath(id);
+      setAnchorEl(svgRef?.current);
+    }
   };
   const onClose = () => {
     setAnchorEl(null);
   };
   const onScaleChange = newVal => {
-    onChange({
-      framePos: {
-        x: calX,
-        y: calY,
-        scale: newVal
-      }
-    });
-  };
-  const onImageRef = iRef => {
-    console.log(iRef);
-    // setImageRef(iRef);
+    if (!readOnly) {
+      onChange({
+        framePos: {
+          x: calX,
+          y: calY,
+          scale: newVal
+        }
+      });
+    }
   };
-
   const handleClose = () => {
     setAnchorEl(null);
     setSelectedPath(null);
@@ -93,7 +94,6 @@ const ImageFrame = props => {
     children: [/*#__PURE__*/_jsx(SVGFrame, {
       ref: svgRef,
       ...props,
-      onImageRef: onImageRef,
       handleClick: handleClick,
       imagePos: {
         calX,

package/dist/Editor/Elements/Embed/Image.js

@@ -237,7 +237,8 @@ const Image = ({
           framePos: framePos,
           href: url,
           id: path.join(","),
-          onChange: onPosChange
+          onChange: onPosChange,
+          readOnly: readOnly
         })
       }) : null, selected && !readOnly && /*#__PURE__*/_jsx(IconButton, {
         onPointerDown: onMouseDown,

package/dist/Editor/hooks/useDragDom.js

@@ -5,7 +5,8 @@ const ePos = {
 };
 const useDragDom = props => {
   const {
-    refDom
+    refDom,
+    readOnly
   } = props || {};
   const [event, setEvent] = useState("");
   const [delta, setDelta] = useState({
@@ -13,10 +14,12 @@ const useDragDom = props => {
     y: 0
   });
   useEffect(() => {
-    addListener();
-    return () => {
-      removeListener();
-    };
+    if (!readOnly) {
+      addListener();
+      return () => {
+        removeListener();
+      };
+    }
   }, [refDom]);
   const onMouseDown = e => {
     ePos.x = e.x;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"