@flozy/editor 3.1.3 → 3.1.5

package/dist/Editor/Elements/Button/EditorButton.js

@@ -83,6 +83,10 @@ const EditorButton = props => {
       case "webAddress":
         const refUrl = url ? url.includes("http") ? url : `//${url}` : "Link";
         props.component = "a";
+        props.tabIndex = 1;
+        props.onClick = () => {
+          return false;
+        };
         if (refUrl !== "Link") {
           props.href = refUrl;
         }
@@ -91,15 +95,9 @@ const EditorButton = props => {
         }
         break;
       case "actionTrigger":
-        if (readOnly) {
-          const {
-            url
-          } = buttonLink || {};
-          const refUrl = url ? url.includes("http") ? url : `//${url}` : "Link";
-          props.component = "a";
-          if (refUrl !== "Link") {
-            props.href = refUrl;
-          }
+        if (!readOnly) {
+          props.component = "button";
+          props.onClick = () => {};
         } else {
           props.component = "button";
           props.onClick = handleTrigger;
@@ -107,6 +105,10 @@ const EditorButton = props => {
         break;
       case "page":
         props.component = "a";
+        props.tabIndex = 1;
+        props.onClick = () => {
+          return false;
+        };
         const [page, section] = url.split("#");
         props.href = page === "home" ? `#${section}` : `/${url}`;
         if (openInNewTab) {
@@ -115,10 +117,18 @@ const EditorButton = props => {
         break;
       case "email":
         props.component = "a";
+        props.tabIndex = 1;
+        props.onClick = () => {
+          return false;
+        };
         props.href = `mailto:${url}`;
         break;
       case "phone":
         props.component = "a";
+        props.tabIndex = 1;
+        props.onClick = () => {
+          return false;
+        };
         props.href = `tel:${url}`;
         break;
       case "scrollTopOrBottom":
@@ -136,6 +146,8 @@ const EditorButton = props => {
           }
         };
         break;
+      default:
+        return {};
     }
     return props;
   };
@@ -223,7 +235,7 @@ const EditorButton = props => {
       sx: {
         display: {
           lg: "inline",
-          xs: xsHidden ? "none" : "inline"
+          xs: xsHidden ? "none" : "inline-block"
         },
         "& .element-toolbar": {
           display: "none"
@@ -236,7 +248,8 @@ const EditorButton = props => {
       },
       children: /*#__PURE__*/_jsxs("span", {
         style: {
-          position: "relative"
+          position: "relative",
+          display: "inline-block"
         },
         children: [/*#__PURE__*/_jsxs(Box, {
           sx: {

package/package.json

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