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

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, 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 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/package.json

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