@flozy/editor 1.9.3 → 1.9.5

package/dist/Editor/Elements/Attachments/Attachments.js

@@ -4,6 +4,8 @@ import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf";
 import TextSnippetIcon from "@mui/icons-material/TextSnippet";
 import { formatDate } from "../../utils/helper";
 import Icon from "../../common/Icon";
+import { getEmbedURL } from "../../helper";
+import Video from "../Embed/Video";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const Attachments = props => {
@@ -17,15 +19,18 @@ const Attachments = props => {
     type,
     date
   } = element;
+  const {
+    isEmbed
+  } = getEmbedURL(element, true);
   const getLastName = url?.split("/").pop();
   const fileName = `${decodeURIComponent(getLastName)}`;
-  return /*#__PURE__*/_jsxs(Box, {
+  return !isEmbed ? /*#__PURE__*/_jsxs(Box, {
     component: "div",
     className: "attachment-wrpr-ev2",
     ...attributes,
     contentEditable: false,
     style: {
-      display: "inline-flex"
+      display: "block"
     },
     children: [/*#__PURE__*/_jsxs(Card, {
       style: {
@@ -95,6 +100,8 @@ const Attachments = props => {
       contentEditable: false,
       children: children
     })]
+  }) : /*#__PURE__*/_jsx(Video, {
+    ...props
   });
 };
 export default Attachments;

package/dist/Editor/Elements/Button/EditorButton.js

@@ -43,7 +43,8 @@ const EditorButton = props => {
     iconPosition = "start",
     borderStyle,
     borderWidth,
-    borderColor
+    borderColor,
+    alignment
   } = element;
   const {
     linkType,
@@ -145,7 +146,7 @@ const EditorButton = props => {
     className: "editor-btn-wrapper",
     ...attributes,
     style: {
-      textAlign: textAlign || "left"
+      textAlign: alignment || textAlign || "left"
     },
     contentEditable: false,
     children: [/*#__PURE__*/_jsx("div", {
@@ -201,7 +202,7 @@ const EditorButton = props => {
     }), /*#__PURE__*/_jsx("div", {
       contentEditable: false,
       style: {
-        display: "inline"
+        display: "none"
       },
       children: children
     }), edit && /*#__PURE__*/_jsx(ButtonPopup, {

package/dist/Editor/Elements/Embed/Video.js

@@ -155,6 +155,7 @@ const Video = ({
     className: "embed has-hover video",
     style: {
       display: "flex",
+      flexDirection: "column",
       width: `100%`,
       justifyContent: horizantal,
       alignContent: vertical

package/dist/Editor/Elements/Link/Link.js

@@ -11,11 +11,12 @@ import "./styles.css";
 import { absoluteLink } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const Link = ({
-  attributes,
-  element,
-  children
-}) => {
+const Link = props => {
+  const {
+    attributes,
+    element,
+    children
+  } = props;
   const editor = useSlateStatic();
   const selected = useSelected();
   const focused = useFocused();
@@ -26,7 +27,8 @@ const Link = ({
     showInNewTab: true
   });
   const path = ReactEditor.findPath(editor, element);
-  const absLink = absoluteLink(element.href);
+  const urlPath = element.url || element.href;
+  const absLink = absoluteLink(urlPath);
   const updateLink = () => {
     Transforms.setNodes(editor, {
       href: linkData?.url,
@@ -44,7 +46,7 @@ const Link = ({
   const onEditLink = () => {
     setLinkData({
       name: Node.string(element),
-      url: element?.href || "",
+      url: urlPath || "",
       showInNewTab: element?.showInNewTab
     });
     setShowInput(true);

package/dist/Editor/helper/index.js

@@ -62,17 +62,39 @@ function padZero(str, len) {
   var zeros = new Array(len).join("0");
   return (zeros + str).slice(-len);
 }
-export function getEmbedURL(element) {
+export function getEmbedURL(element, needType = false) {
   let refUrl = element.href ? element.href : element.url;
   refUrl = refUrl ? refUrl.includes("http") ? refUrl : `//${refUrl}` : "Link";
   let embedUrl = refUrl;
-  if (embedUrl.includes("youtube")) embedUrl = getQueryStrings(embedUrl);
-  if (embedUrl.includes("youtu.be")) embedUrl = getQueryStrings(embedUrl);
-  if (embedUrl.includes("loom")) embedUrl = embedUrl.replace(/\/share\//, "/embed/");
-  if (embedUrl.includes("vimeo")) embedUrl = embedUrl.replace(/\/vimeo.com\//, "/player.vimeo.com/video/");
-  if (embedUrl.includes("dailymotion") && embedUrl.includes("video")) embedUrl = embedUrl.replace(/www.dailymotion.com\//, "www.dailymotion.com/embed/");
-  if (embedUrl.includes("dai.ly")) embedUrl = embedUrl.replace(/dai.ly\//, "www.dailymotion.com/embed/video/");
-  return embedUrl;
+  let isEmbed = false;
+  if (embedUrl.includes("youtube")) {
+    isEmbed = true;
+    embedUrl = getQueryStrings(embedUrl);
+  }
+  if (embedUrl.includes("youtu.be")) {
+    isEmbed = true;
+    embedUrl = getQueryStrings(embedUrl);
+  }
+  if (embedUrl.includes("loom")) {
+    isEmbed = true;
+    embedUrl = embedUrl.replace(/\/share\//, "/embed/");
+  }
+  if (embedUrl.includes("vimeo")) {
+    isEmbed = true;
+    embedUrl = embedUrl.replace(/\/vimeo.com\//, "/player.vimeo.com/video/");
+  }
+  if (embedUrl.includes("dailymotion") && embedUrl.includes("video")) {
+    isEmbed = true;
+    embedUrl = embedUrl.replace(/www.dailymotion.com\//, "www.dailymotion.com/embed/");
+  }
+  if (embedUrl.includes("dai.ly")) {
+    isEmbed = true;
+    embedUrl = embedUrl.replace(/dai.ly\//, "www.dailymotion.com/embed/video/");
+  }
+  return needType ? {
+    embedUrl,
+    isEmbed
+  } : embedUrl;
 }
 export const isEmptyTextNode = element => {
   try {

package/dist/Editor/utils/draftToSlate.js

@@ -75,7 +75,9 @@ const splitInlineStyleRanges = (text, inlineStyleRanges, data) => {
     }, []);
     return splits;
   } else {
-    return [text];
+    return [{
+      text
+    }];
   }
 };
 export const draftToSlate = props => {
@@ -86,6 +88,7 @@ export const draftToSlate = props => {
     const converted = data?.blocks?.reduce((a, b) => {
       if (b?.text !== undefined) {
         const blocks = splitInlineStyleRanges(b?.text, [...b?.inlineStyleRanges, ...b?.entityRanges], data).map(m => {
+          console.log(m);
           return {
             ...m
           };
@@ -97,6 +100,7 @@ export const draftToSlate = props => {
       }
       return a;
     }, []);
+    console.log(converted);
     return converted;
   } else if (data?.length) {
     return data;

package/package.json

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