@flozy/editor 8.0.2 → 8.0.4

package/dist/Editor/ChatEditor.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useMemo, useRef, useState, useImperativeHandle, forwardRef } from "react";
-import { Editable, Slate, ReactEditor } from "slate-react";
-import { createEditor, Transforms, Editor } from "slate";
+import { Editable, Slate, ReactEditor } from 'slate-react';
+import { createEditor, Transforms, Editor } from 'slate';
 import withCommon from "./hooks/withCommon";
 import { getBlock, getMarked, serializeMentions } from "./utils/chatEditor/SlateUtilityFunctions";
 import MiniTextFormat from "./Toolbar/PopupTool/MiniTextFormat";
@@ -35,13 +35,13 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
   const classes = usePopupStyle(theme);
   const convertedContent = draftToSlate({
     data: content && content?.length > 0 ? content : [{
-      type: "paragraph",
+      type: 'paragraph',
       children: [{
-        text: ""
+        text: ''
       }]
     }]
   });
-  const [value] = useState(convertedContent);
+  const [value, setValue] = useState(convertedContent);
   const debouncedValue = useRef(value);
   const debounced = useDebouncedCallback(
   // function
@@ -142,6 +142,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
   const mentionsRef = useRef();
   const customProps = {
     ...(otherProps || {}),
+    hideTools: ["settings", "add_column", "drag", "resize"],
     readOnly: isReadOnly,
     editorPlaceholder: "Write Something",
     page_id: 1
@@ -216,7 +217,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
         editor
       });
     } else if (event.key === "Enter" && !isMobile) {
-      const isEmpty = debouncedValue?.current.length === 1 && debouncedValue?.current[0].type === "paragraph" && debouncedValue?.current[0].children.length === 1 && debouncedValue?.current[0].children[0].text === "";
+      const isEmpty = debouncedValue?.current.length === 1 && debouncedValue?.current[0].type === 'paragraph' && debouncedValue?.current[0].children.length === 1 && debouncedValue?.current[0].children[0].text === '';
       if (isEmpty) {
         event.preventDefault();
         return;

package/dist/Editor/CommonEditor.js

@@ -446,6 +446,12 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
           }
         }
       }
+    } else if (event.key === "Delete") {
+      const everythingSelect = isEverythingSelected(editor);
+      if (everythingSelect) {
+        event.preventDefault();
+        dialogRef.current?.handleOpen();
+      }
     }
   }, [chars, target, mentions, setMentions, search, type, mentionsRef]);
   const Overlay = collaborativeEditor && !isReadOnly ? RemoteCursorOverlay : React.Fragment;

package/dist/Editor/Elements/Table/Table.js

@@ -133,7 +133,8 @@ const Table = props => {
   const classes = TableStyles(editorTheme);
   const {
     readOnly,
-    isMobile
+    isMobile,
+    hideTools = []
   } = customProps;
   const [openSetttings, setOpenSettings] = useState(false);
   const [exandTools, setExpandTools] = useState(null);
@@ -304,16 +305,16 @@ const Table = props => {
           ...attributes,
           children: children
         })
-      }), /*#__PURE__*/_jsx(AddRowCol, {
+      }), !hideTools.includes("add_column") && /*#__PURE__*/_jsx(AddRowCol, {
         ...commonAddBtnProps,
         addType: "col",
         onAdd: addCol
       })]
-    }), /*#__PURE__*/_jsx(AddRowCol, {
+    }), !hideTools.includes("add_column") && /*#__PURE__*/_jsx(AddRowCol, {
       ...commonAddBtnProps,
       addType: "row",
       onAdd: addRow
-    }), !readOnly && /*#__PURE__*/_jsx(ToolBar, {
+    }), !readOnly && !hideTools.includes("settings") && /*#__PURE__*/_jsx(ToolBar, {
       selected: selected,
       showTool: showTool,
       classes: classes,

package/dist/Editor/Elements/Table/TableCell.js

@@ -48,7 +48,8 @@ const TableCell = props => {
     customProps
   } = props;
   const {
-    readOnly
+    readOnly,
+    hideTools = []
   } = customProps;
   const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
   const {
@@ -106,8 +107,8 @@ const TableCell = props => {
   const isFirstRow = row === 0;
   const isFirstColumn = column === 0;
   const [hoverRow, hoverCol] = hoverPath ? hoverPath.slice(-2) : [];
-  const showColDrag = isFirstRow && hoverCol === column && !resizing && !readOnly;
-  const showRowDrag = isFirstColumn && hoverRow === row && !resizing && !readOnly;
+  const showColDrag = isFirstRow && hoverCol === column && !resizing && !readOnly && !hideTools.includes("drag");
+  const showRowDrag = isFirstColumn && hoverRow === row && !resizing && !readOnly && !hideTools.includes("drag");
   const [parentProps] = tableNode || [{}];
   const [rowProps] = rowNode || [{}];
   const tableDOM = table.getDOMNode(path, true);

package/dist/Editor/Toolbar/Mini/MiniToolbar.js

@@ -67,6 +67,7 @@ const MiniToolbar = props => {
     if (data) {
       setToolTip(false);
       setData(null);
+      setPopper(null);
     }
   }, [data]);
   useEffect(() => {

package/dist/Editor/plugins/withHTML.js

@@ -238,9 +238,9 @@ const withHtml = editor => {
       const isNonText = rootElement ? rootElement?.querySelector(NON_TEXT_TAGS.toString()) : false;
       const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
       if (isGoogleSheet) {
-        if (editor.isChatEditor) {
-          return;
-        }
+        // if (editor.isChatEditor) {
+        //   return;
+        // }
         const table = rootElement.querySelector("table");
         const colGrp = table.querySelector("colgroup");
         if (colGrp) {
@@ -256,15 +256,18 @@ const withHtml = editor => {
       }
       const fragment = deserialize(parsed.body);
       const formattedFragment = formatFragment[eltype] ? formatFragment[eltype](fragment) : fragment;
-      let is_img_table = false;
-      formattedFragment.map(f => {
-        if (f.type === "image" || f?.type?.includes("table")) {
-          is_img_table = true;
-        }
-      });
-      if (editor.isChatEditor && is_img_table) {
-        return;
-      }
+
+      // let is_img_table = false;
+      // formattedFragment.map((f) => {
+      //   if (f.type === "image" || f?.type?.includes("table")) {
+      //     is_img_table = true;
+      //   }
+      // });
+
+      // if (editor.isChatEditor && is_img_table) {
+      //   return;
+      // }
+
       if (isTitlePath && isNonText) {
         insertAtNextNode(editor, formattedFragment);
         return;

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

@@ -8,6 +8,9 @@ import { isEmptyTextNode } from "../../helper";
 import { getBreakPointsValue } from "../../helper/theme";
 import insertNewLine from "../insertNewLine";
 import { getBorderColor } from "../helper";
+import Table from "../../Elements/Table/Table";
+import TableRow from "../../Elements/Table/TableRow";
+import TableCell from "../../Elements/Table/TableCell";
 import { jsx as _jsx } from "react/jsx-runtime";
 const alignment = ["alignLeft", "alignRight", "alignCenter"];
 const list_types = ["orderedList", "unorderedList"];
@@ -406,6 +409,26 @@ export const getBlock = props => {
       return /*#__PURE__*/_jsx(Mentions, {
         ...props
       });
+    case "table":
+      return /*#__PURE__*/_jsx(Table, {
+        ...props
+      });
+    case "table-head":
+      return /*#__PURE__*/_jsx("thead", {
+        children: children
+      });
+    case "table-body":
+      return /*#__PURE__*/_jsx("tbody", {
+        children: children
+      });
+    case "table-row":
+      return /*#__PURE__*/_jsx(TableRow, {
+        ...props
+      });
+    case "table-cell":
+      return /*#__PURE__*/_jsx(TableCell, {
+        ...props
+      });
     default:
       return /*#__PURE__*/_jsx(SimpleText, {
         ...props,

package/package.json

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