@ndla/ui 3.3.13 → 3.3.17

package/lib/NDLAFilm/CategorySelect.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { WithTranslation } from 'react-i18next';
+import { MovieResourceType } from './types';
+interface Props extends WithTranslation {
+    resourceTypes: MovieResourceType[];
+    resourceTypeSelected?: MovieResourceType;
+    ariaControlId?: string;
+    onChangeResourceType: (resourceId?: string) => void;
+}
+declare const _default: React.ComponentType<Pick<Pick<Props, "t" | "tReady" | "resourceTypes" | "resourceTypeSelected" | "ariaControlId" | "onChangeResourceType">, "resourceTypes" | "resourceTypeSelected" | "ariaControlId" | "onChangeResourceType"> & import("react-i18next").WithTranslationProps>;
+export default _default;

package/lib/NDLAFilm/CategorySelect.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
@@ -21,6 +19,10 @@ var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 function _extends() { _extends = Object.assign || 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); }
@@ -45,13 +47,15 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var classes = new _reactBemHelper["default"]({
   name: 'film-moviesearch',
   prefix: 'c-'
 });
 
-var CategorySelect = /*#__PURE__*/function (_React$Component) {
-  _inherits(CategorySelect, _React$Component);
+var CategorySelect = /*#__PURE__*/function (_Component) {
+  _inherits(CategorySelect, _Component);
 
   var _super = _createSuper(CategorySelect);
 
@@ -61,9 +65,13 @@ var CategorySelect = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, CategorySelect);
 
     _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "references", void 0);
+
     _this.state = {
       resourceTypesIsOpen: false
     };
+    _this.references = {};
     _this.createRef = _this.createRef.bind(_assertThisInitialized(_this));
     _this.openSelect = _this.openSelect.bind(_assertThisInitialized(_this));
     _this.onSelect = _this.onSelect.bind(_assertThisInitialized(_this));
@@ -73,7 +81,7 @@ var CategorySelect = /*#__PURE__*/function (_React$Component) {
   _createClass(CategorySelect, [{
     key: "createRef",
     value: function createRef(el, name) {
-      this[name] = el;
+      this.references[name] = el;
     }
   }, {
     key: "openSelect",
@@ -84,8 +92,10 @@ var CategorySelect = /*#__PURE__*/function (_React$Component) {
       this.setState({
         resourceTypesIsOpen: true
       }, function () {
-        if (resourceTypeSelected && _this2[resourceTypeSelected.id]) {
-          _this2[resourceTypeSelected.id].focus();
+        if (resourceTypeSelected && _this2.references[resourceTypeSelected.id]) {
+          var _this2$references$res;
+
+          (_this2$references$res = _this2.references[resourceTypeSelected.id]) === null || _this2$references$res === void 0 ? void 0 : _this2$references$res.focus();
         }
       });
     }
@@ -154,7 +164,7 @@ var CategorySelect = /*#__PURE__*/function (_React$Component) {
             return _this3.onSelect(resourceType.id);
           }
         }, classes('dropdown-button', {
-          selected: resourceTypeSelected && resourceTypeSelected.id === resourceType.id
+          selected: !!resourceTypeSelected && resourceTypeSelected.id === resourceType.id
         }), {
           "data-id": resourceType.id,
           key: resourceType.id
@@ -164,16 +174,7 @@ var CategorySelect = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return CategorySelect;
-}(_react["default"].Component);
-
-CategorySelect.propTypes = {
-  resourceTypes: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  resourceTypeSelected: _propTypes["default"].shape({
-    id: _propTypes["default"].string,
-    name: _propTypes["default"].string
-  }),
-  ariaControlId: _propTypes["default"].string
-};
+}(_react.Component);
 
 var _default = (0, _reactI18next.withTranslation)()(CategorySelect);
 

package/lib/NDLAFilm/FilmContentCard.d.ts

@@ -0,0 +1,11 @@
+import { MovieResourceType, MovieType } from './types';
+interface Props {
+    movie: MovieType;
+    columnWidth: number;
+    distanceBetweenItems?: number;
+    resourceTypes: MovieResourceType[];
+    resizeThumbnailImages?: boolean;
+    hideTags?: boolean;
+}
+declare const FilmContentCard: ({ movie: { metaImage, resourceTypes: movieResourceTypes, title, id, path }, columnWidth, distanceBetweenItems, resourceTypes, resizeThumbnailImages, hideTags, }: Props) => JSX.Element;
+export default FilmContentCard;

package/lib/NDLAFilm/FilmContentCard.js

@@ -9,8 +9,6 @@ var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _core = require("@ndla/core");
 
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
@@ -23,7 +21,6 @@ var _core2 = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-// @ts-ignore
 var FilmContentCard = function FilmContentCard(_ref) {
   var _ref$movie = _ref.movie,
       metaImage = _ref$movie.metaImage,
@@ -35,7 +32,8 @@ var FilmContentCard = function FilmContentCard(_ref) {
       distanceBetweenItems = _ref.distanceBetweenItems,
       resourceTypes = _ref.resourceTypes,
       resizeThumbnailImages = _ref.resizeThumbnailImages,
-      hideTags = _ref.hideTags;
+      _ref$hideTags = _ref.hideTags,
+      hideTags = _ref$hideTags === void 0 ? false : _ref$hideTags;
   var backgroundImage = "".concat(metaImage && metaImage.url || '');
 
   if (resizeThumbnailImages && metaImage) {
@@ -64,34 +62,20 @@ var FilmContentCard = function FilmContentCard(_ref) {
 };
 
 var StyledMovieTitle = (0, _styledBase["default"])("h2", {
-  target: "epg5j1k0",
+  target: "en6bui50",
   label: "StyledMovieTitle"
-})(_core.fonts.sizes('14px', '20px'), ";font-weight:", _core.fonts.weight.semibold, ";color:#fff;margin:", _core.spacing.xsmall, " 0 ", _core.spacing.normal, ";min-height:", _core.spacing.large, ";@media (min-width:", _core.breakpoints.mobileWide, "){", _core.fonts.sizes('16px', '22px'), ";}@media (min-width:", _core.breakpoints.tablet, "){margin:", _core.spacing.small, " 0;", _core.fonts.sizes('18px', '24px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENrQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIGZvbnRzLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IG1ha2VTcmNRdWVyeVN0cmluZyB9IGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCBGaWxtQ29udGVudENhcmRUYWdzIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkVGFncyc7XG5cbmNvbnN0IEZpbG1Db250ZW50Q2FyZCA9ICh7XG4gIG1vdmllOiB7IG1ldGFJbWFnZSwgcmVzb3VyY2VUeXBlczogbW92aWVSZXNvdXJjZVR5cGVzLCB0aXRsZSwgaWQsIHBhdGggfSxcbiAgY29sdW1uV2lkdGgsXG4gIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXMsXG4gIGhpZGVUYWdzLFxufSkgPT4ge1xuICBsZXQgYmFja2dyb3VuZEltYWdlID0gYCR7KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UudXJsKSB8fCAnJ31gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbGlkZVdyYXBwZXIga2V5PXtpZH0gY29sdW1uV2lkdGg9e2NvbHVtbldpZHRofSBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19PlxuICAgICAgPFNhZmVMaW5rIHRvPXtwYXRofT5cbiAgICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgY29sdW1uV2lkdGg9e2NvbHVtbldpZHRofVxuICAgICAgICAgIGFyaWEtbGFiZWw9eyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLmFsdCkgfHwgJyd9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogYHVybCgke2JhY2tncm91bmRJbWFnZX0/JHttYWtlU3JjUXVlcnlTdHJpbmcoNjAwKX0pYCxcbiAgICAgICAgICB9fT5cbiAgICAgICAgICB7bW92aWVSZXNvdXJjZVR5cGVzICYmICFoaWRlVGFncyAmJiAoXG4gICAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkVGFncyBtb3ZpZVJlc291cmNlVHlwZXM9e21vdmllUmVzb3VyY2VUeXBlc30gcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc30gLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0eWxlZEltYWdlPlxuICAgICAgICA8U3R5bGVkTW92aWVUaXRsZT57dGl0bGV9PC9TdHlsZWRNb3ZpZVRpdGxlPlxuICAgICAgPC9TYWZlTGluaz5cbiAgICA8L1N0eWxlZFNsaWRlV3JhcHBlcj5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuaDJgXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMjBweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICNmZmY7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMCAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWluLWhlaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aCAqIDAuNTYyNX1weDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi15OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgdHJhbnNpdGlvbjogMjAwbXMgZWFzZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3J9O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkU2xpZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuRmlsbUNvbnRlbnRDYXJkLnByb3BUeXBlcyA9IHtcbiAgbW92aWU6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdXJsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9KS5pc1JlcXVpcmVkLFxuICBjb2x1bW5XaWR0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJlc291cmNlVHlwZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5vYmplY3QpLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXM6IFByb3BUeXBlcy5ib29sLFxuICBoaWRlVGFnczogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5GaWxtQ29udGVudENhcmQuZGVmYXVsdFByb3BzID0ge1xuICBoaWRlVGFnczogZmFsc2UsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtQ29udGVudENhcmQ7XG4iXX0= */"));
+})(_core.fonts.sizes('14px', '20px'), ";font-weight:", _core.fonts.weight.semibold, ";color:#fff;margin:", _core.spacing.xsmall, " 0 ", _core.spacing.normal, ";min-height:", _core.spacing.large, ";@media (min-width:", _core.breakpoints.mobileWide, "){", _core.fonts.sizes('16px', '22px'), ";}@media (min-width:", _core.breakpoints.tablet, "){margin:", _core.spacing.small, " 0;", _core.fonts.sizes('18px', '24px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
 var StyledImage = (0, _styledBase["default"])("div", {
-  target: "epg5j1k1",
+  target: "en6bui51",
   label: "StyledImage"
 })("height:", function (props) {
   return props.columnWidth * 0.5625;
-}, "px;background-size:cover;background-color:", _core.colors.ndlaFilm.filmColorLight, ";background-position-x:center;background-position-y:center;position:relative;display:flex;align-items:flex-end;&:before{content:'';transition:200ms ease;display:block;background:", _core.colors.ndlaFilm.filmColor, ";opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUQ4QiIsImZpbGUiOiJGaWxtQ29udGVudENhcmQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIGZvbnRzLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IG1ha2VTcmNRdWVyeVN0cmluZyB9IGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCBGaWxtQ29udGVudENhcmRUYWdzIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkVGFncyc7XG5cbmNvbnN0IEZpbG1Db250ZW50Q2FyZCA9ICh7XG4gIG1vdmllOiB7IG1ldGFJbWFnZSwgcmVzb3VyY2VUeXBlczogbW92aWVSZXNvdXJjZVR5cGVzLCB0aXRsZSwgaWQsIHBhdGggfSxcbiAgY29sdW1uV2lkdGgsXG4gIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXMsXG4gIGhpZGVUYWdzLFxufSkgPT4ge1xuICBsZXQgYmFja2dyb3VuZEltYWdlID0gYCR7KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UudXJsKSB8fCAnJ31gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbGlkZVdyYXBwZXIga2V5PXtpZH0gY29sdW1uV2lkdGg9e2NvbHVtbldpZHRofSBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19PlxuICAgICAgPFNhZmVMaW5rIHRvPXtwYXRofT5cbiAgICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgY29sdW1uV2lkdGg9e2NvbHVtbldpZHRofVxuICAgICAgICAgIGFyaWEtbGFiZWw9eyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLmFsdCkgfHwgJyd9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogYHVybCgke2JhY2tncm91bmRJbWFnZX0/JHttYWtlU3JjUXVlcnlTdHJpbmcoNjAwKX0pYCxcbiAgICAgICAgICB9fT5cbiAgICAgICAgICB7bW92aWVSZXNvdXJjZVR5cGVzICYmICFoaWRlVGFncyAmJiAoXG4gICAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkVGFncyBtb3ZpZVJlc291cmNlVHlwZXM9e21vdmllUmVzb3VyY2VUeXBlc30gcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc30gLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0eWxlZEltYWdlPlxuICAgICAgICA8U3R5bGVkTW92aWVUaXRsZT57dGl0bGV9PC9TdHlsZWRNb3ZpZVRpdGxlPlxuICAgICAgPC9TYWZlTGluaz5cbiAgICA8L1N0eWxlZFNsaWRlV3JhcHBlcj5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuaDJgXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMjBweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICNmZmY7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMCAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWluLWhlaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aCAqIDAuNTYyNX1weDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi15OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgdHJhbnNpdGlvbjogMjAwbXMgZWFzZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3J9O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkU2xpZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuRmlsbUNvbnRlbnRDYXJkLnByb3BUeXBlcyA9IHtcbiAgbW92aWU6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdXJsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9KS5pc1JlcXVpcmVkLFxuICBjb2x1bW5XaWR0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJlc291cmNlVHlwZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5vYmplY3QpLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXM6IFByb3BUeXBlcy5ib29sLFxuICBoaWRlVGFnczogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5GaWxtQ29udGVudENhcmQuZGVmYXVsdFByb3BzID0ge1xuICBoaWRlVGFnczogZmFsc2UsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtQ29udGVudENhcmQ7XG4iXX0= */"));
+}, "px;background-size:cover;background-color:", _core.colors.ndlaFilm.filmColorLight, ";background-position-x:center;background-position-y:center;position:relative;display:flex;align-items:flex-end;&:before{content:'';transition:200ms ease;display:block;background:", _core.colors.ndlaFilm.filmColor, ";opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VnRCIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
 var StyledSlideWrapper = (0, _styledBase["default"])("div", {
-  target: "epg5j1k2",
+  target: "en6bui52",
   label: "StyledSlideWrapper"
 })("width:", function (props) {
   return props.columnWidth;
-}, "px;color:#fff;box-shadow:none;&:hover,&:focus{", StyledMovieTitle, "{text-decoration:underline;}", StyledImage, "{&:before{opacity:0.3;}> div{opacity:1;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZxQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIGZvbnRzLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IG1ha2VTcmNRdWVyeVN0cmluZyB9IGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCBGaWxtQ29udGVudENhcmRUYWdzIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkVGFncyc7XG5cbmNvbnN0IEZpbG1Db250ZW50Q2FyZCA9ICh7XG4gIG1vdmllOiB7IG1ldGFJbWFnZSwgcmVzb3VyY2VUeXBlczogbW92aWVSZXNvdXJjZVR5cGVzLCB0aXRsZSwgaWQsIHBhdGggfSxcbiAgY29sdW1uV2lkdGgsXG4gIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXMsXG4gIGhpZGVUYWdzLFxufSkgPT4ge1xuICBsZXQgYmFja2dyb3VuZEltYWdlID0gYCR7KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UudXJsKSB8fCAnJ31gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbGlkZVdyYXBwZXIga2V5PXtpZH0gY29sdW1uV2lkdGg9e2NvbHVtbldpZHRofSBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19PlxuICAgICAgPFNhZmVMaW5rIHRvPXtwYXRofT5cbiAgICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgY29sdW1uV2lkdGg9e2NvbHVtbldpZHRofVxuICAgICAgICAgIGFyaWEtbGFiZWw9eyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLmFsdCkgfHwgJyd9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogYHVybCgke2JhY2tncm91bmRJbWFnZX0/JHttYWtlU3JjUXVlcnlTdHJpbmcoNjAwKX0pYCxcbiAgICAgICAgICB9fT5cbiAgICAgICAgICB7bW92aWVSZXNvdXJjZVR5cGVzICYmICFoaWRlVGFncyAmJiAoXG4gICAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkVGFncyBtb3ZpZVJlc291cmNlVHlwZXM9e21vdmllUmVzb3VyY2VUeXBlc30gcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc30gLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0eWxlZEltYWdlPlxuICAgICAgICA8U3R5bGVkTW92aWVUaXRsZT57dGl0bGV9PC9TdHlsZWRNb3ZpZVRpdGxlPlxuICAgICAgPC9TYWZlTGluaz5cbiAgICA8L1N0eWxlZFNsaWRlV3JhcHBlcj5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuaDJgXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMjBweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICNmZmY7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMCAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWluLWhlaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aCAqIDAuNTYyNX1weDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi15OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgdHJhbnNpdGlvbjogMjAwbXMgZWFzZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3J9O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkU2xpZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuRmlsbUNvbnRlbnRDYXJkLnByb3BUeXBlcyA9IHtcbiAgbW92aWU6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdXJsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9KS5pc1JlcXVpcmVkLFxuICBjb2x1bW5XaWR0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJlc291cmNlVHlwZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5vYmplY3QpLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXM6IFByb3BUeXBlcy5ib29sLFxuICBoaWRlVGFnczogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5GaWxtQ29udGVudENhcmQuZGVmYXVsdFByb3BzID0ge1xuICBoaWRlVGFnczogZmFsc2UsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtQ29udGVudENhcmQ7XG4iXX0= */"));
-FilmContentCard.propTypes = {
-  movie: _propTypes["default"].shape({
-    id: _propTypes["default"].string,
-    url: _propTypes["default"].string
-  }).isRequired,
-  columnWidth: _propTypes["default"].number,
-  distanceBetweenItems: _propTypes["default"].number,
-  resourceTypes: _propTypes["default"].arrayOf(_propTypes["default"].object),
-  resizeThumbnailImages: _propTypes["default"].bool,
-  hideTags: _propTypes["default"].bool
-};
-FilmContentCard.defaultProps = {
-  hideTags: false
-};
+}, "px;color:#fff;box-shadow:none;&:hover,&:focus{", StyledMovieTitle, "{text-decoration:underline;}", StyledImage, "{&:before{opacity:0.3;}> div{opacity:1;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0Y4RCIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
 var _default = FilmContentCard;
 exports["default"] = _default;

package/lib/NDLAFilm/FilmContentCardTags.d.ts

@@ -0,0 +1,7 @@
+import { MovieResourceType } from './types';
+interface Props {
+    movieResourceTypes: MovieResourceType[];
+    resourceTypes: MovieResourceType[];
+}
+declare const FilmContentCardTags: ({ movieResourceTypes, resourceTypes }: Props) => JSX.Element;
+export default FilmContentCardTags;

package/lib/NDLAFilm/FilmContentCardTags.js

@@ -9,8 +9,6 @@ var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _core = require("@ndla/core");
 
 var _core2 = require("@emotion/core");
@@ -18,13 +16,13 @@ var _core2 = require("@emotion/core");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var StyledWrapperDiv = (0, _styledBase["default"])("div", {
-  target: "ecjt1wu0",
+  target: "eon4s9c0",
   label: "StyledWrapperDiv"
-})("transition:opacity 200ms ease;padding:", _core.spacing.xsmall, " ", _core.spacing.xsmall, ";opacity:0;display:relative;z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUttQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIGNvbG9ycywgZm9udHMsIG1pc2MgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcyB9KSA9PiB7XG4gIGNvbnN0IHJlc291cmNlcyA9IHt9O1xuICBtb3ZpZVJlc291cmNlVHlwZXMuZm9yRWFjaCgobW92aWVSZXNvdXJjZVR5cGUpID0+IHtcbiAgICBjb25zdCByZXNvdXJjZSA9IHJlc291cmNlVHlwZXMuZmluZCgocmVzb3VyY2VUeXBlKSA9PiByZXNvdXJjZVR5cGUuaWQgPT09IG1vdmllUmVzb3VyY2VUeXBlLmlkKTtcbiAgICBpZiAocmVzb3VyY2UpIHtcbiAgICAgIHJlc291cmNlc1tyZXNvdXJjZS5uYW1lXSA9IHRydWU7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkV3JhcHBlckRpdj5cbiAgICAgIHtPYmplY3Qua2V5cyhyZXNvdXJjZXMpLm1hcCgocmVzb3VyY2VOYW1lKSA9PiAoXG4gICAgICAgIDxTdHlsZWRNb3ZpZVRhZ3Mga2V5PXtyZXNvdXJjZU5hbWV9PntyZXNvdXJjZU5hbWV9PC9TdHlsZWRNb3ZpZVRhZ3M+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFdyYXBwZXJEaXY+XG4gICk7XG59O1xuXG5GaWxtQ29udGVudENhcmRUYWdzLnByb3BUeXBlcyA9IHtcbiAgcmVzb3VyY2VUeXBlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm9iamVjdCkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
+})("transition:opacity 200ms ease;padding:", _core.spacing.xsmall, " ", _core.spacing.xsmall, ";opacity:0;display:relative;z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUttQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgY29sb3JzLCBmb250cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWVSZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xufVxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZXNvdXJjZXM6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0ge307XG4gIG1vdmllUmVzb3VyY2VUeXBlcy5mb3JFYWNoKChtb3ZpZVJlc291cmNlVHlwZSkgPT4ge1xuICAgIGNvbnN0IHJlc291cmNlID0gcmVzb3VyY2VUeXBlcy5maW5kKChyZXNvdXJjZVR5cGUpID0+IHJlc291cmNlVHlwZS5pZCA9PT0gbW92aWVSZXNvdXJjZVR5cGUuaWQpO1xuICAgIGlmIChyZXNvdXJjZSkge1xuICAgICAgcmVzb3VyY2VzW3Jlc291cmNlLm5hbWVdID0gdHJ1ZTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyRGl2PlxuICAgICAge09iamVjdC5rZXlzKHJlc291cmNlcykubWFwKChyZXNvdXJjZU5hbWUpID0+IChcbiAgICAgICAgPFN0eWxlZE1vdmllVGFncyBrZXk9e3Jlc291cmNlTmFtZX0+e3Jlc291cmNlTmFtZX08L1N0eWxlZE1vdmllVGFncz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkV3JhcHBlckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
 var StyledMovieTags = (0, _styledBase["default"])("span", {
-  target: "ecjt1wu1",
+  target: "eon4s9c1",
   label: "StyledMovieTags"
-})(_core.fonts.sizes('14px', '16px'), ";font-weight:", _core.fonts.weight.semibold, ";background:", _core.colors.brand.greyLight, ";padding:calc(", _core.spacing.xsmall, " / 2) ", _core.spacing.xsmall, ";border-radius:", _core.misc.borderRadius, ";color:", _core.colors.text.primary, ";margin-right:", _core.spacingUnit / 4, "px;margin-bottom:", _core.spacingUnit / 8, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIGNvbG9ycywgZm9udHMsIG1pc2MgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcyB9KSA9PiB7XG4gIGNvbnN0IHJlc291cmNlcyA9IHt9O1xuICBtb3ZpZVJlc291cmNlVHlwZXMuZm9yRWFjaCgobW92aWVSZXNvdXJjZVR5cGUpID0+IHtcbiAgICBjb25zdCByZXNvdXJjZSA9IHJlc291cmNlVHlwZXMuZmluZCgocmVzb3VyY2VUeXBlKSA9PiByZXNvdXJjZVR5cGUuaWQgPT09IG1vdmllUmVzb3VyY2VUeXBlLmlkKTtcbiAgICBpZiAocmVzb3VyY2UpIHtcbiAgICAgIHJlc291cmNlc1tyZXNvdXJjZS5uYW1lXSA9IHRydWU7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkV3JhcHBlckRpdj5cbiAgICAgIHtPYmplY3Qua2V5cyhyZXNvdXJjZXMpLm1hcCgocmVzb3VyY2VOYW1lKSA9PiAoXG4gICAgICAgIDxTdHlsZWRNb3ZpZVRhZ3Mga2V5PXtyZXNvdXJjZU5hbWV9PntyZXNvdXJjZU5hbWV9PC9TdHlsZWRNb3ZpZVRhZ3M+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFdyYXBwZXJEaXY+XG4gICk7XG59O1xuXG5GaWxtQ29udGVudENhcmRUYWdzLnByb3BUeXBlcyA9IHtcbiAgcmVzb3VyY2VUeXBlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm9iamVjdCkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
+})(_core.fonts.sizes('14px', '16px'), ";font-weight:", _core.fonts.weight.semibold, ";background:", _core.colors.brand.greyLight, ";padding:calc(", _core.spacing.xsmall, " / 2) ", _core.spacing.xsmall, ";border-radius:", _core.misc.borderRadius, ";color:", _core.colors.text.primary, ";margin-right:", _core.spacingUnit / 4, "px;margin-bottom:", _core.spacingUnit / 8, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgY29sb3JzLCBmb250cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWVSZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xufVxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZXNvdXJjZXM6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0ge307XG4gIG1vdmllUmVzb3VyY2VUeXBlcy5mb3JFYWNoKChtb3ZpZVJlc291cmNlVHlwZSkgPT4ge1xuICAgIGNvbnN0IHJlc291cmNlID0gcmVzb3VyY2VUeXBlcy5maW5kKChyZXNvdXJjZVR5cGUpID0+IHJlc291cmNlVHlwZS5pZCA9PT0gbW92aWVSZXNvdXJjZVR5cGUuaWQpO1xuICAgIGlmIChyZXNvdXJjZSkge1xuICAgICAgcmVzb3VyY2VzW3Jlc291cmNlLm5hbWVdID0gdHJ1ZTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyRGl2PlxuICAgICAge09iamVjdC5rZXlzKHJlc291cmNlcykubWFwKChyZXNvdXJjZU5hbWUpID0+IChcbiAgICAgICAgPFN0eWxlZE1vdmllVGFncyBrZXk9e3Jlc291cmNlTmFtZX0+e3Jlc291cmNlTmFtZX08L1N0eWxlZE1vdmllVGFncz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkV3JhcHBlckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
 
 var FilmContentCardTags = function FilmContentCardTags(_ref) {
   var movieResourceTypes = _ref.movieResourceTypes,
@@ -46,8 +44,5 @@ var FilmContentCardTags = function FilmContentCardTags(_ref) {
   }));
 };
 
-FilmContentCardTags.propTypes = {
-  resourceTypes: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired
-};
 var _default = FilmContentCardTags;
 exports["default"] = _default;

package/lib/NDLAFilm/FilmMovieList.d.ts

@@ -0,0 +1,19 @@
+/** * Copyright (c) 2016-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 { CalculatedCarouselProps } from '@ndla/carousel';
+import { MovieResourceType, MovieType } from './types';
+interface Props {
+    movies: MovieType[];
+    name: string;
+    slideBackwardsLabel: string;
+    slideForwardsLabel: string;
+    resourceTypes: MovieResourceType[];
+    autoSizedProps: CalculatedCarouselProps;
+    resizeThumbnailImages?: boolean;
+}
+declare const FilmMovieList: ({ name, movies, slideBackwardsLabel, slideForwardsLabel, resourceTypes, autoSizedProps, resizeThumbnailImages, }: Props) => JSX.Element;
+export default FilmMovieList;

package/lib/NDLAFilm/FilmMovieList.js

@@ -7,16 +7,12 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _carousel = require("@ndla/carousel");
 
 var _FilmContentCard = _interopRequireDefault(require("./FilmContentCard"));
 
-var _shapes = require("./shapes");
-
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -30,10 +26,12 @@ var classes = new _reactBemHelper["default"]({
 
 var FilmMovieList = function FilmMovieList(_ref) {
   var name = _ref.name,
-      movies = _ref.movies,
+      _ref$movies = _ref.movies,
+      movies = _ref$movies === void 0 ? [] : _ref$movies,
       slideBackwardsLabel = _ref.slideBackwardsLabel,
       slideForwardsLabel = _ref.slideForwardsLabel,
-      resourceTypes = _ref.resourceTypes,
+      _ref$resourceTypes = _ref.resourceTypes,
+      resourceTypes = _ref$resourceTypes === void 0 ? [] : _ref$resourceTypes,
       autoSizedProps = _ref.autoSizedProps,
       resizeThumbnailImages = _ref.resizeThumbnailImages;
   return (0, _core.jsx)("section", classes(), (0, _core.jsx)("h1", _extends({}, classes('heading'), {
@@ -41,6 +39,7 @@ var FilmMovieList = function FilmMovieList(_ref) {
       marginLeft: "".concat(autoSizedProps.margin, "px")
     }
   }), name), (0, _core.jsx)(_carousel.Carousel, _extends({
+    disableScroll: false,
     slideBackwardsLabel: slideBackwardsLabel,
     slideForwardsLabel: slideForwardsLabel,
     buttonClass: "c-film-movielist__carousel-buttons",
@@ -57,20 +56,5 @@ var FilmMovieList = function FilmMovieList(_ref) {
   }, autoSizedProps)));
 };
 
-FilmMovieList.propTypes = {
-  movies: _propTypes["default"].arrayOf(_shapes.movieShape),
-  name: _propTypes["default"].string.isRequired,
-  slideBackwardsLabel: _propTypes["default"].string.isRequired,
-  slideForwardsLabel: _propTypes["default"].string.isRequired,
-  resourceTypes: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    name: _propTypes["default"].string,
-    id: _propTypes["default"].id
-  })),
-  autoSizedProps: _propTypes["default"].shape({})
-};
-FilmMovieList.defaultProps = {
-  movies: [],
-  resourceTypes: []
-};
 var _default = FilmMovieList;
 exports["default"] = _default;

package/lib/NDLAFilm/FilmMovieSearch.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2016-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 { MovieResourceType } from './types';
+interface Props {
+    topics?: {
+        id: string;
+        path: string;
+        name: string;
+    }[];
+    onChangeResourceType: (resourceType?: string) => void;
+    resourceTypeSelected?: MovieResourceType;
+    resourceTypes: MovieResourceType[];
+    ariaControlId: string;
+}
+declare const FilmMovieSearch: ({ topics, onChangeResourceType, resourceTypes, resourceTypeSelected, ariaControlId, }: Props) => JSX.Element;
+export default FilmMovieSearch;

package/lib/NDLAFilm/FilmMovieSearch.js

@@ -7,28 +7,27 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
-var _ui = require("@ndla/ui");
-
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
 
 var _reactI18next = require("react-i18next");
 
 var _CategorySelect = _interopRequireDefault(require("./CategorySelect"));
 
-var _shapes = require("./shapes");
+var _ = require("..");
 
 var _core = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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; }
-
+/**
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
 var classes = new _reactBemHelper["default"]({
   name: 'film-moviesearch',
   prefix: 'c-'
@@ -39,11 +38,17 @@ var classesMovieList = new _reactBemHelper["default"]({
 });
 
 var FilmMovieSearch = function FilmMovieSearch(_ref) {
-  var topics = _ref.topics,
-      t = _ref.t,
-      props = _objectWithoutProperties(_ref, ["topics", "t"]);
+  var _ref$topics = _ref.topics,
+      topics = _ref$topics === void 0 ? [] : _ref$topics,
+      onChangeResourceType = _ref.onChangeResourceType,
+      resourceTypes = _ref.resourceTypes,
+      resourceTypeSelected = _ref.resourceTypeSelected,
+      ariaControlId = _ref.ariaControlId;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
 
-  return (0, _core.jsx)("div", classes(''), (0, _core.jsx)(_ui.OneColumn, null, (0, _core.jsx)("div", classes('topic-navigation'), (0, _core.jsx)("h2", classesMovieList('heading', '', 'u-12/12 u-4/12@tablet'), t('ndlaFilm.subjectsInMovies'), ":"), (0, _core.jsx)("nav", {
+  return (0, _core.jsx)("div", classes(''), (0, _core.jsx)(_.OneColumn, null, (0, _core.jsx)("div", classes('topic-navigation'), (0, _core.jsx)("h2", classesMovieList('heading', '', 'u-12/12 u-4/12@tablet'), t('ndlaFilm.subjectsInMovies'), ":"), (0, _core.jsx)("nav", {
     className: "u-12/12 u-8/12@tablet"
   }, (0, _core.jsx)("ul", null, topics.map(function (topic) {
     return (0, _core.jsx)("li", {
@@ -52,23 +57,13 @@ var FilmMovieSearch = function FilmMovieSearch(_ref) {
       to: topic.path,
       key: topic.id
     }, (0, _core.jsx)("span", null, topic.name)));
-  })))), (0, _core.jsx)(_CategorySelect["default"], props)));
+  })))), (0, _core.jsx)(_CategorySelect["default"], {
+    onChangeResourceType: onChangeResourceType,
+    resourceTypes: resourceTypes,
+    resourceTypeSelected: resourceTypeSelected,
+    ariaControlId: ariaControlId
+  })));
 };
 
-FilmMovieSearch.propTypes = {
-  topics: _propTypes["default"].arrayOf(_shapes.topicShape),
-  onChangeResourceType: _propTypes["default"].func.isRequired,
-  resourceTypeSelected: _propTypes["default"].shape({
-    name: _propTypes["default"].string,
-    id: _propTypes["default"].string
-  }),
-  ariaControlId: _propTypes["default"].string.isRequired,
-  t: _propTypes["default"].func.isRequired
-};
-FilmMovieSearch.defaultProps = {
-  topics: []
-};
-
-var _default = (0, _reactI18next.withTranslation)()(FilmMovieSearch);
-
+var _default = FilmMovieSearch;
 exports["default"] = _default;

package/lib/NDLAFilm/FilmSlideshow.d.ts

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { NDLAMovie } from './interfaces';
+import { MovieType } from './types';
 interface Props {
-    autoSlide: boolean;
-    randomStart: boolean;
-    slideshow: NDLAMovie[];
-    slideInterval: number;
+    autoSlide?: boolean;
+    randomStart?: boolean;
+    slideshow: MovieType[];
+    slideInterval?: number;
 }
 declare const FilmSlideshow: ({ autoSlide, slideshow, slideInterval }: Props) => JSX.Element;
 export default FilmSlideshow;

package/lib/NDLAFilm/FilmSlideshow.js

@@ -256,6 +256,7 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
     activeSlide = 0;
   }
 
+  var backgroundImage = slideshow[activeSlide].metaImage;
   return (0, _core.jsx)("section", _extends({}, classes(''), handlers), (0, _core.jsx)(_react["default"].Fragment, null, (0, _core.jsx)("div", classes('slide-link-wrapper'), (0, _core.jsx)(_Layout.OneColumn, null, (0, _core.jsx)(_safelink["default"], _extends({
     to: slideshow[activeSlide].path
   }, classes('item-wrapper', 'text', {
@@ -273,7 +274,7 @@ var FilmSlideshow = function FilmSlideshow(_ref) {
     role: "img",
     onAnimationEnd: onChangedSlide,
     style: {
-      backgroundImage: "url(".concat(slideshow[activeSlide].metaImage && slideshow[activeSlide].metaImage.url || '', ")")
+      backgroundImage: "url(".concat(backgroundImage && backgroundImage.url || '', ")")
     }
   })), (0, _core.jsx)("div", _extends({
     ref: slideRef

package/lib/NDLAFilm/MovieGrid.d.ts

@@ -0,0 +1,13 @@
+import { CalculatedCarouselProps } from '@ndla/carousel';
+import { MovieResourceType, MovieType } from './types';
+interface Props {
+    autoSizedProps: CalculatedCarouselProps;
+    resourceTypeName?: MovieResourceType;
+    fetchingMoviesByType: boolean;
+    moviesByType: MovieType[];
+    resourceTypes: MovieResourceType[];
+    loadingPlaceholderHeight?: string;
+    resizeThumbnailImages?: boolean;
+}
+declare const MovieGrid: ({ resourceTypeName, fetchingMoviesByType, moviesByType, resourceTypes, loadingPlaceholderHeight, autoSizedProps, resizeThumbnailImages, }: Props) => JSX.Element;
+export default MovieGrid;