@flozy/editor 10.3.0 → 10.3.2

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

@@ -1,71 +1,36 @@
-const ButtonNavSettingsStyles = theme => {
-  const {
-    editor,
-    grey
-  } = theme?.palette || {};
-  const {
-    borderColor,
-    background,
-    textColor,
-    activeColor,
-    miniToolBarBackground
-  } = editor || {};
-  const commonContainerStyle = {
-    backgroundColor: miniToolBarBackground,
-    "& .MuiTypography-root": {
-      color: textColor
+const ButtonNavSettingsStyles = theme => ({
+  dialogContainer: {
+    "& .MuiDialogContent-root": {
+      padding: "0px 16px"
     },
-    "& .link-settings-title": {
-      fontSize: "18px",
-      padding: "12px 0px",
-      fontWeight: 600,
-      color: theme?.palette?.editor?.textColor,
-      borderRadius: "8px",
-      marginTop: "2px",
-      "& li": {
-        padding: "6px 16px",
-        margin: "5px !important",
-        borderRadius: "4px !important"
-      },
-      "& .MuiList-root": {
-        padding: "0px"
-      },
-      "& .MuiTypography-root": {
-        fontSize: "12px !important",
-        fontWeight: 500,
-        fontFamily: "'Inter',sans-serif"
-      },
-      "& .Mui-selected": {
-        background: theme?.palette?.editor?.menuOptionSelectedOption,
-        color: theme?.palette?.editor?.textColor
-      }
+    "& .MuiDialogActions-root": {
+      padding: "10px"
     },
-    "& .MuiInputBase-root, fieldset": {
-      background: theme?.palette?.editor?.inputFieldBgColor,
-      borderRadius: "8px",
-      // border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`,
-      "& fieldset": {
-        // border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
-        background: "transparent",
-        borderRadius: "8px"
-      },
-      "& input": {
-        border: `1px solid transparent`,
-        background: theme?.palette?.editor?.inputFieldBgColor,
-        borderRadius: "8px",
-        color: theme?.palette?.editor?.textColor
-      }
+    "& .MuiTypography-h6": {
+      fontWeight: 600,
+      fontSize: "16px",
+      paddingRight: "20px"
     },
-    "& .MuiSvgIcon-root": {
-      color: textColor
+    "& .MuiGrid-container": {
+      marginTop: "0px"
     },
-    "& .MuiFormLabel-root": {
-      color: textColor,
-      backgroundColor: background
+    "& .MuiGrid-item": {
+      padding: "14px"
     },
-    "& .Mui-checked": {
+    "& .MuiPaper-root": {
+      padding: "10px !important",
+      borderRadius: "20px !important",
+      backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
+      border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
+      "& .MuiTypography-root": {
+        color: theme?.palette?.editor?.textColor
+      },
       "& .MuiSvgIcon-root": {
-        color: `${activeColor} !important`
+        color: theme?.palette?.editor?.textColor
+      },
+      "& .MuiFormLabel-root": {
+        color: theme?.palette?.editor?.textColor,
+        backgroundColor: "transparent"
       }
     },
     "& .dialog-title": {
@@ -95,6 +60,47 @@ const ButtonNavSettingsStyles = theme => {
           borderRadius: "8px",
           color: theme?.palette?.editor?.textColor
         }
+      },
+      "& .radioBtnGrp": {
+        paddingRight: "0px",
+        paddingLeft: "0px"
+      }
+    },
+    "& .MuiFormControlLabel-root": {
+      "& .MuiCheckbox-root": {
+        "& svg": {
+          color: `${theme?.palette?.editor?.radioBtnBorder}`
+        }
+      }
+    },
+    "& .ccheckbox-primary": {
+      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"
       }
     },
     "& .trigger-text": {
@@ -103,120 +109,194 @@ const ButtonNavSettingsStyles = theme => {
       fontFamily: "'Inter',sans-serif",
       color: theme?.palette?.editor?.textColor
     }
-  };
-  return {
-    dialogContainer: {
-      "& .MuiDialogContent-root": {
-        margin: "0px 20px",
-        padding: "0px 4px",
-        borderTop: `1px solid ${borderColor}`,
-        borderBottom: `1px solid ${borderColor}`
-      },
-      "& .MuiDialogActions-root": {
-        padding: "10px"
-      },
-      "& .MuiTypography-h6": {
-        fontWeight: 600,
-        fontSize: "20px",
-        paddingRight: "20px"
-      },
-      "& .MuiGrid-container": {
-        marginTop: "0px"
-      },
-      "& .MuiGrid-item": {
-        padding: "14px"
-      },
-      "& .MuiPaper-root": {
-        padding: "10px !important",
-        borderRadius: "20px !important",
-        backgroundColor: `${theme?.palette?.editor?.miniToolBarBackground} !important`,
-        border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
-        ...commonContainerStyle
+  },
+  customRadioBtn: {
+    "& .Mui-checked": {
+      "& span": {
+        "& .MuiSvgIcon-root": {
+          color: `#2563EB !important`
+        }
       }
     },
-    swipeableDrawerContainer: commonContainerStyle,
-    customSelect: {
-      zIndex: "1302 !important",
-      "& .MuiPopover-paper": {
-        background: theme?.palette?.editor?.textWeightPopUpBackground,
-        color: theme?.palette?.editor?.textColor,
-        borderRadius: "8px",
-        marginTop: "2px",
-        "& li": {
-          padding: "6px 16px",
-          margin: "5px !important",
-          borderRadius: "4px !important"
-        },
-        "& .MuiList-root": {
-          padding: "0px"
-        },
-        "& .MuiTypography-root": {
-          fontSize: "12px !important",
-          fontWeight: 500,
-          fontFamily: "'Inter',sans-serif"
-        },
-        "& .Mui-selected": {
-          background: theme?.palette?.editor?.menuOptionSelectedOption,
-          color: theme?.palette?.editor?.textColor
+    "& .MuiRadio-root": {
+      "& span": {
+        "& .MuiSvgIcon-root": {
+          color: `${theme?.palette?.editor?.radioBtnBorder}`
         }
       }
-    },
-    saveBtn: {
-      color: "#fff !important",
-      background: "#2563EB !important",
-      fontSize: "14px !important",
-      fontWeight: "700 !important",
-      padding: "8px 24px !important",
-      textTransform: "none !important",
-      borderRadius: "8px !important",
-      fontFamily: "'Inter',sans-serif !important",
-      "&:hover": {
-        color: "#fff !important",
-        background: "#2563EB !important"
+    }
+  },
+  customSelect: {
+    zIndex: "1302 !important",
+    "& .MuiPopover-paper": {
+      background: theme?.palette?.editor?.textWeightPopUpBackground,
+      color: theme?.palette?.editor?.textColor,
+      borderRadius: "8px",
+      marginTop: "2px",
+      "& li": {
+        padding: "6px 16px",
+        margin: "5px !important",
+        borderRadius: "4px !important"
+      },
+      "& .MuiList-root": {
+        padding: "0px"
+      },
+      "& .MuiTypography-root": {
+        fontSize: "12px !important",
+        fontWeight: 500,
+        fontFamily: "'Inter',sans-serif"
+      },
+      "& .Mui-selected": {
+        background: theme?.palette?.editor?.menuOptionSelectedOption,
+        color: theme?.palette?.editor?.textColor
       }
-    },
-    closeBtn: {
-      backgroundColor: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
-      color: `${theme?.palette?.editor?.customDialogueCloseBtnColor} !important`,
-      fontSize: "14px !important",
-      fontWeight: "700 !important",
-      padding: "8px 22px !important",
-      textTransform: "none !important",
+    }
+  },
+  saveBtn: {
+    color: "#fff !important",
+    background: "#2563EB !important",
+    fontSize: "14px !important",
+    fontWeight: "700 !important",
+    padding: "8px 24px !important",
+    textTransform: "none !important",
+    borderRadius: "8px !important",
+    fontFamily: "'Inter',sans-serif !important",
+    "&:hover": {
+      color: "#fff !important",
+      background: "#2563EB !important"
+    }
+  },
+  closeBtn: {
+    backgroundColor: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
+    color: `${theme?.palette?.editor?.customDialogueCloseBtnColor} !important`,
+    fontSize: "14px !important",
+    fontWeight: "700 !important",
+    padding: "8px 22px !important",
+    textTransform: "none !important",
+    border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder} !important`,
+    borderRadius: "8px !important",
+    fontFamily: "'Inter',sans-serif !important",
+    "&:hover": {
       border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder} !important`,
-      borderRadius: "8px !important",
-      fontFamily: "'Inter',sans-serif !important",
-      "&:hover": {
-        border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder} !important`,
-        backgroundColor: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
-        color: `${theme?.palette?.editor?.customDialogueCloseBtnColor} !important`
+      backgroundColor: `${theme?.palette?.editor?.closeButtonBgColor} !important`,
+      color: `${theme?.palette?.editor?.customDialogueCloseBtnColor} !important`
+    }
+  },
+  closeIcon: {
+    background: theme?.palette?.editor?.closeButtonBackground,
+    borderRadius: "8px",
+    padding: "2px",
+    marginRight: "8px",
+    "& svg": {
+      fill: theme?.palette?.editor?.closeButtonSvgStroke
+    }
+  },
+  gridDivider: {
+    borderRight: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
+    "& .MuiTypography-root": {
+      color: "#64748B !important",
+      fontFamily: "'Inter',sans-serif",
+      fontWeight: 500,
+      fontSize: "16px"
+    }
+  },
+  mobileActionBtns: {
+    display: "flex",
+    justifyContent: "flex-end",
+    gap: "8px",
+    paddingTop: "14px",
+    marginTop: "14px",
+    borderTop: `1px solid ${theme?.palette?.grey[300]}`
+  },
+  customAutoComplete: {
+    "& .MuiAutocomplete-listbox": {
+      padding: "0px",
+      "& li": {
+        margin: "5px",
+        borderRadius: "8px",
+        color: theme?.palette?.editor?.menuOptionTextColor,
+        fontSize: "14px",
+        padding: "8px 12px",
+        '&[aria-selected="true"]': {
+          backgroundColor: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
+        }
+      },
+      "& .Mui-selected": {
+        background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
       }
     },
-    closeIcon: {
-      background: theme?.palette?.editor?.closeButtonBackground,
+    "& .MuiPaper-root": {
       borderRadius: "8px",
-      padding: "2px",
-      marginRight: "8px",
-      "& svg": {
-        fill: theme?.palette?.editor?.closeButtonSvgStroke
+      background: theme?.palette?.editor?.textWeightPopUpBackground
+    }
+  },
+  drawerContainer: {
+    "& .link-settings-title": {
+      fontSize: "18px",
+      padding: "12px 0px",
+      fontWeight: 600,
+      color: theme?.palette?.editor?.textColor
+    },
+    "& .MuiInputBase-root, fieldset": {
+      background: theme?.palette?.editor?.inputFieldBgColor,
+      borderRadius: "8px",
+      border: `1px solid ${theme?.palette?.editor?.inputFieldBorder} !important`,
+      "& fieldset": {
+        // border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
+        background: "transparent",
+        borderRadius: "8px"
+      },
+      "& input": {
+        border: `1px solid transparent`,
+        background: theme?.palette?.editor?.inputFieldBgColor,
+        borderRadius: "8px",
+        color: theme?.palette?.editor?.textColor
       }
     },
-    gridDivider: {
-      borderRight: `1px solid ${theme?.palette?.editor?.miniToolBarBorder} !important`,
-      "& .MuiTypography-root": {
-        color: "#64748B !important",
-        fontFamily: "'Inter',sans-serif",
-        fontWeight: 500,
-        fontSize: "16px"
+    "& .MuiFormLabel-root": {
+      color: theme?.palette?.editor?.textColor,
+      backgroundColor: "transparent !important"
+    },
+    "& .MuiTypography-root": {
+      color: theme?.palette?.editor?.textColor
+    },
+    "& .MuiFormControlLabel-root": {
+      "& .MuiCheckbox-root": {
+        "& svg": {
+          color: `${theme?.palette?.editor?.radioBtnBorder}`
+        }
       }
     },
-    mobileActionBtns: {
-      display: "flex",
-      justifyContent: "flex-end",
-      gap: "8px",
-      paddingTop: "14px",
-      marginTop: "14px",
-      borderTop: `1px solid ${grey[300]}`
+    "& .ccheckbox-primary": {
+      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"
+      }
     }
-  };
-};
+  }
+});
 export default ButtonNavSettingsStyles;

package/dist/Editor/common/RnD/ElementOptions/Actions.js

@@ -1,11 +1,12 @@
 import { Button, IconButton } from "@mui/material";
-import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
+import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
 import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
 import DragIndicatorIcon from "@mui/icons-material/DragIndicator";
 import MoreVertIcon from "@mui/icons-material/MoreVert";
-import AddRoundedIcon from "@mui/icons-material/AddRounded";
-import ArrowUpwardRoundedIcon from "@mui/icons-material/ArrowUpwardRounded";
-import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
+import AddRoundedIcon from '@mui/icons-material/AddRounded';
+import ArrowUpwardRoundedIcon from '@mui/icons-material/ArrowUpwardRounded';
+import ArrowDownwardRoundedIcon from '@mui/icons-material/ArrowDownwardRounded';
+import SaveIcon from "@mui/icons-material/Save";
 import LinkIcon from "./Icons/LinkIcon";
 import FilterFramesIcon from "@mui/icons-material/FilterFrames";
 import { GridAddSectionIcon, SignatureIcon, WorkflowIcon } from "../../iconslist";

package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Settings.js

@@ -68,8 +68,7 @@ const Settings = props => {
             editor: editor,
             path: path,
             customProps: customProps,
-            theme: theme,
-            onClose: onClose
+            theme: theme
           }) : null
         })]
       })

package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Signature.js

@@ -13,7 +13,7 @@ const Signature = props => {
   const pPath = path?.split("|")?.map(m => parseInt(m));
   const element_path = [...pPath, 0];
   const onSave = (data = {}) => {
-    onClear(element_path);
+    onClear();
     Transforms.insertNodes(editor, [{
       type: "sign",
       signature: null,
@@ -35,10 +35,9 @@ const Signature = props => {
       at: parentPath
     });
   };
-  const onClear = path => {
-    const parentPath = path || Path.parent(element_path);
+  const onClear = () => {
     Transforms.removeNodes(editor, {
-      at: parentPath
+      at: element_path
     });
   };
   return /*#__PURE__*/_jsx(_Fragment, {

package/dist/Editor/common/RnD/ElementSettings/Settings/AppHeaderSettings.js

@@ -8,8 +8,7 @@ const AppHeaderSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -28,7 +27,7 @@ const AppHeaderSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

package/dist/Editor/common/RnD/ElementSettings/Settings/BoxSettings.js

@@ -8,8 +8,7 @@ const BoxSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path];
@@ -28,7 +27,7 @@ const BoxSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

package/dist/Editor/common/RnD/ElementSettings/Settings/ButtonSettings.js

@@ -8,8 +8,7 @@ const ButtonSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -29,7 +28,7 @@ const ButtonSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

package/dist/Editor/common/RnD/ElementSettings/Settings/CodeSettings.js

@@ -8,8 +8,7 @@ const CodeSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -28,7 +27,7 @@ const CodeSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js

@@ -12,8 +12,7 @@ const FormSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path];
@@ -57,14 +56,13 @@ const FormSettings = props => {
     }
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   const muiTheme = createTheme({
     components: {
       MuiAccordion: {
         styleOverrides: {
           root: {
-            background: theme?.palette?.editor?.miniToolBarBackground,
             "& .MuiAccordionSummary-root": {
               flexDirection: "row-reverse",
               "& .MuiSvgIcon-root": {

package/dist/Editor/common/RnD/ElementSettings/Settings/ImageSettings.js

@@ -8,8 +8,7 @@ const ImageSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -28,7 +27,7 @@ const ImageSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

package/dist/Editor/common/RnD/ElementSettings/Settings/TableSettings.js

@@ -9,8 +9,7 @@ const TableSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -58,7 +57,7 @@ const TableSettings = props => {
     }
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",

package/dist/Editor/common/RnD/ElementSettings/Settings/TextSettings.js

@@ -9,7 +9,6 @@ const TextSettings = props => {
     editor,
     path,
     theme,
-    onClose,
     customProps
   } = props;
   const item_path = path.split("|").map(m => parseInt(m));
@@ -28,8 +27,7 @@ const TextSettings = props => {
   return /*#__PURE__*/_jsx(TextFormat, {
     classes: classes,
     editor: editor,
-    customProps: customProps,
-    closeMainPopup: onClose
+    customProps: customProps
   });
 };
 export default TextSettings;

package/dist/Editor/common/RnD/ElementSettings/Settings/VideoSettings.js

@@ -8,8 +8,7 @@ const VideoSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -29,7 +28,7 @@ const VideoSettings = props => {
     });
   };
   const handleClose = () => {
-    onClose();
+    console.log("close");
   };
   return /*#__PURE__*/_jsx(Box, {
     component: "div",