@gpa-gemstone/react-forms 1.1.21 → 1.1.22

package/lib/DatePicker.d.ts

@@ -5,6 +5,8 @@ export default class DatePicker<T> extends React.Component<{
     Setter: (record: T) => void;
     Label?: string;
     Disabled?: boolean;
+    Feedback?: string;
+    Valid: (field: keyof T) => boolean;
 }, {}, {}> {
     render(): JSX.Element;
 }

package/lib/DatePicker.js

@@ -58,14 +58,15 @@ var DatePicker = /** @class */ (function (_super) {
         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) {
+            React.createElement("input", { className: this.props.Valid(this.props.Field) ? 'form-control' : 'form-control is-invalid', 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 })));
+                }, value: this.props.Record[this.props.Field] == null ? '' : this.props.Record[this.props.Field].toString(), disabled: this.props.Disabled == null ? false : this.props.Disabled }),
+            React.createElement("div", { className: "invalid-feedback" }, this.props.Feedback == null ? this.props.Field + ' is a required field.' : this.props.Feedback)));
     };
     return DatePicker;
 }(React.Component));

package/lib/TimePicker.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export default class TimePicker<T> extends React.Component<{
+    Record: T;
+    Field: keyof T;
+    Setter: (record: T) => void;
+    Label?: string;
+    Disabled?: boolean;
+    Feedback?: string;
+    Valid: (field: keyof T) => boolean;
+}, {}, {}> {
+    render(): JSX.Element;
+}

package/lib/TimePicker.js

@@ -0,0 +1,73 @@
+"use strict";
+// ******************************************************************************************************
+//  TimePicker.tsx - Gbtc
+//
+//  Copyright © 2022, 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:
+//  ----------------------------------------------------------------------------------------------------
+//  03/21/2022 - C. Lackner
+//       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 TimePicker = /** @class */ (function (_super) {
+    __extends(TimePicker, _super);
+    function TimePicker() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TimePicker.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: this.props.Valid(this.props.Field) ? 'form-control' : 'form-control is-invalid', type: "time", 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 }),
+            React.createElement("div", { className: "invalid-feedback" }, this.props.Feedback == null ? this.props.Field + ' is a required field.' : this.props.Feedback)));
+    };
+    return TimePicker;
+}(React.Component));
+exports.default = TimePicker;

package/lib/index.d.ts

@@ -8,4 +8,6 @@ import EnumCheckBoxes from './EnumCheckBoxes';
 import ArrayMultiSelect from './ArrayMultiSelect';
 import ArrayCheckBoxes from './ArrayCheckBoxes';
 import MultiCheckBoxSelect from './MutliCheckBoxSelect';
-export { CheckBox, Input, DatePicker, Select, TextArea, DateRangePicker, EnumCheckBoxes, ArrayMultiSelect, ArrayCheckBoxes, MultiCheckBoxSelect };
+import DoubleInput from './DoubleInput';
+import TimePicker from './TimePicker';
+export { CheckBox, Input, DatePicker, Select, TextArea, DateRangePicker, EnumCheckBoxes, ArrayMultiSelect, ArrayCheckBoxes, MultiCheckBoxSelect, DoubleInput, TimePicker };

package/lib/index.js

@@ -22,7 +22,7 @@
 //
 // ******************************************************************************************************
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiCheckBoxSelect = exports.ArrayCheckBoxes = exports.ArrayMultiSelect = exports.EnumCheckBoxes = exports.DateRangePicker = exports.TextArea = exports.Select = exports.DatePicker = exports.Input = exports.CheckBox = void 0;
+exports.TimePicker = exports.DoubleInput = exports.MultiCheckBoxSelect = exports.ArrayCheckBoxes = exports.ArrayMultiSelect = exports.EnumCheckBoxes = exports.DateRangePicker = exports.TextArea = exports.Select = exports.DatePicker = exports.Input = exports.CheckBox = void 0;
 var CheckBox_1 = require("./CheckBox");
 exports.CheckBox = CheckBox_1.default;
 var Input_1 = require("./Input");
@@ -43,3 +43,7 @@ var ArrayCheckBoxes_1 = require("./ArrayCheckBoxes");
 exports.ArrayCheckBoxes = ArrayCheckBoxes_1.default;
 var MutliCheckBoxSelect_1 = require("./MutliCheckBoxSelect");
 exports.MultiCheckBoxSelect = MutliCheckBoxSelect_1.default;
+var DoubleInput_1 = require("./DoubleInput");
+exports.DoubleInput = DoubleInput_1.default;
+var TimePicker_1 = require("./TimePicker");
+exports.TimePicker = TimePicker_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-forms",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "description": "React Form modules for gpa webapps",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",