@flozy/editor 3.6.6 → 3.6.8

package/dist/Editor/ChatEditor.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo, useRef, useState, useEffect, useImperativeHandle, forwardRef } from "react";
-import { Editable, Slate } from 'slate-react';
+import { Editable, Slate, ReactEditor } from 'slate-react';
 import { createEditor } from 'slate';
 import { useDebounce } from "use-debounce";
 import withCommon from "./hooks/withCommon";
@@ -44,7 +44,16 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
   const isReadOnly = readOnly === "readonly";
   useImperativeHandle(ref, () => ({
     emojiClick: emoji => {
-      insertEmoji(editor, emoji?.native, editor.selection);
+      if (editor) {
+        insertEmoji(editor, emoji?.native, editor.selection);
+        ReactEditor.focus(editor);
+      }
+    },
+    // Focus enable
+    enableFocus: () => {
+      if (editor) {
+        ReactEditor.focus(editor);
+      }
     }
   }));
   useEffect(() => {

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

@@ -13,7 +13,8 @@ const MentionsListCard = props => {
   } = props;
   const {
     name,
-    email
+    email,
+    avatar_filename = null
   } = data;
   return /*#__PURE__*/_jsxs(Card, {
     sx: {
@@ -37,7 +38,9 @@ const MentionsListCard = props => {
         alignItems: "center"
       },
       alt: name,
-      children: /*#__PURE__*/_jsx(Avatar, {})
+      children: /*#__PURE__*/_jsx(Avatar, {
+        src: avatar_filename
+      })
     }), /*#__PURE__*/_jsx(Box, {
       sx: {
         display: "flex",

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

@@ -10,7 +10,7 @@ const usePopupStyles = theme => ({
   papper: {
     boxShadow: "none",
     width: "300px",
-    height: "300px",
+    height: "auto",
     overflow: "auto",
     padding: "8px",
     margin: "0px",

package/package.json

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