refactor(content-picker): add Flow type definitions

Author: devin-ai-integration[bot]

src/elements/content-picker/Content.js.flow

@@ -0,0 +1,90 @@
+/**
+ * @flow
+ * @file File picker header and list component
+ * @author Box
+ */
+
+import * as React from 'react';
+import EmptyView from '../common/empty-view';
+import ProgressBar from '../common/progress-bar';
+import ItemList from './ItemList';
+import { VIEW_ERROR, VIEW_SELECTED } from '../../constants';
+import type { View, Collection } from '../../common/types/core';
+
+import './Content.scss';
+
+type Props = {
+    canSetShareAccess: boolean,
+    currentCollection: Collection,
+    extensionsWhitelist: string[],
+    focusedRow: number,
+    hasHitSelectionLimit: boolean,
+    isSingleSelect: boolean,
+    isSmall: boolean,
+    onFocusChange: Function,
+    onItemClick: Function,
+    onItemSelect: Function,
+    onShareAccessChange: Function,
+    rootElement?: HTMLElement,
+    rootId: string,
+    selectableType: string,
+    tableRef: Function,
+    view: View,
+};
+
+/**
+ * Determines if we should show the empty state
+ *
+ * @param {string} view the current view
+ * @param {Object} currentCollection the current collection
+ * @return {boolean} empty or not
+ */
+function isEmpty(view: View, currentCollection: Collection): boolean {
+    const { items = [] } = currentCollection;
+    return view === VIEW_ERROR || items.length === 0;
+}
+
+const Content = ({
+    view,
+    rootId,
+    rootElement,
+    currentCollection,
+    tableRef,
+    isSmall,
+    isSingleSelect,
+    hasHitSelectionLimit,
+    canSetShareAccess,
+    onItemSelect,
+    onItemClick,
+    onShareAccessChange,
+    onFocusChange,
+    extensionsWhitelist,
+}: Props) => (
+    <div className="bcp-content">
+        {view === VIEW_ERROR || view === VIEW_SELECTED ? null : (
+            <ProgressBar percent={currentCollection.percentLoaded} />
+        )}
+        {isEmpty(view, currentCollection) ? (
+            <EmptyView />
+        ) : (
+            <ItemList
+                view={view}
+                rootId={rootId}
+                rootElement={rootElement}
+                currentCollection={currentCollection}
+                tableRef={tableRef}
+                isSmall={isSmall}
+                isSingleSelect={isSingleSelect}
+                hasHitSelectionLimit={hasHitSelectionLimit}
+                canSetShareAccess={canSetShareAccess}
+                onItemSelect={onItemSelect}
+                onItemClick={onItemClick}
+                onShareAccessChange={onShareAccessChange}
+                onFocusChange={onFocusChange}
+                extensionsWhitelist={extensionsWhitelist}
+            />
+        )}
+    </div>
+);
+
+export default Content;