Merged PR 162: Implement symbols and other stuff (see desc)

Implement symbols
- Add, Remove, Select Container
- Form
- Link with container
- Symbol behavior application to container (move to x with xpositionreference)

Important changes
- Remove SelectedContainer from HistoryState, meaning that it will be slower for each load but will be faster for each operations* (SetHistory, SelectContainer, DeleteContainer, SymbolOperations)
- ElementsSidebar now opens with isSidebarOpen meaning that both sidebar will open on toggle
- Moved camelize, transformX, restoreX to different modules (stringtools.ts, svg.ts)

src/Components/App/MenuActions.ts

@@ -4,7 +4,6 @@ import { ContainerModel } from '../../Interfaces/IContainerModel';
 import { fetchConfiguration } from '../API/api';
 import { IEditorState } from '../../Interfaces/IEditorState';
 import { LoadState } from './Load';
-import { XPositionReference } from '../../Enums/XPositionReference';
 import { DEFAULT_MAINCONTAINER_PROPS } from '../../utils/default';
 
 export function NewEditor(
@@ -26,6 +25,7 @@ export function NewEditor(
 
       // 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:
@@ -33,9 +33,10 @@ export function NewEditor(
             {
               LastAction: '',
               MainContainer,
-              SelectedContainer: MainContainer,
               SelectedContainerId: MainContainer.properties.id,
-              TypeCounters: {}
+              TypeCounters: {},
+              Symbols: new Map(),
+              SelectedSymbolId: ''
             }
           ],
         historyCurrentStep: 0