@ndla/image-search 4.0.5 → 4.0.6

package/es/ImageMeta.js

@@ -1,4 +1,5 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
@@ -12,18 +13,13 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import React from 'react';
 import prettyBytes from 'pretty-bytes';
 import { fonts } from '@ndla/core';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var StyledDiv = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e171zbc01"
-} : {
+var StyledDiv = /*#__PURE__*/_styled("div", {
   target: "e171zbc01",
   label: "StyledDiv"
 })(fonts.sizes('16px', 1.3), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTWV0YS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzRCIiwiZmlsZSI6IkltYWdlTWV0YS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgcHJldHR5Qnl0ZXMgZnJvbSAncHJldHR5LWJ5dGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBJSW1hZ2VEaW1lbnNpb25zIH0gZnJvbSAnQG5kbGEvdHlwZXMtaW1hZ2UtYXBpJztcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTZweCcsIDEuMyl9XG5gO1xuXG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW5gXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIGZpbGVTaXplOiBudW1iZXI7XG4gIGltYWdlRGltZW5zaW9ucz86IElJbWFnZURpbWVuc2lvbnM7XG59XG5cbmNvbnN0IEltYWdlTWV0YSA9ICh7IGNvbnRlbnRUeXBlLCBmaWxlU2l6ZSwgaW1hZ2VEaW1lbnNpb25zIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBpbWFnZURpbWVuc2lvbnMgPyBgIC0gJHtpbWFnZURpbWVuc2lvbnMud2lkdGh9eCR7aW1hZ2VEaW1lbnNpb25zLmhlaWdodH0gcHhgIDogJyc7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZERpdj5cbiAgICAgIDxTdHlsZWRTcGFuPntgJHtjb250ZW50VHlwZX0gLSAke3ByZXR0eUJ5dGVzKGZpbGVTaXplKX0ke2RpbWVuc2lvbnN9YH08L1N0eWxlZFNwYW4+XG4gICAgPC9TdHlsZWREaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZU1ldGE7XG4iXX0= */"));
 
-var StyledSpan = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
-  target: "e171zbc00"
-} : {
+var StyledSpan = /*#__PURE__*/_styled("span", {
   target: "e171zbc00",
   label: "StyledSpan"
 })(process.env.NODE_ENV === "production" ? {
@@ -41,7 +37,11 @@ var ImageMeta = function ImageMeta(_ref) {
       fileSize = _ref.fileSize,
       imageDimensions = _ref.imageDimensions;
   var dimensions = imageDimensions ? " - ".concat(imageDimensions.width, "x").concat(imageDimensions.height, " px") : '';
-  return ___EmotionJSX(StyledDiv, null, ___EmotionJSX(StyledSpan, null, "".concat(contentType, " - ").concat(prettyBytes(fileSize)).concat(dimensions)));
+  return _jsx(StyledDiv, {
+    children: _jsx(StyledSpan, {
+      children: "".concat(contentType, " - ").concat(prettyBytes(fileSize)).concat(dimensions)
+    })
+  });
 };
 
 export default ImageMeta;

package/es/ImageSearch.js

@@ -1,4 +1,6 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
@@ -38,11 +40,8 @@ import Pager from '@ndla/pager';
 import { Input } from '@ndla/forms';
 import { Search as SearchIcon } from '@ndla/icons/common';
 import ImageSearchResult from './ImageSearchResult';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var ImageSearchWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ejbuzb50"
-} : {
+var ImageSearchWrapper = /*#__PURE__*/_styled("div", {
   target: "ejbuzb50",
   label: "ImageSearchWrapper"
 })(".text{text-align:center;}.list-item{position:relative;float:left;height:210px;width:100%;", mq.range({
@@ -84,8 +83,8 @@ var ImageSearchWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "p
 }), "{.list-item .image-preview{width:500%;}.list-item:nth-of-type(5n - 3) .image-preview{margin-left:-100%;}.list-item:nth-of-type(5n - 2) .image-preview{margin-left:-200%;}.list-item:nth-of-type(5n - 1) .image-preview{margin-left:-300%;}.list-item:nth-of-type(5n) .image-preview{margin-left:-400%;}}@keyframes fadeInSearchPreview{0%{display:none;opacity:0;}1%{opacity:0;display:flex;transform:translateY(-20px);}100%{opacity:1;transform:translateY(0px);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlU2VhcmNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnFDIiwiZmlsZSI6IkltYWdlU2VhcmNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IENoYW5nZUV2ZW50LCBDb21wb25lbnQsIFJlYWN0Tm9kZSwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvbnRzLCBjb2xvcnMsIHNwYWNpbmcsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFBhZ2VyIGZyb20gJ0BuZGxhL3BhZ2VyJztcbmltcG9ydCB7IElJbWFnZU1ldGFJbmZvcm1hdGlvblYyLCBJU2VhcmNoUmVzdWx0LCBJSW1hZ2VNZXRhU3VtbWFyeSwgSVNlYXJjaFBhcmFtcyB9IGZyb20gJ0BuZGxhL3R5cGVzLWltYWdlLWFwaSc7XG5pbXBvcnQgeyBJbnB1dCB9IGZyb20gJ0BuZGxhL2Zvcm1zJztcbmltcG9ydCB7IFNlYXJjaCBhcyBTZWFyY2hJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBJbWFnZVNlYXJjaFJlc3VsdCBmcm9tICcuL0ltYWdlU2VhcmNoUmVzdWx0JztcblxuY29uc3QgSW1hZ2VTZWFyY2hXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLnRleHQge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuICAubGlzdC1pdGVtIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgaGVpZ2h0OiAyMTBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICB3aWR0aDogNTAlO1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDMzLjMlO1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDI1JTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgfVxuICAgICYuYWN0aXZlIHtcbiAgICAgIGhlaWdodDogaW5oZXJpdDtcbiAgICB9XG4gIH1cblxuICAubGlzdCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICBmbGV4LWZsb3c6IHJvdyB3cmFwO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tbGVmdDogLSR7c3BhY2luZy5zbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAtJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuXG4gIC5saXN0LWl0ZW0taW5uZXIge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGhlaWdodDogMjEwcHg7XG5cbiAgICAubGlzdC1pdGVtLXRpdGxlIHtcbiAgICAgIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAxLjIpfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogMztcbiAgICAgIG1heC1oZWlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgfVxuICB9XG5cbiAgLmxpc3QtaXRlbS1pbm5lciBpbWcge1xuICAgIG1heC1oZWlnaHQ6IDEzNXB4O1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCB3aGl0ZTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgMTAwbXMgZWFzZTtcbiAgfVxuXG4gIC5saXN0LWl0ZW0taW5uZXI6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cblxuICAubGlzdC1pdGVtLWlubmVyID4gLmxpc3QtaXRlbS1pbm5lciBpbWcge1xuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgLmxpc3QtaXRlbS5hY3RpdmUgPiAubGlzdC1pdGVtLWlubmVyOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBmYWRlSW5TZWFyY2hQcmV2aWV3IDMwMG1zIGVhc2U7XG4gICAgdG9wOiAxOTBweDtcbiAgICBsZWZ0OiA1MCU7XG4gICAgYm9yZGVyOiBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBjb250ZW50OiAnICc7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBib3JkZXItY29sb3I6IHJnYmEoMTM2LCAxODMsIDIxMywgMCk7XG4gICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgYm9yZGVyLXdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tbGVmdDogLSR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5cbiAgLmltYWdlLXByZXZpZXcge1xuICAgIGFuaW1hdGlvbjogZmFkZUluU2VhcmNoUHJldmlldyAzMDBtcyBlYXNlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0LCB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDIwMCU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlLCB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDMwMCU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDQwMCU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgICB3aWR0aDogNTAwJTtcbiAgICB9XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIG1hcmdpbjogMjBweCAwO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5cbiAgICAuaW1hZ2Uge1xuICAgICAgbWF4LXdpZHRoOiA1MCU7XG4gICAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgfVxuICAgIH1cblxuICAgIC5pbmZvIHtcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAxLjMpfVxuICAgIH1cblxuICAgIC5pbWFnZSBpbWcge1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMzAwcHg7XG4gICAgfVxuXG4gICAgLmluZm9ybWF0aW9uIHtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgICBwYWRkaW5nOiBjYWxjKCR7c3BhY2luZy5ub3JtYWx9IC0gJHtzcGFjaW5nLnhzbWFsbH0pICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICB3b3JkLWJyZWFrOiBpbml0aWFsO1xuICAgICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmluZm9ybWF0aW9uID4gKiB7XG4gICAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIH1cblxuICAgIC50aXRsZSB7XG4gICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxLjM7XG4gICAgfVxuICAgIC50ZXh0LS1sZWZ0IHtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgfVxuXG4gICAgLnRleHQtLXJpZ2h0IHtcbiAgICAgIHdpZHRoOiA4MCU7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgfVxuICAgIC50YWdzID4gYiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cblxuICAgIC50YWdzID4gLnRhZ19pdGVtIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgMS4zKX1cbiAgICB9XG5cbiAgICAudGFncyA+IC50YWdfaXRlbTpob3ZlciB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuXG4gICAgLmNsZWFyIHtcbiAgICAgIGNsZWFyOiBib3RoO1xuICAgIH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgLmxpc3QtaXRlbSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICB3aWR0aDogMjAwJTtcbiAgICB9XG4gICAgLmxpc3QtaXRlbTpudGgtb2YtdHlwZSgybikgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0xMDAlO1xuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSwgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAubGlzdC1pdGVtIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIHdpZHRoOiAzMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDNuIC0gMSkgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0xMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDNuKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTIwMCU7XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgIC5saXN0LWl0ZW0gLmltYWdlLXByZXZpZXcge1xuICAgICAgd2lkdGg6IDQwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNG4gLSAyKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTEwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNG4gLSAxKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTIwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNG4pIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMzAwJTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSl9IHtcbiAgICAubGlzdC1pdGVtIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIHdpZHRoOiA1MDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDVuIC0gMykgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0xMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDVuIC0gMikgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0yMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDVuIC0gMSkgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0zMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDVuKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTQwMCU7XG4gICAgfVxuICB9XG5cbiAgQGtleWZyYW1lcyBmYWRlSW5TZWFyY2hQcmV2aWV3IHtcbiAgICAwJSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMSUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTIwcHgpO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMHB4KTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IHNlYXJjaEljb25Dc3MgPSBjc3NgXG4gIGJvcmRlcjogMDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uSW1hZ2VTZWxlY3Q6IChpbWFnZTogSUltYWdlTWV0YUluZm9ybWF0aW9uVjIpID0+IHZvaWQ7XG4gIHNlYXJjaEltYWdlczogKHF1ZXJ5OiBzdHJpbmcgfCB1bmRlZmluZWQsIHBhZ2U6IG51bWJlciB8IHVuZGVmaW5lZCkgPT4gUHJvbWlzZTxJU2VhcmNoUmVzdWx0PjtcbiAgZmV0Y2hJbWFnZTogKGlkOiBudW1iZXIpID0+IFByb21pc2U8SUltYWdlTWV0YUluZm9ybWF0aW9uVjI+O1xuICBvbkVycm9yOiAoZXJyOiBhbnkpID0+IHZvaWQ7XG4gIHNlYXJjaFBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIHNlYXJjaEJ1dHRvblRpdGxlOiBzdHJpbmc7XG4gIGxvY2FsZTogc3RyaW5nO1xuICB1c2VJbWFnZVRpdGxlOiBzdHJpbmc7XG4gIG5vUmVzdWx0cz86IFJlYWN0Tm9kZTtcbiAgY2hlY2tib3hBY3Rpb24/OiAoaW1hZ2U6IElJbWFnZU1ldGFJbmZvcm1hdGlvblYyKSA9PiB2b2lkO1xuICBzaG93Q2hlY2tib3g/OiBib29sZWFuO1xuICBjaGVja2JveExhYmVsPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU3RhdGUge1xuICBxdWVyeU9iamVjdDogSVNlYXJjaFBhcmFtcztcbiAgaW1hZ2VzOiBJSW1hZ2VNZXRhU3VtbWFyeVtdO1xuICBzZWxlY3RlZEltYWdlPzogSUltYWdlTWV0YUluZm9ybWF0aW9uVjI7XG4gIGxhc3RQYWdlOiBudW1iZXI7XG4gIHNlYXJjaGluZzogYm9vbGVhbjtcbiAgcXVlcnlTdHJpbmc/OiBzdHJpbmc7XG59XG5jbGFzcyBJbWFnZVNlYXJjaCBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBxdWVyeU9iamVjdDoge1xuICAgICAgICBxdWVyeTogdW5kZWZpbmVkLFxuICAgICAgICBwYWdlOiAxLFxuICAgICAgICBwYWdlU2l6ZTogMTYsXG4gICAgICB9LFxuICAgICAgaW1hZ2VzOiBbXSxcbiAgICAgIHNlbGVjdGVkSW1hZ2U6IHVuZGVmaW5lZCxcbiAgICAgIGxhc3RQYWdlOiAwLFxuICAgICAgc2VhcmNoaW5nOiBmYWxzZSxcbiAgICB9O1xuXG4gICAgdGhpcy5zZWFyY2hJbWFnZXMgPSB0aGlzLnNlYXJjaEltYWdlcy5iaW5kKHRoaXMpO1xuICAgIHRoaXMub25JbWFnZUNsaWNrID0gdGhpcy5vbkltYWdlQ2xpY2suYmluZCh0aGlzKTtcbiAgICB0aGlzLm9uU2VsZWN0SW1hZ2UgPSB0aGlzLm9uU2VsZWN0SW1hZ2UuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIHRoaXMuc2VhcmNoSW1hZ2VzKHRoaXMuc3RhdGUucXVlcnlPYmplY3QpO1xuICB9XG5cbiAgb25JbWFnZUNsaWNrKGltYWdlOiBJSW1hZ2VNZXRhU3VtbWFyeSkge1xuICAgIGNvbnN0IHsgb25FcnJvciwgZmV0Y2hJbWFnZSB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7IHNlbGVjdGVkSW1hZ2UgfSA9IHRoaXMuc3RhdGU7XG4gICAgaWYgKCFzZWxlY3RlZEltYWdlIHx8IGltYWdlLmlkICE9PSBzZWxlY3RlZEltYWdlLmlkKSB7XG4gICAgICBmZXRjaEltYWdlKHBhcnNlSW50KGltYWdlLmlkKSlcbiAgICAgICAgLnRoZW4oKHJlc3VsdCkgPT4ge1xuICAgICAgICAgIHRoaXMuc2V0U3RhdGUoeyBzZWxlY3RlZEltYWdlOiByZXN1bHQgfSk7XG4gICAgICAgIH0pXG4gICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7XG4gICAgICAgICAgb25FcnJvcihlcnIpO1xuICAgICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBvblNlbGVjdEltYWdlKGltYWdlOiBJSW1hZ2VNZXRhSW5mb3JtYXRpb25WMiwgc2F2ZUFzTWV0YUltYWdlOiBib29sZWFuKSB7XG4gICAgY29uc3QgeyBvbkltYWdlU2VsZWN0LCBjaGVja2JveEFjdGlvbiB9ID0gdGhpcy5wcm9wcztcbiAgICB0aGlzLnNldFN0YXRlKHsgc2VsZWN0ZWRJbWFnZTogdW5kZWZpbmVkIH0pO1xuICAgIG9uSW1hZ2VTZWxlY3QoaW1hZ2UpO1xuICAgIGlmIChzYXZlQXNNZXRhSW1hZ2UpIHtcbiAgICAgIGNoZWNrYm94QWN0aW9uICYmIGNoZWNrYm94QWN0aW9uKGltYWdlKTtcbiAgICB9XG4gIH1cblxuICBzZWFyY2hJbWFnZXMocXVlcnlPYmplY3Q6IElTZWFyY2hQYXJhbXMpIHtcbiAgICBjb25zdCB7IHNlYXJjaEltYWdlcywgb25FcnJvciB9ID0gdGhpcy5wcm9wcztcbiAgICB0aGlzLnNldFN0YXRlKHsgc2VhcmNoaW5nOiB0cnVlIH0pO1xuICAgIHNlYXJjaEltYWdlcyhxdWVyeU9iamVjdC5xdWVyeSwgcXVlcnlPYmplY3QucGFnZSlcbiAgICAgIC50aGVuKChyZXN1bHQpID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgcXVlcnlPYmplY3Q6IHtcbiAgICAgICAgICAgIHF1ZXJ5OiBxdWVyeU9iamVjdC5xdWVyeSxcbiAgICAgICAgICAgIHBhZ2VTaXplOiByZXN1bHQucGFnZVNpemUsXG4gICAgICAgICAgICBwYWdlOiBxdWVyeU9iamVjdC5wYWdlLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgaW1hZ2VzOiByZXN1bHQucmVzdWx0cyxcbiAgICAgICAgICBsYXN0UGFnZTogTWF0aC5jZWlsKHJlc3VsdC50b3RhbENvdW50IC8gcmVzdWx0LnBhZ2VTaXplKSxcbiAgICAgICAgICBzZWFyY2hpbmc6IGZhbHNlLFxuICAgICAgICB9KTtcbiAgICAgIH0pXG4gICAgICAuY2F0Y2goKGVycikgPT4ge1xuICAgICAgICBvbkVycm9yKGVycik7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBzZWFyY2hpbmc6IGZhbHNlIH0pO1xuICAgICAgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBzZWFyY2hQbGFjZWhvbGRlciwgc2VhcmNoQnV0dG9uVGl0bGUsIHVzZUltYWdlVGl0bGUsIHNob3dDaGVja2JveCwgY2hlY2tib3hMYWJlbCB9ID0gdGhpcy5wcm9wcztcblxuICAgIGNvbnN0IHsgcXVlcnlPYmplY3QsIGltYWdlcywgc2VsZWN0ZWRJbWFnZSwgbGFzdFBhZ2UsIHNlYXJjaGluZywgcXVlcnlTdHJpbmcgfSA9IHRoaXMuc3RhdGU7XG5cbiAgICBjb25zdCB7IHBhZ2UgfSA9IHF1ZXJ5T2JqZWN0O1xuICAgIGNvbnN0IG5vUmVzdWx0c0ZvdW5kID0gIXNlYXJjaGluZyAmJiBpbWFnZXMubGVuZ3RoID09PSAwO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxJbWFnZVNlYXJjaFdyYXBwZXI+XG4gICAgICAgIDxJbnB1dFxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtzZWFyY2hQbGFjZWhvbGRlcn1cbiAgICAgICAgICBhdXRvRm9jdXNcbiAgICAgICAgICBpY29uUmlnaHQ9e1xuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICBjc3M9e3NlYXJjaEljb25Dc3N9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3NlYXJjaEJ1dHRvblRpdGxlfVxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuc2VhcmNoSW1hZ2VzKHsgcXVlcnk6IHF1ZXJ5U3RyaW5nLCBwYWdlOiAxIH0pO1xuICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAgPFNlYXJjaEljb24gLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIH1cbiAgICAgICAgICB2YWx1ZT17cXVlcnlTdHJpbmd9XG4gICAgICAgICAgb25DaGFuZ2U9eyhldnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB0aGlzLnNldFN0YXRlKHsgcXVlcnlTdHJpbmc6IGV2dC50YXJnZXQudmFsdWUgfSl9XG4gICAgICAgICAgb25LZXlQcmVzcz17KGV2dDogS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgaWYgKGV2dC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIHRoaXMuc2VhcmNoSW1hZ2VzKHsgcXVlcnk6IHF1ZXJ5U3RyaW5nLCBwYWdlOiAxIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtub1Jlc3VsdHNGb3VuZCAmJiB0aGlzLnByb3BzLm5vUmVzdWx0c31cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJsaXN0XCI+XG4gICAgICAgICAge2ltYWdlcy5tYXAoKGltYWdlKSA9PiAoXG4gICAgICAgICAgICA8SW1hZ2VTZWFyY2hSZXN1bHRcbiAgICAgICAgICAgICAga2V5PXtpbWFnZS5pZH1cbiAgICAgICAgICAgICAgaW1hZ2U9e2ltYWdlfVxuICAgICAgICAgICAgICBvbkltYWdlQ2xpY2s9e3RoaXMub25JbWFnZUNsaWNrfVxuICAgICAgICAgICAgICBzZWxlY3RlZEltYWdlPXtzZWxlY3RlZEltYWdlfVxuICAgICAgICAgICAgICBvblNlbGVjdEltYWdlPXt0aGlzLm9uU2VsZWN0SW1hZ2V9XG4gICAgICAgICAgICAgIHVzZUltYWdlVGl0bGU9e3VzZUltYWdlVGl0bGV9XG4gICAgICAgICAgICAgIHNob3dDaGVja2JveD17ISFzaG93Q2hlY2tib3h9XG4gICAgICAgICAgICAgIGNoZWNrYm94TGFiZWw9e2NoZWNrYm94TGFiZWx9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFBhZ2VyXG4gICAgICAgICAgcGFnZT17cGFnZSA/PyAxfVxuICAgICAgICAgIHBhdGhuYW1lPVwiXCJcbiAgICAgICAgICBsYXN0UGFnZT17bGFzdFBhZ2V9XG4gICAgICAgICAgcXVlcnk9e3F1ZXJ5T2JqZWN0fVxuICAgICAgICAgIG9uQ2xpY2s9e3RoaXMuc2VhcmNoSW1hZ2VzfVxuICAgICAgICAgIHBhZ2VJdGVtQ29tcG9uZW50Q2xhc3M9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgPC9JbWFnZVNlYXJjaFdyYXBwZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBJbWFnZVNlYXJjaDtcbiJdfQ== */"));
 
 var searchIconCss = process.env.NODE_ENV === "production" ? {
-  name: "1kinhkh",
-  styles: "border:0;background:transparent;margin:0;padding:0"
+  name: "imhgxk-searchIconCss",
+  styles: "border:0;background:transparent;margin:0;padding:0;label:searchIconCss;"
 } : {
   name: "imhgxk-searchIconCss",
   styles: "border:0;background:transparent;margin:0;padding:0;label:searchIconCss;",
@@ -211,57 +210,60 @@ var ImageSearch = /*#__PURE__*/function (_Component) {
           queryString = _this$state.queryString;
       var page = queryObject.page;
       var noResultsFound = !searching && images.length === 0;
-      return ___EmotionJSX(ImageSearchWrapper, null, ___EmotionJSX(Input, {
-        placeholder: searchPlaceholder,
-        autoFocus: true,
-        iconRight: ___EmotionJSX("button", {
-          css: searchIconCss,
-          "aria-label": searchButtonTitle,
-          type: "button",
-          onClick: function onClick() {
-            _this4.searchImages({
-              query: queryString,
-              page: 1
+      return _jsxs(ImageSearchWrapper, {
+        children: [_jsx(Input, {
+          placeholder: searchPlaceholder,
+          autoFocus: true,
+          iconRight: _jsx("button", {
+            css: searchIconCss,
+            "aria-label": searchButtonTitle,
+            type: "button",
+            onClick: function onClick() {
+              _this4.searchImages({
+                query: queryString,
+                page: 1
+              });
+            },
+            children: _jsx(SearchIcon, {})
+          }),
+          value: queryString,
+          onChange: function onChange(evt) {
+            return _this4.setState({
+              queryString: evt.target.value
             });
-          }
-        }, ___EmotionJSX(SearchIcon, null)),
-        value: queryString,
-        onChange: function onChange(evt) {
-          return _this4.setState({
-            queryString: evt.target.value
-          });
-        },
-        onKeyPress: function onKeyPress(evt) {
-          if (evt.key === 'Enter') {
-            evt.preventDefault();
+          },
+          onKeyPress: function onKeyPress(evt) {
+            if (evt.key === 'Enter') {
+              evt.preventDefault();
 
-            _this4.searchImages({
-              query: queryString,
-              page: 1
-            });
+              _this4.searchImages({
+                query: queryString,
+                page: 1
+              });
+            }
           }
-        }
-      }), noResultsFound && this.props.noResults, ___EmotionJSX("div", {
-        className: "list"
-      }, images.map(function (image) {
-        return ___EmotionJSX(ImageSearchResult, {
-          key: image.id,
-          image: image,
-          onImageClick: _this4.onImageClick,
-          selectedImage: selectedImage,
-          onSelectImage: _this4.onSelectImage,
-          useImageTitle: useImageTitle,
-          showCheckbox: !!showCheckbox,
-          checkboxLabel: checkboxLabel
-        });
-      })), ___EmotionJSX(Pager, {
-        page: page !== null && page !== void 0 ? page : 1,
-        pathname: "",
-        lastPage: lastPage,
-        query: queryObject,
-        onClick: this.searchImages,
-        pageItemComponentClass: "button"
-      }));
+        }), noResultsFound && this.props.noResults, _jsx("div", {
+          className: "list",
+          children: images.map(function (image) {
+            return _jsx(ImageSearchResult, {
+              image: image,
+              onImageClick: _this4.onImageClick,
+              selectedImage: selectedImage,
+              onSelectImage: _this4.onSelectImage,
+              useImageTitle: useImageTitle,
+              showCheckbox: !!showCheckbox,
+              checkboxLabel: checkboxLabel
+            }, image.id);
+          })
+        }), _jsx(Pager, {
+          page: page !== null && page !== void 0 ? page : 1,
+          pathname: "",
+          lastPage: lastPage,
+          query: queryObject,
+          onClick: this.searchImages,
+          pageItemComponentClass: "button"
+        })]
+      });
     }
   }]);
 

package/es/ImageSearchResult.js

@@ -1,3 +1,6 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
 /**
  * Copyright (c) 2017-present, NDLA.
  *
@@ -9,7 +12,6 @@ import React from 'react';
 import Button from '@ndla/button';
 import PreviewImage from './PreviewImage';
 import { getPreviewSrcSets } from './util/imageUtil';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 export default function ImageSearchResult(_ref) {
   var image = _ref.image,
       onImageClick = _ref.onImageClick,
@@ -19,30 +21,33 @@ export default function ImageSearchResult(_ref) {
       showCheckbox = _ref.showCheckbox,
       checkboxLabel = _ref.checkboxLabel;
   var active = selectedImage && selectedImage.id === image.id ? 'active' : '';
-  return ___EmotionJSX("div", {
-    key: image.id,
-    className: "list-item ".concat(active)
-  }, ___EmotionJSX("div", {
-    className: "list-item-inner"
-  }, ___EmotionJSX(Button, {
-    "data-cy": "select-image-from-list",
-    stripped: true,
-    onClick: function onClick() {
-      return onImageClick(image);
-    }
-  }, ___EmotionJSX("img", {
-    role: "presentation",
-    alt: "presentation",
-    srcSet: getPreviewSrcSets(image.previewUrl),
-    src: image.previewUrl
-  }), ___EmotionJSX("span", {
-    className: "list-item-title"
-  }, image.title.title))), selectedImage && selectedImage.id === image.id ? ___EmotionJSX(PreviewImage, {
-    image: selectedImage,
-    onSelectImage: onSelectImage,
-    useImageTitle: useImageTitle,
-    checkboxLabel: checkboxLabel,
-    showCheckbox: showCheckbox,
-    "aria-hidden": true
-  }) : '');
+  return _jsxs("div", {
+    className: "list-item ".concat(active),
+    children: [_jsx("div", {
+      className: "list-item-inner",
+      children: _jsxs(Button, {
+        "data-cy": "select-image-from-list",
+        stripped: true,
+        onClick: function onClick() {
+          return onImageClick(image);
+        },
+        children: [_jsx("img", {
+          role: "presentation",
+          alt: "presentation",
+          srcSet: getPreviewSrcSets(image.previewUrl),
+          src: image.previewUrl
+        }), _jsx("span", {
+          className: "list-item-title",
+          children: image.title.title
+        })]
+      })
+    }), selectedImage && selectedImage.id === image.id ? _jsx(PreviewImage, {
+      image: selectedImage,
+      onSelectImage: onSelectImage,
+      useImageTitle: useImageTitle,
+      checkboxLabel: checkboxLabel,
+      showCheckbox: showCheckbox,
+      "aria-hidden": true
+    }) : '']
+  }, image.id);
 }

package/es/PreviewImage.js

@@ -1,3 +1,6 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -24,7 +27,6 @@ import { uuid } from '@ndla/util';
 import { CheckboxItem } from '@ndla/forms';
 import { getSrcSets } from './util/imageUtil';
 import ImageMeta from './ImageMeta';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var PreviewImage = function PreviewImage(_ref) {
   var _image$tags$tags, _image$title$title, _image$alttext$alttex, _image$caption$captio;
@@ -47,70 +49,88 @@ var PreviewImage = function PreviewImage(_ref) {
   var title = (_image$title$title = image.title.title) !== null && _image$title$title !== void 0 ? _image$title$title : '';
   var altText = (_image$alttext$alttex = image.alttext.alttext) !== null && _image$alttext$alttex !== void 0 ? _image$alttext$alttex : '';
   var caption = (_image$caption$captio = image.caption.caption) !== null && _image$caption$captio !== void 0 ? _image$caption$captio : '';
-  return ___EmotionJSX("div", {
-    className: "image-preview"
-  }, ___EmotionJSX("div", {
-    className: "image"
-  }, ___EmotionJSX("img", {
-    role: "presentation",
-    alt: "presentation",
-    srcSet: getSrcSets(image.imageUrl),
-    sizes: "(min-width: 800px) 360px, (min-width: 400px) 300px, 100vw",
-    src: image.imageUrl,
-    "aria-label": title
-  })), ___EmotionJSX("div", {
-    className: "information"
-  }, ___EmotionJSX("h2", {
-    className: "title"
-  }, title), image.copyright.creators && image.copyright.creators.length > 0 ? ___EmotionJSX("div", {
-    className: "copyright-author"
-  }, ___EmotionJSX("span", {
-    className: "text"
-  }, image.copyright.creators.map(function (creator) {
-    return creator.name;
-  }).join(', '))) : null, ___EmotionJSX("div", {
-    className: "info"
-  }, ___EmotionJSX("span", {
-    className: "text"
-  }, image.copyright.license.description)), ___EmotionJSX("div", {
-    className: "info"
-  }, ___EmotionJSX("span", {
-    className: "text"
-  }, "".concat(t('image.caption'), ": ").concat(caption))), ___EmotionJSX("div", {
-    className: "info"
-  }, ___EmotionJSX("span", {
-    className: "text"
-  }, "".concat(t('image.altText'), ": ").concat(altText))), ___EmotionJSX("div", {
-    className: "info"
-  }, ___EmotionJSX("span", {
-    className: "text"
-  }, "".concat(t('image.modelReleased.label'), ": ").concat(t('image.modelReleased.' + image.modelRelease)))), ___EmotionJSX(ImageMeta, {
-    contentType: image.contentType,
-    fileSize: image.size,
-    imageDimensions: image.imageDimensions
-  }), ___EmotionJSX("div", {
-    className: "tags"
-  }, tags.map(function (tag) {
-    return ___EmotionJSX("span", {
-      key: uuid(),
-      className: "tag_item"
-    }, "#".concat(tag));
-  })), ___EmotionJSX(Button, {
-    "data-cy": "use-image",
-    onClick: function onClick() {
-      return onSelectImage(image, saveAsMetaImage);
-    }
-  }, useImageTitle), showCheckbox && ___EmotionJSX("div", null, ___EmotionJSX(CheckboxItem, {
-    label: checkboxLabel,
-    checked: saveAsMetaImage,
-    onChange: function onChange() {
-      return setSaveAsMetaImage(function (prev) {
-        return !prev;
-      });
-    }
-  }))), ___EmotionJSX("div", {
-    className: "clear"
-  }));
+  return _jsxs("div", {
+    className: "image-preview",
+    children: [_jsx("div", {
+      className: "image",
+      children: _jsx("img", {
+        role: "presentation",
+        alt: "presentation",
+        srcSet: getSrcSets(image.imageUrl),
+        sizes: "(min-width: 800px) 360px, (min-width: 400px) 300px, 100vw",
+        src: image.imageUrl,
+        "aria-label": title
+      })
+    }), _jsxs("div", {
+      className: "information",
+      children: [_jsx("h2", {
+        className: "title",
+        children: title
+      }), image.copyright.creators && image.copyright.creators.length > 0 ? _jsx("div", {
+        className: "copyright-author",
+        children: _jsx("span", {
+          className: "text",
+          children: image.copyright.creators.map(function (creator) {
+            return creator.name;
+          }).join(', ')
+        })
+      }) : null, _jsx("div", {
+        className: "info",
+        children: _jsx("span", {
+          className: "text",
+          children: image.copyright.license.description
+        })
+      }), _jsx("div", {
+        className: "info",
+        children: _jsx("span", {
+          className: "text",
+          children: "".concat(t('image.caption'), ": ").concat(caption)
+        })
+      }), _jsx("div", {
+        className: "info",
+        children: _jsx("span", {
+          className: "text",
+          children: "".concat(t('image.altText'), ": ").concat(altText)
+        })
+      }), _jsx("div", {
+        className: "info",
+        children: _jsx("span", {
+          className: "text",
+          children: "".concat(t('image.modelReleased.label'), ": ").concat(t('image.modelReleased.' + image.modelRelease))
+        })
+      }), _jsx(ImageMeta, {
+        contentType: image.contentType,
+        fileSize: image.size,
+        imageDimensions: image.imageDimensions
+      }), _jsx("div", {
+        className: "tags",
+        children: tags.map(function (tag) {
+          return _jsx("span", {
+            className: "tag_item",
+            children: "#".concat(tag)
+          }, uuid());
+        })
+      }), _jsx(Button, {
+        "data-cy": "use-image",
+        onClick: function onClick() {
+          return onSelectImage(image, saveAsMetaImage);
+        },
+        children: useImageTitle
+      }), showCheckbox && _jsx("div", {
+        children: _jsx(CheckboxItem, {
+          label: checkboxLabel,
+          checked: saveAsMetaImage,
+          onChange: function onChange() {
+            return setSaveAsMetaImage(function (prev) {
+              return !prev;
+            });
+          }
+        })
+      })]
+    }), _jsx("div", {
+      className: "clear"
+    })]
+  });
 };
 
 export default PreviewImage;

package/lib/ImageMeta.js

@@ -7,27 +7,23 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _prettyBytes = _interopRequireDefault(require("pretty-bytes"));
 
 var _core = require("@ndla/core");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var StyledDiv = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e171zbc01"
-} : {
+var StyledDiv = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e171zbc01",
   label: "StyledDiv"
 })(_core.fonts.sizes('16px', 1.3), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTWV0YS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzRCIiwiZmlsZSI6IkltYWdlTWV0YS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgcHJldHR5Qnl0ZXMgZnJvbSAncHJldHR5LWJ5dGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBJSW1hZ2VEaW1lbnNpb25zIH0gZnJvbSAnQG5kbGEvdHlwZXMtaW1hZ2UtYXBpJztcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTZweCcsIDEuMyl9XG5gO1xuXG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW5gXG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIGZpbGVTaXplOiBudW1iZXI7XG4gIGltYWdlRGltZW5zaW9ucz86IElJbWFnZURpbWVuc2lvbnM7XG59XG5cbmNvbnN0IEltYWdlTWV0YSA9ICh7IGNvbnRlbnRUeXBlLCBmaWxlU2l6ZSwgaW1hZ2VEaW1lbnNpb25zIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBpbWFnZURpbWVuc2lvbnMgPyBgIC0gJHtpbWFnZURpbWVuc2lvbnMud2lkdGh9eCR7aW1hZ2VEaW1lbnNpb25zLmhlaWdodH0gcHhgIDogJyc7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZERpdj5cbiAgICAgIDxTdHlsZWRTcGFuPntgJHtjb250ZW50VHlwZX0gLSAke3ByZXR0eUJ5dGVzKGZpbGVTaXplKX0ke2RpbWVuc2lvbnN9YH08L1N0eWxlZFNwYW4+XG4gICAgPC9TdHlsZWREaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZU1ldGE7XG4iXX0= */"));
-var StyledSpan = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_ENV === "production" ? {
-  target: "e171zbc00"
-} : {
+var StyledSpan = /*#__PURE__*/(0, _base["default"])("span", {
   target: "e171zbc00",
   label: "StyledSpan"
 })(process.env.NODE_ENV === "production" ? {
@@ -45,7 +41,11 @@ var ImageMeta = function ImageMeta(_ref) {
       fileSize = _ref.fileSize,
       imageDimensions = _ref.imageDimensions;
   var dimensions = imageDimensions ? " - ".concat(imageDimensions.width, "x").concat(imageDimensions.height, " px") : '';
-  return (0, _react2.jsx)(StyledDiv, null, (0, _react2.jsx)(StyledSpan, null, "".concat(contentType, " - ").concat((0, _prettyBytes["default"])(fileSize)).concat(dimensions)));
+  return (0, _jsxRuntime.jsx)(StyledDiv, {
+    children: (0, _jsxRuntime.jsx)(StyledSpan, {
+      children: "".concat(contentType, " - ").concat((0, _prettyBytes["default"])(fileSize)).concat(dimensions)
+    })
+  });
 };
 
 var _default = ImageMeta;

package/lib/ImageSearch.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 _react2 = require("@emotion/react");
@@ -51,9 +53,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var ImageSearchWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "ejbuzb50"
-} : {
+var ImageSearchWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ejbuzb50",
   label: "ImageSearchWrapper"
 })(".text{text-align:center;}.list-item{position:relative;float:left;height:210px;width:100%;", _core.mq.range({
@@ -94,8 +94,8 @@ var ImageSearchWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.N
   from: _core.breakpoints.wide
 }), "{.list-item .image-preview{width:500%;}.list-item:nth-of-type(5n - 3) .image-preview{margin-left:-100%;}.list-item:nth-of-type(5n - 2) .image-preview{margin-left:-200%;}.list-item:nth-of-type(5n - 1) .image-preview{margin-left:-300%;}.list-item:nth-of-type(5n) .image-preview{margin-left:-400%;}}@keyframes fadeInSearchPreview{0%{display:none;opacity:0;}1%{opacity:0;display:flex;transform:translateY(-20px);}100%{opacity:1;transform:translateY(0px);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlU2VhcmNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnFDIiwiZmlsZSI6IkltYWdlU2VhcmNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IENoYW5nZUV2ZW50LCBDb21wb25lbnQsIFJlYWN0Tm9kZSwgS2V5Ym9hcmRFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvbnRzLCBjb2xvcnMsIHNwYWNpbmcsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFBhZ2VyIGZyb20gJ0BuZGxhL3BhZ2VyJztcbmltcG9ydCB7IElJbWFnZU1ldGFJbmZvcm1hdGlvblYyLCBJU2VhcmNoUmVzdWx0LCBJSW1hZ2VNZXRhU3VtbWFyeSwgSVNlYXJjaFBhcmFtcyB9IGZyb20gJ0BuZGxhL3R5cGVzLWltYWdlLWFwaSc7XG5pbXBvcnQgeyBJbnB1dCB9IGZyb20gJ0BuZGxhL2Zvcm1zJztcbmltcG9ydCB7IFNlYXJjaCBhcyBTZWFyY2hJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBJbWFnZVNlYXJjaFJlc3VsdCBmcm9tICcuL0ltYWdlU2VhcmNoUmVzdWx0JztcblxuY29uc3QgSW1hZ2VTZWFyY2hXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLnRleHQge1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuICAubGlzdC1pdGVtIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgaGVpZ2h0OiAyMTBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICB3aWR0aDogNTAlO1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDMzLjMlO1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDI1JTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgfVxuICAgICYuYWN0aXZlIHtcbiAgICAgIGhlaWdodDogaW5oZXJpdDtcbiAgICB9XG4gIH1cblxuICAubGlzdCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICBmbGV4LWZsb3c6IHJvdyB3cmFwO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXJnaW4tbGVmdDogLSR7c3BhY2luZy5zbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAtJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuXG4gIC5saXN0LWl0ZW0taW5uZXIge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGhlaWdodDogMjEwcHg7XG5cbiAgICAubGlzdC1pdGVtLXRpdGxlIHtcbiAgICAgIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAxLjIpfTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogMztcbiAgICAgIG1heC1oZWlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgfVxuICB9XG5cbiAgLmxpc3QtaXRlbS1pbm5lciBpbWcge1xuICAgIG1heC1oZWlnaHQ6IDEzNXB4O1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBib3JkZXI6IDJweCBzb2xpZCB3aGl0ZTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgMTAwbXMgZWFzZTtcbiAgfVxuXG4gIC5saXN0LWl0ZW0taW5uZXI6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cblxuICAubGlzdC1pdGVtLWlubmVyID4gLmxpc3QtaXRlbS1pbm5lciBpbWcge1xuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgLmxpc3QtaXRlbS5hY3RpdmUgPiAubGlzdC1pdGVtLWlubmVyOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBmYWRlSW5TZWFyY2hQcmV2aWV3IDMwMG1zIGVhc2U7XG4gICAgdG9wOiAxOTBweDtcbiAgICBsZWZ0OiA1MCU7XG4gICAgYm9yZGVyOiBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBjb250ZW50OiAnICc7XG4gICAgaGVpZ2h0OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBib3JkZXItY29sb3I6IHJnYmEoMTM2LCAxODMsIDIxMywgMCk7XG4gICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgYm9yZGVyLXdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICBtYXJnaW4tbGVmdDogLSR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5cbiAgLmltYWdlLXByZXZpZXcge1xuICAgIGFuaW1hdGlvbjogZmFkZUluU2VhcmNoUHJldmlldyAzMDBtcyBlYXNlO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0LCB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDIwMCU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlLCB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDMwMCU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDQwMCU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgICB3aWR0aDogNTAwJTtcbiAgICB9XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIG1hcmdpbjogMjBweCAwO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5cbiAgICAuaW1hZ2Uge1xuICAgICAgbWF4LXdpZHRoOiA1MCU7XG4gICAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgfVxuICAgIH1cblxuICAgIC5pbmZvIHtcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAxLjMpfVxuICAgIH1cblxuICAgIC5pbWFnZSBpbWcge1xuICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMzAwcHg7XG4gICAgfVxuXG4gICAgLmluZm9ybWF0aW9uIHtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgICBwYWRkaW5nOiBjYWxjKCR7c3BhY2luZy5ub3JtYWx9IC0gJHtzcGFjaW5nLnhzbWFsbH0pICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICB3b3JkLWJyZWFrOiBpbml0aWFsO1xuICAgICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmluZm9ybWF0aW9uID4gKiB7XG4gICAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIH1cblxuICAgIC50aXRsZSB7XG4gICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAxLjM7XG4gICAgfVxuICAgIC50ZXh0LS1sZWZ0IHtcbiAgICAgIHdpZHRoOiAyMCU7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgfVxuXG4gICAgLnRleHQtLXJpZ2h0IHtcbiAgICAgIHdpZHRoOiA4MCU7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgfVxuICAgIC50YWdzID4gYiB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cblxuICAgIC50YWdzID4gLnRhZ19pdGVtIHtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgMS4zKX1cbiAgICB9XG5cbiAgICAudGFncyA+IC50YWdfaXRlbTpob3ZlciB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuXG4gICAgLmNsZWFyIHtcbiAgICAgIGNsZWFyOiBib3RoO1xuICAgIH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgLmxpc3QtaXRlbSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICB3aWR0aDogMjAwJTtcbiAgICB9XG4gICAgLmxpc3QtaXRlbTpudGgtb2YtdHlwZSgybikgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0xMDAlO1xuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSwgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAubGlzdC1pdGVtIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIHdpZHRoOiAzMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDNuIC0gMSkgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0xMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDNuKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTIwMCU7XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgIC5saXN0LWl0ZW0gLmltYWdlLXByZXZpZXcge1xuICAgICAgd2lkdGg6IDQwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNG4gLSAyKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTEwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNG4gLSAxKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTIwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNG4pIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMzAwJTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSl9IHtcbiAgICAubGlzdC1pdGVtIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIHdpZHRoOiA1MDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDVuIC0gMykgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0xMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDVuIC0gMikgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0yMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDVuIC0gMSkgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0zMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDVuKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTQwMCU7XG4gICAgfVxuICB9XG5cbiAgQGtleWZyYW1lcyBmYWRlSW5TZWFyY2hQcmV2aWV3IHtcbiAgICAwJSB7XG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gICAgMSUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTIwcHgpO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMHB4KTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IHNlYXJjaEljb25Dc3MgPSBjc3NgXG4gIGJvcmRlcjogMDtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uSW1hZ2VTZWxlY3Q6IChpbWFnZTogSUltYWdlTWV0YUluZm9ybWF0aW9uVjIpID0+IHZvaWQ7XG4gIHNlYXJjaEltYWdlczogKHF1ZXJ5OiBzdHJpbmcgfCB1bmRlZmluZWQsIHBhZ2U6IG51bWJlciB8IHVuZGVmaW5lZCkgPT4gUHJvbWlzZTxJU2VhcmNoUmVzdWx0PjtcbiAgZmV0Y2hJbWFnZTogKGlkOiBudW1iZXIpID0+IFByb21pc2U8SUltYWdlTWV0YUluZm9ybWF0aW9uVjI+O1xuICBvbkVycm9yOiAoZXJyOiBhbnkpID0+IHZvaWQ7XG4gIHNlYXJjaFBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIHNlYXJjaEJ1dHRvblRpdGxlOiBzdHJpbmc7XG4gIGxvY2FsZTogc3RyaW5nO1xuICB1c2VJbWFnZVRpdGxlOiBzdHJpbmc7XG4gIG5vUmVzdWx0cz86IFJlYWN0Tm9kZTtcbiAgY2hlY2tib3hBY3Rpb24/OiAoaW1hZ2U6IElJbWFnZU1ldGFJbmZvcm1hdGlvblYyKSA9PiB2b2lkO1xuICBzaG93Q2hlY2tib3g/OiBib29sZWFuO1xuICBjaGVja2JveExhYmVsPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU3RhdGUge1xuICBxdWVyeU9iamVjdDogSVNlYXJjaFBhcmFtcztcbiAgaW1hZ2VzOiBJSW1hZ2VNZXRhU3VtbWFyeVtdO1xuICBzZWxlY3RlZEltYWdlPzogSUltYWdlTWV0YUluZm9ybWF0aW9uVjI7XG4gIGxhc3RQYWdlOiBudW1iZXI7XG4gIHNlYXJjaGluZzogYm9vbGVhbjtcbiAgcXVlcnlTdHJpbmc/OiBzdHJpbmc7XG59XG5jbGFzcyBJbWFnZVNlYXJjaCBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICBxdWVyeU9iamVjdDoge1xuICAgICAgICBxdWVyeTogdW5kZWZpbmVkLFxuICAgICAgICBwYWdlOiAxLFxuICAgICAgICBwYWdlU2l6ZTogMTYsXG4gICAgICB9LFxuICAgICAgaW1hZ2VzOiBbXSxcbiAgICAgIHNlbGVjdGVkSW1hZ2U6IHVuZGVmaW5lZCxcbiAgICAgIGxhc3RQYWdlOiAwLFxuICAgICAgc2VhcmNoaW5nOiBmYWxzZSxcbiAgICB9O1xuXG4gICAgdGhpcy5zZWFyY2hJbWFnZXMgPSB0aGlzLnNlYXJjaEltYWdlcy5iaW5kKHRoaXMpO1xuICAgIHRoaXMub25JbWFnZUNsaWNrID0gdGhpcy5vbkltYWdlQ2xpY2suYmluZCh0aGlzKTtcbiAgICB0aGlzLm9uU2VsZWN0SW1hZ2UgPSB0aGlzLm9uU2VsZWN0SW1hZ2UuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGNvbXBvbmVudERpZE1vdW50KCkge1xuICAgIHRoaXMuc2VhcmNoSW1hZ2VzKHRoaXMuc3RhdGUucXVlcnlPYmplY3QpO1xuICB9XG5cbiAgb25JbWFnZUNsaWNrKGltYWdlOiBJSW1hZ2VNZXRhU3VtbWFyeSkge1xuICAgIGNvbnN0IHsgb25FcnJvciwgZmV0Y2hJbWFnZSB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCB7IHNlbGVjdGVkSW1hZ2UgfSA9IHRoaXMuc3RhdGU7XG4gICAgaWYgKCFzZWxlY3RlZEltYWdlIHx8IGltYWdlLmlkICE9PSBzZWxlY3RlZEltYWdlLmlkKSB7XG4gICAgICBmZXRjaEltYWdlKHBhcnNlSW50KGltYWdlLmlkKSlcbiAgICAgICAgLnRoZW4oKHJlc3VsdCkgPT4ge1xuICAgICAgICAgIHRoaXMuc2V0U3RhdGUoeyBzZWxlY3RlZEltYWdlOiByZXN1bHQgfSk7XG4gICAgICAgIH0pXG4gICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7XG4gICAgICAgICAgb25FcnJvcihlcnIpO1xuICAgICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBvblNlbGVjdEltYWdlKGltYWdlOiBJSW1hZ2VNZXRhSW5mb3JtYXRpb25WMiwgc2F2ZUFzTWV0YUltYWdlOiBib29sZWFuKSB7XG4gICAgY29uc3QgeyBvbkltYWdlU2VsZWN0LCBjaGVja2JveEFjdGlvbiB9ID0gdGhpcy5wcm9wcztcbiAgICB0aGlzLnNldFN0YXRlKHsgc2VsZWN0ZWRJbWFnZTogdW5kZWZpbmVkIH0pO1xuICAgIG9uSW1hZ2VTZWxlY3QoaW1hZ2UpO1xuICAgIGlmIChzYXZlQXNNZXRhSW1hZ2UpIHtcbiAgICAgIGNoZWNrYm94QWN0aW9uICYmIGNoZWNrYm94QWN0aW9uKGltYWdlKTtcbiAgICB9XG4gIH1cblxuICBzZWFyY2hJbWFnZXMocXVlcnlPYmplY3Q6IElTZWFyY2hQYXJhbXMpIHtcbiAgICBjb25zdCB7IHNlYXJjaEltYWdlcywgb25FcnJvciB9ID0gdGhpcy5wcm9wcztcbiAgICB0aGlzLnNldFN0YXRlKHsgc2VhcmNoaW5nOiB0cnVlIH0pO1xuICAgIHNlYXJjaEltYWdlcyhxdWVyeU9iamVjdC5xdWVyeSwgcXVlcnlPYmplY3QucGFnZSlcbiAgICAgIC50aGVuKChyZXN1bHQpID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgcXVlcnlPYmplY3Q6IHtcbiAgICAgICAgICAgIHF1ZXJ5OiBxdWVyeU9iamVjdC5xdWVyeSxcbiAgICAgICAgICAgIHBhZ2VTaXplOiByZXN1bHQucGFnZVNpemUsXG4gICAgICAgICAgICBwYWdlOiBxdWVyeU9iamVjdC5wYWdlLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgaW1hZ2VzOiByZXN1bHQucmVzdWx0cyxcbiAgICAgICAgICBsYXN0UGFnZTogTWF0aC5jZWlsKHJlc3VsdC50b3RhbENvdW50IC8gcmVzdWx0LnBhZ2VTaXplKSxcbiAgICAgICAgICBzZWFyY2hpbmc6IGZhbHNlLFxuICAgICAgICB9KTtcbiAgICAgIH0pXG4gICAgICAuY2F0Y2goKGVycikgPT4ge1xuICAgICAgICBvbkVycm9yKGVycik7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBzZWFyY2hpbmc6IGZhbHNlIH0pO1xuICAgICAgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBzZWFyY2hQbGFjZWhvbGRlciwgc2VhcmNoQnV0dG9uVGl0bGUsIHVzZUltYWdlVGl0bGUsIHNob3dDaGVja2JveCwgY2hlY2tib3hMYWJlbCB9ID0gdGhpcy5wcm9wcztcblxuICAgIGNvbnN0IHsgcXVlcnlPYmplY3QsIGltYWdlcywgc2VsZWN0ZWRJbWFnZSwgbGFzdFBhZ2UsIHNlYXJjaGluZywgcXVlcnlTdHJpbmcgfSA9IHRoaXMuc3RhdGU7XG5cbiAgICBjb25zdCB7IHBhZ2UgfSA9IHF1ZXJ5T2JqZWN0O1xuICAgIGNvbnN0IG5vUmVzdWx0c0ZvdW5kID0gIXNlYXJjaGluZyAmJiBpbWFnZXMubGVuZ3RoID09PSAwO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxJbWFnZVNlYXJjaFdyYXBwZXI+XG4gICAgICAgIDxJbnB1dFxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtzZWFyY2hQbGFjZWhvbGRlcn1cbiAgICAgICAgICBhdXRvRm9jdXNcbiAgICAgICAgICBpY29uUmlnaHQ9e1xuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICBjc3M9e3NlYXJjaEljb25Dc3N9XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3NlYXJjaEJ1dHRvblRpdGxlfVxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuc2VhcmNoSW1hZ2VzKHsgcXVlcnk6IHF1ZXJ5U3RyaW5nLCBwYWdlOiAxIH0pO1xuICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAgPFNlYXJjaEljb24gLz5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgIH1cbiAgICAgICAgICB2YWx1ZT17cXVlcnlTdHJpbmd9XG4gICAgICAgICAgb25DaGFuZ2U9eyhldnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB0aGlzLnNldFN0YXRlKHsgcXVlcnlTdHJpbmc6IGV2dC50YXJnZXQudmFsdWUgfSl9XG4gICAgICAgICAgb25LZXlQcmVzcz17KGV2dDogS2V5Ym9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgaWYgKGV2dC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgIHRoaXMuc2VhcmNoSW1hZ2VzKHsgcXVlcnk6IHF1ZXJ5U3RyaW5nLCBwYWdlOiAxIH0pO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICAgIHtub1Jlc3VsdHNGb3VuZCAmJiB0aGlzLnByb3BzLm5vUmVzdWx0c31cbiAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJsaXN0XCI+XG4gICAgICAgICAge2ltYWdlcy5tYXAoKGltYWdlKSA9PiAoXG4gICAgICAgICAgICA8SW1hZ2VTZWFyY2hSZXN1bHRcbiAgICAgICAgICAgICAga2V5PXtpbWFnZS5pZH1cbiAgICAgICAgICAgICAgaW1hZ2U9e2ltYWdlfVxuICAgICAgICAgICAgICBvbkltYWdlQ2xpY2s9e3RoaXMub25JbWFnZUNsaWNrfVxuICAgICAgICAgICAgICBzZWxlY3RlZEltYWdlPXtzZWxlY3RlZEltYWdlfVxuICAgICAgICAgICAgICBvblNlbGVjdEltYWdlPXt0aGlzLm9uU2VsZWN0SW1hZ2V9XG4gICAgICAgICAgICAgIHVzZUltYWdlVGl0bGU9e3VzZUltYWdlVGl0bGV9XG4gICAgICAgICAgICAgIHNob3dDaGVja2JveD17ISFzaG93Q2hlY2tib3h9XG4gICAgICAgICAgICAgIGNoZWNrYm94TGFiZWw9e2NoZWNrYm94TGFiZWx9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFBhZ2VyXG4gICAgICAgICAgcGFnZT17cGFnZSA/PyAxfVxuICAgICAgICAgIHBhdGhuYW1lPVwiXCJcbiAgICAgICAgICBsYXN0UGFnZT17bGFzdFBhZ2V9XG4gICAgICAgICAgcXVlcnk9e3F1ZXJ5T2JqZWN0fVxuICAgICAgICAgIG9uQ2xpY2s9e3RoaXMuc2VhcmNoSW1hZ2VzfVxuICAgICAgICAgIHBhZ2VJdGVtQ29tcG9uZW50Q2xhc3M9XCJidXR0b25cIlxuICAgICAgICAvPlxuICAgICAgPC9JbWFnZVNlYXJjaFdyYXBwZXI+XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBJbWFnZVNlYXJjaDtcbiJdfQ== */"));
 var searchIconCss = process.env.NODE_ENV === "production" ? {
-  name: "1kinhkh",
-  styles: "border:0;background:transparent;margin:0;padding:0"
+  name: "imhgxk-searchIconCss",
+  styles: "border:0;background:transparent;margin:0;padding:0;label:searchIconCss;"
 } : {
   name: "imhgxk-searchIconCss",
   styles: "border:0;background:transparent;margin:0;padding:0;label:searchIconCss;",
@@ -221,57 +221,60 @@ var ImageSearch = /*#__PURE__*/function (_Component) {
           queryString = _this$state.queryString;
       var page = queryObject.page;
       var noResultsFound = !searching && images.length === 0;
-      return (0, _react2.jsx)(ImageSearchWrapper, null, (0, _react2.jsx)(_forms.Input, {
-        placeholder: searchPlaceholder,
-        autoFocus: true,
-        iconRight: (0, _react2.jsx)("button", {
-          css: searchIconCss,
-          "aria-label": searchButtonTitle,
-          type: "button",
-          onClick: function onClick() {
-            _this4.searchImages({
-              query: queryString,
-              page: 1
-            });
-          }
-        }, (0, _react2.jsx)(_common.Search, null)),
-        value: queryString,
-        onChange: function onChange(evt) {
-          return _this4.setState({
-            queryString: evt.target.value
-          });
-        },
-        onKeyPress: function onKeyPress(evt) {
-          if (evt.key === 'Enter') {
-            evt.preventDefault();
-
-            _this4.searchImages({
-              query: queryString,
-              page: 1
+      return (0, _jsxRuntime.jsxs)(ImageSearchWrapper, {
+        children: [(0, _jsxRuntime.jsx)(_forms.Input, {
+          placeholder: searchPlaceholder,
+          autoFocus: true,
+          iconRight: (0, _jsxRuntime.jsx)("button", {
+            css: searchIconCss,
+            "aria-label": searchButtonTitle,
+            type: "button",
+            onClick: function onClick() {
+              _this4.searchImages({
+                query: queryString,
+                page: 1
+              });
+            },
+            children: (0, _jsxRuntime.jsx)(_common.Search, {})
+          }),
+          value: queryString,
+          onChange: function onChange(evt) {
+            return _this4.setState({
+              queryString: evt.target.value
             });
+          },
+          onKeyPress: function onKeyPress(evt) {
+            if (evt.key === 'Enter') {
+              evt.preventDefault();
+
+              _this4.searchImages({
+                query: queryString,
+                page: 1
+              });
+            }
           }
-        }
-      }), noResultsFound && this.props.noResults, (0, _react2.jsx)("div", {
-        className: "list"
-      }, images.map(function (image) {
-        return (0, _react2.jsx)(_ImageSearchResult["default"], {
-          key: image.id,
-          image: image,
-          onImageClick: _this4.onImageClick,
-          selectedImage: selectedImage,
-          onSelectImage: _this4.onSelectImage,
-          useImageTitle: useImageTitle,
-          showCheckbox: !!showCheckbox,
-          checkboxLabel: checkboxLabel
-        });
-      })), (0, _react2.jsx)(_pager["default"], {
-        page: page !== null && page !== void 0 ? page : 1,
-        pathname: "",
-        lastPage: lastPage,
-        query: queryObject,
-        onClick: this.searchImages,
-        pageItemComponentClass: "button"
-      }));
+        }), noResultsFound && this.props.noResults, (0, _jsxRuntime.jsx)("div", {
+          className: "list",
+          children: images.map(function (image) {
+            return (0, _jsxRuntime.jsx)(_ImageSearchResult["default"], {
+              image: image,
+              onImageClick: _this4.onImageClick,
+              selectedImage: selectedImage,
+              onSelectImage: _this4.onSelectImage,
+              useImageTitle: useImageTitle,
+              showCheckbox: !!showCheckbox,
+              checkboxLabel: checkboxLabel
+            }, image.id);
+          })
+        }), (0, _jsxRuntime.jsx)(_pager["default"], {
+          page: page !== null && page !== void 0 ? page : 1,
+          pathname: "",
+          lastPage: lastPage,
+          query: queryObject,
+          onClick: this.searchImages,
+          pageItemComponentClass: "button"
+        })]
+      });
     }
   }]);
 

package/lib/ImageSearchResult.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = ImageSearchResult;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _button = _interopRequireDefault(require("@ndla/button"));
@@ -13,8 +15,6 @@ var _PreviewImage = _interopRequireDefault(require("./PreviewImage"));
 
 var _imageUtil = require("./util/imageUtil");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /**
@@ -33,30 +33,33 @@ function ImageSearchResult(_ref) {
       showCheckbox = _ref.showCheckbox,
       checkboxLabel = _ref.checkboxLabel;
   var active = selectedImage && selectedImage.id === image.id ? 'active' : '';
-  return (0, _react2.jsx)("div", {
-    key: image.id,
-    className: "list-item ".concat(active)
-  }, (0, _react2.jsx)("div", {
-    className: "list-item-inner"
-  }, (0, _react2.jsx)(_button["default"], {
-    "data-cy": "select-image-from-list",
-    stripped: true,
-    onClick: function onClick() {
-      return onImageClick(image);
-    }
-  }, (0, _react2.jsx)("img", {
-    role: "presentation",
-    alt: "presentation",
-    srcSet: (0, _imageUtil.getPreviewSrcSets)(image.previewUrl),
-    src: image.previewUrl
-  }), (0, _react2.jsx)("span", {
-    className: "list-item-title"
-  }, image.title.title))), selectedImage && selectedImage.id === image.id ? (0, _react2.jsx)(_PreviewImage["default"], {
-    image: selectedImage,
-    onSelectImage: onSelectImage,
-    useImageTitle: useImageTitle,
-    checkboxLabel: checkboxLabel,
-    showCheckbox: showCheckbox,
-    "aria-hidden": true
-  }) : '');
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "list-item ".concat(active),
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: "list-item-inner",
+      children: (0, _jsxRuntime.jsxs)(_button["default"], {
+        "data-cy": "select-image-from-list",
+        stripped: true,
+        onClick: function onClick() {
+          return onImageClick(image);
+        },
+        children: [(0, _jsxRuntime.jsx)("img", {
+          role: "presentation",
+          alt: "presentation",
+          srcSet: (0, _imageUtil.getPreviewSrcSets)(image.previewUrl),
+          src: image.previewUrl
+        }), (0, _jsxRuntime.jsx)("span", {
+          className: "list-item-title",
+          children: image.title.title
+        })]
+      })
+    }), selectedImage && selectedImage.id === image.id ? (0, _jsxRuntime.jsx)(_PreviewImage["default"], {
+      image: selectedImage,
+      onSelectImage: onSelectImage,
+      useImageTitle: useImageTitle,
+      checkboxLabel: checkboxLabel,
+      showCheckbox: showCheckbox,
+      "aria-hidden": true
+    }) : '']
+  }, image.id);
 }

package/lib/PreviewImage.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactI18next = require("react-i18next");
@@ -21,8 +23,6 @@ var _imageUtil = require("./util/imageUtil");
 
 var _ImageMeta = _interopRequireDefault(require("./ImageMeta"));
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
@@ -62,70 +62,88 @@ var PreviewImage = function PreviewImage(_ref) {
   var title = (_image$title$title = image.title.title) !== null && _image$title$title !== void 0 ? _image$title$title : '';
   var altText = (_image$alttext$alttex = image.alttext.alttext) !== null && _image$alttext$alttex !== void 0 ? _image$alttext$alttex : '';
   var caption = (_image$caption$captio = image.caption.caption) !== null && _image$caption$captio !== void 0 ? _image$caption$captio : '';
-  return (0, _react2.jsx)("div", {
-    className: "image-preview"
-  }, (0, _react2.jsx)("div", {
-    className: "image"
-  }, (0, _react2.jsx)("img", {
-    role: "presentation",
-    alt: "presentation",
-    srcSet: (0, _imageUtil.getSrcSets)(image.imageUrl),
-    sizes: "(min-width: 800px) 360px, (min-width: 400px) 300px, 100vw",
-    src: image.imageUrl,
-    "aria-label": title
-  })), (0, _react2.jsx)("div", {
-    className: "information"
-  }, (0, _react2.jsx)("h2", {
-    className: "title"
-  }, title), image.copyright.creators && image.copyright.creators.length > 0 ? (0, _react2.jsx)("div", {
-    className: "copyright-author"
-  }, (0, _react2.jsx)("span", {
-    className: "text"
-  }, image.copyright.creators.map(function (creator) {
-    return creator.name;
-  }).join(', '))) : null, (0, _react2.jsx)("div", {
-    className: "info"
-  }, (0, _react2.jsx)("span", {
-    className: "text"
-  }, image.copyright.license.description)), (0, _react2.jsx)("div", {
-    className: "info"
-  }, (0, _react2.jsx)("span", {
-    className: "text"
-  }, "".concat(t('image.caption'), ": ").concat(caption))), (0, _react2.jsx)("div", {
-    className: "info"
-  }, (0, _react2.jsx)("span", {
-    className: "text"
-  }, "".concat(t('image.altText'), ": ").concat(altText))), (0, _react2.jsx)("div", {
-    className: "info"
-  }, (0, _react2.jsx)("span", {
-    className: "text"
-  }, "".concat(t('image.modelReleased.label'), ": ").concat(t('image.modelReleased.' + image.modelRelease)))), (0, _react2.jsx)(_ImageMeta["default"], {
-    contentType: image.contentType,
-    fileSize: image.size,
-    imageDimensions: image.imageDimensions
-  }), (0, _react2.jsx)("div", {
-    className: "tags"
-  }, tags.map(function (tag) {
-    return (0, _react2.jsx)("span", {
-      key: (0, _util.uuid)(),
-      className: "tag_item"
-    }, "#".concat(tag));
-  })), (0, _react2.jsx)(_button["default"], {
-    "data-cy": "use-image",
-    onClick: function onClick() {
-      return onSelectImage(image, saveAsMetaImage);
-    }
-  }, useImageTitle), showCheckbox && (0, _react2.jsx)("div", null, (0, _react2.jsx)(_forms.CheckboxItem, {
-    label: checkboxLabel,
-    checked: saveAsMetaImage,
-    onChange: function onChange() {
-      return setSaveAsMetaImage(function (prev) {
-        return !prev;
-      });
-    }
-  }))), (0, _react2.jsx)("div", {
-    className: "clear"
-  }));
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "image-preview",
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: "image",
+      children: (0, _jsxRuntime.jsx)("img", {
+        role: "presentation",
+        alt: "presentation",
+        srcSet: (0, _imageUtil.getSrcSets)(image.imageUrl),
+        sizes: "(min-width: 800px) 360px, (min-width: 400px) 300px, 100vw",
+        src: image.imageUrl,
+        "aria-label": title
+      })
+    }), (0, _jsxRuntime.jsxs)("div", {
+      className: "information",
+      children: [(0, _jsxRuntime.jsx)("h2", {
+        className: "title",
+        children: title
+      }), image.copyright.creators && image.copyright.creators.length > 0 ? (0, _jsxRuntime.jsx)("div", {
+        className: "copyright-author",
+        children: (0, _jsxRuntime.jsx)("span", {
+          className: "text",
+          children: image.copyright.creators.map(function (creator) {
+            return creator.name;
+          }).join(', ')
+        })
+      }) : null, (0, _jsxRuntime.jsx)("div", {
+        className: "info",
+        children: (0, _jsxRuntime.jsx)("span", {
+          className: "text",
+          children: image.copyright.license.description
+        })
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "info",
+        children: (0, _jsxRuntime.jsx)("span", {
+          className: "text",
+          children: "".concat(t('image.caption'), ": ").concat(caption)
+        })
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "info",
+        children: (0, _jsxRuntime.jsx)("span", {
+          className: "text",
+          children: "".concat(t('image.altText'), ": ").concat(altText)
+        })
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "info",
+        children: (0, _jsxRuntime.jsx)("span", {
+          className: "text",
+          children: "".concat(t('image.modelReleased.label'), ": ").concat(t('image.modelReleased.' + image.modelRelease))
+        })
+      }), (0, _jsxRuntime.jsx)(_ImageMeta["default"], {
+        contentType: image.contentType,
+        fileSize: image.size,
+        imageDimensions: image.imageDimensions
+      }), (0, _jsxRuntime.jsx)("div", {
+        className: "tags",
+        children: tags.map(function (tag) {
+          return (0, _jsxRuntime.jsx)("span", {
+            className: "tag_item",
+            children: "#".concat(tag)
+          }, (0, _util.uuid)());
+        })
+      }), (0, _jsxRuntime.jsx)(_button["default"], {
+        "data-cy": "use-image",
+        onClick: function onClick() {
+          return onSelectImage(image, saveAsMetaImage);
+        },
+        children: useImageTitle
+      }), showCheckbox && (0, _jsxRuntime.jsx)("div", {
+        children: (0, _jsxRuntime.jsx)(_forms.CheckboxItem, {
+          label: checkboxLabel,
+          checked: saveAsMetaImage,
+          onChange: function onChange() {
+            return setSaveAsMetaImage(function (prev) {
+              return !prev;
+            });
+          }
+        })
+      })]
+    }), (0, _jsxRuntime.jsx)("div", {
+      className: "clear"
+    })]
+  });
 };
 
 var _default = PreviewImage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/image-search",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "description": "A simple library for searching images from NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -26,13 +26,13 @@
     "es"
   ],
   "dependencies": {
-    "@ndla/button": "^4.0.4",
+    "@ndla/button": "^4.0.5",
     "@ndla/core": "^3.0.0",
-    "@ndla/forms": "^4.0.4",
-    "@ndla/icons": "^2.0.4",
-    "@ndla/pager": "^2.0.4",
-    "@ndla/ui": "^30.0.5",
-    "@ndla/util": "^3.1.4",
+    "@ndla/forms": "^4.0.5",
+    "@ndla/icons": "^2.0.5",
+    "@ndla/pager": "^2.0.5",
+    "@ndla/ui": "^30.0.6",
+    "@ndla/util": "^3.1.5",
     "pretty-bytes": "^5.6.0"
   },
   "devDependencies": {
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "153f67893ba72297587e17144b71c92150b6eeeb"
+  "gitHead": "e62f69c71e7b72b1e346508e8ad483afd36eeffd"
 }