@linzjs/step-ag-grid 2.4.2 → 2.4.3

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

@@ -3,5 +3,6 @@ export interface GridFormSubComponentTextInput {
     setValue: (value: string) => void;
     keyDown: (key: string) => void;
     placeholder?: string;
+    className?: string;
 }
-export declare const GridFormSubComponentTextInput: ({ keyDown, placeholder, setValue }: GridFormSubComponentTextInput) => JSX.Element;
+export declare const GridFormSubComponentTextInput: ({ keyDown, placeholder, setValue, className, }: GridFormSubComponentTextInput) => JSX.Element;

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

@@ -3659,10 +3659,11 @@ var GridPopoverTextInput = function (colDef, params) {
 };
 
 var GridFormSubComponentTextInput = function (_a) {
-    var keyDown = _a.keyDown, placeholder = _a.placeholder, setValue = _a.setValue;
+    var keyDown = _a.keyDown, placeholder = _a.placeholder, setValue = _a.setValue, className = _a.className;
     var placeholderText = placeholder || "Other...";
+    var inputClass = className || "";
     var _b = useState(""), inputValue = _b[0], setInputValue = _b[1];
-    return (jsx(Fragment$1, { children: jsx(TextInputFormatted, { value: inputValue, onChange: function (e) {
+    return (jsx(Fragment$1, { children: jsx(TextInputFormatted, { className: inputClass, value: inputValue, onChange: function (e) {
                 var value = e.target.value;
                 setValue(value);
                 setInputValue(value);
@@ -3673,6 +3674,9 @@ var GridFormSubComponentTextInput = function (_a) {
                     if (document.activeElement != e.currentTarget) {
                         e.currentTarget.focus();
                     }
+                },
+                style: {
+                    width: "100%"
                 }
             } }) }));
 };