wavemaker-dev-mcp 0.1.3 → 1.0.0

package/skills/components/wm-pagination.md

@@ -0,0 +1,62 @@
+---
+component: WmPagination
+category: data
+import: components/data/pagination/hooks
+tags: [data, pagination, data-binding]
+summary: Pagination data widget.
+generated: true
+---
+
+# WmPagination
+
+Pagination data widget.
+
+## Usage
+
+```jsx
+<WmPagination
+  name="pagination"
+  dataset={items}
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| dataset | `any[]` | No | — | The collection of data items to paginate. |
+| maxResults | `number` | No | — | Maximum number of results to show per page. |
+| currentPage | `number` | No | — | Current active page number. |
+| navigation | `INavigation` | No | — | The type of navigation to use. |
+| navigationsize | `INavigationSize` | No | — | The size of the navigation control. |
+| navigationalign | `IAlignment` | No | — | Alignment of the navigation control. |
+| showrecordcount | `boolean` | No | — | Whether to show the total record count. |
+| maxsize | `number` | No | — | Maximum number of page links to show. |
+| boundarylinks | `boolean` | No | — | Whether to show first/last page links. |
+| directionlinks | `boolean` | No | — | Whether to show prev/next page links. |
+| datasource | `any` | No | — | Data source for pagination operations. |
+| binddataset | `string` | No | — | Binding path for the dataset. |
+| allowpagesizechange | `boolean` | No | — | Whether to allow changing the page size. |
+| pagesizeoptions | `string` | No | — | Available options for page size. |
+| paginationMeta | `IPaginationMeta` | No | — | Metadata for pagination. |
+| totalItems | `number` | No | — | Total number of items across all pages. |
+| onPaginationChange | `(event: SyntheticEvent, widget: unknown, index: number) => void` | No | — | Callback fired when pagination changes. |
+| onSetRecord | `(event: SyntheticEvent, widget: unknown, data: any, pageInfo: any) => void` | No | — | Callback fired when a record is set. |
+| onDataUpdate | `(data: any[]) => void` | No | — | Callback when data is updated. |
+| datasourceInvokeOptions | `{ orderBy?: string; filterFields?: Record<string, any>; condition?: string; }` | No | — | Options for the datasource invocation. |
+| onPageSizeChange | `(pageSize: number) => void` | No | — | Callback fired when page size changes. |
+| isLoadingMore | `boolean` | No | — | Whether more data is currently being loaded. |
+| setIsLoadingMore | `(loading: boolean) => void` | No | — | Function to set the loading more state. |
+| isServerSidePagination | `boolean` | No | — | Whether to use server-side pagination. |
+| ondemandmessage | `string` | No | — | Message to show for on-demand loading. |
+| viewlessmessage | `string` | No | — | Message to show for view-less loading. |
+| showviewlessbutton | `boolean` | No | — | Whether to show the view-less button. |
+| onPaginationWidgetReady | `(paginationWidget: any) => void` | No | — | Callback when pagination widget is ready. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-pagination-*`
+
+See foundation-css: `src/tokens/web/components/pagination/pagination.json`

package/skills/components/wm-panel.md

@@ -0,0 +1,69 @@
+---
+component: WmPanel
+category: container
+import: components/container/panel
+tags: [container, panel, icon, collapsible, badge]
+summary: Panel layout container.
+generated: true
+---
+
+# WmPanel
+
+Panel layout container.
+
+## Usage
+
+```jsx
+<WmPanel
+  name="panel"
+  title="My Panel"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| actions | `ActionItem[]` | No | — | Action items for the panel header menu. |
+| badgetype | `BadgeType` | No | `"default"` | Badge style variant. |
+| badgevalue | `string \| number` | No | — | Badge value displayed in the header. |
+| closable | `boolean` | No | `false` | Show close button to hide the panel. |
+| collapsible | `boolean` | No | `false` | Allow panel to be collapsed/expanded. |
+| enablefullscreen | `boolean` | No | `false` | Enable fullscreen toggle. |
+| expanded | `boolean` | No | `true` | Initial expanded state. |
+| fullscreen | `boolean` | No | `false` | Initial fullscreen state. |
+| helptext | `string` | No | — | Help text content (HTML supported). |
+| iconclass | `string` | No | — | Icon class for header (e.g., "wi wi-home"). |
+| iconheight | `string \| number` | No | — | Icon height. |
+| iconmargin | `string` | No | — | Icon margin. |
+| iconurl | `string` | No | — | Icon URL for header image. |
+| iconwidth | `string \| number` | No | — | Icon width. |
+| subheading | `string` | No | — | Subheading below the title. |
+| title | `string` | No | — | Panel title. |
+| height | `string \| number` | No | — | Panel height. |
+| itemlabel | `string` | No | — | Menu/navigation item bindings. |
+| itemicon | `string` | No | — | — |
+| itemlink | `string` | No | — | — |
+| itemaction | `string` | No | — | — |
+| itemchildren | `ReactNode` | No | — | — |
+| userrole | `string` | No | — | — |
+| onActionsclick | `(item: ActionItem) => void` | No | — | Event: when an action item is clicked. |
+| onClose | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when panel close button is clicked. |
+| onCollapse | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when panel collapses. |
+| onExpand | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when panel expands. |
+| onExitfullscreen | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when exiting fullscreen. |
+| onFullscreen | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when entering fullscreen. |
+| onLoad | `(widget?: PanelWidget) => void` | No | — | Event: when panel loads. |
+| onPropertyChange | `(prop: string, value: unknown) => void` | No | — | HOC: called when a property changes. |
+| content | `unknown` | No | — | — |
+| renderPartial | `(props: WmPanelProps) => ReactNode` | No | — | — |
+| style | `CSSProperties` | No | — | Legacy: inline style (use styles for CSSProperties). |
+| autoclose | `boolean \| string` | No | — | Auto-close menu on item selection. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-panel-*`
+
+See foundation-css: `src/tokens/web/components/panel/panel.json`

package/skills/components/wm-partial-container.md

@@ -0,0 +1,32 @@
+---
+component: WmPartialContainer
+category: page
+import: components/page/partial-container
+tags: [page, partial, container]
+summary: Partial Container page structure component.
+generated: true
+---
+
+# WmPartialContainer
+
+Partial Container page structure component.
+
+## Usage
+
+```jsx
+<WmPartialContainer
+  name="partialContainer"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| content | `string` | No | — | Name of the partial content to render. |
+| partialName | `string` | No | — | Name of the partial (for listener callbacks). |
+| params | `string[]` | No | — | Array of param names to pass to the partial. |
+| onLoad | `OnLoadCallback` | No | — | Callback when partial content is loaded. |
+| onRender | `(commonComponent: any) => void` | No | — | Callback when partial content is rendered. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-picture.md

@@ -0,0 +1,46 @@
+---
+component: WmPicture
+category: basic
+import: components/basic/picture
+tags: [basic, picture]
+summary: Picture display widget.
+generated: true
+---
+
+# WmPicture
+
+Picture display widget.
+
+## Usage
+
+```jsx
+<WmPicture
+  name="picture"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| picturesource | `string` | Yes | — | The URL of the image source. |
+| imgSource | `string` | No | — | — |
+| variant | `VariantType` | No | `"default:rounded"` | The variant of the picture. |
+| pictureplaceholder | `string` | No | — | The URL of the placeholder image to show while loading or if source fails. |
+| alttext | `string` | No | — | The alternative text for the image. |
+| encodeurl | `boolean` | No | — | If true, the image source URL will be encoded. |
+| pictureaspect | `"None" \| "H" \| "V" \| "Both"` | No | — | The aspect ratio of the picture. |
+| shape | `string` | No | — | The shape of the picture (e.g., 'circle', 'rounded'). |
+| resizemode | `string` | No | — | The resize mode for the image (e.g., 'cover', 'contain'). |
+| id | `string` | No | — | The unique ID for the picture element. |
+| height | `string` | No | — | — |
+| width | `string` | No | — | — |
+| onLoad | `(event: SyntheticEvent<HTMLImageElement, Event>, widget: WmPictureProps) => void` | No | — | Callback fired when the image successfully loadsocal. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-picture-*`
+
+See foundation-css: `src/tokens/web/components/picture/picture.json`

package/skills/components/wm-popover.md

@@ -0,0 +1,51 @@
+---
+component: WmPopover
+category: navigation
+import: components/navigation/popover
+tags: [navigation, popover]
+summary: Popover navigation widget.
+generated: true
+---
+
+# WmPopover
+
+Popover navigation widget.
+
+## Usage
+
+```jsx
+<WmPopover
+  name="popover"
+  title="My Panel"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| content | `string` | No | — | — |
+| contentsource | `ContentSourceType` | No | `partial` | — |
+| interaction | `InteractionType` | No | `click` | — |
+| popoverplacement | `PopoverPlacementType` | No | `bottom` | — |
+| popoverarrow | `boolean \| string` | Yes | `true` | — |
+| popoverheight | `string` | Yes | `360px` | — |
+| popoverwidth | `string` | Yes | `240px` | — |
+| title | `string` | No | — | — |
+| adaptiveposition | `boolean` | No | — | — |
+| autoclose | `AutoCloseType` | No | `outsideClick` | — |
+| contentanimation | `string` | No | — | — |
+| onLoad | `(widget: WmPopoverProps) => void \| Function` | No | — | — |
+| onShow | `(event: Event, widget: WmPopoverProps) => void` | No | — | — |
+| onHide | `(event: Event, widget: WmPopoverProps) => void` | No | — | — |
+| render | `(props: WmPopoverProps, onLoad: () => void) => ReactNode` | No | — | — |
+| disabled | `boolean` | No | — | — |
+| isOpen | `boolean` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-popover-*`
+
+See foundation-css: `src/tokens/web/components/popover/popover.json`

package/skills/components/wm-prefab-container.md

@@ -0,0 +1,29 @@
+---
+component: WmPrefabContainer
+category: prefab
+import: components/prefab/container
+tags: [prefab, container]
+summary: Prefab Container widget.
+generated: true
+---
+
+# WmPrefabContainer
+
+Prefab Container widget.
+
+## Usage
+
+```jsx
+<WmPrefabContainer
+  name="prefabContainer"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| onLoad | `OnLoadCallback` | No | — | Callback when the container is loaded. |
+| onDestroy | `OnDestroyCallback` | No | — | Callback when the container is destroyed. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-prefab.md

@@ -0,0 +1,35 @@
+---
+component: WmPrefab
+category: prefab
+import: components/prefab
+tags: [prefab]
+summary: Prefab widget.
+generated: true
+---
+
+# WmPrefab
+
+Prefab widget.
+
+## Usage
+
+```jsx
+<WmPrefab
+  name="prefab"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| onLoad | `(event: SyntheticEvent, data: any) => void` | No | — | — |
+| onDestroy | `(event: SyntheticEvent, data: any) => void` | No | — | — |
+| onRender | `(event: SyntheticEvent, data: any) => void` | No | — | — |
+| children | `ReactNode` | No | — | — |
+| show | `boolean` | No | — | — |
+| width | `number \| string` | No | — | — |
+| height | `string` | No | — | — |
+| styles | `CSSProperties` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

package/skills/components/wm-progress-bar.md

@@ -0,0 +1,42 @@
+---
+component: WmProgressBar
+category: basic
+import: components/basic/progress-bar
+tags: [basic, progress, bar]
+summary: Progress Bar display widget.
+generated: true
+---
+
+# WmProgressBar
+
+Progress Bar display widget.
+
+## Usage
+
+```jsx
+<WmProgressBar
+  name="progressBar"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| type | `ProgressBarType` | No | `"default"` | The type of progress bar. |
+| displayformat | `string` | No | — | The display format for the progress value (e.g., as a percentage). |
+| minvalue | `number` | No | `0` | The minimum value of the progress bar. |
+| maxvalue | `number` | No | `100` | The maximum value of the progress bar. |
+| captionplacement | `CaptionPlacement` | No | — | Where to place the caption (e.g., 'inside', 'hidden'). |
+| id | `string` | No | — | — |
+| onStart | `( event: MouseEvent<HTMLDivElement, MouseEvent>, widget: WmProgressBarProps )...` | No | — | Callback fired when progress starts. |
+| onComplete | `( event: MouseEvent<HTMLDivElement, MouseEvent>, widget: WmProgressBarProps )...` | No | — | Callback fired when progress completes. |
+| onBeforeupdate | `( event: MouseEvent<HTMLDivElement, MouseEvent>, widget: WmProgressBarProps )...` | No | — | Callback fired before progress updates. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-progress-bar-*`
+
+See foundation-css: `src/tokens/web/components/progress-bar/progress-bar.json`

package/skills/components/wm-progress-circle.md

@@ -0,0 +1,45 @@
+---
+component: WmProgressCircle
+category: basic
+import: components/basic/progress-circle
+tags: [basic, progress, circle]
+summary: Progress Circle display widget.
+generated: true
+---
+
+# WmProgressCircle
+
+Progress Circle display widget.
+
+## Usage
+
+```jsx
+<WmProgressCircle
+  name="progressCircle"
+  title="My Panel"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| minvalue | `number` | No | `0` | The minimum value of the progress circle. |
+| maxvalue | `number` | No | `100` | The maximum value of the progress circle. |
+| type | `"default" \| "success" \| "info" \| "warning" \| "danger"` | No | `"default"` | The type of progress circle, affecting its color. |
+| displayformat | `string` | No | — | The display format for the progress value. |
+| captionplacement | `"hidden" \| "inside"` | No | — | Where to place the caption (e.g., 'inside', 'hidden'). |
+| title | `string` | No | — | The title to display within or near the progress circle. |
+| subtitle | `string` | No | — | The subtitle to display. |
+| onBeforerender | `(listener: any, widget: Record<string, any>) => void` | No | — | Callback fired before the progress circle is rendered. |
+| id | `string` | No | — | — |
+| strokeWidth | `number` | No | `5` | The width of the circle's stroke. |
+| radius | `number` | No | `45` | The radius of the progress circle. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-progress-circle-*`
+
+See foundation-css: `src/tokens/web/components/progress-circle/progress-circle.json`

package/skills/components/wm-radioset.md

@@ -0,0 +1,66 @@
+---
+component: WmRadioset
+category: input
+import: components/input/default/radioset
+tags: [input, radioset, data-binding, collapsible, dropdown, form-field]
+summary: Radioset — dropdown input field bound to a dataset.
+generated: true
+---
+
+# WmRadioset
+
+Radioset — dropdown input field bound to a dataset.
+
+## Usage
+
+```jsx
+<WmRadioset
+  name="radioset"
+  dataset={items}
+  displayfield="label"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| collapsible | `boolean` | No | — | Whether the radioset group is collapsible. |
+| compareby | `string[]` | No | — | Fields used for comparing values. |
+| datafield | `string` | No | — | The field from the dataset to use as the data value. |
+| dataset | `unknown[] \| string` | No | — | The data source bound to the radioset. |
+| datavalue | `string \| number` | No | — | The currently selected data value. |
+| disabled | `boolean` | No | — | Whether the radioset is disabled. |
+| getDisplayExpression | `(data: Record<string, unknown>, index?: number) => string` | No | — | Custom function to compute the display text for each item. |
+| displayfield | `string` | No | — | The field from the dataset to display as the label. |
+| displayValue | `string` | No | — | Formatted display value. |
+| groupby | `string` | No | — | The field to group items by. |
+| itemclass | `string` | No | — | CSS class applied to each item. |
+| itemsperrow | `string` | No | — | Number of items per row. |
+| listclass | `string` | No | — | CSS class applied to the list container. |
+| match | `string \| Record<string, unknown>` | No | — | Match mode for filtering. |
+| name | `string` | Yes | — | The unique name of the radioset widget (required). |
+| orderby | `string` | No | — | Field(s) to order items by. |
+| readonly | `boolean` | No | — | Whether the radioset is read-only. |
+| required | `boolean` | No | — | Whether a selection is required. |
+| showcount | `boolean` | No | — | Whether to show the count of items. |
+| usekeys | `boolean` | No | — | Whether to use keys as values. |
+| datasetItems | `DatasetItem[]` | No | — | Transformed dataset items (injected by HOC). |
+| selectedItems | `DatasetItem[]` | No | — | Currently selected items (injected by HOC). |
+| validation | `Record<string, unknown>` | No | — | Validation configuration. |
+| groupedData | `GroupedDataset[]` | No | — | Grouped dataset items. |
+| handleHeaderClick | `(key: string) => void` | No | — | Callback invoked when a group header is clicked. |
+| toggleAllHeaders | `() => void` | No | — | Callback to toggle all group headers. |
+| isDestroyed | `boolean` | No | — | Whether the widget has been destroyed. |
+| onblur | `(event?: FocusEvent<HTMLElement>) => void` | No | — | Callback invoked on blur (lowercase variant used by form controller). |
+| fieldName | `string` | No | — | Field name used by the form controller. |
+| onChange | `( event: ChangeEvent<HTMLInputElement>, widget: Record<string, unknown>, newV...` | No | — | Callback invoked when the radioset value changes. |
+| tabindex | `number` | No | — | Tab index for keyboard navigation. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
+
+## CSS Tokens
+
+Component-specific CSS variables: `--wm-radioset-*`
+
+See foundation-css: `src/tokens/web/components/radioset/radioset.json`

package/skills/components/wm-rating.md

@@ -0,0 +1,76 @@
+---
+component: WmRating
+category: input
+import: components/input/rating
+tags: [input, rating, data-binding, multi-select, collapsible, dropdown, form-field]
+summary: Rating — dropdown input field bound to a dataset.
+generated: true
+---
+
+# WmRating
+
+Rating — dropdown input field bound to a dataset.
+
+## Usage
+
+```jsx
+<WmRating
+  name="rating"
+  caption="My Rating"
+  dataset={items}
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| maxvalue | `number` | No | `5` | Maximum rating value. |
+| name | `string` | Yes | — | The unique name of the rating widget (required). |
+| caption | `string` | No | — | Caption text displayed alongside the rating. |
+| readonly | `boolean` | No | — | Whether the rating is read-only. |
+| showcaptions | `boolean` | No | — | Whether to show captions for each rating value. |
+| iconcolor | `string` | No | — | Color of the rating icons. |
+| iconsize | `string` | No | — | Size of the rating icons. |
+| activeiconclass | `string` | No | `"wi wi-star"` | CSS class for the active (selected) icon. |
+| inactiveiconclass | `string` | No | `"wi wi-star-border"` | CSS class for the inactive (unselected) icon. |
+| setDatasetItems | `(items: RatingItem[]) => void` | No | — | Setter function for dataset items (injected by HOC). |
+| dataset | `unknown[] \| string \| Record<string, unknown>` | No | — | The data source bound to the rating widget. |
+| datafield | `string` | No | — | The field from the dataset to use as the data value. |
+| displayfield | `string` | No | — | The field from the dataset to use as the display label. |
+| displaylabel | `string` | No | — | Display label override. |
+| displayimagesrc | `string` | No | — | The field from the dataset to use as the display image. |
+| displayexpression | `(data: Record<string, unknown>) => string` | No | — | Custom function to compute the display text for each item. |
+| usekeys | `boolean` | No | — | Whether to use keys as values. |
+| orderby | `string` | No | — | Field(s) to order the dataset by. |
+| multiple | `boolean` | No | — | Whether multiple selections are allowed. |
+| content | `string` | No | — | Content template type. |
+| collapsible | `boolean` | No | — | Whether the widget is collapsible. |
+| groupby | `string` | No | — | The field to group items by. |
+| allowempty | `boolean` | No | — | Whether to allow empty selection. |
+| compareby | `string[]` | No | — | Fields used for comparison. |
+| disabled | `boolean` | No | — | Whether the widget is disabled. |
+| required | `boolean` | No | — | Whether a selection is required. |
+| isDestroyed | `boolean` | No | — | Whether the widget has been destroyed. |
+| widgetType | `string` | No | — | The widget type identifier. |
+| datavalue | `string \| number` | No | — | The current selected data value. |
+| validation | `Record<string, unknown>` | No | — | Validation configuration. |
+| handleHeaderClick | `() => void` | No | — | Callback invoked when the header is clicked. |
+| toggleAllHeaders | `(props: Record<string, unknown>) => void` | No | — | Callback to toggle all accordion headers. |
+| datasetItems | `RatingItem[]` | No | — | Transformed dataset items (injected by HOC). |
+| selectedItems | `RatingItem[]` | No | — | Currently selected items. |
+| displayValue | `string` | No | — | Formatted display value. |
+| value | `string \| number` | No | — | Raw value of the rating. |
+| onblur | `() => void` | No | — | Callback invoked on blur. |
+| groupedData | `Array<{ key: string; data: RatingItem[] }>` | No | — | Grouped dataset items. |
+| onChange | `( event: SyntheticEvent, widget: Record<string, unknown>, newVal: string \| nu...` | No | — | Callback invoked when the rating value changes. |
+| invokeEventCallback | `(eventName: string, eventData: Record<string, unknown>) => void` | No | — | Internal event callback. |
+| 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-rating-*`
+
+See foundation-css: `src/tokens/web/components/rating/rating.json`

package/skills/components/wm-rich-text-editor.md

@@ -0,0 +1,36 @@
+---
+component: WmRichTextEditor
+category: basic
+import: components/basic/richtexteditor
+tags: [basic, rich, text, editor, input]
+summary: Rich Text Editor display widget.
+generated: true
+---
+
+# WmRichTextEditor
+
+Rich Text Editor display widget.
+
+## Usage
+
+```jsx
+<WmRichTextEditor
+  name="richTextEditor"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| placeholder | `string` | No | — | The placeholder text to display when the editor is empty. |
+| readonly | `boolean` | No | `false` | If true, the editor will be in read-only mode. |
+| showpreview | `boolean` | No | — | If true, a preview of the content will be shown. |
+| disabled | `boolean` | No | `false` | If true, the editor will be disabled. |
+| id | `string` | No | — | — |
+| onBeforerender | `(event: ChangeEvent<any>, widget: Record<string, any>) => void` | No | — | Callback fired before the editor is rendered. |
+| onChange | `(event: any, widget: any, newVal?: any, oldVal?: any) => void` | No | — | Callback fired when the editor content changes. |
+| updatedelay | `string` | No | `10` | Delay in milliseconds before triggering an update. |
+| fieldName | `string` | No | — | The name of the field. |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*

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

@@ -0,0 +1,32 @@
+---
+component: WmRightNav
+category: layout
+import: components/layout/rightnav
+tags: [layout, right, nav]
+summary: Right Nav page layout component.
+generated: true
+---
+
+# WmRightNav
+
+Right Nav page layout component.
+
+## Usage
+
+```jsx
+<WmRightNav
+  name="rightNav"
+/>
+```
+
+## Props
+
+| Prop | Type | Req | Default | Description |
+|------|------|-----|---------|-------------|
+| columnwidth | `number \| string` | No | `2` | The number of columns the right panel should span. |
+| children | `ReactNode` | No | — | — |
+| className | `string` | No | — | — |
+| styles | `CSSProperties` | No | — | — |
+| id | `string` | No | — | — |
+
+*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*