@flozy/editor 1.5.4 → 1.5.5

package/dist/Editor/Elements/Grid/templates/default_grid.js

@@ -34,7 +34,7 @@ const default_grid = {
       children: [{
         type: "paragraph",
         children: [{
-          text: "Lorem Ipsum je fiktívny text, používaný pri návrhu tlačovín a typografie. Lorem Ipsum je štandardným výplňovým textom už od 16. storočia, keď neznámy tlačiar zobral sadzobnicu plnú tlačových znakov a pomiešal ich, aby tak vytvoril vzorkovú knihu. Prežil nielen päť storočí, ale aj skok do elektronickej sadzby, a pritom zostal v podstate nezmenený. Spopularizovaný bol v 60-tych rokoch 20.storočia, vydaním hárkov Letraset, ktoré obsahovali pasáže Lorem Ipsum, a neskôr aj softvérom ako Aldus PageMaker, ktorý obsahoval verzie Lorem Ipsum."
+          text: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."
         }]
       }]
     }],

package/dist/Editor/Toolbar/PopupTool/index.js

@@ -6,11 +6,9 @@ import { Editor, Range } from "slate";
 import { useSlate, useFocused } from "slate-react";
 import TextFormat from "./TextFormat";
 import usePopupStyle from "./PopupToolStyle";
+import useDrag from "../../hooks/useDrag";
 import { jsx as _jsx } from "react/jsx-runtime";
 const PopupTool = props => {
-  const {
-    onDrawerOpen
-  } = props;
   const classes = usePopupStyle();
   const [anchorEl, setAnchorEl] = useState(null);
   const editor = useSlate();
@@ -20,12 +18,7 @@ const PopupTool = props => {
   } = editor;
   const open = Boolean(anchorEl);
   // const id = open ? "popup-edit-tool" : "";
-
-  useEffect(() => {
-    if (onDrawerOpen) {
-      onDrawerOpen(open);
-    }
-  }, [open]);
+  const [event] = useDrag();
   useEffect(() => {
     if (!selection || !inFocus || Range.isCollapsed(selection) || Editor.string(editor, selection) === "") {
       // setAnchorEl(null);
@@ -33,13 +26,15 @@ const PopupTool = props => {
       const domSelection = window.getSelection();
       const domRange = domSelection.getRangeAt(0);
       const rect = domRange.getBoundingClientRect();
-      setAnchorEl({
-        clientWidth: rect.width,
-        clientHeight: rect.height,
-        getBoundingClientRect: () => rect
-      });
+      if (event === "end") {
+        setAnchorEl({
+          clientWidth: rect.width,
+          clientHeight: rect.height,
+          getBoundingClientRect: () => rect
+        });
+      }
     }
-  }, [selection]);
+  }, [selection, event]);
   const handleClose = () => {
     setAnchorEl(null);
   };
@@ -59,7 +54,9 @@ const PopupTool = props => {
     hideBackdrop: true
     // handleClose={handleClose}
     ,
-    className: "tools-drawer",
+    className: "tools-drawer"
+    // variant="persistent"
+    ,
     children: /*#__PURE__*/_jsx(TextFormat, {
       editor: editor,
       classes: classes,

package/dist/Editor/hooks/useDrag.js

@@ -0,0 +1,26 @@
+import React, { useEffect, useState } from "react";
+const useDrag = props => {
+  const [event, setEvent] = useState("");
+  useEffect(() => {
+    addListener();
+    return () => {
+      removeListener();
+    };
+  }, []);
+  const onMouseDown = () => {
+    setEvent("start");
+  };
+  const onMouseUp = () => {
+    setEvent("end");
+  };
+  const addListener = () => {
+    document.addEventListener("pointerdown", onMouseDown);
+    document.addEventListener("pointerup", onMouseUp);
+  };
+  const removeListener = () => {
+    document.removeEventListener("pointerdown", onMouseDown);
+    document.removeEventListener("pointerup", onMouseUp);
+  };
+  return [event];
+};
+export default useDrag;

package/package.json

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