@ndla/ui 3.3.13 → 3.3.14

package/es/NDLAFilm/CategorySelect.js

@@ -22,8 +22,9 @@ 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); }
 
-import React from 'react';
-import PropTypes from 'prop-types';
+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; }
+
+import React, { Component } from 'react';
 import BEMHelper from 'react-bem-helper';
 import FocusTrapReact from 'focus-trap-react';
 import { ChevronDown } from '@ndla/icons/common';
@@ -34,8 +35,8 @@ var classes = new BEMHelper({
   prefix: 'c-'
 });
 
-var CategorySelect = /*#__PURE__*/function (_React$Component) {
-  _inherits(CategorySelect, _React$Component);
+var CategorySelect = /*#__PURE__*/function (_Component) {
+  _inherits(CategorySelect, _Component);
 
   var _super = _createSuper(CategorySelect);
 
@@ -45,9 +46,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));
@@ -57,7 +62,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",
@@ -68,8 +73,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();
         }
       });
     }
@@ -138,7 +145,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
@@ -148,14 +155,6 @@ var CategorySelect = /*#__PURE__*/function (_React$Component) {
   }]);
 
   return CategorySelect;
-}(React.Component);
-
-CategorySelect.propTypes = {
-  resourceTypes: PropTypes.arrayOf(PropTypes.object),
-  resourceTypeSelected: PropTypes.shape({
-    id: PropTypes.string,
-    name: PropTypes.string
-  }),
-  ariaControlId: PropTypes.string
-};
+}(Component);
+
 export default withTranslation()(CategorySelect);

package/es/NDLAFilm/FilmContentCard.js

@@ -1,6 +1,5 @@
 import _styled from "@emotion/styled-base";
 import React from 'react';
-import PropTypes from 'prop-types';
 import { spacing, colors, fonts, breakpoints } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 // @ts-ignore
@@ -19,7 +18,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) {
@@ -48,36 +48,22 @@ var FilmContentCard = function FilmContentCard(_ref) {
 };
 
 var StyledMovieTitle = _styled("h2", {
-  target: "epg5j1k0",
+  target: "en6bui50",
   label: "StyledMovieTitle"
-})(fonts.sizes('14px', '20px'), ";font-weight:", fonts.weight.semibold, ";color:#fff;margin:", spacing.xsmall, " 0 ", spacing.normal, ";min-height:", spacing.large, ";@media (min-width:", breakpoints.mobileWide, "){", fonts.sizes('16px', '22px'), ";}@media (min-width:", breakpoints.tablet, "){margin:", spacing.small, " 0;", fonts.sizes('18px', '24px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENrQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIGZvbnRzLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IG1ha2VTcmNRdWVyeVN0cmluZyB9IGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCBGaWxtQ29udGVudENhcmRUYWdzIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkVGFncyc7XG5cbmNvbnN0IEZpbG1Db250ZW50Q2FyZCA9ICh7XG4gIG1vdmllOiB7IG1ldGFJbWFnZSwgcmVzb3VyY2VUeXBlczogbW92aWVSZXNvdXJjZVR5cGVzLCB0aXRsZSwgaWQsIHBhdGggfSxcbiAgY29sdW1uV2lkdGgsXG4gIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXMsXG4gIGhpZGVUYWdzLFxufSkgPT4ge1xuICBsZXQgYmFja2dyb3VuZEltYWdlID0gYCR7KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UudXJsKSB8fCAnJ31gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbGlkZVdyYXBwZXIga2V5PXtpZH0gY29sdW1uV2lkdGg9e2NvbHVtbldpZHRofSBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19PlxuICAgICAgPFNhZmVMaW5rIHRvPXtwYXRofT5cbiAgICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgY29sdW1uV2lkdGg9e2NvbHVtbldpZHRofVxuICAgICAgICAgIGFyaWEtbGFiZWw9eyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLmFsdCkgfHwgJyd9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogYHVybCgke2JhY2tncm91bmRJbWFnZX0/JHttYWtlU3JjUXVlcnlTdHJpbmcoNjAwKX0pYCxcbiAgICAgICAgICB9fT5cbiAgICAgICAgICB7bW92aWVSZXNvdXJjZVR5cGVzICYmICFoaWRlVGFncyAmJiAoXG4gICAgICAgICAgICA8RmlsbUNvbnRlbnRDYXJkVGFncyBtb3ZpZVJlc291cmNlVHlwZXM9e21vdmllUmVzb3VyY2VUeXBlc30gcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc30gLz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0eWxlZEltYWdlPlxuICAgICAgICA8U3R5bGVkTW92aWVUaXRsZT57dGl0bGV9PC9TdHlsZWRNb3ZpZVRpdGxlPlxuICAgICAgPC9TYWZlTGluaz5cbiAgICA8L1N0eWxlZFNsaWRlV3JhcHBlcj5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuaDJgXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMjBweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgY29sb3I6ICNmZmY7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMCAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWluLWhlaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aCAqIDAuNTYyNX1weDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi15OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgdHJhbnNpdGlvbjogMjAwbXMgZWFzZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3J9O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkU2xpZGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuRmlsbUNvbnRlbnRDYXJkLnByb3BUeXBlcyA9IHtcbiAgbW92aWU6IFByb3BUeXBlcy5zaGFwZSh7XG4gICAgaWQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgdXJsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB9KS5pc1JlcXVpcmVkLFxuICBjb2x1bW5XaWR0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJlc291cmNlVHlwZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5vYmplY3QpLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXM6IFByb3BUeXBlcy5ib29sLFxuICBoaWRlVGFnczogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5GaWxtQ29udGVudENhcmQuZGVmYXVsdFByb3BzID0ge1xuICBoaWRlVGFnczogZmFsc2UsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtQ29udGVudENhcmQ7XG4iXX0= */"));
+})(fonts.sizes('14px', '20px'), ";font-weight:", fonts.weight.semibold, ";color:#fff;margin:", spacing.xsmall, " 0 ", spacing.normal, ";min-height:", spacing.large, ";@media (min-width:", breakpoints.mobileWide, "){", fonts.sizes('16px', '22px'), ";}@media (min-width:", breakpoints.tablet, "){margin:", spacing.small, " 0;", fonts.sizes('18px', '24px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURrQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
 
 var StyledImage = _styled("div", {
-  target: "epg5j1k1",
+  target: "en6bui51",
   label: "StyledImage"
 })("height:", function (props) {
   return props.columnWidth * 0.5625;
-}, "px;background-size:cover;background-color:", 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:", 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:", 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:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUVnRCIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
 
 var StyledSlideWrapper = _styled("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= */"));
+}, "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0c4RCIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
 
-FilmContentCard.propTypes = {
-  movie: PropTypes.shape({
-    id: PropTypes.string,
-    url: PropTypes.string
-  }).isRequired,
-  columnWidth: PropTypes.number,
-  distanceBetweenItems: PropTypes.number,
-  resourceTypes: PropTypes.arrayOf(PropTypes.object),
-  resizeThumbnailImages: PropTypes.bool,
-  hideTags: PropTypes.bool
-};
-FilmContentCard.defaultProps = {
-  hideTags: false
-};
 export default FilmContentCard;

package/es/NDLAFilm/FilmContentCardTags.js

@@ -1,18 +1,17 @@
 import _styled from "@emotion/styled-base";
 import React from 'react';
-import PropTypes from 'prop-types';
 import { spacing, spacingUnit, colors, fonts, misc } from '@ndla/core';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 
 var StyledWrapperDiv = _styled("div", {
-  target: "ecjt1wu0",
+  target: "eon4s9c0",
   label: "StyledWrapperDiv"
-})("transition:opacity 200ms ease;padding:", spacing.xsmall, " ", 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:", spacing.xsmall, " ", 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 = _styled("span", {
-  target: "ecjt1wu1",
+  target: "eon4s9c1",
   label: "StyledMovieTags"
-})(fonts.sizes('14px', '16px'), ";font-weight:", fonts.weight.semibold, ";background:", colors.brand.greyLight, ";padding:calc(", spacing.xsmall, " / 2) ", spacing.xsmall, ";border-radius:", misc.borderRadius, ";color:", colors.text.primary, ";margin-right:", spacingUnit / 4, "px;margin-bottom:", spacingUnit / 8, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIGNvbG9ycywgZm9udHMsIG1pc2MgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcyB9KSA9PiB7XG4gIGNvbnN0IHJlc291cmNlcyA9IHt9O1xuICBtb3ZpZVJlc291cmNlVHlwZXMuZm9yRWFjaCgobW92aWVSZXNvdXJjZVR5cGUpID0+IHtcbiAgICBjb25zdCByZXNvdXJjZSA9IHJlc291cmNlVHlwZXMuZmluZCgocmVzb3VyY2VUeXBlKSA9PiByZXNvdXJjZVR5cGUuaWQgPT09IG1vdmllUmVzb3VyY2VUeXBlLmlkKTtcbiAgICBpZiAocmVzb3VyY2UpIHtcbiAgICAgIHJlc291cmNlc1tyZXNvdXJjZS5uYW1lXSA9IHRydWU7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkV3JhcHBlckRpdj5cbiAgICAgIHtPYmplY3Qua2V5cyhyZXNvdXJjZXMpLm1hcCgocmVzb3VyY2VOYW1lKSA9PiAoXG4gICAgICAgIDxTdHlsZWRNb3ZpZVRhZ3Mga2V5PXtyZXNvdXJjZU5hbWV9PntyZXNvdXJjZU5hbWV9PC9TdHlsZWRNb3ZpZVRhZ3M+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFdyYXBwZXJEaXY+XG4gICk7XG59O1xuXG5GaWxtQ29udGVudENhcmRUYWdzLnByb3BUeXBlcyA9IHtcbiAgcmVzb3VyY2VUeXBlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm9iamVjdCkuaXNSZXF1aXJlZCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
+})(fonts.sizes('14px', '16px'), ";font-weight:", fonts.weight.semibold, ";background:", colors.brand.greyLight, ";padding:calc(", spacing.xsmall, " / 2) ", spacing.xsmall, ";border-radius:", misc.borderRadius, ";color:", colors.text.primary, ";margin-right:", spacingUnit / 4, "px;margin-bottom:", 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,
@@ -34,7 +33,4 @@ var FilmContentCardTags = function FilmContentCardTags(_ref) {
   }));
 };
 
-FilmContentCardTags.propTypes = {
-  resourceTypes: PropTypes.arrayOf(PropTypes.object).isRequired
-};
 export default FilmContentCardTags;

package/es/NDLAFilm/FilmMovieList.js

@@ -1,18 +1,15 @@
 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); }
 
-/**
- * Copyright (c) 2016-present, NDLA.
+/** * 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 React from 'react';
-import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 import { Carousel } from '@ndla/carousel';
 import FilmContentCard from './FilmContentCard';
-import { movieShape } from './shapes';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 var classes = new BEMHelper({
   name: 'film-movielist',
@@ -21,10 +18,12 @@ var classes = new BEMHelper({
 
 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 ___EmotionJSX("section", classes(), ___EmotionJSX("h1", _extends({}, classes('heading'), {
@@ -32,6 +31,7 @@ var FilmMovieList = function FilmMovieList(_ref) {
       marginLeft: "".concat(autoSizedProps.margin, "px")
     }
   }), name), ___EmotionJSX(Carousel, _extends({
+    disableScroll: false,
     slideBackwardsLabel: slideBackwardsLabel,
     slideForwardsLabel: slideForwardsLabel,
     buttonClass: "c-film-movielist__carousel-buttons",
@@ -48,19 +48,4 @@ var FilmMovieList = function FilmMovieList(_ref) {
   }, autoSizedProps)));
 };
 
-FilmMovieList.propTypes = {
-  movies: PropTypes.arrayOf(movieShape),
-  name: PropTypes.string.isRequired,
-  slideBackwardsLabel: PropTypes.string.isRequired,
-  slideForwardsLabel: PropTypes.string.isRequired,
-  resourceTypes: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string,
-    id: PropTypes.id
-  })),
-  autoSizedProps: PropTypes.shape({})
-};
-FilmMovieList.defaultProps = {
-  movies: [],
-  resourceTypes: []
-};
 export default FilmMovieList;

package/es/NDLAFilm/FilmMovieSearch.js

@@ -1,7 +1,3 @@
-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.
  *
@@ -10,13 +6,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  *
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
-import { OneColumn } from '@ndla/ui';
 import SafeLink from '@ndla/safelink';
-import { withTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import CategorySelect from './CategorySelect';
-import { topicShape } from './shapes';
+import { OneColumn } from '..';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 var classes = new BEMHelper({
   name: 'film-moviesearch',
@@ -28,9 +22,15 @@ var classesMovieList = new BEMHelper({
 });
 
 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 = useTranslation(),
+      t = _useTranslation.t;
 
   return ___EmotionJSX("div", classes(''), ___EmotionJSX(OneColumn, null, ___EmotionJSX("div", classes('topic-navigation'), ___EmotionJSX("h2", classesMovieList('heading', '', 'u-12/12 u-4/12@tablet'), t('ndlaFilm.subjectsInMovies'), ":"), ___EmotionJSX("nav", {
     className: "u-12/12 u-8/12@tablet"
@@ -41,20 +41,12 @@ var FilmMovieSearch = function FilmMovieSearch(_ref) {
       to: topic.path,
       key: topic.id
     }, ___EmotionJSX("span", null, topic.name)));
-  })))), ___EmotionJSX(CategorySelect, props)));
+  })))), ___EmotionJSX(CategorySelect, {
+    onChangeResourceType: onChangeResourceType,
+    resourceTypes: resourceTypes,
+    resourceTypeSelected: resourceTypeSelected,
+    ariaControlId: ariaControlId
+  })));
 };
 
-FilmMovieSearch.propTypes = {
-  topics: PropTypes.arrayOf(topicShape),
-  onChangeResourceType: PropTypes.func.isRequired,
-  resourceTypeSelected: PropTypes.shape({
-    name: PropTypes.string,
-    id: PropTypes.string
-  }),
-  ariaControlId: PropTypes.string.isRequired,
-  t: PropTypes.func.isRequired
-};
-FilmMovieSearch.defaultProps = {
-  topics: []
-};
-export default withTranslation()(FilmMovieSearch);
+export default FilmMovieSearch;

package/es/NDLAFilm/MovieGrid.js

@@ -1,10 +1,9 @@
 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); }
 
 import React from 'react';
-import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 import { css } from '@emotion/core';
-import { withTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import FilmContentCard from './FilmContentCard';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 var movieListClasses = new BEMHelper({
@@ -19,14 +18,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 = useTranslation(),
+      t = _useTranslation.t;
+
   return ___EmotionJSX("section", null, ___EmotionJSX("h1", _extends({}, movieListClasses('heading'), {
-    css: /*#__PURE__*/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__*/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, ___EmotionJSX("small", null, fetchingMoviesByType ? t('ndlaFilm.loadingMovies') : "".concat(moviesByType.length, " ").concat(t('ndlaFilm.movieMatchInCategory')))), ___EmotionJSX("div", _extends({}, movieListClasses('movie-listing'), {
-    css: /*#__PURE__*/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__*/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 && ___EmotionJSX("div", {
-    css: /*#__PURE__*/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__*/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 ___EmotionJSX(FilmContentCard, {
       hideTags: true,
@@ -39,15 +41,4 @@ var MovieGrid = function MovieGrid(_ref) {
   })));
 };
 
-MovieGrid.propTypes = {
-  autoSizedProps: PropTypes.shape({}),
-  resourceTypeName: PropTypes.shape({
-    name: PropTypes.string
-  }),
-  fetchingMoviesByType: PropTypes.bool,
-  moviesByType: PropTypes.array,
-  classes: PropTypes.func,
-  resourceTypes: PropTypes.array,
-  loadingPlaceholderHeight: PropTypes.string
-};
-export default withTranslation()(MovieGrid);
+export default MovieGrid;

package/es/NDLAFilm/VisualElement.js

@@ -10,12 +10,11 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  *
  */
 import React from 'react';
-import PropTypes from 'prop-types';
-import { Image } from '@ndla/ui';
+import Image from '../Image';
 import { jsx as ___EmotionJSX } from "@emotion/core";
 
 var StylediFrame = _styled("iframe", {
-  target: "e1cbgka20",
+  target: "evqj21c0",
   label: "StylediFrame"
 })(process.env.NODE_ENV === "production" ? {
   name: "j04t3l",
@@ -23,38 +22,32 @@ var StylediFrame = _styled("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 ___EmotionJSX(Image, {
-        src: visualElement.url,
-        alt: visualElement.alt
-      });
-
-    case 'brightcove':
-      return ___EmotionJSX(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 ___EmotionJSX(Image, {
+      src: url,
+      alt: alt !== null && alt !== void 0 ? alt : ''
+    });
+  } else if (type === 'brightcove') {
+    //@ts-ignore react does not recognize fullscreen properties.
+    return ___EmotionJSX(StylediFrame, {
+      allowfullscreen: "true",
+      webkitallowfullscreen: "true",
+      mozallowfullscreen: "true",
+      src: url
+    });
+  } else {
+    return null;
   }
 };
 
-VisualElement.propTypes = {
-  visualElement: PropTypes.shape({
-    url: PropTypes.string,
-    alt: PropTypes.string,
-    type: PropTypes.string
-  }).isRequired
-};
 export default VisualElement;