@flozy/editor 9.8.9 → 9.9.0

package/dist/Editor/Elements/SimpleText/index.js

@@ -5,7 +5,7 @@ import { Box } from "@mui/material";
 import { isTextSelected } from "../../utils/helper";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import SimpleTextStyle from "./style";
-import { getBreakpointLineSpacing } from "../../helper/theme";
+import { getBreakpointLineSpacing, getDevice } from "../../helper/theme";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -28,14 +28,11 @@ const SimpleText = props => {
     editorPlaceholder,
     translation
   } = customProps;
-  const {
-    activeBreakPoint
-  } = useEditorContext();
   // const { element: pageSt } = getPageSettings(editor) || {};
   // const { pageColor } = pageSt?.pageProps || {};
-  const isMobile = window.matchMedia("(max-width: 899px)")?.matches || false;
+  const breakpoint = getDevice(window.innerWidth);
   const lineH = element?.children[0]?.lineHeight;
-  const lineHeight = getBreakpointLineSpacing(lineH, activeBreakPoint || (isMobile ? "xs" : "lg"));
+  const lineHeight = getBreakpointLineSpacing(lineH, breakpoint);
   const classes = SimpleTextStyle({
     pageColor: "#FFFFFF",
     lineHeight

package/dist/Editor/Toolbar/PopupTool/TextFormat.js

@@ -18,6 +18,7 @@ import FontFamilyAutocomplete from "../FormatTools/FontFamilyAutocomplete";
 import { useEditorContext } from "../../hooks/useMouseMove";
 import LineSpacing from "../../common/StyleBuilder/fieldTypes/lineSpacing";
 import { getPageSettings } from "../../utils/pageSettings";
+import { getDevice } from "../../helper/theme";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const allTools = toolbarGroups.flat();
@@ -46,10 +47,7 @@ const TextFormat = props => {
     fontFamilies,
     theme: appTheme
   } = useEditorContext();
-  const {
-    activeBreakPoint
-  } = useEditorContext();
-  const breakpoint = activeBreakPoint === "" ? "lg" : activeBreakPoint;
+  const breakpoint = getDevice(window.innerWidth);
   const fontWeight = allTools.find(f => f.format === "fontWeight");
   const fontStyle = allTools.filter(f => f.type === "mark" && f.format !== "strikethrough" && f.format !== "superscript" && f.format !== "subscript");
   const fontAlign = allTools.filter(f => f.format?.indexOf("align") >= 0);

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

@@ -15,8 +15,7 @@ const SwitchViewport = props => {
   } = props;
   const classes = useSwitchViewport();
   const {
-    setSelectedElement,
-    setActiveBreakPoint
+    setSelectedElement
   } = useEditorContext();
   useEffect(() => {
     // to reset selection on viewport changes - FS-6589
@@ -32,7 +31,6 @@ const SwitchViewport = props => {
       children: /*#__PURE__*/_jsx(IconButton, {
         className: `${!breakpoint || breakpoint === "lg" ? "active" : ""}`,
         onClick: () => {
-          setActiveBreakPoint("");
           onChange("");
         },
         children: /*#__PURE__*/_jsx(PersonalVideoIcon, {})
@@ -42,7 +40,6 @@ const SwitchViewport = props => {
       children: /*#__PURE__*/_jsx(IconButton, {
         className: `${breakpoint === "xs" ? "active" : ""}`,
         onClick: () => {
-          setActiveBreakPoint("xs");
           onChange("xs");
         },
         children: /*#__PURE__*/_jsx(PhoneIphoneIcon, {})

package/dist/Editor/commonStyle.js

@@ -133,7 +133,7 @@ const useCommonStyle = theme => ({
           background: theme?.palette?.editor?.inputFieldBgColor,
           border: `1px solid ${theme?.palette?.editor?.inputFieldBorder}`,
           borderRadius: "10px",
-          width: "46px !important",
+          width: "52px !important",
           marginLeft: "10px",
           height: "36px !important"
         },

package/dist/Editor/hooks/useMouseMove.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flozy/editor",
-  "version": "9.8.9",
+  "version": "9.9.0",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"