@flozy/editor 9.4.5 → 9.4.7

package/dist/Editor/ChatEditor.js

@@ -1,6 +1,6 @@
-import React, { useCallback, useMemo, useRef, useImperativeHandle, forwardRef } from "react";
-import { Editable, Slate, ReactEditor } from "slate-react";
-import { createEditor, Transforms, Editor } from "slate";
+import React, { useCallback, useMemo, useRef, useImperativeHandle, forwardRef, useState } from "react";
+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";
@@ -46,6 +46,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
     }]
   });
   const debouncedValue = useRef(convertedContent);
+  const [isFocused, setIsFocused] = useState(false);
   const debounced = useDebouncedCallback(
   // function
   value => {
@@ -268,6 +269,7 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
       strVal,
       restVal
     });
+    setIsFocused(false);
   };
   const handlePaste = event => {
     const items = event.clipboardData.items;
@@ -280,6 +282,9 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
   };
 
   const html = isMarkDown ? convertMDToHTML(markDownContent) : null;
+  const handleFocus = () => {
+    setIsFocused(true);
+  };
   return !isMarkDown ? /*#__PURE__*/_jsx(EditorProvider, {
     theme: theme,
     editor: editor,
@@ -299,11 +304,12 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
         decorate: decorators,
         placeholder: "Start typing ...",
         spellCheck: true,
+        onFocus: handleFocus,
         onBlur: handleBlur,
         onKeyDown: onKeyDown,
         onPaste: handlePaste,
         customProps: customProps
-      }), !readOnly ? /*#__PURE__*/_jsx(MentionsPopup, {
+      }), !readOnly && isFocused ? /*#__PURE__*/_jsx(MentionsPopup, {
         ref: mentionsRef,
         mentions: mentions,
         setMentions: setMentions,

package/dist/Editor/Elements/DataView/Layouts/ColumnView.js

@@ -14,7 +14,8 @@ const ColumnView = props => {
     property,
     onSelect,
     selected,
-    readOnly
+    readOnly,
+    translation
   } = props;
   const {
     type
@@ -60,7 +61,8 @@ const ColumnView = props => {
       readOnly: readOnly,
       settings: {
         wrapColumn: property?.wrapColumn
-      }
+      },
+      translation: translation
     }), needAnchor && !readOnly ? /*#__PURE__*/_jsx(Popper, {
       sx: classes.root,
       open: open,

package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js

@@ -22,7 +22,8 @@ const MultiSelectWithPopover = props => {
     onChange,
     onUpdate,
     property,
-    wrapColumn = false
+    wrapColumn = false,
+    translation
   } = props;
   const [anchorEl, setAnchorEl] = useState(null);
   const [anchorElOption, setAnchorElOption] = useState(null);
@@ -413,7 +414,8 @@ const MultiSelectWithPopover = props => {
       anchorEl: anchorElOption,
       mode: mode,
       onClose: onClose,
-      onEvent: onEditOption
+      onEvent: onEditOption,
+      translation: translation
     }) : null, showSnackBar ? /*#__PURE__*/_jsx(SnackbarAlert, {
       message: "Option already selected!",
       setShowSnackBar: setShowSnackBar

package/dist/Editor/Elements/DataView/Layouts/DataTypes/MultiSelectType.js

@@ -10,7 +10,8 @@ const MultiSelectType = props => {
     options,
     label = "",
     readOnly,
-    settings
+    settings,
+    translation
   } = props;
   const {
     wrapColumn
@@ -51,7 +52,8 @@ const MultiSelectType = props => {
     placeholder: label,
     disabled: readOnly,
     property: property,
-    wrapColumn: wrapColumn
+    wrapColumn: wrapColumn,
+    translation: translation
   });
 };
 export default MultiSelectType;

package/dist/Editor/Elements/DataView/Layouts/ViewData.js

@@ -11,7 +11,8 @@ const RenderRow = props => {
     properties,
     onSelect,
     selected,
-    readOnly
+    readOnly,
+    translation
   } = props;
   const showProperties = properties?.filter(f => f.visible);
   return showProperties?.map((property, i) => {
@@ -22,7 +23,8 @@ const RenderRow = props => {
       property: property,
       onSelect: onSelect,
       selected: selected,
-      readOnly: readOnly
+      readOnly: readOnly,
+      translation: translation
     }, `${property.key}_${i}`);
   });
 };
@@ -33,7 +35,8 @@ const ViewData = props => {
     customProps
   } = props;
   const {
-    readOnly
+    readOnly,
+    translation
   } = customProps || {};
   const {
     properties,
@@ -67,7 +70,8 @@ const ViewData = props => {
           properties: properties,
           onSelect: onSelect,
           selected: selectedRows?.includes(row?.id),
-          readOnly: readOnly
+          readOnly: readOnly,
+          translation: translation
         }), /*#__PURE__*/_jsx("td", {}), /*#__PURE__*/_jsx("td", {})]
       }, i);
     }), /*#__PURE__*/_jsx("tr", {

package/dist/Editor/Elements/DataView/styles.js

@@ -69,6 +69,19 @@ const useDataViewStyles = (theme, appTheme) => ({
           opacity: 1
         }
       }
+    },
+    "& .fe-tv-type_text": {
+      "& .MuiInputBase-multiline": {
+        height: "auto !important",
+        "&.Mui-focused": {
+          border: 0,
+          outline: 0,
+          "& textarea:focus-visible": {
+            border: 0,
+            borderColor: "none"
+          }
+        }
+      }
     }
   },
   filterView: {

package/dist/Editor/common/CustomDialog/styles.js

@@ -25,7 +25,6 @@ const CustomDialogStyles = theme => ({
     },
     "& .confirmBtn": {
       backgroundColor: "#2563EB",
-      padding: "8px 12px",
       color: "#ffffff",
       fontWeight: 600,
       fontSize: "14px",
@@ -55,7 +54,6 @@ const CustomDialogStyles = theme => ({
       borderRadius: "8px",
       textTransform: "math-auto",
       height: "36px",
-      padding: "0px 12px",
       minWidth: "90px",
       backgroundColor: theme?.palette?.editor?.closeButtonBackground,
       border: `1px solid ${theme?.palette?.editor?.customDialogueCloseBtnBorder}`,

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

@@ -78,12 +78,6 @@ const usePopupStyles = theme => ({
     "&  .orderedListIcon, .bulletedListTextIcon, .checkedListTextIcon, .accordianIconSvgTextFormat": {
       width: "20px !important"
     },
-    "&::-webkit-scrollbar-thumb": {
-      background: `none !important`
-    },
-    "&::-webkit-scrollbar-track": {
-      visibility: "hidden"
-    },
     "&::-webkit-scrollbar-thumb": {
       background: `${theme?.palette?.editor?.brainPopupScroll} !important`
     },

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

@@ -158,6 +158,8 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
     sx: classes.root,
     placement: "bottom-start",
     className: "cmd-wrapper",
+    onMouseDownCapture: e => e.preventDefault(),
+    onMouseUpCapture: e => e.preventDefault(),
     children: /*#__PURE__*/_jsx(Paper, {
       sx: classes.papper,
       children: chars.map(renderList)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "9.4.5",
+  "version": "9.4.7",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -69,7 +69,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "NODE_OPTIONS='--max_old_space_size=4096' storybook build",
     "publish:npm": "rm -rf dist && mkdir dist &&  babel src/components -d dist --copy-files",
-    "publish:local": "rm -rf /Users/agmac03/flozy/client/node_modules/@flozy/editor/dist && babel src/components -d /Users/agmac03/flozy/client/node_modules/@flozy/editor/dist --copy-files",
+    "publish:local": "rm -rf /Users/agenciflow08/Documents/flozyapp/client/node_modules/@flozy/editor/dist && babel src/components -d /Users/agenciflow08/Documents/flozyapp/client/node_modules/@flozy/editor/dist --copy-files",
     "publish:flozy": "./publish-flozy.sh",
     "publish:flozy2": "./publish-flozy2.sh",
     "publish:permission": "chmod +x publish-flozy.sh && chmod +x publish-flozy2.sh"