@micromag/screen-urbania-trivia 0.3.420 → 0.3.429

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 +2 -3
  3. package/lib/index.js +44 -61
  4. package/package.json +20 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-background,.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-coinnerntent,.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-image,.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-trivia-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-trivia-disabled.micromag-screen-urbania-trivia-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-trivia-hidden.micromag-screen-urbania-trivia-container{display:none;visibility:hidden}.micromag-screen-urbania-trivia-placeholder.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-content{padding:6px;position:relative}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-background{z-index:0}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-content{z-index:1}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-empty{height:50px;margin:10px auto;width:100%}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-itemsContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:80%}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-coinnerntent{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;overflow:hidden}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-videoContainer{overflow:hidden;position:relative}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-isCustomBackground{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-isAnimated{-webkit-animation:micromag-screen-urbania-trivia-spin 9s linear 0ms infinite;animation:micromag-screen-urbania-trivia-spin 9s linear 0ms infinite;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}@-webkit-keyframes micromag-screen-urbania-trivia-spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}@keyframes micromag-screen-urbania-trivia-spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-heading{background-color:#fff800;border-bottom:1px solid #000;border-top:1px solid #000;color:#000;font-family:Agrandir Wide,sans-serif;font-size:26px;font-weight:800;padding:16px 5px 10px;text-align:center;text-shadow:-2px -2px 0 #fff;text-transform:uppercase;width:320px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-heading.micromag-screen-urbania-trivia-hideHeading{display:none}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-callToAction{padding-bottom:5px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom.micromag-screen-urbania-trivia-visible{opacity:1}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom.micromag-screen-urbania-trivia-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-placeholder{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;mix-blend-mode:normal}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-videoPlaceholder{background-color:#adadad;mix-blend-mode:normal}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottomContent{bottom:0;position:absolute;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:100%}.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}
1
+ .micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-background,.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-coinnerntent,.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-image,.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-trivia-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-trivia-disabled.micromag-screen-urbania-trivia-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-trivia-hidden.micromag-screen-urbania-trivia-container{display:none;visibility:hidden}.micromag-screen-urbania-trivia-placeholder.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-content{padding:6px;position:relative}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-background{z-index:0}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-content{z-index:1}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-empty{height:50px;margin:10px auto;width:100%}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-itemsContainer{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:80%}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-coinnerntent{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;overflow:hidden}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-videoContainer{overflow:hidden;position:relative}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-isCustomBackground{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-isAnimated{-webkit-animation:micromag-screen-urbania-trivia-spin 9s linear 0ms infinite;animation:micromag-screen-urbania-trivia-spin 9s linear 0ms infinite;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}@-webkit-keyframes micromag-screen-urbania-trivia-spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}@keyframes micromag-screen-urbania-trivia-spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-heading{background-color:#fff800;border-bottom:1px solid #000;border-top:1px solid #000;color:#000;font-family:Agrandir Wide,sans-serif;font-size:26px;font-weight:800;padding:16px 5px 10px;text-align:center;text-shadow:-2px -2px 0 #fff;text-transform:uppercase;width:320px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-heading.micromag-screen-urbania-trivia-hideHeading{display:none}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-callToAction{padding-bottom:5px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom.micromag-screen-urbania-trivia-visible{opacity:1}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom.micromag-screen-urbania-trivia-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-placeholder{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;mix-blend-mode:normal}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-videoPlaceholder{background-color:#adadad;mix-blend-mode:normal}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottomContent{bottom:0;position:absolute;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:100%}.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}
package/es/index.js CHANGED
@@ -73,7 +73,6 @@ var defaultProps = {
73
73
  className: null
74
74
  };
75
75
  var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
76
- var _ref9, _ref10;
77
76
  var layout = _ref.layout,
78
77
  title = _ref.title,
79
78
  video = _ref.video,
@@ -393,7 +392,7 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
393
392
  currentTime: currentTime
394
393
  }) : null)) : null) : null))];
395
394
  return /*#__PURE__*/React.createElement("div", {
396
- className: classNames([styles.container, (_ref9 = {}, _defineProperty(_ref9, className, className !== null), _defineProperty(_ref9, styles.fullscreen, fullscreen), _ref9)]),
395
+ className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.fullscreen, fullscreen)]),
397
396
  "data-screen-ready": isStatic || isCapture || ready
398
397
  }, /*#__PURE__*/React.createElement(Container, {
399
398
  width: width,
@@ -407,7 +406,7 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
407
406
  } : null
408
407
  }, items)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
409
408
  background: finalBackground,
410
- className: classNames([styles.background, (_ref10 = {}, _defineProperty(_ref10, className, className !== null), _defineProperty(_ref10, styles.isCustomBackground, isCustomBackground), _defineProperty(_ref10, styles.isAnimated, isAnimatedBackground), _ref10)]),
409
+ className: classNames([styles.background, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.isCustomBackground, isCustomBackground), styles.isAnimated, isAnimatedBackground)]),
411
410
  width: width,
412
411
  height: height,
413
412
  resolution: resolution,
package/lib/index.js CHANGED
@@ -23,22 +23,6 @@ var Heading = require('@micromag/element-heading');
23
23
  var Image = require('@micromag/element-image');
24
24
  var Video = require('@micromag/element-video');
25
25
 
26
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
27
-
28
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
29
- var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
30
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
31
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
32
- var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
33
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
34
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
35
- var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
36
- var ClosedCaptions__default = /*#__PURE__*/_interopDefaultLegacy(ClosedCaptions);
37
- var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
38
- var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
39
- var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
40
- var Video__default = /*#__PURE__*/_interopDefaultLegacy(Video);
41
-
42
26
  var styles = {"container":"micromag-screen-urbania-trivia-container","fullscreen":"micromag-screen-urbania-trivia-fullscreen","image":"micromag-screen-urbania-trivia-image","placeholder":"micromag-screen-urbania-trivia-placeholder","coinnerntent":"micromag-screen-urbania-trivia-coinnerntent","background":"micromag-screen-urbania-trivia-background","disabled":"micromag-screen-urbania-trivia-disabled","hidden":"micromag-screen-urbania-trivia-hidden","content":"micromag-screen-urbania-trivia-content","empty":"micromag-screen-urbania-trivia-empty","itemsContainer":"micromag-screen-urbania-trivia-itemsContainer","videoContainer":"micromag-screen-urbania-trivia-videoContainer","video":"micromag-screen-urbania-trivia-video","isCustomBackground":"micromag-screen-urbania-trivia-isCustomBackground","isAnimated":"micromag-screen-urbania-trivia-isAnimated","spin":"micromag-screen-urbania-trivia-spin","heading":"micromag-screen-urbania-trivia-heading","hideHeading":"micromag-screen-urbania-trivia-hideHeading","callToAction":"micromag-screen-urbania-trivia-callToAction","bottom":"micromag-screen-urbania-trivia-bottom","visible":"micromag-screen-urbania-trivia-visible","withGradient":"micromag-screen-urbania-trivia-withGradient","mediaControls":"micromag-screen-urbania-trivia-mediaControls","videoPlaceholder":"micromag-screen-urbania-trivia-videoPlaceholder","bottomContent":"micromag-screen-urbania-trivia-bottomContent","emptyContainer":"micromag-screen-urbania-trivia-emptyContainer"};
43
27
 
44
28
  var AnimeLinesGrey = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201083.95%201920%22%3E%20%20%20%20%3Cg%20id%3D%22a%22%2F%3E%20%20%20%20%3Cg%20id%3D%22b%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22c%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1083.95%2C0h-103.4l-438.55%2C959.95L1083.95%2C109.31V0Zm0%2C295L542.02%2C959.96l541.93-498.87v-166.08Zm0%2C274.99l-541.92%2C389.98%2C541.92-279.64v-110.34Zm0%2C190.53l-541.92%2C199.46%2C541.92-110.89v-88.57Zm0%2C158.17l-541.92%2C41.31%2C541.92%2C41.31v-82.61Zm0%2C152.21l-541.92-110.89%2C541.92%2C199.46v-88.58Zm0%2C168.77l-541.92-279.64%2C541.92%2C389.98v-110.34Zm0%2C219.25l-541.93-498.87%2C541.93%2C664.95v-166.08Zm0%2C351.77L542%2C960.05l438.55%2C959.95h103.4v-109.31ZM854.8%2C0h-138.91l-173.9%2C959.94L854.8%2C0Zm0%2C1920l-312.81-959.94%2C173.9%2C959.94h138.91ZM606.75%2C0h-129.56l64.78%2C959.94L606.75%2C0Zm0%2C1920l-64.78-959.94-64.78%2C959.94h129.56Zm-64.79-960.06L368.06%2C0H229.15l312.81%2C959.94Zm0%2C.12L229.15%2C1920h138.91l173.9-959.94Zm-.01-.11L103.4%2C0H0V109.31L541.94%2C959.95Zm0%2C.11L0%2C1810.69v109.31H103.4l438.55-959.95Zm-.01-.1L0%2C295.01v166.08l541.93%2C498.87Zm0%2C.09L0%2C1458.91v166.08L541.93%2C960.04Zm-.01-.07L0%2C570v110.34l541.92%2C279.63Zm0%2C.02L0%2C760.52v88.57l541.92%2C110.89Zm0%2C.02L0%2C918.69v82.61l541.92-41.31Zm0%2C.02L0%2C1070.9v88.57l541.92-199.46Zm0%2C.02L0%2C1239.66v110.34l541.92-389.97Z%22%20fill%3D%22hsla%280%2C0%25%2C100%25%2C.6%29%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
@@ -64,19 +48,19 @@ var placeholderBackground = {
64
48
  color: null
65
49
  };
66
50
  var propTypes = {
67
- layout: PropTypes__default["default"].oneOf(['middle', 'full']),
51
+ layout: PropTypes.oneOf(['middle', 'full']),
68
52
  title: core.PropTypes.headingElement,
69
53
  video: core.PropTypes.videoElement,
70
- gotoNextScreenOnEnd: PropTypes__default["default"].bool,
54
+ gotoNextScreenOnEnd: PropTypes.bool,
71
55
  background: core.PropTypes.backgroundElement,
72
- current: PropTypes__default["default"].bool,
73
- active: PropTypes__default["default"].bool,
74
- spacing: PropTypes__default["default"].number,
75
- padding: PropTypes__default["default"].number,
76
- mediaRef: PropTypes__default["default"].func,
77
- transitions: PropTypes__default["default"].any,
56
+ current: PropTypes.bool,
57
+ active: PropTypes.bool,
58
+ spacing: PropTypes.number,
59
+ padding: PropTypes.number,
60
+ mediaRef: PropTypes.func,
61
+ transitions: PropTypes.any,
78
62
  // eslint-disable-line react/forbid-prop-types
79
- className: PropTypes__default["default"].string
63
+ className: PropTypes.string
80
64
  };
81
65
  var defaultProps = {
82
66
  layout: 'full',
@@ -93,7 +77,6 @@ var defaultProps = {
93
77
  className: null
94
78
  };
95
79
  var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
96
- var _ref9, _ref10;
97
80
  var layout = _ref.layout,
98
81
  title = _ref.title,
99
82
  video = _ref.video,
@@ -178,11 +161,11 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
178
161
 
179
162
  // Get api state updates from callback
180
163
  var _useState = React.useState(null),
181
- _useState2 = _slicedToArray__default["default"](_useState, 2),
164
+ _useState2 = _slicedToArray(_useState, 2),
182
165
  currentTime = _useState2[0],
183
166
  setCurrentTime = _useState2[1];
184
167
  var _useState3 = React.useState(null),
185
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
168
+ _useState4 = _slicedToArray(_useState3, 2),
186
169
  duration = _useState4[0],
187
170
  setDuration = _useState4[1];
188
171
  React.useEffect(function () {
@@ -247,13 +230,13 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
247
230
  var isAnimatedBackground = !isStatic && !isPreview && isCustomBackground;
248
231
  var hasVideo = video !== null;
249
232
  var _useState5 = React.useState(hasVideo),
250
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
233
+ _useState6 = _slicedToArray(_useState5, 2),
251
234
  ready = _useState6[0],
252
235
  setReady = _useState6[1];
253
236
  var transitionPlaying = current && ready;
254
237
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
255
238
  var finalVideo = React.useMemo(function () {
256
- return hasVideo ? _objectSpread__default["default"](_objectSpread__default["default"]({}, video), {}, {
239
+ return hasVideo ? _objectSpread(_objectSpread({}, video), {}, {
257
240
  autoPlay: !isPreview && !isStatic && !isCapture && autoPlay && current
258
241
  }) : null;
259
242
  }, [hasVideo, video, isPreview, isStatic, isCapture, autoPlay, current]);
@@ -285,7 +268,7 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
285
268
 
286
269
  var verticalVideo = resizedVideoHeight > resizedVideoWidth;
287
270
  var finalBackground = React.useMemo(function () {
288
- if (isArray__default["default"](background) && background.length > 0) {
271
+ if (isArray(background) && background.length > 0) {
289
272
  return background;
290
273
  }
291
274
  var _ref8 = background || {},
@@ -296,9 +279,9 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
296
279
  _ref8$color = _ref8.color,
297
280
  bgColor = _ref8$color === void 0 ? null : _ref8$color;
298
281
  if (bgImage !== null || bgVideo !== null) {
299
- return _objectSpread__default["default"](_objectSpread__default["default"]({}, defaultBackground), background);
282
+ return _objectSpread(_objectSpread({}, defaultBackground), background);
300
283
  }
301
- return _objectSpread__default["default"](_objectSpread__default["default"]({}, defaultBackground), bgColor !== null ? {
284
+ return _objectSpread(_objectSpread({}, defaultBackground), bgColor !== null ? {
302
285
  color: bgColor
303
286
  } : null);
304
287
  }, [background]);
@@ -314,22 +297,22 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
314
297
  var onVideoReady = React.useCallback(function () {
315
298
  setReady(true);
316
299
  }, [setReady]);
317
- var items = [/*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
300
+ var items = [/*#__PURE__*/React.createElement(Container, {
318
301
  className: styles.itemsContainer,
319
302
  style: {
320
303
  marginTop: -spacing / 2
321
304
  }
322
- }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
305
+ }, /*#__PURE__*/React.createElement(components.ScreenElement, {
323
306
  key: "heading",
324
307
  className: styles.headingScreenElement,
325
- placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderTitle, Object.assign({
308
+ placeholder: /*#__PURE__*/React.createElement(components.PlaceholderTitle, Object.assign({
326
309
  className: styles.placeholder
327
310
  }, placeholderProps)),
328
- empty: /*#__PURE__*/React__default["default"].createElement("div", {
311
+ empty: /*#__PURE__*/React.createElement("div", {
329
312
  className: styles.emptyContainer
330
- }, /*#__PURE__*/React__default["default"].createElement(components.Empty, {
313
+ }, /*#__PURE__*/React.createElement(components.Empty, {
331
314
  className: styles.empty
332
- }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
315
+ }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
333
316
  id: "oAtOlP",
334
317
  defaultMessage: [{
335
318
  "type": 0,
@@ -337,22 +320,22 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
337
320
  }]
338
321
  }))),
339
322
  isEmpty: !hasTitle
340
- }, hasTitle ? /*#__PURE__*/React__default["default"].createElement("div", {
323
+ }, hasTitle ? /*#__PURE__*/React.createElement("div", {
341
324
  ref: titleRef
342
- }, /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
325
+ }, /*#__PURE__*/React.createElement(Heading, Object.assign({
343
326
  className: styles.heading
344
327
  // body={body}
345
- }, title))) : null), /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
328
+ }, title))) : null), /*#__PURE__*/React.createElement(components.ScreenElement, {
346
329
  key: "video",
347
330
  className: styles.videoScreenElement,
348
- placeholder: /*#__PURE__*/React__default["default"].createElement(components.PlaceholderVideo, Object.assign({
331
+ placeholder: /*#__PURE__*/React.createElement(components.PlaceholderVideo, Object.assign({
349
332
  className: styles.videoPlaceholder
350
333
  }, placeholderProps)),
351
- empty: /*#__PURE__*/React__default["default"].createElement("div", {
334
+ empty: /*#__PURE__*/React.createElement("div", {
352
335
  className: styles.emptyContainer
353
- }, /*#__PURE__*/React__default["default"].createElement(components.Empty, {
336
+ }, /*#__PURE__*/React.createElement(components.Empty, {
354
337
  className: styles.empty
355
- }, /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
338
+ }, /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
356
339
  id: "3ext9Q",
357
340
  defaultMessage: [{
358
341
  "type": 0,
@@ -360,7 +343,7 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
360
343
  }]
361
344
  }))),
362
345
  isEmpty: !hasVideoUrl
363
- }, hasVideoUrl ? /*#__PURE__*/React__default["default"].createElement("div", {
346
+ }, hasVideoUrl ? /*#__PURE__*/React.createElement("div", {
364
347
  className: styles.videoContainer,
365
348
  style: {
366
349
  width: Math.min(width, resizedVideoWidth),
@@ -368,7 +351,7 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
368
351
  left: resizedVideoLeft > 0 ? resizedVideoLeft : null,
369
352
  maxHeight: videoMaxHeight
370
353
  }
371
- }, isPreview || isCapture ? /*#__PURE__*/React__default["default"].createElement(Image__default["default"], {
354
+ }, isPreview || isCapture ? /*#__PURE__*/React.createElement(Image, {
372
355
  className: styles.image,
373
356
  media: {
374
357
  url: thumbnailUrl,
@@ -380,7 +363,7 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
380
363
  width: Math.min(width, resizedVideoWidth),
381
364
  height: resizedVideoHeight,
382
365
  resolution: resolution
383
- }) : /*#__PURE__*/React__default["default"].createElement(Video__default["default"], Object.assign({}, finalVideo, {
366
+ }) : /*#__PURE__*/React.createElement(Video, Object.assign({}, finalVideo, {
384
367
  mediaRef: mediaRef,
385
368
  paused: !current || !playing,
386
369
  muted: muted,
@@ -397,44 +380,44 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
397
380
  onEnded: onEnded,
398
381
  focusable: current && isView,
399
382
  shouldLoad: mediaShouldLoad
400
- })), current && !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement("div", {
383
+ })), current && !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
401
384
  key: "bottom-content",
402
385
  className: styles.bottomContent,
403
386
  style: {
404
387
  transform: "translate(0, -".concat(viewerBottomHeight, "px)")
405
388
  }
406
- }, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
389
+ }, /*#__PURE__*/React.createElement(components.Transitions, {
407
390
  playing: transitionPlaying,
408
391
  transitions: transitions,
409
392
  disabled: transitionDisabled
410
- }, closedCaptions !== null && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React__default["default"].createElement(ClosedCaptions__default["default"], {
393
+ }, closedCaptions !== null && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React.createElement(ClosedCaptions, {
411
394
  className: styles.closedCaptions,
412
395
  media: closedCaptions,
413
396
  currentTime: currentTime
414
397
  }) : null)) : null) : null))];
415
- return /*#__PURE__*/React__default["default"].createElement("div", {
416
- className: classNames__default["default"]([styles.container, (_ref9 = {}, _defineProperty__default["default"](_ref9, className, className !== null), _defineProperty__default["default"](_ref9, styles.fullscreen, fullscreen), _ref9)]),
398
+ return /*#__PURE__*/React.createElement("div", {
399
+ className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.fullscreen, fullscreen)]),
417
400
  "data-screen-ready": isStatic || isCapture || ready
418
- }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
401
+ }, /*#__PURE__*/React.createElement(Container, {
419
402
  width: width,
420
403
  height: height,
421
404
  className: styles.content
422
- }, /*#__PURE__*/React__default["default"].createElement("div", {
405
+ }, /*#__PURE__*/React.createElement("div", {
423
406
  className: styles.inner,
424
407
  style: verticalVideo ? {
425
408
  justifyContent: 'flex-start',
426
409
  marginTop: spacing * 2
427
410
  } : null
428
- }, items)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
411
+ }, items)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
429
412
  background: finalBackground,
430
- className: classNames__default["default"]([styles.background, (_ref10 = {}, _defineProperty__default["default"](_ref10, className, className !== null), _defineProperty__default["default"](_ref10, styles.isCustomBackground, isCustomBackground), _defineProperty__default["default"](_ref10, styles.isAnimated, isAnimatedBackground), _ref10)]),
413
+ className: classNames([styles.background, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles.isCustomBackground, isCustomBackground), styles.isAnimated, isAnimatedBackground)]),
431
414
  width: width,
432
415
  height: height,
433
416
  resolution: resolution,
434
417
  playing: backgroundPlaying,
435
418
  shouldLoad: mediaShouldLoad,
436
419
  withoutVideo: isPreview
437
- }) : /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
420
+ }) : /*#__PURE__*/React.createElement(Background, {
438
421
  background: placeholderBackground,
439
422
  className: styles.background,
440
423
  width: width,
@@ -445,7 +428,7 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
445
428
  };
446
429
  UrbaniaTrivia.propTypes = propTypes;
447
430
  UrbaniaTrivia.defaultProps = defaultProps;
448
- var UrbaniaTriviaScreen = /*#__PURE__*/React__default["default"].memo(UrbaniaTrivia);
431
+ var UrbaniaTriviaScreen = /*#__PURE__*/React.memo(UrbaniaTrivia);
449
432
 
450
433
  var definition = {
451
434
  id: 'urbania-trivia',
@@ -517,4 +500,4 @@ var definition = {
517
500
  };
518
501
 
519
502
  exports.UrbaniaTrivia = UrbaniaTriviaScreen;
520
- exports["default"] = definition;
503
+ exports.default = definition;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-trivia",
3
- "version": "0.3.420",
3
+ "version": "0.3.429",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -32,6 +32,15 @@
32
32
  "license": "ISC",
33
33
  "main": "lib/index.js",
34
34
  "module": "es/index.js",
35
+ "style": "assets/css/styles.css",
36
+ "exports": {
37
+ ".": {
38
+ "require": "./lib/index.js",
39
+ "import": "./es/index.js"
40
+ },
41
+ "./assets/css/*.css": "./assets/css/*.css",
42
+ "./assets/images/*": "./assets/css/*"
43
+ },
35
44
  "files": [
36
45
  "lib",
37
46
  "es",
@@ -51,15 +60,15 @@
51
60
  "dependencies": {
52
61
  "@babel/runtime": "^7.13.10",
53
62
  "@folklore/size": "^0.1.20",
54
- "@micromag/core": "^0.3.420",
55
- "@micromag/element-background": "^0.3.420",
56
- "@micromag/element-call-to-action": "^0.3.420",
57
- "@micromag/element-closed-captions": "^0.3.420",
58
- "@micromag/element-container": "^0.3.420",
59
- "@micromag/element-heading": "^0.3.420",
60
- "@micromag/element-image": "^0.3.420",
61
- "@micromag/element-video": "^0.3.420",
62
- "@micromag/transforms": "^0.3.420",
63
+ "@micromag/core": "^0.3.429",
64
+ "@micromag/element-background": "^0.3.429",
65
+ "@micromag/element-call-to-action": "^0.3.429",
66
+ "@micromag/element-closed-captions": "^0.3.429",
67
+ "@micromag/element-container": "^0.3.429",
68
+ "@micromag/element-heading": "^0.3.429",
69
+ "@micromag/element-image": "^0.3.429",
70
+ "@micromag/element-video": "^0.3.429",
71
+ "@micromag/transforms": "^0.3.429",
63
72
  "classnames": "^2.2.6",
64
73
  "lodash": "^4.17.21",
65
74
  "prop-types": "^15.7.2",
@@ -70,5 +79,5 @@
70
79
  "access": "public",
71
80
  "registry": "https://registry.npmjs.org/"
72
81
  },
73
- "gitHead": "5b0f037a41c3bca07a5bce8f0dce205242f7ad17"
82
+ "gitHead": "f15e72b88ecfda4c54b87626513149b58572c52b"
74
83
  }