@mjhls/mjh-framework 1.0.926-bc-fullscreen-v4 → 1.0.926

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 (70) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +15 -131
  3. package/dist/cjs/AuthWrapper.js +1 -1
  4. package/dist/cjs/ConferenceArticleCard.js +15 -15
  5. package/dist/cjs/ContentCardPaginated.js +2 -1
  6. package/dist/cjs/DeckContent.js +8 -8
  7. package/dist/cjs/DeckQueuePaginated.js +2 -1
  8. package/dist/cjs/EventsDeck.js +17 -17
  9. package/dist/cjs/GridContentPaginated.js +2 -1
  10. package/dist/cjs/HamMagazine.js +9 -9
  11. package/dist/cjs/IssueLanding.js +29 -29
  12. package/dist/cjs/KMTracker.js +15 -15
  13. package/dist/cjs/MasterDeck.js +8 -8
  14. package/dist/cjs/MasterDeckPaginated.js +10 -9
  15. package/dist/cjs/{MediaSeriesCard-1db85e00.js → MediaSeriesCard-ca36cda9.js} +1 -1
  16. package/dist/cjs/MediaSeriesLanding.js +6 -6
  17. package/dist/cjs/MediaSeriesLandingPaginated.js +8 -7
  18. package/dist/cjs/NavMagazine.js +10 -10
  19. package/dist/cjs/NavNative.js +9 -9
  20. package/dist/cjs/Pagination-885dcfbd.js +90 -0
  21. package/dist/cjs/PartnerDetailListingPaginated.js +2 -1
  22. package/dist/cjs/PublicationLanding.js +26 -26
  23. package/dist/cjs/QueueDeckExpandedPaginated.js +2 -1
  24. package/dist/cjs/RelatedContent.js +28 -28
  25. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  26. package/dist/cjs/SeriesListingDeck.js +1 -1
  27. package/dist/cjs/{SeriesSlider-de93a303.js → SeriesSlider-ba0c5d1a.js} +4 -4
  28. package/dist/cjs/SideFooter.js +2 -2
  29. package/dist/cjs/VideoSeriesCard.js +1 -1
  30. package/dist/cjs/View.js +13 -24
  31. package/dist/cjs/YoutubeGroup.js +4 -4
  32. package/dist/cjs/{getTargeting-dab97fe1.js → getTargeting-3c5754ac.js} +9 -9
  33. package/dist/cjs/getTargeting.js +1 -1
  34. package/dist/cjs/index.js +3 -2
  35. package/dist/esm/AlgoliaSearch.js +16 -132
  36. package/dist/esm/AuthWrapper.js +1 -1
  37. package/dist/esm/ConferenceArticleCard.js +15 -15
  38. package/dist/esm/ContentCardPaginated.js +2 -1
  39. package/dist/esm/DeckContent.js +8 -8
  40. package/dist/esm/DeckQueuePaginated.js +2 -1
  41. package/dist/esm/EventsDeck.js +17 -17
  42. package/dist/esm/GridContentPaginated.js +2 -1
  43. package/dist/esm/HamMagazine.js +9 -9
  44. package/dist/esm/IssueLanding.js +29 -29
  45. package/dist/esm/KMTracker.js +15 -15
  46. package/dist/esm/MasterDeck.js +8 -8
  47. package/dist/esm/MasterDeckPaginated.js +10 -9
  48. package/dist/esm/{MediaSeriesCard-e4d95d4b.js → MediaSeriesCard-4f82982b.js} +1 -1
  49. package/dist/esm/MediaSeriesLanding.js +6 -6
  50. package/dist/esm/MediaSeriesLandingPaginated.js +8 -7
  51. package/dist/esm/NavMagazine.js +10 -10
  52. package/dist/esm/NavNative.js +9 -9
  53. package/dist/esm/Pagination-59436882.js +82 -0
  54. package/dist/esm/PartnerDetailListingPaginated.js +2 -1
  55. package/dist/esm/PublicationLanding.js +26 -26
  56. package/dist/esm/QueueDeckExpandedPaginated.js +2 -1
  57. package/dist/esm/RelatedContent.js +28 -28
  58. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  59. package/dist/esm/SeriesListingDeck.js +1 -1
  60. package/dist/esm/{SeriesSlider-98ad6d97.js → SeriesSlider-45adb8dc.js} +4 -4
  61. package/dist/esm/SideFooter.js +2 -2
  62. package/dist/esm/VideoSeriesCard.js +1 -1
  63. package/dist/esm/View.js +12 -24
  64. package/dist/esm/YoutubeGroup.js +4 -4
  65. package/dist/esm/{getTargeting-04d979c9.js → getTargeting-42f9b439.js} +9 -9
  66. package/dist/esm/getTargeting.js +1 -1
  67. package/dist/esm/index.js +3 -2
  68. package/package.json +114 -114
  69. package/dist/cjs/Pagination-42f92f7c.js +0 -97
  70. package/dist/esm/Pagination-484b86c5.js +0 -90
package/dist/esm/View.js CHANGED
@@ -17,8 +17,8 @@ import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
17
17
  import SocialShare from './SocialShare.js';
18
18
  import { r as renderAuthor, g as getSerializers } from './index-3f653f73.js';
19
19
  import DFPAdSlot from './AdSlot.js';
20
- import { S as SeriesSlider } from './SeriesSlider-98ad6d97.js';
21
- import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-04d979c9.js';
20
+ import { S as SeriesSlider } from './SeriesSlider-45adb8dc.js';
21
+ import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-42f9b439.js';
22
22
  import getKeywords from './getKeywords.js';
23
23
  import urlFor from './urlFor.js';
24
24
  import { u as urlForFile } from './urlForFile-b69adffc.js';
@@ -28,13 +28,14 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
28
28
  import './index-755f2cc2.js';
29
29
  import { DiscussionEmbed } from 'disqus-react';
30
30
  import Schema from './Schema.js';
31
- import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
31
+ import FileSaver from 'file-saver';
32
32
  import { _ as _Object$keys } from './keys-31dcdb31.js';
33
33
  import { I as InfiniteScroll } from './index.es-a6137319.js';
34
34
  import { l as lib_3 } from './index-f0fc23eb.js';
35
35
  import getRelatedArticle from './getRelatedArticle.js';
36
36
  import getQuery from './getQuery.js';
37
37
  import getSeriesDetail from './getSeriesDetail.js';
38
+ import './_commonjsHelpers-0c4b6f40.js';
38
39
  import './core.get-iterator-method-ea258bb1.js';
39
40
  import './web.dom.iterable-ab4dea5c.js';
40
41
  import './_library-528f1934.js';
@@ -338,7 +339,7 @@ var ISI = function ISI(props) {
338
339
  );
339
340
  };
340
341
 
341
- var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n margin: 0 1rem 1rem;\r\n width: calc(33% - 1rem);\r\n display: column;\r\n flex-direction: row;\r\n margin-bottom: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n font-weight: bold;\r\n color: #252525;\r\n margin-bottom: 0.25rem;\r\n font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n color: #000;\r\n font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n color: var(--dark);\r\n display: block;\r\n background: #fff !important;\r\n margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: block;\r\n text-align: center;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n height: 135px;\r\n width: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RelatedArticles-module_mediaContainer__10h9k {\r\n flex-wrap: wrap;\r\n }\r\n .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: none;\r\n }\r\n .RelatedArticles-module_mediaCard__3wQbn {\r\n width: 100%;\r\n margin-bottom: 0.5rem;\r\n padding: 0;\r\n }\r\n .RelatedArticles-module_cardTitle__3P-Ib {\r\n font-size: 0.75rem;\r\n margin-bottom: 0;\r\n }\r\n}\r\n";
342
+ var css = ".RelatedArticles-module_mediaContainer__10h9k {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n margin: 0 1rem 1rem;\n width: calc(33% - 1rem);\n display: column;\n flex-direction: row;\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.25rem;\n font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n color: #000;\n font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n color: var(--dark);\n display: block;\n background: #fff !important;\n margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n display: block;\n text-align: center;\n margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n height: 135px;\n width: 100%;\n object-fit: cover;\n object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n .RelatedArticles-module_mediaContainer__10h9k {\n flex-wrap: wrap;\n }\n .RelatedArticles-module_imgWrapper__5Jx_4 {\n display: none;\n }\n .RelatedArticles-module_mediaCard__3wQbn {\n width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n }\n .RelatedArticles-module_cardTitle__3P-Ib {\n font-size: 0.75rem;\n margin-bottom: 0;\n }\n}\n";
342
343
  var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
343
344
  styleInject(css);
344
345
 
@@ -437,12 +438,6 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
437
438
  return showSocialShare;
438
439
  };
439
440
 
440
- var FileSaver_min = createCommonjsModule(function (module, exports) {
441
- (function(a,b){b();})(commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof commonjsGlobal&&commonjsGlobal.global===commonjsGlobal?commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
442
-
443
-
444
- });
445
-
446
441
  var Article = forwardRef(function (props, ref) {
447
442
  var onVote = function () {
448
443
  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(nodeKey, selectedChoice) {
@@ -674,9 +669,9 @@ var Article = forwardRef(function (props, ref) {
674
669
  }
675
670
  if (authorDetails && authorDetails.length) {
676
671
  authorDetails.map(function (authorDetail, index) {
677
- return fileContent += 'AU - ' + authorDetail.displayName + '\n';
678
- } //Author
679
- );
672
+ return fileContent += 'AU - ' + authorDetail.displayName + '\n' //Author
673
+ ;
674
+ });
680
675
  }
681
676
  if (issue.publication && issue.publication.name) {
682
677
  fileContent += 'T2 - ' + issue.publication.name + '\n'; //Secondary Title - T2
@@ -716,7 +711,7 @@ var Article = forwardRef(function (props, ref) {
716
711
  var downloadRIS = function downloadRIS() {
717
712
  var fileContent = generateRIS();
718
713
  var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
719
- FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
714
+ FileSaver.saveAs(file, 'citation-' + url + '.ris');
720
715
  };
721
716
 
722
717
  var RelevantTopics = function RelevantTopics() {
@@ -1108,7 +1103,7 @@ var Article = forwardRef(function (props, ref) {
1108
1103
  return episode;
1109
1104
  };
1110
1105
  // pixels from bottom of window to change trigger visibility change
1111
- var triggerOffset = 20;
1106
+ var triggerOffset = 10;
1112
1107
  var isVideoSeries = checkIfVideoSeries(article);
1113
1108
  var episodeNumber = fetchCurrentEpisode(props.sliderData, props.article);
1114
1109
  var isMediaSeries = article.documentGroup && article.documentGroup.isSeries ? true : false;
@@ -1121,7 +1116,7 @@ var Article = forwardRef(function (props, ref) {
1121
1116
  VisibilitySensor,
1122
1117
  {
1123
1118
  partialVisibility: true,
1124
- offset: { bottom: triggerOffset, top: containerHeight },
1119
+ offset: { bottom: triggerOffset, top: containerHeight - 80 },
1125
1120
  onChange: function onChange(isVisible) {
1126
1121
  if (isVisible && queueData && queueData.length > 1) {
1127
1122
  var pageviewProperties = _extends({}, targeting, {
@@ -1441,18 +1436,11 @@ var ArticleQueue = function ArticleQueue(props) {
1441
1436
  setContainerHeight = _useState2[1];
1442
1437
 
1443
1438
  useEffect(function () {
1444
- var checkFullScreen = function checkFullScreen() {
1445
- if (window.innerWidth == screen.width && window.innerHeight == screen.height) {
1446
- return true;
1447
- } else {
1448
- return false;
1449
- }
1450
- };
1451
1439
  setContainerHeight(function () {
1452
1440
  return window.innerHeight;
1453
1441
  });
1454
1442
  var handleResize = function handleResize() {
1455
- return !checkFullScreen() && setContainerHeight(function () {
1443
+ return setContainerHeight(function () {
1456
1444
  return window.innerHeight;
1457
1445
  });
1458
1446
  };
@@ -12,10 +12,10 @@ import 'react-dom';
12
12
  import 'prop-types';
13
13
  import './index-3f5c03b2.js';
14
14
 
15
- /*
16
- GROQ query -
17
- accepts an array of title, URL
18
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
15
+ /*
16
+ GROQ query -
17
+ accepts an array of title, URL
18
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
19
19
  */
20
20
 
21
21
  var YoutubeGroup = function YoutubeGroup(props) {
@@ -2,18 +2,18 @@ import { _ as _extends } from './extends-6d8e3924.js';
2
2
  import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
3
3
 
4
4
  var getContentPlacementUrl = function getContentPlacementUrl(cp) {
5
- var cp_url = '';
6
- if (cp.ancestor && typeof cp.ancestor == 'string') {
7
- cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
8
- }
5
+ var cp_url = '';
6
+ if (cp.ancestor && typeof cp.ancestor == 'string') {
7
+ cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
8
+ }
9
9
 
10
- if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
11
- cp_url += (cp_url === '' ? '' : '/') + cp.parent;
12
- }
10
+ if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
11
+ cp_url += (cp_url === '' ? '' : '/') + cp.parent;
12
+ }
13
13
 
14
- cp_url += (cp_url === '' ? '' : '/') + (cp.adTargetingURL ? adTargetingURL : cp.path);
14
+ cp_url += (cp_url === '' ? '' : '/') + (cp.adTargetingURL ? adTargetingURL : cp.path);
15
15
 
16
- return cp_url;
16
+ return cp_url;
17
17
  };
18
18
 
19
19
  var getTargeting = function getTargeting(props) {
@@ -1,6 +1,6 @@
1
1
  import './extends-6d8e3924.js';
2
2
  import './toConsumableArray-f7074d7c.js';
3
- export { g as default } from './getTargeting-04d979c9.js';
3
+ export { g as default } from './getTargeting-42f9b439.js';
4
4
  import './_commonjsHelpers-0c4b6f40.js';
5
5
  import './core.get-iterator-method-ea258bb1.js';
6
6
  import './_object-pie-133f504a.js';
package/dist/esm/index.js CHANGED
@@ -94,7 +94,7 @@ export { default as VideoSeriesLandingPage } from './VideoSeriesLandingPage.js';
94
94
  export { default as ArticleProgramLandingPage } from './ArticleProgramLandingPage.js';
95
95
  export { default as ArticleSeriesLandingPage } from './ArticleSeriesLandingPage.js';
96
96
  export { default as Schema } from './Schema.js';
97
- export { g as getTargeting } from './getTargeting-04d979c9.js';
97
+ export { g as getTargeting } from './getTargeting-42f9b439.js';
98
98
  export { default as getKeywords } from './getKeywords.js';
99
99
  export { default as getQuery } from './getQuery.js';
100
100
  import './toConsumableArray-f7074d7c.js';
@@ -190,9 +190,10 @@ import 'swr';
190
190
  import 'passport-local';
191
191
  import 'mysql';
192
192
  import './md5-4e42248e.js';
193
- import './SeriesSlider-98ad6d97.js';
193
+ import './SeriesSlider-45adb8dc.js';
194
194
  import './style-inject.es-1f59c1d0.js';
195
195
  import 'disqus-react';
196
+ import 'file-saver';
196
197
  import 'react-twitter-embed';
197
198
  import './ImageSlider-f84174cb.js';
198
199
  import './defineProperty-23a8f8cd.js';
package/package.json CHANGED
@@ -1,114 +1,114 @@
1
- {
2
- "name": "@mjhls/mjh-framework",
3
- "version": "1.0.926-bc-fullscreen-v4",
4
- "description": "Foundation Framework",
5
- "author": "mjh-framework",
6
- "license": "MIT",
7
- "repository": {
8
- "type": "git",
9
- "url": "https://github.com/MJHLS/mjh-framework.git"
10
- },
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "engines": {
14
- "node": ">=8",
15
- "npm": ">=5"
16
- },
17
- "scripts": {
18
- "clean": "rimraf dist",
19
- "test": "cross-env CI=1 react-scripts test --env=jsdom",
20
- "test:watch": "react-scripts test --env=jsdom",
21
- "build": "npm run clean && rollup -c",
22
- "start": "npm run clean && rollup -c -w",
23
- "prepare": "yarn run build",
24
- "predeploy": "cd example && yarn install && yarn run build",
25
- "deploy": "gh-pages -d example/build"
26
- },
27
- "peerDependencies": {
28
- "disqus-react": "^1.0.11",
29
- "next": "^9.0.0",
30
- "prop-types": "^15.5.4",
31
- "react": "^15.0.0 || ^16.0.0",
32
- "react-bootstrap": "^1.0.0-beta.14",
33
- "react-dom": "^15.0.0 || ^16.0.0",
34
- "react-share": "^4.0.1"
35
- },
36
- "devDependencies": {
37
- "@brightcove/react-player-loader": "^1.4.0",
38
- "@rollup/plugin-json": "^4.0.3",
39
- "@sanity/block-content-to-react": "^2.0.7",
40
- "@sanity/image-url": "^0.140.15",
41
- "@svgr/rollup": "2.4.1",
42
- "babel-core": "^6.26.3",
43
- "babel-eslint": "^8.2.5",
44
- "babel-plugin-external-helpers": "^6.22.0",
45
- "babel-plugin-transform-runtime": "^6.23.0",
46
- "babel-preset-env": "^1.7.0",
47
- "babel-preset-react": "^6.24.1",
48
- "babel-preset-stage-0": "^6.24.1",
49
- "cross-env": "^5.1.4",
50
- "eslint": "^5.0.1",
51
- "eslint-config-standard": "^11.0.0",
52
- "eslint-config-standard-react": "^6.0.0",
53
- "eslint-plugin-import": "^2.13.0",
54
- "eslint-plugin-node": "^7.0.1",
55
- "eslint-plugin-promise": "^4.0.0",
56
- "eslint-plugin-react": "^7.10.0",
57
- "eslint-plugin-react-hooks": "^2.3.0",
58
- "eslint-plugin-standard": "^3.1.0",
59
- "file-saver": "^2.0.5",
60
- "get-youtube-id": "^1.0.1",
61
- "gh-pages": "^1.2.0",
62
- "lodash": "^4.17.15",
63
- "md5": "^2.2.1",
64
- "moment": "^2.26.0",
65
- "moment-timezone": "^0.5.31",
66
- "next": "^9.2.0",
67
- "react": "^16.12.0",
68
- "react-bootstrap": "1.4.0",
69
- "react-device-detect": "^1.11.14",
70
- "react-dfp": "^0.19.0",
71
- "react-dom": "^16.12.0",
72
- "react-icons": "^3.8.0",
73
- "react-infinite-scroll-component": "^5.0.4",
74
- "react-lazyload": "^2.6.5",
75
- "react-paginate": "^7.1.3",
76
- "react-player": "^1.15.2",
77
- "react-scripts": "^1.1.4",
78
- "react-share": "^4.0.1",
79
- "react-social-icons": "^4.1.0",
80
- "react-visibility-sensor": "^5.1.1",
81
- "react-youtube": "^7.9.0",
82
- "rimraf": "^3.0.2",
83
- "rollup": "^2.7.3",
84
- "rollup-plugin-babel": "3.0.7",
85
- "rollup-plugin-commonjs": "9.3.4",
86
- "rollup-plugin-node-builtins": "2.1.2",
87
- "rollup-plugin-node-resolve": "3.4.0",
88
- "rollup-plugin-postcss": "1.6.3",
89
- "rollup-plugin-url": "1.4.0"
90
- },
91
- "files": [
92
- "dist"
93
- ],
94
- "dependencies": {
95
- "babel-polyfill": "^6.26.0",
96
- "cookie": "^0.4.1",
97
- "disqus-react": "^1.0.11",
98
- "faunadb": "^4.2.0",
99
- "js-cookie": "^2.2.1",
100
- "next-auth": "^3.2.0",
101
- "next-cookies": "^2.0.3",
102
- "nookies": "^2.4.0",
103
- "react-cookies": "^0.1.1",
104
- "react-facebook": "^8.1.4",
105
- "react-instantsearch-dom": "^6.12.0",
106
- "react-script-tag": "^1.1.2",
107
- "rollup-plugin-peer-deps-external": "^2.2.4",
108
- "shortid": "^2.2.15",
109
- "smoothscroll-polyfill": "^0.4.4",
110
- "striptags": "^3.1.1",
111
- "superagent": "^5.2.2",
112
- "yarn": "^1.22.11"
113
- }
114
- }
1
+ {
2
+ "name": "@mjhls/mjh-framework",
3
+ "version": "1.0.926",
4
+ "description": "Foundation Framework",
5
+ "author": "mjh-framework",
6
+ "license": "MIT",
7
+ "repository": {
8
+ "type": "git",
9
+ "url": "https://github.com/MJHLS/mjh-framework.git"
10
+ },
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "engines": {
14
+ "node": ">=8",
15
+ "npm": ">=5"
16
+ },
17
+ "scripts": {
18
+ "clean": "rimraf dist",
19
+ "test": "cross-env CI=1 react-scripts test --env=jsdom",
20
+ "test:watch": "react-scripts test --env=jsdom",
21
+ "build": "npm run clean && rollup -c",
22
+ "start": "npm run clean && rollup -c -w",
23
+ "prepare": "yarn run build",
24
+ "predeploy": "cd example && yarn install && yarn run build",
25
+ "deploy": "gh-pages -d example/build"
26
+ },
27
+ "peerDependencies": {
28
+ "disqus-react": "^1.0.11",
29
+ "next": "^9.0.0",
30
+ "prop-types": "^15.5.4",
31
+ "react": "^15.0.0 || ^16.0.0",
32
+ "react-bootstrap": "^1.0.0-beta.14",
33
+ "react-dom": "^15.0.0 || ^16.0.0",
34
+ "react-share": "^4.0.1"
35
+ },
36
+ "devDependencies": {
37
+ "@brightcove/react-player-loader": "^1.4.0",
38
+ "@rollup/plugin-json": "^4.0.3",
39
+ "@sanity/block-content-to-react": "^2.0.7",
40
+ "@sanity/image-url": "^0.140.15",
41
+ "@svgr/rollup": "2.4.1",
42
+ "babel-core": "^6.26.3",
43
+ "babel-eslint": "^8.2.5",
44
+ "babel-plugin-external-helpers": "^6.22.0",
45
+ "babel-plugin-transform-runtime": "^6.23.0",
46
+ "babel-preset-env": "^1.7.0",
47
+ "babel-preset-react": "^6.24.1",
48
+ "babel-preset-stage-0": "^6.24.1",
49
+ "cross-env": "^5.1.4",
50
+ "eslint": "^5.0.1",
51
+ "eslint-config-standard": "^11.0.0",
52
+ "eslint-config-standard-react": "^6.0.0",
53
+ "eslint-plugin-import": "^2.13.0",
54
+ "eslint-plugin-node": "^7.0.1",
55
+ "eslint-plugin-promise": "^4.0.0",
56
+ "eslint-plugin-react": "^7.10.0",
57
+ "eslint-plugin-react-hooks": "^2.3.0",
58
+ "eslint-plugin-standard": "^3.1.0",
59
+ "file-saver": "^2.0.5",
60
+ "get-youtube-id": "^1.0.1",
61
+ "gh-pages": "^1.2.0",
62
+ "lodash": "^4.17.15",
63
+ "md5": "^2.2.1",
64
+ "moment": "^2.26.0",
65
+ "moment-timezone": "^0.5.31",
66
+ "next": "^9.2.0",
67
+ "react": "^16.12.0",
68
+ "react-bootstrap": "1.4.0",
69
+ "react-device-detect": "^1.11.14",
70
+ "react-dfp": "^0.19.0",
71
+ "react-dom": "^16.12.0",
72
+ "react-icons": "^3.8.0",
73
+ "react-infinite-scroll-component": "^5.0.4",
74
+ "react-lazyload": "^2.6.5",
75
+ "react-paginate": "^7.1.3",
76
+ "react-player": "^1.15.2",
77
+ "react-scripts": "^1.1.4",
78
+ "react-share": "^4.0.1",
79
+ "react-social-icons": "^4.1.0",
80
+ "react-visibility-sensor": "^5.1.1",
81
+ "react-youtube": "^7.9.0",
82
+ "rimraf": "^3.0.2",
83
+ "rollup": "^2.7.3",
84
+ "rollup-plugin-babel": "3.0.7",
85
+ "rollup-plugin-commonjs": "9.3.4",
86
+ "rollup-plugin-node-builtins": "2.1.2",
87
+ "rollup-plugin-node-resolve": "3.4.0",
88
+ "rollup-plugin-postcss": "1.6.3",
89
+ "rollup-plugin-url": "1.4.0"
90
+ },
91
+ "files": [
92
+ "dist"
93
+ ],
94
+ "dependencies": {
95
+ "babel-polyfill": "^6.26.0",
96
+ "cookie": "^0.4.1",
97
+ "disqus-react": "^1.0.11",
98
+ "faunadb": "^4.2.0",
99
+ "js-cookie": "^2.2.1",
100
+ "next-auth": "^3.2.0",
101
+ "next-cookies": "^2.0.3",
102
+ "nookies": "^2.4.0",
103
+ "react-cookies": "^0.1.1",
104
+ "react-facebook": "^8.1.4",
105
+ "react-instantsearch-dom": "^6.12.0",
106
+ "react-script-tag": "^1.1.2",
107
+ "rollup-plugin-peer-deps-external": "^2.2.4",
108
+ "shortid": "^2.2.15",
109
+ "smoothscroll-polyfill": "^0.4.4",
110
+ "striptags": "^3.1.1",
111
+ "superagent": "^5.2.2",
112
+ "yarn": "^1.22.11"
113
+ }
114
+ }
@@ -1,97 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
5
- var Button = require('react-bootstrap/Button');
6
- var index_esm = require('./index.esm-d51c9ac6.js');
7
-
8
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
-
10
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
- var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
12
-
13
- var reactPaginate = _commonjsHelpers.createCommonjsModule(function (module, exports) {
14
- !function(e,a){module.exports=a(React__default['default']);}(_commonjsHelpers.commonjsGlobal,(function(e){return function(e){var a={};function t(r){if(a[r])return a[r].exports;var n=a[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,t),n.l=!0,n.exports}return t.m=e,t.c=a,t.d=function(e,a,r){t.o(e,a)||Object.defineProperty(e,a,{enumerable:!0,get:r});},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});},t.t=function(e,a){if(1&a&&(e=t(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var n in e)t.d(r,n,function(a){return e[a]}.bind(null,n));return r},t.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(a,"a",a),a},t.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},t.p="",t(t.s=4)}([function(e,a,t){e.exports=t(2)();},function(a,t){a.exports=e;},function(e,a,t){var r=t(3);function n(){}function i(){}i.resetWarningCache=n,e.exports=function(){function e(e,a,t,n,i,s){if(s!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function a(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:a,element:e,elementType:e,instanceOf:a,node:e,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:i,resetWarningCache:n};return t.PropTypes=t,t};},function(e,a,t){e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";},function(e,a,t){t.r(a);var r=t(1),n=t.n(r),i=t(0),s=t.n(i);function l(){return (l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var o=function(e){var a=e.pageClassName,t=e.pageLinkClassName,r=e.page,i=e.selected,s=e.activeClassName,o=e.activeLinkClassName,u=e.getEventListener,c=e.pageSelectedHandler,p=e.href,f=e.extraAriaContext,g=e.pageLabelBuilder,d=e.ariaLabel||"Page "+r+(f?" "+f:""),b=null;return i&&(b="page",d=e.ariaLabel||"Page "+r+" is your current page",a=void 0!==a?a+" "+s:s,void 0!==t?void 0!==o&&(t=t+" "+o):t=o),n.a.createElement("li",{className:a},n.a.createElement("a",l({role:"button",className:t,href:p,tabIndex:"0","aria-label":d,"aria-current":b,onKeyPress:c},u(c)),g(r)))};o.propTypes={pageSelectedHandler:s.a.func.isRequired,selected:s.a.bool.isRequired,pageClassName:s.a.string,pageLinkClassName:s.a.string,activeClassName:s.a.string,activeLinkClassName:s.a.string,extraAriaContext:s.a.string,href:s.a.string,ariaLabel:s.a.string,page:s.a.number.isRequired,getEventListener:s.a.func.isRequired,pageLabelBuilder:s.a.func.isRequired};var u=o;function c(){return (c=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}var p=function(e){var a=e.breakLabel,t=e.breakClassName,r=e.breakLinkClassName,i=e.breakHandler,s=e.getEventListener,l=t||"break";return n.a.createElement("li",{className:l},n.a.createElement("a",c({className:r,role:"button",tabIndex:"0",onKeyPress:i},s(i)),a))};p.propTypes={breakLabel:s.a.oneOfType([s.a.string,s.a.node]),breakClassName:s.a.string,breakLinkClassName:s.a.string,breakHandler:s.a.func.isRequired,getEventListener:s.a.func.isRequired};var f=p;function g(e){return (g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(){return (d=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);}return e}).apply(this,arguments)}function b(e,a){for(var t=0;t<a.length;t++){var r=a[t];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r);}}function v(e,a){return (v=Object.setPrototypeOf||function(e,a){return e.__proto__=a,e})(e,a)}function m(e){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return !1}}();return function(){var t,r=C(e);if(a){var n=C(this).constructor;t=Reflect.construct(r,arguments,n);}else t=r.apply(this,arguments);return h(this,t)}}function h(e,a){return !a||"object"!==g(a)&&"function"!=typeof a?y(e):a}function y(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function C(e){return (C=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function P(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}var k=function(e){!function(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),a&&v(e,a);}(s,e);var a,t,i=m(s);function s(e){var a,t;return function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,s),P(y(a=i.call(this,e)),"handlePreviousPage",(function(e){var t=a.state.selected;e.preventDefault?e.preventDefault():e.returnValue=!1,t>0&&a.handlePageSelected(t-1,e);})),P(y(a),"handleNextPage",(function(e){var t=a.state.selected,r=a.props.pageCount;e.preventDefault?e.preventDefault():e.returnValue=!1,t<r-1&&a.handlePageSelected(t+1,e);})),P(y(a),"handlePageSelected",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1,a.state.selected!==e?(a.setState({selected:e}),a.callCallback(e)):a.callActiveCallback(e);})),P(y(a),"getEventListener",(function(e){return P({},a.props.eventListener,e)})),P(y(a),"handleBreakClick",(function(e,t){t.preventDefault?t.preventDefault():t.returnValue=!1;var r=a.state.selected;a.handlePageSelected(r<e?a.getForwardJump():a.getBackwardJump(),t);})),P(y(a),"callCallback",(function(e){void 0!==a.props.onPageChange&&"function"==typeof a.props.onPageChange&&a.props.onPageChange({selected:e});})),P(y(a),"callActiveCallback",(function(e){void 0!==a.props.onPageActive&&"function"==typeof a.props.onPageActive&&a.props.onPageActive({selected:e});})),P(y(a),"pagination",(function(){var e=[],t=a.props,r=t.pageRangeDisplayed,i=t.pageCount,s=t.marginPagesDisplayed,l=t.breakLabel,o=t.breakClassName,u=t.breakLinkClassName,c=a.state.selected;if(i<=r)for(var p=0;p<i;p++)e.push(a.getPageElement(p));else {var g,d,b,v=r/2,m=r-v;c>i-r/2?v=r-(m=i-c):c<r/2&&(m=r-(v=c));var h=function(e){return a.getPageElement(e)};for(g=0;g<i;g++)(d=g+1)<=s||d>i-s||g>=c-v&&g<=c+m?e.push(h(g)):l&&e[e.length-1]!==b&&(b=n.a.createElement(f,{key:g,breakLabel:l,breakClassName:o,breakLinkClassName:u,breakHandler:a.handleBreakClick.bind(null,g),getEventListener:a.getEventListener}),e.push(b));}return e})),t=e.initialPage?e.initialPage:e.forcePage?e.forcePage:0,a.state={selected:t},a}return a=s,(t=[{key:"componentDidMount",value:function(){var e=this.props,a=e.initialPage,t=e.disableInitialCallback,r=e.extraAriaContext;void 0===a||t||this.callCallback(a),r&&console.warn("DEPRECATED (react-paginate): The extraAriaContext prop is deprecated. You should now use the ariaLabelBuilder instead.");}},{key:"componentDidUpdate",value:function(e){void 0!==this.props.forcePage&&this.props.forcePage!==e.forcePage&&this.setState({selected:this.props.forcePage});}},{key:"getForwardJump",value:function(){var e=this.state.selected,a=this.props,t=a.pageCount,r=e+a.pageRangeDisplayed;return r>=t?t-1:r}},{key:"getBackwardJump",value:function(){var e=this.state.selected-this.props.pageRangeDisplayed;return e<0?0:e}},{key:"hrefBuilder",value:function(e){var a=this.props,t=a.hrefBuilder,r=a.pageCount;if(t&&e!==this.state.selected&&e>=0&&e<r)return t(e+1)}},{key:"ariaLabelBuilder",value:function(e){var a=e===this.state.selected;if(this.props.ariaLabelBuilder&&e>=0&&e<this.props.pageCount){var t=this.props.ariaLabelBuilder(e+1,a);return this.props.extraAriaContext&&!a&&(t=t+" "+this.props.extraAriaContext),t}}},{key:"getPageElement",value:function(e){var a=this.state.selected,t=this.props,r=t.pageClassName,i=t.pageLinkClassName,s=t.activeClassName,l=t.activeLinkClassName,o=t.extraAriaContext,c=t.pageLabelBuilder;return n.a.createElement(u,{key:e,pageSelectedHandler:this.handlePageSelected.bind(null,e),selected:a===e,pageClassName:r,pageLinkClassName:i,activeClassName:s,activeLinkClassName:l,extraAriaContext:o,href:this.hrefBuilder(e),ariaLabel:this.ariaLabelBuilder(e),page:e+1,pageLabelBuilder:c,getEventListener:this.getEventListener})}},{key:"render",value:function(){var e=this.props,a=e.disabledClassName,t=e.pageCount,r=e.containerClassName,i=e.previousLabel,s=e.previousClassName,l=e.previousLinkClassName,o=e.previousAriaLabel,u=e.prevRel,c=e.nextLabel,p=e.nextClassName,f=e.nextLinkClassName,g=e.nextAriaLabel,b=e.nextRel,v=this.state.selected,m=s+(0===v?" ".concat(a):""),h=p+(v===t-1?" ".concat(a):""),y=0===v?"true":"false",C=v===t-1?"true":"false";return n.a.createElement("ul",{className:r},n.a.createElement("li",{className:m},n.a.createElement("a",d({className:l,href:this.hrefBuilder(v-1),tabIndex:"0",role:"button",onKeyPress:this.handlePreviousPage,"aria-disabled":y,"aria-label":o,rel:u},this.getEventListener(this.handlePreviousPage)),i)),this.pagination(),n.a.createElement("li",{className:h},n.a.createElement("a",d({className:f,href:this.hrefBuilder(v+1),tabIndex:"0",role:"button",onKeyPress:this.handleNextPage,"aria-disabled":C,"aria-label":g,rel:b},this.getEventListener(this.handleNextPage)),c)))}}])&&b(a.prototype,t),s}(r.Component);P(k,"propTypes",{pageCount:s.a.number.isRequired,pageRangeDisplayed:s.a.number.isRequired,marginPagesDisplayed:s.a.number.isRequired,previousLabel:s.a.node,previousAriaLabel:s.a.string,prevRel:s.a.string,nextLabel:s.a.node,nextAriaLabel:s.a.string,nextRel:s.a.string,breakLabel:s.a.oneOfType([s.a.string,s.a.node]),hrefBuilder:s.a.func,onPageChange:s.a.func,onPageActive:s.a.func,initialPage:s.a.number,forcePage:s.a.number,disableInitialCallback:s.a.bool,containerClassName:s.a.string,pageClassName:s.a.string,pageLinkClassName:s.a.string,pageLabelBuilder:s.a.func,activeClassName:s.a.string,activeLinkClassName:s.a.string,previousClassName:s.a.string,nextClassName:s.a.string,previousLinkClassName:s.a.string,nextLinkClassName:s.a.string,disabledClassName:s.a.string,breakClassName:s.a.string,breakLinkClassName:s.a.string,extraAriaContext:s.a.string,ariaLabelBuilder:s.a.func,eventListener:s.a.string}),P(k,"defaultProps",{pageCount:10,pageRangeDisplayed:2,marginPagesDisplayed:3,activeClassName:"selected",previousLabel:"Previous",previousClassName:"previous",previousAriaLabel:"Previous page",prevRel:"prev",nextLabel:"Next",nextClassName:"next",nextAriaLabel:"Next page",nextRel:"next",breakLabel:"...",disabledClassName:"disabled",disableInitialCallback:!1,pageLabelBuilder:function(e){return e},eventListener:"onClick"});a.default=k;}])}));
15
-
16
- });
17
-
18
- var ReactPaginate = _commonjsHelpers.unwrapExports(reactPaginate);
19
- reactPaginate.ReactPaginate;
20
-
21
- var Pagination = function Pagination(props) {
22
- var pageCount = props.pageCount,
23
- _props$marginPagesDis = props.marginPagesDisplayed,
24
- marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
25
- _props$pageRangeDispl = props.pageRangeDisplayed,
26
- pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
27
- _props$currentPage = props.currentPage,
28
- currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
29
- _onPageChange = props.onPageChange,
30
- _props$needLargePagin = props.needLargePaginateButtons,
31
- needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
32
-
33
- if (!pageCount || pageCount <= 1) return null;
34
- return React__default['default'].createElement(
35
- React__default['default'].Fragment,
36
- null,
37
- needLargePaginateButtons && React__default['default'].createElement(
38
- 'div',
39
- { className: 'pagination-lg-btn-nxt' },
40
- React__default['default'].createElement(
41
- Button__default['default'],
42
- {
43
- onClick: function onClick(e) {
44
- e.preventDefault();
45
- _onPageChange(currentPage + 1);
46
- },
47
- disabled: currentPage === pageCount,
48
- href: '?page=' + (currentPage + 1) },
49
- 'NEXT PAGE',
50
- React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
51
- )
52
- ),
53
- React__default['default'].createElement(ReactPaginate, {
54
- pageCount: pageCount,
55
- marginPagesDisplayed: marginPagesDisplayed,
56
- pageRangeDisplayed: pageRangeDisplayed,
57
- forcePage: currentPage - 1,
58
- onPageChange: function onPageChange(_ref) {
59
- var selected = _ref.selected;
60
- return _onPageChange(selected + 1);
61
- },
62
- hrefBuilder: function hrefBuilder(page) {
63
- return '?page=' + page;
64
- },
65
- previousLabel: '<',
66
- nextLabel: '>',
67
- containerClassName: 'pagination-container',
68
- previousLinkClassName: 'previous',
69
- nextLinkClassName: 'next',
70
- disabledClassName: 'disbaled',
71
- activeClassName: 'active'
72
- }),
73
- needLargePaginateButtons && React__default['default'].createElement(
74
- 'div',
75
- { className: 'pagination-lg-btn-prv' },
76
- React__default['default'].createElement(
77
- Button__default['default'],
78
- {
79
- onClick: function onClick(e) {
80
- e.preventDefault();
81
- _onPageChange(currentPage - 1);
82
- },
83
- disabled: currentPage === 1,
84
- href: '?page=' + (currentPage - 1) },
85
- React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
86
- 'PREVIOUS PAGE'
87
- )
88
- ),
89
- React__default['default'].createElement(
90
- 'style',
91
- { jsx: 'true' },
92
- '\n .pagination-container {\n list-style: none;\n padding: 10px 0;\n margin: 0;\n display: flex;\n overflow: auto;\n }\n .pagination-container::before,\n .pagination-container::after {\n content: \'\';\n margin: 0 auto;\n }\n .pagination-container a {\n padding: 10px;\n border: 1px solid #dee2e6;\n }\n .pagination-container a:hover {\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6;\n }\n .pagination-container .active a {\n color: #fff;\n background-color: #666;\n background-color: var(--primary);\n }\n .pagination-container li:first-child a {\n border-radius: 5px 0 0 5px;\n }\n .pagination-container li:last-child a {\n border-radius: 0 5px 5px 0;\n }\n .pagination-container .disbaled a {\n cursor: default;\n }\n .pagination-lg-btn-nxt,\n .pagination-lg-btn-prv {\n text-align: center;\n }\n .pagination-lg-btn-nxt .btn,\n .pagination-lg-btn-prv .btn {\n min-width: 80%;\n color: #000;\n color: var(--primary);\n background-color: transparent;\n border-color: #000;\n border-color: var(--primary);\n }\n .pagination-lg-btn-nxt {\n margin: 0 0 1.5rem;\n }\n .pagination-lg-btn-prv {\n margin: 1.5rem 0 0;\n }\n .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n color: #fff;\n background-color: #000;\n background-color: var(--primary);\n border-color: #000;\n border-color: var(--primary);\n }\n @media only screen and (min-width: 601px) {\n [class^=\'pagination-lg-btn\'] {\n display: none;\n }\n }\n .fa-arrow-left {\n margin-right: 0.5rem;\n }\n .fa-arrow-right {\n margin-left: 0.5rem;\n }\n .pagination-container::-webkit-scrollbar {\n height: 8px;\n }\n .pagination-container::-webkit-scrollbar-track,\n .pagination-container::-webkit-scrollbar-thumb {\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n border-radius: 4px;\n }\n .pagination-container::-webkit-scrollbar-track {\n background-color: rgba(0, 0, 0, 0.1);\n }\n .pagination-container::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.3);\n }\n '
93
- )
94
- );
95
- };
96
-
97
- exports.Pagination = Pagination;