@micromag/screen-timeline 0.3.595 → 0.3.598

package/es/index.js

@@ -29,6 +29,8 @@ var propTypes = {
   layout: PropTypes.oneOf(['normal', 'title-description-image', 'title-image-description', 'image-title-description']),
   title: PropTypes$1.headingElement,
   items: PropTypes.arrayOf(PropTypes$1.textElement),
+  itemTitleStyle: PropTypes$1.textStyle,
+  itemDescriptionStyle: PropTypes$1.textStyle,
   withoutLine: PropTypes.bool,
   bulletColor: PropTypes$1.color,
   lineColor: PropTypes$1.color,
@@ -49,6 +51,8 @@ var defaultProps = {
   layout: 'normal',
   title: null,
   items: [null],
+  itemTitleStyle: null,
+  itemDescriptionStyle: null,
   withoutLine: false,
   bulletColor: null,
   lineColor: null,
@@ -69,6 +73,8 @@ var Timeline = function Timeline(_ref) {
   var layout = _ref.layout,
     title = _ref.title,
     items = _ref.items,
+    itemTitleStyle = _ref.itemTitleStyle,
+    itemDescriptionStyle = _ref.itemDescriptionStyle,
     withoutLine = _ref.withoutLine,
     bulletColor = _ref.bulletColor,
     lineColor = _ref.lineColor,
@@ -168,8 +174,10 @@ var Timeline = function Timeline(_ref) {
       elementsTypes.splice(imageIndex, 1);
     }
     var typesCount = elementsTypes.length;
-    var _ref4 = description || {},
-      descriptionTextStyle = _ref4.textStyle;
+    var _ref4 = itemTitle || {},
+      titleTextStyle = _ref4.textStyle;
+    var _ref5 = description || {},
+      descriptionTextStyle = _ref5.textStyle;
     return /*#__PURE__*/React.createElement("div", {
       className: styles.item,
       key: "item-".concat(itemI)
@@ -192,7 +200,9 @@ var Timeline = function Timeline(_ref) {
             }),
             emptyClassName: styles.empty,
             isEmpty: !hasItemTitle
-          }, hasItemTitle ? /*#__PURE__*/React.createElement(Heading, itemTitle) : null));
+          }, hasItemTitle ? /*#__PURE__*/React.createElement(Heading, Object.assign({}, itemTitle, {
+            textStyle: _objectSpread(_objectSpread({}, itemTitleStyle || null), titleTextStyle)
+          })) : null));
           break;
         case 'image':
           hasElement = hasImage;
@@ -238,7 +248,7 @@ var Timeline = function Timeline(_ref) {
             emptyClassName: styles.empty,
             isEmpty: !hasDescription
           }, hasDescription ? /*#__PURE__*/React.createElement(Text, Object.assign({}, description, {
-            textStyle: _objectSpread({}, descriptionTextStyle)
+            textStyle: _objectSpread(_objectSpread({}, itemDescriptionStyle || null), descriptionTextStyle)
           })) : null));
           break;
         default:
@@ -289,8 +299,8 @@ var Timeline = function Timeline(_ref) {
     footerRef = _useDimensionObserver.ref,
     _useDimensionObserver2 = _useDimensionObserver.height,
     footerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
-  var onScrolledBottom = useCallback(function (_ref9) {
-    var initial = _ref9.initial;
+  var onScrolledBottom = useCallback(function (_ref10) {
+    var initial = _ref10.initial;
     if (initial) {
       trackScreenEvent('scroll', 'Screen');
     }
@@ -424,6 +434,37 @@ var definition = [{
         "value": "Entries"
       }]
     })
+  }, {
+    type: 'fields',
+    label: defineMessage({
+      id: "xac4z/",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Entry styles"
+      }]
+    }),
+    isList: true,
+    fields: [{
+      name: 'itemTitleStyle',
+      type: 'text-style-form',
+      label: defineMessage({
+        id: "+AEVbJ",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Title"
+        }]
+      })
+    }, {
+      name: 'itemDescriptionStyle',
+      type: 'text-style-form',
+      label: defineMessage({
+        id: "ZCe0r4",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Description"
+        }]
+      })
+    }]
   }, {
     name: 'bulletShape',
     type: 'radios',
@@ -616,6 +657,37 @@ var definition = [{
         "value": "Entries"
       }]
     })
+  }, {
+    type: 'fields',
+    label: defineMessage({
+      id: "xac4z/",
+      defaultMessage: [{
+        "type": 0,
+        "value": "Entry styles"
+      }]
+    }),
+    isList: true,
+    fields: [{
+      name: 'itemTitleStyle',
+      type: 'text-style-form',
+      label: defineMessage({
+        id: "+AEVbJ",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Title"
+        }]
+      })
+    }, {
+      name: 'itemDescriptionStyle',
+      type: 'text-style-form',
+      label: defineMessage({
+        id: "ZCe0r4",
+        defaultMessage: [{
+          "type": 0,
+          "value": "Description"
+        }]
+      })
+    }]
   }, {
     name: 'withoutLine',
     type: 'toggle',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/screen-timeline",
-    "version": "0.3.595",
+    "version": "0.3.598",
     "private": false,
     "description": "",
     "keywords": [
@@ -81,5 +81,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "0d2da374482260110907b2d6ecd8fd9d192fe9f0"
+    "gitHead": "372bf20cd6b87388c729d8b824b5fe48618ccb2c"
 }