@micromag/screen-timeline 0.3.359 → 0.3.361

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/index.js +5 -6
  2. package/lib/index.js +5 -6
  3. package/package.json +13 -13
package/es/index.js CHANGED
@@ -280,9 +280,9 @@ var Timeline = function Timeline(_ref) {
280
280
  scrolledBottom = _useState6[0],
281
281
  setScrolledBottom = _useState6[1];
282
282
  var _useDimensionObserver = useDimensionObserver(),
283
- callToActionRef = _useDimensionObserver.ref,
283
+ footerRef = _useDimensionObserver.ref,
284
284
  _useDimensionObserver2 = _useDimensionObserver.height,
285
- callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
285
+ footerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
286
286
  var onScrolledBottom = useCallback(function (_ref8) {
287
287
  var initial = _ref8.initial;
288
288
  if (initial) {
@@ -309,16 +309,15 @@ var Timeline = function Timeline(_ref) {
309
309
  }, /*#__PURE__*/React.createElement(Layout, {
310
310
  style: !isPlaceholder ? {
311
311
  padding: spacing,
312
- paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
313
- paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
312
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + (hasHeader ? spacing / 2 : spacing),
313
+ paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (footerHeight || spacing)
314
314
  } : null
315
315
  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
316
- key: "header",
317
316
  style: {
318
317
  paddingBottom: spacing
319
318
  }
320
319
  }, /*#__PURE__*/React.createElement(Header, header)) : null, timelineElements)), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
321
- ref: callToActionRef,
320
+ ref: footerRef,
322
321
  className: classNames([styles.callToAction, _defineProperty({}, styles.disabled, !scrolledBottom)]),
323
322
  style: {
324
323
  transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
package/lib/index.js CHANGED
@@ -305,9 +305,9 @@ var Timeline = function Timeline(_ref) {
305
305
  scrolledBottom = _useState6[0],
306
306
  setScrolledBottom = _useState6[1];
307
307
  var _useDimensionObserver = hooks.useDimensionObserver(),
308
- callToActionRef = _useDimensionObserver.ref,
308
+ footerRef = _useDimensionObserver.ref,
309
309
  _useDimensionObserver2 = _useDimensionObserver.height,
310
- callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
310
+ footerHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
311
311
  var onScrolledBottom = React.useCallback(function (_ref8) {
312
312
  var initial = _ref8.initial;
313
313
  if (initial) {
@@ -334,16 +334,15 @@ var Timeline = function Timeline(_ref) {
334
334
  }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
335
335
  style: !isPlaceholder ? {
336
336
  padding: spacing,
337
- paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
338
- paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (callToActionHeight || spacing)
337
+ paddingTop: (!isPreview ? viewerTopHeight : 0) + (hasHeader ? spacing / 2 : spacing),
338
+ paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (footerHeight || spacing)
339
339
  } : null
340
340
  }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
341
- key: "header",
342
341
  style: {
343
342
  paddingBottom: spacing
344
343
  }
345
344
  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, timelineElements)), !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
346
- ref: callToActionRef,
345
+ ref: footerRef,
347
346
  className: classNames__default["default"]([styles.callToAction, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom)]),
348
347
  style: {
349
348
  transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-timeline",
3
- "version": "0.3.359",
3
+ "version": "0.3.361",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,17 +49,17 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.359",
53
- "@micromag/element-background": "^0.3.359",
54
- "@micromag/element-container": "^0.3.359",
55
- "@micromag/element-footer": "^0.3.359",
56
- "@micromag/element-header": "^0.3.359",
57
- "@micromag/element-heading": "^0.3.359",
58
- "@micromag/element-layout": "^0.3.359",
59
- "@micromag/element-scroll": "^0.3.359",
60
- "@micromag/element-text": "^0.3.359",
61
- "@micromag/element-visual": "^0.3.359",
62
- "@micromag/transforms": "^0.3.359",
52
+ "@micromag/core": "^0.3.360",
53
+ "@micromag/element-background": "^0.3.360",
54
+ "@micromag/element-container": "^0.3.360",
55
+ "@micromag/element-footer": "^0.3.360",
56
+ "@micromag/element-header": "^0.3.360",
57
+ "@micromag/element-heading": "^0.3.360",
58
+ "@micromag/element-layout": "^0.3.360",
59
+ "@micromag/element-scroll": "^0.3.360",
60
+ "@micromag/element-text": "^0.3.360",
61
+ "@micromag/element-visual": "^0.3.360",
62
+ "@micromag/transforms": "^0.3.360",
63
63
  "classnames": "^2.2.6",
64
64
  "lodash": "^4.17.21",
65
65
  "prop-types": "^15.7.2",
@@ -69,5 +69,5 @@
69
69
  "publishConfig": {
70
70
  "access": "public"
71
71
  },
72
- "gitHead": "22eba0d01f18f8971e0405bbb41081b5e2ae80ee"
72
+ "gitHead": "846c75443d002315fbf6ec9b6e6292f7f3dfbd06"
73
73
  }