@flozy/editor 5.2.8 → 5.3.0

package/dist/Editor/Toolbar/Toolbar.js

@@ -32,7 +32,6 @@ import ColorboxButton from "../Elements/Colorbox/ColorboxButton.js";
 import DividerButton from "../Elements/Divider/DividerButton.js";
 import EmbedScript from "../Elements/EmbedScript/EmbedScript.js";
 import FreeGridButton from "../Elements/FreeGrid/FreeGridButton.js";
-import DataViewButton from "../Elements/DataView/DataViewButton.js";
 import SearchButton from "../Elements/Search/SearchButton.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -119,11 +118,6 @@ export const RenderToolbarIcon = props => {
           editor: editor,
           icoBtnType: icoBtnType
         }, element.id);
-      case "dataView":
-        return /*#__PURE__*/_jsx(DataViewButton, {
-          editor: editor,
-          icoBtnType: icoBtnType
-        }, element.id);
       case "id":
         return /*#__PURE__*/_jsx(Id, {
           editor: editor

package/dist/Editor/Toolbar/toolbarGroups.js

@@ -191,10 +191,6 @@ export const toolbarGroups = [[{
   id: 42,
   type: "table",
   group: "elements"
-}, {
-  id: 51,
-  type: "dataView",
-  group: "elements"
 }, {
   id: 48,
   format: "divider",

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

@@ -41,9 +41,9 @@ const FontLoader = props => {
             // Retry loading the same batch
             loadNextBatch();
           } else {
-            // console.log(
-            //   `Max retries reached for batch: ${batch}. Moving to the next batch.`
-            // );
+            console.log(
+              // `Max retries reached for batch: ${batch}. Moving to the next batch.`
+            );
             currentIndex += batchSize;
             retryCount = 0; // Reset retry count for the next batch
             loadNextBatch();
@@ -67,7 +67,7 @@ const FontLoader = props => {
         });
         loadFontsInBatches(families);
       }).catch(err => {
-        // console.log(err);
+        console.log(err);
       });
     } else {
       function correctFontArray(fontString) {

package/dist/Editor/common/Icon.js

@@ -11,7 +11,6 @@ import ArrowRightIcon from "@mui/icons-material/ArrowRight";
 import ArrowDropDownIcon from "@mui/icons-material/ArrowDropDown";
 import EmailRoundedIcon from "@mui/icons-material/EmailRounded";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
-import GridOnIcon from "@mui/icons-material/GridOn";
 import GppBadOutlinedIcon from "@mui/icons-material/GppBadOutlined";
 import { AccordionTextFormatIcon, BoldTextFormatIcon, BulletedListTextFormatIcon, ButtonElementIcon, CarouselElementIcon, CheckListTextFormatIcon, ColorBoxElementIcon, DividerElementIcon, DocUploadElementIcon, EmbedElementIcon, EmojiElementIcon, FormElementIcon, GridElementIcon, H1, H2, H3, ImageElementIcon, ItalicTextFormatIcon, LinkIconV2, OrderedListTextFormatIcon, SignatureElementIcon, TableElementIcon, TopBannerElementIcon, UnderlineTextFormatIcon, VideoElementIcon, CalendlyIcon, LeftAlignTextFormat, CenterAlignTextFormat, RightAlignTextFormat, JustifyTextFormat, FreeGridElement, AppHeaderElement, CodeElementIcon } from "./iconListV2";
 import MoreVertRoundedIcon from "@mui/icons-material/MoreVertRounded";
@@ -272,11 +271,6 @@ const iconList = {
   addElement: /*#__PURE__*/_jsx(AddElementIcon, {}),
   addTemplate: /*#__PURE__*/_jsx(AddTemplateIcon, {}),
   openLinkIcon: /*#__PURE__*/_jsx(OpenLinkIcon, {}),
-  dataView: /*#__PURE__*/_jsx(GridOnIcon, {
-    sx: {
-      fill: "#64748B"
-    }
-  }),
   editIcon: /*#__PURE__*/_jsx(EditIcon, {}),
   deleteIcon: /*#__PURE__*/_jsx(DeleteIcon, {}),
   brain: /*#__PURE__*/_jsx(BrainIcon, {}),

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

@@ -3,7 +3,6 @@ const usePopupStyles = theme => ({
     position: "absolute",
     zIndex: 1300,
     borderRadius: "10px",
-    // padding: "0px",
     boxShadow: "0px 4px 10px 0px #00000029",
     overflow: "hidden",
     padding: "8px 0px !important",
@@ -28,8 +27,12 @@ const usePopupStyles = theme => ({
           "&:hover": {
             borderRadius: "10px",
             background: `${theme?.palette?.editor?.menuOptionHoverBackground} !important`
+            // "& svg": {
+            //   fill: "#007bff",
+            // },
           }
         },
+
         "& .active": {
           border: "unset !important",
           "& .MuiPaper-root": {
@@ -48,7 +51,7 @@ const usePopupStyles = theme => ({
             borderRadius: "7px",
             "& svg": {
               "& path": {
-                stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor}`
+                stroke: `${theme?.palette?.editor?.menuOptionsSelectedTextColor} !important`
               }
             },
             "& span": {

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

@@ -62,7 +62,6 @@ const FormSettings = props => {
       MuiAccordion: {
         styleOverrides: {
           root: {
-            background: theme?.palette?.editor?.miniToolBarBackground,
             "& .MuiAccordionSummary-root": {
               flexDirection: "row-reverse",
               "& .MuiSvgIcon-root": {

package/dist/Editor/common/RnD/GuideLines/styles.js

@@ -22,7 +22,7 @@ const useGuideLineStyle = ({
       backgroundColor: "#FFF",
       pointerEvents: "none",
       zIndex: 1,
-      [theme?.breakpoints?.between("xs", "md")]: {
+      [theme.breakpoints.between("xs", "md")]: {
         left: "calc(50% - 160px)"
       }
     },
@@ -35,13 +35,13 @@ const useGuideLineStyle = ({
       backgroundColor: "#FFF",
       pointerEvents: "none",
       zIndex: 1,
-      [theme?.breakpoints?.between("xs", "md")]: {
+      [theme.breakpoints.between("xs", "md")]: {
         left: "calc(50% + 160px)"
       }
     },
     "& .white-wrapper": {
       overflowX: "hidden",
-      [theme?.breakpoints?.between("xs", "md")]: {
+      [theme.breakpoints.between("xs", "md")]: {
         position: "absolute",
         width: "calc(50% - 162px)",
         height: "calc(100% - 2px)",

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

@@ -10,7 +10,7 @@ const useShadowElementStyles = ({
     position: "relative",
     backgroundColor: "rgba(0,0,0,0)",
     marginLeft: `calc((100% - 980px) * 0.5)`,
-    [theme?.breakpoints?.between("xs", "md")]: {
+    [theme.breakpoints.between("xs", "md")]: {
       marginLeft: `calc((100% - 320px) * 0.5)`
     }
   }

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/RnD/Utils/gridDropItem.js

@@ -1,6 +1,5 @@
 import { Transforms, Node, Path } from "slate";
 import { ReactEditor } from "slate-react";
-import { handleNegativeInteger } from "../../../utils/helper";
 export const ROW_HEIGHT = 50;
 const MARGIN_OF = {
   xs: 160,
@@ -76,7 +75,7 @@ const reRenderChildNodes = (editor, path) => {
     console.log(err);
   }
 };
-function isContainerElement(editor, moveTopath, props, appenBp) {
+function isContainerElement(editor, moveTopath, props) {
   try {
     const {
       path,
@@ -92,7 +91,6 @@ function isContainerElement(editor, moveTopath, props, appenBp) {
       parentNode = Node.get(editor, Path.parent(dragItemPath));
     }
     const moveToNode = Node.get(editor, moveTopath);
-    const leftOfMoveToNode = moveToNode[`left${appenBp}`];
     if (moveToNode.type === "freegridBox") {
       if (parentNode.type === "freegridBox") {
         // same box
@@ -100,10 +98,10 @@ function isContainerElement(editor, moveTopath, props, appenBp) {
           return props.calX;
         } else {
           // for different box
-          return parseInt(props.x - window.innerWidth / 2 + MARGIN_OF[props.breakpoint] - props.diffX - leftOfMoveToNode);
+          return parseInt(props.x - window.innerWidth / 2 + MARGIN_OF[props.breakpoint] - props.diffX - moveToNode.left);
         }
       } else {
-        return props.calX - leftOfMoveToNode;
+        return props.calX - moveToNode?.left;
       }
     } else if (moveToNode.type === "freegrid") {
       if (parentNode.type === "freegridBox") {
@@ -135,16 +133,14 @@ export function onDropItem(props, parentClass) {
     const from = parentPath.split("|").map(m => parseInt(m));
     let newPath = [];
     newPath = moveTo;
-    const appenBp = breakpoint === "lg" ? "" : `_${breakpoint}`;
-    const cCalx = handleNegativeInteger(isContainerElement(editor, moveTo, props, appenBp));
-
+    const cCalx = isContainerElement(editor, moveTo, props);
     // 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();
-    const y = handleNegativeInteger(endPosition.y - startPosition.diffY - rect.top);
+    const y = endPosition.y - startPosition.diffY - rect.top;
 
     // Calculate grid position
     const row = Math.floor(y / ROW_HEIGHT) + 1;
@@ -154,6 +150,7 @@ export function onDropItem(props, parentClass) {
 
     // Update grid area
     const gridArea = `${row} / 1 / ${row + 1} / 2`;
+    const appenBp = breakpoint === "lg" ? "" : `_${breakpoint}`;
     Transforms.setNodes(editor, {
       [`gridArea${appenBp}`]: gridArea,
       [`left${appenBp}`]: cCalx,

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/pageSettingsStyle.js

@@ -25,10 +25,6 @@ const pageSettingsStyle = [{
     label: "Padding",
     key: "bannerSpacing",
     type: "bannerSpacing"
-  }, {
-    label: "Line Spacing",
-    key: "lineHeight",
-    type: "lineSpacing"
   }]
 }, {
   tab: "Max Width",

package/dist/Editor/common/Uploader.js

@@ -4,7 +4,6 @@ import { convertBase64 } from "../utils/helper";
 import { uploadFile } from "../service/fileupload";
 import Icon from "./Icon";
 import UploadStyles from "../common/ImageSelector/UploadStyles";
-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";
@@ -19,9 +18,6 @@ const Uploader = props => {
   const [base64, setBase64] = useState(value?.url);
   const [fileName, setFileName] = useState("");
   const [uploading, setUploading] = useState(false);
-  const {
-    theme
-  } = useEditorContext();
   const handleChange = async e => {
     const uFile = e.target.files[0];
     const strImage = await convertBase64(uFile);
@@ -102,10 +98,6 @@ const Uploader = props => {
         className: "uploadImageSection",
         children: base64 ? renderThumb() : /*#__PURE__*/_jsx(Grid, {
           className: "uploadImageText",
-          sx: {
-            background: `${theme?.palette?.editor?.inputFieldBgColor}`,
-            border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`
-          },
           children: /*#__PURE__*/_jsxs(Button, {
             component: "label",
             variant: "text",

package/dist/Editor/common/iconListV2.js

@@ -940,6 +940,59 @@ export function CalendlyIcon() {
     })]
   });
 }
+export function DragIcon() {
+  return /*#__PURE__*/_jsxs("svg", {
+    width: "16",
+    height: "12",
+    viewBox: "0 0 10 6",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "dragIcon",
+    children: [/*#__PURE__*/_jsx("ellipse", {
+      cx: "1.49462",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 1.49462 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "4.99999",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 4.99999 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "8.50732",
+      cy: "4.42384",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 8.50732 4.42384)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "1.49462",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 1.49462 0.91993)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "4.99999",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 4.99999 0.91993)",
+      fill: "#94A3B8"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "8.50732",
+      cy: "0.91993",
+      rx: "0.779289",
+      ry: "0.779289",
+      transform: "rotate(-90 8.50732 0.91993)",
+      fill: "#94A3B8"
+    })]
+  });
+}
 export function LeftAlignTextFormat() {
   return /*#__PURE__*/_jsxs("svg", {
     width: "19",
@@ -1192,57 +1245,4 @@ export function CodeElementIcon() {
       strokeLinejoin: "round"
     })]
   });
-}
-export function DragIcon() {
-  return /*#__PURE__*/_jsxs("svg", {
-    width: "16",
-    height: "12",
-    viewBox: "0 0 10 6",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "dragIcon",
-    children: [/*#__PURE__*/_jsx("ellipse", {
-      cx: "1.49462",
-      cy: "4.42384",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 1.49462 4.42384)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "4.99999",
-      cy: "4.42384",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 4.99999 4.42384)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "8.50732",
-      cy: "4.42384",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 8.50732 4.42384)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "1.49462",
-      cy: "0.91993",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 1.49462 0.91993)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "4.99999",
-      cy: "0.91993",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 4.99999 0.91993)",
-      fill: "#94A3B8"
-    }), /*#__PURE__*/_jsx("ellipse", {
-      cx: "8.50732",
-      cy: "0.91993",
-      rx: "0.779289",
-      ry: "0.779289",
-      transform: "rotate(-90 8.50732 0.91993)",
-      fill: "#94A3B8"
-    })]
-  });
 }

package/dist/Editor/common/iconslist.js

@@ -1346,22 +1346,19 @@ export const GridAddSectionIcon = props => /*#__PURE__*/_jsxs("svg", {
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "fillStroke"
+    strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M10.1733 6.125V14.875",
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "fillStroke"
+    strokeLinejoin: "round"
   }), /*#__PURE__*/_jsx("path", {
     d: "M5.79834 10.5H14.5483",
     stroke: "#64748B",
     strokeWidth: "1.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className: "fillStroke"
+    strokeLinejoin: "round"
   })]
 });
 export const FormIcon = () => {

package/dist/Editor/commonStyle.js

@@ -252,15 +252,6 @@ const useCommonStyle = theme => ({
         border: `1px solid transparent !important`
       }
     }
-  },
-  buttonMoreOption: {
-    background: `${theme?.palette?.editor?.aiInputBackground} !important`,
-    border: `1px solid ${theme?.palette?.editor?.buttonBorder1} !important`,
-    '& svg': {
-      '& path': {
-        stroke: `${theme?.palette?.editor?.closeButtonSvgStroke} !important`
-      }
-    }
   }
 });
 export default useCommonStyle;

package/dist/Editor/helper/index.js

@@ -331,14 +331,14 @@ export const isCarouselSelected = editor => {
       return false;
     }
     const [nodeEntry] = Editor.nodes(editor, {
-      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === "carousel"
+      match: n => !Editor.isEditor(n) && Element.isElement(n) && n.type === 'carousel'
     });
     if (!nodeEntry) {
       return false;
     }
     const [node] = nodeEntry;
     const carouselDom = ReactEditor.toDOMNode(editor, node);
-    const isEdit = carouselDom.classList.contains("carousel_slider_edit");
+    const isEdit = carouselDom.classList.contains('carousel_slider_edit');
     return !isEdit;
   } catch (err) {
     console.log(err);

package/dist/Editor/helper/theme.js

@@ -147,27 +147,4 @@ export const groupByBreakpoint = (styleProps, theme) => {
     }
   };
 };
-export const getCustomizationValue = value => isNaN(parseInt(value)) ? null : parseInt(value);
-export const getBreakpointLineSpacing = (value, breakpoint) => {
-  try {
-    const values = getBreakPointsValue(value, breakpoint);
-    const cssVal = BREAKPOINTS_DEVICES.reduce((a, b) => {
-      if (values[b] || values["lg"]) {
-        const value = values[b] || values["lg"];
-        return {
-          ...a,
-          [b]: value
-        };
-      } else {
-        return a;
-      }
-    }, {});
-    if (breakpoint) {
-      return value[breakpoint] || value["lg"] || value;
-    } else {
-      return cssVal["lg"];
-    }
-  } catch (err) {
-    // console.log(err);
-  }
-};
+export const getCustomizationValue = value => isNaN(parseInt(value)) ? null : parseInt(value);

package/dist/Editor/hooks/useMouseMove.js

@@ -35,7 +35,6 @@ export const EditorProvider = ({
     path: null
   });
   const [fontFamilies, setFontFamilies] = useState({});
-  const [activeBreakPoint, setActiveBreakPoint] = useState("");
   useEffect(() => {
     window.updateSelectedItem = d => {
       setSelectedElement(d);
@@ -98,10 +97,8 @@ export const EditorProvider = ({
     setOpenAI,
     updateDragging,
     fontFamilies,
-    setFontFamilies,
-    activeBreakPoint,
-    setActiveBreakPoint
-  }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop, activeBreakPoint]);
+    setFontFamilies
+  }), [path, editor?.selection, selectedPath, selectedElement, contextMenu, openAI, popupType, drop]);
   return /*#__PURE__*/_jsx(EditorContext.Provider, {
     value: otherValues,
     children: children