@genesislcap/grid-pro 14.501.0 → 15.0.0-FUI-2567.2

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

@@ -1,238 +0,0 @@
-/**
- * Pagination Status Bar Component for AG Grid
- * Displays pagination controls and information about current page and total rows
- * @public
- */
-export class PaginationStatusBarComponent {
-    init(params) {
-        this.api = params.api;
-        this.element = document.createElement('div');
-        this.element.className = 'ag-status-panel';
-        this.element.setAttribute('data-test-id', 'grid-pagination-panel');
-        this.element.setAttribute('role', 'navigation');
-        this.element.setAttribute('aria-label', 'Pagination controls');
-        this.element.style.display = 'flex';
-        this.element.style.alignItems = 'center';
-        this.element.style.justifyContent = 'flex-end';
-        this.element.style.height = 'var(--ag-status-bar-height)';
-        this.createPaginationPanel();
-        // Initial update
-        this.updateDisplay();
-        // Listen to pagination changes
-        this.paginationChangedHandler = () => {
-            this.updateDisplay();
-        };
-        this.api.addEventListener('paginationChanged', this.paginationChangedHandler);
-    }
-    getGui() {
-        return this.element;
-    }
-    createPaginationPanel() {
-        // Create the main pagination panel
-        this.paginationPanel = document.createElement('div');
-        this.paginationPanel.className = 'ag-paging-panel ag-unselectable';
-        this.paginationPanel.setAttribute('id', 'ag-pagination-clone');
-        this.paginationPanel.setAttribute('data-test-id', 'grid-pagination-controls');
-        // Row summary panel
-        this.paginationSummaryPanel = document.createElement('span');
-        this.paginationSummaryPanel.className = 'ag-paging-row-summary-panel';
-        this.paginationSummaryPanel.setAttribute('role', 'status');
-        this.paginationSummaryPanel.setAttribute('data-test-id', 'grid-pagination-summary');
-        this.paginationSummaryPanel.setAttribute('aria-label', 'Row count summary');
-        // First page button
-        this.firstPageButton = this.createPaginationButton('btFirst', 'ag-paging-button ag-disabled', 'First Page', true);
-        this.firstPageButton.setAttribute('data-test-id', 'grid-pagination-first');
-        // Previous page button
-        this.prevPageButton = this.createPaginationButton('btPrevious', 'ag-paging-button ag-disabled', 'Previous Page', true);
-        this.prevPageButton.setAttribute('data-test-id', 'grid-pagination-previous');
-        // Create the description panel
-        this.descriptionPanel = document.createElement('span');
-        this.descriptionPanel.className = 'ag-paging-description';
-        this.descriptionPanel.setAttribute('role', 'status');
-        this.descriptionPanel.setAttribute('data-test-id', 'grid-pagination-description');
-        this.descriptionPanel.setAttribute('aria-label', 'Current page information');
-        // Page information elements
-        this.pageStartDisplay = document.createElement('span');
-        this.pageStartDisplay.className = 'ag-paging-number';
-        this.pageStartDisplay.setAttribute('id', 'ag-pagination-clone-start-page');
-        this.pageStartDisplay.setAttribute('data-test-id', 'grid-pagination-page-label');
-        this.pageStartDisplay.textContent = 'Page';
-        this.pageNumberDisplay = document.createElement('span');
-        this.pageNumberDisplay.className = 'ag-paging-number';
-        this.pageNumberDisplay.setAttribute('id', 'ag-pagination-clone-start-page-number');
-        this.pageNumberDisplay.setAttribute('ref', 'lbCurrent');
-        this.pageNumberDisplay.setAttribute('data-test-id', 'grid-pagination-current-page');
-        this.pageNumberDisplay.setAttribute('aria-label', 'Current page number');
-        this.pageNumberDisplay.textContent = '1';
-        this.pageOfDisplay = document.createElement('span');
-        this.pageOfDisplay.className = 'ag-paging-number';
-        this.pageOfDisplay.setAttribute('id', 'ag-pagination-clone-of-page');
-        this.pageOfDisplay.setAttribute('data-test-id', 'grid-pagination-of-label');
-        this.pageOfDisplay.textContent = 'of';
-        this.pageNumberTotalDisplay = document.createElement('span');
-        this.pageNumberTotalDisplay.className = 'ag-paging-number';
-        this.pageNumberTotalDisplay.setAttribute('id', 'ag-pagination-clone-of-page-number');
-        this.pageNumberTotalDisplay.setAttribute('ref', 'lbTotal');
-        this.pageNumberTotalDisplay.setAttribute('data-test-id', 'grid-pagination-total-pages');
-        this.pageNumberTotalDisplay.setAttribute('aria-label', 'Total number of pages');
-        this.pageNumberTotalDisplay.textContent = '1';
-        // Next page button
-        this.nextPageButton = this.createPaginationButton('btNext', 'ag-paging-button', 'Next Page', false);
-        this.nextPageButton.setAttribute('data-test-id', 'grid-pagination-next');
-        // Last page button
-        this.lastPageButton = this.createPaginationButton('btLast', 'ag-paging-button', 'Last Page', false);
-        this.lastPageButton.setAttribute('data-test-id', 'grid-pagination-last');
-        // Assemble the description panel
-        this.descriptionPanel.appendChild(this.pageStartDisplay);
-        this.descriptionPanel.appendChild(document.createTextNode(' '));
-        this.descriptionPanel.appendChild(this.pageNumberDisplay);
-        this.descriptionPanel.appendChild(document.createTextNode(' '));
-        this.descriptionPanel.appendChild(this.pageOfDisplay);
-        this.descriptionPanel.appendChild(document.createTextNode(' '));
-        this.descriptionPanel.appendChild(this.pageNumberTotalDisplay);
-        // Assemble the pagination panel
-        this.paginationPanel.appendChild(this.paginationSummaryPanel);
-        this.paginationPanel.appendChild(this.firstPageButton);
-        this.paginationPanel.appendChild(this.prevPageButton);
-        this.paginationPanel.appendChild(this.descriptionPanel);
-        this.paginationPanel.appendChild(this.nextPageButton);
-        this.paginationPanel.appendChild(this.lastPageButton);
-        // Add to main container
-        this.element.appendChild(this.paginationPanel);
-        // Add event listeners with keyboard support
-        this.addPaginationEventListeners();
-    }
-    addPaginationEventListeners() {
-        // Click event listeners
-        this.firstPageButton.addEventListener('click', () => this.goToPage('first'));
-        this.prevPageButton.addEventListener('click', () => this.goToPage('previous'));
-        this.nextPageButton.addEventListener('click', () => this.goToPage('next'));
-        this.lastPageButton.addEventListener('click', () => this.goToPage('last'));
-        // Keyboard event listeners for accessibility
-        this.firstPageButton.addEventListener('keydown', (event) => {
-            if (event.key === 'Enter' || event.key === ' ') {
-                event.preventDefault();
-                this.goToPage('first');
-            }
-        });
-        this.prevPageButton.addEventListener('keydown', (event) => {
-            if (event.key === 'Enter' || event.key === ' ') {
-                event.preventDefault();
-                this.goToPage('previous');
-            }
-        });
-        this.nextPageButton.addEventListener('keydown', (event) => {
-            if (event.key === 'Enter' || event.key === ' ') {
-                event.preventDefault();
-                this.goToPage('next');
-            }
-        });
-        this.lastPageButton.addEventListener('keydown', (event) => {
-            if (event.key === 'Enter' || event.key === ' ') {
-                event.preventDefault();
-                this.goToPage('last');
-            }
-        });
-    }
-    createPaginationButton(ref, className, ariaLabel, disabled) {
-        const button = document.createElement('div');
-        button.setAttribute('ref', ref);
-        button.className = className;
-        button.setAttribute('role', 'button');
-        button.setAttribute('aria-label', ariaLabel);
-        button.setAttribute('tabindex', disabled ? '-1' : '0');
-        if (disabled) {
-            button.setAttribute('aria-disabled', 'true');
-        }
-        const iconSpan = document.createElement('span');
-        iconSpan.className = `ag-icon ag-icon-${ref.substring(2).toLowerCase()}`;
-        iconSpan.setAttribute('unselectable', 'on');
-        iconSpan.setAttribute('role', 'presentation');
-        button.appendChild(iconSpan);
-        return button;
-    }
-    goToPage(page) {
-        var _a;
-        const apiAny = this.api;
-        const methodMap = {
-            first: ['paginationGoToFirstPage', 'goToFirstPage'],
-            previous: ['paginationGoToPreviousPage', 'goToPreviousPage'],
-            next: ['paginationGoToNextPage', 'goToNextPage'],
-            last: ['paginationGoToLastPage', 'goToLastPage'],
-        };
-        const [directMethod, proxyMethod] = methodMap[page];
-        if (typeof apiAny[directMethod] === 'function') {
-            apiAny[directMethod]();
-        }
-        else if (typeof ((_a = apiAny.paginationProxy) === null || _a === void 0 ? void 0 : _a[proxyMethod]) === 'function') {
-            apiAny.paginationProxy[proxyMethod]();
-        }
-    }
-    updateDisplay() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
-        // Use compatibility layer for v34 pagination API
-        const apiAny = this.api;
-        const currentPage = ((_e = (_b = (_a = apiAny.paginationGetCurrentPage) === null || _a === void 0 ? void 0 : _a.call(apiAny)) !== null && _b !== void 0 ? _b : (_d = (_c = apiAny.paginationProxy) === null || _c === void 0 ? void 0 : _c.getCurrentPage) === null || _d === void 0 ? void 0 : _d.call(_c)) !== null && _e !== void 0 ? _e : 0) + 1; // 1-based for display
-        const totalPages = (_k = (_g = (_f = apiAny.paginationGetTotalPages) === null || _f === void 0 ? void 0 : _f.call(apiAny)) !== null && _g !== void 0 ? _g : (_j = (_h = apiAny.paginationProxy) === null || _h === void 0 ? void 0 : _h.getTotalPages) === null || _j === void 0 ? void 0 : _j.call(_h)) !== null && _k !== void 0 ? _k : 1;
-        const pageSize = (_m = (_l = apiAny.paginationGetPageSize) === null || _l === void 0 ? void 0 : _l.call(apiAny)) !== null && _m !== void 0 ? _m : (_p = (_o = apiAny.paginationProxy) === null || _o === void 0 ? void 0 : _o.getPageSize) === null || _p === void 0 ? void 0 : _p.call(_o);
-        const rowCount = (_r = (_q = apiAny.paginationGetRowCount) === null || _q === void 0 ? void 0 : _q.call(apiAny)) !== null && _r !== void 0 ? _r : (_t = (_s = apiAny.paginationProxy) === null || _s === void 0 ? void 0 : _s.getMasterRowCount) === null || _t === void 0 ? void 0 : _t.call(_s);
-        // Check if we're in server-side mode and if the total count is uncertain
-        // Add null checks for test environment compatibility
-        const isServerSide = ((_x = (_w = (_v = (_u = this.api).getModel) === null || _v === void 0 ? void 0 : _v.call(_u)) === null || _w === void 0 ? void 0 : _w.getType) === null || _x === void 0 ? void 0 : _x.call(_w)) === 'serverSide';
-        const hasUncertainTotal = isServerSide && apiAny.paginationIsLastPageFound && !apiAny.paginationIsLastPageFound();
-        // Update the page numbers
-        this.pageNumberDisplay.textContent = currentPage.toString();
-        this.pageNumberTotalDisplay.textContent = hasUncertainTotal ? 'more' : totalPages.toString();
-        // Update accessibility attributes when showing "more"
-        if (hasUncertainTotal) {
-            this.pageNumberTotalDisplay.setAttribute('aria-label', 'More pages available');
-            this.paginationSummaryPanel.setAttribute('aria-label', 'Row count summary with more data available');
-        }
-        else {
-            this.pageNumberTotalDisplay.setAttribute('aria-label', 'Total number of pages');
-            this.paginationSummaryPanel.setAttribute('aria-label', 'Row count summary');
-        }
-        // Update the row summary panel
-        const startRow = (currentPage - 1) * pageSize + 1;
-        const endRow = Math.min(currentPage * pageSize, rowCount);
-        const totalDisplay = hasUncertainTotal ? 'more' : rowCount.toString();
-        this.paginationSummaryPanel.textContent = `${rowCount > 0 ? startRow : 0} to ${endRow} of ${totalDisplay}`;
-        // Update button states
-        const isFirstPage = currentPage === 1;
-        const isLastPage = hasUncertainTotal ? false : currentPage >= totalPages;
-        this.updateButtonState(this.firstPageButton, isFirstPage);
-        this.updateButtonState(this.prevPageButton, isFirstPage);
-        this.updateButtonState(this.nextPageButton, isLastPage);
-        // Disable "last page" button when we don't know the total (showing "more")
-        this.updateButtonState(this.lastPageButton, hasUncertainTotal || isLastPage);
-        // Update last page button accessibility when uncertain total
-        if (hasUncertainTotal) {
-            this.lastPageButton.setAttribute('aria-label', 'Last page unavailable - total number of pages unknown');
-            this.lastPageButton.setAttribute('title', 'Cannot jump to last page when total is unknown');
-        }
-        else {
-            this.lastPageButton.setAttribute('aria-label', 'Last Page');
-            this.lastPageButton.removeAttribute('title');
-        }
-    }
-    updateButtonState(button, disabled) {
-        if (disabled) {
-            button.classList.add('ag-disabled');
-            button.setAttribute('aria-disabled', 'true');
-            button.setAttribute('tabindex', '-1');
-        }
-        else {
-            button.classList.remove('ag-disabled');
-            button.setAttribute('aria-disabled', 'false');
-            button.setAttribute('tabindex', '0');
-        }
-    }
-    destroy() {
-        // Remove event listeners
-        if (this.api && this.paginationChangedHandler) {
-            this.api.removeEventListener('paginationChanged', this.paginationChangedHandler);
-        }
-        this.api = null;
-        this.paginationChangedHandler = null;
-    }
-}