From 9294bf0b828e87c8be1b964ccc4cde1bb7362d5e Mon Sep 17 00:00:00 2001
From: Pritesh Nandgaonkar <prit91@fb.com>
Date: Tue, 20 Aug 2019 06:18:58 -0700
Subject: [PATCH] Move ManagedDataInspector from js to tsx

Summary: As per the title

Reviewed By: danielbuechele

Differential Revision: D16764792

fbshipit-source-id: 6dd9953c3434c6e56b6ee50e3708f3be350c907f
---
 src/index.js                                  |  2 +-
 ...aInspector.js => ManagedDataInspector.tsx} | 34 +++++++++----------
 .../components/elements-inspector/sidebar.js  |  2 +-
 src/ui/index.js                               |  2 +-
 4 files changed, 19 insertions(+), 21 deletions(-)
 rename src/ui/components/data-inspector/{ManagedDataInspector.js => ManagedDataInspector.tsx} (78%)

diff --git a/src/index.js b/src/index.js
index db621bd1c..464e039fb 100644
--- a/src/index.js
+++ b/src/index.js
@@ -93,7 +93,7 @@ export {
 } from './ui/components/data-inspector/DataInspector.tsx';
 export {
   default as ManagedDataInspector,
-} from './ui/components/data-inspector/ManagedDataInspector.js';
+} from './ui/components/data-inspector/ManagedDataInspector.tsx';
 export {
   default as DataDescription,
 } from './ui/components/data-inspector/DataDescription.js';
diff --git a/src/ui/components/data-inspector/ManagedDataInspector.js b/src/ui/components/data-inspector/ManagedDataInspector.tsx
similarity index 78%
rename from src/ui/components/data-inspector/ManagedDataInspector.js
rename to src/ui/components/data-inspector/ManagedDataInspector.tsx
index 247067feb..00203d07c 100644
--- a/src/ui/components/data-inspector/ManagedDataInspector.js
+++ b/src/ui/components/data-inspector/ManagedDataInspector.tsx
@@ -5,49 +5,47 @@
  * @format
  */
 
-import type {
-  DataValueExtractor,
-  DataInspectorExpanded,
-} from './DataInspector.tsx';
+import {DataValueExtractor, DataInspectorExpanded} from './DataInspector';
 import {PureComponent} from 'react';
-import DataInspector from './DataInspector.tsx';
+import DataInspector from './DataInspector';
+import React from 'react';
 
-type ManagedDataInspectorProps = {|
+type ManagedDataInspectorProps = {
   /**
    * Object to inspect.
    */
-  data: any,
+  data: any;
   /**
    * Object to compare with the provided `data` property.
    * Differences will be styled accordingly in the UI.
    */
-  diff?: any,
+  diff?: any;
   /**
    * Whether to expand the root by default.
    */
-  expandRoot?: boolean,
+  expandRoot?: boolean;
   /**
    * An optional callback that will explode a value into its type and value.
    * Useful for inspecting serialised data.
    */
-  extractValue?: DataValueExtractor,
+  extractValue?: DataValueExtractor;
   /**
    * Callback when a value is edited.
    */
-  setValue?: (path: Array<string>, val: any) => void,
+  setValue?: (path: Array<string>, val: any) => void;
   /**
    * Whether all objects and arrays should be collapsed by default.
    */
-  collapsed?: boolean,
+  collapsed?: boolean;
   /**
    * Object of all properties that will have tooltips
    */
-  tooltips?: Object,
-|};
+  tooltips?: Object;
+};
 
-type ManagedDataInspectorState = {|
-  expanded: DataInspectorExpanded,
-|};
+type ManagedDataInspectorState = {
+  expanded: DataInspectorExpanded;
+};
 
 /**
  * Wrapper around `DataInspector` that handles expanded state.
@@ -57,7 +55,7 @@ type ManagedDataInspectorState = {|
  */
 export default class ManagedDataInspector extends PureComponent<
   ManagedDataInspectorProps,
-  ManagedDataInspectorState,
+  ManagedDataInspectorState
 > {
   constructor(props: ManagedDataInspectorProps, context: Object) {
     super(props, context);
diff --git a/src/ui/components/elements-inspector/sidebar.js b/src/ui/components/elements-inspector/sidebar.js
index 9a54220d2..3be4daa32 100644
--- a/src/ui/components/elements-inspector/sidebar.js
+++ b/src/ui/components/elements-inspector/sidebar.js
@@ -10,7 +10,7 @@ import type {PluginClient} from '../../../plugin.tsx';
 import type Client from '../../../Client.tsx';
 import type {Logger} from '../../../fb-interfaces/Logger.js';
 import Panel from '../Panel.tsx';
-import ManagedDataInspector from '../data-inspector/ManagedDataInspector.js';
+import ManagedDataInspector from '../data-inspector/ManagedDataInspector.tsx';
 import {Component} from 'react';
 import {Console} from '../console.tsx';
 import GK from '../../../fb-stubs/GK.tsx';
diff --git a/src/ui/index.js b/src/ui/index.js
index 4e06ad4be..6016288e0 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -61,7 +61,7 @@ export {
 } from './components/data-inspector/DataInspector.tsx';
 export {
   default as ManagedDataInspector,
-} from './components/data-inspector/ManagedDataInspector.js';
+} from './components/data-inspector/ManagedDataInspector.tsx';
 export {
   default as DataDescription,
 } from './components/data-inspector/DataDescription.js';