@gpa-gemstone/react-forms 1.1.44 → 1.1.46

package/lib/StylableSelect.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 interface IOption {
-    Value: string;
+    Value: any;
     Element: React.ReactElement<any>;
 }
 interface IProps<T> {

package/lib/TextArea.js

@@ -31,17 +31,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 //  ----------------------------------------------------------------------------------------------------
 //  01/22/2020 - Billy Ernest
 //       Generated original version of source code.
+//  11/03/2023 - C Lackner
+//       Added internal state to avoid cursor jumping.
 //
 // ******************************************************************************************************
 var React = require("react");
 var helper_functions_1 = require("@gpa-gemstone/helper-functions");
 var HelperMessage_1 = require("./HelperMessage");
 function TextArea(props) {
-    var _a = React.useState(""), guid = _a[0], setGuid = _a[1];
-    var _b = React.useState(false), showHelp = _b[0], setShowHelp = _b[1];
+    var internal = React.useRef(false);
+    var guid = React.useRef((0, helper_functions_1.CreateGuid)());
+    var _a = React.useState(false), showHelp = _a[0], setShowHelp = _a[1];
+    var _b = React.useState(''), heldVal = _b[0], setHeldVal = _b[1];
     React.useEffect(function () {
-        setGuid((0, helper_functions_1.CreateGuid)());
-    }, []);
+        if (!internal.current) {
+            setHeldVal(props.Record[props.Field] == null ? '' : props.Record[props.Field].toString());
+        }
+        internal.current = false;
+    }, [props.Record[props.Field]]);
+    function valueChange(value) {
+        var _a;
+        internal.current = true;
+        props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = value !== '' ? value : null, _a)));
+        setHeldVal(value);
+    }
     var showLabel = props.Label !== "";
     var showHelpIcon = props.Help !== undefined;
     var label = props.Label === undefined ? props.Field : props.Label;
@@ -51,16 +64,9 @@ function TextArea(props) {
                 showLabel ? label : '',
                 showHelpIcon ? React.createElement("div", { style: { width: 20, height: 20, borderRadius: '50%', display: 'inline-block', background: '#0D6EFD', marginLeft: 10, textAlign: 'center', fontWeight: 'bold' }, onMouseEnter: function () { return setShowHelp(true); }, onMouseLeave: function () { return setShowHelp(false); } }, " ? ") : null) : null,
         showHelpIcon ?
-            React.createElement(HelperMessage_1.default, { Show: showHelp, Target: guid }, props.Help)
+            React.createElement(HelperMessage_1.default, { Show: showHelp, Target: guid.current }, props.Help)
             : null,
-        React.createElement("textarea", { rows: props.Rows, className: props.Valid(props.Field) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) {
-                var record = __assign({}, props.Record);
-                if (evt.target.value !== '')
-                    record[props.Field] = evt.target.value;
-                else
-                    record[props.Field] = null;
-                props.Setter(record);
-            }, value: props.Record[props.Field] == null ? '' : props.Record[props.Field].toString(), disabled: props.Disabled == null ? false : props.Disabled }),
+        React.createElement("textarea", { rows: props.Rows, className: props.Valid(props.Field) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) { return valueChange(evt.target.value); }, value: heldVal == null ? '' : 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 = TextArea;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-forms",
-  "version": "1.1.44",
+  "version": "1.1.46",
   "description": "React Form modules for gpa webapps",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -43,7 +43,7 @@
     "typescript": "4.4.4"
   },
   "dependencies":   {
-    "@gpa-gemstone/helper-functions": "0.0.25",
+    "@gpa-gemstone/helper-functions": "0.0.27",
     "@types/react": "^17.0.14",
     "@types/styled-components": "^5.1.11",
     "moment": "2.29.4",