Fix width and height not being numbers

src/Interfaces/IProperties.ts

@@ -10,11 +10,13 @@ import { XPositionReference } from '../Enums/XPositionReference';
  * @property isRigidBody if true apply rigid body behaviors
  * @property isAnchor if true apply anchor behaviors
  */
-export default interface IProperties extends React.CSSProperties {
+export default interface IProperties extends Omit<React.CSSProperties, 'width' | 'height'> {
   id: string
   parentId: string | null
   x: number
   y: number
+  width: number
+  height: number
   isRigidBody: boolean
   isAnchor: boolean
   XPositionReference?: XPositionReference

test-server/http.js

@@ -55,8 +55,10 @@ const GetSVGLayoutConfiguration = () => {
         Type: 'Chassis',
         Width: 500,
         Style: {
-          fillOpacity: 0,
+          fillOpacity: 1,
           borderWidth: 2,
+          stroke: 'red',
+          fill: '#78350F',
           stroke: 'red'
         }
       },
@@ -67,9 +69,10 @@ const GetSVGLayoutConfiguration = () => {
         Width: 480,
         Height: 180,
         Style: {
-          fillOpacity: 0,
+          fillOpacity: 1,
           borderWidth: 2,
-          stroke: 'green'
+          stroke: 'green',
+          fill: 'white'
         }
       },
       {
@@ -89,7 +92,7 @@ const GetSVGLayoutConfiguration = () => {
           fillOpacity: 0,
           borderWidth: 2,
           stroke: '#713f12',
-          fill: '#713f12'
+          fill: '#713f12',
         }
       }
     ],