@jobber/components-native 0.101.8 → 0.101.9-CLEANUPfi-9e8175d.32

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.
@@ -55,7 +55,7 @@ entire contents of the ActionItem should be read as one element.
55
55
  | Prop | Type | Required | Default | Description |
56
56
  |------|------|----------|---------|-------------|
57
57
  | `actionIcon` | `ActionIconNames` | No | `edit` | Action icon to display |
58
- | `actionIconAlignment` | `"flex-start" | "flex-end" | "center"` | No | `center` | Alignment of action icon |
58
+ | `actionIconAlignment` | `"center" | "flex-end" | "flex-start"` | No | `center` | Alignment of action icon |
59
59
  | `actionIconColour` | `ActionIconColour` | No | `interactive` | Colour of the action icon |
60
60
  | `children` | `ReactNode` | No | — | Content to display. |
61
61
  | `icon` | `IconNames` | No | — | Name of the icon to display before content |
@@ -29,7 +29,7 @@ ActivityIndicator uses the core component
29
29
  | `accessibilityLabelledBy` | `string | string[]` | No | — | Identifies the element that labels the element it is applied to. When the assistive technology focuses on the compone... |
30
30
  | `accessibilityLanguage` | `string` | No | — | By using the accessibilityLanguage property, the screen reader will understand which language to use while reading th... |
31
31
  | `accessibilityLargeContentTitle` | `string` | No | — | When `accessibilityShowsLargeContentViewer` is set, this string will be used as title for the large content viewer. h... |
32
- | `accessibilityLiveRegion` | `"none" | "polite" | "assertive"` | No | — | Indicates to accessibility services whether the user should be notified when this view changes. Works for Android API... |
32
+ | `accessibilityLiveRegion` | `"assertive" | "none" | "polite"` | No | — | Indicates to accessibility services whether the user should be notified when this view changes. Works for Android API... |
33
33
  | `accessibilityRespondsToUserInteraction` | `boolean` | No | — | Blocks the user from interacting with the component through keyboard while still allowing screen reader to interact w... |
34
34
  | `accessibilityRole` | `AccessibilityRole` | No | — | Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is fo... |
35
35
  | `accessibilityShowsLargeContentViewer` | `boolean` | No | — | A Boolean value that indicates whether or not to show the item in the large content viewer. Available on iOS 13.0+ ht... |
@@ -39,13 +39,13 @@ ActivityIndicator uses the core component
39
39
  | `accessible` | `boolean` | No | — | When true, indicates that the view is an accessibility element. By default, all the touchable elements are accessible. |
40
40
  | `animating` | `boolean` | No | — | Whether to show the indicator (true, the default) or hide it (false). |
41
41
  | `aria-busy` | `boolean` | No | — | alias for accessibilityState see https://reactnative.dev/docs/accessibility#accessibilitystate |
42
- | `aria-checked` | `boolean | "mixed"` | No | — | |
42
+ | `aria-checked` | `"mixed" | boolean` | No | — | |
43
43
  | `aria-disabled` | `boolean` | No | — | |
44
44
  | `aria-expanded` | `boolean` | No | — | |
45
45
  | `aria-hidden` | `boolean` | No | — | A value indicating whether the accessibility elements contained within this accessibility element are hidden. |
46
46
  | `aria-label` | `string` | No | — | Alias for accessibilityLabel https://reactnative.dev/docs/view#accessibilitylabel https://github.com/facebook/react-... |
47
47
  | `aria-labelledby` | `string` | No | — | Identifies the element that labels the element it is applied to. When the assistive technology focuses on the compone... |
48
- | `aria-live` | `"polite" | "assertive" | "off"` | No | — | Indicates to accessibility services whether the user should be notified when this view changes. Works for Android API... |
48
+ | `aria-live` | `"assertive" | "off" | "polite"` | No | — | Indicates to accessibility services whether the user should be notified when this view changes. Works for Android API... |
49
49
  | `aria-modal` | `boolean` | No | — | |
50
50
  | `aria-selected` | `boolean` | No | — | |
51
51
  | `aria-valuemax` | `number` | No | — | |
@@ -58,9 +58,9 @@ ActivityIndicator uses the core component
58
58
  | `focusable` | `boolean` | No | — | Whether this `View` should be focusable with a non-touch input device, eg. receive focus with a hardware keyboard. |
59
59
  | `hasTVPreferredFocus` | `boolean` | No | — | *(Apple TV only)* May be set to true to force the Apple TV focus engine to move focus to this view. @platform ios @de... |
60
60
  | `hidesWhenStopped` | `boolean` | No | — | Whether the indicator should hide when not animating (true by default). |
61
- | `hitSlop` | `number | Insets` | No | — | This defines how far a touch event can start away from the view. Typical interface guidelines recommend touch targets... |
61
+ | `hitSlop` | `Insets | number` | No | — | This defines how far a touch event can start away from the view. Typical interface guidelines recommend touch targets... |
62
62
  | `id` | `string` | No | — | Used to reference react managed views from native code. |
63
- | `importantForAccessibility` | `"auto" | "yes" | "no" | "no-hide-descendants"` | No | — | [Android] Controlling if a view fires accessibility events and if it is reported to accessibility services. |
63
+ | `importantForAccessibility` | `"auto" | "no" | "no-hide-descendants" | "yes"` | No | — | [Android] Controlling if a view fires accessibility events and if it is reported to accessibility services. |
64
64
  | `isTVSelectable` | `boolean` | No | — | *(Apple TV only)* When set to true, this view will be focusable and navigable using the Apple TV remote. @platform ios |
65
65
  | `nativeID` | `string` | No | — | Used to reference react managed views from native code. |
66
66
  | `needsOffscreenAlphaCompositing` | `boolean` | No | — | Whether this view needs to rendered offscreen and composited with an alpha in order to preserve 100% correct colors a... |
@@ -100,13 +100,13 @@ ActivityIndicator uses the core component
100
100
  | `onTouchEndCapture` | `(event: GestureResponderEvent) => void` | No | — | |
101
101
  | `onTouchMove` | `(event: GestureResponderEvent) => void` | No | — | |
102
102
  | `onTouchStart` | `(event: GestureResponderEvent) => void` | No | — | |
103
- | `pointerEvents` | `"box-none" | "none" | "box-only" | "auto"` | No | — | In the absence of auto property, none is much like CSS's none value. box-none is as if you had applied the CSS class:... |
103
+ | `pointerEvents` | `"auto" | "box-none" | "box-only" | "none"` | No | — | In the absence of auto property, none is much like CSS's none value. box-none is as if you had applied the CSS class:... |
104
104
  | `removeClippedSubviews` | `boolean` | No | — | This is a special performance property exposed by RCTView and is useful for scrolling content when there are many sub... |
105
105
  | `renderToHardwareTextureAndroid` | `boolean` | No | — | Whether this view should render itself (and all of its children) into a single hardware texture on the GPU. On Andro... |
106
106
  | `role` | `Role` | No | — | Indicates to accessibility services to treat UI component like a specific role. |
107
107
  | `screenReaderFocusable` | `boolean` | No | — | Enables the view to be screen reader focusable, not keyboard focusable. @platform android |
108
108
  | `shouldRasterizeIOS` | `boolean` | No | — | Whether this view should be rendered as a bitmap before compositing. On iOS, this is useful for animations and inter... |
109
- | `size` | `number | "small" | "large"` | No | — | Size of the indicator. Small has a height of 20, large has a height of 36. enum('small', 'large') |
109
+ | `size` | `"large" | "small" | number` | No | — | Size of the indicator. Small has a height of 20, large has a height of 36. enum('small', 'large') |
110
110
  | `style` | `StyleProp<ViewStyle>` | No | — | |
111
111
  | `tabIndex` | `0 | -1` | No | — | Indicates whether this `View` should be focusable with a non-touch input device, eg. receive focus with a hardware ke... |
112
112
  | `testID` | `string` | No | — | Used to locate this view in end-to-end tests. |
@@ -74,7 +74,7 @@ to match the height of the largest button.
74
74
  | `buttonVariation` | `ButtonVariation` | No | — | Themes the action button to the type of action it performs (default: "work") |
75
75
  | `customButton` | `ReactElement<unknown, string | JSXElementConstructor<any>>` | No | — | Optional custom button that can be rendered in place of the primary action button |
76
76
  | `icon` | `IconNames` | No | — | Icon to be displayed on the action button |
77
- | `iconColor` | `"destructive" | "task" | "text" | "warning" | "icon" | "white" | "grey" | "greyBlue" | "greyBlueDark" | "greyBlueLighter" | "blue" | "lightBlue" | "green" | "yellow" | "red" | ... 34 more ... | "brandHighlight"` | No | — | Determines the color of the icon. If not specified, some icons have a default system colour which will be used Others... |
77
+ | `iconColor` | `"task" | "text" | "warning" | "icon" | "white" | "grey" | "greyBlue" | "greyBlueDark" | "greyBlueLighter" | "blue" | "lightBlue" | "green" | "yellow" | "red" | "navy" | "orange" | ... 33 more ... | "brandHighlight"` | No | — | Determines the color of the icon. If not specified, some icons have a default system colour which will be used Others... |
78
78
  | `loading` | `boolean` | No | — | |
79
79
 
80
80
  #### ButtonGroup.SecondaryAction
@@ -85,5 +85,5 @@ to match the height of the largest button.
85
85
  | `onPress` | `() => void` | Yes | — | Press handler for the action button |
86
86
  | `destructive` | `boolean` | No | — | Indicates whether the secondary action is destructive in nature. |
87
87
  | `icon` | `IconNames` | No | — | Icon to be displayed on the action button |
88
- | `iconColor` | `"destructive" | "task" | "text" | "warning" | "icon" | "white" | "grey" | "greyBlue" | "greyBlueDark" | "greyBlueLighter" | "blue" | "lightBlue" | "green" | "yellow" | "red" | ... 34 more ... | "brandHighlight"` | No | — | Determines the color of the icon. If not specified, some icons have a default system colour which will be used Others... |
88
+ | `iconColor` | `"task" | "text" | "warning" | "icon" | "white" | "grey" | "greyBlue" | "greyBlueDark" | "greyBlueLighter" | "blue" | "lightBlue" | "green" | "yellow" | "red" | "navy" | "orange" | ... 33 more ... | "brandHighlight"` | No | — | Determines the color of the icon. If not specified, some icons have a default system colour which will be used Others... |
89
89
  | `loading` | `boolean` | No | — | |
@@ -365,7 +365,7 @@ those more complex selection flows.
365
365
  | `accessibilityLabel` | `string` | No | — | Accessibility label for the component. It's also used for testing |
366
366
  | `accessibilityRole` | `AccessibilityRole` | No | `radio` | Accessibility role for the component |
367
367
  | `icon` | `IconNames` | No | — | Optional Icon |
368
- | `inactiveBackgroundColor` | `"surface" | "background"` | No | `background` | Background color to be used for inactive chips |
368
+ | `inactiveBackgroundColor` | `"background" | "surface"` | No | `background` | Background color to be used for inactive chips |
369
369
  | `isDismissible` | `boolean` | No | — | Boolean for chip's ability to be dismissed |
370
370
  | `label` | `string` | No | — | label of the chip. |
371
371
  | `onPress` | `() => void` | No | — | Press handler |
@@ -33,5 +33,5 @@ one-directional layout.
33
33
  | Prop | Type | Required | Default | Description |
34
34
  |------|------|----------|---------|-------------|
35
35
  | `align` | `FlexAlignType` | No | `center` | It works the same way as `alignItems` style with flex. |
36
- | `gap` | `"none" | "smallest" | "smaller" | "small" | "base" | "large"` | No | `base` | The spacing between the children. |
36
+ | `gap` | `"base" | "large" | "none" | "small" | "smaller" | "smallest"` | No | `base` | The spacing between the children. |
37
37
  | `template` | `ColumnKeys[]` | No | `[]` | Determine how the children gets laid out on the flex grid. If there are more Children than elements in the template, ... |
@@ -114,7 +114,7 @@ message to screen-readers and set focus to the impacted portion of the Form.
114
114
  | `localCacheExclude` | `string[]` | No | — | Forms field names that will not be considered for caching. Useful for omitting sensitive data. |
115
115
  | `localCacheId` | `string | string[]` | No | — | A string or array of strings that can be used to identify the pre-filled data on the form. This can be used to suppor... |
116
116
  | `localCacheKey` | `string` | No | — | Adding a key will save a local copy of the form data that will be used to recover values when the app is backgrounded... |
117
- | `mode` | `"onBlur" | "onChange" | "onSubmit" | "onTouched" | "all"` | No | — | When the validation should happen. Possible values are "onBlur", "onChange", "onSubmit", "onTouched", and "all". The ... |
117
+ | `mode` | `"all" | "onBlur" | "onChange" | "onSubmit" | "onTouched"` | No | — | When the validation should happen. Possible values are "onBlur", "onChange", "onSubmit", "onTouched", and "all". The ... |
118
118
  | `onBeforeSubmit` | `(data: T) => Promise<boolean>` | No | — | A callback function that is run before invoking onSubmit. Form submission is canceled if the promise resolves to false. |
119
119
  | `renderFooter` | `ReactNode` | No | — | Renders a footer below the save button. |
120
120
  | `renderStickySection` | `(onSubmit: () => void, label: string, isSubmitting: boolean) => ReactElement<unknown, string | JSXElementConstructor<any>>` | No | — | @deprecated use `secondaryAction` instead. Override default save button in the sticky section of the form with anothe... |
@@ -26,19 +26,6 @@ image, while expanded is used to display a file alongside its metadata.
26
26
 
27
27
  ### Mobile
28
28
 
29
- #### FormatFileContent
30
-
31
- | Prop | Type | Required | Default | Description |
32
- |------|------|----------|---------|-------------|
33
- | `file` | `FormattedFile` | Yes | — | |
34
- | `isMedia` | `boolean` | Yes | — | |
35
- | `onUploadComplete` | `() => void` | Yes | — | |
36
- | `showOverlay` | `boolean` | Yes | — | |
37
- | `styleInGrid` | `boolean` | Yes | — | |
38
- | `accessibilityLabel` | `string` | No | — | |
39
- | `onMediaLoadEnd` | `() => void` | No | — | * @internal A function to be called when the media has loaded. This is only used in FormatFileThumbnail. |
40
- | `skipContainerStyles` | `boolean` | No | `false` | @internal When true, the component skips its container wrapper entirely (no border, background, or dimension styles).... |
41
-
42
29
  #### FormatFile
43
30
 
44
31
  | Prop | Type | Required | Default | Description |
@@ -54,3 +41,16 @@ image, while expanded is used to display a file alongside its metadata.
54
41
  | `showFileTypeIndicator` | `boolean` | No | `true` | Set false to hide the filetype icon |
55
42
  | `styleInGrid` | `boolean` | No | `false` | Uses a grid layout when multi-file upload is supported |
56
43
  | `testID` | `string` | No | — | A reference to the element in the rendered output |
44
+
45
+ #### FormatFileContent
46
+
47
+ | Prop | Type | Required | Default | Description |
48
+ |------|------|----------|---------|-------------|
49
+ | `file` | `FormattedFile` | Yes | — | |
50
+ | `isMedia` | `boolean` | Yes | — | |
51
+ | `onUploadComplete` | `() => void` | Yes | — | |
52
+ | `showOverlay` | `boolean` | Yes | — | |
53
+ | `styleInGrid` | `boolean` | Yes | — | |
54
+ | `accessibilityLabel` | `string` | No | — | |
55
+ | `onMediaLoadEnd` | `() => void` | No | — | * @internal A function to be called when the media has loaded. This is only used in FormatFileThumbnail. |
56
+ | `skipContainerStyles` | `boolean` | No | `false` | @internal When true, the component skips its container wrapper entirely (no border, background, or dimension styles).... |
@@ -137,7 +137,7 @@ export function GlimmerSemanticBlocksExample() {
137
137
 
138
138
  | Prop | Type | Required | Default | Description |
139
139
  |------|------|----------|---------|-------------|
140
- | `shape` | `"rectangle" | "square" | "circle"` | No | `rectangle` | Sets the size of the glimmer. |
141
- | `size` | `"small" | "base" | "large" | "larger" | "largest"` | No | `base` | Sets the shape of the glimmer. If you need a specific width, use the `width` prop. |
140
+ | `shape` | `"circle" | "rectangle" | "square"` | No | `rectangle` | Sets the size of the glimmer. |
141
+ | `size` | `"base" | "large" | "larger" | "largest" | "small"` | No | `base` | Sets the shape of the glimmer. If you need a specific width, use the `width` prop. |
142
142
  | `timing` | `GlimmerTimings` | No | `base` | Control how fast the shine moves from left to right. This is useful when the glimmer is used on smaller spaces. |
143
143
  | `width` | `number | `${number}%`` | No | — | Adjust the width of the glimmer in px or % values. |
@@ -582,5 +582,5 @@ necessary.
582
582
  | `name` | `IconNames` | Yes | — | The icon to show. |
583
583
  | `color` | `"task" | "text" | "warning" | "icon" | "white" | "grey" | "greyBlue" | "greyBlueDark" | "greyBlueLighter" | "blue" | "lightBlue" | "green" | "yellow" | "red" | "navy" | "orange" | ... 33 more ... | "brandHighlight"` | No | — | Determines the color of the icon. If not specified, some icons have a default system colour like quotes, jobs, and in... |
584
584
  | `customColor` | `string` | No | — | Sets a custom color for the icon. Can be a rgb() or hex value. |
585
- | `size` | `"small" | "base" | "large"` | No | `base` | Changes the size to small or large. |
585
+ | `size` | `"base" | "large" | "small"` | No | `base` | Changes the size to small or large. |
586
586
  | `testID` | `string` | No | — | Used to locate this view in end-to-end tests |
@@ -23,18 +23,18 @@ displayed to them.
23
23
  | `accessibilityHint` | `string` | No | — | An accessibility hint helps users understand what will happen when they perform an action on the accessibility elemen... |
24
24
  | `accessibilityLabel` | `string` | No | — | VoiceOver will read this string when a user selects the associated element |
25
25
  | `assistiveText` | `string` | No | — | Text that helps the user understand the input |
26
- | `autoCapitalize` | `"characters" | "words" | "sentences" | "none"` | No | — | Determines where to autocapitalize |
27
- | `autoComplete` | `"name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | ... 45 more ... | "off"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
26
+ | `autoCapitalize` | `"characters" | "none" | "sentences" | "words"` | No | — | Determines where to autocapitalize |
27
+ | `autoComplete` | `"email" | "off" | "name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | ... 44 more ... | "username-new"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
28
28
  | `autoCorrect` | `boolean` | No | — | Turn off autocorrect |
29
29
  | `autoFocus` | `boolean` | No | — | Automatically focus the input after it is rendered |
30
30
  | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value. You should always use `while-editing` if you want the input t... |
31
31
  | `decimalPlaces` | `number` | No | — | The minimum decimal places for the currency number Default value is 2 |
32
32
  | `defaultValue` | `number` | No | — | |
33
33
  | `disabled` | `boolean` | No | — | Disable the input |
34
- | `invalid` | `string | boolean` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
34
+ | `invalid` | `boolean | string` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
35
35
  | `keyboard` | `"decimal-pad" | "numbers-and-punctuation"` | No | — | |
36
36
  | `loading` | `boolean` | No | — | Show loading indicator. |
37
- | `loadingType` | `"spinner" | "glimmer"` | No | — | Change the type of loading indicator to spinner or glimmer. |
37
+ | `loadingType` | `"glimmer" | "spinner"` | No | — | Change the type of loading indicator to spinner or glimmer. |
38
38
  | `maxDecimalPlaces` | `number` | No | — | The maximum decimal places for the currency number Default value is 5 |
39
39
  | `maxLength` | `number` | No | — | The maximum length of the input Default value is 10 |
40
40
  | `multiline` | `boolean` | No | — | Determines if inputText will span multiple lines. Default is `false` https://reactnative.dev/docs/textinput#multiline |
@@ -53,7 +53,7 @@ displayed to them.
53
53
  | `styleOverride` | `InputTextStyleOverride` | No | — | Custom styling to override default style of the input text |
54
54
  | `suffix` | `{ icon?: IconNames; label?: string; onPress?: () => void; }` | No | — | Symbol to display after the text input |
55
55
  | `testID` | `string` | No | — | Used to locate this view in end-to-end tests |
56
- | `textContentType` | `"name" | "none" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | ... 33 more ... | "shipmentTrackingNumber"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `none` which disables auto complete ... |
56
+ | `textContentType` | `"none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | ... 33 more ... | "shipmentTrackingNumber"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `none` which disables auto complete ... |
57
57
  | `toolbar` | `ReactNode` | No | — | Add a toolbar below the input field for actions like rewriting the text. |
58
58
  | `toolbarVisibility` | `"always" | "while-editing"` | No | — | Change the behaviour of when the toolbar becomes visible. |
59
59
  | `transform` | `{ input?: (v: any) => string; output?: (v: string) => any; }` | No | — | transform object is used to transform the internal TextInput value It's useful for components like InputNumber where ... |
@@ -115,16 +115,16 @@ at the root of the application, populated with the applicable value.
115
115
  |------|------|----------|---------|-------------|
116
116
  | `accessibilityHint` | `string` | No | — | Helps users understand what will happen when they perform an action |
117
117
  | `accessibilityLabel` | `string` | No | — | VoiceOver will read this string when a user selects the element |
118
- | `clearable` | `"never" | "always"` | No | — | Defaulted to "always" so user can clear the dates whenever there's a value. |
118
+ | `clearable` | `"always" | "never"` | No | — | Defaulted to "always" so user can clear the dates whenever there's a value. |
119
119
  | `defaultValue` | `Date` | No | — | The initial value for the input. |
120
120
  | `disabled` | `boolean` | No | — | Disable the input |
121
121
  | `emptyValueLabel` | `string` | No | — | This label is shown to the user when there's no selected date. |
122
- | `invalid` | `string | boolean` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
122
+ | `invalid` | `boolean | string` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
123
123
  | `maxDate` | `Date` | No | — | Maximum date the user can set. |
124
124
  | `minDate` | `Date` | No | — | Minimum date the user can set |
125
125
  | `name` | `string` | No | — | Adding a `name` would make this component "Form controlled" and must be nested within a `<Form />` component. Cannot... |
126
126
  | `onChange` | `((value?: Date) => void) | ((value?: Date) => void)` | No | — | The callback that fires whenever a date gets selected. |
127
127
  | `placeholder` | `string` | No | — | Hint text that goes above the value once the field is filled out |
128
128
  | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
129
- | `validations` | `Omit<RegisterOptions<FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs">` | No | — | Shows an error message below the field and highlights it red when the value is invalid. Only applies when nested with... |
130
- | `value` | `string | Date` | No | — | The value shown on the field. This gets automatically formatted to the account's date format. Cannot be declared if ... |
129
+ | `validations` | `Omit<RegisterOptions<FieldValues, string>, "disabled" | "setValueAs" | "valueAsNumber" | "valueAsDate">` | No | — | Shows an error message below the field and highlights it red when the value is invalid. Only applies when nested with... |
130
+ | `value` | `Date | string` | No | — | The value shown on the field. This gets automatically formatted to the account's date format. Cannot be declared if ... |
@@ -35,16 +35,16 @@ If you are not worried about email address validation, consider using
35
35
  | `accessibilityHint` | `string` | No | — | An accessibility hint helps users understand what will happen when they perform an action on the accessibility elemen... |
36
36
  | `accessibilityLabel` | `string` | No | — | VoiceOver will read this string when a user selects the associated element |
37
37
  | `assistiveText` | `string` | No | — | Text that helps the user understand the input |
38
- | `autoCapitalize` | `"characters" | "words" | "sentences" | "none"` | No | — | Determines where to autocapitalize |
39
- | `autoComplete` | `"name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | ... 45 more ... | "off"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
38
+ | `autoCapitalize` | `"characters" | "none" | "sentences" | "words"` | No | — | Determines where to autocapitalize |
39
+ | `autoComplete` | `"email" | "off" | "name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | ... 44 more ... | "username-new"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
40
40
  | `autoCorrect` | `boolean` | No | — | Turn off autocorrect |
41
41
  | `autoFocus` | `boolean` | No | — | Automatically focus the input after it is rendered |
42
42
  | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value. You should always use `while-editing` if you want the input t... |
43
43
  | `defaultValue` | `string` | No | — | Default value for when component is uncontrolled |
44
44
  | `disabled` | `boolean` | No | — | Disable the input |
45
- | `invalid` | `string | boolean` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
45
+ | `invalid` | `boolean | string` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
46
46
  | `loading` | `boolean` | No | — | Show loading indicator. |
47
- | `loadingType` | `"spinner" | "glimmer"` | No | — | Change the type of loading indicator to spinner or glimmer. |
47
+ | `loadingType` | `"glimmer" | "spinner"` | No | — | Change the type of loading indicator to spinner or glimmer. |
48
48
  | `multiline` | `boolean` | No | — | Determines if inputText will span multiple lines. Default is `false` https://reactnative.dev/docs/textinput#multiline |
49
49
  | `name` | `string` | No | — | Name of the input. |
50
50
  | `onBlur` | `(event?: FocusEvent) => void` | No | — | Callback that is called when the text input is blurred |
@@ -61,7 +61,7 @@ If you are not worried about email address validation, consider using
61
61
  | `styleOverride` | `InputTextStyleOverride` | No | — | Custom styling to override default style of the input text |
62
62
  | `suffix` | `{ icon?: IconNames; label?: string; onPress?: () => void; }` | No | — | Symbol to display after the text input |
63
63
  | `testID` | `string` | No | — | Used to locate this view in end-to-end tests |
64
- | `textContentType` | `"name" | "none" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | ... 33 more ... | "shipmentTrackingNumber"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `none` which disables auto complete ... |
64
+ | `textContentType` | `"none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | ... 33 more ... | "shipmentTrackingNumber"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `none` which disables auto complete ... |
65
65
  | `toolbar` | `ReactNode` | No | — | Add a toolbar below the input field for actions like rewriting the text. |
66
66
  | `toolbarVisibility` | `"always" | "while-editing"` | No | — | Change the behaviour of when the toolbar becomes visible. |
67
67
  | `transform` | `{ input?: (v: any) => string; output?: (v: string) => any; }` | No | — | transform object is used to transform the internal TextInput value It's useful for components like InputNumber where ... |
@@ -55,13 +55,13 @@ See
55
55
  | `error` | `FieldError` | No | — | |
56
56
  | `focused` | `boolean` | No | `false` | |
57
57
  | `hasValue` | `boolean` | No | `false` | |
58
- | `invalid` | `string | boolean` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
58
+ | `invalid` | `boolean | string` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
59
59
  | `loading` | `boolean` | No | `false` | Show loading indicator. |
60
- | `loadingType` | `"spinner" | "glimmer"` | No | `spinner` | Change the type of loading indicator to spinner or glimmer. |
60
+ | `loadingType` | `"glimmer" | "spinner"` | No | `spinner` | Change the type of loading indicator to spinner or glimmer. |
61
61
  | `multiline` | `boolean` | No | `false` | Whether the input is a multiline input. |
62
62
  | `onClear` | `() => void` | No | — | Callback called when the user clicks the ClearAction button. Should clear the value passed. To disallow clearing set ... |
63
63
  | `placeholder` | `string` | No | — | Hint text that goes above the value once the field is filled out |
64
- | `placeholderMode` | `"normal" | "mini" | "hidden"` | No | `normal` | Controls how the placeholder text is displayed. - normal: the placeholder text will be displayed in the normal placeh... |
64
+ | `placeholderMode` | `"hidden" | "mini" | "normal"` | No | `normal` | Controls how the placeholder text is displayed. - normal: the placeholder text will be displayed in the normal placeh... |
65
65
  | `prefix` | `{ icon?: IconNames; label?: string; }` | No | — | Symbol to display before the text input |
66
66
  | `showClearAction` | `boolean` | No | `false` | Adds the ClearAction that will call the onClear handler when pressed |
67
67
  | `styleOverride` | `InputFieldStyleOverride` | No | — | Custom styling to override default style of the input field |
@@ -37,17 +37,17 @@ For more details about `validation` using `Input` components, see the
37
37
  | `accessibilityHint` | `string` | No | — | An accessibility hint helps users understand what will happen when they perform an action on the accessibility elemen... |
38
38
  | `accessibilityLabel` | `string` | No | — | VoiceOver will read this string when a user selects the associated element |
39
39
  | `assistiveText` | `string` | No | — | Text that helps the user understand the input |
40
- | `autoCapitalize` | `"characters" | "words" | "sentences" | "none"` | No | — | Determines where to autocapitalize |
41
- | `autoComplete` | `"name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | ... 45 more ... | "off"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
40
+ | `autoCapitalize` | `"characters" | "none" | "sentences" | "words"` | No | — | Determines where to autocapitalize |
41
+ | `autoComplete` | `"email" | "off" | "name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | ... 44 more ... | "username-new"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
42
42
  | `autoCorrect` | `boolean` | No | — | Turn off autocorrect |
43
43
  | `autoFocus` | `boolean` | No | — | Automatically focus the input after it is rendered |
44
44
  | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value. You should always use `while-editing` if you want the input t... |
45
45
  | `defaultValue` | `number` | No | — | |
46
46
  | `disabled` | `boolean` | No | — | Disable the input |
47
- | `invalid` | `string | boolean` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
47
+ | `invalid` | `boolean | string` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
48
48
  | `keyboard` | `NumberKeyboard` | No | — | |
49
49
  | `loading` | `boolean` | No | — | Show loading indicator. |
50
- | `loadingType` | `"spinner" | "glimmer"` | No | — | Change the type of loading indicator to spinner or glimmer. |
50
+ | `loadingType` | `"glimmer" | "spinner"` | No | — | Change the type of loading indicator to spinner or glimmer. |
51
51
  | `multiline` | `boolean` | No | — | Determines if inputText will span multiple lines. Default is `false` https://reactnative.dev/docs/textinput#multiline |
52
52
  | `name` | `string` | No | — | Name of the input. |
53
53
  | `onBlur` | `(event?: FocusEvent) => void` | No | — | Callback that is called when the text input is blurred |
@@ -64,7 +64,7 @@ For more details about `validation` using `Input` components, see the
64
64
  | `styleOverride` | `InputTextStyleOverride` | No | — | Custom styling to override default style of the input text |
65
65
  | `suffix` | `{ icon?: IconNames; label?: string; onPress?: () => void; }` | No | — | Symbol to display after the text input |
66
66
  | `testID` | `string` | No | — | Used to locate this view in end-to-end tests |
67
- | `textContentType` | `"name" | "none" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | ... 33 more ... | "shipmentTrackingNumber"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `none` which disables auto complete ... |
67
+ | `textContentType` | `"none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | ... 33 more ... | "shipmentTrackingNumber"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `none` which disables auto complete ... |
68
68
  | `toolbar` | `ReactNode` | No | — | Add a toolbar below the input field for actions like rewriting the text. |
69
69
  | `toolbarVisibility` | `"always" | "while-editing"` | No | — | Change the behaviour of when the toolbar becomes visible. |
70
70
  | `transform` | `{ input?: (v: any) => string; output?: (v: string) => any; }` | No | — | transform object is used to transform the internal TextInput value It's useful for components like InputNumber where ... |
@@ -29,15 +29,15 @@ refer to [InputText](../InputText/InputText.md).
29
29
  | `accessibilityHint` | `string` | No | — | An accessibility hint helps users understand what will happen when they perform an action on the accessibility elemen... |
30
30
  | `accessibilityLabel` | `string` | No | — | VoiceOver will read this string when a user selects the associated element |
31
31
  | `assistiveText` | `string` | No | — | Text that helps the user understand the input |
32
- | `autoCapitalize` | `"characters" | "words" | "sentences" | "none"` | No | — | Determines where to autocapitalize |
33
- | `autoComplete` | `"name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | ... 45 more ... | "off"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
32
+ | `autoCapitalize` | `"characters" | "none" | "sentences" | "words"` | No | — | Determines where to autocapitalize |
33
+ | `autoComplete` | `"email" | "off" | "name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | ... 44 more ... | "username-new"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
34
34
  | `autoCorrect` | `boolean` | No | — | Turn off autocorrect |
35
35
  | `autoFocus` | `boolean` | No | — | Automatically focus the input after it is rendered |
36
36
  | `defaultValue` | `string` | No | — | Default value for when component is uncontrolled |
37
37
  | `disabled` | `boolean` | No | — | Disable the input |
38
- | `invalid` | `string | boolean` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
38
+ | `invalid` | `boolean | string` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
39
39
  | `loading` | `boolean` | No | — | Show loading indicator. |
40
- | `loadingType` | `"spinner" | "glimmer"` | No | — | Change the type of loading indicator to spinner or glimmer. |
40
+ | `loadingType` | `"glimmer" | "spinner"` | No | — | Change the type of loading indicator to spinner or glimmer. |
41
41
  | `multiline` | `boolean` | No | — | Determines if inputText will span multiple lines. Default is `false` https://reactnative.dev/docs/textinput#multiline |
42
42
  | `name` | `string` | No | — | Name of the input. |
43
43
  | `onBlur` | `(event?: FocusEvent) => void` | No | — | Callback that is called when the text input is blurred |
@@ -53,7 +53,7 @@ To prevent a previously focused input from being focused again when the
53
53
  | `disabled` | `boolean` | No | — | Disables input selection |
54
54
  | `error` | `FieldError` | No | — | Indicates if there is an validation error |
55
55
  | `focused` | `boolean` | No | — | Indicates if the input is focused |
56
- | `invalid` | `string | boolean` | No | — | Indicates the current selection is invalid |
56
+ | `invalid` | `boolean | string` | No | — | Indicates the current selection is invalid |
57
57
  | `onClear` | `() => void` | No | — | Callback called when the user clicks the ClearAction button. Should clear the value passed. To disallow clearing set ... |
58
58
  | `onPress` | `() => void` | No | — | Callback that is called when the text input is focused @param event |
59
59
  | `placeholder` | `string` | No | — | Placeholder item shown until a selection is made |
@@ -289,17 +289,17 @@ they will not do anything.
289
289
  | `accessibilityHint` | `string` | No | — | An accessibility hint helps users understand what will happen when they perform an action on the accessibility elemen... |
290
290
  | `accessibilityLabel` | `string` | No | — | VoiceOver will read this string when a user selects the associated element |
291
291
  | `assistiveText` | `string` | No | — | Text that helps the user understand the input |
292
- | `autoCapitalize` | `"characters" | "words" | "sentences" | "none"` | No | — | Determines where to autocapitalize |
293
- | `autoComplete` | `"name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | ... 45 more ... | "off"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
292
+ | `autoCapitalize` | `"characters" | "none" | "sentences" | "words"` | No | — | Determines where to autocapitalize |
293
+ | `autoComplete` | `"email" | "off" | "name" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | ... 44 more ... | "username-new"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `off` which disables auto complete ... |
294
294
  | `autoCorrect` | `boolean` | No | — | Turn off autocorrect |
295
295
  | `autoFocus` | `boolean` | No | — | Automatically focus the input after it is rendered |
296
296
  | `clearable` | `Clearable` | No | — | Add a clear action on the input that clears the value. You should always use `while-editing` if you want the input t... |
297
297
  | `defaultValue` | `string` | No | — | Default value for when component is uncontrolled |
298
298
  | `disabled` | `boolean` | No | — | Disable the input |
299
- | `invalid` | `string | boolean` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
300
- | `keyboard` | `"default" | "numeric" | "phone-pad" | "email-address" | "numbers-and-punctuation" | "decimal-pad"` | No | — | Determines what keyboard is shown |
299
+ | `invalid` | `boolean | string` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
300
+ | `keyboard` | `"decimal-pad" | "default" | "email-address" | "numbers-and-punctuation" | "numeric" | "phone-pad"` | No | — | Determines what keyboard is shown |
301
301
  | `loading` | `boolean` | No | — | Show loading indicator. |
302
- | `loadingType` | `"spinner" | "glimmer"` | No | — | Change the type of loading indicator to spinner or glimmer. |
302
+ | `loadingType` | `"glimmer" | "spinner"` | No | — | Change the type of loading indicator to spinner or glimmer. |
303
303
  | `multiline` | `boolean` | No | — | Determines if inputText will span multiple lines. Default is `false` https://reactnative.dev/docs/textinput#multiline |
304
304
  | `name` | `string` | No | — | Name of the input. |
305
305
  | `onBlur` | `(event?: FocusEvent) => void` | No | — | Callback that is called when the text input is blurred |
@@ -316,9 +316,9 @@ they will not do anything.
316
316
  | `styleOverride` | `InputTextStyleOverride` | No | — | Custom styling to override default style of the input text |
317
317
  | `suffix` | `{ icon?: IconNames; label?: string; onPress?: () => void; }` | No | — | Symbol to display after the text input |
318
318
  | `testID` | `string` | No | — | Used to locate this view in end-to-end tests |
319
- | `textContentType` | `"name" | "none" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | ... 33 more ... | "shipmentTrackingNumber"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `none` which disables auto complete ... |
319
+ | `textContentType` | `"none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | ... 33 more ... | "shipmentTrackingNumber"` | No | — | Determines which content to suggest on auto complete, e.g.`username`. Default is `none` which disables auto complete ... |
320
320
  | `toolbar` | `ReactNode` | No | — | Add a toolbar below the input field for actions like rewriting the text. |
321
- | `toolbarVisibility` | `"while-editing" | "always"` | No | — | Change the behaviour of when the toolbar becomes visible. |
321
+ | `toolbarVisibility` | `"always" | "while-editing"` | No | — | Change the behaviour of when the toolbar becomes visible. |
322
322
  | `transform` | `{ input?: (v: any) => string; output?: (v: string) => any; }` | No | — | transform object is used to transform the internal TextInput value It's useful for components like InputNumber where ... |
323
323
  | `validations` | `RegisterOptions` | No | — | Shows an error message below the field and highlight the field red when value is invalid |
324
324
  | `value` | `string` | No | — | Set the component to a given value |
@@ -40,15 +40,15 @@ to type `10`, `11`, or `12`.
40
40
 
41
41
  | Prop | Type | Required | Default | Description |
42
42
  |------|------|----------|---------|-------------|
43
- | `clearable` | `"never" | "always"` | No | — | Defaulted to "always" so user can clear the time whenever there's a value. |
43
+ | `clearable` | `"always" | "never"` | No | — | Defaulted to "always" so user can clear the time whenever there's a value. |
44
44
  | `disabled` | `boolean` | No | — | Disable the input |
45
45
  | `emptyValueLabel` | `string` | No | `undefined` | Add a custom value to display when no time is selected |
46
- | `invalid` | `string | boolean` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
46
+ | `invalid` | `boolean | string` | No | — | Highlights the field red and shows message below (if string) to indicate an error |
47
47
  | `name` | `string` | No | — | Adding a `name` would make this component "Form controlled" and must be nested within a `<Form />` component. Cannot... |
48
48
  | `onChange` | `((value?: Date) => void) | ((value?: Date) => void)` | No | — | The callback that fires whenever a time gets selected. |
49
49
  | `placeholder` | `string` | No | — | Hint text that goes above the value once the field is filled out |
50
50
  | `showIcon` | `boolean` | No | — | Hide or show the timer icon. |
51
51
  | `showMiniLabel` | `boolean` | No | `true` | Controls the visibility of the mini label that appears inside the input when a value is entered. By default, the plac... |
52
52
  | `type` | `"granular" | "scheduling"` | No | `scheduling` | Adjusts the UX of the time picker based on where you'd use it. - `"granular"` - allows the user to pick a very speci... |
53
- | `validations` | `Omit<RegisterOptions<FieldValues, string>, "disabled" | "valueAsNumber" | "valueAsDate" | "setValueAs">` | No | — | Shows an error message below the field and highlights it red when the value is invalid. Only applies when nested with... |
54
- | `value` | `string | Date` | No | — | The value shown on the field. This gets automatically formatted to the account's time format. |
53
+ | `validations` | `Omit<RegisterOptions<FieldValues, string>, "disabled" | "setValueAs" | "valueAsNumber" | "valueAsDate">` | No | — | Shows an error message below the field and highlights it red when the value is invalid. Only applies when nested with... |
54
+ | `value` | `Date | string` | No | — | The value shown on the field. This gets automatically formatted to the account's time format. |
@@ -34,6 +34,6 @@ An example where you might be better served using a Spinner:
34
34
  | `inProgress` | `number` | No | `0` | The number of items in progress (not completed, but to be less than the total); not applicable with stepped variation |
35
35
  | `loading` | `boolean` | No | — | If the progress bar is loading, the progress indicators aren't rendered on the screen |
36
36
  | `reverseTheme` | `boolean` | No | `false` | If the amountFormatted and totalAmountFormatted text needs to appear more visibile because of the background, for exa... |
37
- | `size` | `"smaller" | "small" | "base"` | No | `base` | Set the size of the progress bar |
37
+ | `size` | `"base" | "small" | "smaller"` | No | `base` | Set the size of the progress bar |
38
38
  | `UNSAFE_style` | `ProgressBarUnsafeStyle` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |
39
39
  | `variation` | `"progress" | "stepped"` | No | `progress` | Set the variation of the progress bar |
@@ -192,6 +192,13 @@ dropdown content is stylable; the closed value alignment is not.
192
192
 
193
193
  ### Mobile
194
194
 
195
+ #### Option
196
+
197
+ | Prop | Type | Required | Default | Description |
198
+ |------|------|----------|---------|-------------|
199
+ | `children` | `string` | Yes | — | Text that shows up as the option |
200
+ | `value` | `string` | Yes | — | The value that gets returned when an option is selected |
201
+
195
202
  #### Select
196
203
 
197
204
  | Prop | Type | Required | Default | Description |
@@ -210,10 +217,3 @@ dropdown content is stylable; the closed value alignment is not.
210
217
  | `testID` | `string` | No | — | Used to locate this view in end-to-end tests. |
211
218
  | `validations` | `RegisterOptions` | No | — | The validations that will mark this component as invalid |
212
219
  | `value` | `string` | No | — | Current value of the component |
213
-
214
- #### Option
215
-
216
- | Prop | Type | Required | Default | Description |
217
- |------|------|----------|---------|-------------|
218
- | `children` | `string` | Yes | — | Text that shows up as the option |
219
- | `value` | `string` | Yes | — | The value that gets returned when an option is selected |
@@ -115,5 +115,5 @@ the label should wrap.
115
115
  | Prop | Type | Required | Default | Description |
116
116
  |------|------|----------|---------|-------------|
117
117
  | `text` | `string` | Yes | — | Text to display. |
118
- | `alignment` | `"start" | "end"` | No | `end` | Alignment of text |
118
+ | `alignment` | `"end" | "start"` | No | `end` | Alignment of text |
119
119
  | `status` | `StatusType` | No | `success` | Status color of the square beside text |
@@ -363,6 +363,6 @@ under the [Typography](../Typography/Typography.md) documentation.
363
363
  | `reverseTheme` | `boolean` | No | `false` | Reverse theme for better display on dark background |
364
364
  | `selectable` | `boolean` | No | `true` | Lets the user select text, to use the native copy and paste functionality. WARNING: if true, this prevents ellipsis f... |
365
365
  | `strikeThrough` | `boolean` | No | `false` | Have text styled with strike through |
366
- | `underline` | `"solid" | "dotted"` | No | — | Underline style to use for the text. The non-solid style is only supported on iOS, as per React Native's Text compone... |
366
+ | `underline` | `"dotted" | "solid"` | No | — | Underline style to use for the text. The non-solid style is only supported on iOS, as per React Native's Text compone... |
367
367
  | `UNSAFE_style` | `TypographyUnsafeStyle` | No | — | **Use at your own risk:** Custom style for specific elements. This should only be used as a **last resort**. Using th... |
368
368
  | `variation` | `TextVariation` | No | `base` | Color variation of text |
@@ -14,7 +14,6 @@ deprecated.
14
14
  | Component | Import | v2 prop |
15
15
  | ---------------- | ------------------------------------------------------------------------ | ------------------------------------------------- |
16
16
  | Autocomplete | `import { Autocomplete } from "@jobber/components/Autocomplete"` | `version={2}` — fully controlled, async support |
17
- | InputEmail | `import { InputEmail } from "@jobber/components/InputEmail"` | `version={2}` |
18
17
  | InputNumber | `import { InputNumber } from "@jobber/components/InputNumber"` | `version={2}` |
19
18
  | InputPhoneNumber | `import { InputPhoneNumber } from "@jobber/components/InputPhoneNumber"` | `version={2}` |
20
19
  | InputText | `import { InputText } from "@jobber/components/InputText"` | `version={2}` |
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components-native",
3
- "version": "0.101.8",
3
+ "version": "0.101.9-CLEANUPfi-9e8175d.32+9e8175dd3",
4
4
  "license": "MIT",
5
5
  "description": "React Native implementation of Atlantis",
6
6
  "repository": {
@@ -59,7 +59,7 @@
59
59
  "@babel/runtime": "^7.29.2",
60
60
  "@gorhom/bottom-sheet": "^5.2.8",
61
61
  "@jobber/design": "0.99.0",
62
- "@jobber/hooks": "2.19.4",
62
+ "@jobber/hooks": "2.19.5-CLEANUPfi-9e8175d.64+9e8175dd3",
63
63
  "@react-native-community/datetimepicker": "^8.4.5",
64
64
  "@react-native/babel-preset": "^0.82.1",
65
65
  "@storybook/addon-a11y": "10.3.5",
@@ -109,5 +109,5 @@
109
109
  "react-native-screens": ">=4.18.0",
110
110
  "react-native-svg": ">=12.0.0"
111
111
  },
112
- "gitHead": "6290db9d722109c8a82f97a2d0f6159beeb4ff01"
112
+ "gitHead": "9e8175dd356632b290715b81f7a0334b992822df"
113
113
  }