@flozy/editor 4.0.6 → 4.0.8

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -1,6 +1,6 @@
 import { Editor, Transforms, Element as SlateElement } from "slate";
 import { Box } from "@mui/material";
-import { fontFamilyMap, sizeMap } from "./font";
+import { sizeMap } from "./font";
 import Link from "../Elements/Link/Link";
 import Image from "../Elements/Embed/Image";
 import Video from "../Elements/Embed/Video";
@@ -32,7 +32,7 @@ import FormField from "../Elements/Form/FormField";
 import InlineIcon from "../Elements/InlineIcon/InlineIcon";
 import SimpleText from "../Elements/SimpleText";
 import CheckList from "../Elements/List/CheckList";
-import { isEmptyTextNode } from "../helper";
+import { getTextColor, isEmptyTextNode } from "../helper";
 import Attachments from "../Elements/Attachments/Attachments";
 import { getBreakPointsValue } from "../helper/theme";
 import Variables from "../Elements/Variables/Variable";
@@ -206,14 +206,8 @@ export const getMarked = (leaf, children, theme) => {
   }
   // cover under single span
   if (leaf.color || leaf.bgColor || leaf.fontSize || leaf.fontFamily || leaf.fontWeight || className) {
-    const family = fontFamilyMap[leaf?.fontFamily];
-    const textStyles = leaf?.color?.indexOf("gradient") >= 0 ? {
-      background: leaf?.color?.concat("text"),
-      WebkitBackgroundClip: "text",
-      WebkitTextFillColor: "transparent"
-    } : {
-      color: leaf.color
-    };
+    const family = leaf?.fontFamily;
+    const textStyles = getTextColor(leaf?.color);
     children = /*#__PURE__*/_jsx("span", {
       style: {
         background: leaf.bgColor

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

@@ -321,6 +321,15 @@ export const getBlock = props => {
         ...attributes,
         children: children
       });
+    case "link":
+      return /*#__PURE__*/_jsx("p", {
+        ...attributes,
+        ...element.attr,
+        className: `content-editable ${isEmpty ? "empty" : ""}`
+        // placeholder="paragraph"
+        ,
+        children: children
+      });
     case "unorderedList":
       return /*#__PURE__*/_jsx("ul", {
         ...attributes,

package/dist/Editor/utils/embedScript.js

@@ -9,9 +9,10 @@ export const createEmbedScript = embedData => ({
   }],
   isEncoded: true,
   // to handle the old code's that already inserted
-  isSanitized: true // to handle the old code's that already inserted
+  isSanitized: true,
+  // to handle the old code's that already inserted
+  updatedOn: new Date().getTime()
 });
-
 export const insertEmbedScript = (editor, embedData) => {
   try {
     const embed = createEmbedScript(embedData);
@@ -22,4 +23,21 @@ export const insertEmbedScript = (editor, embedData) => {
   } catch (err) {
     console.log(err);
   }
+};
+export const updateEmbedScript = (editor, embedData, updatePath = null, parentPath = null) => {
+  try {
+    Transforms.setNodes(editor, {
+      embedData: encodeString(embedData),
+      updatedOn: new Date().getTime()
+    }, {
+      at: updatePath
+    });
+    Transforms.setNodes(editor, {
+      lg_updatedOn: new Date().getTime()
+    }, {
+      at: parentPath
+    });
+  } catch (err) {
+    console.log(err);
+  }
 };

package/dist/Editor/utils/freegrid.js

@@ -42,37 +42,150 @@ export const insertFreeGrid = (editor, path, extProps) => {
         children: [{
           type: "paragraph",
           children: [{
-            text: "Heading One",
-            fontSize: {
-              xs: "38px",
-              sm: "54px",
-              md: "54px",
-              lg: "54px"
+            type: "grid",
+            grid: "container",
+            children: [{
+              type: "grid-item",
+              grid: 12,
+              children: [{
+                type: "alignCenter",
+                children: [{
+                  type: "paragraph",
+                  children: [{
+                    text: "Lorem ipsum sit ",
+                    fontSize: {
+                      xs: "80px",
+                      sm: "80px",
+                      md: "80px",
+                      lg: "80px"
+                    },
+                    fontFamily: "PoppinsBold",
+                    color: "rgb(132, 141, 151)"
+                  }]
+                }]
+              }, {
+                type: "alignCenter",
+                children: [{
+                  type: "paragraph",
+                  children: [{
+                    fontSize: {
+                      xs: "80px",
+                      sm: "80px",
+                      md: "80px",
+                      lg: "80px"
+                    },
+                    fontFamily: "PoppinsBold",
+                    text: "amet.",
+                    color: "rgb(132, 141, 151)"
+                  }, {
+                    fontSize: {
+                      xs: "80px",
+                      sm: "80px",
+                      md: "80px",
+                      lg: "80px"
+                    },
+                    fontFamily: "PoppinsBold",
+                    text: " "
+                  }, {
+                    fontSize: {
+                      xs: "80px",
+                      sm: "80px",
+                      md: "80px",
+                      lg: "80px"
+                    },
+                    fontFamily: "PoppinsBold",
+                    text: "Lorem",
+                    color: "rgb(131, 96, 253)"
+                  }]
+                }]
+              }],
+              bgColor: "rgba(255, 255, 255, 0)",
+              borderColor: "rgba(204, 204, 204, 0)",
+              lockSpacing: true,
+              bannerSpacing: {
+                top: "16",
+                left: "16",
+                right: "16",
+                bottom: "16"
+              }
+            }],
+            alignment: {
+              flexDirection: "column"
             },
-            fontFamily: "PoppinsBold"
+            lockSpacing: false,
+            bannerSpacing: {
+              top: "32",
+              left: "16",
+              right: "16",
+              bottom: "16"
+            },
+            gridSize: 8
           }]
         }]
       }],
-      gridArea: "2 / 1 / 3 / 2",
-      height: 88,
+      gridArea: "1 / 1 / 2 / 2",
+      height: 323,
       width: 746,
-      left: 129,
-      marginTop: 23,
+      left: 127,
+      marginTop: 25,
       top_xs: 105.1875,
       left_xs: 22,
       marginTop_xs: 38,
       width_xs: 272,
       height_xs: 163.0078125,
       gridArea_xs: "2 / 1 / 3 / 2",
-      updated_at: 1728554109479,
-      lg_updatedOn: 1726290562773,
-      xs_updatedOn: 1728554109478
+      updated_at: 1729055084817,
+      lg_updatedOn: 1729055010519,
+      xs_updatedOn: null
+    }, {
+      type: "freegridItem",
+      childType: "button",
+      children: [{
+        type: "button",
+        children: [{
+          text: ""
+        }],
+        buttonLink: {
+          linkType: "webAddress"
+        },
+        iconPosition: "start",
+        bgColor: "#2563EB",
+        textColor: "#FFF",
+        borderRadius: {
+          topLeft: 30,
+          topRight: 30,
+          bottomLeft: 30,
+          bottomRight: 30
+        },
+        bannerSpacing: {
+          left: 12,
+          top: 12,
+          right: 12,
+          bottom: 12
+        },
+        textAlign: "center",
+        label: "Get Started"
+      }],
+      gridArea: "7 / 1 / 8 / 2",
+      left: 428,
+      marginTop: 42,
+      top: 0,
+      width: 143,
+      height: 50,
+      lg_updatedOn: 1729055084816,
+      updated_at: 1729055084817,
+      top_xs: 366,
+      left_xs: 24,
+      marginTop_xs: 12,
+      width_xs: 272,
+      height_xs: 48,
+      gridArea_xs: "8 / 1 / 9 / 2"
     }],
     height_xs: 593.0625,
-    updated_at: 1728554109479,
+    updated_at: 1729055084816,
     width: 0,
-    sectionBgColor: "rgb(222, 99, 138)",
-    xs_updatedOn: 1727921628092,
+    sectionBgColor: "rgb(255, 255, 255)",
+    xs_updatedOn: null,
     sectionName: "Home"
   }];
   const newPath = path ? path : editor?.selection?.anchor?.path;

package/dist/Editor/utils/mentions.js

@@ -1,4 +1,5 @@
 import { Transforms } from "slate";
+import { ReactEditor } from 'slate-react';
 export const insertMention = (editor, character, type) => {
   if (type === "mentions") {
     const mention = {
@@ -9,6 +10,7 @@ export const insertMention = (editor, character, type) => {
       }]
     };
     Transforms.insertNodes(editor, mention);
+    ReactEditor.focus(editor);
     Transforms.move(editor);
   } else if (type === "elements" && character && character.onInsert) {
     character.onInsert(editor);

package/dist/Editor/utils/table.js

@@ -1,6 +1,111 @@
 import { Transforms, Editor, Range, Element, Path, Node } from "slate";
 import { ReactEditor } from "slate-react";
 import { customInsertNode } from "./helper";
+export const DEFAULT_TABLE_NODE = () => ({
+  type: "table",
+  children: [{
+    type: "table-row",
+    children: [{
+      type: "table-cell",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }],
+        cellBgColor: "#FFFFFF"
+      }]
+    }, {
+      type: "table-cell",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }],
+        cellBgColor: "#FFFFFF"
+      }]
+    }, {
+      type: "table-cell",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }],
+        cellBgColor: "#FFFFFF"
+      }]
+    }]
+  }, {
+    type: "table-row",
+    children: [{
+      type: "table-cell",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }],
+        cellBgColor: "#FFFFFF"
+      }]
+    }, {
+      type: "table-cell",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }],
+        cellBgColor: "#FFFFFF"
+      }]
+    }, {
+      type: "table-cell",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }],
+        cellBgColor: "#FFFFFF"
+      }],
+      size: {
+        widthInPercent: 100,
+        height: 100,
+        width: 365.3307291666667
+      }
+    }]
+  }, {
+    type: "table-row",
+    children: [{
+      type: "table-cell",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }],
+        cellBgColor: "#FFFFFF"
+      }]
+    }, {
+      type: "table-cell",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }],
+        cellBgColor: "#FFFFFF"
+      }]
+    }, {
+      type: "table-cell",
+      children: [{
+        type: "paragraph",
+        children: [{
+          text: ""
+        }],
+        cellBgColor: "#FFFFFF"
+      }],
+      size: {
+        height: 300,
+        widthInPercent: 100
+      }
+    }]
+  }],
+  rows: 3,
+  columns: 3
+});
 const prefixKey = (obj, pk = "") => {
   return Object.keys(obj).reduce((a, b) => {
     a[`${pk}${b}`] = obj[b];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "4.0.6",
+  "version": "4.0.8",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -49,6 +49,7 @@
     "use-debounce": "^10.0.0",
     "wavesurfer.js": "^7.8.6",
     "web-vitals": "^2.1.4",
+    "webfontloader": "^1.6.28",
     "y-websocket": "^1.5.0",
     "yjs": "^13.6.8"
   },