dbf-mirador 4.2.3

package/src/containers/LocalePicker.js

@@ -0,0 +1,3 @@
+import { LocalePicker } from '../components/LocalePicker';
+
+export default LocalePicker;

package/src/containers/ManifestForm.js

@@ -0,0 +1,16 @@
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import { withPlugins } from '../extend/withPlugins';
+import * as actions from '../state/actions';
+import { ManifestForm } from '../components/ManifestForm';
+
+/**
+ * mapDispatchToProps - used to hook up connect to action creators
+ * @memberof ManifestForm
+ * @private
+ */
+const mapDispatchToProps = { addResource: actions.addResource };
+
+const enhance = compose(connect(null, mapDispatchToProps), withPlugins('ManifestForm'));
+
+export default enhance(ManifestForm);

package/src/containers/ManifestInfo.js

@@ -0,0 +1,29 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { getManifestDescription, getManifestSummary, getManifestTitle, getManifestMetadata } from '../state/selectors';
+import { ManifestInfo } from '../components/ManifestInfo';
+
+/**
+ * mapStateToProps - to hook up connect
+ * @memberof WindowSideBarInfoPanel
+ * @private
+ */
+const mapStateToProps = (state, { companionWindowId, manifestId, windowId }) => ({
+  manifestDescription: getManifestDescription(state, {
+    companionWindowId,
+    manifestId,
+    windowId,
+  }),
+  manifestLabel: getManifestTitle(state, { companionWindowId, manifestId, windowId }),
+  manifestMetadata: getManifestMetadata(state, { companionWindowId, manifestId, windowId }),
+  manifestSummary: getManifestSummary(state, {
+    companionWindowId,
+    manifestId,
+    windowId,
+  }),
+});
+
+const enhance = compose(connect(mapStateToProps), withPlugins('ManifestInfo'));
+
+export default enhance(ManifestInfo);

package/src/containers/ManifestListItem.js

@@ -0,0 +1,52 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import {
+  getManifest,
+  getManifestTitle,
+  getManifestThumbnail,
+  getCanvases,
+  getManifestLogo,
+  getManifestProviderName,
+  getWindowManifests,
+  getManifestoInstance,
+  getSequenceBehaviors,
+} from '../state/selectors';
+import * as actions from '../state/actions';
+import { ManifestListItem } from '../components/ManifestListItem';
+
+/** */
+const mapStateToProps = (state, { manifestId, provider }) => {
+  const manifest = getManifest(state, { manifestId }) || {};
+  const manifesto = getManifestoInstance(state, { manifestId });
+  const isCollection = (manifesto || { isCollection: () => false }).isCollection();
+
+  const size = isCollection ? manifesto.getTotalItems() : getCanvases(state, { manifestId }).length;
+  return {
+    active: getWindowManifests(state).includes(manifestId),
+    error: manifest.error || (!manifesto && !!manifest.json),
+    isCollection,
+    isFetching: manifest.isFetching,
+    isMultipart: isCollection && getSequenceBehaviors(state, { manifestId }).includes('multi-part'),
+    manifestLogo: getManifestLogo(state, { manifestId }),
+    provider: provider || getManifestProviderName(state, { manifestId }),
+    ready: !!manifest.json,
+    size,
+    thumbnail: getManifestThumbnail(state, { manifestId }),
+    title: getManifestTitle(state, { manifestId }),
+  };
+};
+
+/**
+ * mapDispatchToProps - used to hook up connect to action creators
+ * @memberof ManifestListItem
+ * @private
+ */
+const mapDispatchToProps = {
+  addWindow: actions.addWindow,
+  fetchManifest: actions.fetchManifest,
+};
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('ManifestListItem'));
+
+export default enhance(ManifestListItem);

package/src/containers/ManifestListItemError.js

@@ -0,0 +1,15 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { fetchManifest, removeResource } from '../state/actions';
+import { ManifestListItemError } from '../components/ManifestListItemError';
+
+/** */
+const mapDispatchToProps = {
+  onDismissClick: removeResource,
+  onTryAgainClick: fetchManifest,
+};
+
+const enhance = compose(connect(null, mapDispatchToProps), withPlugins('ManifestListItemError'));
+
+export default enhance(ManifestListItemError);

package/src/containers/ManifestRelatedLinks.js

@@ -0,0 +1,28 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import {
+  getManifestHomepage,
+  getManifestRelated,
+  getManifestRenderings,
+  getManifestSeeAlso,
+  getManifestUrl,
+} from '../state/selectors';
+import { ManifestRelatedLinks } from '../components/ManifestRelatedLinks';
+
+/**
+ * mapStateToProps - to hook up connect
+ * @memberof WindowSideBarInfoPanel
+ * @private
+ */
+const mapStateToProps = (state, { companionWindowId, windowId }) => ({
+  homepage: getManifestHomepage(state, { windowId }),
+  manifestUrl: getManifestUrl(state, { windowId }),
+  related: getManifestRelated(state, { windowId }),
+  renderings: getManifestRenderings(state, { windowId }),
+  seeAlso: getManifestSeeAlso(state, { windowId }),
+});
+
+const enhance = compose(connect(mapStateToProps), withPlugins('ManifestRelatedLinks'));
+
+export default enhance(ManifestRelatedLinks);

package/src/containers/MinimalWindow.js

@@ -0,0 +1,25 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import * as actions from '../state/actions';
+import { MinimalWindow } from '../components/MinimalWindow';
+import { getWindowConfig } from '../state/selectors';
+
+/** mapStateToProps */
+const mapStateToProps = (state, { windowId }) => ({
+  allowClose: getWindowConfig(state, { windowId }).allowClose,
+  allowWindowSideBar: getWindowConfig(state, { windowId }).allowWindowSideBar,
+});
+
+/**
+ * mapDispatchToProps - used to hook up connect to action creators
+ * @memberof ManifestListItem
+ * @private
+ */
+const mapDispatchToProps = (dispatch, { windowId }) => ({
+  removeWindow: () => dispatch(actions.removeWindow(windowId)),
+});
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('MinimalWindow'));
+
+export default enhance(MinimalWindow);

package/src/containers/MiradorMenuButton.js

@@ -0,0 +1,7 @@
+import { compose } from 'redux';
+import { withPlugins } from '../extend/withPlugins';
+import { MiradorMenuButton } from '../components/MiradorMenuButton';
+
+const enhance = compose(withPlugins('MiradorMenuButton'));
+
+export default enhance(MiradorMenuButton);

package/src/containers/MosaicRenderPreview.js

@@ -0,0 +1,14 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { getManifestTitle } from '../state/selectors';
+import { MosaicRenderPreview } from '../components/MosaicRenderPreview';
+
+/** */
+const mapStateToProps = (state, { windowId }) => ({
+  title: getManifestTitle(state, { windowId }),
+});
+
+const enhance = compose(connect(mapStateToProps, null), withPlugins('MosaicRenderPreview'));
+
+export default enhance(MosaicRenderPreview);

package/src/containers/OpenSeadragonViewer.js

@@ -0,0 +1,59 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { OpenSeadragonViewer } from '../components/OpenSeadragonViewer';
+import * as actions from '../state/actions';
+import {
+  getVisibleCanvasNonTiledResources,
+  getCurrentCanvas,
+  getCanvasLabel,
+  getViewer,
+  getConfig,
+  getCompanionWindowsForContent,
+  selectInfoResponses,
+  getCurrentCanvasWorld,
+} from '../state/selectors';
+
+/**
+ * mapStateToProps - used to hook up connect to action creators
+ * @memberof Window
+ * @private
+ */
+const mapStateToProps = (state, { windowId }) => {
+  const canvasWorld = getCurrentCanvasWorld(state, { windowId });
+  const infoResponses = selectInfoResponses(state);
+  const imageServiceIds = canvasWorld.canvases.flatMap((c) => c.imageServiceIds);
+
+  return {
+    canvasWorld,
+    drawAnnotations:
+      getConfig(state).window.forceDrawAnnotations ||
+      getCompanionWindowsForContent(state, { content: 'annotations', windowId }).length > 0 ||
+      getCompanionWindowsForContent(state, { content: 'search', windowId }).length > 0,
+    infoResponses: imageServiceIds
+      .map((id) => infoResponses[id])
+      .filter(
+        (infoResponse) => infoResponse !== undefined && infoResponse.isFetching === false && infoResponse.error === undefined,
+      ),
+    label: getCanvasLabel(state, {
+      canvasId: (getCurrentCanvas(state, { windowId }) || {}).id,
+      windowId,
+    }),
+    nonTiledImages: getVisibleCanvasNonTiledResources(state, { windowId }),
+    osdConfig: getConfig(state).osdConfig,
+    viewerConfig: getViewer(state, { windowId }),
+  };
+};
+
+/**
+ * mapDispatchToProps - used to hook up connect to action creators
+ * @memberof ManifestListItem
+ * @private
+ */
+const mapDispatchToProps = {
+  updateViewport: actions.updateViewport,
+};
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('OpenSeadragonViewer'));
+
+export default enhance(OpenSeadragonViewer);

package/src/containers/PrimaryWindow.js

@@ -0,0 +1,27 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import {
+  getManifestoInstance,
+  getVisibleCanvasAudioResources,
+  getVisibleCanvasTextResources,
+  getVisibleCanvasVideoResources,
+  getWindow,
+} from '../state/selectors';
+import { PrimaryWindow } from '../components/PrimaryWindow';
+
+/** */
+const mapStateToProps = (state, { windowId }) => {
+  const manifestoInstance = getManifestoInstance(state, { windowId });
+  return {
+    audioResources: getVisibleCanvasAudioResources(state, { windowId }) || [],
+    isCollection: manifestoInstance && manifestoInstance.isCollection(),
+    isCollectionDialogVisible: getWindow(state, { windowId }).collectionDialogOn,
+    textResources: getVisibleCanvasTextResources(state, { windowId }) || [],
+    videoResources: getVisibleCanvasVideoResources(state, { windowId }) || [],
+  };
+};
+
+const enhance = compose(connect(mapStateToProps, null), withPlugins('PrimaryWindow'));
+
+export default enhance(PrimaryWindow);

package/src/containers/SanitizedHtml.js

@@ -0,0 +1,3 @@
+import { SanitizedHtml } from '../components/SanitizedHtml';
+
+export default SanitizedHtml;

package/src/containers/ScrollIndicatedDialogContent.js

@@ -0,0 +1,3 @@
+import { ScrollIndicatedDialogContent } from '../components/ScrollIndicatedDialogContent';
+
+export default ScrollIndicatedDialogContent;

package/src/containers/SearchHit.js

@@ -0,0 +1,71 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { SearchHit } from '../components/SearchHit';
+import * as actions from '../state/actions';
+import {
+  getCanvasLabel,
+  getVisibleCanvasIds,
+  getResourceAnnotationForSearchHit,
+  getResourceAnnotationLabel,
+  getSelectedContentSearchAnnotationIds,
+  getSelectedAnnotationId,
+} from '../state/selectors';
+
+/**
+ * mapStateToProps - used to hook up connect to state
+ * @memberof SearchHit
+ * @private
+ */
+const mapStateToProps = (state, { annotationId, hit = { annotations: [] }, companionWindowId, windowId }) => {
+  const realAnnoId = annotationId || hit.annotations[0];
+  const hitAnnotation = getResourceAnnotationForSearchHit(state, {
+    annotationUri: realAnnoId,
+    companionWindowId,
+    windowId,
+  });
+
+  const annotationLabel = getResourceAnnotationLabel(state, {
+    annotationUri: realAnnoId,
+    companionWindowId,
+    windowId,
+  });
+  const selectedCanvasIds = getVisibleCanvasIds(state, { windowId });
+
+  const selectedContentSearchAnnotationsIds = getSelectedContentSearchAnnotationIds(state, {
+    companionWindowId,
+    windowId,
+  });
+
+  const windowSelectedAnnotationId = getSelectedAnnotationId(state, { windowId });
+
+  const allAnnoIds = [annotationId, ...hit.annotations];
+
+  return {
+    adjacent: selectedCanvasIds.includes(hitAnnotation?.targetId),
+    annotation: hitAnnotation,
+    annotationId: realAnnoId,
+    annotationLabel: annotationLabel[0],
+    canvasLabel:
+      hitAnnotation &&
+      getCanvasLabel(state, {
+        canvasId: hitAnnotation.targetId,
+        windowId,
+      }),
+    selected: selectedContentSearchAnnotationsIds[0] && allAnnoIds.includes(selectedContentSearchAnnotationsIds[0]),
+    windowSelected: windowSelectedAnnotationId && allAnnoIds.includes(windowSelectedAnnotationId),
+  };
+};
+
+/**
+ * mapDispatchToProps - to hook up connect
+ * @memberof SearchPanelNavigation
+ * @private
+ */
+const mapDispatchToProps = (dispatch, { windowId }) => ({
+  selectAnnotation: (...args) => dispatch(actions.selectAnnotation(windowId, ...args)),
+});
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('SearchHit'));
+
+export default enhance(SearchHit);

package/src/containers/SearchPanel.js

@@ -0,0 +1,23 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import * as actions from '../state/actions';
+import { withPlugins } from '../extend/withPlugins';
+import { SearchPanel } from '../components/SearchPanel';
+import { getManifestSearchService, getSearchQuery, getWindow } from '../state/selectors';
+
+/** */
+const mapStateToProps = (state, { id, windowId }) => ({
+  query: getSearchQuery(state, { companionWindowId: id, windowId }),
+  searchService: getManifestSearchService(state, { windowId }),
+  suggestedSearches: getWindow(state, { windowId }).suggestedSearches,
+});
+
+/** */
+const mapDispatchToProps = (dispatch, props) => ({
+  fetchSearch: (searchId, query) => dispatch(actions.fetchSearch(props.windowId, props.id, searchId, query)),
+  removeSearch: () => dispatch(actions.removeSearch(props.windowId, props.id)),
+});
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('SearchPanel'));
+
+export default enhance(SearchPanel);

package/src/containers/SearchPanelControls.js

@@ -0,0 +1,36 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { SearchPanelControls } from '../components/SearchPanelControls';
+import * as actions from '../state/actions';
+import {
+  getManifestAutocompleteService,
+  getManifestSearchService,
+  getSearchIsFetching,
+  getSearchQuery,
+} from '../state/selectors';
+
+/**
+ * mapStateToProps - used to hook up connect to state
+ * @memberof SearchPanelControls
+ * @private
+ */
+const mapStateToProps = (state, { companionWindowId, windowId }) => ({
+  autocompleteService: getManifestAutocompleteService(state, { windowId }),
+  query: getSearchQuery(state, { companionWindowId, windowId }),
+  searchIsFetching: getSearchIsFetching(state, { companionWindowId, windowId }),
+  searchService: getManifestSearchService(state, { windowId }),
+});
+
+/**
+ * mapDispatchToProps - to hook up connect
+ * @memberof SearchPanelControls
+ * @private
+ */
+const mapDispatchToProps = {
+  fetchSearch: actions.fetchSearch,
+};
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('SearchPanelControls'));
+
+export default enhance(SearchPanelControls);

package/src/containers/SearchPanelNavigation.js

@@ -0,0 +1,39 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { SearchPanelNavigation } from '../components/SearchPanelNavigation';
+import * as actions from '../state/actions';
+import {
+  getSelectedContentSearchAnnotationIds,
+  getSearchNumTotal,
+  getSortedSearchHitsForCompanionWindow,
+  getThemeDirection,
+} from '../state/selectors';
+
+/**
+ * mapStateToProps - used to hook up connect to state
+ * @memberof SearchPanelControls
+ * @private
+ */
+const mapStateToProps = (state, { companionWindowId, windowId }) => ({
+  direction: getThemeDirection(state),
+  numTotal: getSearchNumTotal(state, { companionWindowId, windowId }),
+  searchHits: getSortedSearchHitsForCompanionWindow(state, { companionWindowId, windowId }),
+  selectedContentSearchAnnotation: getSelectedContentSearchAnnotationIds(state, {
+    companionWindowId,
+    windowId,
+  }),
+});
+
+/**
+ * mapDispatchToProps - to hook up connect
+ * @memberof SearchPanelNavigation
+ * @private
+ */
+const mapDispatchToProps = (dispatch, { windowId }) => ({
+  selectAnnotation: (...args) => dispatch(actions.selectAnnotation(windowId, ...args)),
+});
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('SearchPanelNavigation'));
+
+export default enhance(SearchPanelNavigation);

package/src/containers/SearchResults.js

@@ -0,0 +1,38 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { SearchResults } from '../components/SearchResults';
+import * as actions from '../state/actions';
+import {
+  getNextSearchId,
+  getSearchQuery,
+  getSearchIsFetching,
+  getSearchNumTotal,
+  getSortedSearchHitsForCompanionWindow,
+  getSortedSearchAnnotationsForCompanionWindow,
+} from '../state/selectors';
+
+/**
+ * mapStateToProps - used to hook up connect to state
+ * @memberof SearchResult
+ * @private
+ */
+const mapStateToProps = (state, { companionWindowId, windowId }) => ({
+  isFetching: getSearchIsFetching(state, { companionWindowId, windowId }),
+  nextSearch: getNextSearchId(state, { companionWindowId, windowId }),
+  query: getSearchQuery(state, { companionWindowId, windowId }),
+  searchAnnotations: getSortedSearchAnnotationsForCompanionWindow(state, {
+    companionWindowId,
+    windowId,
+  }),
+  searchHits: getSortedSearchHitsForCompanionWindow(state, { companionWindowId, windowId }),
+  searchNumTotal: getSearchNumTotal(state, { companionWindowId, windowId }),
+});
+
+const mapDispatchToProps = {
+  fetchSearch: actions.fetchSearch,
+};
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('SearchResults'));
+
+export default enhance(SearchResults);

package/src/containers/SelectCollection.js

@@ -0,0 +1,24 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import * as actions from '../state/actions';
+import { withPlugins } from '../extend/withPlugins';
+import { getWindow } from '../state/selectors';
+import { SelectCollection } from '../components/SelectCollection';
+
+/** */
+const mapStateToProps = (state, { windowId }) => {
+  const { collectionPath, manifestId } = getWindow(state, { windowId }) || {};
+
+  return {
+    collectionPath,
+    manifestId,
+  };
+};
+
+const mapDispatchToProps = {
+  showCollectionDialog: actions.showCollectionDialog,
+};
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('SelectCollection'));
+
+export default enhance(SelectCollection);

package/src/containers/SidebarIndexItem.js

@@ -0,0 +1,8 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { SidebarIndexItem } from '../components/SidebarIndexItem';
+
+const enhance = compose(connect(null, null), withPlugins('SidebarIndexItem'));
+
+export default enhance(SidebarIndexItem);

package/src/containers/SidebarIndexList.js

@@ -0,0 +1,28 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import * as actions from '../state/actions';
+import { getCompanionWindow, getCanvases, getVisibleCanvasIds } from '../state/selectors';
+import { SidebarIndexList } from '../components/SidebarIndexList';
+
+/**
+ * mapStateToProps - to hook up connect
+ */
+const mapStateToProps = (state, { id, windowId }) => ({
+  canvases: getCanvases(state, { windowId }),
+  selectedCanvasIds: getVisibleCanvasIds(state, { windowId }),
+  variant: getCompanionWindow(state, { companionWindowId: id, windowId }).variant,
+});
+
+/**
+ * mapStateToProps - used to hook up connect to state
+ * @memberof SidebarIndexList
+ * @private
+ */
+const mapDispatchToProps = (dispatch, { id, windowId }) => ({
+  setCanvas: (...args) => dispatch(actions.setCanvas(...args)),
+});
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('SidebarIndexList'));
+
+export default enhance(SidebarIndexList);

package/src/containers/SidebarIndexTableOfContents.js

@@ -0,0 +1,31 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { SidebarIndexTableOfContents } from '../components/SidebarIndexTableOfContents';
+import { getSequenceTreeStructure, getVisibleNodeIds, getExpandedNodeIds, getNodeIdToScrollTo } from '../state/selectors';
+import * as actions from '../state/actions';
+
+/**
+ * mapStateToProps - to hook up connect
+ */
+const mapStateToProps = (state, { id, windowId }) => ({
+  expandedNodeIds: getExpandedNodeIds(state, { companionWindowId: id, windowId }),
+  nodeIdToScrollTo: getNodeIdToScrollTo(state, { companionWindowId: id, windowId }),
+  treeStructure: getSequenceTreeStructure(state, { windowId }),
+  visibleNodeIds: getVisibleNodeIds(state, { companionWindowId: id, windowId }),
+});
+
+/**
+ * mapStateToProps - used to hook up connect to state
+ * @memberof SidebarIndexTableOfContents
+ * @private
+ */
+const mapDispatchToProps = (dispatch, { id, windowId }) => ({
+  expandNodes: (nodeIds) => dispatch(actions.expandNodes(windowId, id, nodeIds)),
+  setCanvas: (...args) => dispatch(actions.setCanvas(...args)),
+  toggleNode: (nodeId) => dispatch(actions.toggleNode(windowId, id, nodeId)),
+});
+
+const enhance = compose(connect(mapStateToProps, mapDispatchToProps), withPlugins('SidebarIndexTableOfContents'));
+
+export default enhance(SidebarIndexTableOfContents);

package/src/containers/SidebarIndexThumbnail.js

@@ -0,0 +1,18 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { SidebarIndexThumbnail } from '../components/SidebarIndexThumbnail';
+import { getConfig } from '../state/selectors';
+
+/**
+ * mapStateToProps - used to hook up state to props
+ * @memberof SidebarIndexThumbnail
+ * @private
+ */
+const mapStateToProps = (state, { data }) => ({
+  ...(getConfig(state).canvasNavigation || {}),
+});
+
+const enhance = compose(connect(mapStateToProps, null), withPlugins('SidebarIndexThumbnail'));
+
+export default enhance(SidebarIndexThumbnail);

package/src/containers/TextViewer.js

@@ -0,0 +1,19 @@
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { withPlugins } from '../extend/withPlugins';
+import { getConfig, getVisibleCanvasTextResources } from '../state/selectors';
+import { TextViewer } from '../components/TextViewer';
+
+/** */
+const mapStateToProps = (state, { windowId }) => ({
+  textOptions: getConfig(state).textOptions,
+  textResources: getVisibleCanvasTextResources(state, { windowId }) || [],
+});
+
+const enhance = compose(
+  connect(mapStateToProps, null),
+  withPlugins('TextViewer'),
+  // further HOC go here
+);
+
+export default enhance(TextViewer);