@micromag/screen-urbania-trivia 0.3.583 → 0.3.586

package/es/index.js

@@ -3,6 +3,10 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { getSizeWithinBounds } from '@folklore/size';
+import classNames from 'classnames';
+import isArray from 'lodash/isArray';
+import PropTypes from 'prop-types';
+import React, { useEffect, useState, useCallback, useMemo } from 'react';
 import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { ScreenElement, PlaceholderTitle, Empty, PlaceholderVideo } from '@micromag/core/components';
 import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerNavigation, usePlaybackContext, usePlaybackMediaRef, useViewerContainer } from '@micromag/core/contexts';
@@ -14,10 +18,6 @@ import Container from '@micromag/element-container';
 import Heading from '@micromag/element-heading';
 import Image from '@micromag/element-image';
 import Video from '@micromag/element-video';
-import classNames from 'classnames';
-import isArray from 'lodash/isArray';
-import PropTypes from 'prop-types';
-import React, { useEffect, useState, useCallback, useMemo } from 'react';
 
 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"};
 
@@ -125,7 +125,9 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
     setControlsTheme = _usePlaybackContext.setControlsTheme,
     setPlaying = _usePlaybackContext.setPlaying,
     showControls = _usePlaybackContext.showControls,
-    hideControls = _usePlaybackContext.hideControls;
+    hideControls = _usePlaybackContext.hideControls,
+    currentQualityLevel = _usePlaybackContext.currentQualityLevel,
+    setCurrentQualityLevel = _usePlaybackContext.setCurrentQualityLevel;
   var mediaRef = usePlaybackMediaRef(current);
   useEffect(function () {
     if (!current) {
@@ -369,7 +371,9 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
     onSeeked: onSeeked,
     onEnded: onEnded,
     focusable: current && isView,
-    shouldLoad: mediaShouldLoad
+    shouldLoad: mediaShouldLoad,
+    qualityStartLevel: currentQualityLevel,
+    onQualityLevelChange: setCurrentQualityLevel
   })), current && !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
     key: "bottom-content",
     className: styles.bottomContent,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-urbania-trivia",
-    "version": "0.3.583",
+    "version": "0.3.586",
     "private": false,
     "description": "",
     "keywords": [
@@ -62,15 +62,15 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.583",
-        "@micromag/element-background": "^0.3.583",
-        "@micromag/element-call-to-action": "^0.3.583",
-        "@micromag/element-closed-captions": "^0.3.583",
-        "@micromag/element-container": "^0.3.583",
-        "@micromag/element-heading": "^0.3.583",
-        "@micromag/element-image": "^0.3.583",
-        "@micromag/element-video": "^0.3.583",
-        "@micromag/transforms": "^0.3.583",
+        "@micromag/core": "^0.3.585",
+        "@micromag/element-background": "^0.3.586",
+        "@micromag/element-call-to-action": "^0.3.585",
+        "@micromag/element-closed-captions": "^0.3.585",
+        "@micromag/element-container": "^0.3.585",
+        "@micromag/element-heading": "^0.3.585",
+        "@micromag/element-image": "^0.3.585",
+        "@micromag/element-video": "^0.3.586",
+        "@micromag/transforms": "^0.3.585",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -81,5 +81,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "d899cc28ac1f5b552114d8bfcd668a9bb8ab651c"
+    "gitHead": "01ad8835ef5788321e2c2a0f2d6400731de0fe45"
 }