mirador-dl-plugin 0.13.0 → 1.0.0-alpha.1

package/lib/CanvasDownloadLinks.js

@@ -1,284 +1,243 @@
-'use strict';
-
-exports.__esModule = true;
-exports.default = undefined;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _Typography = require('@material-ui/core/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _Link = require('@material-ui/core/Link');
-
-var _Link2 = _interopRequireDefault(_Link);
-
-var _List = require('@material-ui/core/List');
-
-var _List2 = _interopRequireDefault(_List);
-
-var _ListItem = require('@material-ui/core/ListItem');
-
-var _ListItem2 = _interopRequireDefault(_ListItem);
-
-var _uniqBy = require('lodash/uniqBy');
-
-var _uniqBy2 = _interopRequireDefault(_uniqBy);
-
-var _OSDReferences = require('mirador/dist/es/src/plugins/OSDReferences');
-
-var _RenderingDownloadLink = require('./RenderingDownloadLink');
-
-var _RenderingDownloadLink2 = _interopRequireDefault(_RenderingDownloadLink);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
-/**
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
+var _mirador = require("mirador");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _RenderingDownloadLink = _interopRequireDefault(require("./RenderingDownloadLink"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == typeof e || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); } /**
  * CanvasDownloadLinks ~
-*/
-var CanvasDownloadLinks = function (_Component) {
-  _inherits(CanvasDownloadLinks, _Component);
-
+ */
+var CanvasDownloadLinks = exports["default"] = /*#__PURE__*/function (_Component) {
   function CanvasDownloadLinks() {
     _classCallCheck(this, CanvasDownloadLinks);
-
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+    return _callSuper(this, CanvasDownloadLinks, arguments);
   }
-
-  CanvasDownloadLinks.prototype.zoomedImageLabel = function zoomedImageLabel() {
-    var bounds = this.currentBounds();
-    return 'Zoomed region (' + Math.floor(bounds.width) + ' x ' + Math.floor(bounds.height) + 'px)';
-  };
-
-  CanvasDownloadLinks.prototype.fullImageLabel = function fullImageLabel() {
-    var canvas = this.props.canvas;
-
-
-    return 'Whole image (' + canvas.getWidth() + ' x ' + canvas.getHeight() + 'px)';
-  };
-
-  CanvasDownloadLinks.prototype.smallImageLabel = function smallImageLabel() {
-    var canvas = this.props.canvas;
-
-
-    return 'Whole image (1000 x ' + Math.floor(1000 * canvas.getHeight() / canvas.getWidth()) + 'px)';
-  };
-
-  CanvasDownloadLinks.prototype.zoomedImageUrl = function zoomedImageUrl() {
-    var canvas = this.props.canvas;
-
-    var bounds = this.currentBounds();
-    var boundsUrl = canvas.getCanonicalImageUri().replace(/\/full\/.*\/0\//, '/' + bounds.x + ',' + bounds.y + ',' + bounds.width + ',' + bounds.height + '/full/0/');
-
-    return boundsUrl + '?download=true';
-  };
-
-  CanvasDownloadLinks.prototype.imageUrlForSize = function imageUrlForSize(size) {
-    var canvas = this.props.canvas;
-
-
-    return canvas.getCanonicalImageUri(size.width) + '?download=true';
-  };
-
-  CanvasDownloadLinks.prototype.fullImageUrl = function fullImageUrl() {
-    var canvas = this.props.canvas;
-
-
-    return canvas.getCanonicalImageUri().replace(/\/full\/.*\/0\//, '/full/full/0/') + '?download=true';
-  };
-
-  CanvasDownloadLinks.prototype.thousandPixelWideImage = function thousandPixelWideImage() {
-    var canvas = this.props.canvas;
-
-
-    return canvas.getCanonicalImageUri('1000') + '?download=true';
-  };
-
-  CanvasDownloadLinks.prototype.osdViewport = function osdViewport() {
-    var windowId = this.props.windowId;
-
-
-    return _OSDReferences.OSDReferences.get(windowId).current.viewport;
-  };
-
-  CanvasDownloadLinks.prototype.currentBounds = function currentBounds() {
-    var bounds = this.osdViewport().getBounds();
-
-    return Object.keys(bounds).reduce(function (object, key) {
-      object[key] = Math.ceil(bounds[key]); // eslint-disable-line no-param-reassign
-      return object;
-    }, {});
-  };
-
-  CanvasDownloadLinks.prototype.definedSizesRestrictsDownload = function definedSizesRestrictsDownload() {
-    var infoResponse = this.props.infoResponse;
-
-    if (!infoResponse.json) return false;
-    var _infoResponse$json = infoResponse.json,
+  _inherits(CanvasDownloadLinks, _Component);
+  return _createClass(CanvasDownloadLinks, [{
+    key: "zoomedImageLabel",
+    value: function zoomedImageLabel() {
+      var t = this.props.t;
+      var bounds = this.currentBounds();
+      return t('mirador-dl-plugin.zoomed_region', {
+        width: Math.floor(bounds.width),
+        height: Math.floor(bounds.height)
+      });
+    }
+  }, {
+    key: "fullImageLabel",
+    value: function fullImageLabel() {
+      var _this$props = this.props,
+        canvas = _this$props.canvas,
+        t = _this$props.t;
+      return t('mirador-dl-plugin.whole_image', {
+        width: canvas.getWidth(),
+        height: canvas.getHeight()
+      });
+    }
+  }, {
+    key: "smallImageLabel",
+    value: function smallImageLabel() {
+      var _this$props2 = this.props,
+        canvas = _this$props2.canvas,
+        t = _this$props2.t;
+      var height = Math.floor(1000 * canvas.getHeight() / canvas.getWidth());
+      return t('mirador-dl-plugin.whole_image', {
+        width: 1000,
+        height: height
+      });
+    }
+  }, {
+    key: "zoomedImageUrl",
+    value: function zoomedImageUrl() {
+      var canvas = this.props.canvas;
+      var bounds = this.currentBounds();
+      var boundsUrl = canvas.getCanonicalImageUri().replace(/\/full\/.*\/0\//, "/".concat(bounds.x, ",").concat(bounds.y, ",").concat(bounds.width, ",").concat(bounds.height, "/full/0/"));
+      return "".concat(boundsUrl, "?download=true");
+    }
+  }, {
+    key: "imageUrlForSize",
+    value: function imageUrlForSize(size) {
+      var canvas = this.props.canvas;
+      return "".concat(canvas.getCanonicalImageUri(size.width), "?download=true");
+    }
+  }, {
+    key: "fullImageUrl",
+    value: function fullImageUrl() {
+      var canvas = this.props.canvas;
+      return "".concat(canvas.getCanonicalImageUri().replace(/\/full\/.*\/0\//, '/full/full/0/'), "?download=true");
+    }
+  }, {
+    key: "thousandPixelWideImage",
+    value: function thousandPixelWideImage() {
+      var canvas = this.props.canvas;
+      return "".concat(canvas.getCanonicalImageUri('1000'), "?download=true");
+    }
+  }, {
+    key: "osdViewport",
+    value: function osdViewport() {
+      var windowId = this.props.windowId;
+      return _mirador.OSDReferences.get(windowId).current.viewport;
+    }
+  }, {
+    key: "currentBounds",
+    value: function currentBounds() {
+      var bounds = this.osdViewport().getBounds();
+      return Object.keys(bounds).reduce(function (object, key) {
+        object[key] = Math.ceil(bounds[key]); // eslint-disable-line no-param-reassign
+        return object;
+      }, {});
+    }
+  }, {
+    key: "definedSizesRestrictsDownload",
+    value: function definedSizesRestrictsDownload() {
+      var infoResponse = this.props.infoResponse;
+      if (!infoResponse.json) return false;
+      var _infoResponse$json = infoResponse.json,
         height = _infoResponse$json.height,
         width = _infoResponse$json.width;
-
-
-    if (this.definedSizes().length !== 1) return false;
-
-    return this.definedSizes()[0].width <= width && this.definedSizes()[0].height <= height;
-  };
-
-  CanvasDownloadLinks.prototype.displayCurrentZoomLink = function displayCurrentZoomLink() {
-    var _props = this.props,
-        restrictDownloadOnSizeDefinition = _props.restrictDownloadOnSizeDefinition,
-        infoResponse = _props.infoResponse,
-        viewType = _props.viewType;
-
-
-    if (viewType !== 'single') return false;
-    if (restrictDownloadOnSizeDefinition && this.definedSizesRestrictsDownload()) return false;
-    if (!(infoResponse && infoResponse.json)) return false;
-
-    var bounds = this.currentBounds();
-    return bounds.height < infoResponse.json.height && bounds.width < infoResponse.json.width && bounds.x >= 0 && bounds.y >= 0;
-  };
-
-  /**
-   * This only returns unique sizes
-  */
-
-
-  CanvasDownloadLinks.prototype.definedSizes = function definedSizes() {
-    var infoResponse = this.props.infoResponse;
-
-    if (!(infoResponse && infoResponse.json && infoResponse.json.sizes)) return [];
-
-    return (0, _uniqBy2.default)(infoResponse.json.sizes, function (size) {
-      return '' + size.width + size.height;
-    });
-  };
-
-  CanvasDownloadLinks.prototype.fullImageLink = function fullImageLink() {
-    return _react2.default.createElement(
-      _ListItem2.default,
-      { disableGutters: true, divider: true, key: this.fullImageUrl() },
-      _react2.default.createElement(
-        _Link2.default,
-        { href: this.fullImageUrl(), rel: 'noopener noreferrer', target: '_blank', variant: 'body1' },
-        this.fullImageLabel()
-      )
-    );
-  };
-
-  CanvasDownloadLinks.prototype.thousandPixelWideLink = function thousandPixelWideLink() {
-    var canvas = this.props.canvas;
-
-
-    if (canvas.getWidth() < 1000) return '';
-
-    return _react2.default.createElement(
-      _ListItem2.default,
-      { disableGutters: true, divider: true, key: this.thousandPixelWideImage() },
-      _react2.default.createElement(
-        _Link2.default,
-        { href: this.thousandPixelWideImage(), rel: 'noopener noreferrer', target: '_blank', variant: 'body1' },
-        this.smallImageLabel()
-      )
-    );
-  };
-
-  CanvasDownloadLinks.prototype.linksForDefinedSizes = function linksForDefinedSizes() {
-    var _this2 = this;
-
-    return this.definedSizes().map(function (size) {
-      return _react2.default.createElement(
-        _ListItem2.default,
-        { disableGutters: true, divider: true, key: '' + size.width + size.height },
-        _react2.default.createElement(
-          _Link2.default,
-          { href: _this2.imageUrlForSize(size), rel: 'noopener noreferrer', target: '_blank', variant: 'body1' },
-          'Whole image (' + size.width + ' x ' + size.height + 'px)'
-        )
-      );
-    });
-  };
-
-  /**
-   * Returns the rendered component
-  */
-
-
-  CanvasDownloadLinks.prototype.render = function render() {
-    var _props2 = this.props,
-        canvas = _props2.canvas,
-        canvasLabel = _props2.canvasLabel,
-        classes = _props2.classes;
-
-
-    return _react2.default.createElement(
-      _react2.default.Fragment,
-      null,
-      _react2.default.createElement(
-        _Typography2.default,
-        { noWrap: true, variant: 'h3', className: classes.h3 },
-        canvasLabel
-      ),
-      _react2.default.createElement(
-        _List2.default,
-        null,
-        this.displayCurrentZoomLink() && _react2.default.createElement(
-          _ListItem2.default,
-          { disableGutters: true, divider: true },
-          _react2.default.createElement(
-            _Link2.default,
-            { href: this.zoomedImageUrl(), rel: 'noopener noreferrer', target: '_blank', variant: 'body1' },
-            this.zoomedImageLabel()
-          )
-        ),
-        this.definedSizes().length === 0 && [this.fullImageLink(), this.thousandPixelWideLink()],
-        this.definedSizes().length > 0 && this.linksForDefinedSizes(),
-        canvas.getRenderings().map(function (rendering) {
-          return _react2.default.createElement(_RenderingDownloadLink2.default, { rendering: rendering, key: rendering.id });
+      if (this.definedSizes().length !== 1) return false;
+      return this.definedSizes()[0].width <= width && this.definedSizes()[0].height <= height;
+    }
+  }, {
+    key: "displayCurrentZoomLink",
+    value: function displayCurrentZoomLink() {
+      var _this$props3 = this.props,
+        restrictDownloadOnSizeDefinition = _this$props3.restrictDownloadOnSizeDefinition,
+        infoResponse = _this$props3.infoResponse,
+        viewType = _this$props3.viewType;
+      if (viewType !== 'single') return false;
+      if (restrictDownloadOnSizeDefinition && this.definedSizesRestrictsDownload()) return false;
+      if (!(infoResponse && infoResponse.json)) return false;
+      var bounds = this.currentBounds();
+      return bounds.height < infoResponse.json.height && bounds.width < infoResponse.json.width && bounds.x >= 0 && bounds.y >= 0;
+    }
+
+    /**
+     * This only returns unique sizes
+     */
+  }, {
+    key: "definedSizes",
+    value: function definedSizes() {
+      var infoResponse = this.props.infoResponse;
+      if (!(infoResponse && infoResponse.json && infoResponse.json.sizes)) return [];
+      return (0, _uniqBy["default"])(infoResponse.json.sizes, function (size) {
+        return "".concat(size.width).concat(size.height);
+      });
+    }
+  }, {
+    key: "fullImageLink",
+    value: function fullImageLink() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem["default"], {
+        disableGutters: true,
+        divider: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link["default"], {
+          href: this.fullImageUrl(),
+          rel: "noopener noreferrer",
+          target: "_blank",
+          variant: "body1",
+          children: this.fullImageLabel()
         })
-      )
-    );
-  };
-
-  return CanvasDownloadLinks;
-}(_react.Component);
-
-exports.default = CanvasDownloadLinks;
-
-
-CanvasDownloadLinks.propTypes = process.env.NODE_ENV !== "production" ? {
-  canvas: _propTypes2.default.shape({
-    id: _propTypes2.default.string.isRequired,
-    getCanonicalImageUri: _propTypes2.default.func.isRequired,
-    getHeight: _propTypes2.default.func.isRequired,
-    getRenderings: _propTypes2.default.func.isRequired,
-    getWidth: _propTypes2.default.func.isRequired
-  }).isRequired,
-  canvasLabel: _propTypes2.default.string.isRequired, // canvasLabel is passed because we need access to redux
-  classes: _propTypes2.default.shape({
-    h3: _propTypes2.default.string
-  }).isRequired,
-  infoResponse: _propTypes2.default.shape({
-    json: _propTypes2.default.shape({
-      height: _propTypes2.default.number,
-      sizes: _propTypes2.default.arrayOf(_propTypes2.default.shape({ height: _propTypes2.default.number, width: _propTypes2.default.number })),
-      width: _propTypes2.default.number
-    })
-  }).isRequired,
-  restrictDownloadOnSizeDefinition: _propTypes2.default.bool.isRequired,
-  viewType: _propTypes2.default.string.isRequired,
-  windowId: _propTypes2.default.string.isRequired
-} : {};
-module.exports = exports['default'];
+      }, this.fullImageUrl());
+    }
+  }, {
+    key: "thousandPixelWideLink",
+    value: function thousandPixelWideLink() {
+      var canvas = this.props.canvas;
+      if (canvas.getWidth() < 1000) return '';
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem["default"], {
+        disableGutters: true,
+        divider: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link["default"], {
+          href: this.thousandPixelWideImage(),
+          rel: "noopener noreferrer",
+          target: "_blank",
+          variant: "body1",
+          children: this.smallImageLabel()
+        })
+      }, this.thousandPixelWideImage());
+    }
+  }, {
+    key: "linksForDefinedSizes",
+    value: function linksForDefinedSizes() {
+      var _this = this;
+      var t = this.props.t;
+      return this.definedSizes().map(function (size) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem["default"], {
+          disableGutters: true,
+          divider: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link["default"], {
+            href: _this.imageUrlForSize(size),
+            rel: "noopener noreferrer",
+            target: "_blank",
+            variant: "body1",
+            children: t('mirador-dl-plugin.whole_image', {
+              width: size.width,
+              height: size.height
+            })
+          })
+        }, "".concat(size.width).concat(size.height));
+      });
+    }
+
+    /**
+     * Returns the rendered component
+     */
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props4 = this.props,
+        canvas = _this$props4.canvas,
+        canvasLabel = _this$props4.canvasLabel;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react["default"].Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+          noWrap: true,
+          variant: "h3",
+          sx: {
+            marginTop: '20px'
+          },
+          children: canvasLabel
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_List["default"], {
+          children: [this.displayCurrentZoomLink() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem["default"], {
+            disableGutters: true,
+            divider: true,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link["default"], {
+              href: this.zoomedImageUrl(),
+              download: true,
+              rel: "noopener noreferrer",
+              target: "_blank",
+              variant: "body1",
+              children: this.zoomedImageLabel()
+            })
+          }), this.definedSizes().length === 0 && [this.fullImageLink(), this.thousandPixelWideLink()], this.definedSizes().length > 0 && this.linksForDefinedSizes(), canvas.getRenderings().map(function (rendering) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderingDownloadLink["default"], {
+              rendering: rendering
+            }, rendering.id);
+          })]
+        })]
+      });
+    }
+  }]);
+}(_react.Component);

package/lib/ManifestDownloadLinks.js

@@ -1,85 +1,35 @@
-'use strict';
-
-exports.__esModule = true;
-exports.default = undefined;
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _List = require('@material-ui/core/List');
-
-var _List2 = _interopRequireDefault(_List);
-
-var _Typography = require('@material-ui/core/Typography');
-
-var _Typography2 = _interopRequireDefault(_Typography);
-
-var _RenderingDownloadLink = require('./RenderingDownloadLink');
-
-var _RenderingDownloadLink2 = _interopRequireDefault(_RenderingDownloadLink);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
-
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ManifestDownloadLinks;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _RenderingDownloadLink = _interopRequireDefault(require("./RenderingDownloadLink"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 /**
  * ManifestDownloadLinks ~
-*/
-var ManifestDownloadLinks = function (_Component) {
-  _inherits(ManifestDownloadLinks, _Component);
-
-  function ManifestDownloadLinks() {
-    _classCallCheck(this, ManifestDownloadLinks);
-
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  /**
-   * Returns the rendered component
-  */
-  ManifestDownloadLinks.prototype.render = function render() {
-    var _props = this.props,
-        classes = _props.classes,
-        renderings = _props.renderings;
-
-
-    return _react2.default.createElement(
-      _react2.default.Fragment,
-      null,
-      _react2.default.createElement(
-        _Typography2.default,
-        { variant: 'h3', className: classes.h3 },
-        'Other download options'
-      ),
-      _react2.default.createElement(
-        _List2.default,
-        null,
-        renderings.map(function (rendering) {
-          return _react2.default.createElement(_RenderingDownloadLink2.default, { rendering: rendering, key: rendering.id });
-        })
-      )
-    );
-  };
-
-  return ManifestDownloadLinks;
-}(_react.Component);
-
-exports.default = ManifestDownloadLinks;
-
-
-ManifestDownloadLinks.propTypes = process.env.NODE_ENV !== "production" ? {
-  classes: _propTypes2.default.shape({
-    h3: _propTypes2.default.string
-  }).isRequired,
-  renderings: _propTypes2.default.array.isRequired // eslint-disable-line react/forbid-prop-types
-} : {};
-module.exports = exports['default'];
+ */function ManifestDownloadLinks(_ref) {
+  var renderings = _ref.renderings;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
+      variant: "h3",
+      sx: {
+        marginTop: '20px'
+      },
+      children: t('mirador-dl-plugin.other_download')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_List["default"], {
+      children: renderings.map(function (rendering) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderingDownloadLink["default"], {
+          rendering: rendering
+        }, rendering.id);
+      })
+    })]
+  });
+}