@nova-design-system/nova-react 3.24.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,7 @@ export const NvDialogheader = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDialogheader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDrawer = createComponent({
     tagName: 'nv-drawer',
@@ -240,7 +240,7 @@ export const NvDrawer = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDrawer,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDrawerfooter = createComponent({
     tagName: 'nv-drawerfooter',
@@ -257,7 +257,7 @@ export const NvDrawerfooter = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDrawerfooter,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDrawerheader = createComponent({
     tagName: 'nv-drawerheader',
@@ -267,7 +267,7 @@ export const NvDrawerheader = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDrawerheader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldcheckbox = createComponent({
     tagName: 'nv-fieldcheckbox',
@@ -294,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',
@@ -326,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',
@@ -361,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',
@@ -397,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',
@@ -410,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',
@@ -424,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',
@@ -463,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',
@@ -491,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',
@@ -521,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',
@@ -542,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',
@@ -568,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',
@@ -599,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',
@@ -631,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',
@@ -661,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',
@@ -687,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',
@@ -703,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',
@@ -720,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',
@@ -730,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',
@@ -742,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',
@@ -756,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',
@@ -773,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',
@@ -786,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',
@@ -812,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',
@@ -832,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',
@@ -878,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',
@@ -891,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',
@@ -908,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',
@@ -921,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',
@@ -938,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',
@@ -956,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',
@@ -969,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',
@@ -981,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',
@@ -993,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/types.d.ts

@@ -46,6 +46,11 @@ export interface NvDatatablePaginationConfig {
     infinite?: boolean;
     initialPageSize?: number;
     pageSizeOptions?: number[];
+    labels?: {
+        page?: string;
+        total?: string;
+        pageSizeOption?: string;
+    };
     totalRowCount?: number;
     totalPageCount?: number;
     onPaginationChange?: (state: {