@nova-design-system/nova-react 3.27.0 → 3.29.0

package/dist/components/NvDatatable/selectionState.test.js

@@ -0,0 +1,74 @@
+import { describe, expect, it } from 'vitest';
+import { applyRowSelection, applySelectAllSelection, shouldIgnoreSelectAllEvent, } from './selectionState';
+describe('selectionState', () => {
+    it('single row selection replaces existing selection', () => {
+        const selected = new Set(['1']);
+        const next = applyRowSelection({
+            currentSelectedIds: selected,
+            rowId: '2',
+            isChecked: true,
+            selectionMode: 'single',
+        });
+        expect(Array.from(next)).toEqual(['2']);
+    });
+    it('single row uncheck removes currently selected row', () => {
+        const selected = new Set(['2']);
+        const next = applyRowSelection({
+            currentSelectedIds: selected,
+            rowId: '2',
+            isChecked: false,
+            selectionMode: 'single',
+        });
+        expect(Array.from(next)).toEqual([]);
+    });
+    it('multiple row selection toggles add/remove correctly', () => {
+        const selected = new Set(['1']);
+        const afterAdd = applyRowSelection({
+            currentSelectedIds: selected,
+            rowId: '2',
+            isChecked: true,
+            selectionMode: 'multiple',
+        });
+        const afterRemove = applyRowSelection({
+            currentSelectedIds: afterAdd,
+            rowId: '1',
+            isChecked: false,
+            selectionMode: 'multiple',
+        });
+        expect(Array.from(afterAdd).sort((a, b) => a.localeCompare(b))).toEqual([
+            '1',
+            '2',
+        ]);
+        expect(Array.from(afterRemove)).toEqual(['2']);
+    });
+    it('ignores synthetic select-all events for checked/unchecked/indeterminate noise', () => {
+        expect(shouldIgnoreSelectAllEvent({
+            isChecked: true,
+            selectAllState: 'checked',
+        })).toBe(true);
+        expect(shouldIgnoreSelectAllEvent({
+            isChecked: false,
+            selectAllState: 'unchecked',
+        })).toBe(true);
+        expect(shouldIgnoreSelectAllEvent({
+            isChecked: false,
+            selectAllState: 'indeterminate',
+        })).toBe(true);
+    });
+    it('select-all then deselect-all clears visible rows', () => {
+        const selected = new Set(['1']);
+        const visibleRowIds = ['1', '2'];
+        const afterSelectAll = applySelectAllSelection({
+            currentSelectedIds: selected,
+            visibleRowIds,
+            isChecked: true,
+        });
+        const afterDeselectAll = applySelectAllSelection({
+            currentSelectedIds: afterSelectAll,
+            visibleRowIds,
+            isChecked: false,
+        });
+        expect(Array.from(afterSelectAll).sort((a, b) => a.localeCompare(b))).toEqual(['1', '2']);
+        expect(Array.from(afterDeselectAll)).toEqual([]);
+    });
+});

package/dist/generated/components.js

@@ -12,6 +12,8 @@ import { NvCalendar as NvCalendarElement, defineCustomElement as defineNvCalenda
 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 { NvDatagridcolumn as NvDatagridcolumnElement, defineCustomElement as defineNvDatagridcolumn } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridcolumn.js";
+import { NvDatetest as NvDatetestElement, defineCustomElement as defineNvDatetest } from "@nova-design-system/nova-webcomponents/dist/components/nv-datetest.js";
+import { NvDatetimetest as NvDatetimetestElement, defineCustomElement as defineNvDatetimetest } from "@nova-design-system/nova-webcomponents/dist/components/nv-datetimetest.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";
@@ -58,6 +60,7 @@ import { NvSplit as NvSplitElement, defineCustomElement as defineNvSplit } from
 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 { NvTableheader as NvTableheaderElement, defineCustomElement as defineNvTableheader } from "@nova-design-system/nova-webcomponents/dist/components/nv-tableheader.js";
+import { NvTimetest as NvTimetestElement, defineCustomElement as defineNvTimetest } from "@nova-design-system/nova-webcomponents/dist/components/nv-timetest.js";
 import { NvToggle as NvToggleElement, defineCustomElement as defineNvToggle } from "@nova-design-system/nova-webcomponents/dist/components/nv-toggle.js";
 import { NvTogglebutton as NvTogglebuttonElement, defineCustomElement as defineNvTogglebutton } from "@nova-design-system/nova-webcomponents/dist/components/nv-togglebutton.js";
 import { NvTogglebuttongroup as NvTogglebuttongroupElement, defineCustomElement as defineNvTogglebuttongroup } from "@nova-design-system/nova-webcomponents/dist/components/nv-togglebuttongroup.js";
@@ -171,6 +174,29 @@ export const NvDatagridcolumn = createComponent({
     events: {},
     defineCustomElement: defineNvDatagridcolumn
 });
+export const NvDatetest = createComponent({
+    tagName: 'nv-datetest',
+    elementClass: NvDatetestElement,
+    react: React,
+    events: {
+        onValueChanged: 'valueChanged',
+        onLastChanged: 'lastChanged',
+        onHistoryChanged: 'historyChanged',
+        onValueDateChanged: 'valueDateChanged'
+    },
+    defineCustomElement: defineNvDatetest
+});
+export const NvDatetimetest = createComponent({
+    tagName: 'nv-datetimetest',
+    elementClass: NvDatetimetestElement,
+    react: React,
+    events: {
+        onValueChanged: 'valueChanged',
+        onLastChanged: 'lastChanged',
+        onHistoryChanged: 'historyChanged'
+    },
+    defineCustomElement: defineNvDatetimetest
+});
 export const NvDialog = createComponent({
     tagName: 'nv-dialog',
     elementClass: NvDialogElement,
@@ -513,6 +539,18 @@ export const NvTableheader = createComponent({
     events: { onSortDirectionChanged: 'sortDirectionChanged' },
     defineCustomElement: defineNvTableheader
 });
+export const NvTimetest = createComponent({
+    tagName: 'nv-timetest',
+    elementClass: NvTimetestElement,
+    react: React,
+    events: {
+        onValueChanged: 'valueChanged',
+        onLastChanged: 'lastChanged',
+        onHistoryChanged: 'historyChanged',
+        onValueDateChanged: 'valueDateChanged'
+    },
+    defineCustomElement: defineNvTimetest
+});
 export const NvToggle = createComponent({
     tagName: 'nv-toggle',
     elementClass: NvToggleElement,

package/dist/generated/components.server.js

@@ -184,6 +184,20 @@ export const NvDatagridcolumn = createComponent({
     clientModule: clientComponents.NvDatagridcolumn,
     serializeShadowRoot
 });
+export const NvDatetest = createComponent({
+    tagName: 'nv-datetest',
+    properties: { lastChange: 'last-change' },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvDatetest,
+    serializeShadowRoot
+});
+export const NvDatetimetest = createComponent({
+    tagName: 'nv-datetimetest',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvDatetimetest,
+    serializeShadowRoot
+});
 export const NvDialog = createComponent({
     tagName: 'nv-dialog',
     properties: {
@@ -977,6 +991,13 @@ export const NvTableheader = createComponent({
     clientModule: clientComponents.NvTableheader,
     serializeShadowRoot
 });
+export const NvTimetest = createComponent({
+    tagName: 'nv-timetest',
+    properties: { lastChange: 'last-change' },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvTimetest,
+    serializeShadowRoot
+});
 export const NvToggle = createComponent({
     tagName: 'nv-toggle',
     properties: {

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NvDatatableProps } from './types';
-declare function NvDatatable<T>({ mode, columns, rows, pagination, sorting, filtering, renderPagination, renderFiltering, stickyHeader, ...htmlProps }: NvDatatableProps<T>): React.JSX.Element;
+declare function NvDatatable<T>({ mode, columns, rows, pagination, sorting, filtering, selection, renderPagination, renderFiltering, onRowClick, stickyHeader, ...htmlProps }: NvDatatableProps<T>): React.JSX.Element;
 declare namespace NvDatatable {
     var displayName: string;
 }

package/dist/types/components/NvDatatable/selectionState.d.ts

@@ -0,0 +1,21 @@
+import type { NvDatatableSelectionMode } from './types';
+export type NvDatatableSelectAllState = 'checked' | 'indeterminate' | 'unchecked';
+interface ApplyRowSelectionParams {
+    currentSelectedIds: Set<string>;
+    rowId: string;
+    isChecked: boolean;
+    selectionMode: NvDatatableSelectionMode;
+}
+interface ShouldIgnoreSelectAllEventParams {
+    isChecked: boolean;
+    selectAllState: NvDatatableSelectAllState;
+}
+interface ApplySelectAllSelectionParams {
+    currentSelectedIds: Set<string>;
+    visibleRowIds: string[];
+    isChecked: boolean;
+}
+export declare function applyRowSelection(params: ApplyRowSelectionParams): Set<string>;
+export declare function shouldIgnoreSelectAllEvent(params: ShouldIgnoreSelectAllEventParams): boolean;
+export declare function applySelectAllSelection(params: ApplySelectAllSelectionParams): Set<string>;
+export {};

package/dist/types/components/NvDatatable/selectionState.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -8,11 +8,33 @@ export type NvDatatableProps<T> = {
     pagination?: NvDatatablePaginationConfig;
     sorting?: NvDatatableSortingConfig;
     filtering?: NvDatatableFilteringConfig<T>;
+    selection?: NvDatatableSelectionConfigWithMode<T>;
+    onRowClick?: (args: NvDatatableRowClickEventArgs<T>) => void;
     renderPagination?: (api: NvDatatableRenderPaginationAPI) => React.ReactNode;
     renderFiltering?: (api: NvDatatableRenderFilteringAPI) => React.ReactNode;
     stickyHeader?: boolean;
     suppressHydrationWarning?: boolean;
 } & Pick<ComponentProps<'div'>, 'className' | 'style'>;
+export interface NvDatatableRowClickEventArgs<T> {
+    row: T;
+    rowIndex: number;
+}
+export type NvDatatableSelectionMode = 'none' | 'single' | 'multiple';
+export interface NvDatatableSelectionConfig<T> {
+    mode?: NvDatatableSelectionMode;
+    getRowId?: (row: T) => string;
+    selectedRowIds?: Set<string>;
+    onSelectionChange?: (selectedRowIds: Set<string>) => void;
+    enableSelectAll?: boolean;
+    deselectOnFilter?: boolean;
+    checkboxColumnWidth?: number;
+}
+export type NvDatatableSelectionConfigWithMode<T> = (NvDatatableSelectionConfig<T> & {
+    mode?: 'none';
+}) | (NvDatatableSelectionConfig<T> & {
+    mode: Exclude<NvDatatableSelectionMode, 'none'>;
+    getRowId: (row: T) => string;
+});
 export interface NvDatatableColumn<Row, K extends keyof Row = keyof Row, F = Row[K]> {
     field: K;
     headerName?: string;

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

@@ -1,4 +1,4 @@
-import { type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent } from "@nova-design-system/nova-webcomponents";
+import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
 import { NvAccordionItem as NvAccordionItemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion-item.js";
 import { NvAccordion as NvAccordionElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion.js";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
@@ -12,6 +12,8 @@ import { NvCalendar as NvCalendarElement } from "@nova-design-system/nova-webcom
 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 { NvDatagridcolumn as NvDatagridcolumnElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridcolumn.js";
+import { NvDatetest as NvDatetestElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datetest.js";
+import { NvDatetimetest as NvDatetimetestElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datetimetest.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";
@@ -58,6 +60,7 @@ import { NvSplit as NvSplitElement } from "@nova-design-system/nova-webcomponent
 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 { NvTableheader as NvTableheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tableheader.js";
+import { NvTimetest as NvTimetestElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-timetest.js";
 import { NvToggle as NvToggleElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-toggle.js";
 import { NvTogglebutton as NvTogglebuttonElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-togglebutton.js";
 import { NvTogglebuttongroup as NvTogglebuttongroupElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-togglebuttongroup.js";
@@ -122,6 +125,36 @@ export type NvDatagridEvents = {
 export declare const NvDatagrid: StencilReactComponent<NvDatagridElement, NvDatagridEvents>;
 export type NvDatagridcolumnEvents = NonNullable<unknown>;
 export declare const NvDatagridcolumn: StencilReactComponent<NvDatagridcolumnElement, NvDatagridcolumnEvents>;
+export type NvDatetestEvents = {
+    onValueChanged: EventName<NvDatetestCustomEvent<{
+        start?: DateOnly;
+        end?: DateOnly;
+    }>>;
+    onLastChanged: EventName<NvDatetestCustomEvent<{
+        date: DateOnly;
+    }>>;
+    onHistoryChanged: EventName<NvDatetestCustomEvent<{
+        dates: DateOnly[];
+    }>>;
+    onValueDateChanged: EventName<NvDatetestCustomEvent<{
+        start?: Date;
+        end?: Date;
+    }>>;
+};
+export declare const NvDatetest: StencilReactComponent<NvDatetestElement, NvDatetestEvents>;
+export type NvDatetimetestEvents = {
+    onValueChanged: EventName<NvDatetimetestCustomEvent<{
+        start?: Date;
+        end?: Date;
+    }>>;
+    onLastChanged: EventName<NvDatetimetestCustomEvent<{
+        date: Date;
+    }>>;
+    onHistoryChanged: EventName<NvDatetimetestCustomEvent<{
+        dates: Date[];
+    }>>;
+};
+export declare const NvDatetimetest: StencilReactComponent<NvDatetimetestElement, NvDatetimetestEvents>;
 export type NvDialogEvents = {
     onOpenChanged: EventName<NvDialogCustomEvent<boolean>>;
 };
@@ -290,6 +323,23 @@ export type NvTableheaderEvents = {
     onSortDirectionChanged: EventName<NvTableheaderCustomEvent<string>>;
 };
 export declare const NvTableheader: StencilReactComponent<NvTableheaderElement, NvTableheaderEvents>;
+export type NvTimetestEvents = {
+    onValueChanged: EventName<NvTimetestCustomEvent<{
+        start?: TimeOnly;
+        end?: TimeOnly;
+    }>>;
+    onLastChanged: EventName<NvTimetestCustomEvent<{
+        time: TimeOnly;
+    }>>;
+    onHistoryChanged: EventName<NvTimetestCustomEvent<{
+        times: TimeOnly[];
+    }>>;
+    onValueDateChanged: EventName<NvTimetestCustomEvent<{
+        start?: Date;
+        end?: Date;
+    }>>;
+};
+export declare const NvTimetest: StencilReactComponent<NvTimetestElement, NvTimetestEvents>;
 export type NvToggleEvents = {
     onCheckedChanged: EventName<NvToggleCustomEvent<boolean>>;
 };

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

@@ -1,4 +1,4 @@
-import { type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent } from "@nova-design-system/nova-webcomponents";
+import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
 import { NvAccordionItem as NvAccordionItemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion-item.js";
 import { NvAccordion as NvAccordionElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion.js";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
@@ -12,6 +12,8 @@ import { NvCalendar as NvCalendarElement } from "@nova-design-system/nova-webcom
 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 { NvDatagridcolumn as NvDatagridcolumnElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datagridcolumn.js";
+import { NvDatetest as NvDatetestElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datetest.js";
+import { NvDatetimetest as NvDatetimetestElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-datetimetest.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";
@@ -58,6 +60,7 @@ import { NvSplit as NvSplitElement } from "@nova-design-system/nova-webcomponent
 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 { NvTableheader as NvTableheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tableheader.js";
+import { NvTimetest as NvTimetestElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-timetest.js";
 import { NvToggle as NvToggleElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-toggle.js";
 import { NvTogglebutton as NvTogglebuttonElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-togglebutton.js";
 import { NvTogglebuttongroup as NvTogglebuttongroupElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-togglebuttongroup.js";
@@ -124,6 +127,36 @@ export type NvDatagridEvents = {
 export declare const NvDatagrid: StencilReactComponent<NvDatagridElement, NvDatagridEvents>;
 export type NvDatagridcolumnEvents = NonNullable<unknown>;
 export declare const NvDatagridcolumn: StencilReactComponent<NvDatagridcolumnElement, NvDatagridcolumnEvents>;
+export type NvDatetestEvents = {
+    onValueChanged: EventName<NvDatetestCustomEvent<{
+        start?: DateOnly;
+        end?: DateOnly;
+    }>>;
+    onLastChanged: EventName<NvDatetestCustomEvent<{
+        date: DateOnly;
+    }>>;
+    onHistoryChanged: EventName<NvDatetestCustomEvent<{
+        dates: DateOnly[];
+    }>>;
+    onValueDateChanged: EventName<NvDatetestCustomEvent<{
+        start?: Date;
+        end?: Date;
+    }>>;
+};
+export declare const NvDatetest: StencilReactComponent<NvDatetestElement, NvDatetestEvents>;
+export type NvDatetimetestEvents = {
+    onValueChanged: EventName<NvDatetimetestCustomEvent<{
+        start?: Date;
+        end?: Date;
+    }>>;
+    onLastChanged: EventName<NvDatetimetestCustomEvent<{
+        date: Date;
+    }>>;
+    onHistoryChanged: EventName<NvDatetimetestCustomEvent<{
+        dates: Date[];
+    }>>;
+};
+export declare const NvDatetimetest: StencilReactComponent<NvDatetimetestElement, NvDatetimetestEvents>;
 export type NvDialogEvents = {
     onOpenChanged: EventName<NvDialogCustomEvent<boolean>>;
 };
@@ -292,6 +325,23 @@ export type NvTableheaderEvents = {
     onSortDirectionChanged: EventName<NvTableheaderCustomEvent<string>>;
 };
 export declare const NvTableheader: StencilReactComponent<NvTableheaderElement, NvTableheaderEvents>;
+export type NvTimetestEvents = {
+    onValueChanged: EventName<NvTimetestCustomEvent<{
+        start?: TimeOnly;
+        end?: TimeOnly;
+    }>>;
+    onLastChanged: EventName<NvTimetestCustomEvent<{
+        time: TimeOnly;
+    }>>;
+    onHistoryChanged: EventName<NvTimetestCustomEvent<{
+        times: TimeOnly[];
+    }>>;
+    onValueDateChanged: EventName<NvTimetestCustomEvent<{
+        start?: Date;
+        end?: Date;
+    }>>;
+};
+export declare const NvTimetest: StencilReactComponent<NvTimetestElement, NvTimetestEvents>;
 export type NvToggleEvents = {
     onCheckedChanged: EventName<NvToggleCustomEvent<boolean>>;
 };

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './generated/components';
 export * from '@nova-design-system/nova-webcomponents/constants';
+export { type IconName } from '@nova-design-system/nova-webcomponents';
 export { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
 export { useNotifications, NotificationProvider, type NotificationOptions, type NotificationContextValue, type NotificationProviderProps, type Notification, } from './providers/NotificationProvider';
 export * from './components/NvDatatable';

package/dist/types/providers/NotificationProvider.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { type NotificationPosition, type NotificationEmphasis, FeedbackColors } from '../index';
+import { type NotificationPosition, type NotificationEmphasis, type IconName, FeedbackColors } from '../index';
 export interface NotificationAction {
     label: string;
     onClick: () => void;
@@ -11,7 +11,7 @@ export interface NotificationOptions {
     dismissible?: boolean;
     emphasis?: `${NotificationEmphasis}`;
     feedback?: `${FeedbackColors}`;
-    icon?: string;
+    icon?: `${IconName}`;
     actions?: NotificationAction[];
     actionSlot?: React.ReactElement;
     duration?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.27.0",
+  "version": "3.29.0",
   "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",
@@ -51,8 +51,8 @@
     "@tanstack/react-table": "8.21.3"
   },
   "devDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "nova-utils": "*",
     "nova-storybook-utils": "*",
     "@rollup/plugin-commonjs": "28.0.2",
@@ -60,6 +60,8 @@
     "@rollup/plugin-typescript": "12.1.2"
   },
   "peerDependencies": {
-    "@stencil/react-output-target": "1.2.0"
+    "@stencil/react-output-target": "1.2.0",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   }
 }