Folder rename datatable -> data-table

Summary: just a rename, as we will have `data-inspector` folder as well in next diffs.

Reviewed By: passy

Differential Revision: D27591891

fbshipit-source-id: b1fe92cbf4be1633e623e59b694efc3f687c3413

desktop/flipper-plugin/src/index.ts

@@ -82,8 +82,8 @@ export {Idler} from './utils/Idler';
 
 export {createDataSource, DataSource} from './state/DataSource';
 
-export {DataTable, DataTableColumn} from './ui/datatable/DataTable';
+export {DataTable, DataTableColumn} from './ui/data-table/DataTable';
-export {DataTableManager} from './ui/datatable/DataTableManager';
+export {DataTableManager} from './ui/data-table/DataTableManager';
 
 export {
   Interactive as _Interactive,

desktop/flipper-plugin/src/ui/DataFormatter.tsx

@@ -18,7 +18,7 @@ import React, {createElement, Fragment, isValidElement, useState} from 'react';
 import {tryGetFlipperLibImplementation} from '../plugin/FlipperLib';
 import {safeStringify} from '../utils/safeStringify';
 import {urlRegex} from '../utils/urlRegex';
-import {useTableRedraw} from './datatable/DataSourceRenderer';
+import {useTableRedraw} from './data-table/DataSourceRenderer';
 import {theme} from './theme';
 
 /**

desktop/flipper-plugin/src/ui/data-table/__tests__/DataTable.node.tsx

@@ -55,15 +55,15 @@ test('update and append', async () => {
     expect(elem.length).toBe(1);
     expect(elem[0].parentElement).toMatchInlineSnapshot(`
       <div
-        class="css-1b7miqb-TableBodyRowContainer efe0za01"
+        class="css-w3o588-TableBodyRowContainer e1luu51r1"
       >
         <div
-          class="css-1xxqqu6-TableBodyColumnContainer efe0za00"
+          class="css-1xxqqu6-TableBodyColumnContainer e1luu51r0"
         >
           test DataTable
         </div>
         <div
-          class="css-1xxqqu6-TableBodyColumnContainer efe0za00"
+          class="css-1xxqqu6-TableBodyColumnContainer e1luu51r0"
         >
           true
         </div>
@@ -112,15 +112,15 @@ test('column visibility', async () => {
     expect(elem.length).toBe(1);
     expect(elem[0].parentElement).toMatchInlineSnapshot(`
       <div
-        class="css-1b7miqb-TableBodyRowContainer efe0za01"
+        class="css-w3o588-TableBodyRowContainer e1luu51r1"
       >
         <div
-          class="css-1xxqqu6-TableBodyColumnContainer efe0za00"
+          class="css-1xxqqu6-TableBodyColumnContainer e1luu51r0"
         >
           test DataTable
         </div>
         <div
-          class="css-1xxqqu6-TableBodyColumnContainer efe0za00"
+          class="css-1xxqqu6-TableBodyColumnContainer e1luu51r0"
         >
           true
         </div>
@@ -137,10 +137,10 @@ test('column visibility', async () => {
     expect(elem.length).toBe(1);
     expect(elem[0].parentElement).toMatchInlineSnapshot(`
       <div
-        class="css-1b7miqb-TableBodyRowContainer efe0za01"
+        class="css-w3o588-TableBodyRowContainer e1luu51r1"
       >
         <div
-          class="css-1xxqqu6-TableBodyColumnContainer efe0za00"
+          class="css-1xxqqu6-TableBodyColumnContainer e1luu51r0"
         >
           test DataTable
         </div>