@flozy/editor 5.0.3 → 5.0.4

package/dist/Editor/Elements/Grid/GridItem.js

@@ -136,13 +136,20 @@ const GridItem = props => {
   const minWidthInPercent = isRightCol ? `${widths?.right}%` : cmWidth;
   useEffect(() => {
     try {
-      if (columnRef?.current && (!parentDOM?.parentDOM || !minWidth)) {
-        initDoms();
+      if (columnRef?.current && (!parentDOM?.parentDOM || !minWidth || lastChild)) {
+        initDoms(lastChild);
+        if (lastChild) {
+          Transforms.setNodes(editor, {
+            minWidth: null
+          }, {
+            at: path
+          });
+        }
       }
     } catch (err) {
       console.log(err);
     }
-  }, [columnRef?.current, minWidth, childCount]);
+  }, [columnRef?.current, minWidth, childCount, lastChild]);
   useEffect(() => {
     if (isDone || isRightCol) {
       initDoms();

package/dist/Editor/Elements/Grid/Styles.js

@@ -23,15 +23,6 @@ const GridStyles = (theme, appTheme) => ({
           flexWrap: "wrap"
         }
       },
-      "&.cc-1": {
-        "& .grid-item": {
-          "&:last-child": {
-            "& .col-width-resizer": {
-              display: "block !important"
-            }
-          }
-        }
-      },
       "& .grid-item": {
         minWidth: "var(--minWidth)",
         maxWidth: "var(--minWidth)",

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

@@ -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);

package/dist/Editor/common/LinkSettings/NavComponents.js

@@ -1,6 +1,7 @@
-import { Autocomplete, Checkbox, FormControlLabel, MenuItem, Select, TextField, Typography, createFilterOptions } from "@mui/material";
+import { Autocomplete, Checkbox, FormControlLabel, MenuItem, TextField, Typography, createFilterOptions } from "@mui/material";
 import { useEffect, useMemo, useState } from "react";
 import { useSlate } from "slate-react";
+import Select from "../Select";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

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

@@ -5,13 +5,14 @@ import DialogContent from "@mui/material/DialogContent";
 import DialogActions from "@mui/material/DialogActions";
 import IconButton from "@mui/material/IconButton";
 import CloseIcon from "@mui/icons-material/Close";
-import { Box, FormControl, FormControlLabel, Grid, MenuItem, Radio, RadioGroup, Select, Typography } from "@mui/material";
+import { Box, FormControl, FormControlLabel, Grid, MenuItem, Radio, RadioGroup, Typography } from "@mui/material";
 import { useState } from "react";
 import LinkSettingsStyles from "./style";
 import { getNavOptions } from "./navOptions";
 import { ScrollTopBottom, SelectPage, TextInput, Trigger } from "./NavComponents";
 import SwipeableDrawer from "../SwipeableDrawer";
 import { useEditorContext } from "../../hooks/useMouseMove";
+import Select from "../Select";
 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/dist/Editor/common/Select/index.js

@@ -0,0 +1,20 @@
+import { Select as Core } from "@mui/material";
+import SelectStyles from "./styles";
+import { useEditorContext } from "../../hooks/useMouseMove";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Select(props) {
+  const {
+    children,
+    ...rest
+  } = props;
+  const {
+    theme
+  } = useEditorContext();
+  const classes = SelectStyles(theme);
+  return /*#__PURE__*/_jsx(Core, {
+    MenuProps: classes.MenuProps,
+    ...rest,
+    children: children
+  });
+}
+export default Select;

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

@@ -0,0 +1,17 @@
+const SelectStyles = (theme = {}) => {
+  const {
+    textColor,
+    background
+  } = theme?.palette?.editor || {};
+  return {
+    MenuProps: {
+      PaperProps: {
+        sx: {
+          color: textColor,
+          background
+        }
+      }
+    }
+  };
+};
+export default SelectStyles;

package/dist/Editor/helper/index.js

@@ -329,14 +329,14 @@ export const isCarouselSelected = editor => {
       return false;
     }
     const [nodeEntry] = Editor.nodes(editor, {
-      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === 'carousel'
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "carousel"
     });
     if (!nodeEntry) {
       return false;
     }
     const [node] = nodeEntry;
     const carouselDom = ReactEditor.toDOMNode(editor, node);
-    const isEdit = carouselDom.classList.contains('carousel_slider_edit');
+    const isEdit = carouselDom.classList.contains("carousel_slider_edit");
     return !isEdit;
   } catch (err) {
     console.log(err);

package/dist/Editor/plugins/withEmbeds.js

@@ -23,7 +23,6 @@ const withEmbeds = editor => {
       const previousPath = Path.previous(parentPath);
       const previousNode = Node.get(editor, previousPath);
       if (BlockTypes.includes(previousNode?.children[0]?.type) && parentNode?.type?.indexOf("heading") >= 0) {
-        console.log("grid is in previous", parentPath, previousPath, [...args]);
         insertNodes(...[{
           type: "paragraph",
           children: [{

package/dist/Editor/utils/helper.js

@@ -1,4 +1,4 @@
-import { Editor, Node, Transforms, Element, Path, Range } from "slate";
+import { Editor, Node, Transforms, Element, Path, Range, Text } from "slate";
 import { ReactEditor } from "slate-react";
 import insertNewLine from "./insertNewLine";
 import { getDevice } from "../helper/theme";
@@ -110,11 +110,34 @@ export const isEmptyNode = (editor, children, path) => {
   }
 };
 export const outsideEditorClickLabel = "handle-outside-editor-click";
+function isLastChildParagraphWithText(node) {
+  try {
+    if (!node || !Array.isArray(node.children)) {
+      return false;
+    }
+
+    // Get the last child node
+    const lastChild = node.children[node.children.length - 1];
+
+    // Check if the last child exists and is of type 'paragraph'
+    if (lastChild && lastChild.type === "paragraph") {
+      // Ensure all children of the paragraph node are text nodes
+      const hasOnlyTextChildren = lastChild.children.every(child => Text.isText(child));
+      console.log(hasOnlyTextChildren);
+      return hasOnlyTextChildren;
+    }
+    return false;
+  } catch (err) {
+    console.log(err);
+    return false;
+  }
+}
 const insertNewLineOnColumn = (editor, pathStr) => {
   try {
     const path = pathStr.split(",").map(m => parseInt(m));
     const colNode = Node.get(editor, path);
-    if (colNode?.type === "grid-item") {
+    const isValid = isLastChildParagraphWithText(colNode);
+    if (colNode?.type === "grid-item" && !isValid) {
       const newPath = [...path, colNode?.children.length];
       Transforms.insertNodes(editor, [{
         type: "paragraph",

package/package.json

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