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

package/es/MiradorDownloadDialog.js

@@ -1,190 +1,131 @@
-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; }
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import Button from '@material-ui/core/Button';
-import Dialog from '@material-ui/core/Dialog';
-import DialogActions from '@material-ui/core/DialogActions';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import Typography from '@material-ui/core/Typography';
-import { getCanvasLabel, getVisibleCanvases, selectInfoResponse } from 'mirador/dist/es/src/state/selectors/canvases';
-import { getWindowViewType } from 'mirador/dist/es/src/state/selectors/windows';
-import { getManifestoInstance } from 'mirador/dist/es/src/state/selectors/manifests';
-import { getContainerId } from 'mirador/dist/es/src/state/selectors/config';
-import ScrollIndicatedDialogContent from 'mirador/dist/es/src/containers/ScrollIndicatedDialogContent';
-import CanvasDownloadLinks from './CanvasDownloadLinks';
+import React, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { getCanvasLabel, getContainerId, getManifestoInstance, getVisibleCanvases, getWindowViewType, selectInfoResponse, ScrollIndicatedDialogContent } from 'mirador';
+import Typography from '@mui/material/Typography';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
 import ManifestDownloadLinks from './ManifestDownloadLinks';
-
+import translations from './translations';
+import CanvasDownloadLinks from './CanvasDownloadLinks';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var mapDispatchToProps = function mapDispatchToProps(dispatch, _ref) {
   var windowId = _ref.windowId;
   return {
     closeDialog: function closeDialog() {
-      return dispatch({ type: 'CLOSE_WINDOW_DIALOG', windowId: windowId });
+      return dispatch({
+        type: 'CLOSE_WINDOW_DIALOG',
+        windowId: windowId
+      });
     }
   };
 };
-
 var mapStateToProps = function mapStateToProps(state, _ref2) {
   var windowId = _ref2.windowId;
   return {
-    canvases: getVisibleCanvases(state, { windowId: windowId }),
+    canvases: getVisibleCanvases(state, {
+      windowId: windowId
+    }),
     canvasLabel: function canvasLabel(canvasId) {
-      return getCanvasLabel(state, { canvasId: canvasId, windowId: windowId });
+      return getCanvasLabel(state, {
+        canvasId: canvasId,
+        windowId: windowId
+      });
     },
     containerId: getContainerId(state),
     infoResponse: function infoResponse(canvasId) {
-      return selectInfoResponse(state, { windowId: windowId, canvasId: canvasId }) || {};
+      return selectInfoResponse(state, {
+        windowId: windowId,
+        canvasId: canvasId
+      }) || {};
     },
-    manifest: getManifestoInstance(state, { windowId: windowId }),
+    manifest: getManifestoInstance(state, {
+      windowId: windowId
+    }),
     restrictDownloadOnSizeDefinition: state.config.miradorDownloadPlugin && state.config.miradorDownloadPlugin.restrictDownloadOnSizeDefinition,
     open: state.windowDialogs[windowId] && state.windowDialogs[windowId].openDialog === 'download',
-    viewType: getWindowViewType(state, { windowId: windowId })
+    viewType: getWindowViewType(state, {
+      windowId: windowId
+    })
   };
 };
 
 /**
  * MiradorDownloadDialog ~
-*/
-export var MiradorDownloadDialog = function (_Component) {
-  _inherits(MiradorDownloadDialog, _Component);
-
-  function MiradorDownloadDialog() {
-    _classCallCheck(this, MiradorDownloadDialog);
-
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  MiradorDownloadDialog.prototype.renderings = function renderings() {
-    var manifest = this.props.manifest;
-
+ */
+export function MiradorDownloadDialog(_ref3) {
+  var _ref3$canvases = _ref3.canvases,
+    canvases = _ref3$canvases === void 0 ? [] : _ref3$canvases,
+    canvasLabel = _ref3.canvasLabel,
+    closeDialog = _ref3.closeDialog,
+    containerId = _ref3.containerId,
+    infoResponse = _ref3.infoResponse,
+    _ref3$manifest = _ref3.manifest,
+    manifest = _ref3$manifest === void 0 ? {} : _ref3$manifest,
+    _ref3$open = _ref3.open,
+    open = _ref3$open === void 0 ? false : _ref3$open,
+    _ref3$restrictDownloa = _ref3.restrictDownloadOnSizeDefinition,
+    restrictDownloadOnSizeDefinition = _ref3$restrictDownloa === void 0 ? false : _ref3$restrictDownloa,
+    viewType = _ref3.viewType,
+    windowId = _ref3.windowId;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var renderings = useMemo(function () {
     if (!(manifest && manifest.getSequences() && manifest.getSequences()[0] && manifest.getSequences()[0].getRenderings())) return [];
-
     return manifest.getSequences()[0].getRenderings();
-  };
-
-  /**
-   * Returns the rendered component
-  */
-
-
-  MiradorDownloadDialog.prototype.render = function render() {
-    var _props = this.props,
-        canvases = _props.canvases,
-        canvasLabel = _props.canvasLabel,
-        classes = _props.classes,
-        closeDialog = _props.closeDialog,
-        containerId = _props.containerId,
-        infoResponse = _props.infoResponse,
-        open = _props.open,
-        restrictDownloadOnSizeDefinition = _props.restrictDownloadOnSizeDefinition,
-        viewType = _props.viewType,
-        windowId = _props.windowId;
-
-
-    if (!open) return '';
-
-    return React.createElement(
-      React.Fragment,
-      null,
-      React.createElement(
-        Dialog,
-        {
-          container: document.querySelector('#' + containerId + ' .mirador-viewer'),
-          disableEnforceFocus: true,
-          onClose: closeDialog,
-          open: open,
-          scroll: 'paper',
-          fullWidth: true,
-          maxWidth: 'xs'
-        },
-        React.createElement(
-          DialogTitle,
-          { disableTypography: true, className: classes.h2 },
-          React.createElement(
-            Typography,
-            { variant: 'h2' },
-            'Download'
-          )
-        ),
-        React.createElement(
-          ScrollIndicatedDialogContent,
-          null,
-          canvases.map(function (canvas) {
-            return React.createElement(CanvasDownloadLinks, {
-              canvas: canvas,
-              canvasLabel: canvasLabel(canvas.id),
-              classes: classes,
-              infoResponse: infoResponse(canvas.id),
-              restrictDownloadOnSizeDefinition: restrictDownloadOnSizeDefinition,
-              key: canvas.id,
-              viewType: viewType,
-              windowId: windowId
-            });
-          }),
-          this.renderings().length > 0 && React.createElement(ManifestDownloadLinks, { classes: classes, renderings: this.renderings() })
-        ),
-        React.createElement(
-          DialogActions,
-          null,
-          React.createElement(
-            Button,
-            { onClick: closeDialog, color: 'primary' },
-            'Close'
-          )
-        )
-      )
-    );
-  };
-
-  return MiradorDownloadDialog;
-}(Component);
-
-MiradorDownloadDialog.propTypes = process.env.NODE_ENV !== "production" ? {
-  canvasLabel: PropTypes.func.isRequired,
-  canvases: PropTypes.arrayOf(PropTypes.shape({ id: PropTypes.string, index: PropTypes.number })),
-  classes: PropTypes.shape({
-    h2: PropTypes.string,
-    h3: PropTypes.string
-  }).isRequired,
-  closeDialog: PropTypes.func.isRequired,
-  containerId: PropTypes.string.isRequired,
-  infoResponse: PropTypes.func.isRequired,
-  manifest: PropTypes.shape({
-    getSequences: PropTypes.func
-  }),
-  open: PropTypes.bool,
-  restrictDownloadOnSizeDefinition: PropTypes.bool,
-  viewType: PropTypes.string.isRequired,
-  windowId: PropTypes.string.isRequired
-} : {};
-MiradorDownloadDialog.defaultProps = {
-  canvases: [],
-  manifest: {},
-  open: false,
-  restrictDownloadOnSizeDefinition: false
-};
-
-var styles = function styles() {
-  return {
-    h2: {
-      paddingBottom: 0
-    },
-    h3: {
-      marginTop: '20px'
-    }
-  };
-};
-
+  }, [manifest]);
+  if (!open) return '';
+  return /*#__PURE__*/_jsxs(Dialog, {
+    "data-testid": "dialog-content",
+    container: document.querySelector("#".concat(containerId, " .mirador-viewer")),
+    disableEnforceFocus: true,
+    onClose: closeDialog,
+    open: open,
+    scroll: "paper",
+    fullWidth: true,
+    maxWidth: "xs",
+    children: [/*#__PURE__*/_jsx(DialogTitle, {
+      sx: {
+        paddingBottom: 0
+      },
+      children: /*#__PURE__*/_jsx(Typography, {
+        variant: "h2",
+        component: "span",
+        children: t('mirador-dl-plugin.download')
+      })
+    }), /*#__PURE__*/_jsxs(ScrollIndicatedDialogContent, {
+      children: [canvases.map(function (canvas) {
+        return /*#__PURE__*/_jsx(CanvasDownloadLinks, {
+          canvas: canvas,
+          canvasLabel: canvasLabel(canvas.id),
+          infoResponse: infoResponse(canvas.id),
+          restrictDownloadOnSizeDefinition: restrictDownloadOnSizeDefinition,
+          t: t,
+          viewType: viewType,
+          windowId: windowId
+        }, canvas.id);
+      }), renderings.length > 0 && /*#__PURE__*/_jsx(ManifestDownloadLinks, {
+        renderings: renderings,
+        t: t
+      })]
+    }), /*#__PURE__*/_jsx(DialogActions, {
+      children: /*#__PURE__*/_jsx(Button, {
+        onClick: closeDialog,
+        color: "primary",
+        children: t('mirador-dl-plugin.close')
+      })
+    })]
+  });
+}
 export default {
   target: 'Window',
   mode: 'add',
   name: 'MiradorDownloadDialog',
-  component: withStyles(styles)(MiradorDownloadDialog),
+  component: MiradorDownloadDialog,
+  config: {
+    translations: translations
+  },
   mapDispatchToProps: mapDispatchToProps,
   mapStateToProps: mapStateToProps
 };

package/es/RenderingDownloadLink.js

@@ -1,57 +1,52 @@
-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; }
-
+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); }
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import Link from '@material-ui/core/Link';
-import ListItem from '@material-ui/core/ListItem';
-import ListItemText from '@material-ui/core/ListItemText';
+import Link from '@mui/material/Link';
+import ListItem from '@mui/material/ListItem';
+import ListItemText from '@mui/material/ListItemText';
 
 /**
  * RenderingDownloadLink ~
-*/
-
-var RenderingDownloadLink = function (_Component) {
-  _inherits(RenderingDownloadLink, _Component);
-
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var RenderingDownloadLink = /*#__PURE__*/function (_Component) {
   function RenderingDownloadLink() {
     _classCallCheck(this, RenderingDownloadLink);
-
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
+    return _callSuper(this, RenderingDownloadLink, arguments);
   }
-
-  RenderingDownloadLink.prototype.render = function render() {
-    var rendering = this.props.rendering;
-
-    return React.createElement(
-      ListItem,
-      { disableGutters: true, divider: true, key: rendering.id },
-      React.createElement(
-        ListItemText,
-        { primaryTypographyProps: { variant: 'body1' } },
-        React.createElement(
-          Link,
-          { href: rendering.id, rel: 'noopener noreferrer', target: '_blank', variant: 'body1' },
-          rendering.getLabel().getValue()
-        ),
-        rendering.getFormat() && rendering.getFormat().value && ' (' + rendering.getFormat().value + ')'
-      )
-    );
-  };
-
-  return RenderingDownloadLink;
+  _inherits(RenderingDownloadLink, _Component);
+  return _createClass(RenderingDownloadLink, [{
+    key: "render",
+    value: function render() {
+      var rendering = this.props.rendering;
+      return /*#__PURE__*/_jsx(ListItem, {
+        disableGutters: true,
+        divider: true,
+        children: /*#__PURE__*/_jsxs(ListItemText, {
+          primaryTypographyProps: {
+            variant: 'body1'
+          },
+          children: [/*#__PURE__*/_jsx(Link, {
+            href: rendering.id,
+            download: true,
+            rel: "noopener noreferrer",
+            target: "_blank",
+            variant: "body1",
+            children: rendering.getLabel().getValue()
+          }), rendering.getFormat() && rendering.getFormat().value && " (".concat(rendering.getFormat().value, ")")]
+        })
+      }, rendering.id);
+    }
+  }]);
 }(Component);
-
-export { RenderingDownloadLink as default };
-
-
-RenderingDownloadLink.propTypes = process.env.NODE_ENV !== "production" ? {
-  rendering: PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    getLabel: PropTypes.func.isRequired,
-    getFormat: PropTypes.func.isRequired
-  }).isRequired
-} : {};
+export { RenderingDownloadLink as default };

package/es/index.js

@@ -1,6 +1,5 @@
+import '@mui/material/styles/styled';
 import miradorDownloadPlugin from './miradorDownloadPlugin';
 import MiradorDownloadDialogPlugin from './MiradorDownloadDialog';
-
 export { miradorDownloadPlugin, MiradorDownloadDialogPlugin };
-
 export default [miradorDownloadPlugin, MiradorDownloadDialogPlugin];

package/es/miradorDownloadPlugin.js

@@ -1,111 +1,76 @@
-var _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; };
-
-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; }
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
-import ListItemText from '@material-ui/core/ListItemText';
-import MenuItem from '@material-ui/core/MenuItem';
-import DownloadIcon from '@material-ui/icons/VerticalAlignBottomSharp';
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, 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); }
+import React, { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import VerticalAlignBottomIcon from '@mui/icons-material/VerticalAlignBottom';
+import translations from './translations';
+
+// eslint-disable-next-line default-param-last
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var downloadDialogReducer = function downloadDialogReducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var action = arguments[1];
-
+  var action = arguments.length > 1 ? arguments[1] : undefined;
   if (action.type === 'OPEN_WINDOW_DIALOG') {
-    var _extends2;
-
-    return _extends({}, state, (_extends2 = {}, _extends2[action.windowId] = {
+    return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.windowId, {
       openDialog: action.dialogType
-    }, _extends2));
+    }));
   }
-
   if (action.type === 'CLOSE_WINDOW_DIALOG') {
-    var _extends3;
-
-    return _extends({}, state, (_extends3 = {}, _extends3[action.windowId] = {
+    return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.windowId, {
       openDialog: null
-    }, _extends3));
+    }));
   }
   return state;
 };
-
 var mapDispatchToProps = function mapDispatchToProps(dispatch, _ref) {
   var windowId = _ref.windowId;
   return {
     openDownloadDialog: function openDownloadDialog() {
-      return dispatch({ type: 'OPEN_WINDOW_DIALOG', windowId: windowId, dialogType: 'download' });
+      return dispatch({
+        type: 'OPEN_WINDOW_DIALOG',
+        windowId: windowId,
+        dialogType: 'download'
+      });
     }
   };
 };
-
-var MiradorDownload = function (_Component) {
-  _inherits(MiradorDownload, _Component);
-
-  function MiradorDownload() {
-    _classCallCheck(this, MiradorDownload);
-
-    return _possibleConstructorReturn(this, _Component.apply(this, arguments));
-  }
-
-  MiradorDownload.prototype.openDialogAndCloseMenu = function openDialogAndCloseMenu() {
-    var _props = this.props,
-        handleClose = _props.handleClose,
-        openDownloadDialog = _props.openDownloadDialog;
-
-
+function MiradorDownload(_ref2) {
+  var _ref2$handleClose = _ref2.handleClose,
+    handleClose = _ref2$handleClose === void 0 ? function () {} : _ref2$handleClose,
+    _ref2$openDownloadDia = _ref2.openDownloadDialog,
+    openDownloadDialog = _ref2$openDownloadDia === void 0 ? function () {} : _ref2$openDownloadDia;
+  var openDialogAndCloseMenu = useCallback(function () {
     openDownloadDialog();
     handleClose();
-  };
-
-  MiradorDownload.prototype.render = function render() {
-    var _this2 = this;
-
-    return React.createElement(
-      React.Fragment,
-      null,
-      React.createElement(
-        MenuItem,
-        { onClick: function onClick() {
-            return _this2.openDialogAndCloseMenu();
-          } },
-        React.createElement(
-          ListItemIcon,
-          null,
-          React.createElement(DownloadIcon, null)
-        ),
-        React.createElement(
-          ListItemText,
-          { primaryTypographyProps: { variant: 'body1' } },
-          'Download'
-        )
-      )
-    );
-  };
-
-  return MiradorDownload;
-}(Component);
-
-MiradorDownload.propTypes = process.env.NODE_ENV !== "production" ? {
-  handleClose: PropTypes.func,
-  openDownloadDialog: PropTypes.func
-} : {};
-
-MiradorDownload.defaultProps = {
-  handleClose: function handleClose() {},
-  openDownloadDialog: function openDownloadDialog() {}
-};
-
+  }, [handleClose, openDownloadDialog]);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/_jsxs(MenuItem, {
+    onClick: openDialogAndCloseMenu,
+    children: [/*#__PURE__*/_jsx(ListItemIcon, {
+      children: /*#__PURE__*/_jsx(VerticalAlignBottomIcon, {})
+    }), /*#__PURE__*/_jsx(ListItemText, {
+      primaryTypographyProps: {
+        variant: 'body1'
+      },
+      children: t('mirador-dl-plugin.download')
+    })]
+  });
+}
 export default {
   target: 'WindowTopBarPluginMenu',
   mode: 'add',
   name: 'MiradorDownloadPlugin',
   component: MiradorDownload,
+  config: {
+    translations: translations
+  },
   mapDispatchToProps: mapDispatchToProps,
   reducers: {
     windowDialogs: downloadDialogReducer

package/es/translations.js

@@ -0,0 +1,39 @@
+var translations = {
+  de: {
+    'mirador-dl-plugin': {
+      close: 'Schließen',
+      download: 'Download',
+      other_download: 'Andere Download-Optionen',
+      whole_image: 'Gesamtes Bild ({{width}} x {{height}}px)',
+      zoomed_region: 'Aktueller Bildausschnitt ({{width}} x {{height}}px)'
+    }
+  },
+  en: {
+    'mirador-dl-plugin': {
+      close: 'Close',
+      download: 'Download',
+      other_download: 'Other download options',
+      whole_image: 'Whole image ({{width}} x {{height}}px)',
+      zoomed_region: 'Zoomed region ({{width}} x {{height}}px)'
+    }
+  },
+  et: {
+    'mirador-dl-plugin': {
+      close: 'Sulge',
+      download: 'Lae alla',
+      other_download: 'Teised allalaadimise valikud',
+      whole_image: 'Kogu pilt ({{width}} x {{height}}px)',
+      zoomed_region: 'Suurendatud piirkond ({{width}} x {{height}}px)'
+    }
+  },
+  fr: {
+    'mirador-dl-plugin': {
+      close: 'Fermer',
+      download: 'Télécharger',
+      other_download: 'Autres options de téléchargement',
+      whole_image: 'Image entière ({{width}} x {{height}}px)',
+      zoomed_region: 'Région zoomée ({{width}} x {{height}}px)'
+    }
+  }
+};
+export default translations;