@gpa-gemstone/react-forms 1.1.8 → 1.1.13

package/README.md

@@ -1,38 +1,38 @@
-# react-forms
-
-![gemstone logo](https://raw.githubusercontent.com/gemstone/web/master/docs/img/gemstone-wide-600.png)
-
-The Gemstone Web Library organizes all Gemstone functionality related to web.
-
-[![GitHub license](https://img.shields.io/github/license/gemstone/web?color=4CC61E)](https://github.com/gemstone/web/blob/master/LICENSE)
-
-This library includes helpful npm package for creating strongly typed form components in react.
-
-* Input
-* CheckBox
-* TextArea
-* DatePicker
-* Select
-* EnumCheckBoxes
-* DateRangePicker
-* ArrayCheckBoxes
-* ArrayMultiSelect
-* MultiCheckBoxSelect
-* DoubleInput
-
-## Usage
-
-```ts
-    interface iType = { Field1: string, Field2: number, Field3: boolean, Field4: string, Field5: string, EnumField: number, FromField: string, ToField: string}
-    let record:iType = {Field1: 'Hello', Field2: 1, Field3: false, Field4: 'alot of text blah blah blah', Field5: '01/01/2021', FromField: '01/01/2020', ToField: '01/01/2021'}
-    let options = [{Value: 1, Label: 'first'}, {Value:2, Label: 'second'}]
-
-    <Input<iType> Record={record} Field="Field1" Setter={(event) => record.Field1 = event.target.value} Valid={(field) => /*some criteria*/}>
-    <CheckBox<iType> Record={record} Field="Field3" Setter={(event) => record.Field3 = event.target.value}}>
-    <Select<iType> Record={record} Field="Field2" Setter={(event) => record.Field3 = event.target.value}} Options={options}>
-    <TextArea<iType> Record={record} Field="Field4" Setter={(event) => record.Field1 = event.target.value} Valid={(field) => /*some criteria*/}>
-    <DatePicker<iType> Record={record} Field="Field5" Setter={(event) => record.Field1 = event.target.value}>
-    <DateRangePicker<iType> Record={record} FromField="FromField" ToField="ToField" Label="Date Range" Setter={(event) => record.Field1 = event.target.value}>
-    <EnumCheckBoxes<iType> Record={record} Field="EnumField" Setter={(event) => record.Field3 = event.target.value}} Enum={['Monday', 'Tuesday','Wednesday']}>
-	<DoubleInput<iType> Record={record} Field1="Field4" Field1="Field5" Setter={(r) => record = r} Valid={(field) => /*some criteria*/}>
-```
+# react-forms
+
+![gemstone logo](https://raw.githubusercontent.com/gemstone/web/master/docs/img/gemstone-wide-600.png)
+
+The Gemstone Web Library organizes all Gemstone functionality related to web.
+
+[![GitHub license](https://img.shields.io/github/license/gemstone/web?color=4CC61E)](https://github.com/gemstone/web/blob/master/LICENSE)
+
+This library includes helpful npm package for creating strongly typed form components in react.
+
+* Input
+* CheckBox
+* TextArea
+* DatePicker
+* Select
+* EnumCheckBoxes
+* DateRangePicker
+* ArrayCheckBoxes
+* ArrayMultiSelect
+* MultiCheckBoxSelect
+* DoubleInput
+
+## Usage
+
+```ts
+    interface iType = { Field1: string, Field2: number, Field3: boolean, Field4: string, Field5: string, EnumField: number, FromField: string, ToField: string}
+    let record:iType = {Field1: 'Hello', Field2: 1, Field3: false, Field4: 'alot of text blah blah blah', Field5: '01/01/2021', FromField: '01/01/2020', ToField: '01/01/2021'}
+    let options = [{Value: 1, Label: 'first'}, {Value:2, Label: 'second'}]
+
+    <Input<iType> Record={record} Field="Field1" Setter={(event) => record.Field1 = event.target.value} Valid={(field) => /*some criteria*/}>
+    <CheckBox<iType> Record={record} Field="Field3" Setter={(event) => record.Field3 = event.target.value}}>
+    <Select<iType> Record={record} Field="Field2" Setter={(event) => record.Field3 = event.target.value}} Options={options}>
+    <TextArea<iType> Record={record} Field="Field4" Setter={(event) => record.Field1 = event.target.value} Valid={(field) => /*some criteria*/}>
+    <DatePicker<iType> Record={record} Field="Field5" Setter={(event) => record.Field1 = event.target.value}>
+    <DateRangePicker<iType> Record={record} FromField="FromField" ToField="ToField" Label="Date Range" Setter={(event) => record.Field1 = event.target.value}>
+    <EnumCheckBoxes<iType> Record={record} Field="EnumField" Setter={(event) => record.Field3 = event.target.value}} Enum={['Monday', 'Tuesday','Wednesday']}>
+	<DoubleInput<iType> Record={record} Field1="Field4" Field1="Field5" Setter={(r) => record = r} Valid={(field) => /*some criteria*/}>
+```

package/lib/ArrayCheckBoxes.d.ts

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

package/lib/ArrayCheckBoxes.js

@@ -1,75 +1,73 @@
-"use strict";
-// ******************************************************************************************************
-//  ArrayCheckBoxes.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);
-};
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-function ArrayCheckBoxes(props) {
-    var Remove = function (cb) {
-        var a = __spreadArrays(props.Record[props.Field]);
-        var i = a.indexOf(cb.ID);
-        a.splice(i, 1);
-        return a;
-    };
-    var Add = function (cb) {
-        var a = __spreadArrays(props.Record[props.Field]);
-        var i = a.indexOf(cb.ID);
-        if (i < 0)
-            a.push(cb.ID);
-        a.sort();
-        return a;
-    };
-    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: JSON.stringify(props.Record[props.Field]) === JSON.stringify(props.Checkboxes.map(function (x) { return x.ID; })), onChange: function (evt) {
-                    var _a;
-                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.checked ? props.Checkboxes.map(function (x) { return x.ID; }) : [], _a)));
-                } }),
-            React.createElement("label", { className: "form-check-label" }, "All")),
-        props.Checkboxes.map(function (cb, i) { return (React.createElement("div", { key: i, className: "form-check form-check-inline" },
-            React.createElement("input", { className: "form-check-input", type: "checkbox", checked: props.Record[props.Field].find(function (x) { return cb.ID === x; }) !== undefined, onChange: function (evt) {
-                    var _a;
-                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.checked ? Add(cb) : Remove(cb), _a)));
-                } }),
-            React.createElement("label", { className: "form-check-label" }, cb.Label))); })));
-}
-exports.default = ArrayCheckBoxes;
+"use strict";
+// ******************************************************************************************************
+//  ArrayCheckBoxes.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);
+};
+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;
+};
+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 i = a.indexOf(cb.ID);
+        a.splice(i, 1);
+        return a;
+    };
+    var Add = function (cb) {
+        var a = __spreadArray([], props.Record[props.Field]);
+        var i = a.indexOf(cb.ID);
+        if (i < 0)
+            a.push(cb.ID);
+        a.sort();
+        return a;
+    };
+    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: JSON.stringify(props.Record[props.Field]) === JSON.stringify(props.Checkboxes.map(function (x) { return x.ID; })), onChange: function (evt) {
+                    var _a;
+                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.checked ? props.Checkboxes.map(function (x) { return x.ID; }) : [], _a)));
+                } }),
+            React.createElement("label", { className: "form-check-label" }, "All")),
+        props.Checkboxes.map(function (cb, i) { return (React.createElement("div", { key: i, className: "form-check form-check-inline" },
+            React.createElement("input", { className: "form-check-input", type: "checkbox", checked: props.Record[props.Field].find(function (x) { return cb.ID === x; }) !== undefined, onChange: function (evt) {
+                    var _a;
+                    return props.Setter(__assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = evt.target.checked ? Add(cb) : Remove(cb), _a)));
+                } }),
+            React.createElement("label", { className: "form-check-label" }, cb.Label))); })));
+}
+exports.default = ArrayCheckBoxes;

package/lib/ArrayMultiSelect.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-export default function ArrayMultiSelect<T>(props: {
-    Record: T;
-    Field: keyof T;
-    Setter: (record: T) => void;
-    Options: {
-        Value: string;
-        Label: string;
-    }[];
-    Label?: string;
-    Disabled?: boolean;
-    Style?: React.CSSProperties;
-}): JSX.Element;
+import * as React from 'react';
+export default function ArrayMultiSelect<T>(props: {
+    Record: T;
+    Field: keyof T;
+    Setter: (record: T) => void;
+    Options: {
+        Value: string;
+        Label: string;
+    }[];
+    Label?: string;
+    Disabled?: boolean;
+    Style?: React.CSSProperties;
+}): JSX.Element;

package/lib/ArrayMultiSelect.js

@@ -1,47 +1,47 @@
-"use strict";
-// ******************************************************************************************************
-//  ArrayMultiSelect.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 ArrayMultiSelect(props) {
-    var _a;
-    return (React.createElement("div", { className: "form-group" },
-        React.createElement("label", null, props.Label == null ? props.Field : props.Label),
-        React.createElement("select", { multiple: true, className: "form-control", onChange: function (evt) {
-                var _a;
-                var record = __assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = Array.from(evt.target.selectedOptions).map(function (a) { return a.value; }), _a));
-                props.Setter(record);
-            }, value: (_a = props.Record[props.Field]) !== null && _a !== void 0 ? _a : [], disabled: props.Disabled == null ? false : props.Disabled, style: props.Style }, props.Options.map(function (a, i) { return (React.createElement("option", { key: i, value: a.Value }, a.Label)); }))));
-}
-exports.default = ArrayMultiSelect;
+"use strict";
+// ******************************************************************************************************
+//  ArrayMultiSelect.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 ArrayMultiSelect(props) {
+    var _a;
+    return (React.createElement("div", { className: "form-group" },
+        React.createElement("label", null, props.Label == null ? props.Field : props.Label),
+        React.createElement("select", { multiple: true, className: "form-control", onChange: function (evt) {
+                var _a;
+                var record = __assign(__assign({}, props.Record), (_a = {}, _a[props.Field] = Array.from(evt.target.selectedOptions).map(function (a) { return a.value; }), _a));
+                props.Setter(record);
+            }, value: (_a = props.Record[props.Field]) !== null && _a !== void 0 ? _a : [], disabled: props.Disabled == null ? false : props.Disabled, style: props.Style }, props.Options.map(function (a, i) { return (React.createElement("option", { key: i, value: a.Value }, a.Label)); }))));
+}
+exports.default = ArrayMultiSelect;

package/lib/CheckBox.d.ts

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

package/lib/CheckBox.js

@@ -1,67 +1,69 @@
-"use strict";
-// ******************************************************************************************************
-//  CheckBox.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 __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 CheckBox = /** @class */ (function (_super) {
-    __extends(CheckBox, _super);
-    function CheckBox() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    CheckBox.prototype.render = function () {
-        var _this = this;
-        return (React.createElement("div", { className: "form-check" },
-            React.createElement("input", { type: "checkbox", className: "form-check-input", style: { zIndex: 1 }, onChange: function (evt) {
-                    var record = __assign({}, _this.props.Record);
-                    record[_this.props.Field] = evt.target.checked;
-                    _this.props.Setter(record);
-                }, value: this.props.Record[this.props.Field] ? 'on' : 'off', checked: this.props.Record[this.props.Field] ? true : false, disabled: this.props.Disabled == null ? false : this.props.Disabled }),
-            React.createElement("label", { className: "form-check-label" }, this.props.Label == null ? this.props.Field : this.props.Label)));
-    };
-    return CheckBox;
-}(React.Component));
-exports.default = CheckBox;
+"use strict";
+// ******************************************************************************************************
+//  CheckBox.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 __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 CheckBox = /** @class */ (function (_super) {
+    __extends(CheckBox, _super);
+    function CheckBox() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    CheckBox.prototype.render = function () {
+        var _this = this;
+        return (React.createElement("div", { className: "form-check" },
+            React.createElement("input", { type: "checkbox", className: "form-check-input", style: { zIndex: 1 }, onChange: function (evt) {
+                    var record = __assign({}, _this.props.Record);
+                    record[_this.props.Field] = evt.target.checked;
+                    _this.props.Setter(record);
+                }, value: this.props.Record[this.props.Field] ? 'on' : 'off', checked: this.props.Record[this.props.Field] ? true : false, disabled: this.props.Disabled == null ? false : this.props.Disabled }),
+            React.createElement("label", { className: "form-check-label" }, this.props.Label == null ? this.props.Field : this.props.Label)));
+    };
+    return CheckBox;
+}(React.Component));
+exports.default = CheckBox;

package/lib/DatePicker.d.ts

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