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.
Files changed (115) hide show
  1. package/README.md +75 -51
  2. package/dist/index.js +131 -180
  3. package/dist/index.js.map +1 -1
  4. package/dist/layout-tools.d.ts +27 -3
  5. package/dist/layout-tools.d.ts.map +1 -1
  6. package/dist/layout-tools.js +85 -32
  7. package/dist/layout-tools.js.map +1 -1
  8. package/dist/skills/loader.d.ts +36 -0
  9. package/dist/skills/loader.d.ts.map +1 -0
  10. package/dist/skills/loader.js +107 -0
  11. package/dist/skills/loader.js.map +1 -0
  12. package/package.json +8 -4
  13. package/skills/components/wm-accordion-pane.md +44 -0
  14. package/skills/components/wm-accordion.md +43 -0
  15. package/skills/components/wm-alert-dialog.md +42 -0
  16. package/skills/components/wm-anchor.md +51 -0
  17. package/skills/components/wm-audio.md +41 -0
  18. package/skills/components/wm-button-group.md +36 -0
  19. package/skills/components/wm-button.md +114 -0
  20. package/skills/components/wm-calendar.md +54 -0
  21. package/skills/components/wm-card.md +60 -0
  22. package/skills/components/wm-carousel.md +43 -0
  23. package/skills/components/wm-chart.md +104 -0
  24. package/skills/components/wm-checkbox.md +52 -0
  25. package/skills/components/wm-checkboxset.md +75 -0
  26. package/skills/components/wm-chips.md +78 -0
  27. package/skills/components/wm-composite.md +30 -0
  28. package/skills/components/wm-confirm-dialog.md +43 -0
  29. package/skills/components/wm-container.md +100 -0
  30. package/skills/components/wm-currency.md +69 -0
  31. package/skills/components/wm-datatable.md +146 -0
  32. package/skills/components/wm-date-time.md +80 -0
  33. package/skills/components/wm-date.md +78 -0
  34. package/skills/components/wm-dialog-body.md +28 -0
  35. package/skills/components/wm-dialog-container.md +48 -0
  36. package/skills/components/wm-dialog-content.md +31 -0
  37. package/skills/components/wm-dialog-footer.md +28 -0
  38. package/skills/components/wm-dialog-header.md +43 -0
  39. package/skills/components/wm-dialog.md +40 -0
  40. package/skills/components/wm-file-upload.md +58 -0
  41. package/skills/components/wm-footer.md +31 -0
  42. package/skills/components/wm-form-field.md +81 -0
  43. package/skills/components/wm-form.md +58 -0
  44. package/skills/components/wm-grid-column.md +30 -0
  45. package/skills/components/wm-header.md +31 -0
  46. package/skills/components/wm-html.md +31 -0
  47. package/skills/components/wm-icon.md +40 -0
  48. package/skills/components/wm-iframe-dialog.md +52 -0
  49. package/skills/components/wm-iframe.md +35 -0
  50. package/skills/components/wm-label.md +45 -0
  51. package/skills/components/wm-left-nav.md +35 -0
  52. package/skills/components/wm-linear-layout-item.md +28 -0
  53. package/skills/components/wm-linear-layout.md +92 -0
  54. package/skills/components/wm-list.md +92 -0
  55. package/skills/components/wm-live-filter.md +50 -0
  56. package/skills/components/wm-live-form.md +35 -0
  57. package/skills/components/wm-login-dialog.md +50 -0
  58. package/skills/components/wm-login.md +39 -0
  59. package/skills/components/wm-marquee.md +31 -0
  60. package/skills/components/wm-menu.md +71 -0
  61. package/skills/components/wm-message.md +41 -0
  62. package/skills/components/wm-nav-item.md +28 -0
  63. package/skills/components/wm-nav.md +61 -0
  64. package/skills/components/wm-number.md +62 -0
  65. package/skills/components/wm-page-content.md +34 -0
  66. package/skills/components/wm-page-dialog.md +45 -0
  67. package/skills/components/wm-page-toast.md +34 -0
  68. package/skills/components/wm-page.md +34 -0
  69. package/skills/components/wm-pagination.md +62 -0
  70. package/skills/components/wm-panel.md +69 -0
  71. package/skills/components/wm-partial-container.md +32 -0
  72. package/skills/components/wm-picture.md +46 -0
  73. package/skills/components/wm-popover.md +51 -0
  74. package/skills/components/wm-prefab-container.md +29 -0
  75. package/skills/components/wm-prefab.md +35 -0
  76. package/skills/components/wm-progress-bar.md +42 -0
  77. package/skills/components/wm-progress-circle.md +45 -0
  78. package/skills/components/wm-radioset.md +66 -0
  79. package/skills/components/wm-rating.md +76 -0
  80. package/skills/components/wm-rich-text-editor.md +36 -0
  81. package/skills/components/wm-right-nav.md +32 -0
  82. package/skills/components/wm-search.md +66 -0
  83. package/skills/components/wm-select.md +129 -0
  84. package/skills/components/wm-slider.md +53 -0
  85. package/skills/components/wm-spinner.md +43 -0
  86. package/skills/components/wm-tab-pane.md +45 -0
  87. package/skills/components/wm-table.md +113 -0
  88. package/skills/components/wm-tabs.md +48 -0
  89. package/skills/components/wm-text.md +65 -0
  90. package/skills/components/wm-textarea.md +47 -0
  91. package/skills/components/wm-tile.md +34 -0
  92. package/skills/components/wm-time.md +63 -0
  93. package/skills/components/wm-top-nav.md +31 -0
  94. package/skills/components/wm-tree.md +41 -0
  95. package/skills/components/wm-upload.md +42 -0
  96. package/skills/components/wm-video.md +48 -0
  97. package/skills/components/wm-wizard.md +59 -0
  98. package/skills/index.json +1151 -0
  99. package/skills/tokens/border.md +85 -0
  100. package/skills/tokens/colors.md +97 -0
  101. package/skills/tokens/elevation.md +73 -0
  102. package/skills/tokens/spacing.md +89 -0
  103. package/skills/tokens/typography.md +88 -0
  104. package/dist/components.d.ts +0 -17
  105. package/dist/components.d.ts.map +0 -1
  106. package/dist/components.js +0 -67
  107. package/dist/components.js.map +0 -1
  108. package/dist/paths.d.ts +0 -43
  109. package/dist/paths.d.ts.map +0 -1
  110. package/dist/paths.js +0 -103
  111. package/dist/paths.js.map +0 -1
  112. package/dist/search.d.ts +0 -15
  113. package/dist/search.d.ts.map +0 -1
  114. package/dist/search.js +0 -130
  115. 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`