feature: separate action bar renderer

src/actions/default-action-bar.js

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types'
+import React from 'react'
+
+export class DefaultActionBar extends React.Component {
+  static propTypes = {
+    filter: PropTypes.element,
+    actions: PropTypes.element,
+  }
+
+  render() {
+    const { filter, actions } = this.props
+
+    return (
+      <div className="action-bar">
+        {filter}
+        {actions}
+      </div>
+    )
+  }
+}

src/actions/index.js

@@ -1,5 +1,7 @@
 import DefaultAction from './default'
+import { DefaultActionBar } from './default-action-bar'
 
 export {
   DefaultAction,
+  DefaultActionBar,
 }

src/browser.js

@@ -19,7 +19,7 @@ import { GroupByFolder } from './groupers'
 import { SortByName } from './sorters'
 
 import { isFolder } from './utils'
-import { DefaultAction } from './actions'
+import { DefaultAction, DefaultActionBar } from './actions'
 
 const SEARCH_RESULTS_PER_PAGE = 20
 const regexForNewFolderOrFileSelection = /.*\/__new__[/]?$/gm
@@ -83,6 +83,7 @@ class RawFileBrowser extends React.Component {
     detailRenderer: PropTypes.func,
     detailRendererProps: PropTypes.object,
     actionRenderer: PropTypes.func,
+    actionBarRenderer: PropTypes.func,
     confirmDeletionRenderer: PropTypes.func,
     confirmMultipleDeletionRenderer: PropTypes.func,
 
@@ -133,6 +134,7 @@ class RawFileBrowser extends React.Component {
     detailRenderer: DefaultDetail,
     detailRendererProps: {},
     actionRenderer: DefaultAction,
+    actionBarRenderer: DefaultActionBar,
     confirmDeletionRenderer: DefaultConfirmDeletion,
     confirmMultipleDeletionRenderer: MultipleConfirmDeletion,
 
@@ -536,6 +538,7 @@ class RawFileBrowser extends React.Component {
     const {
       icons, canFilter,
       filterRendererProps, filterRenderer: FilterRenderer,
+      actionBarRenderer: ActionBarRenderer,
       actionRenderer: ActionRenderer,
       onCreateFolder, onRenameFile, onRenameFolder,
       onDeleteFile, onDeleteFolder, onDownloadFile,
@@ -587,12 +590,7 @@ class RawFileBrowser extends React.Component {
       />
     )
 
-    return (
-      <div className="action-bar">
-        {filter}
-        {actions}
-      </div>
-    )
+    return <ActionBarRenderer filter={filter} actions={actions} />
   }
 
   renderFiles(files, depth) {