@flozy/editor 5.3.4 → 5.3.6

package/dist/Editor/common/iconslist.js

@@ -1346,22 +1346,19 @@ export const GridAddSectionIcon = props => /*#__PURE__*/_jsxs("svg", {
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "fillStroke"
+    strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M10.1733 6.125V14.875",
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "fillStroke"
+    strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M5.79834 10.5H14.5483",
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "fillStroke"
+    strokeLinejoin: "round"
   })]
 });
 export const FormIcon = () => {

package/dist/Editor/commonStyle.js

@@ -1,147 +1,7 @@
 const useCommonStyle = theme => ({
   sideBarDrawer: {
     "& .MuiPaper-root": {
-      backgroundColor: theme?.palette?.editor?.textFormatBgColor,
-      border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder}`,
-      "@media only screen and (min-width: 899px)": {
-        borderRadius: "20px",
-        margin: "5px",
-        height: "calc(100% - 10px)",
-        overflow: "hidden"
-      },
-      "@media only screen and (max-width: 599px)": {
-        borderRadius: "20px 20px 0px 0px"
-      }
-    },
-    "& .optionePopupHeader": {
-      borderBottom: `1px solid ${theme?.palette?.editor?.deviderBgColor} !important`,
-      padding: "0px 0px 10px 0px",
-      margin: "0px 10px",
-      "& .MuiTypography-root": {
-        textTransform: "capitalize"
-      },
-      "& .close-popupbtn": {
-        background: theme?.palette?.editor?.closeButtonBgColor,
-        color: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`,
-        "& svg": {
-          color: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
-        }
-      }
-    },
-    "& .MuiDialogActions-root": {
-      // paddingTop: "10px",
-      "& .primaryBtn, .deleteBtn": {
-        height: "32px !important",
-        fontSize: "14px !important",
-        fontWeight: "600 !important",
-        padding: "0px 20px !important"
-      },
-      "& .deleteBtn": {
-        background: `${theme?.palette?.type === "light" && "#FFF7F9"} !important`
-      }
-    },
-    "& .MuiDialogContent-root": {
-      padding: "0px 5px 0px 10px!important",
-      height: "100%",
-      fontFamily: "Inter, sans-serif",
-      "& .MuiTypography-root": {
-        fontSize: "14px",
-        fontWeight: "500",
-        fontFamily: "Inter, sans-serif"
-      },
-      "& p": {
-        marginBottom: "7px",
-        marginTop: "4px"
-      },
-      "& .muiIconsListParent": {
-        "& svg": {
-          color: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`
-        },
-        "&::-webkit-scrollbar-thumb": {
-          background: `none !important`
-        },
-        "&::-webkit-scrollbar-track": {
-          visibility: "hidden"
-        },
-        "&::-webkit-scrollbar-thumb": {
-          background: `${theme?.palette?.editor?.brainPopupScroll} !important`
-        },
-        "&::-webkit-scrollbar-track": {
-          visibility: "hidden"
-        }
-      },
-      "& .MuiGrid-root>.MuiGrid-item": {
-        paddingRight: "0px !important",
-        fontFamily: "Inter, sans-serif",
-        height: 'fit-content'
-      },
-      "& .MuiInputBase-root": {
-        borderRadius: "10px",
-        background: theme?.palette?.editor?.inputFieldBgColor,
-        border: `none`,
-        height: "36px",
-        boxShadow: "0px 4px 16px 0px #0000000D",
-        fontFamily: "Inter, sans-serif",
-        "&:hover .MuiOutlinedInput-notchedOutline": {
-          border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
-        },
-        "& input::placeholder": {
-          color: "#94A3B8 !important",
-          opacity: "unset",
-          fontFamily: "Inter, sans-serif"
-        },
-        "& .colorPickerButton": {
-          border: `2px solid ${theme?.palette?.editor?.buttonBorder2} !important`
-        }
-      },
-      "& .MuiInputBase-root:has(.colorPickerButton)": {
-        "& .MuiInputBase-input": {
-          padding: "8.5px 14px 8.5px 0px",
-          fontFamily: "Inter, sans-serif"
-        }
-      },
-      "& .MuiInputBase-input": {
-        color: theme?.palette?.editor?.deletePopUpButtonTextColor,
-        textTransform: "math-auto",
-        fontFamily: "Inter, sans-serif"
-      },
-      "& .MuiOutlinedInput-notchedOutline": {
-        border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
-      },
-      "& fieldset": {
-        border: `1px solid transparent`,
-        borderRadius: "10px"
-      },
-      "&::-webkit-scrollbar-thumb, & .MuiPaper-root ::-webkit-scrollbar-thumb": {
-        background: `none !important`
-      },
-      "&::-webkit-scrollbar-track, & .MuiPaper-root ::-webkit-scrollbar-track": {
-        visibility: "hidden"
-      },
-      "&:hover": {
-        "&::-webkit-scrollbar-thumb, & .MuiPaper-root ::-webkit-scrollbar-thumb": {
-          background: `${theme?.palette?.editor?.brainPopupScroll} !important`
-        },
-        "&::-webkit-scrollbar-track, & .MuiPaper-root ::-webkit-scrollbar-track": {
-          visibility: "hidden"
-        }
-      },
-      "& .sld-wrpr": {
-        paddingLeft: "5px",
-        "& .sliderInput": {
-          background: theme?.palette?.editor?.inputFieldBgColor,
-          border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
-          borderRadius: "10px",
-          width: "46px !important",
-          marginLeft: "10px",
-          height: '36px !important'
-        }
-      },
-      '& .MuiFormHelperText-root': {
-        margin: '4px 0px 0px 0px',
-        color: theme?.palette?.editor?.closeButtonSvgStroke,
-        fontFamily: "Inter, sans-serif"
-      }
+      backgroundColor: theme?.palette?.editor?.background
     },
     "& .MuiTypography-root": {
       color: theme?.palette?.editor?.textColor
@@ -166,41 +26,11 @@ const useCommonStyle = theme => ({
     backgroundColor: theme?.palette?.editor?.background,
     color: theme?.palette?.editor?.textColor
   },
-  customCheckBox: {
-    padding: "0px",
-    "& .MuiCheckbox-root": {
-      padding: "8px 8px 8px 10px",
-      "&:hover": {
-        background: "unset !important"
-      }
-    },
-    "& button": {
-      width: "18px !important",
-      height: "18px !important",
-      borderRadius: "3px",
-      border: `1px solid ${theme?.palette?.editor?.buttonBorder3}`,
-      "& svg": {
-        width: "14px",
-        height: "14px"
-      }
-    },
-    "& .checkedIcon": {
-      background: "#2563EB",
-      borderColor: "#2563EB",
-      padding: "0px"
-    },
-    "& .unCheckedIcon": {
-      background: theme?.palette?.editor?.checkedIconBg
-    },
-    "& p": {
-      margin: "0px !important"
-    }
-  },
   customPaddingInput: {
     background: theme?.palette?.editor?.inputFieldBgColor,
     border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
     color: theme?.palette?.editor?.textColor,
-    borderRadius: "6px"
+    borderRadius: '6px'
   },
   colorPickerPopup: {
     "& .MuiPaper-root": {
@@ -210,7 +40,7 @@ const useCommonStyle = theme => ({
     "& .popup_tabs": {
       backgroundColor: theme?.palette?.editor?.background,
       "@media only screen and (max-width: 899px)": {
-        width: "100% !important"
+        width: '100% !important'
       }
     },
     "& .popup_tabs-header": {
@@ -248,9 +78,6 @@ const useCommonStyle = theme => ({
       }
     }
   },
-  colorPickerBtnBorder: {
-    border: `2px solid ${theme?.palette?.editor?.buttonBorder2} !important`
-  },
   signaturePopup: {
     "& .MuiPaper-root": {
       backgroundColor: theme?.palette?.editor?.miniToolBarBackground,
@@ -348,7 +175,7 @@ const useCommonStyle = theme => ({
       },
       "& .deleteBtn": {
         background: "transparent",
-        margin: "0px !important"
+        margin: '0px !important'
       },
       "& .MuiGrid-container": {
         "& .workFlowButton": {
@@ -382,44 +209,6 @@ const useCommonStyle = theme => ({
   textOptions: {
     "& .MuiPopover-root": {
       backgroundColor: theme?.palette?.editor?.background
-    },
-    "& svg": {
-      width: "20px",
-      height: "24px",
-      color: `${theme?.palette?.editor?.svgTextAlignStrokeColor} !important`
-    }
-  },
-  textOptionsList: {
-    "& .MuiMenuItem-root": {
-      padding: "8px 12px",
-      fontSize: "12px",
-      color: theme?.palette?.editor?.menuOptionTextColor,
-      fontWeight: '500',
-      fontFamily: "Inter, sans-serif",
-      minHeight: '36px',
-      "&:hover": {
-        backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground
-      }
-    },
-    '& .Mui-selected': {
-      background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
-    },
-    "& .MuiListSubheader-root": {
-      color: "gray",
-      fontWeight: "bold",
-      fontSize: "12px"
-    },
-    "& .MuiPaper-root": {
-      borderRadius: '8px',
-      padding: '0px',
-      background: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`
-    },
-    '& .MuiButtonBase-root': {
-      margin: '4px',
-      borderRadius: '6px'
-    },
-    '& .MuiList-root': {
-      padding: '0px'
     }
   },
   datePicker: {
@@ -463,81 +252,6 @@ const useCommonStyle = theme => ({
         border: `1px solid transparent !important`
       }
     }
-  },
-  buttonMoreOption: {
-    background: `${theme?.palette?.editor?.aiInputBackground} !important`,
-    border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
-    padding: '4px !important',
-    '& svg': {
-      width: '18px !important',
-      height: '18px !important',
-      '& path': {
-        stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
-      }
-    }
-  },
-  pageSettingPopUpRoot: {
-    padding: "16px 8px 16px 10px!important",
-    height: "100%"
-  },
-  buttonMoreOption2: {
-    background: `${theme?.palette?.editor?.aiInputBackground} !important`,
-    border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
-    '& svg': {
-      '& path': {
-        fill: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
-      }
-    }
-  },
-  buttonMoreOption3: {
-    background: `${theme?.palette?.editor?.aiInputBackground} !important`,
-    border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
-    padding: '5px !important',
-    '& svg': {
-      width: '16px !important',
-      height: '16px !important',
-      '& path': {
-        stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
-      }
-    }
-  },
-  resizeButton: {
-    background: theme?.palette?.editor?.aiInputBackground,
-    border: `1px solid ${theme?.palette?.editor?.buttonBorder1}`,
-    padding: '5px !important',
-    borderRadius: '50% !important',
-    '& svg': {
-      width: '18px',
-      height: '18px',
-      '& path': {
-        fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
-      }
-    },
-    '&:hover': {
-      background: theme?.palette?.editor?.aiInputBackground
-    }
-  },
-  gradientFillBtn: {
-    background: `linear-gradient(112.61deg, #2C63ED 19.3%, #8360FD 88.14%) !important`,
-    textTransform: 'math-auto !important',
-    color: '#FFFFFF !important',
-    padding: '0px 12px !important',
-    height: '32px',
-    borderRadius: '8px',
-    fontWeight: '500',
-    fontSize: '14px'
-  },
-  emptyThumbBtn: {
-    background: `${theme?.palette?.editor?.sectionSettingIconHover} !important`,
-    color: `${theme?.palette?.editor?.textColor} !important`,
-    fontSize: '14px !important',
-    '& svg': {
-      width: '20px !important',
-      height: '20px !important',
-      '& path': {
-        stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
-      }
-    }
   }
 });
 export default useCommonStyle;

package/dist/Editor/helper/index.js

@@ -308,13 +308,7 @@ export const getTextColor = (color = "") => {
     color: "transparent !important",
     caretColor: "black",
     "& span": {
-      color: "transparent !important",
-      "& ::selection": {
-        color: "#000 !important"
-      }
-    },
-    "& ::selection": {
-      color: "#000 !important"
+      color: "transparent !important"
     }
   } : {
     color
@@ -337,14 +331,14 @@ export const isCarouselSelected = editor => {
       return false;
     }
     const [nodeEntry] = Editor.nodes(editor, {
-      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "carousel"
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === 'carousel'
     });
     if (!nodeEntry) {
       return false;
     }
     const [node] = nodeEntry;
     const carouselDom = ReactEditor.toDOMNode(editor, node);
-    const isEdit = carouselDom.classList.contains("carousel_slider_edit");
+    const isEdit = carouselDom.classList.contains('carousel_slider_edit');
     return !isEdit;
   } catch (err) {
     console.log(err);
@@ -366,11 +360,4 @@ export const clearBrainText = editor => {
   } catch (err) {
     console.log(err);
   }
-};
-export const clearSelectionOnly = editor => {
-  try {
-    Transforms.deselect(editor);
-  } catch (err) {
-    console.log(err);
-  }
 };

package/dist/Editor/helper/theme.js

@@ -147,27 +147,4 @@ export const groupByBreakpoint = (styleProps, theme) => {
     }
   };
 };
-export const getCustomizationValue = value => isNaN(parseInt(value)) ? null : parseInt(value);
-export const getBreakpointLineSpacing = (value, breakpoint) => {
-  try {
-    const values = getBreakPointsValue(value, breakpoint);
-    const cssVal = BREAKPOINTS_DEVICES.reduce((a, b) => {
-      if (values[b] || values["lg"]) {
-        const value = values[b] || values["lg"];
-        return {
-          ...a,
-          [b]: value
-        };
-      } else {
-        return a;
-      }
-    }, {});
-    if (breakpoint) {
-      return value[breakpoint] || value["lg"] || value;
-    } else {
-      return cssVal["lg"];
-    }
-  } catch (err) {
-    // console.log(err);
-  }
-};
+export const getCustomizationValue = value => isNaN(parseInt(value)) ? null : parseInt(value);

package/dist/Editor/hooks/useMouseMove.js

@@ -35,7 +35,6 @@ export const EditorProvider = ({
     path: null
   });
   const [fontFamilies, setFontFamilies] = useState({});
-  const [activeBreakPoint, setActiveBreakPoint] = useState("");
   useEffect(() => {
     window.updateSelectedItem = d => {
       setSelectedElement(d);
@@ -98,10 +97,8 @@ export const EditorProvider = ({
     setOpenAI,
     updateDragging,
     fontFamilies,
-    setFontFamilies,
-    activeBreakPoint,
-    setActiveBreakPoint
-  }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop, activeBreakPoint]);
+    setFontFamilies
+  }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop]);
   return /*#__PURE__*/_jsx(EditorContext.Provider, {
     value: otherValues,
     children: children

package/dist/Editor/plugins/withCustomDeleteBackward.js

@@ -1,5 +1,5 @@
-import { Editor, Node, Path, Point, Range, Transforms } from "slate";
-import { containsSurrogatePair, getNextNode } from "../utils/helper";
+import { Editor, Node, Path, Point, Transforms } from "slate";
+import { getNextNode } from "../utils/helper";
 const BACKWARD_BLOCKS = ["list-item", "signature"];
 const isNodeTextEmpty = node => {
   const nodeText = Node.string(node);
@@ -29,37 +29,6 @@ const withCustomDeleteBackward = editor => {
           return;
         }
       }
-      if (selection && Range.isCollapsed(selection)) {
-        const [currentNode, path] = Editor.node(editor, selection);
-        if (currentNode && typeof currentNode.text === 'string') {
-          const text = currentNode.text;
-          if (containsSurrogatePair(text)) {
-            // Check if the cursor is at the end of a surrogate pair
-            const {
-              offset
-            } = selection.anchor;
-            const beforeCursor = text.slice(0, offset);
-            const afterCursor = text.slice(offset);
-            if (containsSurrogatePair(beforeCursor) || containsSurrogatePair(afterCursor)) {
-              // Delete the entire surrogate pair
-              Transforms.delete(editor, {
-                at: {
-                  anchor: {
-                    path,
-                    offset: offset - 2
-                  },
-                  // Move back 2 for surrogate pair
-                  focus: {
-                    path,
-                    offset
-                  }
-                }
-              });
-              return;
-            }
-          }
-        }
-      }
 
       // Check if current node is a list item and is the last one, signature node
       const [node] = Editor.nodes(editor, {

package/dist/Editor/plugins/withEmbeds.js

@@ -40,36 +40,32 @@ const withEmbeds = editor => {
     }
   };
   editor.insertBreak = (...args) => {
-    try {
-      const parentPath = Path.parent(editor.selection.focus.path);
-      const parentNode = Node.get(editor, parentPath);
-      if (editor.isVoid(parentNode)) {
-        const nextPath = Path.next(parentPath);
-        Transforms.insertNodes(editor, {
-          type: "paragraph",
-          children: [{
-            text: ""
-          }]
-        }, {
-          at: nextPath,
-          select: true // Focus on this node once inserted
-        });
-      } else if (AvoidCopying.indexOf(parentNode?.type) >= 0) {
-        const nextPath = Path.next(parentPath);
-        Transforms.insertNodes(editor, {
-          type: "paragraph",
-          children: [{
-            text: ""
-          }]
-        }, {
-          at: nextPath,
-          select: true // Focus on this node once inserted
-        });
-      } else {
-        insertBreak(...args);
-      }
-    } catch (err) {
-      console.log(err);
+    const parentPath = Path.parent(editor.selection.focus.path);
+    const parentNode = Node.get(editor, parentPath);
+    if (editor.isVoid(parentNode)) {
+      const nextPath = Path.next(parentPath);
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }, {
+        at: nextPath,
+        select: true // Focus on this node once inserted
+      });
+    } else if (AvoidCopying.indexOf(parentNode?.type) >= 0) {
+      const nextPath = Path.next(parentPath);
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }, {
+        at: nextPath,
+        select: true // Focus on this node once inserted
+      });
+    } else {
+      insertBreak(...args);
     }
   };
   return editor;

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -43,9 +43,6 @@ import Code from "../Elements/EmbedScript/Code";
 import FreeGrid from "../Elements/FreeGrid/FreeGrid";
 import FreeGridItem from "../Elements/FreeGrid/FreeGridItem";
 import FreeGridBox from "../Elements/FreeGrid/FreeGridBox";
-import DataView from "../Elements/DataView/DataView";
-import ViewData from "../Elements/DataView/Layouts/ViewData";
-import ColumnView from "../Elements/DataView/Layouts/ColumnView";
 import SearchAttachment from "../Elements/Search/SearchAttachment";
 // import { wrapThemeBreakpoints } from "../Elements/FreeGrid/breakpointConstants";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -155,7 +152,7 @@ export const activeMark = (editor, format) => {
   const defaultMarkData = {
     color: "#000000",
     bgColor: "#FFFFFF",
-    fontSize: "14px",
+    fontSize: "normal",
     fontFamily: "PoppinsRegular",
     fontWeight: "normal"
   };
@@ -240,8 +237,7 @@ export const getMarked = (leaf, children, theme) => {
           // },
           ...textStyles,
           fontFamily: family,
-          fontWeight: leaf.fontWeight,
-          WebkitTextFillColor: 'unset !important'
+          fontWeight: leaf.fontWeight
         },
         children: children
       })
@@ -250,6 +246,7 @@ export const getMarked = (leaf, children, theme) => {
   if (leaf.highlight) {
     children = /*#__PURE__*/_jsx("span", {
       style: {
+        background: "#EAEBFE",
         color: "inherit"
       },
       children: children
@@ -312,8 +309,7 @@ export const getBlock = props => {
           borderRadius: `${element?.color ? "0px" : "12px"} 12px 12px ${element?.color ? "0px" : "12px"}`,
           margin: `${element?.bgColor ? "16px" : "0px"} 0px`,
           width: element?.bgColor ? "calc(100% - 16px)" : "100%",
-          borderWidth: element?.color ? "0px 0px 0px 3px" : "0px",
-          lineHeight: 1.43
+          borderWidth: element?.color ? "0px 0px 0px 3px" : "0px"
         },
         children: children
       });
@@ -373,9 +369,6 @@ export const getBlock = props => {
       });
     case "orderedList":
       return /*#__PURE__*/_jsx("ol", {
-        style: {
-          lineHeight: 1.43
-        },
         className: "listItemMargin",
         type: "1",
         ...attributes,
@@ -383,9 +376,6 @@ export const getBlock = props => {
       });
     case "unorderedList":
       return /*#__PURE__*/_jsx("ul", {
-        style: {
-          lineHeight: 1.43
-        },
         className: "listItemMargin",
         ...attributes,
         children: children
@@ -574,19 +564,6 @@ export const getBlock = props => {
         contentEditable: false,
         children: children
       });
-    // Data View
-    case "dataView":
-      return /*#__PURE__*/_jsx(DataView, {
-        ...props
-      });
-    case "viewData":
-      return /*#__PURE__*/_jsx(ViewData, {
-        ...props
-      });
-    case "columnView":
-      return /*#__PURE__*/_jsx(ColumnView, {
-        ...props
-      });
     default:
       return /*#__PURE__*/_jsx(SimpleText, {
         ...props,

package/dist/Editor/utils/button.js

@@ -20,10 +20,10 @@ export const insertButton = editor => {
       bottomRight: 30
     },
     bannerSpacing: {
-      left: 24,
-      top: 10,
-      right: 24,
-      bottom: 10
+      left: 16,
+      top: 8,
+      right: 16,
+      bottom: 8
     },
     ...(windowVar.lastButtonProps || {})
   };