@linzjs/step-ag-grid 30.2.0 → 30.3.0

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

@@ -18,7 +18,6 @@ export declare class GridFilterColumnsMultiSelect implements IFilterComp {
     private reactRoot;
     private filterButtonClickListener;
     private filterButton;
-    private hasOpened;
     private normalizeCellValue;
     private loadFieldValues;
     init(params: CheckboxMultiFilterParams): void;

package/dist/step-ag-grid.cjs

@@ -62068,6 +62068,8 @@ styleInject(css_248z$3);
 
 const EMPTY_KEY = '__EMPTY__';
 const DEFAULT_EMPTY_LABEL = '-';
+const filterStateMap = new Map();
+const filterClickCountMap = new Map();
 const FilterUI = ({ allValues, selected, labels, labelFormatter, onToggleAll, onToggleOne, }) => {
     const allChecked = allValues.length > 0 && selected.size === allValues.length;
     const getDisplayLabel = (raw) => {
@@ -62086,7 +62088,6 @@ class GridFilterColumnsMultiSelect {
     reactRoot = null;
     filterButtonClickListener = null;
     filterButton = null;
-    hasOpened = false;
     normalizeCellValue(value) {
         if (typeof value === 'string')
             return value.trim() === '' ? EMPTY_KEY : value;
@@ -62136,14 +62137,24 @@ class GridFilterColumnsMultiSelect {
         this.filterButton = document.querySelector(`[col-id="${columnId}"] .ag-header-cell-filter-button`);
         if (this.filterButton) {
             this.filterButtonClickListener = (e) => {
-                if (this.hasOpened) {
-                    e.stopPropagation();
+                const clickCount = filterClickCountMap.get(columnId) || 0;
+                filterClickCountMap.set(columnId, clickCount + 1);
+                if (clickCount === 0) {
+                    e.stopImmediatePropagation();
+                    e.preventDefault();
+                    this.params.api.hidePopupMenu();
+                    filterStateMap.set(columnId, false);
+                    return;
+                }
+                const isOpen = filterStateMap.get(columnId) || false;
+                if (isOpen) {
+                    e.stopImmediatePropagation();
                     e.preventDefault();
                     this.params.api.hidePopupMenu();
-                    this.hasOpened = false;
+                    filterStateMap.set(columnId, false);
                 }
                 else {
-                    this.hasOpened = true;
+                    filterStateMap.set(columnId, true);
                 }
             };
             this.filterButton.addEventListener('click', this.filterButtonClickListener, true);