@genesislcap/grid-pro 14.501.0 → 15.0.0

package/dist/esm/grid-pro.js

@@ -23,7 +23,7 @@ import { foundationGridProStyles as styles } from './grid-pro.styles';
 import { gridProTemplate as template } from './grid-pro.template';
 import { AgGridTheme, agThemeFontsId, agThemeTokenMapClassname, DEFAULT_STATUS_BAR_CONFIG, EDITED_COLUMN_FIELD, ERROR_COLUMN_FIELD, GRID_READY_EVENT, GridOptionsConfig, GridProRendererTypes, GridProStatusBarTypes, } from './grid-pro.types';
 import { StatePersistence } from './state-persistence';
-import { LabelValueStatusBarComponent, LoadMoreStatusBarComponent, PaginationStatusBarComponent, ReloadStatusBarComponent, RowCountStatusBarComponent, } from './status-bar-components';
+import { LabelValueStatusBarComponent, LoadMoreStatusBarComponent, ReloadStatusBarComponent, RowCountStatusBarComponent, } from './status-bar-components';
 import { ErrorTooltip } from './tooltips';
 import { convertColDefsToColumnStates, convertToKebabCase, logger, mergeAndDedupColDefWithColumnState, sanitizeColumnState, } from './utils';
 avoidTreeShaking(GridProGenesisDatasource, GridProClientSideDatasource, GridProServerSideDatasource, GridProCell, GridProColumn);
@@ -149,17 +149,6 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         this.columnComponentName = 'grid-pro-column';
         this.theme = AgGridTheme.alpine;
         this.themeMode = 'dark';
-        /**
-         * Enable pagination for the grid.
-         * @remarks
-         * When enabled, the grid will automatically configure pagination settings.
-         * Note that AG Grid's full pagination functionality requires the Enterprise module.
-         * While basic pagination will work in Community edition, advanced features like
-         * custom pagination components require Enterprise.
-         * @see https://www.ag-grid.com/javascript-data-grid/row-pagination/
-         * @see https://www.ag-grid.com/javascript-data-grid/server-side-model-pagination/
-         */
-        this.pagination = false;
         /**
          * Configuration for the grid status bar components.
          * @remarks
@@ -278,9 +267,6 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                 configurable: true,
             });
         });
-        this.paginationPageSize = this.isServerSide
-            ? this.gridProDatasource.maxRows
-            : DatasourceDefaults.DEFAULT_PAGINATION_PAGE_SIZE;
     }
     disconnectedCallback() {
         this.disposed = true;
@@ -658,7 +644,6 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
             [GridProRendererTypes.stringEditor]: StringEditor,
             [GridProStatusBarTypes.labelValue]: LabelValueStatusBarComponent,
             [GridProStatusBarTypes.loadMore]: LoadMoreStatusBarComponent,
-            [GridProStatusBarTypes.pagination]: PaginationStatusBarComponent,
             [GridProStatusBarTypes.reload]: ReloadStatusBarComponent,
             [GridProStatusBarTypes.rowCount]: RowCountStatusBarComponent,
         };
@@ -1005,9 +990,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                 // Emit datasource ready event, signals that the datasource is ready to be used
                 // TODO: prevent rendering datasource slot until grid is ready
                 // so there is no need for this even and handling it in datasources
-                (_b = this.gridProDatasource) === null || _b === void 0 ? void 0 : _b.$emit(datasourceEventNames.ready, {
-                    pagination: this.pagination,
-                });
+                (_b = this.gridProDatasource) === null || _b === void 0 ? void 0 : _b.$emit(datasourceEventNames.ready);
                 this.restoreColumnState();
                 this.restoreCachedFilterConfig();
                 this.debouncedColumnAutosize();
@@ -1048,7 +1031,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
             if (hasGetRowId) {
                 derivedOptions.getRowId = getRowId;
             }
-            this.setupPaginationAndStatusBar(derivedOptions);
+            this.setupStatusBar(derivedOptions);
             this.setLocalGridOptions(derivedOptions);
         }
         else {
@@ -1060,7 +1043,7 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
                 if (hasGetRowId) {
                     derivedOptions.getRowId = getRowId;
                 }
-                this.setupPaginationAndStatusBar(derivedOptions);
+                this.setupStatusBar(derivedOptions);
                 this.setLocalGridOptions(derivedOptions);
                 this.initGrid();
             });
@@ -1222,13 +1205,11 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
         return panels.some((panel) => panel.statusPanel === statusPanelType);
     }
     addRowCountPanel(statusPanels, gridOptions) {
-        // Row count is handled by pagination status bar component when pagination is enabled.
-        // This component is only used for server-side infinite scroll (load more) scenarios
-        // where pagination is disabled.
+        // The custom rowCount panel is used for server-side infinite scroll (load more) scenarios;
+        // client-side row models use AG Grid's own row count component instead.
         if (this.statusBarConfig && this.statusBarConfig.rows === true) {
             const isServerSide = this.isServerSide || (gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.rowModelType) === 'serverSide';
-            const isPaginationEnabled = this['_pagination'] || (gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.pagination) === true;
-            if (isServerSide && !isPaginationEnabled) {
+            if (isServerSide) {
                 if (!this.panelExists(GridProStatusBarTypes.rowCount, statusPanels)) {
                     statusPanels.push({
                         statusPanel: GridProStatusBarTypes.rowCount,
@@ -1280,25 +1261,10 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
             statusPanels.push(...newDatasourcePanels);
         }
     }
-    addPaginationPanel(statusPanels) {
-        if (this['_pagination']) {
-            if (!this.panelExists(GridProStatusBarTypes.pagination, statusPanels)) {
-                statusPanels.push({
-                    statusPanel: GridProStatusBarTypes.pagination,
-                    align: 'right',
-                });
-            }
-        }
-    }
-    setupPaginationAndStatusBar(gridOptions) {
+    setupStatusBar(gridOptions) {
         // Keep the guard for production code, but allow override for testing
         // if (this.initialised && !allowDuplicateCheck) return;
         var _a, _b;
-        if (this['_pagination']) {
-            gridOptions.pagination = true;
-            gridOptions.suppressScrollOnNewData = true;
-            gridOptions.paginationPageSize = this.paginationPageSize;
-        }
         // Set default status bar with components based on configuration
         if (this.withStatusBar && this.statusBarConfig) {
             // For duplicate checking (testing scenario), clear existing status panels to prevent duplicates
@@ -1309,10 +1275,6 @@ export class GridPro extends LifecycleMixin(FoundationElement) {
             this.addMaxRowsPanel(statusPanels);
             this.addAggregationPanel(statusPanels);
             this.addDatasourcePanels(statusPanels);
-            if (this['_pagination']) {
-                gridOptions.suppressPaginationPanel = true;
-                this.addPaginationPanel(statusPanels);
-            }
             const userDefinedStatusPanels = ((_b = gridOptions.statusBar) === null || _b === void 0 ? void 0 : _b.statusPanels) || [];
             const newUserDefinedPanels = userDefinedStatusPanels.filter((panel) => !this.panelExists(panel.statusPanel, statusPanels));
             statusPanels.push(...newUserDefinedPanels);
@@ -1558,12 +1520,6 @@ __decorate([
 __decorate([
     observable
 ], GridPro.prototype, "gridComponents", void 0);
-__decorate([
-    attr({ mode: 'boolean' })
-], GridPro.prototype, "pagination", void 0);
-__decorate([
-    attr({ attribute: 'pagination-page-size' })
-], GridPro.prototype, "paginationPageSize", void 0);
 __decorate([
     observable
 ], GridPro.prototype, "statusBarConfig", void 0);

package/dist/esm/grid-pro.types.js

@@ -148,7 +148,6 @@ export var GridProRendererTypes;
 export var GridProStatusBarTypes;
 (function (GridProStatusBarTypes) {
     GridProStatusBarTypes["labelValue"] = "labelValue";
-    GridProStatusBarTypes["pagination"] = "pagination";
     GridProStatusBarTypes["loadMore"] = "loadMore";
     GridProStatusBarTypes["reload"] = "reload";
     GridProStatusBarTypes["rowCount"] = "rowCount";

package/dist/esm/status-bar-components/index.js

@@ -1,5 +1,4 @@
 export * from './load-more.status-bar';
-export * from './pagination.status-bar';
 export * from './label-value.status-bar';
 export * from './reload.status-bar';
 export * from './row-count.status-bar';

package/dist/esm/status-bar-components/load-more.status-bar.js

@@ -9,12 +9,9 @@ export class LoadMoreStatusBarComponent {
     constructor() {
         this.buttonLabel = 'Load More';
         this.isLoading = false;
-        this.isLeftAligned = false;
     }
     init(params) {
-        var _a, _b, _c;
         this.params = params;
-        this.gridApi = params.api;
         this.element = document.createElement('div');
         this.element.classList.add('ag-status-panel', 'ag-load-more-panel');
         this.element.setAttribute('data-test-id', 'grid-load-more-panel');
@@ -22,10 +19,7 @@ export class LoadMoreStatusBarComponent {
         this.element.setAttribute('aria-label', 'Load more data controls');
         this.element.style.display = 'flex';
         this.element.style.alignItems = 'center';
-        // Determine alignment based on pagination status
-        // When pagination is enabled, load more is aligned left, otherwise right
-        this.isLeftAligned = ((_c = (_b = (_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.gridOptionsService) === null || _b === void 0 ? void 0 : _b.gridOptions) === null || _c === void 0 ? void 0 : _c.pagination) || false;
-        this.element.style.justifyContent = this.isLeftAligned ? 'flex-start' : 'flex-end';
+        this.element.style.justifyContent = 'flex-end';
         // Only add padding on the side where the button is
         this.element.style.paddingLeft = 'var(--ag-grid-size)';
         this.element.style.paddingRight = 'var(--ag-grid-size)';
@@ -39,17 +33,9 @@ export class LoadMoreStatusBarComponent {
         while (this.element.firstChild) {
             this.element.removeChild(this.element.firstChild);
         }
-        // Add elements in the correct order based on alignment
-        if (this.isLeftAligned) {
-            // Left-aligned: Button first, then progress ring
-            this.element.appendChild(this.loadMoreButton);
-            this.element.appendChild(this.progressRing);
-        }
-        else {
-            // Right-aligned: Progress ring first, then button
-            this.element.appendChild(this.progressRing);
-            this.element.appendChild(this.loadMoreButton);
-        }
+        // Right-aligned: progress ring first, then button
+        this.element.appendChild(this.progressRing);
+        this.element.appendChild(this.loadMoreButton);
     }
     createProgressRing() {
         // Create the progress ring with the appropriate design system prefix
@@ -60,7 +46,7 @@ export class LoadMoreStatusBarComponent {
         this.progressRing.style.width = '20px';
         this.progressRing.style.height = '20px';
         // Different margin based on alignment - when left-aligned, progress ring goes after button
-        this.progressRing.style.margin = this.isLeftAligned ? '0 0 0 8px' : '0 8px 0 0';
+        this.progressRing.style.margin = '0 8px 0 0';
         this.progressRing.style.display = 'none'; // Hidden by default
     }
     createLoadMoreButton() {

package/dist/esm/status-bar-components/row-count.status-bar.js

@@ -1,7 +1,6 @@
 /**
  * Row Count Status Bar Component for Server-Side Infinite Scroll
- * Displays current row count information for server-side grids without pagination.
- * For pagination scenarios, use PaginationStatusBarComponent instead.
+ * Displays current row count information for server-side grids.
  * @public
  */
 export class RowCountStatusBarComponent {