@micromag/element-webview 0.3.48 → 0.3.53

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.
Files changed (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +5 -2
  3. package/lib/index.js +5 -2
  4. package/package.json +4 -4
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-element-webview-container{position:relative;width:100%;height:100%;background-color:#343434}.micromag-element-webview-container .micromag-element-webview-iframe{display:block;width:100%;height:100%}.micromag-element-webview-container .micromag-element-webview-top{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;left:0;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:5px}.micromag-element-webview-container .micromag-element-webview-close{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border:2px solid #fff;border-radius:50%;background-color:#343434}.micromag-element-webview-container .micromag-element-webview-icon{margin:0;padding:0;line-height:1}
1
+ .micromag-element-webview-container{width:100%;height:100%;background-color:#343434}.micromag-element-webview-container .micromag-element-webview-iframe{display:block;width:100%;height:100%}.micromag-element-webview-container .micromag-element-webview-top{display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;left:0;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:5px}.micromag-element-webview-container .micromag-element-webview-close{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border:2px solid #fff;border-radius:50%;background-color:#343434}.micromag-element-webview-container .micromag-element-webview-icon{margin:0;padding:0;line-height:1}
package/es/index.js CHANGED
@@ -18,6 +18,7 @@ var propTypes = {
18
18
  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
19
19
  closeable: PropTypes.bool,
20
20
  onClose: PropTypes.func,
21
+ hidden: PropTypes.bool,
21
22
  className: PropTypes.string
22
23
  };
23
24
  var defaultProps = {
@@ -27,6 +28,7 @@ var defaultProps = {
27
28
  height: null,
28
29
  closeable: false,
29
30
  onClose: null,
31
+ hidden: false,
30
32
  className: null
31
33
  };
32
34
 
@@ -39,6 +41,7 @@ function WebView(_ref) {
39
41
  height = _ref.height,
40
42
  closeable = _ref.closeable,
41
43
  onClose = _ref.onClose,
44
+ hidden = _ref.hidden,
42
45
  className = _ref.className;
43
46
  return /*#__PURE__*/React.createElement("div", {
44
47
  className: classNames([styles.container, (_ref2 = {}, _defineProperty(_ref2, styles.closeable, closeable), _defineProperty(_ref2, className, className !== null), _ref2)]),
@@ -55,12 +58,12 @@ function WebView(_ref) {
55
58
  className: styles.icon,
56
59
  icon: faTimes,
57
60
  size: "lg"
58
- }))) : null, /*#__PURE__*/React.createElement("iframe", {
61
+ }))) : null, !hidden ? /*#__PURE__*/React.createElement("iframe", {
59
62
  className: styles.iframe,
60
63
  ref: iframeRef,
61
64
  title: "Popup",
62
65
  src: src
63
- }));
66
+ }) : null);
64
67
  }
65
68
 
66
69
  WebView.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -28,6 +28,7 @@ var propTypes = {
28
28
  height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
29
29
  closeable: PropTypes__default["default"].bool,
30
30
  onClose: PropTypes__default["default"].func,
31
+ hidden: PropTypes__default["default"].bool,
31
32
  className: PropTypes__default["default"].string
32
33
  };
33
34
  var defaultProps = {
@@ -37,6 +38,7 @@ var defaultProps = {
37
38
  height: null,
38
39
  closeable: false,
39
40
  onClose: null,
41
+ hidden: false,
40
42
  className: null
41
43
  };
42
44
 
@@ -49,6 +51,7 @@ function WebView(_ref) {
49
51
  height = _ref.height,
50
52
  closeable = _ref.closeable,
51
53
  onClose = _ref.onClose,
54
+ hidden = _ref.hidden,
52
55
  className = _ref.className;
53
56
  return /*#__PURE__*/React__default["default"].createElement("div", {
54
57
  className: classNames__default["default"]([styles.container, (_ref2 = {}, _defineProperty__default["default"](_ref2, styles.closeable, closeable), _defineProperty__default["default"](_ref2, className, className !== null), _ref2)]),
@@ -65,12 +68,12 @@ function WebView(_ref) {
65
68
  className: styles.icon,
66
69
  icon: freeSolidSvgIcons.faTimes,
67
70
  size: "lg"
68
- }))) : null, /*#__PURE__*/React__default["default"].createElement("iframe", {
71
+ }))) : null, !hidden ? /*#__PURE__*/React__default["default"].createElement("iframe", {
69
72
  className: styles.iframe,
70
73
  ref: iframeRef,
71
74
  title: "Popup",
72
75
  src: src
73
- }));
76
+ }) : null);
74
77
  }
75
78
 
76
79
  WebView.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/element-webview",
3
- "version": "0.3.48",
3
+ "version": "0.3.53",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -52,8 +52,8 @@
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.42",
56
- "@micromag/element-button": "^0.3.45",
55
+ "@micromag/core": "^0.3.53",
56
+ "@micromag/element-button": "^0.3.53",
57
57
  "classnames": "^2.2.6",
58
58
  "lodash": "^4.17.21",
59
59
  "prop-types": "^15.7.2",
@@ -63,5 +63,5 @@
63
63
  "publishConfig": {
64
64
  "access": "public"
65
65
  },
66
- "gitHead": "3d64ece9adf95e8d124800f5313307c594c834d9"
66
+ "gitHead": "4805dedd83a278c2c6d811639f5e81539b81b0a6"
67
67
  }