feat(bar-chart-native): add design properties

Author: Jordan Hunt

settings-native.json

@@ -1482,6 +1482,23 @@
                 ]
             }
         ],
+        "com.mendix.widget.native.barchart.BarChart": [
+            {
+                "name": "Chart size",
+                "type": "Dropdown",
+                "description": "Size of the chart.",
+                "options": [
+                    {
+                        "name": "Square",
+                        "class": "barChartSquare"
+                    },
+                    {
+                        "name": "Maximum space",
+                        "class": "barChartMaxSpace"
+                    }
+                ]
+            }
+        ],
         "com.mendix.widget.native.progressbar.ProgressBar": [
             {
                 "name": "Progress bar style",

styles/native/js/core/helpers/barchart.js

@@ -0,0 +1,11 @@
+export const barChartSquare = {
+    chart: {
+        aspectRatio: 1
+    }
+};
+export const barChartMaxSpace = {
+    chart: {
+        flex: 1,
+        aspectRatio: undefined
+    }
+};

styles/native/js/main.js

@@ -32,6 +32,7 @@ export * from "./core/widgets/layoutgrid";
 export * from "./core/widgets/linechart";
 export * from "./core/helpers/linechart";
 export * from "./core/widgets/barchart";
+export * from "./core/helpers/barchart";
 export * from "./core/widgets/listviews";
 export * from "./core/helpers/listviews";
 export * from "./core/widgets/listviewswipe";

styles/native/ts/core/helpers/barchart.ts

@@ -0,0 +1,12 @@
+export const barChartSquare = {
+    chart: {
+        aspectRatio: 1
+    }
+};
+
+export const barChartMaxSpace = {
+    chart: {
+        flex: 1,
+        aspectRatio: undefined
+    }
+};

styles/native/ts/main.ts

@@ -32,6 +32,7 @@ export * from "./core/widgets/layoutgrid";
 export * from "./core/widgets/linechart";
 export * from "./core/helpers/linechart";
 export * from "./core/widgets/barchart";
+export * from "./core/helpers/barchart";
 export * from "./core/widgets/listviews";
 export * from "./core/helpers/listviews";
 export * from "./core/widgets/listviewswipe";