@flozy/editor 11.1.5 → 11.1.9

package/dist/Editor/CommonEditor.js

@@ -27,7 +27,7 @@ import DragAndDrop from "./common/DnD";
 import Section from "./common/Section";
 import decorators from "./utils/Decorators";
 import { getTRBLBreakPoints, getVariableValue, getBreakpointLineSpacing } from "./helper/theme";
-import { getInitialValue, handleCopy, handleInsertLastElement, isEverythingSelected, isFreeGrid, isFreeGridFragment, isRestrictedNode, outsideEditorClickLabel } from "./utils/helper";
+import { getInitialValue, handleCopy, handleInsertLastElement, isEverythingSelected, isFreeGrid, isFreeGridFragment, isRestrictedNode, outsideEditorClickLabel, GetPageBgImage } from "./utils/helper";
 import useWindowResize from "./hooks/useWindowResize";
 import { getTheme } from "./theme";
 import ThemeSettings from "./themeSettings";
@@ -538,8 +538,9 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
   };
   const editorWrapperStyle = useMemo(() => {
     const style = {};
-    if (pageBgImage && pageBgImage !== "none") {
-      style.backgroundImage = `url(${pageBgImage})`;
+    const bgImageUrl = GetPageBgImage(pageBgImage);
+    if (bgImageUrl) {
+      style.backgroundImage = `url(${bgImageUrl})`;
       style.backgroundSize = `cover`;
       style.backgroundRepeat = "repeat";
     } else {

package/dist/Editor/Elements/EmbedScript/EmbedScriptPopup.js

@@ -52,6 +52,12 @@ const EmbedScriptPopup = props => {
   const handleChange = e => {
     setCode(e.target.value);
   };
+  const handleMouseDown = e => {
+    e.stopPropagation();
+  };
+  const handleMouseUp = e => {
+    e.stopPropagation();
+  };
   const onSubmit = async () => {
     updateApiStatus({
       loading: true
@@ -135,12 +141,9 @@ const EmbedScriptPopup = props => {
         children: [/*#__PURE__*/_jsx("textarea", {
           value: code,
           onChange: handleChange,
-          style: {
-            minHeight: "260px",
-            width: "100%",
-            resize: "none",
-            padding: "4px"
-          }
+          onMouseDown: handleMouseDown,
+          onMouseUp: handleMouseUp,
+          className: "embed-textarea"
         }), /*#__PURE__*/_jsx(Box, {
           component: "div",
           color: "red",

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

@@ -6,13 +6,29 @@ const Styles = theme => ({
       border: `1px solid ${theme?.palette?.editor?.miniToolBarBorder}`,
       overflow: "hidden"
     },
-    "& textarea": {
+    "& .embed-textarea": {
       backgroundColor: theme?.palette?.editor?.inputFieldBgColor,
       border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
       borderRadius: "12px",
       padding: "10px !important",
       color: theme?.palette?.editor?.textColor,
       boxShadow: "0px 4px 18px 0px #00000014",
+      minHeight: "260px",
+      width: "100%",
+      resize: "none",
+      userSelect: "text !important",
+      WebkitUserSelect: "text !important",
+      MozUserSelect: "text !important",
+      msUserSelect: "text !important",
+      pointerEvents: "auto !important",
+      "&::selection": {
+        background: "rgba(37, 99, 235, 0.2) !important",
+        color: "inherit !important"
+      },
+      "&::-moz-selection": {
+        background: "rgba(37, 99, 235, 0.2) !important",
+        color: "inherit !important"
+      },
       "&:focus": {
         border: `1px solid #2563EB`,
         boxShadow: "0px 4px 18px 0px #2563EB1F",

package/dist/Editor/Toolbar/PopupTool/index.js

@@ -9,7 +9,7 @@ import { useEditorContext } from "../../hooks/useMouseMove";
 import usePopupStyles from "../PopupTool/PopupToolStyle";
 import useEditorScroll from "../../hooks/useEditorScroll";
 import { isCarouselSelected } from "../../helper";
-import { hideSlateSelection, viewSlateSelection } from "../../utils/helper";
+import { viewSlateSelection } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
 const isSlateDOM = event => {
   return event.target.getAttribute("data-slate-string") === "true";
@@ -95,7 +95,6 @@ const PopupTool = props => {
     const isFreeGridEnabled = enable === 1 && isFreeGridElement;
     if (!selection || Range.isCollapsed(selection) || Editor.string(editor, selection) === "" || isFreeGridEnabled) {
       setAnchorEl(null);
-      hideSlateSelection(); // removes slate selection background, when there is no selection
     } else {
       updateAnchorEl();
       viewSlateSelection();

package/dist/Editor/utils/helper.js

@@ -1071,4 +1071,14 @@ export const GetsectionBgImage = sectionBackgroundImage => {
   } else {
     return {};
   }
+};
+export const GetPageBgImage = pageBgImage => {
+  if (pageBgImage && pageBgImage !== "none") {
+    if (typeof pageBgImage === "object") {
+      return pageBgImage.embedURL;
+    } else if (typeof pageBgImage === "string") {
+      return pageBgImage;
+    }
+  }
+  return null;
 };

package/package.json

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