Merged PR 167: Add Flex and fix bugs (read desc)

Note: The branch name does not fit the new features.

- Implement Flex with simplex
- Enable rigid body by default (removed IsRigidBody property) <=== possibly a bad idea
- Sort children in add and update properties
- Implement MaxWidth
- Add more docs

Fixes :
- .env.production url
- Symbols: not blocking the linked container when the parent is moving

src/Components/UI/UI.tsx

@@ -11,6 +11,7 @@ import { Bar } from '../Bar/Bar';
 import { IAvailableSymbol } from '../../Interfaces/IAvailableSymbol';
 import { Symbols } from '../Symbols/Symbols';
 import { SymbolsSidebar } from '../SymbolsSidebar/SymbolsSidebar';
+import { PropertyType } from '../../Enums/PropertyType';
 
 interface IUIProps {
   SelectedContainer: IContainerModel | undefined
@@ -21,9 +22,8 @@ interface IUIProps {
   AvailableSymbols: IAvailableSymbol[]
   SelectContainer: (containerId: string) => void
   DeleteContainer: (containerId: string) => void
-  OnPropertyChange: (key: string, value: string | number | boolean, isStyle?: boolean) => void
-  AddContainerToSelectedContainer: (type: string) => void
-  AddContainer: (index: number, type: string, parentId: string) => void
+  OnPropertyChange: (key: string, value: string | number | boolean, type?: PropertyType) => void
+  AddContainer: (type: string) => void
   AddSymbol: (type: string) => void
   OnSymbolPropertyChange: (key: string, value: string | number | boolean) => void
   SelectSymbol: (symbolId: string) => void
@@ -75,7 +75,7 @@ export const UI: React.FunctionComponent<IUIProps> = (props: IUIProps) => {
       <Sidebar
         componentOptions={props.AvailableContainers}
         isOpen={isSidebarOpen}
-        buttonOnClick={props.AddContainerToSelectedContainer}
+        buttonOnClick={props.AddContainer}
       />
       <Symbols
         componentOptions={props.AvailableSymbols}
@@ -91,7 +91,6 @@ export const UI: React.FunctionComponent<IUIProps> = (props: IUIProps) => {
         OnPropertyChange={props.OnPropertyChange}
         SelectContainer={props.SelectContainer}
         DeleteContainer={props.DeleteContainer}
-        AddContainer={props.AddContainer}
       />
       <SymbolsSidebar
         SelectedSymbolId={props.current.SelectedSymbolId}