@flozy/editor 9.4.8 → 9.5.0

package/dist/Editor/CommonEditor.js

@@ -352,7 +352,8 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     ...mentions,
     CHARACTERS,
     hideTools: updatedHideTools || [],
-    translation: translation || translationFn
+    translation: translation || translationFn,
+    editor
   }) : [];
   const handleEditorChange = newValue => {
     if (JSON.stringify(newValue) !== JSON.stringify(debouncedValue?.current)) {

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

@@ -2,6 +2,7 @@ import React from "react";
 import { Grid } from "@mui/material";
 import { toolbarGroups } from "../toolbarGroups";
 import { RenderToolbarIcon } from "../Toolbar";
+import canOpen from "../../helper/canOpen";
 import { jsx as _jsx } from "react/jsx-runtime";
 const allTools = toolbarGroups.flat();
 const elements = allTools.filter(f => f?.group === "elements");
@@ -14,7 +15,10 @@ const AddElements = props => {
   const {
     hideTools
   } = customProps;
-  const filteredElements = elements.filter(f => (hideTools || []).indexOf(f.type) === -1);
+  const nodeType = canOpen(editor);
+  const filteredElements = elements.filter(f => {
+    return (hideTools || []).indexOf(f.type) === -1 && (f.hideFor === undefined || f?.hideFor?.indexOf(nodeType) === -1);
+  });
   return /*#__PURE__*/_jsx(Grid, {
     container: true,
     className: "elements-wrpr-pp",

package/dist/Editor/Toolbar/toolbarGroups.js

@@ -232,11 +232,13 @@ export const toolbarGroups = [[{
 }, {
   id: 42,
   type: "table",
-  group: "elements"
+  group: "elements",
+  hideFor: ["table", "dataView"]
 }, {
   id: 51,
   type: "dataView",
-  group: "elements"
+  group: "elements",
+  hideFor: ["table", "dataView"]
 }, {
   id: 48,
   format: "divider",

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

@@ -8,6 +8,7 @@ import { Typography, Popper, Box, Paper } from "@mui/material";
 import usePopupStyle from "./Styles";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import { checkTypings } from "../../hooks/useMentions";
+import canOpen from "../../helper/canOpen";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const POPUP_LIST_TYPES = {
@@ -19,7 +20,7 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
     theme,
     index,
     target,
-    chars,
+    chars: allChars,
     mentions,
     setMentions,
     type,
@@ -35,11 +36,19 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
   const editor = useSlate();
   const ListElement = POPUP_LIST_TYPES[type] || null;
   const [anchorEl, setAnchorEl] = useState(null);
+  const [nodeType, setNodeType] = useState(null);
   let open = Boolean(anchorEl);
   let prevGroup = "";
   const {
     setOpenAI
   } = useEditorContext();
+  const chars = allChars.filter(f => {
+    if (f.hideFor) {
+      return f.hideFor.indexOf(nodeType) === -1;
+    } else {
+      return true;
+    }
+  });
   useEffect(() => {
     const s = checkTypings(editor);
     if (s?.type !== mentions.type) {
@@ -55,9 +64,11 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
   }, [editor?.selection]);
   useEffect(() => {
     try {
-      if (target && chars.length > 0) {
+      const onNodeType = canOpen(editor);
+      if (target && chars.length > 0 && onNodeType !== false) {
         const domRange = ReactEditor.toDOMRange(editor, target);
         const rect = domRange?.getBoundingClientRect();
+        setNodeType(onNodeType);
         setAnchorEl({
           clientWidth: rect.width,
           clientHeight: rect.height,

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

@@ -14,6 +14,7 @@ import { SectionSettingIcon } from "../iconListV2";
 // const list_types = ["orderedList", "unorderedList"];
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+const SECTION_PROPS = ["sectionBgColor", "sectionBackgroundImage", "sectionBannerSpacing", "sectionBorderRadius", "sectionGridSize", "sectionAlignment"];
 const Toolbar = ({
   readOnly,
   showTool,
@@ -118,11 +119,26 @@ const Section = props => {
       ...data
     };
     delete updateData.children;
-    Transforms.setNodes(editor, {
-      ...updateData
-    }, {
-      at: path
-    });
+    if (element.type !== "paragraph") {
+      // remove section properties
+      Transforms.unsetNodes(editor, SECTION_PROPS, {
+        at: path
+      });
+      // wrap with paragraph with section properties
+      Transforms.wrapNodes(editor, {
+        ...updateData,
+        type: "paragraph",
+        children: []
+      }, {
+        at: path
+      });
+    } else {
+      Transforms.setNodes(editor, {
+        ...updateData
+      }, {
+        at: path
+      });
+    }
     onClose();
   };
   const onClose = () => {

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

@@ -15,6 +15,7 @@ import { Transforms } from "slate";
 import { insertInfinityAI } from "../../utils/infinityAI";
 import { insertDataView } from "../../utils/dataView";
 import SearchButton from "../../Elements/Search/SearchButton";
+import canOpen from "../../helper/canOpen";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ELEMENTS_LIST = [{
   name: "Heading 1",
@@ -208,7 +209,8 @@ const ELEMENTS_LIST = [{
     Transforms.delete(editor, editor.selection);
     const table = new TableUtil(editor);
     table.insertTable(3, 3);
-  }
+  },
+  hideFor: ["table", "dataView"]
 }, {
   name: "Emoji",
   group: "Elements",
@@ -350,14 +352,17 @@ const ELEMENTS_LIST = [{
   onInsert: editor => {
     Transforms.delete(editor, editor.selection);
     insertDataView(editor);
-  }
+  },
+  hideFor: ["table", "dataView"]
 }];
 const elements = props => {
   const {
     search,
     hideTools,
-    translation
+    translation,
+    editor
   } = props;
+  const nodeType = canOpen(editor);
   const translatedElements = ELEMENTS_LIST.map(element => ({
     ...element,
     name: translation(element.name),
@@ -368,7 +373,7 @@ const elements = props => {
       });
     } : undefined
   }));
-  const filteredElements = translatedElements.filter(f => (hideTools || []).indexOf(f.type) === -1);
+  const filteredElements = translatedElements.filter(f => (hideTools || []).indexOf(f.type) === -1 && (!f?.hideFor || f?.hideFor?.indexOf(nodeType) === -1));
   return filteredElements.filter(c => c.name.toLowerCase().includes(search?.toLowerCase()));
 };
 export default elements;

package/dist/Editor/helper/canOpen.js

@@ -0,0 +1,18 @@
+import { Editor, Element } from "slate";
+const INVALID_TYPES = ["title"];
+const canOpen = editor => {
+  try {
+    const [nodeEntry] = Editor.nodes(editor, {
+      at: editor.selection,
+      match: n => Element.isElement(n)
+    });
+    if (nodeEntry && nodeEntry[0]) {
+      const [node] = nodeEntry;
+      return INVALID_TYPES.indexOf(node.type) === -1 ? node.type : false;
+    }
+  } catch (err) {
+    console.log(err);
+    return true;
+  }
+};
+export default canOpen;

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -62,7 +62,6 @@ export const toggleBlock = (editor, format, selection = true, attr = {}) => {
   const isList = list_types.includes(format);
   const isIndent = alignment.includes(format);
   const isAligned = alignment.some(alignmentType => isBlockActive(editor, alignmentType));
-  console.log(isAligned, isIndent);
 
   /*If the node is already aligned and change in indent is called we should unwrap it first and split the node to prevent
     messy, nested DOM structure and bugs due to that.*/
@@ -75,29 +74,10 @@ export const toggleBlock = (editor, format, selection = true, attr = {}) => {
 
   /* Wraping the nodes for alignment, to allow it to co-exist with other block level operations*/
   if (isIndent) {
-    const [nodeEntry] = Editor.nodes(editor, {
-      at: editor.selection,
-      match: n => Element.isElement(n) && NEWLINESAFTER.indexOf(n.type) > -1
+    Transforms.wrapNodes(editor, {
+      type: format,
+      children: []
     });
-    // for heading background preserve while alignment change
-    if (nodeEntry) {
-      // for headings alone
-      Transforms.wrapNodes(editor, {
-        type: format,
-        children: []
-      }, {
-        at: editor.selection,
-        match: n => {
-          return Text.isText(n);
-        }
-      });
-    } else {
-      // follow old logic
-      Transforms.wrapNodes(editor, {
-        type: format,
-        children: []
-      });
-    }
     return;
   }
   Transforms.unwrapNodes(editor, {

package/package.json

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