@flozy/editor 5.3.6 → 5.3.8

package/dist/Editor/Toolbar/FormatTools/FontFamilyAutocomplete.js

@@ -1,9 +1,6 @@
 import React from "react";
 import { Autocomplete, TextField } from "@mui/material";
 import { activeMark, addMarkData } from "../../utils/SlateUtilityFunctions.js";
-import usePopupStyle from "../PopupTool/PopupToolStyle.js";
-import { useEditorContext } from "../../hooks/useMouseMove.js";
-import KeyboardArrowDownRoundedIcon from '@mui/icons-material/KeyboardArrowDownRounded';
 import { jsx as _jsx } from "react/jsx-runtime";
 const FontFamilyAutocomplete = ({
   editor,
@@ -30,19 +27,17 @@ const FontFamilyAutocomplete = ({
       });
     }
   };
-  const {
-    theme
-  } = useEditorContext();
-  const classes = usePopupStyle(theme);
   return /*#__PURE__*/_jsx(Autocomplete, {
     size: "small",
     style: {
       fontFamily: `${value || ""}`,
-      width: width || "100%"
+      width: width || "100%",
+      height: "36px",
+      borderRadius: "10px",
+      fontSize: "14px"
     },
     value: value || options?.[0],
     className: "editor-dd",
-    sx: classes.autoCompleteaFontFamily,
     onChange: (e, newValue) => changeMarkData(e, newValue, format),
     getOptionLabel: option => {
       return option;
@@ -58,7 +53,6 @@ const FontFamilyAutocomplete = ({
         children: option
       });
     },
-    popupIcon: /*#__PURE__*/_jsx(KeyboardArrowDownRoundedIcon, {}),
     renderInput: params => /*#__PURE__*/_jsx(TextField, {
       sx: {
         "& .MuiInputBase-root.MuiOutlinedInput-root": {

package/dist/Editor/Toolbar/FormatTools/MarkButton.js

@@ -16,9 +16,6 @@ const MarkButton = ({
       toggleMark(editor, format);
     },
     title: title,
-    style: {
-      color: "#64748B"
-    },
     children: /*#__PURE__*/_jsx(Icon, {
       icon: format
     })

package/dist/Editor/Toolbar/FormatTools/TextSize.js

@@ -93,6 +93,8 @@ const TextSize = ({
       inputProps: {
         style: {
           width: fullWidth ? "100%" : "30px",
+          // textAlign: "center",
+          height: "19px",
           fontSize: "12px"
         }
       },

package/dist/Editor/Toolbar/Mini/MiniToolbar.js

@@ -19,9 +19,9 @@ const POPUP_TYPES = {
   addTemplate: AddTemplates
 };
 const POPUP_OFFSETS = {
-  textFormat: [75, 5],
-  addElement: [40, 5],
-  addTemplate: [10, 5]
+  textFormat: [80, 5],
+  addElement: [60, 5],
+  addTemplate: [20, 5]
 };
 const FULLSCREEN_POPUP = {
   addTemplate: true
@@ -180,6 +180,9 @@ const MiniToolbar = props => {
       }],
       children: PopupComponent ? /*#__PURE__*/_jsxs(Paper, {
         className: "papper-wrpr",
+        style: {
+          borderRadius: "10px"
+        },
         children: [/*#__PURE__*/_jsx(PopperHeader, {
           title: POPUP_TITLE[popper],
           classes: popupStyles,

package/dist/Editor/Toolbar/Mini/Styles.js

@@ -39,10 +39,7 @@ const miniToolbarStyles = theme => ({
         },
         "&.active": {
           "& svg": {
-            stroke: theme?.palette?.editor?.activeColor,
-            "& path": {
-              stroke: theme?.palette?.editor?.activeColor
-            }
+            stroke: theme?.palette?.editor?.activeColor
           }
         },
         "&.activeUndo": {

package/dist/Editor/Toolbar/PopupTool/MiniTextFormat/index.js

@@ -1,4 +1,4 @@
-import { Fade, Grid, IconButton, Paper, Popper } from "@mui/material";
+import { Button, Fade, Grid, Paper, Popper } from "@mui/material";
 import SelectTypography from "./SelectTypography";
 import SelectList from "./SelectList";
 import { toolbarGroups } from "../../toolbarGroups";
@@ -95,9 +95,9 @@ const MiniTextFormat = props => {
           active: isBlockActive(editor, link.format),
           editor: editor,
           customProps: customProps
-        }, link.id), /*#__PURE__*/_jsx(IconButton, {
+        }, link.id), /*#__PURE__*/_jsx(Button, {
           onClick: e => setAnchorEl(document.getElementById("mini-text-editor-wrapper")),
-          className: `textSettingsIcon ${open ? "btnActive" : ""}`,
+          className: "textSettingsIcon",
           children: /*#__PURE__*/_jsx(TextToolIcon, {})
         }), /*#__PURE__*/_jsx(Popper, {
           id: id,

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

@@ -1,10 +1,9 @@
 import React, { useState } from "react";
-import { Grid, Typography, IconButton, Tooltip, TextField, InputAdornment } from "@mui/material";
+import { Grid, Typography, IconButton, Tooltip, TextField } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
+import OpenInFullIcon from "@mui/icons-material/OpenInFull";
 import CloseFullscreenIcon from "@mui/icons-material/CloseFullscreen";
 import Icon from "../../common/Icon";
-import { ToggleFullScreenIcon } from "../../common/iconListV2";
-import { SearchIcon } from "../../common/iconslist";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const SearchBox = props => {
@@ -17,13 +16,7 @@ const SearchBox = props => {
     sx: classes.searchBox,
     size: "small",
     value: search,
-    onChange: handleChange,
-    InputProps: {
-      startAdornment: /*#__PURE__*/_jsx(InputAdornment, {
-        position: "start",
-        children: /*#__PURE__*/_jsx(SearchIcon, {})
-      })
-    }
+    onChange: handleChange
   });
 };
 const PopperHeader = props => {
@@ -46,14 +39,18 @@ const PopperHeader = props => {
     padding: 2,
     className: "headerContainer",
     style: {
-      paddingTop: "5px"
+      paddingTop: "2px"
     },
     children: /*#__PURE__*/_jsxs(Grid, {
       item: true,
       xs: 12,
+      style: {
+        display: "flex",
+        borderBottom: "1px solid #DCE4EC"
+      },
       justifyContent: "space-between",
       alignItems: "center",
-      sx: classes.textSettingHeader,
+      className: "textSettingHeader",
       children: [/*#__PURE__*/_jsx(Typography, {
         color: "primary",
         sx: {
@@ -67,14 +64,13 @@ const PopperHeader = props => {
         justifyContent: "end",
         children: [needFullscreen ? /*#__PURE__*/_jsxs(Grid, {
           sx: {
-            position: "relative"
+            position: 'relative'
           },
-          className: "inputField",
           children: [/*#__PURE__*/_jsx(IconButton, {
-            className: openSearch ? "searchContainer" : "",
+            className: openSearch ? 'searchContainer' : '',
             onClick: handleSearchButton,
             children: /*#__PURE__*/_jsx(Icon, {
-              icon: openSearch ? "closeIcon" : "SearchIcon"
+              icon: openSearch ? 'closeIcon' : 'SearchIcon'
             })
           }), openSearch && /*#__PURE__*/_jsx(SearchBox, {
             classes: classes,
@@ -87,11 +83,11 @@ const PopperHeader = props => {
           children: /*#__PURE__*/_jsx(IconButton, {
             style: {
               marginRight: "8px",
-              marginLeft: "4px"
+              marginLeft: "8px"
             },
-            className: "close-popupbtn toogleFullScreenBtn",
+            className: "close-popupbtn",
             onClick: toggleFullscreen,
-            children: fullScreen ? /*#__PURE__*/_jsx(CloseFullscreenIcon, {}) : /*#__PURE__*/_jsx(ToggleFullScreenIcon, {})
+            children: fullScreen ? /*#__PURE__*/_jsx(CloseFullscreenIcon, {}) : /*#__PURE__*/_jsx(OpenInFullIcon, {})
           })
         }) : null, /*#__PURE__*/_jsx(Tooltip, {
           title: "Close",