@linzjs/step-ag-grid 2.4.10 → 2.5.0

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/src/lui/TextInputFormatted.d.ts

@@ -1,7 +1,9 @@
 import "./TextInputFormatted.scss";
-import { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes } from "react";
+import { ChangeEventHandler, DetailedHTMLProps, FocusEventHandler, InputHTMLAttributes, MouseEventHandler } from "react";
 export interface LuiTextInputProps {
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onClick?: MouseEventHandler<HTMLInputElement>;
     inputProps?: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
     error?: string | boolean | null;
     warning?: string | boolean | null;

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

@@ -3087,12 +3087,14 @@ 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) {
+                                                        event.preventDefault();
+                                                        event.stopPropagation();
                                                         return selectItemHandler(item.value, subComponentItem.subComponentValue).then(function () {
                                                             ref.closeMenu();
                                                             return true;
@@ -3438,7 +3440,7 @@ var css_248z$2 = ".LuiTextInput{margin-bottom:0}.LuiTextInput-formatted{color:#b
 styleInject(css_248z$2);
 
 var TextInputFormatted = function (props) {
-    return (jsxs("div", __assign({ className: clsx("LuiTextInput Grid-popoverContainer", props.error && "hasError", props.warning && "hasWarning", props.className) }, { children: [jsxs("span", __assign({ className: "LuiTextInput-inputWrapper" }, { children: [jsx("input", __assign({ type: "text", className: "LuiTextInput-input", min: "0", spellCheck: true, defaultValue: props.value, onChange: props.onChange }, props.inputProps)), jsx("span", __assign({ className: "LuiTextInput-formatted" }, { children: props.formatted }))] })), props.error && (jsxs("span", __assign({ className: "LuiTextInput-error" }, { children: [jsx(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }), props.error] }))), props.warning && (jsxs("span", __assign({ className: "LuiTextInput-warning" }, { children: [jsx(LuiIcon, { alt: "warning", name: "ic_warning", className: "LuiTextInput-warning-icon", size: "sm", status: "warning" }), props.warning] })))] })));
+    return (jsxs("div", __assign({ className: clsx("LuiTextInput Grid-popoverContainer", props.error && "hasError", props.warning && "hasWarning", props.className) }, { children: [jsxs("span", __assign({ className: "LuiTextInput-inputWrapper" }, { children: [jsx("input", __assign({ type: "text", className: "LuiTextInput-input", min: "0", spellCheck: true, defaultValue: props.value, onChange: props.onChange, onFocus: props.onFocus, onClick: props.onClick }, props.inputProps)), jsx("span", __assign({ className: "LuiTextInput-formatted" }, { children: props.formatted }))] })), props.error && (jsxs("span", __assign({ className: "LuiTextInput-error" }, { children: [jsx(LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }), props.error] }))), props.warning && (jsxs("span", __assign({ className: "LuiTextInput-warning" }, { children: [jsx(LuiIcon, { alt: "warning", name: "ic_warning", className: "LuiTextInput-warning-icon", size: "sm", status: "warning" }), props.warning] })))] })));
 };
 
 var GridFormEditBearing = function (_props) {
@@ -3751,7 +3753,9 @@ var GridFormSubComponentTextInput = function (_a) {
                     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) {