@flozy/editor 5.3.7 → 5.3.8

package/dist/Editor/Elements/Form/FormElements/FormCheckbox.js

@@ -16,9 +16,6 @@ const FormCheckbox = props => {
     textColor,
     bgColor,
     lockSpacing,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -49,10 +46,7 @@ const FormCheckbox = props => {
         },
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
-        background: bgColor || "transparent",
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontSize: textSize || "inherit",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        background: bgColor || "transparent"
       }
     })
   });

package/dist/Editor/Elements/Form/FormElements/FormDate.js

@@ -16,9 +16,6 @@ const FormDate = props => {
     textColor,
     bgColor,
     lockSpacing,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -50,10 +47,7 @@ const FormDate = props => {
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
         background: bgColor || "transparent",
-        paddingRight: '85px !important',
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontSize: textSize || "inherit",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        paddingRight: '85px !important'
       }
     })
   });

package/dist/Editor/Elements/Form/FormElements/FormEmail.js

@@ -16,9 +16,6 @@ const FormEmail = props => {
     textColor,
     bgColor,
     lockSpacing,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -50,10 +47,7 @@ const FormEmail = props => {
         },
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
-        background: bgColor || "transparent",
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontSize: textSize || "inherit",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        background: bgColor || "transparent"
       }
     })
   });

package/dist/Editor/Elements/Form/FormElements/FormNumbers.js

@@ -16,9 +16,6 @@ const FormNumbers = props => {
     textColor,
     bgColor,
     lockSpacing,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -66,10 +63,7 @@ const FormNumbers = props => {
         },
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
-        background: bgColor || "transparent",
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontSize: textSize || "inherit",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        background: bgColor || "transparent"
       }
     })
   });

package/dist/Editor/Elements/Form/FormElements/FormRadioButton.js

@@ -16,9 +16,6 @@ const FormRadioButton = props => {
     textColor,
     bgColor,
     lockSpacing,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -49,10 +46,7 @@ const FormRadioButton = props => {
         },
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
-        background: bgColor || "transparent",
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontSize: textSize || "inherit",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        background: bgColor || "transparent"
       }
     })
   });

package/dist/Editor/Elements/Form/FormElements/FormText.js

@@ -16,9 +16,6 @@ const FormText = props => {
     textColor,
     bgColor,
     lockSpacing,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -48,10 +45,7 @@ const FormText = props => {
         },
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
-        background: bgColor || "transparent",
-        fontSize: textSize || "inherit",
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        background: bgColor || "transparent"
       }
     })
   });

package/dist/Editor/Elements/Form/FormElements/FormTextArea.js

@@ -15,9 +15,6 @@ const FormTextArea = props => {
     borderColor,
     textColor,
     bgColor,
-    textSize,
-    fontFamily,
-    fontWeight,
     ...rest
   } = fieldProps;
   const onChange = e => {
@@ -48,9 +45,7 @@ const FormTextArea = props => {
         borderStyle: borderStyle || "solid",
         color: `${textColor || "#000"} !important`,
         background: `${bgColor || "transparent"} !important`,
-        fontSize: textSize || "14px",
-        fontFamily: fontFamily || "PoppinsRegular",
-        fontWeight: `${fontWeight} !important` || "400 !important"
+        fontSize: '14px'
       }
     })
   });

package/dist/Editor/Elements/Form/FormPopup.js

@@ -1,8 +1,7 @@
 import React from "react";
 import StyleBuilder from "../../common/StyleBuilder";
-import { formStyle } from "../../common/StyleBuilder/formStyle";
+import formStyle from "../../common/StyleBuilder/formStyle";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 const FormPopup = props => {
   const {
     element,
@@ -10,16 +9,14 @@ const FormPopup = props => {
     onClose,
     customProps
   } = props;
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(StyleBuilder, {
-      title: "Form",
-      type: "formStyle",
-      element: element,
-      onSave: onSave,
-      onClose: onClose,
-      renderTabs: formStyle,
-      customProps: customProps
-    })
+  return /*#__PURE__*/_jsx(StyleBuilder, {
+    title: "Form",
+    type: "formStyle",
+    element: element,
+    onSave: onSave,
+    onClose: onClose,
+    renderTabs: formStyle,
+    customProps: customProps
   });
 };
 export default FormPopup;

package/dist/Editor/Elements/FreeGrid/FreeGrid.js

@@ -276,7 +276,7 @@ const FreeGrid = props => {
           ...insertFreeGridItem("table", {
             ...DEFAULT_TABLE_NODE()
           }, {
-            height: 150,
+            height: 130,
             width: 400
           })
         }], {

package/dist/Editor/Elements/FreeGrid/FreeGridItem.js

@@ -144,27 +144,8 @@ const FreeGridItem = props => {
   };
   const onAddFormField = () => {
     try {
-      const {
-        fieldFontFamily,
-        fieldFontWeight,
-        fieldTextSize,
-        fieldTextColor,
-        fieldBgColor,
-        fieldBorderColor,
-        fieldBorderWidth,
-        fieldBorderStyle
-      } = element?.children[0];
       Transforms.insertNodes(editor, {
-        ...formField({
-          fontFamily: fieldFontFamily ? fieldFontFamily : "",
-          fontWeight: fieldFontWeight ? fieldFontWeight : "",
-          textSize: fieldTextSize ? fieldTextSize : "",
-          textColor: fieldTextColor ? fieldTextColor : "",
-          bgColor: fieldBgColor ? fieldBgColor : "",
-          borderColor: fieldBorderColor ? fieldBorderColor : "",
-          borderWidth: fieldBorderWidth ? fieldBorderWidth : "",
-          borderStyle: fieldBorderStyle ? fieldBorderStyle : ""
-        })
+        ...formField()
       }, {
         at: [...path, 0, 0]
       });

package/dist/Editor/Elements/FreeGrid/breakpointConstants.js

@@ -47,22 +47,22 @@ export function wrapThemeBreakpoints(sxProp, prop, theme) {
     const formatedSxProp = Object.keys(sxProp).reduce((a, b) => {
       switch (b) {
         case "md":
-          a[theme?.breakpoints?.up("lg")] = {
+          a[theme.breakpoints.up("lg")] = {
             [prop]: sxProp["md"] || sxProp["lg"]
           };
           break;
         case "sm":
-          a[theme?.breakpoints?.up("lg")] = {
+          a[theme.breakpoints.up("lg")] = {
             [prop]: sxProp["sm"] || sxProp["lg"]
           };
           break;
         case "xs":
-          a[theme?.breakpoints?.between("xs", "md")] = {
+          a[theme.breakpoints.between("xs", "md")] = {
             [prop]: sxProp["xs"] || sxProp["lg"]
           };
           break;
         default:
-          a[theme?.breakpoints?.up("lg")] = {
+          a[theme.breakpoints.up("lg")] = {
             [prop]: sxProp["lg"]
           };
       }

package/dist/Editor/Elements/FreeGrid/styles.js

@@ -171,7 +171,6 @@ const useFreeGridStyles = ({
           height: "100%",
           "& .signature-container": {
             height: "100%",
-            LineHeight: 1.43,
             "& .signature-btn-container": {
               height: "100%",
               display: "flex",
@@ -319,7 +318,7 @@ const useFreeGridStyles = ({
         "& .element-toolbar": {
           display: "none"
         },
-        [theme?.breakpoints?.between("xs", "md")]: {
+        [theme.breakpoints.between("xs", "md")]: {
           marginLeft: `calc((100% - 320px) * 0.5)`
         }
       },

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

@@ -1,9 +1,9 @@
 import React, { useState } from "react";
 import { Button, Dialog, DialogContent, DialogTitle, Grid, Tooltip, Box } from "@mui/material";
 import { insertGrid, insertPlainGrid } from "../../utils/grid";
+import { GridIcon } from "../../common/iconslist";
 import ToolbarIcon from "../../common/ToolbarIcon";
 import GridStyles from "./Styles";
-import { GridElement } from "../../common/iconListV2";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -46,7 +46,7 @@ const GridButton = props => {
     children: [/*#__PURE__*/_jsx(ToolbarIcon, {
       title: "Column",
       onClick: onButtonClick,
-      icon: /*#__PURE__*/_jsx(GridElement, {}),
+      icon: /*#__PURE__*/_jsx(GridIcon, {}),
       icoBtnType: icoBtnType
     }), /*#__PURE__*/_jsxs(Dialog, {
       open: open,

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

@@ -45,36 +45,29 @@ const GridItemToolbar = props => {
     onAddColumn,
     columnRef
   } = props;
-  return selected && !showTool ? /*#__PURE__*/_jsx(Popper, {
+  return selected && !showTool ? /*#__PURE__*/_jsxs(Popper, {
     anchorEl: columnRef?.current,
     open: true,
     placement: "top-end",
     sx: classes.popTools,
     className: "gi-tool-pp",
-    disablePortal: true,
-    contentEditable: false,
-    children: /*#__PURE__*/_jsxs(Box, {
-      className: "ico-grp-ss",
-      children: [/*#__PURE__*/_jsx(Tooltip, {
-        title: "Column Settings",
-        arrow: true,
-        children: /*#__PURE__*/_jsx(IconButton, {
-          size: "small",
-          onClick: onSettings,
-          sx: classes.groupIcons,
-          children: /*#__PURE__*/_jsx(GridSettingsIcon, {})
-        })
-      }), /*#__PURE__*/_jsx(Tooltip, {
-        title: "Add Column",
-        arrow: true,
-        children: /*#__PURE__*/_jsx(IconButton, {
-          size: "small",
-          onClick: onAddColumn,
-          sx: classes.groupIcons2,
-          children: /*#__PURE__*/_jsx(AddIcon, {})
-        })
-      })]
-    })
+    children: [/*#__PURE__*/_jsx(Tooltip, {
+      title: "Column Settings",
+      arrow: true,
+      children: /*#__PURE__*/_jsx(IconButton, {
+        size: "small",
+        onClick: onSettings,
+        children: /*#__PURE__*/_jsx(GridSettingsIcon, {})
+      })
+    }), /*#__PURE__*/_jsx(Tooltip, {
+      title: "Add Column",
+      arrow: true,
+      children: /*#__PURE__*/_jsx(IconButton, {
+        size: "small",
+        onClick: onAddColumn,
+        children: /*#__PURE__*/_jsx(AddIcon, {})
+      })
+    })]
   }) : null;
 };
 const GridItem = props => {
@@ -300,26 +293,24 @@ const GridItem = props => {
     },
     "data-path": path.join(","),
     "data-info": "handle-outside-editor-click",
-    children: [!readOnly && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: `element-selector ${selected ? "selected" : ""}`,
-        contentEditable: false,
-        style: {
-          zIndex: 1000
-        },
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "element-selector-dots tl",
-          children: " "
-        }), /*#__PURE__*/_jsx("div", {
-          className: "element-selector-dots tr",
-          children: " "
-        }), /*#__PURE__*/_jsx("div", {
-          className: "element-selector-dots bl",
-          children: " "
-        }), /*#__PURE__*/_jsx("div", {
-          className: "element-selector-dots br",
-          children: " "
-        })]
+    children: [!readOnly && /*#__PURE__*/_jsxs("div", {
+      className: `element-selector ${selected ? "selected" : ""}`,
+      contentEditable: false,
+      style: {
+        zIndex: 1000
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "element-selector-dots tl",
+        children: " "
+      }), /*#__PURE__*/_jsx("div", {
+        className: "element-selector-dots tr",
+        children: " "
+      }), /*#__PURE__*/_jsx("div", {
+        className: "element-selector-dots bl",
+        children: " "
+      }), /*#__PURE__*/_jsx("div", {
+        className: "element-selector-dots br",
+        children: " "
       }), /*#__PURE__*/_jsx(GridItemToolbar, {
         classes: classes,
         selected: selected,
@@ -360,14 +351,12 @@ const GridItem = props => {
       onMouseDown: onMouseDown,
       height: "auto"
     }) : null, /*#__PURE__*/_jsxs(Dialog, {
-      sx: classes.dialog,
       open: Boolean(alert),
       onClose: handleClose,
       children: [/*#__PURE__*/_jsx(DialogContent, {
         children: alert
       }), /*#__PURE__*/_jsx(DialogActions, {
         children: /*#__PURE__*/_jsx(Button, {
-          variant: "contained",
           onClick: handleClose,
           children: "Close"
         })

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

@@ -106,56 +106,6 @@ const GridStyles = (theme, appTheme) => ({
         }
       }
     }
-  },
-  dialog: {
-    "& .MuiPaper-root": {
-      background: appTheme?.palette?.editor?.background,
-      color: appTheme?.palette?.editor?.textColor
-    }
-  },
-  groupIcons: {
-    background: appTheme?.palette?.editor?.aiInputBackground,
-    border: `1px solid ${appTheme?.palette?.editor?.buttonBorder1} !important`,
-    padding: '5px !important',
-    borderRadius: '50% !important',
-    '& svg': {
-      width: '18px',
-      height: '18px',
-      '& path': {
-        stroke: `${appTheme?.palette?.editor?.closeButtonSvgStroke} !important`
-      }
-    },
-    '&:hover': {
-      background: `${appTheme?.palette?.editor?.aiInputBackground} !important`,
-      border: `1px solid ${appTheme?.palette?.editor?.buttonBorder1} !important`,
-      '& svg': {
-        '& path': {
-          stroke: `${appTheme?.palette?.editor?.closeButtonSvgStroke} !important`
-        }
-      }
-    }
-  },
-  groupIcons2: {
-    background: appTheme?.palette?.editor?.aiInputBackground,
-    border: `1px solid ${appTheme?.palette?.editor?.buttonBorder1} !important`,
-    padding: '5px !important',
-    borderRadius: '50% !important',
-    '& svg': {
-      width: '18px',
-      height: '18px',
-      '& path': {
-        fill: `${appTheme?.palette?.editor?.closeButtonSvgStroke} !important`
-      }
-    },
-    '&:hover': {
-      background: `${appTheme?.palette?.editor?.aiInputBackground} !important`,
-      border: `1px solid ${appTheme?.palette?.editor?.buttonBorder1} !important`,
-      '& svg': {
-        '& path': {
-          fill: `${appTheme?.palette?.editor?.closeButtonSvgStroke} !important`
-        }
-      }
-    }
   }
 });
 export default GridStyles;

package/dist/Editor/Elements/Link/LinkButton.js

@@ -64,7 +64,7 @@ const LinkButton = props => {
       title: "Link",
       arrow: true,
       children: /*#__PURE__*/_jsx(IconButton, {
-        className: `${showInput ? "clicked btnActive" : ""} ${isActive ? "btnActive" : ""}`,
+        className: `${showInput ? "clicked" : ""} ${isActive ? "btnActive" : ""}`,
         format: "link",
         onClick: toggleLink,
         children: /*#__PURE__*/_jsx(Icon, {

package/dist/Editor/Elements/List/CheckList.js

@@ -39,8 +39,7 @@ const CheckList = ({
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        ...(style || {}),
-        lineHeight: 1.43
+        ...(style || {})
       },
       children: [/*#__PURE__*/_jsxs("div", {
         contentEditable: false,

package/dist/Editor/Elements/Search/SearchAttachment.js

@@ -49,7 +49,6 @@ const SearchAttachment = props => {
         background: theme?.palette?.containers?.slashBrainCardBg,
         cursor: 'pointer',
         margin: '4px 0px',
-        lineHeight: 1.43,
         "&.MuiPaper-root.MuiPaper-rounded": {
           borderRadius: "7px !important",
           paddingTop: '0px !important'

package/dist/Editor/Elements/Search/SearchButton.js

@@ -91,7 +91,6 @@ const SearchButton = /*#__PURE__*/forwardRef((props, ref) => {
   const handleClose = () => {
     clearBrainText(editor);
     setAnchorEl(null);
-    setSearch("");
   };
   const handleClick = data => {
     insertBrain(editor, data, target || editor.selection);

package/dist/Editor/Elements/Signature/Signature.css

@@ -57,7 +57,7 @@
     cursor: pointer;
 }
   .upload-wrapper-ui {
-    border: 1.5px dashed #2563EB !important;
+    border: 1px dashed #92B1F5 !important;
     /* box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.17) !important; */
     border-radius: 7px;
     display: flex;

package/dist/Editor/Elements/Signature/SignatureOptions/TypeSignature.js

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { signedTextFonts } from "../../../utils/font";
 import { Grid, Button, TextField, InputAdornment, IconButton, Typography } from "@mui/material";
-import ClearRoundedIcon from '@mui/icons-material/ClearRounded';
+import ClearIcon from "@mui/icons-material/Clear";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const TypeSignature = props => {
@@ -73,7 +73,7 @@ const TypeSignature = props => {
                 position: "end",
                 children: /*#__PURE__*/_jsx(IconButton, {
                   onClick: () => setName(""),
-                  children: /*#__PURE__*/_jsx(ClearRoundedIcon, {})
+                  children: /*#__PURE__*/_jsx(ClearIcon, {})
                 })
               })
             }