@mjhls/mjh-framework 1.0.293 → 1.0.294

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 (42) hide show
  1. package/README.md +171 -171
  2. package/dist/cjs/DeckContent.js +9 -9
  3. package/dist/cjs/DeckQueue.js +1 -1
  4. package/dist/cjs/{Figure-0681dd7d.js → Figure-167c0214.js} +1 -1
  5. package/dist/cjs/{GridContent-02acbd72.js → GridContent-fa2e1b56.js} +2 -2
  6. package/dist/cjs/GridContent.js +2 -2
  7. package/dist/cjs/IssueContentDeck.js +1 -1
  8. package/dist/cjs/IssueDeck.js +1 -1
  9. package/dist/cjs/MasterDeck.js +9 -9
  10. package/dist/cjs/{Normal-c6ad2f0a.js → Normal-61221bc6.js} +29 -29
  11. package/dist/cjs/PublicationDeck.js +1 -1
  12. package/dist/cjs/QueueDeckExpanded.js +1 -1
  13. package/dist/cjs/{TaxonomyCard-03364755.js → TaxonomyCard-4210753c.js} +1 -1
  14. package/dist/cjs/TaxonomyCard.js +2 -2
  15. package/dist/cjs/TemplateNormal.js +1 -1
  16. package/dist/cjs/ThumbnailCard.js +1 -1
  17. package/dist/cjs/VideoSeriesListing.js +14 -12
  18. package/dist/cjs/{YoutubeGroup-98ffbc57.js → YoutubeGroup-39eba427.js} +4 -4
  19. package/dist/cjs/YoutubeGroup.js +1 -1
  20. package/dist/cjs/{index-39beccb3.js → index-be0c82be.js} +1 -2
  21. package/dist/cjs/index.js +536 -548
  22. package/dist/esm/DeckContent.js +9 -9
  23. package/dist/esm/DeckQueue.js +1 -1
  24. package/dist/esm/{Figure-cff72982.js → Figure-9f21ef27.js} +1 -1
  25. package/dist/esm/{GridContent-96716e42.js → GridContent-88ed988c.js} +1 -1
  26. package/dist/esm/GridContent.js +2 -2
  27. package/dist/esm/IssueContentDeck.js +1 -1
  28. package/dist/esm/IssueDeck.js +1 -1
  29. package/dist/esm/MasterDeck.js +9 -9
  30. package/dist/esm/{Normal-73a8596f.js → Normal-3a537c0a.js} +29 -29
  31. package/dist/esm/PublicationDeck.js +1 -1
  32. package/dist/esm/QueueDeckExpanded.js +1 -1
  33. package/dist/esm/{TaxonomyCard-8d8c0d6f.js → TaxonomyCard-1d039949.js} +1 -1
  34. package/dist/esm/TaxonomyCard.js +2 -2
  35. package/dist/esm/TemplateNormal.js +1 -1
  36. package/dist/esm/ThumbnailCard.js +1 -1
  37. package/dist/esm/VideoSeriesListing.js +14 -12
  38. package/dist/esm/{YoutubeGroup-562ed456.js → YoutubeGroup-f59297bb.js} +4 -4
  39. package/dist/esm/YoutubeGroup.js +1 -1
  40. package/dist/esm/{index-3849e3fe.js → index-73819142.js} +1 -2
  41. package/dist/esm/index.js +539 -551
  42. package/package.json +103 -103
@@ -17,7 +17,7 @@ import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visib
17
17
  import 'next/link';
18
18
  import { withRouter } from 'next/router';
19
19
  import 'react-dom';
20
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
20
+ import { i as imageUrlBuilder } from './index-73819142.js';
21
21
  import { L as LazyLoad } from './index-5f9f807a.js';
22
22
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
23
23
  import './slicedToArray-d0a9593a.js';
@@ -164,14 +164,14 @@ var DeckContent = function (_React$Component) {
164
164
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
165
165
 
166
166
  // please leave this for later debug purpose : Yong Jun.
167
- /* console.log('page change reported', {
168
- currentPage: currentPage,
169
- pageNumber: pageNumber,
170
- pathname: pathname,
171
- path: path,
172
- newPath: newPath,
173
- firstPage: pageNumber === 1,
174
- queryString: queryString
167
+ /* console.log('page change reported', {
168
+ currentPage: currentPage,
169
+ pageNumber: pageNumber,
170
+ pathname: pathname,
171
+ path: path,
172
+ newPath: newPath,
173
+ firstPage: pageNumber === 1,
174
+ queryString: queryString
175
175
  }) */
176
176
 
177
177
  if (pageview) {
@@ -17,7 +17,7 @@ import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visib
17
17
  import 'next/link';
18
18
  import { withRouter } from 'next/router';
19
19
  import 'react-dom';
20
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
20
+ import { i as imageUrlBuilder } from './index-73819142.js';
21
21
  import { L as LazyLoad } from './index-5f9f807a.js';
22
22
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
23
23
  import { g as get_1 } from './get-9c285a85.js';
@@ -3,7 +3,7 @@ import './_to-object-b9b796ec.js';
3
3
  import './web.dom.iterable-3be50d6c.js';
4
4
  import './core.get-iterator-method-31c1fb1a.js';
5
5
  import React__default, { useState } from 'react';
6
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
6
+ import { i as imageUrlBuilder } from './index-73819142.js';
7
7
  import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
8
8
  import { Figure as Figure$1 } from 'react-bootstrap';
9
9
 
@@ -11,7 +11,7 @@ import Card from 'react-bootstrap/Card';
11
11
  import { m as moment, V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-336093e1.js';
12
12
  import 'next/link';
13
13
  import { withRouter } from 'next/router';
14
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
14
+ import { i as imageUrlBuilder } from './index-73819142.js';
15
15
  import { L as LazyLoad } from './index-5f9f807a.js';
16
16
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
17
17
  import { A as ADInfeed } from './ADInfeed-ac3ac372.js';
@@ -17,7 +17,7 @@ import './visibility-sensor-336093e1.js';
17
17
  import 'next/link';
18
18
  import 'next/router';
19
19
  import 'react-dom';
20
- import './index-3849e3fe.js';
20
+ import './index-73819142.js';
21
21
  import './index-5f9f807a.js';
22
22
  import './entities-7cc3bf45.js';
23
23
  import './slicedToArray-d0a9593a.js';
@@ -25,4 +25,4 @@ import './AdSlot-03043ffb.js';
25
25
  import './promise-e3480f1c.js';
26
26
  import './ADInfeed-ac3ac372.js';
27
27
  import './get-9c285a85.js';
28
- export { G as default } from './GridContent-96716e42.js';
28
+ export { G as default } from './GridContent-88ed988c.js';
@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import 'next/link';
8
8
  import 'react-dom';
9
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
9
+ import { i as imageUrlBuilder } from './index-73819142.js';
10
10
  import { L as LazyLoad } from './index-5f9f807a.js';
11
11
  import Badge from 'react-bootstrap/Badge';
12
12
 
@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import 'next/link';
8
8
  import 'react-dom';
9
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
9
+ import { i as imageUrlBuilder } from './index-73819142.js';
10
10
  import { L as LazyLoad } from './index-5f9f807a.js';
11
11
  import Button from 'react-bootstrap/Button';
12
12
 
@@ -17,7 +17,7 @@ import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-
17
17
  import 'next/link';
18
18
  import { withRouter } from 'next/router';
19
19
  import 'react-dom';
20
- import './index-3849e3fe.js';
20
+ import './index-73819142.js';
21
21
  import { _ as _Promise } from './promise-e3480f1c.js';
22
22
 
23
23
  var MasterDeck = function (_React$Component) {
@@ -163,14 +163,14 @@ var MasterDeck = function (_React$Component) {
163
163
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
164
164
 
165
165
  // please leave this for later debug purpose : Yong Jun.
166
- /* console.log('page change reported', {
167
- currentPage: currentPage,
168
- pageNumber: pageNumber,
169
- pathname: pathname,
170
- path: path,
171
- newPath: newPath,
172
- firstPage: pageNumber === 1,
173
- queryString: queryString
166
+ /* console.log('page change reported', {
167
+ currentPage: currentPage,
168
+ pageNumber: pageNumber,
169
+ pathname: pathname,
170
+ path: path,
171
+ newPath: newPath,
172
+ firstPage: pageNumber === 1,
173
+ queryString: queryString
174
174
  }) */
175
175
 
176
176
  if (pageview) {
@@ -64,8 +64,8 @@ var renderLink = function renderLink(row) {
64
64
  };
65
65
 
66
66
  var SideFooter = function SideFooter(props) {
67
- /*
68
- useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
67
+ /*
68
+ useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
69
69
  */
70
70
  var _get = get_1(props, 'cache.siteSettingCache', {}),
71
71
  socialLinks = _get.socialLinks,
@@ -638,15 +638,15 @@ var SocialNavFooter = function SocialNavFooter(props) {
638
638
  };
639
639
 
640
640
  var NavMagazine = function NavMagazine(props) {
641
- /*
642
- Example Nav with acceptable props
643
- <MagazineNav
644
- showLogin
645
- logo={props.settings.logo}
646
- dataObject={props.cache.mainNavCache}
647
- website={website}
648
- subNav={props.cache.subNavCache}
649
- />
641
+ /*
642
+ Example Nav with acceptable props
643
+ <MagazineNav
644
+ showLogin
645
+ logo={props.settings.logo}
646
+ dataObject={props.cache.mainNavCache}
647
+ website={website}
648
+ subNav={props.cache.subNavCache}
649
+ />
650
650
  */
651
651
 
652
652
  var logo = props.logo,
@@ -970,15 +970,15 @@ var NavMagazine = function NavMagazine(props) {
970
970
  var MagazineNav = React__default.memo(NavMagazine);
971
971
 
972
972
  var NavNative = function NavNative(props) {
973
- /*
974
- Example Nav with acceptable props
975
- <MagazineNav
976
- showLogin
977
- logo={props.settings.logo}
978
- dataObject={props.cache.mainNavCache}
979
- website={website}
980
- subNav={props.cache.subNavCache}
981
- />
973
+ /*
974
+ Example Nav with acceptable props
975
+ <MagazineNav
976
+ showLogin
977
+ logo={props.settings.logo}
978
+ dataObject={props.cache.mainNavCache}
979
+ website={website}
980
+ subNav={props.cache.subNavCache}
981
+ />
982
982
  */
983
983
 
984
984
  var logo = props.logo,
@@ -1372,15 +1372,15 @@ var NavDvm = function NavDvm(props) {
1372
1372
  };
1373
1373
 
1374
1374
  var HamMagazine = function HamMagazine(props) {
1375
- /*
1376
- Example Nav with acceptable props
1377
- <MagazineNav
1378
- showLogin
1379
- logo={props.settings.logo}
1380
- dataObject={props.cache.mainNavCache}
1381
- website={website}
1382
- subNav={props.cache.subNavCache}
1383
- />
1375
+ /*
1376
+ Example Nav with acceptable props
1377
+ <MagazineNav
1378
+ showLogin
1379
+ logo={props.settings.logo}
1380
+ dataObject={props.cache.mainNavCache}
1381
+ website={website}
1382
+ subNav={props.cache.subNavCache}
1383
+ />
1384
1384
  */
1385
1385
 
1386
1386
  var logo = props.logo,
@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import 'next/link';
8
8
  import 'react-dom';
9
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
9
+ import { i as imageUrlBuilder } from './index-73819142.js';
10
10
  import { L as LazyLoad } from './index-5f9f807a.js';
11
11
  import Button from 'react-bootstrap/Button';
12
12
 
@@ -13,7 +13,7 @@ import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visib
13
13
  import 'next/link';
14
14
  import { useRouter } from 'next/router';
15
15
  import 'react-dom';
16
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
16
+ import { i as imageUrlBuilder } from './index-73819142.js';
17
17
  import { L as LazyLoad } from './index-5f9f807a.js';
18
18
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
19
19
  import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
@@ -5,7 +5,7 @@ import Container from 'react-bootstrap/Container';
5
5
  import Row from 'react-bootstrap/Row';
6
6
  import Col from 'react-bootstrap/Col';
7
7
  import Card from 'react-bootstrap/Card';
8
- import { n as node, i as imageUrlBuilder } from './index-3849e3fe.js';
8
+ import { n as node, i as imageUrlBuilder } from './index-73819142.js';
9
9
  import { L as LazyLoad } from './index-5f9f807a.js';
10
10
  import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
11
11
 
@@ -8,7 +8,7 @@ import 'react-bootstrap/Row';
8
8
  import 'react-bootstrap/Col';
9
9
  import 'react-bootstrap/Card';
10
10
  import 'react-dom';
11
- import './index-3849e3fe.js';
11
+ import './index-73819142.js';
12
12
  import './index-5f9f807a.js';
13
- export { T as default } from './TaxonomyCard-8d8c0d6f.js';
13
+ export { T as default } from './TaxonomyCard-1d039949.js';
14
14
  import './react-social-icons-a7d5c5c7.js';
@@ -18,7 +18,7 @@ import './react-social-icons-a7d5c5c7.js';
18
18
  import 'react-bootstrap';
19
19
  import './index.esm-536609db.js';
20
20
  import 'react-bootstrap/Button';
21
- export { T as default } from './Normal-73a8596f.js';
21
+ export { T as default } from './Normal-3a537c0a.js';
22
22
  import 'react-bootstrap/ListGroup';
23
23
  import 'next/head';
24
24
  import 'react-bootstrap/Nav';
@@ -2,7 +2,7 @@ import './_commonjsHelpers-0c4b6f40.js';
2
2
  import React__default from 'react';
3
3
  import 'prop-types';
4
4
  import 'react-dom';
5
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
5
+ import { i as imageUrlBuilder } from './index-73819142.js';
6
6
  import { L as LazyLoad } from './index-5f9f807a.js';
7
7
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
8
8
  import Media$1 from 'react-bootstrap/Media';
@@ -12,7 +12,7 @@ import 'next/link';
12
12
  import { withRouter } from 'next/router';
13
13
  import 'react-dom';
14
14
  import './index-5f9f807a.js';
15
- import { Y as YoutubeGroup } from './YoutubeGroup-562ed456.js';
15
+ import { Y as YoutubeGroup } from './YoutubeGroup-f59297bb.js';
16
16
  import { a as IoIosArrowForward } from './index.esm-536609db.js';
17
17
 
18
18
  var VideoSeriesListing = function (_React$Component) {
@@ -60,8 +60,8 @@ var VideoSeriesListing = function (_React$Component) {
60
60
  query = _this$state.query,
61
61
  page = _this$state.page;
62
62
  var client = _this.props.client;
63
+ //this.changePageNumber(page)
63
64
 
64
- _this.changePageNumber(page);
65
65
  var params = _extends({}, _this.params, { from: from, to: to
66
66
  // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
67
67
  // const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
@@ -215,22 +215,24 @@ var VideoSeriesListing = function (_React$Component) {
215
215
 
216
216
  return React__default.createElement(
217
217
  InfiniteScroll,
218
- { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
218
+ { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
219
219
  React__default.createElement(
220
220
  Container,
221
221
  null,
222
222
  this.state.data && this.state.data.map(function (series, index) {
223
- var page = series[0].pageNumber !== 1 ? series[0].pageNumber : index + 1;
223
+ var page = series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
224
224
 
225
225
  return React__default.createElement(
226
- VisibilitySensor,
227
- {
228
- partialVisibility: true,
229
- offset: { bottom: 400, top: 200 },
230
- key: index,
231
- onChange: function onChange(isVisible) {
232
- isVisible && _this2.changePageNumber(page);
233
- } },
226
+ React__default.Fragment,
227
+ { key: index },
228
+ React__default.createElement(
229
+ VisibilitySensor,
230
+ {
231
+ onChange: function onChange(isVisible) {
232
+ isVisible && _this2.changePageNumber(page);
233
+ } },
234
+ React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
235
+ ),
234
236
  React__default.createElement(
235
237
  'div',
236
238
  null,
@@ -487,10 +487,10 @@ var smoothscroll_1 = smoothscroll.polyfill;
487
487
 
488
488
  // kick off the polyfill!
489
489
 
490
- /*
491
- GROQ query -
492
- accepts an array of title, URL
493
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
490
+ /*
491
+ GROQ query -
492
+ accepts an array of title, URL
493
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
494
494
  */
495
495
  var YoutubeGroup = function YoutubeGroup(props) {
496
496
  // Props should be an array of objects containing Thumbnail, title, and URL
@@ -4,4 +4,4 @@ import 'prop-types';
4
4
  import 'next/link';
5
5
  import 'react-dom';
6
6
  import './index-5f9f807a.js';
7
- export { Y as default } from './YoutubeGroup-562ed456.js';
7
+ export { Y as default } from './YoutubeGroup-f59297bb.js';
@@ -375,8 +375,7 @@ function urlBuilder(options) {
375
375
  var client = options;
376
376
  if (isSanityClient(client)) {
377
377
  // Inherit config from client
378
- var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
379
- var apiHost = apiUrl || 'https://api.sanity.io';
378
+ var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
380
379
  return new ImageUrlBuilder(null, {
381
380
  baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
382
381
  projectId: projectId,