@mittwald/flow-react-components 0.2.0-alpha.805 → 0.2.0-alpha.807

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0-alpha.807](https://github.com/mittwald/flow/compare/0.2.0-alpha.806...0.2.0-alpha.807) (2026-04-23)
+
+**Note:** Version bump only for package @mittwald/flow-react-components
+
+# [0.2.0-alpha.806](https://github.com/mittwald/flow/compare/0.2.0-alpha.805...0.2.0-alpha.806) (2026-04-23)
+
+### Features
+
+* **CartesianChart:** typedCartesianChart improvements ([#2467](https://github.com/mittwald/flow/issues/2467)) ([102e84d](https://github.com/mittwald/flow/commit/102e84d932667836eb787c535f75e261fdccd6ed))
+* **Tunnel:** support Tunnel nesting ([#2466](https://github.com/mittwald/flow/issues/2466)) ([ac85de2](https://github.com/mittwald/flow/commit/ac85de2032644a9f8f08c393cf9d3721b44e1173))
+
 # [0.2.0-alpha.805](https://github.com/mittwald/flow/compare/0.2.0-alpha.804...0.2.0-alpha.805) (2026-04-23)
 
 ### Features

package/MIGRATION.md

@@ -1,5 +1,106 @@
 # Migrations
 
+## From version `0.2.0-alpha.779` to `>=0.2.0-alpha.780`
+
+### CartesianChart
+
+> If you're using a _Function_ in the `dataKey` - you need to define a
+> `dataKeyLabel` as well.
+
+The `dataKeyLabel` is required to identify the RowData in the formatter
+functions. If a `string` is used - this will automatically be used as the
+`dataKeyLabel`.
+
+**Before:**
+
+```tsx
+<XAxis dataKey={() => 1337} />
+```
+
+**Now:**
+
+```tsx
+<XAxis dataKey={() => 1337} dataKeyLabel={"leet"} />
+```
+
+---
+
+> The Data Types from the CartesianChart have changed from `any` to `unknown`.
+
+**Before (With type `any`):**
+
+```tsx
+const data = [
+  {
+    amount: 1,
+    time: new Date("2026-08-11"),
+  }
+];
+
+<CartesianChart data={data}>>
+  <XAxis
+    dataKey="time"
+    tickFormatter={(date) =>
+      // date is typeof any
+      Intl.DateTimeFormat("de", {
+        month: "short",
+        day: "2-digit",
+      }).format(date)
+    }
+  />
+</CartesianChart>
+```
+
+**Now:** now you need to check the type explicit e.g.
+
+```tsx
+<XAxis
+  dataKey="time"
+  tickFormatter={(date) => {
+    // date is typeof unknown
+    if (date instanceof Date) {
+      return Intl.DateTimeFormat("de", {
+        month: "short",
+        day: "2-digit",
+      }).format(date);
+    }
+  }}
+/>
+```
+
+or use the **new** `typedCartesianChart` which infers the type automatically
+
+```tsx
+interface ChartData {
+  amount: number;
+  time: Date,
+};
+
+const data: ChartData[] = [
+  {
+    amount: 1,
+    time: new Date("2026-08-11"),
+  }
+];
+
+const ExampleChart = typedCartesianChart<ChartData>();
+
+<ExampleChart.Chart data={data}>>
+  <ExampleChart.XAxis
+    dataKey="time"
+    tickFormatter={(date) =>
+      // date is typeof Date
+      Intl.DateTimeFormat("de", {
+        month: "short",
+        day: "2-digit",
+      }).format(date)
+    }
+  />
+</ExampleChart.Chart>
+```
+
+---
+
 ## From version 0.1.0 to version 0.2.0
 
 With the latest update to `@mittwald/flow-react-components`, the way package