@flozy/editor 3.2.4 → 3.2.6

package/dist/Editor/CommonEditor.js

@@ -185,29 +185,33 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
       return getOnSaveData(deboundedValue);
     },
     insertFragments(fragments, clearAll = false, rest = {}) {
-      if (!clearAll) {
-        if (rest?.nextLine) {
-          const {
-            anchor
-          } = editor?.selection || {};
-          if (anchor?.path !== undefined && anchor?.path[0] !== undefined) {
-            editor.insertNode(fragments, {
-              at: [anchor?.path[0] + 1]
-            });
+      try {
+        if (!clearAll) {
+          if (rest?.nextLine) {
+            const {
+              anchor
+            } = editor?.selection || {};
+            if (anchor?.path !== undefined && anchor?.path[0] !== undefined) {
+              editor.insertNode(fragments, {
+                at: [anchor?.path[0] + 1]
+              });
+            }
+          } else {
+            editor.insertNode(fragments);
           }
         } else {
-          editor.insertNode(fragments);
-        }
-      } else {
-        // loop delete all
-        editor.children.forEach(() => {
-          Transforms.delete(editor, {
-            at: [0]
+          // loop delete all
+          editor.children.forEach(() => {
+            Transforms.delete(editor, {
+              at: [0]
+            });
           });
-        });
 
-        // reset init
-        editor.children = fragments;
+          // reset init
+          editor.children = fragments;
+        }
+      } catch (err) {
+        console.log(err);
       }
     },
     toggleFullscreen() {
@@ -320,7 +324,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
         editor
       });
     } else if (event.key === "Enter") {
-      enterEvent(event, editor);
+      enterEvent(event, editor, customProps?.isMobile);
     }
   }, [chars, editor, target, mentions, setMentions, search, type, mentionsRef]);
   const Overlay = collaborativeEditor && !isReadOnly ? RemoteCursorOverlay : React.Fragment;

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

@@ -187,6 +187,7 @@ const Grid = props => {
   const NewLineButtons = () => {
     return !readOnly && selected && path.length === 2 && !showTool ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx("div", {
+        contentEditable: false,
         className: "element-selector-ctrl tc",
         children: /*#__PURE__*/_jsx(Tooltip, {
           title: "Add Space above",
@@ -197,6 +198,7 @@ const Grid = props => {
           })
         })
       }), /*#__PURE__*/_jsx("div", {
+        contentEditable: false,
         className: "element-selector-ctrl bc",
         children: /*#__PURE__*/_jsx(Tooltip, {
           title: "Add Space below",

package/dist/Editor/Elements/Signature/SignaturePopup.js

@@ -69,6 +69,7 @@ const SignaturePopup = props => {
     });
   };
   const onChange = e => {
+    e?.stopPropagation();
     setSignedData({
       ...signedData,
       [e.target.name]: e.target.value
@@ -92,7 +93,8 @@ const SignaturePopup = props => {
       ...data
     });
   };
-  const onTabChange = newValue => {
+  const onTabChange = (e, newValue) => {
+    e?.stopPropagation();
     setTab(newValue);
     setSignedData({
       signedOn: new Date(),
@@ -171,7 +173,7 @@ const SignaturePopup = props => {
                 variant: "scrollable",
                 value: tab,
                 onChange: (e, newValue) => {
-                  onTabChange(newValue);
+                  onTabChange(e, newValue);
                 },
                 "aria-label": "Element Tabs",
                 children: [/*#__PURE__*/_jsx(Tab, {
@@ -264,6 +266,9 @@ const SignaturePopup = props => {
                   })
                 }), /*#__PURE__*/_jsx(Grid, {
                   item: true,
+                  onClick: e => {
+                    e?.stopPropagation();
+                  },
                   xs: 12,
                   children: /*#__PURE__*/_jsx(DatePicker, {
                     showIcon: true,

package/dist/Editor/Styles/EditorStyles.js

@@ -24,10 +24,10 @@ const editorStyles = ({
       left: 0,
       width: "100%",
       zIndex: 99999,
-      backgroundColor: theme?.palette?.editor?.background,
-      color: theme?.palette?.editor?.textColor,
+      backgroundColor: theme?.palette?.editor?.background || "#fff",
+      color: theme?.palette?.editor?.textColor || "black",
       "& .MuiOutlinedInput-input": {
-        color: theme?.palette?.editor?.textColor
+        color: theme?.palette?.editor?.textColor || "black"
       }
     }
   },

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

@@ -110,7 +110,8 @@ const AddTemplates = props => {
     if (!search) {
       return true;
     } else {
-      return f.title.toLowerCase().includes(search);
+      const searchText = search?.toLowerCase();
+      return f?.title?.toLowerCase()?.includes(searchText);
     }
   };
   const renderTemplate = mapData => {

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

@@ -258,7 +258,7 @@ const usePopupStyle = theme => ({
     margin: "12px 0px",
     paddingRight: "8px",
     "&.fullscreen": {
-      height: `${window.innerHeight - 300}px`
+      height: `${window.innerHeight - 197}px`
     }
   },
   templateCardTitle: {
@@ -483,7 +483,7 @@ const usePopupStyle = theme => ({
       gap: "4px"
     },
     "& .verticalLine": {
-      borderLeft: `1px solid ${theme?.palette?.primary?.border8}`,
+      borderLeft: `1px solid ${theme?.palette?.primary?.border8 || "black"}`,
       minHeight: "20px",
       height: "100%"
     },
@@ -531,7 +531,7 @@ const usePopupStyle = theme => ({
       }
     },
     "& .customSelectOptionLabel": {
-      color: theme?.palette?.editor?.textColor,
+      color: theme?.palette?.editor?.textColor || "black",
       margin: "0px",
       width: "100%",
       justifyContent: "start",
@@ -539,7 +539,7 @@ const usePopupStyle = theme => ({
       fontSize: "14px",
       lineHeight: "1.75 !important",
       fontWeight: 400,
-      background: theme?.palette?.editor?.background,
+      background: theme?.palette?.editor?.background || "#fff",
       "&:hover": {
         background: `${theme?.palette?.action?.selected} !important`
       },

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

@@ -53,19 +53,27 @@ const PopupTool = props => {
     }
   }, [selection]);
   const updateAnchorEl = () => {
-    const domSelection = window.getSelection();
-    const domRange = domSelection?.getRangeAt(0);
-    const {
-      startOffset,
-      endOffset
-    } = domRange || {};
-    if (startOffset !== endOffset) {
-      const rect = domRange.getBoundingClientRect();
-      setAnchorEl({
-        clientWidth: rect.width,
-        clientHeight: rect.height,
-        getBoundingClientRect: () => rect
-      });
+    try {
+      const domSelection = window.getSelection();
+      if (!domSelection?.anchorOffset) {
+        // no selection
+        return;
+      }
+      const domRange = domSelection?.getRangeAt(0);
+      const {
+        startOffset,
+        endOffset
+      } = domRange || {};
+      if (startOffset !== endOffset) {
+        const rect = domRange.getBoundingClientRect();
+        setAnchorEl({
+          clientWidth: rect.width,
+          clientHeight: rect.height,
+          getBoundingClientRect: () => rect
+        });
+      }
+    } catch (err) {
+      console.log(err);
     }
   };
   const handleClose = () => {

package/dist/Editor/common/LinkSettings/NavComponents.js

@@ -78,7 +78,7 @@ export const SelectPage = props => {
   }, [value, pages]);
   return /*#__PURE__*/_jsxs("div", {
     children: [/*#__PURE__*/_jsx(FreeSoloCreateOption, {
-      label: page?.label,
+      label: page?.label || "Home",
       setValue: val => onChange(val?.value),
       placeholder: "Select Page",
       options: pages

package/dist/Editor/common/StyleBuilder/fieldTypes/menusArray.js

@@ -137,7 +137,8 @@ const MenusArray = props => {
           value: m.url,
           onChange: handleChange(i),
           size: "small",
-          fullWidth: true
+          fullWidth: true,
+          disabled: true
         }), /*#__PURE__*/_jsx(Tooltip, {
           title: "Link Settings",
           arrow: true,

package/dist/Editor/utils/events.js

@@ -169,12 +169,12 @@ const checkListEnterEvent = (editor, type) => {
     insertNewLine(editor);
   }
 };
-export const enterEvent = (e, editor) => {
+export const enterEvent = (e, editor, isMobile) => {
   try {
     const ele = isListItem(editor);
 
     // on shift enter break line in same node
-    if (e.shiftKey) {
+    if (e.shiftKey && !isMobile) {
       e.preventDefault();
       Transforms.insertText(editor, "\n");
     } else if (ele && ele[0]) {

package/dist/Editor/utils/helper.js

@@ -235,7 +235,8 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
       props.component = "a";
       const [page, section] = url.split("#");
       const sec = section ? `#${section}` : "";
-      props.href = page === "home" ? `/${sec}` : `/${url}`;
+      const isHome = page === "home" || !page;
+      props.href = isHome ? `${sec}` : `/${url}`;
       if (openInNewTab) {
         props.target = "_blank";
       }
@@ -274,8 +275,11 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
     }
 
     props.onTouchEnd = e => {
-      e.preventDefault();
-      e.stopPropagation();
+      if (e) {
+        // onTouchEnd will get triggered on web, only for image element, for that case event is getting undefined.
+        e.preventDefault();
+        e.stopPropagation();
+      }
       if (props.target) {
         window.open(props.href);
       } else {

package/package.json

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