@mjhls/mjh-framework 1.0.531 → 1.0.533

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 (10) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/ADFloatingFooter.js +7 -4
  3. package/dist/cjs/ArticleQueue.js +11 -20
  4. package/dist/cjs/QueueDeckExpanded.js +1 -1
  5. package/dist/cjs/View.js +9 -14
  6. package/dist/esm/ADFloatingFooter.js +7 -4
  7. package/dist/esm/ArticleQueue.js +11 -20
  8. package/dist/esm/QueueDeckExpanded.js +1 -1
  9. package/dist/esm/View.js +9 -14
  10. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.531
2
+ # mjh-framework v. 1.0.533
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/ADFloatingFooter.js CHANGED
@@ -91,10 +91,13 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
91
91
  collapseAd();
92
92
  parent.classList.add('hide-floating');
93
93
  parent.classList.remove('display-floating');
94
- } else {
95
- parent.style.width = adData.event.size[0] + 'px';
96
- parent.style.height = adData.event.size[1] + 'px';
97
94
  }
95
+ // Removed else part so that the container won't be restricted and will be responsive based on the size of the ad.
96
+ // Need to add this CSS in site level magazine.css to make the close button visible for the expanded ad.
97
+ /* .w7e-platform-58 {
98
+ z-index: 9999999 !important;
99
+ }
100
+ */
98
101
  }
99
102
  } else {
100
103
  collapseAd();
@@ -128,7 +131,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
128
131
  React__default.createElement(
129
132
  'style',
130
133
  { jsx: 'true' },
131
- '\n .display-floating {\n display: block;\n }\n .hide-floating {\n display: none;\n }\n .floating-ad-wrapper {\n margin: 0;\n background-color: #f5f5f5;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9000;\n }\n .closeButton {\n position: absolute;\n top: -10px;\n right: -10px;\n background: grey;\n color: white;\n font-weight: 500;\n border: 2px solid white;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n text-align: center;\n font-size: 17px;\n cursor: pointer;\n }\n '
134
+ '\n .display-floating {\n display: block;\n }\n .hide-floating {\n display: none;\n }\n .floating-ad-wrapper {\n margin: 0;\n background-color: #f5f5f5;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9000;\n }\n .closeButton {\n position: absolute;\n top: -16px;\n right: -16px;\n background: grey;\n color: white;\n font-weight: 500;\n border: 2px solid white;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n text-align: center;\n font-size: 15px;\n cursor: pointer;\n z-index: 999999;\n }\n '
132
135
  )
133
136
  );
134
137
  };
package/dist/cjs/ArticleQueue.js CHANGED
@@ -1027,25 +1027,17 @@ var Article = function Article(props) {
1027
1027
  ),
1028
1028
  issue && React__default.createElement(
1029
1029
  'div',
1030
- null,
1031
- React__default.createElement(
1032
- 'div',
1033
- { className: 'volume-issue' },
1034
- React__default.createElement(
1035
- 'p',
1036
- null,
1037
- issue.volume && React__default.createElement(
1038
- 'span',
1039
- null,
1040
- 'Volume ' + issue.volume,
1041
- ','
1042
- ),
1043
- issue.issueNumber && React__default.createElement(
1044
- 'span',
1045
- null,
1046
- ' Issue ' + issue.issueNumber
1047
- )
1048
- )
1030
+ { className: 'volume-issue' },
1031
+ issue.volume && React__default.createElement(
1032
+ 'span',
1033
+ null,
1034
+ 'Volume ' + issue.volume,
1035
+ ','
1036
+ ),
1037
+ issue.issueNumber && React__default.createElement(
1038
+ 'span',
1039
+ null,
1040
+ ' Issue ' + issue.issueNumber
1049
1041
  )
1050
1042
  ),
1051
1043
  pageNumber && React__default.createElement(
@@ -1246,7 +1238,6 @@ var ArticleQueue = function ArticleQueue(props) {
1246
1238
  var targeting = getTargeting(activeArticle);
1247
1239
 
1248
1240
  if (!main.main_36) {
1249
-
1250
1241
  index.lib_3.getGoogletag().then(function (googletag) {
1251
1242
  if (window.googletag && googletag.pubadsReady) {
1252
1243
  var slots = googletag.pubads().getSlots();
package/dist/cjs/QueueDeckExpanded.js CHANGED
@@ -922,7 +922,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
922
922
  React__default.createElement(
923
923
  'style',
924
924
  { jsx: 'true' },
925
- '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n width: fit-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\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 > 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 !important;\n }\n }\n '
925
+ '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n display: inline-block;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\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 > 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 !important;\n }\n }\n '
926
926
  )
927
927
  );
928
928
  };
package/dist/cjs/View.js CHANGED
@@ -504,7 +504,6 @@ var Article = function Article(props) {
504
504
  }, client.config()))
505
505
  );
506
506
  } else if (indexes.length >= 2 && body.length >= 3 && payload.contextualAD && !payload.contextualVideoAD) {
507
-
508
507
  payload = _extends$1._extends({}, payload, {
509
508
  contextualAD: _extends$1._extends({}, payload.contextualAD, {
510
509
  slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
@@ -728,20 +727,16 @@ var Article = function Article(props) {
728
727
  issue && React__default.createElement(
729
728
  'div',
730
729
  { className: 'volume-issue' },
731
- React__default.createElement(
732
- 'p',
730
+ issue.volume && React__default.createElement(
731
+ 'span',
732
+ null,
733
+ 'Volume ' + issue.volume,
734
+ ','
735
+ ),
736
+ issue.issueNumber && React__default.createElement(
737
+ 'span',
733
738
  null,
734
- issue.volume && React__default.createElement(
735
- 'span',
736
- null,
737
- 'Volume ' + issue.volume,
738
- ','
739
- ),
740
- issue.issueNumber && React__default.createElement(
741
- 'span',
742
- null,
743
- ' Issue ' + issue.issueNumber
744
- )
739
+ ' Issue ' + issue.issueNumber
745
740
  )
746
741
  ),
747
742
  pageNumber && React__default.createElement(
package/dist/esm/ADFloatingFooter.js CHANGED
@@ -86,10 +86,13 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
86
86
  collapseAd();
87
87
  parent.classList.add('hide-floating');
88
88
  parent.classList.remove('display-floating');
89
- } else {
90
- parent.style.width = adData.event.size[0] + 'px';
91
- parent.style.height = adData.event.size[1] + 'px';
92
89
  }
90
+ // Removed else part so that the container won't be restricted and will be responsive based on the size of the ad.
91
+ // Need to add this CSS in site level magazine.css to make the close button visible for the expanded ad.
92
+ /* .w7e-platform-58 {
93
+ z-index: 9999999 !important;
94
+ }
95
+ */
93
96
  }
94
97
  } else {
95
98
  collapseAd();
@@ -123,7 +126,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
123
126
  React__default.createElement(
124
127
  'style',
125
128
  { jsx: 'true' },
126
- '\n .display-floating {\n display: block;\n }\n .hide-floating {\n display: none;\n }\n .floating-ad-wrapper {\n margin: 0;\n background-color: #f5f5f5;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9000;\n }\n .closeButton {\n position: absolute;\n top: -10px;\n right: -10px;\n background: grey;\n color: white;\n font-weight: 500;\n border: 2px solid white;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n text-align: center;\n font-size: 17px;\n cursor: pointer;\n }\n '
129
+ '\n .display-floating {\n display: block;\n }\n .hide-floating {\n display: none;\n }\n .floating-ad-wrapper {\n margin: 0;\n background-color: #f5f5f5;\n position: fixed;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n z-index: 9000;\n }\n .closeButton {\n position: absolute;\n top: -16px;\n right: -16px;\n background: grey;\n color: white;\n font-weight: 500;\n border: 2px solid white;\n border-radius: 50%;\n width: 30px;\n height: 30px;\n text-align: center;\n font-size: 15px;\n cursor: pointer;\n z-index: 999999;\n }\n '
127
130
  )
128
131
  );
129
132
  };
package/dist/esm/ArticleQueue.js CHANGED
@@ -1022,25 +1022,17 @@ var Article = function Article(props) {
1022
1022
  ),
1023
1023
  issue && React__default.createElement(
1024
1024
  'div',
1025
- null,
1026
- React__default.createElement(
1027
- 'div',
1028
- { className: 'volume-issue' },
1029
- React__default.createElement(
1030
- 'p',
1031
- null,
1032
- issue.volume && React__default.createElement(
1033
- 'span',
1034
- null,
1035
- 'Volume ' + issue.volume,
1036
- ','
1037
- ),
1038
- issue.issueNumber && React__default.createElement(
1039
- 'span',
1040
- null,
1041
- ' Issue ' + issue.issueNumber
1042
- )
1043
- )
1025
+ { className: 'volume-issue' },
1026
+ issue.volume && React__default.createElement(
1027
+ 'span',
1028
+ null,
1029
+ 'Volume ' + issue.volume,
1030
+ ','
1031
+ ),
1032
+ issue.issueNumber && React__default.createElement(
1033
+ 'span',
1034
+ null,
1035
+ ' Issue ' + issue.issueNumber
1044
1036
  )
1045
1037
  ),
1046
1038
  pageNumber && React__default.createElement(
@@ -1241,7 +1233,6 @@ var ArticleQueue = function ArticleQueue(props) {
1241
1233
  var targeting = getTargeting(activeArticle);
1242
1234
 
1243
1235
  if (!main_36) {
1244
-
1245
1236
  lib_3.getGoogletag().then(function (googletag) {
1246
1237
  if (window.googletag && googletag.pubadsReady) {
1247
1238
  var slots = googletag.pubads().getSlots();
package/dist/esm/QueueDeckExpanded.js CHANGED
@@ -916,7 +916,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
916
916
  React__default.createElement(
917
917
  'style',
918
918
  { jsx: 'true' },
919
- '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n width: fit-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\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 > 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 !important;\n }\n }\n '
919
+ '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n display: inline-block;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n .feature-media > .media-body {\n -webkit-box-flex: none;\n -ms-flex: none;\n flex: none;\n }\n .img-wrapper img {\n max-height: 240px;\n height: auto;\n width: 100%;\n object-fit: contain;\n }\n .feature-wrapper {\n height: 100%;\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 > 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 !important;\n }\n }\n '
920
920
  )
921
921
  );
922
922
  };
package/dist/esm/View.js CHANGED
@@ -498,7 +498,6 @@ var Article = function Article(props) {
498
498
  }, client.config()))
499
499
  );
500
500
  } else if (indexes.length >= 2 && body.length >= 3 && payload.contextualAD && !payload.contextualVideoAD) {
501
-
502
501
  payload = _extends({}, payload, {
503
502
  contextualAD: _extends({}, payload.contextualAD, {
504
503
  slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
@@ -722,20 +721,16 @@ var Article = function Article(props) {
722
721
  issue && React__default.createElement(
723
722
  'div',
724
723
  { className: 'volume-issue' },
725
- React__default.createElement(
726
- 'p',
724
+ issue.volume && React__default.createElement(
725
+ 'span',
726
+ null,
727
+ 'Volume ' + issue.volume,
728
+ ','
729
+ ),
730
+ issue.issueNumber && React__default.createElement(
731
+ 'span',
727
732
  null,
728
- issue.volume && React__default.createElement(
729
- 'span',
730
- null,
731
- 'Volume ' + issue.volume,
732
- ','
733
- ),
734
- issue.issueNumber && React__default.createElement(
735
- 'span',
736
- null,
737
- ' Issue ' + issue.issueNumber
738
- )
733
+ ' Issue ' + issue.issueNumber
739
734
  )
740
735
  ),
741
736
  pageNumber && React__default.createElement(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.531",
3
+ "version": "1.0.533",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",