npm - @nova-design-system/nova-react - Versions diffs - 3.29.0 → 3.31.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

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

@@ -1,5 +1,5 @@
 import type { ComponentProps } from 'react';
-import type { SortingFn, NoInfer, SortingState, Row } from '@tanstack/react-table';
+import type { SortingFn, NoInfer, SortingState, Row, ExpandedState } from '@tanstack/react-table';
 export type NvDatatableMode = 'client' | 'server';
 export type NvDatatableProps<T> = {
     mode?: NvDatatableMode;
@@ -12,6 +12,7 @@ export type NvDatatableProps<T> = {
     onRowClick?: (args: NvDatatableRowClickEventArgs<T>) => void;
     renderPagination?: (api: NvDatatableRenderPaginationAPI) => React.ReactNode;
     renderFiltering?: (api: NvDatatableRenderFilteringAPI) => React.ReactNode;
+    expandable?: NvDatatableExpandableConfig<T>;
     stickyHeader?: boolean;
     suppressHydrationWarning?: boolean;
 } & Pick<ComponentProps<'div'>, 'className' | 'style'>;
@@ -24,6 +25,7 @@ export interface NvDatatableSelectionConfig<T> {
     mode?: NvDatatableSelectionMode;
     getRowId?: (row: T) => string;
     selectedRowIds?: Set<string>;
+    initialSelectedRowIds?: Set<string>;
     onSelectionChange?: (selectedRowIds: Set<string>) => void;
     enableSelectAll?: boolean;
     deselectOnFilter?: boolean;
@@ -107,6 +109,7 @@ export interface NvDatatableSortingConfig {
     enableSortingRemoval?: boolean;
     maxMultiSortColCount?: number;
     sortDescFirst?: boolean;
+    initialSortState?: NvDataTableSortingState;
     sortState?: NvDataTableSortingState;
     onSortingChange?: (sorting: SortingState) => void;
 }
@@ -123,3 +126,16 @@ export interface NvDatatableRenderFilteringAPI {
     totalRows: number;
     filteredRows: number;
 }
+export interface NvDatatableExpandableConfig<T> {
+    renderExpandedContent: (params: NvDatatableExpandedContentParams<T>) => React.ReactNode | null | undefined;
+    collapsible?: boolean;
+    expandedState?: ExpandedState;
+    onExpandedChange?: (expandedState: ExpandedState) => void;
+    getRowCanExpand?: (row: T) => boolean;
+    toggleColumnWidth?: number;
+}
+export interface NvDatatableExpandedContentParams<T> {
+    row: T;
+    rowIndex: number;
+}
+export type { ExpandedState };

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

@@ -1,4 +1,4 @@
-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 { 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 NvTagCustomEvent, 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";
@@ -58,8 +58,10 @@ import { NvSidebarnavitem as NvSidebarnavitemElement } from "@nova-design-system
 import { NvSidebarnavsubitem as NvSidebarnavsubitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarnavsubitem.js";
 import { NvSplit as NvSplitElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-split.js";
 import { NvStack as NvStackElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
+import { NvStatusindicator as NvStatusindicatorElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-statusindicator.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 { NvTag as NvTagElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tag.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";
@@ -193,6 +195,7 @@ export declare const NvFielddaterange: StencilReactComponent<NvFielddaterangeEle
 export type NvFielddropdownEvents = {
     onValueChanged: EventName<NvFielddropdownCustomEvent<string>>;
     onFilterTextChanged: EventName<NvFielddropdownCustomEvent<string>>;
+    onCleared: EventName<NvFielddropdownCustomEvent<void>>;
     onOpenChanged: EventName<NvFielddropdownCustomEvent<HTMLNvPopoverElementEventMap['openChanged']>>;
     onDropdownItemSelected: EventName<NvFielddropdownCustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>>;
 };
@@ -232,6 +235,7 @@ export type NvFieldradioEvents = {
 export declare const NvFieldradio: StencilReactComponent<NvFieldradioElement, NvFieldradioEvents>;
 export type NvFieldselectEvents = {
     onValueChanged: EventName<NvFieldselectCustomEvent<string>>;
+    onCleared: EventName<NvFieldselectCustomEvent<void>>;
 };
 export declare const NvFieldselect: StencilReactComponent<NvFieldselectElement, NvFieldselectEvents>;
 export type NvFieldsliderEvents = {
@@ -293,6 +297,7 @@ export type NvRowEvents = NonNullable<unknown>;
 export declare const NvRow: StencilReactComponent<NvRowElement, NvRowEvents>;
 export type NvSidebarEvents = {
     onOpenChanged: EventName<NvSidebarCustomEvent<boolean>>;
+    onWidthChanged: EventName<NvSidebarCustomEvent<number>>;
 };
 export declare const NvSidebar: StencilReactComponent<NvSidebarElement, NvSidebarEvents>;
 export type NvSidebarcontentEvents = NonNullable<unknown>;
@@ -317,12 +322,20 @@ export type NvSplitEvents = {
 export declare const NvSplit: StencilReactComponent<NvSplitElement, NvSplitEvents>;
 export type NvStackEvents = NonNullable<unknown>;
 export declare const NvStack: StencilReactComponent<NvStackElement, NvStackEvents>;
+export type NvStatusindicatorEvents = NonNullable<unknown>;
+export declare const NvStatusindicator: StencilReactComponent<NvStatusindicatorElement, NvStatusindicatorEvents>;
 export type NvTableEvents = NonNullable<unknown>;
 export declare const NvTable: StencilReactComponent<NvTableElement, NvTableEvents>;
 export type NvTableheaderEvents = {
     onSortDirectionChanged: EventName<NvTableheaderCustomEvent<string>>;
 };
 export declare const NvTableheader: StencilReactComponent<NvTableheaderElement, NvTableheaderEvents>;
+export type NvTagEvents = {
+    onDismissed: EventName<NvTagCustomEvent<{
+        label?: string;
+    }>>;
+};
+export declare const NvTag: StencilReactComponent<NvTagElement, NvTagEvents>;
 export type NvTimetestEvents = {
     onValueChanged: EventName<NvTimetestCustomEvent<{
         start?: TimeOnly;

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

@@ -1,4 +1,4 @@
-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 { 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 NvTagCustomEvent, 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";
@@ -58,8 +58,10 @@ import { NvSidebarnavitem as NvSidebarnavitemElement } from "@nova-design-system
 import { NvSidebarnavsubitem as NvSidebarnavsubitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarnavsubitem.js";
 import { NvSplit as NvSplitElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-split.js";
 import { NvStack as NvStackElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
+import { NvStatusindicator as NvStatusindicatorElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-statusindicator.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 { NvTag as NvTagElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tag.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";
@@ -195,6 +197,7 @@ export declare const NvFielddaterange: StencilReactComponent<NvFielddaterangeEle
 export type NvFielddropdownEvents = {
     onValueChanged: EventName<NvFielddropdownCustomEvent<string>>;
     onFilterTextChanged: EventName<NvFielddropdownCustomEvent<string>>;
+    onCleared: EventName<NvFielddropdownCustomEvent<void>>;
     onOpenChanged: EventName<NvFielddropdownCustomEvent<HTMLNvPopoverElementEventMap['openChanged']>>;
     onDropdownItemSelected: EventName<NvFielddropdownCustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>>;
 };
@@ -234,6 +237,7 @@ export type NvFieldradioEvents = {
 export declare const NvFieldradio: StencilReactComponent<NvFieldradioElement, NvFieldradioEvents>;
 export type NvFieldselectEvents = {
     onValueChanged: EventName<NvFieldselectCustomEvent<string>>;
+    onCleared: EventName<NvFieldselectCustomEvent<void>>;
 };
 export declare const NvFieldselect: StencilReactComponent<NvFieldselectElement, NvFieldselectEvents>;
 export type NvFieldsliderEvents = {
@@ -295,6 +299,7 @@ export type NvRowEvents = NonNullable<unknown>;
 export declare const NvRow: StencilReactComponent<NvRowElement, NvRowEvents>;
 export type NvSidebarEvents = {
     onOpenChanged: EventName<NvSidebarCustomEvent<boolean>>;
+    onWidthChanged: EventName<NvSidebarCustomEvent<number>>;
 };
 export declare const NvSidebar: StencilReactComponent<NvSidebarElement, NvSidebarEvents>;
 export type NvSidebarcontentEvents = NonNullable<unknown>;
@@ -319,12 +324,20 @@ export type NvSplitEvents = {
 export declare const NvSplit: StencilReactComponent<NvSplitElement, NvSplitEvents>;
 export type NvStackEvents = NonNullable<unknown>;
 export declare const NvStack: StencilReactComponent<NvStackElement, NvStackEvents>;
+export type NvStatusindicatorEvents = NonNullable<unknown>;
+export declare const NvStatusindicator: StencilReactComponent<NvStatusindicatorElement, NvStatusindicatorEvents>;
 export type NvTableEvents = NonNullable<unknown>;
 export declare const NvTable: StencilReactComponent<NvTableElement, NvTableEvents>;
 export type NvTableheaderEvents = {
     onSortDirectionChanged: EventName<NvTableheaderCustomEvent<string>>;
 };
 export declare const NvTableheader: StencilReactComponent<NvTableheaderElement, NvTableheaderEvents>;
+export type NvTagEvents = {
+    onDismissed: EventName<NvTagCustomEvent<{
+        label?: string;
+    }>>;
+};
+export declare const NvTag: StencilReactComponent<NvTagElement, NvTagEvents>;
 export type NvTimetestEvents = {
     onValueChanged: EventName<NvTimetestCustomEvent<{
         start?: TimeOnly;

package/package.json CHANGED Viewed

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