@gpa-gemstone/react-forms 1.1.8 → 1.1.13

package/lib/DatePicker.js

@@ -1,70 +1,72 @@
-"use strict";
-// ******************************************************************************************************
-//  DatePicker.tsx - Gbtc
-//
-//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
-//
-//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
-//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
-//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
-//  file except in compliance with the License. You may obtain a copy of the License at:
-//
-//      http://opensource.org/licenses/MIT
-//
-//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
-//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
-//  License for the specific language governing permissions and limitations.
-//
-//  Code Modification History:
-//  ----------------------------------------------------------------------------------------------------
-//  02/05/2020 - Billy Ernest
-//       Generated original version of source code.
-//
-// ******************************************************************************************************
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-var DatePicker = /** @class */ (function (_super) {
-    __extends(DatePicker, _super);
-    function DatePicker() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DatePicker.prototype.render = function () {
-        var _this = this;
-        return (React.createElement("div", { className: "form-group" },
-            React.createElement("label", null, this.props.Label == null ? this.props.Field : this.props.Label),
-            React.createElement("input", { className: "form-control", type: "date", onChange: function (evt) {
-                    var record = __assign({}, _this.props.Record);
-                    if (evt.target.value !== '')
-                        record[_this.props.Field] = evt.target.value;
-                    else
-                        record[_this.props.Field] = null;
-                    _this.props.Setter(record);
-                }, value: this.props.Record[this.props.Field] == null ? '' : this.props.Record[this.props.Field].toString(), disabled: this.props.Disabled == null ? false : this.props.Disabled })));
-    };
-    return DatePicker;
-}(React.Component));
-exports.default = DatePicker;
+"use strict";
+// ******************************************************************************************************
+//  DatePicker.tsx - Gbtc
+//
+//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  02/05/2020 - Billy Ernest
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var DatePicker = /** @class */ (function (_super) {
+    __extends(DatePicker, _super);
+    function DatePicker() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DatePicker.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("div", { className: "form-group" },
+            React.createElement("label", null, this.props.Label == null ? this.props.Field : this.props.Label),
+            React.createElement("input", { className: "form-control", type: "date", onChange: function (evt) {
+                    var record = __assign({}, _this.props.Record);
+                    if (evt.target.value !== '')
+                        record[_this.props.Field] = evt.target.value;
+                    else
+                        record[_this.props.Field] = null;
+                    _this.props.Setter(record);
+                }, value: this.props.Record[this.props.Field] == null ? '' : this.props.Record[this.props.Field].toString(), disabled: this.props.Disabled == null ? false : this.props.Disabled })));
+    };
+    return DatePicker;
+}(React.Component));
+exports.default = DatePicker;

package/lib/DateRangePicker.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-export default function DateRangePicker<T>(props: {
-    Record: T;
-    FromField: keyof T;
-    ToField: keyof T;
-    Setter: (record: T) => void;
-    Disabled?: boolean;
-    Label: string;
-    Valid?: boolean;
-}): JSX.Element;
+/// <reference types="react" />
+export default function DateRangePicker<T>(props: {
+    Record: T;
+    FromField: keyof T;
+    ToField: keyof T;
+    Setter: (record: T) => void;
+    Disabled?: boolean;
+    Label: string;
+    Valid?: boolean;
+}): JSX.Element;

package/lib/DateRangePicker.js

@@ -1,171 +1,171 @@
-"use strict";
-// ******************************************************************************************************
-//  DateRangePicker.tsx - Gbtc
-//
-//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
-//
-//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
-//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
-//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
-//  file except in compliance with the License. You may obtain a copy of the License at:
-//
-//      http://opensource.org/licenses/MIT
-//
-//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
-//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
-//  License for the specific language governing permissions and limitations.
-//
-//  Code Modification History:
-//  ----------------------------------------------------------------------------------------------------
-//  02/05/2020 - Billy Ernest
-//       Generated original version of source code.
-//
-// ******************************************************************************************************
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-function DateRangePicker(props) {
-    var _a = React.useState('Custom'), range = _a[0], setRange = _a[1];
-    var _b = React.useState(ToDate(props.Record[props.FromField])), Tstart = _b[0], setTstart = _b[1];
-    var _c = React.useState(ToDate(props.Record[props.ToField])), Tend = _c[0], setTend = _c[1];
-    var _d = React.useState(Tstart != null ? ToString(Tstart) : ''), StartInput = _d[0], setStartInput = _d[1];
-    var _e = React.useState(Tend != null ? ToString(Tend) : ''), EndInput = _e[0], setEndInput = _e[1];
-    React.useEffect(function () {
-        var propsStart = ToDate(props.Record[props.FromField]);
-        var propsEnd = ToDate(props.Record[props.ToField]);
-        if (propsStart == null || Tstart == null) {
-            if (!(propsStart == null && Tstart == null))
-                setTstart(propsStart);
-        }
-        else if (propsStart.getTime() !== Tstart.getTime())
-            setTstart(propsStart);
-        if (propsEnd == null || Tend == null) {
-            if (!(propsEnd == null && Tend == null))
-                setTstart(propsEnd);
-        }
-        else if (propsEnd.getTime() !== Tend.getTime())
-            setTend(propsEnd);
-    }, [props.Record]);
-    React.useEffect(function () {
-        var days = (Tstart != null && Tend != null ? Math.round((Tend.getTime() - Tstart.getTime()) / (1000 * 60 * 60 * 24)) : 0);
-        if (ToRange(days) !== range)
-            setRange(ToRange(days));
-        UpdateTime();
-    }, [Tstart, Tend]);
-    React.useEffect(function () {
-        var days = GetDays(range);
-        if (days > 0) {
-            if (Tstart != null)
-                setTend(new Date(Tstart.valueOf() + 1000 * 24 * 60 * 60 * days));
-            else if (Tend != null)
-                setTstart(new Date(Tend.valueOf() - 1000 * 24 * 60 * 60 * days));
-            else {
-                setTstart(new Date(new Date().valueOf() - 1000 * 24 * 60 * 60 * days));
-                setTend(new Date());
-            }
-        }
-    }, [range]);
-    function GetDays(val) {
-        if (val === '1 Day')
-            return 1;
-        if (val === '7 Days')
-            return 7;
-        if (val === '30 Days')
-            return 30;
-        if (val === '90 Days')
-            return 90;
-        if (val === '180 Days')
-            return 180;
-        if (val === '365 Days')
-            return 365;
-        return 0;
-    }
-    function ToDate(str) {
-        if (str === null)
-            return null;
-        var dt = new Date(str);
-        if (isNaN(dt.getTime()))
-            return null;
-        return dt;
-    }
-    React.useEffect(function () {
-        if (Tstart != null)
-            setStartInput(ToString(Tstart));
-    }, [Tstart]);
-    React.useEffect(function () {
-        // only if InputStart is a valid ToString
-        if (StartInput.match('^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-2][0-9])') != null)
-            setTstart(ToDate(StartInput));
-        else
-            setTstart(null);
-    }, [StartInput]);
-    React.useEffect(function () {
-        if (Tend != null)
-            setEndInput(ToString(Tend));
-    }, [Tend]);
-    React.useEffect(function () {
-        // only if EndInput is a valid ToString
-        if (EndInput.match('^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-2][0-9])') != null)
-            setTend(ToDate(EndInput));
-        else
-            setTend(null);
-    }, [EndInput]);
-    function UpdateTime() {
-        var _a;
-        var to = (Tend !== null ? ToString(Tend) : '');
-        var from = (Tstart !== null ? ToString(Tstart) : '');
-        var record = __assign(__assign({}, props.Record), (_a = {}, _a[props.ToField] = to, _a[props.FromField] = from, _a));
-        props.Setter(record);
-    }
-    function ToString(dt) {
-        return dt.getUTCFullYear() + "-" + (dt.getUTCMonth() + 1).toString()
-            .padStart(2, '0') + "-" + dt.getUTCDate().toString().padStart(2, '0');
-    }
-    function ToRange(days) {
-        if (days === 1)
-            return ('1 Day');
-        else if (days === 7)
-            return ('7 Days');
-        else if (days === 30)
-            return ('30 Days');
-        else if (days === 90)
-            return ('90 Days');
-        else if (days === 180)
-            return ('180 Days');
-        else if (days === 365)
-            return ('365 Days');
-        else
-            return ('Custom');
-    }
-    var startValid = (Tstart !== null) && (!isNaN(Tstart.getTime()));
-    var endValid = (Tend !== null) && (!isNaN(Tend.getTime())) && (!startValid || ((Tstart !== null) && (Tstart.getTime() < Tend.getTime())));
-    startValid = (props.Valid === undefined ? startValid : props.Valid);
-    endValid = (props.Valid === undefined ? endValid : props.Valid);
-    return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", null, props.Label),
-        React.createElement("div", { className: "row" },
-            React.createElement("div", { className: "col" },
-                React.createElement("select", { className: "form-control", value: range, onChange: function (evt) { return setRange(evt.target.value); } },
-                    React.createElement("option", { value: "Custom" }, "Custom"),
-                    React.createElement("option", { value: "1 Day" }, "1 Day"),
-                    React.createElement("option", { value: "7 Days" }, "7 Days"),
-                    React.createElement("option", { value: "30 Days" }, "30 Days"),
-                    React.createElement("option", { value: "90 Days" }, "90 Days"),
-                    React.createElement("option", { value: "180 Days" }, "180 Days"),
-                    React.createElement("option", { value: "365 Days" }, "365 Days"))),
-            React.createElement("div", { className: "col" },
-                React.createElement("input", { className: "form-control" + (startValid ? '' : ' is-invalid'), type: "date", onChange: function (evt) { setStartInput(evt.target.value); }, value: StartInput, disabled: props.Disabled == null ? false : props.Disabled })),
-            React.createElement("div", { className: "col" },
-                React.createElement("input", { className: "form-control" + (endValid ? '' : ' is-invalid'), type: "date", onChange: function (evt) { setEndInput(evt.target.value); }, value: EndInput, disabled: props.Disabled == null ? false : props.Disabled })))));
-}
-exports.default = DateRangePicker;
+"use strict";
+// ******************************************************************************************************
+//  DateRangePicker.tsx - Gbtc
+//
+//  Copyright © 2020, Grid Protection Alliance.  All Rights Reserved.
+//
+//  Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
+//  the NOTICE file distributed with this work for additional information regarding copyright ownership.
+//  The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
+//  file except in compliance with the License. You may obtain a copy of the License at:
+//
+//      http://opensource.org/licenses/MIT
+//
+//  Unless agreed to in writing, the subject software distributed under the License is distributed on an
+//  "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
+//  License for the specific language governing permissions and limitations.
+//
+//  Code Modification History:
+//  ----------------------------------------------------------------------------------------------------
+//  02/05/2020 - Billy Ernest
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+function DateRangePicker(props) {
+    var _a = React.useState('Custom'), range = _a[0], setRange = _a[1];
+    var _b = React.useState(ToDate(props.Record[props.FromField])), Tstart = _b[0], setTstart = _b[1];
+    var _c = React.useState(ToDate(props.Record[props.ToField])), Tend = _c[0], setTend = _c[1];
+    var _d = React.useState(Tstart != null ? ToString(Tstart) : ''), StartInput = _d[0], setStartInput = _d[1];
+    var _e = React.useState(Tend != null ? ToString(Tend) : ''), EndInput = _e[0], setEndInput = _e[1];
+    React.useEffect(function () {
+        var propsStart = ToDate(props.Record[props.FromField]);
+        var propsEnd = ToDate(props.Record[props.ToField]);
+        if (propsStart == null || Tstart == null) {
+            if (!(propsStart == null && Tstart == null))
+                setTstart(propsStart);
+        }
+        else if (propsStart.getTime() !== Tstart.getTime())
+            setTstart(propsStart);
+        if (propsEnd == null || Tend == null) {
+            if (!(propsEnd == null && Tend == null))
+                setTstart(propsEnd);
+        }
+        else if (propsEnd.getTime() !== Tend.getTime())
+            setTend(propsEnd);
+    }, [props.Record]);
+    React.useEffect(function () {
+        var days = (Tstart != null && Tend != null ? Math.round((Tend.getTime() - Tstart.getTime()) / (1000 * 60 * 60 * 24)) : 0);
+        if (ToRange(days) !== range)
+            setRange(ToRange(days));
+        UpdateTime();
+    }, [Tstart, Tend]);
+    React.useEffect(function () {
+        var days = GetDays(range);
+        if (days > 0) {
+            if (Tstart != null)
+                setTend(new Date(Tstart.valueOf() + 1000 * 24 * 60 * 60 * days));
+            else if (Tend != null)
+                setTstart(new Date(Tend.valueOf() - 1000 * 24 * 60 * 60 * days));
+            else {
+                setTstart(new Date(new Date().valueOf() - 1000 * 24 * 60 * 60 * days));
+                setTend(new Date());
+            }
+        }
+    }, [range]);
+    function GetDays(val) {
+        if (val === '1 Day')
+            return 1;
+        if (val === '7 Days')
+            return 7;
+        if (val === '30 Days')
+            return 30;
+        if (val === '90 Days')
+            return 90;
+        if (val === '180 Days')
+            return 180;
+        if (val === '365 Days')
+            return 365;
+        return 0;
+    }
+    function ToDate(str) {
+        if (str === null)
+            return null;
+        var dt = new Date(str);
+        if (isNaN(dt.getTime()))
+            return null;
+        return dt;
+    }
+    React.useEffect(function () {
+        if (Tstart != null)
+            setStartInput(ToString(Tstart));
+    }, [Tstart]);
+    React.useEffect(function () {
+        // only if InputStart is a valid ToString
+        if (StartInput.match('^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-2][0-9])') != null)
+            setTstart(ToDate(StartInput));
+        else
+            setTstart(null);
+    }, [StartInput]);
+    React.useEffect(function () {
+        if (Tend != null)
+            setEndInput(ToString(Tend));
+    }, [Tend]);
+    React.useEffect(function () {
+        // only if EndInput is a valid ToString
+        if (EndInput.match('^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-2][0-9])') != null)
+            setTend(ToDate(EndInput));
+        else
+            setTend(null);
+    }, [EndInput]);
+    function UpdateTime() {
+        var _a;
+        var to = (Tend !== null ? ToString(Tend) : '');
+        var from = (Tstart !== null ? ToString(Tstart) : '');
+        var record = __assign(__assign({}, props.Record), (_a = {}, _a[props.ToField] = to, _a[props.FromField] = from, _a));
+        props.Setter(record);
+    }
+    function ToString(dt) {
+        return dt.getUTCFullYear() + "-" + (dt.getUTCMonth() + 1).toString()
+            .padStart(2, '0') + "-" + dt.getUTCDate().toString().padStart(2, '0');
+    }
+    function ToRange(days) {
+        if (days === 1)
+            return ('1 Day');
+        else if (days === 7)
+            return ('7 Days');
+        else if (days === 30)
+            return ('30 Days');
+        else if (days === 90)
+            return ('90 Days');
+        else if (days === 180)
+            return ('180 Days');
+        else if (days === 365)
+            return ('365 Days');
+        else
+            return ('Custom');
+    }
+    var startValid = (Tstart !== null) && (!isNaN(Tstart.getTime()));
+    var endValid = (Tend !== null) && (!isNaN(Tend.getTime())) && (!startValid || ((Tstart !== null) && (Tstart.getTime() < Tend.getTime())));
+    startValid = (props.Valid === undefined ? startValid : props.Valid);
+    endValid = (props.Valid === undefined ? endValid : props.Valid);
+    return (React.createElement("div", { className: "form-group" },
+        React.createElement("label", null, props.Label),
+        React.createElement("div", { className: "row" },
+            React.createElement("div", { className: "col" },
+                React.createElement("select", { className: "form-control", value: range, onChange: function (evt) { return setRange(evt.target.value); } },
+                    React.createElement("option", { value: "Custom" }, "Custom"),
+                    React.createElement("option", { value: "1 Day" }, "1 Day"),
+                    React.createElement("option", { value: "7 Days" }, "7 Days"),
+                    React.createElement("option", { value: "30 Days" }, "30 Days"),
+                    React.createElement("option", { value: "90 Days" }, "90 Days"),
+                    React.createElement("option", { value: "180 Days" }, "180 Days"),
+                    React.createElement("option", { value: "365 Days" }, "365 Days"))),
+            React.createElement("div", { className: "col" },
+                React.createElement("input", { className: "form-control" + (startValid ? '' : ' is-invalid'), type: "date", onChange: function (evt) { setStartInput(evt.target.value); }, value: StartInput, disabled: props.Disabled == null ? false : props.Disabled })),
+            React.createElement("div", { className: "col" },
+                React.createElement("input", { className: "form-control" + (endValid ? '' : ' is-invalid'), type: "date", onChange: function (evt) { setEndInput(evt.target.value); }, value: EndInput, disabled: props.Disabled == null ? false : props.Disabled })))));
+}
+exports.default = DateRangePicker;

package/lib/DoubleInput.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-export default function DoubleInput<T>(props: {
-    Record: T;
-    Field1: keyof T;
-    Field2: keyof T;
-    Setter: (record: T) => void;
-    Valid: (field: keyof T) => boolean;
-    Label?: string;
-    Feedback?: string;
-    Disabled?: boolean;
-    Type?: 'number' | 'text' | 'password' | 'email' | 'color';
-}): JSX.Element;
+/// <reference types="react" />
+export default function DoubleInput<T>(props: {
+    Record: T;
+    Field1: keyof T;
+    Field2: keyof T;
+    Setter: (record: T) => void;
+    Valid: (field: keyof T) => boolean;
+    Label?: string;
+    Feedback?: string;
+    Disabled?: boolean;
+    Type?: 'number' | 'text' | 'password' | 'email' | 'color';
+}): JSX.Element;