@micromag/element-call-to-action 0.4.49 → 0.4.51

package/es/index.js

@@ -5,18 +5,19 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { useGesture } from '@use-gesture/react';
 import classNames from 'classnames';
 import isString from 'lodash/isString';
-import React, { useMemo, useRef, useState, useCallback, useEffect } from 'react';
+import { useMemo, useRef, useState, useCallback, useEffect } from 'react';
 import { useTrackEvent } from '@micromag/core/hooks';
 import { isValidUrl, getStyleFromColor, isIos } from '@micromag/core/utils';
 import Button from '@micromag/element-button';
 import Text from '@micromag/element-text';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 function Arrow(_ref) {
   var _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'currentColor' : _ref$color,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/jsx("svg", {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -26,18 +27,20 @@ function Arrow(_ref) {
     height: "12.38px",
     viewBox: "0 0 48.53 12.38",
     className: className,
-    xmlSpace: "preserve"
-  }, /*#__PURE__*/React.createElement("g", {
-    transform: "matrix(1, 0, 0, 1, 0, 0)"
-  }, /*#__PURE__*/React.createElement("path", {
-    id: "b",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "3px",
-    strokeLinejoin: "round",
-    strokeLinecap: "round",
-    d: "M1.5,10.88L24.26,1.5l22.77,9.38"
-  })));
+    xmlSpace: "preserve",
+    children: /*#__PURE__*/jsx("g", {
+      transform: "matrix(1, 0, 0, 1, 0, 0)",
+      children: /*#__PURE__*/jsx("path", {
+        id: "b",
+        fill: "none",
+        stroke: color,
+        strokeWidth: "3px",
+        strokeLinejoin: "round",
+        strokeLinecap: "round",
+        d: "M1.5,10.88L24.26,1.5l22.77,9.38"
+      })
+    })
+  });
 }
 
 var styles = {"container":"micromag-element-call-to-action-container","arrow":"micromag-element-call-to-action-arrow","button":"micromag-element-call-to-action-button","withoutLinkStyle":"micromag-element-call-to-action-withoutLinkStyle","label":"micromag-element-call-to-action-label","icon":"micromag-element-call-to-action-icon","text":"micromag-element-call-to-action-text","selfTargetLink":"micromag-element-call-to-action-selfTargetLink","leavingFrame":"micromag-element-call-to-action-leavingFrame","animationDisabled":"micromag-element-call-to-action-animationDisabled","invalidUrl":"micromag-element-call-to-action-invalidUrl"};
@@ -170,47 +173,54 @@ function CallToAction(_ref) {
       window.removeEventListener('pagehide', onPageHide);
     };
   }, [setLeaving]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: classNames([styles.container, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.disabled, disabled), styles.animationDisabled, animationDisabled), styles.invalidUrl, !validUrl), styles.inWebView, inWebView)]),
-    ref: elRef
-  }, leaving ? /*#__PURE__*/React.createElement("div", {
-    className: styles.leavingFrame
-  }) : null, !inWebView && swipeUpEnabled ? /*#__PURE__*/React.createElement("a", {
-    className: styles.selfTargetLink,
-    href: url,
-    ref: selfTargetLinkRef,
-    tabIndex: focusable ? '0' : '-1'
-  }) : null, swipeUpEnabled ? /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.arrow, arrowClassName]),
-    style: arrowStyle
-  }, arrow || /*#__PURE__*/React.createElement(Arrow, null)) : null, /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.buttonBorder, buttonBorderClassName])
-  }, /*#__PURE__*/React.createElement(Button, Object.assign({
-    className: classNames([styles.button, buttonClassName, _defineProperty({}, styles.withoutLinkStyle, !inWebView)]),
-    refButton: buttonRef,
-    focusable: focusable,
-    buttonStyle: boxStyle,
-    inline: true,
-    "aria-pressed": toggled,
-    href: !inWebView ? url : null,
-    external: !inWebView ? external : false,
-    onClick: onClickLink
-  }, swipeUpEnabled && !disabled ? bind() : null), /*#__PURE__*/React.createElement("span", {
-    className: classNames([styles.label, labelClassName])
-  }, icon !== null ? /*#__PURE__*/React.createElement("div", {
-    className: styles.icon
-  }, icon) : null, /*#__PURE__*/React.createElement(Text, Object.assign({}, label, {
-    className: styles.text,
-    textStyle: _objectSpread(_objectSpread({}, textStyle), {}, {
-      lineHeight: lineHeight || 1
-    }),
-    inline: true
-  }))))));
+    ref: elRef,
+    children: [leaving ? /*#__PURE__*/jsx("div", {
+      className: styles.leavingFrame
+    }) : null, !inWebView && swipeUpEnabled ? /*#__PURE__*/jsx("a", {
+      className: styles.selfTargetLink,
+      href: url,
+      ref: selfTargetLinkRef,
+      tabIndex: focusable ? '0' : '-1'
+    }) : null, swipeUpEnabled ? /*#__PURE__*/jsx("div", {
+      className: classNames([styles.arrow, arrowClassName]),
+      style: arrowStyle,
+      children: arrow || /*#__PURE__*/jsx(Arrow, {})
+    }) : null, /*#__PURE__*/jsx("div", {
+      className: classNames([styles.buttonBorder, buttonBorderClassName]),
+      children: /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
+        className: classNames([styles.button, buttonClassName, _defineProperty({}, styles.withoutLinkStyle, !inWebView)]),
+        refButton: buttonRef,
+        focusable: focusable,
+        buttonStyle: boxStyle,
+        inline: true,
+        "aria-pressed": toggled,
+        href: !inWebView ? url : null,
+        external: !inWebView ? external : false,
+        onClick: onClickLink
+      }, swipeUpEnabled && !disabled ? bind() : null), {}, {
+        children: /*#__PURE__*/jsxs("span", {
+          className: classNames([styles.label, labelClassName]),
+          children: [icon !== null ? /*#__PURE__*/jsx("div", {
+            className: styles.icon,
+            children: icon
+          }) : null, /*#__PURE__*/jsx(Text, _objectSpread(_objectSpread({}, label), {}, {
+            className: styles.text,
+            textStyle: _objectSpread(_objectSpread({}, textStyle), {}, {
+              lineHeight: lineHeight || 1
+            }),
+            inline: true
+          }))]
+        })
+      }))
+    })]
+  });
 }
 var CallToAction_default = (function (_ref9) {
   var ref = _ref9.ref,
     props = _objectWithoutProperties(_ref9, _excluded);
-  return /*#__PURE__*/React.createElement(CallToAction, Object.assign({
+  return /*#__PURE__*/jsx(CallToAction, _objectSpread({
     elRef: ref
   }, props));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-call-to-action",
-    "version": "0.4.49",
+    "version": "0.4.51",
     "private": false,
     "description": "",
     "keywords": [
@@ -63,10 +63,10 @@
         "@fortawesome/fontawesome-svg-core": "^7.2.0",
         "@fortawesome/free-solid-svg-icons": "^7.2.0",
         "@fortawesome/react-fontawesome": "^3.2.0",
-        "@micromag/core": "^0.4.49",
-        "@micromag/element-button": "^0.4.49",
-        "@micromag/element-text": "^0.4.49",
-        "@micromag/element-webview": "^0.4.49",
+        "@micromag/core": "^0.4.51",
+        "@micromag/element-button": "^0.4.51",
+        "@micromag/element-text": "^0.4.51",
+        "@micromag/element-webview": "^0.4.51",
         "@react-spring/core": "^10.0.3",
         "@react-spring/web": "^10.0.3",
         "@use-gesture/react": "^10.3.0",
@@ -79,6 +79,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "0a225ff29387217cccb0fcc5a731e23c74bd202e",
+    "gitHead": "985a2370829c9ac8901ea97bf20bfc98ab158439",
     "types": "es/index.d.ts"
 }