@micromag/screen-gallery-feed 0.3.595 → 0.3.596

package/es/index.js

@@ -1,5 +1,6 @@
 import { FormattedMessage, defineMessage } from 'react-intl';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
@@ -27,6 +28,7 @@ var propTypes = {
   layout: PropTypes.oneOf(['normal', 'reverse']),
   images: PropTypes.oneOfType([PropTypes$1.imageElementsWithCaption, PropTypes$1.imageMedias]),
   withCaptions: PropTypes.bool,
+  imageCaptionStyle: PropTypes$1.textStyle,
   spacing: PropTypes.number,
   background: PropTypes$1.backgroundElement,
   header: PropTypes$1.header,
@@ -41,6 +43,7 @@ var defaultProps = {
   layout: 'normal',
   images: null,
   withCaptions: false,
+  imageCaptionStyle: null,
   spacing: 20,
   background: null,
   header: null,
@@ -55,6 +58,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
   var layout = _ref.layout,
     images = _ref.images,
     withCaptions = _ref.withCaptions,
+    imageCaptionStyle = _ref.imageCaptionStyle,
     spacing = _ref.spacing,
     background = _ref.background,
     header = _ref.header,
@@ -115,6 +119,9 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
       caption = _ref2$caption === void 0 ? null : _ref2$caption;
     var hasImage = isImageFilled(finalImage);
     var hasCaption = isTextFilled(caption);
+    var _ref3 = caption || {},
+      _ref3$textStyle = _ref3.textStyle,
+      textStyle = _ref3$textStyle === void 0 ? null : _ref3$textStyle;
     var imageElement = /*#__PURE__*/React.createElement(ScreenElement, {
       key: "image-".concat(index),
       placeholder: "image",
@@ -167,6 +174,7 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
           marginBottom: marginBottom
         }
       }, /*#__PURE__*/React.createElement(Text, Object.assign({}, caption, {
+        textStyle: _objectSpread(_objectSpread({}, imageCaptionStyle || null), textStyle),
         className: styles.captionText
       }))) : null);
     }
@@ -202,8 +210,8 @@ var GalleryFeedScreen = function GalleryFeedScreen(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     scrolledBottom = _useState4[0],
     setScrolledBottom = _useState4[1];
-  var onScrolledBottom = useCallback(function (_ref3) {
-    var initial = _ref3.initial;
+  var onScrolledBottom = useCallback(function (_ref4) {
+    var initial = _ref4.initial;
     if (initial) {
       trackScreenEvent('scroll', 'Screen');
     }
@@ -395,6 +403,16 @@ var definition = [{
         "value": "Images"
       }]
     })
+  }, {
+    name: 'imageCaptionStyle',
+    type: 'text-style-form',
+    label: defineMessage({
+      id: "Qz7nUz",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Caption style"
+      }]
+    })
   }, {
     name: 'background',
     type: 'background',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-gallery-feed",
-    "version": "0.3.595",
+    "version": "0.3.596",
     "private": false,
     "description": "",
     "keywords": [
@@ -81,5 +81,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "0d2da374482260110907b2d6ecd8fd9d192fe9f0"
+    "gitHead": "69970fa5ea5e5ef1a62454dbfda70a9a97b3aa55"
 }