@nova-design-system/nova-react 3.26.0 → 3.28.0

package/dist/components/NvDatatable/selectionState.js

@@ -0,0 +1,45 @@
+export function applyRowSelection(params) {
+    const { currentSelectedIds, rowId, isChecked, selectionMode } = params;
+    const next = new Set(currentSelectedIds);
+    const currentlySelected = next.has(rowId);
+    if (selectionMode === 'single') {
+        if (isChecked) {
+            if (!(next.size === 1 && currentlySelected)) {
+                next.clear();
+                next.add(rowId);
+            }
+        }
+        else if (currentlySelected) {
+            next.delete(rowId);
+        }
+        return next;
+    }
+    if (selectionMode === 'multiple') {
+        if (isChecked && !currentlySelected) {
+            next.add(rowId);
+        }
+        else if (!isChecked && currentlySelected) {
+            next.delete(rowId);
+        }
+    }
+    return next;
+}
+export function shouldIgnoreSelectAllEvent(params) {
+    const { isChecked, selectAllState } = params;
+    if ((isChecked && selectAllState === 'checked') ||
+        (!isChecked && selectAllState === 'unchecked')) {
+        return true;
+    }
+    return !isChecked && selectAllState === 'indeterminate';
+}
+export function applySelectAllSelection(params) {
+    const { currentSelectedIds, visibleRowIds, isChecked } = params;
+    const next = new Set(currentSelectedIds);
+    if (isChecked) {
+        visibleRowIds.forEach((id) => next.add(id));
+    }
+    else {
+        visibleRowIds.forEach((id) => next.delete(id));
+    }
+    return next;
+}

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";
@@ -41,6 +43,7 @@ import { NvMenuitem as NvMenuitemElement, defineCustomElement as defineNvMenuite
 import { NvNotificationBullet as NvNotificationBulletElement, defineCustomElement as defineNvNotificationBullet } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification-bullet.js";
 import { NvNotification as NvNotificationElement, defineCustomElement as defineNvNotification } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification.js";
 import { NvNotificationcontainer as NvNotificationcontainerElement, defineCustomElement as defineNvNotificationcontainer } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
+import { NvPaginationNav as NvPaginationNavElement, defineCustomElement as defineNvPaginationNav } from "@nova-design-system/nova-webcomponents/dist/components/nv-pagination-nav.js";
 import { NvPaginationtable as NvPaginationtableElement, defineCustomElement as defineNvPaginationtable } from "@nova-design-system/nova-webcomponents/dist/components/nv-paginationtable.js";
 import { NvPopover as NvPopoverElement, defineCustomElement as defineNvPopover } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement, defineCustomElement as defineNvRow } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
@@ -57,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";
@@ -170,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,
@@ -390,6 +417,13 @@ export const NvNotificationcontainer = createComponent({
     events: {},
     defineCustomElement: defineNvNotificationcontainer
 });
+export const NvPaginationNav = createComponent({
+    tagName: 'nv-pagination-nav',
+    elementClass: NvPaginationNavElement,
+    react: React,
+    events: { onCurrentPageChanged: 'currentPageChanged' },
+    defineCustomElement: defineNvPaginationNav
+});
 export const NvPaginationtable = createComponent({
     tagName: 'nv-paginationtable',
     elementClass: NvPaginationtableElement,
@@ -505,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: {
@@ -796,6 +810,24 @@ export const NvNotificationcontainer = createComponent({
     clientModule: clientComponents.NvNotificationcontainer,
     serializeShadowRoot
 });
+export const NvPaginationNav = createComponent({
+    tagName: 'nv-pagination-nav',
+    properties: {
+        previousButtonLabel: 'previous-button-label',
+        nextButtonLabel: 'next-button-label',
+        numStartZoneButtons: 'num-start-zone-buttons',
+        numEndZoneButtons: 'num-end-zone-buttons',
+        numMiddleButtons: 'num-middle-buttons',
+        currentPage: 'current-page',
+        totalCount: 'total-count',
+        pageSize: 'page-size',
+        isOnlyIcon: 'is-only-icon',
+        showMiddleZone: 'show-middle-zone'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvPaginationNav,
+    serializeShadowRoot
+});
 export const NvPaginationtable = createComponent({
     tagName: 'nv-paginationtable',
     properties: {
@@ -959,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, 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,28 @@ export type NvDatatableProps<T> = {
     pagination?: NvDatatablePaginationConfig;
     sorting?: NvDatatableSortingConfig;
     filtering?: NvDatatableFilteringConfig<T>;
+    selection?: NvDatatableSelectionConfigWithMode<T>;
     renderPagination?: (api: NvDatatableRenderPaginationAPI) => React.ReactNode;
     renderFiltering?: (api: NvDatatableRenderFilteringAPI) => React.ReactNode;
     stickyHeader?: boolean;
     suppressHydrationWarning?: boolean;
 } & Pick<ComponentProps<'div'>, 'className' | 'style'>;
+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 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";
@@ -41,6 +43,7 @@ import { NvMenuitem as NvMenuitemElement } from "@nova-design-system/nova-webcom
 import { NvNotificationBullet as NvNotificationBulletElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification-bullet.js";
 import { NvNotification as NvNotificationElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification.js";
 import { NvNotificationcontainer as NvNotificationcontainerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
+import { NvPaginationNav as NvPaginationNavElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-pagination-nav.js";
 import { NvPaginationtable as NvPaginationtableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-paginationtable.js";
 import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
@@ -57,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";
@@ -121,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>>;
 };
@@ -242,6 +276,10 @@ export type NvNotificationBulletEvents = NonNullable<unknown>;
 export declare const NvNotificationBullet: StencilReactComponent<NvNotificationBulletElement, NvNotificationBulletEvents>;
 export type NvNotificationcontainerEvents = NonNullable<unknown>;
 export declare const NvNotificationcontainer: StencilReactComponent<NvNotificationcontainerElement, NvNotificationcontainerEvents>;
+export type NvPaginationNavEvents = {
+    onCurrentPageChanged: EventName<NvPaginationNavCustomEvent<number>>;
+};
+export declare const NvPaginationNav: StencilReactComponent<NvPaginationNavElement, NvPaginationNavEvents>;
 export type NvPaginationtableEvents = {
     onPageIndexChanged: EventName<NvPaginationtableCustomEvent<number>>;
     onPageSizeChanged: EventName<NvPaginationtableCustomEvent<number>>;
@@ -285,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 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";
@@ -41,6 +43,7 @@ import { NvMenuitem as NvMenuitemElement } from "@nova-design-system/nova-webcom
 import { NvNotificationBullet as NvNotificationBulletElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification-bullet.js";
 import { NvNotification as NvNotificationElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification.js";
 import { NvNotificationcontainer as NvNotificationcontainerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
+import { NvPaginationNav as NvPaginationNavElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-pagination-nav.js";
 import { NvPaginationtable as NvPaginationtableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-paginationtable.js";
 import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
@@ -57,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";
@@ -123,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>>;
 };
@@ -244,6 +278,10 @@ export type NvNotificationBulletEvents = NonNullable<unknown>;
 export declare const NvNotificationBullet: StencilReactComponent<NvNotificationBulletElement, NvNotificationBulletEvents>;
 export type NvNotificationcontainerEvents = NonNullable<unknown>;
 export declare const NvNotificationcontainer: StencilReactComponent<NvNotificationcontainerElement, NvNotificationcontainerEvents>;
+export type NvPaginationNavEvents = {
+    onCurrentPageChanged: EventName<NvPaginationNavCustomEvent<number>>;
+};
+export declare const NvPaginationNav: StencilReactComponent<NvPaginationNavElement, NvPaginationNavEvents>;
 export type NvPaginationtableEvents = {
     onPageIndexChanged: EventName<NvPaginationtableCustomEvent<number>>;
     onPageSizeChanged: EventName<NvPaginationtableCustomEvent<number>>;
@@ -287,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.26.0",
+  "version": "3.28.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"
   }
 }