@flozy/editor 4.0.3 → 4.0.4

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

@@ -10,6 +10,7 @@ import { TableUtil } from "../../utils/table";
 import Icon from "../Icon";
 import EmojiButton from "../../Elements/Emoji/EmojiButton";
 import { insertDivider } from "../../utils/divider";
+import { insertFreeGrid } from "../../utils/freegrid";
 import { Transforms } from "slate";
 import { insertInfinityAI } from "../../utils/infinityAI";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -125,15 +126,6 @@ const ELEMENTS_LIST = [{
     icon: "calenderNewIcon"
   }),
   onInsert: editor => insertDefaultEmbed(editor, "calendly", "")
-}, {
-  name: "Emoji",
-  group: "Elements",
-  desc: "",
-  type: "emoji",
-  renderComponent: rest => /*#__PURE__*/_jsx(EmojiButton, {
-    ...rest,
-    icoBtnType: "cmd"
-  })
 }, {
   name: "Table",
   group: "Elements",
@@ -146,6 +138,15 @@ const ELEMENTS_LIST = [{
     const table = new TableUtil(editor);
     table.insertTable(3, 3);
   }
+}, {
+  name: "Emoji",
+  group: "Elements",
+  desc: "",
+  type: "emoji",
+  renderComponent: rest => /*#__PURE__*/_jsx(EmojiButton, {
+    ...rest,
+    icoBtnType: "cmd"
+  })
 }, {
   name: "Divider",
   group: "Elements",
@@ -168,6 +169,17 @@ const ELEMENTS_LIST = [{
   onInsert: editor => {
     insertGrid(editor);
   }
+}, {
+  name: "Free Grid",
+  group: "Elements",
+  desc: "",
+  type: "freegrid",
+  icon: /*#__PURE__*/_jsx(Icon, {
+    icon: "freegrid"
+  }),
+  onInsert: editor => {
+    insertFreeGrid(editor);
+  }
 }, {
   name: "Accordion",
   group: "Elements",

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

@@ -0,0 +1,30 @@
+const boxStyle = [{
+  tab: "Colors",
+  value: "sectionColors",
+  fields: [{
+    label: "Background Color",
+    key: "sectionBgColor",
+    type: "color"
+  }]
+}, {
+  tab: "Background",
+  value: "sectionBackgroundImage",
+  fields: [{
+    label: "Background Image URL",
+    key: "sectionBackgroundImage",
+    type: "text"
+  }, {
+    label: "Background Image",
+    key: "sectionBackgroundImage",
+    type: "backgroundImage"
+  }]
+}, {
+  tab: "Border",
+  value: "sectionBorderRadius",
+  fields: [{
+    label: "Border",
+    key: "sectionBorderRadius",
+    type: "borderRadius"
+  }]
+}];
+export default boxStyle;

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

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 import { Checkbox, FormControlLabel, Grid, Slider, Typography, Box } from "@mui/material";
 import { squreStyle } from "./radiusStyle";
 import { getBreakPointsValue } from "../../../helper/theme";
@@ -23,7 +23,11 @@ const BannerSpacing = props => {
     lockSpacing = true;
   }
   const [size] = useWindowResize();
-  const value = getBreakPointsValue(val, size?.device);
+  const pro_value = getBreakPointsValue(val, size?.device);
+  const [value, setValue] = useState(pro_value);
+  useState(() => {
+    setValue(pro_value);
+  }, [pro_value]);
   const handleChange = e => {
     let changeAll = {};
     if (lockSpacing) {
@@ -31,13 +35,17 @@ const BannerSpacing = props => {
         changeAll[m] = e.target.value;
       });
     }
+    const up_value = {
+      ...value,
+      ...changeAll,
+      [e.target.name]: e.target.value
+    };
+    console.log(e.target.value, lockSpacing, changeAll, up_value, size?.device, getBreakPointsValue(val, null));
     onChange({
       [key]: {
         ...getBreakPointsValue(val, null),
         [size?.device]: {
-          ...value,
-          ...changeAll,
-          [e.target.name]: e.target.value
+          ...up_value
         }
       }
     });
@@ -78,7 +86,7 @@ const BannerSpacing = props => {
         component: "input",
         sx: classes.sapcingInput,
         name: "top",
-        value: !lockSpacing ? "" : value?.top || 0,
+        value: !lockSpacing ? "" : pro_value?.top,
         className: "sliderInput",
         disabled: !lockSpacing,
         onChange: handleChange
@@ -125,7 +133,7 @@ const BannerSpacing = props => {
               children: /*#__PURE__*/_jsx("input", {
                 type: "text",
                 name: "top",
-                value: value?.top,
+                value: pro_value?.top,
                 className: "borderInput",
                 style: {
                   ...squreStyle.topRight
@@ -137,7 +145,7 @@ const BannerSpacing = props => {
               children: /*#__PURE__*/_jsx("input", {
                 type: "text",
                 name: "right",
-                value: value?.right,
+                value: pro_value?.right,
                 className: "borderInput",
                 style: {
                   ...squreStyle.bottomLeft
@@ -149,7 +157,7 @@ const BannerSpacing = props => {
               children: /*#__PURE__*/_jsx("input", {
                 type: "text",
                 name: "bottom",
-                value: value?.bottom,
+                value: pro_value?.bottom,
                 className: "borderInput",
                 style: {
                   ...squreStyle.bottomRight
@@ -162,7 +170,7 @@ const BannerSpacing = props => {
                 type: "text",
                 name: "left",
                 className: "borderInput",
-                value: value?.left,
+                value: pro_value?.left,
                 style: {
                   ...squreStyle.topLeft
                 },

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

@@ -12,7 +12,9 @@ const SaveAsTemplate = props => {
     data,
     customProps,
     elementProps,
-    handleClose
+    handleClose,
+    saveText = "Save As Template",
+    closeText = ""
   } = props;
   const {
     onSaveTemplate
@@ -183,20 +185,31 @@ const SaveAsTemplate = props => {
         backgroundSize: "contain",
         backgroundRepeat: "no-repeat"
       }
-    }), /*#__PURE__*/_jsx(Grid, {
+    }), /*#__PURE__*/_jsxs(Grid, {
       item: true,
       xs: 12,
       style: {
         display: "flex",
         justifyContent: "center"
       },
-      children: /*#__PURE__*/_jsx(Button, {
+      className: "action-btn-wrpr",
+      children: [/*#__PURE__*/_jsx(Button, {
+        className: "savebtn",
         onClick: handleSave,
         sx: {
           fontWeight: 700
         },
-        children: "Save As Template"
-      })
+        variant: "contained",
+        children: saveText
+      }), closeText ? /*#__PURE__*/_jsx(Button, {
+        className: "closebtn",
+        onClick: handleSave,
+        sx: {
+          fontWeight: 700
+        },
+        variant: "contained",
+        children: closeText
+      }) : null]
     })]
   });
 };

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

@@ -1,10 +1,10 @@
-import React from "react";
+import React, { useState } from "react";
 import { Grid, TextField, Typography } from "@mui/material";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const Text = props => {
   const {
-    value,
+    value: pro_value,
     data,
     onChange
   } = props;
@@ -13,7 +13,9 @@ const Text = props => {
     placeholder,
     width
   } = data;
+  const [value, setValue] = useState(pro_value);
   const handleChange = e => {
+    setValue(e.target.value);
     onChange({
       [key]: e.target.value
     });

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

@@ -7,15 +7,17 @@ import { useEditorContext } from "../../hooks/useMouseMove";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-const StyleContent = props => {
+export const StyleContent = props => {
   const {
     value,
     renderTabs,
     onChange,
-    element,
+    element: propsElement,
     customProps,
-    handleClose
+    handleClose,
+    customElement
   } = props;
+  const element = customElement ? customElement : propsElement;
   const {
     hideTools
   } = customProps || {};
@@ -87,7 +89,7 @@ const StyleBuilder = props => {
       ...data,
       field_type: data?.element
     });
-    if (data?.hasOwnProperty('name')) {
+    if (data?.hasOwnProperty("name")) {
       setElementProps({
         ...elementProps,
         ...data,

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

@@ -1,4 +1,12 @@
-const gridStyle = [{
+const sectionStyle = [{
+  tab: "General",
+  value: "sectionName",
+  fields: [{
+    label: "Section Name",
+    key: "sectionName",
+    type: "text"
+  }]
+}, {
   tab: "Colors",
   value: "sectionColors",
   fields: [{
@@ -21,6 +29,7 @@ const gridStyle = [{
 }, {
   tab: "Padding",
   value: "sectionBannerSpacing",
+  hideOnFGS: true,
   fields: [{
     label: "Padding",
     key: "sectionBannerSpacing",
@@ -37,6 +46,7 @@ const gridStyle = [{
 }, {
   tab: "Position",
   value: "position",
+  hideOnFGS: true,
   fields: [{
     label: "Set Postion (Vertical & Horizantal)",
     key: "sectionAlignment",
@@ -45,10 +55,11 @@ const gridStyle = [{
 }, {
   tab: "Size",
   value: "gridSize",
+  hideOnFGS: true,
   fields: [{
     label: "Width Size",
     key: "sectionGridSize",
     type: "gridSize"
   }]
 }];
-export default gridStyle;
+export default sectionStyle;