@ndla/ui 30.0.2 → 30.0.6

package/lib/NDLAFilm/CategorySelect.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _focusTrapReact = _interopRequireDefault(require("focus-trap-react"));
@@ -62,15 +64,11 @@ function _templateObject() {
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 var zoomInSelect = (0, _react2.keyframes)(_templateObject());
-var DropdownContainer = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e10i3sm22"
-} : {
+var DropdownContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e10i3sm22",
   label: "DropdownContainer"
 })("position:relative;margin:0 0 ", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhdGVnb3J5U2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Qm9DIiwiZmlsZSI6IkNhdGVnb3J5U2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgRm9jdXNUcmFwUmVhY3QgZnJvbSAnZm9jdXMtdHJhcC1yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IFdpdGhUcmFuc2xhdGlvbiwgd2l0aFRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBNb3ZpZVJlc291cmNlVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCB6b29tSW5TZWxlY3QgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgMSUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgdHJhbnNmb3JtOiBzY2FsZTNkKDAuOTUsIDAuOTUsIDAuOTUpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHNjYWxlM2QoMSwgMSwgMSk7XG4gIH1cbmA7XG5cbmNvbnN0IERyb3Bkb3duQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcubm9ybWFsfTtcbmA7XG5cbmNvbnN0IERyb3Bkb3duQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzI2cHgnKX07XG4gIGJvcmRlcjogMDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yQnJpZ2h0fTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgZGl2OmZpcnN0LWNoaWxkIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBzbWFsbCB7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIHNtYWxsIHtcbiAgICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIERyb3Bkb3duV3JhcHBlclByb3BzIHtcbiAgb2Zmc2V0RHJvcGRvd246IG51bWJlcjtcbn1cblxuY29uc3QgRHJvcGRvd25XcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wZG93bldyYXBwZXJQcm9wcz5gXG4gIHRvcDogLSR7KHByb3BzKSA9PiBwcm9wcy5vZmZzZXREcm9wZG93biAqIDUyICsgMTN9cHg7XG4gICR7RHJvcGRvd25CdXR0b259IHtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIHRleHQtdHJhbnNmb3JtOiAwO1xuICAgIGxldHRlci1zcGFjaW5nOiAwO1xuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICRzcGFjaW5nLS1zbWFsbCAwO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYW5pbWF0aW9uOiAke3pvb21JblNlbGVjdH0gMjAwbXMgZWFzZTtcbiAgYm94LXNoYWRvdzogMCAwIDMwcHggcmdiYSgke2NvbG9ycy5ibGFja30sIDAuNik7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogOTk5OTtcbiAgYnV0dG9uLFxuICBhIHtcbiAgICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICBib3JkZXI6IDA7XG4gICAgb3V0bGluZTogMDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMjAwbXMgZWFzZTtcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjIpO1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgV2l0aFRyYW5zbGF0aW9uIHtcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgcmVzb3VyY2VUeXBlU2VsZWN0ZWQ/OiBNb3ZpZVJlc291cmNlVHlwZTtcbiAgYXJpYUNvbnRyb2xJZD86IHN0cmluZztcbiAgb25DaGFuZ2VSZXNvdXJjZVR5cGU6IChyZXNvdXJjZUlkPzogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5pbnRlcmZhY2UgU3RhdGUge1xuICByZXNvdXJjZVR5cGVzSXNPcGVuOiBib29sZWFuO1xufVxuY2xhc3MgQ2F0ZWdvcnlTZWxlY3QgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIHJlZmVyZW5jZXM6IFJlY29yZDxzdHJpbmcsIEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGNvbnN0cnVjdG9yKHByb3BzOiBQcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgcmVzb3VyY2VUeXBlc0lzT3BlbjogZmFsc2UsXG4gICAgfTtcbiAgICB0aGlzLnJlZmVyZW5jZXMgPSB7fTtcbiAgICB0aGlzLmNyZWF0ZVJlZiA9IHRoaXMuY3JlYXRlUmVmLmJpbmQodGhpcyk7XG4gICAgdGhpcy5vcGVuU2VsZWN0ID0gdGhpcy5vcGVuU2VsZWN0LmJpbmQodGhpcyk7XG4gICAgdGhpcy5vblNlbGVjdCA9IHRoaXMub25TZWxlY3QuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGNyZWF0ZVJlZihlbDogSFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsLCBuYW1lOiBzdHJpbmcpIHtcbiAgICB0aGlzLnJlZmVyZW5jZXNbbmFtZV0gPSBlbDtcbiAgfVxuXG4gIG9wZW5TZWxlY3QoKSB7XG4gICAgY29uc3QgeyByZXNvdXJjZVR5cGVTZWxlY3RlZCB9ID0gdGhpcy5wcm9wcztcbiAgICB0aGlzLnNldFN0YXRlKFxuICAgICAge1xuICAgICAgICByZXNvdXJjZVR5cGVzSXNPcGVuOiB0cnVlLFxuICAgICAgfSxcbiAgICAgICgpID0+IHtcbiAgICAgICAgaWYgKHJlc291cmNlVHlwZVNlbGVjdGVkICYmIHRoaXMucmVmZXJlbmNlc1tyZXNvdXJjZVR5cGVTZWxlY3RlZC5pZF0pIHtcbiAgICAgICAgICB0aGlzLnJlZmVyZW5jZXNbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdPy5mb2N1cygpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICk7XG4gIH1cblxuICBvblNlbGVjdCh2YWw/OiBzdHJpbmcpIHtcbiAgICB0aGlzLnByb3BzLm9uQ2hhbmdlUmVzb3VyY2VUeXBlKHZhbCk7XG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICByZXNvdXJjZVR5cGVzSXNPcGVuOiBmYWxzZSxcbiAgICB9KTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IHJlc291cmNlVHlwZXMsIHJlc291cmNlVHlwZVNlbGVjdGVkLCBhcmlhQ29udHJvbElkLCB0IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgcmVzb3VyY2VUeXBlc0lzT3BlbiB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCBvZmZzZXREcm9wRG93biA9IHJlc291cmNlVHlwZVNlbGVjdGVkXG4gICAgICA/IHJlc291cmNlVHlwZXMuZmluZEluZGV4KChyZXNvdXJjZSkgPT4gcmVzb3VyY2UuaWQgPT09IHJlc291cmNlVHlwZVNlbGVjdGVkLmlkKSArIDFcbiAgICAgIDogMDtcblxuICAgIHJldHVybiAoXG4gICAgICA8RHJvcGRvd25Db250YWluZXIgY2xhc3NOYW1lPVwidS0xMi8xMlwiPlxuICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXshcmVzb3VyY2VUeXBlc0lzT3Blbn1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPVwic2VsZWN0Q2F0ZWdvcnlcIlxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIHRhYkluZGV4PXtyZXNvdXJjZVR5cGVzSXNPcGVuID8gLTEgOiAwfVxuICAgICAgICAgIG9uQ2xpY2s9e3RoaXMub3BlblNlbGVjdH0+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2hvb3NlQ2F0ZWdvcnknKX08L3NwYW4+XG4gICAgICAgICAgICA8c21hbGw+XG4gICAgICAgICAgICAgIHsocmVzb3VyY2VUeXBlU2VsZWN0ZWQgJiYgcmVzb3VyY2VUeXBlU2VsZWN0ZWQubmFtZSkgfHwgdCgnbmRsYUZpbG0uc2VhcmNoLmNhdGVnb3J5RnJvbU5kbGEnKX1cbiAgICAgICAgICAgIDwvc21hbGw+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxDaGV2cm9uRG93biBjbGFzc05hbWU9XCJjLWljb24tLTIyXCIgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Ecm9wZG93bkJ1dHRvbj5cbiAgICAgICAge3Jlc291cmNlVHlwZXNJc09wZW4gJiYgKFxuICAgICAgICAgIDxGb2N1c1RyYXBSZWFjdFxuICAgICAgICAgICAgYWN0aXZlPXtyZXNvdXJjZVR5cGVzSXNPcGVufVxuICAgICAgICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICAgICAgICBvbkRlYWN0aXZhdGU6ICgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnNldFN0YXRlKHsgcmVzb3VyY2VUeXBlc0lzT3BlbjogZmFsc2UgfSk7XG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGNsaWNrT3V0c2lkZURlYWN0aXZhdGVzOiB0cnVlLFxuICAgICAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogdHJ1ZSxcbiAgICAgICAgICAgIH19PlxuICAgICAgICAgICAgPERyb3Bkb3duV3JhcHBlciBpZD1cInNlbGVjdENhdGVnb3J5XCIgb2Zmc2V0RHJvcGRvd249e29mZnNldERyb3BEb3dufT5cbiAgICAgICAgICAgICAgPERyb3Bkb3duQnV0dG9uIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sSWR9IHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXsoKSA9PiB0aGlzLm9uU2VsZWN0KCl9PlxuICAgICAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9Ecm9wZG93bkJ1dHRvbj5cbiAgICAgICAgICAgICAge3Jlc291cmNlVHlwZXMubWFwKChyZXNvdXJjZVR5cGUpID0+IChcbiAgICAgICAgICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sSWR9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIHJlZj17KGVsKSA9PiB0aGlzLmNyZWF0ZVJlZihlbCwgcmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRoaXMub25TZWxlY3QocmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICAgIGRhdGEtaWQ9e3Jlc291cmNlVHlwZS5pZH1cbiAgICAgICAgICAgICAgICAgIGtleT17cmVzb3VyY2VUeXBlLmlkfT5cbiAgICAgICAgICAgICAgICAgIDxzcGFuPntyZXNvdXJjZVR5cGUubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9Ecm9wZG93bkJ1dHRvbj5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0Ryb3Bkb3duV3JhcHBlcj5cbiAgICAgICAgICA8L0ZvY3VzVHJhcFJlYWN0PlxuICAgICAgICApfVxuICAgICAgPC9Ecm9wZG93bkNvbnRhaW5lcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKENhdGVnb3J5U2VsZWN0KTtcbiJdfQ== */"));
-var DropdownButton = /*#__PURE__*/(0, _base["default"])("button", process.env.NODE_ENV === "production" ? {
-  target: "e10i3sm21"
-} : {
+var DropdownButton = /*#__PURE__*/(0, _base["default"])("button", {
   target: "e10i3sm21",
   label: "DropdownButton"
 })("border-radius:4px;", _core.fonts.sizes('22px', '26px'), ";border:0;text-transform:uppercase;background:", _core.colors.ndlaFilm.filmColorBright, ";color:", _core.colors.white, ";padding:", _core.spacing.small, " ", _core.spacing.nsmall, ";font-weight:", _core.fonts.weight.semibold, ";display:flex;align-items:center;text-align:left;justify-content:space-between;width:100%;letter-spacing:0.05em;", _core.mq.range({
@@ -78,9 +76,7 @@ var DropdownButton = /*#__PURE__*/(0, _base["default"])("button", process.env.NO
 }), "{padding:", _core.spacing.small, " ", _core.spacing.normal, ";}div:first-child{", _core.mq.range({
   until: _core.breakpoints.tablet
 }), "{display:flex;flex-direction:column;small{padding:0;}}}small{text-transform:none;padding-left:", _core.spacing.small, ";font-weight:normal;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhdGVnb3J5U2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Qm9DIiwiZmlsZSI6IkNhdGVnb3J5U2VsZWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgRm9jdXNUcmFwUmVhY3QgZnJvbSAnZm9jdXMtdHJhcC1yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IFdpdGhUcmFuc2xhdGlvbiwgd2l0aFRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBNb3ZpZVJlc291cmNlVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5jb25zdCB6b29tSW5TZWxlY3QgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgMSUge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgdHJhbnNmb3JtOiBzY2FsZTNkKDAuOTUsIDAuOTUsIDAuOTUpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgICB0cmFuc2Zvcm06IHNjYWxlM2QoMSwgMSwgMSk7XG4gIH1cbmA7XG5cbmNvbnN0IERyb3Bkb3duQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcubm9ybWFsfTtcbmA7XG5cbmNvbnN0IERyb3Bkb3duQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzI2cHgnKX07XG4gIGJvcmRlcjogMDtcbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yQnJpZ2h0fTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubnNtYWxsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICB3aWR0aDogMTAwJTtcbiAgbGV0dGVyLXNwYWNpbmc6IDAuMDVlbTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgZGl2OmZpcnN0LWNoaWxkIHtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBzbWFsbCB7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIHNtYWxsIHtcbiAgICB0ZXh0LXRyYW5zZm9ybTogbm9uZTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIERyb3Bkb3duV3JhcHBlclByb3BzIHtcbiAgb2Zmc2V0RHJvcGRvd246IG51bWJlcjtcbn1cblxuY29uc3QgRHJvcGRvd25XcmFwcGVyID0gc3R5bGVkLmRpdjxEcm9wZG93bldyYXBwZXJQcm9wcz5gXG4gIHRvcDogLSR7KHByb3BzKSA9PiBwcm9wcy5vZmZzZXREcm9wZG93biAqIDUyICsgMTN9cHg7XG4gICR7RHJvcGRvd25CdXR0b259IHtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIHRleHQtdHJhbnNmb3JtOiAwO1xuICAgIGxldHRlci1zcGFjaW5nOiAwO1xuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICRzcGFjaW5nLS1zbWFsbCAwO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgYW5pbWF0aW9uOiAke3pvb21JblNlbGVjdH0gMjAwbXMgZWFzZTtcbiAgYm94LXNoYWRvdzogMCAwIDMwcHggcmdiYSgke2NvbG9ycy5ibGFja30sIDAuNik7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogOTk5OTtcbiAgYnV0dG9uLFxuICBhIHtcbiAgICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgICBib3JkZXI6IDA7XG4gICAgb3V0bGluZTogMDtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQgMjAwbXMgZWFzZTtcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwLjIpO1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgV2l0aFRyYW5zbGF0aW9uIHtcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgcmVzb3VyY2VUeXBlU2VsZWN0ZWQ/OiBNb3ZpZVJlc291cmNlVHlwZTtcbiAgYXJpYUNvbnRyb2xJZD86IHN0cmluZztcbiAgb25DaGFuZ2VSZXNvdXJjZVR5cGU6IChyZXNvdXJjZUlkPzogc3RyaW5nKSA9PiB2b2lkO1xufVxuXG5pbnRlcmZhY2UgU3RhdGUge1xuICByZXNvdXJjZVR5cGVzSXNPcGVuOiBib29sZWFuO1xufVxuY2xhc3MgQ2F0ZWdvcnlTZWxlY3QgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIHJlZmVyZW5jZXM6IFJlY29yZDxzdHJpbmcsIEhUTUxCdXR0b25FbGVtZW50IHwgbnVsbD47XG4gIGNvbnN0cnVjdG9yKHByb3BzOiBQcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgcmVzb3VyY2VUeXBlc0lzT3BlbjogZmFsc2UsXG4gICAgfTtcbiAgICB0aGlzLnJlZmVyZW5jZXMgPSB7fTtcbiAgICB0aGlzLmNyZWF0ZVJlZiA9IHRoaXMuY3JlYXRlUmVmLmJpbmQodGhpcyk7XG4gICAgdGhpcy5vcGVuU2VsZWN0ID0gdGhpcy5vcGVuU2VsZWN0LmJpbmQodGhpcyk7XG4gICAgdGhpcy5vblNlbGVjdCA9IHRoaXMub25TZWxlY3QuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGNyZWF0ZVJlZihlbDogSFRNTEJ1dHRvbkVsZW1lbnQgfCBudWxsLCBuYW1lOiBzdHJpbmcpIHtcbiAgICB0aGlzLnJlZmVyZW5jZXNbbmFtZV0gPSBlbDtcbiAgfVxuXG4gIG9wZW5TZWxlY3QoKSB7XG4gICAgY29uc3QgeyByZXNvdXJjZVR5cGVTZWxlY3RlZCB9ID0gdGhpcy5wcm9wcztcbiAgICB0aGlzLnNldFN0YXRlKFxuICAgICAge1xuICAgICAgICByZXNvdXJjZVR5cGVzSXNPcGVuOiB0cnVlLFxuICAgICAgfSxcbiAgICAgICgpID0+IHtcbiAgICAgICAgaWYgKHJlc291cmNlVHlwZVNlbGVjdGVkICYmIHRoaXMucmVmZXJlbmNlc1tyZXNvdXJjZVR5cGVTZWxlY3RlZC5pZF0pIHtcbiAgICAgICAgICB0aGlzLnJlZmVyZW5jZXNbcmVzb3VyY2VUeXBlU2VsZWN0ZWQuaWRdPy5mb2N1cygpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICk7XG4gIH1cblxuICBvblNlbGVjdCh2YWw/OiBzdHJpbmcpIHtcbiAgICB0aGlzLnByb3BzLm9uQ2hhbmdlUmVzb3VyY2VUeXBlKHZhbCk7XG4gICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICByZXNvdXJjZVR5cGVzSXNPcGVuOiBmYWxzZSxcbiAgICB9KTtcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IHJlc291cmNlVHlwZXMsIHJlc291cmNlVHlwZVNlbGVjdGVkLCBhcmlhQ29udHJvbElkLCB0IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IHsgcmVzb3VyY2VUeXBlc0lzT3BlbiB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCBvZmZzZXREcm9wRG93biA9IHJlc291cmNlVHlwZVNlbGVjdGVkXG4gICAgICA/IHJlc291cmNlVHlwZXMuZmluZEluZGV4KChyZXNvdXJjZSkgPT4gcmVzb3VyY2UuaWQgPT09IHJlc291cmNlVHlwZVNlbGVjdGVkLmlkKSArIDFcbiAgICAgIDogMDtcblxuICAgIHJldHVybiAoXG4gICAgICA8RHJvcGRvd25Db250YWluZXIgY2xhc3NOYW1lPVwidS0xMi8xMlwiPlxuICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXshcmVzb3VyY2VUeXBlc0lzT3Blbn1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPVwic2VsZWN0Q2F0ZWdvcnlcIlxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIHRhYkluZGV4PXtyZXNvdXJjZVR5cGVzSXNPcGVuID8gLTEgOiAwfVxuICAgICAgICAgIG9uQ2xpY2s9e3RoaXMub3BlblNlbGVjdH0+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2hvb3NlQ2F0ZWdvcnknKX08L3NwYW4+XG4gICAgICAgICAgICA8c21hbGw+XG4gICAgICAgICAgICAgIHsocmVzb3VyY2VUeXBlU2VsZWN0ZWQgJiYgcmVzb3VyY2VUeXBlU2VsZWN0ZWQubmFtZSkgfHwgdCgnbmRsYUZpbG0uc2VhcmNoLmNhdGVnb3J5RnJvbU5kbGEnKX1cbiAgICAgICAgICAgIDwvc21hbGw+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxDaGV2cm9uRG93biBjbGFzc05hbWU9XCJjLWljb24tLTIyXCIgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9Ecm9wZG93bkJ1dHRvbj5cbiAgICAgICAge3Jlc291cmNlVHlwZXNJc09wZW4gJiYgKFxuICAgICAgICAgIDxGb2N1c1RyYXBSZWFjdFxuICAgICAgICAgICAgYWN0aXZlPXtyZXNvdXJjZVR5cGVzSXNPcGVufVxuICAgICAgICAgICAgZm9jdXNUcmFwT3B0aW9ucz17e1xuICAgICAgICAgICAgICBvbkRlYWN0aXZhdGU6ICgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnNldFN0YXRlKHsgcmVzb3VyY2VUeXBlc0lzT3BlbjogZmFsc2UgfSk7XG4gICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgIGNsaWNrT3V0c2lkZURlYWN0aXZhdGVzOiB0cnVlLFxuICAgICAgICAgICAgICBlc2NhcGVEZWFjdGl2YXRlczogdHJ1ZSxcbiAgICAgICAgICAgIH19PlxuICAgICAgICAgICAgPERyb3Bkb3duV3JhcHBlciBpZD1cInNlbGVjdENhdGVnb3J5XCIgb2Zmc2V0RHJvcGRvd249e29mZnNldERyb3BEb3dufT5cbiAgICAgICAgICAgICAgPERyb3Bkb3duQnV0dG9uIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sSWR9IHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXsoKSA9PiB0aGlzLm9uU2VsZWN0KCl9PlxuICAgICAgICAgICAgICAgIDxzcGFuPnt0KCduZGxhRmlsbS5zZWFyY2guY2F0ZWdvcnlGcm9tTmRsYScpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9Ecm9wZG93bkJ1dHRvbj5cbiAgICAgICAgICAgICAge3Jlc291cmNlVHlwZXMubWFwKChyZXNvdXJjZVR5cGUpID0+IChcbiAgICAgICAgICAgICAgICA8RHJvcGRvd25CdXR0b25cbiAgICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sSWR9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIHJlZj17KGVsKSA9PiB0aGlzLmNyZWF0ZVJlZihlbCwgcmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRoaXMub25TZWxlY3QocmVzb3VyY2VUeXBlLmlkKX1cbiAgICAgICAgICAgICAgICAgIGRhdGEtaWQ9e3Jlc291cmNlVHlwZS5pZH1cbiAgICAgICAgICAgICAgICAgIGtleT17cmVzb3VyY2VUeXBlLmlkfT5cbiAgICAgICAgICAgICAgICAgIDxzcGFuPntyZXNvdXJjZVR5cGUubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9Ecm9wZG93bkJ1dHRvbj5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0Ryb3Bkb3duV3JhcHBlcj5cbiAgICAgICAgICA8L0ZvY3VzVHJhcFJlYWN0PlxuICAgICAgICApfVxuICAgICAgPC9Ecm9wZG93bkNvbnRhaW5lcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKENhdGVnb3J5U2VsZWN0KTtcbiJdfQ== */"));
-var DropdownWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e10i3sm20"
-} : {
+var DropdownWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e10i3sm20",
   label: "DropdownWrapper"
 })("top:-", function (props) {
@@ -154,50 +150,67 @@ var CategorySelect = /*#__PURE__*/function (_Component) {
       var offsetDropDown = resourceTypeSelected ? resourceTypes.findIndex(function (resource) {
         return resource.id === resourceTypeSelected.id;
       }) + 1 : 0;
-      return (0, _react2.jsx)(DropdownContainer, {
-        className: "u-12/12"
-      }, (0, _react2.jsx)(DropdownButton, {
-        "aria-expanded": !resourceTypesIsOpen,
-        "aria-controls": "selectCategory",
-        type: "button",
-        tabIndex: resourceTypesIsOpen ? -1 : 0,
-        onClick: this.openSelect
-      }, (0, _react2.jsx)("div", null, (0, _react2.jsx)("span", null, t('ndlaFilm.search.chooseCategory')), (0, _react2.jsx)("small", null, resourceTypeSelected && resourceTypeSelected.name || t('ndlaFilm.search.categoryFromNdla'))), (0, _react2.jsx)("div", null, (0, _react2.jsx)(_common.ChevronDown, {
-        className: "c-icon--22"
-      }))), resourceTypesIsOpen && (0, _react2.jsx)(_focusTrapReact["default"], {
-        active: resourceTypesIsOpen,
-        focusTrapOptions: {
-          onDeactivate: function onDeactivate() {
-            _this3.setState({
-              resourceTypesIsOpen: false
-            });
-          },
-          clickOutsideDeactivates: true,
-          escapeDeactivates: true
-        }
-      }, (0, _react2.jsx)(DropdownWrapper, {
-        id: "selectCategory",
-        offsetDropdown: offsetDropDown
-      }, (0, _react2.jsx)(DropdownButton, {
-        "aria-controls": ariaControlId,
-        type: "button",
-        onClick: function onClick() {
-          return _this3.onSelect();
-        }
-      }, (0, _react2.jsx)("span", null, t('ndlaFilm.search.categoryFromNdla'))), resourceTypes.map(function (resourceType) {
-        return (0, _react2.jsx)(DropdownButton, {
-          "aria-controls": ariaControlId,
+      return (0, _jsxRuntime.jsxs)(DropdownContainer, {
+        className: "u-12/12",
+        children: [(0, _jsxRuntime.jsxs)(DropdownButton, {
+          "aria-expanded": !resourceTypesIsOpen,
+          "aria-controls": "selectCategory",
           type: "button",
-          ref: function ref(el) {
-            return _this3.createRef(el, resourceType.id);
-          },
-          onClick: function onClick() {
-            return _this3.onSelect(resourceType.id);
+          tabIndex: resourceTypesIsOpen ? -1 : 0,
+          onClick: this.openSelect,
+          children: [(0, _jsxRuntime.jsxs)("div", {
+            children: [(0, _jsxRuntime.jsx)("span", {
+              children: t('ndlaFilm.search.chooseCategory')
+            }), (0, _jsxRuntime.jsx)("small", {
+              children: resourceTypeSelected && resourceTypeSelected.name || t('ndlaFilm.search.categoryFromNdla')
+            })]
+          }), (0, _jsxRuntime.jsx)("div", {
+            children: (0, _jsxRuntime.jsx)(_common.ChevronDown, {
+              className: "c-icon--22"
+            })
+          })]
+        }), resourceTypesIsOpen && (0, _jsxRuntime.jsx)(_focusTrapReact["default"], {
+          active: resourceTypesIsOpen,
+          focusTrapOptions: {
+            onDeactivate: function onDeactivate() {
+              _this3.setState({
+                resourceTypesIsOpen: false
+              });
+            },
+            clickOutsideDeactivates: true,
+            escapeDeactivates: true
           },
-          "data-id": resourceType.id,
-          key: resourceType.id
-        }, (0, _react2.jsx)("span", null, resourceType.name));
-      }))));
+          children: (0, _jsxRuntime.jsxs)(DropdownWrapper, {
+            id: "selectCategory",
+            offsetDropdown: offsetDropDown,
+            children: [(0, _jsxRuntime.jsx)(DropdownButton, {
+              "aria-controls": ariaControlId,
+              type: "button",
+              onClick: function onClick() {
+                return _this3.onSelect();
+              },
+              children: (0, _jsxRuntime.jsx)("span", {
+                children: t('ndlaFilm.search.categoryFromNdla')
+              })
+            }), resourceTypes.map(function (resourceType) {
+              return (0, _jsxRuntime.jsx)(DropdownButton, {
+                "aria-controls": ariaControlId,
+                type: "button",
+                ref: function ref(el) {
+                  return _this3.createRef(el, resourceType.id);
+                },
+                onClick: function onClick() {
+                  return _this3.onSelect(resourceType.id);
+                },
+                "data-id": resourceType.id,
+                children: (0, _jsxRuntime.jsx)("span", {
+                  children: resourceType.name
+                })
+              }, resourceType.id);
+            })]
+          })
+        })]
+      });
     }
   }]);
 

package/lib/NDLAFilm/FilmContentCard.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _core = require("@ndla/core");
@@ -17,8 +19,6 @@ var _Image = require("../Image");
 
 var _FilmContentCardTags = _interopRequireDefault(require("./FilmContentCardTags"));
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var FilmContentCard = function FilmContentCard(_ref) {
@@ -40,44 +40,42 @@ var FilmContentCard = function FilmContentCard(_ref) {
     backgroundImage += '?width=480';
   }
 
-  return (0, _react2.jsx)(StyledSlideWrapper, {
-    key: id,
+  return (0, _jsxRuntime.jsx)(StyledSlideWrapper, {
     columnWidth: columnWidth,
     style: {
       marginRight: "".concat(distanceBetweenItems, "px")
-    }
-  }, (0, _react2.jsx)(_safelink["default"], {
-    to: path
-  }, (0, _react2.jsx)(StyledImage, {
-    role: "img",
-    columnWidth: columnWidth,
-    "aria-label": metaImage && metaImage.alt || '',
-    style: {
-      backgroundImage: "url(".concat(backgroundImage, "?").concat((0, _Image.makeSrcQueryString)(600), ")")
-    }
-  }, movieResourceTypes && !hideTags && (0, _react2.jsx)(_FilmContentCardTags["default"], {
-    movieResourceTypes: movieResourceTypes,
-    resourceTypes: resourceTypes
-  })), (0, _react2.jsx)(StyledMovieTitle, null, title)));
+    },
+    children: (0, _jsxRuntime.jsxs)(_safelink["default"], {
+      to: path,
+      children: [(0, _jsxRuntime.jsx)(StyledImage, {
+        role: "img",
+        columnWidth: columnWidth,
+        "aria-label": metaImage && metaImage.alt || '',
+        style: {
+          backgroundImage: "url(".concat(backgroundImage, "?").concat((0, _Image.makeSrcQueryString)(600), ")")
+        },
+        children: movieResourceTypes && !hideTags && (0, _jsxRuntime.jsx)(_FilmContentCardTags["default"], {
+          movieResourceTypes: movieResourceTypes,
+          resourceTypes: resourceTypes
+        })
+      }), (0, _jsxRuntime.jsx)(StyledMovieTitle, {
+        children: title
+      })]
+    })
+  }, id);
 };
 
-var StyledMovieTitle = /*#__PURE__*/(0, _base["default"])("h2", process.env.NODE_ENV === "production" ? {
-  target: "en6bui52"
-} : {
+var StyledMovieTitle = /*#__PURE__*/(0, _base["default"])("h2", {
   target: "en6bui52",
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
-var StyledImage = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "en6bui51"
-} : {
+var StyledImage = /*#__PURE__*/(0, _base["default"])("div", {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VnRCIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
-var StyledSlideWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "en6bui50"
-} : {
+var StyledSlideWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "en6bui50",
   label: "StyledSlideWrapper"
 })("width:", function (props) {

package/lib/NDLAFilm/FilmContentCardTags.js

@@ -7,23 +7,19 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _core = require("@ndla/core");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var StyledWrapperDiv = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "eon4s9c1"
-} : {
+var StyledWrapperDiv = /*#__PURE__*/(0, _base["default"])("div", {
   target: "eon4s9c1",
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUttQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgY29sb3JzLCBmb250cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWVSZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xufVxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZXNvdXJjZXM6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0ge307XG4gIG1vdmllUmVzb3VyY2VUeXBlcy5mb3JFYWNoKChtb3ZpZVJlc291cmNlVHlwZSkgPT4ge1xuICAgIGNvbnN0IHJlc291cmNlID0gcmVzb3VyY2VUeXBlcy5maW5kKChyZXNvdXJjZVR5cGUpID0+IHJlc291cmNlVHlwZS5pZCA9PT0gbW92aWVSZXNvdXJjZVR5cGUuaWQpO1xuICAgIGlmIChyZXNvdXJjZSkge1xuICAgICAgcmVzb3VyY2VzW3Jlc291cmNlLm5hbWVdID0gdHJ1ZTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyRGl2PlxuICAgICAge09iamVjdC5rZXlzKHJlc291cmNlcykubWFwKChyZXNvdXJjZU5hbWUpID0+IChcbiAgICAgICAgPFN0eWxlZE1vdmllVGFncyBrZXk9e3Jlc291cmNlTmFtZX0+e3Jlc291cmNlTmFtZX08L1N0eWxlZE1vdmllVGFncz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkV3JhcHBlckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
-var StyledMovieTags = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_ENV === "production" ? {
-  target: "eon4s9c0"
-} : {
+var StyledMovieTags = /*#__PURE__*/(0, _base["default"])("span", {
   target: "eon4s9c0",
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgY29sb3JzLCBmb250cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWVSZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xufVxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZXNvdXJjZXM6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0ge307XG4gIG1vdmllUmVzb3VyY2VUeXBlcy5mb3JFYWNoKChtb3ZpZVJlc291cmNlVHlwZSkgPT4ge1xuICAgIGNvbnN0IHJlc291cmNlID0gcmVzb3VyY2VUeXBlcy5maW5kKChyZXNvdXJjZVR5cGUpID0+IHJlc291cmNlVHlwZS5pZCA9PT0gbW92aWVSZXNvdXJjZVR5cGUuaWQpO1xuICAgIGlmIChyZXNvdXJjZSkge1xuICAgICAgcmVzb3VyY2VzW3Jlc291cmNlLm5hbWVdID0gdHJ1ZTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyRGl2PlxuICAgICAge09iamVjdC5rZXlzKHJlc291cmNlcykubWFwKChyZXNvdXJjZU5hbWUpID0+IChcbiAgICAgICAgPFN0eWxlZE1vdmllVGFncyBrZXk9e3Jlc291cmNlTmFtZX0+e3Jlc291cmNlTmFtZX08L1N0eWxlZE1vdmllVGFncz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkV3JhcHBlckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
@@ -41,11 +37,13 @@ var FilmContentCardTags = function FilmContentCardTags(_ref) {
       resources[resource.name] = true;
     }
   });
-  return (0, _react2.jsx)(StyledWrapperDiv, null, Object.keys(resources).map(function (resourceName) {
-    return (0, _react2.jsx)(StyledMovieTags, {
-      key: resourceName
-    }, resourceName);
-  }));
+  return (0, _jsxRuntime.jsx)(StyledWrapperDiv, {
+    children: Object.keys(resources).map(function (resourceName) {
+      return (0, _jsxRuntime.jsx)(StyledMovieTags, {
+        children: resourceName
+      }, resourceName);
+    })
+  });
 };
 
 var _default = FilmContentCardTags;

package/lib/NDLAFilm/FilmMovieList.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _carousel = require("@ndla/carousel");
@@ -17,15 +19,15 @@ var _FilmContentCard = _interopRequireDefault(require("./FilmContentCard"));
 
 var _filmStyles = require("./filmStyles");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 StyledSection = /*#__PURE__*/(0, _base["default"])("section", process.env.NODE_ENV === "production" ? {
-  target: "e1gotiq30"
-} : {
+var StyledSection = /*#__PURE__*/(0, _base["default"])("section", {
   target: "e1gotiq30",
   label: "StyledSection"
 })("margin-bottom:", _core.spacing.normal, ";", _core.mq.range({
@@ -42,24 +44,26 @@ var FilmMovieList = function FilmMovieList(_ref) {
       resourceTypes = _ref$resourceTypes === void 0 ? [] : _ref$resourceTypes,
       autoSizedProps = _ref.autoSizedProps,
       resizeThumbnailImages = _ref.resizeThumbnailImages;
-  return (0, _react2.jsx)(StyledSection, null, (0, _react2.jsx)(_filmStyles.StyledHeadingH1, {
-    marginLeft: autoSizedProps.margin
-  }, name), (0, _react2.jsx)(_carousel.Carousel, _extends({
-    disableScroll: false,
-    slideBackwardsLabel: slideBackwardsLabel,
-    slideForwardsLabel: slideForwardsLabel,
-    buttonClass: "c-film-movielist__carousel-buttons",
-    wrapperClass: "c-film-movielist__carousel-wrapper-buttons",
-    items: movies.map(function (movie) {
-      return (0, _react2.jsx)(_FilmContentCard["default"], {
-        key: movie.id,
-        movie: movie,
-        columnWidth: autoSizedProps.columnWidth,
-        resourceTypes: resourceTypes,
-        resizeThumbnailImages: resizeThumbnailImages
-      });
-    })
-  }, autoSizedProps)));
+  return (0, _jsxRuntime.jsxs)(StyledSection, {
+    children: [(0, _jsxRuntime.jsx)(_filmStyles.StyledHeadingH1, {
+      marginLeft: autoSizedProps.margin,
+      children: name
+    }), (0, _jsxRuntime.jsx)(_carousel.Carousel, _objectSpread({
+      disableScroll: false,
+      slideBackwardsLabel: slideBackwardsLabel,
+      slideForwardsLabel: slideForwardsLabel,
+      buttonClass: "c-film-movielist__carousel-buttons",
+      wrapperClass: "c-film-movielist__carousel-wrapper-buttons",
+      items: movies.map(function (movie) {
+        return (0, _jsxRuntime.jsx)(_FilmContentCard["default"], {
+          movie: movie,
+          columnWidth: autoSizedProps.columnWidth,
+          resourceTypes: resourceTypes,
+          resizeThumbnailImages: resizeThumbnailImages
+        }, movie.id);
+      })
+    }, autoSizedProps))]
+  });
 };
 
 var _default = FilmMovieList;

package/lib/NDLAFilm/FilmMovieSearch.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
@@ -21,8 +23,6 @@ var _ = require("..");
 
 var _filmStyles = require("./filmStyles");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /**
@@ -32,15 +32,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
-var FilmMovieSearchContainer = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "ebr0v6y1"
-} : {
+var FilmMovieSearchContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ebr0v6y1",
   label: "FilmMovieSearchContainer"
 })("margin:", _core.spacing.normal, " 0 ", _core.spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IyQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IENhdGVnb3J5U2VsZWN0IGZyb20gJy4vQ2F0ZWdvcnlTZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgIGxpIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIH1cbiAgICAgIGEge1xuICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBhcmlhQ29udHJvbElkOiBzdHJpbmc7XG59XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaCA9ICh7XG4gIHRvcGljcyA9IFtdLFxuICBvbkNoYW5nZVJlc291cmNlVHlwZSxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzb3VyY2VUeXBlU2VsZWN0ZWQsXG4gIGFyaWFDb250cm9sSWQsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lcj5cbiAgICAgIDxPbmVDb2x1bW4+XG4gICAgICAgIDxUb3BpY05hdmlnYXRpb24+XG4gICAgICAgICAgPFN0eWxlZEhlYWRpbmdIMiBjbGFzc05hbWU9XCJ1LTEyLzEyIHUtNC8xMkB0YWJsZXRcIj57dCgnbmRsYUZpbG0uc3ViamVjdHNJbk1vdmllcycpfTo8L1N0eWxlZEhlYWRpbmdIMj5cbiAgICAgICAgICA8bmF2IGNsYXNzTmFtZT1cInUtMTIvMTIgdS04LzEyQHRhYmxldFwiPlxuICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICB7dG9waWNzLm1hcCgodG9waWMpID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvcGljLnBhdGh9IGtleT17dG9waWMuaWR9PlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dG9waWMubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICA8L25hdj5cbiAgICAgICAgPC9Ub3BpY05hdmlnYXRpb24+XG4gICAgICAgIDxDYXRlZ29yeVNlbGVjdFxuICAgICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlPXtvbkNoYW5nZVJlc291cmNlVHlwZX1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc291cmNlVHlwZVNlbGVjdGVkPXtyZXNvdXJjZVR5cGVTZWxlY3RlZH1cbiAgICAgICAgICBhcmlhQ29udHJvbElkPXthcmlhQ29udHJvbElkfVxuICAgICAgICAvPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9GaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtTW92aWVTZWFyY2g7XG4iXX0= */"));
-var TopicNavigation = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "ebr0v6y0"
-} : {
+var TopicNavigation = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ebr0v6y0",
   label: "TopicNavigation"
 })("margin:", _core.spacing.normal, " 0;", _core.mq.range({
@@ -62,23 +58,35 @@ var FilmMovieSearch = function FilmMovieSearch(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return (0, _react2.jsx)(FilmMovieSearchContainer, null, (0, _react2.jsx)(_.OneColumn, null, (0, _react2.jsx)(TopicNavigation, null, (0, _react2.jsx)(_filmStyles.StyledHeadingH2, {
-    className: "u-12/12 u-4/12@tablet"
-  }, t('ndlaFilm.subjectsInMovies'), ":"), (0, _react2.jsx)("nav", {
-    className: "u-12/12 u-8/12@tablet"
-  }, (0, _react2.jsx)("ul", null, topics.map(function (topic) {
-    return (0, _react2.jsx)("li", {
-      key: topic.id
-    }, (0, _react2.jsx)(_safelink["default"], {
-      to: topic.path,
-      key: topic.id
-    }, (0, _react2.jsx)("span", null, topic.name)));
-  })))), (0, _react2.jsx)(_CategorySelect["default"], {
-    onChangeResourceType: onChangeResourceType,
-    resourceTypes: resourceTypes,
-    resourceTypeSelected: resourceTypeSelected,
-    ariaControlId: ariaControlId
-  })));
+  return (0, _jsxRuntime.jsx)(FilmMovieSearchContainer, {
+    children: (0, _jsxRuntime.jsxs)(_.OneColumn, {
+      children: [(0, _jsxRuntime.jsxs)(TopicNavigation, {
+        children: [(0, _jsxRuntime.jsxs)(_filmStyles.StyledHeadingH2, {
+          className: "u-12/12 u-4/12@tablet",
+          children: [t('ndlaFilm.subjectsInMovies'), ":"]
+        }), (0, _jsxRuntime.jsx)("nav", {
+          className: "u-12/12 u-8/12@tablet",
+          children: (0, _jsxRuntime.jsx)("ul", {
+            children: topics.map(function (topic) {
+              return (0, _jsxRuntime.jsx)("li", {
+                children: (0, _jsxRuntime.jsx)(_safelink["default"], {
+                  to: topic.path,
+                  children: (0, _jsxRuntime.jsx)("span", {
+                    children: topic.name
+                  })
+                }, topic.id)
+              }, topic.id);
+            })
+          })
+        })]
+      }), (0, _jsxRuntime.jsx)(_CategorySelect["default"], {
+        onChangeResourceType: onChangeResourceType,
+        resourceTypes: resourceTypes,
+        resourceTypeSelected: resourceTypeSelected,
+        ariaControlId: ariaControlId
+      })]
+    })
+  });
 };
 
 var _default = FilmMovieSearch;