@jobber/components-native 0.113.6 → 0.113.8
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/Icon/Icon.md
CHANGED
|
@@ -192,6 +192,7 @@ export function IconSizesExample() {
|
|
|
192
192
|
|
|
193
193
|
| Icon | `Name` |
|
|
194
194
|
| :--- | :----------------- |
|
|
195
|
+
| | `arrow` |
|
|
195
196
|
| | `arrowDown` |
|
|
196
197
|
| | `arrowLeft` |
|
|
197
198
|
| | `arrowRight` |
|
|
@@ -244,22 +245,23 @@ export function IconSizesExample() {
|
|
|
244
245
|
|
|
245
246
|
### Forms
|
|
246
247
|
|
|
247
|
-
| Icon | `Name`
|
|
248
|
-
| :--- |
|
|
249
|
-
| | `checkbox`
|
|
250
|
-
| | `checklist`
|
|
251
|
-
| | `
|
|
252
|
-
| | `
|
|
253
|
-
| | `
|
|
254
|
-
| | `
|
|
255
|
-
| | `
|
|
256
|
-
| | `
|
|
257
|
-
| | `
|
|
258
|
-
| | `
|
|
259
|
-
| | `
|
|
260
|
-
| | `
|
|
261
|
-
| | `
|
|
262
|
-
| | `
|
|
248
|
+
| Icon | `Name` |
|
|
249
|
+
| :--- | :---------------- |
|
|
250
|
+
| | `checkbox` |
|
|
251
|
+
| | `checklist` |
|
|
252
|
+
| | `digestChecklist` |
|
|
253
|
+
| | `edit` |
|
|
254
|
+
| | `editDisabled` |
|
|
255
|
+
| | `radioButton` |
|
|
256
|
+
| | `star` |
|
|
257
|
+
| | `starHalf` |
|
|
258
|
+
| | `starFill` |
|
|
259
|
+
| | `text` |
|
|
260
|
+
| | `textBox` |
|
|
261
|
+
| | `textField` |
|
|
262
|
+
| | `toggle` |
|
|
263
|
+
| | `dropdown` |
|
|
264
|
+
| | `trash` |
|
|
263
265
|
|
|
264
266
|
### Status and support
|
|
265
267
|
|
|
@@ -346,6 +348,8 @@ export function IconSizesExample() {
|
|
|
346
348
|
| | `contactlessPayment` |
|
|
347
349
|
| | `cheque` |
|
|
348
350
|
| | `cash` |
|
|
351
|
+
| | `coin` |
|
|
352
|
+
| | `handDollarSign` |
|
|
349
353
|
|
|
350
354
|
### Work
|
|
351
355
|
|
|
@@ -479,6 +483,7 @@ export function IconSizesExample() {
|
|
|
479
483
|
| | `phoneEnd` |
|
|
480
484
|
| | `phoneIncoming` |
|
|
481
485
|
| | `phoneOutgoing` |
|
|
486
|
+
| | `pieChart` |
|
|
482
487
|
| | `pinned` |
|
|
483
488
|
| | `presentation` |
|
|
484
489
|
| | `priceTag` |
|
|
@@ -500,6 +505,23 @@ export function IconSizesExample() {
|
|
|
500
505
|
| | `unPinned` |
|
|
501
506
|
| | `xero` |
|
|
502
507
|
|
|
508
|
+
### Weather
|
|
509
|
+
|
|
510
|
+
| Icon | `Name` |
|
|
511
|
+
| :--- | :------------------ |
|
|
512
|
+
| | `clearSunny` |
|
|
513
|
+
| | `foggy` |
|
|
514
|
+
| | `hailStorm` |
|
|
515
|
+
| | `heatWarning` |
|
|
516
|
+
| | `heavyRain` |
|
|
517
|
+
| | `lightRain` |
|
|
518
|
+
| | `mixedSnowShowers` |
|
|
519
|
+
| | `nightClear` |
|
|
520
|
+
| | `overcastCloudy` |
|
|
521
|
+
| | `partlySunny` |
|
|
522
|
+
| | `snow` |
|
|
523
|
+
| | `thunderLightening` |
|
|
524
|
+
|
|
503
525
|
### Legacy
|
|
504
526
|
|
|
505
527
|
| Icon | `Name` |
|
|
@@ -86,6 +86,10 @@ and align the input with
|
|
|
86
86
|
With clearer guidance around the purpose of inputs, the user is able to better
|
|
87
87
|
focus on the task at hand.
|
|
88
88
|
|
|
89
|
+
Either affix can be given an `onClick` to make it an action, which renders the
|
|
90
|
+
affix icon as a button. An actioned affix requires both an `icon` and an
|
|
91
|
+
`ariaLabel` to name the button — affix labels are not actionable.
|
|
92
|
+
|
|
89
93
|
```tsx
|
|
90
94
|
import React, { useState } from "react";
|
|
91
95
|
import type { InputTextProps } from "@jobber/components/InputText";
|
|
@@ -128,7 +132,11 @@ export function InputTextPrefixSuffixExample(
|
|
|
128
132
|
/>
|
|
129
133
|
<InputText
|
|
130
134
|
placeholder="Search"
|
|
131
|
-
prefix={{
|
|
135
|
+
prefix={{
|
|
136
|
+
icon: "search",
|
|
137
|
+
ariaLabel: "submit search",
|
|
138
|
+
onClick: () => alert("This could submit a search"),
|
|
139
|
+
}}
|
|
132
140
|
value={search}
|
|
133
141
|
onChange={handleSearchChange}
|
|
134
142
|
suffix={{
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components-native",
|
|
3
|
-
"version": "0.113.
|
|
3
|
+
"version": "0.113.8",
|
|
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.114.0",
|
|
77
77
|
"@jobber/hooks": "2.21.1",
|
|
78
78
|
"@react-native-community/datetimepicker": "^8.4.5",
|
|
79
79
|
"@react-native/babel-preset": "^0.82.1",
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
"react-native-screens": ">=4.18.0",
|
|
124
124
|
"react-native-svg": ">=12.0.0"
|
|
125
125
|
},
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "e4dbbfa3535d42741ca8622ccb33275f4284edd3"
|
|
127
127
|
}
|