@linzjs/step-ag-grid 30.0.0 → 30.1.0

package/dist/src/components/gridFilter/GridFilterColumnsMultiSelect.d.ts

@@ -16,9 +16,13 @@ export declare class GridFilterColumnsMultiSelect implements IFilterComp {
     private gui;
     private labelFormatter?;
     private reactRoot;
+    private filterButtonClickListener;
+    private filterButton;
+    private hasOpened;
     private normalizeCellValue;
     private loadFieldValues;
     init(params: CheckboxMultiFilterParams): void;
+    private setupFilterButtonListener;
     private render;
     private handleToggleAll;
     private handleToggleOne;

package/dist/step-ag-grid.cjs

@@ -62084,6 +62084,9 @@ class GridFilterColumnsMultiSelect {
     gui;
     labelFormatter;
     reactRoot = null;
+    filterButtonClickListener = null;
+    filterButton = null;
+    hasOpened = false;
     normalizeCellValue(value) {
         if (typeof value === 'string')
             return value.trim() === '' ? EMPTY_KEY : value;
@@ -62126,6 +62129,25 @@ class GridFilterColumnsMultiSelect {
         this.gui = document.createElement('div');
         this.reactRoot = client.createRoot(this.gui);
         this.render();
+        this.setupFilterButtonListener();
+    }
+    setupFilterButtonListener() {
+        const columnId = this.params.column.getColId();
+        this.filterButton = document.querySelector(`[col-id="${columnId}"] .ag-header-cell-filter-button`);
+        if (this.filterButton) {
+            this.filterButtonClickListener = (e) => {
+                if (this.hasOpened) {
+                    e.stopPropagation();
+                    e.preventDefault();
+                    this.params.api.hidePopupMenu();
+                    this.hasOpened = false;
+                }
+                else {
+                    this.hasOpened = true;
+                }
+            };
+            this.filterButton.addEventListener('click', this.filterButtonClickListener, true);
+        }
     }
     render() {
         if (!this.reactRoot)
@@ -62181,6 +62203,11 @@ class GridFilterColumnsMultiSelect {
         this.render();
     }
     destroy() {
+        if (this.filterButtonClickListener && this.filterButton) {
+            this.filterButton.removeEventListener('click', this.filterButtonClickListener, true);
+            this.filterButtonClickListener = null;
+            this.filterButton = null;
+        }
         if (this.reactRoot) {
             this.reactRoot.unmount();
             this.reactRoot = null;