@uncinc/uncinc-react-kitchen-sink 2.20.1 → 2.20.3

package/dist/components/Cookie/style.scss

@@ -5,6 +5,7 @@
   0% {
     transform: translateX(-50%) translateY(110vh);
   }
+
   100% {
     transform: translateX(-50%) translateY(0vh);
   }

package/dist/components/GoogleConsentCookieBanner/style.scss

@@ -18,6 +18,7 @@
   left: 50%;
   width: 100%;
   max-height: 100%;
+  transform: translateX(-50%) translateY(110vh);
 
   &__content {
     max-height: 80vh;
@@ -63,7 +64,7 @@
         font-size: inherit;
         background: none;
         border: 0;
-  
+
         cursor: pointer;
       }
     }
@@ -102,7 +103,6 @@
 
   &--prompting,
   &--editing {
-    transform: translateX(-50%) translateY(0);
     animation: slide 1s forwards;
   }
 

package/dist/components/MediaPlayer/index.js

@@ -1,8 +1,34 @@
+var _excluded = ["type"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { lazy, Suspense } from 'react';
-var MediaPlayerLazy = /*#__PURE__*/lazy(function () {
-  return import('./index.lazy');
+var MediaPlayerRemoteLazy = /*#__PURE__*/lazy(function () {
+  return import('./index.remote.lazy');
 });
-var MediaPlayer = function MediaPlayer(props) {
-  return /*#__PURE__*/React.createElement(Suspense, null, /*#__PURE__*/React.createElement(MediaPlayerLazy, props));
+var MediaPlayerLocalLazy = /*#__PURE__*/lazy(function () {
+  return import('./index.local.lazy');
+});
+var MediaPlayer = function MediaPlayer(_ref) {
+  var type = _ref.type,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  switch (type) {
+    // Remote types.
+    case 'video/youtube':
+    case 'video/vimeo':
+      {
+        return /*#__PURE__*/React.createElement(Suspense, null, /*#__PURE__*/React.createElement(MediaPlayerRemoteLazy, _extends({}, restProps, {
+          type: type
+        })));
+      }
+
+    // Local types.
+    default:
+      {
+        return /*#__PURE__*/React.createElement(Suspense, null, /*#__PURE__*/React.createElement(MediaPlayerLocalLazy, _extends({}, restProps, {
+          type: type
+        })));
+      }
+  }
 };
 export default MediaPlayer;

package/dist/components/MediaPlayer/index.lazy.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import 'videojs-vimeo-tech';
-import 'videojs-youtube';
 import { MediaPlayerProps } from './types';
 import 'video.js/dist/video-js.css';
 import './style.scss';

package/dist/components/MediaPlayer/index.lazy.js

@@ -8,9 +8,6 @@ import React, { useEffect, useMemo } from 'react';
 import c from 'classnames';
 import { useVideoJS } from 'react-hook-videojs';
 import { useTranslation } from 'react-i18next';
-// VideoJS plugins:
-import 'videojs-vimeo-tech';
-import 'videojs-youtube';
 import 'video.js/dist/video-js.css';
 import './style.scss';
 var MediaPlayer = function MediaPlayer(_ref) {

package/dist/components/MediaPlayer/index.local.lazy.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MediaPlayerProps } from './types';
+declare const MediaPlayerLocalLazy: React.FC<MediaPlayerProps>;
+export default MediaPlayerLocalLazy;

package/dist/components/MediaPlayer/index.local.lazy.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import MediaPlayerLazy from './index.lazy';
+var MediaPlayerLocalLazy = function MediaPlayerLocalLazy(props) {
+  return /*#__PURE__*/React.createElement(MediaPlayerLazy, props);
+};
+export default MediaPlayerLocalLazy;

package/dist/components/MediaPlayer/index.remote.lazy.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import 'videojs-vimeo-tech';
+import 'videojs-youtube';
+import { MediaPlayerProps } from './types';
+declare const MediaPlayerRemoteLazy: React.FC<MediaPlayerProps>;
+export default MediaPlayerRemoteLazy;

package/dist/components/MediaPlayer/index.remote.lazy.js

@@ -0,0 +1,10 @@
+import React from 'react';
+
+// VideoJS plugins for remote videos:
+import 'videojs-vimeo-tech';
+import 'videojs-youtube';
+import MediaPlayerLazy from './index.lazy';
+var MediaPlayerRemoteLazy = function MediaPlayerRemoteLazy(props) {
+  return /*#__PURE__*/React.createElement(MediaPlayerLazy, props);
+};
+export default MediaPlayerRemoteLazy;

package/dist/components/Pagination/index.d.ts

@@ -1,7 +1,8 @@
-export function Pagination({ currentPage, totalPages, pageRangeDisplayed, marginPagesDisplayed, setCurrentPage, previousLabel, nextLabel, containerClassName, disabledClassName, activeClassName, breakClassName, showWhenOnePage, controlled, scrollToTop, scrollToTopOffset, scrollToTopBehavior, }: {
+export function Pagination({ currentPage, totalPages, pageRangeDisplayed, pageRangeDisplayedPerViewPort, marginPagesDisplayed, setCurrentPage, previousLabel, nextLabel, containerClassName, disabledClassName, activeClassName, breakClassName, showWhenOnePage, controlled, scrollToTop, scrollToTopOffset, scrollToTopBehavior, }: {
     currentPage: any;
     totalPages: any;
     pageRangeDisplayed: any;
+    pageRangeDisplayedPerViewPort: any;
     marginPagesDisplayed: any;
     setCurrentPage: any;
     previousLabel: any;
@@ -21,6 +22,13 @@ export namespace Pagination {
         let currentPage: PropTypes.Validator<number>;
         let totalPages: PropTypes.Validator<number>;
         let pageRangeDisplayed: PropTypes.Requireable<number>;
+        let pageRangeDisplayedPerViewPort: PropTypes.Requireable<Required<PropTypes.InferProps<{
+            xs: PropTypes.Requireable<number>;
+            sm: PropTypes.Requireable<number>;
+            md: PropTypes.Requireable<number>;
+            lg: PropTypes.Requireable<number>;
+            xl: PropTypes.Requireable<number>;
+        }>>>;
         let marginPagesDisplayed: PropTypes.Requireable<number>;
         let setCurrentPage: PropTypes.Requireable<(...args: any[]) => any>;
         let previousLabel: PropTypes.Requireable<string>;
@@ -35,6 +43,18 @@ export namespace Pagination {
         let scrollToTopBehavior: PropTypes.Requireable<string>;
     }
     namespace defaultProps {
+        let pageRangeDisplayed_1: number;
+        export { pageRangeDisplayed_1 as pageRangeDisplayed };
+        export namespace pageRangeDisplayedPerViewPort_1 {
+            let xs: number;
+            let sm: number;
+            let md: number;
+            let lg: number;
+            let xl: number;
+        }
+        export { pageRangeDisplayedPerViewPort_1 as pageRangeDisplayedPerViewPort };
+        let marginPagesDisplayed_1: number;
+        export { marginPagesDisplayed_1 as marginPagesDisplayed };
         let setCurrentPage_1: null;
         export { setCurrentPage_1 as setCurrentPage };
         let previousLabel_1: null;
@@ -47,10 +67,6 @@ export namespace Pagination {
         export { disabledClassName_1 as disabledClassName };
         let activeClassName_1: null;
         export { activeClassName_1 as activeClassName };
-        let pageRangeDisplayed_1: number;
-        export { pageRangeDisplayed_1 as pageRangeDisplayed };
-        let marginPagesDisplayed_1: number;
-        export { marginPagesDisplayed_1 as marginPagesDisplayed };
         let showWhenOnePage_1: boolean;
         export { showWhenOnePage_1 as showWhenOnePage };
         let controlled_1: boolean;

package/dist/components/Pagination/index.js

@@ -1,13 +1,21 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import React, { useEffect } from 'react';
-import ReactPaginate from 'react-paginate';
 import c from 'classnames';
-import './style.scss';
 import PropTypes from 'prop-types';
+import ReactPaginate from 'react-paginate';
 import withMapping from '../../Context/withMapping';
+import useValueForCurrentViewPort from '../../helpers/useValueForCurrentViewPort';
+import './style.scss';
 export var Pagination = function Pagination(_ref) {
   var currentPage = _ref.currentPage,
     totalPages = _ref.totalPages,
     pageRangeDisplayed = _ref.pageRangeDisplayed,
+    pageRangeDisplayedPerViewPort = _ref.pageRangeDisplayedPerViewPort,
     marginPagesDisplayed = _ref.marginPagesDisplayed,
     setCurrentPage = _ref.setCurrentPage,
     previousLabel = _ref.previousLabel,
@@ -21,6 +29,8 @@ export var Pagination = function Pagination(_ref) {
     scrollToTop = _ref.scrollToTop,
     scrollToTopOffset = _ref.scrollToTopOffset,
     scrollToTopBehavior = _ref.scrollToTopBehavior;
+  // Calculate dynamic pageRangeDisplayed based on window width.
+  var pageRange = useValueForCurrentViewPort.apply(void 0, _toConsumableArray(pageRangeDisplayedPerViewPort ? Object.values(pageRangeDisplayedPerViewPort) : Array(5).fill(pageRangeDisplayed)));
   useEffect(function () {
     if (scrollToTop) {
       window.scrollTo({
@@ -63,7 +73,7 @@ export var Pagination = function Pagination(_ref) {
     breakLabel: "...",
     breakClassName: breakClasses,
     pageCount: totalPages,
-    pageRangeDisplayed: pageRangeDisplayed,
+    pageRangeDisplayed: pageRange,
     marginPagesDisplayed: marginPagesDisplayed,
     disabledClassName: disabledClasses,
     initialPage: !controlled && currentPage - 1,
@@ -77,6 +87,13 @@ Pagination.propTypes = {
   currentPage: PropTypes.number.isRequired,
   totalPages: PropTypes.number.isRequired,
   pageRangeDisplayed: PropTypes.number,
+  pageRangeDisplayedPerViewPort: PropTypes.exact({
+    xs: PropTypes.number,
+    sm: PropTypes.number,
+    md: PropTypes.number,
+    lg: PropTypes.number,
+    xl: PropTypes.number
+  }),
   marginPagesDisplayed: PropTypes.number,
   setCurrentPage: PropTypes.func,
   previousLabel: PropTypes.string,
@@ -91,14 +108,21 @@ Pagination.propTypes = {
   scrollToTopBehavior: PropTypes.oneOf(['smooth', 'instant', 'auto'])
 };
 Pagination.defaultProps = {
+  pageRangeDisplayed: 5,
+  pageRangeDisplayedPerViewPort: {
+    xs: 5,
+    sm: 5,
+    md: 5,
+    lg: 5,
+    xl: 5
+  },
+  marginPagesDisplayed: 1,
   setCurrentPage: null,
   previousLabel: null,
   nextLabel: null,
   containerClassName: null,
   disabledClassName: null,
   activeClassName: null,
-  pageRangeDisplayed: 5,
-  marginPagesDisplayed: 1,
   showWhenOnePage: false,
   controlled: false,
   scrollToTop: false,

package/dist/components/Pagination/style.scss

@@ -46,6 +46,7 @@
   &__previous__icon:after {
     content: "‹";
   }
+
   &__next__icon:after {
     content: "›";
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.20.1",
+  "version": "2.20.3",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",