@mjhls/mjh-framework 1.0.189 → 1.0.190

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.
package/dist/index.js CHANGED
@@ -14205,20 +14205,6 @@ var MasterDeck = function (_React$Component) {
14205
14205
  };
14206
14206
  }
14207
14207
  });
14208
- }, _this.urlFor = function (source) {
14209
- var client = _this.props.client;
14210
-
14211
- var builder = imageUrlBuilder(client);
14212
- return builder.image(source).auto('format');
14213
- }, _this.renderCardImage = function (row, page) {
14214
- if (row.thumbnail && row.thumbnail.asset) {
14215
- var url = _this.urlFor(row.thumbnail);
14216
- if (_this.props.imageHeight) url = url.height(_this.props.imageHeight);
14217
- if (_this.props.imageWidth) url = url.width(_this.props.imageWidth);
14218
- return url.url();
14219
- } else {
14220
- return _this.defaultImage;
14221
- }
14222
14208
  }, _this.changePageNumber = function (pageNumber) {
14223
14209
  var _this$props2 = _this.props,
14224
14210
  seoPaginate = _this$props2.seoPaginate,
@@ -14289,50 +14275,6 @@ var MasterDeck = function (_React$Component) {
14289
14275
  });
14290
14276
  }
14291
14277
  }
14292
- }, _this.renderAuthor = function (authorDetail, index$$1, length) {
14293
- if (authorDetail) {
14294
- var _id = authorDetail._id,
14295
- displayName = authorDetail.displayName,
14296
- url = authorDetail.url;
14297
-
14298
- if (displayName && url && url.current) {
14299
- return React__default.createElement(
14300
- 'div',
14301
- { key: _id },
14302
- index$$1 === 0 && React__default.createElement(
14303
- 'span',
14304
- { className: 'pr-1' },
14305
- 'By'
14306
- ),
14307
- React__default.createElement(
14308
- Link,
14309
- { href: '/authors/[url]', as: '/authors/' + url.current },
14310
- React__default.createElement(
14311
- 'a',
14312
- { className: 'text-muted' },
14313
- displayName,
14314
- length !== index$$1 + 1 && React__default.createElement('br', null)
14315
- )
14316
- )
14317
- );
14318
- } else if (displayName) {
14319
- return React__default.createElement(
14320
- 'div',
14321
- { key: _id },
14322
- index$$1 === 0 && React__default.createElement(
14323
- 'span',
14324
- { className: 'pr-1' },
14325
- 'By'
14326
- ),
14327
- React__default.createElement(
14328
- 'span',
14329
- { className: 'text-muted' },
14330
- displayName,
14331
- length !== index$$1 + 1 && React__default.createElement('br', null)
14332
- )
14333
- );
14334
- }
14335
- } else return null;
14336
14278
  }, _this.cardLoader = function (page, columns, variant) {
14337
14279
  var numberOfItemsBeforeAd = 6;
14338
14280
  return React__default.createElement(
@@ -14340,7 +14282,6 @@ var MasterDeck = function (_React$Component) {
14340
14282
  null,
14341
14283
  _this.state.data && _this.state.data.map(function (row, index$$1) {
14342
14284
  var pageNumber = row.pageNumber || _this.state.page;
14343
- var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
14344
14285
 
14345
14286
  return React__default.createElement(
14346
14287
  React__default.Fragment,
@@ -14351,7 +14292,7 @@ var MasterDeck = function (_React$Component) {
14351
14292
  onChange: function onChange(isVisible) {
14352
14293
  isVisible && _this.changePageNumber(pageNumber);
14353
14294
  } },
14354
- React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index$$1 })
14295
+ React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index$$1, client: _this.props.client })
14355
14296
  ),
14356
14297
  main_36 && _this.rightItems && (index$$1 + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
14357
14298
  'div',
@@ -15640,7 +15581,7 @@ var Column3 = function Column3(props) {
15640
15581
  Col,
15641
15582
  { md: true, className: 'leftCol', style: { width: '200px' } },
15642
15583
  React__default.createElement(LeftNav, { leftItems: leftItems }),
15643
- website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, logo: logo })
15584
+ website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
15644
15585
  ),
15645
15586
  React__default.createElement(
15646
15587
  Col,
@@ -15684,7 +15625,7 @@ var Column3 = function Column3(props) {
15684
15625
  row.component
15685
15626
  );
15686
15627
  }),
15687
- website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, logo: logo })
15628
+ website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
15688
15629
  )
15689
15630
  )
15690
15631
  )
@@ -17022,7 +16963,7 @@ var HamMagazine = function HamMagazine(props) {
17022
16963
  ),
17023
16964
  React__default.createElement(
17024
16965
  Navbar,
17025
- { variant: 'dark', expand: 'lg', bg: 'primary', ref: navRef, style: { width: '100%' } },
16966
+ { variant: 'dark', expand: 'xl', bg: 'primary', ref: navRef, style: { width: '100%' } },
17026
16967
  React__default.createElement(
17027
16968
  Container,
17028
16969
  { className: 'mobile-nav' },
@@ -17149,7 +17090,7 @@ var HamMagazine = function HamMagazine(props) {
17149
17090
  React__default.createElement(
17150
17091
  'style',
17151
17092
  { jsx: 'true' },
17152
- '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n width: 70%;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 991px) {\n .nav-close {\n position: sticky;\n top: -70px;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-lg .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 100px;\n }\n }\n @media screen and (min-width: 992px) {\n .nav-close {\n position: sticky;\n top: -70px;\n }\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n '
17093
+ '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n @media screen and (max-width: 376px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n width: 60%;\n }\n .mobile-nav .nav-toggle .form-inline {\n width: 70%;\n }\n }\n @media screen and (max-width: 328px) {\n .mobile-nav .nav-toggle .form-inline .mobile-search {\n margin-right: 5px;\n }\n }\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .nav-close {\n position: sticky;\n top: -70px;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .navbar.bg-primary {\n overflow: auto;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .nav-toggle .form-inline {\n float: right;\n margin: 4px 0px 0px 0px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n .dropdown-menu {\n max-height: 315px;\n overflow: auto;\n }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n .navbar .mobile-nav .dropdown-menu.show {\n max-height: 100px;\n }\n }\n @media screen and (min-width: 1200px) {\n .nav-close {\n position: sticky;\n top: -70px;\n }\n #basic-navbar-sub {\n display: none !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n .mobile-nav .nav-toggle .form-inline {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n '
17153
17094
  )
17154
17095
  );
17155
17096
  };
@@ -17562,7 +17503,7 @@ var urlFor$2 = function urlFor(source, builder) {
17562
17503
 
17563
17504
  var onChangeSlide = function onChangeSlide(selectedIndex, router) {
17564
17505
  var pageNumber = selectedIndex + 1;
17565
- var href = '/view/' + router.query.url + '/?page=' + pageNumber;
17506
+ var href = '/view/' + router.query.url + '?page=' + pageNumber;
17566
17507
  Router__default.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
17567
17508
  };
17568
17509
 
@@ -30263,6 +30204,89 @@ var RelatedContent = function RelatedContent(props) {
30263
30204
  );
30264
30205
  };
30265
30206
 
30207
+ /*
30208
+ Example usage - targetedonc.com/latest-conference
30209
+ const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
30210
+ ...,
30211
+ title,
30212
+ summary,
30213
+ thumbnail,
30214
+ url,
30215
+ published,
30216
+ documentGroup->,
30217
+ contentCategory->,
30218
+ 'pageNumber': ${currentPage}
30219
+ }`
30220
+
30221
+ const posts = await client.fetch(query, params)
30222
+ */
30223
+
30224
+ var ConferenceArticleCard = function ConferenceArticleCard(props) {
30225
+ var data = props.data,
30226
+ variant = props.variant,
30227
+ index = props.index,
30228
+ client = props.client;
30229
+
30230
+
30231
+ var builder = imageUrlBuilder(client);
30232
+
30233
+ function urlFor(source) {
30234
+ return builder.image(source);
30235
+ }
30236
+
30237
+ //title, thumbnail, summary, published, documentGroup.identifier.current, documentGroup.identifier.name
30238
+ return React__default.createElement(
30239
+ 'div',
30240
+ { className: 'conference-media' },
30241
+ React__default.createElement(
30242
+ 'a',
30243
+ { className: 'img-wrapper', href: '/view/study-depicts-complexity-of-met-exon-14-mutation-testing' },
30244
+ React__default.createElement('img', {
30245
+ className: 'mr-3 img-fluid',
30246
+ src: data.thumbnail && urlFor(data.thumbnail.asset).width(350).url(),
30247
+ alt: data.title
30248
+ })
30249
+ ),
30250
+ React__default.createElement(
30251
+ 'div',
30252
+ { className: 'media-body' },
30253
+ React__default.createElement(
30254
+ 'a',
30255
+ { href: '/view/study-depicts-complexity-of-met-exon-14-mutation-testing' },
30256
+ React__default.createElement(
30257
+ 'h4',
30258
+ { className: 'conf-media__card-title' },
30259
+ data.title
30260
+ )
30261
+ ),
30262
+ React__default.createElement(
30263
+ 'p',
30264
+ { className: 'conf-media__card-text' },
30265
+ moment(data.published).format('MMMM Do YYYY, h:mma')
30266
+ ),
30267
+ React__default.createElement(
30268
+ 'p',
30269
+ { className: 'mb-1 conference-group' },
30270
+ React__default.createElement(
30271
+ Link,
30272
+ { href: '/conference/[url]', as: '/conference/' + data.documentGroup.identifier.current },
30273
+ React__default.createElement(
30274
+ 'a',
30275
+ { alt: data.thumbnail.alt || data.title },
30276
+ data.documentGroup.name
30277
+ )
30278
+ )
30279
+ ),
30280
+ React__default.createElement('p', { className: 'pt-2 card-text', dangerouslySetInnerHTML: { __html: data.summary } })
30281
+ ),
30282
+ React__default.createElement(
30283
+ 'style',
30284
+ { jsx: 'true' },
30285
+ '\n .conference-media {\n display: flex;\n flex-direction: row;\n margin-bottom: 1.25rem;\n padding-bottom: 1.25rem;\n border-bottom: 1px solid #ddd;\n }\n .conf-media__card-title {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.5rem;\n font-size: 1.5rem;\n }\n .conf-media__card-text {\n color: var(--dark);\n margin-bottom: 0.25rem;\n }\n .conference-media a img {\n width: 175px;\n min-width: 175px;\n height: auto;\n object-fit: contain;\n }\n .conference-media .conference-group {\n background: #003767;\n color: white;\n border-radius: 5px;\n display: inline-block;\n padding: 0 0.25rem;\n }\n .conference-media .conference-group a {\n color: white;\n font-size: 0.8rem;\n }\n @media screen and (max-width: 1064px) {\n .conf-media__card-title {\n font-size: 1.1rem;\n }\n }\n @media screen and (max-width: 768px) {\n .conference-media {\n flex-direction: column;\n }\n .conference-media a img {\n width: 100%;\n height: auto;\n max-height: 175px;\n object-fit: contain;\n margin-bottom: 1rem;\n }\n }\n '
30286
+ )
30287
+ );
30288
+ };
30289
+
30266
30290
  exports.DeckContent = ContentCard;
30267
30291
  exports.GridContent = GridContent$1;
30268
30292
  exports.DeckQueue = Queue;
@@ -30313,4 +30337,5 @@ exports.OncliveLargeHero = OncliveLargeHero;
30313
30337
  exports.VerticalHero = VerticalHero;
30314
30338
  exports.YahooHero = YahooHero;
30315
30339
  exports.RelatedContent = RelatedContent;
30340
+ exports.ConferenceArticleCard = ConferenceArticleCard;
30316
30341
  //# sourceMappingURL=index.js.map