@flozy/editor 4.2.5 → 4.2.7

package/dist/Editor/CommonEditor.js

@@ -486,7 +486,7 @@ const CommonEditor = /*#__PURE__*/forwardRef((props, ref) => {
           children: [/*#__PURE__*/_jsx(DragAndDrop, {
             children: /*#__PURE__*/_jsxs(Overlay, {
               children: [/*#__PURE__*/_jsx(Box, {
-                className: `${hasTopBanner() ? "has-topbanner" : ""} ${!pageColor ? "no-color" : ""} scrollable-content scrollSmooth`,
+                className: `pc-${editorClass || ""} ${hasTopBanner() ? "has-topbanner" : ""} ${!pageColor ? "no-color" : ""} scrollable-content scrollSmooth`,
                 sx: classes.slateWrapper,
                 id: "slate-wrapper-scroll-container",
                 ref: editorWrapper,

package/dist/Editor/Editor.css

@@ -880,6 +880,7 @@ blockquote {
 /* For Firefox */
 .removeScroll {
     -moz-appearance: textfield;
+    appearance: none;
 }
 
 .borderInput:focus-visible {

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

@@ -43,7 +43,7 @@ const useFreeGridStyles = ({
             // pages needs no color
             "&.no-color": {
               backgroundColor: "auto",
-              color: "auto",
+              color: "#000",
               "& .signed-btn": {
                 "& img": {
                   backgroundColor: "auto"
@@ -209,7 +209,6 @@ const useFreeGridStyles = ({
           }
         },
         "& .fgi_type_table": {
-          overflowX: "auto",
           "& table": {
             "&.readOnly": {
               tableLayout: "fixed",

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

@@ -6,7 +6,6 @@ import { isTextSelected } from "../../utils/helper";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import SimpleTextStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 const SimpleText = props => {
@@ -49,7 +48,8 @@ const SimpleText = props => {
     key: `para_${path.join("|")}`
   }, children, openAI ? null : /*#__PURE__*/_jsx("span", {
     className: "placeholder-simple-text",
-    children: isEmptyEditor ? editorPlaceholder || "Write Something..." : showPlaceHolder ? opacity && selected ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: isEmptyEditor ? editorPlaceholder || "Write Something..." : showPlaceHolder ? opacity && selected ? /*#__PURE__*/_jsxs("span", {
+      className: "placeholder-simple-text-default",
       children: ["Type ", /*#__PURE__*/_jsx("span", {
         style: {
           backgroundColor: '#F2F6FA',

package/dist/Editor/Styles/EditorStyles.js

@@ -76,6 +76,10 @@ const editorStyles = ({
     "&.no-color": {
       backgroundColor: theme?.palette?.editor?.background,
       color: theme?.palette?.editor?.textColor,
+      "&.pc-page-builder": {
+        backgroundColor: "#FFF",
+        color: "#000"
+      },
       "& .signed-btn": {
         "& img": {
           backgroundColor: "#FFF"

package/dist/Editor/common/RnD/ContextMenu/index.js

@@ -4,7 +4,12 @@ import CMenus from "./CMenus";
 import useContextMenuStyle from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ContextMenu = props => {
-  const classes = useContextMenuStyle();
+  const {
+    theme
+  } = props;
+  const classes = useContextMenuStyle({
+    theme
+  });
   const {
     open,
     type,

package/dist/Editor/common/RnD/ContextMenu/styles.js

@@ -1,9 +1,16 @@
-const useContextMenuStyle = () => ({
+const useContextMenuStyle = ({
+  theme
+}) => ({
   root: {
     zIndex: 1200,
+    "& .MuiPaper-root": {
+      backgroundColor: theme?.palette?.editor?.background,
+      color: theme?.palette?.editor?.textColor
+    },
     "& .cm-menu-item": {
       width: "190px",
       justifyContent: "space-between",
+      color: theme?.palette?.editor?.textColor,
       "& .shortcut-help-info": {
         display: "flex",
         justifyContent: "center",
@@ -14,6 +21,13 @@ const useContextMenuStyle = () => ({
           width: "12px",
           marginRight: "4px"
         }
+      },
+      "&:hover": {
+        color: theme?.palette?.editor?.background,
+        background: "rgba(233, 243, 254, 1)",
+        "& .shortcut-help-info": {
+          color: theme?.palette?.editor?.background
+        }
       }
     }
   }

package/dist/Editor/common/RnD/ElementSettings/styles.js

@@ -108,7 +108,8 @@ const useElementSettingsStyle = theme => ({
   dialog: {
     "& .MuiDialogTitle-root": {
       display: "flex",
-      justifyContent: "space-between"
+      justifyContent: "space-between",
+      color: "#000"
     },
     "& .MuiGrid-root": {
       marginBottom: "12px"

package/dist/Editor/common/RnD/OptionsPopup/style.js

@@ -38,8 +38,11 @@ const useOptionsPopupStyle = ({
         borderRadius: "7px",
         color: theme?.palette?.editor?.textColor,
         "&:hover": {
-          color: "#000",
-          background: "rgba(233, 243, 254, 1)"
+          color: theme?.palette?.editor?.background,
+          background: "rgba(233, 243, 254, 1)",
+          "& .MuiTypography-root": {
+            color: theme?.palette?.editor?.background
+          }
         }
       }
     },

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

@@ -559,7 +559,8 @@ const RnD = props => {
       type: type,
       open: openContextMenu,
       contextMenu: contextMenu,
-      handleClose: handleClose
+      handleClose: handleClose,
+      theme: theme
     }), type === "parent" && breakpoint === "lg" ? /*#__PURE__*/_jsx(VirtualElement, {
       parentEle: positionRef?.current?.resizableElement?.current,
       updated_at: updated_at,

package/dist/Editor/plugins/withHTML.js

@@ -144,6 +144,9 @@ const withHtml = editor => {
       const parsed = new DOMParser().parseFromString(html, "text/html");
       const isGoogleSheet = parsed.body.querySelector("google-sheets-html-origin");
       if (isGoogleSheet) {
+        if (editor.isChatEditor) {
+          return;
+        }
         const table = parsed.body.querySelector("table");
         const colGrp = table.querySelector("colgroup");
         if (colGrp) {
@@ -157,7 +160,7 @@ const withHtml = editor => {
       const formattedFragment = formatFragment[eltype] ? formatFragment[eltype](fragment) : fragment;
       let is_img_table = false;
       formattedFragment.map(f => {
-        if (f.type === 'image' || f.type === 'table') {
+        if (f.type === 'image' || f?.type?.includes('table')) {
           is_img_table = true;
         }
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "4.2.5",
+  "version": "4.2.7",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"
@@ -68,7 +68,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/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: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"
   },
   "eslintConfig": {
     "extends": [