@micromag/viewer 0.3.427 → 0.3.430

package/es/index.js

@@ -252,7 +252,6 @@ var defaultProps$n = {
   refButton: null
 };
 var Button = function Button(_ref) {
-  var _ref2;
   var type = _ref.type,
     theme = _ref.theme;
     _ref.size;
@@ -283,7 +282,7 @@ var Button = function Button(_ref) {
   var hasIcon = icon !== null;
   var hasInlineIcon = hasIcon && (iconPosition === 'inline' || text === null);
   var hasIconColumns = hasIcon && !hasInlineIcon;
-  var buttonClassNames = classNames([styles$g.container, styles$g["icon-".concat(iconPosition)], (_ref2 = {}, _defineProperty(_ref2, styles$g.withIcon, hasIcon), _defineProperty(_ref2, styles$g.withIconColumns, hasIconColumns), _defineProperty(_ref2, styles$g.withText, text !== null), _defineProperty(_ref2, styles$g.isLink, href !== null), _defineProperty(_ref2, styles$g.asLink, asLink), _defineProperty(_ref2, styles$g.isDisabled, disabled), _defineProperty(_ref2, styles$g.isLoading, loading), _defineProperty(_ref2, className, className !== null), _ref2)]);
+  var buttonClassNames = classNames([styles$g.container, styles$g["icon-".concat(iconPosition)], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$g.withIcon, hasIcon), styles$g.withIconColumns, hasIconColumns), styles$g.withText, text !== null), styles$g.isLink, href !== null), styles$g.asLink, asLink), styles$g.isDisabled, disabled), styles$g.isLoading, loading), className, className !== null)]);
   var _ref3 = theme || {},
     _ref3$colors = _ref3.colors,
     colors = _ref3$colors === void 0 ? null : _ref3$colors;
@@ -643,7 +642,6 @@ var defaultProps$g = {
   className: null
 };
 var ViewerMenuDot = function ViewerMenuDot(_ref) {
-  var _ref3;
   var current = _ref.current,
     active = _ref.active,
     colors = _ref.colors,
@@ -679,7 +677,7 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
     });
   }, [active, current, subIndex, count, setDotSpringProps]);
   return /*#__PURE__*/React.createElement("li", {
-    className: classNames([styles$c.container, (_ref3 = {}, _defineProperty(_ref3, styles$c.active, current), _defineProperty(_ref3, styles$c.vertical, vertical), _defineProperty(_ref3, className, className !== null), _ref3)]),
+    className: classNames([styles$c.container, _defineProperty(_defineProperty(_defineProperty({}, styles$c.active, current), styles$c.vertical, vertical), className, className !== null)]),
     "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
@@ -709,7 +707,7 @@ var ViewerMenuDot = function ViewerMenuDot(_ref) {
 ViewerMenuDot.propTypes = propTypes$g;
 ViewerMenuDot.defaultProps = defaultProps$g;
 
-var styles$b = {"container":"micromag-viewer-menus-menu-dots-container","closeButton":"micromag-viewer-menus-menu-dots-closeButton","items":"micromag-viewer-menus-menu-dots-items","item":"micromag-viewer-menus-menu-dots-item","vertical":"micromag-viewer-menus-menu-dots-vertical"};
+var styles$b = {"container":"micromag-viewer-menus-menu-dots-container","closeButton":"micromag-viewer-menus-menu-dots-closeButton","focus-visible":"micromag-viewer-menus-menu-dots-focus-visible","items":"micromag-viewer-menus-menu-dots-items","item":"micromag-viewer-menus-menu-dots-item","vertical":"micromag-viewer-menus-menu-dots-vertical"};
 
 var _excluded$4 = ["direction", "items", "onClickDot", "onClickScreensMenu", "colors", "closeable", "withItemClick", "withoutScreensMenu", "onClose", "className"];
 var propTypes$f = {
@@ -740,7 +738,6 @@ var defaultProps$f = {
   className: null
 };
 var ViewerMenuDots = function ViewerMenuDots(_ref) {
-  var _ref5;
   var direction = _ref.direction,
     items = _ref.items,
     onClickDot = _ref.onClickDot,
@@ -764,7 +761,7 @@ var ViewerMenuDots = function ViewerMenuDots(_ref) {
   var _ref4 = props || {},
     style = _ref4.style;
   return /*#__PURE__*/React.createElement("nav", {
-    className: classNames([styles$b.container, (_ref5 = {}, _defineProperty(_ref5, className, className !== null), _defineProperty(_ref5, styles$b.vertical, direction === 'vertical'), _ref5)]),
+    className: classNames([styles$b.container, _defineProperty(_defineProperty({}, className, className !== null), styles$b.vertical, direction === 'vertical')]),
     "aria-label": intl.formatMessage({
       id: "bLYuuN",
       defaultMessage: [{
@@ -866,7 +863,7 @@ var StackIcon = function StackIcon(_ref) {
 StackIcon.propTypes = propTypes$e;
 StackIcon.defaultProps = defaultProps$e;
 
-var styles$a = {"button":"micromag-viewer-menus-menu-screen-button","container":"micromag-viewer-menus-menu-screen-container","isCurrent":"micromag-viewer-menus-menu-screen-isCurrent","pulse":"micromag-viewer-menus-menu-screen-pulse","inner":"micromag-viewer-menus-menu-screen-inner","subScreenBadge":"micromag-viewer-menus-menu-screen-subScreenBadge","subScreenCount":"micromag-viewer-menus-menu-screen-subScreenCount","subScreenIcon":"micromag-viewer-menus-menu-screen-subScreenIcon"};
+var styles$a = {"button":"micromag-viewer-menus-menu-screen-button","container":"micromag-viewer-menus-menu-screen-container","focus-visible":"micromag-viewer-menus-menu-screen-focus-visible","isCurrent":"micromag-viewer-menus-menu-screen-isCurrent","pulse":"micromag-viewer-menus-menu-screen-pulse","inner":"micromag-viewer-menus-menu-screen-inner","subScreenBadge":"micromag-viewer-menus-menu-screen-subScreenBadge","subScreenCount":"micromag-viewer-menus-menu-screen-subScreenCount","subScreenIcon":"micromag-viewer-menus-menu-screen-subScreenIcon"};
 
 var propTypes$d = {
   className: PropTypes.string,
@@ -885,7 +882,6 @@ var defaultProps$d = {
   focusable: true
 };
 var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
-  var _ref4;
   var className = _ref.className,
     item = _ref.item,
     index = _ref.index,
@@ -921,7 +917,7 @@ var ViewerMenuScreen = function ViewerMenuScreen(_ref) {
     }]
   })) : '');
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$a.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles$a.isCurrent, current), _ref4)]),
+    className: classNames([styles$a.container, _defineProperty(_defineProperty({}, className, className !== null), styles$a.isCurrent, current)]),
     style: {
       paddingBottom: "".concat(screenHeight / screenWidth * 100, "%")
     }
@@ -1315,7 +1311,7 @@ var ViewerMenuShare = function ViewerMenuShare(_ref) {
 ViewerMenuShare.propTypes = propTypes$a;
 ViewerMenuShare.defaultProps = defaultProps$a;
 
-var styles$6 = {"container":"micromag-viewer-container","screenContainer":"micromag-viewer-screenContainer","screensFrame":"micromag-viewer-screensFrame","menuShare":"micromag-viewer-menuShare","menuPreview":"micromag-viewer-menuPreview","menuContainer":"micromag-viewer-menuContainer","landscape":"micromag-viewer-landscape","hideMenu":"micromag-viewer-hideMenu","menuNavContainer":"micromag-viewer-menuNavContainer","menuTopContainer":"micromag-viewer-menuTopContainer","dots":"micromag-viewer-dots","disableMenu":"micromag-viewer-disableMenu","content":"micromag-viewer-content","withoutGestures":"micromag-viewer-withoutGestures","fadeMenu":"micromag-viewer-fadeMenu","withShadow":"micromag-viewer-withShadow","isOpened":"micromag-viewer-isOpened","menuItem":"micromag-viewer-menuItem","menuButton":"micromag-viewer-menuButton","slidingButton":"micromag-viewer-slidingButton","screensMenuButtonToggled":"micromag-viewer-screensMenuButtonToggled","navButton":"micromag-viewer-navButton","previous":"micromag-viewer-previous","next":"micromag-viewer-next","screen":"micromag-viewer-screen","current":"micromag-viewer-current","playbackControls":"micromag-viewer-playbackControls","arrowHint":"micromag-viewer-arrowHint","webView":"micromag-viewer-webView","shareIncentiveContainer":"micromag-viewer-shareIncentiveContainer","shareIncentive":"micromag-viewer-shareIncentive","shareIncentiveVisible":"micromag-viewer-shareIncentiveVisible"};
+var styles$6 = {"container":"micromag-viewer-container","screenContainer":"micromag-viewer-screenContainer","screensFrame":"micromag-viewer-screensFrame","menuShare":"micromag-viewer-menuShare","menuPreview":"micromag-viewer-menuPreview","menuContainer":"micromag-viewer-menuContainer","focus-visible":"micromag-viewer-focus-visible","landscape":"micromag-viewer-landscape","hideMenu":"micromag-viewer-hideMenu","menuNavContainer":"micromag-viewer-menuNavContainer","menuTopContainer":"micromag-viewer-menuTopContainer","dots":"micromag-viewer-dots","disableMenu":"micromag-viewer-disableMenu","content":"micromag-viewer-content","withoutGestures":"micromag-viewer-withoutGestures","fadeMenu":"micromag-viewer-fadeMenu","withShadow":"micromag-viewer-withShadow","isOpened":"micromag-viewer-isOpened","menuItem":"micromag-viewer-menuItem","menuButton":"micromag-viewer-menuButton","slidingButton":"micromag-viewer-slidingButton","screensMenuButtonToggled":"micromag-viewer-screensMenuButtonToggled","navButton":"micromag-viewer-navButton","previous":"micromag-viewer-previous","next":"micromag-viewer-next","screen":"micromag-viewer-screen","current":"micromag-viewer-current","playbackControls":"micromag-viewer-playbackControls","arrowHint":"micromag-viewer-arrowHint","webView":"micromag-viewer-webView","shareIncentiveContainer":"micromag-viewer-shareIncentiveContainer","shareIncentive":"micromag-viewer-shareIncentive","shareIncentiveVisible":"micromag-viewer-shareIncentiveVisible"};
 
 var propTypes$9 = {
   story: PropTypes$1.story.isRequired,
@@ -1366,7 +1362,6 @@ var defaultProps$9 = {
   refDots: null
 };
 var ViewerMenu = function ViewerMenu(_ref) {
-  var _ref11;
   var story = _ref.story,
     currentScreenIndex = _ref.currentScreenIndex,
     toggleFullscreen = _ref.toggleFullscreen,
@@ -1628,7 +1623,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     }
   }, [menuOpened, draggingMenu, menuMounted, setMenuMounted]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$6.menuNavContainer, (_ref11 = {}, _defineProperty(_ref11, styles$6.withShadow, withShadow), _defineProperty(_ref11, styles$6.isOpened, menuOpened || shareOpened), _ref11)]),
+    className: classNames([styles$6.menuNavContainer, _defineProperty(_defineProperty({}, styles$6.withShadow, withShadow), styles$6.isOpened, menuOpened || shareOpened)]),
     ref: refDots,
     style: {
       width: menuWidth
@@ -1961,7 +1956,6 @@ var defaultProps$5 = {
   withSeekHead: true
 };
 var SeekBar = function SeekBar(_ref3) {
-  var _ref6;
   var media = _ref3.media,
     playing = _ref3.playing,
     backgroundColor = _ref3.backgroundColor,
@@ -2028,7 +2022,7 @@ var SeekBar = function SeekBar(_ref3) {
     }
   });
   return /*#__PURE__*/React.createElement("div", Object.assign({
-    className: classNames([styles$2.container, (_ref6 = {}, _defineProperty(_ref6, className, className !== null), _defineProperty(_ref6, styles$2.withSeekHead, withSeekHead), _defineProperty(_ref6, styles$2.showTimestamp, showTimestamp), _ref6)])
+    className: classNames([styles$2.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles$2.withSeekHead, withSeekHead), styles$2.showTimestamp, showTimestamp)])
   }, stopDragEventsPropagation), /*#__PURE__*/React.createElement("div", {
     className: styles$2.inner
   }, /*#__PURE__*/React.createElement("div", {
@@ -2107,7 +2101,6 @@ var defaultProps$4 = {
   collapsedClassName: null
 };
 function PlaybackControls(_ref) {
-  var _ref4;
   var defaultColor = _ref.defaultColor,
     defaultProgressColor = _ref.defaultProgressColor,
     withLoading = _ref.withLoading,
@@ -2244,7 +2237,7 @@ function PlaybackControls(_ref) {
     }]
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$1.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles$1.withPlayPause, controls && !seekBarOnly), _defineProperty(_ref4, styles$1.withMute, hasMedia || controls), _defineProperty(_ref4, styles$1.withSeekBar, controls), _defineProperty(_ref4, styles$1.withSeekBarOnly, seekBarOnly), _defineProperty(_ref4, styles$1.isCollapsed, isCollapsed), _defineProperty(_ref4, styles$1.isMuted, muted), _defineProperty(_ref4, collapsedClassName, collapsedClassName !== null && isCollapsed), _ref4)])
+    className: classNames([styles$1.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles$1.withPlayPause, controls && !seekBarOnly), styles$1.withMute, hasMedia || controls), styles$1.withSeekBar, controls), styles$1.withSeekBarOnly, seekBarOnly), styles$1.isCollapsed, isCollapsed), styles$1.isMuted, muted), collapsedClassName, collapsedClassName !== null && isCollapsed)])
   }, /*#__PURE__*/React.createElement(Button$1, {
     className: classNames([styles$1.playPauseButton, _defineProperty({}, styles$1.loading, finalShowLoading)]),
     style: {
@@ -2318,7 +2311,6 @@ var defaultProps$3 = {
   style: null
 };
 function WebViewContainer(_ref) {
-  var _ref2;
   var className = _ref.className,
     style = _ref.style;
   var _useViewerWebView = useViewerWebView(),
@@ -2370,7 +2362,7 @@ function WebViewContainer(_ref) {
     }
   }, [opened]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref2 = {}, _defineProperty(_ref2, styles.opened, opened), _defineProperty(_ref2, className, className !== null), _ref2)]),
+    className: classNames([styles.container, _defineProperty(_defineProperty({}, styles.opened, opened), className, className !== null)]),
     style: style,
     onTransitionEnd: onTransitionEnd
   }, /*#__PURE__*/React.createElement(WebView, Object.assign({
@@ -2482,7 +2474,6 @@ var defaultProps$2 = {
   className: null
 };
 var Viewer = function Viewer(_ref) {
-  var _ref21;
   var story = _ref.story,
     basePath = _ref.basePath,
     viewerTheme = _ref.theme,
@@ -2955,7 +2946,7 @@ var Viewer = function Viewer(_ref) {
   }), /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$6.container, screenSize.screens.map(function (screenName) {
       return "story-screen-".concat(screenName);
-    }), (_ref21 = {}, _defineProperty(_ref21, styles$6.landscape, landscape), _defineProperty(_ref21, styles$6.withoutGestures, withoutGestures), _defineProperty(_ref21, styles$6.hideMenu, !menuVisible), _defineProperty(_ref21, styles$6.disableMenu, navigationDisabled), _defineProperty(_ref21, styles$6.fadeMenu, playing && playbackControls && !playbackcontrolsVisible), _defineProperty(_ref21, styles$6.ready, ready || withoutScreensTransforms), _defineProperty(_ref21, styles$6.hasInteracted, hasInteracted), _defineProperty(_ref21, styles$6.isDragging, isDragging), _defineProperty(_ref21, className, className), _ref21)]),
+    }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$6.landscape, landscape), styles$6.withoutGestures, withoutGestures), styles$6.hideMenu, !menuVisible), styles$6.disableMenu, navigationDisabled), styles$6.fadeMenu, playing && playbackControls && !playbackcontrolsVisible), styles$6.ready, ready || withoutScreensTransforms), styles$6.hasInteracted, hasInteracted), styles$6.isDragging, isDragging), className, className)]),
     ref: containerRef,
     onContextMenu: onContextMenu
   }, !withoutMenu ? /*#__PURE__*/React.createElement(ViewerMenu$1, {