@flozy/editor 4.9.4 → 4.9.6

package/dist/Editor/hooks/useTable.js

@@ -1,8 +1,11 @@
 import { ClickAwayListener } from "@mui/material";
 import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { clearCellText } from "../utils/table";
-import { Editor, Element, Transforms } from "slate";
+import { Editor, Element, Transforms, Range } from "slate";
 import { DndContext, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { encodeToBase64 } from "../utils/helper";
+import { serializeToText } from "../utils/serializeToText";
+import { createCopiedTableStructure, getRectangleBounds, tableNodeToDom } from "../Elements/Table/tableHelper";
 import { jsx as _jsx } from "react/jsx-runtime";
 const handleDragEnd = (dragData, editor, resetAll) => {
   const {
@@ -47,29 +50,6 @@ const handleDragEnd = (dragData, editor, resetAll) => {
     }
   }
 };
-const getRectangleBounds = tableSelection => {
-  const {
-    startCellPath,
-    endCellPath
-  } = tableSelection;
-  if (!startCellPath?.length) return [];
-  const startPath = startCellPath.slice(0, -2);
-  const startCell = startCellPath.slice(-2);
-  const endCell = endCellPath.slice(-2);
-  const [startRow, startCol] = startCell;
-  const [endRow, endCol] = endCell?.length ? endCell : startCell;
-  const minRow = Math.min(startRow, endRow);
-  const maxRow = Math.max(startRow, endRow);
-  const minCol = Math.min(startCol, endCol);
-  const maxCol = Math.max(startCol, endCol);
-  const selectedPaths = [];
-  for (let row = minRow; row <= maxRow; row++) {
-    for (let col = minCol; col <= maxCol; col++) {
-      selectedPaths.push([...startPath, row, col]);
-    }
-  }
-  return selectedPaths;
-};
 const TableContext = /*#__PURE__*/createContext();
 export function getDefaultTableSelection() {
   return {
@@ -135,22 +115,49 @@ export const TableProvider = ({
         }
       }
     };
+    const handleCopy = event => {
+      try {
+        const isTextSelected = editor?.selection && !Range.isCollapsed(editor.selection);
+        const customCopy = tableSelection?.startCellPath?.length;
+        if (customCopy) {
+          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 tableNode = [copiedTableNode];
+          const encodedTableNode = encodeToBase64(tableNode);
+          event.clipboardData.setData("application/x-slate-fragment", encodedTableNode);
+          const textData = selectedText || serializeToText(tableNode);
+          event.clipboardData.setData("text/plain", textData);
+          const tableDom = tableNodeToDom(copiedTableNode, selectedText);
+          event.clipboardData.setData("text/html", tableDom?.outerHTML);
+        }
+      } catch (err) {
+        console.log(err);
+      }
+    };
     window.addEventListener("keydown", handleKeyDown);
+    window.addEventListener("copy", handleCopy);
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
+      window.removeEventListener("copy", handleCopy);
     };
-  }, [tableSelection]);
+  }, [tableSelection, editor, tableSelection]);
   useEffect(() => {
     // on deselect table on insert
     Transforms.deselect(editor);
   }, []);
   return /*#__PURE__*/_jsx(TableContext.Provider, {
     value: values,
-    children: /*#__PURE__*/_jsx(ClickAwayListener, {
-      onClickAway: () => setTableSelection(getDefaultTableSelection()),
-      children: /*#__PURE__*/_jsx(DndContext, {
-        sensors: sensors,
-        onDragEnd: data => handleDragEnd(data, editor, resetAll),
+    children: /*#__PURE__*/_jsx(DndContext, {
+      sensors: sensors,
+      onDragEnd: data => handleDragEnd(data, editor, resetAll),
+      children: /*#__PURE__*/_jsx(ClickAwayListener, {
+        onClickAway: () => setTableSelection(getDefaultTableSelection()),
         children: /*#__PURE__*/_jsx("div", {
           children: children
         })

package/dist/Editor/utils/chatEditor/SlateUtilityFunctions.js

@@ -15,6 +15,20 @@ const LIST_FORMAT_TYPE = {
   unorderedList: "list-item"
 };
 const NEWLINESAFTER = ["headingOne", "headingTwo", "headingThree"];
+export const serializeMentions = node => {
+  try {
+    if (node?.type === 'mention') {
+      return [node.character];
+    }
+    let children = Array.isArray(node) ? node : node?.children;
+    children = children && Array.isArray(children) ? children : [];
+    let mentions = children.map(child => serializeMentions(child)).flat();
+    return mentions.filter(Boolean);
+  } catch (err) {
+    console.log(err);
+    return [];
+  }
+};
 export const toggleBlock = (editor, format, selection = true, attr = {}) => {
   const isActive = isBlockActive(editor, format);
   const isList = list_types.includes(format);

package/dist/Editor/utils/events.js

@@ -5,7 +5,6 @@ import { insertAccordion } from "./accordion";
 import { isListItem } from "./helper";
 import RnDCtrlCmds from "./RnD/RnDCtrlCmds";
 import EDITORCMDS from "../common/EditorCmds";
-import { ReactEditor } from "slate-react";
 const HOTKEYS = {
   b: "bold",
   i: "italic",

package/dist/Editor/utils/helper.js

@@ -209,6 +209,17 @@ export const decodeAndParseBase64 = encodedString => {
   const jsonData = JSON.parse(decodedURLString);
   return jsonData;
 };
+export const encodeToBase64 = data => {
+  // Convert the data to a JSON string
+  const jsonString = JSON.stringify(data);
+
+  // URL-encode the JSON string
+  const encodedURLString = encodeURIComponent(jsonString);
+
+  // Base64-encode the URL-encoded string
+  const base64EncodedString = btoa(encodedURLString);
+  return base64EncodedString;
+};
 export const hasVerticalScrollbar = (element = {}) => {
   return element.scrollHeight > element.clientHeight;
 };

package/dist/Editor/utils/serializeToText.js

@@ -2,6 +2,8 @@ export const serializeToText = node => {
   try {
     if (!node?.type && node?.text) {
       return node?.text;
+    } else if (node?.type === 'mention') {
+      return '@' + node?.character?.name || '';
     }
     let n = Array.isArray(node) ? node : node?.children;
     n = n && Array.isArray(n) ? n : n ? [n] : [];

package/package.json

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