@flozy/editor 3.8.4 → 3.8.5

package/dist/Editor/Editor.css

@@ -245,6 +245,13 @@ blockquote {
   width: 17px !important;
 }
 
+.react-datepicker__input-container input {
+    height: 40px !important;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    width: 100%;
+}
+
 .close-popupbtn {
   border-radius: 4px !important;
   width: 24px;

package/dist/Editor/Elements/Link/LinkPopup.js

@@ -13,7 +13,8 @@ const LinkPopup = props => {
     handleInsertLink,
     theme
   } = props;
-  const classes = LinkPopupStyles(theme);
+  const themeType = localStorage.getItem("themeType");
+  const classes = LinkPopupStyles(themeType);
   return /*#__PURE__*/_jsxs(Dialog, {
     fullWidth: true,
     open: open,
@@ -55,8 +56,7 @@ const LinkPopup = props => {
           name: "name",
           placeholder: "Link Title",
           onChange: handleInputChange,
-          sx: classes.addLinkField,
-          className: classes.addLinkField
+          sx: classes.addLinkField
         })
       }), /*#__PURE__*/_jsx(Grid, {
         item: true,
@@ -71,8 +71,7 @@ const LinkPopup = props => {
           value: linkData?.url,
           placeholder: "https://google.com",
           onChange: handleInputChange,
-          sx: classes.addLinkField,
-          className: classes.addLinkField
+          sx: classes.addLinkField
         })
       }), /*#__PURE__*/_jsx(Grid, {
         item: true,

package/dist/Editor/Elements/Link/LinkPopupStyles.js

@@ -1,16 +1,16 @@
-const LinkPopupStyles = theme => ({
+const LinkPopupStyles = themeType => ({
   addLinkField: {
     "& .MuiOutlinedInput-input": {
       fontSize: "12px",
       fontWeight: 500,
-      color: `${theme?.palette?.editor?.textColor} !important`
+      color: themeType === "dark" ? "#FFFFFF !important" : "#000000 !important"
     },
     "& .MuiFormHelperText-root": {
-      color: `${theme?.palette?.editor?.textColor} !important`
+      color: themeType === "dark" ? "#FFFFFF !important" : "#000000 !important"
     },
     "& .MuiOutlinedInput-root": {
       boxShadow: "0px 4px 10px rgba(0, 0, 0, 0.16)",
-      color: `${theme?.palette?.editor?.textColor} !important`,
+      color: themeType === "dark" ? "#FFFFFF !important" : "#000000 !important",
       borderRadius: "7px",
       "& fieldset": {
         borderColor: "#D8DDE1"

package/dist/Editor/Elements/Signature/SignaturePopup.js

@@ -263,7 +263,12 @@ const SignaturePopup = props => {
                     name: "signedBy",
                     placeholder: "Enter Name",
                     size: "small",
-                    onChange: onChange
+                    onChange: onChange,
+                    sx: {
+                      '& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': {
+                        borderColor: '#ccc'
+                      }
+                    }
                   })
                 })]
               }), /*#__PURE__*/_jsxs(Grid, {
@@ -311,7 +316,8 @@ const SignaturePopup = props => {
                 },
                 children: [/*#__PURE__*/_jsx(Grid, {
                   style: {
-                    marginRight: "8px"
+                    marginRight: "8px",
+                    minWidth: '44px'
                   },
                   children: /*#__PURE__*/_jsx("label", {
                     htmlFor: "signedByEmail",
@@ -326,7 +332,12 @@ const SignaturePopup = props => {
                     name: "signedByEmail",
                     placeholder: "Enter Email",
                     size: "small",
-                    onChange: onChange
+                    onChange: onChange,
+                    sx: {
+                      '& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': {
+                        borderColor: '#ccc'
+                      }
+                    }
                   })
                 })]
               })]

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

@@ -36,11 +36,12 @@ export default function LinkSettings(props) {
     customProps,
     navType
   } = props;
+  const themeType = localStorage.getItem("themeType");
   const {
     isMobile
   } = customProps;
   const navOptions = getNavOptions(customProps.hideTools);
-  const classes = LinkSettingsStyles();
+  const classes = LinkSettingsStyles(themeType);
   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,32 +1,35 @@
-const ButtonNavSettingsStyles = () => ({
+const ButtonNavSettingsStyles = themeType => ({
   dialogContainer: {
-    '& .MuiDialogContent-root': {
+    "& .MuiPaper-root": {
+      background: themeType === "dark" ? "#141720 !important" : "#ffffff !important"
+    },
+    "& .MuiDialogContent-root": {
       padding: "0px 20px"
     },
-    '& .MuiDialogActions-root': {
+    "& .MuiDialogActions-root": {
       padding: "10px"
     },
-    '& .MuiTypography-h6': {
+    "& .MuiTypography-h6": {
       fontWeight: 600,
       fontSize: "16px",
       paddingRight: "20px"
     },
     "& .MuiGrid-container": {
-      marginTop: '0px'
+      marginTop: "0px"
     },
     "& .MuiGrid-item": {
       padding: "14px"
     }
   },
   saveBtn: {
-    color: '#fff',
+    color: "#fff",
     background: "#2563EB",
     fontSize: "14px",
     fontWeight: 500,
     padding: "4px 24px",
     textTransform: "none",
     "&:hover": {
-      color: '#fff',
+      color: "#fff",
       background: "#2563EB"
     }
   },
@@ -43,7 +46,7 @@ const ButtonNavSettingsStyles = () => ({
     }
   },
   closeIcon: {
-    position: 'absolute',
+    position: "absolute",
     right: 8,
     top: 8,
     color: theme => theme.palette.grey[500]

package/dist/Editor/utils/events.js

@@ -1,4 +1,4 @@
-import { Editor, Transforms, Element, Node, Path } from "slate";
+import { Editor, Transforms, Element, Node, Path, Range } from "slate";
 import { toggleBlock } from "./SlateUtilityFunctions";
 import insertNewLine from "./insertNewLine";
 import { insertAccordion } from "./accordion";
@@ -179,7 +179,6 @@ const checkListEnterEvent = (editor, type) => {
 export const enterEvent = (e, editor, isMobile) => {
   try {
     const ele = isListItem(editor);
-
     // on shift enter break line in same node
     if (e.shiftKey && !isMobile) {
       e.preventDefault();
@@ -188,6 +187,7 @@ export const enterEvent = (e, editor, isMobile) => {
       const {
         type
       } = ele[0];
+      const path = ele[1];
       const text = Node.string(ele[0]);
       switch (type) {
         case "list-item":
@@ -219,6 +219,58 @@ export const enterEvent = (e, editor, isMobile) => {
             insertAccordion(editor, nextPath);
           }
           break;
+        case "headingOne":
+        case "headingTwo":
+        case "headingThree":
+          const {
+            selection
+          } = editor;
+          if (selection && Range.isCollapsed(selection)) {
+            const isAtEnd = Editor.isEnd(editor, selection.anchor, path);
+            const isAtStart = Editor.isStart(editor, selection.anchor, path);
+            if (isAtEnd) {
+              e.preventDefault();
+              Transforms.insertNodes(editor, {
+                type: 'paragraph',
+                children: [{
+                  text: ''
+                }]
+              });
+              const newLocation = Editor.after(editor, selection);
+              if (newLocation) {
+                Transforms.select(editor, newLocation);
+              }
+            } else if (!isAtStart) {
+              e.preventDefault();
+              Transforms.splitNodes(editor);
+              Transforms.setNodes(editor, {
+                type: 'paragraph'
+              }, {
+                at: Editor.after(editor, selection)
+              });
+              const newLocation = Editor.after(editor, selection);
+              if (newLocation) {
+                Transforms.select(editor, newLocation);
+              }
+            } else if (isAtStart) {
+              e.preventDefault();
+              Transforms.insertNodes(editor, {
+                type: 'paragraph',
+                children: [{
+                  text: ''
+                }]
+              }, {
+                at: Editor.before(editor, selection)
+              });
+              Transforms.select(editor, Editor.before(editor, selection));
+              const newLocation = Editor.before(editor, selection);
+              if (newLocation) {
+                Transforms.select(editor, newLocation);
+              }
+            }
+            return;
+          }
+          break;
         default:
       }
     }

package/dist/Editor/utils/helper.js

@@ -146,7 +146,7 @@ export const handleInsertLastElement = (event, editor) => {
   }
 };
 export const isListItem = editor => {
-  const format = ["list-item", "check-list-item", "accordion-summary"];
+  const format = ["list-item", "check-list-item", "accordion-summary", "headingOne", "headingTwo", "headingThree"];
   const [node] = Editor.nodes(editor, {
     match: n => !Editor.isEditor(n) && Element.isElement(n) && format.indexOf(n.type) > -1
   });

package/package.json

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