@flozy/editor 4.3.4 → 4.3.6

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

@@ -80,7 +80,9 @@ const EditorButton = props => {
       window.open(refUrl, "_blank").focus();
     }
   };
-  const buttonProps = handleLinkType(refURl, linkType, readOnly, openInNewTab, handleTrigger);
+  const buttonProps = handleLinkType(refURl, linkType, true,
+  // button functionalities have to work on both edit mode and normal mode
+  openInNewTab, handleTrigger);
   const onMenuClick = val => () => {
     switch (val) {
       case "edit":
@@ -99,7 +101,7 @@ const EditorButton = props => {
     }
   };
   const Toolbar = () => {
-    const btnProps = handleLinkType(refURl, linkType, true, true, handleTrigger);
+    const btnProps = handleLinkType(refURl, linkType, true, openInNewTab, handleTrigger);
     const hideOpenLink = linkType === "page" || !linkType;
     return !readOnly ? /*#__PURE__*/_jsxs("div", {
       className: "element-toolbar hr",
@@ -138,7 +140,6 @@ const EditorButton = props => {
             border: 'none !important'
           },
           ...btnProps,
-          target: openInNewTab ? "_blank" : "_self",
           children: /*#__PURE__*/_jsx(Icon, {
             icon: "openLinkIcon"
           })

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

@@ -180,7 +180,7 @@ const Video = ({
     if (resizing) {
       return {
         width: size.width ? `${size.width}px` : "100%",
-        height: url ? `${size.height || 300}px` : "auto"
+        height: url ? `${size.height || 370}px` : "auto"
       };
     } else {
       return {

package/dist/Editor/Elements/FreeGrid/FreeGrid.js

@@ -235,8 +235,8 @@ const FreeGrid = props => {
             alt: "",
             images: []
           }), {
-            height: 300,
-            width: 250
+            height: 370,
+            width: 650
           })
         }], {
           at: [...insertAt]

package/dist/Editor/Elements/FreeGrid/styles.js

@@ -278,11 +278,11 @@ const useFreeGridStyles = ({
   },
   sectionSettingsPopper: {
     "&.style-settings-wrpr": {
-      height: "300px",
+      maxHeight: "650px",
       overflowY: "auto",
       overflowX: "hidden",
       padding: "8px 8px 12px 12px",
-      marginBotton: "12px"
+      marginBottom: "12px"
     }
   }
 });

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

@@ -13,7 +13,7 @@ import PopperHeader from "../PopperHeader";
 import MiniColorPicker from "./MiniColorPicker";
 import SelectAlignment from "./SelectAlignment";
 import SelectFontSize from "./SelectFontSize";
-import InfinityAITool from "./InfinityAITool";
+// import InfinityAITool from "./InfinityAITool";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_COLOR = {
@@ -27,8 +27,8 @@ const MiniTextFormat = props => {
   const {
     classes,
     editor,
-    closeMainPopup,
-    customProps
+    closeMainPopup
+    // customProps
   } = props;
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
@@ -50,7 +50,7 @@ const MiniTextFormat = props => {
       xs: 12,
       children: /*#__PURE__*/_jsxs("div", {
         className: "toolWrapper",
-        children: [customProps?.hideTools?.includes("infinityAI") ? null : /*#__PURE__*/_jsx(InfinityAITool, {}), /*#__PURE__*/_jsx(SelectTypography, {
+        children: [/*#__PURE__*/_jsx(SelectTypography, {
           classes: classes,
           editor: editor,
           closeMainPopup: closeMainPopup

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

@@ -5,7 +5,7 @@ const usePopupStyle = theme => ({
     marginBottom: "12px !important",
     border: "1px solid #D8DDE1",
     borderRadius: "6px",
-    maxWidth: "96%",
+    maxWidth: "100%",
     "&.fullscreen": {
       marginBottom: "0px !important",
       "& .papper-wrpr": {

package/dist/Editor/common/RnD/ElementSettings/styles.js

@@ -55,7 +55,7 @@ const useElementSettingsStyle = theme => ({
       }
     },
     "& .item-w": {
-      maxHeight: "300px",
+      maxHeight: "500px",
       overflowX: "hidden",
       overflowY: "auto",
       background: theme?.palette?.editor?.background,

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

@@ -1,7 +1,6 @@
 import React from "react";
 import { Box, Paper, Popper, Typography, Tooltip, IconButton } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
-import HelpIcon from "@mui/icons-material/Help";
 import useOptionsPopupStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -31,22 +30,16 @@ const OptionsPopup = props => {
       children: [/*#__PURE__*/_jsxs(Typography, {
         variant: "div",
         className: "item-wrapper title",
-        children: [title, /*#__PURE__*/_jsxs(Box, {
+        children: [title, /*#__PURE__*/_jsx(Box, {
           component: "div",
-          children: [/*#__PURE__*/_jsx(Tooltip, {
-            title: "Help",
-            arrow: true,
-            children: /*#__PURE__*/_jsx(IconButton, {
-              children: /*#__PURE__*/_jsx(HelpIcon, {})
-            })
-          }), /*#__PURE__*/_jsx(Tooltip, {
+          children: /*#__PURE__*/_jsx(Tooltip, {
             title: "Close",
             arrow: true,
             children: /*#__PURE__*/_jsx(IconButton, {
               onClick: handleClose,
               children: /*#__PURE__*/_jsx(CloseIcon, {})
             })
-          })]
+          })
         })]
       }), children]
     })

package/dist/Editor/common/RnD/OptionsPopup/style.js

@@ -9,7 +9,7 @@ const useOptionsPopupStyle = ({
     boxShadow: "1px 1px 3px rgba(0,0,0,0.3)",
     marginRight: "4px !important",
     "& .papper-root": {
-      width: "270px",
+      width: "344px",
       boxShadow: "none",
       border: `1px solid ${theme?.palette?.editor?.borderColor}`,
       borderRadius: "7px",
@@ -47,7 +47,7 @@ const useOptionsPopupStyle = ({
       }
     },
     "& .item-wrapper": {
-      padding: "8px",
+      padding: "12px 12px",
       fontFamily: "sans-serif",
       "& .MuiListItemIcon-root": {
         minWidth: "30px"
@@ -61,9 +61,9 @@ const useOptionsPopupStyle = ({
         color: theme?.palette?.editor?.textColor,
         "&:after": {
           position: "absolute",
-          width: "100%",
+          width: "calc(100% - 24px)",
           bottom: 0,
-          left: 0,
+          left: 12,
           content: '" "',
           borderBottom: "1px solid #ccc"
         },

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

@@ -1,6 +1,5 @@
 import React, { useEffect, useRef, useState } from "react";
-import { Editor, Node, Path, Transforms } from "slate";
-import { ReactEditor } from "slate-react";
+import { Node, Path } from "slate";
 import { Box } from "@mui/material";
 import { Rnd } from "react-rnd";
 import Handles from "./TransformHandles";
@@ -163,7 +162,7 @@ const RnD = props => {
               anchorEl: rndRef?.current
             });
           }
-          ReactEditor.focus(editor);
+          // ReactEditor.focus(editor);
           break;
         case 2:
           focusSelection(editor, {

package/dist/Editor/utils/embed.js

@@ -24,8 +24,22 @@ export const createEmbedNode = (type, {
     text: " "
   }],
   size: {
-    widthInPercent: "100",
-    height: type === "image" ? "auto" : 300
+    xs: {
+      widthInPercent: "100",
+      height: 300
+    },
+    sm: {
+      widthInPercent: "100",
+      height: 370
+    },
+    md: {
+      widthInPercent: "100",
+      height: 420
+    },
+    lg: {
+      widthInPercent: "100",
+      height: 520
+    }
   },
   alignment: {
     horizantal: "center"

package/package.json

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