wavemaker-dev-mcp 0.1.1 → 1.0.0

package/skills/components/wm-text.md

@@ -0,0 +1,65 @@
+---
+component: WmText
+category: input
+import: components/input/text
+tags: [input, text, form-field]
+summary: Text input field.
+generated: true
+---
+
+# WmText
+
+Text input field.
+
+## Usage
+
+```jsx
+<WmText
+  name="text"
+  datavalue={value}
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| datavaluesource | `Record<string, unknown>` | No | — | Source for binding data values. |
+| floatinglabel | `boolean` | No | — | Whether to show a floating label on the input. |
+| autocomplete | `string` | No | `"true"` | Controls browser autocomplete behavior. |
+| autofocus | `boolean` | No | — | Whether the input should be focused on mount. |
+| autotrim | `boolean` | No | — | Whether to automatically trim whitespace from input. |
+| disabled | `boolean` | No | — | Whether the input is disabled. |
+| readonly | `boolean` | No | — | Whether the input is read-only. |
+| placeholder | `string` | No | — | Placeholder text shown when the input is empty. |
+| type | `"text" \| "password" \| "number" \| "email" \| "tel" \| "url" \| "color" \| "search"` | No | `"text"` | The HTML input type. |
+| maxchars | `number` | No | — | Maximum number of characters allowed. |
+| minvalue | `number` | No | — | Minimum value constraint (for number type). |
+| maxvalue | `number` | No | — | Maximum value constraint (for number type). |
+| step | `number` | No | — | Step increment value (for number type). |
+| displayformat | `string` | No | — | Display format applied to the input value. |
+| showdisplayformaton | `"keypress" \| "blur"` | No | `"keypress"` | When to apply the display format. |
+| regexp | `string` | No | — | Regular expression pattern for input validation. |
+| required | `boolean` | No | — | Whether the input is required. |
+| datavalue | `string` | No | — | The bound data value of the input. |
+| updateon | `"keypress" \| "blur"` | No | `"blur"` | When the data value should be updated. |
+| updatedelay | `string` | No | `"0"` | Delay in milliseconds before updating the data value. |
+| autocapitalize | `"none" \| "sentences" \| "words" \| "characters"` | No | `"none"` | Auto-capitalization mode for the input. |
+| onChange | `( event: ChangeEvent<HTMLInputElement>, widget: Record<string, unknown>, newV...` | No | — | Callback invoked when the input value changes. |
+| leadingiconclass | `string` | No | — | CSS class for the leading icon. |
+| trailingiconclass | `string` | No | — | CSS class for the trailing icon. |
+| supportingtext | `string` | No | — | Supporting text displayed below the input. |
+| onLeadingiconclick | `( event: MouseEvent<HTMLButtonElement>, widget?: Record<string, unknown> ) =>...` | No | — | Callback invoked when the leading icon is clicked. |
+| onTrailingiconclick | `( event: MouseEvent<HTMLButtonElement>, widget?: Record<string, unknown> ) =>...` | No | — | Callback invoked when the trailing icon is clicked. |
+| shortcutkey | `string` | No | — | Keyboard shortcut key to focus the input. |
+| error | `boolean` | No | — | Whether the input has a validation error (typically injected by form controller). |
+| id | `string` | No | — | The unique ID for the widget. |
+| fieldName | `string` | No | — | Field name used by the form controller. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-text-*`
+
+See foundation-css: `src/tokens/web/components/form-controls/form-controls.json`

package/skills/components/wm-textarea.md

@@ -0,0 +1,47 @@
+---
+component: WmTextarea
+category: input
+import: components/input/textarea
+tags: [input, textarea, form-field]
+summary: Textarea input field.
+generated: true
+---
+
+# WmTextarea
+
+Textarea input field.
+
+## Usage
+
+```jsx
+<WmTextarea
+  name="textarea"
+  datavalue={value}
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| readonly | `boolean` | No | — | Whether the textarea is read-only. |
+| required | `boolean` | No | — | Whether the textarea is required. |
+| disabled | `boolean` | No | — | Whether the textarea is disabled. |
+| maxchars | `number` | No | — | Maximum number of characters allowed. |
+| placeholder | `string` | No | — | Placeholder text shown when the textarea is empty. |
+| shortcutkey | `string` | No | — | Keyboard shortcut key to focus the textarea. |
+| autofocus | `boolean` | No | — | Whether the textarea should be focused on mount. |
+| limitdisplaytext | `string` | No | — | Display text for the character limit indicator. |
+| datavalue | `string` | No | — | The bound data value of the textarea. |
+| regexp | `string` | No | — | Regular expression pattern for input validation. |
+| updatedelay | `string` | No | `"0"` | Delay in milliseconds before updating the data value. |
+| updateon | `"keypress" \| "blur"` | No | `"blur"` | When the data value should be updated. |
+| autocapitalize | `boolean` | No | — | Auto-capitalization mode for the textarea. |
+| onChange | `( event: ChangeEvent<HTMLTextAreaElement>, widget: Record<string, unknown>, n...` | No | — | Callback invoked when the textarea value changes. |
+| onKeypress | `( event: ChangeEvent<HTMLTextAreaElement> \| KeyboardEvent<HTMLElement>, widge...` | No | — | Callback invoked on keypress or input change events.
+Overrides BaseProps because the textarea fires this from the change handler. |
+| error | `boolean` | No | — | Whether the textarea has a validation error (typically injected by form controller). |
+| id | `string` | No | — | The unique ID for the widget. |
+| fieldName | `string` | No | — | Field name used by the form controller. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-tile.md

@@ -0,0 +1,34 @@
+---
+component: WmTile
+category: basic
+import: components/basic/tile
+tags: [basic, tile]
+summary: Tile display widget.
+generated: true
+---
+
+# WmTile
+
+Tile display widget.
+
+## Usage
+
+```jsx
+<WmTile
+  name="tile"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| id | `string` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-tile-*`
+
+See foundation-css: `src/tokens/web/components/tile/tile.json`

package/skills/components/wm-time.md

@@ -0,0 +1,63 @@
+---
+component: WmTime
+category: input
+import: components/input/epoch/time
+tags: [input, time, form-field]
+summary: Time input field.
+generated: true
+---
+
+# WmTime
+
+Time input field.
+
+## Usage
+
+```jsx
+<WmTime
+  name="time"
+  datavalue={value}
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| required | `boolean` | No | — | Whether a time selection is required. |
+| placeholder | `string` | No | — | Placeholder text shown when no time is selected. |
+| showampmbuttons | `boolean` | No | — | Whether to show AM/PM toggle buttons. |
+| shortcutkey | `string` | No | — | Keyboard shortcut key to focus the time picker. |
+| datavalue | `string \| Date \| null` | No | — | The bound data value of the time input. |
+| timepattern | `string` | No | — | Time pattern for display formatting. |
+| hourstep | `number` | No | `1` | Step increment for hours. |
+| minutestep | `number` | No | `1` | Step increment for minutes. |
+| outputformat | `string` | No | — | Output format for the time value. |
+| mintime | `string \| Date` | No | — | The minimum selectable time. |
+| maxtime | `string \| Date` | No | — | The maximum selectable time. |
+| autofocus | `boolean` | No | — | Whether the input should be focused on mount. |
+| readonly | `boolean` | No | — | Whether the time picker is read-only. |
+| disabled | `boolean` | No | — | Whether the time picker is disabled. |
+| showdropdownon | `string` | No | — | When to show the dropdown picker. |
+| secondsstep | `number` | No | — | Step increment for seconds. |
+| dataentrymode | `string` | No | — | Data entry mode for the time input. |
+| validators | `ValidatorConfig[]` | No | — | Validator configurations for the time input. |
+| validationmessage | `string` | No | — | Custom validation message. |
+| invokeOnChange | `( value: string \| Date \| null, event: SyntheticEvent \| { $event: SyntheticEve...` | No | — | Invokes the onChange callback (from form controller). |
+| setShowPicker | `(show: boolean) => void` | No | — | Sets the picker visibility state (from HOC). |
+| showPicker | `boolean` | No | — | Whether the picker is currently visible (from HOC). |
+| onChange | `( event: SyntheticEvent, widget: Record<string, unknown>, newVal: string \| Da...` | No | — | Callback invoked when the time value changes. |
+| onClick | `(event: MouseEvent, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the time picker is clicked. |
+| onFocus | `(event: FocusEvent, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the time picker receives focus. |
+| onBlur | `(event: FocusEvent, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the time picker loses focus. |
+| onMouseEnter | `(event: MouseEvent, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the mouse enters the time picker. |
+| onMouseLeave | `(event: MouseEvent, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the mouse leaves the time picker. |
+| onBeforeload | `(event: SyntheticEvent, widget: Record<string, unknown>) => void` | No | — | Callback invoked before the time widget loads. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-time-*`
+
+See foundation-css: `src/tokens/web/components/time/time.json`

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

@@ -0,0 +1,31 @@
+---
+component: WmTopNav
+category: layout
+import: components/layout/topnav
+tags: [layout, top, nav]
+summary: Top Nav page layout component.
+generated: true
+---
+
+# WmTopNav
+
+Top Nav page layout component.
+
+## Usage
+
+```jsx
+<WmTopNav
+  name="topNav"
+/>
+```
+
+## 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-tree.md

@@ -0,0 +1,41 @@
+---
+component: WmTree
+category: basic
+import: components/basic/tree
+tags: [basic, tree]
+summary: Tree display widget.
+generated: true
+---
+
+# WmTree
+
+Tree display widget.
+
+## Usage
+
+```jsx
+<WmTree
+  name="tree"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| treeicons | `string` | No | — | Custom icons for the tree nodes. |
+| levels | `number` | No | — | The number of levels to auto-expand. |
+| nodelabel | `string` | No | — | The field in the dataset to be used as node label. |
+| nodeicon | `string` | No | — | The field in the dataset to be used as node icon. |
+| nodechildren | `string` | No | — | The field in the dataset representing child nodes. |
+| nodeid | `string` | No | — | The field in the dataset to be used as node ID. |
+| nodeaction | `string` | No | — | The action to perform on node click. |
+| orderby | `string` | No | — | — |
+| nodeclick | `"expand" \| "none"` | No | — | The click behavior for nodes: 'expand' or 'none'. |
+| horizontalalign | `string` | No | — | The horizontal alignment of the tree content. |
+| onExpand | `(event: MouseEvent, widget: any, item: any, path: string) => void` | No | — | Action to perform when a node is expanded. |
+| onCollapse | `(event: MouseEvent, widget: any, item: any, path: string) => void` | No | — | Callback fired when a node is collapsed. |
+| onSelect | `(event: MouseEvent, widget: any, item: any, path: string) => void` | No | — | Callback fired when a node is selected. |
+| onCheck | `(event: MouseEvent, widget: any, item: any, checked: boolean) => void` | No | — | Callback fired when a node is checked/unchecked. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-upload.md

@@ -0,0 +1,42 @@
+---
+component: WmUpload
+category: input
+import: components/input/upload
+tags: [input, upload, form-field]
+summary: Upload input field.
+generated: true
+---
+
+# WmUpload
+
+Upload input field.
+
+## Usage
+
+```jsx
+<WmUpload
+  name="upload"
+  datavalue={value}
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| formField | `Record<string, unknown>` | No | — | Form field reference injected by the form controller. |
+| datavalue | `string \| File \| Blob \| null` | No | — | The bound data value (file or blob data). |
+| readonly | `boolean` | No | — | Whether the upload is read-only. |
+| required | `boolean` | No | — | Whether a file upload is required. |
+| accept | `string` | No | — | Accepted file types (MIME types or extensions). |
+| type | `"blob" \| "file"` | No | — | The type of data to store.
+- `"blob"`: Stores as a Blob URL.
+- `"file"`: Stores as a File object. |
+| disabled | `boolean` | No | — | Whether the upload is disabled. |
+| fieldName | `string` | No | — | Field name used by the form controller. |
+| onChange | `( event: ChangeEvent<HTMLInputElement>, widget: Record<string, unknown>, newD...` | No | — | Callback invoked when the selected file changes. |
+| originalOnChange | `( event: ChangeEvent<HTMLInputElement>, widget: Record<string, unknown>, newD...` | No | — | Original onChange callback (before form controller wrapping). |
+| onFocus | `(event: FocusEvent<HTMLElement>, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the upload receives focus. |
+| onBlur | `(event: FocusEvent<HTMLElement>, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the upload loses focus. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-video.md

@@ -0,0 +1,48 @@
+---
+component: WmVideo
+category: basic
+import: components/basic/video
+tags: [basic, video]
+summary: Video display widget.
+generated: true
+---
+
+# WmVideo
+
+Video display widget.
+
+## Usage
+
+```jsx
+<WmVideo
+  name="video"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| autoplay | `boolean` | No | `false` | If true, the video will start playing automatically. |
+| variant | `"standard"` | No | `"default:standard"` | The variant of the video. |
+| controls | `boolean` | No | `false` | If true, video controls will be displayed. |
+| loop | `boolean` | No | `false` | If true, the video will loop back to the start when finished. |
+| muted | `boolean` | No | `false` | If true, the video will be muted. |
+| oggformat | `string` | No | — | The URL for the OGG format video source. |
+| poster | `string` | No | — | The URL for the poster image to display before the video plays. |
+| mp4format | `string` | No | — | The URL for the MP4 format video source. |
+| subtitlelang | `string` | No | — | The language for the subtitles. |
+| subtitlesource | `string` | No | — | The URL for the subtitle source file. |
+| videosupportmessage | `string` | No | — | Message to display if the browser does not support the video element. |
+| videopreload | `"auto" \| "metadata" \| "none"` | No | `"auto"` | Specifies if and how the video should be preloaded. |
+| webmformat | `string` | No | — | The URL for the WebM format video source. |
+| id | `string` | No | — | The unique ID for the video element. |
+| videoposter | `string` | No | — | The URL for the video poster image. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-video-*`
+
+See foundation-css: `src/tokens/web/components/video/video.json`

package/skills/components/wm-wizard.md

@@ -0,0 +1,59 @@
+---
+component: WmWizard
+category: container
+import: components/container/wizard
+tags: [container, wizard, data-binding]
+summary: Wizard layout container.
+generated: true
+---
+
+# WmWizard
+
+Wizard layout container.
+
+## Usage
+
+```jsx
+<WmWizard
+  name="wizard"
+  dataset={items}
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| stepstyle | `"auto" \| "justified"` | No | `"auto"` | Step indicator style. |
+| actionsalignment | `"left" \| "center" \| "right"` | No | `"right"` | Alignment of navigation buttons. |
+| defaultstep | `string` | No | — | Name of the default step to show (by step name). |
+| defaultstepindex | `number` | No | `0` | Index of the default step to show (0-based). |
+| cancelable | `boolean` | No | `true` | Show cancel button. |
+| enablenext | `boolean \| string` | No | `false` | Allow next without validation. |
+| nextbtnlabel | `string` | No | `"Next"` | Label for next button. |
+| previousbtnlabel | `string` | No | `"Previous"` | Label for previous button. |
+| donebtnlabel | `string` | No | `"Done"` | Label for done button. |
+| cancelbtnlabel | `string` | No | `"Cancel"` | Label for cancel button. |
+| type | `"static" \| "dynamic"` | No | `"static"` | Wizard type: static (children) or dynamic (dataset). |
+| dataset | `Record<string, unknown>[]` | No | — | Data source for dynamic wizard. |
+| nodatamessage | `string` | No | `"No Data Found"` | Message when dataset is empty in dynamic mode. |
+| fieldDefs | `Record<string, unknown>[]` | No | — | Field definitions for wizard. |
+| message | `{ caption: string; type: string }` | No | — | Message object for wizard status. |
+| stepClass | `string` | No | — | Step indicator style class. |
+| orientation | `"horizontal" \| "vertical"` | No | `"horizontal"` | Stepper orientation. |
+| alternativeLabel | `boolean` | No | `false` | Use alternative label layout for stepper. |
+| nonLinear | `boolean` | No | `true` | Allow non-linear navigation (jump to completed steps). |
+| connector | `ReactNode` | No | — | Custom connector element between steps. |
+| width | `string \| number` | No | — | Wizard width. |
+| height | `string \| number` | No | — | Wizard height. |
+| render | `( item: Record<string, unknown>, index: number, dataset: Record<string, unkno...` | No | — | Render function for dynamic wizard steps. |
+| onCancel | `(currentStep: WizardStepData \| null, steps: WizardStepData[]) => void` | No | — | Called when cancel is clicked. |
+| onDone | `(currentStep: WizardStepData, steps: WizardStepData[]) => void` | No | — | Called when done is clicked. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-wizard-*`
+
+See foundation-css: `src/tokens/web/components/wizard/wizard.json`