@ndla/ui 30.5.1 → 30.6.0

package/lib/Figure/Figure.js

@@ -4,127 +4,105 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.FigureCaption = void 0;
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
-
 var _util = require("@ndla/util");
-
 var _reactI18next = require("react-i18next");
-
 var _common = require("@ndla/icons/common");
-
 var _licenses = require("@ndla/licenses");
-
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
-
 var _button = _interopRequireDefault(require("@ndla/button"));
-
+var _reactDeviceDetect = require("react-device-detect");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["children", "type", "resizeIframe"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 classes = new _reactBemHelper["default"]({
   name: 'figure',
   prefix: 'c-'
 });
-
 var FigureCaption = function FigureCaption(_ref) {
   var figureId = _ref.figureId,
-      id = _ref.id,
-      children = _ref.children,
-      caption = _ref.caption,
-      authors = _ref.authors,
-      reuseLabel = _ref.reuseLabel,
-      licenseRights = _ref.licenseRights,
-      locale = _ref.locale,
-      link = _ref.link,
-      hideFigcaption = _ref.hideFigcaption,
-      hasLinkedVideo = _ref.hasLinkedVideo,
-      hideIconsAndAuthors = _ref.hideIconsAndAuthors;
-
+    id = _ref.id,
+    children = _ref.children,
+    caption = _ref.caption,
+    authors = _ref.authors,
+    reuseLabel = _ref.reuseLabel,
+    licenseRights = _ref.licenseRights,
+    locale = _ref.locale,
+    link = _ref.link,
+    hideFigcaption = _ref.hideFigcaption,
+    hasLinkedVideo = _ref.hasLinkedVideo,
+    hideIconsAndAuthors = _ref.hideIconsAndAuthors;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (0, _jsxRuntime.jsxs)("figcaption", _objectSpread(_objectSpread({}, classes('caption', hideFigcaption ? 'hidden-caption' : undefined)), {}, {
-      children: [caption ? (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('info')), {}, {
-        children: (0, _util.parseMarkdown)(caption)
-      })) : null, (0, _jsxRuntime.jsx)("footer", _objectSpread(_objectSpread({}, classes('byline')), {}, {
-        children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('byline-licenselist')), {}, {
-          children: [(0, _jsxRuntime.jsx)(_licenses.LicenseByline, {
-            licenseRights: hideIconsAndAuthors ? [] : licenseRights,
-            locale: locale,
-            marginRight: true,
-            children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('byline-author-buttons', hideIconsAndAuthors ? 'no-siblings' : undefined)), {}, {
-              children: [!hideIconsAndAuthors && (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, classes('byline-authors')), {}, {
-                children: authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
-                  return author.name;
-                }).join(', ')
-              })), (0, _jsxRuntime.jsxs)("div", {
-                children: [(0, _jsxRuntime.jsx)(_button["default"], {
-                  borderShape: "rounded",
-                  outline: true,
-                  size: "small",
-                  type: "button",
-                  "data-dialog-trigger-id": id,
-                  "data-dialog-source-id": figureId,
-                  children: reuseLabel
-                }), hasLinkedVideo && (0, _jsxRuntime.jsxs)(_button["default"], _objectSpread(_objectSpread({
-                  borderShape: "rounded",
-                  outline: true,
-                  size: "small",
-                  type: "button"
-                }, classes('toggleAlternativeVideo')), {}, {
-                  children: [(0, _jsxRuntime.jsx)("span", {
-                    className: "original",
-                    children: t('figure.button.alternative')
-                  }), (0, _jsxRuntime.jsx)("span", {
-                    className: "alternative hidden",
-                    children: t('figure.button.original')
-                  })]
-                }))]
-              }), children]
-            }))
-          }), link && (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('link-wrapper')), {}, {
-            children: [(0, _jsxRuntime.jsxs)(_safelink["default"], _objectSpread(_objectSpread({
-              to: link.url
-            }, classes('link')), {}, {
-              target: link.external ? '_blank' : undefined,
-              rel: link.external ? 'noopener noreferrer' : undefined,
-              children: [(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, classes('link-text')), {}, {
-                children: link.text
-              })), (0, _jsxRuntime.jsx)(_common.Link, {})]
-            })), link.description && (0, _jsxRuntime.jsx)("p", _objectSpread(_objectSpread({}, classes('link-description')), {}, {
-              children: link.description
-            }))]
+    t = _useTranslation.t;
+  return (0, _jsxRuntime.jsxs)("figcaption", _objectSpread(_objectSpread({}, classes('caption', hideFigcaption && !_reactDeviceDetect.isMobile ? 'hidden-caption' : undefined)), {}, {
+    children: [caption ? (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('info')), {}, {
+      children: (0, _util.parseMarkdown)(caption)
+    })) : null, (0, _jsxRuntime.jsx)("footer", _objectSpread(_objectSpread({}, classes('byline')), {}, {
+      children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('byline-licenselist')), {}, {
+        children: [(0, _jsxRuntime.jsx)(_licenses.LicenseByline, {
+          licenseRights: hideIconsAndAuthors ? [] : licenseRights,
+          locale: locale,
+          marginRight: true,
+          children: (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('byline-author-buttons', hideIconsAndAuthors ? 'no-siblings' : undefined)), {}, {
+            children: [!hideIconsAndAuthors && (0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, classes('byline-authors')), {}, {
+              children: authors === null || authors === void 0 ? void 0 : authors.map(function (author) {
+                return author.name;
+              }).join(', ')
+            })), (0, _jsxRuntime.jsxs)("div", {
+              children: [(0, _jsxRuntime.jsx)(_button["default"], {
+                borderShape: "rounded",
+                outline: true,
+                size: "small",
+                type: "button",
+                "data-dialog-trigger-id": id,
+                "data-dialog-source-id": figureId,
+                children: reuseLabel
+              }), hasLinkedVideo && (0, _jsxRuntime.jsxs)(_button["default"], _objectSpread(_objectSpread({
+                borderShape: "rounded",
+                outline: true,
+                size: "small",
+                type: "button"
+              }, classes('toggleAlternativeVideo')), {}, {
+                children: [(0, _jsxRuntime.jsx)("span", {
+                  className: "original",
+                  children: t('figure.button.alternative')
+                }), (0, _jsxRuntime.jsx)("span", {
+                  className: "alternative hidden",
+                  children: t('figure.button.original')
+                })]
+              }))]
+            }), children]
+          }))
+        }), link && (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('link-wrapper')), {}, {
+          children: [(0, _jsxRuntime.jsxs)(_safelink["default"], _objectSpread(_objectSpread({
+            to: link.url
+          }, classes('link')), {}, {
+            target: link.external ? '_blank' : undefined,
+            rel: link.external ? 'noopener noreferrer' : undefined,
+            children: [(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, classes('link-text')), {}, {
+              children: link.text
+            })), (0, _jsxRuntime.jsx)(_common.Link, {})]
+          })), link.description && (0, _jsxRuntime.jsx)("p", _objectSpread(_objectSpread({}, classes('link-description')), {}, {
+            children: link.description
           }))]
-        }))
-      }))]
-    }))
-  });
+        }))]
+      }))
+    }))]
+  }));
 };
-
 exports.FigureCaption = FigureCaption;
-
 var Figure = function Figure(_ref2) {
   var children = _ref2.children,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? 'full' : _ref2$type,
-      resizeIframe = _ref2.resizeIframe,
-      rest = _objectWithoutProperties(_ref2, ["children", "type", "resizeIframe"]);
-
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'full' : _ref2$type,
+    resizeIframe = _ref2.resizeIframe,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var typeClass = type === 'full-column' ? 'c-figure--full-column' : "u-float-".concat(type);
   var right = ['small-right', 'xsmall-right'].includes(type);
   return (0, _jsxRuntime.jsx)("figure", _objectSpread(_objectSpread(_objectSpread({
@@ -138,10 +116,8 @@ var Figure = function Figure(_ref2) {
     }) : children
   }));
 };
-
 var isFunction = function isFunction(children) {
   return (0, _util.isFunction)(children);
 };
-
 var _default = Figure;
 exports["default"] = _default;

package/lib/Figure/FigureBylineExpandButton.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FigureBylineExpandButton = void 0;
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _common = require("@ndla/icons/common");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2021-present, NDLA.
  *
@@ -20,9 +15,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 var FigureBylineExpandButton = function FigureBylineExpandButton(_ref) {
   var messages = _ref.messages,
-      typeClass = _ref.typeClass;
+    typeClass = _ref.typeClass;
   return (0, _jsxRuntime.jsxs)("button", {
     className: "c-figure__show-byline-btn",
     type: "button",
@@ -38,5 +34,4 @@ var FigureBylineExpandButton = function FigureBylineExpandButton(_ref) {
     })]
   });
 };
-
 exports.FigureBylineExpandButton = FigureBylineExpandButton;

package/lib/Figure/FigureExpandButton.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FigureExpandButton = FigureExpandButton;
-
-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 _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2019-present, NDLA.
  *
@@ -22,9 +16,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 function FigureExpandButton(_ref) {
   var messages = _ref.messages,
-      typeClass = _ref.typeClass;
+    typeClass = _ref.typeClass;
   return (0, _jsxRuntime.jsxs)("button", {
     className: "c-figure__fullscreen-btn",
     type: "button",

package/lib/Figure/FigureLicense.js

@@ -3,38 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FigureLicenseByline = exports.FigureLicenseCta = exports.classLicenses = void 0;
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
+exports.classLicenses = exports.FigureLicenseCta = exports.FigureLicenseByline = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
-
 var _util = require("@ndla/util");
-
 var _licenses = require("@ndla/licenses");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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',
   prefix: 'c-'
 });
 exports.classLicenses = classLicenses;
-
 var FigureLicenseCta = function FigureLicenseCta(_ref) {
   var children = _ref.children,
-      messages = _ref.messages,
-      authors = _ref.authors,
-      origin = _ref.origin,
-      title = _ref.title;
+    messages = _ref.messages,
+    authors = _ref.authors,
+    origin = _ref.origin,
+    title = _ref.title;
   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')), {}, {
@@ -56,13 +45,11 @@ var FigureLicenseCta = function FigureLicenseCta(_ref) {
     }))]
   }));
 };
-
 exports.FigureLicenseCta = FigureLicenseCta;
-
 var FigureLicenseByline = function FigureLicenseByline(_ref2) {
   var messages = _ref2.messages,
-      license = _ref2.license,
-      locale = _ref2.locale;
+    license = _ref2.license,
+    locale = _ref2.locale;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [(0, _jsxRuntime.jsx)(_licenses.LicenseDescription, {
       highlightCC: true,
@@ -77,5 +64,4 @@ var FigureLicenseByline = function FigureLicenseByline(_ref2) {
     }), "link")]
   });
 };
-
 exports.FigureLicenseByline = FigureLicenseByline;

package/lib/Figure/FigureLicenseDialog.js

@@ -4,32 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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,
-      messages = _ref.messages,
-      id = _ref.id,
-      authors = _ref.authors,
-      origin = _ref.origin,
-      title = _ref.title,
-      locale = _ref.locale,
-      license = _ref.license;
+    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 (0, _jsxRuntime.jsx)(_Dialog["default"], {
     id: id,
@@ -54,5 +45,4 @@ var FigureLicenseDialog = function FigureLicenseDialog(_ref) {
     }))
   });
 };
-
 exports.FigureLicenseDialog = FigureLicenseDialog;

package/lib/Figure/FigureOpenDialogButton.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 /**
  * Copyright (c) 2012-present, NDLA.
  *
@@ -22,9 +16,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
+
 var FigureOpenDialogButton = function FigureOpenDialogButton(_ref) {
   var messages = _ref.messages,
-      type = _ref.type;
+    type = _ref.type;
   return (0, _jsxRuntime.jsxs)("div", {
     className: "c-figure__fullscreen-btn",
     "data-aria": messages.zoomImageButtonLabel,
@@ -55,5 +50,4 @@ var FigureOpenDialogButton = function FigureOpenDialogButton(_ref) {
     })]
   });
 };
-
 exports.FigureOpenDialogButton = FigureOpenDialogButton;

package/lib/Figure/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
-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); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,16 +10,16 @@ Object.defineProperty(exports, "Figure", {
     return _Figure["default"];
   }
 });
-Object.defineProperty(exports, "FigureCaption", {
+Object.defineProperty(exports, "FigureBylineExpandButton", {
   enumerable: true,
   get: function get() {
-    return _Figure.FigureCaption;
+    return _FigureBylineExpandButton.FigureBylineExpandButton;
   }
 });
-Object.defineProperty(exports, "FigureLicenseDialog", {
+Object.defineProperty(exports, "FigureCaption", {
   enumerable: true,
   get: function get() {
-    return _FigureLicenseDialog.FigureLicenseDialog;
+    return _Figure.FigureCaption;
   }
 });
 Object.defineProperty(exports, "FigureExpandButton", {
@@ -29,10 +28,10 @@ Object.defineProperty(exports, "FigureExpandButton", {
     return _FigureExpandButton.FigureExpandButton;
   }
 });
-Object.defineProperty(exports, "FigureBylineExpandButton", {
+Object.defineProperty(exports, "FigureLicenseDialog", {
   enumerable: true,
   get: function get() {
-    return _FigureBylineExpandButton.FigureBylineExpandButton;
+    return _FigureLicenseDialog.FigureLicenseDialog;
   }
 });
 Object.defineProperty(exports, "FigureOpenDialogButton", {
@@ -41,17 +40,10 @@ Object.defineProperty(exports, "FigureOpenDialogButton", {
     return _FigureOpenDialogButton.FigureOpenDialogButton;
   }
 });
-
 var _Figure = _interopRequireWildcard(require("./Figure"));
-
 var _FigureLicenseDialog = require("./FigureLicenseDialog");
-
 var _FigureExpandButton = require("./FigureExpandButton");
-
 var _FigureBylineExpandButton = require("./FigureBylineExpandButton");
-
 var _FigureOpenDialogButton = require("./FigureOpenDialogButton");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/FileList/File.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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");
-
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
-
 var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
-
 var _react = _interopRequireDefault(require("react"));
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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", {
   target: "ei1p2nz2",
   label: "LinkText"
@@ -39,11 +29,9 @@ 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= */"));
-
 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 (0, _jsxRuntime.jsxs)("span", {
       children: [(0, _jsxRuntime.jsx)(_common.Download, {}), (0, _jsxRuntime.jsx)("span", {
@@ -51,7 +39,6 @@ var renderFormat = function renderFormat(format, title, isPrimary, id, isDeadLin
       })]
     }, format.url);
   }
-
   return (0, _jsxRuntime.jsxs)(FileLink, {
     to: format.url,
     target: "_blank",
@@ -67,17 +54,15 @@ var renderFormat = function renderFormat(format, title, isPrimary, id, isDeadLin
     })]
   }, format.url);
 };
-
 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({
   from: _core.breakpoints.tablet
 }), "{padding:", _core.spacing.small, " ", _core.spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFOEIiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IERvd25sb2FkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbmRsYS90b29sdGlwJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGaWxlRm9ybWF0LCBGaWxlVHlwZSB9IGZyb20gJy4vRmlsZUxpc3QnO1xuXG5jb25zdCBMaW5rVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAmID4gc3BhbiB7XG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICB9XG5gO1xuY29uc3QgRmlsZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBib3gtc2hhZG93OiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1yaWdodDogMDtcbiAgfVxuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMsXG4gICY6YWN0aXZlIHtcbiAgICAke0xpbmtUZXh0fSB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgcmVuZGVyRm9ybWF0ID0gKGZvcm1hdDogRmlsZUZvcm1hdCwgdGl0bGU6IHN0cmluZywgaXNQcmltYXJ5OiBib29sZWFuLCBpZDogc3RyaW5nLCBpc0RlYWRMaW5rOiBib29sZWFuKSA9PiB7XG4gIGNvbnN0IHRpdGxlV2l0aEZvcm1hdCA9IGAke3RpdGxlfSAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYDtcblxuICBjb25zdCBmb3JtYXRJZCA9IGAke2lkfV8ke2Zvcm1hdC5maWxlVHlwZX1gO1xuXG4gIGlmIChpc0RlYWRMaW5rKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuIGtleT17Zm9ybWF0LnVybH0+XG4gICAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgICA8c3Bhbj57aXNQcmltYXJ5ID8gdGl0bGVXaXRoRm9ybWF0IDogYCgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgfTwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmlsZUxpbmsga2V5PXtmb3JtYXQudXJsfSB0bz17Zm9ybWF0LnVybH0gdGFyZ2V0PVwiX2JsYW5rXCIgYXJpYS1sYWJlbD17dGl0bGVXaXRoRm9ybWF0fSBhcmlhLWRlc2NyaWJlZGJ5PXtmb3JtYXRJZH0+XG4gICAgICA8RG93bmxvYWQgLz5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e2Zvcm1hdC50b29sdGlwfT5cbiAgICAgICAgPExpbmtUZXh0PlxuICAgICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgICA8L0xpbmtUZXh0PlxuICAgICAgPC9Ub29sdGlwPlxuICAgIDwvRmlsZUxpbms+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpZDogc3RyaW5nO1xuICBmaWxlOiBGaWxlVHlwZTtcbn1cblxuY29uc3QgRmlsZUxpc3RJdGVtID0gc3R5bGVkLmxpYFxuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI2cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIG1pbi1oZWlnaHQ6IDYwcHg7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGUgPSAoeyBmaWxlLCBpZCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBmb3JtYXRMaW5rcyA9IGZpbGUuZm9ybWF0cy5tYXAoKGZvcm1hdCwgaW5kZXgpID0+XG4gICAgcmVuZGVyRm9ybWF0KGZvcm1hdCwgZmlsZS50aXRsZSwgaW5kZXggPT09IDAsIGlkLCAhZmlsZS5maWxlRXhpc3RzKSxcbiAgKTtcblxuICByZXR1cm4gPEZpbGVMaXN0SXRlbSBrZXk9e2ZpbGUudGl0bGV9Pntmb3JtYXRMaW5rc308L0ZpbGVMaXN0SXRlbT47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlO1xuIl19 */"));
-
 var File = function File(_ref) {
   var file = _ref.file,
-      id = _ref.id;
+    id = _ref.id;
   var formatLinks = file.formats.map(function (format, index) {
     return renderFormat(format, file.title, index === 0, id, !file.fileExists);
   });
@@ -85,6 +70,5 @@ var File = function File(_ref) {
     children: formatLinks
   }, file.title);
 };
-
 var _default = File;
 exports["default"] = _default;