@flozy/editor 5.5.6 → 5.5.8

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";
@@ -155,7 +152,7 @@ export const activeMark = (editor, format) => {
   const defaultMarkData = {
     color: "#000000",
     bgColor: "#FFFFFF",
-    fontSize: "14px",
+    fontSize: "normal",
     fontFamily: "PoppinsRegular",
     fontWeight: "normal"
   };
@@ -170,16 +167,6 @@ export const activeMark = (editor, format) => {
 };
 export const getMarked = (leaf, children, theme) => {
   const className = leaf?.doublequote ? "doublequote" : "";
-  if (leaf.highlight) {
-    children = /*#__PURE__*/_jsx("span", {
-      style: {
-        color: "inherit"
-      },
-      className: "slate-highlight" // while opening AI, we will use this element to highlight the selection. (PopoverAIInput.js)
-      ,
-      children: children
-    });
-  }
   if (leaf.bold) {
     children = /*#__PURE__*/_jsx("strong", {
       children: children
@@ -250,13 +237,21 @@ export const getMarked = (leaf, children, theme) => {
           // },
           ...textStyles,
           fontFamily: family,
-          fontWeight: leaf.fontWeight,
-          WebkitTextFillColor: "unset !important"
+          fontWeight: leaf.fontWeight
         },
         children: children
       })
     });
   }
+  if (leaf.highlight) {
+    children = /*#__PURE__*/_jsx("span", {
+      style: {
+        background: "#EAEBFE",
+        color: "inherit"
+      },
+      children: children
+    });
+  }
   if (leaf.decoration === "link") {
     children = /*#__PURE__*/_jsx("a", {
       style: {
@@ -314,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
       });
@@ -375,20 +369,12 @@ export const getBlock = props => {
       });
     case "orderedList":
       return /*#__PURE__*/_jsx("ol", {
-        style: {
-          lineHeight: 1.43
-        },
-        className: "listItemMargin",
         type: "1",
         ...attributes,
         children: children
       });
     case "unorderedList":
       return /*#__PURE__*/_jsx("ul", {
-        style: {
-          lineHeight: 1.43
-        },
-        className: "listItemMargin",
         ...attributes,
         children: children
       });
@@ -576,19 +562,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/brains.js

@@ -18,7 +18,7 @@ export const insertBrain = (editor, data, position) => {
     };
     const [currentNode, currentPath] = Editor.node(editor, selection);
     console.log('W1', Node.string(currentNode));
-    const cleanedText = Node.string(currentNode).replace(/\/(?:b(?:rain|rai|ra|r)?)?/g, "").trim();
+    const cleanedText = Node.string(currentNode).replace(/\/b(?:rain|rai|ra|r)?/g, "").trim();
     if (cleanedText) {
       Transforms.delete(editor, {
         at: Editor.range(editor, currentPath)

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);
@@ -237,88 +222,38 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx("p", {
         ...attributes,
         ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`
+        className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="paragraph"
         ,
         children: children
       });
     case "headingOne":
-      return /*#__PURE__*/_jsx("h3", {
+      return /*#__PURE__*/_jsx("h1", {
         ...attributes,
         ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
         className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="Heading 1"
         ,
         children: children
       });
     case "headingTwo":
-      return /*#__PURE__*/_jsx("h3", {
+      return /*#__PURE__*/_jsx("h2", {
         ...attributes,
         ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
         className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="Heading 2"
         ,
         children: children
       });
-    case "title":
-      return /*#__PURE__*/_jsx("h3", {
-        ...attributes,
-        ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`,
-        children: children
-      });
     case "headingThree":
       return /*#__PURE__*/_jsx("h3", {
         ...attributes,
         ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
         className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="Heading 3"
         ,
         children: children
       });
-    case "headingFour":
-      return /*#__PURE__*/_jsx("h4", {
-        ...attributes,
-        ...element.attr,
-        style: {
-          margin: "10px 0px"
-        },
-        className: `content-editable ${isEmpty ? "empty" : ""}`,
-        children: children
-      });
-    case "headingFive":
-      return /*#__PURE__*/_jsx("h5", {
-        ...attributes,
-        ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`,
-        children: children
-      });
-    case "headingSix":
-      return /*#__PURE__*/_jsx("h6", {
-        ...attributes,
-        ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""}`,
-        children: children
-      });
-    case "headingSeven":
-      return /*#__PURE__*/_jsx("h7", {
-        ...attributes,
-        ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`,
-        children: children
-      });
     case "blockquote":
       return /*#__PURE__*/_jsx("blockquote", {
         ...attributes,
@@ -370,7 +305,7 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx("li", {
         ...attributes,
         ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`,
+        className: `content-editable ${isEmpty ? "empty" : ""}`,
         placeholder: "List",
         style: {
           color: firstChildren?.color
@@ -387,7 +322,7 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx("p", {
         ...attributes,
         ...element.attr,
-        className: `content-editable ${isEmpty ? "empty" : ""} m-0`
+        className: `content-editable ${isEmpty ? "empty" : ""}`
         // placeholder="paragraph"
         ,
         children: children
@@ -407,10 +342,6 @@ export const getBlock = props => {
         ...props
       });
     default:
-      return /*#__PURE__*/_jsx(SimpleText, {
-        ...props,
-        isEmpty: isEmpty,
-        isChatEditor: true
-      });
+      return null;
   }
 };

package/dist/Editor/utils/customHooks/useResize.js

@@ -4,10 +4,7 @@ const useResize = ({
   parentDOM,
   size: allSize,
   isGrid,
-  onChange,
-  MH,
-  MW,
-  MP
+  onChange
 }) => {
   const device = getDevice(window.innerWidth);
   const defaultSize = getBreakPointsValue(allSize);
@@ -55,9 +52,9 @@ const useResize = ({
       const cWP = calcWidth / width * 100;
       const calcHeight = (parseInt(currentSize.height) || height) + e.movementY;
       const calc = {
-        width: Math.max(calcWidth, MW || 140),
-        height: Math.max(calcHeight, MH || 50),
-        widthInPercent: cWP > 100 ? 100 : Math.max(cWP, MP || 15)
+        width: Math.max(calcWidth, 140),
+        height: Math.max(calcHeight, 50),
+        widthInPercent: cWP > 100 ? 100 : Math.max(cWP, 15)
       };
       latest = calc;
       return calc;

package/dist/Editor/utils/customHooks/useTableResize.js

@@ -2,8 +2,7 @@ import { useState } from "react";
 const useTableResize = ({
   parentDOM,
   size: defaultSize,
-  onDone,
-  minMaxProps = {}
+  onDone
 }) => {
   const {
     width
@@ -39,13 +38,10 @@ const useTableResize = ({
     setIsDone(1);
   };
   const onMouseMove = e => {
-    const {
-      minWidth
-    } = minMaxProps || {};
     setSize(currentSize => {
       const calcWidth = currentSize?.width + e.movementX;
       return {
-        width: minWidth && calcWidth < minWidth ? minWidth : calcWidth,
+        width: calcWidth,
         height: currentSize.height + e.movementY,
         widthInPercent: calcWidth / width * 100
       };

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

@@ -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) {
@@ -213,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) {
@@ -265,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;
 };
@@ -623,93 +611,4 @@ export const isPageSettings = (event, editor) => {
     isPageSettingsNode = true;
     return isPageSettingsNode;
   }
-};
-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);
-  } catch (err) {
-    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;
-}
-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 [];
-  }
-};
-export const getSlateDom = (editor, range) => {
-  try {
-    const slateDom = ReactEditor.toDOMRange(editor, range);
-    return slateDom;
-  } catch (err) {
-    console.log(err);
-  }
 };

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/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] : [];