wavemaker-dev-mcp 0.1.1 → 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 -51
- package/dist/index.js +131 -180
- package/dist/index.js.map +1 -1
- package/dist/layout-tools.d.ts +27 -3
- package/dist/layout-tools.d.ts.map +1 -1
- package/dist/layout-tools.js +85 -32
- package/dist/layout-tools.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,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.*
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPagination
|
|
3
|
+
category: data
|
|
4
|
+
import: components/data/pagination/hooks
|
|
5
|
+
tags: [data, pagination, data-binding]
|
|
6
|
+
summary: Pagination data widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPagination
|
|
11
|
+
|
|
12
|
+
Pagination data widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPagination
|
|
18
|
+
name="pagination"
|
|
19
|
+
dataset={items}
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| dataset | `any[]` | No | — | The collection of data items to paginate. |
|
|
28
|
+
| maxResults | `number` | No | — | Maximum number of results to show per page. |
|
|
29
|
+
| currentPage | `number` | No | — | Current active page number. |
|
|
30
|
+
| navigation | `INavigation` | No | — | The type of navigation to use. |
|
|
31
|
+
| navigationsize | `INavigationSize` | No | — | The size of the navigation control. |
|
|
32
|
+
| navigationalign | `IAlignment` | No | — | Alignment of the navigation control. |
|
|
33
|
+
| showrecordcount | `boolean` | No | — | Whether to show the total record count. |
|
|
34
|
+
| maxsize | `number` | No | — | Maximum number of page links to show. |
|
|
35
|
+
| boundarylinks | `boolean` | No | — | Whether to show first/last page links. |
|
|
36
|
+
| directionlinks | `boolean` | No | — | Whether to show prev/next page links. |
|
|
37
|
+
| datasource | `any` | No | — | Data source for pagination operations. |
|
|
38
|
+
| binddataset | `string` | No | — | Binding path for the dataset. |
|
|
39
|
+
| allowpagesizechange | `boolean` | No | — | Whether to allow changing the page size. |
|
|
40
|
+
| pagesizeoptions | `string` | No | — | Available options for page size. |
|
|
41
|
+
| paginationMeta | `IPaginationMeta` | No | — | Metadata for pagination. |
|
|
42
|
+
| totalItems | `number` | No | — | Total number of items across all pages. |
|
|
43
|
+
| onPaginationChange | `(event: SyntheticEvent, widget: unknown, index: number) => void` | No | — | Callback fired when pagination changes. |
|
|
44
|
+
| onSetRecord | `(event: SyntheticEvent, widget: unknown, data: any, pageInfo: any) => void` | No | — | Callback fired when a record is set. |
|
|
45
|
+
| onDataUpdate | `(data: any[]) => void` | No | — | Callback when data is updated. |
|
|
46
|
+
| datasourceInvokeOptions | `{ orderBy?: string; filterFields?: Record<string, any>; condition?: string; }` | No | — | Options for the datasource invocation. |
|
|
47
|
+
| onPageSizeChange | `(pageSize: number) => void` | No | — | Callback fired when page size changes. |
|
|
48
|
+
| isLoadingMore | `boolean` | No | — | Whether more data is currently being loaded. |
|
|
49
|
+
| setIsLoadingMore | `(loading: boolean) => void` | No | — | Function to set the loading more state. |
|
|
50
|
+
| isServerSidePagination | `boolean` | No | — | Whether to use server-side pagination. |
|
|
51
|
+
| ondemandmessage | `string` | No | — | Message to show for on-demand loading. |
|
|
52
|
+
| viewlessmessage | `string` | No | — | Message to show for view-less loading. |
|
|
53
|
+
| showviewlessbutton | `boolean` | No | — | Whether to show the view-less button. |
|
|
54
|
+
| onPaginationWidgetReady | `(paginationWidget: any) => void` | No | — | Callback when pagination widget is ready. |
|
|
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-pagination-*`
|
|
61
|
+
|
|
62
|
+
See foundation-css: `src/tokens/web/components/pagination/pagination.json`
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPanel
|
|
3
|
+
category: container
|
|
4
|
+
import: components/container/panel
|
|
5
|
+
tags: [container, panel, icon, collapsible, badge]
|
|
6
|
+
summary: Panel layout container.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPanel
|
|
11
|
+
|
|
12
|
+
Panel layout container.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPanel
|
|
18
|
+
name="panel"
|
|
19
|
+
title="My Panel"
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| actions | `ActionItem[]` | No | — | Action items for the panel header menu. |
|
|
28
|
+
| badgetype | `BadgeType` | No | `"default"` | Badge style variant. |
|
|
29
|
+
| badgevalue | `string \| number` | No | — | Badge value displayed in the header. |
|
|
30
|
+
| closable | `boolean` | No | `false` | Show close button to hide the panel. |
|
|
31
|
+
| collapsible | `boolean` | No | `false` | Allow panel to be collapsed/expanded. |
|
|
32
|
+
| enablefullscreen | `boolean` | No | `false` | Enable fullscreen toggle. |
|
|
33
|
+
| expanded | `boolean` | No | `true` | Initial expanded state. |
|
|
34
|
+
| fullscreen | `boolean` | No | `false` | Initial fullscreen state. |
|
|
35
|
+
| helptext | `string` | No | — | Help text content (HTML supported). |
|
|
36
|
+
| iconclass | `string` | No | — | Icon class for header (e.g., "wi wi-home"). |
|
|
37
|
+
| iconheight | `string \| number` | No | — | Icon height. |
|
|
38
|
+
| iconmargin | `string` | No | — | Icon margin. |
|
|
39
|
+
| iconurl | `string` | No | — | Icon URL for header image. |
|
|
40
|
+
| iconwidth | `string \| number` | No | — | Icon width. |
|
|
41
|
+
| subheading | `string` | No | — | Subheading below the title. |
|
|
42
|
+
| title | `string` | No | — | Panel title. |
|
|
43
|
+
| height | `string \| number` | No | — | Panel height. |
|
|
44
|
+
| itemlabel | `string` | No | — | Menu/navigation item bindings. |
|
|
45
|
+
| itemicon | `string` | No | — | — |
|
|
46
|
+
| itemlink | `string` | No | — | — |
|
|
47
|
+
| itemaction | `string` | No | — | — |
|
|
48
|
+
| itemchildren | `ReactNode` | No | — | — |
|
|
49
|
+
| userrole | `string` | No | — | — |
|
|
50
|
+
| onActionsclick | `(item: ActionItem) => void` | No | — | Event: when an action item is clicked. |
|
|
51
|
+
| onClose | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when panel close button is clicked. |
|
|
52
|
+
| onCollapse | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when panel collapses. |
|
|
53
|
+
| onExpand | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when panel expands. |
|
|
54
|
+
| onExitfullscreen | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when exiting fullscreen. |
|
|
55
|
+
| onFullscreen | `(event: MouseEvent, widget?: PanelWidget) => void` | No | — | Event: when entering fullscreen. |
|
|
56
|
+
| onLoad | `(widget?: PanelWidget) => void` | No | — | Event: when panel loads. |
|
|
57
|
+
| onPropertyChange | `(prop: string, value: unknown) => void` | No | — | HOC: called when a property changes. |
|
|
58
|
+
| content | `unknown` | No | — | — |
|
|
59
|
+
| renderPartial | `(props: WmPanelProps) => ReactNode` | No | — | — |
|
|
60
|
+
| style | `CSSProperties` | No | — | Legacy: inline style (use styles for CSSProperties). |
|
|
61
|
+
| autoclose | `boolean \| string` | No | — | Auto-close menu on item selection. |
|
|
62
|
+
|
|
63
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
64
|
+
|
|
65
|
+
## CSS Tokens
|
|
66
|
+
|
|
67
|
+
Component-specific CSS variables: `--wm-panel-*`
|
|
68
|
+
|
|
69
|
+
See foundation-css: `src/tokens/web/components/panel/panel.json`
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPartialContainer
|
|
3
|
+
category: page
|
|
4
|
+
import: components/page/partial-container
|
|
5
|
+
tags: [page, partial, container]
|
|
6
|
+
summary: Partial Container page structure component.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPartialContainer
|
|
11
|
+
|
|
12
|
+
Partial Container page structure component.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPartialContainer
|
|
18
|
+
name="partialContainer"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| content | `string` | No | — | Name of the partial content to render. |
|
|
27
|
+
| partialName | `string` | No | — | Name of the partial (for listener callbacks). |
|
|
28
|
+
| params | `string[]` | No | — | Array of param names to pass to the partial. |
|
|
29
|
+
| onLoad | `OnLoadCallback` | No | — | Callback when partial content is loaded. |
|
|
30
|
+
| onRender | `(commonComponent: any) => void` | No | — | Callback when partial content is rendered. |
|
|
31
|
+
|
|
32
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPicture
|
|
3
|
+
category: basic
|
|
4
|
+
import: components/basic/picture
|
|
5
|
+
tags: [basic, picture]
|
|
6
|
+
summary: Picture display widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPicture
|
|
11
|
+
|
|
12
|
+
Picture display widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPicture
|
|
18
|
+
name="picture"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| picturesource | `string` | Yes | — | The URL of the image source. |
|
|
27
|
+
| imgSource | `string` | No | — | — |
|
|
28
|
+
| variant | `VariantType` | No | `"default:rounded"` | The variant of the picture. |
|
|
29
|
+
| pictureplaceholder | `string` | No | — | The URL of the placeholder image to show while loading or if source fails. |
|
|
30
|
+
| alttext | `string` | No | — | The alternative text for the image. |
|
|
31
|
+
| encodeurl | `boolean` | No | — | If true, the image source URL will be encoded. |
|
|
32
|
+
| pictureaspect | `"None" \| "H" \| "V" \| "Both"` | No | — | The aspect ratio of the picture. |
|
|
33
|
+
| shape | `string` | No | — | The shape of the picture (e.g., 'circle', 'rounded'). |
|
|
34
|
+
| resizemode | `string` | No | — | The resize mode for the image (e.g., 'cover', 'contain'). |
|
|
35
|
+
| id | `string` | No | — | The unique ID for the picture element. |
|
|
36
|
+
| height | `string` | No | — | — |
|
|
37
|
+
| width | `string` | No | — | — |
|
|
38
|
+
| onLoad | `(event: SyntheticEvent<HTMLImageElement, Event>, widget: WmPictureProps) => void` | No | — | Callback fired when the image successfully loadsocal. |
|
|
39
|
+
|
|
40
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
41
|
+
|
|
42
|
+
## CSS Tokens
|
|
43
|
+
|
|
44
|
+
Component-specific CSS variables: `--wm-picture-*`
|
|
45
|
+
|
|
46
|
+
See foundation-css: `src/tokens/web/components/picture/picture.json`
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPopover
|
|
3
|
+
category: navigation
|
|
4
|
+
import: components/navigation/popover
|
|
5
|
+
tags: [navigation, popover]
|
|
6
|
+
summary: Popover navigation widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPopover
|
|
11
|
+
|
|
12
|
+
Popover navigation widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPopover
|
|
18
|
+
name="popover"
|
|
19
|
+
title="My Panel"
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| content | `string` | No | — | — |
|
|
28
|
+
| contentsource | `ContentSourceType` | No | `partial` | — |
|
|
29
|
+
| interaction | `InteractionType` | No | `click` | — |
|
|
30
|
+
| popoverplacement | `PopoverPlacementType` | No | `bottom` | — |
|
|
31
|
+
| popoverarrow | `boolean \| string` | Yes | `true` | — |
|
|
32
|
+
| popoverheight | `string` | Yes | `360px` | — |
|
|
33
|
+
| popoverwidth | `string` | Yes | `240px` | — |
|
|
34
|
+
| title | `string` | No | — | — |
|
|
35
|
+
| adaptiveposition | `boolean` | No | — | — |
|
|
36
|
+
| autoclose | `AutoCloseType` | No | `outsideClick` | — |
|
|
37
|
+
| contentanimation | `string` | No | — | — |
|
|
38
|
+
| onLoad | `(widget: WmPopoverProps) => void \| Function` | No | — | — |
|
|
39
|
+
| onShow | `(event: Event, widget: WmPopoverProps) => void` | No | — | — |
|
|
40
|
+
| onHide | `(event: Event, widget: WmPopoverProps) => void` | No | — | — |
|
|
41
|
+
| render | `(props: WmPopoverProps, onLoad: () => void) => ReactNode` | No | — | — |
|
|
42
|
+
| disabled | `boolean` | No | — | — |
|
|
43
|
+
| isOpen | `boolean` | No | — | — |
|
|
44
|
+
|
|
45
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
46
|
+
|
|
47
|
+
## CSS Tokens
|
|
48
|
+
|
|
49
|
+
Component-specific CSS variables: `--wm-popover-*`
|
|
50
|
+
|
|
51
|
+
See foundation-css: `src/tokens/web/components/popover/popover.json`
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPrefabContainer
|
|
3
|
+
category: prefab
|
|
4
|
+
import: components/prefab/container
|
|
5
|
+
tags: [prefab, container]
|
|
6
|
+
summary: Prefab Container widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPrefabContainer
|
|
11
|
+
|
|
12
|
+
Prefab Container widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPrefabContainer
|
|
18
|
+
name="prefabContainer"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| onLoad | `OnLoadCallback` | No | — | Callback when the container is loaded. |
|
|
27
|
+
| onDestroy | `OnDestroyCallback` | No | — | Callback when the container is destroyed. |
|
|
28
|
+
|
|
29
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmPrefab
|
|
3
|
+
category: prefab
|
|
4
|
+
import: components/prefab
|
|
5
|
+
tags: [prefab]
|
|
6
|
+
summary: Prefab widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmPrefab
|
|
11
|
+
|
|
12
|
+
Prefab widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmPrefab
|
|
18
|
+
name="prefab"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| onLoad | `(event: SyntheticEvent, data: any) => void` | No | — | — |
|
|
27
|
+
| onDestroy | `(event: SyntheticEvent, data: any) => void` | No | — | — |
|
|
28
|
+
| onRender | `(event: SyntheticEvent, data: any) => void` | No | — | — |
|
|
29
|
+
| children | `ReactNode` | No | — | — |
|
|
30
|
+
| show | `boolean` | No | — | — |
|
|
31
|
+
| width | `number \| string` | No | — | — |
|
|
32
|
+
| height | `string` | No | — | — |
|
|
33
|
+
| styles | `CSSProperties` | No | — | — |
|
|
34
|
+
|
|
35
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmProgressBar
|
|
3
|
+
category: basic
|
|
4
|
+
import: components/basic/progress-bar
|
|
5
|
+
tags: [basic, progress, bar]
|
|
6
|
+
summary: Progress Bar display widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmProgressBar
|
|
11
|
+
|
|
12
|
+
Progress Bar display widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmProgressBar
|
|
18
|
+
name="progressBar"
|
|
19
|
+
/>
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Props
|
|
23
|
+
|
|
24
|
+
| Prop | Type | Req | Default | Description |
|
|
25
|
+
|------|------|-----|---------|-------------|
|
|
26
|
+
| type | `ProgressBarType` | No | `"default"` | The type of progress bar. |
|
|
27
|
+
| displayformat | `string` | No | — | The display format for the progress value (e.g., as a percentage). |
|
|
28
|
+
| minvalue | `number` | No | `0` | The minimum value of the progress bar. |
|
|
29
|
+
| maxvalue | `number` | No | `100` | The maximum value of the progress bar. |
|
|
30
|
+
| captionplacement | `CaptionPlacement` | No | — | Where to place the caption (e.g., 'inside', 'hidden'). |
|
|
31
|
+
| id | `string` | No | — | — |
|
|
32
|
+
| onStart | `( event: MouseEvent<HTMLDivElement, MouseEvent>, widget: WmProgressBarProps )...` | No | — | Callback fired when progress starts. |
|
|
33
|
+
| onComplete | `( event: MouseEvent<HTMLDivElement, MouseEvent>, widget: WmProgressBarProps )...` | No | — | Callback fired when progress completes. |
|
|
34
|
+
| onBeforeupdate | `( event: MouseEvent<HTMLDivElement, MouseEvent>, widget: WmProgressBarProps )...` | No | — | Callback fired before progress updates. |
|
|
35
|
+
|
|
36
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
37
|
+
|
|
38
|
+
## CSS Tokens
|
|
39
|
+
|
|
40
|
+
Component-specific CSS variables: `--wm-progress-bar-*`
|
|
41
|
+
|
|
42
|
+
See foundation-css: `src/tokens/web/components/progress-bar/progress-bar.json`
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmProgressCircle
|
|
3
|
+
category: basic
|
|
4
|
+
import: components/basic/progress-circle
|
|
5
|
+
tags: [basic, progress, circle]
|
|
6
|
+
summary: Progress Circle display widget.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmProgressCircle
|
|
11
|
+
|
|
12
|
+
Progress Circle display widget.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmProgressCircle
|
|
18
|
+
name="progressCircle"
|
|
19
|
+
title="My Panel"
|
|
20
|
+
/>
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Props
|
|
24
|
+
|
|
25
|
+
| Prop | Type | Req | Default | Description |
|
|
26
|
+
|------|------|-----|---------|-------------|
|
|
27
|
+
| minvalue | `number` | No | `0` | The minimum value of the progress circle. |
|
|
28
|
+
| maxvalue | `number` | No | `100` | The maximum value of the progress circle. |
|
|
29
|
+
| type | `"default" \| "success" \| "info" \| "warning" \| "danger"` | No | `"default"` | The type of progress circle, affecting its color. |
|
|
30
|
+
| displayformat | `string` | No | — | The display format for the progress value. |
|
|
31
|
+
| captionplacement | `"hidden" \| "inside"` | No | — | Where to place the caption (e.g., 'inside', 'hidden'). |
|
|
32
|
+
| title | `string` | No | — | The title to display within or near the progress circle. |
|
|
33
|
+
| subtitle | `string` | No | — | The subtitle to display. |
|
|
34
|
+
| onBeforerender | `(listener: any, widget: Record<string, any>) => void` | No | — | Callback fired before the progress circle is rendered. |
|
|
35
|
+
| id | `string` | No | — | — |
|
|
36
|
+
| strokeWidth | `number` | No | `5` | The width of the circle's stroke. |
|
|
37
|
+
| radius | `number` | No | `45` | The radius of the progress circle. |
|
|
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-progress-circle-*`
|
|
44
|
+
|
|
45
|
+
See foundation-css: `src/tokens/web/components/progress-circle/progress-circle.json`
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
---
|
|
2
|
+
component: WmRadioset
|
|
3
|
+
category: input
|
|
4
|
+
import: components/input/default/radioset
|
|
5
|
+
tags: [input, radioset, data-binding, collapsible, dropdown, form-field]
|
|
6
|
+
summary: Radioset — dropdown input field bound to a dataset.
|
|
7
|
+
generated: true
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
# WmRadioset
|
|
11
|
+
|
|
12
|
+
Radioset — dropdown input field bound to a dataset.
|
|
13
|
+
|
|
14
|
+
## Usage
|
|
15
|
+
|
|
16
|
+
```jsx
|
|
17
|
+
<WmRadioset
|
|
18
|
+
name="radioset"
|
|
19
|
+
dataset={items}
|
|
20
|
+
displayfield="label"
|
|
21
|
+
/>
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## Props
|
|
25
|
+
|
|
26
|
+
| Prop | Type | Req | Default | Description |
|
|
27
|
+
|------|------|-----|---------|-------------|
|
|
28
|
+
| collapsible | `boolean` | No | — | Whether the radioset group is collapsible. |
|
|
29
|
+
| compareby | `string[]` | No | — | Fields used for comparing values. |
|
|
30
|
+
| datafield | `string` | No | — | The field from the dataset to use as the data value. |
|
|
31
|
+
| dataset | `unknown[] \| string` | No | — | The data source bound to the radioset. |
|
|
32
|
+
| datavalue | `string \| number` | No | — | The currently selected data value. |
|
|
33
|
+
| disabled | `boolean` | No | — | Whether the radioset is disabled. |
|
|
34
|
+
| getDisplayExpression | `(data: Record<string, unknown>, index?: number) => string` | No | — | Custom function to compute the display text for each item. |
|
|
35
|
+
| displayfield | `string` | No | — | The field from the dataset to display as the label. |
|
|
36
|
+
| displayValue | `string` | No | — | Formatted display value. |
|
|
37
|
+
| groupby | `string` | No | — | The field to group items by. |
|
|
38
|
+
| itemclass | `string` | No | — | CSS class applied to each item. |
|
|
39
|
+
| itemsperrow | `string` | No | — | Number of items per row. |
|
|
40
|
+
| listclass | `string` | No | — | CSS class applied to the list container. |
|
|
41
|
+
| match | `string \| Record<string, unknown>` | No | — | Match mode for filtering. |
|
|
42
|
+
| name | `string` | Yes | — | The unique name of the radioset widget (required). |
|
|
43
|
+
| orderby | `string` | No | — | Field(s) to order items by. |
|
|
44
|
+
| readonly | `boolean` | No | — | Whether the radioset is read-only. |
|
|
45
|
+
| required | `boolean` | No | — | Whether a selection is required. |
|
|
46
|
+
| showcount | `boolean` | No | — | Whether to show the count of items. |
|
|
47
|
+
| usekeys | `boolean` | No | — | Whether to use keys as values. |
|
|
48
|
+
| datasetItems | `DatasetItem[]` | No | — | Transformed dataset items (injected by HOC). |
|
|
49
|
+
| selectedItems | `DatasetItem[]` | No | — | Currently selected items (injected by HOC). |
|
|
50
|
+
| validation | `Record<string, unknown>` | No | — | Validation configuration. |
|
|
51
|
+
| groupedData | `GroupedDataset[]` | No | — | Grouped dataset items. |
|
|
52
|
+
| handleHeaderClick | `(key: string) => void` | No | — | Callback invoked when a group header is clicked. |
|
|
53
|
+
| toggleAllHeaders | `() => void` | No | — | Callback to toggle all group headers. |
|
|
54
|
+
| isDestroyed | `boolean` | No | — | Whether the widget has been destroyed. |
|
|
55
|
+
| onblur | `(event?: FocusEvent<HTMLElement>) => void` | No | — | Callback invoked on blur (lowercase variant used by form controller). |
|
|
56
|
+
| fieldName | `string` | No | — | Field name used by the form controller. |
|
|
57
|
+
| onChange | `( event: ChangeEvent<HTMLInputElement>, widget: Record<string, unknown>, newV...` | No | — | Callback invoked when the radioset value changes. |
|
|
58
|
+
| tabindex | `number` | No | — | Tab index for keyboard navigation. |
|
|
59
|
+
|
|
60
|
+
*Inherits BaseProps: `name`, `show`, `className`, `width`, `height`, `padding`, `margin`, `onClick`, and more.*
|
|
61
|
+
|
|
62
|
+
## CSS Tokens
|
|
63
|
+
|
|
64
|
+
Component-specific CSS variables: `--wm-radioset-*`
|
|
65
|
+
|
|
66
|
+
See foundation-css: `src/tokens/web/components/radioset/radioset.json`
|