@flozy/editor 4.3.1 → 4.3.2

package/dist/Editor/Elements/Mentions/Mentions.js

@@ -14,9 +14,10 @@ const Mentions = ({
     verticalAlign: "baseline",
     display: "inline-block",
     borderRadius: "4px",
-    backgroundColor: "#eee",
+    backgroundColor: "#2563EB",
     fontSize: "0.9em",
-    boxShadow: selected && focused ? "0 0 0 2px #B4D5FF" : "none"
+    boxShadow: selected && focused ? "0 0 0 2px #B4D5FF" : "none",
+    color: "#FFF"
   };
   // See if our empty text child has any styling marks applied and apply those
   if (element.children[0].bold) {

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

@@ -11,6 +11,7 @@ import LinkSettingsStyles from "./style";
 import { getNavOptions } from "./navOptions";
 import { ScrollTopBottom, SelectPage, TextInput, Trigger } from "./NavComponents";
 import SwipeableDrawer from "../SwipeableDrawer";
+import { useEditorContext } from "../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -30,18 +31,20 @@ function getNav(navType, navOptions) {
   };
 }
 export default function LinkSettings(props) {
+  const {
+    theme
+  } = useEditorContext();
   const {
     handleClose,
     onSave,
     customProps,
     navType
   } = props;
-  const themeType = localStorage.getItem("themeType");
   const {
     isMobile
   } = customProps;
   const navOptions = getNavOptions(customProps.hideTools);
-  const classes = LinkSettingsStyles(themeType);
+  const classes = LinkSettingsStyles(theme);
   const [nav, setNav] = useState(getNav(navType, navOptions));
   const [navValue, setNavValue] = useState(props?.navValue || "");
   const [openInNewTab, setOpenInNewTab] = useState(props.openInNewTab || false);

package/dist/Editor/common/LinkSettings/style.js

@@ -1,8 +1,5 @@
-const ButtonNavSettingsStyles = themeType => ({
+const ButtonNavSettingsStyles = theme => ({
   dialogContainer: {
-    "& .MuiPaper-root": {
-      background: themeType === "dark" ? "#141720 !important" : "#ffffff !important"
-    },
     "& .MuiDialogContent-root": {
       padding: "0px 20px"
     },
@@ -19,6 +16,23 @@ const ButtonNavSettingsStyles = themeType => ({
     },
     "& .MuiGrid-item": {
       padding: "14px"
+    },
+    "& .MuiPaper-root": {
+      backgroundColor: theme?.palette?.editor?.background,
+      "& .MuiTypography-root": {
+        color: theme?.palette?.editor?.textColor
+      },
+      "& .MuiInputBase-root": {
+        border: `1px solid ${theme?.palette?.editor?.textColor}`,
+        color: theme?.palette?.editor?.textColor
+      },
+      "& .MuiSvgIcon-root": {
+        color: theme?.palette?.editor?.textColor
+      },
+      "& .MuiFormLabel-root": {
+        color: theme?.palette?.editor?.textColor,
+        backgroundColor: theme?.palette?.editor?.background
+      }
     }
   },
   saveBtn: {
@@ -49,7 +63,7 @@ const ButtonNavSettingsStyles = themeType => ({
     position: "absolute",
     right: 8,
     top: 8,
-    color: theme => theme.palette.grey[500]
+    color: theme?.palette?.grey[500]
   },
   gridDivider: {
     borderRight: "1px solid rgba(0, 0, 0, 0.12)"
@@ -60,7 +74,7 @@ const ButtonNavSettingsStyles = themeType => ({
     gap: "8px",
     paddingTop: "14px",
     marginTop: "14px",
-    borderTop: theme => `1px solid ${theme.palette.grey[300]}`
+    borderTop: `1px solid ${theme?.palette?.grey[300]}`
   }
 });
 export default ButtonNavSettingsStyles;

package/dist/Editor/common/RnD/ElementSettings/OtherSettings/Link.js

@@ -11,7 +11,8 @@ const Link = props => {
     customProps,
     editor,
     path,
-    childType
+    childType,
+    theme
   } = props;
   const pPath = path?.split("|")?.map(m => parseInt(m));
   const element_path = [...pPath, 0];
@@ -137,7 +138,7 @@ const Link = props => {
       console.log(err);
     }
   };
-  return blockProps?.navType !== undefined ? /*#__PURE__*/_jsx(LinkSettings, {
+  return /*#__PURE__*/_jsx(LinkSettings, {
     handleClose: onClose,
     onSave: d => {
       const upData = getTransformedData(d);
@@ -147,7 +148,8 @@ const Link = props => {
       onClose();
     },
     ...(blockProps || {}),
-    customProps: customProps
-  }) : null;
+    customProps: customProps,
+    theme: theme
+  });
 };
 export default Link;

package/package.json

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