@flozy/editor 3.5.9 → 3.6.0

package/dist/Editor/Elements/Embed/Image.js

@@ -6,7 +6,7 @@ import useResize from "../../utils/customHooks/useResize";
 import EmbedPopup from "./EmbedPopup";
 import { IconButton, Tooltip, Box } from "@mui/material";
 import { GridSettingsIcon, LinkIcon } from "../../common/iconslist";
-import { useEditorContext, useEditorSelection } from "../../hooks/useMouseMove";
+import { useEditorContext } from "../../hooks/useMouseMove";
 import { getTRBLBreakPoints, getBreakPointsValue } from "../../helper/theme";
 import Icon from "../../common/Icon";
 import frames from "./Frames";

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

@@ -63,9 +63,11 @@ const Form = props => {
   const [showOptions, setShowOptions] = useState(false);
   const [submittedSuccessfully, setSubmittedSuccessfully] = useState(false);
   const [formHeight, setFormHeight] = useState();
+  const [formWidth, setFormWidth] = useState();
   const path = ReactEditor.findPath(editor, element);
   useEffect(() => {
     setFormHeight(formEle?.current?.clientHeight);
+    setFormWidth(formEle?.current?.clientWidth);
   }, []);
   const btnBorderStyle = buttonProps?.borderColor?.indexOf("linear") >= 0 ? {
     borderImageSource: buttonProps?.borderColor,
@@ -317,7 +319,7 @@ const Form = props => {
     },
     onMouseOver: onMouseOver,
     onMouseLeave: onMouseLeave,
-    children: [!submittedSuccessfully ? /*#__PURE__*/_jsxs(Box, {
+    children: [/*#__PURE__*/_jsxs(Box, {
       component: "form",
       id: `${formName}`,
       onSubmit: handleSubmit,
@@ -325,6 +327,7 @@ const Form = props => {
         color: textColor || "#FFF",
         borderColor: borderColor || "transparent",
         borderWidth: borderWidth || "1px",
+        display: submittedSuccessfully ? 'none' : 'block',
         borderRadius: {
           ...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
         },
@@ -412,17 +415,20 @@ const Form = props => {
           }
         })
       })]
-    }) : /*#__PURE__*/_jsx(Grid, {
+    }), /*#__PURE__*/_jsx(Grid, {
       item: true,
+      sx: {
+        display: submittedSuccessfully ? 'flex' : 'none'
+      },
       contentEditable: false,
-      children: /*#__PURE__*/_jsxs(Grid, {
+      children: /*#__PURE__*/_jsx(Grid, {
         container: true,
         alignItems: "center",
         justifyContent: "center",
         spacing: 2,
-        children: [/*#__PURE__*/_jsx(Grid, {
+        children: /*#__PURE__*/_jsx(Grid, {
           item: true,
-          children: /*#__PURE__*/_jsx(Typography, {
+          children: /*#__PURE__*/_jsxs(Typography, {
             sx: {
               color: textColor || "#A2A9B4",
               borderColor: borderColor || "transparent",
@@ -436,23 +442,26 @@ const Form = props => {
                 ...getTRBLBreakPoints(bannerSpacing)
               },
               minHeight: `${formHeight}px`,
+              minWidth: `${formWidth}px`,
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
               textAlign: "center",
               position: "relative"
             },
-            children: "Form Submitted Successfully...!"
-          })
-        }), /*#__PURE__*/_jsx(Grid, {
-          item: true,
-          children: /*#__PURE__*/_jsx(IconButton, {
-            onClick: handleCloseMessage,
-            children: /*#__PURE__*/_jsx(Icon, {
-              icon: "closeIcon"
-            })
+            children: ["Form Submitted Successfully...!", /*#__PURE__*/_jsx("span", {
+              style: {
+                paddingLeft: "10px"
+              },
+              children: /*#__PURE__*/_jsx(IconButton, {
+                onClick: handleCloseMessage,
+                children: /*#__PURE__*/_jsx(Icon, {
+                  icon: "closeIcon"
+                })
+              })
+            })]
           })
-        })]
+        })
       })
     }), openSetttings ? /*#__PURE__*/_jsx(FormPopup, {
       element: element,

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

@@ -30,12 +30,25 @@ const FormNumbers = props => {
     children: /*#__PURE__*/_jsx(Box, {
       component: "input",
       ...rest,
-      type: "number",
-      inputProps: {
-        min: 0
+      type: "tel",
+      onChange: e => {
+        let value = e.target.value;
+        value = value.replace(/[^0-9+]/g, '');
+        if (value.startsWith('+')) {
+          value = value[0] + value.slice(1).replace(/\+/g, '');
+        }
+        if (value.startsWith('+')) {
+          if (value.length > 16) {
+            value = value.slice(0, 16);
+          }
+        } else {
+          if (value.length > 15) {
+            value = value.slice(0, 15);
+          }
+        }
+        e.target.value = value;
+        onChange(e);
       },
-      onChange: onChange,
-      onWheel: e => e.target.blur(),
       sx: {
         width: "100%",
         border: `1px solid ${borderColor || "#FFF"}`,
@@ -50,17 +63,9 @@ const FormNumbers = props => {
         },
         borderStyle: borderStyle || "solid",
         color: textColor || "#000",
-        background: bgColor || "transparent",
-        '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
-          '-webkit-appearance': 'none',
-          margin: 0
-        },
-        '&[type=number]': {
-          '-moz-appearance': 'textfield' // Hide spin buttons for Firefox
-        }
+        background: bgColor || "transparent"
       }
     })
   });
 };
-
 export default FormNumbers;

package/dist/Editor/Toolbar/Mini/MiniToolbar.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { useSlate } from "slate-react";
-import { Box, Dialog, IconButton, Paper, Popper, Tooltip, useTheme } from "@mui/material";
+import { Box, Dialog, IconButton, Paper, Popper, Tooltip } from "@mui/material";
 import MENU_OPTIONS from "./Options/Options";
 import TextFormat from "../PopupTool/TextFormat";
 import AddElements from "../PopupTool/AddElements";
@@ -8,7 +8,6 @@ import AddTemplates from "../PopupTool/AddTemplates";
 import miniToolbarStyles from "./Styles";
 import usePopupStyle from "../PopupTool/PopupToolStyle";
 import PopperHeader from "../PopupTool/PopperHeader";
-import { getSelectedText } from "../../utils/helper";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

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

@@ -4,7 +4,6 @@ import FieldMap from ".";
 import { jsx as _jsx } from "react/jsx-runtime";
 const MetaDataMapping = props => {
   const {
-    value,
     data,
     onChange,
     elementProps

package/dist/Editor/utils/table.js

@@ -320,10 +320,14 @@ export class TableUtil {
       const [tableNode] = Editor.nodes(this.editor, {
         match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
       });
-      const [, tableCellPath] = Editor.nodes(this.editor, {
-        at: selection,
-        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
-      });
+
+      // const [, tableCellPath] = Editor.nodes(this.editor, {
+      //   at: selection,
+      //   match: (n) =>
+      //     !Editor.isEditor(n) &&
+      //     Element.isElement(n) &&
+      //     n.type === "table-cell",
+      // });
       const {
         anchor,
         focus

package/package.json

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