@micromag/element-call-to-action 0.3.56 → 0.3.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- @-webkit-keyframes micromag-element-call-to-action-appear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes micromag-element-call-to-action-appear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.micromag-element-call-to-action-container{position:relative;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:1;text-align:center}.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}.micromag-element-call-to-action-container .micromag-element-call-to-action-label{display:block}.micromag-element-call-to-action-container .micromag-element-call-to-action-button{display:block;margin:0 auto;padding:5px 10px;background-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-user-drag: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{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:micromag-element-call-to-action-appear .5s ease both;animation:micromag-element-call-to-action-appear .5s ease both;opacity:0;background-color:#fff}.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-disabled{opacity:0;pointer-events:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-withMargin{margin-bottom:5px}.micromag-element-call-to-action-container.micromag-element-call-to-action-withWebView,.micromag-element-call-to-action-webView{width:100%}.micromag-element-call-to-action-webView{position:absolute;z-index:9999;top:100%;height:100%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.micromag-element-call-to-action-webView.micromag-element-call-to-action-visible{-webkit-transform:translateY(-90%);-ms-transform:translateY(-90%);transform:translateY(-90%)}@-webkit-keyframes micromag-element-call-to-action-upAndDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@keyframes micromag-element-call-to-action-upAndDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}
1
+ @-webkit-keyframes micromag-element-call-to-action-appear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes micromag-element-call-to-action-appear{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.micromag-element-call-to-action-container{position:relative;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;opacity:1;text-align:center}.micromag-element-call-to-action-container .micromag-element-call-to-action-arrow{display:block;margin:0 auto;-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}.micromag-element-call-to-action-container .micromag-element-call-to-action-icon,.micromag-element-call-to-action-container .micromag-element-call-to-action-label{display:inline-block}.micromag-element-call-to-action-container .micromag-element-call-to-action-button{display:block;margin:0 auto;padding:5px 10px;background-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-user-drag: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{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:micromag-element-call-to-action-appear .5s ease both;animation:micromag-element-call-to-action-appear .5s ease both;opacity:0;background-color:#fff}.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-disabled{opacity:0;pointer-events:none}.micromag-element-call-to-action-container.micromag-element-call-to-action-inWebView{width:100%}.micromag-element-call-to-action-container.micromag-element-call-to-action-withMargin{margin-bottom:5px}.micromag-element-call-to-action-webView{position:absolute;z-index:9999;top:100%;width:100%;height:100%;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.micromag-element-call-to-action-webView.micromag-element-call-to-action-visible{-webkit-transform:translateY(-90%);-ms-transform:translateY(-90%);transform:translateY(-90%)}@-webkit-keyframes micromag-element-call-to-action-upAndDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@keyframes micromag-element-call-to-action-upAndDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}
package/es/index.js CHANGED
@@ -13,7 +13,7 @@ import Button from '@micromag/element-button';
13
13
  import Text from '@micromag/element-text';
14
14
  import WebView from '@micromag/element-webview';
15
15
 
16
- var styles = {"container":"micromag-element-call-to-action-container","arrow":"micromag-element-call-to-action-arrow","upAndDown":"micromag-element-call-to-action-upAndDown","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","disabled":"micromag-element-call-to-action-disabled","withMargin":"micromag-element-call-to-action-withMargin","withWebView":"micromag-element-call-to-action-withWebView","webView":"micromag-element-call-to-action-webView","visible":"micromag-element-call-to-action-visible"};
16
+ 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","disabled":"micromag-element-call-to-action-disabled","inWebView":"micromag-element-call-to-action-inWebView","withMargin":"micromag-element-call-to-action-withMargin","webView":"micromag-element-call-to-action-webView","visible":"micromag-element-call-to-action-visible"};
17
17
 
18
18
  var propTypes = {
19
19
  elRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
@@ -23,12 +23,18 @@ var propTypes = {
23
23
  disabled: PropTypes.bool,
24
24
  animationDisabled: PropTypes.bool,
25
25
  callToAction: PropTypes$1.callToAction,
26
+ icon: PropTypes.node,
27
+ arrow: PropTypes.node,
26
28
  screenSize: PropTypes.shape({
27
29
  width: PropTypes.number,
28
30
  height: PropTypes.number
29
31
  }),
30
32
  dragAmount: PropTypes.number,
31
33
  className: PropTypes.string,
34
+ buttonClassName: PropTypes.string,
35
+ buttonBorderClassName: PropTypes.string,
36
+ labelClassName: PropTypes.string,
37
+ arrowClassName: PropTypes.string,
32
38
  focusable: PropTypes.bool
33
39
  };
34
40
  var defaultProps = {
@@ -36,22 +42,34 @@ var defaultProps = {
36
42
  disabled: false,
37
43
  animationDisabled: false,
38
44
  callToAction: null,
45
+ icon: null,
46
+ arrow: null,
39
47
  screenSize: null,
40
48
  dragAmount: 50,
41
49
  className: null,
50
+ buttonClassName: null,
51
+ buttonBorderClassName: null,
52
+ labelClassName: null,
53
+ arrowClassName: null,
42
54
  focusable: true
43
55
  };
44
56
 
45
57
  function CallToAction(_ref) {
46
- var _ref6;
58
+ var _ref8;
47
59
 
48
60
  var elRef = _ref.elRef,
49
61
  disabled = _ref.disabled,
50
62
  animationDisabled = _ref.animationDisabled,
51
63
  callToAction = _ref.callToAction,
64
+ icon = _ref.icon,
65
+ arrow = _ref.arrow,
52
66
  screenSize = _ref.screenSize,
53
67
  dragAmount = _ref.dragAmount,
54
68
  className = _ref.className,
69
+ buttonClassName = _ref.buttonClassName,
70
+ buttonBorderClassName = _ref.buttonBorderClassName,
71
+ labelClassName = _ref.labelClassName,
72
+ arrowClassName = _ref.arrowClassName,
55
73
  focusable = _ref.focusable;
56
74
 
57
75
  var _ref2 = callToAction || {},
@@ -96,7 +114,8 @@ function CallToAction(_ref) {
96
114
  return _objectSpread(_objectSpread({}, {
97
115
  fontSize: fontSize
98
116
  }), getStyleFromColor(color, 'color'));
99
- }, [fontSize, color]); // MobileSafari blocks popup no matter what
117
+ }, [fontSize, color]);
118
+ console.log(buttonStyle); // MobileSafari blocks popup no matter what
100
119
 
101
120
  var selfTargetLinkRef = useRef(null);
102
121
 
@@ -162,8 +181,15 @@ function CallToAction(_ref) {
162
181
  var onCloseWebView = useCallback(function () {
163
182
  setShowWebView(false);
164
183
  }, [setShowWebView]);
184
+ var ArrowElement = arrow !== null ? /*#__PURE__*/React.createElement("div", {
185
+ className: classNames([styles.arrow, _defineProperty({}, arrowClassName, arrowClassName !== null)])
186
+ }, arrow) : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
187
+ className: classNames([styles.arrow, _defineProperty({}, arrowClassName, arrowClassName !== null)]),
188
+ style: arrowStyle,
189
+ icon: faChevronUp
190
+ });
165
191
  return active ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
166
- className: classNames([styles.container, (_ref6 = {}, _defineProperty(_ref6, className, className !== null), _defineProperty(_ref6, styles.disabled, disabled), _defineProperty(_ref6, styles.animationDisabled, animationDisabled), _defineProperty(_ref6, styles.invalidUrl, !validUrl), _defineProperty(_ref6, styles.withWebView, inWebView), _ref6)]),
192
+ className: classNames([styles.container, (_ref8 = {}, _defineProperty(_ref8, className, className !== null), _defineProperty(_ref8, styles.disabled, disabled), _defineProperty(_ref8, styles.animationDisabled, animationDisabled), _defineProperty(_ref8, styles.invalidUrl, !validUrl), _defineProperty(_ref8, styles.inWebView, inWebView), _ref8)]),
167
193
  ref: elRef
168
194
  }, leaving ? /*#__PURE__*/React.createElement("div", {
169
195
  className: styles.leavingFrame
@@ -172,12 +198,10 @@ function CallToAction(_ref) {
172
198
  href: url,
173
199
  ref: selfTargetLinkRef,
174
200
  tabIndex: focusable ? '0' : '-1'
175
- }), swipeUpEnabled ? /*#__PURE__*/React.createElement(FontAwesomeIcon, {
176
- className: styles.arrow,
177
- style: arrowStyle,
178
- icon: faChevronUp
179
- }) : null, /*#__PURE__*/React.createElement(Button, Object.assign({
180
- className: styles.button,
201
+ }), swipeUpEnabled ? ArrowElement : null, /*#__PURE__*/React.createElement("div", {
202
+ className: classNames([styles.buttonBorder, _defineProperty({}, buttonBorderClassName, buttonBorderClassName !== null)])
203
+ }, /*#__PURE__*/React.createElement(Button, Object.assign({
204
+ className: classNames([styles.button, _defineProperty({}, buttonClassName, buttonClassName !== null)]),
181
205
  refButton: buttonRef,
182
206
  focusable: focusable,
183
207
  buttonStyle: _objectSpread({
@@ -189,12 +213,15 @@ function CallToAction(_ref) {
189
213
  href: url,
190
214
  external: true
191
215
  }), /*#__PURE__*/React.createElement("span", {
192
- className: styles.label
193
- }, /*#__PURE__*/React.createElement(Text, Object.assign({}, label, {
216
+ className: classNames([styles.label, _defineProperty({}, labelClassName, labelClassName !== null)])
217
+ }, icon !== null ? /*#__PURE__*/React.createElement("div", {
218
+ className: styles.icon
219
+ }, icon) : null, /*#__PURE__*/React.createElement(Text, Object.assign({}, label, {
194
220
  inline: true
195
- }))))), inWebView ? /*#__PURE__*/React.createElement(WebView, Object.assign({
221
+ })))))), inWebView ? /*#__PURE__*/React.createElement(WebView, Object.assign({
196
222
  className: classNames([styles.webView, _defineProperty({}, styles.visible, showWebView)]),
197
223
  src: url,
224
+ disabled: !showWebView,
198
225
  closeable: true,
199
226
  hidden: disableWebView,
200
227
  onClose: onCloseWebView
package/lib/index.js CHANGED
@@ -27,7 +27,7 @@ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
27
27
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
28
28
  var WebView__default = /*#__PURE__*/_interopDefaultLegacy(WebView);
29
29
 
30
- var styles = {"container":"micromag-element-call-to-action-container","arrow":"micromag-element-call-to-action-arrow","upAndDown":"micromag-element-call-to-action-upAndDown","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","disabled":"micromag-element-call-to-action-disabled","withMargin":"micromag-element-call-to-action-withMargin","withWebView":"micromag-element-call-to-action-withWebView","webView":"micromag-element-call-to-action-webView","visible":"micromag-element-call-to-action-visible"};
30
+ 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","disabled":"micromag-element-call-to-action-disabled","inWebView":"micromag-element-call-to-action-inWebView","withMargin":"micromag-element-call-to-action-withMargin","webView":"micromag-element-call-to-action-webView","visible":"micromag-element-call-to-action-visible"};
31
31
 
32
32
  var propTypes = {
33
33
  elRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
@@ -37,12 +37,18 @@ var propTypes = {
37
37
  disabled: PropTypes__default["default"].bool,
38
38
  animationDisabled: PropTypes__default["default"].bool,
39
39
  callToAction: core.PropTypes.callToAction,
40
+ icon: PropTypes__default["default"].node,
41
+ arrow: PropTypes__default["default"].node,
40
42
  screenSize: PropTypes__default["default"].shape({
41
43
  width: PropTypes__default["default"].number,
42
44
  height: PropTypes__default["default"].number
43
45
  }),
44
46
  dragAmount: PropTypes__default["default"].number,
45
47
  className: PropTypes__default["default"].string,
48
+ buttonClassName: PropTypes__default["default"].string,
49
+ buttonBorderClassName: PropTypes__default["default"].string,
50
+ labelClassName: PropTypes__default["default"].string,
51
+ arrowClassName: PropTypes__default["default"].string,
46
52
  focusable: PropTypes__default["default"].bool
47
53
  };
48
54
  var defaultProps = {
@@ -50,22 +56,34 @@ var defaultProps = {
50
56
  disabled: false,
51
57
  animationDisabled: false,
52
58
  callToAction: null,
59
+ icon: null,
60
+ arrow: null,
53
61
  screenSize: null,
54
62
  dragAmount: 50,
55
63
  className: null,
64
+ buttonClassName: null,
65
+ buttonBorderClassName: null,
66
+ labelClassName: null,
67
+ arrowClassName: null,
56
68
  focusable: true
57
69
  };
58
70
 
59
71
  function CallToAction(_ref) {
60
- var _ref6;
72
+ var _ref8;
61
73
 
62
74
  var elRef = _ref.elRef,
63
75
  disabled = _ref.disabled,
64
76
  animationDisabled = _ref.animationDisabled,
65
77
  callToAction = _ref.callToAction,
78
+ icon = _ref.icon,
79
+ arrow = _ref.arrow,
66
80
  screenSize = _ref.screenSize,
67
81
  dragAmount = _ref.dragAmount,
68
82
  className = _ref.className,
83
+ buttonClassName = _ref.buttonClassName,
84
+ buttonBorderClassName = _ref.buttonBorderClassName,
85
+ labelClassName = _ref.labelClassName,
86
+ arrowClassName = _ref.arrowClassName,
69
87
  focusable = _ref.focusable;
70
88
 
71
89
  var _ref2 = callToAction || {},
@@ -110,7 +128,8 @@ function CallToAction(_ref) {
110
128
  return _objectSpread__default["default"](_objectSpread__default["default"]({}, {
111
129
  fontSize: fontSize
112
130
  }), utils.getStyleFromColor(color, 'color'));
113
- }, [fontSize, color]); // MobileSafari blocks popup no matter what
131
+ }, [fontSize, color]);
132
+ console.log(buttonStyle); // MobileSafari blocks popup no matter what
114
133
 
115
134
  var selfTargetLinkRef = React.useRef(null);
116
135
 
@@ -176,8 +195,15 @@ function CallToAction(_ref) {
176
195
  var onCloseWebView = React.useCallback(function () {
177
196
  setShowWebView(false);
178
197
  }, [setShowWebView]);
198
+ var ArrowElement = arrow !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
199
+ className: classNames__default["default"]([styles.arrow, _defineProperty__default["default"]({}, arrowClassName, arrowClassName !== null)])
200
+ }, arrow) : /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
201
+ className: classNames__default["default"]([styles.arrow, _defineProperty__default["default"]({}, arrowClassName, arrowClassName !== null)]),
202
+ style: arrowStyle,
203
+ icon: freeSolidSvgIcons.faChevronUp
204
+ });
179
205
  return active ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
180
- className: classNames__default["default"]([styles.container, (_ref6 = {}, _defineProperty__default["default"](_ref6, className, className !== null), _defineProperty__default["default"](_ref6, styles.disabled, disabled), _defineProperty__default["default"](_ref6, styles.animationDisabled, animationDisabled), _defineProperty__default["default"](_ref6, styles.invalidUrl, !validUrl), _defineProperty__default["default"](_ref6, styles.withWebView, inWebView), _ref6)]),
206
+ className: classNames__default["default"]([styles.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, className, className !== null), _defineProperty__default["default"](_ref8, styles.disabled, disabled), _defineProperty__default["default"](_ref8, styles.animationDisabled, animationDisabled), _defineProperty__default["default"](_ref8, styles.invalidUrl, !validUrl), _defineProperty__default["default"](_ref8, styles.inWebView, inWebView), _ref8)]),
181
207
  ref: elRef
182
208
  }, leaving ? /*#__PURE__*/React__default["default"].createElement("div", {
183
209
  className: styles.leavingFrame
@@ -186,12 +212,10 @@ function CallToAction(_ref) {
186
212
  href: url,
187
213
  ref: selfTargetLinkRef,
188
214
  tabIndex: focusable ? '0' : '-1'
189
- }), swipeUpEnabled ? /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
190
- className: styles.arrow,
191
- style: arrowStyle,
192
- icon: freeSolidSvgIcons.faChevronUp
193
- }) : null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
194
- className: styles.button,
215
+ }), swipeUpEnabled ? ArrowElement : null, /*#__PURE__*/React__default["default"].createElement("div", {
216
+ className: classNames__default["default"]([styles.buttonBorder, _defineProperty__default["default"]({}, buttonBorderClassName, buttonBorderClassName !== null)])
217
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], Object.assign({
218
+ className: classNames__default["default"]([styles.button, _defineProperty__default["default"]({}, buttonClassName, buttonClassName !== null)]),
195
219
  refButton: buttonRef,
196
220
  focusable: focusable,
197
221
  buttonStyle: _objectSpread__default["default"]({
@@ -203,12 +227,15 @@ function CallToAction(_ref) {
203
227
  href: url,
204
228
  external: true
205
229
  }), /*#__PURE__*/React__default["default"].createElement("span", {
206
- className: styles.label
207
- }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({}, label, {
230
+ className: classNames__default["default"]([styles.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
231
+ }, icon !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
232
+ className: styles.icon
233
+ }, icon) : null, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({}, label, {
208
234
  inline: true
209
- }))))), inWebView ? /*#__PURE__*/React__default["default"].createElement(WebView__default["default"], Object.assign({
235
+ })))))), inWebView ? /*#__PURE__*/React__default["default"].createElement(WebView__default["default"], Object.assign({
210
236
  className: classNames__default["default"]([styles.webView, _defineProperty__default["default"]({}, styles.visible, showWebView)]),
211
237
  src: url,
238
+ disabled: !showWebView,
212
239
  closeable: true,
213
240
  hidden: disableWebView,
214
241
  onClose: onCloseWebView
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-call-to-action",
3
- "version": "0.3.56",
3
+ "version": "0.3.60",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -52,10 +52,10 @@
52
52
  "@fortawesome/fontawesome-svg-core": "^1.2.32",
53
53
  "@fortawesome/free-solid-svg-icons": "^5.15.1",
54
54
  "@fortawesome/react-fontawesome": "^0.1.13",
55
- "@micromag/core": "^0.3.56",
56
- "@micromag/element-button": "^0.3.56",
57
- "@micromag/element-text": "^0.3.56",
58
- "@micromag/element-webview": "^0.3.56",
55
+ "@micromag/core": "^0.3.60",
56
+ "@micromag/element-button": "^0.3.60",
57
+ "@micromag/element-text": "^0.3.60",
58
+ "@micromag/element-webview": "^0.3.60",
59
59
  "@react-spring/core": "^9.1.1",
60
60
  "@react-spring/web": "^9.1.1",
61
61
  "@use-gesture/react": "^10.2.4",
@@ -68,5 +68,5 @@
68
68
  "publishConfig": {
69
69
  "access": "public"
70
70
  },
71
- "gitHead": "8043af68555f4d11bbc067432123c252e38c2745"
71
+ "gitHead": "f79f285d0b402d94f7703782bdd9e6fdc0cdafb0"
72
72
  }