@telus-uds/components-web 2.18.0 → 2.19.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/CHANGELOG.md +11 -2
- package/component-docs.json +381 -471
- 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": "",
|
|
@@ -1479,148 +1281,17 @@
|
|
|
1479
1281
|
"acceptsRNA11yProps": false
|
|
1480
1282
|
}
|
|
1481
1283
|
},
|
|
1482
|
-
"Item": {
|
|
1483
|
-
"docs": {
|
|
1484
|
-
"description": "",
|
|
1485
|
-
"props": {
|
|
1486
|
-
"title": {
|
|
1487
|
-
"defaultValue": {
|
|
1488
|
-
"value": "undefined",
|
|
1489
|
-
"computed": true
|
|
1490
|
-
},
|
|
1491
|
-
"type": {
|
|
1492
|
-
"name": "string"
|
|
1493
|
-
},
|
|
1494
|
-
"required": false,
|
|
1495
|
-
"description": ""
|
|
1496
|
-
},
|
|
1497
|
-
"children": {
|
|
1498
|
-
"type": {
|
|
1499
|
-
"name": "node"
|
|
1500
|
-
},
|
|
1501
|
-
"required": true,
|
|
1502
|
-
"description": ""
|
|
1503
|
-
}
|
|
1504
|
-
},
|
|
1505
|
-
"attributes": {}
|
|
1506
|
-
}
|
|
1507
|
-
}
|
|
1508
|
-
},
|
|
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": {
|
|
1284
|
+
"Item": {
|
|
1614
1285
|
"docs": {
|
|
1615
1286
|
"description": "",
|
|
1616
1287
|
"props": {
|
|
1617
|
-
"
|
|
1288
|
+
"title": {
|
|
1618
1289
|
"defaultValue": {
|
|
1619
|
-
"value": "
|
|
1620
|
-
"computed":
|
|
1290
|
+
"value": "undefined",
|
|
1291
|
+
"computed": true
|
|
1621
1292
|
},
|
|
1622
1293
|
"type": {
|
|
1623
|
-
"name": "
|
|
1294
|
+
"name": "string"
|
|
1624
1295
|
},
|
|
1625
1296
|
"required": false,
|
|
1626
1297
|
"description": ""
|
|
@@ -1631,48 +1302,6 @@
|
|
|
1631
1302
|
},
|
|
1632
1303
|
"required": true,
|
|
1633
1304
|
"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
1305
|
}
|
|
1677
1306
|
},
|
|
1678
1307
|
"attributes": {}
|
|
@@ -4363,131 +3992,291 @@
|
|
|
4363
3992
|
"name": "string"
|
|
4364
3993
|
},
|
|
4365
3994
|
"required": false,
|
|
4366
|
-
"description": "A path of the image that will be displayed on the video's splash screen. If this is undefined, it will pull an image from the defined web video if available."
|
|
3995
|
+
"description": "A path of the image that will be displayed on the video's splash screen. If this is undefined, it will pull an image from the defined web video if available."
|
|
3996
|
+
},
|
|
3997
|
+
"videoLength": {
|
|
3998
|
+
"type": {
|
|
3999
|
+
"name": "number"
|
|
4000
|
+
},
|
|
4001
|
+
"required": true,
|
|
4002
|
+
"description": "The video's length, which will be displayed on the splash screen. This is defined in seconds."
|
|
4003
|
+
},
|
|
4004
|
+
"copy": {
|
|
4005
|
+
"type": {
|
|
4006
|
+
"name": "enum",
|
|
4007
|
+
"value": [
|
|
4008
|
+
{
|
|
4009
|
+
"value": "'en'",
|
|
4010
|
+
"computed": false
|
|
4011
|
+
},
|
|
4012
|
+
{
|
|
4013
|
+
"value": "'fr'",
|
|
4014
|
+
"computed": false
|
|
4015
|
+
}
|
|
4016
|
+
]
|
|
4017
|
+
},
|
|
4018
|
+
"required": false,
|
|
4019
|
+
"description": "The splash screen UI's language as an ISO language code. It currently supports English and French."
|
|
4020
|
+
}
|
|
4021
|
+
},
|
|
4022
|
+
"attributes": {}
|
|
4023
|
+
}
|
|
4024
|
+
},
|
|
4025
|
+
"A11yInfoProvider": {
|
|
4026
|
+
"docs": {
|
|
4027
|
+
"description": "",
|
|
4028
|
+
"props": {
|
|
4029
|
+
"children": {
|
|
4030
|
+
"type": {
|
|
4031
|
+
"name": "node"
|
|
4032
|
+
},
|
|
4033
|
+
"required": true,
|
|
4034
|
+
"description": ""
|
|
4035
|
+
}
|
|
4036
|
+
},
|
|
4037
|
+
"attributes": {
|
|
4038
|
+
"acceptsRNA11yProps": false
|
|
4039
|
+
}
|
|
4040
|
+
}
|
|
4041
|
+
},
|
|
4042
|
+
"A11yText": {
|
|
4043
|
+
"docs": {
|
|
4044
|
+
"description": "A11yText is a zero-size invisible element that adds text to be read by screen readers.\n\nIt should be used to add selectable screen-reader-only text to the main document flow,\nas a sibling to blocks of text like paragraphs and interactive elements like buttons.",
|
|
4045
|
+
"props": {
|
|
4046
|
+
"text": {
|
|
4047
|
+
"type": {
|
|
4048
|
+
"name": "string"
|
|
4049
|
+
},
|
|
4050
|
+
"required": true,
|
|
4051
|
+
"description": "Text to be read by screen readers"
|
|
4052
|
+
},
|
|
4053
|
+
"heading": {
|
|
4054
|
+
"type": {
|
|
4055
|
+
"name": "bool"
|
|
4056
|
+
},
|
|
4057
|
+
"required": false,
|
|
4058
|
+
"description": "Whether text should be rendered as a heading"
|
|
4059
|
+
}
|
|
4060
|
+
},
|
|
4061
|
+
"attributes": {
|
|
4062
|
+
"acceptsRNA11yProps": false
|
|
4063
|
+
}
|
|
4064
|
+
}
|
|
4065
|
+
},
|
|
4066
|
+
"ActivityIndicator": {
|
|
4067
|
+
"docs": {
|
|
4068
|
+
"description": "`ActivityIndicator` renders a visual loading state.\nIt does not handle positioning or layout of that visual loader.",
|
|
4069
|
+
"props": {
|
|
4070
|
+
"isStatic": {
|
|
4071
|
+
"defaultValue": {
|
|
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": "''",
|
|
4204
|
+
"computed": false
|
|
4205
|
+
},
|
|
4206
|
+
"type": {
|
|
4207
|
+
"name": "string"
|
|
4208
|
+
},
|
|
4209
|
+
"required": false,
|
|
4210
|
+
"description": "Help text to display when the input is focused and empty"
|
|
4367
4211
|
},
|
|
4368
|
-
"
|
|
4212
|
+
"children": {
|
|
4369
4213
|
"type": {
|
|
4370
|
-
"name": "
|
|
4214
|
+
"name": "func"
|
|
4371
4215
|
},
|
|
4372
|
-
"required":
|
|
4373
|
-
"description": "
|
|
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>"
|
|
4374
4218
|
},
|
|
4375
|
-
"
|
|
4219
|
+
"items": {
|
|
4376
4220
|
"type": {
|
|
4377
|
-
"name": "
|
|
4378
|
-
"value":
|
|
4379
|
-
|
|
4380
|
-
|
|
4381
|
-
"
|
|
4382
|
-
|
|
4383
|
-
|
|
4384
|
-
|
|
4385
|
-
"
|
|
4221
|
+
"name": "arrayOf",
|
|
4222
|
+
"value": {
|
|
4223
|
+
"name": "shape",
|
|
4224
|
+
"value": {
|
|
4225
|
+
"id": {
|
|
4226
|
+
"name": "string",
|
|
4227
|
+
"required": false
|
|
4228
|
+
},
|
|
4229
|
+
"label": {
|
|
4230
|
+
"name": "string",
|
|
4231
|
+
"required": false
|
|
4232
|
+
}
|
|
4386
4233
|
}
|
|
4387
|
-
|
|
4234
|
+
}
|
|
4388
4235
|
},
|
|
4389
4236
|
"required": false,
|
|
4390
|
-
"description": "
|
|
4391
|
-
}
|
|
4392
|
-
|
|
4393
|
-
"attributes": {}
|
|
4394
|
-
}
|
|
4395
|
-
},
|
|
4396
|
-
"A11yInfoProvider": {
|
|
4397
|
-
"docs": {
|
|
4398
|
-
"description": "",
|
|
4399
|
-
"props": {
|
|
4400
|
-
"children": {
|
|
4401
|
-
"type": {
|
|
4402
|
-
"name": "node"
|
|
4403
|
-
},
|
|
4404
|
-
"required": true,
|
|
4405
|
-
"description": ""
|
|
4406
|
-
}
|
|
4407
|
-
},
|
|
4408
|
-
"attributes": {
|
|
4409
|
-
"acceptsRNA11yProps": false
|
|
4410
|
-
}
|
|
4411
|
-
}
|
|
4412
|
-
},
|
|
4413
|
-
"A11yText": {
|
|
4414
|
-
"docs": {
|
|
4415
|
-
"description": "A11yText is a zero-size invisible element that adds text to be read by screen readers.\n\nIt should be used to add selectable screen-reader-only text to the main document flow,\nas a sibling to blocks of text like paragraphs and interactive elements like buttons.",
|
|
4416
|
-
"props": {
|
|
4417
|
-
"text": {
|
|
4237
|
+
"description": "List of items to display as suggestions"
|
|
4238
|
+
},
|
|
4239
|
+
"loadingLabel": {
|
|
4418
4240
|
"type": {
|
|
4419
4241
|
"name": "string"
|
|
4420
4242
|
},
|
|
4421
|
-
"required":
|
|
4422
|
-
"description": "
|
|
4243
|
+
"required": false,
|
|
4244
|
+
"description": "Label to display alongside the spinner when in a loading state"
|
|
4423
4245
|
},
|
|
4424
|
-
"
|
|
4246
|
+
"noResults": {
|
|
4425
4247
|
"type": {
|
|
4426
|
-
"name": "
|
|
4248
|
+
"name": "node"
|
|
4427
4249
|
},
|
|
4428
4250
|
"required": false,
|
|
4429
|
-
"description": "
|
|
4430
|
-
}
|
|
4431
|
-
|
|
4432
|
-
"attributes": {
|
|
4433
|
-
"acceptsRNA11yProps": false
|
|
4434
|
-
}
|
|
4435
|
-
}
|
|
4436
|
-
},
|
|
4437
|
-
"ActivityIndicator": {
|
|
4438
|
-
"docs": {
|
|
4439
|
-
"description": "`ActivityIndicator` renders a visual loading state.\nIt does not handle positioning or layout of that visual loader.",
|
|
4440
|
-
"props": {
|
|
4441
|
-
"isStatic": {
|
|
4442
|
-
"defaultValue": {
|
|
4443
|
-
"value": "false",
|
|
4444
|
-
"computed": false
|
|
4445
|
-
},
|
|
4251
|
+
"description": "Text or JSX to render when no results are available"
|
|
4252
|
+
},
|
|
4253
|
+
"onChange": {
|
|
4446
4254
|
"type": {
|
|
4447
|
-
"name": "
|
|
4255
|
+
"name": "func"
|
|
4448
4256
|
},
|
|
4449
4257
|
"required": false,
|
|
4450
|
-
"description": "
|
|
4258
|
+
"description": "Handler function to be called when the input value changes"
|
|
4451
4259
|
},
|
|
4452
|
-
"
|
|
4260
|
+
"onClear": {
|
|
4453
4261
|
"type": {
|
|
4454
|
-
"name": "
|
|
4455
|
-
"value": {
|
|
4456
|
-
"name": "union",
|
|
4457
|
-
"value": [
|
|
4458
|
-
{
|
|
4459
|
-
"name": "string"
|
|
4460
|
-
},
|
|
4461
|
-
{
|
|
4462
|
-
"name": "number"
|
|
4463
|
-
},
|
|
4464
|
-
{
|
|
4465
|
-
"name": "bool"
|
|
4466
|
-
}
|
|
4467
|
-
]
|
|
4468
|
-
}
|
|
4262
|
+
"name": "func"
|
|
4469
4263
|
},
|
|
4470
4264
|
"required": false,
|
|
4471
|
-
"description": ""
|
|
4265
|
+
"description": "Handler function to be called when the clear button (appears if the handler is passed) is pressed"
|
|
4472
4266
|
},
|
|
4473
|
-
"
|
|
4267
|
+
"onSelect": {
|
|
4474
4268
|
"type": {
|
|
4475
|
-
"name": "
|
|
4476
|
-
"raw": {
|
|
4477
|
-
"size": "size",
|
|
4478
|
-
"thickness": "border",
|
|
4479
|
-
"color": "color"
|
|
4480
|
-
}
|
|
4269
|
+
"name": "func"
|
|
4481
4270
|
},
|
|
4482
4271
|
"required": false,
|
|
4483
|
-
"description": ""
|
|
4272
|
+
"description": "Callback function to be called when an item is selected from the list"
|
|
4484
4273
|
},
|
|
4485
|
-
"
|
|
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": "",
|