Add FullFileBrowser component

Author: TimboKZ

packages/chonky/src/components/external/FullFileBrowser.tsx

@@ -0,0 +1,28 @@
+/**
+ * @author Timur Kuzhagaliyev <[email protected]>
+ * @copyright 2020
+ * @license MIT
+ */
+
+import React from 'react';
+
+import { FileBrowserHandle, FileBrowserProps } from '../../types/file-browser.types';
+import { FileList } from '../file-list/FileList';
+import { FileBrowser } from './FileBrowser';
+import { FileContextMenu } from './FileContextMenu';
+import { FileNavbar } from './FileNavbar';
+import { FileToolbar } from './FileToolbar';
+
+export const FullFileBrowser = React.memo(
+    React.forwardRef<FileBrowserHandle, FileBrowserProps>((props, ref) => {
+        return (
+            <FileBrowser ref={ref} {...props}>
+                <FileNavbar />
+                <FileToolbar />
+                <FileList />
+                <FileContextMenu />
+            </FileBrowser>
+        );
+    })
+);
+FullFileBrowser.displayName = 'FullFileBrowser';

packages/chonky/src/index.ts

@@ -4,6 +4,7 @@ import {
 } from './types/action-handler.types';
 import { ChonkyActionUnion } from './types/file-browser.types';
 
+export { FullFileBrowser } from './components/external/FullFileBrowser';
 export { FileBrowser } from './components/external/FileBrowser';
 export { FileNavbar } from './components/external/FileNavbar';
 export { FileToolbar } from './components/external/FileToolbar';