@micromag/element-call-to-action 0.3.88 → 0.3.89

package/es/index.js

@@ -72,7 +72,9 @@ var propTypes = {
   buttonBorderClassName: PropTypes.string,
   labelClassName: PropTypes.string,
   arrowClassName: PropTypes.string,
-  focusable: PropTypes.bool
+  focusable: PropTypes.bool,
+  enableInteraction: PropTypes.func,
+  disableInteraction: PropTypes.func
 };
 var defaultProps = {
   elRef: null,
@@ -88,7 +90,9 @@ var defaultProps = {
   buttonBorderClassName: null,
   labelClassName: null,
   arrowClassName: null,
-  focusable: true
+  focusable: true,
+  enableInteraction: null,
+  disableInteraction: null
 };
 
 function CallToAction(_ref) {
@@ -107,7 +111,9 @@ function CallToAction(_ref) {
       buttonBorderClassName = _ref.buttonBorderClassName,
       labelClassName = _ref.labelClassName,
       arrowClassName = _ref.arrowClassName,
-      focusable = _ref.focusable;
+      focusable = _ref.focusable,
+      enableInteraction = _ref.enableInteraction,
+      disableInteraction = _ref.disableInteraction;
 
   var _ref2 = callToAction || {},
       _ref2$active = _ref2.active,
@@ -182,7 +188,7 @@ function CallToAction(_ref) {
         if (inWebView) {
           setShowWebView(true);
           setDisabledWebView(false);
-        } else if (isIos()) {
+        } else if (isIos() && selfTargetLinkRef.current !== null) {
           selfTargetLinkRef.current.click();
           setLeaving(true);
         } else if (buttonRef.current) {
@@ -221,10 +227,18 @@ function CallToAction(_ref) {
   var onOpenWebView = useCallback(function () {
     setShowWebView(true);
     setDisabledWebView(false);
-  }, [setShowWebView, setDisabledWebView]);
+
+    if (disableInteraction !== null) {
+      disableInteraction();
+    }
+  }, [setShowWebView, setDisabledWebView, disableInteraction]);
   var onCloseWebView = useCallback(function () {
     setShowWebView(false);
-  }, [setShowWebView]);
+
+    if (enableInteraction !== null) {
+      enableInteraction();
+    }
+  }, [setShowWebView, enableInteraction]);
   var ArrowElement = arrow !== null ? /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.arrow, _defineProperty({}, arrowClassName, arrowClassName !== null)]),
     style: arrowStyle
@@ -237,12 +251,12 @@ function CallToAction(_ref) {
     ref: elRef
   }, leaving ? /*#__PURE__*/React.createElement("div", {
     className: styles.leavingFrame
-  }) : null, /*#__PURE__*/React.createElement("a", {
+  }) : null, !inWebView && swipeUpEnabled ? /*#__PURE__*/React.createElement("a", {
     className: styles.selfTargetLink,
     href: url,
     ref: selfTargetLinkRef,
     tabIndex: focusable ? '0' : '-1'
-  }), swipeUpEnabled ? ArrowElement : null, /*#__PURE__*/React.createElement("div", {
+  }) : null, swipeUpEnabled ? ArrowElement : null, /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.buttonBorder, _defineProperty({}, buttonBorderClassName, buttonBorderClassName !== null)])
   }, /*#__PURE__*/React.createElement(Button, Object.assign({
     className: classNames([styles.button, _defineProperty({}, buttonClassName, buttonClassName !== null)]),

package/lib/index.js

@@ -86,7 +86,9 @@ var propTypes = {
   buttonBorderClassName: PropTypes__default["default"].string,
   labelClassName: PropTypes__default["default"].string,
   arrowClassName: PropTypes__default["default"].string,
-  focusable: PropTypes__default["default"].bool
+  focusable: PropTypes__default["default"].bool,
+  enableInteraction: PropTypes__default["default"].func,
+  disableInteraction: PropTypes__default["default"].func
 };
 var defaultProps = {
   elRef: null,
@@ -102,7 +104,9 @@ var defaultProps = {
   buttonBorderClassName: null,
   labelClassName: null,
   arrowClassName: null,
-  focusable: true
+  focusable: true,
+  enableInteraction: null,
+  disableInteraction: null
 };
 
 function CallToAction(_ref) {
@@ -121,7 +125,9 @@ function CallToAction(_ref) {
       buttonBorderClassName = _ref.buttonBorderClassName,
       labelClassName = _ref.labelClassName,
       arrowClassName = _ref.arrowClassName,
-      focusable = _ref.focusable;
+      focusable = _ref.focusable,
+      enableInteraction = _ref.enableInteraction,
+      disableInteraction = _ref.disableInteraction;
 
   var _ref2 = callToAction || {},
       _ref2$active = _ref2.active,
@@ -196,7 +202,7 @@ function CallToAction(_ref) {
         if (inWebView) {
           setShowWebView(true);
           setDisabledWebView(false);
-        } else if (utils.isIos()) {
+        } else if (utils.isIos() && selfTargetLinkRef.current !== null) {
           selfTargetLinkRef.current.click();
           setLeaving(true);
         } else if (buttonRef.current) {
@@ -235,10 +241,18 @@ function CallToAction(_ref) {
   var onOpenWebView = React.useCallback(function () {
     setShowWebView(true);
     setDisabledWebView(false);
-  }, [setShowWebView, setDisabledWebView]);
+
+    if (disableInteraction !== null) {
+      disableInteraction();
+    }
+  }, [setShowWebView, setDisabledWebView, disableInteraction]);
   var onCloseWebView = React.useCallback(function () {
     setShowWebView(false);
-  }, [setShowWebView]);
+
+    if (enableInteraction !== null) {
+      enableInteraction();
+    }
+  }, [setShowWebView, enableInteraction]);
   var ArrowElement = arrow !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles.arrow, _defineProperty__default["default"]({}, arrowClassName, arrowClassName !== null)]),
     style: arrowStyle
@@ -251,12 +265,12 @@ function CallToAction(_ref) {
     ref: elRef
   }, leaving ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: styles.leavingFrame
-  }) : null, /*#__PURE__*/React__default["default"].createElement("a", {
+  }) : null, !inWebView && swipeUpEnabled ? /*#__PURE__*/React__default["default"].createElement("a", {
     className: styles.selfTargetLink,
     href: url,
     ref: selfTargetLinkRef,
     tabIndex: focusable ? '0' : '-1'
-  }), swipeUpEnabled ? ArrowElement : null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }) : null, swipeUpEnabled ? ArrowElement : null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles.buttonBorder, _defineProperty__default["default"]({}, buttonBorderClassName, buttonBorderClassName !== null)])
   }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
     className: classNames__default["default"]([styles.button, _defineProperty__default["default"]({}, buttonClassName, buttonClassName !== null)]),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-call-to-action",
-    "version": "0.3.88",
+    "version": "0.3.89",
     "description": "",
     "keywords": [
         "javascript"
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d0fb1f7d4ae6bfa1fd07dc856307c1c4225ab889"
+    "gitHead": "b79d346163c149050ed713e8162675f11b8baf4b"
 }