@flozy/editor 9.8.8 → 9.9.0

package/dist/Editor/Elements/DataView/Layouts/DataTypes/Components/MultiSelect.js

@@ -138,6 +138,14 @@ const MultiSelectWithPopover = props => {
   const handleClearSelection = () => {
     setSelectedOptions([]);
   };
+  const handleDeleteChip = (event, option) => {
+    event.stopPropagation();
+    setSelectedOptions(prev => {
+      const updatedOptions = prev.filter(selected => selected?.value !== option?.value);
+      onChange(updatedOptions);
+      return updatedOptions;
+    });
+  };
   const filteredOptions = availableOptions?.filter(option => option?.value?.toLowerCase()?.includes(inputValue?.toLowerCase()));
   const isExactMatch = availableOptions?.some(opt => opt?.value?.toLowerCase() === inputValue?.toLowerCase());
   const open = Boolean(anchorEl);
@@ -157,8 +165,7 @@ const MultiSelectWithPopover = props => {
       children: selectedOptions?.map((option, index) => /*#__PURE__*/_jsx(Chip, {
         label: option?.value,
         onDelete: event => {
-          event.stopPropagation();
-          setSelectedOptions(prev => prev.filter(selected => selected?.value !== option?.value));
+          handleDeleteChip(event, option);
         },
         deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {}),
         variant: "filled",
@@ -168,7 +175,7 @@ const MultiSelectWithPopover = props => {
           "& .MuiChip-deleteIcon": {
             flexShrink: 0,
             "& path": {
-              stroke: '#0F172A'
+              stroke: '#0F172A !important'
             }
           },
           "&:hover": {
@@ -303,8 +310,7 @@ const MultiSelectWithPopover = props => {
               index
             }),
             onDelete: event => {
-              event?.stopPropagation();
-              setSelectedOptions(prev => prev.filter(selected => selected?.value !== option?.value));
+              handleDeleteChip(event, option);
             },
             deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {}),
             sx: {
@@ -313,7 +319,7 @@ const MultiSelectWithPopover = props => {
               "& .MuiChip-deleteIcon": {
                 flexShrink: 0,
                 "& path": {
-                  stroke: '#0F172A'
+                  stroke: '#0F172A !important'
                 }
               },
               "&:hover": {

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.8",
+  "version": "9.9.0",
   "description": "An Editor for flozy app brain",
   "files": [
     "dist"