@flozy/editor 5.3.6 → 5.3.8

package/dist/Editor/utils/embed.js

@@ -1,5 +1,5 @@
 import { Transforms } from "slate";
-import insertNewLine, { insertNewLineAfterCurrentPath } from "./insertNewLine";
+import insertNewLine from "./insertNewLine";
 export const insertDefaultEmbed = (editor, type, defaultURL = "", extProps = {}) => {
   try {
     const url = defaultURL ? defaultURL : type === "image" ? "" : "";
@@ -56,7 +56,6 @@ export const insertEmbed = (editor, embedData, format) => {
       at: editor.selection.anchor.path
     });
     insertNewLine(editor);
-    insertNewLineAfterCurrentPath(editor);
   } catch (err) {
     console.log(err);
   }

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/font.js

@@ -60,14 +60,7 @@ export const signedTextFonts = Object.keys(fontFamilyMap).slice(-12).map(m => {
   };
 });
 export const headingMap = {
-  headingOne: "32px",
-  headingTwo: "24px",
-  headingThree: "19px"
-};
-export const fontWeightOptions = [{
-  text: "Bold",
-  value: "500"
-}, {
-  text: "Bolder",
-  value: "600"
-}];
+  "headingOne": "32px",
+  "headingTwo": "24px",
+  "headingThree": "19px"
+};

package/dist/Editor/utils/formfield.js

@@ -1,5 +1,5 @@
 import { Transforms } from "slate";
-export const formField = data => {
+export const formField = () => {
   return {
     type: "form-field",
     grid: 6,
@@ -12,18 +12,14 @@ export const formField = data => {
       text: ""
     }],
     field_type: "text",
-    bgColor: data?.bgColor ? data?.bgColor : "rgba(255, 255, 255, 1)",
-    borderColor: data?.borderColor ? data?.borderColor : "#ccc",
+    bgColor: "rgba(255, 255, 255, 1)",
+    borderColor: "#ccc",
     bannerSpacing: {
       left: 16,
       right: 16,
       top: 16,
       bottom: 16
-    },
-    fontFamily: data?.fontFamily ? data?.fontFamily : "",
-    textSize: data?.textSize ? data?.textSize : "",
-    textColor: data?.textColor ? data?.textColor : "",
-    fontWeight: data?.fontWeight ? data?.fontWeight : "500"
+    }
   };
 };
 export const insertGridItem = editor => {

package/dist/Editor/utils/helper.js

@@ -212,7 +212,7 @@ export const isListItem = editor => {
   });
   return node;
 };
-export const getNode = (editor, path) => {
+const getNode = (editor, path) => {
   try {
     return Node.get(editor, path);
   } catch (err) {
@@ -264,17 +264,6 @@ export const decodeAndParseBase64 = encodedString => {
   const jsonData = JSON.parse(decodedURLString);
   return jsonData;
 };
-export const encodeToBase64 = data => {
-  // Convert the data to a JSON string
-  const jsonString = JSON.stringify(data);
-
-  // URL-encode the JSON string
-  const encodedURLString = encodeURIComponent(jsonString);
-
-  // Base64-encode the URL-encoded string
-  const base64EncodedString = btoa(encodedURLString);
-  return base64EncodedString;
-};
 export const hasVerticalScrollbar = (element = {}) => {
   return element.scrollHeight > element.clientHeight;
 };
@@ -622,46 +611,4 @@ export const isPageSettings = (event, editor) => {
     isPageSettingsNode = true;
     return isPageSettingsNode;
   }
-};
-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 capitalizeFirstLetter(str) {
-  if (!str) return str;
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-export function isHavingSelection(editor) {
-  try {
-    return editor?.selection && !Range.isCollapsed(editor.selection);
-  } catch (err) {
-    console.log(err);
-  }
-}
-export function getSelectedCls(defaultCls = "", selected, selectedClsName = "selected") {
-  return `${defaultCls} ${selected ? selectedClsName : ""}`;
-}
+};

package/dist/Editor/utils/insertNewLine.js

@@ -1,4 +1,4 @@
-import { Editor, Element, Path, Transforms } from "slate";
+import { Transforms } from "slate";
 const insertNewLine = editor => {
   Transforms.insertNodes(editor, {
     type: "paragraph",
@@ -9,22 +9,4 @@ const insertNewLine = editor => {
     at: [editor.children.length]
   });
 };
-export const insertNewLineAfterCurrentPath = editor => {
-  const currentPath = editor?.selection?.anchor?.path;
-  const [tableNode] = Editor.nodes(editor, {
-    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
-  });
-  if (currentPath && tableNode) {
-    const currentParentPath = Path.parent(currentPath);
-    const nextPath = Path.next(currentParentPath);
-    Transforms.insertNodes(editor, {
-      type: "paragraph",
-      children: [{
-        text: ""
-      }]
-    }, {
-      at: nextPath
-    });
-  }
-};
 export default insertNewLine;

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/dist/Editor/utils/table.js

@@ -1,6 +1,6 @@
 import { Transforms, Editor, Range, Element, Path, Node } from "slate";
 import { ReactEditor } from "slate-react";
-import { customInsertNode, getNode } from "./helper";
+import { customInsertNode } from "./helper";
 export const DEFAULT_TABLE_NODE = () => ({
   type: "table",
   children: [{
@@ -13,10 +13,7 @@ export const DEFAULT_TABLE_NODE = () => ({
           text: ""
         }],
         cellBgColor: "#FFFFFF"
-      }],
-      size: {
-        width: 120
-      }
+      }]
     }, {
       type: "table-cell",
       children: [{
@@ -25,10 +22,7 @@ export const DEFAULT_TABLE_NODE = () => ({
           text: ""
         }],
         cellBgColor: "#FFFFFF"
-      }],
-      size: {
-        width: 120
-      }
+      }]
     }, {
       type: "table-cell",
       children: [{
@@ -37,10 +31,7 @@ export const DEFAULT_TABLE_NODE = () => ({
           text: ""
         }],
         cellBgColor: "#FFFFFF"
-      }],
-      size: {
-        width: 120
-      }
+      }]
     }]
   }, {
     type: "table-row",
@@ -52,10 +43,7 @@ export const DEFAULT_TABLE_NODE = () => ({
           text: ""
         }],
         cellBgColor: "#FFFFFF"
-      }],
-      size: {
-        width: 120
-      }
+      }]
     }, {
       type: "table-cell",
       children: [{
@@ -64,10 +52,7 @@ export const DEFAULT_TABLE_NODE = () => ({
           text: ""
         }],
         cellBgColor: "#FFFFFF"
-      }],
-      size: {
-        width: 120
-      }
+      }]
     }, {
       type: "table-cell",
       children: [{
@@ -78,7 +63,9 @@ export const DEFAULT_TABLE_NODE = () => ({
         cellBgColor: "#FFFFFF"
       }],
       size: {
-        width: 120
+        widthInPercent: 100,
+        height: 100,
+        width: 365.3307291666667
       }
     }]
   }, {
@@ -91,10 +78,7 @@ export const DEFAULT_TABLE_NODE = () => ({
           text: ""
         }],
         cellBgColor: "#FFFFFF"
-      }],
-      size: {
-        width: 120
-      }
+      }]
     }, {
       type: "table-cell",
       children: [{
@@ -103,10 +87,7 @@ export const DEFAULT_TABLE_NODE = () => ({
           text: ""
         }],
         cellBgColor: "#FFFFFF"
-      }],
-      size: {
-        width: 120
-      }
+      }]
     }, {
       type: "table-cell",
       children: [{
@@ -117,14 +98,14 @@ export const DEFAULT_TABLE_NODE = () => ({
         cellBgColor: "#FFFFFF"
       }],
       size: {
-        width: 120
+        height: 300,
+        widthInPercent: 100
       }
     }]
   }],
   rows: 3,
   columns: 3
 });
-const isFreeGridTable = n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "freegridItem" && n.childType === "table";
 const prefixKey = (obj, pk = "") => {
   return Object.keys(obj).reduce((a, b) => {
     a[`${pk}${b}`] = obj[b];
@@ -163,49 +144,12 @@ export class TableUtil {
     customInsertNode(this.editor, newTable);
   };
   removeTable = () => {
-    const [freeGridItem] = Editor.nodes(this.editor, {
-      match: isFreeGridTable
+    Transforms.removeNodes(this.editor, {
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+      // mode:'highest'
     });
-    if (freeGridItem) {
-      Transforms.removeNodes(this.editor, {
-        match: isFreeGridTable
-      });
-    } else {
-      Transforms.removeNodes(this.editor, {
-        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
-      });
-    }
-  };
-  duplicateTable = () => {
-    const {
-      selection
-    } = this.editor;
-    if (!!selection && Range.isCollapsed(selection)) {
-      const [freeGridItem] = Editor.nodes(this.editor, {
-        match: isFreeGridTable
-      });
-      let clone;
-      let path;
-      if (freeGridItem) {
-        const [freeGridNode, freeGridPath] = freeGridItem;
-        clone = freeGridNode;
-        path = freeGridPath;
-      } else {
-        const [[tableNode, tablePath]] = Editor.nodes(this.editor, {
-          match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
-        });
-        clone = tableNode;
-        path = tablePath;
-      }
-      const nextPath = Path.next(path);
-      if (clone) {
-        const clonedNode = JSON.parse(JSON.stringify(clone));
-        Transforms.insertNodes(this.editor, clonedNode, {
-          at: nextPath
-        });
-      }
-    }
   };
+
   getDOMNode = path => {
     try {
       const [tableNode] = Editor.nodes(this.editor, {
@@ -242,12 +186,9 @@ export class TableUtil {
         const [[table, tablePath]] = Editor.nodes(this.editor, {
           match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
         });
-        const [currentRowData, currentRow] = tableNode;
-        const isDuplicate = action === "duplicate";
-        const isInsertNext = action === "after" || isDuplicate;
-        const path = isInsertNext ? Path.next(currentRow) : currentRow;
-        const insertData = isDuplicate ? JSON.parse(JSON.stringify(currentRowData)) : createRowOnInsertAbove(currentRowData, currentRow, this.editor);
-        Transforms.insertNodes(this.editor, insertData, {
+        const [, currentRow] = tableNode;
+        const path = action === "after" ? Path.next(currentRow) : currentRow;
+        Transforms.insertNodes(this.editor, createRow(Array(table.columns).fill("")), {
           at: path
         });
         Transforms.setNodes(this.editor, {
@@ -258,23 +199,6 @@ export class TableUtil {
       }
     }
   };
-  clearRow = () => {
-    const {
-      selection
-    } = this.editor;
-    if (!!selection && Range.isCollapsed(selection)) {
-      const [tableRow] = Editor.nodes(this.editor, {
-        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-row"
-      });
-      if (tableRow) {
-        const [tableRowNode, tableRowPath] = tableRow;
-        tableRowNode?.children?.forEach((cell, index) => {
-          const currentCellPath = [...tableRowPath, index];
-          clearCellText(this.editor, currentCellPath);
-        });
-      }
-    }
-  };
   deleteRow = () => {
     try {
       const {
@@ -335,58 +259,6 @@ export class TableUtil {
       }
     }
   };
-  duplicateColumn = () => {
-    const {
-      selection
-    } = this.editor;
-    if (!!selection && Range.isCollapsed(selection)) {
-      const [tableNode] = Editor.nodes(this.editor, {
-        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
-      });
-      if (tableNode) {
-        const [[table, tablePath]] = Editor.nodes(this.editor, {
-          match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
-        });
-        const [, currentCell] = tableNode;
-        const currentCellPath = currentCell;
-        const insertNextCellPath = Path.next(currentCell);
-        for (let row = 0; row < table.rows; row++) {
-          currentCellPath[currentCellPath.length - 2] = row;
-          insertNextCellPath[insertNextCellPath?.length - 2] = row;
-          const cellNode = getNode(this.editor, currentCellPath);
-          Transforms.insertNodes(this.editor, JSON.parse(JSON.stringify(cellNode)), {
-            at: insertNextCellPath
-          });
-        }
-        Transforms.setNodes(this.editor, {
-          columns: table.columns + 1
-        }, {
-          at: tablePath
-        });
-      }
-    }
-  };
-  clearColumn = () => {
-    const {
-      selection
-    } = this.editor;
-    if (!!selection && Range.isCollapsed(selection)) {
-      const [tableNode] = Editor.nodes(this.editor, {
-        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
-      });
-      if (tableNode) {
-        const [[table]] = Editor.nodes(this.editor, {
-          match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
-        });
-        const [, currentCell] = tableNode;
-        const currentCellPath = currentCell;
-        for (let row = 0; row < table.rows; row++) {
-          currentCellPath[currentCellPath.length - 2] = row;
-          clearCellText(this.editor, currentCellPath);
-        }
-      }
-    }
-  };
   deleteColumn = () => {
     try {
       const {
@@ -454,7 +326,6 @@ export class TableUtil {
         }, {
           at: currentCellPath
         });
-        applyColumnStyle(this.editor, currentCellPath, currentTablePath, cellProps, tableProps?.rows);
 
         // cell bg entire
         if (cellProps?.entireBgColor || tableProps?.borderColor || rowProps?.borderColor) {
@@ -492,14 +363,6 @@ export class TableUtil {
       console.log(err);
     }
   };
-  resizeTableCell = (styleProps, path) => {
-    const cellProps = parseByPrefixKey(styleProps, "col.");
-    Transforms.setNodes(this.editor, {
-      ...cellProps
-    }, {
-      at: path
-    });
-  };
   getTableProps = () => {
     const {
       selection
@@ -622,14 +485,14 @@ export class TableUtil {
     }
   };
 }
-const createRow = (cellText, other) => {
-  const newRow = Array.from(cellText, value => createTableCell(value, other));
+const createRow = cellText => {
+  const newRow = Array.from(cellText, value => createTableCell(value));
   return {
     type: "table-row",
     children: newRow
   };
 };
-export const createTableCell = (text, other = {}) => {
+export const createTableCell = text => {
   return {
     type: "table-cell",
     children: [{
@@ -637,35 +500,7 @@ export const createTableCell = (text, other = {}) => {
       children: [{
         text
       }]
-    }],
-    size: {
-      width: 120
-    },
-    ...other
-  };
-};
-const createRowOnInsertAbove = (currentRow, currRowPath, editor) => {
-  const isFirstRow = currRowPath[currRowPath?.length - 1] === 0;
-  const rowChild = currentRow?.children?.map((cell, i) => {
-    let other = {};
-
-    // remove the current row's size and add it on the currently inserting cell
-    if (isFirstRow) {
-      const cellPath = [...currRowPath, i];
-      Transforms.setNodes(editor, {
-        size: null
-      }, {
-        at: cellPath
-      });
-      other = {
-        size: cell?.size
-      };
-    }
-    return createTableCell("", other);
-  });
-  return {
-    type: "table-row",
-    children: rowChild
+    }]
   };
 };
 
@@ -714,43 +549,4 @@ const createTableNode = (cellText, rows, columns) => {
     columns
   };
   return tableNode;
-};
-const columnStyleKeys = ["entireBgColor", "entireBorderColor", "entireTextColor", "entireFontFamily", "entireFontWeight", "entireTextSize"];
-const applyColumnStyle = (editor, currentCellPath, currentTablePath, cellProps, rows) => {
-  const colStyle = columnStyleKeys.reduce((acc, key) => {
-    const style = cellProps[key];
-    if (style) {
-      acc[key] = style;
-    }
-    return acc;
-  }, {});
-  for (let r = 0; r < rows; r++) {
-    const cellPosition = currentCellPath[currentCellPath?.length - 1]; // cell position on each row as per selected column cell
-
-    Transforms.setNodes(editor, colStyle, {
-      at: [...currentTablePath, r, cellPosition]
-    });
-  }
-};
-export const clearCellText = (editor, currentCellPath) => {
-  try {
-    const existingCellNode = getNode(editor, currentCellPath);
-    Transforms.removeNodes(editor, {
-      at: currentCellPath
-    });
-    Transforms.insertNodes(editor, {
-      ...(existingCellNode || {}),
-      children: [{
-        type: "paragraph",
-        children: [{
-          text: ""
-        }],
-        cellBgColor: "#FFFFFF"
-      }]
-    }, {
-      at: currentCellPath
-    });
-  } catch (err) {
-    console.log(err);
-  }
 };

package/package.json

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

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

@@ -1,77 +0,0 @@
-import { Button } from "@mui/material";
-import { useMemo, useState } from "react";
-import useTable from "../../hooks/useTable";
-import { jsx as _jsx } from "react/jsx-runtime";
-const showAddButton = (addType, tableNode, hoverPath) => {
-  const [row, col] = hoverPath && hoverPath?.length ? hoverPath.slice(-2) : [];
-  if (addType === "row") {
-    return tableNode?.rows - 1 === row;
-  } else {
-    return tableNode?.columns - 1 === col;
-  }
-};
-const ADD_COL_BTN_WIDTH = 20;
-function AddRowCol(props) {
-  const {
-    tableRef,
-    containerRef,
-    addType,
-    tableNode,
-    onAdd,
-    readOnly
-  } = props;
-  const {
-    hoverPath
-  } = useTable();
-  const [hoveringAddBtn, setHoveringAddBtn] = useState(false);
-  const {
-    tableResizing
-  } = useTable();
-  const {
-    clientHeight,
-    scrollWidth
-  } = tableRef?.current || {};
-  const {
-    clientWidth: containerWidth
-  } = containerRef?.current || {};
-  const buttonStyle = useMemo(() => {
-    if (addType === "row") {
-      const isScrollEnabled = scrollWidth > containerWidth;
-      const width = isScrollEnabled ? containerWidth - ADD_COL_BTN_WIDTH : scrollWidth;
-      return {
-        width
-      };
-    } else {
-      return {
-        height: "100%",
-        marginLeft: "3px"
-      };
-    }
-  }, [scrollWidth, clientHeight, containerWidth, tableResizing]);
-  const showAdd = showAddButton(addType, tableNode, hoverPath);
-  const onMouseEnter = () => setHoveringAddBtn(true);
-  const onMouseLeave = () => setHoveringAddBtn(false);
-  const showBtn = (showAdd || hoveringAddBtn) && !tableResizing && !readOnly;
-  return /*#__PURE__*/_jsx("div", {
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave,
-    contentEditable: false,
-    children: /*#__PURE__*/_jsx(Button, {
-      sx: {
-        fontSize: "14px",
-        border: "1px dashed #8DA8E3",
-        color: "#2563EB !important",
-        padding: "0px 4px",
-        minWidth: "unset",
-        lineHeight: "18px",
-        fontWeight: "normal !important",
-        ...buttonStyle,
-        opacity: showBtn ? 1 : 0
-      },
-      disabled: !showBtn,
-      onClick: onAdd,
-      children: "+"
-    })
-  });
-}
-export default AddRowCol;