@mjhls/mjh-framework 1.0.1005-ce-test-v1 → 1.0.1005-ce-test-v3

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.
@@ -8,7 +8,8 @@ var index_es = require('./index.es-f3e47207.js');
8
8
  var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
9
9
  var main = require('./main-f1c77adb.js');
10
10
  var Router = require('next/router');
11
- var index = require('./index-fc2f1ca2.js');
11
+ var index$1 = require('./index-fc2f1ca2.js');
12
+ var index = require('./index-eadd5035.js');
12
13
  var styleInject_es = require('./style-inject.es-dcee06b6.js');
13
14
  require('./_commonjsHelpers-06173234.js');
14
15
  require('./define-property-e8404b64.js');
@@ -26,8 +27,6 @@ var css = "#CMEDeck-module_ceToggles__1QFCs {\n display: flex;\n padding:
26
27
  var styles = { "ceToggles": "CMEDeck-module_ceToggles__1QFCs", "cardImage": "CMEDeck-module_cardImage__3yM5u", "cardText": "CMEDeck-module_cardText__2zCzZ" };
27
28
  styleInject_es.styleInject(css);
28
29
 
29
- var itemsPerPage = 10;
30
-
31
30
  var CMEDeck = function CMEDeck(_ref) {
32
31
  var _ref$autoScroll = _ref.autoScroll,
33
32
  autoScroll = _ref$autoScroll === undefined ? true : _ref$autoScroll,
@@ -42,7 +41,11 @@ var CMEDeck = function CMEDeck(_ref) {
42
41
  perData = _ref.perData,
43
42
  _ref$enablePtce = _ref.enablePtce,
44
43
  enablePtce = _ref$enablePtce === undefined ? false : _ref$enablePtce,
45
- ptceData = _ref.ptceData;
44
+ ptceData = _ref.ptceData,
45
+ _ref$itemsPerPage = _ref.itemsPerPage,
46
+ itemsPerPage = _ref$itemsPerPage === undefined ? 10 : _ref$itemsPerPage,
47
+ _ref$numberOfItemsBef = _ref.numberOfItemsBeforeAd,
48
+ numberOfItemsBeforeAd = _ref$numberOfItemsBef === undefined ? 6 : _ref$numberOfItemsBef;
46
49
 
47
50
  var router = Router.useRouter();
48
51
 
@@ -134,7 +137,7 @@ var CMEDeck = function CMEDeck(_ref) {
134
137
  pageNumber = parseInt(pageNumber);
135
138
 
136
139
  if (currentPage !== pageNumber) {
137
- index.lib_3.refresh();
140
+ index$1.lib_3.refresh();
138
141
 
139
142
  setCurrentPage(pageNumber);
140
143
  if (path[0] !== '/') {
@@ -164,8 +167,6 @@ var CMEDeck = function CMEDeck(_ref) {
164
167
  }, [to, active]);
165
168
 
166
169
  var cardLoader = function cardLoader() {
167
- var numberOfItemsBeforeAd = 6;
168
- // let style = active === 'per' &&
169
170
  return React__default['default'].createElement(
170
171
  'div',
171
172
  null,
@@ -175,7 +176,9 @@ var CMEDeck = function CMEDeck(_ref) {
175
176
  enablePer && React__default['default'].createElement(
176
177
  'div',
177
178
  { onClick: function onClick() {
178
- return setActive('per');
179
+ setActive('per');
180
+ setTo(itemsPerPage);
181
+ if (perData.length > itemsPerPage) setScrolling(true);
179
182
  }, style: { borderColor: active === 'per' && '#10222e', filter: active !== 'per' && 'grayscale(1)', opacity: active !== 'per' && 0.5 } },
180
183
  React__default['default'].createElement('img', { src: 'https://gotoper-com.s3.amazonaws.com/_media/_image/PER_Logo.svg', style: { width: '100%', maxWidth: '10rem', marginBottom: '1rem' }, alt: 'per logo' }),
181
184
  React__default['default'].createElement(
@@ -187,7 +190,9 @@ var CMEDeck = function CMEDeck(_ref) {
187
190
  enablePtce && React__default['default'].createElement(
188
191
  'div',
189
192
  { onClick: function onClick() {
190
- return setActive('ptce');
193
+ setActive('ptce');
194
+ setTo(itemsPerPage);
195
+ if (ptceData.length > itemsPerPage) setScrolling(true);
191
196
  }, style: { borderColor: active === 'ptce' && '#10222e', filter: active !== 'ptce' && 'grayscale(1)', opacity: active !== 'ptce' && 0.5 } },
192
197
  React__default['default'].createElement('img', { src: 'https://ptce.s3.amazonaws.com/_media/_image/PTCE_Logo_Mocks_030220v4_PTCE_ALL_PTCE.png', alt: 'ptce logo' }),
193
198
  React__default['default'].createElement(
@@ -200,8 +205,8 @@ var CMEDeck = function CMEDeck(_ref) {
200
205
  React__default['default'].createElement(
201
206
  reactBootstrap.Row,
202
207
  null,
203
- data && data.map(function (row, index) {
204
- var pageNumber = Math.ceil((index + 1) / itemsPerPage);
208
+ data && data.map(function (row, index$1) {
209
+ var pageNumber = Math.ceil((index$1 + 1) / itemsPerPage);
205
210
  var baseUrl = void 0;
206
211
  if (row.brandName && row.brandName === 'AllPtce') {
207
212
  baseUrl = 'https://www.pharmacytimes.org/courses';
@@ -214,7 +219,7 @@ var CMEDeck = function CMEDeck(_ref) {
214
219
 
215
220
  return React__default['default'].createElement(
216
221
  React__default['default'].Fragment,
217
- { key: index },
222
+ { key: index$1 },
218
223
  React__default['default'].createElement(
219
224
  visibilitySensor.VisibilitySensor,
220
225
  {
@@ -234,7 +239,11 @@ var CMEDeck = function CMEDeck(_ref) {
234
239
  React__default['default'].createElement(
235
240
  'a',
236
241
  { rel: 'noopener', href: baseUrl + '/' + row.slug, target: '_blank' },
237
- React__default['default'].createElement('img', { className: styles.cardImage, src: row.thumbnail })
242
+ React__default['default'].createElement(
243
+ index.LazyLoad,
244
+ null,
245
+ React__default['default'].createElement('img', { className: styles.cardImage, src: row.thumbnail })
246
+ )
238
247
  )
239
248
  ),
240
249
  React__default['default'].createElement(
@@ -256,16 +265,16 @@ var CMEDeck = function CMEDeck(_ref) {
256
265
  )
257
266
  )
258
267
  ),
259
- main.main_43 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
268
+ main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
260
269
  'div',
261
270
  { style: { margin: '0 auto' } },
262
- renderMobileAd(index, numberOfItemsBeforeAd)
271
+ renderMobileAd(index$1, numberOfItemsBeforeAd)
263
272
  )
264
273
  );
265
274
  } else {
266
275
  return React__default['default'].createElement(
267
276
  React__default['default'].Fragment,
268
- { key: index },
277
+ { key: index$1 },
269
278
  React__default['default'].createElement(
270
279
  visibilitySensor.VisibilitySensor,
271
280
  {
@@ -303,10 +312,10 @@ var CMEDeck = function CMEDeck(_ref) {
303
312
  )
304
313
  )
305
314
  ),
306
- main.main_43 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
315
+ main.main_43 && rightItems && (index$1 + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
307
316
  'div',
308
317
  { style: { margin: '0 auto' } },
309
- renderMobileAd(index, numberOfItemsBeforeAd)
318
+ renderMobileAd(index$1, numberOfItemsBeforeAd)
310
319
  )
311
320
  );
312
321
  }
@@ -19,22 +19,27 @@ var supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
19
19
 
20
20
  var getTIData = function () {
21
21
  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(tableName, brandName) {
22
- var _ref2, perData, error;
22
+ var _ref2, tiData, error, _ref3, _tiData, _error;
23
23
 
24
24
  return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
25
25
  while (1) {
26
26
  switch (_context.prev = _context.next) {
27
27
  case 0:
28
- _context.next = 2;
29
- return supabase.from('' + tableName).select('*').eq('brandName', '' + brandName);
28
+ if (brandName) {
29
+ _context.next = 13;
30
+ break;
31
+ }
30
32
 
31
- case 2:
33
+ _context.next = 3;
34
+ return supabase.from('' + tableName).select('*');
35
+
36
+ case 3:
32
37
  _ref2 = _context.sent;
33
- perData = _ref2.data;
38
+ tiData = _ref2.data;
34
39
  error = _ref2.error;
35
40
 
36
41
  if (!error) {
37
- _context.next = 9;
42
+ _context.next = 10;
38
43
  break;
39
44
  }
40
45
 
@@ -43,10 +48,36 @@ var getTIData = function () {
43
48
  fail: true
44
49
  });
45
50
 
46
- case 9:
47
- return _context.abrupt('return', perData);
48
-
49
51
  case 10:
52
+ return _context.abrupt('return', tiData);
53
+
54
+ case 11:
55
+ _context.next = 23;
56
+ break;
57
+
58
+ case 13:
59
+ _context.next = 15;
60
+ return supabase.from('' + tableName).select('*').eq('brandName', '' + brandName);
61
+
62
+ case 15:
63
+ _ref3 = _context.sent;
64
+ _tiData = _ref3.data;
65
+ _error = _ref3.error;
66
+
67
+ if (!_error) {
68
+ _context.next = 22;
69
+ break;
70
+ }
71
+
72
+ return _context.abrupt('return', {
73
+ msg: _error.message,
74
+ fail: true
75
+ });
76
+
77
+ case 22:
78
+ return _context.abrupt('return', _tiData);
79
+
80
+ case 23:
50
81
  case 'end':
51
82
  return _context.stop();
52
83
  }
@@ -7,6 +7,7 @@ import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
7
7
  import { m as main_43 } from './main-1894c974.js';
8
8
  import { useRouter } from 'next/router';
9
9
  import { l as lib_3 } from './index-f0fc23eb.js';
10
+ import { L as LazyLoad } from './index-755f2cc2.js';
10
11
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
11
12
  import './_commonjsHelpers-0c4b6f40.js';
12
13
  import './define-property-5f1bda73.js';
@@ -20,8 +21,6 @@ var css = "#CMEDeck-module_ceToggles__1QFCs {\n display: flex;\n padding:
20
21
  var styles = { "ceToggles": "CMEDeck-module_ceToggles__1QFCs", "cardImage": "CMEDeck-module_cardImage__3yM5u", "cardText": "CMEDeck-module_cardText__2zCzZ" };
21
22
  styleInject(css);
22
23
 
23
- var itemsPerPage = 10;
24
-
25
24
  var CMEDeck = function CMEDeck(_ref) {
26
25
  var _ref$autoScroll = _ref.autoScroll,
27
26
  autoScroll = _ref$autoScroll === undefined ? true : _ref$autoScroll,
@@ -36,7 +35,11 @@ var CMEDeck = function CMEDeck(_ref) {
36
35
  perData = _ref.perData,
37
36
  _ref$enablePtce = _ref.enablePtce,
38
37
  enablePtce = _ref$enablePtce === undefined ? false : _ref$enablePtce,
39
- ptceData = _ref.ptceData;
38
+ ptceData = _ref.ptceData,
39
+ _ref$itemsPerPage = _ref.itemsPerPage,
40
+ itemsPerPage = _ref$itemsPerPage === undefined ? 10 : _ref$itemsPerPage,
41
+ _ref$numberOfItemsBef = _ref.numberOfItemsBeforeAd,
42
+ numberOfItemsBeforeAd = _ref$numberOfItemsBef === undefined ? 6 : _ref$numberOfItemsBef;
40
43
 
41
44
  var router = useRouter();
42
45
 
@@ -158,8 +161,6 @@ var CMEDeck = function CMEDeck(_ref) {
158
161
  }, [to, active]);
159
162
 
160
163
  var cardLoader = function cardLoader() {
161
- var numberOfItemsBeforeAd = 6;
162
- // let style = active === 'per' &&
163
164
  return React__default.createElement(
164
165
  'div',
165
166
  null,
@@ -169,7 +170,9 @@ var CMEDeck = function CMEDeck(_ref) {
169
170
  enablePer && React__default.createElement(
170
171
  'div',
171
172
  { onClick: function onClick() {
172
- return setActive('per');
173
+ setActive('per');
174
+ setTo(itemsPerPage);
175
+ if (perData.length > itemsPerPage) setScrolling(true);
173
176
  }, style: { borderColor: active === 'per' && '#10222e', filter: active !== 'per' && 'grayscale(1)', opacity: active !== 'per' && 0.5 } },
174
177
  React__default.createElement('img', { src: 'https://gotoper-com.s3.amazonaws.com/_media/_image/PER_Logo.svg', style: { width: '100%', maxWidth: '10rem', marginBottom: '1rem' }, alt: 'per logo' }),
175
178
  React__default.createElement(
@@ -181,7 +184,9 @@ var CMEDeck = function CMEDeck(_ref) {
181
184
  enablePtce && React__default.createElement(
182
185
  'div',
183
186
  { onClick: function onClick() {
184
- return setActive('ptce');
187
+ setActive('ptce');
188
+ setTo(itemsPerPage);
189
+ if (ptceData.length > itemsPerPage) setScrolling(true);
185
190
  }, style: { borderColor: active === 'ptce' && '#10222e', filter: active !== 'ptce' && 'grayscale(1)', opacity: active !== 'ptce' && 0.5 } },
186
191
  React__default.createElement('img', { src: 'https://ptce.s3.amazonaws.com/_media/_image/PTCE_Logo_Mocks_030220v4_PTCE_ALL_PTCE.png', alt: 'ptce logo' }),
187
192
  React__default.createElement(
@@ -228,7 +233,11 @@ var CMEDeck = function CMEDeck(_ref) {
228
233
  React__default.createElement(
229
234
  'a',
230
235
  { rel: 'noopener', href: baseUrl + '/' + row.slug, target: '_blank' },
231
- React__default.createElement('img', { className: styles.cardImage, src: row.thumbnail })
236
+ React__default.createElement(
237
+ LazyLoad,
238
+ null,
239
+ React__default.createElement('img', { className: styles.cardImage, src: row.thumbnail })
240
+ )
232
241
  )
233
242
  ),
234
243
  React__default.createElement(
@@ -17,22 +17,27 @@ var supabase = createClient(SUPABASE_URL, SUPABASE_KEY);
17
17
 
18
18
  var getTIData = function () {
19
19
  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(tableName, brandName) {
20
- var _ref2, perData, error;
20
+ var _ref2, tiData, error, _ref3, _tiData, _error;
21
21
 
22
22
  return regenerator.wrap(function _callee$(_context) {
23
23
  while (1) {
24
24
  switch (_context.prev = _context.next) {
25
25
  case 0:
26
- _context.next = 2;
27
- return supabase.from('' + tableName).select('*').eq('brandName', '' + brandName);
26
+ if (brandName) {
27
+ _context.next = 13;
28
+ break;
29
+ }
28
30
 
29
- case 2:
31
+ _context.next = 3;
32
+ return supabase.from('' + tableName).select('*');
33
+
34
+ case 3:
30
35
  _ref2 = _context.sent;
31
- perData = _ref2.data;
36
+ tiData = _ref2.data;
32
37
  error = _ref2.error;
33
38
 
34
39
  if (!error) {
35
- _context.next = 9;
40
+ _context.next = 10;
36
41
  break;
37
42
  }
38
43
 
@@ -41,10 +46,36 @@ var getTIData = function () {
41
46
  fail: true
42
47
  });
43
48
 
44
- case 9:
45
- return _context.abrupt('return', perData);
46
-
47
49
  case 10:
50
+ return _context.abrupt('return', tiData);
51
+
52
+ case 11:
53
+ _context.next = 23;
54
+ break;
55
+
56
+ case 13:
57
+ _context.next = 15;
58
+ return supabase.from('' + tableName).select('*').eq('brandName', '' + brandName);
59
+
60
+ case 15:
61
+ _ref3 = _context.sent;
62
+ _tiData = _ref3.data;
63
+ _error = _ref3.error;
64
+
65
+ if (!_error) {
66
+ _context.next = 22;
67
+ break;
68
+ }
69
+
70
+ return _context.abrupt('return', {
71
+ msg: _error.message,
72
+ fail: true
73
+ });
74
+
75
+ case 22:
76
+ return _context.abrupt('return', _tiData);
77
+
78
+ case 23:
48
79
  case 'end':
49
80
  return _context.stop();
50
81
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.1005-ce-test-v1",
3
+ "version": "1.0.1005-ce-test-v3",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",