@flozy/editor 5.5.6 → 5.5.8

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

@@ -3,8 +3,6 @@ import { Grid, Button, Typography, Select, MenuItem, TextField } from "@mui/mate
 import CloudUploadIcon from "@mui/icons-material/CloudUpload";
 import { convertBase64 } from "../../../utils/helper";
 import { uploadFile } from "../../../service/fileupload";
-import { useEditorContext } from "../../../hooks/useMouseMove";
-import useCommonStyle from "../../../commonStyle";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -32,10 +30,6 @@ const SaveAsTemplate = props => {
   });
   const [base64, setBase64] = useState(value);
   const [uploading, setUploading] = useState(false);
-  const {
-    theme
-  } = useEditorContext();
-  const classes = useCommonStyle(theme);
   const handleChange = async e => {
     const file = e.target.files[0];
     const strImage = await convertBase64(file);
@@ -82,9 +76,6 @@ const SaveAsTemplate = props => {
     onSaveTemplate(formData, params);
     handleClose();
   };
-  if (!onSaveTemplate) {
-    return null;
-  }
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Grid, {
       item: true,
@@ -158,14 +149,9 @@ const SaveAsTemplate = props => {
       justifyContent: "space-between",
       alignItems: "center",
       children: [/*#__PURE__*/_jsxs(Button, {
-        component: "label"
-        // variant="contained"
-        ,
-        className: "gradientFillBtn",
+        component: "label",
+        variant: "contained",
         startIcon: /*#__PURE__*/_jsx(CloudUploadIcon, {}),
-        sx: {
-          ...classes.gradientFillBtn
-        },
         children: ["Upload file", /*#__PURE__*/_jsx("input", {
           type: "file",
           style: {
@@ -208,14 +194,12 @@ const SaveAsTemplate = props => {
       },
       className: "action-btn-wrpr",
       children: [/*#__PURE__*/_jsx(Button, {
-        className: "savebtn gradientFillBtn",
+        className: "savebtn",
         onClick: handleSave,
         sx: {
-          fontWeight: 700,
-          ...classes.gradientFillBtn
-        }
-        // variant="contained"
-        ,
+          fontWeight: 700
+        },
+        variant: "contained",
         children: saveText
       }), closeText ? /*#__PURE__*/_jsx(Button, {
         className: "closebtn",

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

@@ -1,8 +1,5 @@
 import React, { useEffect, useState, useRef } from "react";
-import { Grid, Checkbox, FormControlLabel, FormHelperText, IconButton } from "@mui/material";
-import useCommonStyle from "../../../commonStyle";
-import { useEditorContext } from "../../../hooks/useMouseMove";
-import { CheckedBoxCheckIcon } from "../../iconListV2";
+import { Grid, Checkbox, FormControlLabel, FormHelperText } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const SelectBox = props => {
@@ -18,10 +15,6 @@ const SelectBox = props => {
   } = data;
   const [checkedValue, setCheckedValue] = useState(false);
   const isFirstRender = useRef(true);
-  const {
-    theme
-  } = useEditorContext();
-  const classes = useCommonStyle(theme);
   useEffect(() => {
     if (isFirstRender.current && elementProps.element === "email" && value === undefined) {
       setCheckedValue(true);
@@ -42,22 +35,10 @@ const SelectBox = props => {
       marginBottom: "12px"
     },
     children: [/*#__PURE__*/_jsx(FormControlLabel, {
-      className: "ccheckbox-primary",
-      sx: {
-        ...classes.customCheckBox
-      },
       control: /*#__PURE__*/_jsx(Checkbox, {
         value: value,
         checked: checkedValue,
-        onChange: handleChange,
-        className: "checkBox",
-        checkedIcon: /*#__PURE__*/_jsx(IconButton, {
-          className: "checkedIcon",
-          children: /*#__PURE__*/_jsx(CheckedBoxCheckIcon, {})
-        }),
-        icon: /*#__PURE__*/_jsx(IconButton, {
-          className: "unCheckedIcon"
-        })
+        onChange: handleChange
       }),
       label: placeholder
     }), /*#__PURE__*/_jsx(FormHelperText, {

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

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

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

@@ -5,9 +5,6 @@ import useWindowResize from "../../../hooks/useWindowResize";
 import { useEditorContext } from "../../../hooks/useMouseMove";
 import FontFamilyAutocomplete from "../../../Toolbar/FormatTools/FontFamilyAutocomplete";
 import { useSlate } from "slate-react";
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-
-// hideMetaDataOptions -- pass true to hide metadata option in select field 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -29,8 +26,7 @@ const TextOptions = props => {
     options,
     renderOption,
     width,
-    webFont = false,
-    hideMetaDataOptions = false
+    webFont = false
   } = data;
   const {
     fontFamilies
@@ -39,7 +35,7 @@ const TextOptions = props => {
   const [size] = useWindowResize();
   const value = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
   const metaDataMappingOptions = metaMappings?.boards || [];
-  const updatedOption = !hideMetaDataOptions && elementProps?.metadatamapping ? [...options, ...metaDataMappingOptions] : webFont ? fontFamilies?.options : options;
+  const updatedOption = elementProps?.metadatamapping ? [...options, ...metaDataMappingOptions] : webFont ? fontFamilies?.options : options;
   const handleChange = (e, d) => {
     if (isBreakpoint) {
       onChange({
@@ -91,12 +87,6 @@ const TextOptions = props => {
             marginBottom: "16px"
           },
           sx: classes.textOptions,
-          IconComponent: KeyboardArrowDownRoundedIcon,
-          MenuProps: {
-            sx: {
-              ...classes.textOptionsList
-            }
-          },
           children: updatedOption?.map((m, i) => {
             return m?.value === "listSubHeader" ? /*#__PURE__*/_jsx(ListSubheader, {
               children: m?.label

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

@@ -1,287 +1,168 @@
-import { fontOptions, fontWeightOptions } from "../../utils/font";
+import { fontOptions } from "../../utils/font";
 import Icon from "../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const formStyle = [{
-  tab: "Form Settings",
-  value: "FormSetting",
-  hasChildrenTabs: true,
+const formStyle = [{
+  tab: "General",
+  value: "general",
   fields: [{
-    tab: "General",
-    value: "general",
-    fields: [{
-      label: "Form Name",
-      key: "formName",
-      type: "text"
-    }, {
-      label: "Send Form to Email",
-      key: "email",
-      type: "text",
-      placeholder: "Enter Email to send the response..."
-    }, {
-      label: "Save Response",
-      key: "saveResponse",
-      type: "selectBox",
-      placeholder: "Save Response"
-    }]
+    label: "Form Name",
+    key: "formName",
+    type: "text"
   }, {
-    tab: "Form Title",
-    value: "formTitle",
-    fields: [{
-      label: "Title",
-      key: "formTitle",
-      type: "text"
-    }, {
-      label: "Font Family",
-      key: "fontFamily",
-      type: "textOptions",
-      hideMetaDataOptions: true,
-      options: fontOptions,
-      webFont: true,
-      width: 7,
-      renderOption: option => {
-        return /*#__PURE__*/_jsx("span", {
-          style: {
-            fontFamily: option.value
-          },
-          children: option.text
-        });
-      }
-    }, {
-      label: "Font Size",
-      key: "textSize",
-      type: "fontSize",
-      width: 5,
-      placeholder: "16px"
-    }, {
-      label: "Text Align",
-      key: "textAlign",
-      type: "textAlign",
-      placeholder: "16px or 1em"
-    }]
+    label: "Send Form to Email",
+    key: "email",
+    type: "text",
+    placeholder: "Enter Email to send the response..."
   }, {
-    tab: "Banner Spacing",
-    value: "bannerSpacing",
-    fields: [{
-      label: "Banner Spacing",
-      key: "bannerSpacing",
-      type: "bannerSpacing"
-    }]
+    label: "Save Response",
+    key: "saveResponse",
+    type: "selectBox",
+    placeholder: "Save Response"
+  }]
+}, {
+  tab: "Form Title",
+  value: "formTitle",
+  fields: [{
+    label: "Title",
+    key: "formTitle",
+    type: "text"
   }, {
-    tab: "Border",
-    value: "border",
-    fields: [{
-      label: "Border Radius",
-      key: "borderRadius",
-      type: "borderRadius"
-    }, {
-      label: "Border Width",
-      key: "borderWidth",
-      type: "text",
-      placeholder: "1px"
-    }, {
-      label: "Border Style",
-      key: "borderStyle",
-      type: "textOptions",
-      hideMetaDataOptions: true,
-      options: [{
-        text: "Solid",
-        value: "solid"
-      }, {
-        text: "Dotted",
-        value: "dotted"
-      }, {
-        text: "Dashed",
-        value: "dashed"
-      }],
-      renderOption: option => {
-        return /*#__PURE__*/_jsx("span", {
-          children: option.text
-        });
-      }
-    }]
+    label: "Font Family",
+    key: "fontFamily",
+    type: "textOptions",
+    options: fontOptions,
+    webFont: true,
+    width: 7,
+    renderOption: option => {
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          fontFamily: option.value
+        },
+        children: option.text
+      });
+    }
   }, {
-    tab: "Colors",
-    value: "colors",
-    fields: [{
-      label: "Text Color",
-      key: "textColor",
-      type: "color",
-      needPreview: true
-    }, {
-      label: "Background Color",
-      key: "bgColor",
-      type: "color"
-    }, {
-      label: "Border Color",
-      key: "borderColor",
-      type: "color"
-    }]
+    label: "Font Size",
+    key: "textSize",
+    type: "fontSize",
+    width: 5,
+    placeholder: "16px"
+  }, {
+    label: "Text Align",
+    key: "textAlign",
+    type: "textAlign",
+    placeholder: "16px or 1em"
+  }]
+}, {
+  tab: "Banner Spacing",
+  value: "bannerSpacing",
+  fields: [{
+    label: "Banner Spacing",
+    key: "bannerSpacing",
+    type: "bannerSpacing"
+  }]
+}, {
+  tab: "Border",
+  value: "border",
+  fields: [{
+    label: "Border Radius",
+    key: "borderRadius",
+    type: "borderRadius"
   }, {
-    tab: "Position",
-    value: "position",
-    fields: [{
-      label: "Set Postion (Vertical & Horizantal)",
-      key: "alignment",
-      type: "alignment"
-    }]
+    label: "Border Width",
+    key: "borderWidth",
+    type: "text",
+    placeholder: "1px"
   }, {
-    tab: "Background",
-    value: "backgroundImage",
-    fields: [{
-      label: "URL",
-      key: "backgroundImage",
-      type: "text"
+    label: "Border Style",
+    key: "borderStyle",
+    type: "textOptions",
+    options: [{
+      text: "Solid",
+      value: "solid"
     }, {
-      label: "Background Image",
-      key: "backgroundImage",
-      type: "backgroundImage"
-    }]
-  }, {
-    tab: "Add to Boards",
-    value: "metadatamapping",
-    fields: [{
-      label: "Add response to contacts board",
-      key: "metadatamapping",
-      type: "metadatamapping",
-      compType: "card",
-      content: "By default, form responses are added as separate cards on the default contact board.",
-      value: "mappingToContactBoard",
-      infoIcon: /*#__PURE__*/_jsx(Icon, {
-        icon: "info"
-      })
+      text: "Dotted",
+      value: "dotted"
     }, {
-      label: "Create a separate board",
-      key: "metadatamapping",
-      type: "metadatamapping",
-      compType: "card",
-      content: "By default, form responses are added as separate cards on a new board (Contact Us).",
-      value: "mappingToSeparateBoard",
-      infoIcon: /*#__PURE__*/_jsx(Icon, {
-        icon: "info"
-      })
-    }]
-  }, {
-    tab: "Save As Template",
-    value: "saveAsTemplate",
-    needActions: false,
-    hideOnFGS: true,
-    fields: [{
-      label: "Template Image",
-      key: "saveAsTemplate",
-      type: "saveAsTemplate"
-    }]
+      text: "Dashed",
+      value: "dashed"
+    }],
+    renderOption: option => {
+      return /*#__PURE__*/_jsx("span", {
+        children: option.text
+      });
+    }
   }]
 }, {
-  tab: "Field Settings",
-  value: "FieldSetting",
-  hasChildrenTabs: true,
+  tab: "Colors",
+  value: "colors",
   fields: [{
-    tab: "Font Family",
-    value: "FontFamily",
-    fields: [{
-      label: "Font Family",
-      key: "fieldFontFamily",
-      type: "textOptions",
-      hideMetaDataOptions: true,
-      options: fontOptions,
-      webFont: true,
-      renderOption: option => {
-        return /*#__PURE__*/_jsx("span", {
-          style: {
-            fontFamily: option.value
-          },
-          children: option.text
-        });
-      }
-    }]
-  }, {
-    tab: "Font Weight",
-    value: "FontWeight",
-    fields: [{
-      label: "Font Weight",
-      key: "fieldFontWeight",
-      type: "textOptions",
-      width: 5,
-      options: fontWeightOptions,
-      hideMetaDataOptions: true,
-      renderOption: option => {
-        return /*#__PURE__*/_jsx("span", {
-          style: {
-            fontWeight: option.value
-          },
-          children: option.text
-        });
-      }
-    }]
-  }, {
-    tab: "Font Size",
-    value: "FontSize",
-    fields: [{
-      label: "Font Size",
-      key: "fieldTextSize",
-      type: "fontSize",
-      width: 5,
-      placeholder: "16px"
-    }]
+    label: "Text Color",
+    key: "textColor",
+    type: "color",
+    needPreview: true
   }, {
-    tab: "Text Color",
-    value: "TextColor",
-    fields: [{
-      label: "Text Color",
-      key: "fieldTextColor",
-      type: "color",
-      needPreview: true
-    }]
+    label: "Background Color",
+    key: "bgColor",
+    type: "color"
   }, {
-    tab: "Background Color",
-    value: "BackgroundColor",
-    fields: [{
-      label: "Background Color",
-      key: "fieldBgColor",
-      type: "color"
-    }]
-  }, {
-    tab: "Border Color",
-    value: "BorderColor",
-    fields: [{
-      label: "Border Color",
-      key: "fieldBorderColor",
-      type: "color"
-    }]
+    label: "Border Color",
+    key: "borderColor",
+    type: "color"
+  }]
+}, {
+  tab: "Position",
+  value: "position",
+  fields: [{
+    label: "Set Postion (Vertical & Horizantal)",
+    key: "alignment",
+    type: "alignment"
+  }]
+}, {
+  tab: "Background",
+  value: "backgroundImage",
+  fields: [{
+    label: "URL",
+    key: "backgroundImage",
+    type: "text"
   }, {
-    tab: "Border Width",
-    value: "BorderWidth",
-    fields: [{
-      label: "Border Width",
-      key: "fieldBorderWidth",
-      type: "text",
-      width: 5,
-      placeholder: "1px"
-    }]
+    label: "Background Image",
+    key: "backgroundImage",
+    type: "backgroundImage"
+  }]
+}, {
+  tab: "Add to Boards",
+  value: "metadatamapping",
+  fields: [{
+    label: "Add response to contacts board",
+    key: "metadatamapping",
+    type: "metadatamapping",
+    compType: "card",
+    content: "By default, form responses are added as separate cards on the default contact board.",
+    value: "mappingToContactBoard",
+    infoIcon: /*#__PURE__*/_jsx(Icon, {
+      icon: "info"
+    })
   }, {
-    tab: "Border Style",
-    value: "BorderStyle",
-    fields: [{
-      label: "Border Style",
-      key: "fieldBorderStyle",
-      type: "textOptions",
-      hideMetaDataOptions: true,
-      width: 5,
-      options: [{
-        text: "Solid",
-        value: "solid"
-      }, {
-        text: "Dotted",
-        value: "dotted"
-      }, {
-        text: "Dashed",
-        value: "dashed"
-      }],
-      renderOption: option => {
-        return /*#__PURE__*/_jsx("span", {
-          children: option.text
-        });
-      }
-    }]
+    label: "Create a separate board",
+    key: "metadatamapping",
+    type: "metadatamapping",
+    compType: "card",
+    content: "By default, form responses are added as separate cards on a new board (Contact Us).",
+    value: "mappingToSeparateBoard",
+    infoIcon: /*#__PURE__*/_jsx(Icon, {
+      icon: "info"
+    })
+  }]
+}, {
+  tab: "Save As Template",
+  value: "saveAsTemplate",
+  needActions: false,
+  hideOnFGS: true,
+  fields: [{
+    label: "Template Image",
+    key: "saveAsTemplate",
+    type: "saveAsTemplate"
   }]
-}];
+}];
+export default formStyle;