@flozy/editor 5.3.6 → 5.3.7

package/dist/Editor/plugins/withEmbeds.js

@@ -40,32 +40,36 @@ const withEmbeds = editor => {
     }
   };
   editor.insertBreak = (...args) => {
-    const parentPath = Path.parent(editor.selection.focus.path);
-    const parentNode = Node.get(editor, parentPath);
-    if (editor.isVoid(parentNode)) {
-      const nextPath = Path.next(parentPath);
-      Transforms.insertNodes(editor, {
-        type: "paragraph",
-        children: [{
-          text: ""
-        }]
-      }, {
-        at: nextPath,
-        select: true // Focus on this node once inserted
-      });
-    } else if (AvoidCopying.indexOf(parentNode?.type) >= 0) {
-      const nextPath = Path.next(parentPath);
-      Transforms.insertNodes(editor, {
-        type: "paragraph",
-        children: [{
-          text: ""
-        }]
-      }, {
-        at: nextPath,
-        select: true // Focus on this node once inserted
-      });
-    } else {
-      insertBreak(...args);
+    try {
+      const parentPath = Path.parent(editor.selection.focus.path);
+      const parentNode = Node.get(editor, parentPath);
+      if (editor.isVoid(parentNode)) {
+        const nextPath = Path.next(parentPath);
+        Transforms.insertNodes(editor, {
+          type: "paragraph",
+          children: [{
+            text: ""
+          }]
+        }, {
+          at: nextPath,
+          select: true // Focus on this node once inserted
+        });
+      } else if (AvoidCopying.indexOf(parentNode?.type) >= 0) {
+        const nextPath = Path.next(parentPath);
+        Transforms.insertNodes(editor, {
+          type: "paragraph",
+          children: [{
+            text: ""
+          }]
+        }, {
+          at: nextPath,
+          select: true // Focus on this node once inserted
+        });
+      } else {
+        insertBreak(...args);
+      }
+    } catch (err) {
+      console.log(err);
     }
   };
   return editor;

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -43,6 +43,9 @@ import Code from "../Elements/EmbedScript/Code";
 import FreeGrid from "../Elements/FreeGrid/FreeGrid";
 import FreeGridItem from "../Elements/FreeGrid/FreeGridItem";
 import FreeGridBox from "../Elements/FreeGrid/FreeGridBox";
+import DataView from "../Elements/DataView/DataView";
+import ViewData from "../Elements/DataView/Layouts/ViewData";
+import ColumnView from "../Elements/DataView/Layouts/ColumnView";
 import SearchAttachment from "../Elements/Search/SearchAttachment";
 // import { wrapThemeBreakpoints } from "../Elements/FreeGrid/breakpointConstants";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -152,7 +155,7 @@ export const activeMark = (editor, format) => {
   const defaultMarkData = {
     color: "#000000",
     bgColor: "#FFFFFF",
-    fontSize: "normal",
+    fontSize: "14px",
     fontFamily: "PoppinsRegular",
     fontWeight: "normal"
   };
@@ -237,7 +240,8 @@ export const getMarked = (leaf, children, theme) => {
           // },
           ...textStyles,
           fontFamily: family,
-          fontWeight: leaf.fontWeight
+          fontWeight: leaf.fontWeight,
+          WebkitTextFillColor: 'unset !important'
         },
         children: children
       })
@@ -246,7 +250,6 @@ export const getMarked = (leaf, children, theme) => {
   if (leaf.highlight) {
     children = /*#__PURE__*/_jsx("span", {
       style: {
-        background: "#EAEBFE",
         color: "inherit"
       },
       children: children
@@ -309,7 +312,8 @@ export const getBlock = props => {
           borderRadius: `${element?.color ? "0px" : "12px"} 12px 12px ${element?.color ? "0px" : "12px"}`,
           margin: `${element?.bgColor ? "16px" : "0px"} 0px`,
           width: element?.bgColor ? "calc(100% - 16px)" : "100%",
-          borderWidth: element?.color ? "0px 0px 0px 3px" : "0px"
+          borderWidth: element?.color ? "0px 0px 0px 3px" : "0px",
+          lineHeight: 1.43
         },
         children: children
       });
@@ -369,6 +373,9 @@ export const getBlock = props => {
       });
     case "orderedList":
       return /*#__PURE__*/_jsx("ol", {
+        style: {
+          lineHeight: 1.43
+        },
         className: "listItemMargin",
         type: "1",
         ...attributes,
@@ -376,6 +383,9 @@ export const getBlock = props => {
       });
     case "unorderedList":
       return /*#__PURE__*/_jsx("ul", {
+        style: {
+          lineHeight: 1.43
+        },
         className: "listItemMargin",
         ...attributes,
         children: children
@@ -564,6 +574,19 @@ export const getBlock = props => {
         contentEditable: false,
         children: children
       });
+    // Data View
+    case "dataView":
+      return /*#__PURE__*/_jsx(DataView, {
+        ...props
+      });
+    case "viewData":
+      return /*#__PURE__*/_jsx(ViewData, {
+        ...props
+      });
+    case "columnView":
+      return /*#__PURE__*/_jsx(ColumnView, {
+        ...props
+      });
     default:
       return /*#__PURE__*/_jsx(SimpleText, {
         ...props,

package/dist/Editor/utils/button.js

@@ -20,10 +20,10 @@ export const insertButton = editor => {
       bottomRight: 30
     },
     bannerSpacing: {
-      left: 16,
-      top: 8,
-      right: 16,
-      bottom: 8
+      left: 24,
+      top: 10,
+      right: 24,
+      bottom: 10
     },
     ...(windowVar.lastButtonProps || {})
   };

package/dist/Editor/utils/dataView.js

@@ -0,0 +1,43 @@
+import { Transforms } from "slate";
+import insertNewLine from "./insertNewLine";
+const getDefaultDatView = () => ({
+  type: "dataView",
+  title: "",
+  layouts: [{
+    key: "view1",
+    type: "table",
+    label: "Table 1 View",
+    value: "table1",
+    filter: [],
+    sort: []
+  }],
+  properties: [{
+    key: "column1",
+    label: "Task",
+    type: "text",
+    visible: true,
+    default: true
+  }],
+  rows: [{
+    id: new Date().getTime(),
+    column1: ""
+  }],
+  children: [{
+    type: "viewData",
+    children: [{
+      text: ""
+    }]
+  }]
+});
+export const insertDataView = editor => {
+  try {
+    Transforms.insertNodes(editor, {
+      ...getDefaultDatView()
+    }, {
+      at: editor?.selection.focus.path
+    });
+    insertNewLine(editor);
+  } catch (err) {
+    console.log(err);
+  }
+};

package/dist/Editor/utils/helper.js

@@ -4,6 +4,7 @@ import insertNewLine from "./insertNewLine";
 import { getDevice } from "../helper/theme";
 export const windowVar = {};
 let ST_TIMEOUT = null;
+const BLOCKS = ["grid", "dataView"];
 export const formatDate = (date, format = "MM/DD/YYYY") => {
   if (!date) return "";
   var d = new Date(date),
@@ -163,7 +164,7 @@ export const handleInsertLastElement = (event, editor) => {
   if (isFreeGrid) {
     return;
   }
-  const isLastElementEmpty = lastElement.type === "paragraph" && !lastElement.children[0]?.text && !lastElement.children?.some(c => c.type === "grid");
+  const isLastElementEmpty = lastElement.type === "paragraph" && !lastElement.children[0]?.text && !lastElement.children?.some(c => BLOCKS.includes(c.type));
   if (!ReactEditor.isFocused(editor)) {
     if (isLastElementEmpty) {
       if (hasPath) {
@@ -623,6 +624,35 @@ export const isPageSettings = (event, editor) => {
     return isPageSettingsNode;
   }
 };
+export function capitalizeFirstLetter(str) {
+  if (!str) return str;
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+export const insertLineBreakAtEndOfPath = (editor, path) => {
+  try {
+    const [node, nodePath] = Editor.node(editor, path); // Get the node at the specified path
+    if (node) {
+      // Insert the line break
+      Transforms.insertNodes(editor, {
+        type: "paragraph",
+        children: [{
+          text: ""
+        }]
+      }, {
+        at: nodePath
+      });
+    }
+  } catch (err) {
+    console.log(err);
+  }
+};
+export function isHavingSelection(editor) {
+  try {
+    return editor?.selection && !Range.isCollapsed(editor.selection);
+  } catch (err) {
+    console.log(err);
+  }
+}
 const omitNodes = ["site-settings", "page-settings"];
 export function getInitialValue(value = [], readOnly) {
   if (readOnly === "readonly" && value?.length) {
@@ -651,17 +681,27 @@ export function getInitialValue(value = [], readOnly) {
   }
   return value;
 }
-export function capitalizeFirstLetter(str) {
-  if (!str) return str;
-  return str.charAt(0).toUpperCase() + str.slice(1);
+export function getSelectedCls(defaultCls = "", selected, selectedClsName = "selected") {
+  return `${defaultCls} ${selected ? selectedClsName : ""}`;
 }
-export function isHavingSelection(editor) {
+export function handleNegativeInteger(val) {
+  return val < 0 ? 0 : val;
+}
+export const containsSurrogatePair = text => {
+  // Match surrogate pairs (high and low surrogate)
+  const surrogatePairRegex = /[\uD800-\uDBFF][\uDC00-\uDFFF]/;
+  return surrogatePairRegex.test(text);
+};
+export const getNodeWithType = (editor, nodeType = "", otherOptions) => {
   try {
-    return editor?.selection && !Range.isCollapsed(editor.selection);
+    const options = {
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === nodeType,
+      ...(otherOptions || {})
+    };
+    const [node, nodePath] = Editor.nodes(editor, options);
+    return node ? [node, nodePath] : [];
   } catch (err) {
     console.log(err);
+    return [];
   }
-}
-export function getSelectedCls(defaultCls = "", selected, selectedClsName = "selected") {
-  return `${defaultCls} ${selected ? selectedClsName : ""}`;
-}
+};

package/dist/Editor/utils/pageSettings.js

@@ -9,7 +9,13 @@ export const findPageSettings = editor => {
       path: null,
       element: {
         pageProps: {
-          pageWidth: "fixed"
+          pageWidth: "fixed",
+          "lineHeight": {
+            "xs": 1.43,
+            "sm": 1.43,
+            "md": 1.43,
+            "lg": 1.43
+          }
         }
       }
     };
@@ -34,7 +40,13 @@ export const getPageSettings = editor => {
         path: null,
         element: {
           pageProps: {
-            pageWidth: "fixed"
+            pageWidth: "fixed",
+            "lineHeight": {
+              "xs": 1.43,
+              "sm": 1.43,
+              "md": 1.43,
+              "lg": 1.43
+            }
           }
         }
       };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "5.3.6",
+  "version": "5.3.7",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -68,7 +68,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "NODE_OPTIONS='--max_old_space_size=4096' storybook build",
     "publish:npm": "rm -rf dist && mkdir dist &&  babel src/components -d dist --copy-files",
-    "publish:local": "rm -rf /Users/agmac03/flozy/client/node_modules/@flozy/editor/dist && babel src/components -d /Users/agmac03/flozy/client/node_modules/@flozy/editor/dist --copy-files"
+    "publish:local": "rm -rf /Users/agmac30/Documents/CODE_BASE/flozy/client/node_modules/@flozy/editor/dist && babel src/components -d /Users/agmac30/Documents/CODE_BASE/flozy/client/node_modules/@flozy/editor/dist --copy-files"
   },
   "eslintConfig": {
     "extends": [