@ndla/ui 3.3.13 → 3.3.17

package/lib/NDLAFilm/MovieGrid.js

@@ -7,8 +7,6 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _core = require("@emotion/core");
@@ -33,14 +31,17 @@ var MovieGrid = function MovieGrid(_ref) {
       resourceTypes = _ref.resourceTypes,
       loadingPlaceholderHeight = _ref.loadingPlaceholderHeight,
       autoSizedProps = _ref.autoSizedProps,
-      resizeThumbnailImages = _ref.resizeThumbnailImages,
-      t = _ref.t;
+      resizeThumbnailImages = _ref.resizeThumbnailImages;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
   return (0, _core.jsx)("section", null, (0, _core.jsx)("h1", _extends({}, movieListClasses('heading'), {
-    css: /*#__PURE__*/(0, _core.css)("margin-left:", autoSizedProps.margin, "px;;label:MovieGrid;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJjIiwiZmlsZSI6Ik1vdmllR3JpZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZCBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZCc7XG5cbmNvbnN0IG1vdmllTGlzdENsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2ZpbG0tbW92aWVsaXN0JyxcbiAgcHJlZml4OiAnYy0nLFxufSk7XG5cbmNvbnN0IE1vdmllR3JpZCA9ICh7XG4gIHJlc291cmNlVHlwZU5hbWUsXG4gIGZldGNoaW5nTW92aWVzQnlUeXBlLFxuICBtb3ZpZXNCeVR5cGUsXG4gIHJlc291cmNlVHlwZXMsXG4gIGxvYWRpbmdQbGFjZWhvbGRlckhlaWdodCxcbiAgYXV0b1NpemVkUHJvcHMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgdCxcbn0pID0+IChcbiAgPHNlY3Rpb24+XG4gICAgPGgxXG4gICAgICB7Li4ubW92aWVMaXN0Q2xhc3NlcygnaGVhZGluZycpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbi1sZWZ0OiAke2F1dG9TaXplZFByb3BzLm1hcmdpbn1weDtcbiAgICAgIGB9PlxuICAgICAge3Jlc291cmNlVHlwZU5hbWUgJiYgcmVzb3VyY2VUeXBlTmFtZS5uYW1lfVxuICAgICAgPHNtYWxsPlxuICAgICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGVcbiAgICAgICAgICA/IHQoJ25kbGFGaWxtLmxvYWRpbmdNb3ZpZXMnKVxuICAgICAgICAgIDogYCR7bW92aWVzQnlUeXBlLmxlbmd0aH0gJHt0KCduZGxhRmlsbS5tb3ZpZU1hdGNoSW5DYXRlZ29yeScpfWB9XG4gICAgICA8L3NtYWxsPlxuICAgIDwvaDE+XG4gICAgPGRpdlxuICAgICAgey4uLm1vdmllTGlzdENsYXNzZXMoJ21vdmllLWxpc3RpbmcnKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXJnaW4tbGVmdDogJHthdXRvU2l6ZWRQcm9wcy5tYXJnaW59cHg7XG4gICAgICBgfT5cbiAgICAgIHtmZXRjaGluZ01vdmllc0J5VHlwZSAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogJHtsb2FkaW5nUGxhY2Vob2xkZXJIZWlnaHR9O1xuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAgeyFmZXRjaGluZ01vdmllc0J5VHlwZSAmJlxuICAgICAgICBtb3ZpZXNCeVR5cGUubWFwKChtb3ZpZSkgPT4gKFxuICAgICAgICAgIDxGaWxtQ29udGVudENhcmRcbiAgICAgICAgICAgIGhpZGVUYWdzXG4gICAgICAgICAgICBtb3ZpZT17bW92aWV9XG4gICAgICAgICAgICBjb2x1bW5XaWR0aD17YXV0b1NpemVkUHJvcHMuY29sdW1uV2lkdGh9XG4gICAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtcz17YXV0b1NpemVkUHJvcHMuZGlzdGFuY2VCZXR3ZWVuSXRlbXN9XG4gICAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgICAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPXtyZXNpemVUaHVtYm5haWxJbWFnZXN9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbik7XG5cbk1vdmllR3JpZC5wcm9wVHlwZXMgPSB7XG4gIGF1dG9TaXplZFByb3BzOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxuICByZXNvdXJjZVR5cGVOYW1lOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIH0pLFxuICBmZXRjaGluZ01vdmllc0J5VHlwZTogUHJvcFR5cGVzLmJvb2wsXG4gIG1vdmllc0J5VHlwZTogUHJvcFR5cGVzLmFycmF5LFxuICBjbGFzc2VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgcmVzb3VyY2VUeXBlczogUHJvcFR5cGVzLmFycmF5LFxuICBsb2FkaW5nUGxhY2Vob2xkZXJIZWlnaHQ6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoVHJhbnNsYXRpb24oKShNb3ZpZUdyaWQpO1xuIl19 */"))
+    css: /*#__PURE__*/(0, _core.css)("margin-left:", autoSizedProps.margin, "px;;label:MovieGrid;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNnQiIsImZpbGUiOiJNb3ZpZUdyaWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzIH0gZnJvbSAnQG5kbGEvY2Fyb3VzZWwnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBGaWxtQ29udGVudENhcmQgZnJvbSAnLi9GaWxtQ29udGVudENhcmQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBtb3ZpZUxpc3RDbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdmaWxtLW1vdmllbGlzdCcsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhdXRvU2l6ZWRQcm9wczogQ2FsY3VsYXRlZENhcm91c2VsUHJvcHM7XG4gIHJlc291cmNlVHlwZU5hbWU/OiBNb3ZpZVJlc291cmNlVHlwZTtcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGU6IGJvb2xlYW47XG4gIG1vdmllc0J5VHlwZTogTW92aWVUeXBlW107XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIGxvYWRpbmdQbGFjZWhvbGRlckhlaWdodD86IHN0cmluZztcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTW92aWVHcmlkID0gKHtcbiAgcmVzb3VyY2VUeXBlTmFtZSxcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGUsXG4gIG1vdmllc0J5VHlwZSxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgbG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0LFxuICBhdXRvU2l6ZWRQcm9wcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxzZWN0aW9uPlxuICAgICAgPGgxXG4gICAgICAgIHsuLi5tb3ZpZUxpc3RDbGFzc2VzKCdoZWFkaW5nJyl9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2F1dG9TaXplZFByb3BzLm1hcmdpbn1weDtcbiAgICAgICAgYH0+XG4gICAgICAgIHtyZXNvdXJjZVR5cGVOYW1lICYmIHJlc291cmNlVHlwZU5hbWUubmFtZX1cbiAgICAgICAgPHNtYWxsPlxuICAgICAgICAgIHtmZXRjaGluZ01vdmllc0J5VHlwZVxuICAgICAgICAgICAgPyB0KCduZGxhRmlsbS5sb2FkaW5nTW92aWVzJylcbiAgICAgICAgICAgIDogYCR7bW92aWVzQnlUeXBlLmxlbmd0aH0gJHt0KCduZGxhRmlsbS5tb3ZpZU1hdGNoSW5DYXRlZ29yeScpfWB9XG4gICAgICAgIDwvc21hbGw+XG4gICAgICA8L2gxPlxuICAgICAgPGRpdlxuICAgICAgICB7Li4ubW92aWVMaXN0Q2xhc3NlcygnbW92aWUtbGlzdGluZycpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHthdXRvU2l6ZWRQcm9wcy5tYXJnaW59cHg7XG4gICAgICAgIGB9PlxuICAgICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGUgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBoZWlnaHQ6ICR7bG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgeyFmZXRjaGluZ01vdmllc0J5VHlwZSAmJlxuICAgICAgICAgIG1vdmllc0J5VHlwZS5tYXAoKG1vdmllKSA9PiAoXG4gICAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkXG4gICAgICAgICAgICAgIGhpZGVUYWdzXG4gICAgICAgICAgICAgIG1vdmllPXttb3ZpZX1cbiAgICAgICAgICAgICAgY29sdW1uV2lkdGg9e2F1dG9TaXplZFByb3BzLmNvbHVtbldpZHRofVxuICAgICAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtcz17YXV0b1NpemVkUHJvcHMuZGlzdGFuY2VCZXR3ZWVuSXRlbXN9XG4gICAgICAgICAgICAgIHJlc291cmNlVHlwZXM9e3Jlc291cmNlVHlwZXN9XG4gICAgICAgICAgICAgIHJlc2l6ZVRodW1ibmFpbEltYWdlcz17cmVzaXplVGh1bWJuYWlsSW1hZ2VzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vdmllR3JpZDtcbiJdfQ== */"))
   }), resourceTypeName && resourceTypeName.name, (0, _core.jsx)("small", null, fetchingMoviesByType ? t('ndlaFilm.loadingMovies') : "".concat(moviesByType.length, " ").concat(t('ndlaFilm.movieMatchInCategory')))), (0, _core.jsx)("div", _extends({}, movieListClasses('movie-listing'), {
-    css: /*#__PURE__*/(0, _core.css)("margin-left:", autoSizedProps.margin, "px;;label:MovieGrid;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNjIiwiZmlsZSI6Ik1vdmllR3JpZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZCBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZCc7XG5cbmNvbnN0IG1vdmllTGlzdENsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2ZpbG0tbW92aWVsaXN0JyxcbiAgcHJlZml4OiAnYy0nLFxufSk7XG5cbmNvbnN0IE1vdmllR3JpZCA9ICh7XG4gIHJlc291cmNlVHlwZU5hbWUsXG4gIGZldGNoaW5nTW92aWVzQnlUeXBlLFxuICBtb3ZpZXNCeVR5cGUsXG4gIHJlc291cmNlVHlwZXMsXG4gIGxvYWRpbmdQbGFjZWhvbGRlckhlaWdodCxcbiAgYXV0b1NpemVkUHJvcHMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgdCxcbn0pID0+IChcbiAgPHNlY3Rpb24+XG4gICAgPGgxXG4gICAgICB7Li4ubW92aWVMaXN0Q2xhc3NlcygnaGVhZGluZycpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbi1sZWZ0OiAke2F1dG9TaXplZFByb3BzLm1hcmdpbn1weDtcbiAgICAgIGB9PlxuICAgICAge3Jlc291cmNlVHlwZU5hbWUgJiYgcmVzb3VyY2VUeXBlTmFtZS5uYW1lfVxuICAgICAgPHNtYWxsPlxuICAgICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGVcbiAgICAgICAgICA/IHQoJ25kbGFGaWxtLmxvYWRpbmdNb3ZpZXMnKVxuICAgICAgICAgIDogYCR7bW92aWVzQnlUeXBlLmxlbmd0aH0gJHt0KCduZGxhRmlsbS5tb3ZpZU1hdGNoSW5DYXRlZ29yeScpfWB9XG4gICAgICA8L3NtYWxsPlxuICAgIDwvaDE+XG4gICAgPGRpdlxuICAgICAgey4uLm1vdmllTGlzdENsYXNzZXMoJ21vdmllLWxpc3RpbmcnKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXJnaW4tbGVmdDogJHthdXRvU2l6ZWRQcm9wcy5tYXJnaW59cHg7XG4gICAgICBgfT5cbiAgICAgIHtmZXRjaGluZ01vdmllc0J5VHlwZSAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogJHtsb2FkaW5nUGxhY2Vob2xkZXJIZWlnaHR9O1xuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAgeyFmZXRjaGluZ01vdmllc0J5VHlwZSAmJlxuICAgICAgICBtb3ZpZXNCeVR5cGUubWFwKChtb3ZpZSkgPT4gKFxuICAgICAgICAgIDxGaWxtQ29udGVudENhcmRcbiAgICAgICAgICAgIGhpZGVUYWdzXG4gICAgICAgICAgICBtb3ZpZT17bW92aWV9XG4gICAgICAgICAgICBjb2x1bW5XaWR0aD17YXV0b1NpemVkUHJvcHMuY29sdW1uV2lkdGh9XG4gICAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtcz17YXV0b1NpemVkUHJvcHMuZGlzdGFuY2VCZXR3ZWVuSXRlbXN9XG4gICAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgICAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPXtyZXNpemVUaHVtYm5haWxJbWFnZXN9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cbik7XG5cbk1vdmllR3JpZC5wcm9wVHlwZXMgPSB7XG4gIGF1dG9TaXplZFByb3BzOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxuICByZXNvdXJjZVR5cGVOYW1lOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIH0pLFxuICBmZXRjaGluZ01vdmllc0J5VHlwZTogUHJvcFR5cGVzLmJvb2wsXG4gIG1vdmllc0J5VHlwZTogUHJvcFR5cGVzLmFycmF5LFxuICBjbGFzc2VzOiBQcm9wVHlwZXMuZnVuYyxcbiAgcmVzb3VyY2VUeXBlczogUHJvcFR5cGVzLmFycmF5LFxuICBsb2FkaW5nUGxhY2Vob2xkZXJIZWlnaHQ6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoVHJhbnNsYXRpb24oKShNb3ZpZUdyaWQpO1xuIl19 */"))
+    css: /*#__PURE__*/(0, _core.css)("margin-left:", autoSizedProps.margin, "px;;label:MovieGrid;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURnQiIsImZpbGUiOiJNb3ZpZUdyaWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzIH0gZnJvbSAnQG5kbGEvY2Fyb3VzZWwnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBGaWxtQ29udGVudENhcmQgZnJvbSAnLi9GaWxtQ29udGVudENhcmQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBtb3ZpZUxpc3RDbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdmaWxtLW1vdmllbGlzdCcsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhdXRvU2l6ZWRQcm9wczogQ2FsY3VsYXRlZENhcm91c2VsUHJvcHM7XG4gIHJlc291cmNlVHlwZU5hbWU/OiBNb3ZpZVJlc291cmNlVHlwZTtcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGU6IGJvb2xlYW47XG4gIG1vdmllc0J5VHlwZTogTW92aWVUeXBlW107XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIGxvYWRpbmdQbGFjZWhvbGRlckhlaWdodD86IHN0cmluZztcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTW92aWVHcmlkID0gKHtcbiAgcmVzb3VyY2VUeXBlTmFtZSxcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGUsXG4gIG1vdmllc0J5VHlwZSxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgbG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0LFxuICBhdXRvU2l6ZWRQcm9wcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxzZWN0aW9uPlxuICAgICAgPGgxXG4gICAgICAgIHsuLi5tb3ZpZUxpc3RDbGFzc2VzKCdoZWFkaW5nJyl9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2F1dG9TaXplZFByb3BzLm1hcmdpbn1weDtcbiAgICAgICAgYH0+XG4gICAgICAgIHtyZXNvdXJjZVR5cGVOYW1lICYmIHJlc291cmNlVHlwZU5hbWUubmFtZX1cbiAgICAgICAgPHNtYWxsPlxuICAgICAgICAgIHtmZXRjaGluZ01vdmllc0J5VHlwZVxuICAgICAgICAgICAgPyB0KCduZGxhRmlsbS5sb2FkaW5nTW92aWVzJylcbiAgICAgICAgICAgIDogYCR7bW92aWVzQnlUeXBlLmxlbmd0aH0gJHt0KCduZGxhRmlsbS5tb3ZpZU1hdGNoSW5DYXRlZ29yeScpfWB9XG4gICAgICAgIDwvc21hbGw+XG4gICAgICA8L2gxPlxuICAgICAgPGRpdlxuICAgICAgICB7Li4ubW92aWVMaXN0Q2xhc3NlcygnbW92aWUtbGlzdGluZycpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHthdXRvU2l6ZWRQcm9wcy5tYXJnaW59cHg7XG4gICAgICAgIGB9PlxuICAgICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGUgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBoZWlnaHQ6ICR7bG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgeyFmZXRjaGluZ01vdmllc0J5VHlwZSAmJlxuICAgICAgICAgIG1vdmllc0J5VHlwZS5tYXAoKG1vdmllKSA9PiAoXG4gICAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkXG4gICAgICAgICAgICAgIGhpZGVUYWdzXG4gICAgICAgICAgICAgIG1vdmllPXttb3ZpZX1cbiAgICAgICAgICAgICAgY29sdW1uV2lkdGg9e2F1dG9TaXplZFByb3BzLmNvbHVtbldpZHRofVxuICAgICAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtcz17YXV0b1NpemVkUHJvcHMuZGlzdGFuY2VCZXR3ZWVuSXRlbXN9XG4gICAgICAgICAgICAgIHJlc291cmNlVHlwZXM9e3Jlc291cmNlVHlwZXN9XG4gICAgICAgICAgICAgIHJlc2l6ZVRodW1ibmFpbEltYWdlcz17cmVzaXplVGh1bWJuYWlsSW1hZ2VzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vdmllR3JpZDtcbiJdfQ== */"))
   }), fetchingMoviesByType && (0, _core.jsx)("div", {
-    css: /*#__PURE__*/(0, _core.css)("height:", loadingPlaceholderHeight, ";;label:MovieGrid;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENrQiIsImZpbGUiOiJNb3ZpZUdyaWQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgQkVNSGVscGVyIGZyb20gJ3JlYWN0LWJlbS1oZWxwZXInO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyB3aXRoVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBGaWxtQ29udGVudENhcmQgZnJvbSAnLi9GaWxtQ29udGVudENhcmQnO1xuXG5jb25zdCBtb3ZpZUxpc3RDbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdmaWxtLW1vdmllbGlzdCcsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG5jb25zdCBNb3ZpZUdyaWQgPSAoe1xuICByZXNvdXJjZVR5cGVOYW1lLFxuICBmZXRjaGluZ01vdmllc0J5VHlwZSxcbiAgbW92aWVzQnlUeXBlLFxuICByZXNvdXJjZVR5cGVzLFxuICBsb2FkaW5nUGxhY2Vob2xkZXJIZWlnaHQsXG4gIGF1dG9TaXplZFByb3BzLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXMsXG4gIHQsXG59KSA9PiAoXG4gIDxzZWN0aW9uPlxuICAgIDxoMVxuICAgICAgey4uLm1vdmllTGlzdENsYXNzZXMoJ2hlYWRpbmcnKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXJnaW4tbGVmdDogJHthdXRvU2l6ZWRQcm9wcy5tYXJnaW59cHg7XG4gICAgICBgfT5cbiAgICAgIHtyZXNvdXJjZVR5cGVOYW1lICYmIHJlc291cmNlVHlwZU5hbWUubmFtZX1cbiAgICAgIDxzbWFsbD5cbiAgICAgICAge2ZldGNoaW5nTW92aWVzQnlUeXBlXG4gICAgICAgICAgPyB0KCduZGxhRmlsbS5sb2FkaW5nTW92aWVzJylcbiAgICAgICAgICA6IGAke21vdmllc0J5VHlwZS5sZW5ndGh9ICR7dCgnbmRsYUZpbG0ubW92aWVNYXRjaEluQ2F0ZWdvcnknKX1gfVxuICAgICAgPC9zbWFsbD5cbiAgICA8L2gxPlxuICAgIDxkaXZcbiAgICAgIHsuLi5tb3ZpZUxpc3RDbGFzc2VzKCdtb3ZpZS1saXN0aW5nJyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7YXV0b1NpemVkUHJvcHMubWFyZ2lufXB4O1xuICAgICAgYH0+XG4gICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGUgJiYgKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6ICR7bG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0fTtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHshZmV0Y2hpbmdNb3ZpZXNCeVR5cGUgJiZcbiAgICAgICAgbW92aWVzQnlUeXBlLm1hcCgobW92aWUpID0+IChcbiAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkXG4gICAgICAgICAgICBoaWRlVGFnc1xuICAgICAgICAgICAgbW92aWU9e21vdmllfVxuICAgICAgICAgICAgY29sdW1uV2lkdGg9e2F1dG9TaXplZFByb3BzLmNvbHVtbldpZHRofVxuICAgICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM9e2F1dG9TaXplZFByb3BzLmRpc3RhbmNlQmV0d2Vlbkl0ZW1zfVxuICAgICAgICAgICAgcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc31cbiAgICAgICAgICAgIHJlc2l6ZVRodW1ibmFpbEltYWdlcz17cmVzaXplVGh1bWJuYWlsSW1hZ2VzfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgIDwvZGl2PlxuICA8L3NlY3Rpb24+XG4pO1xuXG5Nb3ZpZUdyaWQucHJvcFR5cGVzID0ge1xuICBhdXRvU2l6ZWRQcm9wczogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbiAgcmVzb3VyY2VUeXBlTmFtZTogUHJvcFR5cGVzLnNoYXBlKHtcbiAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9KSxcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGU6IFByb3BUeXBlcy5ib29sLFxuICBtb3ZpZXNCeVR5cGU6IFByb3BUeXBlcy5hcnJheSxcbiAgY2xhc3NlczogUHJvcFR5cGVzLmZ1bmMsXG4gIHJlc291cmNlVHlwZXM6IFByb3BUeXBlcy5hcnJheSxcbiAgbG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRyYW5zbGF0aW9uKCkoTW92aWVHcmlkKTtcbiJdfQ== */"))
+    css: /*#__PURE__*/(0, _core.css)("height:", loadingPlaceholderHeight, ";;label:MovieGrid;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RvQiIsImZpbGUiOiJNb3ZpZUdyaWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzIH0gZnJvbSAnQG5kbGEvY2Fyb3VzZWwnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBGaWxtQ29udGVudENhcmQgZnJvbSAnLi9GaWxtQ29udGVudENhcmQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCBtb3ZpZUxpc3RDbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdmaWxtLW1vdmllbGlzdCcsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhdXRvU2l6ZWRQcm9wczogQ2FsY3VsYXRlZENhcm91c2VsUHJvcHM7XG4gIHJlc291cmNlVHlwZU5hbWU/OiBNb3ZpZVJlc291cmNlVHlwZTtcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGU6IGJvb2xlYW47XG4gIG1vdmllc0J5VHlwZTogTW92aWVUeXBlW107XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIGxvYWRpbmdQbGFjZWhvbGRlckhlaWdodD86IHN0cmluZztcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTW92aWVHcmlkID0gKHtcbiAgcmVzb3VyY2VUeXBlTmFtZSxcbiAgZmV0Y2hpbmdNb3ZpZXNCeVR5cGUsXG4gIG1vdmllc0J5VHlwZSxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgbG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0LFxuICBhdXRvU2l6ZWRQcm9wcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxzZWN0aW9uPlxuICAgICAgPGgxXG4gICAgICAgIHsuLi5tb3ZpZUxpc3RDbGFzc2VzKCdoZWFkaW5nJyl9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke2F1dG9TaXplZFByb3BzLm1hcmdpbn1weDtcbiAgICAgICAgYH0+XG4gICAgICAgIHtyZXNvdXJjZVR5cGVOYW1lICYmIHJlc291cmNlVHlwZU5hbWUubmFtZX1cbiAgICAgICAgPHNtYWxsPlxuICAgICAgICAgIHtmZXRjaGluZ01vdmllc0J5VHlwZVxuICAgICAgICAgICAgPyB0KCduZGxhRmlsbS5sb2FkaW5nTW92aWVzJylcbiAgICAgICAgICAgIDogYCR7bW92aWVzQnlUeXBlLmxlbmd0aH0gJHt0KCduZGxhRmlsbS5tb3ZpZU1hdGNoSW5DYXRlZ29yeScpfWB9XG4gICAgICAgIDwvc21hbGw+XG4gICAgICA8L2gxPlxuICAgICAgPGRpdlxuICAgICAgICB7Li4ubW92aWVMaXN0Q2xhc3NlcygnbW92aWUtbGlzdGluZycpfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHthdXRvU2l6ZWRQcm9wcy5tYXJnaW59cHg7XG4gICAgICAgIGB9PlxuICAgICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGUgJiYgKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBoZWlnaHQ6ICR7bG9hZGluZ1BsYWNlaG9sZGVySGVpZ2h0fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgeyFmZXRjaGluZ01vdmllc0J5VHlwZSAmJlxuICAgICAgICAgIG1vdmllc0J5VHlwZS5tYXAoKG1vdmllKSA9PiAoXG4gICAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkXG4gICAgICAgICAgICAgIGhpZGVUYWdzXG4gICAgICAgICAgICAgIG1vdmllPXttb3ZpZX1cbiAgICAgICAgICAgICAgY29sdW1uV2lkdGg9e2F1dG9TaXplZFByb3BzLmNvbHVtbldpZHRofVxuICAgICAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtcz17YXV0b1NpemVkUHJvcHMuZGlzdGFuY2VCZXR3ZWVuSXRlbXN9XG4gICAgICAgICAgICAgIHJlc291cmNlVHlwZXM9e3Jlc291cmNlVHlwZXN9XG4gICAgICAgICAgICAgIHJlc2l6ZVRodW1ibmFpbEltYWdlcz17cmVzaXplVGh1bWJuYWlsSW1hZ2VzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vdmllR3JpZDtcbiJdfQ== */"))
   }), !fetchingMoviesByType && moviesByType.map(function (movie) {
     return (0, _core.jsx)(_FilmContentCard["default"], {
       hideTags: true,
@@ -53,18 +54,5 @@ var MovieGrid = function MovieGrid(_ref) {
   })));
 };
 
-MovieGrid.propTypes = {
-  autoSizedProps: _propTypes["default"].shape({}),
-  resourceTypeName: _propTypes["default"].shape({
-    name: _propTypes["default"].string
-  }),
-  fetchingMoviesByType: _propTypes["default"].bool,
-  moviesByType: _propTypes["default"].array,
-  classes: _propTypes["default"].func,
-  resourceTypes: _propTypes["default"].array,
-  loadingPlaceholderHeight: _propTypes["default"].string
-};
-
-var _default = (0, _reactI18next.withTranslation)()(MovieGrid);
-
+var _default = MovieGrid;
 exports["default"] = _default;

package/lib/NDLAFilm/SlideshowIndicator.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { NDLAMovie } from './interfaces';
+import { MovieType } from './types';
 interface Props {
-    slideshow: NDLAMovie[];
+    slideshow: MovieType[];
     activeSlide: number;
     gotoSlide: (indexTarget: number, useAnimation: boolean) => void;
 }

package/lib/NDLAFilm/VisualElement.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2019-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+interface Props {
+    visualElement: {
+        alt?: string;
+        url: string;
+        type: string;
+    };
+}
+declare const VisualElement: ({ visualElement }: Props) => JSX.Element | null;
+export default VisualElement;

package/lib/NDLAFilm/VisualElement.js

@@ -9,9 +9,7 @@ var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _ui = require("@ndla/ui");
+var _Image = _interopRequireDefault(require("../Image"));
 
 var _core = require("@emotion/core");
 
@@ -20,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 var StylediFrame = (0, _styledBase["default"])("iframe", {
-  target: "e1cbgka20",
+  target: "evqj21c0",
   label: "StylediFrame"
 })(process.env.NODE_ENV === "production" ? {
   name: "j04t3l",
@@ -28,39 +26,33 @@ var StylediFrame = (0, _styledBase["default"])("iframe", {
 } : {
   name: "j04t3l",
   styles: "height:100%;width:100%;border:0;margin:0;padding:0;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpc3VhbEVsZW1lbnQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFrQyIsImZpbGUiOiJWaXN1YWxFbGVtZW50LmpzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBJbWFnZSB9IGZyb20gJ0BuZGxhL3VpJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgU3R5bGVkaUZyYW1lID0gc3R5bGVkLmlmcmFtZWBcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBWaXN1YWxFbGVtZW50ID0gKHsgdmlzdWFsRWxlbWVudCB9KSA9PiB7XG4gIHN3aXRjaCAodmlzdWFsRWxlbWVudC50eXBlKSB7XG4gICAgY2FzZSAnaW1hZ2UnOlxuICAgICAgcmV0dXJuIDxJbWFnZSBzcmM9e3Zpc3VhbEVsZW1lbnQudXJsfSBhbHQ9e3Zpc3VhbEVsZW1lbnQuYWx0fSAvPjtcbiAgICBjYXNlICdicmlnaHRjb3ZlJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRpRnJhbWVcbiAgICAgICAgICBhbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCJcbiAgICAgICAgICB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCJcbiAgICAgICAgICBtb3phbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCJcbiAgICAgICAgICBzcmM9e3Zpc3VhbEVsZW1lbnQudXJsfVxuICAgICAgICAvPlxuICAgICAgKTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIG51bGw7XG4gIH1cbn07XG5cblZpc3VhbEVsZW1lbnQucHJvcFR5cGVzID0ge1xuICB2aXN1YWxFbGVtZW50OiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIHVybDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBhbHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdHlwZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgfSkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZpc3VhbEVsZW1lbnQ7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpc3VhbEVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQyIsImZpbGUiOiJWaXN1YWxFbGVtZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE5LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5cbmNvbnN0IFN0eWxlZGlGcmFtZSA9IHN0eWxlZC5pZnJhbWVgXG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogMDtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmlzdWFsRWxlbWVudDoge1xuICAgIGFsdD86IHN0cmluZztcbiAgICB1cmw6IHN0cmluZztcbiAgICB0eXBlOiBzdHJpbmc7XG4gIH07XG59XG5jb25zdCBWaXN1YWxFbGVtZW50ID0gKHsgdmlzdWFsRWxlbWVudCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHR5cGUsIHVybCwgYWx0IH0gPSB2aXN1YWxFbGVtZW50O1xuICBpZiAodHlwZSA9PT0gJ2ltYWdlJykge1xuICAgIHJldHVybiA8SW1hZ2Ugc3JjPXt1cmx9IGFsdD17YWx0ID8/ICcnfSAvPjtcbiAgfSBlbHNlIGlmICh0eXBlID09PSAnYnJpZ2h0Y292ZScpIHtcbiAgICAvL0B0cy1pZ25vcmUgcmVhY3QgZG9lcyBub3QgcmVjb2duaXplIGZ1bGxzY3JlZW4gcHJvcGVydGllcy5cbiAgICByZXR1cm4gPFN0eWxlZGlGcmFtZSBhbGxvd2Z1bGxzY3JlZW49XCJ0cnVlXCIgd2Via2l0YWxsb3dmdWxsc2NyZWVuPVwidHJ1ZVwiIG1vemFsbG93ZnVsbHNjcmVlbj1cInRydWVcIiBzcmM9e3VybH0gLz47XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IFZpc3VhbEVsZW1lbnQ7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
 var VisualElement = function VisualElement(_ref) {
   var visualElement = _ref.visualElement;
-
-  switch (visualElement.type) {
-    case 'image':
-      return (0, _core.jsx)(_ui.Image, {
-        src: visualElement.url,
-        alt: visualElement.alt
-      });
-
-    case 'brightcove':
-      return (0, _core.jsx)(StylediFrame, {
-        allowfullscreen: "true",
-        webkitallowfullscreen: "true",
-        mozallowfullscreen: "true",
-        src: visualElement.url
-      });
-
-    default:
-      return null;
+  var type = visualElement.type,
+      url = visualElement.url,
+      alt = visualElement.alt;
+
+  if (type === 'image') {
+    return (0, _core.jsx)(_Image["default"], {
+      src: url,
+      alt: alt !== null && alt !== void 0 ? alt : ''
+    });
+  } else if (type === 'brightcove') {
+    //@ts-ignore react does not recognize fullscreen properties.
+    return (0, _core.jsx)(StylediFrame, {
+      allowfullscreen: "true",
+      webkitallowfullscreen: "true",
+      mozallowfullscreen: "true",
+      src: url
+    });
+  } else {
+    return null;
   }
 };
 
-VisualElement.propTypes = {
-  visualElement: _propTypes["default"].shape({
-    url: _propTypes["default"].string,
-    alt: _propTypes["default"].string,
-    type: _propTypes["default"].string
-  }).isRequired
-};
 var _default = VisualElement;
 exports["default"] = _default;

package/lib/NDLAFilm/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2018-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import FilmSlideshow from './FilmSlideshow';
+import MovieGrid from './MovieGrid';
+import AboutNdlaFilm from './AboutNdlaFilm';
+import FilmMovieSearch from './FilmMovieSearch';
+import FilmMovieList from './FilmMovieList';
+import AllMoviesAlphabetically from './AllMoviesAlphabetically';
+export { FilmSlideshow, MovieGrid, AboutNdlaFilm, FilmMovieSearch, FilmMovieList, AllMoviesAlphabetically };

package/lib/NDLAFilm/types.d.ts

@@ -1,13 +1,15 @@
-export interface movieType {
-    id: string;
+export interface MovieType {
+    id: number | string;
     metaDescription: string;
-    metaImage: {
+    resourceTypes: MovieResourceType[];
+    metaImage?: {
         alt: string;
         url: string;
     };
-    movieTypes: {
-        [key: string]: boolean;
-    };
     path: string;
     title: string;
 }
+export interface MovieResourceType {
+    id: string;
+    name: string;
+}

package/lib/Navigation/NavigationBox.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { MouseEvent, ChangeEventHandler } from 'react';
 declare type listProps = {
     direction?: 'horizontal' | 'vertical' | 'floating';
 };
@@ -15,12 +15,12 @@ declare type Props = {
     colorMode?: 'dark' | 'light' | 'greyLightest' | 'greyLighter';
     isButtonElements?: boolean;
     items: ItemProps[];
-    onClick?: (event: React.MouseEvent<HTMLElement>, id?: string) => void;
+    onClick?: (event: MouseEvent<HTMLElement>, id?: string) => void;
     hasAdditionalResources?: boolean;
     showAdditionalResources?: boolean;
     listDirection?: listProps['direction'];
     invertedStyle?: boolean;
-    onToggleAdditionalResources?: React.ChangeEventHandler<HTMLInputElement>;
+    onToggleAdditionalResources?: ChangeEventHandler<HTMLInputElement>;
 };
 export declare const NavigationBox: ({ heading, colorMode, items, isButtonElements, onClick, hasAdditionalResources, showAdditionalResources, listDirection, invertedStyle, onToggleAdditionalResources, }: Props) => JSX.Element;
 export default NavigationBox;