@jobber/components-native 0.103.0 → 0.103.1
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.
|
@@ -11,27 +11,25 @@ The following components have a v2 implementation. **Always pass
|
|
|
11
11
|
`version={2}`**. Never generate v1 usage for these components — v1 is
|
|
12
12
|
deprecated.
|
|
13
13
|
|
|
14
|
-
| Component
|
|
15
|
-
|
|
|
16
|
-
|
|
|
17
|
-
| Modal | `import { Modal } from "@jobber/components/Modal"` | `version={2}` — uses `Modal.Provider` composition |
|
|
14
|
+
| Component | Import | v2 prop |
|
|
15
|
+
| --------- | -------------------------------------------------- | ------------------------------------------------- |
|
|
16
|
+
| Modal | `import { Modal } from "@jobber/components/Modal"` | `version={2}` — uses `Modal.Provider` composition |
|
|
18
17
|
|
|
19
18
|
## Deprecated components — do not use
|
|
20
19
|
|
|
21
|
-
| Deprecated | Replacement
|
|
22
|
-
| --------------------- |
|
|
23
|
-
| `MultiSelect` | `Autocomplete`
|
|
24
|
-
| `Chips` (dismissible) | `Autocomplete`
|
|
20
|
+
| Deprecated | Replacement | Notes |
|
|
21
|
+
| --------------------- | -------------------------------------------------- | ---------------------------------------- |
|
|
22
|
+
| `MultiSelect` | `Autocomplete` with `multiple` prop, or `Combobox` | Fully deprecated, no longer supported. |
|
|
23
|
+
| `Chips` (dismissible) | `Autocomplete` with `multiple` prop | Dismissible Chips variant is deprecated. |
|
|
25
24
|
|
|
26
25
|
### Deprecated props on still-supported components
|
|
27
26
|
|
|
28
|
-
| Component
|
|
29
|
-
|
|
|
30
|
-
| `Button`
|
|
31
|
-
| `Card`
|
|
32
|
-
| `Toast`
|
|
33
|
-
| Text inputs (`InputText`
|
|
34
|
-
| `FormField` (`maxLength` on v1 inputs) | `maxLength` | Flagged in source as flawed; only kept for v1 backwards compatibility. |
|
|
27
|
+
| Component | Deprecated prop | Replacement |
|
|
28
|
+
| ------------------------- | ----------------------- | ---------------------------------------------------------------------------------------------- |
|
|
29
|
+
| `Button` | `to` | Use `url` for anchor links. |
|
|
30
|
+
| `Card` | `title` | Use the `header` prop, or compose with `Card.Header` and `Card.Body`. |
|
|
31
|
+
| `Toast` | `action`, `actionLabel` | Both will be removed in the next major version. Trigger follow-up work from outside the toast. |
|
|
32
|
+
| Text inputs (`InputText`) | `onEnter` | Use `onKeyDown` or `onKeyUp` and check the key. |
|
|
35
33
|
|
|
36
34
|
## Import pattern
|
|
37
35
|
|
|
@@ -68,35 +66,6 @@ custom properties from `@jobber/design`. Tokens are included in:
|
|
|
68
66
|
}
|
|
69
67
|
```
|
|
70
68
|
|
|
71
|
-
## Form composition
|
|
72
|
-
|
|
73
|
-
v2 inputs are thin wrappers over native HTML inputs. They have no internal form
|
|
74
|
-
state, no built-in validation orchestration, and no React Hook Form dependency —
|
|
75
|
-
they behave like `<input>` elements with Atlantis styling. Compose them inside a
|
|
76
|
-
plain `<form>` and manage state and submission yourself (or with the form
|
|
77
|
-
library of your choice).
|
|
78
|
-
|
|
79
|
-
```tsx
|
|
80
|
-
<form onSubmit={handleSubmit}>
|
|
81
|
-
<Content>
|
|
82
|
-
<InputText version={2} name="name" placeholder="Name" />
|
|
83
|
-
<InputEmail version={2} name="email" placeholder="Email" />
|
|
84
|
-
<Button type="submit" label="Save" />
|
|
85
|
-
</Content>
|
|
86
|
-
</form>
|
|
87
|
-
```
|
|
88
|
-
|
|
89
|
-
Do not wrap v2 inputs in the Atlantis `Form` or `FormField` components — those
|
|
90
|
-
are legacy helpers tied to v1 inputs and React Hook Form. Mixing them with v2
|
|
91
|
-
inputs will not give you v2's controlled API and is not supported.
|
|
92
|
-
|
|
93
|
-
### Validation on v2 inputs
|
|
94
|
-
|
|
95
|
-
v2 inputs do not run validation themselves. To show an error state, drive it
|
|
96
|
-
from your own state and pass `invalid` (boolean) and/or `error` (string message)
|
|
97
|
-
on the input. The same applies to `Autocomplete` v2 — pass `error` / `invalid`
|
|
98
|
-
rather than expecting the component to validate.
|
|
99
|
-
|
|
100
69
|
## Compound components — use the documented composition
|
|
101
70
|
|
|
102
71
|
Many components expose dot-notation subcomponents that must be used together.
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components-native",
|
|
3
|
-
"version": "0.103.
|
|
3
|
+
"version": "0.103.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "React Native implementation of Atlantis",
|
|
6
6
|
"repository": {
|
|
@@ -24,6 +24,8 @@
|
|
|
24
24
|
"types": "./dist/types/src/primitives/index.d.ts",
|
|
25
25
|
"default": "./dist/src/primitives/index.js"
|
|
26
26
|
},
|
|
27
|
+
"./meta.json": "./dist/src/utils/meta/meta.json",
|
|
28
|
+
"./dist/src/utils/meta/meta.json": "./dist/src/utils/meta/meta.json",
|
|
27
29
|
"./package.json": "./package.json"
|
|
28
30
|
},
|
|
29
31
|
"files": [
|
|
@@ -120,5 +122,5 @@
|
|
|
120
122
|
"react-native-screens": ">=4.18.0",
|
|
121
123
|
"react-native-svg": ">=12.0.0"
|
|
122
124
|
},
|
|
123
|
-
"gitHead": "
|
|
125
|
+
"gitHead": "87938ccef4ab0c51ab356fd1b19c9a20ca1a73ab"
|
|
124
126
|
}
|