Convert Section Plugin to Use Sandy

Summary:
Convert section plugin to Sandy API.

TODO
- Fix layout issues
  - scrollbar occurs in small component (bottom layout)
  - scrollbar in wrong place (top layout)
  - text shrunk in bottom part of tree component
- (?) move away from d3
- better typing for payload
- move components to functional one
- unit test

Reviewed By: mweststrate

Differential Revision: D22385993

fbshipit-source-id: 862d4b775caf2d9a7bcb37446299251965a5d6db

desktop/plugins/sections/src/Models.tsx

@@ -0,0 +1,97 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+export type SectionComponentHierarchy = {
+  type: string;
+  children: Array<SectionComponentHierarchy>;
+};
+
+export type AddEventPayload = {
+  id: string;
+  reason: string;
+  stack_trace: Array<string>;
+  skip_stack_trace_format?: boolean;
+  surface_key: string;
+  event_timestamp: number;
+  update_mode: number;
+  reentrant_count: number;
+  payload: any;
+};
+
+export type UpdateTreeGenerationHierarchyGenerationPayload = {
+  hierarchy_generation_timestamp: number;
+  id: string;
+  reason: string;
+  tree?: Array<{
+    didTriggerStateUpdate?: boolean;
+    identifier: string;
+    isDirty?: boolean;
+    isReused?: boolean;
+    name: string;
+    parent: string | '';
+    inserted?: boolean;
+    removed?: boolean;
+    updated?: boolean;
+    unchanged?: boolean;
+    isSection?: boolean;
+    isDataModel?: boolean;
+  }>;
+};
+
+export type UpdateTreeGenerationChangesetGenerationPayload = {
+  timestamp: number;
+  tree_generation_id: string;
+  identifier: string;
+  type: string;
+  changeset: {
+    section_key: {
+      changesets: {
+        id: {
+          count: number;
+          index: number;
+          toIndex?: number;
+          type: string;
+          render_infos?: Array<String>;
+          prev_data?: Array<String>;
+          next_data?: Array<String>;
+        };
+      };
+    };
+  };
+};
+
+export type UpdateTreeGenerationChangesetApplicationPayload = {
+  changeset: {
+    section_key: {
+      changesets: {
+        id: {
+          count: number;
+          index: number;
+          toIndex?: number;
+          type: string;
+          render_infos?: Array<String>;
+          prev_data?: Array<String>;
+          next_data?: Array<String>;
+        };
+      };
+    };
+  };
+  type: string;
+  identifier: string;
+  timestamp: number;
+  section_component_hierarchy?: SectionComponentHierarchy;
+  tree_generation_id: string;
+  payload?: any;
+};
+
+export type TreeGeneration = {
+  changeSets: Array<UpdateTreeGenerationChangesetApplicationPayload>;
+} & AddEventPayload &
+  Partial<UpdateTreeGenerationHierarchyGenerationPayload> &
+  Partial<UpdateTreeGenerationChangesetGenerationPayload>;