@flozy/editor 3.3.3 → 3.3.5

package/dist/Editor/CommonEditor.js

@@ -96,6 +96,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   });
   const [isScrolling, setIsScrolling] = useState(false);
   const [isTextSelected, setIsTextSelected] = useState(false);
+  const [openInfiniti, setOpenInfiniti] = useState(false);
   const [size] = useWindowResize();
   const {
     needDotsBG,
@@ -381,6 +382,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/_jsx(EditorProvider, {
     theme: theme,
     editor: editor,
+    setOpenInfiniti: setOpenInfiniti,
     children: /*#__PURE__*/_jsx(DialogWrapper, {
       classes: classes,
       ...props,
@@ -402,13 +404,18 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
               children: [/*#__PURE__*/_jsx(Box, {
                 className: `${hasTopBanner() ? "has-topbanner" : ""} ${!pageColor ? "no-color" : ""} ${isScrolling ? "" : "hideScroll"} scrollable-content scrollSmooth`,
                 sx: classes.slateWrapper,
-                id: "slate-wrapper-scroll-container",
-                style: editorWrapperStyle,
+                id: "slate-wrapper-scroll-container"
+                // style={editorWrapperStyle}
+                ,
                 ref: editorWrapper,
                 onClick: e => {
                   handleInsertLastElement(e, editor);
                 },
                 onScroll: handleScroll,
+                style: {
+                  ...editorWrapperStyle,
+                  overflowY: openInfiniti ? "hidden" : "auto"
+                },
                 children: /*#__PURE__*/_jsxs(Box, {
                   component: "div",
                   className: "max-content",

package/dist/Editor/Elements/AI/PopoverAIInput.js

@@ -7,6 +7,7 @@ import { ReactEditor, useSlate } from "slate-react";
 import { Node, Path, Transforms } from "slate";
 import useWindowResize from "../../hooks/useWindowResize";
 import { MODES } from "./helper";
+import { getSelectedText } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const scrollToAIInput = () => {
@@ -33,13 +34,20 @@ const updateAnchorEl = (setAnchorEl, editor) => {
     if (!editor.selection) {
       return;
     }
-    const focussedNode = Node.get(editor, editor.selection.anchor.path);
-    const focussedDom = ReactEditor.toDOMNode(editor, focussedNode);
     const selection = window.getSelection();
     if (selection.rangeCount) {
+      let caret;
+      if (getSelectedText(editor)) {
+        // selected text as caret
+        caret = selection.getRangeAt(0);
+      } else {
+        const focussedNode = Node.get(editor, editor?.selection?.anchor?.path);
+        // foccussed DOM as caret
+        caret = ReactEditor.toDOMNode(editor, focussedNode);
+      }
       const getBoundingClientRect = () => {
         const editorEle = document.querySelector(".ed-section-inner").getBoundingClientRect();
-        const caretPos = focussedDom.getBoundingClientRect();
+        const caretPos = caret.getBoundingClientRect();
         return {
           y: caretPos.y,
           height: caretPos.height,

package/dist/Editor/Elements/AI/Styles.js

@@ -11,7 +11,7 @@ const Styles = theme => ({
     padding: "0px 12px",
     minHeight: "36px",
     position: "relative",
-    background: theme?.palette?.editor?.background,
+    background: "#FCFAFF",
     borderRadius: "7px",
     "& .icon-container": {
       display: "flex",
@@ -82,8 +82,9 @@ const Styles = theme => ({
   },
   generatedText: {
     margin: "8px",
-    maxHeight: "80px",
-    overflow: "auto"
+    maxHeight: "100px",
+    overflow: "auto",
+    fontSize: "inherit"
   },
   customSelectWrapper: {
     width: "fit-content",

package/dist/Editor/Elements/Variables/Style.js

@@ -17,11 +17,11 @@ const VariableStyles = () => ({
     textTransform: "none",
     border: "1px solid #D8DDE1",
     height: "36px",
-    paddingLeft: '8px',
-    paddingRight: '18px',
+    paddingLeft: "8px",
+    paddingRight: "18px",
     "& svg": {
-      width: '20px',
-      height: '20px',
+      width: "20px",
+      height: "20px",
       "& path": {
         stroke: "#64748B"
       }
@@ -29,8 +29,16 @@ const VariableStyles = () => ({
     "&:hover": {
       border: "1px solid #64748B"
     },
-    '& .MuiSelect-select.MuiInputBase-input.MuiOutlinedInput-input': {
-      paddingRight: '5px'
+    "& .MuiSelect-select.MuiInputBase-input.MuiOutlinedInput-input": {
+      paddingRight: "5px"
+    }
+  },
+  variableMenuItem: {
+    "& .MuiMenuItem-root": {
+      color: "#64748B"
+    },
+    "& .Mui-selected": {
+      backgroundColor: "rgba(0, 0, 0, 0.04) !important"
     }
   }
 });

package/dist/Editor/Elements/Variables/VariableButton.js

@@ -21,10 +21,13 @@ const VariableButton = props => {
     labelId: "variable-selection",
     id: "variable-selection-mini",
     displayEmpty: true,
-    value: '',
+    value: "",
     sx: classes.variableBtn,
     onChange: updateVariable,
     IconComponent: () => /*#__PURE__*/_jsx(KeyboardArrowDownIcon, {}),
+    MenuProps: {
+      sx: classes.variableMenuItem
+    },
     children: [/*#__PURE__*/_jsx(MenuItem, {
       value: "",
       children: "Variables"

package/dist/Editor/Styles/EditorStyles.js

@@ -251,6 +251,10 @@ const editorStyles = ({
       "&::-webkit-scrollbar-thumb:hover": {
         background: "none !important"
       }
+    },
+    "& ::selection": {
+      color: "black",
+      background: "#EAEBFE"
     }
   },
   fullScreenWrapper: {

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

@@ -47,7 +47,8 @@ const ElementListCard = props => {
             component: "div",
             variant: "h6",
             style: {
-              fontSize: "14px"
+              fontSize: "14px",
+              fontWeight: "normal"
             },
             children: name
           }), /*#__PURE__*/_jsx(Typography, {

package/dist/Editor/common/Shorthands/elements.js

@@ -226,7 +226,7 @@ const ELEMENTS_LIST = [{
   }
 }, {
   name: "Ask AI to write anything",
-  group: "Infinity AI",
+  group: "INFINITY AI",
   desc: "",
   type: "infinityAI",
   icon: /*#__PURE__*/_jsx(Icon, {

package/dist/Editor/hooks/useMouseMove.js

@@ -19,7 +19,8 @@ export const useEditorSelection = editor => {
 export const EditorProvider = ({
   editor,
   theme,
-  children
+  children,
+  setOpenInfiniti
 }) => {
   const [event] = useMouseMove();
   const [previous, setPrevious] = useState("");
@@ -54,7 +55,10 @@ export const EditorProvider = ({
       popupType,
       setPopupType,
       openAI,
-      setOpenAI
+      setOpenAI: value => {
+        setOpenAI(value);
+        setOpenInfiniti(!!value);
+      }
     },
     children: children
   });

package/package.json

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