@flozy/editor 4.9.3 → 4.9.5

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/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/package.json

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