Add defaultSidebarPanelWidth to settings

src/components/CompanionWindow.js

@@ -51,7 +51,7 @@ export class CompanionWindow extends Component {
   render() {
     const {
       ariaLabel, classes, paperClassName, id, onCloseClick, updateCompanionWindow, isDisplayed,
-      position, t, windowId, title, children, titleControls, size,
+      position, t, windowId, title, children, titleControls, size, defaultSidebarPanelWidth,
     } = this.props;
 
     const isBottom = (position === 'bottom' || position === 'far-bottom');
@@ -72,7 +72,7 @@ export class CompanionWindow extends Component {
           style={{ display: 'flex', position: 'relative' }}
           default={{
             height: isBottom ? 201 : '100%',
-            width: isBottom ? 'auto' : 235,
+            width: isBottom ? 'auto' : defaultSidebarPanelWidth,
           }}
           disableDragging
           enableResizing={this.resizeHandles()}
@@ -155,6 +155,7 @@ CompanionWindow.propTypes = {
   ariaLabel: PropTypes.string,
   children: PropTypes.node,
   classes: PropTypes.objectOf(PropTypes.string).isRequired,
+  defaultSidebarPanelWidth: PropTypes.number,
   id: PropTypes.string.isRequired,
   isDisplayed: PropTypes.bool,
   onCloseClick: PropTypes.func,
@@ -174,6 +175,7 @@ CompanionWindow.propTypes = {
 CompanionWindow.defaultProps = {
   ariaLabel: undefined,
   children: undefined,
+  defaultSidebarPanelWidth: 235,
   isDisplayed: false,
   onCloseClick: () => {},
   paperClassName: '',

src/config/settings.js

@@ -223,6 +223,7 @@ export default {
     allowWindowSideBar: true, // Configure if side bar menu is visible or not
     authNewWindowCenter: 'parent', // Configure how to center a new window created by the authentication flow. Options: parent, screen
     defaultSideBarPanel: 'info', // Configure which sidebar is selected by default. Options: info, attribution, canvas, annotations, search
+    defaultSidebarPanelWidth: 235, // Configure default sidebar width in pixels
     defaultView: 'single',  // Configure which viewing mode (e.g. single, book, gallery) for windows to be opened in
     hideWindowTitle: false, // Configure if the window title is shown in the window title bar or not
     showLocalePicker: false, // Configure locale picker for multi-lingual metadata

src/containers/CompanionWindow.js

@@ -15,9 +15,11 @@ import { CompanionWindow } from '../components/CompanionWindow';
  */
 const mapStateToProps = (state, { id, windowId }) => {
   const companionWindow = getCompanionWindow(state, { companionWindowId: id });
+  const { defaultSidebarPanelWidth } = state.config.window;
 
   return {
     ...companionWindow,
+    defaultSidebarPanelWidth,
     isDisplayed: (companionWindow
                   && companionWindow.content
                   && companionWindow.content.length > 0),