@jobber/components 8.28.2 → 8.29.0
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.
|
@@ -85,9 +85,21 @@ expected to consolidate `ProgressBar` onto `ProgressIndicator`.
|
|
|
85
85
|
|
|
86
86
|
## Mobile
|
|
87
87
|
|
|
88
|
-
Mobile (`@jobber/components-native`)
|
|
89
|
-
|
|
90
|
-
|
|
88
|
+
Mobile (`@jobber/components-native`) ships its own `ProgressIndicator` with the
|
|
89
|
+
same `value` / `max` / `variation` / `size` surface. Two platform differences:
|
|
90
|
+
|
|
91
|
+
* The accessible label prop is `accessibilityLabel` (React Native's convention),
|
|
92
|
+
and the derived default follows the same percent / ratio templates. Styling
|
|
93
|
+
uses the `style` prop (there is no `className`).
|
|
94
|
+
* Mobile adds a **`pendingValue`** prop (mobile-only). It renders an additional
|
|
95
|
+
in-flight band beyond `value`, on the same scale as `value` and `max`, and is
|
|
96
|
+
**additive**: with `value={2}`, `pendingValue={3}`, `max={10}` the bar shows
|
|
97
|
+
2/10 completed plus another 3/10 in flight (5/10 filled in total). It applies
|
|
98
|
+
to both the continuous and stepped variations, and adds a third derived label
|
|
99
|
+
template — `"{value} of {max}, {pendingValue} pending"`.
|
|
100
|
+
|
|
101
|
+
The mobile `ProgressBar` remains available and unchanged; new mobile code should
|
|
102
|
+
prefer `ProgressIndicator`.
|
|
91
103
|
|
|
92
104
|
|
|
93
105
|
## Props
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.29.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -545,5 +545,5 @@
|
|
|
545
545
|
"> 1%",
|
|
546
546
|
"IE 10"
|
|
547
547
|
],
|
|
548
|
-
"gitHead": "
|
|
548
|
+
"gitHead": "c81a2b04748119a1bd84cc39f4f5e7a97c410afb"
|
|
549
549
|
}
|