@nova-design-system/nova-react 3.0.0-beta.30 → 3.0.0-beta.33
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.
|
@@ -3,6 +3,8 @@ import { NvAlert as NvAlertElement, defineCustomElement as defineNvAlert } from
|
|
|
3
3
|
import { NvAvatar as NvAvatarElement, defineCustomElement as defineNvAvatar } from "@nova-design-system/nova-webcomponents/dist/components/nv-avatar.js";
|
|
4
4
|
import { NvBadge as NvBadgeElement, defineCustomElement as defineNvBadge } from "@nova-design-system/nova-webcomponents/dist/components/nv-badge.js";
|
|
5
5
|
import { NvBase as NvBaseElement, defineCustomElement as defineNvBase } from "@nova-design-system/nova-webcomponents/dist/components/nv-base.js";
|
|
6
|
+
import { NvBreadcrumb as NvBreadcrumbElement, defineCustomElement as defineNvBreadcrumb } from "@nova-design-system/nova-webcomponents/dist/components/nv-breadcrumb.js";
|
|
7
|
+
import { NvBreadcrumbs as NvBreadcrumbsElement, defineCustomElement as defineNvBreadcrumbs } from "@nova-design-system/nova-webcomponents/dist/components/nv-breadcrumbs.js";
|
|
6
8
|
import { NvButton as NvButtonElement, defineCustomElement as defineNvButton } from "@nova-design-system/nova-webcomponents/dist/components/nv-button.js";
|
|
7
9
|
import { NvCol as NvColElement, defineCustomElement as defineNvCol } from "@nova-design-system/nova-webcomponents/dist/components/nv-col.js";
|
|
8
10
|
import { NvDatagrid as NvDatagridElement, defineCustomElement as defineNvDatagrid } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagrid.js";
|
|
@@ -14,8 +16,6 @@ import { NvDatagridrow as NvDatagridrowElement, defineCustomElement as defineNvD
|
|
|
14
16
|
import { NvFieldcheckbox as NvFieldcheckboxElement, defineCustomElement as defineNvFieldcheckbox } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldcheckbox.js";
|
|
15
17
|
import { NvFielddropdown as NvFielddropdownElement, defineCustomElement as defineNvFielddropdown } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdown.js";
|
|
16
18
|
import { NvFielddropdownitem as NvFielddropdownitemElement, defineCustomElement as defineNvFielddropdownitem } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitem.js";
|
|
17
|
-
import { NvFielddropdownitemcheck as NvFielddropdownitemcheckElement, defineCustomElement as defineNvFielddropdownitemcheck } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitemcheck.js";
|
|
18
|
-
import { NvFieldmultiselect as NvFieldmultiselectElement, defineCustomElement as defineNvFieldmultiselect } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldmultiselect.js";
|
|
19
19
|
import { NvFieldnumber as NvFieldnumberElement, defineCustomElement as defineNvFieldnumber } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldnumber.js";
|
|
20
20
|
import { NvFieldpassword as NvFieldpasswordElement, defineCustomElement as defineNvFieldpassword } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldpassword.js";
|
|
21
21
|
import { NvFieldradio as NvFieldradioElement, defineCustomElement as defineNvFieldradio } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldradio.js";
|
|
@@ -76,6 +76,20 @@ export const NvBase = createComponent({
|
|
|
76
76
|
events: {},
|
|
77
77
|
defineCustomElement: defineNvBase
|
|
78
78
|
});
|
|
79
|
+
export const NvBreadcrumb = createComponent({
|
|
80
|
+
tagName: 'nv-breadcrumb',
|
|
81
|
+
elementClass: NvBreadcrumbElement,
|
|
82
|
+
react: React,
|
|
83
|
+
events: {},
|
|
84
|
+
defineCustomElement: defineNvBreadcrumb
|
|
85
|
+
});
|
|
86
|
+
export const NvBreadcrumbs = createComponent({
|
|
87
|
+
tagName: 'nv-breadcrumbs',
|
|
88
|
+
elementClass: NvBreadcrumbsElement,
|
|
89
|
+
react: React,
|
|
90
|
+
events: {},
|
|
91
|
+
defineCustomElement: defineNvBreadcrumbs
|
|
92
|
+
});
|
|
79
93
|
export const NvButton = createComponent({
|
|
80
94
|
tagName: 'nv-button',
|
|
81
95
|
elementClass: NvButtonElement,
|
|
@@ -156,24 +170,6 @@ export const NvFielddropdownitem = createComponent({
|
|
|
156
170
|
events: { onItemSelected: 'itemSelected' },
|
|
157
171
|
defineCustomElement: defineNvFielddropdownitem
|
|
158
172
|
});
|
|
159
|
-
export const NvFielddropdownitemcheck = createComponent({
|
|
160
|
-
tagName: 'nv-fielddropdownitemcheck',
|
|
161
|
-
elementClass: NvFielddropdownitemcheckElement,
|
|
162
|
-
react: React,
|
|
163
|
-
events: { onItemChecked: 'itemChecked' },
|
|
164
|
-
defineCustomElement: defineNvFielddropdownitemcheck
|
|
165
|
-
});
|
|
166
|
-
export const NvFieldmultiselect = createComponent({
|
|
167
|
-
tagName: 'nv-fieldmultiselect',
|
|
168
|
-
elementClass: NvFieldmultiselectElement,
|
|
169
|
-
react: React,
|
|
170
|
-
events: {
|
|
171
|
-
onDropdownItemSelected: 'dropdownItemSelected',
|
|
172
|
-
onValueChanged: 'valueChanged',
|
|
173
|
-
onMultiselectChange: 'multiselectChange'
|
|
174
|
-
},
|
|
175
|
-
defineCustomElement: defineNvFieldmultiselect
|
|
176
|
-
});
|
|
177
173
|
export const NvFieldnumber = createComponent({
|
|
178
174
|
tagName: 'nv-fieldnumber',
|
|
179
175
|
elementClass: NvFieldnumberElement,
|
|
@@ -255,7 +251,7 @@ export const NvMenuitem = createComponent({
|
|
|
255
251
|
tagName: 'nv-menuitem',
|
|
256
252
|
elementClass: NvMenuitemElement,
|
|
257
253
|
react: React,
|
|
258
|
-
events: {},
|
|
254
|
+
events: { onMenuitemSelected: 'menuitemSelected' },
|
|
259
255
|
defineCustomElement: defineNvMenuitem
|
|
260
256
|
});
|
|
261
257
|
export const NvPopover = createComponent({
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import { type DropdownItemSelectedEventDetail, type MenuitemSelectedEventDetail, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type
|
|
1
|
+
import { type DropdownItemSelectedEventDetail, type MenuitemSelectedEventDetail, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent } from "@nova-design-system/nova-webcomponents";
|
|
2
2
|
import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
|
|
3
3
|
import { NvAvatar as NvAvatarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-avatar.js";
|
|
4
4
|
import { NvBadge as NvBadgeElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-badge.js";
|
|
5
5
|
import { NvBase as NvBaseElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-base.js";
|
|
6
|
+
import { NvBreadcrumb as NvBreadcrumbElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-breadcrumb.js";
|
|
7
|
+
import { NvBreadcrumbs as NvBreadcrumbsElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-breadcrumbs.js";
|
|
6
8
|
import { NvButton as NvButtonElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-button.js";
|
|
7
9
|
import { NvCol as NvColElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-col.js";
|
|
8
10
|
import { NvDatagrid as NvDatagridElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagrid.js";
|
|
@@ -14,8 +16,6 @@ import { NvDatagridrow as NvDatagridrowElement } from "@nova-design-system/nova-
|
|
|
14
16
|
import { NvFieldcheckbox as NvFieldcheckboxElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldcheckbox.js";
|
|
15
17
|
import { NvFielddropdown as NvFielddropdownElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdown.js";
|
|
16
18
|
import { NvFielddropdownitem as NvFielddropdownitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitem.js";
|
|
17
|
-
import { NvFielddropdownitemcheck as NvFielddropdownitemcheckElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitemcheck.js";
|
|
18
|
-
import { NvFieldmultiselect as NvFieldmultiselectElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldmultiselect.js";
|
|
19
19
|
import { NvFieldnumber as NvFieldnumberElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldnumber.js";
|
|
20
20
|
import { NvFieldpassword as NvFieldpasswordElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldpassword.js";
|
|
21
21
|
import { NvFieldradio as NvFieldradioElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldradio.js";
|
|
@@ -55,6 +55,10 @@ type NvBadgeEvents = {
|
|
|
55
55
|
export declare const NvBadge: StencilReactComponent<NvBadgeElement, NvBadgeEvents>;
|
|
56
56
|
type NvBaseEvents = NonNullable<unknown>;
|
|
57
57
|
export declare const NvBase: StencilReactComponent<NvBaseElement, NvBaseEvents>;
|
|
58
|
+
type NvBreadcrumbEvents = NonNullable<unknown>;
|
|
59
|
+
export declare const NvBreadcrumb: StencilReactComponent<NvBreadcrumbElement, NvBreadcrumbEvents>;
|
|
60
|
+
type NvBreadcrumbsEvents = NonNullable<unknown>;
|
|
61
|
+
export declare const NvBreadcrumbs: StencilReactComponent<NvBreadcrumbsElement, NvBreadcrumbsEvents>;
|
|
58
62
|
type NvButtonEvents = NonNullable<unknown>;
|
|
59
63
|
export declare const NvButton: StencilReactComponent<NvButtonElement, NvButtonEvents>;
|
|
60
64
|
type NvColEvents = NonNullable<unknown>;
|
|
@@ -84,20 +88,6 @@ type NvFielddropdownitemEvents = {
|
|
|
84
88
|
onItemSelected: EventName<NvFielddropdownitemCustomEvent<DropdownItemSelectedEventDetail>>;
|
|
85
89
|
};
|
|
86
90
|
export declare const NvFielddropdownitem: StencilReactComponent<NvFielddropdownitemElement, NvFielddropdownitemEvents>;
|
|
87
|
-
type NvFielddropdownitemcheckEvents = {
|
|
88
|
-
onItemChecked: EventName<CustomEvent<{
|
|
89
|
-
value: string | undefined;
|
|
90
|
-
checked: boolean;
|
|
91
|
-
group?: string | undefined;
|
|
92
|
-
}>>;
|
|
93
|
-
};
|
|
94
|
-
export declare const NvFielddropdownitemcheck: StencilReactComponent<NvFielddropdownitemcheckElement, NvFielddropdownitemcheckEvents>;
|
|
95
|
-
type NvFieldmultiselectEvents = {
|
|
96
|
-
onDropdownItemSelected: EventName<NvFieldmultiselectCustomEvent<DropdownItemSelectedEventDetail>>;
|
|
97
|
-
onValueChanged: EventName<CustomEvent<string>>;
|
|
98
|
-
onMultiselectChange: EventName<CustomEvent<string[]>>;
|
|
99
|
-
};
|
|
100
|
-
export declare const NvFieldmultiselect: StencilReactComponent<NvFieldmultiselectElement, NvFieldmultiselectEvents>;
|
|
101
91
|
type NvFieldnumberEvents = {
|
|
102
92
|
onValueChanged: EventName<CustomEvent<number>>;
|
|
103
93
|
};
|
|
@@ -136,7 +126,9 @@ type NvMenuEvents = {
|
|
|
136
126
|
onMenuitemSelected: EventName<NvMenuCustomEvent<MenuitemSelectedEventDetail>>;
|
|
137
127
|
};
|
|
138
128
|
export declare const NvMenu: StencilReactComponent<NvMenuElement, NvMenuEvents>;
|
|
139
|
-
type NvMenuitemEvents =
|
|
129
|
+
type NvMenuitemEvents = {
|
|
130
|
+
onMenuitemSelected: EventName<NvMenuitemCustomEvent<MenuitemSelectedEventDetail>>;
|
|
131
|
+
};
|
|
140
132
|
export declare const NvMenuitem: StencilReactComponent<NvMenuitemElement, NvMenuitemEvents>;
|
|
141
133
|
type NvPopoverEvents = {
|
|
142
134
|
onOpenChanged: EventName<CustomEvent<boolean>>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nova-design-system/nova-react",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.33",
|
|
4
4
|
"description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
|
|
5
5
|
"author": "Elia Group",
|
|
6
6
|
"homepage": "https://nova.eliagroup.io",
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
"react-dom": "^18.3.1",
|
|
33
33
|
"@storybook/react": "8.4.7",
|
|
34
34
|
"@storybook/react-vite": "8.4.7",
|
|
35
|
+
"nova-utils": "*",
|
|
35
36
|
"nova-storybook-utils": "*",
|
|
36
37
|
"@nova-design-system/nova-webcomponents": "*"
|
|
37
38
|
},
|