@flozy/editor 1.8.2 → 1.8.4

package/dist/Editor/plugins/withLayout.js

@@ -1,4 +1,30 @@
-import { Transforms, Node, Element as SlateElement, Editor } from "slate";
+import { Transforms, Node, Editor } from "slate";
+const ORDERS_LAYOUT = ["topbanner", "title", "paragraph"];
+const ORDERS_LAYOUT_VALIDATIONS = {
+  topbanner: val => {
+    if (val.type !== ORDERS_LAYOUT[0]) {
+      return "title";
+    } else {
+      return val.type;
+    }
+  },
+  title: (val, prev) => {
+    if (prev?.type === "topbanner") {
+      return "title";
+    } else if (prev?.type === "title" && val?.type !== "title") {
+      return val.type;
+    } else {
+      return "paragraph";
+    }
+  },
+  paragraph: val => {
+    if (val.type === "title") {
+      return "paragraph";
+    } else {
+      return val.type;
+    }
+  }
+};
 const withLayout = editor => {
   const {
     normalizeNode
@@ -17,7 +43,7 @@ const withLayout = editor => {
           select: true
         });
       }
-      if (editor.children.length < 2) {
+      if (editor.children.length === 0) {
         const paragraph = {
           type: "paragraph",
           children: [{
@@ -28,34 +54,23 @@ const withLayout = editor => {
           at: path.concat(1)
         });
       }
-      let prevType = "";
-      for (const [child, childPath] of Node.children(editor, path)) {
-        let type = "";
-        const slateIndex = childPath[0];
-        const enforceType = type => {
-          if (SlateElement.isElement(child) && child.type !== type) {
-            const newProperties = {
-              type
-            };
-            Transforms.setNodes(editor, newProperties, {
-              at: childPath
+      ORDERS_LAYOUT.forEach((enforce, index) => {
+        if (index < editor.children.length) {
+          const existsNode = Node.get(editor, [index]);
+          let prevNode = null;
+          if (index > 0) {
+            prevNode = Node.get(editor, [index - 1]);
+          }
+          const newType = ORDERS_LAYOUT_VALIDATIONS[enforce](existsNode, prevNode);
+          if (existsNode?.type !== newType) {
+            Transforms.setNodes(editor, {
+              type: newType
+            }, {
+              at: [index]
             });
           }
-        };
-        switch (slateIndex) {
-          case 0:
-            type = child.type === "topbanner" ? "topbanner" : "title";
-            prevType = type;
-            enforceType(type);
-            break;
-          case 1:
-            type = prevType === "topbanner" ? "title" : "paragraph";
-            enforceType(type);
-            break;
-          default:
-            break;
         }
-      }
+      });
     }
     return normalizeNode([node, path]);
   };

package/dist/Editor/plugins/withLinks.js

@@ -1,5 +1,5 @@
 import { Transforms, Element, Node } from "slate";
-const INLINE_ELLEMENTS = ["link", "chip-text", "drawer", "icon-text"];
+const INLINE_ELLEMENTS = ["link", "chip-text", "drawer", "icon-text", "variables"];
 const withLinks = editor => {
   const {
     isInline,

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -1,4 +1,5 @@
 import { Editor, Transforms, Element as SlateElement } from "slate";
+import { Box } from "@mui/material";
 import { fontFamilyMap, sizeMap } from "./font";
 import Link from "../Elements/Link/Link";
 import Image from "../Elements/Embed/Image";
@@ -34,6 +35,8 @@ import SimpleText from "../Elements/SimpleText";
 import CheckList from "../Elements/List/CheckList";
 import { isEmptyTextNode } from "../helper";
 import Attachments from "../Elements/Attachments/Attachments";
+import { getBreakPointsValue } from "../helper/theme";
+import Variables from "../Elements/Variables/Variable";
 import { jsx as _jsx } from "react/jsx-runtime";
 const alignment = ["alignLeft", "alignRight", "alignCenter"];
 const list_types = ["orderedList", "unorderedList"];
@@ -85,7 +88,11 @@ export const toggleBlock = (editor, format, selection = true, attr = {}) => {
   }
 };
 export const addMarkData = (editor, data) => {
-  Editor.addMark(editor, data.format, data.value);
+  try {
+    Editor.addMark(editor, data.format, data.value);
+  } catch (err) {
+    console.log(err);
+  }
 };
 export const toggleMark = (editor, format) => {
   const isActive = isMarkActive(editor, format);
@@ -209,10 +216,13 @@ export const getMarked = (leaf, children) => {
     });
   }
   if (leaf.fontSize) {
-    const size = sizeMap[leaf.fontSize] || leaf.fontSize;
-    children = /*#__PURE__*/_jsx("span", {
-      style: {
-        fontSize: size
+    children = /*#__PURE__*/_jsx(Box, {
+      component: "span",
+      sx: {
+        fontSize: {
+          lg: sizeMap[leaf.fontSize] || leaf.fontSize,
+          ...getBreakPointsValue(leaf.fontSize, null, "overrideText")
+        }
       },
       children: children
     });
@@ -475,9 +485,22 @@ export const getBlock = props => {
       });
     case "docs":
     case "pdf":
+    case "xls":
       return /*#__PURE__*/_jsx(Attachments, {
         ...props
       });
+    case "variables":
+      return /*#__PURE__*/_jsx(Variables, {
+        ...props
+      });
+    case "topbanner":
+      return /*#__PURE__*/_jsx("span", {
+        ...props,
+        style: {
+          display: "none"
+        },
+        children: children
+      });
     default:
       return /*#__PURE__*/_jsx(SimpleText, {
         ...props,

package/dist/Editor/utils/attachments.js

@@ -20,10 +20,11 @@ export const insertAttachments = (editor, data) => {
     const {
       url
     } = data;
+    const docType = url?.split(".").pop();
     if (url) {
       const attachmentsNode = createAttachmentsNode({
         ...data,
-        type: url?.split(".").pop() === "pdf" ? "pdf" : "docs"
+        type: docType?.includes("pdf") ? "pdf" : docType?.includes("doc") || docType?.includes("page") ? "docs" : docType?.includes("xls") || docType?.includes("numbers") ? "xls" : "docs"
       });
       Transforms.insertNodes(editor, [attachmentsNode]);
       insertNewLine(editor);

package/dist/Editor/utils/variables.js

@@ -0,0 +1,45 @@
+import { Editor, Path, Range, Transforms } from "slate";
+export const variablesTextNode = (data, text) => ({
+  type: "variables",
+  ...(data || {
+    name: ""
+  }),
+  children: [{
+    text
+  }]
+});
+export const insertVariables = (editor, data) => {
+  try {
+    const {
+      selection
+    } = editor;
+    const variableText = variablesTextNode(data, " ");
+    if (!!selection) {
+      const [parent, parentPath] = Editor.parent(editor, selection.focus.path);
+      if (editor.isVoid(parent)) {
+        Transforms.insertNodes(editor, {
+          type: "paragraph",
+          children: [variableText]
+        }, {
+          at: Path.next(parentPath),
+          select: true
+        });
+      } else if (Range.isCollapsed(selection)) {
+        Transforms.insertNodes(editor, variableText, {
+          select: true
+        });
+      } else {
+        Transforms.wrapNodes(editor, variableText, {
+          split: true
+        });
+      }
+    } else {
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [variableText]
+      });
+    }
+  } catch (err) {
+    console.log(err);
+  }
+};

package/dist/index.js

@@ -1,6 +1,8 @@
 import Collaborative from "./Editor/CollaborativeEditor";
 import CommonEditor from "./Editor/CommonEditor";
 import Mini from "./Editor/MiniEditor";
+import EditorInFrame from "./Editor/IframeEditor";
 export const Editor = CommonEditor;
 export const MiniEditor = Mini;
-export const CollaborativeEditor = Collaborative;
+export const CollaborativeEditor = Collaborative;
+export const IframeEditor = EditorInFrame;

package/package.json

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

package/dist/Editor/Elements/Color Picker/LogoIcon.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const logo = {
-  color: color => /*#__PURE__*/_jsx("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 11 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M5.16796 0C5.16796 0 0 5.92326 0 8.8319C0 12.0176 2.65524 14 5.16796 14C7.83258 14 10.3359 11.9129 10.3359 8.8319C10.3359 5.92326 5.16796 0 5.16796 0ZM8.7402 9.70788C8.45278 11.3396 7.03388 12.0548 5.89918 12.0548C5.80706 12.0543 9.14466 10.6134 7.85834 6.30322C8.53622 7.06776 8.96266 8.4448 8.7402 9.70788Z",
-      fill: "#778599"
-    })
-  }),
-  bgColor: color => /*#__PURE__*/_jsx("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M13.5512 6.73405L6.71385 12.8277C6.30072 13.1996 5.76365 13.3648 5.22658 13.3442C4.6895 13.3235 4.19375 13.0756 3.80127 12.6625L0.516875 8.98561C-0.226762 8.13869 -0.164793 6.83733 0.682127 6.09369L7.51946 0L13.5512 6.7547V6.73405ZM13.3859 8.01475C13.4479 8.26263 11.6095 11.1959 13.138 11.3818C14.9558 11.5883 13.324 7.76687 13.3859 8.01475ZM12.5183 6.67208L7.47814 1.03283L1.19854 6.65142L12.5183 6.69273V6.67208Z",
-      fill: "#64748B"
-    })
-  })
-};