@micromag/screen-slideshow 0.3.423 → 0.3.429

package/es/index.js

@@ -48,7 +48,6 @@ var defaultProps = {
   className: null
 };
 var SlideshowScreen = function SlideshowScreen(_ref) {
-  var _ref3;
   var slides = _ref.slides,
     withCaptions = _ref.withCaptions,
     background = _ref.background,
@@ -188,7 +187,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
     }))) : null)) : null);
   });
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
+    className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
     "data-screen-ready": ready
   }, /*#__PURE__*/React.createElement(Container, {
     width: width,

package/lib/index.js

@@ -20,35 +20,21 @@ var Header = require('@micromag/element-header');
 var Text = require('@micromag/element-text');
 var Visual = require('@micromag/element-visual');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
-var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
-var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
-var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
-var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
-var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
-
 var styles = {"container":"micromag-screen-slideshow-container","placeholder":"micromag-screen-slideshow-placeholder","inner":"micromag-screen-slideshow-inner","background":"micromag-screen-slideshow-background","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","content":"micromag-screen-slideshow-content","caption":"micromag-screen-slideshow-caption","header":"micromag-screen-slideshow-header","footer":"micromag-screen-slideshow-footer"};
 
 var propTypes = {
-  slides: PropTypes__default["default"].oneOfType([core.PropTypes.imageMedias, core.PropTypes.imageElements]),
-  withCaptions: PropTypes__default["default"].bool,
-  spacing: PropTypes__default["default"].number,
-  captionMaxLines: PropTypes__default["default"].number,
-  transitionDelay: PropTypes__default["default"].number,
+  slides: PropTypes.oneOfType([core.PropTypes.imageMedias, core.PropTypes.imageElements]),
+  withCaptions: PropTypes.bool,
+  spacing: PropTypes.number,
+  captionMaxLines: PropTypes.number,
+  transitionDelay: PropTypes.number,
   background: core.PropTypes.backgroundElement,
   header: core.PropTypes.header,
   footer: core.PropTypes.footer,
-  current: PropTypes__default["default"].bool,
-  active: PropTypes__default["default"].bool,
+  current: PropTypes.bool,
+  active: PropTypes.bool,
   transitions: core.PropTypes.transitions,
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 var defaultProps = {
   withCaptions: false,
@@ -66,7 +52,6 @@ var defaultProps = {
   className: null
 };
 var SlideshowScreen = function SlideshowScreen(_ref) {
-  var _ref3;
   var slides = _ref.slides,
     withCaptions = _ref.withCaptions,
     background = _ref.background,
@@ -100,7 +85,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
   var mediaShouldLoad = current || active;
   var finalSpacing = isPlaceholder ? 5 : spacing;
   var _useState = React.useState(0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     imagesLoaded = _useState2[0],
     setImagesLoaded = _useState2[1];
   var ready = true;
@@ -141,27 +126,27 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
     var hasImage = media !== null;
     var hasCaption = utils.isTextFilled(caption);
     var finalTransitionDelay = itemI > 0 ? itemI * (transitionDelay * 1000) : 0;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: "item-".concat(itemI),
       className: styles.gridItem
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: styles.imageContainer,
       ref: function ref(el) {
         imagesEl.current[itemI] = el;
       }
-    }, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
+    }, /*#__PURE__*/React.createElement(components.Transitions, {
       transitions: transitions,
       delay: finalTransitionDelay,
       playing: transitionPlaying,
       disabled: transitionDisabled,
       fullscreen: true
-    }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+    }, /*#__PURE__*/React.createElement(components.ScreenElement, {
       placeholder: "image",
       placeholderProps: {
         className: styles.placeholder,
         height: '100%'
       },
-      emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+      emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
         id: "ebsPd4",
         defaultMessage: [{
           "type": 0,
@@ -170,7 +155,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
       }),
       emptyClassName: styles.emptyImage,
       isEmpty: !hasImage
-    }, mediaShouldLoad ? /*#__PURE__*/React__default["default"].createElement(Visual__default["default"], Object.assign({
+    }, mediaShouldLoad ? /*#__PURE__*/React.createElement(Visual, Object.assign({
       className: styles.image,
       media: media
     }, imageSize, {
@@ -182,14 +167,14 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
       active: active,
       withoutVideo: isPreview,
       onLoaded: onImageLoaded
-    })) : null))), withCaptions ? /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
+    })) : null))), withCaptions ? /*#__PURE__*/React.createElement(components.Transitions, {
       transitions: transitions,
       delay: finalTransitionDelay,
       playing: transitionPlaying,
       disabled: transitionDisabled
-    }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+    }, /*#__PURE__*/React.createElement(components.ScreenElement, {
       placeholder: "line",
-      emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+      emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
         id: "6tIigB",
         defaultMessage: [{
           "type": 0,
@@ -198,53 +183,53 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
       }),
       emptyClassName: styles.emptyCaption,
       isEmpty: !hasCaption
-    }, hasCaption ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }, hasCaption ? /*#__PURE__*/React.createElement("div", {
       className: styles.caption
-    }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({}, caption, {
+    }, /*#__PURE__*/React.createElement(Text, Object.assign({}, caption, {
       className: styles.captionText,
       lineClamp: captionMaxLines
     }))) : null)) : null);
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
     "data-screen-ready": ready
-  }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
+  }, /*#__PURE__*/React.createElement(Container, {
     width: width,
     height: height,
     className: styles.content
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: styles.inner,
     style: {
       paddingTop: !isPreview ? viewerTopHeight : null,
       paddingBottom: (hasFooter ? footerHeight - finalSpacing : 0) + (current && !isPreview ? viewerBottomHeight : 0)
     }
-  }, isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+  }, isPlaceholder ? /*#__PURE__*/React.createElement(components.ScreenElement, {
     placeholder: "image",
     placeholderProps: {
       className: styles.placeholder,
       height: '100%'
     },
-    emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+    emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
       id: "ebsPd4",
       defaultMessage: [{
         "type": 0,
         "value": "Image"
       }]
     })
-  }) : null, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }) : null, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
     className: styles.header,
     ref: headerRef,
     style: {
       padding: finalSpacing,
       paddingTop: finalSpacing / 2
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, items, !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement(Header, header)) : null, items, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
     className: styles.footer,
     ref: footerRef,
     style: {
       padding: finalSpacing / 2
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
+  }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
     background: background,
     width: width,
     height: height,
@@ -257,7 +242,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
 };
 SlideshowScreen.propTypes = propTypes;
 SlideshowScreen.defaultProps = defaultProps;
-var SlideshowScreen$1 = /*#__PURE__*/React__default["default"].memo(SlideshowScreen);
+var SlideshowScreen$1 = /*#__PURE__*/React.memo(SlideshowScreen);
 
 // import * as transforms from './transforms/index';
 
@@ -354,4 +339,4 @@ var definition = [{
 }];
 
 exports.SlideshowScreen = SlideshowScreen$1;
-exports["default"] = definition;
+exports.default = definition;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-slideshow",
-    "version": "0.3.423",
+    "version": "0.3.429",
     "private": false,
     "description": "",
     "keywords": [
@@ -32,6 +32,14 @@
     "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "style": "assets/css/styles.css",
+    "exports": {
+        ".": {
+            "require": "./lib/index.js",
+            "import": "./es/index.js"
+        },
+        "./assets/css/*.css": "./assets/css/*.css"
+    },
     "files": [
         "lib",
         "es",
@@ -50,15 +58,15 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.423",
-        "@micromag/element-background": "^0.3.423",
-        "@micromag/element-container": "^0.3.423",
-        "@micromag/element-footer": "^0.3.423",
-        "@micromag/element-header": "^0.3.423",
-        "@micromag/element-layout": "^0.3.423",
-        "@micromag/element-text": "^0.3.423",
-        "@micromag/element-visual": "^0.3.423",
-        "@micromag/transforms": "^0.3.423",
+        "@micromag/core": "^0.3.429",
+        "@micromag/element-background": "^0.3.429",
+        "@micromag/element-container": "^0.3.429",
+        "@micromag/element-footer": "^0.3.429",
+        "@micromag/element-header": "^0.3.429",
+        "@micromag/element-layout": "^0.3.429",
+        "@micromag/element-text": "^0.3.429",
+        "@micromag/element-visual": "^0.3.429",
+        "@micromag/transforms": "^0.3.429",
         "classnames": "^2.2.6",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
@@ -69,5 +77,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
+    "gitHead": "f15e72b88ecfda4c54b87626513149b58572c52b"
 }