@nova-design-system/nova-react 3.23.0 → 3.25.0

package/dist/generated/components.server.js

@@ -6,7 +6,7 @@ export const NvAccordion = createComponent({
     properties: { mode: 'mode' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvAccordion,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvAccordionItem = createComponent({
     tagName: 'nv-accordion-item',
@@ -20,7 +20,7 @@ export const NvAccordionItem = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvAccordionItem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvAlert = createComponent({
     tagName: 'nv-alert',
@@ -37,7 +37,7 @@ export const NvAlert = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvAlert,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvAvatar = createComponent({
     tagName: 'nv-avatar',
@@ -57,7 +57,7 @@ export const NvAvatar = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvAvatar,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvBadge = createComponent({
     tagName: 'nv-badge',
@@ -75,7 +75,7 @@ export const NvBadge = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvBadge,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvBreadcrumb = createComponent({
     tagName: 'nv-breadcrumb',
@@ -86,14 +86,14 @@ export const NvBreadcrumb = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvBreadcrumb,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvBreadcrumbs = createComponent({
     tagName: 'nv-breadcrumbs',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvBreadcrumbs,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvButton = createComponent({
     tagName: 'nv-button',
@@ -111,7 +111,7 @@ export const NvButton = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvButton,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvButtongroup = createComponent({
     tagName: 'nv-buttongroup',
@@ -123,7 +123,7 @@ export const NvButtongroup = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvButtongroup,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvCalendar = createComponent({
     tagName: 'nv-calendar',
@@ -145,14 +145,14 @@ export const NvCalendar = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvCalendar,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvCol = createComponent({
     tagName: 'nv-col',
     properties: { size: 'size' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvCol,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDatagrid = createComponent({
     tagName: 'nv-datagrid',
@@ -170,7 +170,7 @@ export const NvDatagrid = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDatagrid,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDatagridcolumn = createComponent({
     tagName: 'nv-datagridcolumn',
@@ -182,7 +182,7 @@ export const NvDatagridcolumn = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDatagridcolumn,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDialog = createComponent({
     tagName: 'nv-dialog',
@@ -196,7 +196,7 @@ export const NvDialog = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDialog,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDialogfooter = createComponent({
     tagName: 'nv-dialogfooter',
@@ -213,7 +213,7 @@ export const NvDialogfooter = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDialogfooter,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDialogheader = createComponent({
     tagName: 'nv-dialogheader',
@@ -223,7 +223,51 @@ export const NvDialogheader = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDialogheader,
-    serializeShadowRoot,
+    serializeShadowRoot
+});
+export const NvDrawer = createComponent({
+    tagName: 'nv-drawer',
+    properties: {
+        open: 'open',
+        undismissable: 'undismissable',
+        clickOutside: 'click-outside',
+        controlled: 'controlled',
+        side: 'side',
+        size: 'size',
+        width: 'width',
+        autofocus: 'autofocus',
+        swipeToOpen: 'swipe-to-open'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvDrawer,
+    serializeShadowRoot
+});
+export const NvDrawerfooter = createComponent({
+    tagName: 'nv-drawerfooter',
+    properties: {
+        disabled: 'disabled',
+        undismissable: 'undismissable',
+        leadingIcon: 'leading-icon',
+        trailingIcon: 'trailing-icon',
+        danger: 'danger',
+        cancelLabel: 'cancel-label',
+        primaryLabel: 'primary-label',
+        primaryButtonType: 'primary-button-type',
+        form: 'form'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvDrawerfooter,
+    serializeShadowRoot
+});
+export const NvDrawerheader = createComponent({
+    tagName: 'nv-drawerheader',
+    properties: {
+        heading: 'heading',
+        subheading: 'subheading'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvDrawerheader,
+    serializeShadowRoot
 });
 export const NvFieldcheckbox = createComponent({
     tagName: 'nv-fieldcheckbox',
@@ -250,7 +294,7 @@ export const NvFieldcheckbox = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldcheckbox,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddate = createComponent({
     tagName: 'nv-fielddate',
@@ -282,7 +326,7 @@ export const NvFielddate = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddate,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddaterange = createComponent({
     tagName: 'nv-fielddaterange',
@@ -317,7 +361,7 @@ export const NvFielddaterange = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddaterange,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddropdown = createComponent({
     tagName: 'nv-fielddropdown',
@@ -353,7 +397,7 @@ export const NvFielddropdown = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddropdown,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddropdownitem = createComponent({
     tagName: 'nv-fielddropdownitem',
@@ -366,7 +410,7 @@ export const NvFielddropdownitem = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddropdownitem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddropdownitemcheck = createComponent({
     tagName: 'nv-fielddropdownitemcheck',
@@ -380,7 +424,7 @@ export const NvFielddropdownitemcheck = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddropdownitemcheck,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldmultiselect = createComponent({
     tagName: 'nv-fieldmultiselect',
@@ -419,7 +463,7 @@ export const NvFieldmultiselect = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldmultiselect,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldnumber = createComponent({
     tagName: 'nv-fieldnumber',
@@ -447,7 +491,7 @@ export const NvFieldnumber = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldnumber,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldpassword = createComponent({
     tagName: 'nv-fieldpassword',
@@ -477,7 +521,7 @@ export const NvFieldpassword = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldpassword,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldradio = createComponent({
     tagName: 'nv-fieldradio',
@@ -498,7 +542,7 @@ export const NvFieldradio = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldradio,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldselect = createComponent({
     tagName: 'nv-fieldselect',
@@ -524,7 +568,7 @@ export const NvFieldselect = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldselect,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldslider = createComponent({
     tagName: 'nv-fieldslider',
@@ -555,7 +599,7 @@ export const NvFieldslider = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldslider,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldtext = createComponent({
     tagName: 'nv-fieldtext',
@@ -587,7 +631,7 @@ export const NvFieldtext = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldtext,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldtextarea = createComponent({
     tagName: 'nv-fieldtextarea',
@@ -617,7 +661,7 @@ export const NvFieldtextarea = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldtextarea,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldtime = createComponent({
     tagName: 'nv-fieldtime',
@@ -643,7 +687,7 @@ export const NvFieldtime = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldtime,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvIcon = createComponent({
     tagName: 'nv-icon',
@@ -659,7 +703,7 @@ export const NvIcon = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvIcon,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvIconbutton = createComponent({
     tagName: 'nv-iconbutton',
@@ -676,7 +720,7 @@ export const NvIconbutton = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvIconbutton,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvLoader = createComponent({
     tagName: 'nv-loader',
@@ -686,7 +730,7 @@ export const NvLoader = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvLoader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvMenu = createComponent({
     tagName: 'nv-menu',
@@ -698,7 +742,7 @@ export const NvMenu = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvMenu,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvMenuitem = createComponent({
     tagName: 'nv-menuitem',
@@ -712,7 +756,7 @@ export const NvMenuitem = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvMenuitem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvNotification = createComponent({
     tagName: 'nv-notification',
@@ -729,7 +773,7 @@ export const NvNotification = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvNotification,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvNotificationBullet = createComponent({
     tagName: 'nv-notification-bullet',
@@ -742,14 +786,32 @@ export const NvNotificationBullet = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvNotificationBullet,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvNotificationcontainer = createComponent({
     tagName: 'nv-notificationcontainer',
     properties: { position: 'position' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvNotificationcontainer,
-    serializeShadowRoot,
+    serializeShadowRoot
+});
+export const NvPaginationtable = createComponent({
+    tagName: 'nv-paginationtable',
+    properties: {
+        pageIndex: 'page-index',
+        pageSize: 'page-size',
+        pageCount: 'page-count',
+        rowCount: 'row-count',
+        hideControls: 'hide-controls',
+        hidePrevNext: 'hide-prev-next',
+        hideFirstLast: 'hide-first-last',
+        labelPage: 'label-page',
+        labelTotal: 'label-total',
+        labelPageSizeOption: 'label-page-size-option'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvPaginationtable,
+    serializeShadowRoot
 });
 export const NvPopover = createComponent({
     tagName: 'nv-popover',
@@ -768,14 +830,14 @@ export const NvPopover = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvPopover,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvRow = createComponent({
     tagName: 'nv-row',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvRow,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebar = createComponent({
     tagName: 'nv-sidebar',
@@ -788,42 +850,42 @@ export const NvSidebar = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebar,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarcontent = createComponent({
     tagName: 'nv-sidebarcontent',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarcontent,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebardivider = createComponent({
     tagName: 'nv-sidebardivider',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebardivider,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarfooter = createComponent({
     tagName: 'nv-sidebarfooter',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarfooter,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebargroup = createComponent({
     tagName: 'nv-sidebargroup',
     properties: { label: 'label' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebargroup,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarheader = createComponent({
     tagName: 'nv-sidebarheader',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarheader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarlogo = createComponent({
     tagName: 'nv-sidebarlogo',
@@ -834,7 +896,7 @@ export const NvSidebarlogo = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarlogo,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarnavitem = createComponent({
     tagName: 'nv-sidebarnavitem',
@@ -847,14 +909,14 @@ export const NvSidebarnavitem = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarnavitem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarnavsubitem = createComponent({
     tagName: 'nv-sidebarnavsubitem',
     properties: { active: 'active' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarnavsubitem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSplit = createComponent({
     tagName: 'nv-split',
@@ -864,7 +926,7 @@ export const NvSplit = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSplit,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvStack = createComponent({
     tagName: 'nv-stack',
@@ -877,14 +939,14 @@ export const NvStack = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvStack,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTable = createComponent({
     tagName: 'nv-table',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTable,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTableheader = createComponent({
     tagName: 'nv-tableheader',
@@ -894,7 +956,7 @@ export const NvTableheader = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTableheader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvToggle = createComponent({
     tagName: 'nv-toggle',
@@ -912,7 +974,7 @@ export const NvToggle = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvToggle,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTogglebutton = createComponent({
     tagName: 'nv-togglebutton',
@@ -925,7 +987,7 @@ export const NvTogglebutton = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTogglebutton,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTogglebuttongroup = createComponent({
     tagName: 'nv-togglebuttongroup',
@@ -937,7 +999,7 @@ export const NvTogglebuttongroup = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTogglebuttongroup,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTooltip = createComponent({
     tagName: 'nv-tooltip',
@@ -949,5 +1011,5 @@ export const NvTooltip = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTooltip,
-    serializeShadowRoot,
+    serializeShadowRoot
 });

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

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

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

@@ -1,6 +1,8 @@
 import type { ComponentProps } from 'react';
 import type { SortingFn, NoInfer, SortingState, Row } from '@tanstack/react-table';
+export type NvDatatableMode = 'client' | 'server';
 export type NvDatatableProps<T> = {
+    mode?: NvDatatableMode;
     columns: Array<NvDatatableColumn<T>>;
     rows: Array<T>;
     pagination?: NvDatatablePaginationConfig;
@@ -18,12 +20,17 @@ export interface NvDatatableColumn<Row, K extends keyof Row = keyof Row, F = Row
     hidden?: boolean;
     valueFormatter?: (params: NvTableValueFormatterParams<Row, Row[K], K>) => F;
     renderCell?: (params: NvTableRenderCellParams<Row, F, K>) => React.ReactNode;
+    renderHeader?: (params: NvTableRenderHeaderParams<K>) => React.ReactNode;
     sortable?: boolean;
     sortingFn?: SortingFn<Row> | string;
     sortDescFirst?: boolean;
     invertSorting?: boolean;
     sortUndefined?: 'first' | 'last' | false | -1 | 1;
 }
+export interface NvTableRenderHeaderParams<Field> {
+    headerName: string;
+    field: Field;
+}
 export interface NvTableRenderCellParams<Row, Value, Field> {
     value: Value | NoInfer<Value>;
     row: Row;
@@ -36,9 +43,14 @@ export interface NvTableValueFormatterParams<Row, Value, Field> {
     field: Field;
 }
 export interface NvDatatablePaginationConfig {
-    mode: 'client' | 'server' | 'infinite';
+    infinite?: boolean;
     initialPageSize?: number;
     pageSizeOptions?: number[];
+    labels?: {
+        page?: string;
+        total?: string;
+        pageSizeOption?: string;
+    };
     totalRowCount?: number;
     totalPageCount?: number;
     onPaginationChange?: (state: {
@@ -68,7 +80,6 @@ export interface NvDatatableRenderPaginationAPI {
 }
 export type NvDataTableSortingState = SortingState;
 export interface NvDatatableSortingConfig {
-    mode: 'client' | 'server';
     enableMultiSort?: boolean;
     enableSortingRemoval?: boolean;
     maxMultiSortColCount?: number;
@@ -77,7 +88,6 @@ export interface NvDatatableSortingConfig {
     onSortingChange?: (sorting: SortingState) => void;
 }
 export interface NvDatatableFilteringConfig<T> {
-    mode: 'client' | 'server';
     filterState?: unknown;
     onFilterChange?: (filterState: unknown) => void;
     globalFilterFn?: (row: Row<T>, columnId: string, filterValue: unknown) => boolean;