@mjhls/mjh-framework 1.0.352 → 1.0.354

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 (8) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/IssueContentDeck.js +45 -41
  3. package/dist/cjs/PublicationDeck.js +125 -38
  4. package/dist/cjs/index.js +2 -1
  5. package/dist/esm/IssueContentDeck.js +45 -41
  6. package/dist/esm/PublicationDeck.js +125 -38
  7. package/dist/esm/index.js +2 -1
  8. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.352
2
+ # mjh-framework v. 1.0.354
3
3
 
4
4
 
5
5
  > Foundation Framework
package/dist/cjs/IssueContentDeck.js CHANGED
@@ -53,61 +53,65 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
53
53
 
54
54
  return React__default.createElement(
55
55
  Col,
56
- { md: 12, lg: 12, style: { display: 'flex', flex: '1 0 auto' }, key: index },
56
+ { md: 12, lg: 12, key: index },
57
57
  React__default.createElement(
58
58
  Card,
59
59
  { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
60
60
  React__default.createElement(
61
61
  'a',
62
62
  { href: '/view/' + link },
63
- coverImage && React__default.createElement(
64
- index$1.LazyLoad,
65
- { height: imageHeight },
66
- React__default.createElement(Card.Img, {
67
- variant: 'right',
68
- src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
69
- alt: title,
70
- style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '1rem', float: 'left', marginTop: '1rem', paddingBottom: '1rem' }
71
- })
72
- ),
73
63
  React__default.createElement(
74
- Card.Body,
75
- null,
76
- section ? React__default.createElement(
77
- Badge,
78
- { variant: 'success' },
79
- section.name
80
- ) : '',
81
- React__default.createElement(
82
- Card.Title,
83
- { style: { color: '#121212', fontSize: '1.1rem' } },
84
- React__default.createElement(
85
- 'span',
86
- null,
87
- title
88
- ),
89
- React__default.createElement('br', null)
64
+ 'div',
65
+ { style: { display: 'flex', flex: '1 0 auto' } },
66
+ coverImage && React__default.createElement(
67
+ index$1.LazyLoad,
68
+ { height: imageHeight },
69
+ React__default.createElement(Card.Img, {
70
+ variant: 'right',
71
+ src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
72
+ alt: title,
73
+ style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left', paddingBottom: '1rem' }
74
+ })
90
75
  ),
91
76
  React__default.createElement(
92
- 'div',
93
- { style: { float: 'left' } },
77
+ Card.Body,
78
+ { style: { padding: '0.5rem' } },
79
+ section ? React__default.createElement(
80
+ Badge,
81
+ { variant: 'success' },
82
+ section.name
83
+ ) : '',
94
84
  React__default.createElement(
95
- 'p',
96
- { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
97
- moment.moment(published).format('MMMM DD, YYYY ')
98
- ),
99
- author.length > 0 && React__default.createElement(
100
- 'p',
101
- { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
102
- 'By ',
103
- author
85
+ Card.Title,
86
+ { style: { color: '#121212', fontSize: '1.1rem' } },
87
+ React__default.createElement(
88
+ 'span',
89
+ null,
90
+ title
91
+ ),
92
+ React__default.createElement('br', null)
104
93
  ),
105
94
  React__default.createElement(
106
- 'p',
107
- null,
108
- summary
95
+ 'div',
96
+ { style: { float: 'left' } },
97
+ React__default.createElement(
98
+ 'p',
99
+ { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
100
+ moment.moment(published).format('MMMM DD, YYYY ')
101
+ ),
102
+ author.length > 0 && React__default.createElement(
103
+ 'p',
104
+ { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
105
+ 'By ',
106
+ author
107
+ )
109
108
  )
110
109
  )
110
+ ),
111
+ React__default.createElement(
112
+ 'p',
113
+ { style: { paddingLeft: '0.5rem' } },
114
+ summary
111
115
  )
112
116
  )
113
117
  )
package/dist/cjs/PublicationDeck.js CHANGED
@@ -22,6 +22,29 @@ var PublicationDeck = function PublicationDeck(props) {
22
22
  Website = props.Website,
23
23
  client = props.client;
24
24
 
25
+ var regPubs = data.filter(function (a) {
26
+ return typeof a.is_legacy === 'undefined' || a.is_legacy === false;
27
+ });
28
+ var legacyPubs = data.filter(function (a) {
29
+ return a.is_legacy === true;
30
+ });
31
+
32
+ var sortedLegacyPubs = legacyPubs.sort(function (a, b) {
33
+ if (parseInt(a.childIssue.year) < parseInt(b.childIssue.year)) {
34
+ return 1;
35
+ } else {
36
+ return -1;
37
+ }
38
+ });
39
+
40
+ var sortedRegPubs = regPubs.sort(function (a, b) {
41
+ if (parseInt(a.childIssue.year) < parseInt(b.childIssue.year)) {
42
+ return 1;
43
+ } else {
44
+ return -1;
45
+ }
46
+ });
47
+
25
48
  var urlFor = function urlFor(source) {
26
49
  var builder = index.imageUrlBuilder(client);
27
50
  return builder.image(source).auto('format');
@@ -38,47 +61,111 @@ var PublicationDeck = function PublicationDeck(props) {
38
61
  }
39
62
  };
40
63
 
41
- return React__default.createElement(
42
- Row,
43
- null,
44
- data && data.length ? data.map(function (row, index) {
45
- return row.identifier && row.identifier.current && React__default.createElement(
46
- Col,
47
- { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
48
- React__default.createElement(
49
- Card,
50
- { className: 'block-card', style: { width: '200px' } },
51
- React__default.createElement(
52
- 'a',
53
- { href: href + '/' + row.identifier.current },
54
- row.childIssue && row.childIssue.thumbnail && React__default.createElement(
55
- index$1.LazyLoad,
56
- { height: imageHeight },
57
- React__default.createElement(Card.Img, {
58
- variant: 'top',
59
- src: renderCardImage(row.childIssue.thumbnail),
60
- alt: row.name,
61
- style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' }
62
- })
63
- ),
64
+ if (sortedRegPubs && sortedRegPubs.length || sortedLegacyPubs && sortedLegacyPubs.length) {
65
+ return React__default.createElement(
66
+ 'div',
67
+ { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
68
+ sortedRegPubs && sortedRegPubs.length > 0 && React__default.createElement(
69
+ Row,
70
+ { className: 'regular-publication-wrapper' },
71
+ sortedRegPubs.map(function (row, index) {
72
+ return row.identifier && row.identifier.current && React__default.createElement(
73
+ Col,
74
+ { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
64
75
  React__default.createElement(
65
- Card.Body,
66
- { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
67
- React__default.createElement(
68
- Card.Title,
69
- null,
70
- row.name
71
- ),
76
+ Card,
77
+ { className: 'block-card', style: { width: '200px' } },
72
78
  React__default.createElement(
73
- Button,
74
- { style: { position: 'absolute', bottom: '1rem', left: '20%', margin: '0px' }, variant: 'secondary' },
75
- 'Browse Issues'
79
+ 'a',
80
+ { href: href + '/' + row.identifier.current },
81
+ row.childIssue && row.childIssue.thumbnail && React__default.createElement(
82
+ index$1.LazyLoad,
83
+ { height: imageHeight },
84
+ React__default.createElement(Card.Img, {
85
+ variant: 'top',
86
+ src: renderCardImage(row.childIssue.thumbnail),
87
+ alt: row.name,
88
+ style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' }
89
+ })
90
+ ),
91
+ React__default.createElement(
92
+ Card.Body,
93
+ { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
94
+ React__default.createElement(
95
+ Card.Title,
96
+ null,
97
+ row.name
98
+ ),
99
+ React__default.createElement(
100
+ Button,
101
+ { style: { position: 'absolute', bottom: '1rem', left: '20%', margin: '0px' }, variant: 'secondary' },
102
+ 'Browse Issues'
103
+ )
104
+ )
76
105
  )
77
106
  )
78
- )
107
+ );
108
+ })
109
+ ),
110
+ sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default.createElement(
111
+ React__default.Fragment,
112
+ null,
113
+ React__default.createElement(
114
+ 'div',
115
+ { className: 'legacy-publication-title' },
116
+ React__default.createElement(
117
+ 'h2',
118
+ null,
119
+ 'Legacy'
120
+ ),
121
+ React__default.createElement('hr', null)
122
+ ),
123
+ React__default.createElement(
124
+ Row,
125
+ { className: 'legacy-publication-wrapper' },
126
+ sortedLegacyPubs.map(function (row, index) {
127
+ return row.identifier && row.identifier.current && React__default.createElement(
128
+ Col,
129
+ { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
130
+ React__default.createElement(
131
+ Card,
132
+ { className: 'block-card', style: { width: '200px' } },
133
+ React__default.createElement(
134
+ 'a',
135
+ { href: href + '/' + row.identifier.current },
136
+ row.childIssue && row.childIssue.thumbnail && React__default.createElement(
137
+ index$1.LazyLoad,
138
+ { height: imageHeight },
139
+ React__default.createElement(Card.Img, {
140
+ variant: 'top',
141
+ src: renderCardImage(row.childIssue.thumbnail),
142
+ alt: row.name,
143
+ style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' }
144
+ })
145
+ ),
146
+ React__default.createElement(
147
+ Card.Body,
148
+ { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
149
+ React__default.createElement(
150
+ Card.Title,
151
+ null,
152
+ row.name
153
+ ),
154
+ React__default.createElement(
155
+ Button,
156
+ { style: { position: 'absolute', bottom: '1rem', left: '20%', margin: '0px' }, variant: 'secondary' },
157
+ 'Browse Issues'
158
+ )
159
+ )
160
+ )
161
+ )
162
+ );
163
+ })
79
164
  )
80
- );
81
- }) : React__default.createElement(
165
+ )
166
+ );
167
+ } else {
168
+ return React__default.createElement(
82
169
  'div',
83
170
  null,
84
171
  React__default.createElement(
@@ -90,8 +177,8 @@ var PublicationDeck = function PublicationDeck(props) {
90
177
  'New content coming soon, please check back later.'
91
178
  )
92
179
  )
93
- )
94
- );
180
+ );
181
+ }
95
182
  };
96
183
 
97
184
  module.exports = PublicationDeck;
package/dist/cjs/index.js CHANGED
@@ -16558,6 +16558,7 @@ var Article = function Article(props) {
16558
16558
  );
16559
16559
  }
16560
16560
  }),
16561
+ React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
16561
16562
  React__default.createElement('hr', { className: 'article-seperater' })
16562
16563
  );
16563
16564
  };
@@ -16777,7 +16778,7 @@ var ArticleQueue = function ArticleQueue(props) {
16777
16778
 
16778
16779
  return React__default.createElement(
16779
16780
  visibilitySensor.InfiniteScroll,
16780
- { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true },
16781
+ { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true, style: { overflow: 'hidden' } },
16781
16782
  queueData.map(function (article, index) {
16782
16783
  if (!checkSponseredArticle(article) && Ads.getNativeContextualAD) {
16783
16784
  article.contextualAD = Ads.getNativeContextualAD(getTargeting(article, 'native-ad'));
package/dist/esm/IssueContentDeck.js CHANGED
@@ -48,61 +48,65 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
48
48
 
49
49
  return React__default.createElement(
50
50
  Col,
51
- { md: 12, lg: 12, style: { display: 'flex', flex: '1 0 auto' }, key: index },
51
+ { md: 12, lg: 12, key: index },
52
52
  React__default.createElement(
53
53
  Card,
54
54
  { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
55
55
  React__default.createElement(
56
56
  'a',
57
57
  { href: '/view/' + link },
58
- coverImage && React__default.createElement(
59
- LazyLoad,
60
- { height: imageHeight },
61
- React__default.createElement(Card.Img, {
62
- variant: 'right',
63
- src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
64
- alt: title,
65
- style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '1rem', float: 'left', marginTop: '1rem', paddingBottom: '1rem' }
66
- })
67
- ),
68
58
  React__default.createElement(
69
- Card.Body,
70
- null,
71
- section ? React__default.createElement(
72
- Badge,
73
- { variant: 'success' },
74
- section.name
75
- ) : '',
76
- React__default.createElement(
77
- Card.Title,
78
- { style: { color: '#121212', fontSize: '1.1rem' } },
79
- React__default.createElement(
80
- 'span',
81
- null,
82
- title
83
- ),
84
- React__default.createElement('br', null)
59
+ 'div',
60
+ { style: { display: 'flex', flex: '1 0 auto' } },
61
+ coverImage && React__default.createElement(
62
+ LazyLoad,
63
+ { height: imageHeight },
64
+ React__default.createElement(Card.Img, {
65
+ variant: 'right',
66
+ src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
67
+ alt: title,
68
+ style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left', paddingBottom: '1rem' }
69
+ })
85
70
  ),
86
71
  React__default.createElement(
87
- 'div',
88
- { style: { float: 'left' } },
72
+ Card.Body,
73
+ { style: { padding: '0.5rem' } },
74
+ section ? React__default.createElement(
75
+ Badge,
76
+ { variant: 'success' },
77
+ section.name
78
+ ) : '',
89
79
  React__default.createElement(
90
- 'p',
91
- { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
92
- moment(published).format('MMMM DD, YYYY ')
93
- ),
94
- author.length > 0 && React__default.createElement(
95
- 'p',
96
- { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
97
- 'By ',
98
- author
80
+ Card.Title,
81
+ { style: { color: '#121212', fontSize: '1.1rem' } },
82
+ React__default.createElement(
83
+ 'span',
84
+ null,
85
+ title
86
+ ),
87
+ React__default.createElement('br', null)
99
88
  ),
100
89
  React__default.createElement(
101
- 'p',
102
- null,
103
- summary
90
+ 'div',
91
+ { style: { float: 'left' } },
92
+ React__default.createElement(
93
+ 'p',
94
+ { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
95
+ moment(published).format('MMMM DD, YYYY ')
96
+ ),
97
+ author.length > 0 && React__default.createElement(
98
+ 'p',
99
+ { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
100
+ 'By ',
101
+ author
102
+ )
104
103
  )
105
104
  )
105
+ ),
106
+ React__default.createElement(
107
+ 'p',
108
+ { style: { paddingLeft: '0.5rem' } },
109
+ summary
106
110
  )
107
111
  )
108
112
  )
package/dist/esm/PublicationDeck.js CHANGED
@@ -17,6 +17,29 @@ var PublicationDeck = function PublicationDeck(props) {
17
17
  Website = props.Website,
18
18
  client = props.client;
19
19
 
20
+ var regPubs = data.filter(function (a) {
21
+ return typeof a.is_legacy === 'undefined' || a.is_legacy === false;
22
+ });
23
+ var legacyPubs = data.filter(function (a) {
24
+ return a.is_legacy === true;
25
+ });
26
+
27
+ var sortedLegacyPubs = legacyPubs.sort(function (a, b) {
28
+ if (parseInt(a.childIssue.year) < parseInt(b.childIssue.year)) {
29
+ return 1;
30
+ } else {
31
+ return -1;
32
+ }
33
+ });
34
+
35
+ var sortedRegPubs = regPubs.sort(function (a, b) {
36
+ if (parseInt(a.childIssue.year) < parseInt(b.childIssue.year)) {
37
+ return 1;
38
+ } else {
39
+ return -1;
40
+ }
41
+ });
42
+
20
43
  var urlFor = function urlFor(source) {
21
44
  var builder = imageUrlBuilder(client);
22
45
  return builder.image(source).auto('format');
@@ -33,47 +56,111 @@ var PublicationDeck = function PublicationDeck(props) {
33
56
  }
34
57
  };
35
58
 
36
- return React__default.createElement(
37
- Row,
38
- null,
39
- data && data.length ? data.map(function (row, index) {
40
- return row.identifier && row.identifier.current && React__default.createElement(
41
- Col,
42
- { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
43
- React__default.createElement(
44
- Card,
45
- { className: 'block-card', style: { width: '200px' } },
46
- React__default.createElement(
47
- 'a',
48
- { href: href + '/' + row.identifier.current },
49
- row.childIssue && row.childIssue.thumbnail && React__default.createElement(
50
- LazyLoad,
51
- { height: imageHeight },
52
- React__default.createElement(Card.Img, {
53
- variant: 'top',
54
- src: renderCardImage(row.childIssue.thumbnail),
55
- alt: row.name,
56
- style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' }
57
- })
58
- ),
59
+ if (sortedRegPubs && sortedRegPubs.length || sortedLegacyPubs && sortedLegacyPubs.length) {
60
+ return React__default.createElement(
61
+ 'div',
62
+ { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
63
+ sortedRegPubs && sortedRegPubs.length > 0 && React__default.createElement(
64
+ Row,
65
+ { className: 'regular-publication-wrapper' },
66
+ sortedRegPubs.map(function (row, index) {
67
+ return row.identifier && row.identifier.current && React__default.createElement(
68
+ Col,
69
+ { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
59
70
  React__default.createElement(
60
- Card.Body,
61
- { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
62
- React__default.createElement(
63
- Card.Title,
64
- null,
65
- row.name
66
- ),
71
+ Card,
72
+ { className: 'block-card', style: { width: '200px' } },
67
73
  React__default.createElement(
68
- Button,
69
- { style: { position: 'absolute', bottom: '1rem', left: '20%', margin: '0px' }, variant: 'secondary' },
70
- 'Browse Issues'
74
+ 'a',
75
+ { href: href + '/' + row.identifier.current },
76
+ row.childIssue && row.childIssue.thumbnail && React__default.createElement(
77
+ LazyLoad,
78
+ { height: imageHeight },
79
+ React__default.createElement(Card.Img, {
80
+ variant: 'top',
81
+ src: renderCardImage(row.childIssue.thumbnail),
82
+ alt: row.name,
83
+ style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' }
84
+ })
85
+ ),
86
+ React__default.createElement(
87
+ Card.Body,
88
+ { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
89
+ React__default.createElement(
90
+ Card.Title,
91
+ null,
92
+ row.name
93
+ ),
94
+ React__default.createElement(
95
+ Button,
96
+ { style: { position: 'absolute', bottom: '1rem', left: '20%', margin: '0px' }, variant: 'secondary' },
97
+ 'Browse Issues'
98
+ )
99
+ )
71
100
  )
72
101
  )
73
- )
102
+ );
103
+ })
104
+ ),
105
+ sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default.createElement(
106
+ React__default.Fragment,
107
+ null,
108
+ React__default.createElement(
109
+ 'div',
110
+ { className: 'legacy-publication-title' },
111
+ React__default.createElement(
112
+ 'h2',
113
+ null,
114
+ 'Legacy'
115
+ ),
116
+ React__default.createElement('hr', null)
117
+ ),
118
+ React__default.createElement(
119
+ Row,
120
+ { className: 'legacy-publication-wrapper' },
121
+ sortedLegacyPubs.map(function (row, index) {
122
+ return row.identifier && row.identifier.current && React__default.createElement(
123
+ Col,
124
+ { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
125
+ React__default.createElement(
126
+ Card,
127
+ { className: 'block-card', style: { width: '200px' } },
128
+ React__default.createElement(
129
+ 'a',
130
+ { href: href + '/' + row.identifier.current },
131
+ row.childIssue && row.childIssue.thumbnail && React__default.createElement(
132
+ LazyLoad,
133
+ { height: imageHeight },
134
+ React__default.createElement(Card.Img, {
135
+ variant: 'top',
136
+ src: renderCardImage(row.childIssue.thumbnail),
137
+ alt: row.name,
138
+ style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' }
139
+ })
140
+ ),
141
+ React__default.createElement(
142
+ Card.Body,
143
+ { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
144
+ React__default.createElement(
145
+ Card.Title,
146
+ null,
147
+ row.name
148
+ ),
149
+ React__default.createElement(
150
+ Button,
151
+ { style: { position: 'absolute', bottom: '1rem', left: '20%', margin: '0px' }, variant: 'secondary' },
152
+ 'Browse Issues'
153
+ )
154
+ )
155
+ )
156
+ )
157
+ );
158
+ })
74
159
  )
75
- );
76
- }) : React__default.createElement(
160
+ )
161
+ );
162
+ } else {
163
+ return React__default.createElement(
77
164
  'div',
78
165
  null,
79
166
  React__default.createElement(
@@ -85,8 +172,8 @@ var PublicationDeck = function PublicationDeck(props) {
85
172
  'New content coming soon, please check back later.'
86
173
  )
87
174
  )
88
- )
89
- );
175
+ );
176
+ }
90
177
  };
91
178
 
92
179
  export default PublicationDeck;
package/dist/esm/index.js CHANGED
@@ -16555,6 +16555,7 @@ var Article = function Article(props) {
16555
16555
  );
16556
16556
  }
16557
16557
  }),
16558
+ React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
16558
16559
  React__default.createElement('hr', { className: 'article-seperater' })
16559
16560
  );
16560
16561
  };
@@ -16774,7 +16775,7 @@ var ArticleQueue = function ArticleQueue(props) {
16774
16775
 
16775
16776
  return React__default.createElement(
16776
16777
  InfiniteScroll,
16777
- { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true },
16778
+ { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true, style: { overflow: 'hidden' } },
16778
16779
  queueData.map(function (article, index) {
16779
16780
  if (!checkSponseredArticle(article) && Ads.getNativeContextualAD) {
16780
16781
  article.contextualAD = Ads.getNativeContextualAD(getTargeting(article, 'native-ad'));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.352",
3
+ "version": "1.0.354",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",