@flozy/editor 5.8.6 → 5.8.8

package/dist/Editor/Editor.css

@@ -1258,7 +1258,7 @@ blockquote {
 }
 
 .dividerComponent:hover .divider-settings,
-.dividerComponent:hover .element-selector {
+.dividerComponent:hover .sectionIcon button {
   display: block;
   pointer-events: auto;
 }

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

@@ -104,9 +104,9 @@ export default function Select(props) {
       return /*#__PURE__*/_jsx(Box, {
         className: "tv-ms-tag-wrpr",
         sx: {
-          '& svg': {
-            marginRight: '5px',
-            '& path': {
+          "& svg": {
+            marginRight: "5px",
+            "& path": {
               stroke: "#000"
             }
           }
@@ -125,15 +125,19 @@ export default function Select(props) {
             sx: {
               background: option?.color || appTheme?.palette?.editor?.tv_border1,
               border: "none",
-              '& .MuiChip-label': {
-                paddingLeft: '12px !important'
+              "& .MuiChip-label": {
+                paddingLeft: "12px !important"
               }
             },
             avatar: /*#__PURE__*/_jsx(AvatarIcon, {
               option: option,
               avatar: optionAvatar
             }),
-            deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {})
+            deleteIcon: /*#__PURE__*/_jsx(CloseIcon, {
+              style: {
+                cursor: "pointer"
+              }
+            })
           }, key) : null;
         })
       });
@@ -149,8 +153,8 @@ export default function Select(props) {
           label: option.label || option.value || "",
           sx: {
             background: option.color || appTheme?.palette?.editor?.tv_border1,
-            '& .MuiChip-label': {
-              paddingLeft: '12px !important'
+            "& .MuiChip-label": {
+              paddingLeft: "12px !important"
             }
           },
           avatar: /*#__PURE__*/_jsx(AvatarIcon, {

package/dist/Editor/Elements/Divider/Divider.js

@@ -57,9 +57,9 @@ const Divider = props => {
     //   : {};
     return /*#__PURE__*/_jsx("div", {
       contentEditable: false,
-      className: "divider-settings",
+      className: "element-toolbar dividerIcon",
       style: {
-        top: "-33px",
+        top: "3px",
         left: 0
       },
       children: /*#__PURE__*/_jsx(Tooltip, {
@@ -76,7 +76,7 @@ const Divider = props => {
             //   theme?.palette?.type === "dark"
             //     ? "1px solid #E4E8EB33"
             //     : "none",
-            boxShadow: "0px 0px 4px 0px #00000040",
+            boxShadow: "0px 0px 4px 0px #00000040 !important",
             borderRadius: "50%",
             "& svg": {
               width: '16px',

package/dist/Editor/common/Section/styles.js

@@ -11,6 +11,9 @@ const SectionStyle = (themeReact, theme) => ({
       "& .sectionIcon": {
         opacity: 1
       },
+      '& .dividerIcon': {
+        opacity: 1
+      },
       "& .sectionPopper": {
         opacity: 1
       }
@@ -52,6 +55,18 @@ const SectionStyle = (themeReact, theme) => ({
         opacity: 1
       }
     },
+    "& .dividerIcon": {
+      opacity: 0,
+      padding: "0px",
+      background: "transparent",
+      border: "none",
+      width: "20px",
+      height: "20px",
+      "& button": {
+        boxShadow: "none",
+        background: "transparent"
+      }
+    },
     "& .ed-section-inner": {
       [themeReact.breakpoints.between("xs", "md")]: {
         maxWidth: `320px !important`,

package/dist/Editor/common/iconslist.js

@@ -1654,12 +1654,13 @@ export const CsvIcon = () => /*#__PURE__*/_jsxs("svg", {
     fill: "white"
   })]
 });
-export const CloseIcon = () => /*#__PURE__*/_jsxs("svg", {
+export const CloseIcon = props => /*#__PURE__*/_jsxs("svg", {
   width: "20",
   height: "20",
   viewBox: "0 0 20 20",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
+  ...(props || {}),
   children: [/*#__PURE__*/_jsx("path", {
     d: "M14.1245 5.875L5.87493 14.1246",
     stroke: "#64748B",

package/package.json

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