@flozy/editor 4.4.0 → 4.4.2

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

@@ -1,27 +1,22 @@
 import React from "react";
-import { Box, Button, Card, CardMedia, Grid } from "@mui/material";
+import { Box, Card, CardMedia, Grid } from "@mui/material";
+
+// const Select = (props) => {
+//     const { classes, data, onSelectTemplate } = props;
+//     return (
+//         <Box
+//             className="template-card-action"
+//             component={"div"}
+//             sx={classes.templateCardBtnGrp}
+//             style={{background: "transparent"}}
+//         >
+//             <Button className="blueBtn" onClick={onSelectTemplate(data)}>
+//                 Select
+//             </Button>
+//         </Box>
+//     );
+// };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Select = props => {
-  const {
-    classes,
-    data,
-    onSelectTemplate
-  } = props;
-  return /*#__PURE__*/_jsx(Box, {
-    className: "template-card-action",
-    component: "div",
-    sx: classes.templateCardBtnGrp,
-    style: {
-      background: "transparent"
-    },
-    children: /*#__PURE__*/_jsx(Button, {
-      className: "blueBtn",
-      onClick: onSelectTemplate(data),
-      children: "Select"
-    })
-  });
-};
 const FullViewCard = props => {
   const {
     classes,
@@ -35,19 +30,19 @@ const FullViewCard = props => {
     children: /*#__PURE__*/_jsx(Card, {
       sx: classes.paperOverrides,
       className: "paperOverrides",
-      children: /*#__PURE__*/_jsxs(Box, {
-        sx: classes.buttonCardMediaWrpr,
-        children: [/*#__PURE__*/_jsx(CardMedia, {
-          component: "div",
-          image: m?.thumbnail,
-          alt: m?.title,
-          sx: classes.fullViewCardMedia,
-          className: height
-        }), /*#__PURE__*/_jsx(Select, {
-          classes: classes,
-          onSelectTemplate: onSelectTemplate,
-          data: m
-        })]
+      children: /*#__PURE__*/_jsx(Box, {
+        sx: classes.fullViewCardMediaWrpr,
+        onClick: onSelectTemplate(m),
+        children: /*#__PURE__*/_jsx("div", {
+          className: "img-wrapper",
+          children: /*#__PURE__*/_jsx(CardMedia, {
+            component: "div",
+            image: m?.thumbnail,
+            alt: m?.title,
+            sx: classes.fullViewCardMedia,
+            className: height
+          })
+        })
       })
     })
   }, `template_${m.id}`);

package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js

@@ -13,6 +13,7 @@ import PopperHeader from "../PopperHeader";
 import MiniColorPicker from "./MiniColorPicker";
 import SelectAlignment from "./SelectAlignment";
 import SelectFontSize from "./SelectFontSize";
+// import InfinityAITool from "./InfinityAITool";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_COLOR = {
@@ -27,6 +28,7 @@ const MiniTextFormat = props => {
     classes,
     editor,
     closeMainPopup
+    // customProps
   } = props;
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);

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

@@ -3,10 +3,9 @@ const usePopupStyle = theme => ({
     boxShadow: "1px 2px 15px 0px #2563EB40",
     zIndex: 1300,
     marginBottom: "12px !important",
-    borderRadius: "6px",
     border: "1px solid #D8DDE1",
+    borderRadius: "6px",
     maxWidth: "100%",
-    // maxHeight: "40px",
     "&.fullscreen": {
       marginBottom: "0px !important",
       "& .papper-wrpr": {
@@ -482,9 +481,10 @@ const usePopupStyle = theme => ({
     }
   },
   fullViewCardMedia: {
+    margin: "5px 0px",
     width: "100%",
     backgroundPosition: "left top",
-    backgroundSize: "100% auto",
+    backgroundSize: "100%, auto",
     zIndex: 1,
     position: "relative",
     "&.fullscreen": {
@@ -499,9 +499,10 @@ const usePopupStyle = theme => ({
     }
   },
   buttonCardMedia: {
+    margin: "5px 0px",
     width: "100%",
-    height: "48px",
-    backgroundPosition: "left top",
+    height: "40px",
+    backgroundPosition: "center",
     backgroundSize: "contain",
     zIndex: 1,
     position: "relative",
@@ -510,26 +511,25 @@ const usePopupStyle = theme => ({
     }
   },
   buttonCardMediaWrpr: {
+    padding: "5px",
     position: "relative",
     margin: "8px",
-    marginBottom: "0px",
-    "&:hover": {
-      "& .template-card-action": {
-        display: "flex"
+    height: "50px",
+    "& .img-wrapper": {
+      "&:hover": {
+        padding: "0px 2px 0px 2px",
+        backgroundColor: "#E9F3FE",
+        border: "1px solid #2563EB40",
+        borderRadius: "5px",
+        // height: "100%",
+        margin: "0px"
+        // "& .template-card-action": {
+        //   display: "flex",
+        // },
       }
-    },
-    "& .img-loader-wrapper": {
-      position: "absolute",
-      width: "12px",
-      height: "12px",
-      left: 0,
-      right: 0,
-      top: 0,
-      bottom: 0,
-      margin: "auto",
-      zIndex: 0
     }
   },
+
   paperOverrides: {
     "&.MuiPaper-root": {
       background: "transparent",
@@ -587,12 +587,13 @@ const usePopupStyle = theme => ({
   },
   customSelectPopoverWrapper: {
     "& .MuiPopover-paper": {
-      maxHeight: "140px",
       // minWidth: "130px",
       border: "1px solid #E4E8EB",
+      maxHeight: "140px",
       background: `${theme?.palette?.editor?.background} !important`,
-      overflowY: "scroll",
+      // overflowY: "hidden",
       padding: "6px 12px 6px 0px",
+      overflowY: "scroll",
       "@media only screen and (max-width: 600px)": {
         marginTop: "-40px"
       }
@@ -642,6 +643,21 @@ const usePopupStyle = theme => ({
     "& fieldset": {
       border: "none !important"
     }
+  },
+  fullViewCardMediaWrpr: {
+    padding: "5px",
+    position: "relative",
+    margin: "8px",
+    height: "140px",
+    "& .img-wrapper": {
+      "&:hover": {
+        padding: "0px 2px 0px 2px",
+        backgroundColor: "#E9F3FE",
+        border: "1px solid #2563EB40",
+        borderRadius: "5px",
+        margin: "0px"
+      }
+    }
   }
 });
 export default usePopupStyle;

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

@@ -27,6 +27,7 @@ const TextFormat = props => {
     onClose,
     closeMainPopup
   } = props;
+  console.log("PROPS:", props);
   const [anchorEl, setAnchorEl] = useState(null);
   const [type, setType] = useState(null);
   const open = Boolean(anchorEl);

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

@@ -80,16 +80,16 @@ const PopupTool = props => {
       updateAnchorEl();
     }
   }, [selection]);
-  useEffect(() => {
-    if (selectedElement?.enable === 1) {
-      setAnchorEl(null);
-    }
-  }, [selection, selectedElement?.path, selectedElement?.enable]);
   const handleClose = () => {
     setAnchorEl(null);
     setOpen(false);
     setPopupType("");
   };
+  useEffect(() => {
+    if (selectedElement?.enable === 1) {
+      setAnchorEl(null);
+    }
+  }, [selection, selectedElement?.path, selectedElement?.enable]);
   return open && !openAI ? /*#__PURE__*/_jsx(ClickAwayListener, {
     onClickAway: e => {
       // close the mini toolbar, if user clicks outside the editor (in Flozy app.)

package/dist/Editor/common/FontLoader/FontLoader.js

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import WebFont from "webfontloader";
 import { useEditorContext } from "../../hooks/useMouseMove";
-const defaultFonts = ["PoppinsRegular", "PoppinsBold", "Helvetica", "Georgia", "Times New Roman", "Monaco", "Courier New", "Qwitcher Grypen", "EB Garamond", "Anton", "DM Serif Text", "Libre Baskerville", "Montserrat", "Open Sans", "Public Sans", "Raleway", "Space Mono", "Bulgarian Garamond", "Impact", "Redacted Script", "Great Vibes", "Zeyada", "Allura", "Pinyon Script", "Herr Von Muellerhoff", "Dawning of a New Day", "Coming Soon", "Dancing Script", "Engagement", "Gaegu", "Ingrid Darling", "Kite One", "La Belle Aurore", "Mea Culpa", "Meddon", "Merriweather", "The Girl Next Door"];
+const defaultFonts = ['PoppinsRegular', 'PoppinsBold', 'Helvetica', 'Georgia', 'Times New Roman', 'Monaco', 'Courier New', 'Qwitcher Grypen', 'EB Garamond', 'Anton', 'DM Serif Text', 'Libre Baskerville', 'Montserrat', 'Open Sans', 'Public Sans', 'Raleway', 'Space Mono', 'Bulgarian Garamond', 'Impact', 'Redacted Script', 'Great Vibes', 'Zeyada', 'Allura', 'Pinyon Script', 'Herr Von Muellerhoff', 'Dawning of a New Day', 'Coming Soon', 'Dancing Script', 'Engagement', 'Gaegu', 'Ingrid Darling', 'Kite One', 'La Belle Aurore', 'Mea Culpa', 'Meddon', 'Merriweather', 'The Girl Next Door'];
 const FontLoader = props => {
   const {
     otherProps,
@@ -15,7 +15,7 @@ const FontLoader = props => {
     let retryCount = 0;
     function loadNextBatch() {
       if (currentIndex >= families?.length) {
-        console.log("All fonts have been loaded");
+        console.log('All fonts have been loaded');
         return;
       }
       const batch = families?.slice(currentIndex, currentIndex + batchSize);
@@ -68,13 +68,13 @@ const FontLoader = props => {
       });
     } else {
       function correctFontArray(fontString) {
-        let fontsArray = fontString.split(",");
+        let fontsArray = fontString.split(',');
         let cleanedFontsArray = [...new Set(fontsArray.map(font => font.trim()))];
         return cleanedFontsArray;
       }
       function sanitizeFontFamily(fontFamily) {
         const correctedFonts = correctFontArray(fontFamily);
-        return correctedFonts.join(", ");
+        return correctedFonts.join(', ');
       }
       const elements = Array.from(document?.querySelectorAll("*"));
       const fontSet = new Set();
@@ -83,8 +83,8 @@ const FontLoader = props => {
         fontSet.add(sanitizeFontFamily(computedStyles?.fontFamily));
       });
       let families = Array.from(fontSet);
-      families = correctFontArray(families.join(", "));
-      families = families.map(font => font.replace(/\"/g, ""));
+      families = correctFontArray(families.join(', '));
+      families = families.map(font => font.replace(/\"/g, ''));
       loadFontsInBatches(families);
     }
   }, []);

package/dist/Editor/common/Icon.js

@@ -224,6 +224,7 @@ const iconList = {
       fill: "#64748B"
     }
   }),
+  calenderNewIcon: /*#__PURE__*/_jsx(CalendlyIcon, {}),
   freegrid: /*#__PURE__*/_jsx(CiGrid32, {
     size: 20,
     style: {
@@ -233,7 +234,6 @@ const iconList = {
   text: /*#__PURE__*/_jsx(Text, {
     stroke: "#64748B"
   }),
-  calenderNewIcon: /*#__PURE__*/_jsx(CalendlyIcon, {}),
   textArea: /*#__PURE__*/_jsx(TextAreaIcon, {}),
   phone: /*#__PURE__*/_jsx(Phone, {}),
   briefCase: /*#__PURE__*/_jsx(BriefCase, {}),

package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js

@@ -1,5 +1,4 @@
 import React from "react";
-import { Node } from "slate";
 import { Dialog, DialogContent, DialogTitle, IconButton } from "@mui/material";
 import SaveAsTemplate from "../../../StyleBuilder/fieldTypes/saveAsTemplate";
 import { CloseIcon } from "../../../iconslist";

package/dist/Editor/common/RnD/index.js

@@ -155,7 +155,6 @@ const RnD = props => {
       switch (e.detail) {
         case 1:
           if (!enable) {
-            // focusSelection(editor, { path });
             setSelectedElement({
               path: str_path,
               enable: 1,
@@ -163,6 +162,7 @@ const RnD = props => {
               anchorEl: rndRef?.current
             });
           }
+          // ReactEditor.focus(editor);
           break;
         case 2:
           focusSelection(editor, {
@@ -270,9 +270,7 @@ const RnD = props => {
         dragOver: null
       }, null);
     }
-    // focusSelection(editor, { path: updated_at });
   };
-
   const onDragStart = e => {
     e.preventDefault();
     if (e?.target?.dataset?.path?.split(",").join("|") === sp) {
@@ -314,6 +312,7 @@ const RnD = props => {
   const onDrag = (e, d) => {
     e.preventDefault();
     const lines = getClosestDraggable(e.clientX, e.clientY, `.freegrid-section_${parentSectionPath} .freegrid-container .freegrid-item.inactive-drag`.replace(/\|/g, "\\|"), ".freegrid-item.active-drag:not(.exclude-virtual)");
+    console.log(lines);
     setAbsPosition({
       ...absPosition,
       "--zIndex": 2000

package/dist/Editor/common/Section/index.js

@@ -104,13 +104,6 @@ const Section = props => {
   };
   const isFreeGrid = element?.children?.find(f => f.type === "freegrid");
   const needHover = element?.children?.find(f => f.type === "grid" && !list_types.includes(element.type)) ? "needHover" : "";
-  let tempProps = {};
-  if (element?.type === "temp") {
-    tempProps = {
-      "--left": `${element?.left}px`,
-      "--top": `${element?.top}px`
-    };
-  }
   const sectionBgImage = sectionBackgroundImage && sectionBackgroundImage !== "none" ? {
     backgroundImage: `url(${sectionBackgroundImage})`
   } : {};
@@ -129,10 +122,7 @@ const Section = props => {
   }, theme);
   return path.length === 1 && !isFreeGrid ? /*#__PURE__*/_jsxs(Box, {
     component: "div",
-    className: `ed-section-wrapper ${readOnly ? "" : "hselect"} ${needHover} is-${element?.type}`,
-    style: {
-      ...tempProps
-    },
+    className: `ed-section-wrapper ${readOnly ? "" : "hselect"} ${needHover}`,
     sx: {
       ...classes.root,
       background: sectionBgColor,

package/dist/Editor/common/Section/styles.js

@@ -52,20 +52,6 @@ const SectionStyle = theme => ({
       [theme.breakpoints.between("xs", "md")]: {
         maxWidth: `320px !important`
       }
-    },
-    "&.is-temp": {
-      position: "fixed",
-      background: "red",
-      padding: "12px",
-      width: "10px",
-      height: "10px",
-      // left: 0,
-      // top: 0,
-      margin: "auto",
-      left: "var(--left)",
-      top: "var(--top)",
-      zIndex: 1000,
-      pointerEvents: "none"
     }
   }
 });

package/dist/Editor/common/Shorthands/mentions.js

@@ -3,6 +3,6 @@ const mentions = props => {
     CHARACTERS,
     search
   } = props;
-  return CHARACTERS.filter(c => c.name.toLowerCase().startsWith(search?.toLowerCase())).slice(0, 10);
+  return CHARACTERS.filter(c => c?.name?.toLowerCase()?.startsWith(search?.toLowerCase())).slice(0, 10);
 };
 export default mentions;

package/dist/Editor/helper/index.js

@@ -4,7 +4,6 @@ import html2canvas from "html2canvas";
 import { rectIntersection, closestCenter } from "@dnd-kit/core";
 import { getQueryStrings } from "../utils/SlateUtilityFunctions";
 import { Node } from "slate";
-// import { focusUsingTemporaryNode } from "./RnD/focusNode";
 const HIDE_PLACHOLDERS = ["grid", "grid-item", "table"];
 const PREVIEW_IMAGE_HIDE_CLASS = ["grid-container-toolbar", "grid-item-toolbar", "element-toolbar", "mini-tool-wrpr-ei", "element-selector", "element-selector-ctrl"];
 const RND_ITEMS = ["freegridItem", "freegridBox"];
@@ -255,9 +254,8 @@ export const focusSelection = (editor, {
     const selectedDOM = ReactEditor.toDOMNode(editor, selectedNode);
     selectedDOM.scrollIntoView({
       behavior: "smooth",
-      block: "nearest"
+      block: "center"
     });
-    // focusUsingTemporaryNode(editor, selectedDOM);
   } catch (err) {
     console.log(err);
   }
@@ -304,7 +302,7 @@ export const getTextColor = (color = "") => {
     WebkitTextFillColor: "transparent !important",
     color: "transparent !important",
     caretColor: "black",
-    "& span": {
+    '& span': {
       color: "transparent !important"
     }
   } : {

package/dist/Editor/hooks/useBreakpoints.js

@@ -1,6 +1,6 @@
 import { useMediaQuery } from "@mui/material";
 export const STIMULATOR_MOCK = {
-  xs: "@media (min-width: 1200px) and (max-width: 1980px)"
+  xs: "@media (min-width: 1200px) and (max-width: 7680px)"
 };
 export const isStimulator = () => {
   try {

package/dist/Editor/hooks/useMentions.js

@@ -13,7 +13,7 @@ const getStartEnd = ({
     // Get start and end, modify it as we move along.
     let [start, end] = Range.edges(selection);
 
-    // Move backwards
+    // Move backwards to find the start of the word
     while (true) {
       const before = Editor.before(editor, start, {
         unit: "character"
@@ -22,16 +22,15 @@ const getStartEnd = ({
         anchor: before,
         focus: start
       });
-      if (before && wordBefore && SHORTHAND_CMDS.indexOf(wordBefore) < 0) {
-        start = before;
-        if (start.offset === 0) {
-          // Means we've wrapped to beginning of another block
+      if (before) {
+        if (wordBefore.trim() === "") {
+          break;
+        } else if (SHORTHAND_CMDS.indexOf(wordBefore) < 0) {
+          start = before;
+        } else {
+          start = before;
           break;
         }
-      } else if (SHORTHAND_CMDS.indexOf(wordBefore) >= 0) {
-        // reached the character end
-        start = before;
-        break;
       } else {
         break;
       }
@@ -41,11 +40,38 @@ const getStartEnd = ({
       focus: end
     };
     const word = Editor.string(editor, wordRange);
+    const firstChar = word[0];
+
+    // Handle the commands
+    if (firstChar === '@') {
+      // Only trigger @ if preceded by a space
+      const isPrecededBySpace = Editor.string(editor, {
+        anchor: {
+          path: start.path,
+          offset: start.offset - 1
+        },
+        focus: start
+      }).trim() === "";
+      if (isPrecededBySpace) {
+        return {
+          word,
+          search: word.substring(1),
+          target: wordRange,
+          type: TYPES[firstChar]
+        };
+      }
+    } else if (firstChar === '/') {
+      return {
+        word,
+        search: word.substring(1),
+        target: wordRange,
+        type: TYPES[firstChar]
+      };
+    }
     return {
-      word,
-      search: word?.substring(1, word.length),
-      target: wordRange,
-      type: TYPES[word[0]]
+      word: "",
+      wordRange: null,
+      type: null
     };
   } catch (err) {
     return {

package/dist/Editor/hooks/withCommon.js

@@ -9,7 +9,12 @@ import withLayout from "../plugins/withLayout";
 import withHtml from "../plugins/withHTML";
 import withErrorHandling from "./withErrorHandling";
 import withCustomDeleteBackward from "../plugins/withCustomDeleteBackward";
-const withCommon = (props, rest = {}) => {
-  return rest.needLayout ? withErrorHandling(withHtml(withEquation(withLayout(withHistory(withEmbeds(withTables(withLinks(withMentions(withCustomDeleteBackward(withReact(props))))))))))) : withErrorHandling(withHtml(withEquation(withHistory(withEmbeds(withTables(withLinks(withMentions(withCustomDeleteBackward(withReact(props))))))))));
+const withCommon = (props, {
+  needLayout = false,
+  isChatEditor = false
+}) => {
+  const editor = needLayout ? withErrorHandling(withHtml(withEquation(withLayout(withHistory(withEmbeds(withTables(withLinks(withMentions(withCustomDeleteBackward(withReact(props))))))))))) : withErrorHandling(withHtml(withEquation(withHistory(withEmbeds(withTables(withLinks(withMentions(withCustomDeleteBackward(withReact(props))))))))));
+  editor.isChatEditor = isChatEditor;
+  return editor;
 };
 export default withCommon;

package/dist/Editor/plugins/withHTML.js

@@ -114,6 +114,23 @@ const withHtml = editor => {
         const defaultInsert = loopChildren(decoded, true);
         if (defaultInsert) {
           insertData(data);
+          // } else if (editor.isChatEditor) {
+          //   // Only convert table to paragraphs if in chat editor mode
+          //   const paragraphs = decoded.map(row =>
+          //     row.children.map(cell =>
+          //       cell.children.map(paragraph =>
+          //         paragraph.children.map(textNode => textNode.text).join('')
+          //       ).join(' ')
+          //     ).join(' ')
+          //   ).join('\n'); // Joining with a newline for separate paragraphs
+
+          //   // Insert text as paragraphs
+          //   const textNodes = paragraphs.split('\n').map(text => ({
+          //     type: 'paragraph',
+          //     children: [{ text }]
+          //   }));
+
+          //   Transforms.insertNodes(editor, textNodes);
         } else {
           // do not paste table, grid inside table cell
           // only plain text for internal paste
@@ -127,6 +144,9 @@ const withHtml = editor => {
       const parsed = new DOMParser().parseFromString(html, "text/html");
       const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
       if (isGoogleSheet) {
+        if (editor.isChatEditor) {
+          return;
+        }
         const table = parsed.body.querySelector("table");
         const colGrp = table.querySelector("colgroup");
         if (colGrp) {
@@ -138,6 +158,15 @@ const withHtml = editor => {
       }
       const fragment = deserialize(parsed.body);
       const formattedFragment = formatFragment[eltype] ? formatFragment[eltype](fragment) : fragment;
+      let is_img_table = false;
+      formattedFragment.map(f => {
+        if (f.type === 'image' || f?.type?.includes('table')) {
+          is_img_table = true;
+        }
+      });
+      if (editor.isChatEditor && is_img_table) {
+        return;
+      }
       handleInsert(editor, () => Transforms.insertFragment(editor, formattedFragment), formattedFragment);
       return;
     } else {

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -529,15 +529,6 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx(Code, {
         ...props
       });
-    // RnD Focus Node
-    case "temp":
-      return /*#__PURE__*/_jsx("span", {
-        ...attributes,
-        ...element.attr,
-        contentEditable: false,
-        className: "temp-focus-node",
-        children: children
-      });
     default:
       return /*#__PURE__*/_jsx(SimpleText, {
         ...props,

package/dist/Editor/utils/chatEditor/SlateUtilityFunctions.js

@@ -1,9 +1,6 @@
 import { Editor, Transforms, Element as SlateElement } from "slate";
 import { Box } from "@mui/material";
 import { fontFamilyMap, sizeMap } from "../font";
-import Table from "../../Elements/Table/Table";
-import TableRow from "../../Elements/Table/TableRow";
-import TableCell from "../../Elements/Table/TableCell";
 import Mentions from "../../Elements/Mentions/Mentions";
 import CheckList from "../../Elements/List/CheckList";
 import { isEmptyTextNode } from "../../helper";
@@ -340,31 +337,11 @@ export const getBlock = props => {
         ...props,
         isEmpty: isEmpty
       });
-    case "table":
-      return /*#__PURE__*/_jsx(Table, {
-        ...props
-      });
-    case "table-head":
-      return /*#__PURE__*/_jsx("thead", {
-        children: children
-      });
-    case "table-body":
-      return /*#__PURE__*/_jsx("tbody", {
-        children: children
-      });
-    case "table-row":
-      return /*#__PURE__*/_jsx(TableRow, {
-        ...props
-      });
-    case "table-cell":
-      return /*#__PURE__*/_jsx(TableCell, {
-        ...props
-      });
     case "mention":
       return /*#__PURE__*/_jsx(Mentions, {
         ...props
       });
     default:
-      return;
+      return null;
   }
 };

package/dist/Editor/utils/customHooks/useResize.js

@@ -50,9 +50,10 @@ const useResize = ({
     setSize(currentSize => {
       const calcWidth = (currentSize.width || width) + e.movementX;
       const cWP = calcWidth / width * 100;
+      const calcHeight = (parseInt(currentSize.height) || height) + e.movementY;
       const calc = {
-        width: calcWidth,
-        height: (parseInt(currentSize.height) || height) + e.movementY,
+        width: Math.max(calcWidth, 140),
+        height: Math.max(calcHeight, 50),
         widthInPercent: cWP > 100 ? 100 : cWP
       };
       latest = calc;