@flozy/editor 5.2.4 → 5.2.6

package/dist/Editor/Elements/AI/CustomSelect.js

@@ -11,10 +11,11 @@ function CustomSelect({
   show,
   btnProps = {}
 }) {
+  const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
   if (show) {
     return /*#__PURE__*/_jsx(Box, {
       component: "div",
-      sx: classes.customSelectContainer,
+      sx: !isMobile && classes.customSelectContainer,
       className: "customSelectContainer",
       children: options?.map((groupOption, index) => {
         const {

package/dist/Editor/Elements/Divider/Divider.js

@@ -52,7 +52,7 @@ const Divider = props => {
       contentEditable: false,
       className: "divider-settings",
       style: {
-        top: "-20px",
+        top: "-33px",
         left: 0
       },
       children: /*#__PURE__*/_jsx(Tooltip, {

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

@@ -4,7 +4,7 @@ import { Node, Transforms, Editor } from "slate";
 import AspectRatioIcon from "@mui/icons-material/AspectRatio";
 import useResize from "../../utils/customHooks/useResize";
 import EmbedPopup from "./EmbedPopup";
-import { IconButton, Tooltip, Box, useTheme, Popper } from "@mui/material";
+import { IconButton, Tooltip, Box, useTheme } from "@mui/material";
 import { GridSettingsIcon, LinkIcon } from "../../common/iconslist";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import { getTRBLBreakPoints, getBreakPointsValue, groupByBreakpoint } from "../../helper/theme";

package/dist/Editor/Elements/SimpleText/style.js

@@ -17,11 +17,6 @@ const SimpleTextStyle = ({
         opacity: 0
       }
     },
-    "&.dataView": {
-      "& .placeholder-simple-text": {
-        opacity: 0
-      }
-    },
     "& .placeholder-simple-text": {
       color: "#94A3B8",
       background: "transparent",

package/dist/Editor/Elements/Table/Table.js

@@ -13,6 +13,7 @@ import AddRowCol from "./AddRowCol";
 import TableTool from "./TableTool";
 import { MoreIcon, SettingsIcon } from "../../assets/svg/TableIcons";
 import { getSelectedCls } from "../../utils/helper";
+import SwipeableDrawerComponent from "../../common/SwipeableDrawer";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const hideRowDragBtns = (hide, dragRowBtnCls) => {
@@ -21,6 +22,26 @@ const hideRowDragBtns = (hide, dragRowBtnCls) => {
     rowDragBtns?.forEach(btn => btn.style.display = hide);
   }
 };
+const ToolTableComponent = props => {
+  const {
+    handleAction,
+    editorTheme
+  } = props;
+  const {
+    updateTableSelection
+  } = useTable();
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx(TableTool, {
+      theme: editorTheme,
+      handleToolAction: (type, option) => {
+        handleAction(type, option);
+        if (type === "duplicate") {
+          updateTableSelection(getDefaultTableSelection());
+        }
+      }
+    })
+  });
+};
 const MoreTableSettings = props => {
   const {
     exandTools,
@@ -28,10 +49,18 @@ const MoreTableSettings = props => {
     editorTheme,
     setExpandTools
   } = props;
-  const {
-    updateTableSelection
-  } = useTable();
-  return /*#__PURE__*/_jsx(Popper, {
+  const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
+  return isMobile ? /*#__PURE__*/_jsx(SwipeableDrawerComponent, {
+    open: Boolean(exandTools),
+    onClose: () => {
+      setExpandTools(false);
+    },
+    swipeableDrawer: false,
+    children: /*#__PURE__*/_jsx(ToolTableComponent, {
+      handleAction: handleAction,
+      editorTheme: editorTheme
+    })
+  }) : /*#__PURE__*/_jsx(Popper, {
     open: Boolean(exandTools),
     anchorEl: exandTools,
     contentEditable: false,
@@ -41,16 +70,9 @@ const MoreTableSettings = props => {
     placement: "bottom-start",
     children: /*#__PURE__*/_jsx(ClickAwayListener, {
       onClickAway: () => setExpandTools(false),
-      children: /*#__PURE__*/_jsx("div", {
-        children: /*#__PURE__*/_jsx(TableTool, {
-          theme: editorTheme,
-          handleToolAction: (type, option) => {
-            handleAction(type, option);
-            if (type === "duplicate") {
-              updateTableSelection(getDefaultTableSelection());
-            }
-          }
-        })
+      children: /*#__PURE__*/_jsx(ToolTableComponent, {
+        handleAction: handleAction,
+        editorTheme: editorTheme
       })
     })
   });

package/dist/Editor/common/ColorPickerButton.js

@@ -6,29 +6,19 @@ import SwipeableDrawerComponent from "./SwipeableDrawer";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-const ColorPickerButton = props => {
-  const {
-    value,
-    onSave,
-    defaultColors = [],
-    classes = {},
-    recentColors = [],
-    hideGradient
-  } = props;
-  const [anchorEl, setAnchorEl] = useState(null);
+const ColorPickerToolComponent = ({
+  value,
+  defaultColors = [],
+  onSave = () => {},
+  recentColors = [],
+  hideGradient,
+  handleClose
+}) => {
   const [color, setColor] = useState(value);
-  const open = Boolean(anchorEl);
-  const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
-  const handleColorPicker = e => {
-    setAnchorEl(e.currentTarget);
-  };
   const handleSave = () => {
     onSave(color);
     handleClose();
   };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
   const handleColorChange = color => {
     setColor(color);
   };
@@ -39,7 +29,7 @@ const ColorPickerButton = props => {
     }
     return colors;
   }, [recentColors, defaultColors, hideGradient]);
-  const ColorPickerToolComponent = () => /*#__PURE__*/_jsxs(Grid, {
+  return /*#__PURE__*/_jsxs(Grid, {
     item: true,
     xs: 12,
     children: [/*#__PURE__*/_jsx("div", {
@@ -66,6 +56,25 @@ const ColorPickerButton = props => {
       })]
     })]
   });
+};
+const ColorPickerButton = props => {
+  const {
+    value,
+    onSave,
+    defaultColors = [],
+    classes = {},
+    recentColors = [],
+    hideGradient
+  } = props;
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
+  const handleColorPicker = e => {
+    setAnchorEl(e.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Button, {
       style: {
@@ -86,7 +95,14 @@ const ColorPickerButton = props => {
         padding: 0,
         className: "ed-cp-wrpr",
         sx: classes.colorPickerPopup,
-        children: /*#__PURE__*/_jsx(ColorPickerToolComponent, {})
+        children: /*#__PURE__*/_jsx(ColorPickerToolComponent, {
+          value: value,
+          defaultColors: defaultColors,
+          onSave: onSave,
+          recentColors: recentColors,
+          hideGradient: hideGradient,
+          handleClose: handleClose
+        })
       })
     }) : /*#__PURE__*/_jsx(Popover, {
       open: open,
@@ -105,7 +121,14 @@ const ColorPickerButton = props => {
         container: true,
         padding: 0,
         className: "ed-cp-wrpr",
-        children: /*#__PURE__*/_jsx(ColorPickerToolComponent, {})
+        children: /*#__PURE__*/_jsx(ColorPickerToolComponent, {
+          value: value,
+          defaultColors: defaultColors,
+          onSave: onSave,
+          recentColors: recentColors,
+          hideGradient: hideGradient,
+          handleClose: handleClose
+        })
       })
     })]
   });

package/dist/Editor/hooks/useTable.js

@@ -1,7 +1,7 @@
 import { ClickAwayListener } from "@mui/material";
 import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { clearCellText } from "../utils/table";
-import { Editor, Element, Transforms, Range } from "slate";
+import { Editor, Element, Transforms } from "slate";
 import { DndContext, DragOverlay, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { encodeToBase64, isHavingSelection } from "../utils/helper";
 import { serializeToText } from "../utils/serializeToText";

package/dist/Editor/plugins/withHTML.js

@@ -190,8 +190,8 @@ const withHtml = editor => {
             }], {
               at: [0]
             });
-            insertData(data);
           }
+          insertData(data);
         }, decoded);
       }
     } else if (html) {

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

@@ -3,6 +3,7 @@ import { Box } from "@mui/material";
 import { fontFamilyMap, sizeMap } from "../font";
 import Mentions from "../../Elements/Mentions/Mentions";
 import CheckList from "../../Elements/List/CheckList";
+import SimpleText from "../../Elements/SimpleText";
 import { isEmptyTextNode } from "../../helper";
 import { getBreakPointsValue } from "../../helper/theme";
 import insertNewLine from "../insertNewLine";
@@ -363,6 +364,9 @@ export const getBlock = props => {
         ...props
       });
     default:
-      return null;
+      return /*#__PURE__*/_jsx(SimpleText, {
+        ...props,
+        isEmpty: isEmpty
+      });
   }
 };

package/dist/Editor/utils/helper.js

@@ -652,6 +652,7 @@ export function isHavingSelection(editor) {
     console.log(err);
   }
 }
+const omitNodes = ["site-settings", "page-settings"];
 export function getInitialValue(value = [], readOnly) {
   if (readOnly === "readonly" && value?.length) {
     // remove last empty nodes on readonly mode, to remove empty spaces
@@ -668,6 +669,8 @@ export function getInitialValue(value = [], readOnly) {
         const hasOnlyTextChildren = node.children.every(child => Text.isText(child));
         const text = node.children[node.children.length - 1]?.text;
         lastNonEmptyElementIndex = hasOnlyTextChildren ? text ? elementIndex : null : elementIndex;
+      } else if (omitNodes.includes(node?.type)) {
+        continue;
       } else {
         lastNonEmptyElementIndex = elementIndex;
       }

package/package.json

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