@ndla/ui 3.3.0 → 3.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/es/Image/Image.js CHANGED
@@ -16,7 +16,6 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
16
16
  *
17
17
  */
18
18
  import React from 'react';
19
- import defined from 'defined';
20
19
  import LazyLoadImage from './LazyLoadImage';
21
20
  import { jsx as ___EmotionJSX } from "@emotion/core";
22
21
  export var makeSrcQueryString = function makeSrcQueryString(width, crop, focalPoint) {
@@ -45,11 +44,13 @@ var StyledImageWrapper = _styled("div", {
45
44
  } : {
46
45
  name: "79elbk",
47
46
  styles: "position:relative;",
48
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3FDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBkZWZpbmVkIGZyb20gJ2RlZmluZWQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IExhenlMb2FkSW1hZ2UgZnJvbSAnLi9MYXp5TG9hZEltYWdlJztcbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VDcm9wIHtcbiAgc3RhcnRYOiBudW1iZXI7XG4gIHN0YXJ0WTogbnVtYmVyO1xuICBlbmRYOiBudW1iZXI7XG4gIGVuZFk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUZvY2FsUG9pbnQge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IG1ha2VTcmNRdWVyeVN0cmluZyA9ICh3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkLCBjcm9wPzogSW1hZ2VDcm9wLCBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRoUGFyYW1zID0gd2lkdGggJiYgYHdpZHRoPSR7d2lkdGh9YDtcbiAgY29uc3QgY3JvcFBhcmFtcyA9XG4gICAgY3JvcCAmJiBgY3JvcFN0YXJ0WD0ke2Nyb3Auc3RhcnRYfSZjcm9wRW5kWD0ke2Nyb3AuZW5kWH0mY3JvcFN0YXJ0WT0ke2Nyb3Auc3RhcnRZfSZjcm9wRW5kWT0ke2Nyb3AuZW5kWX1gO1xuICBjb25zdCBmb2NhbFBvaW50UGFyYW1zID0gZm9jYWxQb2ludCAmJiBgZm9jYWxYPSR7Zm9jYWxQb2ludC54fSZmb2NhbFk9JHtmb2NhbFBvaW50Lnl9YDtcbiAgY29uc3QgcGFyYW1zID0gW3dpZHRoUGFyYW1zLCBjcm9wUGFyYW1zLCBmb2NhbFBvaW50UGFyYW1zXS5maWx0ZXIoKHApID0+IHApLmpvaW4oJyYnKTtcblxuICByZXR1cm4gcGFyYW1zO1xufTtcblxuY29uc3QgZ2V0U3JjU2V0ID0gKHNyYzogc3RyaW5nLCBjcm9wOiBJbWFnZUNyb3AgfCB1bmRlZmluZWQsIGZvY2FsUG9pbnQ6IEltYWdlRm9jYWxQb2ludCB8IHVuZGVmaW5lZCkgPT4ge1xuICBjb25zdCB3aWR0aHMgPSBbMjcyMCwgMjA4MCwgMTc2MCwgMTQ0MCwgMTEyMCwgMTAwMCwgOTYwLCA4MDAsIDY0MCwgNDgwLCAzMjAsIDI0MCwgMTgwXTtcbiAgcmV0dXJuIHdpZHRocy5tYXAoKHdpZHRoKSA9PiBgJHtzcmN9PyR7bWFrZVNyY1F1ZXJ5U3RyaW5nKHdpZHRoLCBjcm9wLCBmb2NhbFBvaW50KX0gJHt3aWR0aH13YCkuam9pbignLCAnKTtcbn07XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFsdDogc3RyaW5nO1xuICBzcmM6IHN0cmluZztcbiAgc2l6ZXM/OiBzdHJpbmc7XG4gIGZhbGxiYWNrV2lkdGg/OiBudW1iZXI7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICBzcmNTZXQ/OiBzdHJpbmc7XG4gIGxhenlMb2FkPzogYm9vbGVhbjtcbiAgbGF6eUxvYWRTcmM/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbj86IFJlYWN0Tm9kZTtcbiAgY3JvcD86IEltYWdlQ3JvcDtcbiAgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludDtcbn1cblxuY29uc3QgSW1hZ2UgPSAoe1xuICBhbHQsXG4gIHNyYyxcbiAgbGF6eUxvYWQsXG4gIGxhenlMb2FkU3JjLFxuICBjcm9wLFxuICBmb2NhbFBvaW50LFxuICBjb250ZW50VHlwZSxcbiAgc2l6ZXMgPSAnKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3JyxcbiAgZXhwYW5kQnV0dG9uLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBzcmNTZXQgPSBkZWZpbmVkKHJlc3Quc3JjU2V0LCBnZXRTcmNTZXQoc3JjLCBjcm9wLCBmb2NhbFBvaW50KSk7XG4gIGNvbnN0IGZhbGxiYWNrV2lkdGggPSBkZWZpbmVkKHJlc3QuZmFsbGJhY2tXaWR0aCwgMTAyNCk7XG4gIGNvbnN0IHF1ZXJ5U3RyaW5nID0gbWFrZVNyY1F1ZXJ5U3RyaW5nKGZhbGxiYWNrV2lkdGgsIGNyb3AsIGZvY2FsUG9pbnQpO1xuXG4gIGlmIChjb250ZW50VHlwZSAmJiBjb250ZW50VHlwZSA9PT0gJ2ltYWdlL2dpZicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPGltZyBhbHQ9e2FsdH0gc3JjPXtgJHtzcmN9YH0gey4uLnJlc3R9IC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICApO1xuICB9XG5cbiAgaWYgKGxhenlMb2FkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgICAgIDxMYXp5TG9hZEltYWdlXG4gICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH1cbiAgICAgICAgICBzcmNTZXQ9e3NyY1NldH1cbiAgICAgICAgICBzaXplcz17c2l6ZXN9XG4gICAgICAgICAgbGF6eUxvYWRTcmM9e2xhenlMb2FkU3JjfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgIDxwaWN0dXJlPlxuICAgICAgICA8c291cmNlIHR5cGU9e2NvbnRlbnRUeXBlfSBzcmNTZXQ9e3NyY1NldH0gc2l6ZXM9e3NpemVzfSAvPlxuICAgICAgICA8aW1nIGFsdD17YWx0fSBzcmM9e2Ake3NyY30/JHtxdWVyeVN0cmluZ31gfSB7Li4ucmVzdH0gLz5cbiAgICAgIDwvcGljdHVyZT5cbiAgICAgIHtleHBhbmRCdXR0b259XG4gICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZTtcbiJdfQ== */",
47
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3FDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBMYXp5TG9hZEltYWdlIGZyb20gJy4vTGF6eUxvYWRJbWFnZSc7XG5leHBvcnQgaW50ZXJmYWNlIEltYWdlQ3JvcCB7XG4gIHN0YXJ0WDogbnVtYmVyO1xuICBzdGFydFk6IG51bWJlcjtcbiAgZW5kWDogbnVtYmVyO1xuICBlbmRZOiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VGb2NhbFBvaW50IHtcbiAgeDogbnVtYmVyO1xuICB5OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBtYWtlU3JjUXVlcnlTdHJpbmcgPSAod2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZCwgY3JvcD86IEltYWdlQ3JvcCwgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludCkgPT4ge1xuICBjb25zdCB3aWR0aFBhcmFtcyA9IHdpZHRoICYmIGB3aWR0aD0ke3dpZHRofWA7XG4gIGNvbnN0IGNyb3BQYXJhbXMgPVxuICAgIGNyb3AgJiYgYGNyb3BTdGFydFg9JHtjcm9wLnN0YXJ0WH0mY3JvcEVuZFg9JHtjcm9wLmVuZFh9JmNyb3BTdGFydFk9JHtjcm9wLnN0YXJ0WX0mY3JvcEVuZFk9JHtjcm9wLmVuZFl9YDtcbiAgY29uc3QgZm9jYWxQb2ludFBhcmFtcyA9IGZvY2FsUG9pbnQgJiYgYGZvY2FsWD0ke2ZvY2FsUG9pbnQueH0mZm9jYWxZPSR7Zm9jYWxQb2ludC55fWA7XG4gIGNvbnN0IHBhcmFtcyA9IFt3aWR0aFBhcmFtcywgY3JvcFBhcmFtcywgZm9jYWxQb2ludFBhcmFtc10uZmlsdGVyKChwKSA9PiBwKS5qb2luKCcmJyk7XG5cbiAgcmV0dXJuIHBhcmFtcztcbn07XG5cbmNvbnN0IGdldFNyY1NldCA9IChzcmM6IHN0cmluZywgY3JvcDogSW1hZ2VDcm9wIHwgdW5kZWZpbmVkLCBmb2NhbFBvaW50OiBJbWFnZUZvY2FsUG9pbnQgfCB1bmRlZmluZWQpID0+IHtcbiAgY29uc3Qgd2lkdGhzID0gWzI3MjAsIDIwODAsIDE3NjAsIDE0NDAsIDExMjAsIDEwMDAsIDk2MCwgODAwLCA2NDAsIDQ4MCwgMzIwLCAyNDAsIDE4MF07XG4gIHJldHVybiB3aWR0aHMubWFwKCh3aWR0aCkgPT4gYCR7c3JjfT8ke21ha2VTcmNRdWVyeVN0cmluZyh3aWR0aCwgY3JvcCwgZm9jYWxQb2ludCl9ICR7d2lkdGh9d2ApLmpvaW4oJywgJyk7XG59O1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIHNpemVzPzogc3RyaW5nO1xuICBmYWxsYmFja1dpZHRoPzogbnVtYmVyO1xuICBjb250ZW50VHlwZT86IHN0cmluZztcbiAgc3JjU2V0Pzogc3RyaW5nO1xuICBsYXp5TG9hZD86IGJvb2xlYW47XG4gIGxhenlMb2FkU3JjPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b24/OiBSZWFjdE5vZGU7XG4gIGNyb3A/OiBJbWFnZUNyb3A7XG4gIGZvY2FsUG9pbnQ/OiBJbWFnZUZvY2FsUG9pbnQ7XG59XG5cbmNvbnN0IEltYWdlID0gKHtcbiAgYWx0LFxuICBzcmMsXG4gIGxhenlMb2FkLFxuICBsYXp5TG9hZFNyYyxcbiAgY3JvcCxcbiAgZm9jYWxQb2ludCxcbiAgY29udGVudFR5cGUsXG4gIHNpemVzID0gJyhtaW4td2lkdGg6IDEwMjRweCkgMTAyNHB4LCAxMDB2dycsXG4gIGV4cGFuZEJ1dHRvbixcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3Qgc3JjU2V0ID0gcmVzdC5zcmNTZXQgPz8gZ2V0U3JjU2V0KHNyYywgY3JvcCwgZm9jYWxQb2ludCk7XG4gIGNvbnN0IGZhbGxiYWNrV2lkdGggPSByZXN0LmZhbGxiYWNrV2lkdGggPz8gMTAyNDtcbiAgY29uc3QgcXVlcnlTdHJpbmcgPSBtYWtlU3JjUXVlcnlTdHJpbmcoZmFsbGJhY2tXaWR0aCwgY3JvcCwgZm9jYWxQb2ludCk7XG5cbiAgaWYgKGNvbnRlbnRUeXBlICYmIGNvbnRlbnRUeXBlID09PSAnaW1hZ2UvZ2lmJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8aW1nIGFsdD17YWx0fSBzcmM9e2Ake3NyY31gfSB7Li4ucmVzdH0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICBpZiAobGF6eUxvYWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPExhenlMb2FkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e2Ake3NyY30/JHtxdWVyeVN0cmluZ31gfVxuICAgICAgICAgIHNyY1NldD17c3JjU2V0fVxuICAgICAgICAgIHNpemVzPXtzaXplc31cbiAgICAgICAgICBsYXp5TG9hZFNyYz17bGF6eUxvYWRTcmN9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgPHBpY3R1cmU+XG4gICAgICAgIDxzb3VyY2UgdHlwZT17Y29udGVudFR5cGV9IHNyY1NldD17c3JjU2V0fSBzaXplcz17c2l6ZXN9IC8+XG4gICAgICAgIDxpbWcgYWx0PXthbHR9IHNyYz17YCR7c3JjfT8ke3F1ZXJ5U3RyaW5nfWB9IHsuLi5yZXN0fSAvPlxuICAgICAgPC9waWN0dXJlPlxuICAgICAge2V4cGFuZEJ1dHRvbn1cbiAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEltYWdlO1xuIl19 */",
49
48
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
50
49
  });
51
50
 
52
51
  var Image = function Image(_ref) {
52
+ var _rest$srcSet, _rest$fallbackWidth;
53
+
53
54
  var alt = _ref.alt,
54
55
  src = _ref.src,
55
56
  lazyLoad = _ref.lazyLoad,
@@ -62,8 +63,8 @@ var Image = function Image(_ref) {
62
63
  expandButton = _ref.expandButton,
63
64
  rest = _objectWithoutProperties(_ref, ["alt", "src", "lazyLoad", "lazyLoadSrc", "crop", "focalPoint", "contentType", "sizes", "expandButton"]);
64
65
 
65
- var srcSet = defined(rest.srcSet, getSrcSet(src, crop, focalPoint));
66
- var fallbackWidth = defined(rest.fallbackWidth, 1024);
66
+ var srcSet = (_rest$srcSet = rest.srcSet) !== null && _rest$srcSet !== void 0 ? _rest$srcSet : getSrcSet(src, crop, focalPoint);
67
+ var fallbackWidth = (_rest$fallbackWidth = rest.fallbackWidth) !== null && _rest$fallbackWidth !== void 0 ? _rest$fallbackWidth : 1024;
67
68
  var queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
68
69
 
69
70
  if (contentType && contentType === 'image/gif') {