@micromag/element-background 0.3.423 → 0.3.430

package/es/index.js

@@ -229,7 +229,6 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.layers
   }, layers.map(function (_ref3, index) {
-    var _ref4;
     var _ref3$horizontalAlign = _ref3.horizontalAlign,
       horizontalAlign = _ref3$horizontalAlign === void 0 ? undefined : _ref3$horizontalAlign,
       _ref3$verticalAlign = _ref3.verticalAlign,
@@ -237,7 +236,7 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
       layer = _objectWithoutProperties(_ref3, _excluded);
     return /*#__PURE__*/React.createElement("div", {
       key: "background-".concat(index),
-      className: classNames([styles.layer, (_ref4 = {}, _defineProperty(_ref4, styles.bottom, verticalAlign === 'bottom'), _defineProperty(_ref4, styles.right, horizontalAlign === 'right'), _defineProperty(_ref4, layerClassName, layerClassName !== null), _ref4)]),
+      className: classNames([styles.layer, _defineProperty(_defineProperty(_defineProperty({}, styles.bottom, verticalAlign === 'bottom'), styles.right, horizontalAlign === 'right'), layerClassName, layerClassName !== null)]),
       style: {
         zIndex: maxZIndex - index
       }

package/lib/index.js

@@ -13,40 +13,30 @@ var utils = require('@micromag/core/utils');
 var size = require('@folklore/size');
 var Video = require('@micromag/element-video');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Video__default = /*#__PURE__*/_interopDefaultLegacy(Video);
-
 var styles = {"layers":"micromag-element-background-layers","layer":"micromag-element-background-layer","videoContainer":"micromag-element-background-videoContainer","video":"micromag-element-background-video","container":"micromag-element-background-container","right":"micromag-element-background-right","background":"micromag-element-background-background","bottom":"micromag-element-background-bottom"};
 
 var propTypes$1 = {
-  width: PropTypes__default["default"].number,
-  height: PropTypes__default["default"].number,
-  resolution: PropTypes__default["default"].number,
-  fit: PropTypes__default["default"].oneOf(['contain', 'cover']),
-  horizontalAlign: PropTypes__default["default"].string,
-  verticalAlign: PropTypes__default["default"].string,
-  repeat: PropTypes__default["default"].bool,
+  width: PropTypes.number,
+  height: PropTypes.number,
+  resolution: PropTypes.number,
+  fit: PropTypes.oneOf(['contain', 'cover']),
+  horizontalAlign: PropTypes.string,
+  verticalAlign: PropTypes.string,
+  repeat: PropTypes.bool,
   color: core.PropTypes.color,
-  media: PropTypes__default["default"].oneOfType([core.PropTypes.imageMedia, core.PropTypes.videoMedia]),
-  mediaRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
+  media: PropTypes.oneOfType([core.PropTypes.imageMedia, core.PropTypes.videoMedia]),
+  mediaRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
     // eslint-disable-next-line react/forbid-prop-types
-    current: PropTypes__default["default"].any
+    current: PropTypes.any
   })]),
-  className: PropTypes__default["default"].string,
-  playing: PropTypes__default["default"].bool,
-  muted: PropTypes__default["default"].bool,
-  children: PropTypes__default["default"].node,
-  loadingMode: PropTypes__default["default"].string,
-  shouldLoad: PropTypes__default["default"].bool,
-  withoutVideo: PropTypes__default["default"].bool,
-  forceMuted: PropTypes__default["default"].bool
+  className: PropTypes.string,
+  playing: PropTypes.bool,
+  muted: PropTypes.bool,
+  children: PropTypes.node,
+  loadingMode: PropTypes.string,
+  shouldLoad: PropTypes.bool,
+  withoutVideo: PropTypes.bool,
+  forceMuted: PropTypes.bool
 };
 var defaultProps$1 = {
   width: null,
@@ -110,7 +100,7 @@ var Background = function Background(_ref) {
   var finalShouldLoad = wasLoadedRef.current;
 
   // color
-  var containerStyle = _objectSpread__default["default"]({
+  var containerStyle = _objectSpread({
     width: width,
     height: height
   }, utils.getStyleFromColor(color));
@@ -151,13 +141,13 @@ var Background = function Background(_ref) {
       videoContainerStyle.objectFit = 'cover';
     }
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
     style: containerStyle
-  }, isVideo && shouldLoad && !withoutVideo ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, isVideo && shouldLoad && !withoutVideo ? /*#__PURE__*/React.createElement("div", {
     className: styles.videoContainer,
     style: videoContainerStyle
-  }, /*#__PURE__*/React__default["default"].createElement(Video__default["default"], {
+  }, /*#__PURE__*/React.createElement(Video, {
     className: styles.video,
     media: media,
     mediaRef: !forceMuted ? mediaRef : null,
@@ -168,7 +158,7 @@ var Background = function Background(_ref) {
     autoPlay: true,
     loop: true,
     withPoster: true
-  })) : null, /*#__PURE__*/React__default["default"].createElement("div", {
+  })) : null, /*#__PURE__*/React.createElement("div", {
     className: styles.content
   }, children));
 };
@@ -177,23 +167,23 @@ Background.defaultProps = defaultProps$1;
 
 var _excluded = ["horizontalAlign", "verticalAlign"];
 var propTypes = {
-  width: PropTypes__default["default"].number,
-  height: PropTypes__default["default"].number,
-  resolution: PropTypes__default["default"].number,
-  background: PropTypes__default["default"].oneOfType([core.PropTypes.backgroundElement, PropTypes__default["default"].arrayOf(core.PropTypes.backgroundElement)]),
-  playing: PropTypes__default["default"].bool,
-  muted: PropTypes__default["default"].bool,
-  children: PropTypes__default["default"].node,
-  className: PropTypes__default["default"].string,
-  layerClassName: PropTypes__default["default"].string,
-  backgroundClassName: PropTypes__default["default"].string,
-  loadingMode: PropTypes__default["default"].string,
-  mediaRef: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
+  width: PropTypes.number,
+  height: PropTypes.number,
+  resolution: PropTypes.number,
+  background: PropTypes.oneOfType([core.PropTypes.backgroundElement, PropTypes.arrayOf(core.PropTypes.backgroundElement)]),
+  playing: PropTypes.bool,
+  muted: PropTypes.bool,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  layerClassName: PropTypes.string,
+  backgroundClassName: PropTypes.string,
+  loadingMode: PropTypes.string,
+  mediaRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
     // eslint-disable-next-line react/forbid-prop-types
-    current: PropTypes__default["default"].any
+    current: PropTypes.any
   })]),
-  shouldLoad: PropTypes__default["default"].bool,
-  withoutVideo: PropTypes__default["default"].bool
+  shouldLoad: PropTypes.bool,
+  withoutVideo: PropTypes.bool
 };
 var defaultProps = {
   width: null,
@@ -233,33 +223,32 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
   var maxZIndex = layers.length;
 
   // color
-  var containerStyle = _objectSpread__default["default"]({}, hasSize ? {
+  var containerStyle = _objectSpread({}, hasSize ? {
     width: width,
     height: height
   } : null);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, _defineProperty__default["default"]({}, className, className !== null)]),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
     style: containerStyle
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: styles.layers
   }, layers.map(function (_ref3, index) {
-    var _ref4;
     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__default["default"](_ref3, _excluded);
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+      layer = _objectWithoutProperties(_ref3, _excluded);
+    return /*#__PURE__*/React.createElement("div", {
       key: "background-".concat(index),
-      className: classNames__default["default"]([styles.layer, (_ref4 = {}, _defineProperty__default["default"](_ref4, styles.bottom, verticalAlign === 'bottom'), _defineProperty__default["default"](_ref4, styles.right, horizontalAlign === 'right'), _defineProperty__default["default"](_ref4, layerClassName, layerClassName !== null), _ref4)]),
+      className: classNames([styles.layer, _defineProperty(_defineProperty(_defineProperty({}, styles.bottom, verticalAlign === 'bottom'), styles.right, horizontalAlign === 'right'), layerClassName, layerClassName !== null)]),
       style: {
         zIndex: maxZIndex - index
       }
-    }, /*#__PURE__*/React__default["default"].createElement(Background, Object.assign({
+    }, /*#__PURE__*/React.createElement(Background, Object.assign({
       width: width,
       height: height,
       resolution: resolution,
-      className: classNames__default["default"]([styles.background, _defineProperty__default["default"]({}, backgroundClassName, backgroundClassName !== null)]),
+      className: classNames([styles.background, _defineProperty({}, backgroundClassName, backgroundClassName !== null)]),
       playing: playing,
       muted: muted,
       horizontalAlign: horizontalAlign,
@@ -269,7 +258,7 @@ var BackgroundLayers = function BackgroundLayers(_ref) {
       mediaRef: mediaRef,
       withoutVideo: withoutVideo
     }, layer)));
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: styles.content
   }, children));
 };
@@ -278,4 +267,4 @@ BackgroundLayers.defaultProps = defaultProps;
 
 exports.Background = Background;
 exports.BackgroundLayers = BackgroundLayers;
-exports["default"] = BackgroundLayers;
+exports.default = BackgroundLayers;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-background",
-    "version": "0.3.423",
+    "version": "0.3.430",
     "private": false,
     "description": "",
     "keywords": [
@@ -32,6 +32,12 @@
     "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "exports": {
+        ".": {
+            "require": "./lib/index.js",
+            "import": "./es/index.js"
+        }
+    },
     "files": [
         "lib",
         "es",
@@ -49,8 +55,8 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.423",
-        "@micromag/element-video": "^0.3.423",
+        "@micromag/core": "^0.3.430",
+        "@micromag/element-video": "^0.3.430",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -61,5 +67,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
+    "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
 }