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

package/lib/miradorDownloadPlugin.js

@@ -1,137 +1,85 @@
-'use strict';
-
-exports.__esModule = true;
-
-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; };
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _ListItemIcon = require('@material-ui/core/ListItemIcon');
-
-var _ListItemIcon2 = _interopRequireDefault(_ListItemIcon);
-
-var _ListItemText = require('@material-ui/core/ListItemText');
-
-var _ListItemText2 = _interopRequireDefault(_ListItemText);
-
-var _MenuItem = require('@material-ui/core/MenuItem');
-
-var _MenuItem2 = _interopRequireDefault(_MenuItem);
-
-var _VerticalAlignBottomSharp = require('@material-ui/icons/VerticalAlignBottomSharp');
-
-var _VerticalAlignBottomSharp2 = _interopRequireDefault(_VerticalAlignBottomSharp);
-
-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 _reactI18next = require("react-i18next");
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _VerticalAlignBottom = _interopRequireDefault(require("@mui/icons-material/VerticalAlignBottom"));
+var _translations = _interopRequireDefault(require("./translations"));
+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 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); } // eslint-disable-next-line default-param-last
 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 = (0, _react.useCallback)(function () {
     openDownloadDialog();
     handleClose();
-  };
-
-  MiradorDownload.prototype.render = function render() {
-    var _this2 = this;
-
-    return _react2.default.createElement(
-      _react2.default.Fragment,
-      null,
-      _react2.default.createElement(
-        _MenuItem2.default,
-        { onClick: function onClick() {
-            return _this2.openDialogAndCloseMenu();
-          } },
-        _react2.default.createElement(
-          _ListItemIcon2.default,
-          null,
-          _react2.default.createElement(_VerticalAlignBottomSharp2.default, null)
-        ),
-        _react2.default.createElement(
-          _ListItemText2.default,
-          { primaryTypographyProps: { variant: 'body1' } },
-          'Download'
-        )
-      )
-    );
-  };
-
-  return MiradorDownload;
-}(_react.Component);
-
-MiradorDownload.propTypes = process.env.NODE_ENV !== "production" ? {
-  handleClose: _propTypes2.default.func,
-  openDownloadDialog: _propTypes2.default.func
-} : {};
-
-MiradorDownload.defaultProps = {
-  handleClose: function handleClose() {},
-  openDownloadDialog: function openDownloadDialog() {}
-};
-
-exports.default = {
+  }, [handleClose, openDownloadDialog]);
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem["default"], {
+    onClick: openDialogAndCloseMenu,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon["default"], {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VerticalAlignBottom["default"], {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText["default"], {
+      primaryTypographyProps: {
+        variant: 'body1'
+      },
+      children: t('mirador-dl-plugin.download')
+    })]
+  });
+}
+var _default = exports["default"] = {
   target: 'WindowTopBarPluginMenu',
   mode: 'add',
   name: 'MiradorDownloadPlugin',
   component: MiradorDownload,
+  config: {
+    translations: _translations["default"]
+  },
   mapDispatchToProps: mapDispatchToProps,
   reducers: {
     windowDialogs: downloadDialogReducer
   }
-};
-module.exports = exports['default'];
+};

package/lib/translations.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+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)'
+    }
+  }
+};
+var _default = exports["default"] = translations;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mirador-dl-plugin",
-  "version": "0.12.0",
+  "version": "1.0.0-alpha.1",
   "description": "mirador-dl-plugin React component",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -11,47 +11,76 @@
     "umd"
   ],
   "scripts": {
-    "build": "nwb build-react-component",
-    "clean": "nwb clean-module && nwb clean-demo",
-    "lint": "npx eslint ./",
-    "prepublishOnly": "npm run build",
-    "start": "nwb serve-react-demo",
+    "build": "npm run build:umd && npm run build:demo",
+    "build:demo": "NODE_ENV=development webpack --mode=development",
+    "build:umd": "NODE_ENV=production webpack --mode=production",
+    "build:es": "mkdir -p es && cp -r src/* es && NODE_ENV=production MODULE_FORMAT=es npx babel es -d es",
+    "build:cjs": "mkdir -p lib && cp -r src/* lib && NODE_ENV=production MODULE_FORMAT=cjs npx babel lib -d lib",
+    "clean": "rm -rf ./umd && rm -rf ./es && rm -rf ./lib && rm -rf ./demo/dist",
+    "lint": "eslint ./src ./__tests__",
+    "prepublishOnly": "npm run clean && npm run build:es && npm run build:cjs && npm run build",
+    "start": "NODE_ENV=development webpack serve --open",
     "test": "npm run lint && jest",
     "test:coverage": "jest --coverage",
     "test:watch": "jest --watch"
   },
+  "dependencies": {
+    "@emotion/babel-plugin": "^11.11.0",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6"
+  },
   "peerDependencies": {
-    "@material-ui/core": "^4.9.11",
-    "@material-ui/icons": "^4.9.1",
+    "@mui/material": "^5.x",
     "lodash": "^4.17.11",
-    "mirador": "^3.0.0-rc.1",
-    "prop-types": "^15.7.2",
-    "react": "16.x",
-    "react-dom": "16.x"
+    "mirador": "^4.0.0-alpha.7",
+    "react": "18.x",
+    "react-dom": "18.x",
+    "react-i18next": "^13.0.0 || ^14.0.0 || ^15.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.7.2",
-    "@babel/preset-env": "^7.7.1",
-    "@babel/preset-react": "^7.7.0",
-    "@material-ui/core": "^4.9.11",
-    "@material-ui/icons": "^4.9.1",
+    "@babel/cli": "^7.17.6",
+    "@babel/core": "^7.17.7",
+    "@babel/eslint-parser": "^7.5.4",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/plugin-transform-regenerator": "^7.16.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@mui/material": "^5.x",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
+    "@testing-library/dom": "^9.2.0",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.0",
+    "@testing-library/user-event": "^14.4.3",
     "babel-eslint": "^10.0.3",
     "babel-jest": "^24.9.0",
-    "enzyme": "^3.9.0",
-    "enzyme-adapter-react-16": "^1.15.1",
-    "eslint": "^5.3.0",
-    "eslint-config-airbnb": "^17.1.1",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-jest": "^22.21.0",
-    "eslint-plugin-jsx-a11y": "^6.2.3",
-    "eslint-plugin-react": "^7.16.0",
-    "jest": "^24.9.0",
+    "babel-loader": "^9.1.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "eslint": "^8.11.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-plugin-babel": "^5.3.0",
+    "eslint-plugin-import": "^2.25.4",
+    "eslint-plugin-jest": "^27.1.5",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "html-loader": "^5.0.0",
+    "html-webpack-plugin": "^5.6.0",
+    "jest": "^29.3.1",
+    "jest-environment-jsdom": "^29.4.3",
+    "jest-puppeteer": "^9.0.2",
     "lodash": "^4.17.15",
-    "mirador": "^3.0.0-rc.1",
-    "nwb": "0.23.x",
-    "prop-types": "^15.7.2",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0"
+    "mirador": "^4.0.0-alpha.5",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "terser-webpack-plugin": "^5.3.1",
+    "webpack": "^5.70.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.7.4"
   },
   "author": "",
   "homepage": "",