@flozy/editor 5.3.5 → 5.3.7

package/dist/Editor/Elements/PageSettings/PageSettingsButton.js

@@ -26,7 +26,6 @@ const PageSettingsButton = props => {
       element: element?.pageProps || {},
       path
     });
-    console.log("OPen setting :".openSetttings, path, element?.pageProps);
   };
   const onSave = data => {
     try {

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

@@ -150,8 +150,6 @@ const Table = props => {
   const tableRef = useRef(null);
   const containerRef = useRef(null);
   const path = ReactEditor.findPath(editor, element);
-  const isValidPath = path && Editor.hasPath(editor, path); // getting cannot find the descendant path error while deleting table from free grid on right click
-
   const dragRowBtnCls = `table-${path?.toString()?.replaceAll(",", "-")}-row-drag-btn`;
   const handleAction = type => {
     Transforms.select(editor, editor.selection);
@@ -267,7 +265,7 @@ const Table = props => {
       openSetttings,
       exandTools
     },
-    children: [isValidPath ? /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       style: {
         minWidth: "100%",
         maxWidth: "100%",
@@ -307,7 +305,7 @@ const Table = props => {
         addType: "col",
         onAdd: addCol
       })]
-    }) : null, /*#__PURE__*/_jsx(AddRowCol, {
+    }), /*#__PURE__*/_jsx(AddRowCol, {
       ...commonAddBtnProps,
       addType: "row",
       onAdd: addRow

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

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useMemo } from "react";
-import { Editor, Element, Path, Transforms } from "slate";
+import { Editor, Path, Transforms } from "slate";
 import { Box } from "@mui/material";
 import { useSlateStatic, ReactEditor } from "slate-react";
 import useTableResize from "../../utils/customHooks/useTableResize";
@@ -11,6 +11,7 @@ import DragButton from "./DragButton";
 import TablePopup from "./TablePopup";
 import { Droppable } from "./Droppable";
 import { useDndContext } from "@dnd-kit/core";
+import { getNodeWithType } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -97,14 +98,8 @@ const TableCell = props => {
   const [openSettings, setOpenSettings] = useState(false);
   const table = new TableUtil(editor);
   const tableProps = table.getTableProps();
-  const [tableNode] = Editor.nodes(editor, {
-    at: path,
-    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
-  });
-  const [rowNode] = Editor.nodes(editor, {
-    at: path,
-    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-row"
-  });
+  const [tableNode] = getNodeWithType(editor, "table", path); // getting cannot find the descendant path error, while deleting table because of unknown re-render issue, so wrapping it with try catch
+  const [rowNode] = getNodeWithType(editor, "table-row", path);
   const currentPath = path.slice(-2) || []; // getting last 2 items from path, which gives row and column position of the cell
   const [row, column] = currentPath;
   const isFirstRow = row === 0;
@@ -424,7 +419,7 @@ const TableCell = props => {
       }), isHeader && !readOnly && tableSize?.height && !showTool ? /*#__PURE__*/_jsx(Resizer, {
         classes: classes,
         onMouseDown: onMouseDown,
-        height: tableDOM.getBoundingClientRect()?.height
+        height: tableDOM?.getBoundingClientRect()?.height
       }) : null, hasSelected && !readOnly && !tableResizing ? /*#__PURE__*/_jsx("div", {
         className: "selection-area-tc",
         contentEditable: false

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

@@ -85,6 +85,7 @@ const TextFormat = props => {
       [type]: color
     };
     updateBlockQuote(attr);
+    setAnchorEl(null);
   };
   const handleQuote = attr => () => {
     updateBlockQuote(attr);

package/dist/Editor/common/ToolbarIcon.js

@@ -11,7 +11,6 @@ const ToolbarIcon = props => {
     style,
     icoBtnType
   } = props;
-  console.log("Props:", props);
   const renderIconText = () => {
     if (icoBtnType === "mini") {
       return /*#__PURE__*/_jsx("span", {

package/dist/Editor/helper/deserialize/index.js

@@ -20,6 +20,13 @@ const handleTableCell = (el, children) => {
     }
   };
 };
+const paragraphType = el => {
+  const firstChild = el?.childNodes?.[0];
+  const isFirstChildText = firstChild?.nodeType === 3 || TEXT_TAGS[firstChild?.nodeName];
+  return isFirstChildText ? {
+    type: "paragraph"
+  } : {};
+};
 const ELEMENT_TAGS = {
   A: el => ({
     type: "link",
@@ -59,24 +66,14 @@ const ELEMENT_TAGS = {
   OL: () => ({
     type: "orderedList"
   }),
-  P: () => ({
-    type: "paragraph"
-  }),
-  DIV: () => ({
-    type: "paragraph"
-  }),
+  P: paragraphType,
+  DIV: paragraphType,
   PRE: () => ({
     type: "code"
   }),
-  META: () => ({
-    type: "paragraph"
-  }),
-  STYLE: () => ({
-    type: "paragraph"
-  }),
-  "GOOGLE-SHEETS-HTML-ORIGIN": () => ({
-    type: "paragraph"
-  }),
+  META: paragraphType,
+  STYLE: paragraphType,
+  "GOOGLE-SHEETS-HTML-ORIGIN": paragraphType,
   TABLE: (el, children = []) => {
     try {
       const bodyChild = children || [];
@@ -98,12 +95,8 @@ const ELEMENT_TAGS = {
     type: "table-row"
   }),
   TD: handleTableCell,
-  COLGROUP: () => ({
-    type: "paragraph"
-  }),
-  COL: () => ({
-    type: "paragraph"
-  })
+  COLGROUP: paragraphType,
+  COL: paragraphType
 };
 
 // COMPAT: `B` is omitted here because Google Docs uses `<b>` in weird ways.
@@ -133,7 +126,8 @@ const TEXT_TAGS = {
 const deserialize = el => {
   if (el.nodeType === 3) {
     const match = /\r|\n/.exec(el.textContent);
-    return match ? null : el.textContent;
+    const text = el.textContent.replace(/\r|\n/g, "").trim();
+    return match && !text ? null : el.textContent;
   } else if (el.nodeType !== 1) {
     return null;
   } else if (el.nodeName === "BR") {
@@ -160,7 +154,9 @@ const deserialize = el => {
       overwriteChild,
       ...attrs
     } = ELEMENT_TAGS[nodeName](el, children);
-    return jsx("element", attrs, overwriteChild || children);
+    if (attrs?.type) {
+      return jsx("element", attrs, overwriteChild || children);
+    }
   }
   if (TEXT_TAGS[nodeName]) {
     const attrs = TEXT_TAGS[nodeName](el);

package/dist/Editor/hooks/useTable.js

@@ -6,21 +6,25 @@ import { DndContext, DragOverlay, PointerSensor, useSensor, useSensors } from "@
 import { encodeToBase64, isHavingSelection } from "../utils/helper";
 import { serializeToText } from "../utils/serializeToText";
 import { createCopiedTableStructure, getRectangleBounds, tableNodeToDom } from "../Elements/Table/tableHelper";
+
+// const selectFirstCell = (tablePath, editor, updateTableSelection) => {
+//   const firstCell = [...tablePath, 0, 0];
+
+//   const end = Editor.end(editor, firstCell);
+
+//   Transforms.select(editor, {
+//     anchor: end,
+//     focus: end,
+//   });
+
+//   updateTableSelection({
+//     startCellPath: firstCell,
+//     endCellPath: [],
+//     isDragging: false,
+//   });
+// };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const selectFirstCell = (tablePath, editor, updateTableSelection) => {
-  const firstCell = [...tablePath, 0, 0];
-  const end = Editor.end(editor, firstCell);
-  Transforms.select(editor, {
-    anchor: end,
-    focus: end
-  });
-  updateTableSelection({
-    startCellPath: firstCell,
-    endCellPath: [],
-    isDragging: false
-  });
-};
 const handleDragEnd = (dragData, editor, resetAll) => {
   const {
     active,
@@ -77,9 +81,6 @@ export const TableProvider = ({
   children,
   otherProps = {}
 }) => {
-  const {
-    tablePath
-  } = otherProps;
   const [hoverPath, setHoverPath] = useState(null);
   const [tableSelection, setTableSelection] = useState(getDefaultTableSelection());
   const [tableResizing, setTableResizing] = useState(null);
@@ -184,9 +185,11 @@ export const TableProvider = ({
       window.removeEventListener("cut", handleCut);
     };
   }, [tableSelection, editor, tableSelection]);
-  useEffect(() => {
-    selectFirstCell(tablePath, editor, updateTableSelection);
-  }, []);
+
+  // useEffect(() => {
+  //   selectFirstCell(tablePath, editor, updateTableSelection);
+  // }, []);
+
   return /*#__PURE__*/_jsx(TableContext.Provider, {
     value: values,
     children: /*#__PURE__*/_jsxs(DndContext, {

package/dist/Editor/utils/helper.js

@@ -691,4 +691,17 @@ export const containsSurrogatePair = text => {
   // Match surrogate pairs (high and low surrogate)
   const surrogatePairRegex = /[\uD800-\uDBFF][\uDC00-\uDFFF]/;
   return surrogatePairRegex.test(text);
+};
+export const getNodeWithType = (editor, nodeType = "", otherOptions) => {
+  try {
+    const options = {
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === nodeType,
+      ...(otherOptions || {})
+    };
+    const [node, nodePath] = Editor.nodes(editor, options);
+    return node ? [node, nodePath] : [];
+  } catch (err) {
+    console.log(err);
+    return [];
+  }
 };

package/package.json

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