@flozy/editor 11.1.7 → 11.2.1

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/Elements/Form/Workflow/Styles.js

@@ -20,6 +20,7 @@ const FormStyles = theme => ({
       minHeight: "130px",
       padding: "12px",
       paddingBottom: 0,
+      color: theme?.palette?.editor?.textColor,
       "&:focus-visible": {
         outline: "none",
         border: "none"

package/dist/Editor/Styles/EditorStyles.js

@@ -15,7 +15,7 @@ const editorStyles = ({
         boxSizing: "border-box"
       },
       "& .blockQuoteComp": {
-        backgroundColor: `${theme?.palette?.editor?.colorBoxBg} !important`
+        backgroundColor: theme?.palette?.editor?.colorBoxBg
       },
       "&.iframe-editor": {
         "& .mini-tool-wrpr-ei": {

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

@@ -128,9 +128,7 @@ const ELEMENTS_LIST = [{
   icon: /*#__PURE__*/_jsx(Icon, {
     icon: "colorbox"
   }),
-  onInsert: editor => toggleBlock(editor, "blockquote", false, {
-    bgColor: "rgb(227, 236, 255)"
-  })
+  onInsert: editor => toggleBlock(editor, "blockquote", false)
 }, {
   name: "Ordered List",
   desc: "",

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

@@ -4,6 +4,7 @@ import ImageSelector from "../../ImageSelector/ImageSelector";
 import UploadStyles from "../../ImageSelector/UploadStyles";
 import Icon from "../../Icon";
 import { useEditorContext } from "../../../hooks/useMouseMove";
+import { GetPageBgImage } from "../../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const BackgroundImage = props => {
@@ -15,6 +16,7 @@ const BackgroundImage = props => {
     elementProps,
     title
   } = props;
+  const previewImg = GetPageBgImage(value);
   const {
     translation
   } = customProps;
@@ -69,7 +71,7 @@ const BackgroundImage = props => {
         item: true,
         xs: 12,
         style: {
-          backgroundImage: base64 ? `url(${base64})` : "none"
+          backgroundImage: base64 ? `url(${previewImg})` : "none"
           // height: "200px",
         },
 

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -482,8 +482,8 @@ export const getBlock = props => {
         style: {
           // borderColor: element?.color || "transparent",
           ...getBorderColor(element?.color || "transparent", 3),
-          background: element?.bgColor || "none",
-          padding: `${element?.bgColor ? "16px" : "0px"} 8px`,
+          background: element?.bgColor,
+          padding: "16px",
           borderRadius: `${element?.color ? "0px" : "12px"} 12px 12px ${element?.color ? "0px" : "12px"}`,
           margin: `${element?.bgColor ? "16px" : "0px"} 0px`,
           width: element?.bgColor ? "calc(100% - 16px)" : "100%",

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.7",
+  "version": "11.2.1",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"