wavemaker-dev-mcp 0.1.3 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +75 -52
- package/dist/index.js +108 -177
- package/dist/index.js.map +1 -1
- package/dist/skills/loader.d.ts +36 -0
- package/dist/skills/loader.d.ts.map +1 -0
- package/dist/skills/loader.js +107 -0
- package/dist/skills/loader.js.map +1 -0
- package/package.json +8 -4
- package/skills/components/wm-accordion-pane.md +44 -0
- package/skills/components/wm-accordion.md +43 -0
- package/skills/components/wm-alert-dialog.md +42 -0
- package/skills/components/wm-anchor.md +51 -0
- package/skills/components/wm-audio.md +41 -0
- package/skills/components/wm-button-group.md +36 -0
- package/skills/components/wm-button.md +114 -0
- package/skills/components/wm-calendar.md +54 -0
- package/skills/components/wm-card.md +60 -0
- package/skills/components/wm-carousel.md +43 -0
- package/skills/components/wm-chart.md +104 -0
- package/skills/components/wm-checkbox.md +52 -0
- package/skills/components/wm-checkboxset.md +75 -0
- package/skills/components/wm-chips.md +78 -0
- package/skills/components/wm-composite.md +30 -0
- package/skills/components/wm-confirm-dialog.md +43 -0
- package/skills/components/wm-container.md +100 -0
- package/skills/components/wm-currency.md +69 -0
- package/skills/components/wm-datatable.md +146 -0
- package/skills/components/wm-date-time.md +80 -0
- package/skills/components/wm-date.md +78 -0
- package/skills/components/wm-dialog-body.md +28 -0
- package/skills/components/wm-dialog-container.md +48 -0
- package/skills/components/wm-dialog-content.md +31 -0
- package/skills/components/wm-dialog-footer.md +28 -0
- package/skills/components/wm-dialog-header.md +43 -0
- package/skills/components/wm-dialog.md +40 -0
- package/skills/components/wm-file-upload.md +58 -0
- package/skills/components/wm-footer.md +31 -0
- package/skills/components/wm-form-field.md +81 -0
- package/skills/components/wm-form.md +58 -0
- package/skills/components/wm-grid-column.md +30 -0
- package/skills/components/wm-header.md +31 -0
- package/skills/components/wm-html.md +31 -0
- package/skills/components/wm-icon.md +40 -0
- package/skills/components/wm-iframe-dialog.md +52 -0
- package/skills/components/wm-iframe.md +35 -0
- package/skills/components/wm-label.md +45 -0
- package/skills/components/wm-left-nav.md +35 -0
- package/skills/components/wm-linear-layout-item.md +28 -0
- package/skills/components/wm-linear-layout.md +92 -0
- package/skills/components/wm-list.md +92 -0
- package/skills/components/wm-live-filter.md +50 -0
- package/skills/components/wm-live-form.md +35 -0
- package/skills/components/wm-login-dialog.md +50 -0
- package/skills/components/wm-login.md +39 -0
- package/skills/components/wm-marquee.md +31 -0
- package/skills/components/wm-menu.md +71 -0
- package/skills/components/wm-message.md +41 -0
- package/skills/components/wm-nav-item.md +28 -0
- package/skills/components/wm-nav.md +61 -0
- package/skills/components/wm-number.md +62 -0
- package/skills/components/wm-page-content.md +34 -0
- package/skills/components/wm-page-dialog.md +45 -0
- package/skills/components/wm-page-toast.md +34 -0
- package/skills/components/wm-page.md +34 -0
- package/skills/components/wm-pagination.md +62 -0
- package/skills/components/wm-panel.md +69 -0
- package/skills/components/wm-partial-container.md +32 -0
- package/skills/components/wm-picture.md +46 -0
- package/skills/components/wm-popover.md +51 -0
- package/skills/components/wm-prefab-container.md +29 -0
- package/skills/components/wm-prefab.md +35 -0
- package/skills/components/wm-progress-bar.md +42 -0
- package/skills/components/wm-progress-circle.md +45 -0
- package/skills/components/wm-radioset.md +66 -0
- package/skills/components/wm-rating.md +76 -0
- package/skills/components/wm-rich-text-editor.md +36 -0
- package/skills/components/wm-right-nav.md +32 -0
- package/skills/components/wm-search.md +66 -0
- package/skills/components/wm-select.md +129 -0
- package/skills/components/wm-slider.md +53 -0
- package/skills/components/wm-spinner.md +43 -0
- package/skills/components/wm-tab-pane.md +45 -0
- package/skills/components/wm-table.md +113 -0
- package/skills/components/wm-tabs.md +48 -0
- package/skills/components/wm-text.md +65 -0
- package/skills/components/wm-textarea.md +47 -0
- package/skills/components/wm-tile.md +34 -0
- package/skills/components/wm-time.md +63 -0
- package/skills/components/wm-top-nav.md +31 -0
- package/skills/components/wm-tree.md +41 -0
- package/skills/components/wm-upload.md +42 -0
- package/skills/components/wm-video.md +48 -0
- package/skills/components/wm-wizard.md +59 -0
- package/skills/index.json +1151 -0
- package/skills/tokens/border.md +85 -0
- package/skills/tokens/colors.md +97 -0
- package/skills/tokens/elevation.md +73 -0
- package/skills/tokens/spacing.md +89 -0
- package/skills/tokens/typography.md +88 -0
- package/dist/components.d.ts +0 -17
- package/dist/components.d.ts.map +0 -1
- package/dist/components.js +0 -67
- package/dist/components.js.map +0 -1
- package/dist/paths.d.ts +0 -43
- package/dist/paths.d.ts.map +0 -1
- package/dist/paths.js +0 -103
- package/dist/paths.js.map +0 -1
- package/dist/search.d.ts +0 -15
- package/dist/search.d.ts.map +0 -1
- package/dist/search.js +0 -130
- package/dist/search.js.map +0 -1
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmLiveFilter
|
|
3
|
+
category: data
|
|
4
|
+
import: components/data/live-filter
|
|
5
|
+
tags: [data, live, filter, pagination, icon, collapsible]
|
|
6
|
+
summary: Live Filter data widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmLiveFilter
|
|
11
|
+
|
|
12
|
+
Live Filter data widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmLiveFilter
|
|
18
|
+
name="liveFilter"
|
|
19
|
+
title="My Panel"
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| errormessage | `string` | No | — | Error message to display. |
|
|
28
|
+
| captionposition | `string` | No | — | Position of the captions. |
|
|
29
|
+
| title | `string` | No | — | Title of the live filter. |
|
|
30
|
+
| enctype | `string` | No | — | Encoding type. |
|
|
31
|
+
| method | `string` | No | — | HTTP method. |
|
|
32
|
+
| captionalign | `string` | No | — | Alignment of captions. |
|
|
33
|
+
| subheading | `string` | No | — | Subheading of the live filter. |
|
|
34
|
+
| iconclass | `string` | No | `wi wi-filter-list` | CSS class for the icon. |
|
|
35
|
+
| autocomplete | `boolean` | No | — | Whether to enable autocomplete. |
|
|
36
|
+
| collapsible | `boolean` | No | — | Whether the filter is collapsible. |
|
|
37
|
+
| expanded | `boolean` | No | — | Whether the filter is expanded by default. |
|
|
38
|
+
| formdatasource | `string` | No | — | Data source for the form. |
|
|
39
|
+
| numberoffields | `number` | No | — | Number of fields. |
|
|
40
|
+
| pagesize | `number` | No | `20` | Page size for results. |
|
|
41
|
+
| autoupdate | `boolean` | No | `true` | Whether to automatically update results. |
|
|
42
|
+
| enableemptyfilter | `string` | No | ` ` | Whether to enable empty filter. |
|
|
43
|
+
| dataSource | `string` | No | — | The data source for the filter. |
|
|
44
|
+
| orderBy | `string` | No | — | Order results by field. |
|
|
45
|
+
| onSuccess | `(data: any) => void` | No | — | Success callback. |
|
|
46
|
+
| onBeforeservicecall | `(filterFields: any) => any` | No | — | Before service call callback. |
|
|
47
|
+
| toggleMessage | `(state: boolean, msg: any, type: string, header: string) => void` | No | — | Toggle message function. |
|
|
48
|
+
| onResultCb | `(err: any, success: boolean) => void` | No | — | Result callback. |
|
|
49
|
+
|
|
50
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmLiveForm
|
|
3
|
+
category: data
|
|
4
|
+
import: components/data/live-form
|
|
5
|
+
tags: [data, live, form]
|
|
6
|
+
summary: Live Form data widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmLiveForm
|
|
11
|
+
|
|
12
|
+
Live Form data widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmLiveForm
|
|
18
|
+
name="liveForm"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| validationtype | `string` | No | `"default"` | Type of validation to use for the form. |
|
|
27
|
+
| formlayout | `string` | No | `"inline"` | Layout type for the form. |
|
|
28
|
+
| insertmessage | `string` | No | `"Record added successfully"` | Message to show when a record is successfully inserted. |
|
|
29
|
+
| updatemessage | `string` | No | `"Record updated successfully"` | Message to show when a record is successfully updated. |
|
|
30
|
+
| deletemessage | `string` | No | `"Record deleted successfully"` | Message to show when a record is successfully deleted. |
|
|
31
|
+
| datasource | `any` | No | — | Data source for the live form. |
|
|
32
|
+
| formSubmit | `any` | No | — | Function to handle form submission. |
|
|
33
|
+
| onBeforeservicecall | `(event: Event, operationType: string, formData: any, options: any) => void` | No | — | Before service call callback. |
|
|
34
|
+
|
|
35
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmLoginDialog
|
|
3
|
+
category: dialogs
|
|
4
|
+
import: components/dialogs/login-dialog
|
|
5
|
+
tags: [dialogs, login, dialog, icon]
|
|
6
|
+
summary: Login Dialog — modal dialog.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmLoginDialog
|
|
11
|
+
|
|
12
|
+
Login Dialog — modal dialog.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmLoginDialog
|
|
18
|
+
name="loginDialog"
|
|
19
|
+
title="My Panel"
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| name | `string` | Yes | — | Unique name of the widget. |
|
|
28
|
+
| title | `string` | No | — | Title text for the login dialog. |
|
|
29
|
+
| iconclass | `string` | No | — | CSS class for the header icon. |
|
|
30
|
+
| errormessage | `string` | No | — | Custom error message to display. |
|
|
31
|
+
| eventsource | `IEventSource` | No | — | Action source for the login process. |
|
|
32
|
+
| onSubmit | `(event: Event \| SyntheticEvent, widget: any) => void` | No | — | Callback fired when the form is submitted. |
|
|
33
|
+
| onOpened | `(event: Event \| SyntheticEvent, widget: any) => void` | No | — | Callback fired when the dialog is opened (transition finished). |
|
|
34
|
+
| onClose | `(event: Event \| SyntheticEvent, widget: any) => void` | No | — | Callback fired when the dialog requests to be closed. |
|
|
35
|
+
| onSuccess | `(event: Event \| SyntheticEvent, widget: any) => void` | No | — | Callback fired when login succeeds. |
|
|
36
|
+
| onError | `(event: Event \| SyntheticEvent, widget: any) => void` | No | — | Callback fired when login fails. |
|
|
37
|
+
| logintext | `string` | No | — | Text for the login button. |
|
|
38
|
+
| canceltext | `string` | No | — | Text for the cancel button. |
|
|
39
|
+
| closable | `boolean` | No | — | Whether the dialog can be dismissed by the user. |
|
|
40
|
+
| sheet | `boolean` | No | — | Whether the dialog is a sheet. |
|
|
41
|
+
| invokeEventCallback | `(eventName: string, data?: any) => void` | No | — | Internal WaveMaker event callback. |
|
|
42
|
+
| appLocale | `any` | No | — | Application locale object injected at runtime. |
|
|
43
|
+
|
|
44
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
45
|
+
|
|
46
|
+
## CSS Tokens
|
|
47
|
+
|
|
48
|
+
Component-specific CSS variables: `--wm-login-dialog-*`
|
|
49
|
+
|
|
50
|
+
See foundation-css: `src/tokens/web/components/modal-dialog/modal-dialog.json`
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmLogin
|
|
3
|
+
category: advanced
|
|
4
|
+
import: components/advanced/login
|
|
5
|
+
tags: [advanced, login]
|
|
6
|
+
summary: Login advanced widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmLogin
|
|
11
|
+
|
|
12
|
+
Login advanced widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmLogin
|
|
18
|
+
name="login"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| name | `string` | Yes | — | — |
|
|
27
|
+
| show | `boolean` | No | — | — |
|
|
28
|
+
| errormessage | `string` | No | — | — |
|
|
29
|
+
| eventsource | `IEventSource` | No | — | — |
|
|
30
|
+
| messagelistener | `(message: any) => void` | No | — | — |
|
|
31
|
+
| onSubmit | `(event: Event, widget: any) => void` | No | — | — |
|
|
32
|
+
| onBeforerender | `(event: Event, widget: any) => void` | No | — | — |
|
|
33
|
+
| onSuccess | `(event: Event, widget: any) => void` | No | — | — |
|
|
34
|
+
| onError | `(event: Event, widget: any) => void` | No | — | — |
|
|
35
|
+
| invokeEventCallback | `(eventName: string, data?: any) => void` | No | — | — |
|
|
36
|
+
| appLocale | `any` | No | — | — |
|
|
37
|
+
| eventSource | `any` | No | — | — |
|
|
38
|
+
|
|
39
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmMarquee
|
|
3
|
+
category: advanced
|
|
4
|
+
import: components/advanced/marquee
|
|
5
|
+
tags: [advanced, marquee]
|
|
6
|
+
summary: Marquee advanced widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmMarquee
|
|
11
|
+
|
|
12
|
+
Marquee advanced widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmMarquee
|
|
18
|
+
name="marquee"
|
|
19
|
+
direction="row"
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| direction | `"up" \| "down" \| "left" \| "right"` | No | — | — |
|
|
28
|
+
| scrollamount | `number` | No | — | — |
|
|
29
|
+
| scrolldelay | `number` | No | — | — |
|
|
30
|
+
|
|
31
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmMenu
|
|
3
|
+
category: navigation
|
|
4
|
+
import: components/navigation/menu
|
|
5
|
+
tags: [navigation, menu, data-binding, icon]
|
|
6
|
+
summary: Menu navigation widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmMenu
|
|
11
|
+
|
|
12
|
+
Menu navigation widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmMenu
|
|
18
|
+
name="menu"
|
|
19
|
+
caption="My Menu"
|
|
20
|
+
dataset={items}
|
|
21
|
+
/>
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Props
|
|
25
|
+
|
|
26
|
+
| Prop | Type | Req | Default | Description |
|
|
27
|
+
|------|------|-----|---------|-------------|
|
|
28
|
+
| type | `"button" \| "anchor"` | No | — | — |
|
|
29
|
+
| panelPosition | `string` | No | — | — |
|
|
30
|
+
| menualign | `string` | No | — | — |
|
|
31
|
+
| menuposition | `string` | No | — | — |
|
|
32
|
+
| menulayout | `string` | No | — | — |
|
|
33
|
+
| menuclass | `string` | No | — | — |
|
|
34
|
+
| linktarget | `string` | No | — | — |
|
|
35
|
+
| iconclass | `string` | No | — | — |
|
|
36
|
+
| animateitems | `string` | No | — | — |
|
|
37
|
+
| disableMenuContext | `boolean` | No | — | — |
|
|
38
|
+
| showonhover | `boolean` | No | — | — |
|
|
39
|
+
| autoclose | `string` | No | — | — |
|
|
40
|
+
| autoopen | `string` | No | — | — |
|
|
41
|
+
| hint | `string` | No | — | — |
|
|
42
|
+
| arialabel | `string` | No | — | — |
|
|
43
|
+
| width | `string \| number` | No | — | — |
|
|
44
|
+
| height | `string \| number` | No | — | — |
|
|
45
|
+
| iconposition | `string` | No | — | — |
|
|
46
|
+
| caption | `string` | No | — | — |
|
|
47
|
+
| shortcutkey | `string` | No | — | — |
|
|
48
|
+
| onClick | `( event?: MouseEvent<HTMLElement>, widget?: Record<string, any>, newVal?: str...` | No | — | — |
|
|
49
|
+
| onSelect | `($event: MouseEvent<HTMLElement>, widget: any, $item: any) => void` | No | — | — |
|
|
50
|
+
| navNodes | `Array<any>` | No | — | — |
|
|
51
|
+
| resetNavNodes | `() => void` | No | — | — |
|
|
52
|
+
| orderby | `string` | No | — | — |
|
|
53
|
+
| dataset | `any` | No | — | — |
|
|
54
|
+
| itemlabel | `string \| any` | No | — | — |
|
|
55
|
+
| itemlink | `string` | No | — | — |
|
|
56
|
+
| itemicon | `string` | No | — | — |
|
|
57
|
+
| itemaction | `string` | No | — | — |
|
|
58
|
+
| userrole | `string` | No | — | — |
|
|
59
|
+
| isactive | `string` | No | — | — |
|
|
60
|
+
| itemchildren | `string \| any` | No | — | — |
|
|
61
|
+
| isFromNav | `boolean` | No | — | — |
|
|
62
|
+
| onNavItemActivate | `() => void` | No | — | — |
|
|
63
|
+
| isNavItemActive | `boolean` | No | — | — |
|
|
64
|
+
|
|
65
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
66
|
+
|
|
67
|
+
## CSS Tokens
|
|
68
|
+
|
|
69
|
+
Component-specific CSS variables: `--wm-menu-*`
|
|
70
|
+
|
|
71
|
+
See foundation-css: `src/tokens/web/components/dropdown-menu/dropdown-menu.json`
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmMessage
|
|
3
|
+
category: basic
|
|
4
|
+
import: components/basic/message
|
|
5
|
+
tags: [basic, message, caption]
|
|
6
|
+
summary: Message display widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmMessage
|
|
11
|
+
|
|
12
|
+
Message display widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmMessage
|
|
18
|
+
name="message"
|
|
19
|
+
caption="My Message"
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| caption | `string` | No | `"Message"` | The message content to be displayed. |
|
|
28
|
+
| variant | `VariantType` | No | `"filled:success"` | The variant of the message. |
|
|
29
|
+
| type | `string` | No | `"info"` | The type of message: 'success', 'error', 'info', 'warning', 'loading'. |
|
|
30
|
+
| hideclose | `boolean` | No | `false` | If true, the close button will be hidden. |
|
|
31
|
+
| onClose | `(event: MouseEvent<HTMLButtonElement>) => void` | No | — | Callback function to be called when the message is closed. |
|
|
32
|
+
| open | `boolean` | No | — | If true, the message is open. |
|
|
33
|
+
| close | `(event: MouseEvent<HTMLButtonElement>) => void` | No | — | Callback function to close the message. |
|
|
34
|
+
|
|
35
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
36
|
+
|
|
37
|
+
## CSS Tokens
|
|
38
|
+
|
|
39
|
+
Component-specific CSS variables: `--wm-message-*`
|
|
40
|
+
|
|
41
|
+
See foundation-css: `src/tokens/web/components/message/message.json`
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmNavItem
|
|
3
|
+
category: navbar
|
|
4
|
+
import: components/navbar/nav-item
|
|
5
|
+
tags: [navbar, nav, item]
|
|
6
|
+
summary: Nav Item navigation bar component.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmNavItem
|
|
11
|
+
|
|
12
|
+
Nav Item navigation bar component.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmNavItem
|
|
18
|
+
name="navItem"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| children | `ReactNode` | No | — | — |
|
|
27
|
+
|
|
28
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmNav
|
|
3
|
+
category: navbar
|
|
4
|
+
import: components/navbar/nav
|
|
5
|
+
tags: [navbar, nav, data-binding]
|
|
6
|
+
summary: Nav navigation bar component.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmNav
|
|
11
|
+
|
|
12
|
+
Nav navigation bar component.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmNav
|
|
18
|
+
name="nav"
|
|
19
|
+
dataset={items}
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| layout | `string` | Yes | — | — |
|
|
28
|
+
| type | `string` | Yes | — | — |
|
|
29
|
+
| autoclose | `string` | Yes | — | — |
|
|
30
|
+
| autoopen | `string` | Yes | — | — |
|
|
31
|
+
| class | `string` | Yes | — | — |
|
|
32
|
+
| dataset | `any` | Yes | — | — |
|
|
33
|
+
| iconposition | `string` | Yes | — | — |
|
|
34
|
+
| isactive | `string` | Yes | — | — |
|
|
35
|
+
| itemlabel | `string \| ((item: any, fragment?: any) => string)` | No | — | — |
|
|
36
|
+
| itemhint | `string` | Yes | — | — |
|
|
37
|
+
| itemlink | `string` | Yes | — | — |
|
|
38
|
+
| itemicon | `string` | Yes | — | — |
|
|
39
|
+
| itemclass | `string` | Yes | — | — |
|
|
40
|
+
| itemchildren | `string` | Yes | — | — |
|
|
41
|
+
| itemaction | `string` | Yes | — | — |
|
|
42
|
+
| itembadge | `string` | Yes | — | — |
|
|
43
|
+
| itemtarget | `string` | Yes | — | — |
|
|
44
|
+
| name | `string` | Yes | — | — |
|
|
45
|
+
| orderby | `string` | Yes | — | — |
|
|
46
|
+
| show | `boolean` | Yes | — | — |
|
|
47
|
+
| showonhover | `boolean` | Yes | — | — |
|
|
48
|
+
| userrole | `string` | Yes | — | — |
|
|
49
|
+
| onSelect | `(event: any, widget: any, item: any) => void` | No | — | — |
|
|
50
|
+
| iconheight | `string` | No | — | — |
|
|
51
|
+
| iconwidth | `string` | No | — | — |
|
|
52
|
+
| iconmargin | `string` | No | — | — |
|
|
53
|
+
| action | `string` | No | — | — |
|
|
54
|
+
|
|
55
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
56
|
+
|
|
57
|
+
## CSS Tokens
|
|
58
|
+
|
|
59
|
+
Component-specific CSS variables: `--wm-nav-*`
|
|
60
|
+
|
|
61
|
+
See foundation-css: `src/tokens/web/components/nav/nav.json`
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmNumber
|
|
3
|
+
category: input
|
|
4
|
+
import: components/input/number
|
|
5
|
+
tags: [input, number, form-field]
|
|
6
|
+
summary: Number input field.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmNumber
|
|
11
|
+
|
|
12
|
+
Number input field.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmNumber
|
|
18
|
+
name="number"
|
|
19
|
+
datavalue={value}
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| required | `boolean` | No | — | Whether the input is required. |
|
|
28
|
+
| regexp | `string` | No | — | Regular expression pattern for input validation. |
|
|
29
|
+
| disabled | `boolean` | No | — | Whether the input is disabled. |
|
|
30
|
+
| inputmode | `"natural" \| "financial"` | No | `"natural"` | Input mode for the number widget.
|
|
31
|
+
- `"natural"`: Standard number input.
|
|
32
|
+
- `"financial"`: Financial format with trailing zeros. |
|
|
33
|
+
| trailingzero | `boolean` | No | — | Whether to display trailing zeros. |
|
|
34
|
+
| step | `number` | No | — | Step increment for the number input. |
|
|
35
|
+
| minvalue | `number` | No | — | Minimum value allowed. |
|
|
36
|
+
| maxvalue | `number` | No | — | Maximum value allowed. |
|
|
37
|
+
| placeholder | `string` | No | — | Placeholder text shown when the input is empty. |
|
|
38
|
+
| shortcutkey | `string` | No | — | Keyboard shortcut key to focus the input. |
|
|
39
|
+
| autofocus | `boolean` | No | — | Whether the input should be focused on mount. |
|
|
40
|
+
| datavalue | `number \| null` | No | — | The bound data value of the number input. |
|
|
41
|
+
| maxDataValue | `number \| null` | No | — | Maximum data value for range number inputs. |
|
|
42
|
+
| isMaxWidget | `boolean` | No | — | Whether this is a max-value widget in a range input. |
|
|
43
|
+
| updatedelay | `string` | No | `"0"` | Delay in milliseconds before updating the data value. |
|
|
44
|
+
| updateon | `"blur" \| "keypress"` | No | `"blur"` | When the data value should be updated. |
|
|
45
|
+
| readonly | `boolean` | No | — | Whether the input is read-only. |
|
|
46
|
+
| decimalplaces | `number` | No | — | Number of decimal places to display. |
|
|
47
|
+
| onChange | `( event: ChangeEvent<HTMLInputElement>, widget: Record<string, unknown>, newV...` | No | — | Callback invoked when the number value changes. |
|
|
48
|
+
| onClick | `(event: MouseEvent<HTMLElement>, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the number input is clicked. |
|
|
49
|
+
| onMouseEnter | `(event: MouseEvent<HTMLElement>, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the mouse enters the number input. |
|
|
50
|
+
| onMouseLeave | `(event: MouseEvent<HTMLElement>, widget: Record<string, unknown>) => void` | No | — | Callback invoked when the mouse leaves the number input. |
|
|
51
|
+
| error | `boolean` | No | — | Whether the input has a validation error (typically injected by form controller). |
|
|
52
|
+
| id | `string` | No | — | The unique ID for the widget. |
|
|
53
|
+
| fieldName | `string` | No | — | Field name used by the form controller. |
|
|
54
|
+
| maxdisplayValue | `string \| null` | No | — | Display value for the max widget. |
|
|
55
|
+
|
|
56
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
57
|
+
|
|
58
|
+
## CSS Tokens
|
|
59
|
+
|
|
60
|
+
Component-specific CSS variables: `--wm-number-*`
|
|
61
|
+
|
|
62
|
+
See foundation-css: `src/tokens/web/components/form-controls/form-controls.json`
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPageContent
|
|
3
|
+
category: page
|
|
4
|
+
import: components/page/page-content
|
|
5
|
+
tags: [page, content]
|
|
6
|
+
summary: Page Content page structure component.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPageContent
|
|
11
|
+
|
|
12
|
+
Page Content page structure component.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPageContent
|
|
18
|
+
name="pageContent"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| columnwidth | `number` | No | — | Column width for the content (used with Bootstrap grid classes). |
|
|
27
|
+
|
|
28
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
29
|
+
|
|
30
|
+
## CSS Tokens
|
|
31
|
+
|
|
32
|
+
Component-specific CSS variables: `--wm-page-content-*`
|
|
33
|
+
|
|
34
|
+
See foundation-css: `src/tokens/web/components/page-content/page-content.json`
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPageDialog
|
|
3
|
+
category: dialogs
|
|
4
|
+
import: components/dialogs/page-dialog
|
|
5
|
+
tags: [dialogs, page, dialog, icon]
|
|
6
|
+
summary: Page Dialog — modal dialog.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPageDialog
|
|
11
|
+
|
|
12
|
+
Page Dialog — modal dialog.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPageDialog
|
|
18
|
+
name="pageDialog"
|
|
19
|
+
title="My Panel"
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| dialogtype | `"page-dialog"` | No | — | The type of dialog being rendered. |
|
|
28
|
+
| content | `string` | No | — | Content / URL of the page to load. |
|
|
29
|
+
| closable | `boolean` | No | — | Whether the dialog is closable by the user. |
|
|
30
|
+
| sheet | `boolean` | No | — | Whether the dialog is a sheet. |
|
|
31
|
+
| title | `string` | No | — | Title text for the dialog. |
|
|
32
|
+
| showactions | `boolean` | No | — | Whether to show the dialog actions (footer). |
|
|
33
|
+
| iconclass | `string` | No | — | CSS class for the header icon. |
|
|
34
|
+
| oktext | `string` | No | — | Text for the OK button. |
|
|
35
|
+
| onClose | `(event?: SyntheticEvent \| {}) => void` | No | — | Callback fired when the dialog requests to be closed. |
|
|
36
|
+
| onOkClick | `(event?: SyntheticEvent) => void` | No | — | Callback fired when the OK button is clicked. |
|
|
37
|
+
| onOk | `(event?: SyntheticEvent) => void` | No | — | Callback fired for OK event. |
|
|
38
|
+
|
|
39
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
40
|
+
|
|
41
|
+
## CSS Tokens
|
|
42
|
+
|
|
43
|
+
Component-specific CSS variables: `--wm-page-dialog-*`
|
|
44
|
+
|
|
45
|
+
See foundation-css: `src/tokens/web/components/modal-dialog/modal-dialog.json`
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPageToast
|
|
3
|
+
category: page
|
|
4
|
+
import: components/page/toast-container
|
|
5
|
+
tags: [page, toast]
|
|
6
|
+
summary: Page Toast page structure component.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPageToast
|
|
11
|
+
|
|
12
|
+
Page Toast page structure component.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPageToast
|
|
18
|
+
name="pageToast"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| component | `ComponentType<any>` | Yes | — | The toast component to render inside the container. |
|
|
27
|
+
|
|
28
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
29
|
+
|
|
30
|
+
## CSS Tokens
|
|
31
|
+
|
|
32
|
+
Component-specific CSS variables: `--wm-page-toast-*`
|
|
33
|
+
|
|
34
|
+
See foundation-css: `src/tokens/web/components/toast/toast.json`
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPage
|
|
3
|
+
category: page
|
|
4
|
+
import: components/page
|
|
5
|
+
tags: [page]
|
|
6
|
+
summary: Page page structure component.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPage
|
|
11
|
+
|
|
12
|
+
Page page structure component.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPage
|
|
18
|
+
name="page"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| pagetitle | `string` | No | — | The title of the page. |
|
|
27
|
+
| onNavHeightChange | `(isFull: boolean) => void` | No | — | Callback when navigation height changes (used internally for layout). |
|
|
28
|
+
| OnAttach | `(event: PageEventPayload, props: WmPageProps) => void` | No | — | Fired when the page is attached to the DOM. |
|
|
29
|
+
| OnDetach | `(event: PageEventPayload, props: WmPageProps) => void` | No | — | Fired when the page is detached from the DOM. |
|
|
30
|
+
| OnDestroy | `(event: PageEventPayload, props: WmPageProps) => void` | No | — | Fired when the page is destroyed. |
|
|
31
|
+
| OnOrientationChange | `(event: Event, props: WmPageProps) => void` | No | — | Fired when device orientation changes. |
|
|
32
|
+
| OnResize | `( event: PageEventPayload, props: WmPageProps, size: { width: number; height:...` | No | — | Fired when the window is resized. |
|
|
33
|
+
|
|
34
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|