@linzjs/step-ag-grid 29.14.1 → 29.16.0

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

@@ -3257,7 +3257,7 @@ defaultPostSort = true, rowData, rowHeight = theme === 'ag-theme-step-default' ?
 // ─── Selection ────────────────────────────────
 autoSelectFirstRow, enableRangeSelection = false, externalSelectedIds, externalSelectedItems, selectColumnPinned = 'left', selectable, setExternalSelectedIds, setExternalSelectedItems, 
 // ─── Editing ──────────────────────────────────
-singleClickEdit = false, 
+singleClickEdit = false, stopEditingWhenCellsLoseFocus = false, 
 // ─── Context Menu ─────────────────────────────
 contextMenuSelectRow = false, contextMenu, 
 // ─── Callbacks / Events ───────────────────────
@@ -3971,7 +3971,7 @@ maxInitialWidth,
                                 headerCheckbox: false,
                             }),
                         }
-                        : undefined, selectionColumnDef: selectionColumnDef, suppressCellFocus: params.suppressCellFocus, suppressClickEdit: true, suppressColumnVirtualisation: suppressColumnVirtualization, suppressStartEditOnTab: true }) })] }));
+                        : undefined, stopEditingWhenCellsLoseFocus: stopEditingWhenCellsLoseFocus, selectionColumnDef: selectionColumnDef, suppressCellFocus: params.suppressCellFocus, suppressClickEdit: true, suppressColumnVirtualisation: suppressColumnVirtualization, suppressStartEditOnTab: true }) })] }));
 };
 const quickFilterParser = (filterStr) => {
     // filter is exact matches exactly groups separated by commas
@@ -4247,10 +4247,18 @@ class GridFilterColumnsMultiSelect {
             const norm = this.normalizeCellValue(raw);
             values.add(norm);
         });
+        const { customOrder } = this.params;
+        const orderMap = customOrder?.length ? new Map(customOrder.map((val, idx) => [val, idx])) : null;
         return Array.from(values).sort((a, b) => {
-            if (a === EMPTY_KEY && b !== EMPTY_KEY)
-                return -1;
-            if (b === EMPTY_KEY && a !== EMPTY_KEY)
+            if (orderMap) {
+                const aIdx = orderMap.get(a) ?? Infinity;
+                const bIdx = orderMap.get(b) ?? Infinity;
+                if (aIdx !== bIdx)
+                    return aIdx - bIdx;
+            }
+            if (a === EMPTY_KEY)
+                return b === EMPTY_KEY ? 0 : -1;
+            if (b === EMPTY_KEY)
                 return 1;
             return a.localeCompare(b);
         });
@@ -4297,9 +4305,12 @@ class GridFilterColumnsMultiSelect {
         return this.gui;
     }
     isFilterActive() {
-        return this.selectedValues.size > 0;
+        return this.selectedValues.size !== this.allValues.length;
     }
     doesFilterPass(p) {
+        if (this.selectedValues.size === 0) {
+            return false;
+        }
         const field = this.params.colDef.field;
         if (!p.data || typeof p.data !== 'object') {
             return this.selectedValues.has(EMPTY_KEY);
@@ -4309,7 +4320,10 @@ class GridFilterColumnsMultiSelect {
         return this.selectedValues.has(norm);
     }
     getModel() {
-        return this.selectedValues.size > 0 ? { values: Array.from(this.selectedValues) } : null;
+        if (this.selectedValues.size !== this.allValues.length) {
+            return { values: Array.from(this.selectedValues) };
+        }
+        return null;
     }
     setModel(model) {
         this.selectedValues = new Set(model?.values || []);
@@ -4322,9 +4336,10 @@ class GridFilterColumnsMultiSelect {
         }
     }
 }
-const createCheckboxMultiFilterParams = (labels = {}, labelFormatter) => ({
+const createCheckboxMultiFilterParams = (labels = {}, labelFormatter, customOrder) => ({
     labels: { [EMPTY_KEY]: DEFAULT_EMPTY_LABEL, ...labels },
     labelFormatter,
+    customOrder,
 });
 
 const GridFilterHeaderIconButton = forwardRef(function columnsButton({ icon, title, onClick, buttonProps, disabled = false, size = 'md' }, ref) {