@micromag/screen-audio 0.4.49 → 0.4.51

package/es/index.js

@@ -3,7 +3,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
-import React, { useState, useEffect, useCallback, useMemo } from 'react';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import { ScreenElement } from '@micromag/core/components';
 import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
 import { useTrackScreenMedia } from '@micromag/core/hooks';
@@ -15,6 +15,7 @@ import Container from '@micromag/element-container';
 import Footer from '@micromag/element-footer';
 import Header from '@micromag/element-header';
 import Layout, { Spacer } from '@micromag/element-layout';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var styles = {"container":"micromag-screen-audio-container","background":"micromag-screen-audio-background","content":"micromag-screen-audio-content","audio":"micromag-screen-audio-audio","bottom":"micromag-screen-audio-bottom","empty":"micromag-screen-audio-empty","isPreview":"micromag-screen-audio-isPreview"};
 
@@ -194,89 +195,88 @@ function AudioScreen(_ref) {
       setControlsSuggestPlay(true);
     }
   }, [isView, current, playing, hasAudio, autoPlay, setPlaying, setControlsSuggestPlay]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: classNames([styles.container, className, _defineProperty(_defineProperty({}, styles.placeholder, isPlaceholder), styles.isPreview, isPreview)]),
-    "data-screen-ready": ready
-  }, /*#__PURE__*/React.createElement(Container, {
-    width: width,
-    height: height,
-    className: styles.content
-  }, /*#__PURE__*/React.createElement(Layout, {
-    fullscreen: true,
-    style: !isPlaceholder ? {
-      padding: spacing,
-      paddingTop: (!isPreview ? viewerTopHeight : 0) + (hasHeader ? spacing / 2 : spacing)
-    } : null
-  }, hasHeader ? /*#__PURE__*/React.createElement(Header, header) : /*#__PURE__*/React.createElement(Spacer, {
-    key: "spacer-top"
-  }), /*#__PURE__*/React.createElement(ScreenElement, {
-    key: "audio",
-    placeholder: "audio",
-    emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "MYZwSA",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Audio"
-      }]
-    }),
-    emptyClassName: styles.empty,
-    isEmpty: !hasAudioUrl
-  }, /*#__PURE__*/React.createElement(Audio, Object.assign({}, finalAudio, {
-    mediaRef: mediaRef,
-    waveFake: isIOS || isPreview,
-    waveProps: isPreview ? {
-      sampleWidth: 10,
-      sampleMargin: 5,
-      minSampleHeight: 5,
-      backgroundColor: color,
-      progressColor: progressColor
-    } : {
-      backgroundColor: color,
-      progressColor: progressColor
-    },
-    paused: paused,
-    muted: muted,
-    className: styles.audio,
-    onReady: onAudioReady,
-    onPlay: onPlay,
-    onPause: onPause,
-    onTimeUpdate: onTimeUpdate,
-    onProgressStep: onProgressStep,
-    onDurationChange: onDurationChange,
-    onSeeked: onSeeked,
-    onEnded: onEnded,
-    onPlayError: onPlayError,
-    withWave: showWave && withWave
-  }))), /*#__PURE__*/React.createElement(Spacer, {
-    key: "spacer-middle"
-  }), !isPlaceholder ? /*#__PURE__*/React.createElement("div", {
-    key: "bottom",
-    className: styles.bottom,
-    style: {
-      transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
-      paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
-      paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
-      paddingBottom: spacing / 2,
-      paddingTop: 0
-    }
-  }, hasClosedCaptions && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/React.createElement(ClosedCaptions, Object.assign({
-    className: styles.closedCaptions,
-    media: closedCaptions
-  }, captions, {
-    currentTime: currentTime
-  })) : null, hasFooter ? /*#__PURE__*/React.createElement(Footer, Object.assign({}, footerProps, {
-    className: styles.callToAction
-  })) : null) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
-    background: background,
-    width: width,
-    height: height,
-    resolution: resolution,
-    playing: backgroundPlaying,
-    muted: muted,
-    shouldLoad: mediaShouldLoad,
-    withoutVideo: isPreview,
-    className: styles.background
-  }) : null);
+    "data-screen-ready": ready,
+    children: [/*#__PURE__*/jsx(Container, {
+      width: width,
+      height: height,
+      className: styles.content,
+      children: /*#__PURE__*/jsxs(Layout, {
+        fullscreen: true,
+        style: !isPlaceholder ? {
+          padding: spacing,
+          paddingTop: (!isPreview ? viewerTopHeight : 0) + (hasHeader ? spacing / 2 : spacing)
+        } : null,
+        children: [hasHeader ? /*#__PURE__*/jsx(Header, _objectSpread({}, header)) : /*#__PURE__*/jsx(Spacer, {}, "spacer-top"), /*#__PURE__*/jsx(ScreenElement, {
+          placeholder: "audio",
+          emptyLabel: /*#__PURE__*/jsx(FormattedMessage, {
+            id: "MYZwSA",
+            defaultMessage: [{
+              "type": 0,
+              "value": "Audio"
+            }]
+          }),
+          emptyClassName: styles.empty,
+          isEmpty: !hasAudioUrl,
+          children: /*#__PURE__*/jsx(Audio, _objectSpread(_objectSpread({}, finalAudio), {}, {
+            mediaRef: mediaRef,
+            waveFake: isIOS || isPreview,
+            waveProps: isPreview ? {
+              sampleWidth: 10,
+              sampleMargin: 5,
+              minSampleHeight: 5,
+              backgroundColor: color,
+              progressColor: progressColor
+            } : {
+              backgroundColor: color,
+              progressColor: progressColor
+            },
+            paused: paused,
+            muted: muted,
+            className: styles.audio,
+            onReady: onAudioReady,
+            onPlay: onPlay,
+            onPause: onPause,
+            onTimeUpdate: onTimeUpdate,
+            onProgressStep: onProgressStep,
+            onDurationChange: onDurationChange,
+            onSeeked: onSeeked,
+            onEnded: onEnded,
+            onPlayError: onPlayError,
+            withWave: showWave && withWave
+          }))
+        }, "audio"), /*#__PURE__*/jsx(Spacer, {}, "spacer-middle"), !isPlaceholder ? /*#__PURE__*/jsxs("div", {
+          className: styles.bottom,
+          style: {
+            transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
+            paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
+            paddingRight: Math.max(spacing / 2, viewerBottomSidesWidth),
+            paddingBottom: spacing / 2,
+            paddingTop: 0
+          },
+          children: [hasClosedCaptions && !isPreview && !isCapture && !isStatic ? /*#__PURE__*/jsx(ClosedCaptions, _objectSpread(_objectSpread({
+            className: styles.closedCaptions,
+            media: closedCaptions
+          }, captions), {}, {
+            currentTime: currentTime
+          })) : null, hasFooter ? /*#__PURE__*/jsx(Footer, _objectSpread(_objectSpread({}, footerProps), {}, {
+            className: styles.callToAction
+          })) : null]
+        }, "bottom") : null]
+      })
+    }), !isPlaceholder ? /*#__PURE__*/jsx(Background, {
+      background: background,
+      width: width,
+      height: height,
+      resolution: resolution,
+      playing: backgroundPlaying,
+      muted: muted,
+      shouldLoad: mediaShouldLoad,
+      withoutVideo: isPreview,
+      className: styles.background
+    }) : null]
+  });
 }
 
 // import * as transforms from './transforms/index';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-audio",
-    "version": "0.4.49",
+    "version": "0.4.51",
     "private": false,
     "description": "",
     "keywords": [
@@ -61,15 +61,15 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@micromag/core": "^0.4.49",
-        "@micromag/element-audio": "^0.4.49",
-        "@micromag/element-background": "^0.4.49",
-        "@micromag/element-closed-captions": "^0.4.49",
-        "@micromag/element-container": "^0.4.49",
-        "@micromag/element-footer": "^0.4.49",
-        "@micromag/element-header": "^0.4.49",
-        "@micromag/element-layout": "^0.4.49",
-        "@micromag/transforms": "^0.4.49",
+        "@micromag/core": "^0.4.51",
+        "@micromag/element-audio": "^0.4.51",
+        "@micromag/element-background": "^0.4.51",
+        "@micromag/element-closed-captions": "^0.4.51",
+        "@micromag/element-container": "^0.4.51",
+        "@micromag/element-footer": "^0.4.51",
+        "@micromag/element-header": "^0.4.51",
+        "@micromag/element-layout": "^0.4.51",
+        "@micromag/transforms": "^0.4.51",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -79,6 +79,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "0a225ff29387217cccb0fcc5a731e23c74bd202e",
+    "gitHead": "985a2370829c9ac8901ea97bf20bfc98ab158439",
     "types": "es/index.d.ts"
 }