@iress-oss/ids-mcp-server 5.20.1 → 5.20.4

package/generated/docs/components_components-richselect-docs.md

@@ -16,7 +16,7 @@ This component is in beta and will replace IressCombobox and IressMultiCombobox
 
 [](./iframe.html?id=components-richselect--single-select)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -168,7 +168,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   options :
     
@@ -315,7 +315,7 @@ The `options` prop is required for `IressRichSelect`. You can provide an array o
 
 [](./iframe.html?id=components-richselect--single-select)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -464,7 +464,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   options :
     
@@ -588,7 +588,7 @@ Adding the `multiSelect` prop will allow the user to select multiple options.
 
 Selected: None
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -738,7 +738,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   options :
     
@@ -870,8 +870,9 @@ Multi-select
 
 Selected: None
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressCol, IressField, IressRow, IressRichSelect } from '@/main';
 interface StarWarsCharacter {
   name: string;
   gender: string;
@@ -1115,8 +1116,9 @@ Search requires 3+ characters
 
 Type at least 3 characters...
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressCol, IressField, IressRow, IressRichSelect } from '@/main';
 interface StarWarsCharacter {
   name: string;
   gender: string;
@@ -1360,8 +1362,9 @@ If you are using asynchronous options, you can provide an initial set of options
 
 Selected: None
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressRichSelect } from '@/main';
 export const SelectInitialOptions \= () \=> (
   <IressRichSelect
     container\={document.body}
@@ -1591,8 +1594,16 @@ Type anything to start search
 
 Selected: None
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressField,
+  IressRichSelect,
+  IressToggle,
+  IressText,
+  IressStack,
+} from '@/main';
+import { useState } from 'react';
 interface LongTextItem {
   id: string;
   title: string;
@@ -1969,7 +1980,7 @@ Widths can also be set as a percentage, allowing the select to take up a proport
 
 100perc
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <div\>
@@ -2613,7 +2624,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   options :
     
@@ -2737,8 +2748,13 @@ As per the example here, you can use this prop to render `IressSelectLabel` as a
 
 [](./iframe.html?id=components-richselect--custom-label)
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressRichSelect,
+  type IressRichSelectProps,
+  IressSelectLabel,
+} from '@/main';
 const CustomLabel: IressRichSelectProps\['renderLabel'\] \= ({ value }) \=> (
   <IressSelectLabel role\="combobox" selected\={value} />
 );
@@ -2947,8 +2963,18 @@ It passes `SelectOptionRenderProps` as an argument, which contains the options a
 
 Selected: None
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  type FormattedLabelValueMeta,
+  IressMenuDivider,
+  IressRichSelect,
+  type IressRichSelectProps,
+  IressSelectMenu,
+  IressSelectSearch,
+  IressSelectSearchInput,
+  type LabelValueMeta,
+} from '@/main';
 const CustomOptions: IressRichSelectProps\['renderOptions'\] \= ({
   loading,
   query,
@@ -3215,8 +3241,23 @@ Select an item
 
 Selected: None
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  type FormattedLabelValueMeta,
+  type InputRef,
+  IressMenuDivider,
+  IressRichSelect,
+  type IressRichSelectProps,
+  IressSelectBody,
+  IressSelectCreate,
+  IressSelectHeading,
+  IressSelectMenu,
+  IressSelectSearch,
+  IressSelectSearchInput,
+} from '@/main';
+import { toArray } from '@helpers/formatting/toArray';
+import { useId, useRef } from 'react';
 const FREQUENTLY\_SELECTED \= \[
   { label: 'Frequently selected 1', value: 'freq-1' },
   { label: 'Frequently selected 2', value: 'freq-2' },
@@ -3534,7 +3575,7 @@ Use the `header` `footer` prop to add a header/footer to the select panel. They
 
 [](./iframe.html?id=components-richselect--header-footer)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -3622,7 +3663,7 @@ ReactNode
 
  | \- | 
 
-RAW
+Edit JSON
 
 footer :
 
@@ -3660,7 +3701,7 @@ ReactNode
 
  | \- | 
 
-RAW
+Edit JSON
 
 header :
 
@@ -3743,7 +3784,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   options :
     
@@ -3867,8 +3908,9 @@ You can also make the footer reactive to the search results by using the `render
 
 Has a custom footer that uses render props
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressField, IressPanel, IressRichSelect } from '@/main';
 interface StarWarsCharacter {
   name: string;
   gender: string;
@@ -4100,7 +4142,7 @@ If you need more control over the read-only state (for example, rendering a styl
 
 Option 1, Option 2, Option 3, Option 4, Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -4293,7 +4335,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   options :
     
@@ -4395,7 +4437,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   value :
     
@@ -4529,7 +4571,7 @@ Active
 
 This will always be fixed to the bottom
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectBody
   footer\={<IressPanel\>This will always be fixed to the bottom</IressPanel\>}
@@ -4701,7 +4743,7 @@ Add custom option
 
 WX
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectCreate
   heading\="Add custom option"
@@ -4764,7 +4806,7 @@ Selected (2)
 
 Clear all
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectHeading clearAll\>
   <h2\>
@@ -4786,7 +4828,7 @@ ReactNode
 
  | \- | 
 
-RAW
+Edit JSON
 
 children :
 
@@ -4852,7 +4894,7 @@ It is used to render the activator of the `IressRichSelect` in single select mod
 
 [](./iframe.html?id=components-richselect-subcomponents-label--none-selected)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectLabel placeholder\="" />
 
@@ -4873,8 +4915,6 @@ ReactNode
 
 <IressIcon />
 
-
-
  | Set object |
 | placeholder | 
 
@@ -4921,7 +4961,7 @@ string
 
 Option 1
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectLabel
   placeholder\=""
@@ -4952,8 +4992,6 @@ ReactNode
 
 <IressIcon />
 
-
-
  | Set object |
 | placeholder | 
 
@@ -4987,7 +5025,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 selected :
 
@@ -5023,7 +5061,7 @@ string
 
 5 selected
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectLabel
   placeholder\=""
@@ -5088,8 +5126,6 @@ ReactNode
 
 <IressIcon />
 
-
-
  | Set object |
 | placeholder | 
 
@@ -5123,7 +5159,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   selected :
     
@@ -5181,8 +5217,6 @@ ReactNode
 
 <IressIcon />
 
-
-
  | Set object |
 | placeholder | 
 
@@ -5238,7 +5272,7 @@ Search results
 
 Option 1Option 2Option 3Option 4Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectMenu
   fluid
@@ -5303,7 +5337,7 @@ FormattedLabelValueMeta\[\]
 
  | \[\] | 
 
-RAW
+Edit JSON
 
 *   items :
     
@@ -5401,7 +5435,7 @@ Search results
 
 No results found
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectMenu
   fluid
@@ -5445,7 +5479,7 @@ FormattedLabelValueMeta\[\]
 
  | \[\] | 
 
-RAW
+Edit JSON
 
 *   items :
     
@@ -5548,7 +5582,7 @@ FormattedLabelValueMeta\[\]
 
  | \[\] | 
 
-RAW
+Edit JSON
 
 *   items :
     
@@ -5719,7 +5753,7 @@ Active
 
 This will always be fixed to the bottom
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectSearch
   activator\={<IressSelectSearchInput placeholder\="Search and select" />}
@@ -5878,7 +5912,7 @@ It is used to filter the available options of the `IressRichSelect` when an asyn
 
 [](./iframe.html?id=components-richselect-subcomponents-searchinput--search-input)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectSearchInput />
 
@@ -5919,8 +5953,6 @@ ReactReactNode
 
 <IressIcon />
 
-
-
  | Set object |
 | watermark | 
 
@@ -5947,7 +5979,7 @@ It is used to render the activator of the `IressRichSelect` if `multiSelect` has
 
 Select an item
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectTags placeholder\="Select an item" />
 
@@ -5968,8 +6000,6 @@ ReactNode
 
 <IressButton />
 
-
-
  | Set object |
 | limit | 
 
@@ -6050,7 +6080,7 @@ string
 
 Option 1
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectTags
   placeholder\="Select an item"
@@ -6081,8 +6111,6 @@ ReactNode
 
 <IressButton />
 
-
-
  | Set object |
 | limit | 
 
@@ -6150,7 +6178,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 selected :
 
@@ -6197,8 +6225,6 @@ ReactNode
 
 <IressButton />
 
-
-
  | Set object |
 | limit | 
 
@@ -6285,7 +6311,7 @@ By default, the maximum number of tags that can be displayed is 5. If more than
 
 Expand allDelete all
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectTags
   limit\={3}
@@ -6351,8 +6377,6 @@ ReactNode
 
 <IressButton />
 
-
-
  | Set object |
 | limit | 
 
@@ -6420,7 +6444,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 *   selected :
     

package/generated/docs/components_components-row-docs.md

@@ -15,7 +15,7 @@ Child 2
 
 Child 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRow
   gutter\="lg"
@@ -66,7 +66,7 @@ ReactReactNode
 
 
 
- | \- | Choose option...nonetwoBasicPlaceholdersthreeDifferentSizedPlaceholders |
+ | \- | childrenChoose option...nonetwoBasicPlaceholdersthreeDifferentSizedPlaceholders |
 | gutter | 
 
 The amount of space between columns. If a single value is provided, this will be applied to all viewport sizes. If multiple values are provided, the first will apply to the small viewport upwards, the second to the medium viewport upwards, the third (if set) to the large viewport upwards, and the fourth (if set) to the extra large viewport.
@@ -216,7 +216,7 @@ Slightly taller
 
 4 of 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer className\="iress-u-stack iress--gutter--md"\>
   <IressRow\>
@@ -532,12 +532,12 @@ Slightly taller
 
 4 of 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer className\="iress-u-stack iress--gutter--md"\>
   <IressPanel background\="alt"\>
     Current breakpoint:{' '}
-    <kn />
+    <Ln />
   </IressPanel\>
   <IressRow
     gutter\={{
@@ -609,7 +609,7 @@ union
 
  | \- | 
 
-RAW
+Edit JSON
 
 gutter :
 
@@ -739,7 +739,7 @@ Horizontal align: right
 
 3 of 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer className\="iress-u-stack iress--gutter--md"\>
   <React.Fragment key\=".0"\>
@@ -1006,14 +1006,14 @@ Vertical align: stretch
 
 3 of 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer className\="iress-u-stack iress--gutter--lg"\>
   <div\>
     <IressText element\="h2"\>
       Vertical align: top    </IressText\>
     <IressRow
-      className\="ids-styles--set-height-v5202"
+      className\="ids-styles--set-height-v5205"
       verticalAlign\="top"
     \>
       <React.Fragment key\=".0"\>
@@ -1042,7 +1042,7 @@ Vertical align: stretch
     <IressText element\="h2"\>
       Vertical align: middle    </IressText\>
     <IressRow
-      className\="ids-styles--set-height-v5202"
+      className\="ids-styles--set-height-v5205"
       verticalAlign\="middle"
     \>
       <React.Fragment key\=".0"\>
@@ -1071,7 +1071,7 @@ Vertical align: stretch
     <IressText element\="h2"\>
       Vertical align: bottom    </IressText\>
     <IressRow
-      className\="ids-styles--set-height-v5202"
+      className\="ids-styles--set-height-v5205"
       verticalAlign\="bottom"
     \>
       <React.Fragment key\=".0"\>
@@ -1100,7 +1100,7 @@ Vertical align: stretch
     <IressText element\="h2"\>
       Vertical align: stretch    </IressText\>
     <IressRow
-      className\="ids-styles--set-height-v5202"
+      className\="ids-styles--set-height-v5205"
       verticalAlign\="stretch"
     \>
       <React.Fragment key\=".0"\>

package/generated/docs/components_components-select-docs.md

@@ -10,7 +10,7 @@ Selects allow users to interact with data and select from a predetermined list o
 
 Option 1Option 2Option 3Option 4Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelect\>
   <option value\="1"\>
@@ -135,7 +135,7 @@ Individual options can be passed directly into `IressSelect` using the native `o
 
 Option 1Option 2Option 3Option 4Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelect\>
   <option value\="1"\>
@@ -243,7 +243,7 @@ Just like the native `<select />` element, `IressSelect` supports option groups.
 
 Group 1 / Option 1Group 1 / Option 2Group 1 / Option 3Group 1 / Option 4Group 1 / Option 5Group 2 / Option 1Group 2 / Option 2Group 2 / Option 3Group 2 / Option 4Group 2 / Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelect\>
   <optgroup label\="Group 1"\>
@@ -367,7 +367,7 @@ If you would like to introduce options with non-string values, you can use the `
 
 Option 1Option 2Group 1 / Option 1Group 1 / Option 2Group 1 / Option 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelect\>
   <IressSelectOption value\={1}\>
@@ -477,7 +477,7 @@ A default placeholder option can be set using the `placeholder` prop.
 
 Please select an optionOption 1Option 2Option 3Option 4Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelect placeholder\="Please select an option"\>
   <option value\="1"\>
@@ -585,7 +585,7 @@ An option can be selected by using either the `defaultValue` prop for uncontroll
 
 Option 1Option 2Option 3Option 4Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelect defaultValue\={3}\>
   <option value\="1"\>
@@ -719,7 +719,7 @@ Widths can also be set as a percentage, allowing the input to take up a proporti
 
 100percOption 1Option 2Option 3Option 4Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <div\>
@@ -1006,7 +1006,7 @@ If you need more control over the read-only state (for example, rendering a styl
 
 Option 2
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelect
   readonly