@flozy/editor 9.8.2 → 9.8.4

package/dist/Editor/ChatEditor.js

@@ -32,9 +32,9 @@ const ChatEditor = /*#__PURE__*/forwardRef((props, ref) => {
     onBlur = () => {},
     isMobile = false,
     debounceTimeOut = 10,
-    translation,
     isMarkDown = false,
-    markDownContent = ""
+    markDownContent = "",
+    translation
   } = props;
   const classes = usePopupStyle(theme);
   const convertedContent = draftToSlate({

package/dist/Editor/CommonEditor.js

@@ -369,6 +369,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   const onDrawerOpen = status => {
     setIsDrawerOpen(status);
   };
+  const lineH = getBreakpointLineSpacing(lineHeight, breakpoint || (isMobile ? "xs" : ""));
   const isReadOnly = readOnly === "readonly";
   const customProps = {
     ...(otherProps || {}),
@@ -381,9 +382,9 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
     onDrawerOpen: onDrawerOpen,
     ICON_API: "https://assets.agenciflow.com",
     translation: translationFn,
-    getTitleSaveData
+    getTitleSaveData,
+    customLineHeight: lineH
   };
-  const lineH = getBreakpointLineSpacing(lineHeight, breakpoint || (isMobile ? "xs" : ""));
   const renderElement = useCallback(props => {
     return /*#__PURE__*/_jsx(Element, {
       ...props,

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

@@ -88,7 +88,8 @@ const MultiSelectWithPopover = props => {
   const handleOpenPopover = useCallback(event => {
     setAnchorEl(event.currentTarget);
   }, []);
-  const handleClosePopover = useCallback(() => {
+  const handleClosePopover = useCallback(e => {
+    e?.stopPropagation();
     setAnchorEl(null);
   }, []);
   const handleAddOption = newValue => {
@@ -180,7 +181,7 @@ const MultiSelectWithPopover = props => {
       open: open,
       anchorEl: anchorEl,
       anchor: "bottom",
-      onClose: handleClosePopover,
+      onClose: e => handleClosePopover(e),
       anchorOrigin: {
         vertical: "top",
         horizontal: "left"
@@ -197,6 +198,9 @@ const MultiSelectWithPopover = props => {
           boxShadow: "0px 4px 10px 0px #00000029"
         }
       },
+      disableAutoFocus: true,
+      disableEnforceFocus: true,
+      disableRestoreFocus: true,
       children: /*#__PURE__*/_jsxs(Box, {
         sx: {
           width: isMobile ? "100%" : 300

package/dist/Editor/Elements/Embed/Video.js

@@ -77,8 +77,8 @@ const VideoPlaceholder = props => {
     readOnly,
     onSettings,
     classes,
-    translation,
-    type
+    type,
+    translation
   } = props;
   return !url ? !readOnly ? /*#__PURE__*/_jsxs(Box, {
     component: "button",

package/dist/Editor/Elements/List/CheckList.js

@@ -27,6 +27,9 @@ const CheckList = props => {
     checked
   } = element;
   const path = ReactEditor.findPath(editor, element);
+  const {
+    customLineHeight
+  } = customProps || {};
   const handleCheck = e => {
     Transforms.setNodes(editor, {
       checked: e.target.checked
@@ -45,7 +48,7 @@ const CheckList = props => {
         justifyContent: "center",
         alignItems: "center",
         ...(style || {}),
-        lineHeight: 1.43
+        lineHeight: `${customLineHeight} !important`
       },
       children: [/*#__PURE__*/_jsxs("div", {
         contentEditable: false,

package/dist/Editor/Elements/SimpleText/index.js

@@ -5,6 +5,7 @@ import { Box } from "@mui/material";
 import { isTextSelected } from "../../utils/helper";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import SimpleTextStyle from "./style";
+import { getBreakpointLineSpacing } from "../../helper/theme";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -27,10 +28,17 @@ const SimpleText = props => {
     editorPlaceholder,
     translation
   } = customProps;
+  const {
+    activeBreakPoint
+  } = useEditorContext();
   // const { element: pageSt } = getPageSettings(editor) || {};
   // const { pageColor } = pageSt?.pageProps || {};
+  const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
+  const lineH = element?.children[0]?.lineHeight;
+  const lineHeight = getBreakpointLineSpacing(lineH, activeBreakPoint || (isMobile ? "xs" : "lg"));
   const classes = SimpleTextStyle({
-    pageColor: "#FFFFFF"
+    pageColor: "#FFFFFF",
+    lineHeight
   });
   const selected = useSelected();
   const path = ReactEditor.findPath(editor, element);

package/dist/Editor/Elements/Table/Table.js

@@ -100,8 +100,8 @@ const ToolBar = props => {
     handleAction,
     exandTools,
     openSetttings,
-    hideTools,
-    translation
+    translation,
+    hideTools
   } = props;
   const {
     getSelectedCells

package/dist/Editor/common/RnD/Utils/gridDropItem.js

@@ -88,6 +88,23 @@ export const reRenderChildNodes = (editor, path) => {
     console.log(err);
   }
 };
+function getLeft(editor, moveToNode, moveTopath, appenBp) {
+  let topBoxNode = moveToNode;
+  let left = topBoxNode[`left${appenBp}`];
+  if (moveToNode?.type === "freegridBox") {
+    const [firstNode] = Array.from([...Editor.nodes(editor, {
+      at: moveTopath,
+      match: n => n.type === "freegridBox",
+      reverse: true
+    })]);
+    if (firstNode?.length && firstNode[1].toString() !== moveTopath?.toString()) {
+      const parentBoxNode = firstNode[0];
+      const parentLeft = parentBoxNode[`left${appenBp}`];
+      left += parentLeft;
+    }
+  }
+  return left;
+}
 function isContainerElement(editor, moveTopath, props, appenBp) {
   try {
     const {
@@ -104,7 +121,7 @@ function isContainerElement(editor, moveTopath, props, appenBp) {
       parentNode = Node.get(editor, Path.parent(dragItemPath));
     }
     const moveToNode = Node.get(editor, moveTopath);
-    const leftOfMoveToNode = moveToNode[`left${appenBp}`];
+    const leftOfMoveToNode = getLeft(editor, moveToNode, moveTopath, appenBp);
     if (moveToNode.type === "freegridBox") {
       if (parentNode.type === "freegridBox") {
         // same box

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

@@ -365,13 +365,11 @@ const elements = props => {
   const nodeType = canOpen(editor);
   const translatedElements = ELEMENTS_LIST.map(element => ({
     ...element,
-    name: translation(element.name),
-    renderComponent: element.renderComponent ? rest => {
-      return element.renderComponent({
-        ...rest,
-        translation
-      });
-    } : undefined
+    name: translation ? translation(element.name) : element.name,
+    renderComponent: element.renderComponent ? rest => element.renderComponent({
+      ...rest,
+      translation
+    }) : undefined
   }));
   const filteredElements = translatedElements.filter(f => (hideTools || []).indexOf(f.type) === -1 && (!f?.hideFor || f?.hideFor?.indexOf(nodeType) === -1));
   return filteredElements.filter(c => c.name.toLowerCase().includes(search?.toLowerCase()));

package/dist/Editor/common/StyleBuilder/fieldTypes/lineSpacing.js

@@ -53,9 +53,9 @@ const LineSpacing = props => {
         defaultValue: value || 1.43,
         "aria-label": "Default",
         valueLabelDisplay: "auto",
-        min: 0.5,
-        max: 3.0,
-        step: 0.1,
+        min: 0.50,
+        max: 3.00,
+        step: 0.01,
         name: "lineHeight",
         onChange: handleChange
       }), /*#__PURE__*/_jsx(Box, {
@@ -65,15 +65,16 @@ const LineSpacing = props => {
           color: theme?.palette?.editor?.textColor
         },
         name: "lineHeight",
-        value: pro_value,
+        value: pro_value || 1.43,
         className: "sliderInput",
         onChange: handleChange,
         type: "number",
         placeholder: "0",
-        disabled: true,
-        defaultValue: pro_value || 1.43
+        disabled: true
+        // defaultValue={pro_value || 1.43}
       })]
     })]
   });
 };
+
 export default LineSpacing;

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -395,6 +395,9 @@ export const getBlock = props => {
     children,
     customProps
   } = props;
+  const {
+    customLineHeight
+  } = customProps || {};
   const attributes = props.attributes ?? {};
   const isEmpty = isEmptyTextNode(element);
   const {
@@ -490,7 +493,7 @@ export const getBlock = props => {
           margin: `${element?.bgColor ? "16px" : "0px"} 0px`,
           width: element?.bgColor ? "calc(100% - 16px)" : "100%",
           borderWidth: element?.color ? "0px 0px 0px 3px" : "0px",
-          lineHeight: 1.43
+          lineHeight: `${customLineHeight} !important`
         },
         children: children
       });
@@ -544,14 +547,15 @@ export const getBlock = props => {
         className: `content-editable ${isEmpty ? "empty" : ""}`,
         placeholder: translation("List"),
         style: {
-          color: firstChildren?.color
+          color: firstChildren?.color,
+          lineHeight: `${customLineHeight} !important`
         },
         children: children
       });
     case "orderedList":
       return /*#__PURE__*/_jsx("ol", {
         style: {
-          lineHeight: 1.43
+          lineHeight: `${customLineHeight} !important`
         },
         className: "listItemMargin",
         type: "1",
@@ -561,7 +565,7 @@ export const getBlock = props => {
     case "unorderedList":
       return /*#__PURE__*/_jsx("ul", {
         style: {
-          lineHeight: 1.43
+          lineHeight: `${customLineHeight} !important`
         },
         className: "listItemMargin",
         ...attributes,

package/dist/Editor/utils/brains.js

@@ -17,8 +17,7 @@ export const insertBrain = (editor, data, position) => {
       }]
     };
     const [currentNode, currentPath] = Editor.node(editor, selection);
-    console.log('W1', Node.string(currentNode));
-    const cleanedText = Node.string(currentNode).replace(/\/(?:b(?:rain|rai|ra|r)?)?/g, "").trim();
+    const cleanedText = Node.string(currentNode).toLowerCase().replace(/\/(?:b(?:rain|rai|ra|r)?)?/g, "").trim();
     if (cleanedText) {
       Transforms.delete(editor, {
         at: Editor.range(editor, currentPath)

package/package.json

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