@mjhls/mjh-framework 1.0.135 → 1.0.136

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
@@ -7538,17 +7538,23 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
7538
7538
  null,
7539
7539
  React__default.createElement(
7540
7540
  reactBootstrap.Media,
7541
- { key: article._id ? article._id : index$$1, style: { marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
7541
+ {
7542
+ key: article._id ? article._id : index$$1,
7543
+ style: { flexDirection: article._type == 'feature' ? 'column' : 'row', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
7542
7544
  (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
7543
7545
  Link,
7544
7546
  { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
7545
7547
  React__default.createElement(
7546
7548
  'a',
7547
- { className: 'img-wrapper' },
7549
+ { className: article._type == 'feature' ? 'feature-wrapper' : 'img-wrapper' },
7548
7550
  React__default.createElement(
7549
7551
  LazyLoad,
7550
7552
  { height: imageHeight },
7551
- article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
7553
+ article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', {
7554
+ className: article._type == 'feature' ? 'img-fluid' : 'mr-3 img-fluid',
7555
+ src: renderCardImage(article, builder, imageHeight, imageWidth),
7556
+ alt: article.title
7557
+ }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
7552
7558
  )
7553
7559
  )
7554
7560
  ),
@@ -7604,7 +7610,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
7604
7610
  React__default.createElement(
7605
7611
  'style',
7606
7612
  { jsx: 'true' },
7607
- '\n .img-wrapper img {\n max-height: 200px;\n width: 100%;\n object-fit: cover;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper {\n width: 42%;\n }\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column;\n }\n }\n '
7613
+ '\n .img-wrapper img {\n max-height: 200px;\n width: 100%;\n object-fit: cover;\n }\n .feature-wrapper {\n width: 100%;\n }\n .feature-wrapper img {\n width: 100%;\n margin-bottom: 1em;\n }\n @media only screen and (min-width: 768px) {\n .img-wrapper {\n width: 42%;\n }\n .img-wrapper > img {\n padding-right: 1em;\n }\n }\n @media only screen and (max-width: 767px) {\n .img-wrapper {\n width: 100%;\n }\n .img-wrapper img {\n padding-bottom: 1em;\n }\n .media {\n flex-direction: column;\n }\n }\n '
7608
7614
  )
7609
7615
  );
7610
7616
  };
@@ -10207,20 +10213,32 @@ var TemplateNormal = function TemplateNormal(props) {
10207
10213
  var AD300x250 = function AD300x250(_ref) {
10208
10214
  var networkID = _ref.networkID,
10209
10215
  adUnit = _ref.adUnit,
10210
- targeting = _ref.targeting;
10216
+ slotId = _ref.slotId,
10217
+ _ref$targeting = _ref.targeting,
10218
+ targeting = _ref$targeting === undefined ? {} : _ref$targeting;
10211
10219
 
10212
- return React__default.createElement(AD, { networkID: networkID, adUnit: adUnit, targeting: targeting, className: 'AD300x250', sizes: [[300, 250], [300, 100]] });
10220
+ return React__default.createElement(AD, {
10221
+ networkID: networkID,
10222
+ adUnit: adUnit,
10223
+ slotId: slotId,
10224
+ targeting: targeting,
10225
+ className: 'AD300x250',
10226
+ sizes: [[300, 250], [300, 100]]
10227
+ });
10213
10228
  };
10214
10229
 
10215
10230
  var AD300x250x600 = function AD300x250x600(_ref) {
10216
10231
  var networkID = _ref.networkID,
10217
10232
  adUnit = _ref.adUnit,
10218
- targeting = _ref.targeting;
10233
+ slotId = _ref.slotId,
10234
+ _ref$targeting = _ref.targeting,
10235
+ targeting = _ref$targeting === undefined ? {} : _ref$targeting;
10219
10236
 
10220
10237
  return React__default.createElement(AD, {
10221
10238
  networkID: networkID,
10222
10239
  adUnit: adUnit,
10223
10240
  className: 'AD300x250',
10241
+ slotId: slotId,
10224
10242
  targeting: targeting,
10225
10243
  sizes: [[300, 250], [300, 600], [300, 100]]
10226
10244
  });