@procore/data-table 14.7.0 → 14.8.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 14.8.0
+
+### Minor Changes
+
+- 7be612d76: Add `paginateChildRows` prop for grouped server-side table pagination
+
 ## 14.7.0
 
 ### Minor Changes

package/dist/legacy/index.cjs

@@ -82700,6 +82700,7 @@ var Table = (props) => {
             onSortChanged: onSortEventChanged,
             onFilterChanged,
             onFirstDataRendered: props.onFirstDataRendered,
+            paginateChildRows: props.paginateChildRows,
             pagination: props.pagination,
             paginationPageSize: props.paginationPageSize || defaultPaginationPageSize,
             popupParent: props.popupParent,
@@ -82732,18 +82733,14 @@ var Table = (props) => {
       TablePagination,
       {
         gridApi,
-        isServerSideRowModel: !!onSSDR,
-        pageSize: props.paginationPageSize,
-        totalRowCount: internalTableContext.totalRowCount
+        pageSize: props.paginationPageSize
       }
     )
   );
 };
 var TablePagination = ({
   gridApi,
-  isServerSideRowModel,
-  pageSize,
-  totalRowCount
+  pageSize
 }) => {
   const [pagination, setPagination] = React83__default.default.useState({
     page: 0,
@@ -82772,7 +82769,7 @@ var TablePagination = ({
     {
       activePage: pagination.page + 1,
       "data-qa": "data-table-pagination",
-      items: isServerSideRowModel ? totalRowCount : pagination.items,
+      items: pagination.items,
       onSelectPage: (_page) => {
         gridApi == null ? void 0 : gridApi.paginationGoToPage(_page - 1);
       },

package/dist/legacy/index.d.cts

@@ -955,6 +955,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     onTableReady?: (tableApi: TableApi, tableApiRef: React.RefObject<TableApi>) => void;
     onColumnEverythingChanged?: (changeEvent: ColumnEverythingChangedEvent) => void;
     onFirstDataRendered?: (event: FirstDataRenderedEvent) => void;
+    paginateChildRows?: boolean;
     pagination?: boolean;
     paginationPageSize?: number;
     pinnedBottomRowData?: TBottomRow[];

package/dist/legacy/index.d.ts

@@ -955,6 +955,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     onTableReady?: (tableApi: TableApi, tableApiRef: React.RefObject<TableApi>) => void;
     onColumnEverythingChanged?: (changeEvent: ColumnEverythingChangedEvent) => void;
     onFirstDataRendered?: (event: FirstDataRenderedEvent) => void;
+    paginateChildRows?: boolean;
     pagination?: boolean;
     paginationPageSize?: number;
     pinnedBottomRowData?: TBottomRow[];

package/dist/legacy/index.js

@@ -82686,6 +82686,7 @@ var Table = (props) => {
             onSortChanged: onSortEventChanged,
             onFilterChanged,
             onFirstDataRendered: props.onFirstDataRendered,
+            paginateChildRows: props.paginateChildRows,
             pagination: props.pagination,
             paginationPageSize: props.paginationPageSize || defaultPaginationPageSize,
             popupParent: props.popupParent,
@@ -82718,18 +82719,14 @@ var Table = (props) => {
       TablePagination,
       {
         gridApi,
-        isServerSideRowModel: !!onSSDR,
-        pageSize: props.paginationPageSize,
-        totalRowCount: internalTableContext.totalRowCount
+        pageSize: props.paginationPageSize
       }
     )
   );
 };
 var TablePagination = ({
   gridApi,
-  isServerSideRowModel,
-  pageSize,
-  totalRowCount
+  pageSize
 }) => {
   const [pagination, setPagination] = React83.useState({
     page: 0,
@@ -82758,7 +82755,7 @@ var TablePagination = ({
     {
       activePage: pagination.page + 1,
       "data-qa": "data-table-pagination",
-      items: isServerSideRowModel ? totalRowCount : pagination.items,
+      items: pagination.items,
       onSelectPage: (_page) => {
         gridApi == null ? void 0 : gridApi.paginationGoToPage(_page - 1);
       },

package/dist/modern/index.cjs

@@ -82492,6 +82492,7 @@ var Table = (props) => {
             onSortChanged: onSortEventChanged,
             onFilterChanged,
             onFirstDataRendered: props.onFirstDataRendered,
+            paginateChildRows: props.paginateChildRows,
             pagination: props.pagination,
             paginationPageSize: props.paginationPageSize || defaultPaginationPageSize,
             popupParent: props.popupParent,
@@ -82524,18 +82525,14 @@ var Table = (props) => {
       TablePagination,
       {
         gridApi,
-        isServerSideRowModel: !!onSSDR,
-        pageSize: props.paginationPageSize,
-        totalRowCount: internalTableContext.totalRowCount
+        pageSize: props.paginationPageSize
       }
     )
   );
 };
 var TablePagination = ({
   gridApi,
-  isServerSideRowModel,
-  pageSize,
-  totalRowCount
+  pageSize
 }) => {
   const [pagination, setPagination] = React83__default.default.useState({
     page: 0,
@@ -82564,7 +82561,7 @@ var TablePagination = ({
     {
       activePage: pagination.page + 1,
       "data-qa": "data-table-pagination",
-      items: isServerSideRowModel ? totalRowCount : pagination.items,
+      items: pagination.items,
       onSelectPage: (_page) => {
         gridApi?.paginationGoToPage(_page - 1);
       },

package/dist/modern/index.d.cts

@@ -955,6 +955,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     onTableReady?: (tableApi: TableApi, tableApiRef: React.RefObject<TableApi>) => void;
     onColumnEverythingChanged?: (changeEvent: ColumnEverythingChangedEvent) => void;
     onFirstDataRendered?: (event: FirstDataRenderedEvent) => void;
+    paginateChildRows?: boolean;
     pagination?: boolean;
     paginationPageSize?: number;
     pinnedBottomRowData?: TBottomRow[];

package/dist/modern/index.d.ts

@@ -955,6 +955,7 @@ interface TableProps<TRow = any, TBottomRow = any> {
     onTableReady?: (tableApi: TableApi, tableApiRef: React.RefObject<TableApi>) => void;
     onColumnEverythingChanged?: (changeEvent: ColumnEverythingChangedEvent) => void;
     onFirstDataRendered?: (event: FirstDataRenderedEvent) => void;
+    paginateChildRows?: boolean;
     pagination?: boolean;
     paginationPageSize?: number;
     pinnedBottomRowData?: TBottomRow[];

package/dist/modern/index.js

@@ -82478,6 +82478,7 @@ var Table = (props) => {
             onSortChanged: onSortEventChanged,
             onFilterChanged,
             onFirstDataRendered: props.onFirstDataRendered,
+            paginateChildRows: props.paginateChildRows,
             pagination: props.pagination,
             paginationPageSize: props.paginationPageSize || defaultPaginationPageSize,
             popupParent: props.popupParent,
@@ -82510,18 +82511,14 @@ var Table = (props) => {
       TablePagination,
       {
         gridApi,
-        isServerSideRowModel: !!onSSDR,
-        pageSize: props.paginationPageSize,
-        totalRowCount: internalTableContext.totalRowCount
+        pageSize: props.paginationPageSize
       }
     )
   );
 };
 var TablePagination = ({
   gridApi,
-  isServerSideRowModel,
-  pageSize,
-  totalRowCount
+  pageSize
 }) => {
   const [pagination, setPagination] = React83.useState({
     page: 0,
@@ -82550,7 +82547,7 @@ var TablePagination = ({
     {
       activePage: pagination.page + 1,
       "data-qa": "data-table-pagination",
-      items: isServerSideRowModel ? totalRowCount : pagination.items,
+      items: pagination.items,
       onSelectPage: (_page) => {
         gridApi?.paginationGoToPage(_page - 1);
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.7.0",
+  "version": "14.8.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "type": "module",
   "main": "dist/legacy/index.cjs",
@@ -27,7 +27,7 @@
   ],
   "scripts": {
     "build": "NODE_ENV=production tsup",
-    "chromatic": "chromatic --project-token=67f7a4f5cd9d",
+    "chromatic": "dotenvx run -- chromatic",
     "chromatic:ci": "chromatic --ci  --storybook-build-dir ./storybook-static --project-token=${CHROMATIC_DATA_TABLE_TOKEN} --exit-once-uploaded --only-changed --skip=\"dependabot*\"",
     "clean": "rimraf dist",
     "cypress:dev:open": "start-server-and-test storybook-static:server http://127.0.0.1:6006 cypress:open",
@@ -58,7 +58,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com:procore/core/",
+    "url": "https://github.com/procore/core/",
     "directory": "packages/data-table"
   },
   "author": "Procore Technologies",
@@ -104,6 +104,7 @@
     "@ag-grid-enterprise/server-side-row-model": "30.1.0",
     "@ag-grid-enterprise/set-filter": "30.1.0",
     "@babel/eslint-parser": "7.21.3",
+    "@dotenvx/dotenvx": "1.6.4",
     "@ngneat/falso": "6.4.0",
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "12.0.0",