@flozy/editor 5.1.4 → 5.1.6

package/dist/Editor/plugins/withLayout.js

@@ -56,8 +56,55 @@ const withLayout = editor => {
           }]
         };
         Transforms.insertNodes(editor, paragraph, {
-          at: path.concat(1)
+          at: [0]
         });
+        return;
+      }
+      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) {

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -43,6 +43,9 @@ 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";
@@ -369,12 +372,14 @@ export const getBlock = props => {
       });
     case "orderedList":
       return /*#__PURE__*/_jsx("ol", {
+        className: "listItemMargin",
         type: "1",
         ...attributes,
         children: children
       });
     case "unorderedList":
       return /*#__PURE__*/_jsx("ul", {
+        className: "listItemMargin",
         ...attributes,
         children: children
       });
@@ -562,6 +567,19 @@ 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: 16,
-      top: 8,
-      right: 16,
-      bottom: 8
+      left: 24,
+      top: 10,
+      right: 24,
+      bottom: 10
     },
     ...(windowVar.lastButtonProps || {})
   };

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

@@ -15,6 +15,20 @@ 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);
@@ -245,6 +259,13 @@ 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,

package/dist/Editor/utils/dataView.js

@@ -0,0 +1,43 @@
+import { Transforms } from "slate";
+const getDefaultDatView = () => ({
+  type: "paragraph",
+  children: [{
+    type: "dataView",
+    title: "",
+    layouts: [{
+      key: "view1",
+      type: "table",
+      label: "Table 1 View",
+      value: "table1",
+      filter: [],
+      sort: []
+    }],
+    properties: [{
+      key: "column1",
+      label: "Task",
+      type: "text",
+      visible: true,
+      default: true
+    }],
+    rows: [{
+      id: new Date().getTime(),
+      column1: ""
+    }],
+    children: [{
+      type: "viewData",
+      children: [{
+        text: ""
+      }]
+    }]
+  }]
+});
+export const insertDataView = editor => {
+  try {
+    Transforms.insertNodes(editor, {
+      ...getDefaultDatView()
+    });
+    Transforms.move(editor);
+  } catch (err) {
+    console.log(err);
+  }
+};

package/dist/Editor/utils/embed.js

@@ -1,5 +1,5 @@
 import { Transforms } from "slate";
-import insertNewLine from "./insertNewLine";
+import insertNewLine, { insertNewLineAfterCurrentPath } from "./insertNewLine";
 export const insertDefaultEmbed = (editor, type, defaultURL = "", extProps = {}) => {
   try {
     const url = defaultURL ? defaultURL : type === "image" ? "" : "";
@@ -56,6 +56,7 @@ 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,7 +5,6 @@ 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,7 +60,14 @@ export const signedTextFonts = Object.keys(fontFamilyMap).slice(-12).map(m => {
   };
 });
 export const headingMap = {
-  "headingOne": "32px",
-  "headingTwo": "24px",
-  "headingThree": "19px"
-};
+  headingOne: "32px",
+  headingTwo: "24px",
+  headingThree: "19px"
+};
+export const fontWeightOptions = [{
+  text: "Bold",
+  value: "500"
+}, {
+  text: "Bolder",
+  value: "600"
+}];

package/dist/Editor/utils/formfield.js

@@ -1,5 +1,5 @@
 import { Transforms } from "slate";
-export const formField = () => {
+export const formField = data => {
   return {
     type: "form-field",
     grid: 6,
@@ -12,14 +12,18 @@ export const formField = () => {
       text: ""
     }],
     field_type: "text",
-    bgColor: "rgba(255, 255, 255, 1)",
-    borderColor: "#ccc",
+    bgColor: data?.bgColor ? data?.bgColor : "rgba(255, 255, 255, 1)",
+    borderColor: data?.borderColor ? data?.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;
 };
-const getNode = (editor, path) => {
+export const getNode = (editor, path) => {
   try {
     return Node.get(editor, path);
   } catch (err) {
@@ -264,6 +264,17 @@ 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;
 };
@@ -611,4 +622,58 @@ 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);
+  }
+}
+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 {
+        lastNonEmptyElementIndex = elementIndex;
+      }
+    }
+    const newValue = [...value].slice(0, lastNonEmptyElementIndex + 1);
+    return newValue;
+  }
+  return value;
+}

package/dist/Editor/utils/insertNewLine.js

@@ -1,4 +1,4 @@
-import { Transforms } from "slate";
+import { Editor, Element, Path, Transforms } from "slate";
 const insertNewLine = editor => {
   Transforms.insertNodes(editor, {
     type: "paragraph",
@@ -9,4 +9,22 @@ 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,7 +9,13 @@ export const findPageSettings = editor => {
       path: null,
       element: {
         pageProps: {
-          pageWidth: "fixed"
+          pageWidth: "fixed",
+          "lineHeight": {
+            "xs": 1.43,
+            "sm": 1.43,
+            "md": 1.43,
+            "lg": 1.43
+          }
         }
       }
     };
@@ -34,7 +40,13 @@ export const getPageSettings = editor => {
         path: null,
         element: {
           pageProps: {
-            pageWidth: "fixed"
+            pageWidth: "fixed",
+            "lineHeight": {
+              "xs": 1.43,
+              "sm": 1.43,
+              "md": 1.43,
+              "lg": 1.43
+            }
           }
         }
       };

package/dist/Editor/utils/serializeToText.js

@@ -2,6 +2,8 @@ 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] : [];