@micromag/screen-share 0.4.48 → 0.4.50

package/es/index.js

@@ -1,8 +1,9 @@
 import { FormattedMessage, defineMessage } from 'react-intl';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import classNames from 'classnames';
-import React, { useMemo, useCallback } from 'react';
+import { useMemo, useCallback } from 'react';
 import { ScreenElement } from '@micromag/core/components';
 import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerWebView, usePlaybackContext, usePlaybackMediaRef } from '@micromag/core/contexts';
 import { useDimensionObserver, useTrackScreenEvent } from '@micromag/core/hooks';
@@ -14,6 +15,7 @@ import Header from '@micromag/element-header';
 import Heading from '@micromag/element-heading';
 import Layout, { Spacer } from '@micromag/element-layout';
 import ShareOptions from '@micromag/element-share-options';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var styles = {"container":"micromag-screen-share-container","background":"micromag-screen-share-background","content":"micromag-screen-share-content","heading":"micromag-screen-share-heading","layout":"micromag-screen-share-layout","shareOptions":"micromag-screen-share-shareOptions","isCentered":"micromag-screen-share-isCentered","shareButton":"micromag-screen-share-shareButton","emptyHeading":"micromag-screen-share-emptyHeading","emptyOptions":"micromag-screen-share-emptyOptions","header":"micromag-screen-share-header","footer":"micromag-screen-share-footer"};
 
@@ -130,90 +132,94 @@ function ShareScreen(_ref) {
       });
     }
   }, [trackEvent]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: classNames([styles.container, className, _defineProperty({}, styles.isPlaceholder, isPlaceholder)]),
-    "data-screen-ready": true
-  }, /*#__PURE__*/React.createElement(Container, {
-    width: width,
-    height: height,
-    className: styles.content
-  }, /*#__PURE__*/React.createElement(Layout, {
-    className: styles.layout,
-    verticalAlign: layout,
-    fullscreen: true,
-    style: !isPlaceholder ? {
-      padding: spacing,
-      paddingTop: (!isPreview ? viewerTopHeight : 0) + (headerHeight || spacing),
-      paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (footerHeight || spacing)
-    } : null
-  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
-    className: styles.header,
-    ref: headerRef,
-    style: {
-      paddingTop: spacing / 2,
-      paddingBottom: spacing,
-      paddingLeft: spacing,
-      paddingRight: spacing,
-      transform: "translate(0px, ".concat(viewerTopHeight, "px)")
-    }
-  }, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(ScreenElement, {
-    key: "title",
-    placeholder: "title",
-    emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "X7kRRa",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Heading"
-      }]
-    }),
-    emptyClassName: styles.emptyHeading,
-    isEmpty: !heading || (heading === null || heading === void 0 ? void 0 : heading.body) === ''
-  }, heading ? /*#__PURE__*/React.createElement(Heading, Object.assign({
-    className: classNames([styles.heading])
-  }, heading)) : null), /*#__PURE__*/React.createElement(Spacer, {
-    key: "spacer",
-    size: 5
-  }), /*#__PURE__*/React.createElement(ScreenElement, {
-    key: "share-options",
-    placeholder: "share-options",
-    emptyLabel: /*#__PURE__*/React.createElement(FormattedMessage, {
-      id: "RucIeL",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Share options"
-      }]
-    }),
-    emptyClassName: styles.emptyOptions,
-    isEmpty: !options
-  }, /*#__PURE__*/React.createElement(ShareOptions, {
-    className: classNames([styles.shareOptions, _defineProperty({}, styles.isCentered, centered)]),
-    buttonClassName: styles.shareButton,
-    url: finalShareURL,
-    options: selectedOptions,
-    onShare: onClickShare,
-    buttonsStyle: buttonsStyle,
-    buttonsTextStyle: buttonsTextStyle
-  })), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
-    className: styles.footer,
-    ref: footerRef,
-    style: {
-      paddingTop: spacing,
-      paddingBottom: spacing / 2,
-      paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
-      paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0)
-    }
-  }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
-    background: background,
-    width: width,
-    height: height,
-    resolution: resolution,
-    playing: backgroundPlaying,
-    muted: muted,
-    shouldLoad: backgroundShouldLoad,
-    mediaRef: mediaRef,
-    withoutVideo: isPreview,
-    className: styles.background
-  }) : null);
+    "data-screen-ready": true,
+    children: [/*#__PURE__*/jsx(Container, {
+      width: width,
+      height: height,
+      className: styles.content,
+      children: /*#__PURE__*/jsxs(Layout, {
+        className: styles.layout,
+        verticalAlign: layout,
+        fullscreen: true,
+        style: !isPlaceholder ? {
+          padding: spacing,
+          paddingTop: (!isPreview ? viewerTopHeight : 0) + (headerHeight || spacing),
+          paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (footerHeight || spacing)
+        } : null,
+        children: [!isPlaceholder && hasHeader ? /*#__PURE__*/jsx("div", {
+          className: styles.header,
+          ref: headerRef,
+          style: {
+            paddingTop: spacing / 2,
+            paddingBottom: spacing,
+            paddingLeft: spacing,
+            paddingRight: spacing,
+            transform: "translate(0px, ".concat(viewerTopHeight, "px)")
+          },
+          children: /*#__PURE__*/jsx(Header, _objectSpread({}, header))
+        }) : null, /*#__PURE__*/jsx(ScreenElement, {
+          placeholder: "title",
+          emptyLabel: /*#__PURE__*/jsx(FormattedMessage, {
+            id: "X7kRRa",
+            defaultMessage: [{
+              "type": 0,
+              "value": "Heading"
+            }]
+          }),
+          emptyClassName: styles.emptyHeading,
+          isEmpty: !heading || (heading === null || heading === void 0 ? void 0 : heading.body) === '',
+          children: heading ? /*#__PURE__*/jsx(Heading, _objectSpread({
+            className: classNames([styles.heading])
+          }, heading)) : null
+        }, "title"), /*#__PURE__*/jsx(Spacer, {
+          size: 5
+        }, "spacer"), /*#__PURE__*/jsx(ScreenElement, {
+          placeholder: "share-options",
+          emptyLabel: /*#__PURE__*/jsx(FormattedMessage, {
+            id: "RucIeL",
+            defaultMessage: [{
+              "type": 0,
+              "value": "Share options"
+            }]
+          }),
+          emptyClassName: styles.emptyOptions,
+          isEmpty: !options,
+          children: /*#__PURE__*/jsx(ShareOptions, {
+            className: classNames([styles.shareOptions, _defineProperty({}, styles.isCentered, centered)]),
+            buttonClassName: styles.shareButton,
+            url: finalShareURL,
+            options: selectedOptions,
+            onShare: onClickShare,
+            buttonsStyle: buttonsStyle,
+            buttonsTextStyle: buttonsTextStyle
+          })
+        }, "share-options"), !isPlaceholder && hasFooter ? /*#__PURE__*/jsx("div", {
+          className: styles.footer,
+          ref: footerRef,
+          style: {
+            paddingTop: spacing,
+            paddingBottom: spacing / 2,
+            paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
+            paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0)
+          },
+          children: /*#__PURE__*/jsx(Footer, _objectSpread({}, footerProps))
+        }) : null]
+      })
+    }), !isPlaceholder ? /*#__PURE__*/jsx(Background, {
+      background: background,
+      width: width,
+      height: height,
+      resolution: resolution,
+      playing: backgroundPlaying,
+      muted: muted,
+      shouldLoad: backgroundShouldLoad,
+      mediaRef: mediaRef,
+      withoutVideo: isPreview,
+      className: styles.background
+    }) : null]
+  });
 }
 
 // import * as transforms from './transforms/index';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-share",
-    "version": "0.4.48",
+    "version": "0.4.50",
     "private": false,
     "description": "",
     "keywords": [
@@ -65,16 +65,16 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@micromag/core": "^0.4.48",
-        "@micromag/element-background": "^0.4.48",
-        "@micromag/element-container": "^0.4.48",
-        "@micromag/element-footer": "^0.4.48",
-        "@micromag/element-header": "^0.4.48",
-        "@micromag/element-heading": "^0.4.48",
-        "@micromag/element-layout": "^0.4.48",
-        "@micromag/element-share-options": "^0.4.48",
-        "@micromag/element-text": "^0.4.48",
-        "@micromag/transforms": "^0.4.48",
+        "@micromag/core": "^0.4.50",
+        "@micromag/element-background": "^0.4.50",
+        "@micromag/element-container": "^0.4.50",
+        "@micromag/element-footer": "^0.4.50",
+        "@micromag/element-header": "^0.4.50",
+        "@micromag/element-heading": "^0.4.50",
+        "@micromag/element-layout": "^0.4.50",
+        "@micromag/element-share-options": "^0.4.50",
+        "@micromag/element-text": "^0.4.50",
+        "@micromag/transforms": "^0.4.50",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -84,6 +84,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "d6772865be1ee3f2d19288ebfbf4b9b6860f4cd7",
+    "gitHead": "940d5ca98f8f448b79eaa3e2fa685c3ee95185b8",
     "types": "es/index.d.ts"
 }