@flozy/editor 5.4.5 → 5.4.7

package/dist/Editor/common/iconListV2.js

@@ -909,35 +909,56 @@ export function H3() {
     })
   });
 }
-export function CalendlyIcon() {
+export function DragIcon() {
   return /*#__PURE__*/_jsxs("svg", {
-    width: "12",
-    height: "14",
-    viewBox: "0 0 12 14",
+    width: "16",
+    height: "12",
+    viewBox: "0 0 10 6",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: "calederIconSvg",
-    children: [/*#__PURE__*/_jsx("rect", {
-      x: "0.5",
-      y: "2.5",
-      width: "11",
-      height: "11",
-      rx: "1.5",
-      stroke: "#64748B"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M3 1L3 4",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      className: "strokePath"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M9 1L9 4",
-      stroke: "#64748B",
-      strokeLinecap: "round",
-      className: "strokePath"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M8.10369 7.0554H7.43892C7.41335 6.91335 7.36577 6.78835 7.29616 6.6804C7.22656 6.57244 7.14134 6.48082 7.04048 6.40554C6.93963 6.33026 6.8267 6.27344 6.7017 6.23509C6.57813 6.19673 6.44673 6.17756 6.30753 6.17756C6.05611 6.17756 5.83097 6.24077 5.6321 6.36719C5.43466 6.49361 5.27841 6.67898 5.16335 6.9233C5.04972 7.16761 4.9929 7.46591 4.9929 7.81818C4.9929 8.1733 5.04972 8.47301 5.16335 8.71733C5.27841 8.96165 5.43537 9.14631 5.63423 9.27131C5.8331 9.39631 6.05682 9.45881 6.3054 9.45881C6.44318 9.45881 6.57386 9.44034 6.69744 9.40341C6.82244 9.36506 6.93537 9.30895 7.03622 9.23509C7.13707 9.16122 7.2223 9.07102 7.2919 8.96449C7.36293 8.85653 7.41193 8.73295 7.43892 8.59375L8.10369 8.59588C8.06818 8.81037 7.99929 9.00781 7.89702 9.18821C7.79616 9.36719 7.66619 9.52202 7.5071 9.6527C7.34943 9.78196 7.16903 9.8821 6.96591 9.95312C6.76278 10.0241 6.54119 10.0597 6.30114 10.0597C5.9233 10.0597 5.58665 9.97017 5.29119 9.79119C4.99574 9.6108 4.76278 9.35298 4.59233 9.01776C4.4233 8.68253 4.33878 8.28267 4.33878 7.81818C4.33878 7.35227 4.42401 6.95241 4.59446 6.61861C4.76491 6.28338 4.99787 6.02628 5.29332 5.8473C5.58878 5.6669 5.92472 5.5767 6.30114 5.5767C6.53267 5.5767 6.74858 5.61009 6.94886 5.67685C7.15057 5.74219 7.33168 5.83878 7.49219 5.96662C7.6527 6.09304 7.78551 6.24787 7.89062 6.43111C7.99574 6.61293 8.06676 6.82102 8.10369 7.0554Z",
-      fill: "#64748B",
-      className: "fillPath"
+    className: "dragIcon",
+    children: [/*#__PURE__*/_jsx("ellipse", {
+      cx: "1.49462",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 1.49462 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "4.99999",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 4.99999 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "8.50732",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 8.50732 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "1.49462",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 1.49462 0.91993)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "4.99999",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 4.99999 0.91993)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "8.50732",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 8.50732 0.91993)",
+      fill: "#94A3B8"
     })]
   });
 }
@@ -1242,59 +1263,6 @@ export function CodeElementIcon() {
     })]
   });
 }
-export function DragIcon() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "16",
-    height: "12",
-    viewBox: "0 0 10 6",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "dragIcon",
-    children: [/*#__PURE__*/_jsx("ellipse", {
-      cx: "1.49462",
-      cy: "4.42384",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 1.49462 4.42384)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "4.99999",
-      cy: "4.42384",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 4.99999 4.42384)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "8.50732",
-      cy: "4.42384",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 8.50732 4.42384)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "1.49462",
-      cy: "0.91993",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 1.49462 0.91993)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "4.99999",
-      cy: "0.91993",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 4.99999 0.91993)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "8.50732",
-      cy: "0.91993",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 8.50732 0.91993)",
-      fill: "#94A3B8"
-    })]
-  });
-}
 export function TextSizeUpArrow() {
   return /*#__PURE__*/_jsx("svg", {
     width: "9",

package/dist/Editor/common/iconslist.js

@@ -1581,10 +1581,10 @@ export const CheckListButtonActive = () => /*#__PURE__*/_jsxs("svg", {
       id: "Gradient1",
       children: [/*#__PURE__*/_jsx("stop", {
         offset: "0%",
-        stopColor: "#5351FC"
+        stopColor: "#8361FD"
       }), /*#__PURE__*/_jsx("stop", {
         offset: "50%",
-        stopColor: "#19A9FC"
+        stopColor: "#2F63ED"
       })]
     })
   }), /*#__PURE__*/_jsx("rect", {

package/dist/Editor/helper/deserialize/index.js

@@ -1,4 +1,26 @@
 import { jsx } from "slate-hyperscript";
+const inlineStyles = [{
+  key: "bold",
+  getStyle: styles => styles.fontWeight === "bold" || parseInt(styles.fontWeight, 10) >= 700
+}, {
+  key: "italic",
+  getStyle: styles => styles.fontStyle === "italic"
+}, {
+  key: "underline",
+  getStyle: styles => styles.textDecoration.includes("underline")
+}];
+function getInlineTextStyles(element) {
+  if (!element || !element.style) return {};
+  const styles = element.style;
+  const elementStyles = inlineStyles.reduce((total, currVal) => {
+    const style = currVal.getStyle(styles);
+    if (style) {
+      total[currVal.key] = style;
+    }
+    return total;
+  }, {});
+  return elementStyles;
+}
 const handleTableCell = (el, children) => {
   const wrapChild = children?.map(c => {
     if (typeof c === "string") {
@@ -138,9 +160,13 @@ const TEXT_TAGS = {
 
 const deserialize = el => {
   if (el.nodeType === 3) {
+    // if there is any line-breaks
     const match = /\r|\n/.exec(el.textContent);
     const text = el.textContent.replace(/\r|\n/g, "").trim();
-    return match && !text ? null : el.textContent;
+    return match && !text ? null : {
+      text,
+      ...getInlineTextStyles(el.parentNode)
+    };
   } else if (el.nodeType !== 1) {
     return null;
   } else if (el.nodeName === "BR") {

package/dist/Editor/hooks/useBreakpoints.js

@@ -1,6 +1,6 @@
 import { useMediaQuery } from "@mui/material";
 export const STIMULATOR_MOCK = {
-  xs: "@media (min-width: 1200px) and (max-width: 1980px)"
+  xs: "@media (min-width: 1200px) and (max-width: 10000px)"
 };
 export const isStimulator = () => {
   try {

package/dist/Editor/plugins/withHTML.js

@@ -4,6 +4,43 @@ import { decodeAndParseBase64 } from "../utils/helper";
 const avoidDefaultInsert = ["table", "grid"];
 const NON_TEXT_TAGS = ["ol", "ul", "img", "table", "video", "a", "button", "GOOGLE-SHEETS-HTML-ORIGIN"];
 const ALLOWED_TEXT_NODES = ["paragraph", "title", "headingOne", "headingTwo", "headingThree"];
+const parseCopiedHTML = html => {
+  const parsed = new DOMParser().parseFromString(html, "text/html");
+
+  // if ol, ul are inside li, remove and push ol,ul after that li to maintain format between our slate list and external source list's json
+  parsed.querySelectorAll("li > ul, li > ol").forEach(list => {
+    // Find the parent li
+    const parentLi = list.parentElement;
+
+    // Move the list after the parent li
+    parentLi.after(list);
+  });
+
+  // to handle google docs list
+  parsed.querySelectorAll("li p, li div").forEach(element => {
+    const parent = element.parentNode;
+    // Move all child nodes of <p> or <div> to its parent <li>
+    while (element.firstChild) {
+      parent.insertBefore(element.firstChild, element);
+    }
+    // Remove the <p> or <div> element
+    parent.removeChild(element);
+  });
+
+  // claude.ai, copy list inbetween, some li tags are not wrapped with ul or ol
+  parsed.querySelectorAll("li").forEach(li => {
+    // Check if the parent of <li> is not a <ul> or <ol>
+    if (!li.parentElement || li.parentElement.tagName !== "UL" && li.parentElement.tagName !== "OL") {
+      // Create a <ul> element
+      const ul = document.createElement("ul");
+      // Append the <li> to the <ul>
+      ul.appendChild(li.cloneNode(true)); // Clone the <li>
+      // Replace the original <li> in the DOM with the <ul>
+      li.replaceWith(ul);
+    }
+  });
+  return parsed;
+};
 const loopChildren = (children = [], defaultInsert) => {
   if (!children?.length) {
     return defaultInsert;
@@ -193,18 +230,8 @@ const withHtml = editor => {
         insertData(data);
       }
     } else if (html) {
-      const parsed = new DOMParser().parseFromString(html, "text/html");
-
-      // if ol, ul are inside li, remove and push ol,ul after that li to maintain format between our slate list and external source list's json
-      parsed.querySelectorAll("li > ul, li > ol").forEach(list => {
-        // Find the parent li
-        const parentLi = list.parentElement;
-
-        // Move the list after the parent li
-        parentLi.after(list);
-      });
+      const parsed = parseCopiedHTML(html);
       const rootElement = parsed.body;
-      console.log("rootElement", rootElement);
       const isNonText = rootElement ? rootElement?.querySelector(NON_TEXT_TAGS.toString()) : false;
       const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
       if (isGoogleSheet) {

package/package.json

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