@flozy/editor 9.8.6 → 9.8.8

package/dist/Editor/CommonEditor.js

@@ -298,6 +298,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     },
     toggleFullscreen() {
       setFullScreen(!fullScreen);
+      Transforms.deselect(editor);
     },
     toggleToolbarShow() {
       setToolbarShow(!toolbarShow);

package/dist/Editor/Editor.css

@@ -62,7 +62,7 @@ blockquote {
   height: fit-content;
   max-width: 100%;
   border: none !important;
-  z-index: 1;
+  /* z-index: 1; */
 }
 
 .editor-wrapper table {

package/dist/Editor/Elements/Button/EditorButton.js

@@ -40,6 +40,7 @@ const EditorButton = props => {
   const [edit, setEdit] = useState(false);
   const [openNav, setOpenNav] = useState(false);
   const [openMoreOptions, setOpenMoreOptions] = useState(false);
+  const [, setIconLoaded] = useState(false);
   const classes = useCommonStyle(appTheme);
   const {
     theme: selectedTheme
@@ -220,6 +221,15 @@ const EditorButton = props => {
     e.stopPropagation();
     setOpenMoreOptions(!openMoreOptions);
   };
+  const muiIconProps = {
+    iconName: buttonIcon,
+    style: {
+      paddingLeft: "4px",
+      paddingRight: "4px"
+    },
+    props: customProps,
+    onIconLoad: () => setIconLoaded(true)
+  };
   return /*#__PURE__*/_jsxs("div", {
     className: `editor-btn-wrapper`,
     ...attributes,
@@ -300,25 +310,19 @@ const EditorButton = props => {
           },
           ...buttonProps,
           children: [BtnIcon && iconPosition === "start" && /*#__PURE__*/_jsx(MUIIcon, {
-            iconName: buttonIcon,
-            style: {
-              paddingLeft: "4px",
-              paddingRight: "4px"
-            },
-            props: customProps
+            ...muiIconProps
           }), label || translation("My Button"), BtnIcon && iconPosition === "end" && /*#__PURE__*/_jsx(MUIIcon, {
-            iconName: buttonIcon,
-            style: {
-              paddingLeft: "4px",
-              paddingRight: "4px"
-            },
-            props: customProps
+            ...muiIconProps
           })]
         }), !readOnly && buttonRef?.current && /*#__PURE__*/_jsx(Popper, {
           anchorEl: buttonRef?.current,
           open: true,
           placement: "right",
           container: buttonRef?.current,
+          modifiers: [{
+            name: "preventOverflow",
+            enabled: false
+          }],
           children: /*#__PURE__*/_jsx(IconButton, {
             className: `moreBtnShow ${isMobile || openMoreOptions ? "activeBtnShow" : ""}`,
             sx: {

package/dist/Editor/Elements/Search/SearchButton.js

@@ -113,7 +113,7 @@ const SearchButton = /*#__PURE__*/forwardRef((props, ref) => {
       open: open,
       onClose: handleClose,
       customClass: "emojiDrawer",
-      swipeableDrawer: false,
+      swipeableDrawer: true,
       children: /*#__PURE__*/_jsx(Paper, {
         sx: {
           width: '100%',

package/dist/Editor/Elements/Search/SearchList.js

@@ -35,7 +35,7 @@ const SearchAndDocList = ({
         children: translation("Brains")
       }), !isMobile ? /*#__PURE__*/_jsx(IconButton, {
         onClick: e => {
-          e.stopPropagation();
+          e?.stopPropagation();
           handleClose();
         },
         sx: {
@@ -138,8 +138,7 @@ const SearchAndDocList = ({
         position: 'relative',
         maxHeight: '400px',
         minWidth: "275px",
-        overflowY: 'auto',
-        overflowX: 'hidden',
+        overflow: 'auto',
         padding: '0px 16px 8px',
         marginBottom: '20px',
         scrollbarWidth: "thin",

package/dist/Editor/Elements/Signature/SignatureOptions/DrawSignature.js

@@ -1,6 +1,6 @@
 import React, { useRef, useState } from "react";
 import SignatureCanvas from "react-signature-canvas";
-import { Grid } from "@mui/material";
+import { Grid, useMediaQuery } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DrawSignature = props => {
@@ -24,6 +24,11 @@ const DrawSignature = props => {
       signature: result?.imageURL || strImage
     });
   };
+  const isMobile = useMediaQuery("(max-width:599px)");
+  const signatureCanvasStyle = isMobile ? {
+    width: "260px",
+    height: "200px"
+  } : {};
   return /*#__PURE__*/_jsxs(Grid, {
     container: true,
     children: [uploading ? "Uploading..." : "", /*#__PURE__*/_jsx(Grid, {
@@ -35,7 +40,8 @@ const DrawSignature = props => {
       },
       children: /*#__PURE__*/_jsx(SignatureCanvas, {
         canvasProps: {
-          className: "signature-canvas"
+          className: "signature-canvas",
+          ...signatureCanvasStyle
         },
         onEnd: onSigned,
         ref: ref => canvasRef = ref,

package/dist/Editor/Elements/Title/title.js

@@ -1,8 +1,7 @@
 import React, { useEffect, useState } from "react";
-import { Editor } from "slate";
+import { Editor, Text } from "slate";
 import { useSlate } from "slate-react";
 import { getNodeText } from "../../utils/helper";
-import { Text } from "slate";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const isEmptyTextNode = node => {
@@ -18,8 +17,8 @@ const Title = props => {
     element,
     customProps
   } = props;
-  useDetectExitFromTitle(element, customProps?.getTitleSaveData);
   const isEmpty = !customProps?.readOnly && isEmptyTextNode(element?.children[0]) ? "empty" : "";
+  useDetectExitFromTitle(element, customProps?.getTitleSaveData);
   return /*#__PURE__*/_jsxs("div", {
     ...attributes,
     placeholder: "Title",

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

@@ -27,6 +27,9 @@ const DynamicIcon = ({
     iconLoader(iconName, props).then(iconHTML => {
       if (mounted) {
         setIcon(iconHTML);
+        if (props.onIconLoad) {
+          props.onIconLoad(iconHTML);
+        }
       }
     });
     return () => {

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

@@ -509,6 +509,13 @@ const RnD = props => {
     }
     e.preventDefault();
     e.stopPropagation();
+    const isMuiBackdrop = e.target.classList.contains("MuiBackdrop-root");
+    if (isMuiBackdrop) {
+      setContextMenu({
+        path: null
+      });
+      return;
+    }
     onClick({
       detail: 1
     });

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

@@ -29,8 +29,8 @@ function SwipeableDrawerComponent({
   } = useEditorContext();
   const classes = DrawerStyles(theme);
   const handleClose = e => {
-    e.stopPropagation();
     onClose();
+    e?.stopPropagation();
   };
   return /*#__PURE__*/_jsx(Fragment, {
     children: swipeableDrawer ? /*#__PURE__*/_jsxs(SwipeableDrawer, {

package/dist/Editor/common/iconslist.js

@@ -1655,11 +1655,33 @@ export const CsvIcon = () => /*#__PURE__*/_jsxs("svg", {
   })]
 });
 export const CloseIcon = props => /*#__PURE__*/_jsxs("svg", {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...(props || {}),
+  children: [/*#__PURE__*/_jsx("path", {
+    d: "M14.1245 5.875L5.87493 14.1246",
+    stroke: "#64748B",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    d: "M5.875 5.875L14.1246 14.1246",
+    stroke: "#64748B",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+export const CloseIcon2 = props => /*#__PURE__*/_jsxs("svg", {
   width: "10",
   height: "10",
   viewBox: "0 0 10 10",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  ...(props || {}),
   children: [/*#__PURE__*/_jsx("path", {
     d: "M9.12476 0.875L0.875176 9.12458",
     stroke: "#8F9CAE",

package/dist/Editor/plugins/withHTML.js

@@ -151,6 +151,7 @@ const getFocusedNode = (editor, nodeType = "") => {
     console.log(err);
   }
 };
+const voidTypes = ["image", "page-settings"];
 const withHtml = editor => {
   const {
     insertData,
@@ -161,7 +162,7 @@ const withHtml = editor => {
     return element.type === "link" ? true : isInline(element);
   };
   editor.isVoid = element => {
-    return element.type === "image" ? true : isVoid(element);
+    return voidTypes.includes(element.type) ? true : isVoid(element);
   };
   editor.insertData = data => {
     const slateHTML = data?.getData("application/x-slate-fragment");

package/dist/Editor/themeSettings/index.js

@@ -5,7 +5,7 @@ import { Box, CircularProgress, Drawer, Grid, IconButton, Tab, Tabs, Typography,
 import Style from "./style";
 
 // icons
-import { CloseIcon } from "../common/iconslist";
+import { CloseIcon2 as CloseIcon } from "../common/iconslist";
 import { TickIcon } from "./icons";
 import ColorTheme from "./colorTheme";
 import Buttons from "./buttons";

package/dist/Editor/themeSettingsAI/index.js

@@ -5,7 +5,7 @@ import { Button, Checkbox, CircularProgress, Divider, Drawer, FormControlLabel,
 import Style from "./style";
 
 // icons
-import { CloseIcon } from "../common/iconslist";
+import { CloseIcon2 as CloseIcon } from "../common/iconslist";
 import { CloudIcon } from "./icons";
 import { TickIcon } from "./icons";
 import { ResetIcon } from "./icons";

package/dist/Editor/themeSettingsAI/saveTheme.js

@@ -5,7 +5,7 @@ import { Box, Button, CircularProgress, Dialog, Divider, Grid, IconButton, TextF
 import Style from "./style";
 
 // icons
-import { CloseIcon } from "../common/iconslist";
+import { CloseIcon2 as CloseIcon } from "../common/iconslist";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/package.json

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