@flozy/editor 3.2.3 → 3.2.5

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() {
@@ -451,7 +455,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
                     customProps: customProps,
                     toolbarOptions: toolbarOptions,
                     theme: theme
-                  }) : null, footer && /*#__PURE__*/_jsx(Typography, {
+                  }) : null, footer && (fullScreen || readOnly) && /*#__PURE__*/_jsx(Typography, {
                     sx: {
                       color: "rgb(100, 116, 139)",
                       fontSize: "13px",

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/PopupToolStyle.js

@@ -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/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.3",
+  "version": "3.2.5",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"