@impulse-ui-native/select 11.0.1 → 11.2.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.
- package/README.md +16 -0
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -56,3 +56,19 @@ export function DepartmentField() {
|
|
|
56
56
|
Both controls support controlled `value` and uncontrolled `defaultValue` usage. Values are limited to strings, numbers, `null`, and `undefined`; multi-select stores an array of those values.
|
|
57
57
|
|
|
58
58
|
On each opening, Select reveals its selected option. MultiSelect reveals the first selected option in list order. Lists that fit within the flyout stay at the top so all rows remain visible. Longer lists use native initial scrolling to reveal the opening selection. Options are single-line rows with a fixed `theme.components.select.option.height` (56 by default), also supplied to native `getItemLayout`. Long labels truncate at the end. Selection changes while open do not change the opening target. Set `initialScrollToSelected={false}` to retain the normal starting position.
|
|
59
|
+
|
|
60
|
+
## Field layout
|
|
61
|
+
|
|
62
|
+
Select and MultiSelect accept flex, dimension, and spacing props on the outer
|
|
63
|
+
field, including its label and error. No extra field wrappers are needed:
|
|
64
|
+
|
|
65
|
+
```tsx
|
|
66
|
+
<View flexDirection="row" gap={space.xs}>
|
|
67
|
+
<Select flex={1} options={options} />
|
|
68
|
+
<Select flex={1} options={options} />
|
|
69
|
+
</View>
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
In a column, fields stretch horizontally by default without vertical growth.
|
|
73
|
+
For a parent with `alignItems="center"`, use `alignSelf="stretch"` on the field
|
|
74
|
+
or set an explicit `width`. No default `flex` is applied.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/select",
|
|
3
|
-
"version": "11.0
|
|
3
|
+
"version": "11.2.0",
|
|
4
4
|
"description": "Select and option picker components for ImpulseUI Native applications.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
],
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@impulse-ui-native/theme": "11.0
|
|
32
|
-
"@impulse-ui-native/input": "11.0
|
|
33
|
-
"@impulse-ui-native/icon": "11.0
|
|
34
|
-
"@impulse-ui-native/core": "11.0
|
|
35
|
-
"@impulse-ui-native/primitives": "11.0
|
|
36
|
-
"@impulse-ui-native/flyout": "11.0
|
|
37
|
-
"@impulse-ui-native/portal": "11.0
|
|
38
|
-
"@impulse-ui-native/flat-list": "11.0
|
|
31
|
+
"@impulse-ui-native/theme": "11.2.0",
|
|
32
|
+
"@impulse-ui-native/input": "11.2.0",
|
|
33
|
+
"@impulse-ui-native/icon": "11.2.0",
|
|
34
|
+
"@impulse-ui-native/core": "11.2.0",
|
|
35
|
+
"@impulse-ui-native/primitives": "11.2.0",
|
|
36
|
+
"@impulse-ui-native/flyout": "11.2.0",
|
|
37
|
+
"@impulse-ui-native/portal": "11.2.0",
|
|
38
|
+
"@impulse-ui-native/flat-list": "11.2.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@impulse-ui-native/eslint-config": "1.0.0",
|