UID refactor 2/n Split types into client and desktop types

Summary: This file was getting overwelhming, and this seemed like a reasonable way to split it

Reviewed By: elboman

Differential Revision: D47547532

fbshipit-source-id: ab2bfa22daabbed13ec1445da0cf8ba88bda12d7

desktop/plugins/public/ui-debugger/components/Controls.tsx

@@ -26,7 +26,7 @@ import {
   SearchOutlined,
 } from '@ant-design/icons';
 import {usePlugin, useValue, Layout} from 'flipper-plugin';
-import {FrameworkEventType} from '../types';
+import {FrameworkEventType} from '../ClientTypes';
 import {tracker} from '../utils/tracker';
 import {debounce} from 'lodash';
 

desktop/plugins/public/ui-debugger/components/FrameworkEventsTable.tsx

@@ -16,7 +16,7 @@ import {
   usePlugin,
 } from 'flipper-plugin';
 import React, {useEffect, useRef} from 'react';
-import {FrameworkEvent, Id} from '../types';
+import {FrameworkEvent, Id} from '../ClientTypes';
 import {plugin} from '../index';
 import {Button, Tooltip} from 'antd';
 

desktop/plugins/public/ui-debugger/components/PerfStats.tsx

@@ -10,11 +10,11 @@
 import {
   PerformanceStatsEvent,
   DynamicPerformanceStatsEvent,
-  UIState,
   Id,
   UINode,
   FrameworkEvent,
-} from '../types';
+} from '../ClientTypes';
+import {UIState} from '../DesktopTypes';
 import React, {useMemo} from 'react';
 import {
   DataInspector,

desktop/plugins/public/ui-debugger/components/Tree.tsx

@@ -7,14 +7,8 @@
  * @format
  */
 
-import {
-  FrameworkEvent,
-  FrameworkEventType,
-  Id,
-  OnSelectNode,
-  UINode,
-  ViewMode,
-} from '../types';
+import {FrameworkEvent, FrameworkEventType, Id, UINode} from '../ClientTypes';
+import {OnSelectNode, ViewMode} from '../DesktopTypes';
 import React, {
   ReactNode,
   Ref,

desktop/plugins/public/ui-debugger/components/Visualization2D.tsx

@@ -8,14 +8,8 @@
  */
 
 import React, {useEffect, useMemo, useRef} from 'react';
-import {
-  Bounds,
-  Coordinate,
-  Id,
-  NestedNode,
-  OnSelectNode,
-  UINode,
-} from '../types';
+import {Bounds, Coordinate, Id, UINode} from '../ClientTypes';
+import {NestedNode, OnSelectNode} from '../DesktopTypes';
 
 import {produce, styled, theme, usePlugin, useValue} from 'flipper-plugin';
 import {plugin} from '../index';

desktop/plugins/public/ui-debugger/components/fb-stubs/IDEContextMenu.tsx

@@ -9,7 +9,7 @@
 
 import React from 'react';
 
-import {UINode} from '../../types';
+import {UINode} from '../../ClientTypes';
 
 export async function prefetchSourceFileLocation(_: UINode) {}
 

desktop/plugins/public/ui-debugger/components/main.tsx

@@ -18,7 +18,7 @@ import {
   theme,
 } from 'flipper-plugin';
 import {useHotkeys} from 'react-hotkeys-hook';
-import {Id, Metadata, MetadataId, UINode} from '../types';
+import {Id, Metadata, MetadataId, UINode} from '../ClientTypes';
 import {PerfStats} from './PerfStats';
 import {Visualization2D} from './Visualization2D';
 import {Inspector} from './sidebar/Inspector';

desktop/plugins/public/ui-debugger/components/sidebar/Inspector.tsx

@@ -19,7 +19,7 @@ import {
   usePlugin,
   useValue,
 } from 'flipper-plugin';
-import {Id, Metadata, MetadataId, UINode} from '../../types';
+import {Id, Metadata, MetadataId, UINode} from '../../ClientTypes';
 import {IdentityInspector} from './inspector/IdentityInspector';
 import {AttributesInspector} from './inspector/AttributesInspector';
 import {Tooltip} from 'antd';

desktop/plugins/public/ui-debugger/components/sidebar/inspector/AttributesInspector.tsx

@@ -14,7 +14,7 @@ import {
   Metadata,
   MetadataId,
   UINode,
-} from '../../../types';
+} from '../../../ClientTypes';
 import {DataInspector, Panel, styled} from 'flipper-plugin';
 import {Col, Row} from 'antd';
 import {displayableName} from '../utilities/displayableName';

desktop/plugins/public/ui-debugger/components/sidebar/inspector/BoundsInspector.tsx

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import {Bounds} from '../../../types';
+import {Bounds} from '../../../ClientTypes';
 import {InspectorStyle} from './Styles';
 
 type Props = {

desktop/plugins/public/ui-debugger/components/sidebar/inspector/ColorInspector.tsx

@@ -9,7 +9,7 @@
 
 import React from 'react';
 import {Col, Popover, Row} from 'antd';
-import {Color} from '../../../types';
+import {Color} from '../../../ClientTypes';
 import {SketchPicker, ColorResult} from 'react-color';
 import {styled} from 'flipper-plugin';
 import {

desktop/plugins/public/ui-debugger/components/sidebar/inspector/Coordinate3DInspector.tsx

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import {Coordinate3D} from '../../../types';
+import {Coordinate3D} from '../../../ClientTypes';
 import {Col, Row} from 'antd';
 import {
   CenteredContentStyle,

desktop/plugins/public/ui-debugger/components/sidebar/inspector/CoordinateInspector.tsx

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import {Coordinate} from '../../../types';
+import {Coordinate} from '../../../ClientTypes';
 import {Col, Row} from 'antd';
 import {
   CenteredContentStyle,

desktop/plugins/public/ui-debugger/components/sidebar/inspector/DocumentationInspector.tsx

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import {UINode} from '../../../types';
+import {UINode} from '../../../ClientTypes';
 
 type Props = {
   node: UINode;

desktop/plugins/public/ui-debugger/components/sidebar/inspector/FrameworkEventsInspector.tsx

@@ -9,7 +9,7 @@
 
 import {Button} from 'antd';
 import {theme, TimelineDataDescription} from 'flipper-plugin';
-import {FrameworkEvent, UINode} from '../../../types';
+import {FrameworkEvent, UINode} from '../../../ClientTypes';
 import React, {ReactNode, useState} from 'react';
 import {StackTraceInspector} from './StackTraceInspector';
 

desktop/plugins/public/ui-debugger/components/sidebar/inspector/IdentityInspector.tsx

@@ -9,7 +9,7 @@
 
 import React from 'react';
 import {Col, Row} from 'antd';
-import {UINode} from '../../../types';
+import {UINode} from '../../../ClientTypes';
 import {styled, theme} from 'flipper-plugin';
 import {CodeInspector} from './fb-stubs/CodeInspector';
 import {TopSpacedContainerStyle} from './Styles';

desktop/plugins/public/ui-debugger/components/sidebar/inspector/SizeInspector.tsx

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import {Size} from '../../../types';
+import {Size} from '../../../ClientTypes';
 import {Col, Row} from 'antd';
 import {
   CenteredContentStyle,

desktop/plugins/public/ui-debugger/components/sidebar/inspector/SpaceBoxInspector.tsx

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import {SpaceBox} from '../../../types';
+import {SpaceBox} from '../../../ClientTypes';
 import {InspectorStyle} from './Styles';
 
 type Props = {

desktop/plugins/public/ui-debugger/components/sidebar/inspector/StackTraceInspector.tsx

@@ -10,7 +10,7 @@
 import React from 'react';
 // eslint-disable-next-line rulesdir/no-restricted-imports-clone
 import {StackTrace} from 'flipper';
-import {Tag} from '../../../types';
+import {Tag} from '../../../ClientTypes';
 
 const FacebookLibraries = ['Facebook'];
 const CKFilter = ['UIDCKAnalyticsListener'];

desktop/plugins/public/ui-debugger/components/sidebar/inspector/fb-stubs/CodeInspector.tsx

@@ -8,7 +8,7 @@
  */
 
 import React from 'react';
-import {Tag} from '../../../../types';
+import {Tag} from '../../../../ClientTypes';
 
 type CodeInspectorProps = {
   name: string;