@mjhls/mjh-framework 1.0.971 → 1.0.972-reference-serializer-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/ArticleProgramLandingPage.js +1 -1
- 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/ExternalResources.js +1 -1
- package/dist/cjs/GridContentPaginated.js +1 -2
- package/dist/cjs/HamMagazine.js +9 -9
- package/dist/cjs/HealthCareProfessionalModal.js +1 -1
- package/dist/cjs/HorizontalArticleListing.js +1 -1
- package/dist/cjs/IssueLanding.js +30 -30
- 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-478ba4e4.js} +2 -2
- package/dist/cjs/MediaSeriesLanding.js +7 -7
- package/dist/cjs/MediaSeriesLandingPaginated.js +8 -9
- package/dist/cjs/NavMagazine.js +10 -10
- package/dist/cjs/NavNative.js +9 -9
- package/dist/cjs/Pagination-30bb1ca1.js +97 -0
- package/dist/cjs/PartnerDetailListing.js +1 -1
- package/dist/cjs/PartnerDetailListingPaginated.js +2 -3
- 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 +13 -9
- package/dist/cjs/VideoProgramLandingPage.js +1 -1
- package/dist/cjs/VideoSeriesCard.js +1 -1
- package/dist/cjs/View.js +13 -9
- package/dist/cjs/YoutubeGroup.js +4 -4
- package/dist/cjs/getSerializers.js +1 -1
- package/dist/cjs/{getTargeting-3c5754ac.js → getTargeting-dab97fe1.js} +9 -9
- package/dist/cjs/getTargeting.js +1 -1
- package/dist/cjs/{index-eb1c583d.js → index-ec29c3b7.js} +551 -42
- package/dist/cjs/index.js +3 -4
- package/dist/esm/AlgoliaSearch.js +132 -16
- package/dist/esm/ArticleProgramLandingPage.js +1 -1
- 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/ExternalResources.js +1 -1
- package/dist/esm/GridContentPaginated.js +1 -2
- package/dist/esm/HamMagazine.js +9 -9
- package/dist/esm/HealthCareProfessionalModal.js +1 -1
- package/dist/esm/HorizontalArticleListing.js +1 -1
- package/dist/esm/IssueLanding.js +30 -30
- 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-6aab33f7.js} +2 -2
- package/dist/esm/MediaSeriesLanding.js +7 -7
- package/dist/esm/MediaSeriesLandingPaginated.js +8 -9
- package/dist/esm/NavMagazine.js +10 -10
- package/dist/esm/NavNative.js +9 -9
- package/dist/esm/Pagination-194dd03f.js +90 -0
- package/dist/esm/PartnerDetailListing.js +1 -1
- package/dist/esm/PartnerDetailListingPaginated.js +2 -3
- 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 +13 -9
- package/dist/esm/VideoProgramLandingPage.js +1 -1
- package/dist/esm/VideoSeriesCard.js +1 -1
- package/dist/esm/View.js +13 -8
- package/dist/esm/YoutubeGroup.js +4 -4
- package/dist/esm/getSerializers.js +1 -1
- package/dist/esm/{getTargeting-42f9b439.js → getTargeting-04d979c9.js} +9 -9
- package/dist/esm/getTargeting.js +1 -1
- package/dist/esm/{index-264bbd3c.js → index-e3e16b8b.js} +551 -42
- package/dist/esm/index.js +3 -4
- package/package.json +116 -115
- package/dist/cjs/Pagination-c63770a3.js +0 -90
- package/dist/esm/Pagination-6f8d5327.js +0 -82
package/dist/esm/index.js
CHANGED
|
@@ -87,7 +87,7 @@ export { default as VerticalHero } from './VerticalHero.js';
|
|
|
87
87
|
export { default as YahooHero } from './YahooHero.js';
|
|
88
88
|
export { default as GridHero } from './GridHero.js';
|
|
89
89
|
export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
|
|
90
|
-
export { g as getSerializers } from './index-
|
|
90
|
+
export { g as getSerializers } from './index-e3e16b8b.js';
|
|
91
91
|
export { default as Beam } from './Beam.js';
|
|
92
92
|
export { default as Segment } from './Segment.js';
|
|
93
93
|
export { default as KMTracker } from './KMTracker.js';
|
|
@@ -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,116 @@
|
|
|
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
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"eslint
|
|
52
|
-
"eslint-config-standard
|
|
53
|
-
"eslint-
|
|
54
|
-
"eslint-plugin-
|
|
55
|
-
"eslint-plugin-
|
|
56
|
-
"eslint-plugin-
|
|
57
|
-
"eslint-plugin-react
|
|
58
|
-
"eslint-plugin-
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"moment
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"react
|
|
69
|
-
"react-
|
|
70
|
-
"react-
|
|
71
|
-
"react-
|
|
72
|
-
"react-
|
|
73
|
-
"react-
|
|
74
|
-
"react-
|
|
75
|
-
"react-
|
|
76
|
-
"react-
|
|
77
|
-
"react-
|
|
78
|
-
"react-
|
|
79
|
-
"react-
|
|
80
|
-
"react-
|
|
81
|
-
"react-
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"rollup
|
|
85
|
-
"rollup-plugin-
|
|
86
|
-
"rollup-plugin-
|
|
87
|
-
"rollup-plugin-node-
|
|
88
|
-
"rollup-plugin-
|
|
89
|
-
"rollup-plugin-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"next-
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"
|
|
105
|
-
"react-
|
|
106
|
-
"react-
|
|
107
|
-
"react-
|
|
108
|
-
"
|
|
109
|
-
"
|
|
110
|
-
"
|
|
111
|
-
"
|
|
112
|
-
"
|
|
113
|
-
"
|
|
114
|
-
|
|
115
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@mjhls/mjh-framework",
|
|
3
|
+
"version": "1.0.972-reference-serializer-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
|
+
"bibtex-parse-js": "0.0.24",
|
|
50
|
+
"cross-env": "^5.1.4",
|
|
51
|
+
"eslint": "^5.0.1",
|
|
52
|
+
"eslint-config-standard": "^11.0.0",
|
|
53
|
+
"eslint-config-standard-react": "^6.0.0",
|
|
54
|
+
"eslint-plugin-import": "^2.13.0",
|
|
55
|
+
"eslint-plugin-node": "^7.0.1",
|
|
56
|
+
"eslint-plugin-promise": "^4.0.0",
|
|
57
|
+
"eslint-plugin-react": "^7.10.0",
|
|
58
|
+
"eslint-plugin-react-hooks": "^2.3.0",
|
|
59
|
+
"eslint-plugin-standard": "^3.1.0",
|
|
60
|
+
"file-saver": "^2.0.5",
|
|
61
|
+
"get-youtube-id": "^1.0.1",
|
|
62
|
+
"gh-pages": "^1.2.0",
|
|
63
|
+
"lodash": "^4.17.15",
|
|
64
|
+
"md5": "^2.2.1",
|
|
65
|
+
"moment": "^2.26.0",
|
|
66
|
+
"moment-timezone": "^0.5.31",
|
|
67
|
+
"next": "^9.2.0",
|
|
68
|
+
"react": "^16.12.0",
|
|
69
|
+
"react-bootstrap": "1.4.0",
|
|
70
|
+
"react-device-detect": "^1.11.14",
|
|
71
|
+
"react-dfp": "^0.19.0",
|
|
72
|
+
"react-dom": "^16.12.0",
|
|
73
|
+
"react-icons": "^3.8.0",
|
|
74
|
+
"react-infinite-scroll-component": "^5.0.4",
|
|
75
|
+
"react-lazyload": "^2.6.5",
|
|
76
|
+
"react-paginate": "^7.1.3",
|
|
77
|
+
"react-player": "^1.15.2",
|
|
78
|
+
"react-scripts": "^1.1.4",
|
|
79
|
+
"react-share": "^4.0.1",
|
|
80
|
+
"react-social-icons": "^4.1.0",
|
|
81
|
+
"react-visibility-sensor": "^5.1.1",
|
|
82
|
+
"react-youtube": "^7.9.0",
|
|
83
|
+
"rimraf": "^3.0.2",
|
|
84
|
+
"rollup": "^2.7.3",
|
|
85
|
+
"rollup-plugin-babel": "3.0.7",
|
|
86
|
+
"rollup-plugin-commonjs": "9.3.4",
|
|
87
|
+
"rollup-plugin-node-builtins": "2.1.2",
|
|
88
|
+
"rollup-plugin-node-resolve": "3.4.0",
|
|
89
|
+
"rollup-plugin-postcss": "1.6.3",
|
|
90
|
+
"rollup-plugin-url": "1.4.0"
|
|
91
|
+
},
|
|
92
|
+
"files": [
|
|
93
|
+
"dist"
|
|
94
|
+
],
|
|
95
|
+
"dependencies": {
|
|
96
|
+
"babel-polyfill": "^6.26.0",
|
|
97
|
+
"cookie": "^0.4.1",
|
|
98
|
+
"disqus-react": "^1.0.11",
|
|
99
|
+
"faunadb": "^4.2.0",
|
|
100
|
+
"js-cookie": "^2.2.1",
|
|
101
|
+
"next-auth": "^3.2.0",
|
|
102
|
+
"next-cookies": "^2.0.3",
|
|
103
|
+
"node-fetch": "^2.6.1",
|
|
104
|
+
"nookies": "^2.4.0",
|
|
105
|
+
"react-cookies": "^0.1.1",
|
|
106
|
+
"react-facebook": "^8.1.4",
|
|
107
|
+
"react-instantsearch-dom": "^6.12.0",
|
|
108
|
+
"react-script-tag": "^1.1.2",
|
|
109
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
110
|
+
"shortid": "^2.2.15",
|
|
111
|
+
"smoothscroll-polyfill": "^0.4.4",
|
|
112
|
+
"striptags": "^3.1.1",
|
|
113
|
+
"superagent": "^5.2.2",
|
|
114
|
+
"yarn": "^1.22.11"
|
|
115
|
+
}
|
|
116
|
+
}
|
|
@@ -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 };
|