wavemaker-dev-mcp 0.1.3 → 1.0.0

package/skills/components/wm-form-field.md

@@ -0,0 +1,81 @@
+---
+component: WmFormField
+category: data
+import: components/data/form/form-field
+tags: [data, form, field, data-binding, dropdown, form-field]
+summary: Form Field — dropdown data widget bound to a dataset.
+generated: true
+---
+
+# WmFormField
+
+Form Field — dropdown data widget bound to a dataset.
+
+## Usage
+
+```jsx
+<WmFormField
+  name="formField"
+  dataset={items}
+  displayfield="label"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| readonly | `boolean` | No | — | Whether the field is read-only. |
+| displayname | `string` | No | — | Display name of the field. |
+| type | `string` | No | — | Type of the field. |
+| widget | `string` | No | — | Widget type for the field. |
+| textalign | `string` | No | — | Text alignment within the field. |
+| placeholder | `string` | No | — | Placeholder text for the field. |
+| title | `string` | No | — | Title of the field. |
+| required | `boolean` | No | — | Whether the field is required. |
+| value | `string` | No | — | Current value of the field. |
+| dataentrymode | `string` | No | — | Mode of data entry. |
+| debouncetime | `number` | No | — | Debounce time for input changes. |
+| defaultvalue | `string` | No | — | Default value for the field. |
+| field | `string` | No | — | The underlying data field. |
+| filterexpressions | `string` | No | — | Filter expressions for the field. |
+| generator | `string` | No | — | Generator for the field. |
+| hint | `string` | No | — | Hint text for the field. |
+| inputtype | `string` | No | — | Input type for the field. |
+| isformfield | `boolean` | No | — | Whether this is a form field. |
+| limit | `number` | No | — | Limit for field values. |
+| lookuptype | `string` | No | — | Type of lookup. |
+| lookupfield | `string` | No | — | The field to use for lookups. |
+| matchmode | `string` | No | — | Match mode for filtering. |
+| maxdefaultvalue | `string` | No | — | Maximum default value. |
+| maxplaceholder | `string` | No | — | Maximum placeholder text. |
+| mobileDisplay | `boolean` | No | — | Whether to display on mobile devices. |
+| period | `boolean` | No | — | Whether to use periodic updates. |
+| pcDisplay | `boolean` | No | — | Whether to display on PC. |
+| primaryKey | `boolean` | No | — | Whether this is a primary key field. |
+| relatedEntityName | `string` | No | — | Name of the related entity. |
+| tabletDisplay | `boolean` | No | — | Whether to display on tablet devices. |
+| validationmessage | `string` | No | — | Validation message to display. |
+| viewmodewidget | `string` | No | — | Widget to use in view mode. |
+| widgettype | `string` | No | — | The type of the widget. |
+| datafield | `string` | No | — | Property name to use for the data field. |
+| displayfield | `string` | No | — | Property name to use for the display field. |
+| displaylabel | `string` | No | — | Label for the display field. |
+| dataset | `any[]` | No | — | The collection of data items for the field. |
+| searchkey | `string` | No | — | Key to use for searching. |
+| itemsPerRow | `string` | No | — | Number of items to show per row. |
+| formRef | `any` | No | — | Reference to the parent form. |
+| renderFormFields | `(props: any) => ReactNode` | No | — | Function to render the actual form fields. |
+| id | `string` | No | — | Unique ID for the field. |
+| captionposition | `"left" \| "right" \| "top" \| "floating"` | No | — | Position of the caption. |
+| formKey | `string` | No | — | The form key for this field. |
+| role | `string` | No | — | Role of the field. |
+| updateon | `string` | No | — | Status of when to update the field. |
+| updateFormWidgetDataset | `(dataset: any, displayField?: string) => void` | No | — | Function to update the widget's dataset. |
+| setIsDataSetBound | `(isBound: boolean) => void` | No | — | Function to set whether the dataset is bound. |
+| validators | `[]` | No | — | — |
+| fieldName | `string` | Yes | — | — |
+| formName | `string` | Yes | — | — |
+| parentForm | `string` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-form.md

@@ -0,0 +1,58 @@
+---
+component: WmForm
+category: data
+import: components/data/form
+tags: [data, form, icon, collapsible]
+summary: Form data widget.
+generated: true
+---
+
+# WmForm
+
+Form data widget.
+
+## Usage
+
+```jsx
+<WmForm
+  name="form"
+  title="My Panel"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| defaultmode | `"create" \| "edit" \| "view"` | No | — | The default mode of the form. |
+| errormessage | `string` | No | — | Error message to display when form submission fails. |
+| captionposition | `"left" \| "right" \| "top" \| "bottom"` | No | — | Position of the captions for form fields. |
+| title | `string` | No | — | Title of the form. |
+| enctype | `string` | No | — | Encoding type for the form. |
+| method | `"post" \| "put" \| "delete"` | No | — | HTTP method for form submission. |
+| captionalign | `"left" \| "center" \| "right"` | No | — | The alignment of the captions. |
+| subheading | `string` | No | — | Subheading of the form. |
+| iconclass | `string` | No | — | CSS class for the form icon. |
+| autocomplete | `boolean` | No | — | Whether to enable autocomplete for the form. |
+| collapsible | `boolean` | No | — | Whether the form is collapsible. |
+| expanded | `boolean` | No | — | Whether the form is expanded by default (if collapsible). |
+| formdatasource | `string` | No | — | Data source for the form. |
+| numberoffields | `number` | No | — | Number of fields/columns in the form layout. |
+| formType | `string` | No | — | Type of the form. |
+| isViewMode | `boolean` | No | — | Whether the form is currently in view mode. |
+| isLayoutDialog | `boolean` | No | — | Whether the form is part of a layout dialog. |
+| isInsideWizard | `boolean` | No | — | Whether the form is inside a wizard component. |
+| validationtype | `string` | No | — | Type of validation to apply. |
+| id | `string` | No | — | The unique ID for the form. |
+| metadata | `any[]` | No | — | Metadata for the form fields. |
+| submit | `(e?: any) => Promise<boolean \| undefined>` | No | — | Callback for form submission. |
+| formreset | `() => Promise<void>` | No | — | Callback for resetting the form. |
+| formElementRef | `Ref<HTMLFormElement>` | No | — | Ref for the HTML form element. |
+| headerActions | `any[]` | No | — | Actions to display in the form header. |
+| expandCollapsePanel | `() => void` | No | — | Function to handle expansion/collapse of the form. |
+| showmessage | `boolean` | No | — | Whether to show the status message. |
+| messagelayout | `"Inline" \| "Toaster"` | No | — | Layout for the status message. |
+| statusMessage | `{ caption?: string; type?: string; }` | No | — | The status message to display. |
+| clearMessage | `() => void` | No | — | Callback to clear the status message. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-grid-column.md

@@ -0,0 +1,30 @@
+---
+component: WmGridColumn
+category: container
+import: components/container/layout-grid/grid-column
+tags: [container, grid, column]
+summary: Grid Column layout container.
+generated: true
+---
+
+# WmGridColumn
+
+Grid Column layout container.
+
+## Usage
+
+```jsx
+<WmGridColumn
+  name="gridColumn"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| columnwidth | `number` | No | — | Bootstrap-style column width (e.g., 1-12 for col-sm-1 to col-sm-12). |
+| horizontalalign | `GridColumnHorizontalAlign` | No | `"right"` | Horizontal alignment of column content. |
+| containerProps | `Record<string, unknown>` | No | — | Props passed to the underlying Container component. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-header.md

@@ -0,0 +1,31 @@
+---
+component: WmHeader
+category: layout
+import: components/layout/header
+tags: [layout, header]
+summary: Header page layout component.
+generated: true
+---
+
+# WmHeader
+
+Header page layout component.
+
+## Usage
+
+```jsx
+<WmHeader
+  name="header"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| children | `ReactNode` | No | — | — |
+| className | `string` | No | — | — |
+| styles | `CSSProperties` | No | — | — |
+| id | `string` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-html.md

@@ -0,0 +1,31 @@
+---
+component: WmHtml
+category: basic
+import: components/basic/html
+tags: [basic, html]
+summary: Html display widget.
+generated: true
+---
+
+# WmHtml
+
+Html display widget.
+
+## Usage
+
+```jsx
+<WmHtml
+  name="html"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| content | `string \| object` | Yes | — | The HTML content to be displayed. Can be a string, object (for trusted content), or React element. |
+| horizontalalign | `"left" \| "center" \| "right"` | No | `"left"` | The horizontal alignment of the content. |
+| trustAs | `boolean` | No | `false` | If true, the content will be rendered as HTML without strict sanitation (though DOMPurify is still used). |
+| id | `string` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-icon.md

@@ -0,0 +1,40 @@
+---
+component: WmIcon
+category: basic
+import: components/basic/icon
+tags: [basic, icon, caption]
+summary: Icon display widget.
+generated: true
+---
+
+# WmIcon
+
+Icon display widget.
+
+## Usage
+
+```jsx
+<WmIcon
+  name="icon"
+  caption="My Icon"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| caption | `string` | No | — | The text to be displayed as a caption for the icon. |
+| iconclass | `string` | Yes | `"wm-sl-l sl-user"` | The CSS class for the icon. |
+| iconurl | `string` | No | — | The URL of the icon image. |
+| iconposition | `"left" \| "right"` | No | `"left"` | The position of the icon relative to the caption. |
+| iconsize | `string` | No | — | The size (width/height/font-size) of the icon. |
+| variant | `VariantType` | No | `"default:md"` | The variant of the icon. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-icon-*`
+
+See foundation-css: `src/tokens/web/components/icon/icon.json`

package/skills/components/wm-iframe-dialog.md

@@ -0,0 +1,52 @@
+---
+component: WmIframeDialog
+category: dialogs
+import: components/dialogs/iframe-dialog
+tags: [dialogs, iframe, dialog, icon]
+summary: Iframe Dialog — modal dialog.
+generated: true
+---
+
+# WmIframeDialog
+
+Iframe Dialog — modal dialog.
+
+## Usage
+
+```jsx
+<WmIframeDialog
+  name="iframeDialog"
+  title="My Panel"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| open | `boolean` | No | — | Whether the dialog is open. |
+| closable | `boolean` | No | — | Whether the dialog can be dismissed by the user. |
+| modal | `boolean` | No | — | When `true`, blocks backdrop click and disables escape close. |
+| title | `string` | No | — | Title text for the iframe dialog. |
+| headinglevel | `"h1" \| "h2" \| "h4"` | No | — | Heading level for the title. |
+| iconclass | `string` | No | — | CSS class for the header icon. |
+| iconurl | `string` | No | — | URL for the header icon. |
+| iconwidth | `string` | No | — | Width of the header icon. |
+| iconheight | `string` | No | — | Height of the header icon. |
+| iconmargin | `string` | No | — | Margin for the header icon. |
+| oktext | `string` | No | — | Text for the OK button. |
+| showheader | `boolean` | No | — | Whether to show the dialog header. |
+| showactions | `boolean` | No | — | Whether to show the dialog actions (footer). |
+| url | `string` | No | — | URL for the iframe content. |
+| encodeurl | `boolean` | No | — | Whether to encode the URL. |
+| onClose | `(event?: SyntheticEvent) => void` | No | — | Callback fired when the dialog requests to be closed. |
+| onOk | `(event: SyntheticEvent \| MouseEvent) => void` | No | — | Callback fired when the OK button is clicked. |
+| widgetId | `string` | No | — | Unique identifier for the widget. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-iframe-dialog-*`
+
+See foundation-css: `src/tokens/web/components/modal-dialog/modal-dialog.json`

package/skills/components/wm-iframe.md

@@ -0,0 +1,35 @@
+---
+component: WmIframe
+category: basic
+import: components/basic/iframe
+tags: [basic, iframe]
+summary: Iframe display widget.
+generated: true
+---
+
+# WmIframe
+
+Iframe display widget.
+
+## Usage
+
+```jsx
+<WmIframe
+  name="iframe"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| iframesrc | `string` | Yes | — | The source URL for the iframe. |
+| encodeurl | `boolean` | No | `false` | If true, the source URL will be encoded. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-iframe-*`
+
+See foundation-css: `src/tokens/web/components/iframe/iframe.json`

package/skills/components/wm-label.md

@@ -0,0 +1,45 @@
+---
+component: WmLabel
+category: basic
+import: components/basic/label
+tags: [basic, label, caption, form-field]
+summary: Label display widget.
+generated: true
+---
+
+# WmLabel
+
+Label display widget.
+
+## Usage
+
+```jsx
+<WmLabel
+  name="label"
+  caption="My Label"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| caption | `string \| object` | No | — | The text or object to be displayed as the label caption.
+If an object is provided, it will be stringified.
+Supports basic markdown-like link syntax: [text](url). |
+| required | `boolean` | No | `false` | If true, a red asterisk will be shown next to the label indicating it's a required field. |
+| trustAs | `boolean` | No | `false` | If true, the caption will be rendered as HTML.
+Use with caution as it can lead to XSS if the content is not trusted. |
+| type | `ValidTagType` | No | `"p"` | The HTML tag to use for rendering the label. |
+| id | `string` | No | — | The unique ID for the label element. |
+| htmlFor | `string` | No | — | The ID of the form element this label is associated with. |
+| variant | `TextTagType \| LabelTagType \| VariantType` | No | `"default:p"` | The variant of the label. |
+| notag | `boolean \| "true" \| "false"` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-label-*`
+
+See foundation-css: `src/tokens/web/components/label/label.json`

package/skills/components/wm-left-nav.md

@@ -0,0 +1,35 @@
+---
+component: WmLeftNav
+category: layout
+import: components/layout/leftnav
+tags: [layout, left, nav]
+summary: Left Nav page layout component.
+generated: true
+---
+
+# WmLeftNav
+
+Left Nav page layout component.
+
+## Usage
+
+```jsx
+<WmLeftNav
+  name="leftNav"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| columnwidth | `number \| string` | No | `2` | The number of columns the left panel should span. |
+| navheight | `string` | No | — | The height of the navigation panel. |
+| navtype | `string` | No | — | The type of the navigation panel. |
+| onNavHeightChange | `(isFull: boolean) => void` | No | — | Callback function that is called when the navigation height changes. |
+| children | `ReactNode` | No | — | — |
+| className | `string` | No | — | — |
+| styles | `CSSProperties` | No | — | — |
+| id | `string` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-linear-layout-item.md

@@ -0,0 +1,28 @@
+---
+component: WmLinearLayoutItem
+category: container
+import: components/container/linear-layout/linear-layout-item
+tags: [container, linear, layout, item]
+summary: Linear Layout Item layout container.
+generated: true
+---
+
+# WmLinearLayoutItem
+
+Linear Layout Item layout container.
+
+## Usage
+
+```jsx
+<WmLinearLayoutItem
+  name="linearLayoutItem"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| flexgrow | `number` | No | — | Flex grow factor. Controls how much the item grows relative to siblings. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-linear-layout.md

@@ -0,0 +1,92 @@
+---
+component: WmLinearLayout
+category: container
+import: components/container/linear-layout
+tags: [layout, flex, row, column, horizontal, vertical, container, autolayout, spacing]
+summary: Flex-based directional layout. Primary container for arranging children in a row or column with consistent spacing.
+related: [WmLinearLayoutItem, WmContainer, WmLayoutGrid]
+---
+
+# WmLinearLayout
+
+Primary layout container for arranging children horizontally or vertically using flexbox. Always pair with `WmLinearLayoutItem` children — direct content without a wrapper item may not space correctly.
+
+## Usage
+
+```jsx
+<WmLinearLayout name="headerRow" direction="row" spacing={12} horizontalalign="left" verticalalign="center">
+  <WmLinearLayoutItem name="headerRow_item1">
+    <WmLabel name="title" caption="Dashboard" />
+  </WmLinearLayoutItem>
+  <WmLinearLayoutItem name="headerRow_item2">
+    <WmButton name="addBtn" caption="Add" />
+  </WmLinearLayoutItem>
+</WmLinearLayout>
+```
+
+## Key Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| direction | `"row" \| "row-reverse" \| "column" \| "column-reverse"` | `"column"` | Flex direction for children |
+| spacing | `string \| number` | — | Gap between items (use token values: 3=xs, 6=sm, 12=md, 18=lg, 24=xl) |
+| horizontalalign | `"left" \| "right" \| "center"` | `"left"` | Horizontal alignment of children |
+| verticalalign | `"top" \| "bottom" \| "center"` | `"top"` | Vertical alignment of children |
+| name | `string` | — | Required. Widget identifier |
+| show | `boolean` | `true` | Visibility toggle |
+| width | `string` | — | CSS width (e.g. `"100%"`, `"200px"`) |
+| height | `string` | — | CSS height |
+| padding | `string` | — | CSS padding shorthand |
+| className | `string` | — | Additional CSS class names |
+
+## Spacing Token Map
+
+| Token | spacing value | Gap (px) |
+|-------|--------------|----------|
+| xs | 3 | 4px |
+| sm | 6 | 8px |
+| md | 12 | 16px |
+| lg | 18 | 24px |
+| xl | 24 | 32px |
+
+## Patterns
+
+**Row of buttons:**
+```jsx
+<WmLinearLayout name="actions" direction="row" spacing={12} verticalalign="center">
+  <WmLinearLayoutItem name="actions_item1">
+    <WmButton name="saveBtn" caption="Save" />
+  </WmLinearLayoutItem>
+  <WmLinearLayoutItem name="actions_item2">
+    <WmButton name="cancelBtn" caption="Cancel" />
+  </WmLinearLayoutItem>
+</WmLinearLayout>
+```
+
+**Full-width vertical stack:**
+```jsx
+<WmLinearLayout name="pageBody" direction="column" spacing={18} width="100%">
+  <WmLinearLayoutItem name="pageBody_item1">
+    <WmContainer name="section1" />
+  </WmLinearLayoutItem>
+  <WmLinearLayoutItem name="pageBody_item2">
+    <WmContainer name="section2" />
+  </WmLinearLayoutItem>
+</WmLinearLayout>
+```
+
+**Centered content:**
+```jsx
+<WmLinearLayout name="center" direction="row" horizontalalign="center" verticalalign="center" width="100%" height="100%">
+  <WmLinearLayoutItem name="center_item1">
+    <WmLabel name="msg" caption="No data found" />
+  </WmLinearLayoutItem>
+</WmLinearLayout>
+```
+
+## Notes
+
+- `WmLinearLayoutItem` has no visual props of its own — it is purely a structural wrapper.
+- Use `direction="row"` with `verticalalign="center"` for icon+label combos.
+- Prefer `spacing` over manual padding/margin on items for consistent token-aligned gaps.
+- For complex grid layouts (multi-column), use `WmLayoutGrid` instead.

package/skills/components/wm-list.md

@@ -0,0 +1,92 @@
+---
+component: WmList
+category: data
+import: components/data/list
+tags: [data, list, data-binding, pagination, icon, collapsible, dropdown]
+summary: List — dropdown data widget bound to a dataset.
+generated: true
+---
+
+# WmList
+
+List — dropdown data widget bound to a dataset.
+
+## Usage
+
+```jsx
+<WmList
+  name="list"
+  dataset={items}
+  displayfield="label"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| boundarylinks | `boolean` | No | — | Whether to show boundary links in pagination. |
+| collapsible | `boolean` | No | — | Whether the list items are collapsible. |
+| dateformat | `string` | No | — | Date format for list items. |
+| dataset | `T[]` | No | — | The collection of data items to display. |
+| datasource | `LiveVariableConfig` | No | — | The data source for the list. |
+| direction | `IDirection` | No | `"vertical"` | The layout direction of the list. |
+| disableitem | `boolean` | No | — | Whether to disable list items. |
+| enablereorder | `boolean` | No | — | Whether to enable reordering of list items. |
+| groupby | `string` | No | — | Property name to group the list items by. |
+| iconclass | `string` | No | — | CSS class for the list icon. |
+| itemclass | `string \| ((item: T) => string \| null \| undefined)` | No | — | CSS class or function returning a class for each list item. |
+| itemsperrow | `string` | No | — | Number of items to show per row in grid layout. |
+| listclass | `string` | No | — | CSS class for the list container. |
+| horizontalalign | `IAlignment` | No | — | Horizontal alignment of the list. |
+| columnalign | `IColumnAlignment` | No | — | Column alignment of the list items. |
+| multiselect | `boolean` | No | — | Whether to allow multiple items to be selected. |
+| loadingdatamsg | `string` | No | — | Message to display while loading data. |
+| loadingicon | `string` | No | — | CSS class for the loading icon. |
+| maxsize | `number` | No | — | Maximum size of the collection. |
+| statehandler | `StorageType` | No | — | State persistence handler type. |
+| navigation | `INavigation` | No | — | The type of navigation/pagination to use. |
+| navigationalign | `IAlignment` | No | — | Alignment of the navigation controls. |
+| nodatamessage | `string` | No | — | Message to display when no data is found. |
+| ondemandmessage | `string` | No | — | Message to display for On-Demand loading. |
+| orderby | `string` | No | — | Property name to order the list items by. |
+| paginationclass | `string` | No | — | CSS class for the pagination controls. |
+| pagesize | `number` | No | — | Number of items per page. |
+| selectfirstitem | `boolean` | No | — | Whether to automatically select the first item on load. |
+| selectionlimit | `number` | No | — | Maximum number of items that can be selected. |
+| showcount | `boolean` | No | — | Whether to show the item count. |
+| showrecordcount | `boolean` | No | — | Whether to show the record count. |
+| allowpagesizechange | `boolean` | No | — | Whether to allow the user to change the page size. |
+| pagesizeoptions | `string` | No | — | Available page size options. |
+| subheading | `string` | No | — | Subheading of the list. |
+| title | `string` | No | — | Title of the list. |
+| hidehorizontalscrollbar | `boolean` | No | — | Whether to hide the horizontal scrollbar. |
+| selectedItemWidgets | `Array<any> \| any` | No | — | Widgets for the currently selected item. |
+| onSelect | `ListSelectHandler<T>` | No | — | Callback for selection event. |
+| onClick | `ListItemEventHandler` | No | — | Callback for click event on a list item. |
+| onDblclick | `ListItemEventHandler` | No | — | Callback for double click event on a list item. |
+| onMouseEnter | `ListItemEventHandler` | No | — | Callback for mouse enter event on a list item. |
+| onMouseLeave | `ListItemEventHandler` | No | — | Callback for mouse leave event on a list item. |
+| onReorder | `ListReorderEventHandler<T>` | No | — | Callback for reorder event. |
+| onSelectionlimitexceed | `ListSelectionLimitExceededHandler` | No | — | Callback for when selection limit is exceeded. |
+| onBeforedatarender | `ListBeforeDataRenderHandler<T>` | No | — | Callback before data is rendered. |
+| onRender | `ListBeforeDataRenderHandler<T>` | No | — | Callback after data is rendered. |
+| onPaginationchange | `ListPaginationChangeHandler` | No | — | Callback for pagination change event. |
+| onSetrecord | `ListSetRecordHandler<T>` | No | — | Callback for setting a record. |
+| onPageChange | `ListPageEventHandler` | No | — | Callback for page change event. |
+| renderItem | `ListRenderItemHandler<T>` | No | — | Custom render function for list items. |
+| tabIndex | `number` | No | — | Tab index of the list. |
+| pulltorefresh | `boolean` | No | — | Whether to enable pull-to-refresh functionality. |
+| datafield | `string` | No | — | Property name to use for the data field. |
+| displayfield | `string` | No | — | Property name to use for the display field. |
+| getDisplayExpression | `(data: T, index?: number) => string` | No | — | Function to get the display expression for an item. |
+| displaylabel | `string` | No | — | Label for the display field. |
+| showNavigation | `boolean` | No | — | Whether to show navigation controls. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-list-*`
+
+See foundation-css: `src/tokens/web/components/list/list.json`