@gpa-gemstone/react-forms 1.1.12 → 1.1.16

package/lib/ArrayCheckBoxes.js

@@ -32,22 +32,26 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
 function ArrayCheckBoxes(props) {
     var Remove = function (cb) {
-        var a = __spreadArray([], props.Record[props.Field]);
+        var a = __spreadArray([], props.Record[props.Field], true);
         var i = a.indexOf(cb.ID);
         a.splice(i, 1);
         return a;
     };
     var Add = function (cb) {
-        var a = __spreadArray([], props.Record[props.Field]);
+        var a = __spreadArray([], props.Record[props.Field], true);
         var i = a.indexOf(cb.ID);
         if (i < 0)
             a.push(cb.ID);

package/lib/HelperMessage.js

@@ -36,7 +36,7 @@ var HelperMessage = function (props) {
     var _c = React.useState(0), width = _c[0], setWidth = _c[1];
     var _d = React.useState(""), guid = _d[0], setGuid = _d[1];
     React.useEffect(function () {
-        setGuid(helper_functions_1.CreateGuid());
+        setGuid((0, helper_functions_1.CreateGuid)());
     }, []);
     React.useLayoutEffect(function () {
         var _a = UpdatePosition(), t = _a[0], l = _a[1], w = _a[2];
@@ -52,11 +52,11 @@ var HelperMessage = function (props) {
         var target = document.querySelectorAll("[data-help" + (props.Target === undefined ? '' : "=\"" + props.Target + "\"") + "]");
         if (target.length === 0)
             return [-999, -999];
-        var targetLocation = helper_functions_1.GetNodeSize(target[0]);
+        var targetLocation = (0, helper_functions_1.GetNodeSize)(target[0]);
         var message = document.getElementById(guid);
         if (message === null)
             return [-999, -999];
-        var msgLocation = helper_functions_1.GetNodeSize(message);
+        var msgLocation = (0, helper_functions_1.GetNodeSize)(message);
         var offset = 5;
         var result = [0, 0, 0];
         result[0] = targetLocation.top + targetLocation.height + offset;

package/lib/Input.js

@@ -42,8 +42,15 @@ function Input(props) {
     var _a = React.useState(""), guid = _a[0], setGuid = _a[1];
     var _b = React.useState(false), showHelp = _b[0], setShowHelp = _b[1];
     React.useEffect(function () {
-        setGuid(helper_functions_1.CreateGuid());
+        setGuid((0, helper_functions_1.CreateGuid)());
     }, []);
+    function valueChange(evt) {
+        var _a, _b;
+        if (props.Type === 'number')
+            props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.value !== '' ? parseFloat(evt.target.value) : null, _a)));
+        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" },
         React.createElement("label", null,
             props.Label == null ? props.Field : props.Label,
@@ -51,10 +58,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) {
-                var _a;
-                return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.value !== '' ? evt.target.value : null, _a)));
-            }, value: props.Record[props.Field] == null ? '' : props.Record[props.Field].toString(), 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); }, value: props.Record[props.Field] == null ? '' : props.Record[props.Field].toString(), 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/lib/MutliCheckBoxSelect.js

@@ -41,7 +41,7 @@ var MultiSelect = function (props) {
         };
     }, []);
     return (React.createElement("div", { ref: multiSelect, style: { position: 'relative', display: 'inline-block', width: 'inherit' } },
-        React.createElement("button", { style: { border: '1px solid #ced4da', padding: '.375rem .75rem', fontSize: '1rem', borderRadius: '.25rem' }, className: "btn form-control dropdown-toggle", onClick: HandleShow },
+        React.createElement("button", { type: "button", style: { border: '1px solid #ced4da', padding: '.375rem .75rem', fontSize: '1rem', borderRadius: '.25rem' }, className: "btn form-control dropdown-toggle", onClick: HandleShow },
             props.Options.filter(function (x) { return x.Selected; }).length !== props.Options.length
                 ? props.Options.filter(function (x) { return x.Selected; }).length
                 : 'All ',

package/lib/Select.js

@@ -42,7 +42,7 @@ function Select(props) {
     var _a = React.useState(""), guid = _a[0], setGuid = _a[1];
     var _b = React.useState(false), showHelp = _b[0], setShowHelp = _b[1];
     React.useEffect(function () {
-        setGuid(helper_functions_1.CreateGuid());
+        setGuid((0, helper_functions_1.CreateGuid)());
     }, []);
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-forms",
-  "version": "1.1.12",
+  "version": "1.1.16",
   "description": "React Form modules for gpa webapps",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -42,10 +42,10 @@
     "ts-jest": "^27.0.3",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "4.3.4"
+    "typescript": "4.4.4"
   },
   "dependencies": {
-    "@gpa-gemstone/helper-functions": "0.0.8",
+    "@gpa-gemstone/helper-functions": "",
     "@types/react": "^17.0.14",
     "@types/styled-components": "^5.1.11",
     "react": "^17.0.2",