@linzjs/step-ag-grid 1.4.10 → 1.5.0

package/dist/src/components/gridForm/GridFormDropDown.d.ts

@@ -20,6 +20,7 @@ export interface GridFormPopoutDropDownProps<RowType extends GridBaseRow, ValueT
     filtered?: "local" | "reload";
     filterPlaceholder?: string;
     onSelectedItem?: (props: GridPopoutEditDropDownSelectedItem<RowType, ValueType>) => Promise<void>;
+    onSelectFilter?: (props: GridPopoutEditDropDownSelectedItem<RowType, string>) => Promise<void>;
     options: SelectOption<ValueType>[] | ((selectedRows: RowType[], filter?: string) => Promise<SelectOption<ValueType>[]> | SelectOption<ValueType>[]);
     optionsRequestCancel?: () => void;
 }

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

@@ -2954,6 +2954,29 @@ var GridFormDropDown = function (props) {
             }
         });
     }); }, [formProps, props.field, props.selectedRows, updatingCells]);
+    var selectFilterHandler = useCallback(function (value) { return __awaiter(void 0, void 0, void 0, function () {
+        var field;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    field = props.field;
+                    return [4 /*yield*/, updatingCells({ selectedRows: props.selectedRows, field: field }, function (selectedRows) { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0:
+                                        if (!formProps.onSelectFilter) return [3 /*break*/, 2];
+                                        return [4 /*yield*/, formProps.onSelectFilter({ selectedRows: selectedRows, value: value })];
+                                    case 1:
+                                        _a.sent();
+                                        _a.label = 2;
+                                    case 2: return [2 /*return*/, true];
+                                }
+                            });
+                        }); })];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        });
+    }); }, [formProps, props.field, props.selectedRows, updatingCells]);
     // Load up options list if it's async function
     useEffect(function () {
         var _a;
@@ -3028,22 +3051,29 @@ var GridFormDropDown = function (props) {
                 case 0:
                     if (!options)
                         return [2 /*return*/];
-                    if (!(e.key == "Enter" || e.key == "Tab")) return [3 /*break*/, 3];
+                    if (!(e.key == "Enter" || e.key == "Tab")) return [3 /*break*/, 5];
                     activeOptions = options.filter(function (option) { return !filteredValues.includes(option.value); });
                     if (!(activeOptions.length == 1)) return [3 /*break*/, 2];
                     return [4 /*yield*/, selectItemHandler(activeOptions[0].value)];
                 case 1:
                     _a.sent();
                     stopEditing();
-                    return [3 /*break*/, 3];
+                    return [3 /*break*/, 5];
                 case 2:
+                    if (!formProps.onSelectFilter) return [3 /*break*/, 4];
+                    return [4 /*yield*/, selectFilterHandler(filter)];
+                case 3:
+                    _a.sent();
+                    stopEditing();
+                    return [3 /*break*/, 5];
+                case 4:
                     e.preventDefault();
                     e.stopPropagation();
-                    _a.label = 3;
-                case 3: return [2 /*return*/];
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
             }
         });
-    }); }, [filteredValues, options, selectItemHandler, stopEditing]);
+    }); }, [filteredValues, options, selectItemHandler, selectFilterHandler, stopEditing, filter, formProps]);
     return popoverWrapper(jsxs(Fragment$1, { children: [formProps.filtered && (jsxs(Fragment$1, { children: [jsx(FocusableItem, __assign({ className: "filter-item" }, { children: function (_a) {
                             var _b;
                             var ref = _a.ref;