@micromag/element-background 0.4.37 → 0.4.40

package/es/index.d.ts

@@ -6,7 +6,7 @@ interface BackgroundLayersProps {
     width?: number | null;
     height?: number | null;
     resolution?: number;
-    background?: BackgroundElement | BackgroundElement[];
+    background?: BackgroundElement | BackgroundElement[] | null;
     playing?: boolean;
     muted?: boolean;
     children?: React.ReactNode | null;

package/es/index.js

@@ -1,5 +1,5 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import classNames from 'classnames';
 import React, { useRef, useMemo } from 'react';
@@ -121,7 +121,7 @@ function Background(_ref) {
     }
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
+    className: classNames([styles.container, className]),
     style: containerStyle
   }, isVideo && shouldLoad && !withoutVideo ? /*#__PURE__*/React.createElement("div", {
     className: styles.videoContainer,
@@ -182,7 +182,7 @@ function BackgroundLayers(_ref) {
     qualityStartLevel = _ref$qualityStartLeve === void 0 ? null : _ref$qualityStartLeve,
     _ref$onQualityLevelCh = _ref.onQualityLevelChange,
     onQualityLevelChange = _ref$onQualityLevelCh === void 0 ? null : _ref$onQualityLevelCh;
-  var hasSize = width > 0 && height > 0;
+  var hasSize = width !== null && height !== null && width > 0 && height > 0;
   var layers = useMemo(function () {
     return getLayersFromBackground(background);
   }, [background]);
@@ -197,19 +197,19 @@ function BackgroundLayers(_ref) {
     height: height
   } : null);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
+    className: classNames([styles.container, className]),
     style: containerStyle
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.layers
-  }, layers.map(function (_ref3, index) {
-    var _ref3$horizontalAlign = _ref3.horizontalAlign,
-      horizontalAlign = _ref3$horizontalAlign === void 0 ? undefined : _ref3$horizontalAlign,
-      _ref3$verticalAlign = _ref3.verticalAlign,
-      verticalAlign = _ref3$verticalAlign === void 0 ? undefined : _ref3$verticalAlign,
-      layer = _objectWithoutProperties(_ref3, _excluded);
+  }, layers.map(function (_ref2, index) {
+    var _ref2$horizontalAlign = _ref2.horizontalAlign,
+      horizontalAlign = _ref2$horizontalAlign === void 0 ? undefined : _ref2$horizontalAlign,
+      _ref2$verticalAlign = _ref2.verticalAlign,
+      verticalAlign = _ref2$verticalAlign === void 0 ? undefined : _ref2$verticalAlign,
+      layer = _objectWithoutProperties(_ref2, _excluded);
     return /*#__PURE__*/React.createElement("div", {
       key: "background-".concat(index),
-      className: classNames([styles.layer, _defineProperty(_defineProperty(_defineProperty({}, styles.bottom, verticalAlign === 'bottom'), styles.right, horizontalAlign === 'right'), layerClassName, layerClassName !== null)]),
+      className: classNames([styles.layer, layerClassName, _defineProperty(_defineProperty({}, styles.bottom, verticalAlign === 'bottom'), styles.right, horizontalAlign === 'right')]),
       style: {
         zIndex: maxZIndex - index
       }
@@ -217,7 +217,7 @@ function BackgroundLayers(_ref) {
       width: width,
       height: height,
       resolution: resolution,
-      className: classNames([styles.background, _defineProperty({}, backgroundClassName, backgroundClassName !== null)]),
+      className: classNames([styles.background, backgroundClassName]),
       playing: playing,
       muted: muted,
       horizontalAlign: horizontalAlign,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-background",
-    "version": "0.4.37",
+    "version": "0.4.40",
     "private": false,
     "description": "",
     "keywords": [
@@ -60,8 +60,8 @@
     "dependencies": {
         "@babel/runtime": "^7.28.6",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.4.37",
-        "@micromag/element-video": "^0.4.37",
+        "@micromag/core": "^0.4.40",
+        "@micromag/element-video": "^0.4.40",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
         "react-intl": "^8.1.3 || ^10.0.0",
@@ -71,5 +71,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "03c7d78fb0745377eddbb04f6c7dfaca8aa42381"
+    "gitHead": "6a9ff6e196a972abfd617f49353862cf445b0e83"
 }