@jobber/components-native 0.107.1 → 0.107.3
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/dist/docs/Chip/Chip.md +2 -2
- package/dist/docs/Form/Form.md +5 -5
- package/dist/docs/Icon/Icon.md +1 -0
- package/dist/docs/empty-states/empty-states.md +29 -0
- package/dist/docs/index.md +0 -1
- package/dist/package.json +3 -3
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/dist/docs/Select/Select.md +0 -219
package/dist/docs/Chip/Chip.md
CHANGED
|
@@ -238,8 +238,8 @@ export function ChipInvalidExample(
|
|
|
238
238
|
single-select, multi-select, and add/dismiss functionality "out of the box"
|
|
239
239
|
* [FilterPicker](/components/FilterPicker) is most commonly triggered by a Chip,
|
|
240
240
|
but is a separate component
|
|
241
|
-
* [
|
|
242
|
-
presents as a form element and should be preferred in forms
|
|
241
|
+
* [LegacySelect](/components/LegacySelect) is a simpler single-select "dropdown"
|
|
242
|
+
that presents as a form element and should be preferred in forms
|
|
243
243
|
* [RadioGroup](/components/RadioGroup) should be used to allow the user to
|
|
244
244
|
select "one-of-many" items (single-select) and the labels for the items are
|
|
245
245
|
longer than 1 or 2 words.
|
package/dist/docs/Form/Form.md
CHANGED
|
@@ -18,11 +18,11 @@ have a `value` and `onChange` prop.
|
|
|
18
18
|
### Inputs
|
|
19
19
|
|
|
20
20
|
Form can accept various inputs and selection elements such as (but not limited
|
|
21
|
-
to) [InputText](../InputText/InputText.md),
|
|
22
|
-
[
|
|
23
|
-
[Chips](/components/Chips). They should be
|
|
24
|
-
indicate grouping when relevant, and groups
|
|
25
|
-
using ContentSection.
|
|
21
|
+
to) [InputText](../InputText/InputText.md),
|
|
22
|
+
[LegacySelect](/components/LegacySelect), [Switch](../Switch/Switch.md),
|
|
23
|
+
[Checkbox](../Checkbox/Checkbox.md), and [Chips](/components/Chips). They should be
|
|
24
|
+
placed [Cards](../Card/Card.md) to indicate grouping when relevant, and groups
|
|
25
|
+
of Cards can be spaced appropriately using ContentSection.
|
|
26
26
|
|
|
27
27
|
### Save Button label
|
|
28
28
|
|
package/dist/docs/Icon/Icon.md
CHANGED
|
@@ -21,6 +21,7 @@ for the “emptiness” may include, but are not limited to…
|
|
|
21
21
|
* Search results with no match
|
|
22
22
|
* An error has resulted in the user not being able to access content they
|
|
23
23
|
otherwise could
|
|
24
|
+
* A specific field doesn't have a value (for example, a custom field that the user hasn't populated)
|
|
24
25
|
|
|
25
26
|
## Solution
|
|
26
27
|
|
|
@@ -63,6 +64,34 @@ a single Banner can look out of place.
|
|
|
63
64
|
</Box>
|
|
64
65
|
```
|
|
65
66
|
|
|
67
|
+
### Field-level empty states
|
|
68
|
+
|
|
69
|
+
When a field doesn't have a value, use a dash to indicate the lack of a value.
|
|
70
|
+
This provides:
|
|
71
|
+
|
|
72
|
+
* confirmation that nothing was entered
|
|
73
|
+
* confirmation that something *can* be entered there should the information require an update
|
|
74
|
+
|
|
75
|
+
```tsx
|
|
76
|
+
<Card>
|
|
77
|
+
<Content>
|
|
78
|
+
<Heading level={4}>Additional details</Heading>
|
|
79
|
+
<Stack gap="smallest">
|
|
80
|
+
<Text size="small" variation="subdued">Preferred service date</Text>
|
|
81
|
+
<Text>June 25, 2026</Text>
|
|
82
|
+
</Stack>
|
|
83
|
+
<Stack gap="smallest">
|
|
84
|
+
<Text size="small" variation="subdued">Gate code</Text>
|
|
85
|
+
<Text>—</Text>
|
|
86
|
+
</Stack>
|
|
87
|
+
<Stack gap="smallest">
|
|
88
|
+
<Text size="small" variation="subdued">Additional requests</Text>
|
|
89
|
+
<Text>—</Text>
|
|
90
|
+
</Stack>
|
|
91
|
+
</Content>
|
|
92
|
+
</Card>
|
|
93
|
+
```
|
|
94
|
+
|
|
66
95
|
### When the user can't add content
|
|
67
96
|
|
|
68
97
|
When a card is empty, and there is no way for the user to add content, you
|
package/dist/docs/index.md
CHANGED
|
@@ -52,7 +52,6 @@
|
|
|
52
52
|
[Radii](./Radii/Radii.md)
|
|
53
53
|
[ResponsiveBreakpoint](./ResponsiveBreakpoint/ResponsiveBreakpoint.md)
|
|
54
54
|
[scaffolding](./scaffolding/scaffolding.md)
|
|
55
|
-
[Select](./Select/Select.md)
|
|
56
55
|
[settings](./settings/settings.md)
|
|
57
56
|
[Spacing](./Spacing/Spacing.md)
|
|
58
57
|
[StatusLabel](./StatusLabel/StatusLabel.md)
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components-native",
|
|
3
|
-
"version": "0.107.
|
|
3
|
+
"version": "0.107.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "React Native implementation of Atlantis",
|
|
6
6
|
"repository": {
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"devDependencies": {
|
|
74
74
|
"@babel/runtime": "^7.29.2",
|
|
75
75
|
"@gorhom/bottom-sheet": "^5.2.8",
|
|
76
|
-
"@jobber/design": "0.
|
|
76
|
+
"@jobber/design": "0.107.0",
|
|
77
77
|
"@jobber/hooks": "2.21.0",
|
|
78
78
|
"@react-native-community/datetimepicker": "^8.4.5",
|
|
79
79
|
"@react-native/babel-preset": "^0.82.1",
|
|
@@ -124,5 +124,5 @@
|
|
|
124
124
|
"react-native-screens": ">=4.18.0",
|
|
125
125
|
"react-native-svg": ">=12.0.0"
|
|
126
126
|
},
|
|
127
|
-
"gitHead": "
|
|
127
|
+
"gitHead": "f56f1035f43410c3b2597e5198adf7fdce8b3453"
|
|
128
128
|
}
|