@linzjs/step-ag-grid 2.4.9 → 2.4.11

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { KeyboardEvent } from "react";
 import "../../styles/GridFormSubComponentTextInput.scss";
 export interface GridFormSubComponentTextInput {
     setValue: (value: string) => void;
-    keyDown: (key: string) => void;
+    keyDown: (key: string, event: KeyboardEvent<HTMLInputElement>) => void;
     placeholder?: string;
     className?: string;
     customHelpText?: string;

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

@@ -3087,15 +3087,20 @@ var GridFormDropDown = function (_props) {
                                                     }
                                                     setSubComponentValues(localSubComponentValues);
                                                 },
-                                                keyDown: function (key) {
+                                                keyDown: function (key, event) {
                                                     var subComponentItem = subComponentValues.find(function (_a) {
                                                         var optionValue = _a.optionValue;
                                                         return optionValue === item.value;
                                                     });
                                                     if ((key === "Enter" || key === "Tab") && subComponentItem) {
-                                                        selectItemHandler(item.value, subComponentItem.subComponentValue);
-                                                        ref.closeMenu();
+                                                        event.preventDefault();
+                                                        event.stopPropagation();
+                                                        return selectItemHandler(item.value, subComponentItem.subComponentValue).then(function () {
+                                                            ref.closeMenu();
+                                                            return true;
+                                                        });
                                                     }
+                                                    return false;
                                                 },
                                                 key: "".concat(props.field, "-").concat(index, "_subcomponent_inner")
                                             }, ref);
@@ -3740,13 +3745,17 @@ var GridFormSubComponentTextInput = function (_a) {
     var _b = useState(""), inputValue = _b[0], setInputValue = _b[1];
     return (jsxs("div", __assign({ style: {
             display: "flex",
-            flexDirection: "column"
+            flexDirection: "column",
+            width: "100%",
+            padding: 0
         } }, { children: [jsx(TextInputFormatted, { className: inputClass, value: inputValue, onChange: function (e) {
                     var value = e.target.value;
                     setValue(value);
                     setInputValue(value);
                 }, inputProps: {
-                    onKeyDown: function (k) { return keyDown(k.key); },
+                    onKeyDown: function (e) {
+                        return keyDown(e.key, e);
+                    },
                     placeholder: placeholderText,
                     onMouseEnter: function (e) {
                         if (document.activeElement != e.currentTarget) {
@@ -3757,7 +3766,7 @@ var GridFormSubComponentTextInput = function (_a) {
                         width: "100%"
                     }
                 } }), jsx("span", __assign({ style: {
-                    fontSize: "0.75rem"
+                    fontSize: "0.7rem"
                 } }, { children: helpText }))] })));
 };