@flozy/editor 1.6.1 → 1.6.3

package/dist/Editor/CommonEditor.js

@@ -90,7 +90,9 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     footer,
     needLayout = true,
     CHARACTERS = [],
-    editorClass
+    editorClass,
+    fixedWidth = "60%",
+    fullWidth = "80%"
   } = otherProps || {};
   const [drag, setDrag] = useState(null);
   const classes = editorStyles({
@@ -451,14 +453,14 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
                   className: "scroll-area",
                   children: /*#__PURE__*/_jsxs("div", {
                     ref: editorWrapper,
-                    className: `editor-wrapper`,
+                    className: `editor-wrapper ${pageWidth === "fixed" ? "fixed" : "full"}`,
                     style: {
                       backgroundColor: pageColor || "#FFF",
                       paddingLeft: `${bannerSpacing?.left || 12}px`,
                       paddingRight: `${bannerSpacing?.right || 12}px`,
                       paddingTop: `${bannerSpacing?.top}px`,
                       paddingBottom: `${bannerSpacing?.bottom}px`,
-                      width: !pageWidth || pageWidth === "fixed" ? "60%" : "80%",
+                      width: !pageWidth || pageWidth === "fixed" ? fixedWidth : fullWidth,
                       // width: viewport.w ? `${viewport.w}px` : "100%",
                       height: viewport.h ? `${viewport.h}px` : `100%`,
                       alignSelf: "center",

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

@@ -20,7 +20,8 @@ const SignaturePopup = props => {
     className
   } = props;
   const {
-    readOnly
+    readOnly,
+    metadata
   } = customProps;
   const [open, setOpen] = useState(false);
   const [tab, setTab] = useState(0);
@@ -41,7 +42,13 @@ const SignaturePopup = props => {
       resource_id: customProps?.page_id
     });
     onSave(signedData);
-    handleClose();
+    // manual delay
+    setTimeout(() => {
+      if (metadata && metadata?.actionHandler) {
+        metadata?.actionHandler("signed", signedData);
+      }
+      handleClose();
+    }, 0);
   };
   const handleClear = () => {
     onClear();

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

@@ -15,6 +15,9 @@ const AddElements = props => {
     container: true,
     sx: classes.textFormatWrapper,
     spacing: 2,
+    style: {
+      margin: 0
+    },
     children: elements.map(m => {
       return /*#__PURE__*/_jsx(Grid, {
         item: true,

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

@@ -17,6 +17,10 @@ const PopperHeader = props => {
   return /*#__PURE__*/_jsx(Grid, {
     container: true,
     padding: 2,
+    className: "headerContainer",
+    style: {
+      paddingTop: "2px"
+    },
     children: /*#__PURE__*/_jsxs(Grid, {
       item: true,
       xs: 12,

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

@@ -24,6 +24,7 @@ const usePopupStyle = () => ({
         width: "100%"
       }
     },
+    "& .headerContainer": {},
     "& .textSettingHeader": {
       borderBottom: "1px solid #DCE4EC",
       padding: "8px 0px 5px",

package/dist/Editor/common/Icon.js

@@ -135,7 +135,8 @@ const iconList = {
     size: 20
   }),
   emoji: /*#__PURE__*/_jsx(MdEmojiEmotions, {
-    size: 20
+    size: 20,
+    fill: "#64748B"
   }),
   grid: /*#__PURE__*/_jsx(GridIcon, {}),
   accordion: /*#__PURE__*/_jsx(AccordionIcon, {}),
@@ -166,7 +167,8 @@ const iconList = {
   }),
   embed: /*#__PURE__*/_jsx(LinkIcon, {}),
   topbanner: /*#__PURE__*/_jsx(IoIosImage, {
-    size: 20
+    size: 20,
+    fill: "#64748B"
   }),
   fileUpload: /*#__PURE__*/_jsx(MdOutlineFileUpload, {
     size: 20

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

@@ -21,7 +21,8 @@ const ElementListCard = props => {
     children: /*#__PURE__*/_jsxs(Card, {
       sx: {
         display: "flex",
-        width: "324px",
+        width: "100%",
+        maxWidth: "324px",
         justifyContent: "start",
         alignItems: "center",
         background: "transparent",

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

@@ -18,7 +18,8 @@ const MentionsListCard = props => {
   return /*#__PURE__*/_jsxs(Card, {
     sx: {
       display: "flex",
-      width: "324px",
+      width: "100%",
+      maxWidth: "324px",
       justifyContent: "start",
       alignItems: "center",
       background: "transparent",

package/dist/Editor/plugins/withLayout.js

@@ -28,6 +28,7 @@ const withLayout = editor => {
           at: path.concat(1)
         });
       }
+      let prevType = "";
       for (const [child, childPath] of Node.children(editor, path)) {
         let type = "";
         const slateIndex = childPath[0];
@@ -43,11 +44,12 @@ const withLayout = editor => {
         };
         switch (slateIndex) {
           case 0:
-            type = "title";
+            type = child.type === "topbanner" ? "topbanner" : "title";
+            prevType = type;
             enforceType(type);
             break;
           case 1:
-            type = "paragraph";
+            type = prevType === "topbanner" ? "title" : "paragraph";
             enforceType(type);
             break;
           default:

package/package.json

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