@flozy/editor 5.0.5 → 5.0.6

package/dist/Editor/common/Shorthands/elements.js

@@ -13,6 +13,7 @@ import { insertDivider } from "../../utils/divider";
 import { insertFreeGrid } from "../../utils/freegrid";
 import { Transforms } from "slate";
 import { insertInfinityAI } from "../../utils/infinityAI";
+import { insertDataView } from "../../utils/dataView";
 import SearchButton from "../../Elements/Search/SearchButton";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ELEMENTS_LIST = [{
@@ -158,7 +159,7 @@ const ELEMENTS_LIST = [{
   renderComponent: rest => /*#__PURE__*/_jsx(SearchButton, {
     ...rest,
     element: {
-      name: 'Brain'
+      name: "Brain"
     },
     icoBtnType: "cmd"
   })
@@ -262,6 +263,17 @@ const ELEMENTS_LIST = [{
   onInsert: editor => {
     insertInfinityAI(editor);
   }
+}, {
+  name: "Dynamic Table",
+  group: "Dynamic Table",
+  desc: "",
+  type: "dataView",
+  icon: /*#__PURE__*/_jsx(Icon, {
+    icon: "dataView"
+  }),
+  onInsert: editor => {
+    insertDataView(editor);
+  }
 }];
 const elements = props => {
   const {

package/dist/Editor/common/StyleBuilder/tableStyle.js

@@ -5,7 +5,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const allTools = toolbarGroups.flat();
 const fontWeight = allTools.find(f => f.format === "fontWeight");
 function getKey(prefix, key) {
-  const settingKey = prefix === "col" ? capitalizeFirstLetter(key) : key;
+  const settingKey = prefix === "col" ? `entire${capitalizeFirstLetter(key)}` : key;
   return `${prefix}.${settingKey}`;
 }
 function getCommonSettings(prefix) {

package/dist/Editor/common/iconslist.js

@@ -1343,19 +1343,22 @@ export const GridAddSectionIcon = props => /*#__PURE__*/_jsxs("svg", {
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    className: "fillStroke"
   }), /*#__PURE__*/_jsx("path", {
     d: "M10.1733 6.125V14.875",
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    className: "fillStroke"
   }), /*#__PURE__*/_jsx("path", {
     d: "M5.79834 10.5H14.5483",
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round"
+    strokeLinejoin: "round",
+    className: "fillStroke"
   })]
 });
 export const FormIcon = () => {

package/dist/Editor/hooks/useTable.js

@@ -123,21 +123,20 @@ export const TableProvider = ({
       try {
         const isTextSelected = editor?.selection && !Range.isCollapsed(editor.selection);
         const customCopy = tableSelection?.startCellPath?.length;
-        if (customCopy) {
+        if (customCopy && !isTextSelected) {
           event.preventDefault(); // Prevent default copy behavior
 
           const {
             tablePath
           } = otherProps;
           const [node] = Editor.node(editor, tablePath);
-          const selectedText = isTextSelected ? Editor.string(editor, editor.selection) : "";
-          const copiedTableNode = createCopiedTableStructure(editor, tableSelection, node, tablePath, selectedText);
+          const copiedTableNode = createCopiedTableStructure(editor, tableSelection, node, tablePath);
           const tableNode = [copiedTableNode];
           const encodedTableNode = encodeToBase64(tableNode);
           event.clipboardData.setData("application/x-slate-fragment", encodedTableNode);
-          const textData = selectedText || serializeToText(tableNode);
+          const textData = serializeToText(tableNode);
           event.clipboardData.setData("text/plain", textData);
-          const tableDom = tableNodeToDom(copiedTableNode, selectedText);
+          const tableDom = tableNodeToDom(copiedTableNode);
           event.clipboardData.setData("text/html", tableDom?.outerHTML);
         }
       } catch (err) {

package/dist/Editor/plugins/withHTML.js

@@ -68,6 +68,12 @@ const handleInsert = (editor, defaultInsert, fragment = []) => {
     defaultInsert();
   }
 };
+const getTableCellChild = (fragment = []) => {
+  const table = fragment.find(node => node.type === "table");
+  const row = table?.children?.find(node => node.type === "table-row");
+  const cell = row?.children?.find(node => node.type === "table-cell");
+  return cell?.children || [];
+};
 const formatFragment = {
   "list-item": fragment => {
     let refactorFragment = [];
@@ -104,9 +110,19 @@ const withHtml = editor => {
     const slateHTML = data?.getData("application/x-slate-fragment");
     const html = data?.getData("text/html");
     const currentEl = getCurrentElement(editor);
-    const eltype = currentEl?.type;
+    let eltype = currentEl?.type;
     if (slateHTML && !formatFragment[eltype]) {
+      const [tableCellNode] = Editor.nodes(editor, {
+        match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table-cell"
+      });
       const decoded = decodeAndParseBase64(slateHTML);
+      if (tableCellNode) {
+        const tableCellChild = getTableCellChild(decoded);
+        if (tableCellChild?.length) {
+          Transforms.insertFragment(editor, tableCellChild);
+          return;
+        }
+      }
       const [tableNode] = Editor.nodes(editor, {
         match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
       });
@@ -160,7 +176,7 @@ const withHtml = editor => {
       const formattedFragment = formatFragment[eltype] ? formatFragment[eltype](fragment) : fragment;
       let is_img_table = false;
       formattedFragment.map(f => {
-        if (f.type === 'image' || f?.type?.includes('table')) {
+        if (f.type === "image" || f?.type?.includes("table")) {
           is_img_table = true;
         }
       });

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";
@@ -564,6 +567,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/dataView.js

@@ -0,0 +1,43 @@
+import { Transforms } from "slate";
+const getDefaultDatView = () => ({
+  type: "paragraph",
+  children: [{
+    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()
+    });
+    Transforms.move(editor);
+  } catch (err) {
+    console.log(err);
+  }
+};

package/dist/Editor/utils/embed.js

@@ -1,5 +1,5 @@
 import { Transforms } from "slate";
-import insertNewLine from "./insertNewLine";
+import insertNewLine, { insertNewLineAfterCurrentPath } from "./insertNewLine";
 export const insertDefaultEmbed = (editor, type, defaultURL = "", extProps = {}) => {
   try {
     const url = defaultURL ? defaultURL : type === "image" ? "" : "";
@@ -56,6 +56,7 @@ export const insertEmbed = (editor, embedData, format) => {
       at: editor.selection.anchor.path
     });
     insertNewLine(editor);
+    insertNewLineAfterCurrentPath(editor);
   } catch (err) {
     console.log(err);
   }

package/dist/Editor/utils/helper.js

@@ -626,4 +626,22 @@ export const isPageSettings = (event, editor) => {
 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);
+  }
+};

package/dist/Editor/utils/insertNewLine.js

@@ -1,4 +1,4 @@
-import { Transforms } from "slate";
+import { Editor, Element, Path, Transforms } from "slate";
 const insertNewLine = editor => {
   Transforms.insertNodes(editor, {
     type: "paragraph",
@@ -9,4 +9,22 @@ const insertNewLine = editor => {
     at: [editor.children.length]
   });
 };
+export const insertNewLineAfterCurrentPath = editor => {
+  const currentPath = editor?.selection?.anchor?.path;
+  const [tableNode] = Editor.nodes(editor, {
+    match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "table"
+  });
+  if (currentPath && tableNode) {
+    const currentParentPath = Path.parent(currentPath);
+    const nextPath = Path.next(currentParentPath);
+    Transforms.insertNodes(editor, {
+      type: "paragraph",
+      children: [{
+        text: ""
+      }]
+    }, {
+      at: nextPath
+    });
+  }
+};
 export default insertNewLine;

package/package.json

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