@flozy/editor 3.5.2 → 3.5.3

package/README.md

@@ -1,4 +1,4 @@
-# editor
+# editorr
 A brain document editor
 
 # Node version

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

@@ -1,7 +1,7 @@
-import React, { useState, useRef } from "react";
+import React, { useState, useRef, useEffect } from "react";
 import { Transforms } from "slate";
 import { useSlateStatic, ReactEditor } from "slate-react";
-import { IconButton, Tooltip, Grid, Menu, MenuItem, CircularProgress, Box } from "@mui/material";
+import { IconButton, Tooltip, Grid, Menu, MenuItem, CircularProgress, Box, Typography } from "@mui/material";
 import DeleteIcon from "@mui/icons-material/Delete";
 import BackupIcon from "@mui/icons-material/Backup";
 import { GridSettingsIcon, GridAddSectionIcon, WorkflowIcon } from "../../common/iconslist";
@@ -60,7 +60,12 @@ const Form = props => {
   const [anchorEl, setAnchorEl] = useState(null);
   const [loading, setLoading] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
+  const [submittedSuccessfully, setSubmittedSuccessfully] = useState(false);
+  const [formHeight, setFormHeight] = useState();
   const path = ReactEditor.findPath(editor, element);
+  useEffect(() => {
+    setFormHeight(formEle?.current?.clientHeight);
+  }, []);
   const btnBorderStyle = buttonProps?.borderColor?.indexOf("linear") >= 0 ? {
     borderImageSource: buttonProps?.borderColor,
     borderImageSlice: 1
@@ -158,8 +163,10 @@ const Form = props => {
         alert(isValidForm[0]);
       } else {
         const formRes = await formSubmit(params, customProps);
-        if (formRes) {
+        if (formRes?.hasOwnProperty('form_id')) {
           onFormSubmit(formRes);
+          setSubmittedSuccessfully(true);
+          setAnchorEl(null);
         }
       }
       setLoading(false);
@@ -306,7 +313,7 @@ const Form = props => {
     },
     onMouseOver: onMouseOver,
     onMouseLeave: onMouseLeave,
-    children: [/*#__PURE__*/_jsxs(Box, {
+    children: [!submittedSuccessfully ? /*#__PURE__*/_jsxs(Box, {
       component: "form",
       id: `${formName}`,
       onSubmit: handleSubmit,
@@ -401,6 +408,27 @@ const Form = props => {
           }
         })
       })]
+    }) : /*#__PURE__*/_jsx(Typography, {
+      sx: {
+        color: textColor || "#A2A9B4",
+        borderColor: borderColor || "transparent",
+        borderWidth: borderWidth || "1px",
+        borderRadius: {
+          ...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
+        },
+        borderStyle: borderStyle || "solid",
+        background: bgColor || "transparent",
+        padding: {
+          ...getTRBLBreakPoints(bannerSpacing)
+        },
+        minHeight: `${formHeight}px`,
+        display: 'flex',
+        alignItems: "center",
+        justifyContent: "center",
+        textAlign: "center",
+        position: 'relative'
+      },
+      children: "Form Submitted Successfully...!"
     }), openSetttings ? /*#__PURE__*/_jsx(FormPopup, {
       element: element,
       onSave: onSave,

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

@@ -15,7 +15,7 @@ const SimpleTextStyle = ({
       bottom: 0,
       margin: "auto",
       pointerEvents: "none",
-      height: "18px",
+      height: "24px",
       overflow: "hidden",
       fontSize: "14px",
       "& .bg-pad-sl": {

package/dist/Editor/common/StyleBuilder/formStyle.js

@@ -129,31 +129,32 @@ const formStyle = [{
     key: "backgroundImage",
     type: "backgroundImage"
   }]
-}, {
-  tab: "Add to Boards",
-  value: "metadatamapping",
-  fields: [{
-    label: "Add response to contacts board",
-    key: "metadatamapping",
-    type: "metadatamapping",
-    compType: "card",
-    content: "By default, form responses are added as separate cards on the default contact board.",
-    value: "mappingToContactBoard",
-    infoIcon: /*#__PURE__*/_jsx(Icon, {
-      icon: "info"
-    })
-  }, {
-    label: "Create a separate board",
-    key: "metadatamapping",
-    type: "metadatamapping",
-    compType: "card",
-    content: "By default, form responses are added as separate cards on a new board (Contact Us).",
-    value: "mappingToSeparateBoard",
-    infoIcon: /*#__PURE__*/_jsx(Icon, {
-      icon: "info"
-    })
-  }]
-}, {
+},
+// {
+//   tab: "Add to Boards",
+//   value: "metadatamapping",
+//   fields: [
+//     {
+//       label: "Add response to contacts board",
+//       key: "metadatamapping",
+//       type: "metadatamapping",
+//       compType: "card",
+//       content: "By default, form responses are added as separate cards on the default contact board.",
+//       value: "mappingToContactBoard",
+//       infoIcon: <Icon icon="info" />
+//     },
+//     {
+//       label: "Create a separate board",
+//       key: "metadatamapping",
+//       type: "metadatamapping",
+//       compType: "card",
+//       content: "By default, form responses are added as separate cards on a new board (Contact Us).",
+//       value: "mappingToSeparateBoard",
+//       infoIcon: <Icon icon="info" />
+//     },
+//   ],
+// },
+{
   tab: "Save As Template",
   value: "saveAsTemplate",
   needActions: false,

package/package.json

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