@mjhls/mjh-framework 1.0.740-beta-0.2 → 1.0.740-beta-0.3

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 (5) hide show
  1. package/dist/cjs/HamMagazine.js +2 -2
  2. package/dist/cjs/QueueDeckExpanded.js +24 -35
  3. package/dist/esm/HamMagazine.js +2 -2
  4. package/dist/esm/QueueDeckExpanded.js +24 -35
  5. package/package.json +1 -1
package/dist/cjs/HamMagazine.js CHANGED
@@ -174,7 +174,7 @@ var HamMagazine = function HamMagazine(props) {
174
174
  }
175
175
  var stickyNav = window.addEventListener('scroll', function () {
176
176
  // Taking into consideration the height of the top navbar while setting the navigation fixed
177
- if (window && topNavRef && topNavRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight > navOffsetTop) {
177
+ if (window && topNavRef && topNavRef.current && navRef && navRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight + navRef.current.clientHeight > navOffsetTop) {
178
178
  if (navRef.current && navRef.current.style) {
179
179
  navRef.current.style.position = 'fixed';
180
180
  if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
@@ -574,7 +574,7 @@ var HamMagazine = function HamMagazine(props) {
574
574
  React__default.createElement(
575
575
  'style',
576
576
  { jsx: 'true' },
577
- '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n // .dropdown-menu {\n // max-height: 315px;\n // overflow: auto;\n // }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n white-space: inherit !important;\n margin-bottom: 5px;\n padding: .5rem;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n // .navbar .mobile-nav .dropdown-menu.show {\n // max-height: 100px;\n // }\n }\n @media screen and (min-width: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n\n .navbar.bg-primary {\n z-index: 3000000 !important;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item{\n padding: .5rem;\n }\n }\n '
577
+ '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n // .dropdown-menu {\n // max-height: 315px;\n // overflow: auto;\n // }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n white-space: inherit !important;\n margin-bottom: 5px;\n padding: 0.5rem;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n // .navbar .mobile-nav .dropdown-menu.show {\n // max-height: 100px;\n // }\n }\n @media screen and (min-width: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n\n .navbar.bg-primary {\n z-index: 3000000 !important;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item {\n padding: 0.5rem;\n }\n }\n '
578
578
  )
579
579
  );
580
580
  };
package/dist/cjs/QueueDeckExpanded.js CHANGED
@@ -167,12 +167,6 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
167
167
  _useState2 = slicedToArray._slicedToArray(_useState, 2),
168
168
  dataRemapped = _useState2[0],
169
169
  setDataRemapped = _useState2[1];
170
-
171
- var _useState3 = React.useState(false),
172
- _useState4 = slicedToArray._slicedToArray(_useState3, 2),
173
- mobileWindow = _useState4[0],
174
- setMobileWindow = _useState4[1];
175
-
176
170
  // Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
177
171
  // Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
178
172
 
@@ -217,11 +211,6 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
217
211
  }
218
212
  }, []);
219
213
 
220
- React.useEffect(function () {
221
- console.log('window width:::::::::', window.innerWidth);
222
- if (window.innerWidth < 1200) setMobileWindow(true);
223
- });
224
-
225
214
  if (showBI && brandInsightAd) {
226
215
  // Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
227
216
  if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) brandInsightAd.interval = 8;
@@ -778,7 +767,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
778
767
  React__default.createElement(
779
768
  'div',
780
769
  null,
781
- (main.main_36 || mobileWindow) && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
770
+ main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
782
771
  )
783
772
  )
784
773
  );
@@ -1284,7 +1273,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
1284
1273
  React__default.createElement(
1285
1274
  'div',
1286
1275
  null,
1287
- (main.main_36 || mobileWindow) && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
1276
+ main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
1288
1277
  )
1289
1278
  )
1290
1279
  );
@@ -1393,38 +1382,38 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1393
1382
 
1394
1383
  var builder = index$1.imageUrlBuilder(client);
1395
1384
 
1396
- var _useState5 = React.useState(initialData),
1385
+ var _useState3 = React.useState(initialData),
1386
+ _useState4 = slicedToArray._slicedToArray(_useState3, 2),
1387
+ data = _useState4[0],
1388
+ setData = _useState4[1];
1389
+
1390
+ var _useState5 = React.useState(true),
1397
1391
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
1398
- data = _useState6[0],
1399
- setData = _useState6[1];
1392
+ scrolling = _useState6[0],
1393
+ setScrolling = _useState6[1];
1400
1394
 
1401
- var _useState7 = React.useState(true),
1402
- _useState8 = slicedToArray._slicedToArray(_useState7, 2),
1403
- scrolling = _useState8[0],
1404
- setScrolling = _useState8[1];
1395
+ var _useState7 = React.useState(params ? params.to : 0),
1396
+ _useState8 = slicedToArray._slicedToArray(_useState7, 1),
1397
+ per = _useState8[0];
1405
1398
 
1406
- var _useState9 = React.useState(params ? params.to : 0),
1407
- _useState10 = slicedToArray._slicedToArray(_useState9, 1),
1408
- per = _useState10[0];
1399
+ var _useState9 = React.useState(initialCurrentPage || 1),
1400
+ _useState10 = slicedToArray._slicedToArray(_useState9, 2),
1401
+ currentPage = _useState10[0],
1402
+ setCurrentPage = _useState10[1];
1409
1403
 
1410
- var _useState11 = React.useState(initialCurrentPage || 1),
1404
+ var _useState11 = React.useState(initialData ? initialData.length : 0),
1411
1405
  _useState12 = slicedToArray._slicedToArray(_useState11, 2),
1412
- currentPage = _useState12[0],
1413
- setCurrentPage = _useState12[1];
1406
+ lastDataSize = _useState12[0],
1407
+ setLastDataSize = _useState12[1];
1414
1408
 
1415
- var _useState13 = React.useState(initialData ? initialData.length : 0),
1416
- _useState14 = slicedToArray._slicedToArray(_useState13, 2),
1417
- lastDataSize = _useState14[0],
1418
- setLastDataSize = _useState14[1];
1419
-
1420
- var _useState15 = React.useState({
1409
+ var _useState13 = React.useState({
1421
1410
  from: params ? params.from : 0,
1422
1411
  to: params ? params.to : 0,
1423
1412
  page: 1
1424
1413
  }),
1425
- _useState16 = slicedToArray._slicedToArray(_useState15, 2),
1426
- values = _useState16[0],
1427
- setValues = _useState16[1];
1414
+ _useState14 = slicedToArray._slicedToArray(_useState13, 2),
1415
+ values = _useState14[0],
1416
+ setValues = _useState14[1];
1428
1417
 
1429
1418
  var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
1430
1419
 
package/dist/esm/HamMagazine.js CHANGED
@@ -167,7 +167,7 @@ var HamMagazine = function HamMagazine(props) {
167
167
  }
168
168
  var stickyNav = window.addEventListener('scroll', function () {
169
169
  // Taking into consideration the height of the top navbar while setting the navigation fixed
170
- if (window && topNavRef && topNavRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight > navOffsetTop) {
170
+ if (window && topNavRef && topNavRef.current && navRef && navRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight + navRef.current.clientHeight > navOffsetTop) {
171
171
  if (navRef.current && navRef.current.style) {
172
172
  navRef.current.style.position = 'fixed';
173
173
  if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
@@ -567,7 +567,7 @@ var HamMagazine = function HamMagazine(props) {
567
567
  React__default.createElement(
568
568
  'style',
569
569
  { jsx: 'true' },
570
- '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n // .dropdown-menu {\n // max-height: 315px;\n // overflow: auto;\n // }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n white-space: inherit !important;\n margin-bottom: 5px;\n padding: .5rem;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n // .navbar .mobile-nav .dropdown-menu.show {\n // max-height: 100px;\n // }\n }\n @media screen and (min-width: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n\n .navbar.bg-primary {\n z-index: 3000000 !important;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item{\n padding: .5rem;\n }\n }\n '
570
+ '\n .sticky-home {\n position: relative;\n top: -3px;\n left: -6px;\n cursor: pointer;\n }\n .nav-item svg {\n margin-bottom: 2px;\n }\n #nav-login,\n #nav-logout,\n #nav-register {\n padding: 0.5rem;\n cursor: pointer;\n }\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: none;\n }\n #nav-mobile-logout,\n #nav-mobile-login {\n position: absolute;\n right: 1rem;\n }\n #nav-mobile-register {\n position: absolute;\n left: 1rem;\n }\n\n @media screen and (max-width: 767px) {\n .logo {\n width: 100%;\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n @media screen and (max-width: 1199px) {\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n .nav-open {\n position: relative;\n }\n\n .mobile-nav .nav-toggle {\n width: 100%;\n }\n\n .android-nav {\n max-height: 80vh;\n }\n\n .ios-nav {\n max-height: none;\n }\n\n .mobile-nav .nav-toggle .navbar-toggler {\n float: left;\n height: 45px;\n }\n .mobile-nav .form-inline .mobile-search {\n width: auto;\n }\n .sticky-home {\n display: none;\n }\n // .dropdown-menu {\n // max-height: 315px;\n // overflow: auto;\n // }\n ::-webkit-scrollbar {\n width: 10px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(214, 214, 214, 0.8);\n box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n }\n .navbar-expand-xl .show#basic-navbar-sub {\n display: block;\n }\n .navbar .mobile-nav .navbar-collapse.show {\n padding-bottom: 10px;\n border-bottom: 0.5px solid white;\n }\n .navbar .mobile-nav .navbar-collapse .form-inline {\n display: none;\n }\n .navbar .mobile-nav .navbar-collapse {\n margin-top: 15px;\n }\n .navbar .mobile-nav .navbar-collapse:last-child {\n border-bottom: none;\n margin-bottom: 0px;\n padding-bottom: 0px;\n margin-top: 0px;\n padding-top: 10px;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n list-style-type: none;\n padding: inherit;\n margin-bottom: 0rem;\n }\n .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n text-transform: capitalize !important;\n font-weight: 300;\n }\n .navbar .mobile-nav .dropdown-item:focus {\n background-color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: white;\n white-space: inherit !important;\n margin-bottom: 5px;\n padding: 0.5rem;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: inherit;\n border: none;\n }\n // .navbar .mobile-nav .dropdown-menu.show {\n // max-height: 100px;\n // }\n }\n @media screen and (min-width: 1200px) {\n #basic-navbar-sub {\n display: none !important;\n }\n #navbar-ham {\n overflow: visible !important;\n }\n .navbar .mobile-nav .dropdown-menu .dropdown-item {\n color: #696969;\n }\n .navbar .mobile-nav .dropdown-menu {\n background: white;\n border: 1 px solid #708090;\n }\n\n .navbar.bg-primary {\n z-index: 3000000 !important;\n }\n }\n @media screen and (max-width: 1199px) {\n #nav-mobile-login,\n #nav-mobile-logout,\n #nav-mobile-register {\n display: block;\n }\n .navbar-top {\n flex-direction: row;\n justify-content: space-around !important;\n align-items: center;\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n width: 100%;\n }\n }\n @media screen and (max-width: 1199px) {\n .is-desktop {\n display: none;\n }\n }\n @media screen and (min-width: 1200px) {\n .is-mobile {\n display: none;\n }\n }\n @media screen and (max-width: 1199px) {\n .navbar .mobile-nav .dropdown-menu.show {\n overflow: hidden;\n overflow-y: scroll;\n }\n .dropdown-menu > .nav-item {\n padding: 0.5rem;\n }\n }\n '
571
571
  )
572
572
  );
573
573
  };
package/dist/esm/QueueDeckExpanded.js CHANGED
@@ -161,12 +161,6 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
161
161
  _useState2 = _slicedToArray(_useState, 2),
162
162
  dataRemapped = _useState2[0],
163
163
  setDataRemapped = _useState2[1];
164
-
165
- var _useState3 = useState(false),
166
- _useState4 = _slicedToArray(_useState3, 2),
167
- mobileWindow = _useState4[0],
168
- setMobileWindow = _useState4[1];
169
-
170
164
  // Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
171
165
  // Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
172
166
 
@@ -211,11 +205,6 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
211
205
  }
212
206
  }, []);
213
207
 
214
- useEffect(function () {
215
- console.log('window width:::::::::', window.innerWidth);
216
- if (window.innerWidth < 1200) setMobileWindow(true);
217
- });
218
-
219
208
  if (showBI && brandInsightAd) {
220
209
  // Checking window and lgInfeedAd flag in desktop view ( window >= 1400px ).
221
210
  if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) brandInsightAd.interval = 8;
@@ -772,7 +761,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
772
761
  React__default.createElement(
773
762
  'div',
774
763
  null,
775
- (main_36 || mobileWindow) && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
764
+ main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
776
765
  )
777
766
  )
778
767
  );
@@ -1278,7 +1267,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
1278
1267
  React__default.createElement(
1279
1268
  'div',
1280
1269
  null,
1281
- (main_36 || mobileWindow) && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
1270
+ main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
1282
1271
  )
1283
1272
  )
1284
1273
  );
@@ -1387,38 +1376,38 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
1387
1376
 
1388
1377
  var builder = imageUrlBuilder(client);
1389
1378
 
1390
- var _useState5 = useState(initialData),
1379
+ var _useState3 = useState(initialData),
1380
+ _useState4 = _slicedToArray(_useState3, 2),
1381
+ data = _useState4[0],
1382
+ setData = _useState4[1];
1383
+
1384
+ var _useState5 = useState(true),
1391
1385
  _useState6 = _slicedToArray(_useState5, 2),
1392
- data = _useState6[0],
1393
- setData = _useState6[1];
1386
+ scrolling = _useState6[0],
1387
+ setScrolling = _useState6[1];
1394
1388
 
1395
- var _useState7 = useState(true),
1396
- _useState8 = _slicedToArray(_useState7, 2),
1397
- scrolling = _useState8[0],
1398
- setScrolling = _useState8[1];
1389
+ var _useState7 = useState(params ? params.to : 0),
1390
+ _useState8 = _slicedToArray(_useState7, 1),
1391
+ per = _useState8[0];
1399
1392
 
1400
- var _useState9 = useState(params ? params.to : 0),
1401
- _useState10 = _slicedToArray(_useState9, 1),
1402
- per = _useState10[0];
1393
+ var _useState9 = useState(initialCurrentPage || 1),
1394
+ _useState10 = _slicedToArray(_useState9, 2),
1395
+ currentPage = _useState10[0],
1396
+ setCurrentPage = _useState10[1];
1403
1397
 
1404
- var _useState11 = useState(initialCurrentPage || 1),
1398
+ var _useState11 = useState(initialData ? initialData.length : 0),
1405
1399
  _useState12 = _slicedToArray(_useState11, 2),
1406
- currentPage = _useState12[0],
1407
- setCurrentPage = _useState12[1];
1400
+ lastDataSize = _useState12[0],
1401
+ setLastDataSize = _useState12[1];
1408
1402
 
1409
- var _useState13 = useState(initialData ? initialData.length : 0),
1410
- _useState14 = _slicedToArray(_useState13, 2),
1411
- lastDataSize = _useState14[0],
1412
- setLastDataSize = _useState14[1];
1413
-
1414
- var _useState15 = useState({
1403
+ var _useState13 = useState({
1415
1404
  from: params ? params.from : 0,
1416
1405
  to: params ? params.to : 0,
1417
1406
  page: 1
1418
1407
  }),
1419
- _useState16 = _slicedToArray(_useState15, 2),
1420
- values = _useState16[0],
1421
- setValues = _useState16[1];
1408
+ _useState14 = _slicedToArray(_useState13, 2),
1409
+ values = _useState14[0],
1410
+ setValues = _useState14[1];
1422
1411
 
1423
1412
  var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
1424
1413
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.740-beta-0.2",
3
+ "version": "1.0.740-beta-0.3",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",