@flozy/editor 1.7.1 → 1.7.3

package/dist/Editor/common/DnD/index.js

@@ -0,0 +1,48 @@
+import React from "react";
+import { Transforms, Node } from "slate";
+import { useSlateStatic } from "slate-react";
+import { DndContext } from "@dnd-kit/core";
+import { customCollisionDetectionAlgorithm } from "../../helper";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DragAndDrop = ({
+  children
+}) => {
+  const editor = useSlateStatic();
+  const handleDragStart = e => {
+    try {
+      // console.log(e);
+    } catch (err) {
+      console.log(err);
+    }
+  };
+  const handleDragEnd = e => {
+    try {
+      const {
+        active,
+        over
+      } = e;
+      const fromPath = active.id.split("_")[1].split("|");
+      const toPath = over.id.split("_")[1].split("|");
+      const toCloneNode = JSON.stringify(Node.get(editor, fromPath));
+      // set moved node delete
+      Transforms.setNodes(editor, {
+        moved: true
+      }, {
+        at: [...fromPath]
+      });
+      // clone node in the moved path
+      Transforms.insertNodes(editor, JSON.parse(toCloneNode), {
+        at: [...toPath]
+      });
+    } catch (err) {
+      console.log(err);
+    }
+  };
+  return /*#__PURE__*/_jsx(DndContext, {
+    collisionDetection: customCollisionDetectionAlgorithm,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd,
+    children: children
+  });
+};
+export default DragAndDrop;

package/dist/Editor/common/ImageSelector/Options/AddLink.js

@@ -19,6 +19,9 @@ const AddLink = props => {
     item: true,
     xs: 12,
     className: "ims-right",
+    style: {
+      paddingTop: "8px"
+    },
     children: /*#__PURE__*/_jsx(TextField, {
       placeholder: `Add ${title} URL`,
       fullWidth: true,

package/dist/Editor/common/StyleBuilder/fieldTypes/bannerSpacing.js

@@ -13,9 +13,12 @@ const BannerSpacing = props => {
     onChange,
     elementProps
   } = props;
-  const {
+  let {
     lockSpacing
   } = elementProps || {};
+  if (lockSpacing === undefined) {
+    lockSpacing = true;
+  }
   const {
     key
   } = data;

package/dist/Editor/common/StyleBuilder/fieldTypes/borderRadius.js

@@ -13,10 +13,13 @@ const BorderRadius = props => {
     onChange,
     elementProps
   } = props;
-  const {
+  let {
     lockRadius,
     borderColor
   } = elementProps;
+  if (lockRadius === undefined) {
+    lockRadius = true;
+  }
   const {
     key
   } = data;

package/dist/Editor/common/iconslist.js

@@ -1529,4 +1529,20 @@ export const UploadImage = () => /*#__PURE__*/_jsx("svg", {
     fill: "#64748B",
     stroke: "#64748B"
   })
-});
+});
+export const WorkflowIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "#000000",
+    width: "800px",
+    height: "800px",
+    viewBox: "0 0 32 32",
+    version: "1.1",
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "lightning-bolt"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M23.5 13.187h-7.5v-12.187l-7.5 17.813h7.5v12.187l7.5-17.813z",
+      fill: "#f3b814"
+    })]
+  });
+};

package/dist/Editor/hooks/useMouseMove.js

@@ -6,7 +6,11 @@ export const EditorProvider = ({
 }) => {
   const [event] = useMouseMove();
   const [previous, setPrevious] = useState("");
+  const [drop, setDrop] = useState(0);
   const path = event?.target?.getAttribute("data-path");
+  const onDrop = () => {
+    setDrop(drop + 1);
+  };
   const value = useMemo(() => {
     if (path) {
       setPrevious(path);
@@ -20,7 +24,11 @@ export const EditorProvider = ({
     }
   }, [path]);
   return /*#__PURE__*/_jsx(EditorContext.Provider, {
-    value: value,
+    value: {
+      ...(value || {}),
+      onDrop: onDrop,
+      drop
+    },
     children: children
   });
 };

package/dist/Editor/utils/embed.js

@@ -35,6 +35,7 @@ export const insertEmbed = (editor, embedData, format) => {
     } = embedData;
     if (!url && images.length === 0) return;
     const embed = createEmbedNode(format, embedData);
+    console.log(embed);
     Transforms.insertNodes(editor, embed, {
       at: editor.selection.anchor.path
     });

package/dist/Editor/utils/helper.js

@@ -1,4 +1,5 @@
 export const formatDate = (date, format = "MM/DD/YYYY") => {
+  if (!date) return "";
   var d = new Date(date),
     month = "" + (d.getMonth() + 1),
     day = "" + d.getDate(),

package/dist/Editor/utils/pageSettings.js

@@ -35,8 +35,8 @@ export const insertPageSettings = (editor, pageProps = {}) => {
   Transforms.insertNodes(editor, [{
     type: "page-settings",
     pageProps: {
-      ...pageProps,
-      pageWidth: "fixed"
+      pageWidth: "fixed",
+      ...pageProps
     },
     children: [{
       text: ""

package/dist/Editor/utils/serializeToHTML.js

@@ -0,0 +1,5 @@
+import { Node } from "slate";
+const serializeToHTML = nodes => {
+  return nodes.map(n => Node.string(n)).join("\n");
+};
+export default serializeToHTML;

package/dist/Editor/utils/{serializer.js → serializeToText.js}

@@ -1,4 +1,4 @@
-export const serialize = node => {
+export const serializeToText = node => {
   try {
     if (!node?.type && node?.text) {
       return node?.text;
@@ -6,8 +6,8 @@ export const serialize = node => {
     let n = Array.isArray(node) ? node : node?.children;
     n = n && Array.isArray(n) ? n : n ? [n] : [];
     let block = n.map(m => {
-      return serialize(m);
-    }).join(' ');
+      return serializeToText(m);
+    }).join(" ");
     return block;
   } catch (err) {
     console.log(err);

package/dist/index.js

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

package/package.json

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

package/dist/Editor/Elements/Section.js

@@ -1,42 +0,0 @@
-import React from "react";
-import { Box } from "@mui/material";
-import { ReactEditor, useSlateStatic } from "slate-react";
-import { jsx as _jsx } from "react/jsx-runtime";
-const SectionStyle = () => ({
-  root: {
-    position: "relative",
-    padding: "0px",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    width: "100%",
-    "&.root-1": {
-      "& .section-inner-ed.root-1": {
-        width: "80%",
-        maxWidth: "1440px"
-      }
-    }
-  }
-});
-const Section = props => {
-  const {
-    element
-  } = props;
-  const editor = useSlateStatic();
-  const path = ReactEditor.findPath(editor, element);
-  console.log(path);
-  const classes = SectionStyle();
-  const {
-    children
-  } = props;
-  return /*#__PURE__*/_jsx(Box, {
-    component: "div",
-    className: `root-${path.length}`,
-    sx: classes.root,
-    children: /*#__PURE__*/_jsx("div", {
-      className: `section-inner-ed root-${path.length}`,
-      children: children
-    })
-  });
-};
-export default Section;