@harvard-lts/mirador-pdf-plugin 0.0.2 → 1.0.0-beta.1

package/dist/es/index.js

@@ -1,18 +1,17 @@
-import { useState, useEffect } from 'react';
-import MenuItem from '@material-ui/core/MenuItem';
-import ListItemIcon from '@material-ui/core/ListItemIcon';
-import ListItemText from '@material-ui/core/ListItemText';
-import { getManifestoInstance } from 'mirador/dist/es/src/state/selectors/manifests';
-import PDFIcon from '@material-ui/icons/PictureAsPdf';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import { getManifestoInstance } from 'mirador';
+import PictureAsPdfIcon from '@mui/icons-material/PictureAsPdf';
 import { jsx, jsxs } from 'react/jsx-runtime';
-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 DialogContent from '@material-ui/core/DialogContent';
-import DialogTitle from '@material-ui/core/DialogTitle';
-import TextField from '@material-ui/core/TextField';
-import Typography from '@material-ui/core/Typography';
+import { useState, useEffect } from 'react';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogTitle from '@mui/material/DialogTitle';
+import TextField from '@mui/material/TextField';
+import Typography from '@mui/material/Typography';
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -146,8 +145,10 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch, _ref2) {
   };
 };
 var MiradorPdfMenuItem = function MiradorPdfMenuItem(_ref3) {
-  var handleClose = _ref3.handleClose,
-    openDialog = _ref3.openDialog;
+  var _ref3$handleClose = _ref3.handleClose,
+    handleClose = _ref3$handleClose === void 0 ? function () {} : _ref3$handleClose,
+    _ref3$openDialog = _ref3.openDialog,
+    openDialog = _ref3$openDialog === void 0 ? function () {} : _ref3$openDialog;
   var handleClick = function handleClick() {
     openDialog();
     handleClose();
@@ -156,7 +157,7 @@ var MiradorPdfMenuItem = function MiradorPdfMenuItem(_ref3) {
     children: /*#__PURE__*/jsxs(MenuItem, {
       onClick: handleClick,
       children: [/*#__PURE__*/jsx(ListItemIcon, {
-        children: /*#__PURE__*/jsx(PDFIcon, {})
+        children: /*#__PURE__*/jsx(PictureAsPdfIcon, {})
       }), /*#__PURE__*/jsx(ListItemText, {
         primaryTypographyProps: {
           variant: "body1"
@@ -166,10 +167,6 @@ var MiradorPdfMenuItem = function MiradorPdfMenuItem(_ref3) {
     })
   });
 };
-MiradorPdfMenuItem.defaultProps = {
-  handleClose: function handleClose() {},
-  openDialog: function openDialog() {}
-};
 var miradorPdfMenuItem = {
   target: 'WindowTopBarPluginMenu',
   mode: 'add',
@@ -213,13 +210,14 @@ var extractUrn = function extractUrn(manifestId) {
   return withoutLeadingSlash.split(':MANIFEST')[0];
 };
 var MiradorPdfDialog = function MiradorPdfDialog(_ref3) {
-  var open = _ref3.open,
+  var _ref3$open = _ref3.open,
+    open = _ref3$open === void 0 ? false : _ref3$open,
     closeDialog = _ref3.closeDialog,
     manifestId = _ref3.manifestId,
     totalPages = _ref3.totalPages,
     pdfAPI = _ref3.pdfAPI,
-    containerId = _ref3.containerId,
-    classes = _ref3.classes;
+    _ref3$containerId = _ref3.containerId,
+    containerId = _ref3$containerId === void 0 ? null : _ref3$containerId;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     pages = _useState2[0],
@@ -228,8 +226,6 @@ var MiradorPdfDialog = function MiradorPdfDialog(_ref3) {
     _useState4 = _slicedToArray(_useState3, 2),
     error = _useState4[0],
     setError = _useState4[1];
-
-  // Reset form state whenever the dialog is closed
   useEffect(function () {
     if (!open) {
       setPages('');
@@ -299,12 +295,10 @@ var MiradorPdfDialog = function MiradorPdfDialog(_ref3) {
     fullWidth: true,
     maxWidth: "sm",
     children: [/*#__PURE__*/jsx(DialogTitle, {
-      disableTypography: true,
-      className: classes.h2,
-      children: /*#__PURE__*/jsx(Typography, {
-        variant: "h2",
-        children: "PDF Download"
-      })
+      sx: {
+        paddingBottom: 0
+      },
+      children: "PDF Download"
     }), /*#__PURE__*/jsxs(DialogContent, {
       children: [/*#__PURE__*/jsx(Typography, {
         variant: "body1",
@@ -329,7 +323,6 @@ var MiradorPdfDialog = function MiradorPdfDialog(_ref3) {
     }), /*#__PURE__*/jsxs(DialogActions, {
       children: [/*#__PURE__*/jsx(Button, {
         onClick: handleClose,
-        color: "default",
         children: "Close"
       }), /*#__PURE__*/jsx(Button, {
         onClick: handleDownload,
@@ -340,22 +333,11 @@ var MiradorPdfDialog = function MiradorPdfDialog(_ref3) {
     })]
   });
 };
-MiradorPdfDialog.defaultProps = {
-  open: false,
-  containerId: null
-};
-var styles = function styles() {
-  return {
-    h2: {
-      paddingBottom: 0
-    }
-  };
-};
 var miradorPdfDialog = {
   target: 'Window',
   mode: 'add',
   name: 'MiradorPdfDialog',
-  component: withStyles(styles)(MiradorPdfDialog),
+  component: MiradorPdfDialog,
   mapStateToProps: mapStateToProps,
   mapDispatchToProps: mapDispatchToProps
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@harvard-lts/mirador-pdf-plugin",
-  "version": "0.0.2",
-  "description": "A Mirador 3 plugin that interacts with MPS PDF Download Service ",
+  "version": "1.0.0-beta.1",
+  "description": "A Mirador 4 plugin that interacts with MPS PDF Download Service",
   "module": "dist/es/index.js",
   "files": [
     "dist"
@@ -26,28 +26,39 @@
   "license": "Apache-2.0",
   "homepage": "https://github.com/harvard-lts/mirador-pdf-plugin#readme",
   "dependencies": {
-    "jquery": "^3.7.0",
-    "prop-types": "^15.8.1",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "redux": "^4.2.1",
-    "redux-saga": "^1.2.3"
+    "prop-types": "^15.8.1"
+  },
+  "peerDependencies": {
+    "mirador": "^4.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@mui/material": "^7.0.0",
+    "@mui/system": "^7.0.0",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6"
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@mui/material": "^7.0.0",
+    "@mui/icons-material": "^7.0.0",
+    "@mui/system": "^7.0.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^12.0.0",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@testing-library/react": "^16.0.0",
+    "@vitejs/plugin-react": "^5.0.0",
     "@vitest/coverage-v8": "^1.0.0",
     "@vitest/ui": "^1.0.0",
     "jsdom": "^23.0.0",
-    "mirador": "^3.4.3",
+    "mirador": "^4.0.0",
     "npm-run-all": "^4.1.5",
     "parcel": "^2.8.3",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
     "rollup": "^3.29.5",
     "url": "^0.11.4",
     "vite": "^5.0.0",