@flozy/editor 4.5.4 → 4.5.7

package/dist/Editor/CommonEditor.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-unused-vars */
 import React, { useRef, useCallback, useEffect, useMemo, useState, forwardRef, useImperativeHandle } from "react";
 import PropTypes from "prop-types";
-import { createEditor, Transforms } from "slate";
+import { createEditor, Range, Transforms } from "slate";
 import { Slate, Editable, ReactEditor } from "slate-react";
 import { useDebounce, useDebouncedCallback } from "use-debounce";
 import { getMarked, getBlock } from "./utils/SlateUtilityFunctions";
@@ -114,7 +114,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     editorClass,
     fixedWidth = "60%",
     fullWidth = "80%",
-    hideTools
+    hideTools = []
   } = otherProps || {};
   const editor = useMemo(() => {
     if (collaborativeEditor) return collaborativeEditor;
@@ -365,10 +365,24 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
       });
     } else if (event.key === "Enter") {
       enterEvent(event, editor, customProps?.isMobile);
-    } else if (event.key === "ArrowUp" && otherProps?.tagName !== 'Pages') {
+    } else if (event.key === "ArrowUp" && otherProps?.tagName !== "Pages") {
       upDownArrowKeyEvents(event, editor);
-    } else if (event.key === "ArrowDown" && otherProps?.tagName !== 'Pages') {
+    } else if (event.key === "ArrowDown" && otherProps?.tagName !== "Pages") {
       upDownArrowKeyEvents(event, editor);
+    } else if (event.key === "Backspace") {
+      const {
+        selection
+      } = editor;
+      event.preventDefault();
+      if (selection) {
+        if (!Range.isCollapsed(selection)) {
+          editor.deleteFragment();
+        } else {
+          editor.deleteBackward({
+            unit: "character"
+          });
+        }
+      }
     }
   }, [chars, target, mentions, setMentions, search, type, mentionsRef]);
   const Overlay = collaborativeEditor && !isReadOnly ? RemoteCursorOverlay : React.Fragment;

package/dist/Editor/Elements/Button/EditorButton.js

@@ -216,7 +216,7 @@ const EditorButton = props => {
           },
           "& svg": {
             "& path": {
-              stroke: appTheme.palette.text.primary
+              stroke: appTheme?.palette?.text?.primary
             }
           },
           "& button": {

package/dist/Editor/Styles/EditorStyles.js

@@ -215,7 +215,7 @@ const editorStyles = ({
     },
     "& .content-editable.empty": {
       "&:after": {
-        color: theme.palette.type === "dark" ? "#99A5B6" : placeHolderColor
+        color: theme?.palette?.type === "dark" ? "#99A5B6" : placeHolderColor
       }
     },
     "& .checkbox-edit": {

package/dist/Editor/utils/Decorators/highlightSelection.js

@@ -1,6 +1,6 @@
 import { Editor, Range, Text } from "slate";
-const highlightSelection = ([node, path], editor) => {
-  if (Text.isText(node) && editor.selection) {
+const highlightSelection = ([node, path], editor = {}) => {
+  if (Text.isText(node) && editor?.selection) {
     const intersection = Range.intersection(editor.selection, Editor.range(editor, path));
     if (intersection == null) {
       return [];

package/package.json

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