@uncinc/uncinc-react-kitchen-sink 2.20.0 → 2.20.2

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/index.js

@@ -61,6 +61,7 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
     showAcceptOnlyNeeded = _props$showAcceptOnly === void 0 ? true : _props$showAcceptOnly,
     _props$showAcceptOnly2 = props.showAcceptOnlyNeededSelections,
     showAcceptOnlyNeededSelections = _props$showAcceptOnly2 === void 0 ? false : _props$showAcceptOnly2,
+    fluid = props.fluid,
     _props$onAgree = props.onAgree,
     onAgree = _props$onAgree === void 0 ? function () {} : _props$onAgree,
     _props$cookieLevels = props.cookieLevels,
@@ -326,7 +327,9 @@ var CookieCompliancePopup = function CookieCompliancePopup(props) {
     className: classes,
     role: "region",
     "aria-label": t('cookies.banner_label')
-  }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement("div", _extends({}, dialogHelpersProps, {
+  }, /*#__PURE__*/React.createElement(Container, {
+    fluid: fluid
+  }, /*#__PURE__*/React.createElement("div", _extends({}, dialogHelpersProps, {
     ref: wrapperElement,
     className: "GoogleConsentCookieBanner__content ".concat(manualChoiceVisible ? 'GoogleConsentCookieBanner__content--full-height' : '')
   }), /*#__PURE__*/React.createElement("div", {

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/GoogleConsentCookieBanner/types.d.ts

@@ -68,4 +68,5 @@ export interface CookieCompliancePopupProps {
     cookieDomain?: string;
     cookieOptions?: CookieOptions;
     version?: string;
+    fluid?: boolean;
 }

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/package.json

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