@gpa-gemstone/react-forms 1.1.27 → 1.1.28

package/lib/Input.js

@@ -41,23 +41,30 @@ var helper_functions_1 = require("@gpa-gemstone/helper-functions");
 function Input(props) {
     var _a = React.useState(""), guid = _a[0], setGuid = _a[1];
     var _b = React.useState(false), showHelp = _b[0], setShowHelp = _b[1];
-    var _c = React.useState(''), heldVal = _c[0], setHeldVal = _c[1];
+    var _c = React.useState(false), internal = _c[0], setInternal = _c[1];
+    var _d = React.useState(''), heldVal = _d[0], setHeldVal = _d[1]; // Need to buffer tha value because parseFloat will throw away trailing decimals or zeros
     React.useEffect(function () {
         setGuid((0, helper_functions_1.CreateGuid)());
     }, []);
     React.useEffect(function () {
-        setHeldVal(props.Record[props.Field] == null ? '' : props.Record[props.Field].toString());
+        if (!internal) {
+            setHeldVal(props.Record[props.Field] == null ? '' : props.Record[props.Field].toString());
+        }
+        setInternal(false);
     }, [props.Record[props.Field]]);
-    function valueChange(evt) {
+    function valueChange(value) {
         var _a, _b;
+        setInternal(true);
         if (props.Type === 'number') {
-            if (parseFloat(heldVal) !== parseFloat(evt.target.value))
-                props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.value !== '' ? parseFloat(evt.target.value) : null, _a)));
-            else
-                setHeldVal(evt.target.value);
+            if ((0, helper_functions_1.IsNumber)(value)) {
+                props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = value !== '' ? parseFloat(value) : null, _a)));
+                setHeldVal(value);
+            }
+        }
+        else {
+            props.Setter(__assign(__assign({}, props.Record), (_b = {}, _b[props.Field] = value !== '' ? value : null, _b)));
+            setHeldVal(value);
         }
-        else
-            props.Setter(__assign(__assign({}, props.Record), (_b = {}, _b[props.Field] = evt.target.value !== '' ? evt.target.value : null, _b)));
     }
     return (React.createElement("div", { className: "form-group" },
         (props.Label !== "") ?
@@ -67,7 +74,7 @@ function Input(props) {
         props.Help !== undefined ?
             React.createElement(HelperMessage_1.default, { Show: showHelp, Target: guid }, props.Help)
             : null,
-        React.createElement("input", { "data-help": guid, type: props.Type === undefined ? 'text' : props.Type, className: props.Valid(props.Field) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) { return valueChange(evt); }, value: heldVal, disabled: props.Disabled == null ? false : props.Disabled }),
+        React.createElement("input", { "data-help": guid, type: props.Type === undefined ? 'text' : props.Type, className: props.Valid(props.Field) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) { return valueChange(evt.target.value); }, value: heldVal, disabled: props.Disabled == null ? false : props.Disabled }),
         React.createElement("div", { className: "invalid-feedback" }, props.Feedback == null ? props.Field + ' is a required field.' : props.Feedback)));
 }
 exports.default = Input;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-forms",
-  "version": "1.1.27",
+  "version": "1.1.28",
   "description": "React Form modules for gpa webapps",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -45,7 +45,7 @@
     "typescript": "4.4.4"
   },
   "dependencies": {
-    "@gpa-gemstone/helper-functions": "0.0.16",
+    "@gpa-gemstone/helper-functions": "0.0.17",
     "@types/react": "^17.0.14",
     "@types/styled-components": "^5.1.11",
     "react": "^18.2.0",