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

package/dist/generated/components.js

@@ -6,13 +6,10 @@ 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";
 import { NvDatagridcolumn as NvDatagridcolumnElement, defineCustomElement as defineNvDatagridcolumn } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridcolumn.js";
-import { NvDatagriddatacell as NvDatagriddatacellElement, defineCustomElement as defineNvDatagriddatacell } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagriddatacell.js";
-import { NvDatagridhead as NvDatagridheadElement, defineCustomElement as defineNvDatagridhead } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridhead.js";
-import { NvDatagridrow as NvDatagridrowElement, defineCustomElement as defineNvDatagridrow } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridrow.js";
 import { NvDialog as NvDialogElement, defineCustomElement as defineNvDialog } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialog.js";
 import { NvDialogfooter as NvDialogfooterElement, defineCustomElement as defineNvDialogfooter } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialogfooter.js";
 import { NvDialogheader as NvDialogheaderElement, defineCustomElement as defineNvDialogheader } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialogheader.js";
@@ -37,11 +34,7 @@ import { NvPopover as NvPopoverElement, defineCustomElement as defineNvPopover }
 import { NvRow as NvRowElement, defineCustomElement as defineNvRow } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
 import { NvStack as NvStackElement, defineCustomElement as defineNvStack } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
 import { NvTable as NvTableElement, defineCustomElement as defineNvTable } from "@nova-design-system/nova-webcomponents/dist/components/nv-table.js";
-import { NvTablebody as NvTablebodyElement, defineCustomElement as defineNvTablebody } from "@nova-design-system/nova-webcomponents/dist/components/nv-tablebody.js";
 import { NvTablecolumn as NvTablecolumnElement, defineCustomElement as defineNvTablecolumn } from "@nova-design-system/nova-webcomponents/dist/components/nv-tablecolumn.js";
-import { NvTabledatacell as NvTabledatacellElement, defineCustomElement as defineNvTabledatacell } from "@nova-design-system/nova-webcomponents/dist/components/nv-tabledatacell.js";
-import { NvTablehead as NvTableheadElement, defineCustomElement as defineNvTablehead } from "@nova-design-system/nova-webcomponents/dist/components/nv-tablehead.js";
-import { NvTablerow as NvTablerowElement, defineCustomElement as defineNvTablerow } from "@nova-design-system/nova-webcomponents/dist/components/nv-tablerow.js";
 import { NvToggle as NvToggleElement, defineCustomElement as defineNvToggle } from "@nova-design-system/nova-webcomponents/dist/components/nv-toggle.js";
 import { NvTooltip as NvTooltipElement, defineCustomElement as defineNvTooltip } from "@nova-design-system/nova-webcomponents/dist/components/nv-tooltip.js";
 import { createComponent } from '@stencil/react-output-target/runtime';
@@ -103,6 +96,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,
@@ -114,16 +117,9 @@ export const NvDatagrid = createComponent({
     tagName: 'nv-datagrid',
     elementClass: NvDatagridElement,
     react: React,
-    events: {},
+    events: { onAction: 'action' },
     defineCustomElement: defineNvDatagrid
 });
-export const NvDatagridbody = createComponent({
-    tagName: 'nv-datagridbody',
-    elementClass: NvDatagridbodyElement,
-    react: React,
-    events: {},
-    defineCustomElement: defineNvDatagridbody
-});
 export const NvDatagridcolumn = createComponent({
     tagName: 'nv-datagridcolumn',
     elementClass: NvDatagridcolumnElement,
@@ -131,27 +127,6 @@ export const NvDatagridcolumn = createComponent({
     events: {},
     defineCustomElement: defineNvDatagridcolumn
 });
-export const NvDatagriddatacell = createComponent({
-    tagName: 'nv-datagriddatacell',
-    elementClass: NvDatagriddatacellElement,
-    react: React,
-    events: {},
-    defineCustomElement: defineNvDatagriddatacell
-});
-export const NvDatagridhead = createComponent({
-    tagName: 'nv-datagridhead',
-    elementClass: NvDatagridheadElement,
-    react: React,
-    events: {},
-    defineCustomElement: defineNvDatagridhead
-});
-export const NvDatagridrow = createComponent({
-    tagName: 'nv-datagridrow',
-    elementClass: NvDatagridrowElement,
-    react: React,
-    events: {},
-    defineCustomElement: defineNvDatagridrow
-});
 export const NvDialog = createComponent({
     tagName: 'nv-dialog',
     elementClass: NvDialogElement,
@@ -165,7 +140,7 @@ export const NvDialogfooter = createComponent({
     react: React,
     events: {
         onNvDialogCanceled: 'nvDialogCanceled',
-        onNvDialogConfirmed: 'nvDialogConfirmed'
+        onNvDialogPrimaryClicked: 'nvDialogPrimaryClicked'
     },
     defineCustomElement: defineNvDialogfooter
 });
@@ -188,8 +163,8 @@ export const NvFielddropdown = createComponent({
     elementClass: NvFielddropdownElement,
     react: React,
     events: {
-        onDropdownItemSelected: 'dropdownItemSelected',
-        onValueChanged: 'valueChanged'
+        onValueChanged: 'valueChanged',
+        onDropdownItemSelected: 'dropdownItemSelected'
     },
     defineCustomElement: defineNvFielddropdown
 });
@@ -197,7 +172,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 +187,6 @@ export const NvFieldmultiselect = createComponent({
     elementClass: NvFieldmultiselectElement,
     react: React,
     events: {
-        onDropdownItemSelected: 'dropdownItemSelected',
         onValueChanged: 'valueChanged',
         onMultiselectChange: 'multiselectChange'
     },
@@ -327,16 +301,9 @@ export const NvTable = createComponent({
     tagName: 'nv-table',
     elementClass: NvTableElement,
     react: React,
-    events: {},
+    events: { onAction: 'action' },
     defineCustomElement: defineNvTable
 });
-export const NvTablebody = createComponent({
-    tagName: 'nv-tablebody',
-    elementClass: NvTablebodyElement,
-    react: React,
-    events: {},
-    defineCustomElement: defineNvTablebody
-});
 export const NvTablecolumn = createComponent({
     tagName: 'nv-tablecolumn',
     elementClass: NvTablecolumnElement,
@@ -344,27 +311,6 @@ export const NvTablecolumn = createComponent({
     events: {},
     defineCustomElement: defineNvTablecolumn
 });
-export const NvTabledatacell = createComponent({
-    tagName: 'nv-tabledatacell',
-    elementClass: NvTabledatacellElement,
-    react: React,
-    events: {},
-    defineCustomElement: defineNvTabledatacell
-});
-export const NvTablehead = createComponent({
-    tagName: 'nv-tablehead',
-    elementClass: NvTableheadElement,
-    react: React,
-    events: {},
-    defineCustomElement: defineNvTablehead
-});
-export const NvTablerow = createComponent({
-    tagName: 'nv-tablerow',
-    elementClass: NvTablerowElement,
-    react: React,
-    events: {},
-    defineCustomElement: defineNvTablerow
-});
 export const NvToggle = createComponent({
     tagName: 'nv-toggle',
     elementClass: NvToggleElement,

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 ActionEvent, type DateRange, type MenuitemSelectedEventDetail, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvFielddropdownCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvTableCustomEvent } 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,13 +6,10 @@ 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";
 import { NvDatagridcolumn as NvDatagridcolumnElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridcolumn.js";
-import { NvDatagriddatacell as NvDatagriddatacellElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagriddatacell.js";
-import { NvDatagridhead as NvDatagridheadElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridhead.js";
-import { NvDatagridrow as NvDatagridrowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridrow.js";
 import { NvDialog as NvDialogElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialog.js";
 import { NvDialogfooter as NvDialogfooterElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialogfooter.js";
 import { NvDialogheader as NvDialogheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-dialogheader.js";
@@ -37,11 +34,7 @@ import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcompo
 import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
 import { NvStack as NvStackElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
 import { NvTable as NvTableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-table.js";
-import { NvTablebody as NvTablebodyElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tablebody.js";
 import { NvTablecolumn as NvTablecolumnElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tablecolumn.js";
-import { NvTabledatacell as NvTabledatacellElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tabledatacell.js";
-import { NvTablehead as NvTableheadElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tablehead.js";
-import { NvTablerow as NvTablerowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tablerow.js";
 import { NvToggle as NvToggleElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-toggle.js";
 import { NvTooltip as NvTooltipElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tooltip.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
@@ -67,27 +60,26 @@ 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>;
+type NvDatagridEvents = {
+    onAction: EventName<NvDatagridCustomEvent<ActionEvent>>;
+};
 export declare const NvDatagrid: StencilReactComponent<NvDatagridElement, NvDatagridEvents>;
-type NvDatagridbodyEvents = NonNullable<unknown>;
-export declare const NvDatagridbody: StencilReactComponent<NvDatagridbodyElement, NvDatagridbodyEvents>;
 type NvDatagridcolumnEvents = NonNullable<unknown>;
 export declare const NvDatagridcolumn: StencilReactComponent<NvDatagridcolumnElement, NvDatagridcolumnEvents>;
-type NvDatagriddatacellEvents = NonNullable<unknown>;
-export declare const NvDatagriddatacell: StencilReactComponent<NvDatagriddatacellElement, NvDatagriddatacellEvents>;
-type NvDatagridheadEvents = NonNullable<unknown>;
-export declare const NvDatagridhead: StencilReactComponent<NvDatagridheadElement, NvDatagridheadEvents>;
-type NvDatagridrowEvents = NonNullable<unknown>;
-export declare const NvDatagridrow: StencilReactComponent<NvDatagridrowElement, NvDatagridrowEvents>;
 type NvDialogEvents = {
     onClose: EventName<CustomEvent<void>>;
 };
 export declare const NvDialog: StencilReactComponent<NvDialogElement, NvDialogEvents>;
 type NvDialogfooterEvents = {
     onNvDialogCanceled: EventName<CustomEvent<void>>;
-    onNvDialogConfirmed: EventName<CustomEvent<void>>;
+    onNvDialogPrimaryClicked: EventName<CustomEvent<void>>;
 };
 export declare const NvDialogfooter: StencilReactComponent<NvDialogfooterElement, NvDialogfooterEvents>;
 type NvDialogheaderEvents = NonNullable<unknown>;
@@ -97,12 +89,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 +111,6 @@ type NvFielddropdownitemcheckEvents = {
 };
 export declare const NvFielddropdownitemcheck: StencilReactComponent<NvFielddropdownitemcheckElement, NvFielddropdownitemcheckEvents>;
 type NvFieldmultiselectEvents = {
-    onDropdownItemSelected: EventName<NvFieldmultiselectCustomEvent<DropdownItemSelectedEventDetail>>;
     onValueChanged: EventName<CustomEvent<string>>;
     onMultiselectChange: EventName<CustomEvent<string[]>>;
 };
@@ -169,18 +165,12 @@ type NvRowEvents = NonNullable<unknown>;
 export declare const NvRow: StencilReactComponent<NvRowElement, NvRowEvents>;
 type NvStackEvents = NonNullable<unknown>;
 export declare const NvStack: StencilReactComponent<NvStackElement, NvStackEvents>;
-type NvTableEvents = NonNullable<unknown>;
+type NvTableEvents = {
+    onAction: EventName<NvTableCustomEvent<ActionEvent>>;
+};
 export declare const NvTable: StencilReactComponent<NvTableElement, NvTableEvents>;
-type NvTablebodyEvents = NonNullable<unknown>;
-export declare const NvTablebody: StencilReactComponent<NvTablebodyElement, NvTablebodyEvents>;
 type NvTablecolumnEvents = NonNullable<unknown>;
 export declare const NvTablecolumn: StencilReactComponent<NvTablecolumnElement, NvTablecolumnEvents>;
-type NvTabledatacellEvents = NonNullable<unknown>;
-export declare const NvTabledatacell: StencilReactComponent<NvTabledatacellElement, NvTabledatacellEvents>;
-type NvTableheadEvents = NonNullable<unknown>;
-export declare const NvTablehead: StencilReactComponent<NvTableheadElement, NvTableheadEvents>;
-type NvTablerowEvents = NonNullable<unknown>;
-export declare const NvTablerow: StencilReactComponent<NvTablerowElement, NvTablerowEvents>;
 type NvToggleEvents = {
     onCheckedChanged: EventName<CustomEvent<boolean>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.0.0-beta.38",
+  "version": "3.0.0-beta.40",
   "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",