Add option to reset Threesizer

ui/src/shared/components/threesizer/Division.tsx

@@ -36,6 +36,7 @@ interface Props {
   onDoubleClick: (id: string) => void
   onMaximize: (id: string) => void
   onMinimize: (id: string) => void
+  onEqualize: () => void
   headerButtons: JSX.Element[]
 }
 
@@ -98,7 +99,13 @@ class Division extends PureComponent<Props> {
   }
 
   private get renderHeader(): JSX.Element {
-    const {name, headerButtons, menuOptions, orientation} = this.props
+    const {
+      name,
+      headerButtons,
+      menuOptions,
+      orientation,
+      onEqualize,
+    } = this.props
 
     if (!name) {
       return null
@@ -109,6 +116,7 @@ class Division extends PureComponent<Props> {
         <DivisionHeader
           buttons={headerButtons}
           menuOptions={menuOptions}
+          onEqualize={onEqualize}
           onMinimize={this.handleMinimize}
           onMaximize={this.handleMaximize}
         />
@@ -164,6 +172,7 @@ class Division extends PureComponent<Props> {
       orientation,
       headerButtons,
       menuOptions,
+      onEqualize,
     } = this.props
 
     if (!name) {
@@ -178,6 +187,7 @@ class Division extends PureComponent<Props> {
         <DivisionHeader
           buttons={headerButtons}
           menuOptions={menuOptions}
+          onEqualize={onEqualize}
           onMinimize={this.handleMinimize}
           onMaximize={this.handleMaximize}
           name={name}

ui/src/shared/components/threesizer/DivisionHeader.tsx

@@ -4,6 +4,7 @@ import DivisionMenu, {
 } from 'src/shared/components/threesizer/DivisionMenu'
 
 interface Props {
+  onEqualize: () => void
   onMinimize: () => void
   onMaximize: () => void
   buttons: JSX.Element[]
@@ -35,7 +36,7 @@ class DivisionHeader extends PureComponent<Props> {
   }
 
   private get menuItems(): MenuItem[] {
-    const {onMaximize, onMinimize, menuOptions} = this.props
+    const {onEqualize, onMaximize, onMinimize, menuOptions} = this.props
     return [
       ...menuOptions,
       {
@@ -46,6 +47,10 @@ class DivisionHeader extends PureComponent<Props> {
         action: onMinimize,
         text: 'Minimize',
       },
+      {
+        action: onEqualize,
+        text: 'Reset',
+      },
     ]
   }
 }

ui/src/shared/components/threesizer/Threesizer.tsx

@@ -175,6 +175,7 @@ class Threesizer extends PureComponent<Props, State> {
               activeHandleID={activeHandleID}
               onMaximize={this.handleMaximize}
               onMinimize={this.handleMinimize}
+              onEqualize={this.equalize}
               headerOrientation={headerOrientation}
               onDoubleClick={this.handleDoubleClick}
               render={this.props.divisions[i].render}