@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.
Files changed (125) hide show
  1. package/LICENSE +193 -0
  2. package/README.md +159 -29
  3. package/build/componentHandlers.js +205 -0
  4. package/{dist → build}/config.js +5 -5
  5. package/build/index.js +51 -0
  6. package/{dist → build}/iressHandlers.js +46 -52
  7. package/{dist → build}/resourceHandlers.js +22 -23
  8. package/{dist → build}/searchHandlers.js +92 -107
  9. package/{dist → build}/toolHandler.js +13 -13
  10. package/build/tools.js +165 -0
  11. package/{dist → build}/utils.js +15 -11
  12. package/docs/api-reference.md +0 -0
  13. package/docs/best-practices.md +0 -0
  14. package/docs/configuration.md +0 -0
  15. package/docs/examples.md +0 -0
  16. package/docs/guidelines.md +269 -0
  17. package/{generated/docs → docs/ids}/components-autocomplete-docs.md +5 -5
  18. package/{generated/docs → docs/ids}/components-autocomplete-recipes-docs.md +51 -17
  19. package/{generated/docs → docs/ids}/components-card-recipes-docs.md +1 -1
  20. package/{generated/docs → docs/ids}/components-checkbox-docs.md +19 -6
  21. package/{generated/docs → docs/ids}/components-checkboxgroup-docs.md +18 -18
  22. package/{generated/docs → docs/ids}/components-checkboxgroup-recipes-docs.md +9 -9
  23. package/{generated/docs → docs/ids}/components-col-docs.md +1 -1
  24. package/{generated/docs → docs/ids}/components-combobox-docs.md +6 -6
  25. package/{generated/docs → docs/ids}/components-container-docs.md +42 -8
  26. package/{generated/docs → docs/ids}/components-filter-docs.md +66 -13
  27. package/{generated/docs → docs/ids}/components-form-docs.md +368 -342
  28. package/{generated/docs → docs/ids}/components-form-recipes-docs.md +11 -202
  29. package/{generated/docs → docs/ids}/components-hide-docs.md +70 -16
  30. package/{generated/docs → docs/ids}/components-icon-docs.md +4 -4
  31. package/{generated/docs → docs/ids}/components-input-recipes-docs.md +2 -2
  32. package/{generated/docs → docs/ids}/components-inputcurrency-recipes-docs.md +40 -6
  33. package/{generated/docs → docs/ids}/components-modal-docs.md +113 -3
  34. package/docs/ids/components-popover-docs.md +4 -0
  35. package/{generated/docs → docs/ids}/components-radiogroup-docs.md +21 -21
  36. package/{generated/docs → docs/ids}/components-richselect-docs.md +111 -149
  37. package/{generated/docs → docs/ids}/components-row-docs.md +4 -4
  38. package/{generated/docs → docs/ids}/components-skeleton-docs.md +3 -3
  39. package/{generated/docs → docs/ids}/components-skeleton-recipes-docs.md +1 -1
  40. package/{generated/docs → docs/ids}/components-skiplink-docs.md +1 -1
  41. package/{generated/docs → docs/ids}/components-slideout-docs.md +113 -3
  42. package/docs/ids/components-table-ag-grid-docs.md +2694 -0
  43. package/{generated/docs → docs/ids}/components-table-docs.md +597 -92
  44. package/{generated/docs → docs/ids}/components-tabset-docs.md +2 -2
  45. package/{generated/docs → docs/ids}/components-tag-docs.md +1 -1
  46. package/{generated/docs → docs/ids}/components-toaster-docs.md +5 -56
  47. package/{generated/docs → docs/ids}/extensions-editor-docs.md +5 -5
  48. package/{generated/docs → docs/ids}/foundations-colours-docs.md +1 -1
  49. package/{generated/docs → docs/ids}/foundations-typography-docs.md +2 -7
  50. package/docs/ids/get-started-develop-docs.md +48 -0
  51. package/{generated/docs → docs/ids}/introduction-docs.md +4 -4
  52. package/{generated/docs → docs/ids}/patterns-loading-docs.md +2 -332
  53. package/docs/ids/resources-migration-guides-from-v4-to-v5-docs.md +639 -0
  54. package/docs/ids/themes-available-themes-docs.md +74 -0
  55. package/docs/ids/themes-tokens-docs.md +4580 -0
  56. package/docs/ids/versions-docs.md +27 -0
  57. package/docs/tutorials/basic-integration.md +0 -0
  58. package/package.json +15 -44
  59. package/LICENSE.txt +0 -201
  60. package/dist/componentHandlers.js +0 -241
  61. package/dist/componentHandlers.test.js +0 -380
  62. package/dist/index.js +0 -53
  63. package/dist/iressHandlers.test.js +0 -316
  64. package/dist/resourceHandlers.test.js +0 -352
  65. package/dist/searchHandlers.test.js +0 -524
  66. package/dist/toolHandler.test.js +0 -369
  67. package/dist/tools.js +0 -165
  68. package/dist/utils.test.js +0 -286
  69. package/generated/docs/components-popover-docs.md +0 -464
  70. package/generated/docs/components-provider-docs.md +0 -105
  71. package/generated/docs/components-table-ag-grid-docs.md +0 -1074
  72. package/generated/docs/foundations-accessibility-docs.md +0 -62
  73. package/generated/docs/foundations-consistency-docs.md +0 -52
  74. package/generated/docs/foundations-content-docs.md +0 -23
  75. package/generated/docs/foundations-introduction-docs.md +0 -17
  76. package/generated/docs/foundations-principles-docs.md +0 -70
  77. package/generated/docs/foundations-user-experience-docs.md +0 -63
  78. package/generated/docs/foundations-visual-design-docs.md +0 -46
  79. package/generated/docs/get-started-develop-docs.md +0 -209
  80. package/generated/docs/guidelines.md +0 -812
  81. package/generated/docs/resources-migration-guides-from-v4-to-v5-docs.md +0 -437
  82. package/generated/docs/themes-available-themes-docs.md +0 -66
  83. package/generated/docs/themes-tokens-docs.md +0 -1200
  84. package/generated/docs/versions-docs.md +0 -17
  85. /package/{dist → build}/types.js +0 -0
  86. /package/{generated/docs → docs/ids}/components-alert-docs.md +0 -0
  87. /package/{generated/docs → docs/ids}/components-badge-docs.md +0 -0
  88. /package/{generated/docs → docs/ids}/components-button-docs.md +0 -0
  89. /package/{generated/docs → docs/ids}/components-button-recipes-docs.md +0 -0
  90. /package/{generated/docs → docs/ids}/components-buttongroup-docs.md +0 -0
  91. /package/{generated/docs → docs/ids}/components-card-docs.md +0 -0
  92. /package/{generated/docs → docs/ids}/components-divider-docs.md +0 -0
  93. /package/{generated/docs → docs/ids}/components-expander-docs.md +0 -0
  94. /package/{generated/docs → docs/ids}/components-field-docs.md +0 -0
  95. /package/{generated/docs → docs/ids}/components-inline-docs.md +0 -0
  96. /package/{generated/docs → docs/ids}/components-input-docs.md +0 -0
  97. /package/{generated/docs → docs/ids}/components-inputcurrency-docs.md +0 -0
  98. /package/{generated/docs → docs/ids}/components-label-docs.md +0 -0
  99. /package/{generated/docs → docs/ids}/components-menu-docs.md +0 -0
  100. /package/{generated/docs → docs/ids}/components-menu-menuitem-docs.md +0 -0
  101. /package/{generated/docs → docs/ids}/components-navbar-docs.md +0 -0
  102. /package/{generated/docs → docs/ids}/components-navbar-recipes-docs.md +0 -0
  103. /package/{generated/docs → docs/ids}/components-panel-docs.md +0 -0
  104. /package/{generated/docs → docs/ids}/components-placeholder-docs.md +0 -0
  105. /package/{generated/docs → docs/ids}/components-popover-recipes-docs.md +0 -0
  106. /package/{generated/docs → docs/ids}/components-progress-docs.md +0 -0
  107. /package/{generated/docs → docs/ids}/components-radio-docs.md +0 -0
  108. /package/{generated/docs → docs/ids}/components-readonly-docs.md +0 -0
  109. /package/{generated/docs → docs/ids}/components-select-docs.md +0 -0
  110. /package/{generated/docs → docs/ids}/components-slider-docs.md +0 -0
  111. /package/{generated/docs → docs/ids}/components-spinner-docs.md +0 -0
  112. /package/{generated/docs → docs/ids}/components-stack-docs.md +0 -0
  113. /package/{generated/docs → docs/ids}/components-tabset-tab-docs.md +0 -0
  114. /package/{generated/docs → docs/ids}/components-text-docs.md +0 -0
  115. /package/{generated/docs → docs/ids}/components-toaster-toast-docs.md +0 -0
  116. /package/{generated/docs → docs/ids}/components-toggle-docs.md +0 -0
  117. /package/{generated/docs → docs/ids}/components-tooltip-docs.md +0 -0
  118. /package/{generated/docs → docs/ids}/components-validationmessage-docs.md +0 -0
  119. /package/{generated/docs → docs/ids}/contact-us-docs.md +0 -0
  120. /package/{generated/docs → docs/ids}/extensions-editor-recipes-docs.md +0 -0
  121. /package/{generated/docs → docs/ids}/frequently-asked-questions-docs.md +0 -0
  122. /package/{generated/docs → docs/ids}/get-started-using-storybook-docs.md +0 -0
  123. /package/{generated/docs → docs/ids}/resources-changelog-docs.md +0 -0
  124. /package/{generated/docs → docs/ids}/resources-code-katas-docs.md +0 -0
  125. /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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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
- ![](/@fs/app/packages/components/src/components/RichSelect/assets/ids-rich-select--sub-component-mapping.svg)
1263
+ ![](/@fs/Users/ming.fang/code/design-system/packages/components/src/components/RichSelect/assets/ids-rich-select--sub-component-mapping.svg)
1323
1264
 
1324
1265
  ### [](#iressselectbody)IressSelectBody
1325
1266
 
@@ -1664,60 +1605,63 @@ Copy
1664
1605
 
1665
1606
  #### [](#select-label-props)Props
1666
1607
 
1667
- | Name | Description | Default | Control |
1668
- | --- | --- | --- | --- |
1669
- | append |
1670
- Append content.
1608
+ Name
1671
1609
 
1672
- ReactNode
1610
+ Description
1673
1611
 
1612
+ Default
1674
1613
 
1614
+ Control
1675
1615
 
1676
- |
1616
+ append
1677
1617
 
1678
- <IressIcon />
1618
+ Append content.
1619
+
1620
+ ReactNode
1679
1621
 
1622
+ <IressIcon />
1680
1623
 
1624
+ Set object
1681
1625
 
1682
- | Set object |
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
- | \- | Set object |
1705
- | selected |
1646
+ selected
1706
1647
 
1707
1648
  Selected items.
1708
1649
 
1709
1650
  LabelValueMeta | LabelValueMeta\[\] | undefined
1710
1651
 
1711
- | \- | Set object |
1712
- | selectedOptionsText |
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
- | Name | Description | Default | Control |
1788
- | --- | --- | --- | --- |
1789
- | defaultSelected |
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
- | \- | Set object |
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
- | \- | Set object |
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
- | \- | Set object |
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
- | \- | Set object |
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
- | \- | Set object |
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
- | selected |
1839
+ \-
1840
+
1841
+ \-
1842
+
1843
+ selected
1896
1844
 
1897
1845
  Selected items.
1898
1846
 
1899
1847
  LabelValueMeta | LabelValueMeta\[\] | undefined
1900
1848
 
1901
- | \- | Set object |
1902
- | selectedFirst |
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
- | \- | Set object |
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
- | Name | Description | Default | Control |
2189
- | --- | --- | --- | --- |
2190
- | append |
2191
- Append content.
2142
+ Name
2192
2143
 
2193
- ReactNode
2144
+ Description
2194
2145
 
2146
+ Default
2195
2147
 
2148
+ Control
2196
2149
 
2197
- |
2150
+ append
2198
2151
 
2199
- <IressButton />
2152
+ Append content.
2153
+
2154
+ ReactNode
2200
2155
 
2156
+ <IressButton />
2201
2157
 
2158
+ Set object
2202
2159
 
2203
- | Set object |
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
- | Set object |
2217
- | onDelete |
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
- | onDeleteAll |
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
- | onToggleActions |
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
- Placeholder, shown when there is nothing selected.
2198
+ \-
2241
2199
 
2242
- ReactNode
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
- | \- | Set object |
2260
- | selected |
2220
+ selected
2261
2221
 
2262
2222
  Selected items.
2263
2223
 
2264
2224
  LabelValueMeta | LabelValueMeta\[\] | undefined
2265
2225
 
2266
- | \- | Set object |
2267
- | selectedOptionsText |
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-v5150"
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-v5150"
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-v5150"
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-v5150"
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-oss/ids-components';
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-oss/ids-components';
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-oss/ids-components';
147
+ } from '@iress/ids-components';
148
148
  export const SkeletonCircle \= () \=> {
149
149
  const \[loading, setLoading\] \= useState(true);
150
150
  return (
@@ -19,7 +19,7 @@ import {
19
19
  IressSkeleton,
20
20
  IressStack,
21
21
  IressText,
22
- } from '@iress-oss/ids-components';
22
+ } from '@iress/ids-components';
23
23
  const CARD\_LINE\_SIZES \= \['100%', '91%', '95%', '89%', '83%'\];
24
24
  const CardLoading \= () \=> (
25
25
  <IressCard
@@ -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-v5150"
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
  \>