@ndla/ui 3.2.1 → 3.2.5

package/es/Figure/FigureLicense.js

@@ -0,0 +1,54 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * Copyright (c) 2018-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+// N.B This component is used to render static markup serverside
+// Any interactivty is added by scripts located in the ndla-article-scripts package
+import React from 'react';
+import BEMHelper from 'react-bem-helper';
+import { uuid } from '@ndla/util';
+import { LicenseDescription } from '@ndla/licenses';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+export var classLicenses = new BEMHelper({
+  name: 'figure-license',
+  prefix: 'c-'
+});
+export var FigureLicenseCta = function FigureLicenseCta(_ref) {
+  var children = _ref.children,
+      messages = _ref.messages,
+      authors = _ref.authors,
+      origin = _ref.origin,
+      title = _ref.title;
+  return ___EmotionJSX("div", classLicenses('cta-wrapper'), ___EmotionJSX("ul", classLicenses('list'), title && ___EmotionJSX("li", classLicenses('item'), "".concat(messages.title, ": ").concat(title)), authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
+    return ___EmotionJSX("li", _extends({
+      key: uuid()
+    }, classLicenses('item')), "".concat(author.type, ": ").concat(author.name));
+  }), origin && ___EmotionJSX("li", classLicenses('item'), messages.source, ":", ' ', origin.startsWith('http') ? ___EmotionJSX("a", {
+    href: origin,
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, origin) : origin)), ___EmotionJSX("div", classLicenses('cta-block'), children));
+};
+export var FigureLicenseByline = function FigureLicenseByline(_ref2) {
+  var messages = _ref2.messages,
+      license = _ref2.license,
+      locale = _ref2.locale;
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(LicenseDescription, {
+    key: "byline",
+    highlightCC: true,
+    locale: locale,
+    messages: messages,
+    licenseRights: license.rights
+  }), ___EmotionJSX("a", _extends({
+    key: "link"
+  }, classLicenses('link'), {
+    target: "_blank",
+    rel: "noopener noreferrer",
+    href: license.url
+  }), license.linkText));
+};

package/es/Figure/FigureLicenseDialog.js

@@ -0,0 +1,43 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * Copyright (c) 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.
+ *
+ */
+// N.B This component is used to render static markup serverside
+// Any interactivty is added by scripts located in the ndla-article-scripts package
+import React from 'react'; //@ts-ignore
+
+import Dialog from '../Dialog';
+import { classLicenses, FigureLicenseByline, FigureLicenseCta } from './FigureLicense';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+export var FigureLicenseDialog = function FigureLicenseDialog(_ref) {
+  var children = _ref.children,
+      messages = _ref.messages,
+      id = _ref.id,
+      authors = _ref.authors,
+      origin = _ref.origin,
+      title = _ref.title,
+      locale = _ref.locale,
+      license = _ref.license;
+  var headingLabelId = "heading-".concat(id);
+  return ___EmotionJSX(Dialog, {
+    id: id,
+    labelledby: headingLabelId,
+    messages: messages
+  }, ___EmotionJSX("div", classLicenses(), ___EmotionJSX("h3", _extends({
+    id: headingLabelId
+  }, classLicenses('title')), messages.rulesForUse), ___EmotionJSX(FigureLicenseByline, {
+    license: license,
+    messages: messages,
+    locale: locale
+  }), ___EmotionJSX(FigureLicenseCta, {
+    authors: authors,
+    title: title,
+    origin: origin,
+    messages: messages
+  }, children)));
+};

package/es/Figure/index.js

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ *
+ */
+import Figure, { FigureCaption } from './Figure';
+export { Figure, FigureCaption };
+export { FigureLicenseDialog } from './FigureLicenseDialog';
+export { FigureExpandButton } from './FigureExpandButton';
+export { FigureBylineExpandButton } from './FigureBylineExpandButton';

package/es/FileList/File.js

@@ -0,0 +1,48 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import BEMHelper from 'react-bem-helper';
+import { Download } from '@ndla/icons/common';
+import SafeLink from '@ndla/safelink';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+var classes = BEMHelper('c-file-list');
+
+var renderFormat = function renderFormat(format, title, isPrimary, id, isDeadLink) {
+  var titleWithFormat = "".concat(title, " (").concat(format.fileType.toUpperCase(), ")");
+  var formatId = "".concat(id, "_").concat(format.fileType);
+
+  if (isDeadLink) {
+    return ___EmotionJSX("span", {
+      key: format.url
+    }, ___EmotionJSX(Download, null), ___EmotionJSX("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")), ___EmotionJSX("span", _extends({}, classes('tooltip'), {
+      "aria-hidden": true,
+      role: "tooltip",
+      id: formatId
+    }), ___EmotionJSX("span", classes('tooltip-text'), format.tooltip)));
+  }
+
+  return ___EmotionJSX(SafeLink, _extends({}, classes('link'), {
+    key: format.url,
+    to: format.url,
+    target: "_blank",
+    "aria-label": titleWithFormat,
+    "aria-describedby": formatId
+  }), ___EmotionJSX(Download, null), ___EmotionJSX("span", classes('link-text'), ___EmotionJSX("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")"))), ___EmotionJSX("span", _extends({}, classes('tooltip'), {
+    "aria-hidden": true,
+    role: "tooltip",
+    id: formatId
+  }), ___EmotionJSX("span", classes('tooltip-text'), format.tooltip)));
+};
+
+var File = function File(_ref) {
+  var file = _ref.file,
+      id = _ref.id;
+  var formatLinks = file.formats.map(function (format, index) {
+    return renderFormat(format, file.title, index === 0, id, !file.fileExists);
+  });
+  return ___EmotionJSX("li", _extends({}, classes('item'), {
+    key: file.title
+  }), formatLinks);
+};
+
+export default File;

package/es/FileList/FileList.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import BEMHelper from 'react-bem-helper';
+import File from './File';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+var classes = BEMHelper('c-file-list');
+
+var FileList = function FileList(_ref) {
+  var files = _ref.files,
+      heading = _ref.heading,
+      id = _ref.id;
+  return ___EmotionJSX("section", classes(), ___EmotionJSX("h1", classes('heading'), heading), ___EmotionJSX("ul", classes('files'), files.map(function (file) {
+    return ___EmotionJSX(File, {
+      key: "file-".concat(id, "-").concat(file.title),
+      file: file,
+      id: id
+    });
+  })));
+};
+
+export default FileList;

package/es/FileList/index.js

@@ -0,0 +1,3 @@
+import FileList from './FileList';
+export { default as File } from './File';
+export default FileList;

package/es/Hero/Hero.js

@@ -0,0 +1,64 @@
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/**
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React from 'react';
+import BEMHelper from 'react-bem-helper';
+import * as contentTypes from '../model/ContentType';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+var classes = new BEMHelper({
+  name: 'hero',
+  prefix: 'c-'
+});
+export var Hero = function Hero(_ref) {
+  var children = _ref.children,
+      contentType = _ref.contentType;
+  return ___EmotionJSX("div", classes('', contentType), children || null);
+};
+export var SubjectMaterialHero = function SubjectMaterialHero(props) {
+  return ___EmotionJSX(Hero, _extends({
+    contentType: contentTypes.SUBJECT_MATERIAL
+  }, props));
+};
+export var TasksAndActivitiesHero = function TasksAndActivitiesHero(props) {
+  return ___EmotionJSX(Hero, _extends({
+    contentType: contentTypes.TASKS_AND_ACTIVITIES
+  }, props));
+};
+export var AssessmentResourcesHero = function AssessmentResourcesHero(props) {
+  return ___EmotionJSX(Hero, _extends({
+    contentType: contentTypes.ASSESSMENT_RESOURCES
+  }, props));
+};
+export var SubjectHero = function SubjectHero(props) {
+  return ___EmotionJSX(Hero, _extends({
+    contentType: contentTypes.SUBJECT
+  }, props));
+};
+export var ExternalLearningResourcesHero = function ExternalLearningResourcesHero(props) {
+  return ___EmotionJSX(Hero, _extends({
+    contentType: contentTypes.EXTERNAL_LEARNING_RESOURCES
+  }, props));
+};
+export var SourceMaterialHero = function SourceMaterialHero(props) {
+  return ___EmotionJSX(Hero, _extends({
+    contentType: contentTypes.SOURCE_MATERIAL
+  }, props));
+};
+export var NdlaFilmHero = function NdlaFilmHero(_ref2) {
+  var hasImage = _ref2.hasImage,
+      rest = _objectWithoutProperties(_ref2, ["hasImage"]);
+
+  return ___EmotionJSX(Hero, _extends({}, rest, {
+    contentType: hasImage ? 'ndla-film has-image' : 'ndla-film'
+  }));
+};

package/es/Hero/index.js

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2018-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+export { SubjectMaterialHero, TasksAndActivitiesHero, AssessmentResourcesHero, SubjectHero, ExternalLearningResourcesHero, SourceMaterialHero, Hero, NdlaFilmHero } from './Hero';

package/es/Image/Image.js

@@ -0,0 +1,96 @@
+import _styled from "@emotion/styled-base";
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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)."; }
+
+/**
+ * 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.
+ *
+ */
+import React from 'react';
+import defined from 'defined';
+import LazyLoadImage from './LazyLoadImage';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+export var makeSrcQueryString = function makeSrcQueryString(width, crop, focalPoint) {
+  var widthParams = width && "width=".concat(width);
+  var cropParams = crop && "cropStartX=".concat(crop.startX, "&cropEndX=").concat(crop.endX, "&cropStartY=").concat(crop.startY, "&cropEndY=").concat(crop.endY);
+  var focalPointParams = focalPoint && "focalX=".concat(focalPoint.x, "&focalY=").concat(focalPoint.y);
+  var params = [widthParams, cropParams, focalPointParams].filter(function (p) {
+    return p;
+  }).join('&');
+  return params;
+};
+
+var getSrcSet = function getSrcSet(src, crop, focalPoint) {
+  var widths = [2720, 2080, 1760, 1440, 1120, 1000, 960, 800, 640, 480, 320, 240, 180];
+  return widths.map(function (width) {
+    return "".concat(src, "?").concat(makeSrcQueryString(width, crop, focalPoint), " ").concat(width, "w");
+  }).join(', ');
+};
+
+var StyledImageWrapper = _styled("div", {
+  target: "ejtxxex0",
+  label: "StyledImageWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "79elbk",
+  styles: "position:relative;"
+} : {
+  name: "79elbk",
+  styles: "position:relative;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3FDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBkZWZpbmVkIGZyb20gJ2RlZmluZWQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IExhenlMb2FkSW1hZ2UgZnJvbSAnLi9MYXp5TG9hZEltYWdlJztcbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VDcm9wIHtcbiAgc3RhcnRYOiBudW1iZXI7XG4gIHN0YXJ0WTogbnVtYmVyO1xuICBlbmRYOiBudW1iZXI7XG4gIGVuZFk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUZvY2FsUG9pbnQge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IG1ha2VTcmNRdWVyeVN0cmluZyA9ICh3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkLCBjcm9wPzogSW1hZ2VDcm9wLCBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRoUGFyYW1zID0gd2lkdGggJiYgYHdpZHRoPSR7d2lkdGh9YDtcbiAgY29uc3QgY3JvcFBhcmFtcyA9XG4gICAgY3JvcCAmJiBgY3JvcFN0YXJ0WD0ke2Nyb3Auc3RhcnRYfSZjcm9wRW5kWD0ke2Nyb3AuZW5kWH0mY3JvcFN0YXJ0WT0ke2Nyb3Auc3RhcnRZfSZjcm9wRW5kWT0ke2Nyb3AuZW5kWX1gO1xuICBjb25zdCBmb2NhbFBvaW50UGFyYW1zID0gZm9jYWxQb2ludCAmJiBgZm9jYWxYPSR7Zm9jYWxQb2ludC54fSZmb2NhbFk9JHtmb2NhbFBvaW50Lnl9YDtcbiAgY29uc3QgcGFyYW1zID0gW3dpZHRoUGFyYW1zLCBjcm9wUGFyYW1zLCBmb2NhbFBvaW50UGFyYW1zXS5maWx0ZXIoKHApID0+IHApLmpvaW4oJyYnKTtcblxuICByZXR1cm4gcGFyYW1zO1xufTtcblxuY29uc3QgZ2V0U3JjU2V0ID0gKHNyYzogc3RyaW5nLCBjcm9wOiBJbWFnZUNyb3AgfCB1bmRlZmluZWQsIGZvY2FsUG9pbnQ6IEltYWdlRm9jYWxQb2ludCB8IHVuZGVmaW5lZCkgPT4ge1xuICBjb25zdCB3aWR0aHMgPSBbMjcyMCwgMjA4MCwgMTc2MCwgMTQ0MCwgMTEyMCwgMTAwMCwgOTYwLCA4MDAsIDY0MCwgNDgwLCAzMjAsIDI0MCwgMTgwXTtcbiAgcmV0dXJuIHdpZHRocy5tYXAoKHdpZHRoKSA9PiBgJHtzcmN9PyR7bWFrZVNyY1F1ZXJ5U3RyaW5nKHdpZHRoLCBjcm9wLCBmb2NhbFBvaW50KX0gJHt3aWR0aH13YCkuam9pbignLCAnKTtcbn07XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFsdDogc3RyaW5nO1xuICBzcmM6IHN0cmluZztcbiAgc2l6ZXM/OiBzdHJpbmc7XG4gIGZhbGxiYWNrV2lkdGg/OiBudW1iZXI7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICBzcmNTZXQ/OiBzdHJpbmc7XG4gIGxhenlMb2FkPzogYm9vbGVhbjtcbiAgbGF6eUxvYWRTcmM/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbj86IFJlYWN0Tm9kZTtcbiAgY3JvcD86IEltYWdlQ3JvcDtcbiAgZm9jYWxQb2ludD86IEltYWdlRm9jYWxQb2ludDtcbn1cblxuY29uc3QgSW1hZ2UgPSAoe1xuICBhbHQsXG4gIHNyYyxcbiAgbGF6eUxvYWQsXG4gIGxhenlMb2FkU3JjLFxuICBjcm9wLFxuICBmb2NhbFBvaW50LFxuICBjb250ZW50VHlwZSxcbiAgc2l6ZXMgPSAnKG1pbi13aWR0aDogMTAyNHB4KSAxMDI0cHgsIDEwMHZ3JyxcbiAgZXhwYW5kQnV0dG9uLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBzcmNTZXQgPSBkZWZpbmVkKHJlc3Quc3JjU2V0LCBnZXRTcmNTZXQoc3JjLCBjcm9wLCBmb2NhbFBvaW50KSk7XG4gIGNvbnN0IGZhbGxiYWNrV2lkdGggPSBkZWZpbmVkKHJlc3QuZmFsbGJhY2tXaWR0aCwgMTAyNCk7XG4gIGNvbnN0IHF1ZXJ5U3RyaW5nID0gbWFrZVNyY1F1ZXJ5U3RyaW5nKGZhbGxiYWNrV2lkdGgsIGNyb3AsIGZvY2FsUG9pbnQpO1xuXG4gIGlmIChjb250ZW50VHlwZSAmJiBjb250ZW50VHlwZSA9PT0gJ2ltYWdlL2dpZicpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPGltZyBhbHQ9e2FsdH0gc3JjPXtgJHtzcmN9YH0gey4uLnJlc3R9IC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICApO1xuICB9XG5cbiAgaWYgKGxhenlMb2FkKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgICAgIDxMYXp5TG9hZEltYWdlXG4gICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH1cbiAgICAgICAgICBzcmNTZXQ9e3NyY1NldH1cbiAgICAgICAgICBzaXplcz17c2l6ZXN9XG4gICAgICAgICAgbGF6eUxvYWRTcmM9e2xhenlMb2FkU3JjfVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgIDxwaWN0dXJlPlxuICAgICAgICA8c291cmNlIHR5cGU9e2NvbnRlbnRUeXBlfSBzcmNTZXQ9e3NyY1NldH0gc2l6ZXM9e3NpemVzfSAvPlxuICAgICAgICA8aW1nIGFsdD17YWx0fSBzcmM9e2Ake3NyY30/JHtxdWVyeVN0cmluZ31gfSB7Li4ucmVzdH0gLz5cbiAgICAgIDwvcGljdHVyZT5cbiAgICAgIHtleHBhbmRCdXR0b259XG4gICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJbWFnZTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var Image = function Image(_ref) {
+  var alt = _ref.alt,
+      src = _ref.src,
+      lazyLoad = _ref.lazyLoad,
+      lazyLoadSrc = _ref.lazyLoadSrc,
+      crop = _ref.crop,
+      focalPoint = _ref.focalPoint,
+      contentType = _ref.contentType,
+      _ref$sizes = _ref.sizes,
+      sizes = _ref$sizes === void 0 ? '(min-width: 1024px) 1024px, 100vw' : _ref$sizes,
+      expandButton = _ref.expandButton,
+      rest = _objectWithoutProperties(_ref, ["alt", "src", "lazyLoad", "lazyLoadSrc", "crop", "focalPoint", "contentType", "sizes", "expandButton"]);
+
+  var srcSet = defined(rest.srcSet, getSrcSet(src, crop, focalPoint));
+  var fallbackWidth = defined(rest.fallbackWidth, 1024);
+  var queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
+
+  if (contentType && contentType === 'image/gif') {
+    return ___EmotionJSX(StyledImageWrapper, null, ___EmotionJSX("img", _extends({
+      alt: alt,
+      src: "".concat(src)
+    }, rest)));
+  }
+
+  if (lazyLoad) {
+    return ___EmotionJSX(StyledImageWrapper, null, ___EmotionJSX(LazyLoadImage, {
+      alt: alt,
+      src: "".concat(src, "?").concat(queryString),
+      srcSet: srcSet,
+      sizes: sizes,
+      lazyLoadSrc: lazyLoadSrc
+    }));
+  }
+
+  return ___EmotionJSX(StyledImageWrapper, null, ___EmotionJSX("picture", null, ___EmotionJSX("source", {
+    type: contentType,
+    srcSet: srcSet,
+    sizes: sizes
+  }), ___EmotionJSX("img", _extends({
+    alt: alt,
+    src: "".concat(src, "?").concat(queryString)
+  }, rest))), expandButton);
+};
+
+export default Image;

package/es/Image/ImageLink.js

@@ -0,0 +1,46 @@
+import _styled from "@emotion/styled-base";
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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)."; }
+
+/**
+ * Copyright (c) 2019-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React from 'react';
+import { makeSrcQueryString } from './Image';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+
+var StyledLink = _styled("a", {
+  target: "eo3pjlm0",
+  label: "StyledLink"
+})(process.env.NODE_ENV === "production" ? {
+  name: "17viinn",
+  styles: "box-shadow:inset 0 0;"
+} : {
+  name: "17viinn",
+  styles: "box-shadow:inset 0 0;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTGluay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJCIiwiZmlsZSI6IkltYWdlTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuL0ltYWdlJztcbmltcG9ydCB7IEltYWdlQ3JvcCwgSW1hZ2VGb2NhbFBvaW50IH0gZnJvbSAnLic7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYWBcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHNpemVzPzogc3RyaW5nO1xuICBjcm9wPzogSW1hZ2VDcm9wO1xuICBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gSW1hZ2VMaW5rKHsgc3JjLCBjcm9wLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaW5rXG4gICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgaHJlZj17YCR7c3JjfT8ke21ha2VTcmNRdWVyeVN0cmluZyh1bmRlZmluZWQsIGNyb3ApfWB9XG4gICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZExpbms+XG4gICk7XG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+export function ImageLink(_ref) {
+  var src = _ref.src,
+      crop = _ref.crop,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, ["src", "crop", "children"]);
+
+  return ___EmotionJSX(StyledLink, _extends({
+    target: "_blank",
+    href: "".concat(src, "?").concat(makeSrcQueryString(undefined, crop)),
+    rel: "noopener noreferrer"
+  }, rest), children);
+}

package/es/Image/LazyLoadImage.js

@@ -0,0 +1,47 @@
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+/**
+ * Copyright (c) 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.
+ *
+ */
+import React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+
+// Lazyload image with lazysizes (https://github.com/aFarkas/lazysizes)
+var LazyLoadImage = function LazyLoadImage(_ref) {
+  var alt = _ref.alt,
+      src = _ref.src,
+      srcSet = _ref.srcSet,
+      lazyLoadSrc = _ref.lazyLoadSrc,
+      sizes = _ref.sizes,
+      rest = _objectWithoutProperties(_ref, ["alt", "src", "srcSet", "lazyLoadSrc", "sizes"]);
+
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("noscript", {
+    key: "noscript"
+  }, ___EmotionJSX("img", _extends({
+    alt: alt,
+    src: "".concat(src),
+    srcSet: srcSet,
+    sizes: sizes
+  }, rest))), ",", ___EmotionJSX("img", _extends({
+    alt: alt,
+    key: "img",
+    style: {
+      width: '100%'
+    },
+    className: "lazyload",
+    src: lazyLoadSrc,
+    "data-src": src,
+    "data-src-set": srcSet,
+    "data-sizes": sizes
+  }, rest)));
+};
+
+export default LazyLoadImage;

package/es/Image/index.js

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ *
+ */
+import Image from './Image';
+export { makeSrcQueryString } from './Image';
+export { ImageLink } from './ImageLink';
+export default Image;

package/es/InfoBox/InfoBox.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import BEMHelper from 'react-bem-helper';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+var classes = BEMHelper('c-info-box');
+
+var InfoBox = function InfoBox(_ref) {
+  var children = _ref.children;
+  return ___EmotionJSX("div", classes(), children);
+};
+
+export default InfoBox;

package/es/InfoBox/index.js

@@ -0,0 +1 @@
+export { default as InfoBox } from './InfoBox';

package/es/InfoWidget/InfoWidget.js

@@ -0,0 +1,57 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import BEMHelper from 'react-bem-helper';
+import { Forward } from '@ndla/icons/common';
+import SafeLink from '@ndla/safelink';
+import SectionHeading from '../SectionHeading';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+var classes = BEMHelper('c-info-widget');
+
+var InfoWidget = function InfoWidget(_ref) {
+  var heading = _ref.heading,
+      description = _ref.description,
+      mainLink = _ref.mainLink,
+      iconLinks = _ref.iconLinks,
+      _ref$center = _ref.center,
+      center = _ref$center === void 0 ? false : _ref$center;
+  return ___EmotionJSX("section", classes('', {
+    center: center
+  }), ___EmotionJSX(SectionHeading, {
+    large: true,
+    className: classes('heading').className
+  }, heading), ___EmotionJSX("div", classes('description'), ___EmotionJSX("p", null, description)), ___EmotionJSX("div", classes('links'), iconLinks && iconLinks.map(function (link) {
+    if (link.url) {
+      return ___EmotionJSX(SafeLink, _extends({
+        key: link.url
+      }, classes('icon-link'), {
+        to: link.url,
+        "aria-label": link.name
+      }), link.icon);
+    }
+
+    if (link.href) {
+      return ___EmotionJSX("a", _extends({
+        key: link.href,
+        href: link.href
+      }, classes('icon-link'), {
+        "aria-label": link.name
+      }), link.icon);
+    }
+
+    return ___EmotionJSX("span", _extends({
+      key: link.name
+    }, classes('icon-link'), {
+      "aria-label": link.name
+    }), link.icon);
+  }), mainLink.url ? ___EmotionJSX("div", {
+    className: "o-text-link__wrapper o-text-link__wrapper--right"
+  }, ___EmotionJSX(SafeLink, {
+    className: "o-text-link",
+    to: mainLink.url
+  }, ___EmotionJSX("span", null, mainLink.name), " ", ___EmotionJSX(Forward, null))) : ___EmotionJSX("a", _extends({}, classes('main-link'), {
+    href: mainLink.href
+  }), mainLink.name)));
+};
+
+export default InfoWidget;

package/es/InfoWidget/index.js

@@ -0,0 +1,2 @@
+import InfoWidget from './InfoWidget';
+export default InfoWidget;

package/es/Logo/Logo.js

@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+/* eslint-disable max-len */
+import React from 'react';
+import BEMHelper from 'react-bem-helper';
+import SafeLink from '@ndla/safelink';
+import SvgLogo from './SvgLogo';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+export var logoClasses = new BEMHelper({
+  name: 'logo',
+  prefix: 'c-'
+});
+export var Logo = function Logo(_ref) {
+  var _ref$name = _ref.name,
+      name = _ref$name === void 0 ? true : _ref$name,
+      to = _ref.to,
+      cssModifier = _ref.cssModifier,
+      color = _ref.color,
+      _ref$large = _ref.large,
+      large = _ref$large === void 0 ? false : _ref$large,
+      locale = _ref.locale,
+      label = _ref.label;
+  var modifiers = {
+    large: large
+  };
+
+  if (cssModifier) {
+    modifiers[cssModifier] = true;
+  }
+
+  var logo = to ? ___EmotionJSX(SafeLink, {
+    to: to,
+    "aria-label": label
+  }, ___EmotionJSX(SvgLogo, {
+    name: name,
+    color: color,
+    locale: locale
+  })) : ___EmotionJSX(React.Fragment, null, ___EmotionJSX(SvgLogo, {
+    name: name,
+    color: color,
+    locale: locale
+  }));
+  return ___EmotionJSX("div", logoClasses('', modifiers), logo);
+};
+export default Logo;