@mjhls/mjh-framework 1.0.598 → 1.0.599

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 (4) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/View.js +10 -22
  3. package/dist/esm/View.js +10 -22
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.598
2
+ # mjh-framework v. 1.0.599
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/View.js CHANGED
@@ -40,7 +40,6 @@ require('./_set-species-4458e975.js');
40
40
  require('./beam-d22818d3.js');
41
41
  var AdSlot = require('./AdSlot.js');
42
42
  require('./lodash-fc2922d0.js');
43
- var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
44
43
  var BlockContent = require('./BlockContent-77f81ffc.js');
45
44
  require('./smoothscroll-95231a70.js');
46
45
  require('./GroupDeck.js');
@@ -214,8 +213,8 @@ function styleInject(css, ref) {
214
213
  }
215
214
  }
216
215
 
217
- var css = ".RelatedArticles-module_mediaCard__3wQbn {\n display: flex;\n flex-direction: row;\n margin-bottom: .75rem;\n padding-bottom: .75rem;\n border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.25rem;\n font-size: 19px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n color: #000;\n font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n color: var(--dark);\n display: block;\n background: #fff!important;\n margin-bottom: 0;\n}\n.RelatedArticles-module_mediaCard__3wQbn a img {\n width: 175px;\n min-width: 175px;\n height: auto;\n object-fit: contain;\n}\n@media screen and (max-width: 1064px) {\n .RelatedArticles-module_cardTitle__3P-Ib {\n font-size: 1.1rem;\n }\n}\n@media screen and (max-width: 768px) {\n .RelatedArticles-module_mediaCard__3wQbn {\n flex-direction: column;\n }\n .RelatedArticles-module_mediaCard__3wQbn a img {\n width: 100%;\n height: auto;\n max-height: 175px;\n object-fit: contain;\n margin-bottom: 1rem;\n }\n}";
218
- var styles = { "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5" };
216
+ var css = ".RelatedArticles-module_mediaContainer__10h9k {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n margin: 0 1rem 1rem;\n width: calc(33% - 1rem);\n display: column;\n flex-direction: row;\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.25rem;\n font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n color: #000;\n font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n color: var(--dark);\n display: block;\n background: #fff !important;\n margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n display: block;\n text-align: center;\n margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n height: 135px;\n width: 100%;\n object-fit: cover;\n object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n .RelatedArticles-module_mediaContainer__10h9k {\n flex-wrap: wrap;\n }\n .RelatedArticles-module_mediaCard__3wQbn {\n width: 100%;\n }\n .RelatedArticles-module_imgWrapper__5Jx_4 img {\n width: 100%;\n height: auto;\n\n max-height: 175px;\n object-fit: contain;\n margin-bottom: 1rem;\n }\n}\n";
217
+ var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
219
218
  styleInject(css);
220
219
 
221
220
  var RelatedArticle = function RelatedArticle(_ref) {
@@ -227,7 +226,7 @@ var RelatedArticle = function RelatedArticle(_ref) {
227
226
  }
228
227
  return React__default.createElement(
229
228
  'div',
230
- null,
229
+ { className: styles.mediaContainer },
231
230
  articles.map(function (article, index) {
232
231
  return React__default.createElement(
233
232
  'div',
@@ -236,8 +235,7 @@ var RelatedArticle = function RelatedArticle(_ref) {
236
235
  'a',
237
236
  { className: styles.imgWrapper, href: '/view/' + (article.url ? article.url.current : '') },
238
237
  article.thumbnail && React__default.createElement('img', {
239
- style: { maxHeight: '135px', objectFit: 'cover', objectPosition: 'center' },
240
- className: 'mr-3 img-fluid',
238
+ style: { objectFit: 'cover', objectPosition: 'center' },
241
239
  src: article.thumbnail && urlFor(client, article.thumbnail.asset).width(250).url(),
242
240
  alt: article.title
243
241
  })
@@ -253,16 +251,6 @@ var RelatedArticle = function RelatedArticle(_ref) {
253
251
  { className: styles.cardTitle },
254
252
  article.title
255
253
  )
256
- ),
257
- React__default.createElement(
258
- 'span',
259
- { className: styles.cardDate },
260
- moment.moment(article.published).format('MMMM Do YYYY, h:mma')
261
- ),
262
- article.authorDetails && article.authorDetails.length > 0 && React__default.createElement(
263
- 'div',
264
- { className: 'author-listing' },
265
- React__default.createElement(AuthorComponent.AuthorComponent, { index: index, authors: article.authorDetails })
266
254
  )
267
255
  )
268
256
  );
@@ -769,7 +757,7 @@ var Article = function Article(props) {
769
757
  { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) ? '150px' : 0 } },
770
758
  React__default.createElement(
771
759
  'h1',
772
- { className: 'page-title' },
760
+ { className: 'page-title', style: { fontSize: '1.9rem' } },
773
761
  title
774
762
  ),
775
763
  React__default.createElement(
@@ -951,7 +939,7 @@ var Article = function Article(props) {
951
939
  ),
952
940
  showRelatedArticles && React__default.createElement(
953
941
  'div',
954
- { className: 'pt-2', style: { borderTop: '1px solid #eee' } },
942
+ { className: 'pt-2' },
955
943
  React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
956
944
  )
957
945
  ),
@@ -981,7 +969,7 @@ var Article = function Article(props) {
981
969
  )
982
970
  )
983
971
  ),
984
- React__default.createElement('hr', { className: 'article-seperater my-5' })
972
+ React__default.createElement('hr', { className: 'article-seperater mb-5 mt-3' })
985
973
  );
986
974
  };
987
975
 
@@ -1155,8 +1143,8 @@ var ArticleQueue = function ArticleQueue(props) {
1155
1143
  }
1156
1144
 
1157
1145
  //query next 4 related article without repeating previous 4 related articles
1158
- startingIndex = queueData.length;
1159
- endingIndex = startingIndex + 3;
1146
+ startingIndex = queueData.length + 1;
1147
+ endingIndex = startingIndex + 2;
1160
1148
  _context.next = 5;
1161
1149
  return getRelatedArticle(null, props.client, article, prevUrl, startingIndex + '..' + endingIndex);
1162
1150
 
@@ -1473,7 +1461,7 @@ View.returnGetInitialProps = function () {
1473
1461
  }
1474
1462
 
1475
1463
  _context.next = 13;
1476
- return getRelatedArticle(context, client, article, prevUrl, '0..3');
1464
+ return getRelatedArticle(context, client, article, prevUrl, '0..2');
1477
1465
 
1478
1466
  case 13:
1479
1467
  article.relatedArticle = _context.sent;
package/dist/esm/View.js CHANGED
@@ -34,7 +34,6 @@ import './_set-species-6f64f1c1.js';
34
34
  import './beam-a25bd8fd.js';
35
35
  import DFPAdSlot from './AdSlot.js';
36
36
  import './lodash-17fdfebb.js';
37
- import { A as AuthorComponent } from './AuthorComponent-357dbee9.js';
38
37
  import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
39
38
  import './smoothscroll-4b699764.js';
40
39
  import './GroupDeck.js';
@@ -208,8 +207,8 @@ function styleInject(css, ref) {
208
207
  }
209
208
  }
210
209
 
211
- var css = ".RelatedArticles-module_mediaCard__3wQbn {\n display: flex;\n flex-direction: row;\n margin-bottom: .75rem;\n padding-bottom: .75rem;\n border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.25rem;\n font-size: 19px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n color: #000;\n font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n color: var(--dark);\n display: block;\n background: #fff!important;\n margin-bottom: 0;\n}\n.RelatedArticles-module_mediaCard__3wQbn a img {\n width: 175px;\n min-width: 175px;\n height: auto;\n object-fit: contain;\n}\n@media screen and (max-width: 1064px) {\n .RelatedArticles-module_cardTitle__3P-Ib {\n font-size: 1.1rem;\n }\n}\n@media screen and (max-width: 768px) {\n .RelatedArticles-module_mediaCard__3wQbn {\n flex-direction: column;\n }\n .RelatedArticles-module_mediaCard__3wQbn a img {\n width: 100%;\n height: auto;\n max-height: 175px;\n object-fit: contain;\n margin-bottom: 1rem;\n }\n}";
212
- var styles = { "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5" };
210
+ var css = ".RelatedArticles-module_mediaContainer__10h9k {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n margin: 0 1rem 1rem;\n width: calc(33% - 1rem);\n display: column;\n flex-direction: row;\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.25rem;\n font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n color: #000;\n font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n color: var(--dark);\n display: block;\n background: #fff !important;\n margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n display: block;\n text-align: center;\n margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n height: 135px;\n width: 100%;\n object-fit: cover;\n object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n .RelatedArticles-module_mediaContainer__10h9k {\n flex-wrap: wrap;\n }\n .RelatedArticles-module_mediaCard__3wQbn {\n width: 100%;\n }\n .RelatedArticles-module_imgWrapper__5Jx_4 img {\n width: 100%;\n height: auto;\n\n max-height: 175px;\n object-fit: contain;\n margin-bottom: 1rem;\n }\n}\n";
211
+ var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
213
212
  styleInject(css);
214
213
 
215
214
  var RelatedArticle = function RelatedArticle(_ref) {
@@ -221,7 +220,7 @@ var RelatedArticle = function RelatedArticle(_ref) {
221
220
  }
222
221
  return React__default.createElement(
223
222
  'div',
224
- null,
223
+ { className: styles.mediaContainer },
225
224
  articles.map(function (article, index) {
226
225
  return React__default.createElement(
227
226
  'div',
@@ -230,8 +229,7 @@ var RelatedArticle = function RelatedArticle(_ref) {
230
229
  'a',
231
230
  { className: styles.imgWrapper, href: '/view/' + (article.url ? article.url.current : '') },
232
231
  article.thumbnail && React__default.createElement('img', {
233
- style: { maxHeight: '135px', objectFit: 'cover', objectPosition: 'center' },
234
- className: 'mr-3 img-fluid',
232
+ style: { objectFit: 'cover', objectPosition: 'center' },
235
233
  src: article.thumbnail && urlFor(client, article.thumbnail.asset).width(250).url(),
236
234
  alt: article.title
237
235
  })
@@ -247,16 +245,6 @@ var RelatedArticle = function RelatedArticle(_ref) {
247
245
  { className: styles.cardTitle },
248
246
  article.title
249
247
  )
250
- ),
251
- React__default.createElement(
252
- 'span',
253
- { className: styles.cardDate },
254
- moment(article.published).format('MMMM Do YYYY, h:mma')
255
- ),
256
- article.authorDetails && article.authorDetails.length > 0 && React__default.createElement(
257
- 'div',
258
- { className: 'author-listing' },
259
- React__default.createElement(AuthorComponent, { index: index, authors: article.authorDetails })
260
248
  )
261
249
  )
262
250
  );
@@ -763,7 +751,7 @@ var Article = function Article(props) {
763
751
  { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) ? '150px' : 0 } },
764
752
  React__default.createElement(
765
753
  'h1',
766
- { className: 'page-title' },
754
+ { className: 'page-title', style: { fontSize: '1.9rem' } },
767
755
  title
768
756
  ),
769
757
  React__default.createElement(
@@ -945,7 +933,7 @@ var Article = function Article(props) {
945
933
  ),
946
934
  showRelatedArticles && React__default.createElement(
947
935
  'div',
948
- { className: 'pt-2', style: { borderTop: '1px solid #eee' } },
936
+ { className: 'pt-2' },
949
937
  React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
950
938
  )
951
939
  ),
@@ -975,7 +963,7 @@ var Article = function Article(props) {
975
963
  )
976
964
  )
977
965
  ),
978
- React__default.createElement('hr', { className: 'article-seperater my-5' })
966
+ React__default.createElement('hr', { className: 'article-seperater mb-5 mt-3' })
979
967
  );
980
968
  };
981
969
 
@@ -1149,8 +1137,8 @@ var ArticleQueue = function ArticleQueue(props) {
1149
1137
  }
1150
1138
 
1151
1139
  //query next 4 related article without repeating previous 4 related articles
1152
- startingIndex = queueData.length;
1153
- endingIndex = startingIndex + 3;
1140
+ startingIndex = queueData.length + 1;
1141
+ endingIndex = startingIndex + 2;
1154
1142
  _context.next = 5;
1155
1143
  return getRelatedArticle(null, props.client, article, prevUrl, startingIndex + '..' + endingIndex);
1156
1144
 
@@ -1467,7 +1455,7 @@ View.returnGetInitialProps = function () {
1467
1455
  }
1468
1456
 
1469
1457
  _context.next = 13;
1470
- return getRelatedArticle(context, client, article, prevUrl, '0..3');
1458
+ return getRelatedArticle(context, client, article, prevUrl, '0..2');
1471
1459
 
1472
1460
  case 13:
1473
1461
  article.relatedArticle = _context.sent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.598",
3
+ "version": "1.0.599",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",