@quintype/components 3.8.8-only-react-v19.2 → 3.8.8-only-react-v19.4

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 (5) hide show
  1. package/dist/cjs/index.js +105 -122
  2. package/dist/es/components/eager-load-images.js +15 -13
  3. package/dist/es/components/impl/thumbor-image.js +49 -72
  4. package/dist/es/components/lazy-load-images.js +15 -16
  5. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -105,12 +105,12 @@ function postRequest(url, body) {
105
105
  return apiClient.url("".concat(mountAt).concat(url)).post(body);
106
106
  }
107
107
 
108
- function _callSuper$r(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$r() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
109
- function _isNativeReflectConstruct$r() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$r = function _isNativeReflectConstruct() { return !!t; })(); }
108
+ function _callSuper$q(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$q() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
109
+ function _isNativeReflectConstruct$q() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$q = function _isNativeReflectConstruct() { return !!t; })(); }
110
110
  var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
111
111
  function BreakingNewsBase() {
112
112
  _classCallCheck__default["default"](this, BreakingNewsBase);
113
- return _callSuper$r(this, BreakingNewsBase, arguments);
113
+ return _callSuper$q(this, BreakingNewsBase, arguments);
114
114
  }
115
115
  _inherits__default["default"](BreakingNewsBase, _React$Component);
116
116
  return _createClass__default["default"](BreakingNewsBase, [{
@@ -290,12 +290,12 @@ function mapDispatchToProps$6(dispatch) {
290
290
  return {};
291
291
  }
292
292
 
293
- function _callSuper$q(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$q() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
294
- function _isNativeReflectConstruct$q() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$q = function _isNativeReflectConstruct() { return !!t; })(); }
293
+ function _callSuper$p(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$p() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
294
+ function _isNativeReflectConstruct$p() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$p = function _isNativeReflectConstruct() { return !!t; })(); }
295
295
  var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
296
296
  function ClientSideOnlyBase() {
297
297
  _classCallCheck__default["default"](this, ClientSideOnlyBase);
298
- return _callSuper$q(this, ClientSideOnlyBase, arguments);
298
+ return _callSuper$p(this, ClientSideOnlyBase, arguments);
299
299
  }
300
300
  _inherits__default["default"](ClientSideOnlyBase, _React$Component);
301
301
  return _createClass__default["default"](ClientSideOnlyBase, [{
@@ -329,8 +329,15 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
329
329
  */
330
330
  var ClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$9, mapDispatchToProps$6)(ClientSideOnlyBase);
331
331
 
332
- function _callSuper$p(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$p() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
333
- function _isNativeReflectConstruct$p() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$p = function _isNativeReflectConstruct() { return !!t; })(); }
332
+ function _callSuper$o(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$o() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
333
+ function _isNativeReflectConstruct$o() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$o = function _isNativeReflectConstruct() { return !!t; })(); }
334
+
335
+ // React 19 compatible context to replace legacy childContextTypes API
336
+ var EagerLoadImagesContext = /*#__PURE__*/React.createContext({
337
+ lazyLoadEagerPredicate: function lazyLoadEagerPredicate() {
338
+ return true;
339
+ }
340
+ });
334
341
 
335
342
  /**
336
343
  * This component can be used along with {@link LazyLoadImages}. Children of `EagerLoadImages` are forced to be eager, if they match the given predicate
@@ -342,31 +349,26 @@ function _isNativeReflectConstruct$p() { try { var t = !Boolean.prototype.valueO
342
349
  var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
343
350
  function EagerLoadImages() {
344
351
  _classCallCheck__default["default"](this, EagerLoadImages);
345
- return _callSuper$p(this, EagerLoadImages, arguments);
352
+ return _callSuper$o(this, EagerLoadImages, arguments);
346
353
  }
347
354
  _inherits__default["default"](EagerLoadImages, _React$Component);
348
355
  return _createClass__default["default"](EagerLoadImages, [{
349
- key: "getChildContext",
350
- value: function getChildContext() {
351
- return {
356
+ key: "render",
357
+ value: function render() {
358
+ var contextValue = {
352
359
  lazyLoadEagerPredicate: this.props.predicate || function () {
353
360
  return true;
354
361
  }
355
362
  };
356
- }
357
- }, {
358
- key: "render",
359
- value: function render() {
360
- return this.props.children;
363
+ return /*#__PURE__*/React__default["default"].createElement(EagerLoadImagesContext.Provider, {
364
+ value: contextValue
365
+ }, this.props.children);
361
366
  }
362
367
  }]);
363
368
  }(React__default["default"].Component);
364
- EagerLoadImages.childContextTypes = {
365
- lazyLoadEagerPredicate: propTypes.func
366
- };
367
369
 
368
- function _callSuper$o(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$o() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
369
- function _isNativeReflectConstruct$o() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$o = function _isNativeReflectConstruct() { return !!t; })(); }
370
+ function _callSuper$n(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$n() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
371
+ function _isNativeReflectConstruct$n() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$n = function _isNativeReflectConstruct() { return !!t; })(); }
370
372
  function defaultErrorFn(props) {
371
373
  return /*#__PURE__*/React__default["default"].createElement("span", {
372
374
  className: "qt-error"
@@ -399,7 +401,7 @@ function withError(clazz) {
399
401
  function WithError(props) {
400
402
  var _this;
401
403
  _classCallCheck__default["default"](this, WithError);
402
- _this = _callSuper$o(this, WithError, [props]);
404
+ _this = _callSuper$n(this, WithError, [props]);
403
405
  _this.state = {
404
406
  errored: false
405
407
  };
@@ -574,15 +576,15 @@ var HamburgerButton = /*#__PURE__*/reactRedux.connect(function (state) {
574
576
  return {};
575
577
  }, mapDispatchToProps$5)(HamburgerButtonBase);
576
578
 
577
- function _callSuper$n(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$n() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
578
- function _isNativeReflectConstruct$n() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$n = function _isNativeReflectConstruct() { return !!t; })(); }
579
+ function _callSuper$m(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$m() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
580
+ function _isNativeReflectConstruct$m() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$m = function _isNativeReflectConstruct() { return !!t; })(); }
579
581
 
580
582
  // An item in the infinite scroll
581
583
  var ScrollItem = /*#__PURE__*/function (_React$Component) {
582
584
  function ScrollItem(props) {
583
585
  var _this;
584
586
  _classCallCheck__default["default"](this, ScrollItem);
585
- _this = _callSuper$n(this, ScrollItem, [props]);
587
+ _this = _callSuper$m(this, ScrollItem, [props]);
586
588
  _this.state = {
587
589
  minHeight: props.minHeight
588
590
  };
@@ -639,7 +641,7 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
639
641
  var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
640
642
  function ScrollLoadMore() {
641
643
  _classCallCheck__default["default"](this, ScrollLoadMore);
642
- return _callSuper$n(this, ScrollLoadMore, arguments);
644
+ return _callSuper$m(this, ScrollLoadMore, arguments);
643
645
  }
644
646
  _inherits__default["default"](ScrollLoadMore, _React$Component2);
645
647
  return _createClass__default["default"](ScrollLoadMore, [{
@@ -675,7 +677,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
675
677
  function InfiniteScrollBase(props) {
676
678
  var _this8;
677
679
  _classCallCheck__default["default"](this, InfiniteScrollBase);
678
- _this8 = _callSuper$n(this, InfiniteScrollBase, [props]);
680
+ _this8 = _callSuper$m(this, InfiniteScrollBase, [props]);
679
681
  var initiallyShow = props.initiallyShow || 1;
680
682
  _this8.state = {
681
683
  visibleComponents: _toConsumableArray__default["default"](Array(initiallyShow).keys()).reduce(function (arr, i) {
@@ -749,7 +751,7 @@ function withFocusObserver(Component) {
749
751
  function WithFocusObserver(props) {
750
752
  var _this1;
751
753
  _classCallCheck__default["default"](this, WithFocusObserver);
752
- _this1 = _callSuper$n(this, WithFocusObserver, [props]);
754
+ _this1 = _callSuper$m(this, WithFocusObserver, [props]);
753
755
  if (global.IntersectionObserver) {
754
756
  _this1.focusObserver = new IntersectionObserver(function (x) {
755
757
  return _this1.focusCallback(x);
@@ -885,8 +887,8 @@ function disconnectObserver(observer) {
885
887
  if (observer) observer.disconnect();
886
888
  }
887
889
 
888
- function _callSuper$m(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$m() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
889
- function _isNativeReflectConstruct$m() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$m = function _isNativeReflectConstruct() { return !!t; })(); }
890
+ function _callSuper$l(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$l() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
891
+ function _isNativeReflectConstruct$l() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$l = function _isNativeReflectConstruct() { return !!t; })(); }
890
892
 
891
893
  /**
892
894
  * This component can be used to implement InfiniteScroll on the story page. You will need to specify the function which renders the story (which will recieve props.index and props.story), and functions for triggering analytics.
@@ -954,7 +956,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
954
956
  function InfiniteStoryBase(props) {
955
957
  var _this;
956
958
  _classCallCheck__default["default"](this, InfiniteStoryBase);
957
- _this = _callSuper$m(this, InfiniteStoryBase, [props]);
959
+ _this = _callSuper$l(this, InfiniteStoryBase, [props]);
958
960
  _this.state = {
959
961
  moreItems: [],
960
962
  loading: false,
@@ -1032,8 +1034,8 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
1032
1034
  }]);
1033
1035
  }(React__default["default"].Component);
1034
1036
 
1035
- function _callSuper$l(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$l() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
1036
- function _isNativeReflectConstruct$l() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$l = function _isNativeReflectConstruct() { return !!t; })(); }
1037
+ function _callSuper$k(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$k() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
1038
+ function _isNativeReflectConstruct$k() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$k = function _isNativeReflectConstruct() { return !!t; })(); }
1037
1039
  var IntersectionObserverWrapper = /*#__PURE__*/function () {
1038
1040
  function IntersectionObserverWrapper(callback) {
1039
1041
  _classCallCheck__default["default"](this, IntersectionObserverWrapper);
@@ -1120,7 +1122,12 @@ var StubObserverWrapper = /*#__PURE__*/function () {
1120
1122
  key: "disconnect",
1121
1123
  value: function disconnect() {}
1122
1124
  }]);
1123
- }();
1125
+ }(); // React 19 compatible context to replace legacy childContextTypes API
1126
+ var LazyLoadImagesContext = /*#__PURE__*/React.createContext({
1127
+ lazyLoadObserveImage: null,
1128
+ lazyLoadUnobserveImage: null
1129
+ });
1130
+
1124
1131
  /**
1125
1132
  * This component will ensure all {@link ResponsiveImages} that are in its descendent path will be loaded async. By default, the image is loaded with an empty gif, and the image becomes visible when the image scrolls 250 from the edge of the screen.
1126
1133
  *
@@ -1159,7 +1166,7 @@ var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
1159
1166
  function LazyLoadImages(props) {
1160
1167
  var _this3;
1161
1168
  _classCallCheck__default["default"](this, LazyLoadImages);
1162
- _this3 = _callSuper$l(this, LazyLoadImages, [props]);
1169
+ _this3 = _callSuper$k(this, LazyLoadImages, [props]);
1163
1170
  var callback = function callback(component) {
1164
1171
  return component.showImage();
1165
1172
  };
@@ -1178,10 +1185,10 @@ var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
1178
1185
  this.observerWrapper.disconnect();
1179
1186
  }
1180
1187
  }, {
1181
- key: "getChildContext",
1182
- value: function getChildContext() {
1188
+ key: "render",
1189
+ value: function render() {
1183
1190
  var _this4 = this;
1184
- return {
1191
+ var contextValue = {
1185
1192
  lazyLoadObserveImage: function lazyLoadObserveImage(dom, component) {
1186
1193
  return dom && _this4.observerWrapper.register(dom, component);
1187
1194
  },
@@ -1189,18 +1196,12 @@ var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
1189
1196
  return dom && _this4.observerWrapper.unregister(dom, component);
1190
1197
  }
1191
1198
  };
1192
- }
1193
- }, {
1194
- key: "render",
1195
- value: function render() {
1196
- return this.props.children;
1199
+ return /*#__PURE__*/React__default["default"].createElement(LazyLoadImagesContext.Provider, {
1200
+ value: contextValue
1201
+ }, this.props.children);
1197
1202
  }
1198
1203
  }]);
1199
1204
  }(React__default["default"].Component);
1200
- LazyLoadImages.childContextTypes = {
1201
- lazyLoadObserveImage: propTypes.func,
1202
- lazyLoadUnobserveImage: propTypes.func
1203
- };
1204
1205
 
1205
1206
  function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1206
1207
  function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1299,13 +1300,13 @@ LazyCollection.defaultProps = {
1299
1300
  }
1300
1301
  };
1301
1302
 
1302
- function _callSuper$k(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$k() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
1303
- function _isNativeReflectConstruct$k() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$k = function _isNativeReflectConstruct() { return !!t; })(); }
1303
+ function _callSuper$j(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$j() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
1304
+ function _isNativeReflectConstruct$j() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$j = function _isNativeReflectConstruct() { return !!t; })(); }
1304
1305
  var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
1305
1306
  function LoadMoreStoriesManager(props) {
1306
1307
  var _this;
1307
1308
  _classCallCheck__default["default"](this, LoadMoreStoriesManager);
1308
- _this = _callSuper$k(this, LoadMoreStoriesManager, [props]);
1309
+ _this = _callSuper$j(this, LoadMoreStoriesManager, [props]);
1309
1310
  _this.state = {
1310
1311
  loading: false,
1311
1312
  pageNumber: 1,
@@ -1356,8 +1357,8 @@ var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
1356
1357
  }]);
1357
1358
  }(React__default["default"].Component);
1358
1359
 
1359
- function _callSuper$j(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$j() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
1360
- function _isNativeReflectConstruct$j() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$j = function _isNativeReflectConstruct() { return !!t; })(); }
1360
+ function _callSuper$i(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$i() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
1361
+ function _isNativeReflectConstruct$i() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$i = function _isNativeReflectConstruct() { return !!t; })(); }
1361
1362
  /**
1362
1363
  * This component starts with a set of stories, and then provides a load more button. This calls out to `/api/v1/stories` with the properties passed via the `params` prop. The stories are concatenated with the stories in `props.data.stories`, and the contents of `props.data` are passed to the rendered template.
1363
1364
  *
@@ -1388,7 +1389,7 @@ function _isNativeReflectConstruct$j() { try { var t = !Boolean.prototype.valueO
1388
1389
  var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
1389
1390
  function LoadMoreStoriesBase() {
1390
1391
  _classCallCheck__default["default"](this, LoadMoreStoriesBase);
1391
- return _callSuper$j(this, LoadMoreStoriesBase, arguments);
1392
+ return _callSuper$i(this, LoadMoreStoriesBase, arguments);
1392
1393
  }
1393
1394
  _inherits__default["default"](LoadMoreStoriesBase, _React$Component);
1394
1395
  return _createClass__default["default"](LoadMoreStoriesBase, [{
@@ -1423,8 +1424,8 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
1423
1424
  }]);
1424
1425
  }(React__default["default"].Component);
1425
1426
 
1426
- function _callSuper$i(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$i() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
1427
- function _isNativeReflectConstruct$i() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$i = function _isNativeReflectConstruct() { return !!t; })(); }
1427
+ function _callSuper$h(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$h() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
1428
+ function _isNativeReflectConstruct$h() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$h = function _isNativeReflectConstruct() { return !!t; })(); }
1428
1429
 
1429
1430
  /**
1430
1431
  * This component is very similar to the {@link LoadMoreBase} component but fetches the stories from a `collection`. The api call `/api/v1/collections/{collectionSlug}` is made with the passed collection slug value. The component accepts the `params` prop and a requires a Collection Slug from which to fetch the stories and returns a set of stories only.
@@ -1464,7 +1465,7 @@ function _isNativeReflectConstruct$i() { try { var t = !Boolean.prototype.valueO
1464
1465
  var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
1465
1466
  function LoadMoreCollectionStories() {
1466
1467
  _classCallCheck__default["default"](this, LoadMoreCollectionStories);
1467
- return _callSuper$i(this, LoadMoreCollectionStories, arguments);
1468
+ return _callSuper$h(this, LoadMoreCollectionStories, arguments);
1468
1469
  }
1469
1470
  _inherits__default["default"](LoadMoreCollectionStories, _React$Component);
1470
1471
  return _createClass__default["default"](LoadMoreCollectionStories, [{
@@ -1684,8 +1685,6 @@ function GumletImage(props) {
1684
1685
  })));
1685
1686
  }
1686
1687
 
1687
- function _callSuper$h(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct$h() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
1688
- function _isNativeReflectConstruct$h() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$h = function _isNativeReflectConstruct() { return !!t; })(); }
1689
1688
  function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1690
1689
  function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1691
1690
  function responsiveProps(props) {
@@ -1715,75 +1714,57 @@ function responsiveProps(props) {
1715
1714
  }
1716
1715
  return _objectSpread$4({}, imageProps);
1717
1716
  }
1718
- var ThumborImage = /*#__PURE__*/function (_React$Component) {
1719
- function ThumborImage(props, context) {
1720
- var _this;
1721
- _classCallCheck__default["default"](this, ThumborImage);
1722
- _this = _callSuper$h(this, ThumborImage, [props, context]);
1723
- _this.state = {
1724
- showImage: !_this.shouldLazyLoad()
1725
- };
1726
- return _this;
1727
- }
1728
- _inherits__default["default"](ThumborImage, _React$Component);
1729
- return _createClass__default["default"](ThumborImage, [{
1730
- key: "shouldLazyLoad",
1731
- value: function shouldLazyLoad() {
1732
- if (this.props.eager === true) {
1733
- return false;
1734
- }
1735
- if (this.context.lazyLoadEagerPredicate && this.context.lazyLoadEagerPredicate(this.props.eager)) {
1736
- return false;
1737
- }
1738
- if (this.context.lazyLoadObserveImage && this.context.lazyLoadUnobserveImage) {
1739
- return true;
1740
- }
1717
+ function ThumborImage(props) {
1718
+ var lazyLoadContext = React.useContext(LazyLoadImagesContext);
1719
+ var eagerLoadContext = React.useContext(EagerLoadImagesContext);
1720
+ var shouldLazyLoad = function shouldLazyLoad() {
1721
+ if (props.eager === true) {
1741
1722
  return false;
1742
1723
  }
1743
- }, {
1744
- key: "render",
1745
- value: function render() {
1746
- var _this$props,
1747
- _this2 = this;
1748
- var imageProps = this.state.showImage ? responsiveProps(this.props) : {
1749
- src: emptyWebGif__default["default"]
1750
- };
1751
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, ((_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.priority) && /*#__PURE__*/React__default["default"].createElement(reactHelmet.Helmet, null, /*#__PURE__*/React__default["default"].createElement("link", {
1752
- rel: "preload",
1753
- as: "image",
1754
- imagesrcset: imageProps === null || imageProps === void 0 ? void 0 : imageProps.srcSet,
1755
- imagesizes: imageProps === null || imageProps === void 0 ? void 0 : imageProps.sizes
1756
- })), /*#__PURE__*/React__default["default"].createElement(this.props.reactTag || 'img', Object.assign(imageProps, omit__default["default"](this.props, USED_PARAMS), {
1757
- ref: function ref(dom) {
1758
- return _this2.dom = dom;
1759
- },
1760
- className: this.props.className ? "qt-image ".concat(this.props.className) : 'qt-image'
1761
- })));
1724
+ if (eagerLoadContext.lazyLoadEagerPredicate && eagerLoadContext.lazyLoadEagerPredicate(props.eager)) {
1725
+ return false;
1762
1726
  }
1763
- }, {
1764
- key: "componentDidMount",
1765
- value: function componentDidMount() {
1766
- this.shouldLazyLoad() && this.context.lazyLoadObserveImage(this.dom, this);
1727
+ if (lazyLoadContext.lazyLoadObserveImage && lazyLoadContext.lazyLoadUnobserveImage) {
1728
+ return true;
1767
1729
  }
1768
- }, {
1769
- key: "componentWillUnmount",
1770
- value: function componentWillUnmount() {
1771
- this.shouldLazyLoad() && this.context.lazyLoadUnobserveImage(this.dom, this);
1730
+ return false;
1731
+ };
1732
+ var _useState = React.useState(function () {
1733
+ return !shouldLazyLoad();
1734
+ }),
1735
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
1736
+ showImage = _useState2[0],
1737
+ setShowImage = _useState2[1];
1738
+ var domRef = React.useRef(null);
1739
+ var componentRef = React.useRef({
1740
+ showImage: function showImage() {
1741
+ return setShowImage(true);
1772
1742
  }
1773
- }, {
1774
- key: "showImage",
1775
- value: function showImage() {
1776
- this.setState({
1777
- showImage: true
1778
- });
1743
+ });
1744
+ React.useEffect(function () {
1745
+ var lazyLoad = shouldLazyLoad();
1746
+ if (lazyLoad && lazyLoadContext.lazyLoadObserveImage && domRef.current) {
1747
+ lazyLoadContext.lazyLoadObserveImage(domRef.current, componentRef.current);
1779
1748
  }
1780
- }]);
1781
- }(React__default["default"].Component);
1782
- ThumborImage.contextTypes = {
1783
- lazyLoadObserveImage: propTypes.func,
1784
- lazyLoadUnobserveImage: propTypes.func,
1785
- lazyLoadEagerPredicate: propTypes.func
1786
- };
1749
+ return function () {
1750
+ if (lazyLoad && lazyLoadContext.lazyLoadUnobserveImage && domRef.current) {
1751
+ lazyLoadContext.lazyLoadUnobserveImage(domRef.current, componentRef.current);
1752
+ }
1753
+ };
1754
+ }, [props.eager, lazyLoadContext.lazyLoadObserveImage, lazyLoadContext.lazyLoadUnobserveImage, eagerLoadContext.lazyLoadEagerPredicate]);
1755
+ var imageProps = showImage ? responsiveProps(props) : {
1756
+ src: emptyWebGif__default["default"]
1757
+ };
1758
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (props === null || props === void 0 ? void 0 : props.priority) && /*#__PURE__*/React__default["default"].createElement(reactHelmet.Helmet, null, /*#__PURE__*/React__default["default"].createElement("link", {
1759
+ rel: "preload",
1760
+ as: "image",
1761
+ imagesrcset: imageProps === null || imageProps === void 0 ? void 0 : imageProps.srcSet,
1762
+ imagesizes: imageProps === null || imageProps === void 0 ? void 0 : imageProps.sizes
1763
+ })), /*#__PURE__*/React__default["default"].createElement(props.reactTag || 'img', Object.assign(imageProps, omit__default["default"](props, USED_PARAMS), {
1764
+ ref: domRef,
1765
+ className: props.className ? "qt-image ".concat(props.className) : 'qt-image'
1766
+ })));
1767
+ }
1787
1768
 
1788
1769
  function mapStateToProps$6(state) {
1789
1770
  return {
@@ -5896,6 +5877,7 @@ exports.ClientSideOnly = ClientSideOnly;
5896
5877
  exports.Collection = Collection;
5897
5878
  exports.ComponentReducers = ComponentReducers;
5898
5879
  exports.EagerLoadImages = EagerLoadImages;
5880
+ exports.EagerLoadImagesContext = EagerLoadImagesContext;
5899
5881
  exports.HAMBURGER_CLICKED = HAMBURGER_CLICKED;
5900
5882
  exports.HAMBURGER_CLOSED = HAMBURGER_CLOSED;
5901
5883
  exports.HamburgerButton = HamburgerButton;
@@ -5904,6 +5886,7 @@ exports.InfiniteScroll = InfiniteScroll;
5904
5886
  exports.InfiniteStoryBase = InfiniteStoryBase;
5905
5887
  exports.LazyCollection = LazyCollection;
5906
5888
  exports.LazyLoadImages = LazyLoadImages;
5889
+ exports.LazyLoadImagesContext = LazyLoadImagesContext;
5907
5890
  exports.Link = Link;
5908
5891
  exports.LinkBase = LinkBase;
5909
5892
  exports.LoadMoreButton = LoadMoreButton;
package/dist/es/components/eager-load-images.js CHANGED
@@ -5,9 +5,16 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
5
  import _inherits from "@babel/runtime/helpers/inherits";
6
6
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
7
7
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
8
- import React from "react";
8
+ import React, { createContext } from "react";
9
9
  import { func } from 'prop-types';
10
10
 
11
+ // React 19 compatible context to replace legacy childContextTypes API
12
+ export var EagerLoadImagesContext = /*#__PURE__*/createContext({
13
+ lazyLoadEagerPredicate: function lazyLoadEagerPredicate() {
14
+ return true;
15
+ }
16
+ });
17
+
11
18
  /**
12
19
  * This component can be used along with {@link LazyLoadImages}. Children of `EagerLoadImages` are forced to be eager, if they match the given predicate
13
20
  *
@@ -22,21 +29,16 @@ export var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
22
29
  }
23
30
  _inherits(EagerLoadImages, _React$Component);
24
31
  return _createClass(EagerLoadImages, [{
25
- key: "getChildContext",
26
- value: function getChildContext() {
27
- return {
32
+ key: "render",
33
+ value: function render() {
34
+ var contextValue = {
28
35
  lazyLoadEagerPredicate: this.props.predicate || function () {
29
36
  return true;
30
37
  }
31
38
  };
32
- }
33
- }, {
34
- key: "render",
35
- value: function render() {
36
- return this.props.children;
39
+ return /*#__PURE__*/React.createElement(EagerLoadImagesContext.Provider, {
40
+ value: contextValue
41
+ }, this.props.children);
37
42
  }
38
43
  }]);
39
- }(React.Component);
40
- EagerLoadImages.childContextTypes = {
41
- lazyLoadEagerPredicate: func
42
- };
44
+ }(React.Component);
package/dist/es/components/impl/thumbor-image.js CHANGED
@@ -1,19 +1,14 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
4
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
5
- import _inherits from "@babel/runtime/helpers/inherits";
1
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
6
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
8
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
9
3
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
10
4
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
11
5
  import omit from '@babel/runtime/helpers/objectWithoutProperties';
12
6
  import emptyWebGif from 'empty-web-gif';
13
- import { func } from 'prop-types';
14
7
  import { FocusedImage } from 'quintype-js';
15
- import React from 'react';
8
+ import React, { useState, useEffect, useRef, useContext } from 'react';
16
9
  import { Helmet } from 'react-helmet';
10
+ import { LazyLoadImagesContext } from '../lazy-load-images';
11
+ import { EagerLoadImagesContext } from '../eager-load-images';
17
12
  import { USED_PARAMS, hashString } from './image-utils';
18
13
  export function responsiveProps(props) {
19
14
  var image = new FocusedImage(props.slug, props.metadata);
@@ -42,72 +37,54 @@ export function responsiveProps(props) {
42
37
  }
43
38
  return _objectSpread({}, imageProps);
44
39
  }
45
- export var ThumborImage = /*#__PURE__*/function (_React$Component) {
46
- function ThumborImage(props, context) {
47
- var _this;
48
- _classCallCheck(this, ThumborImage);
49
- _this = _callSuper(this, ThumborImage, [props, context]);
50
- _this.state = {
51
- showImage: !_this.shouldLazyLoad()
52
- };
53
- return _this;
54
- }
55
- _inherits(ThumborImage, _React$Component);
56
- return _createClass(ThumborImage, [{
57
- key: "shouldLazyLoad",
58
- value: function shouldLazyLoad() {
59
- if (this.props.eager === true) {
60
- return false;
61
- }
62
- if (this.context.lazyLoadEagerPredicate && this.context.lazyLoadEagerPredicate(this.props.eager)) {
63
- return false;
64
- }
65
- if (this.context.lazyLoadObserveImage && this.context.lazyLoadUnobserveImage) {
66
- return true;
67
- }
40
+ export function ThumborImage(props) {
41
+ var lazyLoadContext = useContext(LazyLoadImagesContext);
42
+ var eagerLoadContext = useContext(EagerLoadImagesContext);
43
+ var shouldLazyLoad = function shouldLazyLoad() {
44
+ if (props.eager === true) {
68
45
  return false;
69
46
  }
70
- }, {
71
- key: "render",
72
- value: function render() {
73
- var _this$props,
74
- _this2 = this;
75
- var imageProps = this.state.showImage ? responsiveProps(this.props) : {
76
- src: emptyWebGif
77
- };
78
- return /*#__PURE__*/React.createElement(React.Fragment, null, ((_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.priority) && /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("link", {
79
- rel: "preload",
80
- as: "image",
81
- imagesrcset: imageProps === null || imageProps === void 0 ? void 0 : imageProps.srcSet,
82
- imagesizes: imageProps === null || imageProps === void 0 ? void 0 : imageProps.sizes
83
- })), /*#__PURE__*/React.createElement(this.props.reactTag || 'img', Object.assign(imageProps, omit(this.props, USED_PARAMS), {
84
- ref: function ref(dom) {
85
- return _this2.dom = dom;
86
- },
87
- className: this.props.className ? "qt-image ".concat(this.props.className) : 'qt-image'
88
- })));
47
+ if (eagerLoadContext.lazyLoadEagerPredicate && eagerLoadContext.lazyLoadEagerPredicate(props.eager)) {
48
+ return false;
89
49
  }
90
- }, {
91
- key: "componentDidMount",
92
- value: function componentDidMount() {
93
- this.shouldLazyLoad() && this.context.lazyLoadObserveImage(this.dom, this);
50
+ if (lazyLoadContext.lazyLoadObserveImage && lazyLoadContext.lazyLoadUnobserveImage) {
51
+ return true;
94
52
  }
95
- }, {
96
- key: "componentWillUnmount",
97
- value: function componentWillUnmount() {
98
- this.shouldLazyLoad() && this.context.lazyLoadUnobserveImage(this.dom, this);
53
+ return false;
54
+ };
55
+ var _useState = useState(function () {
56
+ return !shouldLazyLoad();
57
+ }),
58
+ _useState2 = _slicedToArray(_useState, 2),
59
+ showImage = _useState2[0],
60
+ setShowImage = _useState2[1];
61
+ var domRef = useRef(null);
62
+ var componentRef = useRef({
63
+ showImage: function showImage() {
64
+ return setShowImage(true);
99
65
  }
100
- }, {
101
- key: "showImage",
102
- value: function showImage() {
103
- this.setState({
104
- showImage: true
105
- });
66
+ });
67
+ useEffect(function () {
68
+ var lazyLoad = shouldLazyLoad();
69
+ if (lazyLoad && lazyLoadContext.lazyLoadObserveImage && domRef.current) {
70
+ lazyLoadContext.lazyLoadObserveImage(domRef.current, componentRef.current);
106
71
  }
107
- }]);
108
- }(React.Component);
109
- ThumborImage.contextTypes = {
110
- lazyLoadObserveImage: func,
111
- lazyLoadUnobserveImage: func,
112
- lazyLoadEagerPredicate: func
113
- };
72
+ return function () {
73
+ if (lazyLoad && lazyLoadContext.lazyLoadUnobserveImage && domRef.current) {
74
+ lazyLoadContext.lazyLoadUnobserveImage(domRef.current, componentRef.current);
75
+ }
76
+ };
77
+ }, [props.eager, lazyLoadContext.lazyLoadObserveImage, lazyLoadContext.lazyLoadUnobserveImage, eagerLoadContext.lazyLoadEagerPredicate]);
78
+ var imageProps = showImage ? responsiveProps(props) : {
79
+ src: emptyWebGif
80
+ };
81
+ return /*#__PURE__*/React.createElement(React.Fragment, null, (props === null || props === void 0 ? void 0 : props.priority) && /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("link", {
82
+ rel: "preload",
83
+ as: "image",
84
+ imagesrcset: imageProps === null || imageProps === void 0 ? void 0 : imageProps.srcSet,
85
+ imagesizes: imageProps === null || imageProps === void 0 ? void 0 : imageProps.sizes
86
+ })), /*#__PURE__*/React.createElement(props.reactTag || 'img', Object.assign(imageProps, omit(props, USED_PARAMS), {
87
+ ref: domRef,
88
+ className: props.className ? "qt-image ".concat(props.className) : 'qt-image'
89
+ })));
90
+ }
package/dist/es/components/lazy-load-images.js CHANGED
@@ -6,8 +6,8 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
6
6
  import _createClass from "@babel/runtime/helpers/createClass";
7
7
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
8
8
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
9
- import { func, string } from 'prop-types';
10
- import React from "react";
9
+ import { string } from 'prop-types';
10
+ import React, { createContext } from "react";
11
11
  var IntersectionObserverWrapper = /*#__PURE__*/function () {
12
12
  function IntersectionObserverWrapper(callback) {
13
13
  _classCallCheck(this, IntersectionObserverWrapper);
@@ -94,7 +94,12 @@ var StubObserverWrapper = /*#__PURE__*/function () {
94
94
  key: "disconnect",
95
95
  value: function disconnect() {}
96
96
  }]);
97
- }();
97
+ }(); // React 19 compatible context to replace legacy childContextTypes API
98
+ export var LazyLoadImagesContext = /*#__PURE__*/createContext({
99
+ lazyLoadObserveImage: null,
100
+ lazyLoadUnobserveImage: null
101
+ });
102
+
98
103
  /**
99
104
  * This component will ensure all {@link ResponsiveImages} that are in its descendent path will be loaded async. By default, the image is loaded with an empty gif, and the image becomes visible when the image scrolls 250 from the edge of the screen.
100
105
  *
@@ -152,10 +157,10 @@ export var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
152
157
  this.observerWrapper.disconnect();
153
158
  }
154
159
  }, {
155
- key: "getChildContext",
156
- value: function getChildContext() {
160
+ key: "render",
161
+ value: function render() {
157
162
  var _this4 = this;
158
- return {
163
+ var contextValue = {
159
164
  lazyLoadObserveImage: function lazyLoadObserveImage(dom, component) {
160
165
  return dom && _this4.observerWrapper.register(dom, component);
161
166
  },
@@ -163,15 +168,9 @@ export var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
163
168
  return dom && _this4.observerWrapper.unregister(dom, component);
164
169
  }
165
170
  };
166
- }
167
- }, {
168
- key: "render",
169
- value: function render() {
170
- return this.props.children;
171
+ return /*#__PURE__*/React.createElement(LazyLoadImagesContext.Provider, {
172
+ value: contextValue
173
+ }, this.props.children);
171
174
  }
172
175
  }]);
173
- }(React.Component);
174
- LazyLoadImages.childContextTypes = {
175
- lazyLoadObserveImage: func,
176
- lazyLoadUnobserveImage: func
177
- };
176
+ }(React.Component);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quintype/components",
3
- "version": "3.8.8-only-react-v19.2",
3
+ "version": "3.8.8-only-react-v19.4",
4
4
  "description": "Components to help build Quintype Node.js apps",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",