@flozy/editor 5.2.8 → 5.3.0

package/dist/Editor/plugins/withEmbeds.js

@@ -40,36 +40,32 @@ const withEmbeds = editor => {
     }
   };
   editor.insertBreak = (...args) => {
-    try {
-      const parentPath = Path.parent(editor.selection.focus.path);
-      const parentNode = Node.get(editor, parentPath);
-      if (editor.isVoid(parentNode)) {
-        const nextPath = Path.next(parentPath);
-        Transforms.insertNodes(editor, {
-          type: "paragraph",
-          children: [{
-            text: ""
-          }]
-        }, {
-          at: nextPath,
-          select: true // Focus on this node once inserted
-        });
-      } else if (AvoidCopying.indexOf(parentNode?.type) >= 0) {
-        const nextPath = Path.next(parentPath);
-        Transforms.insertNodes(editor, {
-          type: "paragraph",
-          children: [{
-            text: ""
-          }]
-        }, {
-          at: nextPath,
-          select: true // Focus on this node once inserted
-        });
-      } else {
-        insertBreak(...args);
-      }
-    } catch (err) {
-      console.log(err);
+    const parentPath = Path.parent(editor.selection.focus.path);
+    const parentNode = Node.get(editor, parentPath);
+    if (editor.isVoid(parentNode)) {
+      const nextPath = Path.next(parentPath);
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }, {
+        at: nextPath,
+        select: true // Focus on this node once inserted
+      });
+    } else if (AvoidCopying.indexOf(parentNode?.type) >= 0) {
+      const nextPath = Path.next(parentPath);
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }, {
+        at: nextPath,
+        select: true // Focus on this node once inserted
+      });
+    } else {
+      insertBreak(...args);
     }
   };
   return editor;

package/dist/Editor/plugins/withHTML.js

@@ -2,7 +2,6 @@ import { Transforms, Editor, Element, Node, Path } from "slate";
 import deserialize from "../helper/deserialize";
 import { decodeAndParseBase64 } from "../utils/helper";
 const avoidDefaultInsert = ["table", "grid"];
-const LIST_TAGS = ["ol", "ul", "img", "table"];
 const loopChildren = (children = [], defaultInsert) => {
   if (!children?.length) {
     return defaultInsert;
@@ -121,21 +120,12 @@ const withHtml = editor => {
     const slateHTML = data?.getData("application/x-slate-fragment");
     const html = data?.getData("text/html");
     const currentEl = getCurrentElement(editor);
-    const eltype = currentEl?.type;
-    const isTitlePath = editor?.selection?.anchor?.path[0] === 0;
+    let eltype = currentEl?.type;
     if (slateHTML && !formatFragment[eltype]) {
       const [tableCellNode] = Editor.nodes(editor, {
         match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
       });
       const decoded = decodeAndParseBase64(slateHTML);
-      if (decoded && decoded[0] && decoded[0]?.type !== "paragraph" && isTitlePath) {
-        decoded.unshift({
-          type: "title",
-          children: [{
-            text: ""
-          }]
-        });
-      }
       if (tableCellNode) {
         const tableCellChild = getTableCellChild(decoded);
         if (tableCellChild?.length) {
@@ -180,40 +170,10 @@ const withHtml = editor => {
           Transforms.insertText(editor, text);
         }
       } else {
-        handleInsert(editor, () => {
-          if (isTitlePath) {
-            Transforms.insertNodes(editor, [{
-              type: "title",
-              children: [{
-                text: ""
-              }]
-            }], {
-              at: [0]
-            });
-          }
-          insertData(data);
-        }, decoded);
+        handleInsert(editor, () => insertData(data), decoded);
       }
     } else if (html) {
       const parsed = new DOMParser().parseFromString(html, "text/html");
-      const rootElement = parsed.body || parsed.documentElement;
-      const isList = LIST_TAGS.includes(rootElement.firstChild.tagName.toLowerCase());
-
-      // if selection is in title add the empty paragraph
-      if (isTitlePath && isList) {
-        // Check if the first child exists and is not a paragraph
-        if (!rootElement.firstChild || rootElement.firstChild.tagName.toLowerCase() !== "p") {
-          // Create a new empty paragraph element
-          const emptyParagraph = parsed.createElement("p");
-
-          // Insert the empty paragraph at the beginning
-          if (rootElement.firstChild) {
-            rootElement.insertBefore(emptyParagraph, rootElement.firstChild);
-          } else {
-            rootElement.appendChild(emptyParagraph);
-          }
-        }
-      }
       const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
       if (isGoogleSheet) {
         if (editor.isChatEditor) {

package/dist/Editor/plugins/withLayout.js

@@ -58,49 +58,7 @@ const withLayout = editor => {
         Transforms.insertNodes(editor, paragraph, {
           at: path.concat(1)
         });
-        return;
       }
-
-      // Transforms.insertNodes(editor, paragraph, { at: [0] });
-      // const extractFirstText = (node) => {
-      //   if (node.text) {
-      //     return node.text;
-      //   }
-      //   if (node.children) {
-      //     for (const child of node.children) {
-      //       const text = extractFirstText(child);
-      //       if (text) {
-      //         return text;
-      //       }
-      //     }
-      //   }
-      //   return "";
-      // };
-
-      // const extractRemainingNodes = (node) => {
-      //   if (!node.children) {
-      //     return [];
-      //   }
-      //   const [, ...remainingChildren] = node.children;
-      //   return remainingChildren.map((child) => ({ ...child }));
-      // };
-
-      // const firstNode = editor.children[0];
-      // const firstContent = extractFirstText(firstNode);
-
-      // if (firstNode.type !== "title") {
-      //   const titleNode = {
-      //     type: "title",
-      //     children: [{ text: firstContent }],
-      //   };
-      //   Transforms.removeNodes(editor, { at: [0] });
-      //   Transforms.insertNodes(editor, titleNode, { at: [0], select: true });
-      //   const remainingNodes = extractRemainingNodes(firstNode);
-      //   if (remainingNodes.length > 0) {
-      //     Transforms.insertNodes(editor, remainingNodes, { at: [1] });
-      //   }
-      // }
-
       ORDERS_LAYOUT.forEach((enforce, index) => {
         if (index < editor.children.length) {
           const existsNode = Node.get(editor, [index]);

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -43,9 +43,6 @@ import Code from "../Elements/EmbedScript/Code";
 import FreeGrid from "../Elements/FreeGrid/FreeGrid";
 import FreeGridItem from "../Elements/FreeGrid/FreeGridItem";
 import FreeGridBox from "../Elements/FreeGrid/FreeGridBox";
-import DataView from "../Elements/DataView/DataView";
-import ViewData from "../Elements/DataView/Layouts/ViewData";
-import ColumnView from "../Elements/DataView/Layouts/ColumnView";
 import SearchAttachment from "../Elements/Search/SearchAttachment";
 // import { wrapThemeBreakpoints } from "../Elements/FreeGrid/breakpointConstants";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -312,8 +309,7 @@ export const getBlock = props => {
           borderRadius: `${element?.color ? "0px" : "12px"} 12px 12px ${element?.color ? "0px" : "12px"}`,
           margin: `${element?.bgColor ? "16px" : "0px"} 0px`,
           width: element?.bgColor ? "calc(100% - 16px)" : "100%",
-          borderWidth: element?.color ? "0px 0px 0px 3px" : "0px",
-          lineHeight: 1.43
+          borderWidth: element?.color ? "0px 0px 0px 3px" : "0px"
         },
         children: children
       });
@@ -373,9 +369,6 @@ export const getBlock = props => {
       });
     case "orderedList":
       return /*#__PURE__*/_jsx("ol", {
-        style: {
-          lineHeight: 1.43
-        },
         className: "listItemMargin",
         type: "1",
         ...attributes,
@@ -383,9 +376,6 @@ export const getBlock = props => {
       });
     case "unorderedList":
       return /*#__PURE__*/_jsx("ul", {
-        style: {
-          lineHeight: 1.43
-        },
         className: "listItemMargin",
         ...attributes,
         children: children
@@ -574,19 +564,6 @@ export const getBlock = props => {
         contentEditable: false,
         children: children
       });
-    // Data View
-    case "dataView":
-      return /*#__PURE__*/_jsx(DataView, {
-        ...props
-      });
-    case "viewData":
-      return /*#__PURE__*/_jsx(ViewData, {
-        ...props
-      });
-    case "columnView":
-      return /*#__PURE__*/_jsx(ColumnView, {
-        ...props
-      });
     default:
       return /*#__PURE__*/_jsx(SimpleText, {
         ...props,

package/dist/Editor/utils/button.js

@@ -20,10 +20,10 @@ export const insertButton = editor => {
       bottomRight: 30
     },
     bannerSpacing: {
-      left: 24,
-      top: 10,
-      right: 24,
-      bottom: 10
+      left: 16,
+      top: 8,
+      right: 16,
+      bottom: 8
     },
     ...(windowVar.lastButtonProps || {})
   };

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

@@ -3,7 +3,6 @@ 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";
@@ -16,20 +15,6 @@ const LIST_FORMAT_TYPE = {
   unorderedList: "list-item"
 };
 const NEWLINESAFTER = ["headingOne", "headingTwo", "headingThree"];
-export const serializeMentions = node => {
-  try {
-    if (node?.type === 'mention') {
-      return [node.character];
-    }
-    let children = Array.isArray(node) ? node : node?.children;
-    children = children && Array.isArray(children) ? children : [];
-    let mentions = children.map(child => serializeMentions(child)).flat();
-    return mentions.filter(Boolean);
-  } catch (err) {
-    console.log(err);
-    return [];
-  }
-};
 export const toggleBlock = (editor, format, selection = true, attr = {}) => {
   const isActive = isBlockActive(editor, format);
   const isList = list_types.includes(format);
@@ -260,13 +245,6 @@ export const getBlock = props => {
         ,
         children: children
       });
-    case "title":
-      return /*#__PURE__*/_jsx("h3", {
-        ...attributes,
-        ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""}`,
-        children: children
-      });
     case "headingThree":
       return /*#__PURE__*/_jsx("h3", {
         ...attributes,
@@ -364,9 +342,6 @@ export const getBlock = props => {
         ...props
       });
     default:
-      return /*#__PURE__*/_jsx(SimpleText, {
-        ...props,
-        isEmpty: isEmpty
-      });
+      return null;
   }
 };

package/dist/Editor/utils/events.js

@@ -5,6 +5,7 @@ import { insertAccordion } from "./accordion";
 import { isListItem } from "./helper";
 import RnDCtrlCmds from "./RnD/RnDCtrlCmds";
 import EDITORCMDS from "../common/EditorCmds";
+import { ReactEditor } from "slate-react";
 const HOTKEYS = {
   b: "bold",
   i: "italic",

package/dist/Editor/utils/helper.js

@@ -4,7 +4,6 @@ import insertNewLine from "./insertNewLine";
 import { getDevice } from "../helper/theme";
 export const windowVar = {};
 let ST_TIMEOUT = null;
-const BLOCKS = ["grid", "dataView"];
 export const formatDate = (date, format = "MM/DD/YYYY") => {
   if (!date) return "";
   var d = new Date(date),
@@ -164,7 +163,7 @@ export const handleInsertLastElement = (event, editor) => {
   if (isFreeGrid) {
     return;
   }
-  const isLastElementEmpty = lastElement.type === "paragraph" && !lastElement.children[0]?.text && !lastElement.children?.some(c => BLOCKS.includes(c.type));
+  const isLastElementEmpty = lastElement.type === "paragraph" && !lastElement.children[0]?.text && !lastElement.children?.some(c => c.type === "grid");
   if (!ReactEditor.isFocused(editor)) {
     if (isLastElementEmpty) {
       if (hasPath) {
@@ -628,24 +627,6 @@ export function capitalizeFirstLetter(str) {
   if (!str) return str;
   return str.charAt(0).toUpperCase() + str.slice(1);
 }
-export const insertLineBreakAtEndOfPath = (editor, path) => {
-  try {
-    const [node, nodePath] = Editor.node(editor, path); // Get the node at the specified path
-    if (node) {
-      // Insert the line break
-      Transforms.insertNodes(editor, {
-        type: "paragraph",
-        children: [{
-          text: ""
-        }]
-      }, {
-        at: nodePath
-      });
-    }
-  } catch (err) {
-    console.log(err);
-  }
-};
 export function isHavingSelection(editor) {
   try {
     return editor?.selection && !Range.isCollapsed(editor.selection);
@@ -653,37 +634,6 @@ 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
-
-    let lastNonEmptyElementIndex;
-    for (let i = value?.length; i > 0; i--) {
-      const elementIndex = i - 1;
-      const node = value[elementIndex];
-      if (lastNonEmptyElementIndex) {
-        break;
-      }
-      if (node?.type === "paragraph") {
-        // Ensure all children of the paragraph node are text nodes
-        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;
-      }
-    }
-    const newValue = [...value].slice(0, lastNonEmptyElementIndex + 1);
-    return newValue;
-  }
-  return value;
-}
 export function getSelectedCls(defaultCls = "", selected, selectedClsName = "selected") {
   return `${defaultCls} ${selected ? selectedClsName : ""}`;
-}
-export function handleNegativeInteger(val) {
-  return val < 0 ? 0 : val;
 }

package/dist/Editor/utils/pageSettings.js

@@ -9,13 +9,7 @@ export const findPageSettings = editor => {
       path: null,
       element: {
         pageProps: {
-          pageWidth: "fixed",
-          "lineHeight": {
-            "xs": 1.43,
-            "sm": 1.43,
-            "md": 1.43,
-            "lg": 1.43
-          }
+          pageWidth: "fixed"
         }
       }
     };
@@ -40,13 +34,7 @@ export const getPageSettings = editor => {
         path: null,
         element: {
           pageProps: {
-            pageWidth: "fixed",
-            "lineHeight": {
-              "xs": 1.43,
-              "sm": 1.43,
-              "md": 1.43,
-              "lg": 1.43
-            }
+            pageWidth: "fixed"
           }
         }
       };

package/dist/Editor/utils/serializeToText.js

@@ -2,8 +2,6 @@ export const serializeToText = node => {
   try {
     if (!node?.type && node?.text) {
       return node?.text;
-    } else if (node?.type === 'mention') {
-      return '@' + node?.character?.name || '';
     }
     let n = Array.isArray(node) ? node : node?.children;
     n = n && Array.isArray(n) ? n : n ? [n] : [];

package/package.json

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

package/dist/Editor/Elements/DataView/DataView.js

@@ -1,124 +0,0 @@
-import React from "react";
-import { Node, Path, Transforms } from "slate";
-import { ReactEditor, useSlateStatic } from "slate-react";
-import { Box, useTheme } from "@mui/material";
-import { DataViewProvider } from "./Providers/DataViewProvider";
-import useDataViewStyles from "./styles";
-import LayoutView from "./Layouts";
-import FilterView from "./Layouts/FilterView";
-import { insertLineBreakAtEndOfPath } from "../../utils/helper";
-import { useEditorContext } from "../../hooks/useMouseMove";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const DataView = props => {
-  const {
-    theme: appTheme
-  } = useEditorContext();
-  const theme = useTheme();
-  const editor = useSlateStatic();
-  const {
-    attributes,
-    children,
-    element,
-    customProps
-  } = props;
-  const {
-    CHARACTERS,
-    readOnly
-  } = customProps || {};
-  const {
-    properties,
-    layouts,
-    rows,
-    title
-  } = element;
-  const classes = useDataViewStyles(theme, appTheme);
-  const path = ReactEditor.findPath(editor, element);
-  const users = CHARACTERS?.map(m => {
-    const name = [m?.first_name || "", m?.last_name || ""]?.join(" ").trim();
-    return {
-      value: m?.email,
-      name: name || m?.username || m?.email,
-      avatar: m?.avatar || null
-    };
-  });
-  const onDuplicate = () => {
-    try {
-      const newPath = ReactEditor.findPath(editor, element);
-      const dataViewNode = Node.get(editor, newPath);
-      const cloneNode = JSON.parse(JSON.stringify(dataViewNode));
-      const toPath = Path.next(Path.parent(newPath));
-      Transforms.insertNodes(editor, [{
-        type: "paragraph",
-        children: [{
-          ...cloneNode
-        }]
-      }], {
-        at: toPath
-      });
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const onDelete = () => {
-    try {
-      const newPath = ReactEditor.findPath(editor, element);
-      Transforms.removeNodes(editor, {
-        at: newPath
-      });
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const onEnter = () => {
-    try {
-      const newPath = ReactEditor.findPath(editor, element);
-      const toPath = Path.previous(Path.parent(newPath));
-      insertLineBreakAtEndOfPath(editor, toPath);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const onTitleChange = value => {
-    try {
-      Transforms.setNodes(editor, {
-        title: value
-      }, {
-        at: path
-      });
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  return /*#__PURE__*/_jsx(Box, {
-    ...attributes,
-    className: "fe-dataview",
-    sx: classes.root,
-    contentEditable: false,
-    "data-title": title,
-    children: /*#__PURE__*/_jsxs(DataViewProvider, {
-      initialData: {
-        properties,
-        layouts,
-        rows,
-        users: users
-      },
-      path: path,
-      editor: editor,
-      title: title,
-      children: [/*#__PURE__*/_jsx(FilterView, {
-        classes: classes,
-        onEnter: onEnter,
-        onDelete: onDelete,
-        onDuplicate: onDuplicate,
-        readOnly: readOnly,
-        title: title,
-        onTitleChange: onTitleChange
-      }), /*#__PURE__*/_jsx(LayoutView, {
-        readOnly: readOnly,
-        children: children
-      })]
-    })
-  });
-};
-export default DataView;

package/dist/Editor/Elements/DataView/DataViewButton.js

@@ -1,23 +0,0 @@
-import React from "react";
-import ToolbarIcon from "../../common/ToolbarIcon";
-import Icon from "../../common/Icon";
-import { insertDataView } from "../../utils/dataView";
-import { jsx as _jsx } from "react/jsx-runtime";
-const DataViewButton = props => {
-  const {
-    editor,
-    icoBtnType
-  } = props;
-  const onClick = () => {
-    insertDataView(editor);
-  };
-  return /*#__PURE__*/_jsx(ToolbarIcon, {
-    title: "Dynamic Table",
-    onClick: onClick,
-    icon: /*#__PURE__*/_jsx(Icon, {
-      icon: "dataView"
-    }),
-    icoBtnType: icoBtnType
-  });
-};
-export default DataViewButton;

package/dist/Editor/Elements/DataView/Layouts/ColumnView.js

@@ -1,68 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-import { Box, Checkbox, Popper } from "@mui/material";
-import CheckBoxTwoToneIcon from "@mui/icons-material/CheckBoxTwoTone";
-import DataTypes from "./DataTypes";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const ColumnView = props => {
-  const {
-    needAnchor,
-    rowIndex,
-    row,
-    property,
-    onSelect,
-    selected,
-    readOnly
-  } = props;
-  const DataType = DataTypes[property?.type] || DataTypes["text"];
-  const anchorRef = useRef(null);
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  useEffect(() => {
-    if (anchorRef?.current) {
-      setAnchorEl(anchorRef?.current);
-    }
-  }, [anchorRef?.current]);
-  const handleSelect = id => e => {
-    onSelect(id, e.target.checked);
-  };
-  return /*#__PURE__*/_jsxs(Box, {
-    component: "td",
-    children: [needAnchor ? /*#__PURE__*/_jsx("span", {
-      ref: anchorRef,
-      style: {
-        position: "absolute",
-        width: "1px"
-      }
-    }) : null, /*#__PURE__*/_jsx(DataType, {
-      options: property?.options,
-      property: property?.key,
-      value: row[property?.key] || "",
-      rowIndex: rowIndex,
-      label: property?.label,
-      readOnly: readOnly
-    }), needAnchor && !readOnly ? /*#__PURE__*/_jsx(Popper, {
-      sx: {
-        zIndex: 1000,
-        marginTop: "20px !important"
-      },
-      open: open,
-      anchorEl: anchorEl,
-      placement: "left",
-      container: anchorRef?.current,
-      className: `tv-tr-pop ${selected ? "active" : ""}`,
-      disablePortal: true,
-      children: /*#__PURE__*/_jsx(Checkbox, {
-        onClick: handleSelect(row?.id),
-        size: "small",
-        className: "tv-ck-box",
-        sx: {
-          mr: 0
-        },
-        checked: selected,
-        checkedIcon: /*#__PURE__*/_jsx(CheckBoxTwoToneIcon, {})
-      })
-    }) : null]
-  });
-};
-export default ColumnView;