Fixed circular dependency warnings

Summary:
Nobody moves the hackathon!

Fixed some circular deps warnings while waiting for another Diff to land

Reviewed By: priteshrnandgaonkar

Differential Revision: D18749645

fbshipit-source-id: 225fbea428dca02f0f4c920ee47b4ece3c3e370b

src/ui/components/data-inspector/DataPreview.tsx

@@ -7,12 +7,29 @@
  * @format
  */
 
-import {DataValueExtractor, InspectorName} from './DataInspector';
 import DataDescription from './DataDescription';
 import styled from 'react-emotion';
 import {getSortedKeys} from './utils';
 import {PureComponent} from 'react';
 import React from 'react';
+import {colors} from '../colors';
+
+export type DataValueExtractor = (
+  value: any,
+  depth: number,
+) =>
+  | {
+      mutable: boolean;
+      type: string;
+      value: any;
+    }
+  | undefined
+  | null;
+
+export const InspectorName = styled('span')({
+  color: colors.grapeDark1,
+});
+InspectorName.displayName = 'DataInspector:InspectorName';
 
 const PreviewContainer = styled('span')({
   fontStyle: 'italic',