@ndla/ui 30.0.2 → 30.0.6

package/lib/Figure/FigureLicense.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FigureLicenseByline = exports.FigureLicenseCta = exports.classLicenses = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
@@ -13,11 +15,13 @@ var _util = require("@ndla/util");
 
 var _licenses = require("@ndla/licenses");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var classLicenses = new _reactBemHelper["default"]({
   name: 'figure-license',
@@ -31,15 +35,26 @@ var FigureLicenseCta = function FigureLicenseCta(_ref) {
       authors = _ref.authors,
       origin = _ref.origin,
       title = _ref.title;
-  return (0, _react2.jsx)("div", classLicenses('cta-wrapper'), (0, _react2.jsx)("ul", classLicenses('list'), title && (0, _react2.jsx)("li", classLicenses('item'), "".concat(messages.title, ": ").concat(title)), authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
-    return (0, _react2.jsx)("li", _extends({
-      key: (0, _util.uuid)()
-    }, classLicenses('item')), "".concat(author.type, ": ").concat(author.name));
-  }), origin && (0, _react2.jsx)("li", classLicenses('item'), messages.source, ":", ' ', origin.startsWith('http') ? (0, _react2.jsx)("a", {
-    href: origin,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, origin) : origin)), (0, _react2.jsx)("div", classLicenses('cta-block'), children));
+  return (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classLicenses('cta-wrapper')), {}, {
+    children: [(0, _jsxRuntime.jsxs)("ul", _objectSpread(_objectSpread({}, classLicenses('list')), {}, {
+      children: [title && (0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, classLicenses('item')), {}, {
+        children: "".concat(messages.title, ": ").concat(title)
+      })), authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
+        return (0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, classLicenses('item')), {}, {
+          children: "".concat(author.type, ": ").concat(author.name)
+        }), (0, _util.uuid)());
+      }), origin && (0, _jsxRuntime.jsxs)("li", _objectSpread(_objectSpread({}, classLicenses('item')), {}, {
+        children: [messages.source, ":", ' ', origin.startsWith('http') ? (0, _jsxRuntime.jsx)("a", {
+          href: origin,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: origin
+        }) : origin]
+      }))]
+    })), (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classLicenses('cta-block')), {}, {
+      children: children
+    }))]
+  }));
 };
 
 exports.FigureLicenseCta = FigureLicenseCta;
@@ -48,19 +63,19 @@ var FigureLicenseByline = function FigureLicenseByline(_ref2) {
   var messages = _ref2.messages,
       license = _ref2.license,
       locale = _ref2.locale;
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_licenses.LicenseDescription, {
-    key: "byline",
-    highlightCC: true,
-    locale: locale,
-    messages: messages,
-    licenseRights: license.rights
-  }), (0, _react2.jsx)("a", _extends({
-    key: "link"
-  }, classLicenses('link'), {
-    target: "_blank",
-    rel: "noopener noreferrer",
-    href: license.url
-  }), license.linkText));
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(_licenses.LicenseDescription, {
+      highlightCC: true,
+      locale: locale,
+      messages: messages,
+      licenseRights: license.rights
+    }, "byline"), (0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({}, classLicenses('link')), {}, {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      href: license.url,
+      children: license.linkText
+    }), "link")]
+  });
 };
 
 exports.FigureLicenseByline = FigureLicenseByline;

package/lib/Figure/FigureLicenseDialog.js

@@ -5,17 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FigureLicenseDialog = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Dialog = _interopRequireDefault(require("../Dialog"));
 
 var _FigureLicense = require("./FigureLicense");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var FigureLicenseDialog = function FigureLicenseDialog(_ref) {
   var children = _ref.children,
@@ -27,22 +31,28 @@ var FigureLicenseDialog = function FigureLicenseDialog(_ref) {
       locale = _ref.locale,
       license = _ref.license;
   var headingLabelId = "heading-".concat(id);
-  return (0, _react2.jsx)(_Dialog["default"], {
+  return (0, _jsxRuntime.jsx)(_Dialog["default"], {
     id: id,
     labelledby: headingLabelId,
-    messages: messages
-  }, (0, _react2.jsx)("div", (0, _FigureLicense.classLicenses)(), (0, _react2.jsx)("h3", _extends({
-    id: headingLabelId
-  }, (0, _FigureLicense.classLicenses)('title')), messages.rulesForUse), (0, _react2.jsx)(_FigureLicense.FigureLicenseByline, {
-    license: license,
     messages: messages,
-    locale: locale
-  }), (0, _react2.jsx)(_FigureLicense.FigureLicenseCta, {
-    authors: authors,
-    title: title,
-    origin: origin,
-    messages: messages
-  }, children)));
+    children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, (0, _FigureLicense.classLicenses)()), {}, {
+      children: [(0, _jsxRuntime.jsx)("h3", _objectSpread(_objectSpread({
+        id: headingLabelId
+      }, (0, _FigureLicense.classLicenses)('title')), {}, {
+        children: messages.rulesForUse
+      })), (0, _jsxRuntime.jsx)(_FigureLicense.FigureLicenseByline, {
+        license: license,
+        messages: messages,
+        locale: locale
+      }), (0, _jsxRuntime.jsx)(_FigureLicense.FigureLicenseCta, {
+        authors: authors,
+        title: title,
+        origin: origin,
+        messages: messages,
+        children: children
+      })]
+    }))
+  });
 };
 
 exports.FigureLicenseDialog = FigureLicenseDialog;

package/lib/Figure/FigureOpenDialogButton.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FigureOpenDialogButton = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _common = require("@ndla/icons/common");
 
 var _action = require("@ndla/icons/action");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /**
@@ -25,34 +25,35 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var FigureOpenDialogButton = function FigureOpenDialogButton(_ref) {
   var messages = _ref.messages,
       type = _ref.type;
-  return (0, _react2.jsx)("div", {
+  return (0, _jsxRuntime.jsxs)("div", {
     className: "c-figure__fullscreen-btn",
     "data-aria": messages.zoomImageButtonLabel,
     "data-ariaexpanded": messages.zoomOutImageButtonLabel,
-    "aria-label": messages.zoomImageButtonLabel
-  }, type === 'image' && (0, _react2.jsx)(_action.ExpandTwoArrows, {
-    className: "contracted-icon"
-  }), type === 'h5p' && (0, _react2.jsx)(_action.CursorClick, {
-    style: {
-      width: '24px',
-      height: '24px'
-    }
-  }), type === 'iframe' && (0, _react2.jsx)(_action.CursorClick, {
-    style: {
-      width: '24px',
-      height: '24px'
-    }
-  }), type === 'external' && (0, _react2.jsx)(_action.CursorClick, {
-    style: {
-      width: '24px',
-      height: '24px'
-    }
-  }), type === 'video' && (0, _react2.jsx)(_common.Play, {
-    style: {
-      width: '24px',
-      height: '24px'
-    }
-  }));
+    "aria-label": messages.zoomImageButtonLabel,
+    children: [type === 'image' && (0, _jsxRuntime.jsx)(_action.ExpandTwoArrows, {
+      className: "contracted-icon"
+    }), type === 'h5p' && (0, _jsxRuntime.jsx)(_action.CursorClick, {
+      style: {
+        width: '24px',
+        height: '24px'
+      }
+    }), type === 'iframe' && (0, _jsxRuntime.jsx)(_action.CursorClick, {
+      style: {
+        width: '24px',
+        height: '24px'
+      }
+    }), type === 'external' && (0, _jsxRuntime.jsx)(_action.CursorClick, {
+      style: {
+        width: '24px',
+        height: '24px'
+      }
+    }), type === 'video' && (0, _jsxRuntime.jsx)(_common.Play, {
+      style: {
+        width: '24px',
+        height: '24px'
+      }
+    })]
+  });
 };
 
 exports.FigureOpenDialogButton = FigureOpenDialogButton;

package/lib/FileList/File.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _core = require("@ndla/core");
 
 var _common = require("@ndla/icons/common");
@@ -17,15 +19,11 @@ var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
 
 var _react = _interopRequireDefault(require("react"));
 
-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 LinkText = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_ENV === "production" ? {
-  target: "ei1p2nz2"
-} : {
+var LinkText = /*#__PURE__*/(0, _base["default"])("span", {
   target: "ei1p2nz2",
   label: "LinkText"
 })(process.env.NODE_ENV === "production" ? {
@@ -37,9 +35,7 @@ var LinkText = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_ENV =
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE0QiIsImZpbGUiOiJGaWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgRG93bmxvYWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZpbGVGb3JtYXQsIEZpbGVUeXBlIH0gZnJvbSAnLi9GaWxlTGlzdCc7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICYgPiBzcGFuIHtcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gIH1cbmA7XG5jb25zdCBGaWxlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgICR7TGlua1RleHR9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCByZW5kZXJGb3JtYXQgPSAoZm9ybWF0OiBGaWxlRm9ybWF0LCB0aXRsZTogc3RyaW5nLCBpc1ByaW1hcnk6IGJvb2xlYW4sIGlkOiBzdHJpbmcsIGlzRGVhZExpbms6IGJvb2xlYW4pID0+IHtcbiAgY29uc3QgdGl0bGVXaXRoRm9ybWF0ID0gYCR7dGl0bGV9ICgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgO1xuXG4gIGNvbnN0IGZvcm1hdElkID0gYCR7aWR9XyR7Zm9ybWF0LmZpbGVUeXBlfWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9IGFyaWEtZGVzY3JpYmVkYnk9e2Zvcm1hdElkfT5cbiAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17Zm9ybWF0LnRvb2x0aXB9PlxuICAgICAgICA8TGlua1RleHQ+XG4gICAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9GaWxlTGluaz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGlkOiBzdHJpbmc7XG4gIGZpbGU6IEZpbGVUeXBlO1xufVxuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuY29uc3QgRmlsZSA9ICh7IGZpbGUsIGlkIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGZvcm1hdExpbmtzID0gZmlsZS5mb3JtYXRzLm1hcCgoZm9ybWF0LCBpbmRleCkgPT5cbiAgICByZW5kZXJGb3JtYXQoZm9ybWF0LCBmaWxlLnRpdGxlLCBpbmRleCA9PT0gMCwgaWQsICFmaWxlLmZpbGVFeGlzdHMpLFxuICApO1xuXG4gIHJldHVybiA8RmlsZUxpc3RJdGVtIGtleT17ZmlsZS50aXRsZX0+e2Zvcm1hdExpbmtzfTwvRmlsZUxpc3RJdGVtPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGU7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var FileLink = /*#__PURE__*/(0, _base["default"])(_safelink["default"], process.env.NODE_ENV === "production" ? {
-  target: "ei1p2nz1"
-} : {
+var FileLink = /*#__PURE__*/(0, _base["default"])(_safelink["default"], {
   target: "ei1p2nz1",
   label: "FileLink"
 })("box-shadow:none;position:relative;color:", _core.colors.brand.primary, ";margin-right:", _core.spacing.normal, ";display:flex;align-items:center;&:last-child{margin-right:0;}&:hover,&:focus,&:active{", LinkText, "{box-shadow:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFpQyIsImZpbGUiOiJGaWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgRG93bmxvYWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZpbGVGb3JtYXQsIEZpbGVUeXBlIH0gZnJvbSAnLi9GaWxlTGlzdCc7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICYgPiBzcGFuIHtcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gIH1cbmA7XG5jb25zdCBGaWxlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgICR7TGlua1RleHR9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCByZW5kZXJGb3JtYXQgPSAoZm9ybWF0OiBGaWxlRm9ybWF0LCB0aXRsZTogc3RyaW5nLCBpc1ByaW1hcnk6IGJvb2xlYW4sIGlkOiBzdHJpbmcsIGlzRGVhZExpbms6IGJvb2xlYW4pID0+IHtcbiAgY29uc3QgdGl0bGVXaXRoRm9ybWF0ID0gYCR7dGl0bGV9ICgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgO1xuXG4gIGNvbnN0IGZvcm1hdElkID0gYCR7aWR9XyR7Zm9ybWF0LmZpbGVUeXBlfWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9IGFyaWEtZGVzY3JpYmVkYnk9e2Zvcm1hdElkfT5cbiAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17Zm9ybWF0LnRvb2x0aXB9PlxuICAgICAgICA8TGlua1RleHQ+XG4gICAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9GaWxlTGluaz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGlkOiBzdHJpbmc7XG4gIGZpbGU6IEZpbGVUeXBlO1xufVxuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuY29uc3QgRmlsZSA9ICh7IGZpbGUsIGlkIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGZvcm1hdExpbmtzID0gZmlsZS5mb3JtYXRzLm1hcCgoZm9ybWF0LCBpbmRleCkgPT5cbiAgICByZW5kZXJGb3JtYXQoZm9ybWF0LCBmaWxlLnRpdGxlLCBpbmRleCA9PT0gMCwgaWQsICFmaWxlLmZpbGVFeGlzdHMpLFxuICApO1xuXG4gIHJldHVybiA8RmlsZUxpc3RJdGVtIGtleT17ZmlsZS50aXRsZX0+e2Zvcm1hdExpbmtzfTwvRmlsZUxpc3RJdGVtPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGU7XG4iXX0= */"));
@@ -49,25 +45,30 @@ var renderFormat = function renderFormat(format, title, isPrimary, id, isDeadLin
   var formatId = "".concat(id, "_").concat(format.fileType);
 
   if (isDeadLink) {
-    return (0, _react2.jsx)("span", {
-      key: format.url
-    }, (0, _react2.jsx)(_common.Download, null), (0, _react2.jsx)("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")));
+    return (0, _jsxRuntime.jsxs)("span", {
+      children: [(0, _jsxRuntime.jsx)(_common.Download, {}), (0, _jsxRuntime.jsx)("span", {
+        children: isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")
+      })]
+    }, format.url);
   }
 
-  return (0, _react2.jsx)(FileLink, {
-    key: format.url,
+  return (0, _jsxRuntime.jsxs)(FileLink, {
     to: format.url,
     target: "_blank",
     "aria-label": titleWithFormat,
-    "aria-describedby": formatId
-  }, (0, _react2.jsx)(_common.Download, null), (0, _react2.jsx)(_tooltip["default"], {
-    tooltip: format.tooltip
-  }, (0, _react2.jsx)(LinkText, null, (0, _react2.jsx)("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")))));
+    "aria-describedby": formatId,
+    children: [(0, _jsxRuntime.jsx)(_common.Download, {}), (0, _jsxRuntime.jsx)(_tooltip["default"], {
+      tooltip: format.tooltip,
+      children: (0, _jsxRuntime.jsx)(LinkText, {
+        children: (0, _jsxRuntime.jsx)("span", {
+          children: isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")
+        })
+      })
+    })]
+  }, format.url);
 };
 
-var FileListItem = /*#__PURE__*/(0, _base["default"])("li", process.env.NODE_ENV === "production" ? {
-  target: "ei1p2nz0"
-} : {
+var FileListItem = /*#__PURE__*/(0, _base["default"])("li", {
   target: "ei1p2nz0",
   label: "FileListItem"
 })(_core.fonts.sizes('18px', '26px'), ";font-weight:", _core.fonts.weight.semibold, ";min-height:60px;background:", _core.colors.brand.greyLighter, ";display:flex;align-items:center;flex-wrap:wrap;margin-bottom:", _core.spacing.xsmall, ";padding:", _core.spacing.small, ";", _core.mq.range({
@@ -80,9 +81,9 @@ var File = function File(_ref) {
   var formatLinks = file.formats.map(function (format, index) {
     return renderFormat(format, file.title, index === 0, id, !file.fileExists);
   });
-  return (0, _react2.jsx)(FileListItem, {
-    key: file.title
-  }, formatLinks);
+  return (0, _jsxRuntime.jsx)(FileListItem, {
+    children: formatLinks
+  }, file.title);
 };
 
 var _default = File;

package/lib/FileList/FileList.js

@@ -7,33 +7,27 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _core = require("@ndla/core");
 
 var _File = _interopRequireDefault(require("./File"));
 
-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 FileListSection = /*#__PURE__*/(0, _base["default"])("section", process.env.NODE_ENV === "production" ? {
-  target: "e1o67ylf2"
-} : {
+var FileListSection = /*#__PURE__*/(0, _base["default"])("section", {
   target: "e1o67ylf2",
   label: "FileListSection"
 })("margin:", _core.spacing.large, " 0;padding:", _core.spacing.small, " 0 ", _core.spacing.normal, " ", _core.spacing.normal, ";border-left:2px solid ", _core.colors.brand.greyLightest, ";font-family:", _core.fonts.sans, ";.c-icon{margin-top:3px;flex-shrink:0;margin-right:", _core.spacing.small, ";height:18px;width:18px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnNDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRmlsZSBmcm9tICcuL0ZpbGUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgaGVhZGluZzogc3RyaW5nO1xuICBmaWxlczogRmlsZVR5cGVbXTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgZmlsZXMsIGhlYWRpbmcsIGlkIH06IFByb3BzKSA9PiAoXG4gIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgPEZpbGVMaXN0SGVhZGluZz57aGVhZGluZ308L0ZpbGVMaXN0SGVhZGluZz5cbiAgICA8RmlsZXNMaXN0PlxuICAgICAge2ZpbGVzLm1hcCgoZmlsZSkgPT4gKFxuICAgICAgICA8RmlsZSBrZXk9e2BmaWxlLSR7aWR9LSR7ZmlsZS50aXRsZX1gfSBmaWxlPXtmaWxlfSBpZD17aWR9IC8+XG4gICAgICApKX1cbiAgICA8L0ZpbGVzTGlzdD5cbiAgPC9GaWxlTGlzdFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
-var FileListHeading = /*#__PURE__*/(0, _base["default"])("h1", process.env.NODE_ENV === "production" ? {
-  target: "e1o67ylf1"
-} : {
+var FileListHeading = /*#__PURE__*/(0, _base["default"])("h1", {
   target: "e1o67ylf1",
   label: "FileListHeading"
 })(_core.fonts.sizes('16px', '18px'), ";letter-spacing:0.05em;margin:0 0 ", _core.spacing.xsmall, " 0;padding-bottom:", _core.spacing.xsmall, ";border-bottom:2px solid ", _core.colors.brand.greyLight, ";font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ2lDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRmlsZSBmcm9tICcuL0ZpbGUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgaGVhZGluZzogc3RyaW5nO1xuICBmaWxlczogRmlsZVR5cGVbXTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgZmlsZXMsIGhlYWRpbmcsIGlkIH06IFByb3BzKSA9PiAoXG4gIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgPEZpbGVMaXN0SGVhZGluZz57aGVhZGluZ308L0ZpbGVMaXN0SGVhZGluZz5cbiAgICA8RmlsZXNMaXN0PlxuICAgICAge2ZpbGVzLm1hcCgoZmlsZSkgPT4gKFxuICAgICAgICA8RmlsZSBrZXk9e2BmaWxlLSR7aWR9LSR7ZmlsZS50aXRsZX1gfSBmaWxlPXtmaWxlfSBpZD17aWR9IC8+XG4gICAgICApKX1cbiAgICA8L0ZpbGVzTGlzdD5cbiAgPC9GaWxlTGlzdFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
-var FilesList = /*#__PURE__*/(0, _base["default"])("ul", process.env.NODE_ENV === "production" ? {
-  target: "e1o67ylf0"
-} : {
+var FilesList = /*#__PURE__*/(0, _base["default"])("ul", {
   target: "e1o67ylf0",
   label: "FilesList"
 })(process.env.NODE_ENV === "production" ? {
@@ -50,13 +44,18 @@ var FileList = function FileList(_ref) {
   var files = _ref.files,
       heading = _ref.heading,
       id = _ref.id;
-  return (0, _react2.jsx)(FileListSection, null, (0, _react2.jsx)(FileListHeading, null, heading), (0, _react2.jsx)(FilesList, null, files.map(function (file) {
-    return (0, _react2.jsx)(_File["default"], {
-      key: "file-".concat(id, "-").concat(file.title),
-      file: file,
-      id: id
-    });
-  })));
+  return (0, _jsxRuntime.jsxs)(FileListSection, {
+    children: [(0, _jsxRuntime.jsx)(FileListHeading, {
+      children: heading
+    }), (0, _jsxRuntime.jsx)(FilesList, {
+      children: files.map(function (file) {
+        return (0, _jsxRuntime.jsx)(_File["default"], {
+          file: file,
+          id: id
+        }, "file-".concat(id, "-").concat(file.title));
+      })
+    })]
+  });
 };
 
 var _default = FileList;