@flozy/editor 3.5.1 → 3.5.3

package/README.md

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

package/dist/Editor/Editor.css

@@ -574,6 +574,16 @@ blockquote {
   margin: auto;
 }
 
+.embed-code .element-toolbar {
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  width: fit-content;
+  height: fit-content;
+  margin: auto;
+}
+
 .resize-br {
   position: absolute !important;
   bottom: 2px;

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

@@ -18,6 +18,11 @@
   right: 2px;
 }
 
+.embed-code {
+  position: relative;
+  margin: 0px;
+}
+
 .image-text-wrapper {
   padding: 0px;
   margin: 0px;

package/dist/Editor/Elements/EmbedScript/Code.js

@@ -1,6 +1,10 @@
 import React, { useEffect, useRef } from "react";
 import sanitizeHtml from "sanitize-html";
 import { allowedDomains, decodeString } from "../../utils/helper";
+import { IconButton, Tooltip } from "@mui/material";
+import { DeleteIcon } from "../../assets/svg/AIIcons";
+import { ReactEditor, useSlateStatic } from "slate-react";
+import { Transforms } from "slate";
 
 // const sanitize = (input) => {
 //   const doc = new DOMParser().parseFromString(input, "text/html");
@@ -21,18 +25,45 @@ const getCode = (embedData, isEncoded) => {
   }
   return embedData;
 };
+const ToolBar = ({
+  onDelete
+}) => {
+  return /*#__PURE__*/_jsx("div", {
+    className: "element-toolbar visible-on-hover",
+    contentEditable: false,
+    children: /*#__PURE__*/_jsx(Tooltip, {
+      title: "Delete",
+      arrow: true,
+      children: /*#__PURE__*/_jsx(IconButton, {
+        onClick: onDelete,
+        children: /*#__PURE__*/_jsx(DeleteIcon, {})
+      })
+    })
+  });
+};
 const Code = props => {
   const codeRef = useRef();
   const {
     element,
     attributes,
-    children
+    children,
+    customProps
   } = props;
   const {
     embedData,
     isEncoded,
     isSanitized
   } = element;
+  const {
+    readOnly
+  } = customProps;
+  const editor = useSlateStatic();
+  const path = ReactEditor.findPath(editor, element);
+  const onDelete = () => {
+    Transforms.removeNodes(editor, {
+      at: path
+    });
+  };
   useEffect(() => {
     if (codeRef?.current) {
       const code = getCode(embedData, isEncoded);
@@ -50,12 +81,14 @@ const Code = props => {
     }
   }, []);
   return /*#__PURE__*/_jsxs("div", {
+    className: "embed-code has-hover",
     contentEditable: false,
-    className: `embed-code`,
     ...attributes,
     children: [/*#__PURE__*/_jsx("div", {
       ref: codeRef
-    }), children]
+    }), children, !readOnly && /*#__PURE__*/_jsx(ToolBar, {
+      onDelete: onDelete
+    })]
   });
 };
 export default Code;

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.1",
+  "version": "3.5.3",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"