@linzjs/step-ag-grid 2.4.9 → 2.4.11

package/package.json

@@ -2,7 +2,7 @@
   "name": "@linzjs/step-ag-grid",
   "repository": "github:linz/step-ag-grid.git",
   "license": "MIT",
-  "version": "2.4.9",
+  "version": "2.4.11",
   "keywords": [
     "aggrid",
     "ag-grid",

package/src/components/gridForm/GridFormDropDown.tsx

@@ -256,14 +256,22 @@ export const GridFormDropDown = <RowType extends GridBaseRow, ValueType>(
                             }
                             setSubComponentValues(localSubComponentValues);
                           },
-                          keyDown: (key: string) => {
+                          keyDown: (key: string, event: KeyboardEvent<HTMLInputElement>) => {
                             const subComponentItem = subComponentValues.find(
                               ({ optionValue }) => optionValue === item.value,
                             );
                             if ((key === "Enter" || key === "Tab") && subComponentItem) {
-                              selectItemHandler(item.value as ValueType, subComponentItem.subComponentValue);
-                              ref.closeMenu();
+                              event.preventDefault();
+                              event.stopPropagation();
+                              return selectItemHandler(
+                                item.value as ValueType,
+                                subComponentItem.subComponentValue,
+                              ).then(() => {
+                                ref.closeMenu();
+                                return true;
+                              });
                             }
+                            return false;
                           },
                           key: `${props.field}-${index}_subcomponent_inner`,
                         },

package/src/components/gridForm/GridFormSubComponentTextInput.tsx

@@ -1,10 +1,10 @@
-import { useState } from "react";
+import { useState, KeyboardEvent } from "react";
 import { TextInputFormatted } from "../../lui/TextInputFormatted";
 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;
@@ -27,6 +27,8 @@ export const GridFormSubComponentTextInput = ({
       style={{
         display: "flex",
         flexDirection: "column",
+        width: "100%",
+        padding: 0,
       }}
     >
       <TextInputFormatted
@@ -38,7 +40,9 @@ export const GridFormSubComponentTextInput = ({
           setInputValue(value);
         }}
         inputProps={{
-          onKeyDown: (k: any) => keyDown(k.key),
+          onKeyDown: (e) => {
+            return keyDown(e.key, e);
+          },
           placeholder: placeholderText,
           onMouseEnter: (e) => {
             if (document.activeElement != e.currentTarget) {
@@ -52,7 +56,7 @@ export const GridFormSubComponentTextInput = ({
       />
       <span
         style={{
-          fontSize: "0.75rem",
+          fontSize: "0.7rem",
         }}
       >
         {helpText}