@nova-design-system/nova-react 3.0.0-beta.38 → 3.0.0-beta.39

package/dist/generated/components.js

@@ -6,6 +6,7 @@ import { NvBase as NvBaseElement, defineCustomElement as defineNvBase } from "@n
 import { NvBreadcrumb as NvBreadcrumbElement, defineCustomElement as defineNvBreadcrumb } from "@nova-design-system/nova-webcomponents/dist/components/nv-breadcrumb.js";
 import { NvBreadcrumbs as NvBreadcrumbsElement, defineCustomElement as defineNvBreadcrumbs } from "@nova-design-system/nova-webcomponents/dist/components/nv-breadcrumbs.js";
 import { NvButton as NvButtonElement, defineCustomElement as defineNvButton } from "@nova-design-system/nova-webcomponents/dist/components/nv-button.js";
+import { NvCalendar as NvCalendarElement, defineCustomElement as defineNvCalendar } from "@nova-design-system/nova-webcomponents/dist/components/nv-calendar.js";
 import { NvCol as NvColElement, defineCustomElement as defineNvCol } from "@nova-design-system/nova-webcomponents/dist/components/nv-col.js";
 import { NvDatagrid as NvDatagridElement, defineCustomElement as defineNvDatagrid } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagrid.js";
 import { NvDatagridbody as NvDatagridbodyElement, defineCustomElement as defineNvDatagridbody } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridbody.js";
@@ -103,6 +104,16 @@ export const NvButton = createComponent({
     events: {},
     defineCustomElement: defineNvButton
 });
+export const NvCalendar = createComponent({
+    tagName: 'nv-calendar',
+    elementClass: NvCalendarElement,
+    react: React,
+    events: {
+        onSingleDateChange: 'singleDateChange',
+        onRangeDateChange: 'rangeDateChange'
+    },
+    defineCustomElement: defineNvCalendar
+});
 export const NvCol = createComponent({
     tagName: 'nv-col',
     elementClass: NvColElement,
@@ -188,8 +199,8 @@ export const NvFielddropdown = createComponent({
     elementClass: NvFielddropdownElement,
     react: React,
     events: {
-        onDropdownItemSelected: 'dropdownItemSelected',
-        onValueChanged: 'valueChanged'
+        onValueChanged: 'valueChanged',
+        onDropdownItemSelected: 'dropdownItemSelected'
     },
     defineCustomElement: defineNvFielddropdown
 });
@@ -197,7 +208,7 @@ export const NvFielddropdownitem = createComponent({
     tagName: 'nv-fielddropdownitem',
     elementClass: NvFielddropdownitemElement,
     react: React,
-    events: { onItemSelected: 'itemSelected' },
+    events: { onDropdownItemSelected: 'dropdownItemSelected' },
     defineCustomElement: defineNvFielddropdownitem
 });
 export const NvFielddropdownitemcheck = createComponent({
@@ -212,7 +223,6 @@ export const NvFieldmultiselect = createComponent({
     elementClass: NvFieldmultiselectElement,
     react: React,
     events: {
-        onDropdownItemSelected: 'dropdownItemSelected',
         onValueChanged: 'valueChanged',
         onMultiselectChange: 'multiselectChange'
     },

package/dist/types/generated/components.d.ts

@@ -1,4 +1,4 @@
-import { type DropdownItemSelectedEventDetail, type MenuitemSelectedEventDetail, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFieldmultiselectCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent } from "@nova-design-system/nova-webcomponents";
+import { type DateRange, type MenuitemSelectedEventDetail, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvFielddropdownCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent } from "@nova-design-system/nova-webcomponents";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
 import { NvAvatar as NvAvatarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-avatar.js";
 import { NvBadge as NvBadgeElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-badge.js";
@@ -6,6 +6,7 @@ import { NvBase as NvBaseElement } from "@nova-design-system/nova-webcomponents/
 import { NvBreadcrumb as NvBreadcrumbElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-breadcrumb.js";
 import { NvBreadcrumbs as NvBreadcrumbsElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-breadcrumbs.js";
 import { NvButton as NvButtonElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-button.js";
+import { NvCalendar as NvCalendarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-calendar.js";
 import { NvCol as NvColElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-col.js";
 import { NvDatagrid as NvDatagridElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagrid.js";
 import { NvDatagridbody as NvDatagridbodyElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridbody.js";
@@ -67,6 +68,11 @@ type NvBreadcrumbsEvents = NonNullable<unknown>;
 export declare const NvBreadcrumbs: StencilReactComponent<NvBreadcrumbsElement, NvBreadcrumbsEvents>;
 type NvButtonEvents = NonNullable<unknown>;
 export declare const NvButton: StencilReactComponent<NvButtonElement, NvButtonEvents>;
+type NvCalendarEvents = {
+    onSingleDateChange: EventName<CustomEvent<string>>;
+    onRangeDateChange: EventName<NvCalendarCustomEvent<DateRange>>;
+};
+export declare const NvCalendar: StencilReactComponent<NvCalendarElement, NvCalendarEvents>;
 type NvColEvents = NonNullable<unknown>;
 export declare const NvCol: StencilReactComponent<NvColElement, NvColEvents>;
 type NvDatagridEvents = NonNullable<unknown>;
@@ -97,12 +103,17 @@ type NvFieldcheckboxEvents = {
 };
 export declare const NvFieldcheckbox: StencilReactComponent<NvFieldcheckboxElement, NvFieldcheckboxEvents>;
 type NvFielddropdownEvents = {
-    onDropdownItemSelected: EventName<NvFielddropdownCustomEvent<DropdownItemSelectedEventDetail>>;
     onValueChanged: EventName<CustomEvent<string>>;
+    onDropdownItemSelected: EventName<NvFielddropdownCustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>>;
 };
 export declare const NvFielddropdown: StencilReactComponent<NvFielddropdownElement, NvFielddropdownEvents>;
 type NvFielddropdownitemEvents = {
-    onItemSelected: EventName<NvFielddropdownitemCustomEvent<DropdownItemSelectedEventDetail>>;
+    onDropdownItemSelected: EventName<CustomEvent<{
+        label?: string;
+        value: string;
+        selected: boolean;
+        disabled: boolean;
+    }>>;
 };
 export declare const NvFielddropdownitem: StencilReactComponent<NvFielddropdownitemElement, NvFielddropdownitemEvents>;
 type NvFielddropdownitemcheckEvents = {
@@ -114,7 +125,6 @@ type NvFielddropdownitemcheckEvents = {
 };
 export declare const NvFielddropdownitemcheck: StencilReactComponent<NvFielddropdownitemcheckElement, NvFielddropdownitemcheckEvents>;
 type NvFieldmultiselectEvents = {
-    onDropdownItemSelected: EventName<NvFieldmultiselectCustomEvent<DropdownItemSelectedEventDetail>>;
     onValueChanged: EventName<CustomEvent<string>>;
     onMultiselectChange: EventName<CustomEvent<string[]>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.0.0-beta.38",
+  "version": "3.0.0-beta.39",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",