@linzjs/step-ag-grid 30.2.0 → 30.4.0

package/dist/step-ag-grid.esm.js

@@ -62066,6 +62066,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) => {
@@ -62084,7 +62086,6 @@ class GridFilterColumnsMultiSelect {
     reactRoot = null;
     filterButtonClickListener = null;
     filterButton = null;
-    hasOpened = false;
     normalizeCellValue(value) {
         if (typeof value === 'string')
             return value.trim() === '' ? EMPTY_KEY : value;
@@ -62134,14 +62135,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();
-                    this.hasOpened = false;
+                    filterStateMap.set(columnId, false);
+                    return;
+                }
+                const isOpen = filterStateMap.get(columnId) || false;
+                if (isOpen) {
+                    e.stopImmediatePropagation();
+                    e.preventDefault();
+                    this.params.api.hidePopupMenu();
+                    filterStateMap.set(columnId, false);
                 }
                 else {
-                    this.hasOpened = true;
+                    filterStateMap.set(columnId, true);
                 }
             };
             this.filterButton.addEventListener('click', this.filterButtonClickListener, true);
@@ -63166,7 +63177,14 @@ const GridFormInlineTextInput = (props) => {
             input?.removeEventListener('keydown', tabRecorder, { capture: true });
         };
     }, [tabRecorder]);
-    return (jsx("div", { className: clsx('GridFormInlineTextInput', invalid() && 'GridFormInlineTextInput-error'), title: String(invalid() ?? ''), children: jsx("input", { ref: inputRef, type: 'text', value: value, onChange: (e) => setValue(e.target.value), placeholder: props.placeholder ?? 'Type here', onBlur: () => {
+    return (jsx("div", { className: clsx('GridFormInlineTextInput', invalid() && 'GridFormInlineTextInput-error'), title: String(invalid() ?? ''), children: jsx("input", { ref: inputRef, type: 'text', value: value, onChange: (e) => {
+                setValue(e.target.value);
+                if (props.onChange) {
+                    const selectedRows = getSelectedRows();
+                    const selectedRowIds = selectedRows.map((data) => data.id);
+                    props.onChange({ selectedRows, selectedRowIds, value: e.target.value });
+                }
+            }, placeholder: props.placeholder ?? 'Type here', onBlur: () => {
                 void triggerSave(CloseReason.BLUR);
             }, onKeyUp: (e) => {
                 if (e.key === 'Enter') {