@flozy/editor 5.1.3 → 5.1.4

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,110 +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: {
-            background: theme?.palette?.editor?.miniToolBarBackground,
-            "& .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/SwitchViewport/SwitchViewport.js

@@ -3,35 +3,24 @@ import PersonalVideoIcon from "@mui/icons-material/PersonalVideo";
 import PhoneIphoneIcon from "@mui/icons-material/PhoneIphone";
 import useSwitchViewport from "./styles";
 import { useEffect } from "react";
-import { useEditorContext } from "../../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const SwitchViewport = props => {
   const {
     breakpoint,
-    onChange,
-    show
+    onChange
   } = props;
   const classes = useSwitchViewport();
-  const {
-    setSelectedElement,
-    setActiveBreakPoint
-  } = useEditorContext();
   useEffect(() => {
-    // to reset selection on viewport changes - FS-6589
-    setSelectedElement({});
+    console.log(breakpoint);
   }, [breakpoint]);
   return /*#__PURE__*/_jsxs(Box, {
     sx: classes.root,
-    style: {
-      display: show ? "block" : "none"
-    },
     children: [/*#__PURE__*/_jsx(Tooltip, {
       title: "Desktop View",
       children: /*#__PURE__*/_jsx(IconButton, {
         className: `${!breakpoint || breakpoint === "lg" ? "active" : ""}`,
         onClick: () => {
-          setActiveBreakPoint("");
           onChange("");
         },
         children: /*#__PURE__*/_jsx(PersonalVideoIcon, {})
@@ -41,7 +30,6 @@ const SwitchViewport = props => {
       children: /*#__PURE__*/_jsx(IconButton, {
         className: `${breakpoint === "xs" ? "active" : ""}`,
         onClick: () => {
-          setActiveBreakPoint("xs");
           onChange("xs");
         },
         children: /*#__PURE__*/_jsx(PhoneIphoneIcon, {})

package/dist/Editor/common/Shorthands/elements.js

@@ -13,7 +13,6 @@ import { insertDivider } from "../../utils/divider";
 import { insertFreeGrid } from "../../utils/freegrid";
 import { Transforms } from "slate";
 import { insertInfinityAI } from "../../utils/infinityAI";
-import { insertDataView } from "../../utils/dataView";
 import SearchButton from "../../Elements/Search/SearchButton";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ELEMENTS_LIST = [{
@@ -159,7 +158,7 @@ const ELEMENTS_LIST = [{
   renderComponent: rest => /*#__PURE__*/_jsx(SearchButton, {
     ...rest,
     element: {
-      name: "Brain"
+      name: 'Brain'
     },
     icoBtnType: "cmd"
   })
@@ -263,17 +262,6 @@ const ELEMENTS_LIST = [{
   onInsert: editor => {
     insertInfinityAI(editor);
   }
-}, {
-  name: "Dynamic Table",
-  group: "Dynamic Table",
-  desc: "",
-  type: "dataView",
-  icon: /*#__PURE__*/_jsx(Icon, {
-    icon: "dataView"
-  }),
-  onInsert: editor => {
-    insertDataView(editor);
-  }
 }];
 const elements = props => {
   const {

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

@@ -72,11 +72,6 @@ const BackgroundImage = props => {
             children: "REMOVE"
           }) : /*#__PURE__*/_jsx(Grid, {
             className: "uploadImageText",
-            sx: {
-              padding: 0,
-              background: `${theme?.palette?.editor?.inputFieldBgColor}`,
-              border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
-            },
             children: /*#__PURE__*/_jsxs(Button, {
               component: "label",
               variant: "text",

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

@@ -1,7 +1,6 @@
 import { Box, Card, Checkbox, FormControlLabel, Grid, Tooltip, Typography } from "@mui/material";
 import React from "react";
 import Icon from "../../Icon";
-import { useEditorContext } from "../../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -16,10 +15,7 @@ const RenderCard = ({
   return /*#__PURE__*/_jsx(Card, {
     sx: {
       position: 'relative',
-      padding: "10px",
-      '& .MuiCheckbox-root svg': {
-        fill: 'unset !important'
-      }
+      padding: "10px"
     },
     children: /*#__PURE__*/_jsx(FormControlLabel, {
       control: /*#__PURE__*/_jsx(Checkbox, {
@@ -85,9 +81,6 @@ const CardsMapping = props => {
     selectedCard,
     infoIcon
   } = data;
-  const {
-    theme
-  } = useEditorContext();
   const activeCard = value === selectedCard;
   const handleChange = e => {
     if (selectedCard === data?.value) {
@@ -106,8 +99,7 @@ const CardsMapping = props => {
     sx: {
       marginBottom: "12px",
       "& .MuiPaper-root": {
-        background: theme?.palette?.editor?.miniToolBarBackground,
-        border: activeCard ? "1px solid #2563EB" : `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
+        border: activeCard ? "1px solid #2563EB" : "1px solid #C8D8FA",
         borderRadius: "8px",
         boxShadow: activeCard ? "0px 4px 16px 0px #2563EB40" : "unset"
       }

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

@@ -18,7 +18,6 @@ import FontSize from "./fontSize";
 import SelectSwitch from "./selectSwitch";
 import CardsMapping from "./card";
 import MetaDataMapping from "./metaDataMapping";
-import LineSpacing from "./lineSpacing";
 const FieldMap = {
   text: Text,
   bannerSpacing: BannerSpacing,
@@ -39,7 +38,6 @@ const FieldMap = {
   fontSize: FontSize,
   selectSwitch: SelectSwitch,
   card: CardsMapping,
-  metadatamapping: MetaDataMapping,
-  lineSpacing: LineSpacing
+  metadatamapping: MetaDataMapping
 };
 export default FieldMap;

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({