@mjhls/mjh-framework 1.0.228 → 1.0.230

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 (36) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/{AdSlot-1c1700a3.js → AdSlot-d87cef08.js} +1 -1
  3. package/dist/cjs/DeckContent.js +2 -2
  4. package/dist/cjs/DeckQueue.js +1 -1
  5. package/dist/cjs/{Dfp-b6d403f8.js → Dfp-c4f1f12a.js} +1 -1
  6. package/dist/cjs/{GridContent-e45cb4c7.js → GridContent-757aef92.js} +3 -3
  7. package/dist/cjs/GridContent.js +3 -3
  8. package/dist/cjs/MasterDeck.js +1 -1
  9. package/dist/cjs/{Normal-c3488266.js → Normal-5cf206ec.js} +2 -2
  10. package/dist/cjs/QueueDeckExpanded.js +1 -1
  11. package/dist/cjs/{TaxonomyCard-0d4ec68b.js → TaxonomyCard-d97685e2.js} +1 -1
  12. package/dist/cjs/TaxonomyCard.js +2 -2
  13. package/dist/cjs/TemplateNormal.js +3 -3
  14. package/dist/cjs/{Ustream-5f595d09.js → Ustream-0d3dd953.js} +1 -1
  15. package/dist/cjs/Ustream.js +2 -2
  16. package/dist/cjs/VideoSeriesListing.js +1 -1
  17. package/dist/cjs/{_babelHelpers-4a69caad.js → _babelHelpers-f321c258.js} +0 -30
  18. package/dist/cjs/index.js +32 -45
  19. package/dist/esm/{AdSlot-748bc6ff.js → AdSlot-b67f8534.js} +1 -1
  20. package/dist/esm/DeckContent.js +2 -2
  21. package/dist/esm/DeckQueue.js +1 -1
  22. package/dist/esm/{Dfp-ad9b4fbe.js → Dfp-6731ac01.js} +1 -1
  23. package/dist/esm/{GridContent-036fbe57.js → GridContent-6a3c27ba.js} +3 -3
  24. package/dist/esm/GridContent.js +3 -3
  25. package/dist/esm/MasterDeck.js +1 -1
  26. package/dist/esm/{Normal-088cf5cf.js → Normal-89840352.js} +2 -2
  27. package/dist/esm/QueueDeckExpanded.js +1 -1
  28. package/dist/esm/{TaxonomyCard-92f9e327.js → TaxonomyCard-f9c93953.js} +1 -1
  29. package/dist/esm/TaxonomyCard.js +2 -2
  30. package/dist/esm/TemplateNormal.js +3 -3
  31. package/dist/esm/{Ustream-2bfb1813.js → Ustream-6bb45fe7.js} +1 -1
  32. package/dist/esm/Ustream.js +2 -2
  33. package/dist/esm/VideoSeriesListing.js +1 -1
  34. package/dist/esm/{_babelHelpers-c212c59c.js → _babelHelpers-67c05996.js} +1 -30
  35. package/dist/esm/index.js +36 -49
  36. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.228
2
+ # mjh-framework v. 1.0.230
3
3
 
4
4
 
5
5
 
@@ -7,7 +7,7 @@ var React__default = _interopDefault(React);
7
7
  var index = require('./index-0322e486.js');
8
8
  var PropTypes = _interopDefault(require('prop-types'));
9
9
  var debounce = require('./debounce-a963b136.js');
10
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
10
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
11
11
 
12
12
  var DFPAdSlot = function DFPAdSlot(_ref) {
13
13
  var adUnit = _ref.adUnit,
@@ -21,8 +21,8 @@ var index$1 = require('./index-a4c53ff4.js');
21
21
  var index$2 = require('./index-0d0efcfa.js');
22
22
  var main = require('./main-58839f4e.js');
23
23
  var entities = require('./entities-3e0b4a16.js');
24
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
25
- var AdSlot = require('./AdSlot-1c1700a3.js');
24
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
25
+ var AdSlot = require('./AdSlot-d87cef08.js');
26
26
 
27
27
  var DeckContent = function (_React$Component) {
28
28
  _babelHelpers.inherits(DeckContent, _React$Component);
@@ -21,7 +21,7 @@ var index$1 = require('./index-a4c53ff4.js');
21
21
  var index$2 = require('./index-0d0efcfa.js');
22
22
  var main = require('./main-58839f4e.js');
23
23
  var entities = require('./entities-3e0b4a16.js');
24
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
24
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
25
25
  var get$1 = require('./get-126b1712.js');
26
26
 
27
27
  var DeckQueue = function (_React$Component) {
@@ -10,7 +10,7 @@ var PropTypes = _interopDefault(require('prop-types'));
10
10
  var visibilitySensor = require('./visibility-sensor-bea3105d.js');
11
11
  var debounce = require('./debounce-a963b136.js');
12
12
  require('react-dom');
13
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
13
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
14
14
 
15
15
  var AD = function AD(_ref) {
16
16
  var networkID = _ref.networkID,
@@ -18,12 +18,12 @@ var index$1 = require('./index-a4c53ff4.js');
18
18
  var index$2 = require('./index-0d0efcfa.js');
19
19
  var main = require('./main-58839f4e.js');
20
20
  var entities = require('./entities-3e0b4a16.js');
21
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
22
- var AdSlot = require('./AdSlot-1c1700a3.js');
21
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
22
+ var AdSlot = require('./AdSlot-d87cef08.js');
23
23
  var get$1 = require('./get-126b1712.js');
24
24
 
25
25
  var Dfp = React__default.lazy(function () {
26
- return new Promise(function (resolve) { resolve(require('./Dfp-b6d403f8.js')); });
26
+ return new Promise(function (resolve) { resolve(require('./Dfp-c4f1f12a.js')); });
27
27
  });
28
28
 
29
29
  var AD = function AD(props) {
@@ -17,10 +17,10 @@ require('./index-a4c53ff4.js');
17
17
  require('./index-0d0efcfa.js');
18
18
  require('./main-58839f4e.js');
19
19
  require('./entities-3e0b4a16.js');
20
- require('./_babelHelpers-4a69caad.js');
21
- require('./AdSlot-1c1700a3.js');
20
+ require('./_babelHelpers-f321c258.js');
21
+ require('./AdSlot-d87cef08.js');
22
22
  require('./get-126b1712.js');
23
- var GridContent = require('./GridContent-e45cb4c7.js');
23
+ var GridContent = require('./GridContent-757aef92.js');
24
24
 
25
25
 
26
26
 
@@ -19,7 +19,7 @@ var debounce = require('./debounce-a963b136.js');
19
19
  require('react-dom');
20
20
  require('./index-a4c53ff4.js');
21
21
  var main = require('./main-58839f4e.js');
22
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
22
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
23
23
 
24
24
  var MasterDeck = function (_React$Component) {
25
25
  _babelHelpers.inherits(MasterDeck, _React$Component);
@@ -11,8 +11,8 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
11
11
  var Col = _interopDefault(require('react-bootstrap/Col'));
12
12
  var Link = _interopDefault(require('next/link'));
13
13
  var main = require('./main-58839f4e.js');
14
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
15
- var AdSlot = require('./AdSlot-1c1700a3.js');
14
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
15
+ var AdSlot = require('./AdSlot-d87cef08.js');
16
16
  var get$1 = require('./get-126b1712.js');
17
17
  var reactBootstrap = require('react-bootstrap');
18
18
  var index_esm = require('./index.esm-340d3792.js');
@@ -16,7 +16,7 @@ var index$1 = require('./index-a4c53ff4.js');
16
16
  var index$2 = require('./index-0d0efcfa.js');
17
17
  var main = require('./main-58839f4e.js');
18
18
  var entities = require('./entities-3e0b4a16.js');
19
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
19
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
20
20
  var reactBootstrap = require('react-bootstrap');
21
21
 
22
22
  var urlFor = function urlFor(source, builder) {
@@ -11,7 +11,7 @@ var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  var index$1 = require('./index-a4c53ff4.js');
13
13
  var index$2 = require('./index-0d0efcfa.js');
14
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
14
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
15
15
 
16
16
  /*
17
17
  object-assign
@@ -10,8 +10,8 @@ require('react-bootstrap/Card');
10
10
  require('react-dom');
11
11
  require('./index-a4c53ff4.js');
12
12
  require('./index-0d0efcfa.js');
13
- require('./_babelHelpers-4a69caad.js');
14
- var TaxonomyCard = require('./TaxonomyCard-0d4ec68b.js');
13
+ require('./_babelHelpers-f321c258.js');
14
+ var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
15
15
 
16
16
 
17
17
 
@@ -10,13 +10,13 @@ require('react-bootstrap/Col');
10
10
  require('next/link');
11
11
  require('./debounce-a963b136.js');
12
12
  require('./main-58839f4e.js');
13
- require('./_babelHelpers-4a69caad.js');
14
- require('./AdSlot-1c1700a3.js');
13
+ require('./_babelHelpers-f321c258.js');
14
+ require('./AdSlot-d87cef08.js');
15
15
  require('./get-126b1712.js');
16
16
  require('react-bootstrap');
17
17
  require('./index.esm-340d3792.js');
18
18
  require('react-bootstrap/Button');
19
- var TemplateNormal = require('./Normal-c3488266.js');
19
+ var TemplateNormal = require('./Normal-5cf206ec.js');
20
20
  require('react-bootstrap/ListGroup');
21
21
  require('next/head');
22
22
  require('react-bootstrap/Nav');
@@ -4,7 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
4
4
 
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
7
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
8
8
  var index_esm = require('./index.esm-340d3792.js');
9
9
 
10
10
  // THIS FILE IS AUTO GENERATED
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
3
  require('react');
4
- require('./_babelHelpers-4a69caad.js');
4
+ require('./_babelHelpers-f321c258.js');
5
5
  require('./index.esm-340d3792.js');
6
- var Ustream = require('./Ustream-5f595d09.js');
6
+ var Ustream = require('./Ustream-0d3dd953.js');
7
7
 
8
8
 
9
9
 
@@ -15,7 +15,7 @@ var Router__default = _interopDefault(Router);
15
15
  var debounce = require('./debounce-a963b136.js');
16
16
  require('react-dom');
17
17
  require('./index-0d0efcfa.js');
18
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
18
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
19
19
  var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
20
20
  var index_esm = require('./index.esm-340d3792.js');
21
21
 
@@ -1,34 +1,5 @@
1
1
  'use strict';
2
2
 
3
- var asyncToGenerator = function (fn) {
4
- return function () {
5
- var gen = fn.apply(this, arguments);
6
- return new Promise(function (resolve, reject) {
7
- function step(key, arg) {
8
- try {
9
- var info = gen[key](arg);
10
- var value = info.value;
11
- } catch (error) {
12
- reject(error);
13
- return;
14
- }
15
-
16
- if (info.done) {
17
- resolve(value);
18
- } else {
19
- return Promise.resolve(value).then(function (value) {
20
- step("next", value);
21
- }, function (err) {
22
- step("throw", err);
23
- });
24
- }
25
- }
26
-
27
- return step("next");
28
- });
29
- };
30
- };
31
-
32
3
  var classCallCheck = function (instance, Constructor) {
33
4
  if (!(instance instanceof Constructor)) {
34
5
  throw new TypeError("Cannot call a class as a function");
@@ -140,7 +111,6 @@ var toConsumableArray = function (arr) {
140
111
  };
141
112
 
142
113
  exports._extends = _extends;
143
- exports.asyncToGenerator = asyncToGenerator;
144
114
  exports.classCallCheck = classCallCheck;
145
115
  exports.createClass = createClass;
146
116
  exports.inherits = inherits;
package/dist/cjs/index.js CHANGED
@@ -23,15 +23,15 @@ var index$1 = require('./index-a4c53ff4.js');
23
23
  require('./index-0d0efcfa.js');
24
24
  var main = require('./main-58839f4e.js');
25
25
  var entities = require('./entities-3e0b4a16.js');
26
- var _babelHelpers = require('./_babelHelpers-4a69caad.js');
27
- var AdSlot = require('./AdSlot-1c1700a3.js');
26
+ var _babelHelpers = require('./_babelHelpers-f321c258.js');
27
+ var AdSlot = require('./AdSlot-d87cef08.js');
28
28
  var DeckContent = require('./DeckContent.js');
29
29
  require('./get-126b1712.js');
30
- var GridContent = require('./GridContent-e45cb4c7.js');
30
+ var GridContent = require('./GridContent-757aef92.js');
31
31
  var DeckQueue = require('./DeckQueue.js');
32
32
  require('react-bootstrap/Media');
33
33
  var ThumbnailCard = require('./ThumbnailCard.js');
34
- var TaxonomyCard = require('./TaxonomyCard-0d4ec68b.js');
34
+ var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
35
35
  var GroupDeck = require('./GroupDeck.js');
36
36
  var YoutubeGroup = require('./YoutubeGroup-ad994d02.js');
37
37
  var reactBootstrap = require('react-bootstrap');
@@ -44,7 +44,7 @@ var PublicationDeck = require('./PublicationDeck.js');
44
44
  var IssueDeck = require('./IssueDeck.js');
45
45
  require('react-bootstrap/Badge');
46
46
  var IssueContentDeck = require('./IssueContentDeck.js');
47
- var TemplateNormal = require('./Normal-c3488266.js');
47
+ var TemplateNormal = require('./Normal-5cf206ec.js');
48
48
  require('react-bootstrap/ListGroup');
49
49
  var Head = _interopDefault(require('next/head'));
50
50
  var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -60,7 +60,7 @@ var Carousel = _interopDefault(require('react-bootstrap/Carousel'));
60
60
  var Breadcrumb = _interopDefault(require('react-bootstrap/Breadcrumb'));
61
61
  var DropdownButton = _interopDefault(require('react-bootstrap/DropdownButton'));
62
62
  var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
63
- var Ustream = require('./Ustream-5f595d09.js');
63
+ var Ustream = require('./Ustream-0d3dd953.js');
64
64
 
65
65
  var AccordionPanel = function AccordionPanel(props) {
66
66
  var accordionClassName = props.accordionClassName,
@@ -282,7 +282,7 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
282
282
 
283
283
  var urlFor = function urlFor(source, client) {
284
284
  var builder = index$1.imageUrlBuilder(client);
285
- return builder.image(source);
285
+ return builder.image(source).auto('format');
286
286
  };
287
287
 
288
288
  var FigureComponent = function FigureComponent(_ref) {
@@ -344,6 +344,8 @@ var FigureComponent = function FigureComponent(_ref) {
344
344
  } else {
345
345
  setimageWidth(widthP + '%');
346
346
  }
347
+ } else {
348
+ setimageWidth('100%');
347
349
  }
348
350
  };
349
351
 
@@ -355,6 +357,8 @@ var FigureComponent = function FigureComponent(_ref) {
355
357
  } else {
356
358
  setimageWidth(widthP + '%');
357
359
  }
360
+ } else {
361
+ setimageWidth('100%');
358
362
  }
359
363
  }, [widthP, imgFloat]);
360
364
 
@@ -363,6 +367,9 @@ var FigureComponent = function FigureComponent(_ref) {
363
367
  if (screenWidth > 1000) {
364
368
  var align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
365
369
  setimgFloat(align);
370
+ } else {
371
+ var _align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
372
+ setimgFloat(_align);
366
373
  }
367
374
 
368
375
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -12449,45 +12456,25 @@ var _initialiseProps = function _initialiseProps() {
12449
12456
  _this3.preVscroll = window.scrollY;
12450
12457
  };
12451
12458
 
12452
- this.loadmore = _babelHelpers.asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
12453
- var maxListLength, queueData, query, params, article, targeting;
12454
- return regeneratorRuntime.wrap(function _callee$(_context) {
12455
- while (1) {
12456
- switch (_context.prev = _context.next) {
12457
- case 0:
12458
- maxListLength = _this3.props.maxListLength ? _this3.props.maxListLength : _this3.state.maxListLength;
12459
- queueData = [].concat(_babelHelpers.toConsumableArray(_this3.state.queueData));
12460
- query = _this3.props.relatedArticleQuery;
12461
- params = _this3.props.params;
12462
-
12463
- if (!(queueData.length < maxListLength)) {
12464
- _context.next = 10;
12465
- break;
12466
- }
12467
-
12468
- params.index = queueData.length - 1;
12469
-
12470
- _context.next = 8;
12471
- return _this3.props.client.fetch(query, params);
12472
-
12473
- case 8:
12474
- article = _context.sent;
12475
-
12476
- if (article) {
12477
- targeting = _this3.getTargeting(article);
12478
-
12479
- article.Ads = _this3.props.Ads.getRightItems(targeting);
12480
- queueData.push(article);
12481
- _this3.setState({ queueData: queueData });
12482
- }
12483
-
12484
- case 10:
12485
- case 'end':
12486
- return _context.stop();
12459
+ this.loadmore = function () {
12460
+
12461
+ var maxListLength = _this3.props.maxListLength ? _this3.props.maxListLength : _this3.state.maxListLength;
12462
+ var queueData = [].concat(_babelHelpers.toConsumableArray(_this3.state.queueData));
12463
+ var query = _this3.props.relatedArticleQuery;
12464
+ var params = _this3.props.params;
12465
+ if (queueData.length < maxListLength) {
12466
+ params.index = queueData.length - 1;
12467
+ var that = _this3;
12468
+ _this3.props.client.fetch(query, params).then(function (article) {
12469
+ if (article) {
12470
+ var targeting = that.getTargeting(article);
12471
+ article.Ads = that.props.Ads.getRightItems(targeting);
12472
+ queueData.push(article);
12473
+ that.setState({ queueData: queueData });
12487
12474
  }
12488
- }
12489
- }, _callee, _this3);
12490
- }));
12475
+ });
12476
+ }
12477
+ };
12491
12478
 
12492
12479
  this.isCutomPage = function (article) {
12493
12480
  var url = article.url.current;
@@ -2,7 +2,7 @@ import React__default, { useState } from 'react';
2
2
  import { b as lib_2 } from './index-6a79dad6.js';
3
3
  import PropTypes from 'prop-types';
4
4
  import { d as debounce_1 } from './debounce-dc0c02e5.js';
5
- import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
5
+ import { s as slicedToArray } from './_babelHelpers-67c05996.js';
6
6
 
7
7
  var DFPAdSlot = function DFPAdSlot(_ref) {
8
8
  var adUnit = _ref.adUnit,
@@ -15,8 +15,8 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
15
15
  import { L as LazyLoad } from './index-3c1ee9ab.js';
16
16
  import { a as main_36 } from './main-dea495b7.js';
17
17
  import { c as clean_html_1 } from './entities-e85d3a4a.js';
18
- import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
19
- import { D as DFPAdSlot } from './AdSlot-748bc6ff.js';
18
+ import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
19
+ import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
20
20
 
21
21
  var DeckContent = function (_React$Component) {
22
22
  inherits(DeckContent, _React$Component);
@@ -15,7 +15,7 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
15
15
  import { L as LazyLoad } from './index-3c1ee9ab.js';
16
16
  import { a as main_36 } from './main-dea495b7.js';
17
17
  import { c as clean_html_1 } from './entities-e85d3a4a.js';
18
- import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
18
+ import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
19
19
  import { g as get_1 } from './get-b074314b.js';
20
20
 
21
21
  var DeckQueue = function (_React$Component) {
@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
5
5
  import { V as VisibilitySensor } from './visibility-sensor-675d3fa1.js';
6
6
  import { d as debounce_1 } from './debounce-dc0c02e5.js';
7
7
  import 'react-dom';
8
- import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
8
+ import { s as slicedToArray } from './_babelHelpers-67c05996.js';
9
9
 
10
10
  var AD = function AD(_ref) {
11
11
  var networkID = _ref.networkID,
@@ -12,12 +12,12 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
12
12
  import { L as LazyLoad } from './index-3c1ee9ab.js';
13
13
  import { a as main_36 } from './main-dea495b7.js';
14
14
  import { c as clean_html_1 } from './entities-e85d3a4a.js';
15
- import { i as inherits, c as createClass, t as toConsumableArray, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-c212c59c.js';
16
- import { D as DFPAdSlot } from './AdSlot-748bc6ff.js';
15
+ import { i as inherits, c as createClass, t as toConsumableArray, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-67c05996.js';
16
+ import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
17
17
  import { g as get_1 } from './get-b074314b.js';
18
18
 
19
19
  var Dfp = React__default.lazy(function () {
20
- return import('./Dfp-ad9b4fbe.js');
20
+ return import('./Dfp-6731ac01.js');
21
21
  });
22
22
 
23
23
  var AD = function AD(props) {
@@ -15,7 +15,7 @@ import './index-ca4ff5cb.js';
15
15
  import './index-3c1ee9ab.js';
16
16
  import './main-dea495b7.js';
17
17
  import './entities-e85d3a4a.js';
18
- import './_babelHelpers-c212c59c.js';
19
- import './AdSlot-748bc6ff.js';
18
+ import './_babelHelpers-67c05996.js';
19
+ import './AdSlot-b67f8534.js';
20
20
  import './get-b074314b.js';
21
- export { G as default } from './GridContent-036fbe57.js';
21
+ export { G as default } from './GridContent-6a3c27ba.js';
@@ -13,7 +13,7 @@ import { d as debounce_1 } from './debounce-dc0c02e5.js';
13
13
  import 'react-dom';
14
14
  import './index-ca4ff5cb.js';
15
15
  import { a as main_36 } from './main-dea495b7.js';
16
- import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
16
+ import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
17
17
 
18
18
  var MasterDeck = function (_React$Component) {
19
19
  inherits(MasterDeck, _React$Component);
@@ -6,8 +6,8 @@ import Row from 'react-bootstrap/Row';
6
6
  import Col from 'react-bootstrap/Col';
7
7
  import Link from 'next/link';
8
8
  import { a as main_36, b as main_37 } from './main-dea495b7.js';
9
- import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
10
- import { D as DFPAdSlot } from './AdSlot-748bc6ff.js';
9
+ import { s as slicedToArray } from './_babelHelpers-67c05996.js';
10
+ import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
11
11
  import { g as get_1 } from './get-b074314b.js';
12
12
  import { Dropdown } from 'react-bootstrap';
13
13
  import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
@@ -10,7 +10,7 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
10
10
  import { L as LazyLoad } from './index-3c1ee9ab.js';
11
11
  import { a as main_36 } from './main-dea495b7.js';
12
12
  import { c as clean_html_1 } from './entities-e85d3a4a.js';
13
- import { s as slicedToArray, _ as _extends, t as toConsumableArray } from './_babelHelpers-c212c59c.js';
13
+ import { s as slicedToArray, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
14
14
  import { Container, Media } from 'react-bootstrap';
15
15
 
16
16
  var urlFor = function urlFor(source, builder) {
@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import { n as node, i as imageUrlBuilder } from './index-ca4ff5cb.js';
8
8
  import { L as LazyLoad } from './index-3c1ee9ab.js';
9
- import { _ as _extends } from './_babelHelpers-c212c59c.js';
9
+ import { _ as _extends } from './_babelHelpers-67c05996.js';
10
10
 
11
11
  /*
12
12
  object-assign
@@ -8,5 +8,5 @@ import 'react-bootstrap/Card';
8
8
  import 'react-dom';
9
9
  import './index-ca4ff5cb.js';
10
10
  import './index-3c1ee9ab.js';
11
- import './_babelHelpers-c212c59c.js';
12
- export { T as default } from './TaxonomyCard-92f9e327.js';
11
+ import './_babelHelpers-67c05996.js';
12
+ export { T as default } from './TaxonomyCard-f9c93953.js';
@@ -8,13 +8,13 @@ import 'react-bootstrap/Col';
8
8
  import 'next/link';
9
9
  import './debounce-dc0c02e5.js';
10
10
  import './main-dea495b7.js';
11
- import './_babelHelpers-c212c59c.js';
12
- import './AdSlot-748bc6ff.js';
11
+ import './_babelHelpers-67c05996.js';
12
+ import './AdSlot-b67f8534.js';
13
13
  import './get-b074314b.js';
14
14
  import 'react-bootstrap';
15
15
  import './index.esm-536609db.js';
16
16
  import 'react-bootstrap/Button';
17
- export { T as default } from './Normal-088cf5cf.js';
17
+ export { T as default } from './Normal-89840352.js';
18
18
  import 'react-bootstrap/ListGroup';
19
19
  import 'next/head';
20
20
  import 'react-bootstrap/Nav';
@@ -1,5 +1,5 @@
1
1
  import React__default, { useState, useRef, useEffect } from 'react';
2
- import { s as slicedToArray } from './_babelHelpers-c212c59c.js';
2
+ import { s as slicedToArray } from './_babelHelpers-67c05996.js';
3
3
  import { G as GenIcon, d as IoIosOpen } from './index.esm-536609db.js';
4
4
 
5
5
  // THIS FILE IS AUTO GENERATED
@@ -1,4 +1,4 @@
1
1
  import 'react';
2
- import './_babelHelpers-c212c59c.js';
2
+ import './_babelHelpers-67c05996.js';
3
3
  import './index.esm-536609db.js';
4
- export { U as default } from './Ustream-2bfb1813.js';
4
+ export { U as default } from './Ustream-6bb45fe7.js';
@@ -9,7 +9,7 @@ import { withRouter } from 'next/router';
9
9
  import { d as debounce_1 } from './debounce-dc0c02e5.js';
10
10
  import 'react-dom';
11
11
  import './index-3c1ee9ab.js';
12
- import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-c212c59c.js';
12
+ import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-67c05996.js';
13
13
  import { Y as YoutubeGroup } from './YoutubeGroup-1368335c.js';
14
14
  import { a as IoIosArrowForward } from './index.esm-536609db.js';
15
15
 
@@ -1,32 +1,3 @@
1
- var asyncToGenerator = function (fn) {
2
- return function () {
3
- var gen = fn.apply(this, arguments);
4
- return new Promise(function (resolve, reject) {
5
- function step(key, arg) {
6
- try {
7
- var info = gen[key](arg);
8
- var value = info.value;
9
- } catch (error) {
10
- reject(error);
11
- return;
12
- }
13
-
14
- if (info.done) {
15
- resolve(value);
16
- } else {
17
- return Promise.resolve(value).then(function (value) {
18
- step("next", value);
19
- }, function (err) {
20
- step("throw", err);
21
- });
22
- }
23
- }
24
-
25
- return step("next");
26
- });
27
- };
28
- };
29
-
30
1
  var classCallCheck = function (instance, Constructor) {
31
2
  if (!(instance instanceof Constructor)) {
32
3
  throw new TypeError("Cannot call a class as a function");
@@ -137,4 +108,4 @@ var toConsumableArray = function (arr) {
137
108
  }
138
109
  };
139
110
 
140
- export { _extends as _, classCallCheck as a, asyncToGenerator as b, createClass as c, inherits as i, possibleConstructorReturn as p, slicedToArray as s, toConsumableArray as t };
111
+ export { _extends as _, classCallCheck as a, createClass as c, inherits as i, possibleConstructorReturn as p, slicedToArray as s, toConsumableArray as t };
package/dist/esm/index.js CHANGED
@@ -15,17 +15,17 @@ import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
15
15
  import './index-3c1ee9ab.js';
16
16
  import { m as main_35, a as main_36 } from './main-dea495b7.js';
17
17
  import { h as html_decode_1, c as clean_html_1 } from './entities-e85d3a4a.js';
18
- import { s as slicedToArray, _ as _extends$2, t as toConsumableArray, i as inherits$2, c as createClass, a as classCallCheck, p as possibleConstructorReturn, b as asyncToGenerator } from './_babelHelpers-c212c59c.js';
19
- import { D as DFPAdSlot } from './AdSlot-748bc6ff.js';
20
- export { D as AdSlot } from './AdSlot-748bc6ff.js';
18
+ import { s as slicedToArray, _ as _extends$2, t as toConsumableArray, i as inherits$2, c as createClass, a as classCallCheck, p as possibleConstructorReturn } from './_babelHelpers-67c05996.js';
19
+ import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
20
+ export { D as AdSlot } from './AdSlot-b67f8534.js';
21
21
  export { default as DeckContent } from './DeckContent.js';
22
22
  import './get-b074314b.js';
23
- export { A as AD, G as GridContent } from './GridContent-036fbe57.js';
23
+ export { A as AD, G as GridContent } from './GridContent-6a3c27ba.js';
24
24
  export { default as DeckQueue } from './DeckQueue.js';
25
25
  import 'react-bootstrap/Media';
26
26
  export { default as ThumbnailCard } from './ThumbnailCard.js';
27
- import { B as BlockContent } from './TaxonomyCard-92f9e327.js';
28
- export { T as TaxonomyCard } from './TaxonomyCard-92f9e327.js';
27
+ import { B as BlockContent } from './TaxonomyCard-f9c93953.js';
28
+ export { T as TaxonomyCard } from './TaxonomyCard-f9c93953.js';
29
29
  import GroupDeck from './GroupDeck.js';
30
30
  export { default as GroupDeck } from './GroupDeck.js';
31
31
  import { g as getYoutubeId } from './YoutubeGroup-1368335c.js';
@@ -40,8 +40,8 @@ export { default as PublicationDeck } from './PublicationDeck.js';
40
40
  export { default as IssueDeck } from './IssueDeck.js';
41
41
  import 'react-bootstrap/Badge';
42
42
  export { default as IssueContentDeck } from './IssueContentDeck.js';
43
- import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-088cf5cf.js';
44
- export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-088cf5cf.js';
43
+ import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-89840352.js';
44
+ export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-89840352.js';
45
45
  import 'react-bootstrap/ListGroup';
46
46
  import Head from 'next/head';
47
47
  import Accordion from 'react-bootstrap/Accordion';
@@ -57,8 +57,8 @@ import Carousel$1 from 'react-bootstrap/Carousel';
57
57
  import Breadcrumb from 'react-bootstrap/Breadcrumb';
58
58
  import DropdownButton from 'react-bootstrap/DropdownButton';
59
59
  import Dropdown from 'react-bootstrap/Dropdown';
60
- import { F as FaLongArrowAltRight } from './Ustream-2bfb1813.js';
61
- export { U as Ustream } from './Ustream-2bfb1813.js';
60
+ import { F as FaLongArrowAltRight } from './Ustream-6bb45fe7.js';
61
+ export { U as Ustream } from './Ustream-6bb45fe7.js';
62
62
 
63
63
  var AccordionPanel = function AccordionPanel(props) {
64
64
  var accordionClassName = props.accordionClassName,
@@ -280,7 +280,7 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
280
280
 
281
281
  var urlFor = function urlFor(source, client) {
282
282
  var builder = imageUrlBuilder(client);
283
- return builder.image(source);
283
+ return builder.image(source).auto('format');
284
284
  };
285
285
 
286
286
  var FigureComponent = function FigureComponent(_ref) {
@@ -342,6 +342,8 @@ var FigureComponent = function FigureComponent(_ref) {
342
342
  } else {
343
343
  setimageWidth(widthP + '%');
344
344
  }
345
+ } else {
346
+ setimageWidth('100%');
345
347
  }
346
348
  };
347
349
 
@@ -353,6 +355,8 @@ var FigureComponent = function FigureComponent(_ref) {
353
355
  } else {
354
356
  setimageWidth(widthP + '%');
355
357
  }
358
+ } else {
359
+ setimageWidth('100%');
356
360
  }
357
361
  }, [widthP, imgFloat]);
358
362
 
@@ -361,6 +365,9 @@ var FigureComponent = function FigureComponent(_ref) {
361
365
  if (screenWidth > 1000) {
362
366
  var align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
363
367
  setimgFloat(align);
368
+ } else {
369
+ var _align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
370
+ setimgFloat(_align);
364
371
  }
365
372
 
366
373
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -12447,45 +12454,25 @@ var _initialiseProps = function _initialiseProps() {
12447
12454
  _this3.preVscroll = window.scrollY;
12448
12455
  };
12449
12456
 
12450
- this.loadmore = asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
12451
- var maxListLength, queueData, query, params, article, targeting;
12452
- return regeneratorRuntime.wrap(function _callee$(_context) {
12453
- while (1) {
12454
- switch (_context.prev = _context.next) {
12455
- case 0:
12456
- maxListLength = _this3.props.maxListLength ? _this3.props.maxListLength : _this3.state.maxListLength;
12457
- queueData = [].concat(toConsumableArray(_this3.state.queueData));
12458
- query = _this3.props.relatedArticleQuery;
12459
- params = _this3.props.params;
12460
-
12461
- if (!(queueData.length < maxListLength)) {
12462
- _context.next = 10;
12463
- break;
12464
- }
12465
-
12466
- params.index = queueData.length - 1;
12467
-
12468
- _context.next = 8;
12469
- return _this3.props.client.fetch(query, params);
12470
-
12471
- case 8:
12472
- article = _context.sent;
12473
-
12474
- if (article) {
12475
- targeting = _this3.getTargeting(article);
12476
-
12477
- article.Ads = _this3.props.Ads.getRightItems(targeting);
12478
- queueData.push(article);
12479
- _this3.setState({ queueData: queueData });
12480
- }
12481
-
12482
- case 10:
12483
- case 'end':
12484
- return _context.stop();
12457
+ this.loadmore = function () {
12458
+
12459
+ var maxListLength = _this3.props.maxListLength ? _this3.props.maxListLength : _this3.state.maxListLength;
12460
+ var queueData = [].concat(toConsumableArray(_this3.state.queueData));
12461
+ var query = _this3.props.relatedArticleQuery;
12462
+ var params = _this3.props.params;
12463
+ if (queueData.length < maxListLength) {
12464
+ params.index = queueData.length - 1;
12465
+ var that = _this3;
12466
+ _this3.props.client.fetch(query, params).then(function (article) {
12467
+ if (article) {
12468
+ var targeting = that.getTargeting(article);
12469
+ article.Ads = that.props.Ads.getRightItems(targeting);
12470
+ queueData.push(article);
12471
+ that.setState({ queueData: queueData });
12485
12472
  }
12486
- }
12487
- }, _callee, _this3);
12488
- }));
12473
+ });
12474
+ }
12475
+ };
12489
12476
 
12490
12477
  this.isCutomPage = function (article) {
12491
12478
  var url = article.url.current;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.228",
3
+ "version": "1.0.230",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",