@mittwald/flow-react-components 0.2.0-alpha.1020 → 0.2.0-alpha.1022
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/MIGRATION.md +145 -10
- package/dist/assets/doc-properties.json +31281 -31273
- package/dist/js/packages/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.mjs +2 -4
- package/dist/js/packages/components/src/components/List/components/Items/components/FallbackItems/FallbackItems.mjs.map +1 -1
- package/dist/js/packages/components/src/components/List/components/Items/components/Item/Item.mjs +2 -8
- package/dist/js/packages/components/src/components/List/components/Items/components/Item/Item.mjs.map +1 -1
- package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.mjs +13 -0
- package/dist/js/packages/components/src/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.mjs.map +1 -0
- package/dist/types/components/List/components/Items/components/FallbackItems/FallbackItems.d.ts.map +1 -1
- package/dist/types/components/List/components/Items/components/Item/Item.d.ts.map +1 -1
- package/dist/types/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.d.ts +4 -0
- package/dist/types/components/List/components/Items/components/Item/components/ItemLoadingView/ItemLoadingView.d.ts.map +1 -0
- package/dist/types/components/List/stories/Default.stories.d.ts +1 -0
- package/dist/types/components/List/stories/Default.stories.d.ts.map +1 -1
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.2.0-alpha.1022](https://github.com/mittwald/flow/compare/0.2.0-alpha.1021...0.2.0-alpha.1022) (2026-08-11)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **List:** use the item's loadingView for suspended items ([#2812](https://github.com/mittwald/flow/issues/2812)) ([92e4b32](https://github.com/mittwald/flow/commit/92e4b327eb445525e8e76ab2e318161df6e9480d))
|
|
11
|
+
|
|
12
|
+
# [0.2.0-alpha.1021](https://github.com/mittwald/flow/compare/0.2.0-alpha.1020...0.2.0-alpha.1021) (2026-08-11)
|
|
13
|
+
|
|
14
|
+
**Note:** Version bump only for package @mittwald/flow-react-components
|
|
15
|
+
|
|
6
16
|
# [0.2.0-alpha.1020](https://github.com/mittwald/flow/compare/0.2.0-alpha.1019...0.2.0-alpha.1020) (2026-08-11)
|
|
7
17
|
|
|
8
18
|
**Note:** Version bump only for package @mittwald/flow-react-components
|
package/MIGRATION.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# Migrations
|
|
2
2
|
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
## From version `0.2.0-alpha.1007` to `>=0.2.0-alpha.1016`
|
|
6
|
+
|
|
7
|
+
### TooltipTrigger changed delay type
|
|
8
|
+
|
|
9
|
+
Numeric delay values are no longer accepted; only string literals are valid.
|
|
10
|
+
|
|
11
|
+
```diff
|
|
12
|
+
- <TooltipTrigger delay={300} />
|
|
13
|
+
+ <TooltipTrigger delay="default" />
|
|
14
|
+
|
|
15
|
+
- <TooltipTrigger delay={500} />
|
|
16
|
+
+ <TooltipTrigger delay="long" />
|
|
17
|
+
```
|
|
18
|
+
|
|
3
19
|
## From version `0.2.0-alpha.1004` to `>=0.2.0-alpha.1005`
|
|
4
20
|
|
|
5
21
|
### Closing a Modal with unsaved changes is confirmed by default
|
|
@@ -41,6 +57,75 @@ Assigning a flag keeps working — it acts as the application-wide default below
|
|
|
41
57
|
the provider and logs a deprecation warning — but the flags will be removed in a
|
|
42
58
|
future release.
|
|
43
59
|
|
|
60
|
+
---
|
|
61
|
+
|
|
62
|
+
## From version `0.2.0-alpha.933` to `>=0.2.0-alpha.956`
|
|
63
|
+
|
|
64
|
+
### TableColumn: `maxWidth` removed, `width` and `minWidth` retyped
|
|
65
|
+
|
|
66
|
+
`maxWidth` has been removed. `width` and `minWidth` are now typed as
|
|
67
|
+
`number | string`: they no longer accept `null`, and the previous
|
|
68
|
+
template-literal typing (`` `${number}%` ``, `` `${number}fr` ``) is replaced by
|
|
69
|
+
a plain `string`.
|
|
70
|
+
|
|
71
|
+
```diff
|
|
72
|
+
- <TableColumn width="50%" minWidth={null} maxWidth={400} />
|
|
73
|
+
+ <TableColumn width="50%" />
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
Percentage, pixel and `fr` values keep working as strings or numbers
|
|
77
|
+
(`width="50%"`, `width="200fr"`, `width={300}`). Where you passed `null` to mean
|
|
78
|
+
"no explicit width", omit the prop instead.
|
|
79
|
+
|
|
80
|
+
---
|
|
81
|
+
|
|
82
|
+
## From version `0.2.0-alpha.857` to `>=0.2.0-alpha.866`
|
|
83
|
+
|
|
84
|
+
### Table: `render` prop removed
|
|
85
|
+
|
|
86
|
+
The `render` escape hatch on `Table` has been removed. Compose the table from
|
|
87
|
+
`TableHeader`, `TableColumn`, `TableBody`, `TableRow` and `TableCell` instead.
|
|
88
|
+
|
|
89
|
+
---
|
|
90
|
+
|
|
91
|
+
## From version `0.2.0-alpha.837` to `>=0.2.0-alpha.846`
|
|
92
|
+
|
|
93
|
+
### TableCell: `render` prop removed
|
|
94
|
+
|
|
95
|
+
The `render` escape hatch on `TableCell` has been removed. Provide the cell
|
|
96
|
+
content as children instead.
|
|
97
|
+
|
|
98
|
+
```diff
|
|
99
|
+
- <TableCell render={(cell) => <CustomCell {...cell} />} />
|
|
100
|
+
+ <TableCell>
|
|
101
|
+
+ <CustomCell />
|
|
102
|
+
+ </TableCell>
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
### Breadcrumb, HeaderNavigation, Heading, IllustratedMessage, and Link: color property "primary" renamed to "default"
|
|
106
|
+
|
|
107
|
+
The `color="primary"` property has been renamed to `color="default"`.
|
|
108
|
+
|
|
109
|
+
```diff
|
|
110
|
+
- <Link color="primary">
|
|
111
|
+
+ <Link color="default" />
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
A codemod rewrites `color="primary"` to `color="default"` on these five
|
|
115
|
+
components (and leaves other components such as `Button`, where `"primary"` is
|
|
116
|
+
still valid, untouched):
|
|
117
|
+
|
|
118
|
+
```shell
|
|
119
|
+
npx jscodeshift \
|
|
120
|
+
-t https://raw.githubusercontent.com/mittwald/flow/refs/heads/main/packages/codemods/src/transforms/flowAlphaColorPrimaryToDefault.ts \
|
|
121
|
+
--parser tsx \
|
|
122
|
+
src
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
Replace `src` with your sources folder.
|
|
126
|
+
|
|
127
|
+
---
|
|
128
|
+
|
|
44
129
|
## From version `0.2.0-alpha.779` to `>=0.2.0-alpha.780`
|
|
45
130
|
|
|
46
131
|
### CartesianChart
|
|
@@ -52,16 +137,9 @@ The `dataKeyLabel` is required to identify the RowData in the formatter
|
|
|
52
137
|
functions. If a `string` is used - this will automatically be used as the
|
|
53
138
|
`dataKeyLabel`.
|
|
54
139
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
<XAxis dataKey={() => 1337} />
|
|
59
|
-
```
|
|
60
|
-
|
|
61
|
-
**Now:**
|
|
62
|
-
|
|
63
|
-
```tsx
|
|
64
|
-
<XAxis dataKey={() => 1337} dataKeyLabel={"leet"} />
|
|
140
|
+
```diff
|
|
141
|
+
- <XAxis dataKey={() => 1337} />
|
|
142
|
+
+ <XAxis dataKey={() => 1337} dataKeyLabel={"leet"} />
|
|
65
143
|
```
|
|
66
144
|
|
|
67
145
|
---
|
|
@@ -142,6 +220,63 @@ const ExampleChart = typedCartesianChart<ChartData>();
|
|
|
142
220
|
|
|
143
221
|
---
|
|
144
222
|
|
|
223
|
+
## From version `0.2.0-alpha.777` to `>=0.2.0-alpha.786`
|
|
224
|
+
|
|
225
|
+
### AccentBox.color is now a declaration for foreground
|
|
226
|
+
|
|
227
|
+
The `color` property now controls foreground colors. Use the `backgroundColor`
|
|
228
|
+
property to set the background color instead.
|
|
229
|
+
|
|
230
|
+
```diff
|
|
231
|
+
- <AccentBox color="gradient">
|
|
232
|
+
+ <AccentBox backgroundColor="gradient" />
|
|
233
|
+
```
|
|
234
|
+
|
|
235
|
+
---
|
|
236
|
+
|
|
237
|
+
## From version `0.2.0-alpha.747` to `>=0.2.0-alpha.756`
|
|
238
|
+
|
|
239
|
+
### Removed the underlying react-syntax-highlighter library from CodeBlock
|
|
240
|
+
|
|
241
|
+
We've replaced the `react-syntax-highlighter` library, which means many
|
|
242
|
+
properties have been removed and the remaining ones have been simplified. See
|
|
243
|
+
the
|
|
244
|
+
[CodeBlock documentation](https://flow.mittwald.de/04-components/content/code-block/overview)
|
|
245
|
+
for details on what's now supported.
|
|
246
|
+
|
|
247
|
+
---
|
|
248
|
+
|
|
249
|
+
## From version `0.2.0-alpha.676` to `>=0.2.0-alpha.696`
|
|
250
|
+
|
|
251
|
+
### OverlayController.addOnClose / addOnOpen return type changed
|
|
252
|
+
|
|
253
|
+
The return type changed from `() => void` to `() => unknown`
|
|
254
|
+
|
|
255
|
+
---
|
|
256
|
+
|
|
257
|
+
## From version `0.2.0-alpha.667` to `>=0.2.0-alpha.676`
|
|
258
|
+
|
|
259
|
+
### CartesianChart.emptyView changed
|
|
260
|
+
|
|
261
|
+
Component references are no longer accepted for `emptyView` - must be a rendered
|
|
262
|
+
element now.
|
|
263
|
+
|
|
264
|
+
```diff
|
|
265
|
+
- <CartesianChart emptyView={EmptyState} />
|
|
266
|
+
+ <CartesianChart emptyView={<EmptyState />} />
|
|
267
|
+
```
|
|
268
|
+
|
|
269
|
+
---
|
|
270
|
+
|
|
271
|
+
## From version `0.2.0-alpha.637` to `>=0.2.0-alpha.646`
|
|
272
|
+
|
|
273
|
+
### Removed ResetButton and SubmitButton Interfaces
|
|
274
|
+
|
|
275
|
+
The `RemoteButtonElementProps`, `ResetButtonProps`, and `SubmitButtonProps`
|
|
276
|
+
interfaces have been removed. Use `ButtonProps` instead.
|
|
277
|
+
|
|
278
|
+
---
|
|
279
|
+
|
|
145
280
|
## From version 0.1.0 to version 0.2.0
|
|
146
281
|
|
|
147
282
|
With the latest update to `@mittwald/flow-react-components`, the way package
|