@flozy/editor 11.0.6 → 11.0.7

package/dist/Editor/Elements/Embed/Embed.css

@@ -95,9 +95,4 @@
 
 .disablePointerEvent {
   pointer-events: none;
-}
-
-.cursorStabilityElement {
-   pointer-events: none;
-   user-select: none;
 }

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 ClearRoundedIcon from "@mui/icons-material/ClearRounded";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const TypeSignature = props => {
@@ -80,7 +80,8 @@ const TypeSignature = props => {
                   children: /*#__PURE__*/_jsx(ClearRoundedIcon, {})
                 })
               })
-            }
+            },
+            autoComplete: "typeName"
           })
         })
       })

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

@@ -92,9 +92,17 @@ const SignaturePopup = props => {
   };
   const onChange = e => {
     e?.stopPropagation();
+    const {
+      name,
+      value
+    } = e.target;
+    const fieldMap = {
+      name: "signedBy",
+      email: "signedByEmail"
+    };
     setSignedData({
       ...signedData,
-      [e.target.name]: e.target.value
+      [fieldMap[name] || name]: value
     });
   };
   const onBrushSize = val => () => {
@@ -319,7 +327,8 @@ const SignaturePopup = props => {
                     ,
                     size: "small",
                     onChange: onChange,
-                    sx: classes.signaturePopUpNameField
+                    sx: classes.signaturePopUpNameField,
+                    autoComplete: "signedBy"
                   })
                 })]
               }), /*#__PURE__*/_jsxs(Grid, {
@@ -447,6 +456,8 @@ const SignaturePopup = props => {
                     sx: classes.signaturePopUpNameField,
                     value: signedData.signedByEmail || ""
                     // defaultValue={defaultEmail || ""}
+                    ,
+                    autoComplete: "signedByEmail"
                   })
                 })]
               })]

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

@@ -49,10 +49,7 @@ const SimpleText = props => {
     className: `simple-text ${nextType}`,
     sx: classes.root,
     key: `para_${path.join("|")}`
-  }, children, /*#__PURE__*/_jsx("span", {
-    contentEditable: false,
-    className: "cursorStabilityElement"
-  }), openAI ? null : /*#__PURE__*/_jsx("span", {
+  }, children, openAI ? null : /*#__PURE__*/_jsx("span", {
     contentEditable: false,
     className: "placeholder-simple-text",
     children: isEmptyEditor ? editorPlaceholder || translation("writeSomethingPlaceHolder") : showPlaceHolder ? opacity && selected ? /*#__PURE__*/_jsxs(_Fragment, {

package/dist/Editor/Styles/EditorStyles.js

@@ -14,6 +14,9 @@ const editorStyles = ({
       "*": {
         boxSizing: "border-box"
       },
+      "& .blockQuoteComp": {
+        backgroundColor: `${theme?.palette?.editor?.colorBoxBg} !important`
+      },
       "&.iframe-editor": {
         "& .mini-tool-wrpr-ei": {
           display: "none"

package/dist/Editor/common/StyleBuilder/fieldTypes/text.js

@@ -35,6 +35,7 @@ const Text = props => {
   return /*#__PURE__*/_jsxs(Grid, {
     item: true,
     xs: width || 12,
+    className: "text-field-wrapper",
     children: [/*#__PURE__*/_jsx(Typography, {
       variant: "body1",
       color: "primary",

package/dist/Editor/commonStyle.js

@@ -54,10 +54,10 @@ const useCommonStyle = theme => ({
         marginTop: "4px"
       },
       "& .MuiPaper-root": {
-        border: 'unset !important',
-        borderRadius: '0px',
-        height: 'fit-content',
-        padding: '2px'
+        border: "unset !important",
+        borderRadius: "0px",
+        height: "fit-content",
+        padding: "2px"
       },
       "& .muiIconsListParent": {
         "& svg": {
@@ -73,7 +73,7 @@ const useCommonStyle = theme => ({
       "& .MuiGrid-root>.MuiGrid-item": {
         paddingRight: "0px !important",
         fontFamily: "Inter, sans-serif",
-        height: 'fit-content'
+        height: "fit-content"
       },
       "& .MuiInputBase-root": {
         borderRadius: "10px",
@@ -134,14 +134,14 @@ const useCommonStyle = theme => ({
           borderRadius: "10px",
           width: "52px !important",
           marginLeft: "10px",
-          height: '36px !important'
+          height: "36px !important"
         },
         "& .spacingSlider": {
           width: "calc(100% - 18px)"
         }
       },
-      '& .MuiFormHelperText-root': {
-        margin: '4px 0px 0px 0px',
+      "& .MuiFormHelperText-root": {
+        margin: "4px 0px 0px 0px",
         color: theme?.palette?.editor?.closeButtonSvgStroke,
         fontFamily: "Inter, sans-serif"
       }
@@ -403,14 +403,14 @@ const useCommonStyle = theme => ({
       padding: "8px 12px",
       fontSize: "12px",
       color: theme?.palette?.editor?.menuOptionTextColor,
-      fontWeight: '500',
+      fontWeight: "500",
       fontFamily: "Inter, sans-serif",
-      minHeight: '36px',
+      minHeight: "36px",
       "&:hover": {
         backgroundColor: theme?.palette?.editor?.menuOptionHoverBackground
       }
     },
-    '& .Mui-selected': {
+    "& .Mui-selected": {
       background: `${theme?.palette?.editor?.menuOptionSelectedOption} !important`
     },
     "& .MuiListSubheader-root": {
@@ -419,16 +419,16 @@ const useCommonStyle = theme => ({
       fontSize: "12px"
     },
     "& .MuiPaper-root": {
-      borderRadius: '8px',
-      padding: '0px',
+      borderRadius: "8px",
+      padding: "0px",
       background: `${theme?.palette?.editor?.textWeightPopUpBackground} !important`
     },
-    '& .MuiButtonBase-root': {
-      margin: '4px',
-      borderRadius: '6px'
+    "& .MuiButtonBase-root": {
+      margin: "4px",
+      borderRadius: "6px"
     },
-    '& .MuiList-root': {
-      padding: '0px'
+    "& .MuiList-root": {
+      padding: "0px"
     }
   },
   datePicker: {
@@ -530,7 +530,24 @@ const useCommonStyle = theme => ({
   },
   pageSettingPopUpRoot: {
     padding: "16px 8px 16px 10px!important",
-    height: "100%"
+    height: "100%",
+    "& .text-field-wrapper": {
+      "& input:-webkit-autofill": {
+        WebkitBackgroundClip: "text !important",
+        WebkitBoxShadow: "0 0 0 1000px transparent inset !important",
+        WebkitTextFillColor: `${theme?.palette?.editor?.deletePopUpButtonTextColor} !important`,
+        transition: "background-color 600000s 0s, color 600000s 0s !important"
+      },
+      "& .MuiFilledInput-root": {
+        backgroundColor: "rgba(255, 255, 255, 0.5)",
+        "&:hover": {
+          backgroundColor: "rgba(255, 255, 255, 0.7)"
+        },
+        "&.Mui-focused": {
+          backgroundColor: "rgba(255, 255, 255, 0.9)"
+        }
+      }
+    }
   },
   buttonMoreIcon: {
     position: "absolute",
@@ -541,11 +558,11 @@ const useCommonStyle = theme => ({
   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': {
+    padding: "4px !important",
+    "& svg": {
+      width: "18px !important",
+      height: "18px !important",
+      "& path": {
         stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
       }
     }
@@ -553,8 +570,8 @@ const useCommonStyle = theme => ({
   buttonMoreOption2: {
     background: `${theme?.palette?.editor?.aiInputBackground} !important`,
     border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
-    '& svg': {
-      '& path': {
+    "& svg": {
+      "& path": {
         fill: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
       }
     }
@@ -562,11 +579,11 @@ const useCommonStyle = theme => ({
   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': {
+    padding: "5px !important",
+    "& svg": {
+      width: "16px !important",
+      height: "16px !important",
+      "& path": {
         stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
       }
     }
@@ -574,37 +591,37 @@ const useCommonStyle = theme => ({
   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': {
+    padding: "5px !important",
+    borderRadius: "50% !important",
+    "& svg": {
+      width: "18px",
+      height: "18px",
+      "& path": {
         fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`
       }
     },
-    '&:hover': {
+    "&: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'
+    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': {
+    fontSize: "14px !important",
+    "& svg": {
+      width: "20px !important",
+      height: "20px !important",
+      "& path": {
         stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
       }
     }
@@ -676,6 +693,13 @@ const useCommonStyle = theme => ({
           stroke: theme?.palette?.editor?.closeButtonSvgStroke
         }
       }
+    },
+    "& .element-toolbar": {
+      "& button": {
+        borderRadius: "50%",
+        background: theme?.palette?.editor?.signatureFontBtnBg,
+        border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`
+      }
     }
   }
 });

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -355,6 +355,7 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx("blockquote", {
         ...attributes,
         ...element.attr,
+        className: "blockQuoteComp",
         style: {
           // borderColor: element?.color || "transparent",
           ...getBorderColor(element?.color || "transparent", 3),

package/dist/Editor/utils/formfield.js

@@ -13,8 +13,8 @@ export const formField = data => {
       text: ""
     }],
     field_type: "text",
-    bgColor: data?.bgColor ? data?.bgColor : "rgba(255, 255, 255, 1)",
-    borderColor: data?.borderColor ? data?.borderColor : "#ccc",
+    bgColor: data?.bgColor ? data?.bgColor : "",
+    borderColor: data?.borderColor ? data?.borderColor : "",
     bannerSpacing: {
       left: 16,
       right: 16,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "11.0.6",
+  "version": "11.0.7",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"