Merged PR 163: Remove the static form + rename some components for clarity

The static form is hard to maintain so I am removing it + rename some components for clarity + moved some utils files

src/Components/App/Actions/MenuActions.ts

@@ -0,0 +1,70 @@
+import { Dispatch, SetStateAction } from 'react';
+import { IConfiguration } from '../../../Interfaces/IConfiguration';
+import { ContainerModel } from '../../../Interfaces/IContainerModel';
+import { fetchConfiguration } from '../../API/api';
+import { IEditorState } from '../../../Interfaces/IEditorState';
+import { LoadState } from './Load';
+import { DEFAULT_MAINCONTAINER_PROPS } from '../../../utils/default';
+
+export function NewEditor(
+  setEditorState: Dispatch<SetStateAction<IEditorState>>,
+  setLoaded: Dispatch<SetStateAction<boolean>>
+): void {
+  // Fetch the configuration from the API
+  fetchConfiguration()
+    .then((configuration: IConfiguration) => {
+      // Set the main container from the given properties of the API
+      const MainContainer = new ContainerModel(
+        null,
+        {
+          ...DEFAULT_MAINCONTAINER_PROPS,
+          width: Number(configuration.MainContainer.Width),
+          height: Number(configuration.MainContainer.Height)
+        }
+      );
+
+      // Save the configuration and the new MainContainer
+      // and default the selected container to it
+      // TODO: Put this in default.ts
+      const editorState: IEditorState = {
+        configuration,
+        history:
+          [
+            {
+              LastAction: '',
+              MainContainer,
+              SelectedContainerId: MainContainer.properties.id,
+              TypeCounters: {},
+              Symbols: new Map(),
+              SelectedSymbolId: ''
+            }
+          ],
+        historyCurrentStep: 0
+      };
+      setEditorState(editorState);
+      setLoaded(true);
+    }, (error) => {
+      // TODO: Implement an alert component
+      console.warn('[NewEditor] Could not fetch resource from API. Using default.', error);
+      setLoaded(true);
+    });
+}
+
+export function LoadEditor(
+  files: FileList | null,
+  setEditorState: Dispatch<SetStateAction<IEditorState>>,
+  setLoaded: Dispatch<SetStateAction<boolean>>
+): void {
+  if (files === null) {
+    return;
+  }
+  const file = files[0];
+  const reader = new FileReader();
+  reader.addEventListener('load', () => {
+    const result = reader.result as string;
+    const editorState: IEditorState = JSON.parse(result);
+
+    LoadState(editorState, setEditorState, setLoaded);
+  });
+  reader.readAsText(file);
+}