@linzjs/step-ag-grid 2.4.10 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +7 -3
- package/dist/index.js.map +1 -1
- package/dist/src/components/gridForm/GridFormSubComponentTextInput.d.ts +2 -2
- package/dist/src/lui/TextInputFormatted.d.ts +3 -1
- package/dist/step-ag-grid.esm.js +7 -3
- package/dist/step-ag-grid.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/gridForm/GridFormDropDown.tsx +3 -1
- package/src/components/gridForm/GridFormSubComponentTextInput.tsx +5 -3
- package/src/lui/TextInputFormatted.tsx +11 -1
package/dist/index.js
CHANGED
|
@@ -3089,12 +3089,14 @@ var GridFormDropDown = function (_props) {
|
|
|
3089
3089
|
}
|
|
3090
3090
|
setSubComponentValues(localSubComponentValues);
|
|
3091
3091
|
},
|
|
3092
|
-
keyDown: function (key) {
|
|
3092
|
+
keyDown: function (key, event) {
|
|
3093
3093
|
var subComponentItem = subComponentValues.find(function (_a) {
|
|
3094
3094
|
var optionValue = _a.optionValue;
|
|
3095
3095
|
return optionValue === item.value;
|
|
3096
3096
|
});
|
|
3097
3097
|
if ((key === "Enter" || key === "Tab") && subComponentItem) {
|
|
3098
|
+
event.preventDefault();
|
|
3099
|
+
event.stopPropagation();
|
|
3098
3100
|
return selectItemHandler(item.value, subComponentItem.subComponentValue).then(function () {
|
|
3099
3101
|
ref.closeMenu();
|
|
3100
3102
|
return true;
|
|
@@ -3440,7 +3442,7 @@ var css_248z$2 = ".LuiTextInput{margin-bottom:0}.LuiTextInput-formatted{color:#b
|
|
|
3440
3442
|
styleInject(css_248z$2);
|
|
3441
3443
|
|
|
3442
3444
|
var TextInputFormatted = function (props) {
|
|
3443
|
-
return (jsxRuntime.jsxs("div", __assign({ className: clsx("LuiTextInput Grid-popoverContainer", props.error && "hasError", props.warning && "hasWarning", props.className) }, { children: [jsxRuntime.jsxs("span", __assign({ className: "LuiTextInput-inputWrapper" }, { children: [jsxRuntime.jsx("input", __assign({ type: "text", className: "LuiTextInput-input", min: "0", spellCheck: true, defaultValue: props.value, onChange: props.onChange }, props.inputProps)), jsxRuntime.jsx("span", __assign({ className: "LuiTextInput-formatted" }, { children: props.formatted }))] })), props.error && (jsxRuntime.jsxs("span", __assign({ className: "LuiTextInput-error" }, { children: [jsxRuntime.jsx(lui.LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }), props.error] }))), props.warning && (jsxRuntime.jsxs("span", __assign({ className: "LuiTextInput-warning" }, { children: [jsxRuntime.jsx(lui.LuiIcon, { alt: "warning", name: "ic_warning", className: "LuiTextInput-warning-icon", size: "sm", status: "warning" }), props.warning] })))] })));
|
|
3445
|
+
return (jsxRuntime.jsxs("div", __assign({ className: clsx("LuiTextInput Grid-popoverContainer", props.error && "hasError", props.warning && "hasWarning", props.className) }, { children: [jsxRuntime.jsxs("span", __assign({ className: "LuiTextInput-inputWrapper" }, { children: [jsxRuntime.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)), jsxRuntime.jsx("span", __assign({ className: "LuiTextInput-formatted" }, { children: props.formatted }))] })), props.error && (jsxRuntime.jsxs("span", __assign({ className: "LuiTextInput-error" }, { children: [jsxRuntime.jsx(lui.LuiIcon, { alt: "error", name: "ic_error", className: "LuiTextInput-error-icon", size: "sm", status: "error" }), props.error] }))), props.warning && (jsxRuntime.jsxs("span", __assign({ className: "LuiTextInput-warning" }, { children: [jsxRuntime.jsx(lui.LuiIcon, { alt: "warning", name: "ic_warning", className: "LuiTextInput-warning-icon", size: "sm", status: "warning" }), props.warning] })))] })));
|
|
3444
3446
|
};
|
|
3445
3447
|
|
|
3446
3448
|
var GridFormEditBearing = function (_props) {
|
|
@@ -3753,7 +3755,9 @@ var GridFormSubComponentTextInput = function (_a) {
|
|
|
3753
3755
|
setValue(value);
|
|
3754
3756
|
setInputValue(value);
|
|
3755
3757
|
}, inputProps: {
|
|
3756
|
-
onKeyDown: function (
|
|
3758
|
+
onKeyDown: function (e) {
|
|
3759
|
+
return keyDown(e.key, e);
|
|
3760
|
+
},
|
|
3757
3761
|
placeholder: placeholderText,
|
|
3758
3762
|
onMouseEnter: function (e) {
|
|
3759
3763
|
if (document.activeElement != e.currentTarget) {
|