@micromag/screen-share 0.3.230 → 0.3.233

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 +15 -13
  3. package/lib/index.js +15 -13
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-share-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-share-disabled.micromag-screen-share-container{overflow:hidden;pointer-events:none}.micromag-screen-share-hidden.micromag-screen-share-container{display:none;visibility:hidden}.micromag-screen-share-placeholder.micromag-screen-share-container .micromag-screen-share-content{position:relative;padding:6px}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-share-layout{overflow-x:hidden;overflow-y:auto;padding:10px}.micromag-screen-share-shareOptions{margin-top:10px}.micromag-screen-share-shareOptions.micromag-screen-share-isCentered{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-share-shareButton{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{width:100%;margin:10px auto;padding:10px}.micromag-screen-share-emptyOptions{padding:40px}
1
+ .micromag-screen-share-container .micromag-screen-share-background{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-share-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-share-disabled.micromag-screen-share-container{overflow:hidden;pointer-events:none}.micromag-screen-share-hidden.micromag-screen-share-container{display:none;visibility:hidden}.micromag-screen-share-placeholder.micromag-screen-share-container .micromag-screen-share-content{position:relative;padding:6px}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{margin:5px auto;border:2px dashed #343434;color:#343434}.micromag-screen-share-container .micromag-screen-share-background{z-index:0}.micromag-screen-share-container .micromag-screen-share-content{z-index:1}.micromag-screen-share-layout{overflow-x:hidden;overflow-y:auto;padding:10px}.micromag-screen-share-shareOptions{margin-top:10px}.micromag-screen-share-shareOptions.micromag-screen-share-isCentered{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.micromag-screen-share-shareButton{display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}.micromag-screen-share-emptyHeading,.micromag-screen-share-emptyOptions{width:100%;margin:10px auto;padding:10px}.micromag-screen-share-emptyOptions{padding:40px}
package/es/index.js CHANGED
@@ -17,7 +17,7 @@ import ShareOptions from '@micromag/element-share-options';
17
17
  import _objectSpread from '@babel/runtime/helpers/objectSpread2';
18
18
  import { Heading1, Text, Container as Container$1 } from '@micromag/transforms/apple-news';
19
19
 
20
- var styles = {"container":"micromag-screen-share-container","disabled":"micromag-screen-share-disabled","hidden":"micromag-screen-share-hidden","placeholder":"micromag-screen-share-placeholder","content":"micromag-screen-share-content","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton"};
20
+ var styles = {"container":"micromag-screen-share-container","background":"micromag-screen-share-background","disabled":"micromag-screen-share-disabled","hidden":"micromag-screen-share-hidden","placeholder":"micromag-screen-share-placeholder","content":"micromag-screen-share-content","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton"};
21
21
 
22
22
  var propTypes = {
23
23
  layout: PropTypes.oneOf(['top', 'middle', 'bottom']),
@@ -177,19 +177,10 @@ var ShareScreen = function ShareScreen(_ref) {
177
177
  return /*#__PURE__*/React.createElement("div", {
178
178
  className: classNames([styles.container, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
179
179
  "data-screen-ready": true
180
- }, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
181
- background: background,
180
+ }, /*#__PURE__*/React.createElement(Container, {
182
181
  width: width,
183
182
  height: height,
184
- resolution: resolution,
185
- playing: backgroundPlaying,
186
- muted: muted,
187
- shouldLoad: backgroundShouldLoad,
188
- mediaRef: mediaRef,
189
- withoutVideo: isPreview
190
- }) : null, /*#__PURE__*/React.createElement(Container, {
191
- width: width,
192
- height: height
183
+ className: styles.content
193
184
  }, /*#__PURE__*/React.createElement(Layout, {
194
185
  className: styles.layout,
195
186
  verticalAlign: layout,
@@ -204,7 +195,18 @@ var ShareScreen = function ShareScreen(_ref) {
204
195
  stagger: transitionStagger,
205
196
  disabled: transitionDisabled,
206
197
  playing: transitionPlaying
207
- }, items))));
198
+ }, items))), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
199
+ background: background,
200
+ width: width,
201
+ height: height,
202
+ resolution: resolution,
203
+ playing: backgroundPlaying,
204
+ muted: muted,
205
+ shouldLoad: backgroundShouldLoad,
206
+ mediaRef: mediaRef,
207
+ withoutVideo: isPreview,
208
+ className: styles.background
209
+ }) : null);
208
210
  };
209
211
 
210
212
  ShareScreen.propTypes = propTypes;
package/lib/index.js CHANGED
@@ -36,7 +36,7 @@ var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
36
36
  var ShareOptions__default = /*#__PURE__*/_interopDefaultLegacy(ShareOptions);
37
37
  var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
38
38
 
39
- var styles = {"container":"micromag-screen-share-container","disabled":"micromag-screen-share-disabled","hidden":"micromag-screen-share-hidden","placeholder":"micromag-screen-share-placeholder","content":"micromag-screen-share-content","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton"};
39
+ var styles = {"container":"micromag-screen-share-container","background":"micromag-screen-share-background","disabled":"micromag-screen-share-disabled","hidden":"micromag-screen-share-hidden","placeholder":"micromag-screen-share-placeholder","content":"micromag-screen-share-content","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton"};
40
40
 
41
41
  var propTypes = {
42
42
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom']),
@@ -196,19 +196,10 @@ var ShareScreen = function ShareScreen(_ref) {
196
196
  return /*#__PURE__*/React__default["default"].createElement("div", {
197
197
  className: classNames__default["default"]([styles.container, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
198
198
  "data-screen-ready": true
199
- }, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
200
- background: background,
199
+ }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
201
200
  width: width,
202
201
  height: height,
203
- resolution: resolution,
204
- playing: backgroundPlaying,
205
- muted: muted,
206
- shouldLoad: backgroundShouldLoad,
207
- mediaRef: mediaRef,
208
- withoutVideo: isPreview
209
- }) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
210
- width: width,
211
- height: height
202
+ className: styles.content
212
203
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
213
204
  className: styles.layout,
214
205
  verticalAlign: layout,
@@ -223,7 +214,18 @@ var ShareScreen = function ShareScreen(_ref) {
223
214
  stagger: transitionStagger,
224
215
  disabled: transitionDisabled,
225
216
  playing: transitionPlaying
226
- }, items))));
217
+ }, items))), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
218
+ background: background,
219
+ width: width,
220
+ height: height,
221
+ resolution: resolution,
222
+ playing: backgroundPlaying,
223
+ muted: muted,
224
+ shouldLoad: backgroundShouldLoad,
225
+ mediaRef: mediaRef,
226
+ withoutVideo: isPreview,
227
+ className: styles.background
228
+ }) : null);
227
229
  };
228
230
 
229
231
  ShareScreen.propTypes = propTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-share",
3
- "version": "0.3.230",
3
+ "version": "0.3.233",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -53,15 +53,15 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@babel/runtime": "^7.13.10",
56
- "@micromag/core": "^0.3.230",
57
- "@micromag/element-background": "^0.3.230",
58
- "@micromag/element-call-to-action": "^0.3.230",
59
- "@micromag/element-container": "^0.3.230",
60
- "@micromag/element-heading": "^0.3.230",
61
- "@micromag/element-layout": "^0.3.230",
62
- "@micromag/element-share-options": "^0.3.230",
63
- "@micromag/element-text": "^0.3.230",
64
- "@micromag/transforms": "^0.3.230",
56
+ "@micromag/core": "^0.3.233",
57
+ "@micromag/element-background": "^0.3.233",
58
+ "@micromag/element-call-to-action": "^0.3.233",
59
+ "@micromag/element-container": "^0.3.233",
60
+ "@micromag/element-heading": "^0.3.233",
61
+ "@micromag/element-layout": "^0.3.233",
62
+ "@micromag/element-share-options": "^0.3.233",
63
+ "@micromag/element-text": "^0.3.233",
64
+ "@micromag/transforms": "^0.3.233",
65
65
  "classnames": "^2.2.6",
66
66
  "lodash": "^4.17.21",
67
67
  "prop-types": "^15.7.2",
@@ -71,5 +71,5 @@
71
71
  "publishConfig": {
72
72
  "access": "public"
73
73
  },
74
- "gitHead": "e69201dc3a0c466c0140d3f9d382c9873b1cead9"
74
+ "gitHead": "1849b8fc36ca5b6c6a13045db441495bba22184f"
75
75
  }