@micromag/element-call-to-action 0.3.423 → 0.3.429

package/assets/css/styles.css

@@ -1 +1 @@
-@-webkit-keyframes micromag-element-call-to-action-appear{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes micromag-element-call-to-action-appear{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.micromag-element-call-to-action-container{opacity:1;position:relative;text-align:center;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;z-index:100}.micromag-element-call-to-action-container .micromag-element-call-to-action-arrow{-webkit-animation:micromag-element-call-to-action-upAndDown .5s ease-in-out infinite alternate;animation:micromag-element-call-to-action-upAndDown .5s ease-in-out infinite alternate;display:block;margin:0 auto 3px}.micromag-element-call-to-action-container .micromag-element-call-to-action-icon{display:inline-block;vertical-align:middle}.micromag-element-call-to-action-container .micromag-element-call-to-action-label{display:inline-block;line-height:1;vertical-align:middle}.micromag-element-call-to-action-container .micromag-element-call-to-action-button{-webkit-user-drag:none;background-color:rgba(0,0,0,0);display:block;margin:0 auto;padding:5px 10px;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-button:hover{text-decoration:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-selfTargetLink{display:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-leavingFrame{-webkit-animation:micromag-element-call-to-action-appear .5s ease both;animation:micromag-element-call-to-action-appear .5s ease both;background-color:#fff;height:100vh;left:0;opacity:0;position:fixed;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:100vw}.micromag-element-call-to-action-container.micromag-element-call-to-action-animationDisabled .micromag-element-call-to-action-arrow{-webkit-animation:none;animation:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-invalidUrl{opacity:.5;pointer-events:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-invalidUrl .micromag-element-call-to-action-arrow{-webkit-animation:none;animation:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-withMargin{margin-bottom:5px}
+@-webkit-keyframes micromag-element-call-to-action-appear{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes micromag-element-call-to-action-appear{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.micromag-element-call-to-action-container{opacity:1;position:relative;text-align:center;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:100}.micromag-element-call-to-action-container .micromag-element-call-to-action-arrow{-webkit-animation:micromag-element-call-to-action-upAndDown .5s ease-in-out infinite alternate;animation:micromag-element-call-to-action-upAndDown .5s ease-in-out infinite alternate;display:block;margin:0 auto 3px}.micromag-element-call-to-action-container .micromag-element-call-to-action-icon{display:inline-block;vertical-align:middle}.micromag-element-call-to-action-container .micromag-element-call-to-action-label{display:inline-block;line-height:1;vertical-align:middle}.micromag-element-call-to-action-container .micromag-element-call-to-action-button{-webkit-user-drag:none;background-color:rgba(0,0,0,0);display:block;margin:0 auto;padding:5px 10px;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-button:hover{text-decoration:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-selfTargetLink{display:none}.micromag-element-call-to-action-container .micromag-element-call-to-action-leavingFrame{-webkit-animation:micromag-element-call-to-action-appear .5s ease both;animation:micromag-element-call-to-action-appear .5s ease both;background-color:#fff;height:100vh;left:0;opacity:0;position:fixed;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:100vw}.micromag-element-call-to-action-container.micromag-element-call-to-action-animationDisabled .micromag-element-call-to-action-arrow{-webkit-animation:none;animation:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-invalidUrl{opacity:.5;pointer-events:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-invalidUrl .micromag-element-call-to-action-arrow{-webkit-animation:none;animation:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-withMargin{margin-bottom:5px}

package/es/index.js

@@ -97,7 +97,6 @@ var defaultProps = {
   onClick: null
 };
 function CallToAction(_ref) {
-  var _ref7;
   var type = _ref.type,
     url = _ref.url,
     label = _ref.label,
@@ -199,7 +198,7 @@ function CallToAction(_ref) {
     };
   }, [setLeaving]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref7 = {}, _defineProperty(_ref7, className, className !== null), _defineProperty(_ref7, styles.disabled, disabled), _defineProperty(_ref7, styles.animationDisabled, animationDisabled), _defineProperty(_ref7, styles.invalidUrl, !validUrl), _defineProperty(_ref7, styles.inWebView, inWebView), _ref7)]),
+    className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.disabled, disabled), styles.animationDisabled, animationDisabled), styles.invalidUrl, !validUrl), styles.inWebView, inWebView)]),
     ref: elRef
   }, leaving ? /*#__PURE__*/React.createElement("div", {
     className: styles.leavingFrame

package/lib/index.js

@@ -14,21 +14,9 @@ var utils = require('@micromag/core/utils');
 var Button = require('@micromag/element-button');
 var Text = require('@micromag/element-text');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
-
 var propTypes$1 = {
-  color: PropTypes__default["default"].string,
-  className: PropTypes__default["default"].string
+  color: PropTypes.string,
+  className: PropTypes.string
 };
 var defaultProps$1 = {
   color: 'currentColor',
@@ -37,7 +25,7 @@ var defaultProps$1 = {
 var Arrow = function Arrow(_ref) {
   var color = _ref.color,
     className = _ref.className;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
@@ -48,9 +36,9 @@ var Arrow = function Arrow(_ref) {
     viewBox: "0 0 48.53 12.38",
     className: className,
     xmlSpace: "preserve"
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     transform: "matrix(1, 0, 0, 1, 0, 0)"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     id: "b",
     fill: "none",
     stroke: color,
@@ -66,28 +54,28 @@ Arrow.defaultProps = defaultProps$1;
 var styles = {"container":"micromag-element-call-to-action-container","arrow":"micromag-element-call-to-action-arrow","upAndDown":"micromag-element-call-to-action-upAndDown","icon":"micromag-element-call-to-action-icon","label":"micromag-element-call-to-action-label","button":"micromag-element-call-to-action-button","selfTargetLink":"micromag-element-call-to-action-selfTargetLink","leavingFrame":"micromag-element-call-to-action-leavingFrame","appear":"micromag-element-call-to-action-appear","animationDisabled":"micromag-element-call-to-action-animationDisabled","invalidUrl":"micromag-element-call-to-action-invalidUrl","withMargin":"micromag-element-call-to-action-withMargin"};
 
 var propTypes = {
-  type: PropTypes__default["default"].oneOf(['click', 'swipe-up', null]),
-  url: PropTypes__default["default"].string,
+  type: PropTypes.oneOf(['click', 'swipe-up', null]),
+  url: PropTypes.string,
   label: core.PropTypes.textElement,
   boxStyle: core.PropTypes.boxStyle,
-  inWebView: PropTypes__default["default"].bool,
-  elRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
-    current: PropTypes__default["default"].any // eslint-disable-line
+  inWebView: PropTypes.bool,
+  elRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any // eslint-disable-line
   })]),
 
-  disabled: PropTypes__default["default"].bool,
-  animationDisabled: PropTypes__default["default"].bool,
-  icon: PropTypes__default["default"].node,
-  arrow: PropTypes__default["default"].node,
-  dragAmount: PropTypes__default["default"].number,
-  className: PropTypes__default["default"].string,
-  buttonClassName: PropTypes__default["default"].string,
-  buttonBorderClassName: PropTypes__default["default"].string,
-  labelClassName: PropTypes__default["default"].string,
-  arrowClassName: PropTypes__default["default"].string,
-  focusable: PropTypes__default["default"].bool,
-  openWebView: PropTypes__default["default"].func,
-  onClick: PropTypes__default["default"].func
+  disabled: PropTypes.bool,
+  animationDisabled: PropTypes.bool,
+  icon: PropTypes.node,
+  arrow: PropTypes.node,
+  dragAmount: PropTypes.number,
+  className: PropTypes.string,
+  buttonClassName: PropTypes.string,
+  buttonBorderClassName: PropTypes.string,
+  labelClassName: PropTypes.string,
+  arrowClassName: PropTypes.string,
+  focusable: PropTypes.bool,
+  openWebView: PropTypes.func,
+  onClick: PropTypes.func
 };
 var defaultProps = {
   type: null,
@@ -111,7 +99,6 @@ var defaultProps = {
   onClick: null
 };
 function CallToAction(_ref) {
-  var _ref7;
   var type = _ref.type,
     url = _ref.url,
     label = _ref.label,
@@ -151,7 +138,7 @@ function CallToAction(_ref) {
     _ref4$backgroundColor = _ref4.backgroundColor,
     backgroundColor = _ref4$backgroundColor === void 0 ? null : _ref4$backgroundColor;
   var arrowStyle = React.useMemo(function () {
-    return _objectSpread__default["default"](_objectSpread__default["default"]({}, {
+    return _objectSpread(_objectSpread({}, {
       fontSize: fontSize
     }), backgroundColor === null ? utils.getStyleFromColor(color, 'color') : utils.getStyleFromColor(backgroundColor, 'color'));
   }, [fontSize, backgroundColor, color]);
@@ -159,7 +146,7 @@ function CallToAction(_ref) {
   // MobileSafari blocks popup no matter what
   var selfTargetLinkRef = React.useRef(null);
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     leaving = _useState2[0],
     setLeaving = _useState2[1];
 
@@ -175,7 +162,7 @@ function CallToAction(_ref) {
       onClick(e);
     }
     if (trackEvent !== null) {
-      trackEvent('call_to_action', isString__default["default"](action) ? action : 'click', url);
+      trackEvent('call_to_action', isString(action) ? action : 'click', url);
     }
   }, [url, onClick, trackEvent, inWebView, openWebView]);
   var onDrag = React.useCallback(function (_ref5) {
@@ -184,7 +171,7 @@ function CallToAction(_ref) {
     event.preventDefault();
   }, []);
   var onDragEnd = React.useCallback(function (_ref6) {
-    var _ref6$movement = _slicedToArray__default["default"](_ref6.movement, 2),
+    var _ref6$movement = _slicedToArray(_ref6.movement, 2),
       my = _ref6$movement[1];
     if (my < -dragAmount) {
       if (inWebView) {
@@ -212,23 +199,23 @@ function CallToAction(_ref) {
       window.removeEventListener('pagehide', onPageHide);
     };
   }, [setLeaving]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref7 = {}, _defineProperty__default["default"](_ref7, className, className !== null), _defineProperty__default["default"](_ref7, styles.disabled, disabled), _defineProperty__default["default"](_ref7, styles.animationDisabled, animationDisabled), _defineProperty__default["default"](_ref7, styles.invalidUrl, !validUrl), _defineProperty__default["default"](_ref7, styles.inWebView, inWebView), _ref7)]),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.disabled, disabled), styles.animationDisabled, animationDisabled), styles.invalidUrl, !validUrl), styles.inWebView, inWebView)]),
     ref: elRef
-  }, leaving ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, leaving ? /*#__PURE__*/React.createElement("div", {
     className: styles.leavingFrame
-  }) : null, !inWebView && swipeUpEnabled ? /*#__PURE__*/React__default["default"].createElement("a", {
+  }) : null, !inWebView && swipeUpEnabled ? /*#__PURE__*/React.createElement("a", {
     className: styles.selfTargetLink,
     href: url,
     ref: selfTargetLinkRef,
     tabIndex: focusable ? '0' : '-1'
-  }) : null, swipeUpEnabled ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.arrow, _defineProperty__default["default"]({}, arrowClassName, arrowClassName !== null)]),
+  }) : null, swipeUpEnabled ? /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.arrow, _defineProperty({}, arrowClassName, arrowClassName !== null)]),
     style: arrowStyle
-  }, arrow || /*#__PURE__*/React__default["default"].createElement(Arrow, null)) : 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)]),
+  }, arrow || /*#__PURE__*/React.createElement(Arrow, null)) : 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)]),
     refButton: buttonRef,
     focusable: focusable,
     buttonStyle: boxStyle,
@@ -236,12 +223,12 @@ function CallToAction(_ref) {
     href: !inWebView ? url : null,
     external: true,
     onClick: onClickLink
-  }, swipeUpEnabled && !disabled ? bind() : null), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: classNames__default["default"]([styles.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
-  }, icon !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, swipeUpEnabled && !disabled ? bind() : null), /*#__PURE__*/React.createElement("span", {
+    className: classNames([styles.label, _defineProperty({}, labelClassName, labelClassName !== null)])
+  }, icon !== null ? /*#__PURE__*/React.createElement("div", {
     className: styles.icon
-  }, icon) : null, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({}, label, {
-    textStyle: _objectSpread__default["default"](_objectSpread__default["default"]({}, textStyle), {}, {
+  }, icon) : null, /*#__PURE__*/React.createElement(Text, Object.assign({}, label, {
+    textStyle: _objectSpread(_objectSpread({}, textStyle), {}, {
       lineHeight: lineHeight || 1
     }),
     inline: true
@@ -249,8 +236,8 @@ function CallToAction(_ref) {
 }
 CallToAction.propTypes = propTypes;
 CallToAction.defaultProps = defaultProps;
-var CallToAction$1 = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
-  return /*#__PURE__*/React__default["default"].createElement(CallToAction, Object.assign({
+var CallToAction$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(CallToAction, Object.assign({
     elRef: ref
   }, props));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-call-to-action",
-    "version": "0.3.423",
+    "version": "0.3.429",
     "private": false,
     "description": "",
     "keywords": [
@@ -32,6 +32,12 @@
     "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "exports": {
+        ".": {
+            "require": "./lib/index.js",
+            "import": "./es/index.js"
+        }
+    },
     "files": [
         "lib",
         "es",
@@ -53,10 +59,10 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.423",
-        "@micromag/element-button": "^0.3.423",
-        "@micromag/element-text": "^0.3.423",
-        "@micromag/element-webview": "^0.3.423",
+        "@micromag/core": "^0.3.429",
+        "@micromag/element-button": "^0.3.429",
+        "@micromag/element-text": "^0.3.429",
+        "@micromag/element-webview": "^0.3.429",
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.2.4",
@@ -70,5 +76,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
+    "gitHead": "f15e72b88ecfda4c54b87626513149b58572c52b"
 }