@flozy/editor 5.1.2 → 5.1.4

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/Grid/GridButton.js

@@ -4,7 +4,6 @@ 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";
@@ -47,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

@@ -271,12 +271,11 @@ const GridItem = props => {
   return /*#__PURE__*/_jsxs(Item, {
     item: true,
     component: "div",
-    className: `grid-item element-root gi-top-wrpr dpath`,
+    className: `grid-item element-root gi-top-wrpr dpath ${lastChild ? "lastChild" : ""}`,
     ...attributes,
     style: {
       textAlign: element.alignment || "left",
-      "--minWidth": lastChild ? "auto" : minWidthInPercent,
-      flexGrow: lastChild ? 1 : "auto"
+      "--minWidth": lastChild ? "auto" : minWidthInPercent
     },
     sx: {
       ...getBRProps,

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

@@ -24,6 +24,9 @@ const GridStyles = (theme, appTheme) => ({
         }
       },
       "& .grid-item": {
+        "&.lastChild": {
+          flexGrow: 1
+        },
         minWidth: "var(--minWidth)",
         maxWidth: "var(--minWidth)",
         "& .element-selector": {

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/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, {})
                 })
               })
             }

package/dist/Editor/Elements/Signature/SignaturePopup.js

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Dialog, DialogTitle, DialogContent, DialogActions, Button, IconButton, Grid, TextField, Typography, Tabs, Tab, InputAdornment, Box } from "@mui/material";
-import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
+import CloseIcon from "@mui/icons-material/Close";
 import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import SignatureOptions from "./SignatureOptions";
@@ -158,7 +158,7 @@ const SignaturePopup = props => {
         sx: {
           borderRadius: "8px",
           boxShadow: "0px 4px 10px 0px #00000029",
-          maxWidth: "530px"
+          maxWidth: "560px"
         }
       },
       sx: classes.signaturePopup,
@@ -200,7 +200,7 @@ const SignaturePopup = props => {
                     children: /*#__PURE__*/_jsx(IconButton, {
                       onClick: handleClose,
                       className: "close-popupbtn",
-                      children: /*#__PURE__*/_jsx(CloseRoundedIcon, {})
+                      children: /*#__PURE__*/_jsx(CloseIcon, {})
                     })
                   })]
                 })
@@ -316,7 +316,25 @@ const SignaturePopup = props => {
                     defaultValue: defaultName || "",
                     size: "small",
                     onChange: onChange,
-                    sx: classes.signaturePopUpNameField
+                    sx: {
+                      "& .MuiOutlinedInput-root": {
+                        borderRadius: "10px",
+                        "& fieldset": {
+                          border: "1px solid #D8DDE1"
+                        }
+                        // '&:hover fieldset': {
+                        //   borderColor: 'yourHoverColor',
+                        // },
+                        // '&.Mui-focused fieldset': {
+                        //   borderColor: 'yourFocusedColor',
+                        // },
+                      },
+
+                      "& .MuiInputBase-input::placeholder": {
+                        fontFamily: '"Inter", sans-serif"',
+                        fontSize: "14px"
+                      }
+                    }
                   })
                 })]
               }), /*#__PURE__*/_jsxs(Grid, {
@@ -441,7 +459,25 @@ const SignaturePopup = props => {
                     placeholder: "Enter Email",
                     size: "small",
                     onChange: onChange,
-                    sx: classes.signaturePopUpNameField,
+                    sx: {
+                      "& .MuiOutlinedInput-root": {
+                        borderRadius: "10px",
+                        "& fieldset": {
+                          border: "1px solid #D8DDE1"
+                        }
+                        // '&:hover fieldset': {
+                        //   borderColor: 'yourHoverColor',
+                        // },
+                        // '&.Mui-focused fieldset': {
+                        //   borderColor: 'yourFocusedColor',
+                        // },
+                      },
+
+                      "& .MuiInputBase-input::placeholder": {
+                        fontFamily: '"Inter", sans-serif"',
+                        fontSize: "14px"
+                      }
+                    },
                     defaultValue: defaultEmail || ""
                   })
                 })]
@@ -471,8 +507,7 @@ const SignaturePopup = props => {
                     classes: classes,
                     value: brush.color,
                     onSave: onBrushColor,
-                    recentColors: [],
-                    hideGradient: true
+                    recentColors: []
                   }), /*#__PURE__*/_jsx("span", {
                     style: {
                       marginLeft: "10px",
@@ -495,13 +530,13 @@ const SignaturePopup = props => {
                       className: brush.size === m ? "activeBrush" : "",
                       children: /*#__PURE__*/_jsx("span", {
                         style: {
-                          width: 17 + m,
-                          height: 17 + m
+                          width: 20 + m,
+                          height: 20 + m
                         },
                         children: /*#__PURE__*/_jsx(PencilIcon, {
                           style: {
-                            width: 17 + m,
-                            height: 17 + m
+                            width: 20 + m,
+                            height: 20 + m
                           }
                         })
                       })
@@ -512,11 +547,11 @@ const SignaturePopup = props => {
             }) : null, /*#__PURE__*/_jsxs(_Fragment, {
               children: [!readOnly ? /*#__PURE__*/_jsx(Button, {
                 onClick: handleClear,
-                className: `secondaryBtn actionBtn deleteBtn deleteButtonSignature`,
+                className: "secondaryBtn actionBtn deleteBtn",
                 children: "Delete"
               }) : null, /*#__PURE__*/_jsx(Button, {
                 onClick: handleSave,
-                className: `primaryBtn actionBtn ${isEmpty ? "disabled disabledSaveBtn" : ""}`,
+                className: `primaryBtn actionBtn ${isEmpty ? "disabled" : ""}`,
                 disabled: isEmpty,
                 children: "Save"
               })]

package/dist/Editor/Elements/SimpleText/index.js

@@ -5,7 +5,6 @@ import { getPageSettings } from "../../utils/pageSettings";
 import { isTextSelected } from "../../utils/helper";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import SimpleTextStyle from "./style";
-import { getBreakpointLineSpacing } from "../../helper/theme";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -33,14 +32,8 @@ const SimpleText = props => {
   const {
     pageColor
   } = pageSt?.pageProps || {};
-  const {
-    activeBreakPoint
-  } = useEditorContext();
-  const lineHeight = element?.children[0]?.lineHeight;
-  const lineH = getBreakpointLineSpacing(lineHeight, activeBreakPoint);
   const classes = SimpleTextStyle({
-    pageColor: pageColor || theme?.palette?.editor?.background || "#FFFFFF",
-    lineHeight: lineH
+    pageColor: pageColor || theme?.palette?.editor?.background || "#FFFFFF"
   });
   const selected = useSelected();
   const path = ReactEditor.findPath(editor, element);

package/dist/Editor/Elements/SimpleText/style.js

@@ -1,17 +1,10 @@
 import { invertColor } from "../../helper";
 const SimpleTextStyle = ({
-  pageColor,
-  lineHeight
+  pageColor
 }) => ({
   root: {
     position: "relative",
     padding: "0px",
-    lineHeight: lineHeight,
-    "&.signature": {
-      "& .placeholder-simple-text": {
-        opacity: 0
-      }
-    },
     "& .placeholder-simple-text": {
       color: "#94A3B8",
       background: "transparent",

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

@@ -1,25 +1,20 @@
-const TableStyles = theme => ({
+const TableStyles = themeType => ({
   tableToolBar: {
     position: "absolute",
-    top: "-24px",
+    top: "-34px",
     left: 0,
+    backgroundColor: "#FFF",
+    border: "1px solid rgba(37, 99, 235, 0.32)",
+    boxShadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.16)",
+    borderRadius: "0px",
+    width: "32px",
+    height: "32px",
+    overflow: "hidden",
     transition: "all 0.3s",
     "& button": {
-      backgroundColor: theme?.palette?.editor?.background,
-      border: "1px solid rgba(37, 99, 235, 0.32)",
-      boxShadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.16)",
-      borderRadius: "50%",
-      padding: "4px",
-      margin: "2px",
-      "&:hover": {
-        backgroundColor: theme?.palette?.editor?.background
-      },
       "& svg": {
-        width: "18px",
-        height: "18px",
-        "& path": {
-          stroke: theme?.palette?.editor?.textColor
-        }
+        width: "16px",
+        height: "16px"
       }
     },
     "&.active": {
@@ -36,7 +31,13 @@ const TableStyles = theme => ({
   },
   table: {
     "& td": {
-      padding: "8px 8px"
+      padding: "8px 8px",
+      border: "1px solid #E0E0E0",
+      "&.selection": {
+        "& *::selection": {
+          background: "transparent"
+        }
+      }
     },
     "& .selection-area-tc": {
       position: "absolute",
@@ -44,13 +45,8 @@ const TableStyles = theme => ({
       height: "100%",
       top: 0,
       left: 0,
-      outline: "1px solid #2563EB",
+      background: "rgba(149, 218, 255, .3)",
       pointerEvents: "none"
-    },
-    "& .hide-drag-btn-wrapper": {
-      "& .row-drag-btn": {
-        display: "none"
-      }
     }
   },
   cellResizer: {
@@ -59,11 +55,33 @@ const TableStyles = theme => ({
     right: "-2px",
     top: 0,
     background: "transparent",
-    width: "3px",
+    width: "4px",
     borderRadius: "0px",
     zIndex: 1,
     "&:hover": {
-      background: "#2563EB"
+      background: "#ccc"
+    }
+  },
+  deleteCellsPopUp: {
+    backgroundColor: themeType === "dark" ? "#292C32" : "#FFFFFF",
+    borderRadius: "7px !important",
+    border: themeType === "dark" ? "1px solid #5B5E64" : "1px solid #E4E8EB",
+    zIndex: 100,
+    minWidth: "186px !important"
+  },
+  menuItemPopUp: {
+    padding: "5px 7px !important",
+    margin: "6px !important",
+    borderRadius: 1,
+    userSelect: "none",
+    color: themeType === "dark" ? "#2563EB" : "#0F172A",
+    "&:hover": {
+      // backgroundColor: "rgba(0, 123, 255, 0.1)",
+      backgroundColor: themeType === "dark" ? "#2563EB" : "#E9F3FE"
+    },
+    "&.Mui-selected": {
+      backgroundColor: themeType === "dark" ? "#2563EB" : "#E9F3FE",
+      color: themeType === "dark" ? "#F6F6F6" : "#0F172A"
     }
   }
 });