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

test-server/http.js

@@ -53,7 +53,7 @@ const GetSVGLayoutConfiguration = () => {
     AvailableContainers: [
       {
         Type: 'Chassis',
-        Width: 500,
+        MaxWidth: 500,
         MinWidth: 200,
         DefaultChildType: 'Trou',
         Style: {
@@ -65,10 +65,14 @@ const GetSVGLayoutConfiguration = () => {
       },
       {
         Type: 'Trou',
-        DefaultX: 10,
-        DefaultY: 10,
-        Width: 480,
-        Height: 180,
+        DefaultX: 0,
+        DefaultY: 0,
+        Margin: {
+          left: 10,
+          bottom: 10,
+          top: 10,
+          right: 10,
+        },
         DefaultChildType: 'Remplissage',
         Style: {
           fillOpacity: 1,
@@ -108,6 +112,28 @@ const GetSVGLayoutConfiguration = () => {
           stroke: '#713f12',
           fill: '#713f12',
         }
+      },
+      {
+        Type: '200',
+        MaxWidth: 500,
+        MinWidth: 200,
+        Style: {
+          fillOpacity: 1,
+          strokeWidth: 2,
+          stroke: 'blue',
+          fill: 'blue',
+        }
+      },
+      {
+        Type: '400',
+        MaxWidth: 500,
+        MinWidth: 400,
+        Style: {
+          fillOpacity: 1,
+          strokeWidth: 2,
+          stroke: 'red',
+          fill: 'red',
+        }
       }
     ],
     AvailableSymbols: [
@@ -138,7 +164,7 @@ const GetSVGLayoutConfiguration = () => {
     ],
     MainContainer: {
       Height: 200,
-      Width: 1000
+      Width: 800
     }
   };
 };