@mjhls/mjh-framework 1.0.971 → 1.0.972-masterdeck-pagination-v1
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.
- package/README.md +168 -168
- package/dist/cjs/AlgoliaSearch.js +131 -15
- package/dist/cjs/AuthWrapper.js +1 -1
- package/dist/cjs/ConferenceArticleCard.js +15 -15
- package/dist/cjs/ContentCardPaginated.js +1 -2
- package/dist/cjs/DeckContent.js +8 -8
- package/dist/cjs/DeckQueuePaginated.js +1 -2
- package/dist/cjs/EventsDeck.js +17 -17
- package/dist/cjs/GridContentPaginated.js +1 -2
- package/dist/cjs/HamMagazine.js +9 -9
- package/dist/cjs/HealthCareProfessionalModal.js +1 -1
- package/dist/cjs/IssueLanding.js +29 -29
- package/dist/cjs/KMTracker.js +15 -15
- package/dist/cjs/MasterDeck.js +8 -8
- package/dist/cjs/MasterDeckPaginated.js +9 -10
- package/dist/cjs/{MediaSeriesCard-5bf9813e.js → MediaSeriesCard-b81ba298.js} +1 -1
- package/dist/cjs/MediaSeriesLanding.js +6 -6
- package/dist/cjs/MediaSeriesLandingPaginated.js +7 -8
- package/dist/cjs/NavMagazine.js +10 -10
- package/dist/cjs/NavNative.js +9 -9
- package/dist/cjs/Pagination-2a3d0103.js +97 -0
- package/dist/cjs/PartnerDetailListingPaginated.js +1 -2
- package/dist/cjs/PublicationLanding.js +26 -26
- package/dist/cjs/QueueDeckExpandedPaginated.js +1 -2
- package/dist/cjs/RelatedContent.js +28 -28
- package/dist/cjs/RelatedTopicsDropdown.js +10 -10
- package/dist/cjs/SeriesListingDeck.js +1 -1
- package/dist/cjs/{SeriesSlider-594b19eb.js → SeriesSlider-74546d19.js} +4 -4
- package/dist/cjs/SideFooter.js +2 -2
- package/dist/cjs/TaxonomyDescription.js +12 -8
- package/dist/cjs/VideoSeriesCard.js +1 -1
- package/dist/cjs/View.js +12 -8
- package/dist/cjs/YoutubeGroup.js +4 -4
- package/dist/cjs/{getTargeting-3c5754ac.js → getTargeting-dab97fe1.js} +9 -9
- package/dist/cjs/getTargeting.js +1 -1
- package/dist/cjs/index.js +2 -3
- package/dist/esm/AlgoliaSearch.js +132 -16
- package/dist/esm/AuthWrapper.js +1 -1
- package/dist/esm/ConferenceArticleCard.js +15 -15
- package/dist/esm/ContentCardPaginated.js +1 -2
- package/dist/esm/DeckContent.js +8 -8
- package/dist/esm/DeckQueuePaginated.js +1 -2
- package/dist/esm/EventsDeck.js +17 -17
- package/dist/esm/GridContentPaginated.js +1 -2
- package/dist/esm/HamMagazine.js +9 -9
- package/dist/esm/HealthCareProfessionalModal.js +1 -1
- package/dist/esm/IssueLanding.js +29 -29
- package/dist/esm/KMTracker.js +15 -15
- package/dist/esm/MasterDeck.js +8 -8
- package/dist/esm/MasterDeckPaginated.js +9 -10
- package/dist/esm/{MediaSeriesCard-305a9cb3.js → MediaSeriesCard-e3b52a0f.js} +1 -1
- package/dist/esm/MediaSeriesLanding.js +6 -6
- package/dist/esm/MediaSeriesLandingPaginated.js +7 -8
- package/dist/esm/NavMagazine.js +10 -10
- package/dist/esm/NavNative.js +9 -9
- package/dist/esm/Pagination-dc30727b.js +90 -0
- package/dist/esm/PartnerDetailListingPaginated.js +1 -2
- package/dist/esm/PublicationLanding.js +26 -26
- package/dist/esm/QueueDeckExpandedPaginated.js +1 -2
- package/dist/esm/RelatedContent.js +28 -28
- package/dist/esm/RelatedTopicsDropdown.js +10 -10
- package/dist/esm/SeriesListingDeck.js +1 -1
- package/dist/esm/{SeriesSlider-f771e20d.js → SeriesSlider-e495571f.js} +4 -4
- package/dist/esm/SideFooter.js +2 -2
- package/dist/esm/TaxonomyDescription.js +12 -8
- package/dist/esm/VideoSeriesCard.js +1 -1
- package/dist/esm/View.js +12 -7
- package/dist/esm/YoutubeGroup.js +4 -4
- package/dist/esm/{getTargeting-42f9b439.js → getTargeting-04d979c9.js} +9 -9
- package/dist/esm/getTargeting.js +1 -1
- package/dist/esm/index.js +2 -3
- package/package.json +115 -115
- package/dist/cjs/Pagination-c63770a3.js +0 -90
- package/dist/esm/Pagination-6f8d5327.js +0 -82
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-264bbd3c.js';
|
|
19
19
|
import DFPAdSlot from './AdSlot.js';
|
|
20
|
-
import { S as SeriesSlider } from './SeriesSlider-
|
|
21
|
-
import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-
|
|
20
|
+
import { S as SeriesSlider } from './SeriesSlider-e495571f.js';
|
|
21
|
+
import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-04d979c9.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,7 +28,7 @@ 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
|
|
31
|
+
import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
|
|
32
32
|
import { PixelTrackingArticle } from './PixelTracking.js';
|
|
33
33
|
import { _ as _Object$keys } from './keys-31dcdb31.js';
|
|
34
34
|
import { I as InfiniteScroll } from './index.es-a6137319.js';
|
|
@@ -36,7 +36,6 @@ import { l as lib_3 } from './index-f0fc23eb.js';
|
|
|
36
36
|
import getRelatedArticle from './getRelatedArticle.js';
|
|
37
37
|
import getQuery from './getQuery.js';
|
|
38
38
|
import getSeriesDetail from './getSeriesDetail.js';
|
|
39
|
-
import './_commonjsHelpers-0c4b6f40.js';
|
|
40
39
|
import './core.get-iterator-method-ea258bb1.js';
|
|
41
40
|
import './web.dom.iterable-ab4dea5c.js';
|
|
42
41
|
import './_library-528f1934.js';
|
|
@@ -350,7 +349,7 @@ var ISI = function ISI(props) {
|
|
|
350
349
|
);
|
|
351
350
|
};
|
|
352
351
|
|
|
353
|
-
var css$1 = ".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";
|
|
352
|
+
var css$1 = ".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";
|
|
354
353
|
var styles$1 = { "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" };
|
|
355
354
|
styleInject(css$1);
|
|
356
355
|
|
|
@@ -449,7 +448,13 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
|
|
|
449
448
|
return showSocialShare;
|
|
450
449
|
};
|
|
451
450
|
|
|
452
|
-
var
|
|
451
|
+
var FileSaver_min = createCommonjsModule(function (module, exports) {
|
|
452
|
+
(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);});
|
|
453
|
+
|
|
454
|
+
|
|
455
|
+
});
|
|
456
|
+
|
|
457
|
+
var css = ".RecommendedArticles-module_recommendTitle__2kUji {\r\n border-bottom: 2px solid var(--secondary-blue);\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #0d335a;\r\n padding: 0.5rem;\r\n}\r\n.RecommendedArticles-module_recommendContainer__sZukI {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n margin: 0 -0.5rem;\r\n}\r\n.RecommendedArticles-module_recommendTop__1_yqw {\r\n margin: 0.5rem;\r\n width: 100%;\r\n flex-basis: 100%;\r\n display: flex;\r\n\r\n}\r\n.RecommendedArticles-module_recommendTopImg__1b9gu {\r\n min-width: 55%;\r\n width: 55%;\r\n height: 100%;\r\n}\r\n.RecommendedArticles-module_recommendTopImg__1b9gu img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n.RecommendedArticles-module_recommendTopBody__-13FI {\r\n margin-left: 1rem;\r\n line-height: 1.3;\r\n color: #121212;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 25px;\r\n font-weight: bold;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RecommendedArticles-module_topBody__2_VNi {\r\n font-size: 19px;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 19px;\r\n color: rgb(43, 43, 151);\r\n text-decoration: underline;\r\n margin-top: auto;\r\n}\r\n.RecommendedArticles-module_smContainer__4byBO {\r\n width: calc(25% - 1rem);\r\n margin: 0 0.5rem;\r\n}\r\n.RecommendedArticles-module_smImage__TYZGY img {\r\n width: 100%;\r\n}\r\n.RecommendedArticles-module_title__3q1ud {\r\n margin-top: 1rem;\r\n line-height: 1.2;\r\n color: #121212;\r\n}\r\n.RecommendedArticles-module_category__2jRto {\r\n text-transform: uppercase;\r\n font-size: 16px;\r\n letter-spacing: 2px;\r\n margin: 0.25rem 0;\r\n}\r\n\r\n/* media query */\r\n\r\n@media screen and (max-width: 1399px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 21px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi {\r\n font-size: 15px;\r\n }\r\n}\r\n@media screen and (max-width: 1191px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 23px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi,\r\n .RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 17px;\r\n }\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 18px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi,\r\n .RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 15px;\r\n }\r\n}\r\n@media screen and (max-width: 768px) {\r\n .RecommendedArticles-module_recommendTop__1_yqw {\r\n flex-direction: column;\r\n }\r\n .RecommendedArticles-module_recommendTopImg__1b9gu,\r\n .RecommendedArticles-module_recommendTopBody__-13FI {\r\n width: 100%;\r\n margin: 0;\r\n }\r\n .RecommendedArticles-module_recommendTopBody__-13FI {\r\n margin-bottom: 1rem;\r\n }\r\n .RecommendedArticles-module_smContainer__4byBO {\r\n width: calc(50% - 1rem);\r\n }\r\n}";
|
|
453
458
|
var styles = { "recommendTitle": "RecommendedArticles-module_recommendTitle__2kUji", "recommendContainer": "RecommendedArticles-module_recommendContainer__sZukI", "recommendTop": "RecommendedArticles-module_recommendTop__1_yqw", "recommendTopImg": "RecommendedArticles-module_recommendTopImg__1b9gu", "recommendTopBody": "RecommendedArticles-module_recommendTopBody__-13FI", "topTitle": "RecommendedArticles-module_topTitle__2EafN", "topBody": "RecommendedArticles-module_topBody__2_VNi", "topLink": "RecommendedArticles-module_topLink__2RnXu", "smContainer": "RecommendedArticles-module_smContainer__4byBO", "smImage": "RecommendedArticles-module_smImage__TYZGY", "title": "RecommendedArticles-module_title__3q1ud", "category": "RecommendedArticles-module_category__2jRto" };
|
|
454
459
|
styleInject(css);
|
|
455
460
|
|
|
@@ -1129,7 +1134,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
|
|
|
1129
1134
|
var downloadRIS = function downloadRIS() {
|
|
1130
1135
|
var fileContent = generateRIS();
|
|
1131
1136
|
var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
|
|
1132
|
-
|
|
1137
|
+
FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
|
|
1133
1138
|
};
|
|
1134
1139
|
|
|
1135
1140
|
var RelevantTopics = function RelevantTopics() {
|
package/dist/esm/YoutubeGroup.js
CHANGED
|
@@ -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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
var cp_url = '';
|
|
6
|
+
if (cp.ancestor && typeof cp.ancestor == 'string') {
|
|
7
|
+
cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
|
|
8
|
+
}
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
|
|
11
|
+
cp_url += (cp_url === '' ? '' : '/') + cp.parent;
|
|
12
|
+
}
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
cp_url += (cp_url === '' ? '' : '/') + (cp.adTargetingURL ? adTargetingURL : cp.path);
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
return cp_url;
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
var getTargeting = function getTargeting(props) {
|
package/dist/esm/getTargeting.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './extends-6d8e3924.js';
|
|
2
2
|
import './toConsumableArray-f7074d7c.js';
|
|
3
|
-
export { g as default } from './getTargeting-
|
|
3
|
+
export { g as default } from './getTargeting-04d979c9.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
|
@@ -102,7 +102,7 @@ export { default as VideoSeriesLandingPage } from './VideoSeriesLandingPage.js';
|
|
|
102
102
|
export { default as ArticleProgramLandingPage } from './ArticleProgramLandingPage.js';
|
|
103
103
|
export { default as ArticleSeriesLandingPage } from './ArticleSeriesLandingPage.js';
|
|
104
104
|
export { default as Schema } from './Schema.js';
|
|
105
|
-
export { g as getTargeting } from './getTargeting-
|
|
105
|
+
export { g as getTargeting } from './getTargeting-04d979c9.js';
|
|
106
106
|
export { default as getKeywords } from './getKeywords.js';
|
|
107
107
|
export { default as getQuery } from './getQuery.js';
|
|
108
108
|
import './toConsumableArray-f7074d7c.js';
|
|
@@ -192,10 +192,9 @@ import 'swr';
|
|
|
192
192
|
import 'passport-local';
|
|
193
193
|
import 'mysql';
|
|
194
194
|
import './md5-4e42248e.js';
|
|
195
|
-
import './SeriesSlider-
|
|
195
|
+
import './SeriesSlider-e495571f.js';
|
|
196
196
|
import './style-inject.es-1f59c1d0.js';
|
|
197
197
|
import 'disqus-react';
|
|
198
|
-
import 'file-saver';
|
|
199
198
|
import 'react-twitter-embed';
|
|
200
199
|
import './ImageSlider-f84174cb.js';
|
|
201
200
|
import './defineProperty-23a8f8cd.js';
|
package/package.json
CHANGED
|
@@ -1,115 +1,115 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@mjhls/mjh-framework",
|
|
3
|
-
"version": "1.0.
|
|
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
|
-
"node-fetch": "^2.6.1",
|
|
103
|
-
"nookies": "^2.4.0",
|
|
104
|
-
"react-cookies": "^0.1.1",
|
|
105
|
-
"react-facebook": "^8.1.4",
|
|
106
|
-
"react-instantsearch-dom": "^6.12.0",
|
|
107
|
-
"react-script-tag": "^1.1.2",
|
|
108
|
-
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
109
|
-
"shortid": "^2.2.15",
|
|
110
|
-
"smoothscroll-polyfill": "^0.4.4",
|
|
111
|
-
"striptags": "^3.1.1",
|
|
112
|
-
"superagent": "^5.2.2",
|
|
113
|
-
"yarn": "^1.22.11"
|
|
114
|
-
}
|
|
115
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@mjhls/mjh-framework",
|
|
3
|
+
"version": "1.0.972-masterdeck-pagination-v1",
|
|
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
|
+
"node-fetch": "^2.6.1",
|
|
103
|
+
"nookies": "^2.4.0",
|
|
104
|
+
"react-cookies": "^0.1.1",
|
|
105
|
+
"react-facebook": "^8.1.4",
|
|
106
|
+
"react-instantsearch-dom": "^6.12.0",
|
|
107
|
+
"react-script-tag": "^1.1.2",
|
|
108
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
109
|
+
"shortid": "^2.2.15",
|
|
110
|
+
"smoothscroll-polyfill": "^0.4.4",
|
|
111
|
+
"striptags": "^3.1.1",
|
|
112
|
+
"superagent": "^5.2.2",
|
|
113
|
+
"yarn": "^1.22.11"
|
|
114
|
+
}
|
|
115
|
+
}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var ReactPaginate = require('react-paginate');
|
|
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 ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
|
|
12
|
-
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
13
|
-
|
|
14
|
-
var Pagination = function Pagination(props) {
|
|
15
|
-
var pageCount = props.pageCount,
|
|
16
|
-
_props$marginPagesDis = props.marginPagesDisplayed,
|
|
17
|
-
marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
|
|
18
|
-
_props$pageRangeDispl = props.pageRangeDisplayed,
|
|
19
|
-
pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
|
|
20
|
-
_props$currentPage = props.currentPage,
|
|
21
|
-
currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
|
|
22
|
-
_onPageChange = props.onPageChange,
|
|
23
|
-
_props$needLargePagin = props.needLargePaginateButtons,
|
|
24
|
-
needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
|
|
25
|
-
|
|
26
|
-
if (!pageCount || pageCount <= 1) return null;
|
|
27
|
-
return React__default['default'].createElement(
|
|
28
|
-
React__default['default'].Fragment,
|
|
29
|
-
null,
|
|
30
|
-
needLargePaginateButtons && React__default['default'].createElement(
|
|
31
|
-
'div',
|
|
32
|
-
{ className: 'pagination-lg-btn-nxt' },
|
|
33
|
-
React__default['default'].createElement(
|
|
34
|
-
Button__default['default'],
|
|
35
|
-
{
|
|
36
|
-
onClick: function onClick(e) {
|
|
37
|
-
e.preventDefault();
|
|
38
|
-
_onPageChange(currentPage + 1);
|
|
39
|
-
},
|
|
40
|
-
disabled: currentPage === pageCount,
|
|
41
|
-
href: '?page=' + (currentPage + 1) },
|
|
42
|
-
'NEXT PAGE',
|
|
43
|
-
React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
|
|
44
|
-
)
|
|
45
|
-
),
|
|
46
|
-
React__default['default'].createElement(ReactPaginate__default['default'], {
|
|
47
|
-
pageCount: pageCount,
|
|
48
|
-
marginPagesDisplayed: marginPagesDisplayed,
|
|
49
|
-
pageRangeDisplayed: pageRangeDisplayed,
|
|
50
|
-
forcePage: currentPage - 1,
|
|
51
|
-
onPageChange: function onPageChange(_ref) {
|
|
52
|
-
var selected = _ref.selected;
|
|
53
|
-
return _onPageChange(selected + 1);
|
|
54
|
-
},
|
|
55
|
-
hrefBuilder: function hrefBuilder(page) {
|
|
56
|
-
return '?page=' + page;
|
|
57
|
-
},
|
|
58
|
-
previousLabel: '<',
|
|
59
|
-
nextLabel: '>',
|
|
60
|
-
containerClassName: 'pagination-container',
|
|
61
|
-
previousLinkClassName: 'previous',
|
|
62
|
-
nextLinkClassName: 'next',
|
|
63
|
-
disabledClassName: 'disabled',
|
|
64
|
-
activeClassName: 'active'
|
|
65
|
-
}),
|
|
66
|
-
needLargePaginateButtons && React__default['default'].createElement(
|
|
67
|
-
'div',
|
|
68
|
-
{ className: 'pagination-lg-btn-prv' },
|
|
69
|
-
React__default['default'].createElement(
|
|
70
|
-
Button__default['default'],
|
|
71
|
-
{
|
|
72
|
-
onClick: function onClick(e) {
|
|
73
|
-
e.preventDefault();
|
|
74
|
-
_onPageChange(currentPage - 1);
|
|
75
|
-
},
|
|
76
|
-
disabled: currentPage === 1,
|
|
77
|
-
href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
|
|
78
|
-
React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
|
|
79
|
-
'PREVIOUS PAGE'
|
|
80
|
-
)
|
|
81
|
-
),
|
|
82
|
-
React__default['default'].createElement(
|
|
83
|
-
'style',
|
|
84
|
-
{ jsx: 'true' },
|
|
85
|
-
'\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 .disabled 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 '
|
|
86
|
-
)
|
|
87
|
-
);
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
exports.Pagination = Pagination;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import ReactPaginate from 'react-paginate';
|
|
3
|
-
import Button from 'react-bootstrap/Button';
|
|
4
|
-
import { d as FaArrowRight, e as FaArrowLeft } from './index.esm-1bd8a0a8.js';
|
|
5
|
-
|
|
6
|
-
var Pagination = function Pagination(props) {
|
|
7
|
-
var pageCount = props.pageCount,
|
|
8
|
-
_props$marginPagesDis = props.marginPagesDisplayed,
|
|
9
|
-
marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
|
|
10
|
-
_props$pageRangeDispl = props.pageRangeDisplayed,
|
|
11
|
-
pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
|
|
12
|
-
_props$currentPage = props.currentPage,
|
|
13
|
-
currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
|
|
14
|
-
_onPageChange = props.onPageChange,
|
|
15
|
-
_props$needLargePagin = props.needLargePaginateButtons,
|
|
16
|
-
needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
|
|
17
|
-
|
|
18
|
-
if (!pageCount || pageCount <= 1) return null;
|
|
19
|
-
return React__default.createElement(
|
|
20
|
-
React__default.Fragment,
|
|
21
|
-
null,
|
|
22
|
-
needLargePaginateButtons && React__default.createElement(
|
|
23
|
-
'div',
|
|
24
|
-
{ className: 'pagination-lg-btn-nxt' },
|
|
25
|
-
React__default.createElement(
|
|
26
|
-
Button,
|
|
27
|
-
{
|
|
28
|
-
onClick: function onClick(e) {
|
|
29
|
-
e.preventDefault();
|
|
30
|
-
_onPageChange(currentPage + 1);
|
|
31
|
-
},
|
|
32
|
-
disabled: currentPage === pageCount,
|
|
33
|
-
href: '?page=' + (currentPage + 1) },
|
|
34
|
-
'NEXT PAGE',
|
|
35
|
-
React__default.createElement(FaArrowRight, { className: 'fa-arrow-right' })
|
|
36
|
-
)
|
|
37
|
-
),
|
|
38
|
-
React__default.createElement(ReactPaginate, {
|
|
39
|
-
pageCount: pageCount,
|
|
40
|
-
marginPagesDisplayed: marginPagesDisplayed,
|
|
41
|
-
pageRangeDisplayed: pageRangeDisplayed,
|
|
42
|
-
forcePage: currentPage - 1,
|
|
43
|
-
onPageChange: function onPageChange(_ref) {
|
|
44
|
-
var selected = _ref.selected;
|
|
45
|
-
return _onPageChange(selected + 1);
|
|
46
|
-
},
|
|
47
|
-
hrefBuilder: function hrefBuilder(page) {
|
|
48
|
-
return '?page=' + page;
|
|
49
|
-
},
|
|
50
|
-
previousLabel: '<',
|
|
51
|
-
nextLabel: '>',
|
|
52
|
-
containerClassName: 'pagination-container',
|
|
53
|
-
previousLinkClassName: 'previous',
|
|
54
|
-
nextLinkClassName: 'next',
|
|
55
|
-
disabledClassName: 'disabled',
|
|
56
|
-
activeClassName: 'active'
|
|
57
|
-
}),
|
|
58
|
-
needLargePaginateButtons && React__default.createElement(
|
|
59
|
-
'div',
|
|
60
|
-
{ className: 'pagination-lg-btn-prv' },
|
|
61
|
-
React__default.createElement(
|
|
62
|
-
Button,
|
|
63
|
-
{
|
|
64
|
-
onClick: function onClick(e) {
|
|
65
|
-
e.preventDefault();
|
|
66
|
-
_onPageChange(currentPage - 1);
|
|
67
|
-
},
|
|
68
|
-
disabled: currentPage === 1,
|
|
69
|
-
href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
|
|
70
|
-
React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
|
|
71
|
-
'PREVIOUS PAGE'
|
|
72
|
-
)
|
|
73
|
-
),
|
|
74
|
-
React__default.createElement(
|
|
75
|
-
'style',
|
|
76
|
-
{ jsx: 'true' },
|
|
77
|
-
'\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 .disabled 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 '
|
|
78
|
-
)
|
|
79
|
-
);
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
export { Pagination as P };
|