@linzjs/step-ag-grid 30.1.0 → 30.3.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();
+                    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);
@@ -63820,16 +63831,22 @@ const GridPopoverEditBearingCorrection = (colDef, props) => GridPopoverEditBeari
     },
 });
 
-const GridPopoverEditDropDown = (colDef, props) => GridCell(colDef, {
-    editor: GridFormDropDown,
-    ...props,
-    editorParams: {
-        ...props.editorParams,
-        className: clsx({
-            'GridPopoverEditDropDown-containerLarge': !props.editorParams?.className?.includes('GridPopoverEditDropDown-container'),
-        }, props.editorParams?.className),
-    },
-});
+const GridPopoverEditDropDown = (colDef, props) => {
+    colDef.cellRendererParams = {
+        rightHoverElement: (jsx(GridIcon, { icon: 'ic_arrow_drop_down', title: '', className: 'GridCell-editableIcon GridCell-dropDownIcon' })),
+        ...colDef.cellRendererParams,
+    };
+    return GridCell(colDef, {
+        editor: GridFormDropDown,
+        ...props,
+        editorParams: {
+            ...props.editorParams,
+            className: clsx({
+                'GridPopoverEditDropDown-containerLarge': !props.editorParams?.className?.includes('GridPopoverEditDropDown-container'),
+            }, props.editorParams?.className),
+        },
+    });
+};
 
 const GridRenderPopoutMenuCell = (props) => {
     const disabled = !fnOrVar(props.colDef?.editable, props);
@@ -63912,8 +63929,14 @@ const GridContextProvider = (props) => {
     const enableMultilineBulkEditRef = useRef(false);
     const idsBeforeUpdate = useRef([]);
     const prePopupFocusedCell = useRef();
-    const [externallySelectedItemsAreInSync, setExternallySelectedItemsAreInSync] = useState(false);
+    const [externallySelectedItemsAreInSync, _setExternallySelectedItemsAreInSync] = useState(false);
     const externalFilters = useRef([]);
+    // waitForExternallySelectedItemsToBeInSync can't use the state as it won't be updated during function execution
+    const externallySelectedItemsAreInSyncRef = useRef(false);
+    const setExternallySelectedItemsAreInSync = useCallback((cond) => {
+        _setExternallySelectedItemsAreInSync(cond);
+        externallySelectedItemsAreInSyncRef.current = cond;
+    }, [_setExternallySelectedItemsAreInSync]);
     const setQuickFilter = useCallback((filter) => {
         // If we don't clear the focused cell focus switches back to grid when typing in the quick filter input
         gridApi?.clearFocusedCell();
@@ -64260,11 +64283,6 @@ const GridContextProvider = (props) => {
             });
         }
     }, [gridApi]);
-    // waitForExternallySelectedItemsToBeInSync can't use the state as it won't be updated during function execution
-    const externallySelectedItemsAreInSyncRef = useRef(false);
-    useEffect(() => {
-        externallySelectedItemsAreInSyncRef.current = externallySelectedItemsAreInSync;
-    }, [externallySelectedItemsAreInSync]);
     const waitForExternallySelectedItemsToBeInSync = useCallback(async () => {
         if (!hasExternallySelectedItemsRef.current) {
             externallySelectedItemsAreInSyncRef.current = true;
@@ -64320,7 +64338,7 @@ const GridContextProvider = (props) => {
         finally {
             startCellEditingInProgressRef.current = false;
         }
-    }, [anyUpdating, gridApi, prePopupOps, waitForExternallySelectedItemsToBeInSync]);
+    }, [anyUpdating, gridApi, prePopupOps, setExternallySelectedItemsAreInSync, waitForExternallySelectedItemsToBeInSync]);
     const bulkEditingCompleteCallbackRef = useRef();
     const onBulkEditingComplete = useCallback(async () => {
         await bulkEditingCompleteCallbackRef.current?.();