@flozy/editor 5.3.4 → 5.3.5

package/dist/Editor/Editor.css

@@ -499,6 +499,14 @@ blockquote {
   text-transform: none;
 }
 
+.MuiButton-root.primaryBtn:disabled {
+  background: #eee !important;
+  box-shadow: none !important;
+  color: #ccc !important;
+  border: 1px solid #ccc !important;
+  cursor: not-allowed;
+}
+
 .MuiButton-root.primaryBtn.disabled,
 .MuiButton-root.secondaryBtn.disabled {
   background: #eee;

package/dist/Editor/MiniEditor.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useRef, useState, useEffect } from "react";
-import { createEditor } from "slate";
+import { createEditor, Range } from "slate";
 import { Slate, Editable } from "slate-react";
 import { useDebounce } from "use-debounce";
 import { getBlock, getMarked } from "./utils/SlateUtilityFunctions";
@@ -115,6 +115,20 @@ const MiniEditor = props => {
         event,
         editor
       });
+    } else if (event.key === "Backspace") {
+      const {
+        selection
+      } = editor;
+      event.preventDefault();
+      if (selection) {
+        if (!Range.isCollapsed(selection)) {
+          editor.deleteFragment();
+        } else {
+          editor.deleteBackward({
+            unit: "character"
+          });
+        }
+      }
     }
   }, [chars, editor, target, mentions, setMentions, search, type, mentionsRef]);
   const renderElement = useCallback(props => {

package/dist/Editor/common/StyleBuilder/fieldStyle.js

@@ -6,7 +6,8 @@ const fieldStyle = [{
   fields: [{
     label: "Field Name",
     key: "name",
-    type: "text"
+    type: "text",
+    required: true
   }, {
     label: "Field Type",
     key: "element",

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

@@ -11,13 +11,21 @@ const Text = props => {
   const {
     key,
     placeholder,
-    width
+    width,
+    required = false
   } = data;
   const [value, setValue] = useState(pro_value);
+  const [error, setError] = useState(false);
   const handleChange = e => {
-    setValue(e.target.value);
+    const newValue = e.target.value;
+    setValue(newValue);
+    if (required && !newValue.trim()) {
+      setError(true);
+    } else {
+      setError(false);
+    }
     onChange({
-      [key]: e.target.value
+      [key]: newValue
     });
   };
   return /*#__PURE__*/_jsxs(Grid, {
@@ -39,7 +47,10 @@ const Text = props => {
       value: value,
       onChange: handleChange,
       size: "small",
-      fullWidth: true
+      fullWidth: true,
+      required: required,
+      error: error,
+      helperText: error ? 'This field is required' : ''
     })]
   });
 };

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

@@ -69,6 +69,7 @@ const StyleBuilder = props => {
   const isMobile = customProps?.isMobile || false;
   const [elementProps, setElementProps] = useState(element);
   const [tab] = useState(renderTabs[0]?.value);
+  const [saveDisable, setSaveDisable] = useState(false);
   const tabVal = renderTabs?.find(f => f.value === tab);
   const {
     needActions = true
@@ -123,12 +124,17 @@ const StyleBuilder = props => {
       field_type: data?.element
     });
     if (data?.hasOwnProperty("name")) {
-      setElementProps({
-        ...elementProps,
-        ...data,
-        key: data?.name,
-        label: data?.name
-      });
+      if (data?.name === '') {
+        setSaveDisable(true);
+      } else {
+        setSaveDisable(false);
+        setElementProps({
+          ...elementProps,
+          ...data,
+          key: data?.name,
+          label: data?.name
+        });
+      }
     }
   };
   const handleSave = () => {
@@ -239,6 +245,7 @@ const StyleBuilder = props => {
           children: "Delete"
         }) : null, /*#__PURE__*/_jsx(Button, {
           onClick: handleSave,
+          disabled: saveDisable,
           className: "primaryBtn",
           children: "Save"
         })]

package/package.json

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