@flozy/editor 4.8.0 → 4.8.1

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

@@ -81,7 +81,6 @@ const Link = props => {
     const btnProps = handleLinkType(urlPath, linkType, true, showInNewTab === "_blank");
     const navType = getLinkType(linkType, urlPath);
     const hideOpenLink = navType === "page" || !navType;
-    console.log("linkType", linkType, navType, hideOpenLink);
     return selected && focused ? /*#__PURE__*/_jsxs("div", {
       className: "element-toolbar hr",
       contentEditable: false,
@@ -117,7 +116,6 @@ const Link = props => {
     }) : null;
   };
   const buttonProps = handleLinkType(urlPath, linkType, readOnly, showInNewTab === "_blank");
-  console.log("buttonProps===>", buttonProps);
   return /*#__PURE__*/_jsxs("div", {
     className: "link",
     children: [/*#__PURE__*/_jsx(Box, {

package/dist/Editor/Styles/EditorStyles.js

@@ -286,7 +286,7 @@ const editorStyles = ({
       }
     },
     "& ::selection": {
-      color: "black",
+      color: "inherit",
       background: "#EAEBFE"
     }
   },

package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js

@@ -13,6 +13,7 @@ import PopperHeader from "../PopperHeader";
 import MiniColorPicker from "./MiniColorPicker";
 import SelectAlignment from "./SelectAlignment";
 import SelectFontSize from "./SelectFontSize";
+import InfinityAITool from "./InfinityAITool";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_COLOR = {
@@ -49,7 +50,7 @@ const MiniTextFormat = props => {
       xs: 12,
       children: /*#__PURE__*/_jsxs("div", {
         className: "toolWrapper",
-        children: [/*#__PURE__*/_jsx(SelectTypography, {
+        children: [customProps?.hideTools?.includes("infinityAI") ? null : /*#__PURE__*/_jsx(InfinityAITool, {}), /*#__PURE__*/_jsx(SelectTypography, {
           classes: classes,
           editor: editor,
           closeMainPopup: closeMainPopup

package/dist/Editor/common/FontLoader/FontLoader.js

@@ -84,7 +84,8 @@ const FontLoader = props => {
       });
       let families = Array.from(fontSet);
       families = correctFontArray(families.join(", "));
-      families = families.map(font => font.replace(/\"/g, ""));
+      families = families?.map(font => font?.replace(/\"/g, ""));
+      families = families?.map(font => font?.replace(", sans-serif", "")); //This is temporary fix for patch
       loadFontsInBatches(families);
     }
   }, []);

package/dist/Editor/common/RnD/ElementSettings/OtherSettings/SaveAsTemplate.js

@@ -1,5 +1,4 @@
 import React from "react";
-import { Node } from "slate";
 import { Dialog, DialogContent, DialogTitle, IconButton } from "@mui/material";
 import SaveAsTemplate from "../../../StyleBuilder/fieldTypes/saveAsTemplate";
 import { CloseIcon } from "../../../iconslist";

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

@@ -12,7 +12,7 @@ const Settings = props => {
     childType,
     open,
     anchorEl,
-    placement,
+    // placement,
     onClose,
     editor,
     classes,

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

@@ -1,10 +1,12 @@
 import React from "react";
 import { Transforms, Node } from "slate";
-import { Box } from "@mui/material";
+import { Accordion, AccordionDetails, AccordionSummary, Box, createTheme, ThemeProvider, Typography } 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 { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const FormSettings = props => {
   const {
     editor,
@@ -14,7 +16,10 @@ 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?.filter(f => !f?.hideOnFGS);
+  const styleMaps = formStyle;
+  const {
+    hideTools
+  } = customProps || {};
   const onChange = data => {
     const currentPath = ReactEditor.findPath(editor, element);
     const updateData = {
@@ -26,23 +31,150 @@ 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: {
+            padding: "0px",
+            "&.Mui-expanded": {
+              margin: "0"
+            }
+          }
+        },
+        defaultProps: {
+          elevation: 0
+        }
+      }
+    }
+  });
   return /*#__PURE__*/_jsx(Box, {
     component: "div",
     className: "item-w",
     children: styleMaps?.map((m, 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}`);
+      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: "h3",
+                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(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: "h3",
+                        className: "settingsHeader",
+                        color: "primary",
+                        style: {
+                          fontSize: "14px !important",
+                          fontWeight: "400"
+                        },
+                        children: field?.tab
+                      })
+                    }), /*#__PURE__*/_jsx(AccordionDetails, {
+                      sx: {
+                        padding: "0px"
+                      },
+                      children: /*#__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_${index}`)
+                }, index);
+              })
+            })]
+          }, `accordion_${i}`)
+        }, i);
+      } else {
+        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: "h3",
+                className: "settingsHeader",
+                color: "primary",
+                style: {
+                  fontSize: "14px !important",
+                  fontWeight: "400"
+                },
+                children: m?.tab
+              })
+            }), /*#__PURE__*/_jsx(AccordionDetails, {
+              sx: {
+                padding: "0px"
+              },
+              children: /*#__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}`)
+            })]
+          }, `accordion_${i}`)
+        }, i);
+      }
     })
   });
 };

package/dist/Editor/common/RnD/Utils/gridDropItem.js

@@ -123,8 +123,8 @@ export function onDropItem(props, parentClass) {
       dragOver,
       parentPath,
       path,
-      diffX,
-      x: cx,
+      // diffX,
+      // x: cx,
       breakpoint
       // calX,
     } = props;
@@ -134,7 +134,9 @@ export function onDropItem(props, parentClass) {
     let newPath = [];
     newPath = moveTo;
     const cCalx = isContainerElement(editor, moveTo, props);
-    const posX = parseInt(cx - window.innerWidth / 2 + MARGIN_OF[breakpoint] - diffX);
+    // const posX = parseInt(
+    //   cx - window.innerWidth / 2 + MARGIN_OF[breakpoint] - diffX
+    // );
     const toSectionNode = Node.get(editor, newPath);
     const addToSectionDOM = ReactEditor.toDOMNode(editor, toSectionNode);
     const rect = addToSectionDOM.getBoundingClientRect();

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

@@ -171,14 +171,10 @@ const RnD = props => {
               anchorEl: rndRef?.current
             });
           }
-          focusSelection(editor, {
-            path
-          });
+          // focusSelection(editor, { path });temporary fix for scroll issue
           break;
         case 2:
-          focusSelection(editor, {
-            path
-          });
+          // focusSelection(editor, { path });temporary fix for scroll issue
           setSelectedElement({
             path: str_path,
             enable: EDIT_MODES.includes(childType) ? 2 : 1,

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

@@ -9,7 +9,7 @@ const embedVideoStyle = [{
   }]
 }, {
   tab: "Aspect Ratio",
-  value: "Aspect Ratio",
+  value: "AspectRatio",
   hideOnFGS: true,
   fields: [{
     label: "Aspect Ratio",

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

@@ -118,14 +118,14 @@ const SaveAsTemplate = props => {
             children: "Section"
           })
         }), /*#__PURE__*/_jsx(MenuItem, {
-          value: "Templates",
+          value: "Template",
           children: /*#__PURE__*/_jsx(Typography, {
             variant: "body1",
             color: "primary",
             sx: {
               fontSize: "14px"
             },
-            children: "Templates"
+            children: "Template"
           })
         })]
       })

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

@@ -5,6 +5,8 @@ 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";
@@ -26,7 +28,8 @@ const TextOptions = props => {
     options,
     renderOption,
     width,
-    webFont = false
+    webFont = false,
+    hideMetaDataOptions = false
   } = data;
   const {
     fontFamilies
@@ -35,7 +38,7 @@ const TextOptions = props => {
   const [size] = useWindowResize();
   const value = isBreakpoint ? getBreakPointsValue(val, size?.device) : val;
   const metaDataMappingOptions = metaMappings?.boards || [];
-  const updatedOption = elementProps?.metadatamapping ? [...options, ...metaDataMappingOptions] : webFont ? fontFamilies?.options : options;
+  const updatedOption = !hideMetaDataOptions && elementProps?.metadatamapping ? [...options, ...metaDataMappingOptions] : webFont ? fontFamilies?.options : options;
   const handleChange = (e, d) => {
     if (isBreakpoint) {
       onChange({