@flozy/editor 5.3.1 → 5.3.3

package/dist/Editor/Editor.css

@@ -1282,3 +1282,18 @@ blockquote {
 .custom-scroll:hover::-webkit-scrollbar-thumb {
   background: #A7AEC1; 
 }
+
+::selection {
+  color: inherit;
+  background: rgba(35, 131, 226, 0.35) !important;
+}
+
+::-moz-selection {
+  background: rgba(35, 131, 226, 0.35) !important;
+  color: inherit;
+}
+
+::-webkit-selection {
+  background: rgba(35, 131, 226, 0.35) !important;
+  color: inherit;
+}

package/dist/Editor/Styles/EditorStyles.js

@@ -286,8 +286,8 @@ const editorStyles = ({
       }
     },
     "& ::selection": {
-      color: "inherit",
-      background: "#EAEBFE"
+      background: 'rgba(35, 131, 226, 0.35)!important',
+      color: 'inherit'
     },
     "&.readOnlyContainer": {
       "& .max-content": {

package/dist/Editor/common/RnD/Utils/gridDropItem.js

@@ -136,7 +136,7 @@ export function onDropItem(props, parentClass) {
     let newPath = [];
     newPath = moveTo;
     const appenBp = breakpoint === "lg" ? "" : `_${breakpoint}`;
-    const cCalx = handleNegativeInteger(isContainerElement(editor, moveTo, props, appenBp));
+    const cCalx = isContainerElement(editor, moveTo, props, appenBp);
 
     // const posX = parseInt(
     //   cx - window.innerWidth / 2 + MARGIN_OF[breakpoint] - diffX

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

@@ -18,7 +18,7 @@ import { selectText } from "../../utils/helper";
 import { removeSign } from "./ElementSettings/OtherSettings";
 import useDragging from "../../hooks/useDragging";
 import { dragOverOn } from "../../helper/RnD/focusNode";
-import { focusSelection, clearSelection } from "../../helper";
+import { focusSelection, clearSelection, clearSelectionOnly } from "../../helper";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -163,6 +163,7 @@ const RnD = props => {
       }
       switch (e.detail) {
         case 1:
+          clearSelectionOnly(editor); //for selection removal on click outside 
           if (!enable) {
             setSelectedElement({
               path: str_path,

package/dist/Editor/helper/index.js

@@ -308,7 +308,13 @@ export const getTextColor = (color = "") => {
     color: "transparent !important",
     caretColor: "black",
     "& span": {
-      color: "transparent !important"
+      color: "transparent !important",
+      "& ::selection": {
+        color: "#000 !important"
+      }
+    },
+    "& ::selection": {
+      color: "#000 !important"
     }
   } : {
     color
@@ -360,4 +366,11 @@ export const clearBrainText = editor => {
   } catch (err) {
     console.log(err);
   }
+};
+export const clearSelectionOnly = editor => {
+  try {
+    Transforms.deselect(editor);
+  } catch (err) {
+    console.log(err);
+  }
 };

package/dist/Editor/utils/SlateUtilityFunctions.js

@@ -240,7 +240,8 @@ export const getMarked = (leaf, children, theme) => {
           // },
           ...textStyles,
           fontFamily: family,
-          fontWeight: leaf.fontWeight
+          fontWeight: leaf.fontWeight,
+          WebkitTextFillColor: 'unset !important'
         },
         children: children
       })
@@ -249,7 +250,6 @@ export const getMarked = (leaf, children, theme) => {
   if (leaf.highlight) {
     children = /*#__PURE__*/_jsx("span", {
       style: {
-        background: "#EAEBFE",
         color: "inherit"
       },
       children: children

package/package.json

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