@harvard-lts/mirador-eda-plugin 0.1.7 → 2.0.0

package/README.md

@@ -1,6 +1,24 @@
 # Mirador EDA Plugin
 
-A Mirador 3 plugin for displaying Emily Dickinson Archive (EDA) transcriptions with toggleable line breaks and editorial marks. This plugin replicates the viewing experience of [edickinson.org](https://www.edickinson.org) while gracefully handling non-Emily Dickinson manifests.
+[![Node Unit Tests](https://github.com/harvard-lts/mirador-eda-plugin/actions/workflows/coverage-node.yml/badge.svg)](https://github.com/harvard-lts/mirador-eda-plugin/actions/workflows/coverage-node.yml)
+
+<a href="https://github.com/harvard-lts/mirador-eda-plugin/actions/workflows/coverage-node.yml"><img src="https://github.com/harvard-lts/mirador-eda-plugin/raw/badges/test-coverage/coverage.svg"></a>
+
+A Mirador plugin for displaying Emily Dickinson Archive (EDA) transcriptions with toggleable line breaks and editorial marks. This plugin replicates the viewing experience of [edickinson.org](https://www.edickinson.org) while gracefully handling non-Emily Dickinson manifests.
+
+## Compatibility
+
+This plugin is **Mirador 4-compatible** (React 18/19, MUI 7 + Emotion). It is
+**not** backwards compatible with Mirador 3 — the upgrade contains breaking
+changes: top-level `mirador` imports (the deep `mirador/dist/es/src/...` paths no
+longer resolve), function/hook components, and MUI 7 + Emotion styling in place
+of Material-UI 4 + JSS.
+
+Versioning convention for pinning:
+
+- **Mirador 4** releases are tagged `2.x`.
+- **Mirador 3** releases are tagged `0.x` / `1.x` — pin one of these if you still
+  need Mirador 3.
 
 ## Features
 
@@ -15,8 +33,8 @@ A Mirador 3 plugin for displaying Emily Dickinson Archive (EDA) transcriptions w
 ## Requirements
 
 - [NVM](https://github.com/nvm-sh/nvm)
-- Node.js 14+
-- Mirador 3.x
+- Node.js 22+ (see `.nvmrc`)
+- Mirador 4.x
 
 ## Setup
 
@@ -35,7 +53,7 @@ The following are some useful scripts can be ran using `npm run <script>`. A ful
 
 ## Installing in Mirador
 
-The `@harvard-lts/mirador-eda-plugin` requires an instance of Mirador 3. Visit the [Mirador wiki](https://github.com/ProjectMirador/mirador/wiki) to learn how to [install an existing plugin](https://github.com/ProjectMirador/mirador/wiki/Mirador-3-plugins#installing-an-existing-plugin) and for additional information about plugins.
+The `@harvard-lts/mirador-eda-plugin` requires an instance of Mirador 4. Visit the [Mirador wiki](https://github.com/ProjectMirador/mirador/wiki) and the [Creating a Mirador 4 Plugin](https://github.com/ProjectMirador/mirador/wiki/Creating-a-Mirador-4-Plugin) page for information about installing and building plugins.
 
 ### Installation
 
@@ -118,19 +136,9 @@ npm test
 
 The development server will start at http://localhost:9000 and automatically reload when you make changes.
 
-### Compatibility Notes
-
-The plugin includes a warning suppression utility for versions of Mirador prior to 4.0.0 that use a deprecated Material-UI Badge prop. This suppression:
-
-- Suppresses the `overlap="rectangle"` deprecation warning
-- Notes if the suppression file is no longer needed
-- Can be deleted once this app is upgraded to Mirador version 4.0.0 or later where the issue is fixed
-
-The warning suppression is implemented in `src/plugins/utils/suppressWarnings.js`.
-
 ### Testing
 
-The plugin includes comprehensive tests using Jest and React Testing Library. The test suite is organized by responsibility:
+The plugin includes comprehensive tests using Vitest and React Testing Library. The test suite is organized by responsibility:
 
 ```bash
 # Run all tests
@@ -143,9 +151,9 @@ npm test src/plugins/__tests__/[filename].spec.js
 Test Files and Responsibilities:
 
 #### Component Tests
-- `EdaTranscriptionButton.spec.js` - Tests button rendering, visibility, and interaction
-- `EdaTranscriptionPanel.spec.js` - Tests panel UI, transcription display, and controls
-- `EdaSideBarButtonsWrapper.spec.js` - Tests sidebar button container and layout
+- `EdaTranscriptionButton.spec.jsx` - Tests button rendering, visibility, and interaction
+- `EdaTranscriptionPanel.spec.jsx` - Tests panel UI, transcription display, and controls
+- `EdaSideBarButtonsWrapper.spec.jsx` - Tests sidebar button container and layout
 
 #### Manifest Tests
 - `edaManifest.spec.js` - Tests Emily Dickinson manifest handling and transcription extraction

package/dist/es/index.js

@@ -1,12 +1,11 @@
-import { useState, createRef } from 'react';
-import CompanionWindow from 'mirador/dist/es/src/containers/CompanionWindow';
-import { compose } from 'redux';
+import { useState, useRef } from 'react';
+import { CompanionWindow } from 'mirador';
 import { connect, useSelector, shallowEqual } from 'react-redux';
-import { withStyles } from '@material-ui/core/styles';
-import { Typography, FormControl, Select, MenuItem, FormControlLabel, Checkbox } from '@material-ui/core';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import TitleIcon from '@material-ui/icons/Title';
-import { version } from 'mirador/package.json';
+import { styled } from '@mui/material/styles';
+import GlobalStyles from '@mui/material/GlobalStyles';
+import { Typography, FormControl, Select, MenuItem, FormControlLabel, Checkbox } from '@mui/material';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import TitleIcon from '@mui/icons-material/Title';
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -229,11 +228,100 @@ var getEdaTranscription = function getEdaTranscription(state, windowId) {
   return combinedTranscriptions;
 };
 
-var EdaTranscriptionPanel = function EdaTranscriptionPanel(_ref) {
-  var classes = _ref.classes,
-    transcriptions = _ref.transcriptions,
-    windowId = _ref.windowId,
-    id = _ref.id;
+var PAPER_CLASS = "eda-transcription-paper";
+
+// Global rules: the resize handle min-width and the companion window paper
+// width. Previously expressed via JSS `@global` in withStyles.
+var globalStyles = function globalStyles(theme) {
+  return _defineProperty({
+    ".react-draggable": _defineProperty(_defineProperty({}, theme.breakpoints.down("sm"), {
+      minWidth: "235px !important"
+    }), theme.breakpoints.up("sm"), {
+      minWidth: "350px !important" // this must match the paper minWidth
+    })
+  }, ".".concat(PAPER_CLASS), _defineProperty(_defineProperty({}, theme.breakpoints.down("sm"), {
+    minWidth: "235px"
+  }), theme.breakpoints.up("sm"), {
+    minWidth: "350px" // this must match the companion window minWidth
+  }));
+};
+var Root = styled("div")({
+  height: "100%",
+  overflow: "auto",
+  display: "flex",
+  flexDirection: "column"
+});
+var Controls = styled("div")(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    padding: theme.spacing(2),
+    borderBottom: "1px solid ".concat(theme.palette.divider),
+    backgroundColor: theme.palette.background.paper
+  };
+});
+
+// The transcription content. Toggle classes (show-linebreaks / hide-edits)
+// switch the display of injected markup. The nested selectors target the HTML
+// set via dangerouslySetInnerHTML.
+var Section = styled("div")(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    flex: 1,
+    fontSize: ".875em",
+    lineHeight: theme.typography.body2.lineHeight,
+    fontFamily: theme.typography.fontFamily,
+    backgroundColor: theme.palette.background.paper,
+    borderRight: "0.5px solid ".concat(theme.palette.divider),
+    overflow: "auto",
+    color: theme.palette.text.primary,
+    padding: theme.spacing(2),
+    "& .line": {
+      display: "block"
+    },
+    "& ins:before": {
+      content: '"["',
+      fontWeight: theme.typography.fontWeightBold
+    },
+    "& ins:after": {
+      content: '"]"',
+      fontWeight: theme.typography.fontWeightBold
+    },
+    "& rt": {
+      fontSize: "0.833em"
+    },
+    "& .work-body": {
+      whiteSpace: "nowrap",
+      "& h3, & h4": {
+        fontWeight: theme.typography.fontWeightBold,
+        whiteSpace: "normal"
+      },
+      "& br": {
+        display: "none"
+      }
+    },
+    "&.show-linebreaks .work-body br": {
+      display: "block"
+    },
+    "&.hide-edits ins": {
+      display: "none"
+    },
+    "&.hide-edits rt": {
+      display: "none"
+    },
+    "& .stanza": {
+      marginBottom: theme.spacing(1.875)
+    },
+    "& .page-break": {
+      borderWidth: "1px 0 0 0",
+      borderStyle: "dotted",
+      display: "block !important"
+    }
+  };
+});
+var EdaTranscriptionPanel = function EdaTranscriptionPanel(_ref4) {
+  var transcriptions = _ref4.transcriptions,
+    windowId = _ref4.windowId,
+    id = _ref4.id;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     selectedEdition = _useState2[0],
@@ -247,7 +335,7 @@ var EdaTranscriptionPanel = function EdaTranscriptionPanel(_ref) {
     hideEdits = _useState6[0],
     setHideEdits = _useState6[1];
   var currentTranscription = transcriptions[selectedEdition] || "";
-  var contentRef = /*#__PURE__*/createRef();
+  var contentRef = useRef(null);
   var getEditionLabel = function getEditionLabel(html) {
     var _workBody$dataset;
     var parser = new DOMParser();
@@ -264,193 +352,117 @@ var EdaTranscriptionPanel = function EdaTranscriptionPanel(_ref) {
   var handleEditsChange = function handleEditsChange(event) {
     setHideEdits(event.target.checked);
   };
-  var sectionClasses = [classes.section, showPhysicalLinebreaks ? "show-linebreaks" : "", hideEdits ? "hide-edits" : ""].filter(Boolean).join(" ");
+  var sectionClassName = ["section", showPhysicalLinebreaks ? "show-linebreaks" : "", hideEdits ? "hide-edits" : ""].filter(Boolean).join(" ");
 
   // CompanionWindow pulls the resizing functionality from Mirador
   // the paperClassName prop allows styles to the underlying container
-  return /*#__PURE__*/jsxs(CompanionWindow, {
-    title: "EDA Transcription",
-    windowId: windowId,
-    id: id,
-    paperClassName: classes.paper,
-    children: [(!transcriptions || transcriptions.length === 0) && /*#__PURE__*/jsx("div", {
-      className: classes.root,
-      children: /*#__PURE__*/jsx("div", {
-        className: classes.section,
-        children: /*#__PURE__*/jsx(Typography, {
-          variant: "body1",
-          className: classes.noTranscriptionsMessage,
-          children: "Emily Dickinson Archive transcriptions are not available for this manuscript."
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(GlobalStyles, {
+      styles: globalStyles
+    }), /*#__PURE__*/jsxs(CompanionWindow, {
+      title: "EDA Transcription",
+      windowId: windowId,
+      id: id,
+      paperClassName: PAPER_CLASS
+      // Mirador exports the UNconnected CompanionWindow (`Nw`) as
+      // `CompanionWindow`; the connected variant (`ii`) that maps these from
+      // the companion-window's Redux record is internal and not exported. So
+      // we must supply them ourselves — without isDisplayed the paper renders
+      // with `display: none` and collapses to 0×0 (only the ins:before/after
+      // "[]" marks leak through), and without position it docks as "null"
+      // instead of in the left sidebar.
+      ,
+      isDisplayed: true,
+      position: "left"
+      // `direction` is normally injected by the connected wrapper from the
+      // viewer's text-direction state; the unconnected component reads
+      // O[direction].opposite and throws on undefined, so default it to ltr.
+      ,
+      direction: "ltr",
+      children: [(!transcriptions || transcriptions.length === 0) && /*#__PURE__*/jsx(Root, {
+        children: /*#__PURE__*/jsx("div", {
+          children: /*#__PURE__*/jsx(Typography, {
+            variant: "body1",
+            sx: {
+              padding: "16px"
+            },
+            children: "Emily Dickinson Archive transcriptions are not available for this manuscript."
+          })
         })
-      })
-    }), /*#__PURE__*/jsxs("div", {
-      className: classes.root,
-      children: [/*#__PURE__*/jsxs("div", {
-        className: classes.controls,
-        children: [transcriptions.length > 0 && /*#__PURE__*/jsxs(FormControl, {
-          className: classes.formControl,
-          children: [/*#__PURE__*/jsx(Typography, {
-            variant: "body2",
-            className: classes.editionLabel,
-            children: "Edition"
-          }), /*#__PURE__*/jsx(Select, {
-            value: selectedEdition,
-            onChange: handleEditionChange,
-            variant: "outlined",
-            margin: "dense",
-            className: classes.selectInput,
-            disabled: transcriptions.length === 1,
-            children: transcriptions.map(function (transcription, index) {
-              return /*#__PURE__*/jsx(MenuItem, {
-                value: index,
-                children: getEditionLabel(transcription)
-              }, index);
-            })
+      }), /*#__PURE__*/jsxs(Root, {
+        children: [/*#__PURE__*/jsxs(Controls, {
+          children: [transcriptions.length > 0 && /*#__PURE__*/jsxs(FormControl, {
+            sx: {
+              marginBottom: 1,
+              width: "100%"
+            },
+            children: [/*#__PURE__*/jsx(Typography, {
+              variant: "body2",
+              sx: {
+                fontWeight: "bold",
+                marginBottom: 0.5,
+                fontSize: "0.875rem"
+              },
+              children: "Edition"
+            }), /*#__PURE__*/jsx(Select, {
+              value: selectedEdition,
+              onChange: handleEditionChange,
+              variant: "outlined",
+              margin: "dense",
+              sx: {
+                width: {
+                  xs: 230,
+                  sm: 300
+                }
+              },
+              disabled: transcriptions.length === 1,
+              children: transcriptions.map(function (transcription, index) {
+                return /*#__PURE__*/jsx(MenuItem, {
+                  value: index,
+                  children: getEditionLabel(transcription)
+                }, index);
+              })
+            })]
+          }), /*#__PURE__*/jsx(FormControlLabel, {
+            control: /*#__PURE__*/jsx(Checkbox, {
+              checked: hideEdits,
+              onChange: handleEditsChange,
+              name: "edits",
+              color: "primary"
+            }),
+            label: "Hide Edits"
+          }), /*#__PURE__*/jsx(FormControlLabel, {
+            control: /*#__PURE__*/jsx(Checkbox, {
+              checked: showPhysicalLinebreaks,
+              onChange: handleLinebreaksChange,
+              name: "linebreaks",
+              color: "primary"
+            }),
+            label: "Physical Line Breaks"
           })]
-        }), /*#__PURE__*/jsx(FormControlLabel, {
-          control: /*#__PURE__*/jsx(Checkbox, {
-            checked: hideEdits,
-            onChange: handleEditsChange,
-            name: "edits",
-            color: "primary"
-          }),
-          label: "Hide Edits"
-        }), /*#__PURE__*/jsx(FormControlLabel, {
-          control: /*#__PURE__*/jsx(Checkbox, {
-            checked: showPhysicalLinebreaks,
-            onChange: handleLinebreaksChange,
-            name: "linebreaks",
-            color: "primary"
-          }),
-          label: "Physical Line Breaks"
+        }), /*#__PURE__*/jsx(Section, {
+          ref: contentRef,
+          className: sectionClassName,
+          dangerouslySetInnerHTML: {
+            __html: currentTranscription
+          }
         })]
-      }), /*#__PURE__*/jsx("div", {
-        ref: contentRef,
-        className: sectionClasses,
-        dangerouslySetInnerHTML: {
-          __html: currentTranscription
-        }
       })]
     })]
   });
 };
-var styles = function styles(theme) {
-  return {
-    "@global": {
-      ".react-draggable": _defineProperty(_defineProperty({}, theme.breakpoints.down("sm"), {
-        minWidth: "235px !important"
-      }), theme.breakpoints.up("sm"), {
-        minWidth: "350px !important" // this must match the paper minWidth
-      })
-    },
-    root: {
-      height: "100%",
-      overflow: "auto",
-      display: "flex",
-      flexDirection: "column"
-    },
-    paper: _defineProperty(_defineProperty({}, theme.breakpoints.down("sm"), {
-      minWidth: "235px"
-    }), theme.breakpoints.up("sm"), {
-      minWidth: "350px" // this must match the companion window minWidth
-    }),
-    controls: {
-      padding: theme.spacing(2),
-      borderBottom: "1px solid ".concat(theme.palette.divider),
-      backgroundColor: theme.palette.background.paper
-    },
-    formControl: {
-      marginBottom: theme.spacing(1),
-      width: "100%"
-    },
-    editionLabel: {
-      fontWeight: "bold",
-      marginBottom: theme.spacing(0.5),
-      fontSize: "0.875rem"
-    },
-    selectInput: _defineProperty(_defineProperty({}, theme.breakpoints.down("sm"), {
-      width: 230
-    }), theme.breakpoints.up("sm"), {
-      width: 300
-    }),
-    section: {
-      flex: 1,
-      fontSize: ".875em",
-      lineHeight: theme.typography.body2.lineHeight,
-      fontFamily: theme.typography.fontFamily,
-      backgroundColor: theme.palette.background.paper,
-      borderRight: "0.5px solid ".concat(theme.palette.divider),
-      overflow: "auto",
-      color: theme.palette.text.primary,
-      padding: theme.spacing(2),
-      "& .line": {
-        display: "block"
-      },
-      "& ins:before": {
-        content: '"["',
-        fontWeight: theme.typography.fontWeightBold
-      },
-      "& ins:after": {
-        content: '"]"',
-        fontWeight: theme.typography.fontWeightBold
-      },
-      "& rt": {
-        fontSize: "0.833em"
-      },
-      "& .work-body": {
-        whiteSpace: "nowrap",
-        "& h3, & h4": {
-          fontWeight: theme.typography.fontWeightBold,
-          whiteSpace: "normal"
-        },
-        "& br": {
-          display: "none"
-        }
-      },
-      "&.show-linebreaks .work-body br": {
-        display: "block"
-      },
-      "&.hide-edits ins": {
-        display: "none"
-      },
-      "&.hide-edits rt": {
-        display: "none"
-      },
-      "& .stanza": {
-        marginBottom: theme.spacing(1.875)
-      },
-      "& .page-break": {
-        borderWidth: "1px 0 0 0",
-        borderStyle: "dotted",
-        display: "block !important"
-      }
-    },
-    noTranscriptionsMessage: {
-      padding: "16px"
-    }
-  };
-};
-var mapStateToProps = function mapStateToProps(state, _ref2) {
-  var windowId = _ref2.windowId;
+var mapStateToProps = function mapStateToProps(state, _ref5) {
+  var windowId = _ref5.windowId;
   return {
     transcriptions: getEdaTranscription(state, windowId)
   };
 };
-var enhance = compose(withStyles(styles), connect(mapStateToProps));
 var EdaTranscriptionPanel$1 = {
-  component: enhance(EdaTranscriptionPanel),
+  name: "EdaTranscriptionPanel",
+  component: connect(mapStateToProps)(EdaTranscriptionPanel),
   companionWindowKey: "edaTranscription"
 };
 
-var EdaTranscriptionButton = function EdaTranscriptionButton() {
-  return /*#__PURE__*/jsx(TitleIcon, {
-    "data-testid": "eda-transcription-icon"
-  });
-};
-
-// this needs to match the companionWindowKey in EdaTranscriptionPanel.js
-EdaTranscriptionButton.value = "edaTranscription";
-
 var _excluded = ["TargetComponent"];
 var EdaSideBarButtonsWrapper = function EdaSideBarButtonsWrapper(_ref) {
   var TargetComponent = _ref.TargetComponent,
@@ -471,54 +483,56 @@ var EdaSideBarButtonsWrapper = function EdaSideBarButtonsWrapper(_ref) {
     };
     return originalTranslation(key, opts);
   };
-
-  // if transcriptions exist, add EDA Transcriptions button
-  var plugin = hasTranscriptions ? [EdaTranscriptionButton] : targetProps.PluginComponents;
   return /*#__PURE__*/jsx(TargetComponent, _objectSpread2(_objectSpread2({}, targetProps), {}, {
     t: customTranslation,
     panels: _objectSpread2(_objectSpread2({}, targetProps.panels), {}, {
       annotations: !hasTranscriptions
-    }),
-    PluginComponents: plugin
+    })
   }));
 };
 var EdaSideBarButtonsWrapper$1 = {
+  name: "EdaSideBarButtonsWrapper",
   target: "WindowSideBarButtons",
   mode: "wrap",
   component: EdaSideBarButtonsWrapper
 };
 
-// In Mirador version 3x there is a deprecation console warning:
-// Warning: Failed prop type: Material-UI: `overlap="rectangle"` was deprecated. Use `overlap="rectangular"` instead.
-// This was fixed in Mirador version 4.0.0
-// https://github.com/ProjectMirador/mirador/commit/90e695e0df5df44174a023cfae367a76e5697760
-
-// Suppressing this error to improve developer experience
-
-var FIXED_VERSION = "4.0.0";
-var parsedCurrentVersion = parseInt(version.replace(/\./g, ""));
-var parsedFixedVersion = parseInt(FIXED_VERSION.replace(/\./g, ""));
+var EdaTranscriptionButton = function EdaTranscriptionButton(_ref) {
+  var windowId = _ref.windowId;
+  // shallowEqual prevents re-renders unless transcriptions actually change
+  var transcriptions = useSelector(function (state) {
+    return getEdaTranscription(state, windowId);
+  }, shallowEqual);
+  var hasTranscriptions = Boolean(transcriptions && transcriptions.length > 0);
+  if (!hasTranscriptions) return null;
+  return /*#__PURE__*/jsx(TitleIcon, {
+    "data-testid": "eda-transcription-icon"
+  });
+};
 
-// Once the version is greater than or equal to the fixed version, we can remove this suppression
-if (parsedCurrentVersion >= parsedFixedVersion) {
-  console.log("⚠️ Warning suppression for Material-UI Badge overlap prop may no longer be needed.\n" + "  Current Mirador version: " + version + "\n" + "  Fixed in version: " + FIXED_VERSION + "\n" + "  Consider removing src/plugins/utils/suppressWarnings.js");
-} else {
-  var originalConsoleError = console.error;
-  console.error = function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    var suppressedWarnings = ["Material-UI: `overlap=\"rectangle\"` was deprecated. Use `overlap=\"rectangular\"` instead."];
-    var shouldSuppress = suppressedWarnings.some(function (warning) {
-      var _args$;
-      return ((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.includes) && args[0].includes(warning);
-    });
-    if (!shouldSuppress) {
-      originalConsoleError.apply(console, args);
+// this needs to match the companionWindowKey in EdaTranscriptionPanel.jsx;
+// Mirador uses it as the tab value / companion window content key.
+EdaTranscriptionButton.value = "edaTranscription";
+var EdaTranscriptionButton$1 = {
+  name: "EdaTranscriptionButton",
+  target: "WindowSideBarButtons",
+  mode: "add",
+  component: EdaTranscriptionButton,
+  // Mirador 4's sidebar Tab renders its tooltip/aria-label from i18next via
+  // useTranslation() — t("openCompanionWindow", { context: "edaTranscription" })
+  // — not from any `t` prop. i18next resolves that to the key
+  // `openCompanionWindow_edaTranscription`. Mirador deep-merges each plugin's
+  // `config` into the global config, so shipping the translation here labels the
+  // tab "EDA Transcriptions" for every consumer without extra config.
+  config: {
+    translations: {
+      en: {
+        openCompanionWindow_edaTranscription: "EDA Transcriptions"
+      }
     }
-  };
-}
+  }
+};
 
-var index = [EdaSideBarButtonsWrapper$1, EdaTranscriptionPanel$1];
+var index = [EdaSideBarButtonsWrapper$1, EdaTranscriptionButton$1, EdaTranscriptionPanel$1];
 
-export { EdaSideBarButtonsWrapper$1 as EdaSideBarButtonsWrapper, EdaTranscriptionPanel$1 as EdaTranscriptionPanel, index as default };
+export { EdaSideBarButtonsWrapper$1 as EdaSideBarButtonsWrapper, EdaTranscriptionButton$1 as EdaTranscriptionButton, EdaTranscriptionPanel$1 as EdaTranscriptionPanel, index as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harvard-lts/mirador-eda-plugin",
-  "version": "0.1.7",
+  "version": "2.0.0",
   "description": "A Mirador plugin for displaying Emily Dickinson Archive transcriptions with toggleable line breaks and editorial marks",
   "module": "dist/es/index.js",
   "files": [
@@ -15,6 +15,7 @@
     "build:es": "rollup -c",
     "serve": "vite",
     "test": "vitest run",
+    "test:unit": "node scripts/coverage-ci.mjs",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest"
   },
@@ -35,18 +36,22 @@
   "license": "Apache-2.0",
   "homepage": "https://github.com/harvard-lts/mirador-eda-plugin#readme",
   "dependencies": {
+    "@emotion/react": "^11.11.0",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^7.0.0",
+    "@mui/material": "^7.0.0",
+    "@mui/system": "^7.0.0",
     "jquery": "^3.7.0",
     "prop-types": "^15.8.1",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "redux": "^4.2.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-i18next": "^15.0.0",
+    "redux": "^5.0.0",
     "redux-saga": "^1.2.3"
   },
   "peerDependencies": {
-    "@material-ui/core": "^4.0.0",
-    "@material-ui/icons": "^4.0.0",
-    "mirador": "^3.0.0",
-    "react-redux": "^5.0.0 || ^6.0.0 || ^7.0.0"
+    "mirador": "^4.0.0",
+    "react-redux": "^7.0.0 || ^8.0.0 || ^9.0.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",
@@ -56,17 +61,17 @@
     "@reduxjs/toolkit": "^2.9.1",
     "@rollup/plugin-babel": "^6.0.3",
     "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^12.0.0",
+    "@testing-library/react": "^16.0.0",
     "@vitejs/plugin-react": "^5.1.2",
     "@vitest/coverage-v8": "^4.0.17",
     "@vitest/ui": "^4.0.17",
     "jsdom": "^27.4.0",
-    "mirador": "^3.4.3",
+    "mirador": "^4.1.0",
     "npm-run-all": "^4.1.5",
     "parcel": "^2.8.3",
     "rollup": "^3.29.5",
     "url": "^0.11.4",
-    "vite": "^7.3.1",
+    "vite": "^8.0.16",
     "vitest": "^4.0.17"
   }
 }