@ndla/image-search 6.0.123 → 6.0.125

package/lib/PreviewImage.js

@@ -13,35 +13,30 @@ var _imageUtil = require("./util/imageUtil");
 var _ImageMeta = _interopRequireDefault(require("./ImageMeta"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /**
-                                                                       * Copyright (c) 2017-present, NDLA.
-                                                                       *
-                                                                       * This source code is licensed under the GPLv3 license found in the
-                                                                       * LICENSE file in the root directory of this source tree.
-                                                                       *
-                                                                       */
-var PreviewImage = function PreviewImage(_ref) {
-  var _image$tags$tags, _image$title$title, _image$alttext$alttex, _image$caption$captio;
-  var image = _ref.image,
-    onSelectImage = _ref.onSelectImage,
-    useImageTitle = _ref.useImageTitle,
-    showCheckbox = _ref.showCheckbox,
-    checkboxLabel = _ref.checkboxLabel;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-    t = _useTranslation.t;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    saveAsMetaImage = _useState2[0],
-    setSaveAsMetaImage = _useState2[1];
-  var tags = (_image$tags$tags = image.tags.tags) !== null && _image$tags$tags !== void 0 ? _image$tags$tags : [];
-  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 : '';
+/**
+ * Copyright (c) 2017-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+const PreviewImage = _ref => {
+  let {
+    image,
+    onSelectImage,
+    useImageTitle,
+    showCheckbox,
+    checkboxLabel
+  } = _ref;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const [saveAsMetaImage, setSaveAsMetaImage] = (0, _react.useState)(false);
+  const tags = image.tags.tags ?? [];
+  const title = image.title.title ?? '';
+  const altText = image.alttext.alttext ?? '';
+  const caption = image.caption.caption ?? '';
   return (0, _jsxRuntime.jsxs)("div", {
     className: "image-preview",
     children: [(0, _jsxRuntime.jsx)("div", {
@@ -63,9 +58,7 @@ var PreviewImage = function PreviewImage(_ref) {
         className: "copyright-author",
         children: (0, _jsxRuntime.jsx)("span", {
           className: "text",
-          children: image.copyright.creators.map(function (creator) {
-            return creator.name;
-          }).join(', ')
+          children: image.copyright.creators.map(creator => creator.name).join(', ')
         })
       }) : null, (0, _jsxRuntime.jsx)("div", {
         className: "info",
@@ -77,19 +70,19 @@ var PreviewImage = function PreviewImage(_ref) {
         className: "info",
         children: (0, _jsxRuntime.jsx)("span", {
           className: "text",
-          children: "".concat(t('image.caption'), ": ").concat(caption)
+          children: `${t('image.caption')}: ${caption}`
         })
       }), (0, _jsxRuntime.jsx)("div", {
         className: "info",
         children: (0, _jsxRuntime.jsx)("span", {
           className: "text",
-          children: "".concat(t('image.altText'), ": ").concat(altText)
+          children: `${t('image.altText')}: ${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))
+          children: `${t('image.modelReleased.label')}: ${t('image.modelReleased.' + image.modelRelease)}`
         })
       }), (0, _jsxRuntime.jsx)(_ImageMeta.default, {
         contentType: image.image.contentType,
@@ -97,27 +90,19 @@ var PreviewImage = function PreviewImage(_ref) {
         imageDimensions: image.image.dimensions
       }), (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)());
-        })
+        children: tags.map(tag => (0, _jsxRuntime.jsx)("span", {
+          className: "tag_item",
+          children: `#${tag}`
+        }, (0, _util.uuid)()))
       }), (0, _jsxRuntime.jsx)(_button.ButtonV2, {
         "data-testid": "use-image",
-        onClick: function onClick() {
-          return onSelectImage(image, saveAsMetaImage);
-        },
+        onClick: () => 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;
-            });
-          }
+          onChange: () => setSaveAsMetaImage(prev => !prev)
         })
       })]
     }), (0, _jsxRuntime.jsx)("div", {
@@ -125,5 +110,4 @@ var PreviewImage = function PreviewImage(_ref) {
     })]
   });
 };
-var _default = PreviewImage;
-exports.default = _default;
+var _default = exports.default = PreviewImage;

package/lib/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ImageMeta", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ImageMeta.default;
   }
 });
@@ -13,5 +13,4 @@ exports.default = void 0;
 var _ImageSearch = _interopRequireDefault(require("./ImageSearch"));
 var _ImageMeta = _interopRequireDefault(require("./ImageMeta"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _ImageSearch.default;
-exports.default = _default;
+var _default = exports.default = _ImageSearch.default;

package/lib/util/imageUtil.js

@@ -15,11 +15,7 @@ exports.getSrcSets = exports.getPreviewSrcSets = void 0;
 /* - Source sets for gallery search is retina-display optimized
    - Based on: https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/ */
 
-var getSrcSets = function getSrcSets(imageUrl) {
-  return ["".concat(imageUrl, "?width=1440 1440w"), "".concat(imageUrl, "?width=1120 1120w"), "".concat(imageUrl, "?width=1000 1000w"), "".concat(imageUrl, "?width=960 960w"), "".concat(imageUrl, "?width=800 800w"), "".concat(imageUrl, "?width=640 640w"), "".concat(imageUrl, "?width=480 480w"), "".concat(imageUrl, "?width=320 320w")].join(', ');
-};
+const getSrcSets = imageUrl => [`${imageUrl}?width=1440 1440w`, `${imageUrl}?width=1120 1120w`, `${imageUrl}?width=1000 1000w`, `${imageUrl}?width=960 960w`, `${imageUrl}?width=800 800w`, `${imageUrl}?width=640 640w`, `${imageUrl}?width=480 480w`, `${imageUrl}?width=320 320w`].join(', ');
 exports.getSrcSets = getSrcSets;
-var getPreviewSrcSets = function getPreviewSrcSets(imageUrl) {
-  return ["".concat(imageUrl, "?width=480 3x"), "".concat(imageUrl, "?width=320 2x"), "".concat(imageUrl, "?width=160 1x")].join(', ');
-};
+const getPreviewSrcSets = imageUrl => [`${imageUrl}?width=480 3x`, `${imageUrl}?width=320 2x`, `${imageUrl}?width=160 1x`].join(', ');
 exports.getPreviewSrcSets = getPreviewSrcSets;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/image-search",
-  "version": "6.0.123",
+  "version": "6.0.125",
   "description": "A simple library for searching images from NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -26,12 +26,12 @@
     "es"
   ],
   "dependencies": {
-    "@ndla/button": "^12.0.14",
+    "@ndla/button": "^12.0.15",
     "@ndla/core": "^4.2.7",
-    "@ndla/forms": "^5.2.1",
+    "@ndla/forms": "^5.2.3",
     "@ndla/icons": "^4.2.2",
-    "@ndla/pager": "^2.2.39",
-    "@ndla/ui": "^50.1.0",
+    "@ndla/pager": "^2.2.40",
+    "@ndla/ui": "^50.1.2",
     "@ndla/util": "^4.0.1",
     "pretty-bytes": "^5.6.0"
   },
@@ -41,10 +41,15 @@
   "peerDependencies": {
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
-    "react": ">= 16.8.0"
+    "i18next": ">= 23.0.0",
+    "lodash": ">= 4.0.0",
+    "react": ">= 16.8.0",
+    "react-dom": ">= 16.8.0",
+    "react-i18next": ">= 13.0.0",
+    "react-router-dom": ">= 6.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "252018f46b2084d45d08bf86072787257cdb0348"
+  "gitHead": "a3aad57d56edabe22d550adb5fda8af5ab6c8b6f"
 }