chore: Integrate microsoft/monosize in react-charting library for Are…

…aChart and VerticalBarChart (#30489)

change/@fluentui-react-charting-0091dd21-21f9-4537-8fd9-fbfee2e292e7.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: Integrate microsoft/monosize into react-charting for AreaChart and VerticalBarChart",
+  "packageName": "@fluentui/react-charting",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}

packages/react-charting/bundle-size/AreaChart.fixture.js

@@ -0,0 +1,9 @@
+import { AreaChart } from '@fluentui/react-charting';
+
+console.log(AreaChart);
+// "console.log()" is the easiest way to prevent tree-shaking
+
+export default {
+  name: 'AreaChart',
+  // defines a name for story that will be used in output
+};

packages/react-charting/bundle-size/VerticalBarChart.fixture.js

@@ -0,0 +1,9 @@
+import { VerticalBarChart } from '@fluentui/react-charting';
+
+console.log(VerticalBarChart);
+// "console.log()" is the easiest way to prevent tree-shaking
+
+export default {
+  name: 'VerticalBarChart',
+  // defines a name for story that will be used in output
+};

packages/react-charting/monosize.config.mjs

@@ -0,0 +1,11 @@
+// monosize.config.mjs
+import storageAdapter from 'monosize-storage-azure';
+
+export default {
+  repository: 'https://github.com/microsoft/fluentui',
+  storage: storageAdapter(),
+  webpack: config => {
+    // customize config here
+    return config;
+  },
+};

packages/react-charting/package.json

@@ -36,7 +36,8 @@
     "@fluentui/scripts-jest": "*",
     "@fluentui/scripts-tasks": "*",
     "@fluentui/scripts-webpack": "*",
-    "jest-canvas-mock": "2.4.0"
+    "jest-canvas-mock": "2.4.0",
+    "monosize": "0.2.1"
   },
   "dependencies": {
     "@fluentui/react-focus": "^8.8.40",