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

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 (3) hide show
  1. package/dist/cjs/CEDeckSupabase.js +11 -7
  2. package/dist/esm/CEDeckSupabase.js +11 -7
  3. package/package.json +1 -1
package/dist/cjs/CEDeckSupabase.js CHANGED
@@ -26,8 +26,6 @@ var css = "#CMEDeck-module_ceToggles__1QFCs {\n display: flex;\n padding:
26
26
  var styles = { "ceToggles": "CMEDeck-module_ceToggles__1QFCs", "cardImage": "CMEDeck-module_cardImage__3yM5u", "cardText": "CMEDeck-module_cardText__2zCzZ" };
27
27
  styleInject_es.styleInject(css);
28
28
 
29
- var itemsPerPage = 10;
30
-
31
29
  var CMEDeck = function CMEDeck(_ref) {
32
30
  var _ref$autoScroll = _ref.autoScroll,
33
31
  autoScroll = _ref$autoScroll === undefined ? true : _ref$autoScroll,
@@ -42,7 +40,11 @@ var CMEDeck = function CMEDeck(_ref) {
42
40
  perData = _ref.perData,
43
41
  _ref$enablePtce = _ref.enablePtce,
44
42
  enablePtce = _ref$enablePtce === undefined ? false : _ref$enablePtce,
45
- ptceData = _ref.ptceData;
43
+ ptceData = _ref.ptceData,
44
+ _ref$itemsPerPage = _ref.itemsPerPage,
45
+ itemsPerPage = _ref$itemsPerPage === undefined ? 10 : _ref$itemsPerPage,
46
+ _ref$numberOfItemsBef = _ref.numberOfItemsBeforeAd,
47
+ numberOfItemsBeforeAd = _ref$numberOfItemsBef === undefined ? 6 : _ref$numberOfItemsBef;
46
48
 
47
49
  var router = Router.useRouter();
48
50
 
@@ -164,8 +166,6 @@ var CMEDeck = function CMEDeck(_ref) {
164
166
  }, [to, active]);
165
167
 
166
168
  var cardLoader = function cardLoader() {
167
- var numberOfItemsBeforeAd = 6;
168
- // let style = active === 'per' &&
169
169
  return React__default['default'].createElement(
170
170
  'div',
171
171
  null,
@@ -175,7 +175,9 @@ var CMEDeck = function CMEDeck(_ref) {
175
175
  enablePer && React__default['default'].createElement(
176
176
  'div',
177
177
  { onClick: function onClick() {
178
- return setActive('per');
178
+ setActive('per');
179
+ setTo(itemsPerPage);
180
+ if (perData.length > itemsPerPage) setScrolling(true);
179
181
  }, style: { borderColor: active === 'per' && '#10222e', filter: active !== 'per' && 'grayscale(1)', opacity: active !== 'per' && 0.5 } },
180
182
  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
183
  React__default['default'].createElement(
@@ -187,7 +189,9 @@ var CMEDeck = function CMEDeck(_ref) {
187
189
  enablePtce && React__default['default'].createElement(
188
190
  'div',
189
191
  { onClick: function onClick() {
190
- return setActive('ptce');
192
+ setActive('ptce');
193
+ setTo(itemsPerPage);
194
+ if (ptceData.length > itemsPerPage) setScrolling(true);
191
195
  }, style: { borderColor: active === 'ptce' && '#10222e', filter: active !== 'ptce' && 'grayscale(1)', opacity: active !== 'ptce' && 0.5 } },
192
196
  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
197
  React__default['default'].createElement(
package/dist/esm/CEDeckSupabase.js CHANGED
@@ -20,8 +20,6 @@ var css = "#CMEDeck-module_ceToggles__1QFCs {\n display: flex;\n padding:
20
20
  var styles = { "ceToggles": "CMEDeck-module_ceToggles__1QFCs", "cardImage": "CMEDeck-module_cardImage__3yM5u", "cardText": "CMEDeck-module_cardText__2zCzZ" };
21
21
  styleInject(css);
22
22
 
23
- var itemsPerPage = 10;
24
-
25
23
  var CMEDeck = function CMEDeck(_ref) {
26
24
  var _ref$autoScroll = _ref.autoScroll,
27
25
  autoScroll = _ref$autoScroll === undefined ? true : _ref$autoScroll,
@@ -36,7 +34,11 @@ var CMEDeck = function CMEDeck(_ref) {
36
34
  perData = _ref.perData,
37
35
  _ref$enablePtce = _ref.enablePtce,
38
36
  enablePtce = _ref$enablePtce === undefined ? false : _ref$enablePtce,
39
- ptceData = _ref.ptceData;
37
+ ptceData = _ref.ptceData,
38
+ _ref$itemsPerPage = _ref.itemsPerPage,
39
+ itemsPerPage = _ref$itemsPerPage === undefined ? 10 : _ref$itemsPerPage,
40
+ _ref$numberOfItemsBef = _ref.numberOfItemsBeforeAd,
41
+ numberOfItemsBeforeAd = _ref$numberOfItemsBef === undefined ? 6 : _ref$numberOfItemsBef;
40
42
 
41
43
  var router = useRouter();
42
44
 
@@ -158,8 +160,6 @@ var CMEDeck = function CMEDeck(_ref) {
158
160
  }, [to, active]);
159
161
 
160
162
  var cardLoader = function cardLoader() {
161
- var numberOfItemsBeforeAd = 6;
162
- // let style = active === 'per' &&
163
163
  return React__default.createElement(
164
164
  'div',
165
165
  null,
@@ -169,7 +169,9 @@ var CMEDeck = function CMEDeck(_ref) {
169
169
  enablePer && React__default.createElement(
170
170
  'div',
171
171
  { onClick: function onClick() {
172
- return setActive('per');
172
+ setActive('per');
173
+ setTo(itemsPerPage);
174
+ if (perData.length > itemsPerPage) setScrolling(true);
173
175
  }, style: { borderColor: active === 'per' && '#10222e', filter: active !== 'per' && 'grayscale(1)', opacity: active !== 'per' && 0.5 } },
174
176
  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
177
  React__default.createElement(
@@ -181,7 +183,9 @@ var CMEDeck = function CMEDeck(_ref) {
181
183
  enablePtce && React__default.createElement(
182
184
  'div',
183
185
  { onClick: function onClick() {
184
- return setActive('ptce');
186
+ setActive('ptce');
187
+ setTo(itemsPerPage);
188
+ if (ptceData.length > itemsPerPage) setScrolling(true);
185
189
  }, style: { borderColor: active === 'ptce' && '#10222e', filter: active !== 'ptce' && 'grayscale(1)', opacity: active !== 'ptce' && 0.5 } },
186
190
  React__default.createElement('img', { src: 'https://ptce.s3.amazonaws.com/_media/_image/PTCE_Logo_Mocks_030220v4_PTCE_ALL_PTCE.png', alt: 'ptce logo' }),
187
191
  React__default.createElement(
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-v2",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",