Add some plugin hooks

__tests__/src/components/WindowCanvasNavigationControls.test.js

@@ -5,6 +5,7 @@ import { WindowCanvasNavigationControls } from '../../../src/components/WindowCa
 import ViewerInfo from '../../../src/containers/ViewerInfo';
 import ViewerNavigation from '../../../src/containers/ViewerNavigation';
 import ZoomControls from '../../../src/containers/ZoomControls';
+import { PluginHook } from '../../../src/components/PluginHook';
 
 /** create wrapper */
 function createWrapper(props) {
@@ -31,6 +32,7 @@ describe('WindowCanvasNavigationControls', () => {
         <ZoomControls zoomToWorld={zoomToWorld} />
         <ViewerNavigation />
         <ViewerInfo />
+        <PluginHook />
       </Paper>,
     )).toBe(true);
   });

src/components/AttributionPanel.js

@@ -7,7 +7,7 @@ import Img from 'react-image';
 import CompanionWindow from '../containers/CompanionWindow';
 import { LabelValueMetadata } from './LabelValueMetadata';
 import ns from '../config/css-ns';
-
+import { PluginHook } from './PluginHook';
 
 /**
  * WindowSideBarInfoPanel
@@ -68,6 +68,8 @@ export class AttributionPanel extends Component {
             />
           </div>
         )}
+
+        <PluginHook {...this.props} />
       </CompanionWindow>
     );
   }

src/components/CanvasInfo.js

@@ -4,7 +4,7 @@ import Typography from '@material-ui/core/Typography';
 import CollapsibleSection from '../containers/CollapsibleSection';
 import SanitizedHtml from '../containers/SanitizedHtml';
 import { LabelValueMetadata } from './LabelValueMetadata';
-
+import { PluginHook } from './PluginHook';
 
 /**
  * CanvasInfo
@@ -30,7 +30,6 @@ export class CanvasInfo extends Component {
         id={`${id}-currentItem-${index}`}
         label={t('currentItem', { context: `${index + 1}/${totalSize}` })}
       >
-        <>
         {canvasLabel && (
           <Typography
             aria-labelledby={
@@ -53,7 +52,7 @@ export class CanvasInfo extends Component {
         {canvasMetadata.length > 0 && (
           <LabelValueMetadata labelValuePairs={canvasMetadata} />
         )}
-        </>
+        <PluginHook {...this.props} />
       </CollapsibleSection>
     );
   }

src/components/ManifestInfo.js

@@ -4,7 +4,7 @@ import Typography from '@material-ui/core/Typography';
 import CollapsibleSection from '../containers/CollapsibleSection';
 import SanitizedHtml from '../containers/SanitizedHtml';
 import { LabelValueMetadata } from './LabelValueMetadata';
-
+import { PluginHook } from './PluginHook';
 
 /**
  * ManifestInfo
@@ -48,6 +48,8 @@ export class ManifestInfo extends Component {
         {manifestMetadata.length > 0 && (
           <LabelValueMetadata labelValuePairs={manifestMetadata} />
         )}
+
+        <PluginHook {...this.props} />
       </CollapsibleSection>
     );
   }

src/components/ManifestRelatedLinks.js

@@ -5,7 +5,7 @@ import Link from '@material-ui/core/Link';
 import classNames from 'classnames';
 import CollapsibleSection from '../containers/CollapsibleSection';
 import ns from '../config/css-ns';
-
+import { PluginHook } from './PluginHook';
 
 /**
  * ManifestRelatedLinks
@@ -96,6 +96,7 @@ export class ManifestRelatedLinks extends Component {
             </>
           )}
         </dl>
+        <PluginHook {...this.props} />
       </CollapsibleSection>
     );
   }

src/components/WindowCanvasNavigationControls.js

@@ -6,6 +6,7 @@ import ZoomControls from '../containers/ZoomControls';
 import ViewerInfo from '../containers/ViewerInfo';
 import ViewerNavigation from '../containers/ViewerNavigation';
 import ns from '../config/css-ns';
+import { PluginHook } from './PluginHook';
 
 /**
  * Represents the viewer controls in the mirador workspace.
@@ -48,6 +49,8 @@ export class WindowCanvasNavigationControls extends Component {
         />
         <ViewerNavigation windowId={windowId} />
         <ViewerInfo windowId={windowId} />
+
+        <PluginHook {...this.props} />
       </Paper>
     );
   }

src/components/WorkspaceAdd.js

@@ -16,6 +16,7 @@ import ManifestForm from '../containers/ManifestForm';
 import ManifestListItem from '../containers/ManifestListItem';
 import MiradorMenuButton from '../containers/MiradorMenuButton';
 import { IIIFDropTarget } from './IIIFDropTarget';
+import { PluginHook } from './PluginHook';
 
 /**
  * An area for managing manifests and adding them to workspace
@@ -96,6 +97,7 @@ export class WorkspaceAdd extends React.Component {
           ) : (
             <Paper className={classes.list}>
               <Typography variant="srOnly" component="h1">{t('miradorResources')}</Typography>
+              <PluginHook {...this.props} />
               <List>
                 {manifestList}
               </List>