@flozy/editor 5.6.4 → 5.6.6

package/dist/Editor/CommonEditor.js

@@ -183,7 +183,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     return {
       value: JSON.stringify(val),
       text: text,
-      title: serializeToText(title?.children) || "Untitled"
+      title: serializeToText(title?.children) || ""
     };
   };
   const getPreviewImage = async (needBackground = false, options = {}) => {
@@ -309,13 +309,11 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     hideTools: updatedHideTools || []
   }) : [];
   const handleEditorChange = newValue => {
-    if (!readOnly) {
-      if (JSON.stringify(newValue) !== JSON.stringify(debouncedValue?.current)) {
-        updateTopBanner(newValue, setTopBanner);
-        debounced(newValue);
-        if (!isInteracted) {
-          setIsInteracted(true);
-        }
+    if (JSON.stringify(newValue) !== JSON.stringify(debouncedValue?.current)) {
+      updateTopBanner(newValue, setTopBanner);
+      debounced(newValue);
+      if (!isInteracted) {
+        setIsInteracted(true);
       }
     }
   };
@@ -544,7 +542,8 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
                         transformOrigin: "left top",
                         transition: "all 0.3s",
                         minHeight: "87%",
-                        maxWidth: pageMaxWidth ? `${parseInt(pageMaxWidth)}px !important` : "auto"
+                        maxWidth: pageMaxWidth ? `${parseInt(pageMaxWidth)}px !important` : "auto",
+                        paddingTop: hasTopBanner() ? '20px !important' : ''
                       },
                       "data-info": outsideEditorClickLabel,
                       children: [/*#__PURE__*/_jsx(Editable, {

package/dist/Editor/Editor.css

@@ -397,6 +397,12 @@ blockquote {
   padding: 0px 5px 0px 2px !important
 }
 
+.signatureActionBtnContainer {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
 .signature-tab {
   display: flex;
   align-items: center;
@@ -605,8 +611,8 @@ blockquote {
     display: block !important;
   }
   
-  .dialog-actions-si .actionBtn {
-    margin-top: 24px;
+  .dialog-actions-si .signatureActionBtnContainer {
+    margin-top: 1.4rem;
   }
 }
 
@@ -989,7 +995,7 @@ blockquote {
 
 .sliderInput {
   width: 66px !important;
-  padding: 2px 10px;
+  padding: 2px 0px 2px 4px;
   margin-left: 18px;
   box-shadow: 0px 4px 16px 0px #0000000d;
   border: 1px solid #6f6f6f33;

package/dist/Editor/Elements/DataView/DataViewButton.js

@@ -15,7 +15,7 @@ const DataViewButton = props => {
     title: "Dynamic Table",
     onClick: onClick,
     icon: /*#__PURE__*/_jsx(Icon, {
-      icon: "dataView"
+      icon: "dataTable"
     }),
     icoBtnType: icoBtnType
   });

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

@@ -44,9 +44,9 @@ const SearchAttachment = props => {
         maxWidth: '250px',
         padding: "0px 10px",
         boxShadow: "none",
-        border: `1px solid ${theme?.palette?.primary?.slashBrainBorder}`,
+        border: `1px solid ${theme?.palette?.primary?.slashBrainBorder} !important`,
         borderRadius: "7px !important",
-        background: theme?.palette?.containers?.slashBrainCardBg,
+        background: `${theme?.palette?.containers?.slashBrainCardBg} !important`,
         cursor: 'pointer',
         margin: '4px 0px',
         lineHeight: 1.43,

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

@@ -313,7 +313,9 @@ const SignaturePopup = props => {
                     id: "signedBy",
                     name: "signedBy",
                     placeholder: "Enter Name",
-                    defaultValue: defaultName || "",
+                    value: signedData.signedBy || ""
+                    // defaultValue={defaultName || ""}
+                    ,
                     size: "small",
                     onChange: onChange,
                     sx: classes.signaturePopUpNameField
@@ -442,7 +444,8 @@ const SignaturePopup = props => {
                     size: "small",
                     onChange: onChange,
                     sx: classes.signaturePopUpNameField,
-                    defaultValue: defaultEmail || ""
+                    value: signedData.signedByEmail || ""
+                    // defaultValue={defaultEmail || ""}
                   })
                 })]
               })]
@@ -509,7 +512,9 @@ const SignaturePopup = props => {
                   })
                 })
               })]
-            }) : null, /*#__PURE__*/_jsxs(_Fragment, {
+            }) : null, /*#__PURE__*/_jsxs(Box, {
+              component: "div",
+              className: "signatureActionBtnContainer",
               children: [!readOnly ? /*#__PURE__*/_jsx(Button, {
                 onClick: handleClear,
                 className: `secondaryBtn actionBtn deleteBtn deleteButtonSignature`,

package/dist/Editor/Styles/EditorStyles.js

@@ -301,6 +301,9 @@ const editorStyles = ({
     "& .editor-wrapper": {
       paddingTop: '20px'
     },
+    "& .MuiDialog-paper, & .MuiPopover-paper": {
+      background: `${theme?.palette?.editor?.background} !important`
+    },
     "& .MuiPaper-root": {
       borderRadius: "0px !important",
       "& .MuiDialogTitle-root": {

package/dist/Editor/Toolbar/PopupTool/PopupToolStyle.js

@@ -127,6 +127,11 @@ const usePopupStyle = theme => ({
       },
       "@media only screen and (max-width: 599px)": {
         width: "330px"
+      },
+      "& .accordionIcon": {
+        "& p": {
+          textAlign: 'left'
+        }
       }
     },
     "& .MuiTypography-root": {
@@ -185,11 +190,6 @@ const usePopupStyle = theme => ({
       justifyContent: "start",
       borderRadius: "10px !important",
       transition: "background-color 0.3s ease",
-      // "& .colorBoxElementIcon": {
-      //   "& path": {
-      //     fill: theme?.palette?.type === "dark" ? "none" : "",
-      //   },
-      // },
       "& .signatureElementIcon": {
         "& path": {
           fill: `${theme?.palette?.editor?.closeButtonSvgStroke}`

package/dist/Editor/assets/svg/DataTableIcon.js

@@ -7,6 +7,7 @@ const DataTableIcon = () => {
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
+    className: "commonSvgStyle",
     children: [/*#__PURE__*/_jsx("path", {
       d: "M14.6668 7.33398V6.00065C14.6668 2.66732 13.3335 1.33398 10.0002 1.33398H6.00016C2.66683 1.33398 1.3335 2.66732 1.3335 6.00065V10.0007C1.3335 13.334 2.66683 14.6673 6.00016 14.6673H6.66683",
       stroke: "#64748B",

package/dist/Editor/common/MentionsPopup/Styles.js

@@ -3,7 +3,6 @@ const usePopupStyles = theme => ({
     position: "absolute",
     zIndex: 1300,
     borderRadius: "10px",
-    // padding: "0px",
     boxShadow: "0px 4px 10px 0px #00000029",
     overflow: "hidden",
     // padding: "8px 0px !important",

package/dist/Editor/plugins/withLayout.js

@@ -39,7 +39,7 @@ const withLayout = editor => {
           const title = {
             type: "title",
             children: [{
-              text: "Untitled"
+              text: ""
             }]
           };
           Transforms.insertNodes(editor, title, {

package/dist/Editor/utils/topBanner.js

@@ -22,10 +22,17 @@ export const insertTopBanner = (editor, embedData) => {
     } = embedData;
     if (!url) return;
     const embed = createTopBannerNode(embedData);
-    Transforms.insertNodes(editor, embed, {
-      at: [0]
-    });
-    insertNewLine(editor);
+    const isTopBanner = editor?.children[0]?.type === "topbanner";
+    if (!isTopBanner) {
+      Transforms.insertNodes(editor, embed, {
+        at: [0]
+      });
+      insertNewLine(editor);
+    } else {
+      Transforms.setNodes(editor, embed, {
+        at: [0]
+      });
+    }
   } catch (err) {
     console.log(err);
   }

package/package.json

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