@gpa-gemstone/react-forms 1.1.8 → 1.1.13

package/lib/DoubleInput.js

@@ -1,51 +1,51 @@
-"use strict";
-// ******************************************************************************************************
-//  DoubleInput.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:
-//  ----------------------------------------------------------------------------------------------------
-//  01/07/2021 - C. Lackner
-//       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 DoubleInput(props) {
-    return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", null, props.Label == null ? (props.Field1 + ' ' + props.Field2) : props.Label),
-        React.createElement("div", { className: "input-group" },
-            React.createElement("input", { type: props.Type === undefined ? 'text' : props.Type, className: props.Valid(props.Field1) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) {
-                    var _a;
-                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field1] = evt.target.value !== '' ? evt.target.value : null, _a)));
-                }, value: props.Record[props.Field1] == null ? '' : props.Record[props.Field1].toString(), disabled: props.Disabled == null ? false : props.Disabled }),
-            React.createElement("input", { type: props.Type === undefined ? 'text' : props.Type, className: props.Valid(props.Field2) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) {
-                    var _a;
-                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field2] = evt.target.value !== '' ? evt.target.value : null, _a)));
-                }, value: props.Record[props.Field2] == null ? '' : props.Record[props.Field2].toString(), disabled: props.Disabled == null ? false : props.Disabled })),
-        React.createElement("div", { className: "invalid-feedback" }, props.Feedback == null ? (props.Field1 + ' ' + props.Field2 + ' is a required field.') : props.Feedback)));
-}
-exports.default = DoubleInput;
+"use strict";
+// ******************************************************************************************************
+//  DoubleInput.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:
+//  ----------------------------------------------------------------------------------------------------
+//  01/07/2021 - C. Lackner
+//       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 DoubleInput(props) {
+    return (React.createElement("div", { className: "form-group" },
+        React.createElement("label", null, props.Label == null ? (props.Field1 + ' ' + props.Field2) : props.Label),
+        React.createElement("div", { className: "input-group" },
+            React.createElement("input", { type: props.Type === undefined ? 'text' : props.Type, className: props.Valid(props.Field1) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) {
+                    var _a;
+                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field1] = evt.target.value !== '' ? evt.target.value : null, _a)));
+                }, value: props.Record[props.Field1] == null ? '' : props.Record[props.Field1].toString(), disabled: props.Disabled == null ? false : props.Disabled }),
+            React.createElement("input", { type: props.Type === undefined ? 'text' : props.Type, className: props.Valid(props.Field2) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) {
+                    var _a;
+                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field2] = evt.target.value !== '' ? evt.target.value : null, _a)));
+                }, value: props.Record[props.Field2] == null ? '' : props.Record[props.Field2].toString(), disabled: props.Disabled == null ? false : props.Disabled })),
+        React.createElement("div", { className: "invalid-feedback" }, props.Feedback == null ? (props.Field1 + ' ' + props.Field2 + ' is a required field.') : props.Feedback)));
+}
+exports.default = DoubleInput;

package/lib/EnumCheckBoxes.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-export default function EnumCheckBoxes<T>(props: {
-    Record: T;
-    Field: keyof T;
-    Setter: (record: T) => void;
-    Enum: string[];
-    Label?: string;
-}): JSX.Element;
+/// <reference types="react" />
+export default function EnumCheckBoxes<T>(props: {
+    Record: T;
+    Field: keyof T;
+    Setter: (record: T) => void;
+    Enum: string[];
+    Label?: string;
+}): JSX.Element;

package/lib/EnumCheckBoxes.js

@@ -1,58 +1,58 @@
-"use strict";
-// ******************************************************************************************************
-//  EnumCheckBoxes.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:
-//  ----------------------------------------------------------------------------------------------------
-//  01/22/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 EnumCheckBoxes(props) {
-    /* tslint:disable-next-line:no-bitwise */
-    var EquateFlag = function (index) { return ((props.Record[props.Field] / Math.pow(2, index)) & 1) !== 0; };
-    var DecrementFlag = function (index) { return props.Record[props.Field] - Math.pow(2, index); };
-    var IncrementFlag = function (index) { return props.Record[props.Field] + Math.pow(2, index); };
-    return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", null, props.Label == null ? props.Field : props.Label),
-        React.createElement("br", null),
-        React.createElement("div", { className: "form-check form-check-inline" },
-            React.createElement("input", { className: "form-check-input", type: "checkbox", checked: props.Record[props.Field] === (Math.pow(2, props.Enum.length) - 1), onChange: function (evt) {
-                    var _a;
-                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.checked ? Math.pow(2, props.Enum.length) - 1 : 0, _a)));
-                } }),
-            React.createElement("label", { className: "form-check-label" }, "All")),
-        props.Enum.map(function (flag, i) { return (React.createElement("div", { key: i, className: "form-check form-check-inline" },
-            React.createElement("input", { className: "form-check-input", type: "checkbox", checked: EquateFlag(i), onChange: function (evt) {
-                    var _a;
-                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.checked ? IncrementFlag(i) : DecrementFlag(i), _a)));
-                } }),
-            React.createElement("label", { className: "form-check-label" }, flag))); })));
-}
-exports.default = EnumCheckBoxes;
+"use strict";
+// ******************************************************************************************************
+//  EnumCheckBoxes.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:
+//  ----------------------------------------------------------------------------------------------------
+//  01/22/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 EnumCheckBoxes(props) {
+    /* tslint:disable-next-line:no-bitwise */
+    var EquateFlag = function (index) { return ((props.Record[props.Field] / Math.pow(2, index)) & 1) !== 0; };
+    var DecrementFlag = function (index) { return props.Record[props.Field] - Math.pow(2, index); };
+    var IncrementFlag = function (index) { return props.Record[props.Field] + Math.pow(2, index); };
+    return (React.createElement("div", { className: "form-group" },
+        React.createElement("label", null, props.Label == null ? props.Field : props.Label),
+        React.createElement("br", null),
+        React.createElement("div", { className: "form-check form-check-inline" },
+            React.createElement("input", { className: "form-check-input", type: "checkbox", checked: props.Record[props.Field] === (Math.pow(2, props.Enum.length) - 1), onChange: function (evt) {
+                    var _a;
+                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.checked ? Math.pow(2, props.Enum.length) - 1 : 0, _a)));
+                } }),
+            React.createElement("label", { className: "form-check-label" }, "All")),
+        props.Enum.map(function (flag, i) { return (React.createElement("div", { key: i, className: "form-check form-check-inline" },
+            React.createElement("input", { className: "form-check-input", type: "checkbox", checked: EquateFlag(i), onChange: function (evt) {
+                    var _a;
+                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.checked ? IncrementFlag(i) : DecrementFlag(i), _a)));
+                } }),
+            React.createElement("label", { className: "form-check-label" }, flag))); })));
+}
+exports.default = EnumCheckBoxes;

package/lib/HelperMessage.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface IProps {
+    Show: boolean;
+    Target?: string;
+    Zindex?: number;
+}
+declare const HelperMessage: React.FunctionComponent<IProps>;
+export default HelperMessage;

package/lib/HelperMessage.js

@@ -0,0 +1,70 @@
+"use strict";
+// ******************************************************************************************************
+//  HelperMessage.tsx - Gbtc
+//
+//  Copyright © 2021, 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:
+//  ----------------------------------------------------------------------------------------------------
+//  05/05/2021 - C. Lackner
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
+var styled_components_1 = require("styled-components");
+var helper_functions_1 = require("@gpa-gemstone/helper-functions");
+var WrapperDiv = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & {\n    border-radius: 3px;\n    display: inline-block;\n    font-size: 13px;\n    padding: 8px 21px;\n    position: fixed;\n    pointer-events: none;\n    transition: opacity 0.3s ease-out;\n    z-index: ", ";\n    opacity: ", ";\n    color: #000;\n    background: #0DCAF0;\n    top: ", ";\n    left: ", ";\n\twidth: ", ";\n    border: 1px solid transparent;\n  }\n  \n  ", ""], ["\n  & {\n    border-radius: 3px;\n    display: inline-block;\n    font-size: 13px;\n    padding: 8px 21px;\n    position: fixed;\n    pointer-events: none;\n    transition: opacity 0.3s ease-out;\n    z-index: ", ";\n    opacity: ", ";\n    color: #000;\n    background: #0DCAF0;\n    top: ", ";\n    left: ", ";\n\twidth: ", ";\n    border: 1px solid transparent;\n  }\n  \n  ", ""])), function (props) { return props.Zindex; }, function (props) { return props.Show ? "1.0" : "0"; }, function (props) { return props.Top + "px"; }, function (props) { return props.Left + "px"; }, function (props) { return props.Width + "px"; }, function (props) { return "\n    &::before {\n     border-left: 8px solid transparent;\n     border-right: 8px solid transparent;\n     border-bottom: 8px solid #0DCAF0;\n     left: 50%;\n     top: -6px;\n     margin-left: -8px;\n     content: \"\";\n     width: 0px;\n     height: 0px;\n     position: absolute\n    }\n  "; });
+var HelperMessage = function (props) {
+    var _a = React.useState(0), top = _a[0], setTop = _a[1];
+    var _b = React.useState(0), left = _b[0], setLeft = _b[1];
+    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());
+    }, []);
+    React.useLayoutEffect(function () {
+        var _a = UpdatePosition(), t = _a[0], l = _a[1], w = _a[2];
+        if (t !== top)
+            setTop(t);
+        if (l !== left)
+            setLeft(l);
+        if (w !== width)
+            setWidth(w);
+    });
+    var zIndex = (props.Zindex === undefined ? 2000 : props.Zindex);
+    function UpdatePosition() {
+        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 message = document.getElementById(guid);
+        if (message === null)
+            return [-999, -999];
+        var msgLocation = helper_functions_1.GetNodeSize(message);
+        var offset = 5;
+        var result = [0, 0, 0];
+        result[0] = targetLocation.top + targetLocation.height + offset;
+        result[1] = targetLocation.left;
+        result[2] = targetLocation.width;
+        return result;
+    }
+    return (React.createElement(WrapperDiv, { Show: props.Show, Top: top, Left: left, Width: width, id: guid, Zindex: zIndex }, props.children));
+};
+exports.default = HelperMessage;
+var templateObject_1;

package/lib/Input.d.ts

@@ -1,11 +1,14 @@
-/// <reference types="react" />
-export default function Input<T>(props: {
-    Record: T;
-    Field: 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" />
+interface IProps<T> {
+    Record: T;
+    Field: keyof T;
+    Setter: (record: T) => void;
+    Valid: (field: keyof T) => boolean;
+    Label?: string;
+    Feedback?: string;
+    Disabled?: boolean;
+    Type?: 'number' | 'text' | 'password' | 'email' | 'color';
+    Help?: string | JSX.Element;
+}
+export default function Input<T>(props: IProps<T>): JSX.Element;
+export {};

package/lib/Input.js

@@ -1,46 +1,60 @@
-"use strict";
-// ******************************************************************************************************
-//  Input.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:
-//  ----------------------------------------------------------------------------------------------------
-//  01/22/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 Input(props) {
-    return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", null, props.Label == null ? props.Field : props.Label),
-        React.createElement("input", { 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("div", { className: "invalid-feedback" }, props.Feedback == null ? props.Field + ' is a required field.' : props.Feedback)));
-}
-exports.default = Input;
+"use strict";
+// ******************************************************************************************************
+//  Input.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:
+//  ----------------------------------------------------------------------------------------------------
+//  01/22/2020 - Billy Ernest
+//       Generated original version of source code.
+//  05/05/2021 - C. Lackner
+//       Added Help Message.
+//
+// ******************************************************************************************************
+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 HelperMessage_1 = require("./HelperMessage");
+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];
+    React.useEffect(function () {
+        setGuid(helper_functions_1.CreateGuid());
+    }, []);
+    return (React.createElement("div", { className: "form-group" },
+        React.createElement("label", null,
+            props.Label == null ? props.Field : props.Label,
+            props.Help !== undefined ? 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),
+        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("div", { className: "invalid-feedback" }, props.Feedback == null ? props.Field + ' is a required field.' : props.Feedback)));
+}
+exports.default = Input;

package/lib/MutliCheckBoxSelect.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-declare const MultiSelect: (props: {
-    Options: {
-        Value: number;
-        Text: string;
-        Selected: boolean;
-    }[];
-    OnChange: (evt: any, Options: {
-        Value: number;
-        Text: string;
-        Selected: boolean;
-    }[]) => void;
-}) => JSX.Element;
-export default MultiSelect;
+/// <reference types="react" />
+declare const MultiSelect: (props: {
+    Options: {
+        Value: number;
+        Text: string;
+        Selected: boolean;
+    }[];
+    OnChange: (evt: any, Options: {
+        Value: number;
+        Text: string;
+        Selected: boolean;
+    }[]) => void;
+}) => JSX.Element;
+export default MultiSelect;