@flozy/editor 10.0.1 → 10.0.3

package/dist/Editor/common/RnD/ContextMenu/CMenus.js

@@ -7,9 +7,9 @@ const CMenus = {
     name: "bringForward",
     label: "Move to Front",
     autoClose: false,
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Move to Front"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Move to Front", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " \u2191"]
         })]
@@ -19,9 +19,9 @@ const CMenus = {
     name: "bringBackward",
     label: "Move to Back",
     autoClose: false,
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Move to Back"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Move to Back", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " \u2193"]
         })]
@@ -30,9 +30,9 @@ const CMenus = {
   }, {
     name: "cut",
     label: "Cut",
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Cut"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Cut", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " X"]
         })]
@@ -41,9 +41,9 @@ const CMenus = {
   }, {
     name: "copy",
     label: "Copy",
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Copy"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Copy", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " C"]
         })]
@@ -52,9 +52,9 @@ const CMenus = {
   }, {
     name: "paste",
     label: "Paste",
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Paste"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Paste", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " V"]
         })]
@@ -67,9 +67,9 @@ const CMenus = {
   parent: [{
     name: "cut",
     label: "Cut",
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Cut Section"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Cut Section", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " X"]
         })]
@@ -78,9 +78,9 @@ const CMenus = {
   }, {
     name: "copy",
     label: "Copy",
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Copy Section"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Copy Section", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " C"]
         })]
@@ -89,9 +89,9 @@ const CMenus = {
   }, {
     name: "paste",
     label: "Paste",
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Paste Section"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Paste Section", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " V"]
         })]
@@ -99,35 +99,11 @@ const CMenus = {
     }
   }],
   "parent-container": [{
-    name: "bringForward",
-    label: "Move to Front",
-    autoClose: false,
-    render: () => {
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: ["Move to Front", " ", /*#__PURE__*/_jsxs("span", {
-          className: "shortcut-help-info",
-          children: [/*#__PURE__*/_jsx(CMDIcon, {}), " \u2191"]
-        })]
-      });
-    }
-  }, {
-    name: "bringBackward",
-    label: "Move to Back",
-    autoClose: false,
-    render: () => {
-      return /*#__PURE__*/_jsxs(_Fragment, {
-        children: ["Move to Back", " ", /*#__PURE__*/_jsxs("span", {
-          className: "shortcut-help-info",
-          children: [/*#__PURE__*/_jsx(CMDIcon, {}), " \u2193"]
-        })]
-      });
-    }
-  }, {
     name: "cut",
     label: "Cut",
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Cut"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Cut", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " X"]
         })]
@@ -136,9 +112,9 @@ const CMenus = {
   }, {
     name: "copy",
     label: "Copy",
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Copy"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Copy", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " C"]
         })]
@@ -147,9 +123,9 @@ const CMenus = {
   }, {
     name: "paste",
     label: "Paste",
-    render: translation => {
+    render: () => {
       return /*#__PURE__*/_jsxs(_Fragment, {
-        children: [translation("Paste"), " ", /*#__PURE__*/_jsxs("span", {
+        children: ["Paste", " ", /*#__PURE__*/_jsxs("span", {
           className: "shortcut-help-info",
           children: [/*#__PURE__*/_jsx(CMDIcon, {}), " V"]
         })]

package/dist/Editor/common/RnD/ContextMenu/index.js

@@ -14,8 +14,7 @@ const ContextMenu = props => {
     open,
     type,
     contextMenu,
-    handleClose,
-    translation
+    handleClose
   } = props;
   const {
     path,
@@ -36,7 +35,7 @@ const ContextMenu = props => {
       return /*#__PURE__*/_jsx(MenuItem, {
         className: "cm-menu-item",
         onClick: handleClose(m),
-        children: m?.render ? m.render(translation) : translation(m.label)
+        children: m?.render ? m.render() : m.label
       }, `cm_${i}`);
     })
   }) : null;

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

@@ -1,18 +1,19 @@
 import { Button, IconButton } from "@mui/material";
-import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
+import CloseIcon from "@mui/icons-material/Close";
 import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
+import SettingsIcon from "@mui/icons-material/Settings";
+import EditIcon from "@mui/icons-material/Edit";
 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 AddIcon from "@mui/icons-material/Add";
+import ArrowUpwardIcon from "@mui/icons-material/ArrowUpward";
+import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
 import SaveIcon from "@mui/icons-material/Save";
 import LinkIcon from "./Icons/LinkIcon";
+import CodeIcon from "@mui/icons-material/Code";
 import FilterFramesIcon from "@mui/icons-material/FilterFrames";
 import { GridAddSectionIcon, SignatureIcon, WorkflowIcon } from "../../iconslist";
 import Delete from "@mui/icons-material/Delete";
-import SettingsIcon from "../../../assets/svg/SettingsIcon";
-import { CodeElementIcon, PenIcon, SaveTemplIcon } from "../../iconListV2";
 const Actions = {
   ai: {
     type: "ai",
@@ -29,7 +30,7 @@ const Actions = {
   addElementInSection: {
     type: "addElement",
     Button: IconButton,
-    Icon: AddRoundedIcon,
+    Icon: AddIcon,
     title: "Add Element"
   },
   settings: {
@@ -73,25 +74,25 @@ const Actions = {
   edit: {
     type: 2,
     Button: IconButton,
-    Icon: PenIcon,
+    Icon: EditIcon,
     title: "Edit"
   },
   close: {
     type: 3,
     Button: IconButton,
-    Icon: CloseRoundedIcon,
+    Icon: CloseIcon,
     title: "close"
   },
   moveUp: {
     type: "moveUp",
     Button: IconButton,
-    Icon: ArrowUpwardRoundedIcon,
+    Icon: ArrowUpwardIcon,
     title: "Move Up"
   },
   moveDown: {
     type: "moveDown",
     Button: IconButton,
-    Icon: ArrowDownwardRoundedIcon,
+    Icon: ArrowDownwardIcon,
     title: "Move Down"
   },
   addFormField: {
@@ -109,13 +110,13 @@ const Actions = {
   embedScript: {
     type: "addEmbedScript",
     Button: IconButton,
-    Icon: CodeElementIcon,
+    Icon: CodeIcon,
     title: "Embed Code"
   },
   saveAsTemplate: {
     type: "saveAsTemplate",
     Button: IconButton,
-    Icon: SaveTemplIcon,
+    Icon: SaveIcon,
     title: "Save As Template"
   },
   imageFrame: {

package/dist/Editor/common/RnD/ElementOptions/Icons/LinkIcon.js

@@ -8,7 +8,6 @@ const LinkIcon = () => {
     height: "18",
     viewBox: "0 0 18 18",
     fill: "none",
-    className: "settingsIcon",
     children: [/*#__PURE__*/_jsx("path", {
       d: "M10.1582 7.84185C9.54389 7.22778 8.71084 6.88281 7.84222 6.88281C6.97361 6.88281 6.14055 7.22778 5.52622 7.84185L3.20947 10.1578C2.59513 10.7722 2.25 11.6054 2.25 12.4742C2.25 13.343 2.59513 14.1763 3.20947 14.7906C3.82381 15.4049 4.65704 15.7501 5.52585 15.7501C6.39466 15.7501 7.22788 15.4049 7.84222 14.7906L9.00022 13.6326",
       stroke: "#000000",

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

@@ -16,8 +16,7 @@ const ElementOptions = props => {
     actionsMap,
     optionsProps,
     selectedAction,
-    theme,
-    customProps
+    theme
   } = props;
   const classes = useElementOptionsStyle({
     theme
@@ -29,9 +28,6 @@ const ElementOptions = props => {
     menuProps
   } = menu;
   const isOpen = Boolean(anchorEl) && open;
-  const {
-    translation
-  } = customProps;
   const handleOptionClick = type => e => {
     if (actionsMap[type]) {
       const {
@@ -61,11 +57,11 @@ const ElementOptions = props => {
       title
     } = Actions[action] || {};
     return type ? /*#__PURE__*/_jsx(Tooltip, {
-      title: translation(title),
+      title: title,
       arrow: true,
       children: /*#__PURE__*/_jsx(Button, {
         onClick: handleOptionClick(type),
-        className: `${enable === type || selectedAction === type || Actions[action]?.type === menu?.type ? "active" : ""} elementOption`,
+        className: enable === type || selectedAction === type ? "active" : "",
         children: Icon ? /*#__PURE__*/_jsx(Icon, {}) : title
       })
     }, `actions_fgele_${type}_${index}`) : null;
@@ -83,13 +79,12 @@ const ElementOptions = props => {
       contentEditable: false,
       disablePortal: false,
       children: /*#__PURE__*/_jsx(Paper, {
-        className: "papper-root popUpOptions",
+        className: "papper-root",
         children: actions.map(renderAction)
       })
     }), open && MenuComp ? /*#__PURE__*/_jsx(OptionsPopup, {
       theme: theme,
       open: openMenu,
-      translation: translation,
       ...menu,
       handleClose: handleClose,
       children: /*#__PURE__*/_jsx(MenuComp, {

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

@@ -38,7 +38,7 @@ const useElementOptionsStyle = ({
         color: "#2563EB",
         background: theme?.palette?.editor?.background,
         border: "1px solid #2563EB",
-        boxShadow: theme?.palette?.type === "light" && "1px 1px 3px #2563EB",
+        boxShadow: "1px 1px 3px #2563EB",
         "& .strokePath": {
           stroke: "#2563EB"
         }
@@ -48,33 +48,6 @@ const useElementOptionsStyle = ({
           fill: theme?.palette?.editor?.textColor
         }
       }
-    },
-    "& .popUpOptions": {
-      "& .elementOption": {
-        background: theme?.palette?.editor?.signatureFontBtnBg,
-        border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
-        height: "28px",
-        width: "28px",
-        "& svg": {
-          color: theme?.palette?.editor?.closeButtonSvgStroke,
-          width: "20px",
-          height: "20px"
-        },
-        "& .addIconCircle path, & .settingsIcon path, & .commonSvgStyle path": {
-          stroke: theme?.palette?.editor?.closeButtonSvgStroke
-        }
-      },
-      "& .active": {
-        border: "1px solid #2563EB",
-        "& svg": {
-          color: "#2563EB"
-        },
-        "& .settingsIcon": {
-          "& path": {
-            stroke: "#2563EB"
-          }
-        }
-      }
     }
   }
 });

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

@@ -8,18 +8,14 @@ const SavePopup = props => {
   const {
     classes,
     onClose,
-    elementProps,
-    customProps
+    elementProps
   } = props;
-  const {
-    translation
-  } = customProps;
   return /*#__PURE__*/_jsxs(Dialog, {
     open: true,
     fullWidth: true,
     sx: classes.dialog,
     children: [/*#__PURE__*/_jsxs(DialogTitle, {
-      children: [translation("Save As Template"), /*#__PURE__*/_jsx(IconButton, {
+      children: ["Save As Template", /*#__PURE__*/_jsx(IconButton, {
         onClick: onClose,
         children: /*#__PURE__*/_jsx(CloseIcon, {})
       })]
@@ -31,8 +27,7 @@ const SavePopup = props => {
         },
         saveText: "Save",
         handleClose: onClose,
-        elementProps: elementProps,
-        translation: translation
+        elementProps: elementProps
       })
     })]
   });

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { Paper, Popper, Tooltip, Typography, Box, Divider, IconButton } from "@mui/material";
-import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
+import CloseIcon from "@mui/icons-material/Close";
 import { settingsLabel } from "../settingsConstants";
 import SettingsComponents from "../Settings";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -19,9 +19,6 @@ const Settings = props => {
     customProps,
     theme
   } = props;
-  const {
-    translation
-  } = customProps;
   const title = settingsLabel[childType] || "Settings";
   const Settings = SettingsComponents[childType];
   return /*#__PURE__*/_jsx(_Fragment, {
@@ -45,19 +42,19 @@ const Settings = props => {
         }
       }],
       children: /*#__PURE__*/_jsxs(Paper, {
-        className: "papper-root settingsPopUp",
+        className: "papper-root",
         children: [/*#__PURE__*/_jsxs(Typography, {
           variant: "h6",
-          className: "item-wrapper title popUpHeader",
-          children: [translation(title), /*#__PURE__*/_jsx(Box, {
+          className: "item-wrapper title",
+          children: [title, /*#__PURE__*/_jsx(Box, {
             component: "div",
             children: /*#__PURE__*/_jsx(Tooltip, {
-              title: translation("Close"),
+              title: "Close",
               arrow: true,
               children: /*#__PURE__*/_jsx(IconButton, {
                 className: "closeBtn",
                 onClick: onClose,
-                children: /*#__PURE__*/_jsx(CloseRoundedIcon, {})
+                children: /*#__PURE__*/_jsx(CloseIcon, {})
               })
             })
           })]
@@ -68,8 +65,7 @@ const Settings = props => {
             editor: editor,
             path: path,
             customProps: customProps,
-            theme: theme,
-            onClose: onClose
+            theme: theme
           }) : null
         })]
       })

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,16 +12,14 @@ const FormSettings = props => {
   const {
     editor,
     path,
-    customProps,
-    onClose
+    customProps
   } = props;
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path];
   const element = Node.get(editor, element_path);
   const styleMaps = formStyle;
   const {
-    hideTools,
-    translation
+    hideTools
   } = customProps || {};
   const {
     theme
@@ -57,14 +55,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": {
@@ -110,7 +107,7 @@ const FormSettings = props => {
                   fontSize: "14px !important",
                   fontWeight: "400"
                 },
-                children: translation(m?.tab)
+                children: m?.tab
               })
             }), /*#__PURE__*/_jsx(AccordionDetails, {
               sx: {

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

@@ -8,9 +8,7 @@ const TextSettings = props => {
   const {
     editor,
     path,
-    theme,
-    onClose,
-    customProps
+    theme
   } = props;
   const item_path = path.split("|").map(m => parseInt(m));
   const element_path = [...item_path, 0];
@@ -27,9 +25,7 @@ const TextSettings = props => {
   }, []);
   return /*#__PURE__*/_jsx(TextFormat, {
     classes: classes,
-    editor: editor,
-    customProps: customProps,
-    closeMainPopup: onClose
+    editor: editor
   });
 };
 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",