@telus-uds/components-web 2.18.0 → 2.19.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.
- package/CHANGELOG.md +19 -2
- package/component-docs.json +327 -442
- package/lib/NavigationBar/NavigationSubMenu.js +2 -4
- package/lib/baseExports.js +12 -0
- package/lib/index.js +0 -18
- package/lib/utils/useOverlaidPosition.js +2 -2
- package/lib-module/NavigationBar/NavigationSubMenu.js +1 -2
- package/lib-module/baseExports.js +1 -1
- package/lib-module/index.js +0 -2
- package/lib-module/utils/useOverlaidPosition.js +2 -2
- package/package.json +2 -2
- package/src/NavigationBar/NavigationSubMenu.jsx +1 -2
- package/src/baseExports.js +2 -0
- package/src/index.js +0 -2
- package/src/utils/useOverlaidPosition.js +2 -2
- package/lib/Autocomplete/Autocomplete.js +0 -430
- package/lib/Autocomplete/Loading.js +0 -46
- package/lib/Autocomplete/Suggestions.js +0 -81
- package/lib/Autocomplete/constants.js +0 -19
- package/lib/Autocomplete/dictionary.js +0 -19
- package/lib/Autocomplete/index.js +0 -13
- package/lib/Listbox/GroupControl.js +0 -110
- package/lib/Listbox/Listbox.js +0 -185
- package/lib/Listbox/ListboxGroup.js +0 -145
- package/lib/Listbox/ListboxItem.js +0 -101
- package/lib/Listbox/ListboxOverlay.js +0 -91
- package/lib/Listbox/index.js +0 -13
- package/lib-module/Autocomplete/Autocomplete.js +0 -406
- package/lib-module/Autocomplete/Loading.js +0 -32
- package/lib-module/Autocomplete/Suggestions.js +0 -64
- package/lib-module/Autocomplete/constants.js +0 -5
- package/lib-module/Autocomplete/dictionary.js +0 -12
- package/lib-module/Autocomplete/index.js +0 -2
- package/lib-module/Listbox/GroupControl.js +0 -96
- package/lib-module/Listbox/Listbox.js +0 -164
- package/lib-module/Listbox/ListboxGroup.js +0 -122
- package/lib-module/Listbox/ListboxItem.js +0 -77
- package/lib-module/Listbox/ListboxOverlay.js +0 -69
- package/lib-module/Listbox/index.js +0 -2
- package/src/Autocomplete/Autocomplete.jsx +0 -375
- package/src/Autocomplete/Loading.jsx +0 -15
- package/src/Autocomplete/Suggestions.jsx +0 -52
- package/src/Autocomplete/constants.js +0 -6
- package/src/Autocomplete/dictionary.js +0 -12
- package/src/Autocomplete/index.js +0 -3
- package/src/Listbox/GroupControl.jsx +0 -82
- package/src/Listbox/Listbox.jsx +0 -169
- package/src/Listbox/ListboxGroup.jsx +0 -125
- package/src/Listbox/ListboxItem.jsx +0 -80
- package/src/Listbox/ListboxOverlay.jsx +0 -72
- package/src/Listbox/index.js +0 -3
package/component-docs.json
CHANGED
|
@@ -1,202 +1,4 @@
|
|
|
1
1
|
{
|
|
2
|
-
"Autocomplete": {
|
|
3
|
-
"docs": {
|
|
4
|
-
"description": "",
|
|
5
|
-
"props": {
|
|
6
|
-
"copy": {
|
|
7
|
-
"defaultValue": {
|
|
8
|
-
"value": "'en'",
|
|
9
|
-
"computed": false
|
|
10
|
-
},
|
|
11
|
-
"type": {
|
|
12
|
-
"name": "union",
|
|
13
|
-
"value": [
|
|
14
|
-
{
|
|
15
|
-
"name": "enum",
|
|
16
|
-
"value": [
|
|
17
|
-
{
|
|
18
|
-
"value": "'en'",
|
|
19
|
-
"computed": false
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
"value": "'fr'",
|
|
23
|
-
"computed": false
|
|
24
|
-
}
|
|
25
|
-
]
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
"name": "custom",
|
|
29
|
-
"raw": "dictionaryContentShape"
|
|
30
|
-
}
|
|
31
|
-
]
|
|
32
|
-
},
|
|
33
|
-
"required": false,
|
|
34
|
-
"description": "Copy language identifier"
|
|
35
|
-
},
|
|
36
|
-
"fullWidth": {
|
|
37
|
-
"defaultValue": {
|
|
38
|
-
"value": "true",
|
|
39
|
-
"computed": false
|
|
40
|
-
},
|
|
41
|
-
"required": false
|
|
42
|
-
},
|
|
43
|
-
"isLoading": {
|
|
44
|
-
"defaultValue": {
|
|
45
|
-
"value": "false",
|
|
46
|
-
"computed": false
|
|
47
|
-
},
|
|
48
|
-
"type": {
|
|
49
|
-
"name": "bool"
|
|
50
|
-
},
|
|
51
|
-
"required": false,
|
|
52
|
-
"description": "Set to true in order to display the loading indicator instead of results"
|
|
53
|
-
},
|
|
54
|
-
"maxSuggestions": {
|
|
55
|
-
"defaultValue": {
|
|
56
|
-
"value": "5",
|
|
57
|
-
"computed": false
|
|
58
|
-
},
|
|
59
|
-
"type": {
|
|
60
|
-
"name": "number"
|
|
61
|
-
},
|
|
62
|
-
"required": false,
|
|
63
|
-
"description": "Maximum number of suggestions provided at the same time"
|
|
64
|
-
},
|
|
65
|
-
"minToSuggestion": {
|
|
66
|
-
"defaultValue": {
|
|
67
|
-
"value": "1",
|
|
68
|
-
"computed": false
|
|
69
|
-
},
|
|
70
|
-
"type": {
|
|
71
|
-
"name": "number"
|
|
72
|
-
},
|
|
73
|
-
"required": false,
|
|
74
|
-
"description": "Minimum number of characters typed for a list of suggestions to appear"
|
|
75
|
-
},
|
|
76
|
-
"children": {
|
|
77
|
-
"type": {
|
|
78
|
-
"name": "func"
|
|
79
|
-
},
|
|
80
|
-
"required": false,
|
|
81
|
-
"description": "Can be used to provide a function that renders a custom input:\n<Autocomplete items={items} value={currentValue}>\n {({ inputId, inputRef, onChange, onKeyPress, readOnly, tokens, value }) => (\n <Search\n nativeID={inputId}\n ref={inputRef}\n onChange={onChange}\n onKeyPress={onKeyPress}\n readOnly={readOnly}\n tokens={tokens}\n value={value}\n />\n )}\n</Autocomplete>"
|
|
82
|
-
},
|
|
83
|
-
"items": {
|
|
84
|
-
"type": {
|
|
85
|
-
"name": "arrayOf",
|
|
86
|
-
"value": {
|
|
87
|
-
"name": "shape",
|
|
88
|
-
"value": {
|
|
89
|
-
"id": {
|
|
90
|
-
"name": "string",
|
|
91
|
-
"required": false
|
|
92
|
-
},
|
|
93
|
-
"label": {
|
|
94
|
-
"name": "string",
|
|
95
|
-
"required": false
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
"required": false,
|
|
101
|
-
"description": "List of items to display as suggestions"
|
|
102
|
-
},
|
|
103
|
-
"loadingLabel": {
|
|
104
|
-
"type": {
|
|
105
|
-
"name": "string"
|
|
106
|
-
},
|
|
107
|
-
"required": false,
|
|
108
|
-
"description": "Label to display alongside the spinner when in a loading state"
|
|
109
|
-
},
|
|
110
|
-
"noResults": {
|
|
111
|
-
"type": {
|
|
112
|
-
"name": "node"
|
|
113
|
-
},
|
|
114
|
-
"required": false,
|
|
115
|
-
"description": "Text or JSX to render when no results are available"
|
|
116
|
-
},
|
|
117
|
-
"onChange": {
|
|
118
|
-
"type": {
|
|
119
|
-
"name": "func"
|
|
120
|
-
},
|
|
121
|
-
"required": false,
|
|
122
|
-
"description": "Handler function to be called when the input value changes"
|
|
123
|
-
},
|
|
124
|
-
"onClear": {
|
|
125
|
-
"type": {
|
|
126
|
-
"name": "func"
|
|
127
|
-
},
|
|
128
|
-
"required": false,
|
|
129
|
-
"description": "Handler function to be called when the clear button (appears if the handler is passed) is pressed"
|
|
130
|
-
},
|
|
131
|
-
"onSelect": {
|
|
132
|
-
"type": {
|
|
133
|
-
"name": "func"
|
|
134
|
-
},
|
|
135
|
-
"required": false,
|
|
136
|
-
"description": "Callback function to be called when an item is selected from the list"
|
|
137
|
-
},
|
|
138
|
-
"value": {
|
|
139
|
-
"type": {
|
|
140
|
-
"name": "string"
|
|
141
|
-
},
|
|
142
|
-
"required": false,
|
|
143
|
-
"description": "Input value for controlled usage"
|
|
144
|
-
},
|
|
145
|
-
"initialItems": {
|
|
146
|
-
"type": {
|
|
147
|
-
"name": "arrayOf",
|
|
148
|
-
"value": {
|
|
149
|
-
"name": "shape",
|
|
150
|
-
"value": {
|
|
151
|
-
"id": {
|
|
152
|
-
"name": "string",
|
|
153
|
-
"required": false
|
|
154
|
-
},
|
|
155
|
-
"label": {
|
|
156
|
-
"name": "string",
|
|
157
|
-
"required": false
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
},
|
|
162
|
-
"required": false,
|
|
163
|
-
"description": "Can be used to set the initial items of the component"
|
|
164
|
-
},
|
|
165
|
-
"initialValue": {
|
|
166
|
-
"type": {
|
|
167
|
-
"name": "string"
|
|
168
|
-
},
|
|
169
|
-
"required": false,
|
|
170
|
-
"description": "Initial value for the component"
|
|
171
|
-
},
|
|
172
|
-
"readOnly": {
|
|
173
|
-
"type": {
|
|
174
|
-
"name": "bool"
|
|
175
|
-
},
|
|
176
|
-
"required": false,
|
|
177
|
-
"description": "Boolean to set if it's readonly or not"
|
|
178
|
-
},
|
|
179
|
-
"validation": {
|
|
180
|
-
"type": {
|
|
181
|
-
"name": "enum",
|
|
182
|
-
"value": [
|
|
183
|
-
{
|
|
184
|
-
"value": "'error'",
|
|
185
|
-
"computed": false
|
|
186
|
-
},
|
|
187
|
-
{
|
|
188
|
-
"value": "'success'",
|
|
189
|
-
"computed": false
|
|
190
|
-
}
|
|
191
|
-
]
|
|
192
|
-
},
|
|
193
|
-
"required": false,
|
|
194
|
-
"description": "Use to visually mark an input as valid or invalid."
|
|
195
|
-
}
|
|
196
|
-
},
|
|
197
|
-
"attributes": {}
|
|
198
|
-
}
|
|
199
|
-
},
|
|
200
2
|
"Badge": {
|
|
201
3
|
"docs": {
|
|
202
4
|
"description": "",
|
|
@@ -1506,179 +1308,6 @@
|
|
|
1506
1308
|
}
|
|
1507
1309
|
}
|
|
1508
1310
|
},
|
|
1509
|
-
"Listbox": {
|
|
1510
|
-
"docs": {
|
|
1511
|
-
"description": "",
|
|
1512
|
-
"props": {
|
|
1513
|
-
"items": {
|
|
1514
|
-
"defaultValue": {
|
|
1515
|
-
"value": "[]",
|
|
1516
|
-
"computed": false
|
|
1517
|
-
},
|
|
1518
|
-
"type": {
|
|
1519
|
-
"name": "array"
|
|
1520
|
-
},
|
|
1521
|
-
"required": false,
|
|
1522
|
-
"description": "`Listbox` items"
|
|
1523
|
-
},
|
|
1524
|
-
"firstItemRef": {
|
|
1525
|
-
"defaultValue": {
|
|
1526
|
-
"value": "null",
|
|
1527
|
-
"computed": false
|
|
1528
|
-
},
|
|
1529
|
-
"type": {
|
|
1530
|
-
"name": "object"
|
|
1531
|
-
},
|
|
1532
|
-
"required": false,
|
|
1533
|
-
"description": "Focus will be moved to the item with this ref once within the menu."
|
|
1534
|
-
},
|
|
1535
|
-
"parentRef": {
|
|
1536
|
-
"defaultValue": {
|
|
1537
|
-
"value": "null",
|
|
1538
|
-
"computed": false
|
|
1539
|
-
},
|
|
1540
|
-
"type": {
|
|
1541
|
-
"name": "object"
|
|
1542
|
-
},
|
|
1543
|
-
"required": false,
|
|
1544
|
-
"description": "Focus will be returned to the dropdown control with this ref after leaving\nthe last menu item."
|
|
1545
|
-
},
|
|
1546
|
-
"selectedId": {
|
|
1547
|
-
"type": {
|
|
1548
|
-
"name": "string"
|
|
1549
|
-
},
|
|
1550
|
-
"required": false,
|
|
1551
|
-
"description": "To select an item by default"
|
|
1552
|
-
},
|
|
1553
|
-
"onClose": {
|
|
1554
|
-
"type": {
|
|
1555
|
-
"name": "func"
|
|
1556
|
-
},
|
|
1557
|
-
"required": false,
|
|
1558
|
-
"description": "onClose event"
|
|
1559
|
-
},
|
|
1560
|
-
"tokens": {
|
|
1561
|
-
"type": {
|
|
1562
|
-
"name": "custom",
|
|
1563
|
-
"raw": {
|
|
1564
|
-
"groupBorderRadius": "radius",
|
|
1565
|
-
"groupBorderWidth": "border",
|
|
1566
|
-
"groupFontSize": "size",
|
|
1567
|
-
"groupFontName": "fontName",
|
|
1568
|
-
"groupFontWeight": "fontWeight",
|
|
1569
|
-
"groupColor": "color",
|
|
1570
|
-
"groupBorderColor": "color",
|
|
1571
|
-
"groupBackgroundColor": "color",
|
|
1572
|
-
"groupPaddingTop": "size",
|
|
1573
|
-
"groupPaddingBottom": "size",
|
|
1574
|
-
"groupPaddingLeft": "size",
|
|
1575
|
-
"groupPaddingRight": "size",
|
|
1576
|
-
"groupIcon": "icon",
|
|
1577
|
-
"itemDisplay": "show",
|
|
1578
|
-
"itemFontName": "fontName",
|
|
1579
|
-
"itemFontWeight": "fontWeight",
|
|
1580
|
-
"itemFontSize": "size",
|
|
1581
|
-
"itemPaddingTop": "size",
|
|
1582
|
-
"itemPaddingBottom": "size",
|
|
1583
|
-
"itemPaddingLeft": "size",
|
|
1584
|
-
"itemPaddingRight": "size",
|
|
1585
|
-
"itemColor": "color",
|
|
1586
|
-
"itemBackgroundColor": "color",
|
|
1587
|
-
"itemBorderLeftColor": "color",
|
|
1588
|
-
"itemBorderLeftWidth": "border",
|
|
1589
|
-
"itemBorderWidth": "border",
|
|
1590
|
-
"itemTextDecoration": "textLine",
|
|
1591
|
-
"itemOutline": "border",
|
|
1592
|
-
"shadow": "shadow",
|
|
1593
|
-
"itemBorderRightColor": "color",
|
|
1594
|
-
"itemBorderBottomColor": "color",
|
|
1595
|
-
"itemBorderTopColor": "color",
|
|
1596
|
-
"itemBorderRightWidth": "border",
|
|
1597
|
-
"itemBorderBottomWidth": "border",
|
|
1598
|
-
"itemBorderTopWidth": "border",
|
|
1599
|
-
"itemBorderRadius": "radius",
|
|
1600
|
-
"minWidth": "size",
|
|
1601
|
-
"minHeight": "size",
|
|
1602
|
-
"itemHeight": "size",
|
|
1603
|
-
"groupHeight": "size",
|
|
1604
|
-
"lineHeight": "lineHeight"
|
|
1605
|
-
}
|
|
1606
|
-
},
|
|
1607
|
-
"required": false,
|
|
1608
|
-
"description": ""
|
|
1609
|
-
}
|
|
1610
|
-
},
|
|
1611
|
-
"attributes": {}
|
|
1612
|
-
},
|
|
1613
|
-
"Overlay": {
|
|
1614
|
-
"docs": {
|
|
1615
|
-
"description": "",
|
|
1616
|
-
"props": {
|
|
1617
|
-
"isReady": {
|
|
1618
|
-
"defaultValue": {
|
|
1619
|
-
"value": "false",
|
|
1620
|
-
"computed": false
|
|
1621
|
-
},
|
|
1622
|
-
"type": {
|
|
1623
|
-
"name": "bool"
|
|
1624
|
-
},
|
|
1625
|
-
"required": false,
|
|
1626
|
-
"description": ""
|
|
1627
|
-
},
|
|
1628
|
-
"children": {
|
|
1629
|
-
"type": {
|
|
1630
|
-
"name": "node"
|
|
1631
|
-
},
|
|
1632
|
-
"required": true,
|
|
1633
|
-
"description": ""
|
|
1634
|
-
},
|
|
1635
|
-
"overlaidPosition": {
|
|
1636
|
-
"type": {
|
|
1637
|
-
"name": "shape",
|
|
1638
|
-
"value": {
|
|
1639
|
-
"top": {
|
|
1640
|
-
"name": "number",
|
|
1641
|
-
"required": false
|
|
1642
|
-
},
|
|
1643
|
-
"left": {
|
|
1644
|
-
"name": "number",
|
|
1645
|
-
"required": false
|
|
1646
|
-
},
|
|
1647
|
-
"width": {
|
|
1648
|
-
"name": "number",
|
|
1649
|
-
"required": false
|
|
1650
|
-
}
|
|
1651
|
-
}
|
|
1652
|
-
},
|
|
1653
|
-
"required": false,
|
|
1654
|
-
"description": ""
|
|
1655
|
-
},
|
|
1656
|
-
"maxWidth": {
|
|
1657
|
-
"type": {
|
|
1658
|
-
"name": "number"
|
|
1659
|
-
},
|
|
1660
|
-
"required": false,
|
|
1661
|
-
"description": ""
|
|
1662
|
-
},
|
|
1663
|
-
"minWidth": {
|
|
1664
|
-
"type": {
|
|
1665
|
-
"name": "number"
|
|
1666
|
-
},
|
|
1667
|
-
"required": false,
|
|
1668
|
-
"description": ""
|
|
1669
|
-
},
|
|
1670
|
-
"onLayout": {
|
|
1671
|
-
"type": {
|
|
1672
|
-
"name": "func"
|
|
1673
|
-
},
|
|
1674
|
-
"required": false,
|
|
1675
|
-
"description": ""
|
|
1676
|
-
}
|
|
1677
|
-
},
|
|
1678
|
-
"attributes": {}
|
|
1679
|
-
}
|
|
1680
|
-
}
|
|
1681
|
-
},
|
|
1682
1311
|
"Modal": {
|
|
1683
1312
|
"docs": {
|
|
1684
1313
|
"description": "",
|
|
@@ -4440,54 +4069,214 @@
|
|
|
4440
4069
|
"props": {
|
|
4441
4070
|
"isStatic": {
|
|
4442
4071
|
"defaultValue": {
|
|
4443
|
-
"value": "false",
|
|
4072
|
+
"value": "false",
|
|
4073
|
+
"computed": false
|
|
4074
|
+
},
|
|
4075
|
+
"type": {
|
|
4076
|
+
"name": "bool"
|
|
4077
|
+
},
|
|
4078
|
+
"required": false,
|
|
4079
|
+
"description": "If true, it should render a static spinner"
|
|
4080
|
+
},
|
|
4081
|
+
"variant": {
|
|
4082
|
+
"type": {
|
|
4083
|
+
"name": "objectOf",
|
|
4084
|
+
"value": {
|
|
4085
|
+
"name": "union",
|
|
4086
|
+
"value": [
|
|
4087
|
+
{
|
|
4088
|
+
"name": "string"
|
|
4089
|
+
},
|
|
4090
|
+
{
|
|
4091
|
+
"name": "number"
|
|
4092
|
+
},
|
|
4093
|
+
{
|
|
4094
|
+
"name": "bool"
|
|
4095
|
+
}
|
|
4096
|
+
]
|
|
4097
|
+
}
|
|
4098
|
+
},
|
|
4099
|
+
"required": false,
|
|
4100
|
+
"description": ""
|
|
4101
|
+
},
|
|
4102
|
+
"tokens": {
|
|
4103
|
+
"type": {
|
|
4104
|
+
"name": "custom",
|
|
4105
|
+
"raw": {
|
|
4106
|
+
"size": "size",
|
|
4107
|
+
"thickness": "border",
|
|
4108
|
+
"color": "color"
|
|
4109
|
+
}
|
|
4110
|
+
},
|
|
4111
|
+
"required": false,
|
|
4112
|
+
"description": ""
|
|
4113
|
+
},
|
|
4114
|
+
"label": {
|
|
4115
|
+
"type": {
|
|
4116
|
+
"name": "string"
|
|
4117
|
+
},
|
|
4118
|
+
"required": true,
|
|
4119
|
+
"description": "A visually hidden accessible label describing the action taking place"
|
|
4120
|
+
}
|
|
4121
|
+
},
|
|
4122
|
+
"attributes": {
|
|
4123
|
+
"acceptsRNA11yProps": false
|
|
4124
|
+
}
|
|
4125
|
+
}
|
|
4126
|
+
},
|
|
4127
|
+
"Autocomplete": {
|
|
4128
|
+
"docs": {
|
|
4129
|
+
"description": "",
|
|
4130
|
+
"props": {
|
|
4131
|
+
"copy": {
|
|
4132
|
+
"defaultValue": {
|
|
4133
|
+
"value": "'en'",
|
|
4134
|
+
"computed": false
|
|
4135
|
+
},
|
|
4136
|
+
"type": {
|
|
4137
|
+
"name": "union",
|
|
4138
|
+
"value": [
|
|
4139
|
+
{
|
|
4140
|
+
"name": "enum",
|
|
4141
|
+
"value": [
|
|
4142
|
+
{
|
|
4143
|
+
"value": "'en'",
|
|
4144
|
+
"computed": false
|
|
4145
|
+
},
|
|
4146
|
+
{
|
|
4147
|
+
"value": "'fr'",
|
|
4148
|
+
"computed": false
|
|
4149
|
+
}
|
|
4150
|
+
]
|
|
4151
|
+
},
|
|
4152
|
+
{
|
|
4153
|
+
"name": "custom",
|
|
4154
|
+
"raw": "dictionaryContentShape"
|
|
4155
|
+
}
|
|
4156
|
+
]
|
|
4157
|
+
},
|
|
4158
|
+
"required": false,
|
|
4159
|
+
"description": "Copy language identifier"
|
|
4160
|
+
},
|
|
4161
|
+
"fullWidth": {
|
|
4162
|
+
"defaultValue": {
|
|
4163
|
+
"value": "true",
|
|
4164
|
+
"computed": false
|
|
4165
|
+
},
|
|
4166
|
+
"required": false
|
|
4167
|
+
},
|
|
4168
|
+
"isLoading": {
|
|
4169
|
+
"defaultValue": {
|
|
4170
|
+
"value": "false",
|
|
4171
|
+
"computed": false
|
|
4172
|
+
},
|
|
4173
|
+
"type": {
|
|
4174
|
+
"name": "bool"
|
|
4175
|
+
},
|
|
4176
|
+
"required": false,
|
|
4177
|
+
"description": "Set to true in order to display the loading indicator instead of results"
|
|
4178
|
+
},
|
|
4179
|
+
"maxSuggestions": {
|
|
4180
|
+
"defaultValue": {
|
|
4181
|
+
"value": "5",
|
|
4182
|
+
"computed": false
|
|
4183
|
+
},
|
|
4184
|
+
"type": {
|
|
4185
|
+
"name": "number"
|
|
4186
|
+
},
|
|
4187
|
+
"required": false,
|
|
4188
|
+
"description": "Maximum number of suggestions provided at the same time"
|
|
4189
|
+
},
|
|
4190
|
+
"minToSuggestion": {
|
|
4191
|
+
"defaultValue": {
|
|
4192
|
+
"value": "1",
|
|
4193
|
+
"computed": false
|
|
4194
|
+
},
|
|
4195
|
+
"type": {
|
|
4196
|
+
"name": "number"
|
|
4197
|
+
},
|
|
4198
|
+
"required": false,
|
|
4199
|
+
"description": "Minimum number of characters typed for a list of suggestions to appear"
|
|
4200
|
+
},
|
|
4201
|
+
"helpText": {
|
|
4202
|
+
"defaultValue": {
|
|
4203
|
+
"value": "''",
|
|
4444
4204
|
"computed": false
|
|
4445
4205
|
},
|
|
4446
4206
|
"type": {
|
|
4447
|
-
"name": "
|
|
4207
|
+
"name": "string"
|
|
4448
4208
|
},
|
|
4449
4209
|
"required": false,
|
|
4450
|
-
"description": "
|
|
4210
|
+
"description": "Help text to display when the input is focused and empty"
|
|
4451
4211
|
},
|
|
4452
|
-
"
|
|
4212
|
+
"children": {
|
|
4453
4213
|
"type": {
|
|
4454
|
-
"name": "
|
|
4214
|
+
"name": "func"
|
|
4215
|
+
},
|
|
4216
|
+
"required": false,
|
|
4217
|
+
"description": "Can be used to provide a function that renders a custom input:\n<Autocomplete items={items} value={currentValue}>\n {({ inputId, inputRef, onChange, onKeyPress, readOnly, tokens, value }) => (\n <Search\n nativeID={inputId}\n ref={inputRef}\n onChange={onChange}\n onKeyPress={onKeyPress}\n readOnly={readOnly}\n tokens={tokens}\n value={value}\n />\n )}\n</Autocomplete>"
|
|
4218
|
+
},
|
|
4219
|
+
"items": {
|
|
4220
|
+
"type": {
|
|
4221
|
+
"name": "arrayOf",
|
|
4455
4222
|
"value": {
|
|
4456
|
-
"name": "
|
|
4457
|
-
"value":
|
|
4458
|
-
{
|
|
4459
|
-
"name": "string"
|
|
4460
|
-
|
|
4461
|
-
{
|
|
4462
|
-
"name": "number"
|
|
4223
|
+
"name": "shape",
|
|
4224
|
+
"value": {
|
|
4225
|
+
"id": {
|
|
4226
|
+
"name": "string",
|
|
4227
|
+
"required": false
|
|
4463
4228
|
},
|
|
4464
|
-
{
|
|
4465
|
-
"name": "
|
|
4229
|
+
"label": {
|
|
4230
|
+
"name": "string",
|
|
4231
|
+
"required": false
|
|
4466
4232
|
}
|
|
4467
|
-
|
|
4233
|
+
}
|
|
4468
4234
|
}
|
|
4469
4235
|
},
|
|
4470
4236
|
"required": false,
|
|
4471
|
-
"description": ""
|
|
4237
|
+
"description": "List of items to display as suggestions"
|
|
4472
4238
|
},
|
|
4473
|
-
"
|
|
4239
|
+
"loadingLabel": {
|
|
4474
4240
|
"type": {
|
|
4475
|
-
"name": "
|
|
4476
|
-
"raw": {
|
|
4477
|
-
"size": "size",
|
|
4478
|
-
"thickness": "border",
|
|
4479
|
-
"color": "color"
|
|
4480
|
-
}
|
|
4241
|
+
"name": "string"
|
|
4481
4242
|
},
|
|
4482
4243
|
"required": false,
|
|
4483
|
-
"description": ""
|
|
4244
|
+
"description": "Label to display alongside the spinner when in a loading state"
|
|
4484
4245
|
},
|
|
4485
|
-
"
|
|
4246
|
+
"noResults": {
|
|
4247
|
+
"type": {
|
|
4248
|
+
"name": "node"
|
|
4249
|
+
},
|
|
4250
|
+
"required": false,
|
|
4251
|
+
"description": "Text or JSX to render when no results are available"
|
|
4252
|
+
},
|
|
4253
|
+
"onChange": {
|
|
4254
|
+
"type": {
|
|
4255
|
+
"name": "func"
|
|
4256
|
+
},
|
|
4257
|
+
"required": false,
|
|
4258
|
+
"description": "Handler function to be called when the input value changes"
|
|
4259
|
+
},
|
|
4260
|
+
"onClear": {
|
|
4261
|
+
"type": {
|
|
4262
|
+
"name": "func"
|
|
4263
|
+
},
|
|
4264
|
+
"required": false,
|
|
4265
|
+
"description": "Handler function to be called when the clear button (appears if the handler is passed) is pressed"
|
|
4266
|
+
},
|
|
4267
|
+
"onSelect": {
|
|
4268
|
+
"type": {
|
|
4269
|
+
"name": "func"
|
|
4270
|
+
},
|
|
4271
|
+
"required": false,
|
|
4272
|
+
"description": "Callback function to be called when an item is selected from the list"
|
|
4273
|
+
},
|
|
4274
|
+
"value": {
|
|
4486
4275
|
"type": {
|
|
4487
4276
|
"name": "string"
|
|
4488
4277
|
},
|
|
4489
|
-
"required":
|
|
4490
|
-
"description": "
|
|
4278
|
+
"required": false,
|
|
4279
|
+
"description": "Input value for controlled usage"
|
|
4491
4280
|
}
|
|
4492
4281
|
},
|
|
4493
4282
|
"attributes": {
|
|
@@ -8954,6 +8743,127 @@
|
|
|
8954
8743
|
}
|
|
8955
8744
|
}
|
|
8956
8745
|
},
|
|
8746
|
+
"Listbox": {
|
|
8747
|
+
"docs": {
|
|
8748
|
+
"description": "",
|
|
8749
|
+
"props": {
|
|
8750
|
+
"items": {
|
|
8751
|
+
"defaultValue": {
|
|
8752
|
+
"value": "[]",
|
|
8753
|
+
"computed": false
|
|
8754
|
+
},
|
|
8755
|
+
"type": {
|
|
8756
|
+
"name": "array"
|
|
8757
|
+
},
|
|
8758
|
+
"required": false,
|
|
8759
|
+
"description": "`Listbox` items"
|
|
8760
|
+
},
|
|
8761
|
+
"firstItemRef": {
|
|
8762
|
+
"defaultValue": {
|
|
8763
|
+
"value": "null",
|
|
8764
|
+
"computed": false
|
|
8765
|
+
},
|
|
8766
|
+
"type": {
|
|
8767
|
+
"name": "object"
|
|
8768
|
+
},
|
|
8769
|
+
"required": false,
|
|
8770
|
+
"description": "Focus will be moved to the item with this ref once within the menu."
|
|
8771
|
+
},
|
|
8772
|
+
"parentRef": {
|
|
8773
|
+
"defaultValue": {
|
|
8774
|
+
"value": "null",
|
|
8775
|
+
"computed": false
|
|
8776
|
+
},
|
|
8777
|
+
"type": {
|
|
8778
|
+
"name": "object"
|
|
8779
|
+
},
|
|
8780
|
+
"required": false,
|
|
8781
|
+
"description": "Focus will be returned to the dropdown control with this ref after leaving\nthe last menu item."
|
|
8782
|
+
},
|
|
8783
|
+
"LinkRouter": {
|
|
8784
|
+
"type": {
|
|
8785
|
+
"name": "elementType"
|
|
8786
|
+
},
|
|
8787
|
+
"required": false,
|
|
8788
|
+
"description": ""
|
|
8789
|
+
},
|
|
8790
|
+
"linkRouterProps": {
|
|
8791
|
+
"type": {
|
|
8792
|
+
"name": "object"
|
|
8793
|
+
},
|
|
8794
|
+
"required": false,
|
|
8795
|
+
"description": ""
|
|
8796
|
+
},
|
|
8797
|
+
"selectedId": {
|
|
8798
|
+
"type": {
|
|
8799
|
+
"name": "string"
|
|
8800
|
+
},
|
|
8801
|
+
"required": false,
|
|
8802
|
+
"description": "To select an item by default"
|
|
8803
|
+
},
|
|
8804
|
+
"onClose": {
|
|
8805
|
+
"type": {
|
|
8806
|
+
"name": "func"
|
|
8807
|
+
},
|
|
8808
|
+
"required": false,
|
|
8809
|
+
"description": "onClose event"
|
|
8810
|
+
},
|
|
8811
|
+
"tokens": {
|
|
8812
|
+
"type": {
|
|
8813
|
+
"name": "custom",
|
|
8814
|
+
"raw": {
|
|
8815
|
+
"groupBorderRadius": "radius",
|
|
8816
|
+
"groupBorderWidth": "border",
|
|
8817
|
+
"groupFontSize": "size",
|
|
8818
|
+
"groupFontName": "fontName",
|
|
8819
|
+
"groupFontWeight": "fontWeight",
|
|
8820
|
+
"groupColor": "color",
|
|
8821
|
+
"groupBorderColor": "color",
|
|
8822
|
+
"groupBackgroundColor": "color",
|
|
8823
|
+
"groupPaddingTop": "size",
|
|
8824
|
+
"groupPaddingBottom": "size",
|
|
8825
|
+
"groupPaddingLeft": "size",
|
|
8826
|
+
"groupPaddingRight": "size",
|
|
8827
|
+
"groupIcon": "icon",
|
|
8828
|
+
"itemDisplay": "show",
|
|
8829
|
+
"itemFontName": "fontName",
|
|
8830
|
+
"itemFontWeight": "fontWeight",
|
|
8831
|
+
"itemFontSize": "size",
|
|
8832
|
+
"itemPaddingTop": "size",
|
|
8833
|
+
"itemPaddingBottom": "size",
|
|
8834
|
+
"itemPaddingLeft": "size",
|
|
8835
|
+
"itemPaddingRight": "size",
|
|
8836
|
+
"itemColor": "color",
|
|
8837
|
+
"itemBackgroundColor": "color",
|
|
8838
|
+
"itemBorderLeftColor": "color",
|
|
8839
|
+
"itemBorderLeftWidth": "border",
|
|
8840
|
+
"itemBorderWidth": "border",
|
|
8841
|
+
"itemTextDecoration": "textLine",
|
|
8842
|
+
"itemOutline": "border",
|
|
8843
|
+
"shadow": "shadow",
|
|
8844
|
+
"itemBorderRightColor": "color",
|
|
8845
|
+
"itemBorderBottomColor": "color",
|
|
8846
|
+
"itemBorderTopColor": "color",
|
|
8847
|
+
"itemBorderRightWidth": "border",
|
|
8848
|
+
"itemBorderBottomWidth": "border",
|
|
8849
|
+
"itemBorderTopWidth": "border",
|
|
8850
|
+
"itemBorderRadius": "radius",
|
|
8851
|
+
"minWidth": "size",
|
|
8852
|
+
"minHeight": "size",
|
|
8853
|
+
"itemHeight": "size",
|
|
8854
|
+
"groupHeight": "size",
|
|
8855
|
+
"lineHeight": "lineHeight"
|
|
8856
|
+
}
|
|
8857
|
+
},
|
|
8858
|
+
"required": false,
|
|
8859
|
+
"description": ""
|
|
8860
|
+
}
|
|
8861
|
+
},
|
|
8862
|
+
"attributes": {
|
|
8863
|
+
"acceptsRNA11yProps": false
|
|
8864
|
+
}
|
|
8865
|
+
}
|
|
8866
|
+
},
|
|
8957
8867
|
"MultiSelectFilter": {
|
|
8958
8868
|
"docs": {
|
|
8959
8869
|
"description": "",
|
|
@@ -11437,28 +11347,6 @@
|
|
|
11437
11347
|
"docs": {
|
|
11438
11348
|
"description": "`SideNav.Item` is a navigational element that is used within `SideNav` or `SideNav.ItemsGroup`.\n\n This component can only be accessed as a name-spaced component: `SideNav.Item`.",
|
|
11439
11349
|
"props": {
|
|
11440
|
-
"isActive": {
|
|
11441
|
-
"defaultValue": {
|
|
11442
|
-
"value": "false",
|
|
11443
|
-
"computed": false
|
|
11444
|
-
},
|
|
11445
|
-
"type": {
|
|
11446
|
-
"name": "bool"
|
|
11447
|
-
},
|
|
11448
|
-
"required": false,
|
|
11449
|
-
"description": "Set internally in `SideNav` render function."
|
|
11450
|
-
},
|
|
11451
|
-
"isExpanded": {
|
|
11452
|
-
"defaultValue": {
|
|
11453
|
-
"value": "false",
|
|
11454
|
-
"computed": false
|
|
11455
|
-
},
|
|
11456
|
-
"type": {
|
|
11457
|
-
"name": "bool"
|
|
11458
|
-
},
|
|
11459
|
-
"required": false,
|
|
11460
|
-
"description": "Set internally in `SideNav.ItemsGroup` render function. Used to mark expanded `ItemsGroup` parent."
|
|
11461
|
-
},
|
|
11462
11350
|
"accessibilityRole": {
|
|
11463
11351
|
"defaultValue": {
|
|
11464
11352
|
"value": "'link'",
|
|
@@ -11468,7 +11356,7 @@
|
|
|
11468
11356
|
"name": "string"
|
|
11469
11357
|
},
|
|
11470
11358
|
"required": false,
|
|
11471
|
-
"description": "
|
|
11359
|
+
"description": ""
|
|
11472
11360
|
},
|
|
11473
11361
|
"children": {
|
|
11474
11362
|
"type": {
|
|
@@ -11477,20 +11365,6 @@
|
|
|
11477
11365
|
"required": true,
|
|
11478
11366
|
"description": "Text content of the `Item`."
|
|
11479
11367
|
},
|
|
11480
|
-
"itemId": {
|
|
11481
|
-
"type": {
|
|
11482
|
-
"name": "string"
|
|
11483
|
-
},
|
|
11484
|
-
"required": false,
|
|
11485
|
-
"description": "Set internally in `SideNav` render function - used to keep track of active item."
|
|
11486
|
-
},
|
|
11487
|
-
"groupId": {
|
|
11488
|
-
"type": {
|
|
11489
|
-
"name": "string"
|
|
11490
|
-
},
|
|
11491
|
-
"required": false,
|
|
11492
|
-
"description": "Set internally in `SideNav` render function - used to keep track of expanded items groups."
|
|
11493
|
-
},
|
|
11494
11368
|
"onPress": {
|
|
11495
11369
|
"type": {
|
|
11496
11370
|
"name": "func"
|
|
@@ -11544,6 +11418,13 @@
|
|
|
11544
11418
|
"required": false,
|
|
11545
11419
|
"description": "On Web if href is passed, React Native Web maps this object's props to\n`rel`, `target` and `download` attrs."
|
|
11546
11420
|
},
|
|
11421
|
+
"testID": {
|
|
11422
|
+
"type": {
|
|
11423
|
+
"name": "number"
|
|
11424
|
+
},
|
|
11425
|
+
"required": false,
|
|
11426
|
+
"description": ""
|
|
11427
|
+
},
|
|
11547
11428
|
"tokens": {
|
|
11548
11429
|
"type": {
|
|
11549
11430
|
"name": "custom",
|
|
@@ -11591,13 +11472,6 @@
|
|
|
11591
11472
|
},
|
|
11592
11473
|
"required": false,
|
|
11593
11474
|
"description": ""
|
|
11594
|
-
},
|
|
11595
|
-
"testID": {
|
|
11596
|
-
"type": {
|
|
11597
|
-
"name": "number"
|
|
11598
|
-
},
|
|
11599
|
-
"required": false,
|
|
11600
|
-
"description": "test ID"
|
|
11601
11475
|
}
|
|
11602
11476
|
},
|
|
11603
11477
|
"attributes": {
|
|
@@ -13877,6 +13751,17 @@
|
|
|
13877
13751
|
"required": false,
|
|
13878
13752
|
"description": "Select English or French copy for the accessible label."
|
|
13879
13753
|
},
|
|
13754
|
+
"onPress": {
|
|
13755
|
+
"defaultValue": {
|
|
13756
|
+
"value": "() => {}",
|
|
13757
|
+
"computed": false
|
|
13758
|
+
},
|
|
13759
|
+
"type": {
|
|
13760
|
+
"name": "func"
|
|
13761
|
+
},
|
|
13762
|
+
"required": false,
|
|
13763
|
+
"description": "Callback function triggered when the tooltip is pressed."
|
|
13764
|
+
},
|
|
13880
13765
|
"inline": {
|
|
13881
13766
|
"defaultValue": {
|
|
13882
13767
|
"value": "false",
|