@flozy/editor 10.1.2 → 10.1.3

package/dist/Editor/Elements/Form/Form.js

@@ -449,16 +449,18 @@ const Form = props => {
                 onClick: onSubmitClick,
                 disabled: loading,
                 sx: {
-                  background: buttonProps?.bgColor || "rgb(30, 75, 122)",
+                  background: buttonProps?.bgColor || "#2563EB",
                   borderWidth: "1px",
                   borderBlockStyle: "solid",
+                  borderRadius: `${buttonProps?.borderRadius || "8px"}`,
                   ...btnBorderStyle,
                   ...buttonSX,
                   color: `${buttonProps?.textColor || "#FFFFFF"}`,
                   fontSize: buttonProps?.textSize || "inherit",
                   height: "fit-content",
-                  fontFamily: buttonProps?.fontFamily || "PoppinsRegular",
-                  width: buttonProps?.fullWidth ? "100%" : "auto"
+                  fontFamily: buttonProps?.fontFamily || "Inter, sans-serif",
+                  width: buttonProps?.fullWidth ? "100%" : "auto",
+                  borderColor: `${buttonProps?.borderColor || "transparent"}`
                 },
                 children: buttonProps?.label || "Submit"
               })

package/dist/Editor/Elements/Form/FormElements/FormText.js

@@ -1,6 +1,7 @@
 import React from "react";
 import { Box } from "@mui/material";
-import { getTRBLBreakPoints, getBreakPointsValue } from "../../../helper/theme";
+import { getTRBLBreakPoints, getBreakPointsValue, groupByBreakpoint } from "../../../helper/theme";
+import { useTheme } from "@emotion/react";
 import { jsx as _jsx } from "react/jsx-runtime";
 const FormText = props => {
   const {
@@ -19,11 +20,26 @@ const FormText = props => {
     textSize,
     fontFamily,
     fontWeight,
+    marginSpacing,
     ...rest
   } = fieldProps;
   const onChange = e => {
     e.preventDefault();
   };
+  const theme = useTheme();
+  const buttonSX = {
+    ...groupByBreakpoint({
+      borderRadius: {
+        ...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
+      },
+      padding: {
+        ...getTRBLBreakPoints(bannerSpacing)
+      },
+      margin: {
+        ...getTRBLBreakPoints(marginSpacing)
+      }
+    }, theme)
+  };
   return /*#__PURE__*/_jsx("div", {
     style: {
       width: "100%",
@@ -40,16 +56,17 @@ const FormText = props => {
         padding: {
           ...getTRBLBreakPoints(bannerSpacing)
         },
-        height: height || "auto",
-        borderColor: borderColor || "transparent",
+        height: height && `${height} !important`,
+        borderColor: borderColor && `${borderColor} !important`,
         borderWidth: borderWidth || "1px",
         borderRadius: {
           ...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)
         },
+        ...buttonSX,
         borderStyle: borderStyle || "solid",
-        color: textColor || "#000",
-        background: bgColor || "transparent",
-        fontSize: textSize || "inherit",
+        color: textColor && `${textColor} !important`,
+        background: bgColor && `${bgColor} !important`,
+        fontSize: textSize && `${textSize} !important`,
         fontFamily: fontFamily || "PoppinsRegular",
         fontWeight: `${fontWeight} !important` || "400 !important"
       }

package/dist/Editor/Elements/Form/FormElements/FormTextArea.js

@@ -35,12 +35,13 @@ const FormTextArea = props => {
       onChange: onChange,
       sx: {
         width: "100%",
-        border: `1px solid ${borderColor || "#FFF"}`,
+        borderWidth: "1px",
+        borderBlockStyle: "solid",
         padding: {
           ...getTRBLBreakPoints(bannerSpacing)
         },
         height: height || "150px",
-        borderColor: `${borderColor || "transparent"} !important`,
+        borderColor: borderColor && `${borderColor} !important`,
         borderWidth: borderWidth || "1px",
         borderRadius: {
           ...getBreakPointsValue(borderRadius || {}, null, "overrideBorderRadius", true)

package/dist/Editor/Elements/Form/FormField.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Transforms, Node } from "slate";
+import { Transforms } from "slate";
 import { useSlateStatic, ReactEditor } from "slate-react";
 import { IconButton, Tooltip, Grid, useTheme } from "@mui/material";
 import FormElements from "./FormElements";
@@ -9,6 +9,7 @@ import { DeleteIcon } from "../../assets/svg/AIIcons";
 import { SettingsIcon } from "../../assets/svg/TableIcons";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import useCommonStyle from "../../commonStyle";
+import { getNode } from "../../utils/helper";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const FormField = props => {
@@ -35,7 +36,7 @@ const FormField = props => {
   const formPath = path.slice(0, path.length - 1);
   const {
     metadatamapping
-  } = Node?.get(editor, formPath) || {};
+  } = getNode(editor, formPath) || {};
   const updatedElement = {
     ...element,
     metadatamapping

package/dist/Editor/commonStyle.js

@@ -635,24 +635,15 @@ const useCommonStyle = theme => ({
   formStyles: {
     "& input": {
       background: theme?.palette?.editor?.inputFieldBgColor,
-      border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
-      borderRadius: "8px",
+      borderColor: theme?.palette?.editor?.inputFieldBorder,
       height: "44px",
       fontSize: "14px",
       color: theme?.palette?.editor?.textColor
     },
     "& .form-btn-wrpr": {
       "& button": {
-        background: "#2563EB",
-        fontSize: "14px",
         fontWeight: 500,
-        padding: "4px 24px",
-        textTransform: "none",
-        color: "#FFFFFF",
-        height: "44px",
-        borderRadius: "8px",
-        border: "unset",
-        fontFamily: "Inter, sans-serif"
+        height: "44px"
       }
     }
   },

package/dist/Editor/utils/form.js

@@ -12,10 +12,10 @@ export const FORM_NODE = () => {
     },
     buttonProps: {
       bannerSpacing: {
-        left: 12,
-        right: 12,
-        top: 12,
-        bottom: 12
+        left: 24,
+        right: 24,
+        top: 4,
+        bottom: 4
       }
     },
     workflow: [],

package/dist/Editor/utils/formfield.js

@@ -22,8 +22,14 @@ export const formField = data => {
     },
     fontFamily: data?.fontFamily ? data?.fontFamily : "",
     textSize: data?.textSize ? data?.textSize : "",
-    textColor: data?.textColor ? data?.textColor : "",
-    fontWeight: data?.fontWeight ? data?.fontWeight : "500"
+    textColor: data?.textColor && `${data?.textColor} !important`,
+    fontWeight: data?.fontWeight ? data?.fontWeight : "500",
+    borderRadius: {
+      topLeft: 8,
+      topRight: 8,
+      bottomLeft: 8,
+      bottomRight: 8
+    }
   };
 };
 export const insertGridItem = editor => {

package/package.json

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