@flozy/editor 4.2.7 → 4.2.9

package/dist/Editor/CommonEditor.js

@@ -10,7 +10,7 @@ import { draftToSlate } from "./utils/draftToSlate";
 import useMentions from "./hooks/useMentions";
 import MentionsPopup from "./common/MentionsPopup";
 import { RemoteCursorOverlay } from "./RemoteCursorOverlay/Overlay";
-import { mentionsEvent, commands, indentation, escapeEvent, enterEvent, upArrowEvent, downArrowEvent } from "./utils/events";
+import { mentionsEvent, commands, indentation, escapeEvent, enterEvent } from "./utils/events";
 import withCommon from "./hooks/withCommon";
 import DialogWrapper from "./DialogWrapper";
 import { serializeToText } from "./utils/serializeToText";
@@ -379,10 +379,6 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
           });
         }
       }
-    } else if (event.key === "ArrowUp" && otherProps?.tagName !== "Pages") {
-      upArrowEvent(event, editor);
-    } else if (event.key === "ArrowDown" && otherProps?.tagName !== "Pages") {
-      downArrowEvent(event, editor);
     }
   }, [chars, editor, target, mentions, setMentions, search, type, mentionsRef]);
   const Overlay = collaborativeEditor && !isReadOnly ? RemoteCursorOverlay : React.Fragment;
@@ -447,10 +443,13 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
         const selection = window?.getSelection();
         if (selection && selection.rangeCount > 0) {
           const cursorPosition = selection.getRangeAt(0)?.getBoundingClientRect();
-          const containerBottom = container?.getBoundingClientRect()?.bottom;
+          const containerRect = container?.getBoundingClientRect();
+          const containerBottom = containerRect?.bottom;
           if (cursorPosition && cursorPosition.bottom > containerBottom - 250) {
+            // Calculate dynamic scroll based on remaining space
+            const scrollAmount = Math.min(200, cursorPosition.bottom - containerBottom + 250);
             container?.scrollBy({
-              top: 200,
+              top: scrollAmount,
               behavior: "smooth"
             });
           }

package/dist/Editor/Elements/Emoji/EmojiButton.js

@@ -12,7 +12,8 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 const EmojiButton = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     icoBtnType,
-    selectionTarget
+    selectionTarget,
+    theme = 'light'
   } = props;
   const editor = useSlateStatic();
   const [anchorEl, setAnchorEl] = useState(null);
@@ -67,7 +68,8 @@ const EmojiButton = /*#__PURE__*/forwardRef((props, ref) => {
       children: /*#__PURE__*/_jsx(Paper, {
         children: /*#__PURE__*/_jsx(EmojiPicker, {
           data: data,
-          onEmojiSelect: onEmojiSelect
+          onEmojiSelect: onEmojiSelect,
+          theme: theme?.palette?.type
         })
       })
     })]

package/dist/Editor/Elements/Emoji/EmojiPicker.js

@@ -6,7 +6,7 @@ const EmojiPicker = props => {
   const {
     onEmojiSelect,
     onClose,
-    theme = 'dark'
+    theme = 'light'
   } = props;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(Picker, {

package/dist/Editor/Elements/FreeGrid/Options/sectionItemOptions.js

@@ -2,6 +2,7 @@ const commonOptions = ["drag", "edit", "settings", "saveAsTemplate", "close"];
 const textOptions = ["edit", "settings", "link", "saveAsTemplate", "close"];
 const buttonOptions = ["settings", "link", "saveAsTemplate", "close"];
 const imageOptions = ["settings", "link", "imageFrame", "saveAsTemplate", "close"];
+const videoOptions = ["settings", "saveAsTemplate", "close"];
 const boxOptions = ["settings", "link", "saveAsTemplate", "close"];
 const appHeaderOptions = ["settings", "saveAsTemplate", "close"];
 const tableOptions = ["drag", "edit", "settings", "saveAsTemplate", "close"];
@@ -18,6 +19,7 @@ const itemOptions = {
   form: formOptions,
   section: sectionOptions,
   table: tableOptions,
-  embedScript: embedScriptOptions
+  embedScript: embedScriptOptions,
+  video: videoOptions
 };
 export default itemOptions;

package/dist/Editor/common/MentionsPopup/index.js

@@ -87,7 +87,8 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
         ref: i === index ? papperRef : null,
         children: char.renderComponent ? char.renderComponent({
           ref: index === i ? buttonRef : null,
-          selectionTarget: target
+          selectionTarget: target,
+          theme: theme
         }) : ListElement ? /*#__PURE__*/_jsx(ListElement, {
           classes: classes,
           data: char,

package/dist/Editor/common/RnD/ContextMenu/styles.js

@@ -23,7 +23,7 @@ const useContextMenuStyle = ({
         }
       },
       "&:hover": {
-        color: theme?.palette?.editor?.background,
+        color: theme?.palette?.editor?.activeColor,
         background: "rgba(233, 243, 254, 1)",
         "& .shortcut-help-info": {
           color: theme?.palette?.editor?.background

package/dist/Editor/common/RnD/OptionsPopup/style.js

@@ -38,10 +38,10 @@ const useOptionsPopupStyle = ({
         borderRadius: "7px",
         color: theme?.palette?.editor?.textColor,
         "&:hover": {
-          color: theme?.palette?.editor?.background,
+          color: theme?.palette?.editor?.activeColor,
           background: "rgba(233, 243, 254, 1)",
           "& .MuiTypography-root": {
-            color: theme?.palette?.editor?.background
+            color: theme?.palette?.editor?.activeColor
           }
         }
       }

package/dist/Editor/helper/index.js

@@ -299,9 +299,12 @@ export const getTextColor = (color = "") => {
   return color?.indexOf("gradient") >= 0 ? {
     background: color?.concat("text"),
     WebkitBackgroundClip: "text",
-    WebkitTextFillColor: "transparent",
-    color: "transparent",
-    caretColor: "black"
+    WebkitTextFillColor: "transparent !important",
+    color: "transparent !important",
+    caretColor: "black",
+    '& span': {
+      color: "transparent !important"
+    }
   } : {
     color
   };

package/dist/Editor/utils/events.js

@@ -285,40 +285,4 @@ export const enterEvent = (e, editor, isMobile) => {
   } catch (err) {
     console.log(err);
   }
-};
-export const upArrowEvent = (e, editor) => {
-  try {
-    const {
-      selection
-    } = editor;
-    if (!selection) return;
-    const prevNodePath = Editor.before(editor, selection, {
-      unit: "line"
-    });
-    if (prevNodePath) {
-      e.preventDefault();
-      Transforms.select(editor, prevNodePath);
-      ReactEditor.focus(editor);
-    }
-  } catch (err) {
-    console.log(err);
-  }
-};
-export const downArrowEvent = (e, editor) => {
-  try {
-    const {
-      selection
-    } = editor;
-    if (!selection) return;
-    const nextNodePath = Editor.after(editor, selection, {
-      unit: "line"
-    });
-    if (nextNodePath) {
-      e.preventDefault();
-      Transforms.select(editor, nextNodePath);
-      ReactEditor.focus(editor);
-    }
-  } catch (err) {
-    console.log(err);
-  }
 };

package/package.json

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