@ndla/video-search 1.5.48 → 2.0.0

package/es/PreviewVideo.js

@@ -12,7 +12,7 @@ import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 import Button from '@ndla/button';
 import { Cross } from '@ndla/icons/action';
-import { jsx as ___EmotionJSX } from "@emotion/core";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'video-preview',
   prefix: 'c-'

package/es/VideoLoadMoreButton.js

@@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 import Button from '@ndla/button';
 import { BrightcoveShape, YouTubeShape } from './shapes';
-import { jsx as ___EmotionJSX } from "@emotion/core";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'video-search',
   prefix: 'c-'

package/es/VideoSearch.js

@@ -42,7 +42,7 @@ import VideoSearchList from './VideoSearchList';
 import VideoLoadMoreButton from './VideoLoadMoreButton';
 import VideoTabs from './VideoTabs';
 import { getLastPage } from './videoHelpers';
-import { jsx as ___EmotionJSX } from "@emotion/core";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'video-search',
   prefix: 'c-'

package/es/VideoSearchForm.js

@@ -33,7 +33,7 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Button from '@ndla/button';
 import BEMHelper from 'react-bem-helper';
-import { jsx as ___EmotionJSX } from "@emotion/core";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'video-search',
   prefix: 'c-'

package/es/VideoSearchList.js

@@ -11,7 +11,7 @@ import BEMHelper from 'react-bem-helper';
 import { BrightcoveShape, YouTubeShape } from './shapes';
 import VideoSearchResultBrightcove from './VideoSearchResultBrightcove';
 import VideoSearchResultYouTube from './VideoSearchResultYouTube';
-import { jsx as ___EmotionJSX } from "@emotion/core";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'video-search',
   prefix: 'c-'

package/es/VideoSearchResultBrightcove.js

@@ -15,7 +15,7 @@ import { PanoramaPhotosphere } from '@ndla/icons/common';
 import BEMHelper from 'react-bem-helper';
 import PreviewVideo from './PreviewVideo';
 import { LicenseShape, BrightcoveShape } from './shapes';
-import { jsx as ___EmotionJSX } from "@emotion/core";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'video-search',
   prefix: 'c-'

package/es/VideoSearchResultYouTube.js

@@ -14,7 +14,7 @@ import BEMHelper from 'react-bem-helper';
 import PreviewVideo from './PreviewVideo';
 import { YouTubeShape } from './shapes';
 import { setLocaleDate, setYouTubeDuration } from './videoHelpers';
-import { jsx as ___EmotionJSX } from "@emotion/core";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'video-search',
   prefix: 'c-'

package/es/VideoTabs.js

@@ -30,7 +30,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Tabs from '@ndla/tabs';
-import { jsx as ___EmotionJSX } from "@emotion/core";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var VideoTabs = /*#__PURE__*/function (_Component) {
   _inherits(VideoTabs, _Component);

package/lib/PreviewVideo.js

@@ -15,7 +15,7 @@ var _button = _interopRequireDefault(require("@ndla/button"));
 
 var _action = require("@ndla/icons/action");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -29,12 +29,12 @@ var classes = new _reactBemHelper["default"]({
 function PreviewVideo(_ref) {
   var onVideoPreview = _ref.onVideoPreview,
       children = _ref.children;
-  return (0, _core.jsx)("div", classes(), (0, _core.jsx)(_button["default"], _extends({}, classes('close'), {
+  return (0, _react2.jsx)("div", classes(), (0, _react2.jsx)(_button["default"], _extends({}, classes('close'), {
     stripped: true,
     onClick: function onClick() {
       return onVideoPreview(undefined);
     }
-  }), (0, _core.jsx)(_action.Cross, null)), children);
+  }), (0, _react2.jsx)(_action.Cross, null)), children);
 }
 
 PreviewVideo.propTypes = {

package/lib/VideoLoadMoreButton.js

@@ -15,7 +15,7 @@ var _button = _interopRequireDefault(require("@ndla/button"));
 
 var _shapes = require("./shapes");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -42,10 +42,10 @@ var VideoLoadMoreButton = function VideoLoadMoreButton(props) {
     return null;
   }
 
-  return (0, _core.jsx)("div", classes('load-videos'), (0, _core.jsx)(_button["default"], {
+  return (0, _react2.jsx)("div", classes('load-videos'), (0, _react2.jsx)(_button["default"], {
     disabled: searching,
     onClick: loadMoreVideos
-  }, searching ? (0, _core.jsx)("div", classes('spinner')) : translations.loadMoreVideos));
+  }, searching ? (0, _react2.jsx)("div", classes('spinner')) : translations.loadMoreVideos));
 };
 
 VideoLoadMoreButton.propTypes = {

package/lib/VideoSearch.js

@@ -23,7 +23,7 @@ var _VideoTabs = _interopRequireDefault(require("./VideoTabs"));
 
 var _videoHelpers = require("./videoHelpers");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -264,7 +264,7 @@ var VideoSearch = /*#__PURE__*/function (_Component) {
 
       var paginationItem = function paginationItem() {
         if (selectedType === 'brightcove') {
-          return (0, _core.jsx)(_VideoLoadMoreButton["default"], {
+          return (0, _react2.jsx)(_VideoLoadMoreButton["default"], {
             searching: searching,
             videos: videos,
             loadMoreVideos: _this4.loadMoreVideos,
@@ -273,7 +273,7 @@ var VideoSearch = /*#__PURE__*/function (_Component) {
           });
         }
 
-        return (0, _core.jsx)(_pager["default"], {
+        return (0, _react2.jsx)(_pager["default"], {
           page: page || 1,
           lastPage: lastPage,
           onClick: _this4.changeQueryPage
@@ -283,7 +283,7 @@ var VideoSearch = /*#__PURE__*/function (_Component) {
       var searchListTabs = enabledSources.map(function (source) {
         return {
           title: source,
-          content: (0, _core.jsx)("div", classes('list'), selectedType === source.toLowerCase() && (0, _core.jsx)(_VideoSearchList["default"], {
+          content: (0, _react2.jsx)("div", classes('list'), selectedType === source.toLowerCase() && (0, _react2.jsx)(_VideoSearchList["default"], {
             translations: translations,
             selectedType: source.toLowerCase(),
             selectedVideo: selectedVideo,
@@ -295,12 +295,12 @@ var VideoSearch = /*#__PURE__*/function (_Component) {
           }))
         };
       });
-      return (0, _core.jsx)("div", classes(), (0, _core.jsx)(_VideoSearchForm["default"], {
+      return (0, _react2.jsx)("div", classes(), (0, _react2.jsx)(_VideoSearchForm["default"], {
         onSearchQuerySubmit: this.submitVideoSearchQuery,
         query: query,
         searching: searching,
         translations: translations
-      }), (0, _core.jsx)(_VideoTabs["default"], {
+      }), (0, _react2.jsx)(_VideoTabs["default"], {
         searchTypes: selectedType,
         tabs: searchListTabs,
         onSearchTypeChange: this.onSearchTypeChange

package/lib/VideoSearchForm.js

@@ -13,7 +13,7 @@ var _button = _interopRequireDefault(require("@ndla/button"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -96,13 +96,13 @@ var SearchForm = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           searching = _this$props.searching,
           translations = _this$props.translations;
-      return (0, _core.jsx)("div", classes('form'), (0, _core.jsx)("input", _extends({}, classes('form-query'), {
+      return (0, _react2.jsx)("div", classes('form'), (0, _react2.jsx)("input", _extends({}, classes('form-query'), {
         type: "text",
         onChange: this.handleQueryChange,
         onKeyPress: this.onKeyPress,
         value: this.state.query,
         placeholder: translations.searchPlaceholder
-      })), (0, _core.jsx)(_button["default"], _extends({}, classes('form-button'), {
+      })), (0, _react2.jsx)(_button["default"], _extends({}, classes('form-button'), {
         onClick: this.handleSubmit,
         loading: searching
       }), translations.searchButtonTitle));

package/lib/VideoSearchList.js

@@ -17,7 +17,7 @@ var _VideoSearchResultBrightcove = _interopRequireDefault(require("./VideoSearch
 
 var _VideoSearchResultYouTube = _interopRequireDefault(require("./VideoSearchResultYouTube"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -44,17 +44,17 @@ var VideoSearchList = function VideoSearchList(props) {
       searching = props.searching;
 
   if ((!videos || videos.length === 0) && !searching) {
-    return (0, _core.jsx)("p", null, translations.noResults);
+    return (0, _react2.jsx)("p", null, translations.noResults);
   }
 
   if (searching && !(videos.length > 0)) {
-    return (0, _core.jsx)("div", classes('result-spinner'));
+    return (0, _react2.jsx)("div", classes('result-spinner'));
   }
 
   var videoresults = function videoresults() {
     if (selectedType === 'youtube') {
       return videos.map(function (video) {
-        return (0, _core.jsx)(_VideoSearchResultYouTube["default"], {
+        return (0, _react2.jsx)(_VideoSearchResultYouTube["default"], {
           key: video.cacheId,
           video: video,
           onVideoPreview: onVideoPreview,
@@ -67,7 +67,7 @@ var VideoSearchList = function VideoSearchList(props) {
     }
 
     return videos.map(function (video) {
-      return (0, _core.jsx)(_VideoSearchResultBrightcove["default"], {
+      return (0, _react2.jsx)(_VideoSearchResultBrightcove["default"], {
         key: video.id,
         video: video,
         onVideoPreview: onVideoPreview,
@@ -79,7 +79,7 @@ var VideoSearchList = function VideoSearchList(props) {
     });
   };
 
-  return (0, _core.jsx)("div", classes('list-inner'), videoresults());
+  return (0, _react2.jsx)("div", classes('list-inner'), videoresults());
 };
 
 VideoSearchList.propTypes = {

package/lib/VideoSearchResultBrightcove.js

@@ -21,7 +21,7 @@ var _PreviewVideo = _interopRequireDefault(require("./PreviewVideo"));
 
 var _shapes = require("./shapes");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -43,30 +43,30 @@ function VideoSearchResultBrightcove(_ref) {
   var license = video.custom_fields && video.custom_fields.license ? (0, _licenses.getLicenseByNBTitle)(video.custom_fields.license, locale) : '';
   var thumbnailSource = video.images && video.images.thumbnail ? video.images.thumbnail.src : '';
   var is360video = video.projection === 'equirectangular';
-  return (0, _core.jsx)("div", _extends({
+  return (0, _react2.jsx)("div", _extends({
     key: video.id
-  }, classes('list-item', active)), (0, _core.jsx)("div", classes('list-item-inner'), (0, _core.jsx)("img", {
+  }, classes('list-item', active)), (0, _react2.jsx)("div", classes('list-item-inner'), (0, _react2.jsx)("img", {
     role: "presentation",
     alt: "presentation",
     src: thumbnailSource
-  }), (0, _core.jsx)("div", classes('information'), (0, _core.jsx)("h2", classes('header'), video.name || '', is360video && (0, _core.jsx)(_common.PanoramaPhotosphere, null)), (0, _core.jsx)("div", classes('copyright-author'), video.custom_fields && video.custom_fields.licenseinfo ? video.custom_fields.licenseinfo : ''), (0, _core.jsx)("div", classes('license'), license.rights ? (0, _core.jsx)(_licenses.LicenseByline, {
+  }), (0, _react2.jsx)("div", classes('information'), (0, _react2.jsx)("h2", classes('header'), video.name || '', is360video && (0, _react2.jsx)(_common.PanoramaPhotosphere, null)), (0, _react2.jsx)("div", classes('copyright-author'), video.custom_fields && video.custom_fields.licenseinfo ? video.custom_fields.licenseinfo : ''), (0, _react2.jsx)("div", classes('license'), license.rights ? (0, _react2.jsx)(_licenses.LicenseByline, {
     licenseRights: license.rights,
     locale: locale
-  }) : license), (0, _core.jsx)(_button["default"], _extends({}, classes('button'), {
+  }) : license), (0, _react2.jsx)(_button["default"], _extends({}, classes('button'), {
     outline: true,
     onClick: function onClick() {
       return onVideoPreview(video);
     }
-  }), translations.previewVideo), (0, _core.jsx)(_button["default"], _extends({
+  }), translations.previewVideo), (0, _react2.jsx)(_button["default"], _extends({
     "data-cy": "use-video"
   }, classes('button'), {
     onClick: function onClick() {
       return onSelectVideo(video);
     }
-  }), translations.addVideo))), selectedVideo && selectedVideo.id === video.id ? (0, _core.jsx)(_PreviewVideo["default"], {
+  }), translations.addVideo))), selectedVideo && selectedVideo.id === video.id ? (0, _react2.jsx)(_PreviewVideo["default"], {
     onVideoPreview: onVideoPreview,
     selectedType: "brightcove"
-  }, (0, _core.jsx)("iframe", {
+  }, (0, _react2.jsx)("iframe", {
     className: "c-video-preview__video",
     title: selectedVideo.name,
     src: "//players.brightcove.net/".concat(selectedVideo.account_id, "/BkLm8fT_default/index.html?videoId=").concat(selectedVideo.id),

package/lib/VideoSearchResultYouTube.js

@@ -19,7 +19,7 @@ var _shapes = require("./shapes");
 
 var _videoHelpers = require("./videoHelpers");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -43,32 +43,32 @@ function VideoSearchResultYouTube(_ref) {
   var activeVideo = (selectedVideo === null || selectedVideo === void 0 ? void 0 : (_selectedVideo$pagema = selectedVideo.pagemap) === null || _selectedVideo$pagema === void 0 ? void 0 : (_selectedVideo$pagema2 = _selectedVideo$pagema.videoobject) === null || _selectedVideo$pagema2 === void 0 ? void 0 : (_selectedVideo$pagema3 = _selectedVideo$pagema2[0]) === null || _selectedVideo$pagema3 === void 0 ? void 0 : _selectedVideo$pagema3.videoid) === (videoData === null || videoData === void 0 ? void 0 : videoData.videoid);
 
   if (videoData) {
-    return (0, _core.jsx)("div", classes('list-item', activeVideo ? 'active' : ''), (0, _core.jsx)("div", classes('list-item-inner'), (0, _core.jsx)("img", {
+    return (0, _react2.jsx)("div", classes('list-item', activeVideo ? 'active' : ''), (0, _react2.jsx)("div", classes('list-item-inner'), (0, _react2.jsx)("img", {
       role: "presentation",
       alt: "presentation",
       src: videoData.thumbnailurl
-    }), (0, _core.jsx)("div", classes('information'), (0, _core.jsx)("h2", null, videoData.name), (0, _core.jsx)("div", null, "".concat(translations.publishedDate, ": ").concat((0, _videoHelpers.setLocaleDate)(videoData.datepublished, locale))), (0, _core.jsx)("div", null, "".concat(translations.duration, ": ").concat((0, _videoHelpers.setYouTubeDuration)(videoData.duration))), (0, _core.jsx)("div", null, "".concat(translations.interactioncount, ": ").concat(videoData.interactioncount)), (0, _core.jsx)("div", null, videoData.description), (0, _core.jsx)(_button["default"], _extends({}, classes('button'), {
+    }), (0, _react2.jsx)("div", classes('information'), (0, _react2.jsx)("h2", null, videoData.name), (0, _react2.jsx)("div", null, "".concat(translations.publishedDate, ": ").concat((0, _videoHelpers.setLocaleDate)(videoData.datepublished, locale))), (0, _react2.jsx)("div", null, "".concat(translations.duration, ": ").concat((0, _videoHelpers.setYouTubeDuration)(videoData.duration))), (0, _react2.jsx)("div", null, "".concat(translations.interactioncount, ": ").concat(videoData.interactioncount)), (0, _react2.jsx)("div", null, videoData.description), (0, _react2.jsx)(_button["default"], _extends({}, classes('button'), {
       outline: true,
       onClick: function onClick() {
         return onVideoPreview(video);
       }
-    }), translations.previewVideo), (0, _core.jsx)(_button["default"], _extends({
+    }), translations.previewVideo), (0, _react2.jsx)(_button["default"], _extends({
       "data-cy": "use-video"
     }, classes('button'), {
       onClick: function onClick() {
         return onSelectVideo(video);
       }
-    }), translations.addVideo))), activeVideo ? (0, _core.jsx)(_PreviewVideo["default"], {
+    }), translations.addVideo))), activeVideo ? (0, _react2.jsx)(_PreviewVideo["default"], {
       onVideoPreview: onVideoPreview,
       selectedType: "youtube"
-    }, (0, _core.jsx)("iframe", {
+    }, (0, _react2.jsx)("iframe", {
       className: "c-video-preview__video",
       title: selectedVideo.title,
       src: selectedVideo.pagemap.videoobject[0].embedurl,
       allowFullScreen: true
     })) : '');
   } else {
-    return (0, _core.jsx)("div", null);
+    return (0, _react2.jsx)("div", null);
   }
 }
 

package/lib/VideoTabs.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _tabs = _interopRequireDefault(require("@ndla/tabs"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -71,7 +71,7 @@ var VideoTabs = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var tabs = this.props.tabs;
-      return (0, _core.jsx)(_tabs["default"], {
+      return (0, _react2.jsx)(_tabs["default"], {
         onSelect: this.handleOnSelect,
         tabs: tabs
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/video-search",
-  "version": "1.5.48",
+  "version": "2.0.0",
   "description": "A simple library for searching NDLA videos",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -24,15 +24,15 @@
     "react-bem-helper": "^1.4.1"
   },
   "dependencies": {
-    "@ndla/button": "^3.7.0",
-    "@ndla/icons": "^1.14.0",
-    "@ndla/licenses": "^5.0.18",
-    "@ndla/pager": "^1.1.42",
-    "@ndla/tabs": "^1.1.23",
+    "@ndla/button": "^4.0.0",
+    "@ndla/icons": "^2.0.0",
+    "@ndla/licenses": "^6.0.0",
+    "@ndla/pager": "^2.0.0",
+    "@ndla/tabs": "^2.0.0",
     "react-bem-helper": "^1.4.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2c5d6b7038c442a871b4cd69247d243cadd129da"
+  "gitHead": "7f4578ae15653f2f6a1efde17d24991e77f026bc"
 }