@micromag/screen-gallery-feed 0.3.425 → 0.3.429

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-gallery-feed-container{position:relative}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-background{z-index:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-content{z-index:1}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{margin:10px auto;width:100%}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{height:200px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption{height:50px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-image,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-video{position:relative!important}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer{overflow:hidden}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-footer{-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-footer a{padding:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-footer.micromag-screen-gallery-feed-disabled{opacity:0;pointer-events:none}.micromag-screen-gallery-feed-container.micromag-screen-gallery-feed-isPlaceholder .micromag-screen-gallery-feed-layout{padding:10px}
+.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-gallery-feed-container{position:relative}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-background{z-index:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-content{z-index:1}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{margin:10px auto;width:100%}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyImage{height:200px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-emptyCaption{height:50px}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-image,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer,.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-video{position:relative!important}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-imageContainer{overflow:hidden}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-footer{-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-footer a{padding:0}.micromag-screen-gallery-feed-container .micromag-screen-gallery-feed-footer.micromag-screen-gallery-feed-disabled{opacity:0;pointer-events:none}.micromag-screen-gallery-feed-container.micromag-screen-gallery-feed-isPlaceholder .micromag-screen-gallery-feed-layout{padding:10px}

package/es/index.js

@@ -52,7 +52,6 @@ var defaultProps = {
   className: null
 };
 var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
-  var _ref4;
   var layout = _ref.layout,
     images = _ref.images,
     withCaptions = _ref.withCaptions,
@@ -213,7 +212,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     setScrolledBottom(false);
   }, [setScrolledBottom]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
+    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

@@ -27,40 +27,20 @@ var _extends = require('@babel/runtime/helpers/extends');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var appleNews = require('@micromag/transforms/apple-news');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-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 Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
-var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
-var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
-var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
-var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_objectDestructuringEmpty);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-
 var styles = {"container":"micromag-screen-gallery-feed-container","background":"micromag-screen-gallery-feed-background","emptyImage":"micromag-screen-gallery-feed-emptyImage","emptyCaption":"micromag-screen-gallery-feed-emptyCaption","content":"micromag-screen-gallery-feed-content","image":"micromag-screen-gallery-feed-image","imageContainer":"micromag-screen-gallery-feed-imageContainer","video":"micromag-screen-gallery-feed-video","footer":"micromag-screen-gallery-feed-footer","disabled":"micromag-screen-gallery-feed-disabled","isPlaceholder":"micromag-screen-gallery-feed-isPlaceholder","layout":"micromag-screen-gallery-feed-layout"};
 
 var propTypes = {
-  layout: PropTypes__default["default"].oneOf(['normal', 'reverse']),
-  images: PropTypes__default["default"].oneOfType([core.PropTypes.imageElementsWithCaption, core.PropTypes.imageMedias]),
-  withCaptions: PropTypes__default["default"].bool,
-  spacing: PropTypes__default["default"].number,
+  layout: PropTypes.oneOf(['normal', 'reverse']),
+  images: PropTypes.oneOfType([core.PropTypes.imageElementsWithCaption, core.PropTypes.imageMedias]),
+  withCaptions: PropTypes.bool,
+  spacing: PropTypes.number,
   background: core.PropTypes.backgroundElement,
   header: core.PropTypes.header,
   footer: core.PropTypes.footer,
-  current: PropTypes__default["default"].bool,
-  active: PropTypes__default["default"].bool,
-  type: PropTypes__default["default"].string,
-  className: PropTypes__default["default"].string
+  current: PropTypes.bool,
+  active: PropTypes.bool,
+  type: PropTypes.string,
+  className: PropTypes.string
 };
 var defaultProps = {
   layout: 'normal',
@@ -76,7 +56,6 @@ var defaultProps = {
   className: null
 };
 var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
-  var _ref4;
   var layout = _ref.layout,
     images = _ref.images,
     withCaptions = _ref.withCaptions,
@@ -114,7 +93,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
   var hasImages = images !== null;
   var imagesCount = hasImages ? images.length : 0;
   var _useState = React.useState(0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     imagesLoaded = _useState2[0],
     setImagesLoaded = _useState2[1];
   var ready = imagesLoaded >= imagesCount;
@@ -126,7 +105,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
   var isReversed = layout === 'reverse';
   var items = [];
   var editImages = isEdit && imagesCount === 0 ? [null] : images;
-  var finalImages = isPlaceholder ? _toConsumableArray__default["default"](Array(5)) : editImages;
+  var finalImages = isPlaceholder ? _toConsumableArray(Array(5)) : editImages;
   var _useDimensionObserver = hooks.useDimensionObserver(),
     firstImageRef = _useDimensionObserver.ref,
     firstImageRefWidth = _useDimensionObserver.width;
@@ -139,10 +118,10 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
       caption = _ref2$caption === void 0 ? null : _ref2$caption;
     var hasImage = utils.isImageFilled(finalImage);
     var hasCaption = utils.isTextFilled(caption);
-    var imageElement = /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+    var imageElement = /*#__PURE__*/React.createElement(components.ScreenElement, {
       key: "image-".concat(index),
       placeholder: "image",
-      emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+      emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
         id: "ebsPd4",
         defaultMessage: [{
           "type": 0,
@@ -151,10 +130,10 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
       }),
       emptyClassName: styles.emptyImage,
       isEmpty: !hasImage
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: styles.imageContainer,
       ref: index === 0 ? firstImageRef : null
-    }, /*#__PURE__*/React__default["default"].createElement(Visual__default["default"], Object.assign({}, finalImage, {
+    }, /*#__PURE__*/React.createElement(Visual, Object.assign({}, finalImage, {
       className: styles.image,
       videoClassName: styles.video,
       width: firstImageRefWidth,
@@ -169,13 +148,13 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     if (withCaptions) {
       var marginTop = !isReversed || index > 0 ? spacing / 2 : 0;
       var marginBottom = isReversed || index < (finalImages || []).length - 1 ? spacing / 2 : 0;
-      captionElement = /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
+      captionElement = /*#__PURE__*/React.createElement(components.ScreenElement, {
         key: "caption-".concat(index),
         placeholder: "text",
         placeholderProps: {
           lines: 2
         },
-        emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
+        emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
           id: "6tIigB",
           defaultMessage: [{
             "type": 0,
@@ -184,13 +163,13 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
         }),
         emptyClassName: styles.emptyCaption,
         isEmpty: !hasCaption
-      }, hasCaption ? /*#__PURE__*/React__default["default"].createElement("div", {
+      }, hasCaption ? /*#__PURE__*/React.createElement("div", {
         className: styles.caption,
         style: {
           marginTop: marginTop,
           marginBottom: marginBottom
         }
-      }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({}, caption, {
+      }, /*#__PURE__*/React.createElement(Text, Object.assign({}, caption, {
         className: styles.captionText
       }))) : null);
     }
@@ -206,7 +185,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
       }
     }
     if (!isPlaceholder && index < (finalImages || []).length - 1) {
-      items.push( /*#__PURE__*/React__default["default"].createElement("div", {
+      items.push( /*#__PURE__*/React.createElement("div", {
         key: "spacing-".concat(index),
         style: {
           height: spacing
@@ -223,7 +202,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     isPreview: isPreview
   });
   var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     scrolledBottom = _useState4[0],
     setScrolledBottom = _useState4[1];
   var onScrolledBottom = React.useCallback(function (_ref3) {
@@ -236,37 +215,37 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
   var onScrolledNotBottom = React.useCallback(function () {
     setScrolledBottom(false);
   }, [setScrolledBottom]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
+  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(Scroll__default["default"], {
+  }, /*#__PURE__*/React.createElement(Scroll, {
     disabled: scrollingDisabled,
     onScrolledBottom: onScrolledBottom,
     onScrolledNotBottom: onScrolledNotBottom
-  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
+  }, /*#__PURE__*/React.createElement(Layout, {
     className: styles.layout,
     style: !isPlaceholder ? {
       padding: spacing,
       paddingTop: (!isPreview ? viewerTopHeight : 0) + (hasHeader ? spacing / 2 : spacing),
       paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing / 2
     } : null
-  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
     key: "header",
     style: {
       paddingBottom: spacing
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, items, !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.footer, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom)]),
+  }, /*#__PURE__*/React.createElement(Header, header)) : null, items, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
+    className: classNames([styles.footer, _defineProperty({}, styles.disabled, !scrolledBottom)]),
     style: {
       paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
       paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0),
       paddingTop: spacing
     }
-  }, /*#__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,
@@ -281,11 +260,11 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
 };
 GalleryFeedScreen.propTypes = propTypes;
 GalleryFeedScreen.defaultProps = defaultProps;
-var GalleryFeedScreen$1 = /*#__PURE__*/React__default["default"].memo(GalleryFeedScreen);
+var GalleryFeedScreen$1 = /*#__PURE__*/React.memo(GalleryFeedScreen);
 
 var GalleryFeedCaptionsScreen = function GalleryFeedCaptionsScreen(_ref) {
-  var props = _extends__default["default"]({}, (_objectDestructuringEmpty__default["default"](_ref), _ref));
-  return /*#__PURE__*/React__default["default"].createElement(GalleryFeedScreen$1, Object.assign({}, props, {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/React.createElement(GalleryFeedScreen$1, Object.assign({}, props, {
     withCaptions: true
   }));
 };
@@ -297,11 +276,11 @@ var transform = function transform(newStory, _ref) {
     }),
     titleStory = _Gallery.story,
     titleComponent = _Gallery.component;
-  var _Container = appleNews.Container(titleStory, _toConsumableArray__default["default"](titleComponent ? [titleComponent] : [])),
+  var _Container = appleNews.Container(titleStory, _toConsumableArray(titleComponent ? [titleComponent] : [])),
     containerStory = _Container.story,
     containerComponent = _Container.component;
-  return _objectSpread__default["default"](_objectSpread__default["default"]({}, containerStory), {}, {
-    components: [].concat(_toConsumableArray__default["default"](newStory.components || []), _toConsumableArray__default["default"](containerComponent ? [containerComponent] : []))
+  return _objectSpread(_objectSpread({}, containerStory), {}, {
+    components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(containerComponent ? [containerComponent] : []))
   });
 };
 
@@ -492,4 +471,4 @@ var definition = [{
 
 exports.GalleryFeedCaptionsScreen = GalleryFeedCaptionsScreen;
 exports.GalleryFeedScreen = GalleryFeedScreen$1;
-exports["default"] = definition;
+exports.default = definition;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-gallery-feed",
-    "version": "0.3.425",
+    "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,17 +58,17 @@
     },
     "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-scroll": "^0.3.425",
-        "@micromag/element-stack": "^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-scroll": "^0.3.429",
+        "@micromag/element-stack": "^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",
@@ -71,5 +79,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "a84a23dde14ab21350f6872b66a8a61dcb26a4ff"
+    "gitHead": "f15e72b88ecfda4c54b87626513149b58572c52b"
 }