@linzjs/step-ag-grid 30.2.0 → 30.4.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/src/components/gridForm/GridFormInlineTextInput.d.ts

@@ -10,6 +10,11 @@ export interface GridFormInlineTextInput<TData extends GridBaseRow> extends Text
         selectedRowIds: TData['id'][];
         value: string;
     }) => MaybePromise<boolean>;
+    onChange?: (props: {
+        selectedRows: TData[];
+        selectedRowIds: TData['id'][];
+        value: string;
+    }) => void;
     helpText?: string;
 }
 export declare const GridFormInlineTextInput: <TData extends GridBaseRow>(props: GridFormInlineTextInput<TData>) => import("react/jsx-runtime").JSX.Element;

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();
-                    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);
@@ -63168,7 +63179,14 @@ const GridFormInlineTextInput = (props) => {
             input?.removeEventListener('keydown', tabRecorder, { capture: true });
         };
     }, [tabRecorder]);
-    return (jsxRuntime.jsx("div", { className: clsx('GridFormInlineTextInput', invalid() && 'GridFormInlineTextInput-error'), title: String(invalid() ?? ''), children: jsxRuntime.jsx("input", { ref: inputRef, type: 'text', value: value, onChange: (e) => setValue(e.target.value), placeholder: props.placeholder ?? 'Type here', onBlur: () => {
+    return (jsxRuntime.jsx("div", { className: clsx('GridFormInlineTextInput', invalid() && 'GridFormInlineTextInput-error'), title: String(invalid() ?? ''), children: jsxRuntime.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') {