@iress-oss/ids-mcp-server 0.0.1-dev.4 → 0.0.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/LICENSE +193 -0
- package/README.md +159 -29
- package/build/componentHandlers.js +205 -0
- package/{dist → build}/config.js +5 -5
- package/build/index.js +51 -0
- package/{dist → build}/iressHandlers.js +46 -52
- package/{dist → build}/resourceHandlers.js +22 -23
- package/{dist → build}/searchHandlers.js +92 -107
- package/{dist → build}/toolHandler.js +13 -13
- package/build/tools.js +165 -0
- package/{dist → build}/utils.js +15 -11
- package/docs/api-reference.md +0 -0
- package/docs/best-practices.md +0 -0
- package/docs/configuration.md +0 -0
- package/docs/examples.md +0 -0
- package/docs/guidelines.md +269 -0
- package/{generated/docs → docs/ids}/components-autocomplete-docs.md +5 -5
- package/{generated/docs → docs/ids}/components-autocomplete-recipes-docs.md +51 -17
- package/{generated/docs → docs/ids}/components-card-recipes-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-checkbox-docs.md +19 -6
- package/{generated/docs → docs/ids}/components-checkboxgroup-docs.md +18 -18
- package/{generated/docs → docs/ids}/components-checkboxgroup-recipes-docs.md +9 -9
- package/{generated/docs → docs/ids}/components-col-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-combobox-docs.md +6 -6
- package/{generated/docs → docs/ids}/components-container-docs.md +42 -8
- package/{generated/docs → docs/ids}/components-filter-docs.md +66 -13
- package/{generated/docs → docs/ids}/components-form-docs.md +368 -342
- package/{generated/docs → docs/ids}/components-form-recipes-docs.md +11 -202
- package/{generated/docs → docs/ids}/components-hide-docs.md +70 -16
- package/{generated/docs → docs/ids}/components-icon-docs.md +4 -4
- package/{generated/docs → docs/ids}/components-input-recipes-docs.md +2 -2
- package/{generated/docs → docs/ids}/components-inputcurrency-recipes-docs.md +40 -6
- package/{generated/docs → docs/ids}/components-modal-docs.md +113 -3
- package/docs/ids/components-popover-docs.md +4 -0
- package/{generated/docs → docs/ids}/components-radiogroup-docs.md +21 -21
- package/{generated/docs → docs/ids}/components-richselect-docs.md +111 -149
- package/{generated/docs → docs/ids}/components-row-docs.md +4 -4
- package/{generated/docs → docs/ids}/components-skeleton-docs.md +3 -3
- package/{generated/docs → docs/ids}/components-skeleton-recipes-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-skiplink-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-slideout-docs.md +113 -3
- package/docs/ids/components-table-ag-grid-docs.md +2694 -0
- package/{generated/docs → docs/ids}/components-table-docs.md +597 -92
- package/{generated/docs → docs/ids}/components-tabset-docs.md +2 -2
- package/{generated/docs → docs/ids}/components-tag-docs.md +1 -1
- package/{generated/docs → docs/ids}/components-toaster-docs.md +5 -56
- package/{generated/docs → docs/ids}/extensions-editor-docs.md +5 -5
- package/{generated/docs → docs/ids}/foundations-colours-docs.md +1 -1
- package/{generated/docs → docs/ids}/foundations-typography-docs.md +2 -7
- package/docs/ids/get-started-develop-docs.md +48 -0
- package/{generated/docs → docs/ids}/introduction-docs.md +4 -4
- package/{generated/docs → docs/ids}/patterns-loading-docs.md +2 -332
- package/docs/ids/resources-migration-guides-from-v4-to-v5-docs.md +639 -0
- package/docs/ids/themes-available-themes-docs.md +74 -0
- package/docs/ids/themes-tokens-docs.md +4580 -0
- package/docs/ids/versions-docs.md +27 -0
- package/docs/tutorials/basic-integration.md +0 -0
- package/package.json +15 -44
- package/LICENSE.txt +0 -201
- package/dist/componentHandlers.js +0 -241
- package/dist/componentHandlers.test.js +0 -380
- package/dist/index.js +0 -53
- package/dist/iressHandlers.test.js +0 -316
- package/dist/resourceHandlers.test.js +0 -352
- package/dist/searchHandlers.test.js +0 -524
- package/dist/toolHandler.test.js +0 -369
- package/dist/tools.js +0 -165
- package/dist/utils.test.js +0 -286
- package/generated/docs/components-popover-docs.md +0 -464
- package/generated/docs/components-provider-docs.md +0 -105
- package/generated/docs/components-table-ag-grid-docs.md +0 -1074
- package/generated/docs/foundations-accessibility-docs.md +0 -62
- package/generated/docs/foundations-consistency-docs.md +0 -52
- package/generated/docs/foundations-content-docs.md +0 -23
- package/generated/docs/foundations-introduction-docs.md +0 -17
- package/generated/docs/foundations-principles-docs.md +0 -70
- package/generated/docs/foundations-user-experience-docs.md +0 -63
- package/generated/docs/foundations-visual-design-docs.md +0 -46
- package/generated/docs/get-started-develop-docs.md +0 -209
- package/generated/docs/guidelines.md +0 -812
- package/generated/docs/resources-migration-guides-from-v4-to-v5-docs.md +0 -437
- package/generated/docs/themes-available-themes-docs.md +0 -66
- package/generated/docs/themes-tokens-docs.md +0 -1200
- package/generated/docs/versions-docs.md +0 -17
- /package/{dist → build}/types.js +0 -0
- /package/{generated/docs → docs/ids}/components-alert-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-badge-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-button-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-button-recipes-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-buttongroup-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-card-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-divider-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-expander-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-field-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-inline-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-input-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-inputcurrency-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-label-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-menu-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-menu-menuitem-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-navbar-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-navbar-recipes-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-panel-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-placeholder-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-popover-recipes-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-progress-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-radio-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-readonly-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-select-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-slider-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-spinner-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-stack-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-tabset-tab-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-text-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-toaster-toast-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-toggle-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-tooltip-docs.md +0 -0
- /package/{generated/docs → docs/ids}/components-validationmessage-docs.md +0 -0
- /package/{generated/docs → docs/ids}/contact-us-docs.md +0 -0
- /package/{generated/docs → docs/ids}/extensions-editor-recipes-docs.md +0 -0
- /package/{generated/docs → docs/ids}/frequently-asked-questions-docs.md +0 -0
- /package/{generated/docs → docs/ids}/get-started-using-storybook-docs.md +0 -0
- /package/{generated/docs → docs/ids}/resources-changelog-docs.md +0 -0
- /package/{generated/docs → docs/ids}/resources-code-katas-docs.md +0 -0
- /package/{generated/docs → docs/ids}/themes-introduction-docs.md +0 -0
|
@@ -171,22 +171,22 @@ Hide code
|
|
|
171
171
|
stack </h3\>
|
|
172
172
|
<IressRadioGroup layout\="stack"\>
|
|
173
173
|
<IressRadio
|
|
174
|
-
className\="ids-styles--add-border-
|
|
174
|
+
className\="ids-styles--add-border-v5130"
|
|
175
175
|
value\="google"
|
|
176
176
|
\>
|
|
177
177
|
Google </IressRadio\>
|
|
178
178
|
<IressRadio
|
|
179
|
-
className\="ids-styles--add-border-
|
|
179
|
+
className\="ids-styles--add-border-v5130"
|
|
180
180
|
value\="newspaper"
|
|
181
181
|
\>
|
|
182
182
|
Newspaper </IressRadio\>
|
|
183
183
|
<IressRadio
|
|
184
|
-
className\="ids-styles--add-border-
|
|
184
|
+
className\="ids-styles--add-border-v5130"
|
|
185
185
|
value\="friend"
|
|
186
186
|
\>
|
|
187
187
|
Friend </IressRadio\>
|
|
188
188
|
<IressRadio
|
|
189
|
-
className\="ids-styles--add-border-
|
|
189
|
+
className\="ids-styles--add-border-v5130"
|
|
190
190
|
value\="other"
|
|
191
191
|
\>
|
|
192
192
|
Other </IressRadio\>
|
|
@@ -197,22 +197,22 @@ Hide code
|
|
|
197
197
|
block </h3\>
|
|
198
198
|
<IressRadioGroup layout\="block"\>
|
|
199
199
|
<IressRadio
|
|
200
|
-
className\="ids-styles--add-border-
|
|
200
|
+
className\="ids-styles--add-border-v5130"
|
|
201
201
|
value\="google"
|
|
202
202
|
\>
|
|
203
203
|
Google </IressRadio\>
|
|
204
204
|
<IressRadio
|
|
205
|
-
className\="ids-styles--add-border-
|
|
205
|
+
className\="ids-styles--add-border-v5130"
|
|
206
206
|
value\="newspaper"
|
|
207
207
|
\>
|
|
208
208
|
Newspaper </IressRadio\>
|
|
209
209
|
<IressRadio
|
|
210
|
-
className\="ids-styles--add-border-
|
|
210
|
+
className\="ids-styles--add-border-v5130"
|
|
211
211
|
value\="friend"
|
|
212
212
|
\>
|
|
213
213
|
Friend </IressRadio\>
|
|
214
214
|
<IressRadio
|
|
215
|
-
className\="ids-styles--add-border-
|
|
215
|
+
className\="ids-styles--add-border-v5130"
|
|
216
216
|
value\="other"
|
|
217
217
|
\>
|
|
218
218
|
Other </IressRadio\>
|
|
@@ -223,22 +223,22 @@ Hide code
|
|
|
223
223
|
inline </h3\>
|
|
224
224
|
<IressRadioGroup layout\="inline"\>
|
|
225
225
|
<IressRadio
|
|
226
|
-
className\="ids-styles--add-border-
|
|
226
|
+
className\="ids-styles--add-border-v5130"
|
|
227
227
|
value\="google"
|
|
228
228
|
\>
|
|
229
229
|
Google </IressRadio\>
|
|
230
230
|
<IressRadio
|
|
231
|
-
className\="ids-styles--add-border-
|
|
231
|
+
className\="ids-styles--add-border-v5130"
|
|
232
232
|
value\="newspaper"
|
|
233
233
|
\>
|
|
234
234
|
Newspaper </IressRadio\>
|
|
235
235
|
<IressRadio
|
|
236
|
-
className\="ids-styles--add-border-
|
|
236
|
+
className\="ids-styles--add-border-v5130"
|
|
237
237
|
value\="friend"
|
|
238
238
|
\>
|
|
239
239
|
Friend </IressRadio\>
|
|
240
240
|
<IressRadio
|
|
241
|
-
className\="ids-styles--add-border-
|
|
241
|
+
className\="ids-styles--add-border-v5130"
|
|
242
242
|
value\="other"
|
|
243
243
|
\>
|
|
244
244
|
Other </IressRadio\>
|
|
@@ -249,22 +249,22 @@ Hide code
|
|
|
249
249
|
inlineFlex </h3\>
|
|
250
250
|
<IressRadioGroup layout\="inlineFlex"\>
|
|
251
251
|
<IressRadio
|
|
252
|
-
className\="ids-styles--add-border-
|
|
252
|
+
className\="ids-styles--add-border-v5130"
|
|
253
253
|
value\="google"
|
|
254
254
|
\>
|
|
255
255
|
Google </IressRadio\>
|
|
256
256
|
<IressRadio
|
|
257
|
-
className\="ids-styles--add-border-
|
|
257
|
+
className\="ids-styles--add-border-v5130"
|
|
258
258
|
value\="newspaper"
|
|
259
259
|
\>
|
|
260
260
|
Newspaper </IressRadio\>
|
|
261
261
|
<IressRadio
|
|
262
|
-
className\="ids-styles--add-border-
|
|
262
|
+
className\="ids-styles--add-border-v5130"
|
|
263
263
|
value\="friend"
|
|
264
264
|
\>
|
|
265
265
|
Friend </IressRadio\>
|
|
266
266
|
<IressRadio
|
|
267
|
-
className\="ids-styles--add-border-
|
|
267
|
+
className\="ids-styles--add-border-v5130"
|
|
268
268
|
value\="other"
|
|
269
269
|
\>
|
|
270
270
|
Other </IressRadio\>
|
|
@@ -275,22 +275,22 @@ Hide code
|
|
|
275
275
|
inlineEqualWidth </h3\>
|
|
276
276
|
<IressRadioGroup layout\="inlineEqualWidth"\>
|
|
277
277
|
<IressRadio
|
|
278
|
-
className\="ids-styles--add-border-
|
|
278
|
+
className\="ids-styles--add-border-v5130"
|
|
279
279
|
value\="google"
|
|
280
280
|
\>
|
|
281
281
|
Google </IressRadio\>
|
|
282
282
|
<IressRadio
|
|
283
|
-
className\="ids-styles--add-border-
|
|
283
|
+
className\="ids-styles--add-border-v5130"
|
|
284
284
|
value\="newspaper"
|
|
285
285
|
\>
|
|
286
286
|
Newspaper </IressRadio\>
|
|
287
287
|
<IressRadio
|
|
288
|
-
className\="ids-styles--add-border-
|
|
288
|
+
className\="ids-styles--add-border-v5130"
|
|
289
289
|
value\="friend"
|
|
290
290
|
\>
|
|
291
291
|
Friend </IressRadio\>
|
|
292
292
|
<IressRadio
|
|
293
|
-
className\="ids-styles--add-border-
|
|
293
|
+
className\="ids-styles--add-border-v5130"
|
|
294
294
|
value\="other"
|
|
295
295
|
\>
|
|
296
296
|
Other </IressRadio\>
|
|
@@ -441,7 +441,7 @@ Hide code
|
|
|
441
441
|
}}
|
|
442
442
|
\>
|
|
443
443
|
<div
|
|
444
|
-
className\="ids-styles--resizable-
|
|
444
|
+
className\="ids-styles--resizable-v5130"
|
|
445
445
|
style\={{
|
|
446
446
|
display: 'grid',
|
|
447
447
|
gridAutoRows: '1fr',
|
|
@@ -1146,65 +1146,6 @@ export const SelectNewOption \= () \=> (
|
|
|
1146
1146
|
|
|
1147
1147
|
Copy
|
|
1148
1148
|
|
|
1149
|
-
### [](#header-and-footer)Header and Footer
|
|
1150
|
-
|
|
1151
|
-
Use the `header` `footer` prop to add a header/footer to the select panel. They can be any component you like, but you need to manage the styling on your own. If you want to keep the padding align with option items, try to wrap inside `<IressMenuText>` (it's essentially a div container, see the example below):
|
|
1152
|
-
|
|
1153
|
-
Hide code
|
|
1154
|
-
|
|
1155
|
-
\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
|
|
1156
|
-
|
|
1157
|
-
<IressRichSelect
|
|
1158
|
-
container\={document.body}
|
|
1159
|
-
footer\={<\><IressDivider style\={{marginBottom: 0}} /><IressMenuText\><IressInline gutter\="sm"\><IressButton\>Button 1</IressButton\><IressButton\>Button 2</IressButton\></IressInline\></IressMenuText\></\>}
|
|
1160
|
-
header\={<\><IressMenuText\><IressText element\="h3" style\={{margin: 0}}\>Header</IressText\></IressMenuText\><IressDivider style\={{marginTop: 0}} /></\>}
|
|
1161
|
-
options\={\[
|
|
1162
|
-
{
|
|
1163
|
-
label: 'Option 1',
|
|
1164
|
-
meta: \[
|
|
1165
|
-
'Some',
|
|
1166
|
-
<IressText key\="0-active" mode\="success"\>Active</IressText\>
|
|
1167
|
-
\],
|
|
1168
|
-
value: '1'
|
|
1169
|
-
},
|
|
1170
|
-
{
|
|
1171
|
-
label: 'Option 2',
|
|
1172
|
-
meta: \[
|
|
1173
|
-
'Some',
|
|
1174
|
-
<IressText key\="1-active" mode\="success"\>Active</IressText\>
|
|
1175
|
-
\],
|
|
1176
|
-
value: '2'
|
|
1177
|
-
},
|
|
1178
|
-
{
|
|
1179
|
-
label: 'Option 3',
|
|
1180
|
-
meta: \[
|
|
1181
|
-
'Some',
|
|
1182
|
-
<IressText key\="2-active" mode\="success"\>Active</IressText\>
|
|
1183
|
-
\],
|
|
1184
|
-
value: '3'
|
|
1185
|
-
},
|
|
1186
|
-
{
|
|
1187
|
-
label: 'Option 4',
|
|
1188
|
-
meta: \[
|
|
1189
|
-
'Some',
|
|
1190
|
-
<IressText key\="3-active" mode\="success"\>Active</IressText\>
|
|
1191
|
-
\],
|
|
1192
|
-
value: '4'
|
|
1193
|
-
},
|
|
1194
|
-
{
|
|
1195
|
-
label: 'Option 5',
|
|
1196
|
-
meta: \[
|
|
1197
|
-
'Some',
|
|
1198
|
-
<IressText key\="4-active" mode\="success"\>Active</IressText\>
|
|
1199
|
-
\],
|
|
1200
|
-
value: '5'
|
|
1201
|
-
}
|
|
1202
|
-
\]}
|
|
1203
|
-
placeholder\=""
|
|
1204
|
-
/>
|
|
1205
|
-
|
|
1206
|
-
Copy
|
|
1207
|
-
|
|
1208
1149
|
### [](#readonly)Readonly
|
|
1209
1150
|
|
|
1210
1151
|
The `readonly` prop can be set to `true` to prevent the user from changing the value of the select. This will change the select to a custom read-only style, and will display multiple values seperated with a comma.
|
|
@@ -1319,7 +1260,7 @@ These are completely optional, the default behaviour should be sufficient for mo
|
|
|
1319
1260
|
|
|
1320
1261
|
Below is a mapping of the available sub-components to the previous [Create new option example](#create-new-option).
|
|
1321
1262
|
|
|
1322
|
-

|
|
1323
1264
|
|
|
1324
1265
|
### [](#iressselectbody)IressSelectBody
|
|
1325
1266
|
|
|
@@ -1664,60 +1605,63 @@ Copy
|
|
|
1664
1605
|
|
|
1665
1606
|
#### [](#select-label-props)Props
|
|
1666
1607
|
|
|
1667
|
-
|
|
1668
|
-
| --- | --- | --- | --- |
|
|
1669
|
-
| append |
|
|
1670
|
-
Append content.
|
|
1608
|
+
Name
|
|
1671
1609
|
|
|
1672
|
-
|
|
1610
|
+
Description
|
|
1673
1611
|
|
|
1612
|
+
Default
|
|
1674
1613
|
|
|
1614
|
+
Control
|
|
1675
1615
|
|
|
1676
|
-
|
|
1616
|
+
append
|
|
1677
1617
|
|
|
1678
|
-
|
|
1618
|
+
Append content.
|
|
1619
|
+
|
|
1620
|
+
ReactNode
|
|
1679
1621
|
|
|
1622
|
+
<IressIcon />
|
|
1680
1623
|
|
|
1624
|
+
Set object
|
|
1681
1625
|
|
|
1682
|
-
|
|
1683
|
-
| placeholder |
|
|
1626
|
+
placeholder
|
|
1684
1627
|
|
|
1685
1628
|
Placeholder, shown when there is nothing selected.
|
|
1686
1629
|
|
|
1687
1630
|
ReactNode
|
|
1688
1631
|
|
|
1689
|
-
|
|
1690
|
-
|
|
1691
|
-
| \- |
|
|
1632
|
+
\-
|
|
1692
1633
|
|
|
1693
1634
|
""
|
|
1694
1635
|
|
|
1695
|
-
|
|
1696
|
-
| prepend |
|
|
1636
|
+
prepend
|
|
1697
1637
|
|
|
1698
1638
|
Prepend content.
|
|
1699
1639
|
|
|
1700
1640
|
ReactNode
|
|
1701
1641
|
|
|
1642
|
+
\-
|
|
1702
1643
|
|
|
1644
|
+
Set object
|
|
1703
1645
|
|
|
1704
|
-
|
|
1705
|
-
| selected |
|
|
1646
|
+
selected
|
|
1706
1647
|
|
|
1707
1648
|
Selected items.
|
|
1708
1649
|
|
|
1709
1650
|
LabelValueMeta | LabelValueMeta\[\] | undefined
|
|
1710
1651
|
|
|
1711
|
-
|
|
1712
|
-
|
|
1652
|
+
\-
|
|
1653
|
+
|
|
1654
|
+
Set object
|
|
1655
|
+
|
|
1656
|
+
selectedOptionsText
|
|
1713
1657
|
|
|
1714
1658
|
Text displayed next to label when two or more options are selected.
|
|
1715
1659
|
|
|
1716
1660
|
stringundefined
|
|
1717
1661
|
|
|
1662
|
+
{{numOptions}} selected
|
|
1718
1663
|
|
|
1719
|
-
|
|
1720
|
-
| {{numOptions}} selected | Set object |
|
|
1664
|
+
Set object
|
|
1721
1665
|
|
|
1722
1666
|
### [](#iressselectmenu)IressSelectMenu
|
|
1723
1667
|
|
|
@@ -1784,45 +1728,51 @@ Copy
|
|
|
1784
1728
|
|
|
1785
1729
|
#### [](#select-menu-props)Props
|
|
1786
1730
|
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1731
|
+
Name
|
|
1732
|
+
|
|
1733
|
+
Description
|
|
1734
|
+
|
|
1735
|
+
Default
|
|
1736
|
+
|
|
1737
|
+
Control
|
|
1738
|
+
|
|
1739
|
+
defaultSelected
|
|
1740
|
+
|
|
1790
1741
|
Initially selected values of menu when `role` is listbox. Used for uncontrolled menus.
|
|
1791
1742
|
|
|
1792
1743
|
MenuSelectedundefined
|
|
1793
1744
|
|
|
1745
|
+
\-
|
|
1794
1746
|
|
|
1747
|
+
Set object
|
|
1795
1748
|
|
|
1796
|
-
|
|
1797
|
-
| heading |
|
|
1749
|
+
heading
|
|
1798
1750
|
|
|
1799
1751
|
Heading slot. Often used for a title or description. If a string, will automatically provide an id for aria-labelledby.
|
|
1800
1752
|
|
|
1801
1753
|
ReactNode
|
|
1802
1754
|
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
| \- |
|
|
1755
|
+
\-
|
|
1806
1756
|
|
|
1807
1757
|
"Search results"
|
|
1808
1758
|
|
|
1809
|
-
|
|
1810
|
-
| hideSelectedItems |
|
|
1759
|
+
hideSelectedItems
|
|
1811
1760
|
|
|
1812
1761
|
Hide selected items from menu. Useful for autocomplete scenarios.
|
|
1813
1762
|
|
|
1814
1763
|
booleanundefined
|
|
1815
1764
|
|
|
1765
|
+
\-
|
|
1816
1766
|
|
|
1767
|
+
Set object
|
|
1817
1768
|
|
|
1818
|
-
|
|
1819
|
-
| items |
|
|
1769
|
+
items
|
|
1820
1770
|
|
|
1821
1771
|
Items to be displayed in the menu, array of FormattedLabelValueMeta.
|
|
1822
1772
|
|
|
1823
1773
|
FormattedLabelValueMeta\[\] | undefined
|
|
1824
1774
|
|
|
1825
|
-
|
|
1775
|
+
\[\]
|
|
1826
1776
|
|
|
1827
1777
|
RAW
|
|
1828
1778
|
|
|
@@ -1840,75 +1790,79 @@ items : \[
|
|
|
1840
1790
|
|
|
1841
1791
|
\]
|
|
1842
1792
|
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
|
1848
|
-
| limitDesktop |
|
|
1793
|
+
limitDesktop
|
|
1849
1794
|
|
|
1850
1795
|
Maximum number of results displayed on larger screen sizes (>= 768).
|
|
1851
1796
|
|
|
1852
1797
|
numberundefined
|
|
1853
1798
|
|
|
1799
|
+
\-
|
|
1854
1800
|
|
|
1801
|
+
Set object
|
|
1855
1802
|
|
|
1856
|
-
|
|
1857
|
-
| limitMobile |
|
|
1803
|
+
limitMobile
|
|
1858
1804
|
|
|
1859
1805
|
Maximum number of results displayed on mobile screen sizes (< 768).
|
|
1860
1806
|
|
|
1861
1807
|
numberundefined
|
|
1862
1808
|
|
|
1809
|
+
\-
|
|
1863
1810
|
|
|
1811
|
+
Set object
|
|
1864
1812
|
|
|
1865
|
-
|
|
1866
|
-
| multiSelect |
|
|
1813
|
+
multiSelect
|
|
1867
1814
|
|
|
1868
1815
|
If set to true, menu items will contain checkboxes.
|
|
1869
1816
|
|
|
1870
1817
|
booleanundefined
|
|
1871
1818
|
|
|
1819
|
+
\-
|
|
1872
1820
|
|
|
1821
|
+
Set object
|
|
1873
1822
|
|
|
1874
|
-
|
|
1875
|
-
| noResults |
|
|
1823
|
+
noResults
|
|
1876
1824
|
|
|
1877
1825
|
No results text to display when no items are found.
|
|
1878
1826
|
|
|
1879
1827
|
ReactNode
|
|
1880
1828
|
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
| \- |
|
|
1829
|
+
\-
|
|
1884
1830
|
|
|
1885
1831
|
"No results found"
|
|
1886
1832
|
|
|
1887
|
-
|
|
1888
|
-
| onChange |
|
|
1833
|
+
onChange
|
|
1889
1834
|
|
|
1890
1835
|
Emitted when the value changes when item is selected from the menu
|
|
1891
1836
|
|
|
1892
1837
|
((selected?: LabelValueMeta | LabelValueMeta\[\] | undefined) => void) | undefined
|
|
1893
1838
|
|
|
1894
|
-
|
|
1895
|
-
|
|
1839
|
+
\-
|
|
1840
|
+
|
|
1841
|
+
\-
|
|
1842
|
+
|
|
1843
|
+
selected
|
|
1896
1844
|
|
|
1897
1845
|
Selected items.
|
|
1898
1846
|
|
|
1899
1847
|
LabelValueMeta | LabelValueMeta\[\] | undefined
|
|
1900
1848
|
|
|
1901
|
-
|
|
1902
|
-
|
|
1849
|
+
\-
|
|
1850
|
+
|
|
1851
|
+
Set object
|
|
1852
|
+
|
|
1853
|
+
selectedFirst
|
|
1903
1854
|
|
|
1904
1855
|
Set whether to display selected items first in the menu.
|
|
1905
1856
|
|
|
1906
1857
|
booleanundefined
|
|
1907
1858
|
|
|
1859
|
+
\-
|
|
1860
|
+
|
|
1861
|
+
Set object
|
|
1908
1862
|
|
|
1863
|
+
Show Menu props itemsMenu props
|
|
1909
1864
|
|
|
1910
|
-
|
|
1911
|
-
| Show Menu props itemsMenu props | Show Menu props items |
|
|
1865
|
+
Show Menu props items
|
|
1912
1866
|
|
|
1913
1867
|
### [](#iressselectsearch)IressSelectSearch
|
|
1914
1868
|
|
|
@@ -2185,94 +2139,103 @@ Copy
|
|
|
2185
2139
|
|
|
2186
2140
|
#### [](#select-tags-props)Props
|
|
2187
2141
|
|
|
2188
|
-
|
|
2189
|
-
| --- | --- | --- | --- |
|
|
2190
|
-
| append |
|
|
2191
|
-
Append content.
|
|
2142
|
+
Name
|
|
2192
2143
|
|
|
2193
|
-
|
|
2144
|
+
Description
|
|
2194
2145
|
|
|
2146
|
+
Default
|
|
2195
2147
|
|
|
2148
|
+
Control
|
|
2196
2149
|
|
|
2197
|
-
|
|
2150
|
+
append
|
|
2198
2151
|
|
|
2199
|
-
|
|
2152
|
+
Append content.
|
|
2153
|
+
|
|
2154
|
+
ReactNode
|
|
2200
2155
|
|
|
2156
|
+
<IressButton />
|
|
2201
2157
|
|
|
2158
|
+
Set object
|
|
2202
2159
|
|
|
2203
|
-
|
|
2204
|
-
| limit |
|
|
2160
|
+
limit
|
|
2205
2161
|
|
|
2206
2162
|
Limit of tags to display before shortening to `selectedOptionsText`
|
|
2207
2163
|
|
|
2208
2164
|
numberundefined
|
|
2209
2165
|
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
|
2213
|
-
|
|
2214
2166
|
5
|
|
2215
2167
|
|
|
2216
|
-
|
|
2217
|
-
|
|
2168
|
+
Set object
|
|
2169
|
+
|
|
2170
|
+
onDelete
|
|
2218
2171
|
|
|
2219
2172
|
Emitted when a tag is deleted.
|
|
2220
2173
|
|
|
2221
2174
|
((item?: LabelValueMeta | undefined, e?: SyntheticEvent<ButtonRef, Event> | undefined) => void) | undefined
|
|
2222
2175
|
|
|
2223
|
-
|
|
2224
|
-
|
|
2176
|
+
\-
|
|
2177
|
+
|
|
2178
|
+
\-
|
|
2179
|
+
|
|
2180
|
+
onDeleteAll
|
|
2225
2181
|
|
|
2226
2182
|
Emitted when the combined tag delete button is clicked.
|
|
2227
2183
|
|
|
2228
2184
|
((e: SyntheticEvent<ButtonRef, Event>) => void) | undefined
|
|
2229
2185
|
|
|
2230
|
-
|
|
2231
|
-
|
|
2186
|
+
\-
|
|
2187
|
+
|
|
2188
|
+
\-
|
|
2189
|
+
|
|
2190
|
+
onToggleActions
|
|
2232
2191
|
|
|
2233
2192
|
Emitted when actions are toggled.
|
|
2234
2193
|
|
|
2235
2194
|
((open?: boolean | undefined) => void) | undefined
|
|
2236
2195
|
|
|
2237
|
-
|
|
2238
|
-
| placeholder |
|
|
2196
|
+
\-
|
|
2239
2197
|
|
|
2240
|
-
|
|
2198
|
+
\-
|
|
2241
2199
|
|
|
2242
|
-
|
|
2200
|
+
placeholder
|
|
2243
2201
|
|
|
2202
|
+
Placeholder, shown when there is nothing selected.
|
|
2244
2203
|
|
|
2204
|
+
ReactNode
|
|
2245
2205
|
|
|
2246
|
-
|
|
2206
|
+
\-
|
|
2247
2207
|
|
|
2248
2208
|
"Select an item"
|
|
2249
2209
|
|
|
2250
|
-
|
|
2251
|
-
| prepend |
|
|
2210
|
+
prepend
|
|
2252
2211
|
|
|
2253
2212
|
Prepend content.
|
|
2254
2213
|
|
|
2255
2214
|
ReactNode
|
|
2256
2215
|
|
|
2216
|
+
\-
|
|
2257
2217
|
|
|
2218
|
+
Set object
|
|
2258
2219
|
|
|
2259
|
-
|
|
2260
|
-
| selected |
|
|
2220
|
+
selected
|
|
2261
2221
|
|
|
2262
2222
|
Selected items.
|
|
2263
2223
|
|
|
2264
2224
|
LabelValueMeta | LabelValueMeta\[\] | undefined
|
|
2265
2225
|
|
|
2266
|
-
|
|
2267
|
-
|
|
2226
|
+
\-
|
|
2227
|
+
|
|
2228
|
+
Set object
|
|
2229
|
+
|
|
2230
|
+
selectedOptionsText
|
|
2268
2231
|
|
|
2269
2232
|
Text displayed next to label when two or more options are selected.
|
|
2270
2233
|
|
|
2271
2234
|
stringundefined
|
|
2272
2235
|
|
|
2236
|
+
{{numOptions}} selected
|
|
2273
2237
|
|
|
2274
|
-
|
|
2275
|
-
| {{numOptions}} selected | Set object |
|
|
2238
|
+
Set object
|
|
2276
2239
|
|
|
2277
2240
|
#### [](#maximum-tag-limit)Maximum tag limit
|
|
2278
2241
|
|
|
@@ -2418,7 +2381,6 @@ On this page
|
|
|
2418
2381
|
* [Custom label](#custom-label)
|
|
2419
2382
|
* [Custom options](#custom-options)
|
|
2420
2383
|
* [Create new option](#create-new-option)
|
|
2421
|
-
* [Header and Footer](#header-and-footer)
|
|
2422
2384
|
* [Readonly](#readonly)
|
|
2423
2385
|
* [Sub-components](#sub-components)
|
|
2424
2386
|
* [IressSelectBody](#iressselectbody)
|
|
@@ -749,7 +749,7 @@ Hide code
|
|
|
749
749
|
<IressText element\="h2"\>
|
|
750
750
|
Vertical align: top </IressText\>
|
|
751
751
|
<IressRow
|
|
752
|
-
className\="ids-styles--set-height-
|
|
752
|
+
className\="ids-styles--set-height-v5130"
|
|
753
753
|
verticalAlign\="top"
|
|
754
754
|
\>
|
|
755
755
|
<React.Fragment key\=".0"\>
|
|
@@ -778,7 +778,7 @@ Hide code
|
|
|
778
778
|
<IressText element\="h2"\>
|
|
779
779
|
Vertical align: middle </IressText\>
|
|
780
780
|
<IressRow
|
|
781
|
-
className\="ids-styles--set-height-
|
|
781
|
+
className\="ids-styles--set-height-v5130"
|
|
782
782
|
verticalAlign\="middle"
|
|
783
783
|
\>
|
|
784
784
|
<React.Fragment key\=".0"\>
|
|
@@ -807,7 +807,7 @@ Hide code
|
|
|
807
807
|
<IressText element\="h2"\>
|
|
808
808
|
Vertical align: bottom </IressText\>
|
|
809
809
|
<IressRow
|
|
810
|
-
className\="ids-styles--set-height-
|
|
810
|
+
className\="ids-styles--set-height-v5130"
|
|
811
811
|
verticalAlign\="bottom"
|
|
812
812
|
\>
|
|
813
813
|
<React.Fragment key\=".0"\>
|
|
@@ -836,7 +836,7 @@ Hide code
|
|
|
836
836
|
<IressText element\="h2"\>
|
|
837
837
|
Vertical align: stretch </IressText\>
|
|
838
838
|
<IressRow
|
|
839
|
-
className\="ids-styles--set-height-
|
|
839
|
+
className\="ids-styles--set-height-v5130"
|
|
840
840
|
verticalAlign\="stretch"
|
|
841
841
|
\>
|
|
842
842
|
<React.Fragment key\=".0"\>
|
|
@@ -60,7 +60,7 @@ import {
|
|
|
60
60
|
IressStack,
|
|
61
61
|
IressText,
|
|
62
62
|
TEXT\_VARIANTS,
|
|
63
|
-
} from '@iress
|
|
63
|
+
} from '@iress/ids-components';
|
|
64
64
|
export const SkeletonText \= () \=> {
|
|
65
65
|
const \[loading, setLoading\] \= useState(true);
|
|
66
66
|
return (
|
|
@@ -102,7 +102,7 @@ import {
|
|
|
102
102
|
IressSkeleton,
|
|
103
103
|
IressSkeletonProps,
|
|
104
104
|
IressStack,
|
|
105
|
-
} from '@iress
|
|
105
|
+
} from '@iress/ids-components';
|
|
106
106
|
export const SkeletonRect \= () \=> {
|
|
107
107
|
const \[loading, setLoading\] \= useState(true);
|
|
108
108
|
return (
|
|
@@ -144,7 +144,7 @@ import {
|
|
|
144
144
|
IressSkeleton,
|
|
145
145
|
IressSkeletonProps,
|
|
146
146
|
IressStack,
|
|
147
|
-
} from '@iress
|
|
147
|
+
} from '@iress/ids-components';
|
|
148
148
|
export const SkeletonCircle \= () \=> {
|
|
149
149
|
const \[loading, setLoading\] \= useState(true);
|
|
150
150
|
return (
|
|
@@ -25,7 +25,7 @@ Hide code
|
|
|
25
25
|
}}
|
|
26
26
|
/>
|
|
27
27
|
<main
|
|
28
|
-
className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-
|
|
28
|
+
className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-v5130"
|
|
29
29
|
id\="main"
|
|
30
30
|
tabIndex\={\-1}
|
|
31
31
|
\>
|