@flozy/editor 3.6.6 → 3.6.7

package/dist/Editor/utils/helper.js

@@ -216,6 +216,17 @@ const getScrollElement = () => {
   const scrollFrom = isSlateWrapperScroll ? slateWrapper : window;
   return scrollFrom;
 };
+const handleLinkBtnClick = (e, props) => {
+  if (e) {
+    e.preventDefault();
+    e.stopPropagation();
+  }
+  if (props.target) {
+    window.open(props.href);
+  } else {
+    window.location.href = props.href;
+  }
+};
 export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick = () => {}) => {
   const props = {};
   if (!readOnly) {
@@ -306,23 +317,22 @@ export const handleLinkType = (url, linkType, readOnly, openInNewTab, onClick =
 
   // for iphone fix
   if (props.component === "a" && props.href) {
-    if (getDevice(window.innerWidth) === "xs") {
+    const isMobile = getDevice(window.innerWidth) === "xs";
+    if (isMobile) {
       props.component = "button"; // iphone is opening two tabs, on open in new tab because of a tag.
     }
 
+    let touchEndClicked = false;
     props.onTouchEnd = e => {
-      if (e) {
-        // onTouchEnd will get triggered on web, only for image element, for that case event is getting undefined.
-        e.preventDefault();
-        e.stopPropagation();
-      }
-      if (props.target) {
-        window.open(props.href);
-      } else {
-        window.location.href = props.href;
-      }
+      touchEndClicked = true;
+      handleLinkBtnClick(e, props);
     };
-    props.onClick = () => {
+    props.onClick = e => {
+      // This condition is used for mobile preview in the page editor.
+      // 'touchEnd' will not work in the mobile page preview.
+      if (!touchEndClicked && isMobile) {
+        handleLinkBtnClick(e, props);
+      }
       return false;
     };
   }
@@ -367,4 +377,32 @@ export const decodeString = str => {
   } catch (err) {
     console.log(err);
   }
+};
+export const getContrastColor = color => {
+  let r, g, b;
+
+  // Check if the color is in hex format
+  if (color.startsWith("#")) {
+    r = parseInt(color.substring(1, 3), 16);
+    g = parseInt(color.substring(3, 5), 16);
+    b = parseInt(color.substring(5, 7), 16);
+  }
+  // Check if the color is in RGB/RGBA format
+  else if (color.startsWith("rgb")) {
+    const rgbValues = color.replace(/^rgba?\(|\s+|\)$/g, "") // Remove the rgb/rgba and spaces
+    .split(","); // Split the values into an array
+
+    r = parseInt(rgbValues[0]);
+    g = parseInt(rgbValues[1]);
+    b = parseInt(rgbValues[2]);
+  } else {
+    // If the format is not recognized, default to black text
+    return "#000000";
+  }
+
+  // Calculate relative luminance
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+
+  // Return black for light colors, white for dark colors
+  return luminance > 0.5 ? "#000000" : "#FFFFFF";
 };

package/package.json

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