@flozy/editor 5.3.6 → 5.3.8

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

@@ -97,7 +97,7 @@ const MentionsPopup = /*#__PURE__*/forwardRef((props, ref) => {
         id: `cmd-li-ind-${index}}`,
         component: "div",
         onClick: handleClick(char, i),
-        className: `${type !== 'elements' && i === index ? "active" : " "} ${char.renderComponent ? "renderComp" : ""}`,
+        className: `${i === index ? "active" : " "} ${char.renderComponent ? "renderComp" : ""}`,
         sx: classes.listItem,
         ref: i === index ? papperRef : null,
         children: char.renderComponent ? char.renderComponent({

package/dist/Editor/common/RnD/ElementSettings/Settings/FormSettings.js

@@ -1,13 +1,10 @@
 import React from "react";
 import { Transforms, Node } from "slate";
-import { Accordion, AccordionDetails, AccordionSummary, Box, createTheme, ThemeProvider, Typography } from "@mui/material";
+import { Box } from "@mui/material";
 import { StyleContent } from "../../../StyleBuilder";
-import { formStyle } from "../../../StyleBuilder/formStyle";
+import formStyle from "../../../StyleBuilder/formStyle";
 import { ReactEditor } from "slate-react";
-import { ExpandMoreOutlined } from "@mui/icons-material";
-import { useEditorContext } from "../../../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const FormSettings = props => {
   const {
     editor,
@@ -17,13 +14,7 @@ const FormSettings = props => {
   const item_path = path?.split("|").map(m => parseInt(m));
   const element_path = [...item_path];
   const element = Node.get(editor, element_path);
-  const styleMaps = formStyle;
-  const {
-    hideTools
-  } = customProps || {};
-  const {
-    theme
-  } = useEditorContext();
+  const styleMaps = formStyle?.filter(f => !f?.hideOnFGS);
   const onChange = data => {
     const currentPath = ReactEditor.findPath(editor, element);
     const updateData = {
@@ -35,109 +26,23 @@ const FormSettings = props => {
     }, {
       at: [...currentPath, 0]
     });
-    // adding form field style to the current form node
-    const currentNode = Node.get(editor, element_path);
-    if (currentNode) {
-      currentNode?.children[0]?.children?.forEach((item, index) => {
-        Transforms.setNodes(editor, {
-          bgColor: data?.fieldBgColor ? data?.fieldBgColor : item?.bgColor,
-          borderColor: data?.fieldBorderColor ? data?.fieldBorderColor : item?.borderColor,
-          borderStyle: data?.fieldBorderStyle ? data?.fieldBorderStyle : item?.borderStyle,
-          borderWidth: data?.fieldBorderWidth ? data?.fieldBorderWidth : item?.borderWidth,
-          textColor: data?.fieldTextColor ? data?.fieldTextColor : item?.textColor,
-          fontFamily: data?.fieldFontFamily ? data?.fieldFontFamily : item?.fontFamily,
-          textSize: data?.fieldTextSize ? data?.fieldTextSize : item?.textSize,
-          fontWeight: data?.fieldFontWeight ? data?.fieldFontWeight : item?.fontWeight
-        }, {
-          at: [...currentPath, 0, index]
-        });
-      });
-    }
   };
   const handleClose = () => {
     console.log("close");
   };
-  const muiTheme = createTheme({
-    components: {
-      MuiAccordion: {
-        styleOverrides: {
-          root: {
-            "& .MuiAccordionSummary-root": {
-              flexDirection: "row-reverse",
-              "& .MuiSvgIcon-root": {
-                color: theme?.palette?.primary?.main
-              },
-              "& .Mui-expanded": {
-                "& .MuiSvgIcon-root": {
-                  color: theme?.palette?.text?.blueText
-                }
-              }
-            },
-            padding: "0px",
-            "&.Mui-expanded": {
-              margin: "0"
-            }
-          }
-        },
-        defaultProps: {
-          elevation: 0
-        }
-      }
-    }
-  });
   return /*#__PURE__*/_jsx(Box, {
     component: "div",
     className: "item-w",
     children: styleMaps?.map((m, i) => {
-      if (m?.hasChildrenTabs) {
-        return /*#__PURE__*/_jsx(ThemeProvider, {
-          theme: muiTheme,
-          children: /*#__PURE__*/_jsxs(Accordion, {
-            defaultExpanded: true,
-            children: [/*#__PURE__*/_jsx(AccordionSummary, {
-              expandIcon: /*#__PURE__*/_jsx(ExpandMoreOutlined, {}),
-              sx: {
-                padding: "0px"
-              },
-              children: /*#__PURE__*/_jsx(Typography, {
-                variant: "body1",
-                className: "settingsHeader",
-                color: "primary",
-                style: {
-                  fontSize: "14px !important",
-                  fontWeight: "400"
-                },
-                children: m?.tab
-              })
-            }), /*#__PURE__*/_jsx(AccordionDetails, {
-              sx: {
-                padding: "5px"
-              },
-              children: m?.fields.filter(f => (hideTools || []).indexOf(f.value) === -1).map((field, index) => {
-                return /*#__PURE__*/_jsx(StyleContent, {
-                  renderTabs: [field],
-                  value: field.value,
-                  element: element,
-                  onChange: onChange,
-                  customElement: element?.children?.[0] || null,
-                  customProps: customProps,
-                  handleClose: handleClose
-                }, `tab_${field.value}_${index}`);
-              })
-            })]
-          }, `accordion_${i}`)
-        }, i);
-      } else {
-        return /*#__PURE__*/_jsx(StyleContent, {
-          renderTabs: styleMaps,
-          value: m.value,
-          element: element,
-          customElement: element?.children?.[0] || null,
-          onChange: onChange,
-          customProps: customProps,
-          handleClose: handleClose
-        }, `tab_${m.value}_$${i}`);
-      }
+      return /*#__PURE__*/_jsx(StyleContent, {
+        renderTabs: styleMaps,
+        value: m.value,
+        element: element,
+        customElement: element?.children?.[0] || null,
+        onChange: onChange,
+        customProps: customProps,
+        handleClose: handleClose
+      }, `tab_${m.value}_$${i}`);
     })
   });
 };

package/dist/Editor/common/RnD/VirtualElement/index.js

@@ -141,11 +141,7 @@ const VirtualElement = props => {
     sx: classes.root,
     dangerouslySetInnerHTML: {
       __html: getItems()
-    },
-    style: {
-      visibility: "hidden"
-    },
-    "aria-hidden": "true"
+    }
   });
 };
 export default VirtualElement;

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

@@ -533,7 +533,7 @@ const RnD = props => {
       children: [/*#__PURE__*/_jsx("div", {
         id: `opt_ref_${str_path}`,
         style: {
-          display: readOnly ? "none" : "block",
+          display: "block",
           position: "absolute",
           left: "-8px",
           top: "-30px",

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

@@ -135,8 +135,7 @@ const BannerSpacing = props => {
                 value: pro_value?.top,
                 className: "borderInput removeScroll",
                 style: {
-                  ...squreStyle.topRight,
-                  ...classes.customPaddingInput
+                  ...squreStyle.topRight
                 },
                 onChange: handleChange,
                 placeholder: "0"
@@ -149,8 +148,7 @@ const BannerSpacing = props => {
                 value: pro_value?.right,
                 className: "borderInput removeScroll",
                 style: {
-                  ...squreStyle.bottomLeft,
-                  ...classes.customPaddingInput
+                  ...squreStyle.bottomLeft
                 },
                 onChange: handleChange,
                 placeholder: "0"
@@ -163,8 +161,7 @@ const BannerSpacing = props => {
                 value: pro_value?.bottom,
                 className: "borderInput removeScroll",
                 style: {
-                  ...squreStyle.bottomRight,
-                  ...classes.customPaddingInput
+                  ...squreStyle.bottomRight
                 },
                 onChange: handleChange,
                 placeholder: "0"
@@ -177,8 +174,7 @@ const BannerSpacing = props => {
                 value: pro_value?.left,
                 className: "borderInput removeScroll",
                 style: {
-                  ...squreStyle.topLeft,
-                  ...classes.customPaddingInput
+                  ...squreStyle.topLeft
                 },
                 onChange: handleChange,
                 placeholder: "0"

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

@@ -61,7 +61,7 @@ export const squreStyle = {
     margin: "auto",
     // borderTop: `2px solid #2563eb`,
     // borderLeft: `2px solid #2563eb`,
-    // border: `1px solid transparent`,
+    border: `none`,
     // borderBottom: `none`,
     fontSize: "14px",
     textAlign: "center"
@@ -76,8 +76,8 @@ export const squreStyle = {
     height: "30px",
     // borderTop: `2px solid #2563eb`,
     // borderRight: `2px solid #2563eb`,
-    // border: `none`,
-    // borderLeft: `none`,
+    border: `none`,
+    borderLeft: `none`,
     fontSize: "14px"
   },
   bottomLeft: {
@@ -90,8 +90,8 @@ export const squreStyle = {
     height: "30px",
     // borderBottom: `2px solid #2563eb`,
     // borderLeft: `2px solid #2563eb`,
-    // border: `none`,
-    // borderTop: `none`,
+    border: `none`,
+    borderTop: `none`,
     fontSize: "14px"
   },
   bottomRight: {
@@ -104,8 +104,8 @@ export const squreStyle = {
     height: "30px",
     // borderBottom: `2px solid #2563eb`,
     // borderRight: `2px solid #2563eb`,
-    // border: "none",
-    // borderLeft: "none",
+    border: "none",
+    borderLeft: "none",
     fontSize: "14px"
   }
 };

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

@@ -5,8 +5,6 @@ import useWindowResize from "../../../hooks/useWindowResize";
 import { useEditorContext } from "../../../hooks/useMouseMove";
 import FontFamilyAutocomplete from "../../../Toolbar/FormatTools/FontFamilyAutocomplete";
 import { useSlate } from "slate-react";
-
-// 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";
@@ -28,8 +26,7 @@ const TextOptions = props => {
     options,
     renderOption,
     width,
-    webFont = false,
-    hideMetaDataOptions = false
+    webFont = false
   } = data;
   const {
     fontFamilies
@@ -38,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({