@mjhls/mjh-framework 1.0.926 → 1.0.928-ris-toggle-v1

package/dist/esm/index.js

@@ -71,6 +71,13 @@ export { default as ArticleCarousel } from './ArticleCarousel.js';
 export { default as TaxonomyDescription } from './TaxonomyDescription.js';
 export { default as PubToc } from './PubToc.js';
 export { default as PubSection } from './PubSection.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
+import { _ as _JSON$stringify } from './stringify-2b084bee.js';
+import { _ as _extends } from './extends-6d8e3924.js';
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import PropTypes from 'prop-types';
+import { m as momentTimezone } from './index-79cfd25c.js';
+import ProgressBar from 'react-bootstrap/ProgressBar';
 export { default as ForbesHero } from './ForbesHero.js';
 export { default as HorizontalHero } from './HorizontalHero.js';
 export { default as OncliveHero } from './OncliveHero.js';
@@ -79,7 +86,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-3f653f73.js';
+export { g as getSerializers } from './index-e338e1a8.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -94,25 +101,23 @@ export { default as VideoSeriesLandingPage } from './VideoSeriesLandingPage.js';
 export { default as ArticleProgramLandingPage } from './ArticleProgramLandingPage.js';
 export { default as ArticleSeriesLandingPage } from './ArticleSeriesLandingPage.js';
 export { default as Schema } from './Schema.js';
-export { g as getTargeting } from './getTargeting-42f9b439.js';
+export { g as getTargeting } from './getTargeting-04d979c9.js';
 export { default as getKeywords } from './getKeywords.js';
 export { default as getQuery } from './getQuery.js';
 import './toConsumableArray-f7074d7c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_iter-detect-98db3b07.js';
-import './extends-6d8e3924.js';
-import './_object-pie-133f504a.js';
 import './inherits-a6ba2ec4.js';
 import './_object-sap-7cee6f84.js';
 import './define-property-5f1bda73.js';
 import './typeof-e9fc0c5d.js';
 import './web.dom.iterable-ab4dea5c.js';
 import './_is-array-8d21b9e3.js';
+import './_object-pie-133f504a.js';
 import './_library-528f1934.js';
 import './index-f0fc23eb.js';
 import './events-6c3a7a63.js';
-import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Card';
 import './moment-bc12cb97.js';
@@ -125,10 +130,9 @@ import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './main-1894c974.js';
 import './entities-6d9154b4.js';
-import './ADInfeed-36171412.js';
-import './slicedToArray-6ebcbfea.js';
+import './ADInfeed-7af1f934.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-a1e9682e.js';
+import './ADlgInfeed-ebcafb85.js';
 import './getContentCategory-15dcc413.js';
 import './get-3c308da4.js';
 import './eq-bdcbf886.js';
@@ -145,13 +149,10 @@ import 'react-bootstrap';
 import './timeDifferenceCalc.js';
 import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';
-import './asyncToGenerator-5ef104a7.js';
 import './defineProperty-8c30428f.js';
 import './_object-to-array-2300e51b.js';
-import './stringify-2b084bee.js';
 import 'react-bootstrap/Spinner';
 import 'react-bootstrap/Form';
-import './index-79cfd25c.js';
 import './js.cookie-6874175c.js';
 import './typeof-2f07d0e8.js';
 import './index-98ca9cec.js';
@@ -190,10 +191,9 @@ import 'swr';
 import 'passport-local';
 import 'mysql';
 import './md5-4e42248e.js';
-import './SeriesSlider-45adb8dc.js';
+import './SeriesSlider-98ad6d97.js';
 import './style-inject.es-1f59c1d0.js';
 import 'disqus-react';
-import 'file-saver';
 import 'react-twitter-embed';
 import './ImageSlider-f84174cb.js';
 import './defineProperty-23a8f8cd.js';
@@ -277,4 +277,260 @@ var FeatureArticles = function FeatureArticles(props) {
   );
 };
 
-export { FeatureArticles };
+var _this = undefined;
+
+var Survey = function Survey(_ref) {
+  var surveyData = _ref.surveyData,
+      handleEndSurvey = _ref.handleEndSurvey,
+      eventData = _ref.eventData,
+      takenQuestions = _ref.takenQuestions,
+      showLoading = _ref.showLoading,
+      colors = _ref.colors;
+
+  var _React$useState = React__default.useState('begin'),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      progressState = _React$useState2[0],
+      setProgressState = _React$useState2[1];
+
+  var _React$useState3 = React__default.useState(0),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      questionIndex = _React$useState4[0],
+      setQuestionIndex = _React$useState4[1];
+
+  var _React$useState5 = React__default.useState(100 / (surveyData.questions.length + 2)),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      progressBarState = _React$useState6[0],
+      setProgressBarState = _React$useState6[1];
+
+  var _React$useState7 = React__default.useState(false),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      buttonActive = _React$useState8[0],
+      setButtonActive = _React$useState8[1];
+
+  var _React$useState9 = React__default.useState(eventData),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      data = _React$useState10[0],
+      setData = _React$useState10[1];
+
+  var handleAnswer = function handleAnswer(a, qi) {
+    setData(_extends({}, data, {
+      type: surveyData.type,
+      time: momentTimezone().utc().format(),
+      question: surveyData.questions[qi].question,
+      answer: a
+    }));
+    setButtonActive(true);
+  };
+
+  var handleSurvey = function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(i) {
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (i === 0) {
+                updateStates(i + takenQuestions.length);
+              } else {
+                // Send question data to the api
+                handleAnswer(_JSON$stringify(data));
+                // Set states for the next question
+                updateStates(i);
+              }
+
+            case 1:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function handleSurvey(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var updateStates = function updateStates(i) {
+    if (i === surveyData.questions.length) {
+      setProgressState('complete');
+      setProgressBarState(100);
+    } else {
+      setProgressState('question ' + (i + 1) + '/' + surveyData.questions.length);
+      setProgressBarState(100 / (surveyData.questions.length + 2) * (i + 2));
+      setQuestionIndex(i);
+      setButtonActive(false);
+      setData(eventData);
+    }
+  };
+
+  React__default.useEffect(function () {
+    if (takenQuestions.length !== 0) updateStates(takenQuestions.length);
+  }, [takenQuestions]);
+
+  return React__default.createElement(
+    'div',
+    null,
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n        .font-family-georgia {\n          font-family: Georgia, \'Times New Roman\', Times, serif;\n        }\n        .font-family-markw1g {\n          font-family: \'MarkW1G\';\n        }\n        .survey-header {\n          background-color: ' + colors.secondary + ';\n          padding-left: 24px;\n          padding-right: 24px;\n          min-height: 50px;\n        }\n        .survey-title {\n          color: ' + colors.headerText + ';\n          font-size: 20px;\n          text-align: center;\n          font-weight: 600;\n        }\n        .survey-state {\n          color: ' + colors.primary + ';\n          text-align: center;\n          font-size: 15px;\n          font-weight: 600;\n        }\n        .survey-content {\n          min-height: 322px;\n          background-color: ' + colors.primary + ';\n          padding: 25px 28px 20px;\n        }\n        .survey-button {\n          box-shadow: 0px 3px 6px #00000029;\n          background-color: ' + colors.button + ';\n          color: ' + colors.secondary + ';\n          font-size: 14px;\n          line-height: 20px;\n          border-radius: 0;\n        }\n        .survey-option {\n          background-color: ' + colors.answer + ';\n          padding: 20px;\n          height: 100%;\n        }\n        .big-text {\n          font-size: 30px;\n          line-height: 30px;\n          text-align: center;\n          margin-bottom: 0;\n        }\n        .normal-text {\n          font-size: 18px;\n          line-height: 22px;\n          text-align: center;\n          margin-bottom: 0;\n        }\n        .small-text {\n          font-size: 12px;\n          line-height: 14px;\n          text-align: center;\n          margin-bottom: 0;\n        }\n      '
+    ),
+    showLoading ? React__default.createElement(
+      'div',
+      { className: 'd-flex align-items-center justify-content-center' },
+      React__default.createElement(
+        'h2',
+        { className: 'font-family-georgia' },
+        'Loading...'
+      )
+    ) : React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        'div',
+        { className: 'survey-header d-flex flex-column flex-md-row align-items-center justify-content-between' },
+        React__default.createElement(
+          'p',
+          { className: 'survey-title text-uppercase font-family-markw1g' },
+          surveyData.title
+        ),
+        React__default.createElement(
+          'p',
+          { className: 'survey-state text-uppercase font-family-markw1g' },
+          progressState
+        )
+      ),
+      React__default.createElement(ProgressBar, { now: progressBarState }),
+      React__default.createElement(
+        'div',
+        { className: 'survey-content' },
+        progressState === 'begin' && takenQuestions.length === 0 && React__default.createElement(
+          'div',
+          { className: 'd-flex align-items-center justify-content-center flex-column', style: { minHeight: 322 } },
+          React__default.createElement(
+            'p',
+            { className: 'font-family-georgia big-text', style: { color: colors.contentText } },
+            surveyData.beforeSurveyText
+          ),
+          surveyData.beforeSurveyButtonLabel && React__default.createElement(
+            'button',
+            { onClick: function onClick() {
+                return handleSurvey(0);
+              }, className: 'btn survey-button font-family-markw1g mt-3' },
+            surveyData.beforeSurveyButtonLabel
+          )
+        ),
+        progressState !== 'begin' && progressState !== 'complete' && React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            'p',
+            { className: 'font-family-georgia normal-text', style: { color: colors.contentText } },
+            surveyData.questions[questionIndex].question
+          ),
+          React__default.createElement(
+            Row,
+            { className: 'my-4' },
+            surveyData.questions[questionIndex].answers.map(function (a, i) {
+              return React__default.createElement(
+                Col,
+                { sm: 12, md: 6, key: i, className: 'my-2' },
+                React__default.createElement(
+                  'div',
+                  {
+                    className: 'd-flex align-items-center justify-content-center survey-option',
+                    onClick: function onClick() {
+                      return handleAnswer(a, questionIndex);
+                    },
+                    style: data.answer && data.answer === a ? { background: colors.selectedAnswer } : null },
+                  React__default.createElement(
+                    'p',
+                    { className: 'font-family-georgia small-text', style: { color: colors.contentText } },
+                    a
+                  )
+                )
+              );
+            })
+          ),
+          React__default.createElement(
+            'div',
+            { className: 'd-flex justify-content-end' },
+            React__default.createElement(
+              'button',
+              {
+                onClick: buttonActive ? function () {
+                  return handleSurvey(questionIndex + 1);
+                } : function () {},
+                className: 'btn survey-button font-family-markw1g',
+                style: !buttonActive ? { opacity: 0.5 } : null,
+                disabled: !buttonActive },
+              'next question'
+            )
+          )
+        ),
+        progressState === 'complete' && React__default.createElement(
+          'div',
+          { className: 'd-flex align-items-center justify-content-center flex-column', style: { minHeight: 322 } },
+          React__default.createElement(
+            'p',
+            { className: 'font-family-georgia big-text', style: { color: colors.contentText } },
+            surveyData.afterSurveyText
+          ),
+          surveyData.afterSurveyButtonLabel && React__default.createElement(
+            'button',
+            { onClick: handleEndSurvey, className: 'btn survey-button font-family-markw1g mt-3' },
+            surveyData.afterSurveyButtonLabel
+          )
+        )
+      )
+    )
+  );
+};
+
+Survey.propTypes = {
+  showLoading: PropTypes.bool.isRequired,
+  colors: PropTypes.shape({
+    primary: PropTypes.string,
+    secondary: PropTypes.string,
+    contentText: PropTypes.string,
+    headerText: PropTypes.string,
+    button: PropTypes.string,
+    answer: PropTypes.string,
+    selectedAnswer: PropTypes.string
+  }).isRequired,
+  eventData: PropTypes.shape({
+    url: PropTypes.string,
+    email: PropTypes.string
+  }).isRequired,
+  surveyData: PropTypes.shape({
+    type: PropTypes.oneOf(['pre', 'post']),
+    title: PropTypes.string,
+    beforeSurveyText: PropTypes.string,
+    beforeSurveyButtonLabel: PropTypes.string,
+    afterSurveyText: PropTypes.string,
+    afterSurveyButtonLabel: PropTypes.string,
+    questions: PropTypes.arrayOf(PropTypes.shape({
+      question: PropTypes.string,
+      answers: PropTypes.arrayOf(PropTypes.string)
+    }))
+  }).isRequired,
+  takenQuestions: PropTypes.arrayOf(PropTypes.string),
+  handleAnswer: PropTypes.func.isRequired,
+  handleEndSurvey: PropTypes.func.isRequired
+};
+
+Survey.defaultProps = {
+  showLoading: false,
+  colors: {
+    primary: '#6ED4C8',
+    secondary: '#26292D',
+    contentText: '#FF009D',
+    headerText: '#FFF',
+    button: '#EBE9AC',
+    answer: '#FFF',
+    selectedAnswer: '#EBE9AC'
+  },
+  takenQuestions: []
+};
+
+export { FeatureArticles, Survey };

package/package.json

@@ -1,114 +1,114 @@
-{
-  "name": "@mjhls/mjh-framework",
-  "version": "1.0.926",
-  "description": "Foundation Framework",
-  "author": "mjh-framework",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/MJHLS/mjh-framework.git"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "engines": {
-    "node": ">=8",
-    "npm": ">=5"
-  },
-  "scripts": {
-    "clean": "rimraf dist",
-    "test": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
-    "build": "npm run clean && rollup -c",
-    "start": "npm run clean && rollup -c -w",
-    "prepare": "yarn run build",
-    "predeploy": "cd example && yarn install && yarn run build",
-    "deploy": "gh-pages -d example/build"
-  },
-  "peerDependencies": {
-    "disqus-react": "^1.0.11",
-    "next": "^9.0.0",
-    "prop-types": "^15.5.4",
-    "react": "^15.0.0 || ^16.0.0",
-    "react-bootstrap": "^1.0.0-beta.14",
-    "react-dom": "^15.0.0 || ^16.0.0",
-    "react-share": "^4.0.1"
-  },
-  "devDependencies": {
-    "@brightcove/react-player-loader": "^1.4.0",
-    "@rollup/plugin-json": "^4.0.3",
-    "@sanity/block-content-to-react": "^2.0.7",
-    "@sanity/image-url": "^0.140.15",
-    "@svgr/rollup": "2.4.1",
-    "babel-core": "^6.26.3",
-    "babel-eslint": "^8.2.5",
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "cross-env": "^5.1.4",
-    "eslint": "^5.0.1",
-    "eslint-config-standard": "^11.0.0",
-    "eslint-config-standard-react": "^6.0.0",
-    "eslint-plugin-import": "^2.13.0",
-    "eslint-plugin-node": "^7.0.1",
-    "eslint-plugin-promise": "^4.0.0",
-    "eslint-plugin-react": "^7.10.0",
-    "eslint-plugin-react-hooks": "^2.3.0",
-    "eslint-plugin-standard": "^3.1.0",
-    "file-saver": "^2.0.5",
-    "get-youtube-id": "^1.0.1",
-    "gh-pages": "^1.2.0",
-    "lodash": "^4.17.15",
-    "md5": "^2.2.1",
-    "moment": "^2.26.0",
-    "moment-timezone": "^0.5.31",
-    "next": "^9.2.0",
-    "react": "^16.12.0",
-    "react-bootstrap": "1.4.0",
-    "react-device-detect": "^1.11.14",
-    "react-dfp": "^0.19.0",
-    "react-dom": "^16.12.0",
-    "react-icons": "^3.8.0",
-    "react-infinite-scroll-component": "^5.0.4",
-    "react-lazyload": "^2.6.5",
-    "react-paginate": "^7.1.3",
-    "react-player": "^1.15.2",
-    "react-scripts": "^1.1.4",
-    "react-share": "^4.0.1",
-    "react-social-icons": "^4.1.0",
-    "react-visibility-sensor": "^5.1.1",
-    "react-youtube": "^7.9.0",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.7.3",
-    "rollup-plugin-babel": "3.0.7",
-    "rollup-plugin-commonjs": "9.3.4",
-    "rollup-plugin-node-builtins": "2.1.2",
-    "rollup-plugin-node-resolve": "3.4.0",
-    "rollup-plugin-postcss": "1.6.3",
-    "rollup-plugin-url": "1.4.0"
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "babel-polyfill": "^6.26.0",
-    "cookie": "^0.4.1",
-    "disqus-react": "^1.0.11",
-    "faunadb": "^4.2.0",
-    "js-cookie": "^2.2.1",
-    "next-auth": "^3.2.0",
-    "next-cookies": "^2.0.3",
-    "nookies": "^2.4.0",
-    "react-cookies": "^0.1.1",
-    "react-facebook": "^8.1.4",
-    "react-instantsearch-dom": "^6.12.0",
-    "react-script-tag": "^1.1.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "shortid": "^2.2.15",
-    "smoothscroll-polyfill": "^0.4.4",
-    "striptags": "^3.1.1",
-    "superagent": "^5.2.2",
-    "yarn": "^1.22.11"
-  }
-}
+{
+  "name": "@mjhls/mjh-framework",
+  "version": "1.0.928-ris-toggle-v1",
+  "description": "Foundation Framework",
+  "author": "mjh-framework",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MJHLS/mjh-framework.git"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "engines": {
+    "node": ">=8",
+    "npm": ">=5"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "test": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "build": "npm run clean && rollup -c",
+    "start": "npm run clean && rollup -c -w",
+    "prepare": "yarn run build",
+    "predeploy": "cd example && yarn install && yarn run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "peerDependencies": {
+    "disqus-react": "^1.0.11",
+    "next": "^9.0.0",
+    "prop-types": "^15.5.4",
+    "react": "^15.0.0 || ^16.0.0",
+    "react-bootstrap": "^1.0.0-beta.14",
+    "react-dom": "^15.0.0 || ^16.0.0",
+    "react-share": "^4.0.1"
+  },
+  "devDependencies": {
+    "@brightcove/react-player-loader": "^1.4.0",
+    "@rollup/plugin-json": "^4.0.3",
+    "@sanity/block-content-to-react": "^2.0.7",
+    "@sanity/image-url": "^0.140.15",
+    "@svgr/rollup": "2.4.1",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "^8.2.5",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "cross-env": "^5.1.4",
+    "eslint": "^5.0.1",
+    "eslint-config-standard": "^11.0.0",
+    "eslint-config-standard-react": "^6.0.0",
+    "eslint-plugin-import": "^2.13.0",
+    "eslint-plugin-node": "^7.0.1",
+    "eslint-plugin-promise": "^4.0.0",
+    "eslint-plugin-react": "^7.10.0",
+    "eslint-plugin-react-hooks": "^2.3.0",
+    "eslint-plugin-standard": "^3.1.0",
+    "file-saver": "^2.0.5",
+    "get-youtube-id": "^1.0.1",
+    "gh-pages": "^1.2.0",
+    "lodash": "^4.17.15",
+    "md5": "^2.2.1",
+    "moment": "^2.26.0",
+    "moment-timezone": "^0.5.31",
+    "next": "^9.2.0",
+    "react": "^16.12.0",
+    "react-bootstrap": "1.4.0",
+    "react-device-detect": "^1.11.14",
+    "react-dfp": "^0.19.0",
+    "react-dom": "^16.12.0",
+    "react-icons": "^3.8.0",
+    "react-infinite-scroll-component": "^5.0.4",
+    "react-lazyload": "^2.6.5",
+    "react-paginate": "^7.1.3",
+    "react-player": "^1.15.2",
+    "react-scripts": "^1.1.4",
+    "react-share": "^4.0.1",
+    "react-social-icons": "^4.1.0",
+    "react-visibility-sensor": "^5.1.1",
+    "react-youtube": "^7.9.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.7.3",
+    "rollup-plugin-babel": "3.0.7",
+    "rollup-plugin-commonjs": "9.3.4",
+    "rollup-plugin-node-builtins": "2.1.2",
+    "rollup-plugin-node-resolve": "3.4.0",
+    "rollup-plugin-postcss": "1.6.3",
+    "rollup-plugin-url": "1.4.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "babel-polyfill": "^6.26.0",
+    "cookie": "^0.4.1",
+    "disqus-react": "^1.0.11",
+    "faunadb": "^4.2.0",
+    "js-cookie": "^2.2.1",
+    "next-auth": "^3.2.0",
+    "next-cookies": "^2.0.3",
+    "nookies": "^2.4.0",
+    "react-cookies": "^0.1.1",
+    "react-facebook": "^8.1.4",
+    "react-instantsearch-dom": "^6.12.0",
+    "react-script-tag": "^1.1.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "shortid": "^2.2.15",
+    "smoothscroll-polyfill": "^0.4.4",
+    "striptags": "^3.1.1",
+    "superagent": "^5.2.2",
+    "yarn": "^1.22.11"
+  }
+}

package/dist/cjs/Pagination-885dcfbd.js

@@ -1,90 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ReactPaginate = require('react-paginate');
-var Button = require('react-bootstrap/Button');
-var index_esm = require('./index.esm-d51c9ac6.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-
-var Pagination = function Pagination(props) {
-  var pageCount = props.pageCount,
-      _props$marginPagesDis = props.marginPagesDisplayed,
-      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
-      _props$pageRangeDispl = props.pageRangeDisplayed,
-      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
-      _props$currentPage = props.currentPage,
-      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
-      _onPageChange = props.onPageChange,
-      _props$needLargePagin = props.needLargePaginateButtons,
-      needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
-
-  if (!pageCount || pageCount <= 1) return null;
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
-    null,
-    needLargePaginateButtons && React__default['default'].createElement(
-      'div',
-      { className: 'pagination-lg-btn-nxt' },
-      React__default['default'].createElement(
-        Button__default['default'],
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage + 1);
-          },
-          disabled: currentPage === pageCount,
-          href: '?page=' + (currentPage + 1) },
-        'NEXT PAGE',
-        React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
-      )
-    ),
-    React__default['default'].createElement(ReactPaginate__default['default'], {
-      pageCount: pageCount,
-      marginPagesDisplayed: marginPagesDisplayed,
-      pageRangeDisplayed: pageRangeDisplayed,
-      forcePage: currentPage - 1,
-      onPageChange: function onPageChange(_ref) {
-        var selected = _ref.selected;
-        return _onPageChange(selected + 1);
-      },
-      hrefBuilder: function hrefBuilder(page) {
-        return '?page=' + page;
-      },
-      previousLabel: '<',
-      nextLabel: '>',
-      containerClassName: 'pagination-container',
-      previousLinkClassName: 'previous',
-      nextLinkClassName: 'next',
-      disabledClassName: 'disbaled',
-      activeClassName: 'active'
-    }),
-    needLargePaginateButtons && React__default['default'].createElement(
-      'div',
-      { className: 'pagination-lg-btn-prv' },
-      React__default['default'].createElement(
-        Button__default['default'],
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage - 1);
-          },
-          disabled: currentPage === 1,
-          href: '?page=' + (currentPage - 1) },
-        React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
-        'PREVIOUS PAGE'
-      )
-    ),
-    React__default['default'].createElement(
-      'style',
-      { jsx: 'true' },
-      '\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      '
-    )
-  );
-};
-
-exports.Pagination = Pagination;