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

package/generated/docs/components_components-form-recipes-docs.md

@@ -29,8 +29,24 @@ Email
 
 Submit
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  IressButton,
+  IressCol,
+  IressContainer,
+  IressDivider,
+  IressForm,
+  IressFormField,
+  IressInput,
+  IressModal,
+  IressRow,
+  IressStack,
+  IressTable,
+  IressText,
+} from '@/main';
+import { useState } from 'react';
+import { type FieldValues } from 'react-hook-form';
 export const WithReadonlyDataForm \= () \=> {
   const \[values, setValues\] \= useState<FieldValues\>({
     firstName: 'Leia',
@@ -153,8 +169,27 @@ dependents
 
 Edit
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  IressButton,
+  IressCol,
+  IressContainer,
+  IressForm,
+  IressFormField,
+  IressIcon,
+  IressInline,
+  IressInput,
+  IressModal,
+  IressRow,
+  IressSelect,
+  IressStack,
+  IressTable,
+  IressText,
+} from '@/main';
+import { useState } from 'react';
+import { type FieldValues } from 'react-hook-form';
+import { type FormControlValue } from '@/main';
 export const SwitchEditReadonlyForm \= () \=> {
   const dependentOptions \= \[
     { value: 0, label: '0' },
@@ -314,8 +349,18 @@ Here is an example showcasing a form using the native form constraints API to ac
 
 Sign up
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  IressInput,
+  IressStack,
+  IressButton,
+  IressField,
+  IressValidationMessage,
+  IressAlert,
+} from '@/main';
+import { useState } from 'react';
+import { type InputBaseElement } from '@/components/Input/InputBase/InputBase.types';
 export const NativeValidationForm \= () \=> {
   const \[formData, setFormData\] \= useState({
     name: '',
@@ -438,8 +483,22 @@ Save
 
 Submit main formSubmit all forms
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  IressButton,
+  IressDivider,
+  IressFieldGroup,
+  IressForm,
+  IressFormField,
+  IressInline,
+  IressInput,
+  IressModal,
+  IressPanel,
+  IressStack,
+  IressTable,
+} from '@/main';
+import { useState } from 'react';
 interface FormData {
   name: string;
 }
@@ -580,8 +639,28 @@ Add Dependant
 
 Submit All
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  IressButton,
+  IressDivider,
+  IressFieldGroup,
+  IressFormField,
+  IressInline,
+  IressInput,
+  IressPanel,
+  IressStack,
+  IressText,
+  IressIcon,
+  IressCloseButton,
+  IressHookForm,
+} from '@/main';
+import {
+  useForm,
+  useFieldArray,
+  type Control,
+  type UseFormGetValues,
+} from 'react-hook-form';
 interface Client {
   name: string | undefined;
   salary: number | undefined;
@@ -786,8 +865,16 @@ Visible Input
 
 Submit
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressButton,
+  IressForm,
+  IressFormField,
+  IressHookForm,
+  IressInput,
+  IressStack,
+} from '@/main';
 export const HiddenInputsForm \= () \=> {
   const form \= IressForm.useForm();
   const { register } \= form;
@@ -868,8 +955,22 @@ Submit
 
 * * *
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  IressStack,
+  IressRow,
+  IressCol,
+  IressFormField,
+  IressInputCurrency,
+  IressSelect,
+  IressButton,
+  IressText,
+  IressDivider,
+} from '@/main';
+import { IressHookForm } from '../HookForm/HookForm';
+import { IressForm } from '../Form';
+import { useState } from 'react';
 interface FormData {
   primaryField: string;
   dependentField: string;

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

@@ -10,7 +10,7 @@ Overview
 
 Content to hide
 
-```
+Hide codedrawOpen in CodeSandbox
 
 {
   args: {
@@ -51,7 +51,7 @@ ResponsiveSizing
 
  | \- | 
 
-RAW
+Edit JSON
 
 hiddenOn :
 
@@ -134,7 +134,7 @@ This text is totally hidden on xs screens only.
 
 This text is totally hidden on xl screens only.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 {
   ...Default,
@@ -230,7 +230,7 @@ This text is visually hidden on xs screens only.
 
 This text is visually hidden on xl screens only.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 {
   ...HiddenOn,

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

@@ -8,7 +8,7 @@ Icons enhance experiences by visually communicating meaning, actions, status, an
 
 [](./iframe.html?id=components-icon--default)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressIcon name\="home" />
 
@@ -143,7 +143,7 @@ If you use an icon to convey meaning, for example using an icon as the only cont
 
 [](./iframe.html?id=components-icon--screen-reader-text)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressIcon
   name\="home"
@@ -263,7 +263,7 @@ lg
 
 10x
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline
   gutter\="md"
@@ -448,7 +448,7 @@ positive
 
 negative
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="md"\>
   <div\>
@@ -634,7 +634,7 @@ vertical
 
 both
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="md"\>
   <div\>
@@ -783,7 +783,7 @@ original
 
 270
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="md"\>
   <div\>
@@ -932,7 +932,7 @@ half
 
 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="md"\>
   <IressText\>
@@ -1076,7 +1076,7 @@ Fixed width
 
   
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="md"\>
   <div\>
@@ -1086,13 +1086,13 @@ Fixed width
     \>
       Default width    </IressText\>
     <IressIcon
-      className\="ids-styles--alt-background-v5202"
+      className\="ids-styles--alt-background-v5205"
       name\="space-shuttle"
       size\="3x"
     />
     <br />
     <IressIcon
-      className\="ids-styles--alt-background-v5202"
+      className\="ids-styles--alt-background-v5205"
       name\="wine-glass-alt"
       size\="3x"
     />
@@ -1104,14 +1104,14 @@ Fixed width
     \>
       Fixed width    </IressText\>
     <IressIcon
-      className\="ids-styles--alt-background-v5202"
+      className\="ids-styles--alt-background-v5205"
       fixedWidth
       name\="space-shuttle"
       size\="3x"
     />
     <br />
     <IressIcon
-      className\="ids-styles--alt-background-v5202"
+      className\="ids-styles--alt-background-v5205"
       fixedWidth
       name\="wine-glass-alt"
       size\="3x"
@@ -1225,7 +1225,7 @@ Version 4 of IDS included some bespoke styles to make an "external link" icon in
 
 [Go to this link:](https://www.iress.com/)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressText\>
   <a

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

@@ -8,7 +8,7 @@ Overview
 
 [](./iframe.html?id=components-inline--default)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gutter\="md"\>
   <IressPlaceholder
@@ -57,7 +57,7 @@ ReactNode
 
 
 
- | \- | Choose option...evenunevenstory |
+ | \- | childrenChoose option...evenunevenstory |
 | gutter | 
 
 Sets the spacing between inline content.
@@ -144,7 +144,7 @@ lg
 xl
 --
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="xl"\>
   <IressText\>
@@ -378,7 +378,7 @@ ReactNode
 
 
 
- | \- | Choose option...evenunevenstory |
+ | \- | childrenChoose option...evenunevenstory |
 | gutter | 
 
 Sets the spacing between inline content.
@@ -442,13 +442,13 @@ Current breakpoint: **xl** breakpoint (1200px - 1499px).
 
 `gutter={{"xs":"xs","sm":"sm","md":"md"}}`
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <IressPanel\>
     <p\>
       Current breakpoint:{' '}
-      <kn />
+      <Ln />
       .    </p\>
     <p\>
       <code\>
@@ -509,7 +509,7 @@ ReactNode
 
 
 
- | \- | Choose option...evenunevenstory |
+ | \- | childrenChoose option...evenunevenstory |
 | gutter | 
 
 Sets the spacing between inline content.
@@ -524,7 +524,7 @@ union
 
  | 
 
-RAW
+Edit JSON
 
 gutter :
 
@@ -614,7 +614,7 @@ left
 right
 -----
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer\>
   <IressStack gutter\="xl"\>
@@ -868,7 +868,7 @@ ReactNode
 
 
 
- | \- | Choose option...evenunevenstory |
+ | \- | childrenChoose option...evenunevenstory |
 | gutter | 
 
 Sets the spacing between inline content.
@@ -949,7 +949,7 @@ bottom
 stretch
 -------
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer\>
   <IressStack gutter\="xl"\>
@@ -1129,7 +1129,7 @@ ReactNode
 
 
 
- | \- | Choose option...evenunevenstory |
+ | \- | childrenChoose option...evenunevenstory |
 | gutter | 
 
 Sets the spacing between inline content.
@@ -1199,7 +1199,7 @@ The `IressInline` component automatically wraps children. There may be some scen
 
 His head is gone, it is like it is been erased... Erased from existence. That was the day I invented time travel. I remember it vividly. I was standing on the edge of my toilet hanging a clock, the porces was wet, I slipped, hit my head on the edge of the sink. And when I came to I had a revelation, a picture, a picture in my head, a picture of this. This is what makes time travel possible. The flux capacitor.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline
   gutter\="lg"
@@ -1229,7 +1229,7 @@ ReactNode
 
 
 
- | \- | Choose option...evenunevenstory |
+ | \- | childrenChoose option...evenunevenstory |
 | gutter | 
 
 Sets the spacing between inline content.

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

@@ -8,7 +8,7 @@ Inputs allow a user to input and interact with data. This component should be us
 
 [](./iframe.html?id=components-input--default)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <ForwardedInput
   append\=""
@@ -160,7 +160,7 @@ For more information about each type, please see the [MDN documentation](https:/
 
 [](./iframe.html?id=components-input--types)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <ForwardedInput
@@ -356,7 +356,7 @@ For more information about each mode (and their expected user experience), pleas
 
 [](./iframe.html?id=components-input--input-modes)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <ForwardedInput
@@ -519,7 +519,7 @@ Clearing will set the focus on the input and trigger the `onClear` handler. Use
 
 [](./iframe.html?id=components-input--clearable)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <ForwardedInput
   clearable
@@ -624,7 +624,7 @@ ReactReactNode
 
  | \- | 
 
-RAW
+Edit JSON
 
 prepend :
 
@@ -693,7 +693,7 @@ Widths can also be set as a percentage, allowing the input to take up a proporti
 
 [](./iframe.html?id=components-input--sizing)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <ForwardedInput
@@ -865,7 +865,7 @@ You can also use `IressInput` to render a `textarea` instead of an `input`. Simp
 
 [](./iframe.html?id=components-input--text-areas)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <ForwardedInput rows\={5} />
 
@@ -1004,7 +1004,7 @@ By setting the watermark prop to true the add ons will render in a different sty
 
 [](./iframe.html?id=components-input--slots)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gutter\="md"\>
   <ForwardedInput
@@ -1154,7 +1154,7 @@ If you need more control over the read-only state (for example, rendering a styl
 
 Value
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <ForwardedInput
   append\=""
@@ -1322,7 +1322,7 @@ The example below changes the value entered to uppercase when the input is not f
 
 [](./iframe.html?id=components-input--formatter)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <ForwardedInput
   append\=""

package/generated/docs/components_components-input-recipes-docs.md

@@ -8,7 +8,7 @@ You can use `IressInput` to display percentage formatting. When the field is foc
 
 [](./iframe.html?id=components-input-recipes--percentage)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import { IressInput } from '@iress-oss/ids-components';
 export const InputPercentage \= () \=> (
@@ -162,7 +162,7 @@ Input using `{ register } = useForm()`
 
 Submit
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import {
   type InputRef,
@@ -174,7 +174,7 @@ import {
   IressModal,
   IressStack,
   IressTable,
-} from '@iress-oss/ids-components';
+} from '@/main';
 import { useState } from 'react';
 import {
   Controller,

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

@@ -10,7 +10,7 @@ InputCurrency allows a user to input and interact with currency number. It works
 
 AUD
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInputCurrency
   currencyCode\="AUD"
@@ -95,7 +95,7 @@ Display GBP currency using the `currencyCode="GBP"` prop.
 
 GBP
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInputCurrency
   currencyCode\="GBP"
@@ -176,7 +176,7 @@ Pass more format options with `formatOptions` props. More format options in [her
 
 AUD
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInputCurrency
   currencyCode\="AUD"
@@ -228,7 +228,7 @@ Omit
 
  | \- | 
 
-RAW
+Edit JSON
 
 formatOptions :
 
@@ -282,7 +282,7 @@ A$12,345.68
 
 AUD
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInputCurrency
   alignRight
@@ -365,7 +365,7 @@ Set the input content align to right with `alignRight` prop, which is more frien
 
 AUD
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInputCurrency
   alignRight

package/generated/docs/components_components-inputcurrency-recipes-docs.md

@@ -16,8 +16,9 @@ My investments
 | AU Stocks | 05/02/2019 | 26.2% | 9,342.16 |
 | UK Stocks | 28/06/2020 | 49% | 49,751.40 |
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressTable } from '@/main';
 export const CurrencyInTable \= () \=> {
   return (
     <IressTable
@@ -140,8 +141,10 @@ Only able to input valid value when use `IressInputCurrency`. In this example, o
 
 AUD
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressInputCurrency } from '@/main';
+import { useState } from 'react';
 export const ValidValueOnChage \= () \=> {
   const \[value, setValue\] \= useState('');
   return (

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

@@ -10,7 +10,7 @@ Use the `IressLabel` component when building bespoke form inputs and `IressField
 
 **This is a label**
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressLabel\>
   This is a label
@@ -58,7 +58,7 @@ To indicate that an input is required, you may use the `required` prop to distin
 
 **\*Required This is a label for a required input**
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressLabel required\>
   This is a label for a required input
@@ -113,7 +113,7 @@ The `optional` prop also accepts a string, in which case it will replace the def
 
 **This is a label for an optional input(optional)**
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressLabel optional\>
   This is a label for an optional input
@@ -160,7 +160,7 @@ boolean
 
 **This is a label for an optional input(选修的)**
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressLabel optional\="(选修的)"\>
   This is a label for an optional input
@@ -211,7 +211,7 @@ Sometimes you may wish to have an input with no visible label, but to still wrap
 
 **This text is visible to screen readers only**
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressLabel hiddenLabel\>
   This text is visible to screen readers only
@@ -266,7 +266,7 @@ Home settings
 
 **
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressLabel\>
   <IressInline