@genesislcap/grid-pro 15.10.6 → 15.12.0-FUI-2601.1

package/dist/dts/grid-pro.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-pro.types.d.ts","sourceRoot":"","sources":["../../src/grid-pro.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"grid-pro.types.d.ts","sourceRoot":"","sources":["../../src/grid-pro.types.ts"],"names":[],"mappings":"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"}

package/dist/dts/index.d.ts

@@ -2,6 +2,7 @@ export * from './cell';
 export * from './cell-renderers';
 export * from './cell-editors';
 export * from './column';
+export * from './columns-tool-panel';
 export * from './datasource';
 export * from './external';
 export * from './grid-components';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}

package/dist/esm/columns-tool-panel/columns-tool-panel.js

@@ -0,0 +1,274 @@
+import { applyVisibleOrder, getPickerItems, partitionPickerItems, reorderVisibleIds, } from './columns-tool-panel.utils';
+const PANEL_STYLES = `
+.grid-pro-columns-tool-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 200px;
+  padding: 8px;
+  box-sizing: border-box;
+  color: var(--ag-foreground-color, var(--neutral-foreground-rest));
+  background: var(--ag-control-panel-background-color, var(--neutral-layer-2));
+  font-family: var(--ag-font-family, var(--body-font));
+  font-size: var(--ag-data-font-size, var(--type-ramp-minus-1-font-size));
+}
+.grid-pro-columns-search {
+  width: 100%;
+  margin-bottom: 8px;
+  padding: 6px 8px;
+  box-sizing: border-box;
+  border: 1px solid var(--ag-input-border-color, var(--neutral-stroke-rest));
+  border-radius: 4px;
+  background: var(--ag-background-color, var(--neutral-layer-card-container));
+  color: inherit;
+  font: inherit;
+}
+.grid-pro-columns-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  overflow: auto;
+}
+.grid-pro-columns-divider {
+  height: 1px;
+  margin: 8px 0;
+  background: var(--ag-border-color, var(--neutral-stroke-divider-rest));
+  flex-shrink: 0;
+}
+.grid-pro-columns-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 6px;
+  border-radius: 4px;
+  cursor: default;
+  user-select: none;
+}
+.grid-pro-columns-item[draggable='true'] {
+  cursor: grab;
+}
+.grid-pro-columns-item.dragging {
+  opacity: 0.5;
+}
+.grid-pro-columns-item.drag-over {
+  background: var(--ag-row-hover-color, var(--neutral-fill-hover));
+}
+.grid-pro-columns-handle {
+  opacity: 0.45;
+  letter-spacing: -1px;
+  font-size: 12px;
+}
+.grid-pro-columns-item[draggable='false'] .grid-pro-columns-handle {
+  visibility: hidden;
+}
+.grid-pro-columns-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+`;
+/**
+ * Custom columns tool panel. Replaces AG Grid Enterprise `agColumnsToolPanel`.
+ *
+ * @public
+ * @remarks
+ * Registered as `gridProColumnsToolPanel` (`GridProToolPanelTypes.columns`).
+ * `resolveGridProSideBar` rewrites `sideBar: ['columns']` / `agColumnsToolPanel` to this
+ * component so hosts do not need `ColumnsToolPanelModule` — only `SideBarModule`.
+ *
+ * Layout: search → visible columns (drag to reorder) → divider → hidden columns.
+ * Checkboxes toggle visibility via `api.setColumnsVisible`; drag is limited to the
+ * visible list and disabled while a search filter is active.
+ */
+export class ColumnsToolPanel {
+    constructor() {
+        this.search = '';
+        /** Source colId while a visible-row drag is in progress. */
+        this.dragColId = null;
+        /** Stable listener refs so `destroy` can remove the same functions `init` added. */
+        this.boundRefresh = () => this.refresh();
+    }
+    /**
+     * AG Grid `IToolPanelComp` entry. Builds the DOM once and subscribes to column
+     * events so the picker stays in sync with header menu / API visibility changes.
+     */
+    init(params) {
+        this.params = params;
+        this.api = params.api;
+        this.buildGui();
+        this.refresh();
+        this.api.addEventListener('columnVisible', this.boundRefresh);
+        this.api.addEventListener('columnMoved', this.boundRefresh);
+        this.api.addEventListener('newColumnsLoaded', this.boundRefresh);
+        this.api.addEventListener('displayedColumnsChanged', this.boundRefresh);
+    }
+    /**
+     * Rebuilds both lists from current grid column state.
+     * Displayed columns stay first (grid order); hidden columns follow so search
+     * and drag operate on a single ordered picker model.
+     */
+    refresh() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!this.api || !this.selectedList) {
+            return;
+        }
+        const activeElement = document.activeElement;
+        const activeTestId = activeElement && ((_a = this.eGui) === null || _a === void 0 ? void 0 : _a.contains(activeElement))
+            ? activeElement.getAttribute('data-test-id')
+            : null;
+        const displayed = (_d = (_c = (_b = this.api).getAllDisplayedColumns) === null || _c === void 0 ? void 0 : _c.call(_b)) !== null && _d !== void 0 ? _d : [];
+        const all = (_g = (_f = (_e = this.api).getColumns) === null || _f === void 0 ? void 0 : _f.call(_e)) !== null && _g !== void 0 ? _g : [];
+        const displayedIds = new Set(displayed.map((column) => column.getColId()));
+        // Displayed first (current visual order), then any non-displayed columns.
+        const ordered = [...displayed, ...all.filter((column) => !displayedIds.has(column.getColId()))];
+        const items = getPickerItems(ordered);
+        const { selected, unselected } = partitionPickerItems(items, this.search);
+        this.renderList(this.selectedList, selected, true);
+        this.renderList(this.unselectedList, unselected, false);
+        this.divider.style.display = selected.length && unselected.length ? '' : 'none';
+        if (activeTestId) {
+            const restoredElement = this.eGui.querySelector(`[data-test-id="${activeTestId}"]`);
+            restoredElement === null || restoredElement === void 0 ? void 0 : restoredElement.focus();
+        }
+    }
+    /** Root element AG Grid mounts into the sidebar. */
+    getGui() {
+        return this.eGui;
+    }
+    destroy() {
+        if (this.api) {
+            this.api.removeEventListener('columnVisible', this.boundRefresh);
+            this.api.removeEventListener('columnMoved', this.boundRefresh);
+            this.api.removeEventListener('newColumnsLoaded', this.boundRefresh);
+            this.api.removeEventListener('displayedColumnsChanged', this.boundRefresh);
+        }
+        this.api = null;
+    }
+    /** One-time DOM: scoped styles, search, visible list, divider, hidden list. */
+    buildGui() {
+        this.eGui = document.createElement('div');
+        this.eGui.className = 'grid-pro-columns-tool-panel';
+        this.eGui.setAttribute('data-test-id', 'grid-pro-columns-tool-panel');
+        const style = document.createElement('style');
+        style.textContent = PANEL_STYLES;
+        this.eGui.appendChild(style);
+        this.searchInput = document.createElement('input');
+        this.searchInput.type = 'search';
+        this.searchInput.className = 'grid-pro-columns-search';
+        this.searchInput.placeholder = 'Search';
+        this.searchInput.setAttribute('data-test-id', 'grid-pro-columns-search');
+        this.searchInput.addEventListener('input', () => {
+            this.search = this.searchInput.value;
+            this.refresh();
+        });
+        this.eGui.appendChild(this.searchInput);
+        this.selectedList = document.createElement('div');
+        this.selectedList.className = 'grid-pro-columns-list';
+        this.selectedList.setAttribute('data-test-id', 'grid-pro-columns-selected');
+        this.eGui.appendChild(this.selectedList);
+        this.divider = document.createElement('div');
+        this.divider.className = 'grid-pro-columns-divider';
+        this.divider.setAttribute('data-test-id', 'grid-pro-columns-divider');
+        this.eGui.appendChild(this.divider);
+        this.unselectedList = document.createElement('div');
+        this.unselectedList.className = 'grid-pro-columns-list';
+        this.unselectedList.setAttribute('data-test-id', 'grid-pro-columns-unselected');
+        this.eGui.appendChild(this.unselectedList);
+    }
+    renderList(container, items, selected) {
+        container.replaceChildren();
+        for (const item of items) {
+            container.appendChild(this.createItem(item, selected));
+        }
+    }
+    /**
+     * One picker row: drag handle + visibility checkbox + header label.
+     * Drag is only bound for visible rows when search is empty so reorder
+     * matches full grid order, not a filtered subset.
+     */
+    createItem(item, selected) {
+        const row = document.createElement('div');
+        row.className = 'grid-pro-columns-item';
+        row.dataset.colId = item.colId;
+        row.setAttribute('data-test-id', `grid-pro-columns-item-${item.colId}`);
+        const handle = document.createElement('span');
+        handle.className = 'grid-pro-columns-handle';
+        handle.textContent = '⋮⋮';
+        row.appendChild(handle);
+        const checkbox = document.createElement('input');
+        checkbox.type = 'checkbox';
+        checkbox.checked = item.visible;
+        checkbox.disabled = item.lockVisible;
+        checkbox.setAttribute('data-test-id', `grid-pro-columns-check-${item.colId}`);
+        checkbox.addEventListener('change', () => {
+            if (item.lockVisible || !this.api) {
+                return;
+            }
+            this.api.setColumnsVisible([item.colId], checkbox.checked);
+        });
+        row.appendChild(checkbox);
+        const label = document.createElement('span');
+        label.className = 'grid-pro-columns-label';
+        label.textContent = item.headerName;
+        row.appendChild(label);
+        if (selected && !this.search.trim()) {
+            this.bindDrag(row, item.colId);
+        }
+        return row;
+    }
+    /** HTML5 drag-and-drop between visible rows; drop target colId is `colId`. */
+    bindDrag(row, colId) {
+        row.draggable = true;
+        row.addEventListener('dragstart', (event) => {
+            var _a;
+            this.dragColId = colId;
+            (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.setData('text/plain', colId);
+            row.classList.add('dragging');
+        });
+        row.addEventListener('dragend', () => {
+            this.dragColId = null;
+            row.classList.remove('dragging');
+        });
+        row.addEventListener('dragover', (event) => {
+            event.preventDefault();
+            row.classList.add('drag-over');
+        });
+        row.addEventListener('dragleave', () => {
+            row.classList.remove('drag-over');
+        });
+        row.addEventListener('drop', (event) => {
+            var _a;
+            event.preventDefault();
+            row.classList.remove('drag-over');
+            const fromId = this.dragColId || ((_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.getData('text/plain'));
+            if (fromId) {
+                this.reorderSelected(fromId, colId);
+            }
+        });
+    }
+    /**
+     * Applies a new visible-column order via `applyColumnState({ applyOrder: true })`.
+     * Hidden columns keep their relative positions; only the visible slice is permuted.
+     */
+    reorderSelected(fromId, toId) {
+        var _a, _b, _c, _d, _e, _f;
+        if (!this.api || !this.api.getColumnState || !this.api.applyColumnState) {
+            return;
+        }
+        const displayed = (_c = (_b = (_a = this.api).getAllDisplayedColumns) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : [];
+        const all = (_f = (_e = (_d = this.api).getColumns) === null || _e === void 0 ? void 0 : _e.call(_d)) !== null && _f !== void 0 ? _f : [];
+        const displayedIds = new Set(displayed.map((column) => column.getColId()));
+        const ordered = [...displayed, ...all.filter((column) => !displayedIds.has(column.getColId()))];
+        const items = getPickerItems(ordered);
+        const allVisibleIds = items.filter((item) => item.visible).map((item) => item.colId);
+        const { selected } = partitionPickerItems(items, this.search);
+        const nextOrder = reorderVisibleIds(allVisibleIds, selected.map((item) => item.colId), fromId, toId);
+        if (!nextOrder) {
+            return;
+        }
+        this.api.applyColumnState({
+            state: applyVisibleOrder(this.api.getColumnState(), nextOrder),
+            applyOrder: true,
+        });
+    }
+}

package/dist/esm/columns-tool-panel/columns-tool-panel.utils.js

@@ -0,0 +1,129 @@
+import { GridProToolPanelTypes } from '../grid-pro.types';
+export const gridProColumnsToolPanelDef = {
+    id: 'columns',
+    labelDefault: 'Columns',
+    labelKey: 'columns',
+    iconKey: 'columns',
+    toolPanel: GridProToolPanelTypes.columns,
+};
+const filtersToolPanelDef = {
+    id: 'filters',
+    labelDefault: 'Filters',
+    labelKey: 'filters',
+    iconKey: 'filter',
+    toolPanel: 'agFiltersToolPanel',
+};
+export function toPickerItem(col) {
+    const colDef = col.getColDef();
+    if (colDef.suppressColumnsToolPanel) {
+        return null;
+    }
+    if (typeof col.isPrimary === 'function' && !col.isPrimary()) {
+        return null;
+    }
+    const colId = col.getColId();
+    const headerName = String(colDef.headerName || colDef.field || colId || '');
+    return {
+        colId,
+        headerName,
+        visible: col.isVisible(),
+        lockVisible: Boolean(colDef.lockVisible),
+    };
+}
+export function getPickerItems(columns) {
+    return columns.map(toPickerItem).filter((item) => item != null);
+}
+export function partitionPickerItems(items, search) {
+    const query = search.trim().toLowerCase();
+    const matches = (item) => !query || item.headerName.toLowerCase().includes(query);
+    return {
+        selected: items.filter((item) => item.visible && matches(item)),
+        unselected: items
+            .filter((item) => !item.visible && matches(item))
+            .sort((a, b) => a.headerName.localeCompare(b.headerName, undefined, { sensitivity: 'base' })),
+    };
+}
+export function reorderVisibleIds(allVisibleIds, shownIds, fromId, toId) {
+    const shown = [...shownIds];
+    const fromIndex = shown.indexOf(fromId);
+    const toIndex = shown.indexOf(toId);
+    if (fromIndex < 0 || toIndex < 0 || fromId === toId) {
+        return null;
+    }
+    shown.splice(fromIndex, 1);
+    shown.splice(toIndex, 0, fromId);
+    let index = 0;
+    return allVisibleIds.map((id) => {
+        if (!shownIds.includes(id)) {
+            return id;
+        }
+        const nextId = shown[index];
+        index += 1;
+        return nextId;
+    });
+}
+export function applyVisibleOrder(columnState, visibleOrder) {
+    const byId = new Map(columnState.map((state) => [state.colId, state]));
+    let index = 0;
+    return columnState.map((state) => {
+        if (state.hide) {
+            return state;
+        }
+        const nextId = visibleOrder[index];
+        index += 1;
+        return (nextId && byId.get(nextId)) || state;
+    });
+}
+function isColumnsToolPanel(panel) {
+    if (panel === 'columns' || panel === 'agColumnsToolPanel') {
+        return true;
+    }
+    if (typeof panel === 'string') {
+        return false;
+    }
+    return (panel.toolPanel === 'agColumnsToolPanel' ||
+        panel.toolPanel === GridProToolPanelTypes.columns ||
+        panel.id === 'columns');
+}
+function toColumnsToolPanel(panel) {
+    if (typeof panel === 'string') {
+        return Object.assign({}, gridProColumnsToolPanelDef);
+    }
+    return Object.assign(Object.assign(Object.assign({}, gridProColumnsToolPanelDef), panel), { toolPanel: GridProToolPanelTypes.columns });
+}
+/**
+ * Rewrites `sideBar: ['columns']` / `agColumnsToolPanel` to the custom Grid Pro picker.
+ */
+export function resolveGridProSideBar(sideBar) {
+    var _a;
+    if (!sideBar) {
+        return sideBar;
+    }
+    if (sideBar === true || sideBar === 'true') {
+        return {
+            toolPanels: [gridProColumnsToolPanelDef, filtersToolPanelDef],
+            defaultToolPanel: 'filters',
+        };
+    }
+    if (sideBar === 'columns' || sideBar === 'agColumnsToolPanel') {
+        return { toolPanels: [gridProColumnsToolPanelDef] };
+    }
+    if (typeof sideBar === 'string') {
+        return sideBar;
+    }
+    if (Array.isArray(sideBar)) {
+        if (!sideBar.some(isColumnsToolPanel)) {
+            return sideBar;
+        }
+        return {
+            toolPanels: sideBar.map((panel) => isColumnsToolPanel(panel) ? toColumnsToolPanel(panel) : panel),
+        };
+    }
+    if (!((_a = sideBar.toolPanels) === null || _a === void 0 ? void 0 : _a.length)) {
+        return sideBar;
+    }
+    if (!sideBar.toolPanels.some(isColumnsToolPanel)) {
+        return sideBar;
+    }
+    return Object.assign(Object.assign({}, sideBar), { toolPanels: sideBar.toolPanels.map((panel) => isColumnsToolPanel(panel) ? toColumnsToolPanel(panel) : panel) });
+}

package/dist/esm/columns-tool-panel/index.js

@@ -0,0 +1,2 @@
+export * from './columns-tool-panel';
+export * from './columns-tool-panel.utils';

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

@@ -11,12 +11,13 @@ import { GridProCell } from './cell';
 import { DateEditor, MultiselectEditor, NumberEditor, SelectEditor, StringEditor, } from './cell-editors';
 import { ActionRenderer, ActionsMenuRenderer, BooleanRenderer, EditableRenderer, IconRenderer, SelectRenderer, StatusPillRenderer, } from './cell-renderers';
 import { GridProColumn, resolveVisibleColumnFields } from './column';
+import { ColumnsToolPanel, resolveGridProSideBar } from './columns-tool-panel';
 import { GridProClientSideDatasource, GridProServerSideDatasource } from './datasource';
 import { baseDatasourceEventNames } from './datasource/base.types';
 import { GridProGenesisDatasource, gridProGenesisDatasourceEventNames, } from './grid-pro-genesis-datasource';
 import { datasourceEventNames, } from './grid-pro-genesis-datasource/datasource-events.types';
 import { AG_PROPERTIES, copyAttributesToGridOptions, DEBOUNCED_RESIZE_TIME, gridProErrorNames, gridProEventNames, } from './grid-pro.definitions';
-import { DEFAULT_STATUS_BAR_CONFIG, EDITED_COLUMN_FIELD, ERROR_COLUMN_FIELD, GRID_READY_EVENT, GridOptionsConfig, GridProRendererTypes, GridProStatusBarTypes, } from './grid-pro.types';
+import { DEFAULT_STATUS_BAR_CONFIG, EDITED_COLUMN_FIELD, ERROR_COLUMN_FIELD, GRID_READY_EVENT, GridOptionsConfig, GridProRendererTypes, GridProStatusBarTypes, GridProToolPanelTypes, } from './grid-pro.types';
 import { StatePersistence } from './state-persistence';
 import { LabelValueStatusBarComponent, LoadMoreStatusBarComponent, ReloadStatusBarComponent, RowCountStatusBarComponent, } from './status-bar-components';
 import { ErrorTooltip } from './tooltips';
@@ -649,6 +650,7 @@ export class GridProBeta extends LifecycleMixin(FoundationElement) {
             [GridProStatusBarTypes.loadMore]: LoadMoreStatusBarComponent,
             [GridProStatusBarTypes.reload]: ReloadStatusBarComponent,
             [GridProStatusBarTypes.rowCount]: RowCountStatusBarComponent,
+            [GridProToolPanelTypes.columns]: ColumnsToolPanel,
         };
         return Object.assign(Object.assign(Object.assign({}, defaultFoundationAgComponents), gridOptionsComponents), this.gridComponents);
     }
@@ -1015,6 +1017,7 @@ export class GridProBeta extends LifecycleMixin(FoundationElement) {
     setLocalGridOptions(derivedOptions) {
         // Merge options with reflected AG properties from attributes
         this.agGridOptions = Object.assign(Object.assign({}, this.agGridOptions), copyAttributesToGridOptions(derivedOptions, this.agAttributes));
+        this.agGridOptions.sideBar = resolveGridProSideBar(this.agGridOptions.sideBar);
     }
     /**
      * Clears the local grid options, this is used to clear the grid options when the grid is restarted.

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

@@ -152,6 +152,15 @@ export var GridProStatusBarTypes;
     GridProStatusBarTypes["reload"] = "reload";
     GridProStatusBarTypes["rowCount"] = "rowCount";
 })(GridProStatusBarTypes || (GridProStatusBarTypes = {}));
+/**
+ * Custom Grid Pro tool panel component names.
+ * @public
+ * @remarks Replaces AG Grid Enterprise `agColumnsToolPanel`. Requires `SideBarModule`.
+ */
+export var GridProToolPanelTypes;
+(function (GridProToolPanelTypes) {
+    GridProToolPanelTypes["columns"] = "gridProColumnsToolPanel";
+})(GridProToolPanelTypes || (GridProToolPanelTypes = {}));
 /**
  * Event fired when grid is ready
  * @public

package/dist/esm/index.js

@@ -2,6 +2,7 @@ export * from './cell';
 export * from './cell-renderers';
 export * from './cell-editors';
 export * from './column';
+export * from './columns-tool-panel';
 export * from './datasource';
 export * from './external';
 export * from './grid-components';