@gpa-gemstone/react-forms 1.1.8 → 1.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -38
- package/lib/ArrayCheckBoxes.d.ts +11 -11
- package/lib/ArrayCheckBoxes.js +73 -75
- package/lib/ArrayMultiSelect.d.ts +13 -13
- package/lib/ArrayMultiSelect.js +47 -47
- package/lib/CheckBox.d.ts +10 -10
- package/lib/CheckBox.js +69 -67
- package/lib/DatePicker.d.ts +10 -10
- package/lib/DatePicker.js +72 -70
- package/lib/DateRangePicker.d.ts +10 -10
- package/lib/DateRangePicker.js +171 -171
- package/lib/DoubleInput.d.ts +12 -12
- package/lib/DoubleInput.js +51 -51
- package/lib/EnumCheckBoxes.d.ts +8 -8
- package/lib/EnumCheckBoxes.js +58 -58
- package/lib/HelperMessage.d.ts +8 -0
- package/lib/HelperMessage.js +70 -0
- package/lib/Input.d.ts +14 -11
- package/lib/Input.js +60 -46
- package/lib/MutliCheckBoxSelect.d.ts +14 -14
- package/lib/MutliCheckBoxSelect.js +75 -75
- package/lib/Select.d.ts +17 -14
- package/lib/Select.js +65 -51
- package/lib/TextArea.d.ts +11 -11
- package/lib/TextArea.js +50 -50
- package/lib/index.d.ts +11 -11
- package/lib/index.js +45 -45
- package/package.json +57 -54
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// ******************************************************************************************************
|
|
3
|
-
// MultiCheckBoxSelect.tsx - Gbtc
|
|
4
|
-
//
|
|
5
|
-
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
6
|
-
//
|
|
7
|
-
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
8
|
-
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
9
|
-
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
10
|
-
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
11
|
-
//
|
|
12
|
-
// http://opensource.org/licenses/MIT
|
|
13
|
-
//
|
|
14
|
-
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
15
|
-
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
16
|
-
// License for the specific language governing permissions and limitations.
|
|
17
|
-
//
|
|
18
|
-
// Code Modification History:
|
|
19
|
-
// ----------------------------------------------------------------------------------------------------
|
|
20
|
-
// 07/17/2020 - Billy Ernest
|
|
21
|
-
// Generated original version of source code.
|
|
22
|
-
//
|
|
23
|
-
// ******************************************************************************************************
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
var React = require("react");
|
|
26
|
-
var MultiSelect = function (props) {
|
|
27
|
-
var _a = React.useState(false), show = _a[0], setShow = _a[1];
|
|
28
|
-
var multiSelect = React.useRef(null);
|
|
29
|
-
function HandleShow(evt) {
|
|
30
|
-
if (multiSelect.current === null)
|
|
31
|
-
setShow(!show);
|
|
32
|
-
else if (!multiSelect.current.contains(evt.target))
|
|
33
|
-
setShow(false);
|
|
34
|
-
else
|
|
35
|
-
setShow(true);
|
|
36
|
-
}
|
|
37
|
-
React.useEffect(function () {
|
|
38
|
-
document.addEventListener('mousedown', HandleShow, false);
|
|
39
|
-
return function () {
|
|
40
|
-
document.removeEventListener('mousedown', HandleShow, false);
|
|
41
|
-
};
|
|
42
|
-
}, []);
|
|
43
|
-
return (React.createElement("div", { ref: multiSelect, style: { position: 'relative', display: 'inline-block', width: 'inherit' } },
|
|
44
|
-
React.createElement("button", { style: { border: '1px solid #ced4da', padding: '.375rem .75rem', fontSize: '1rem', borderRadius: '.25rem' }, className: "btn form-control dropdown-toggle", onClick: HandleShow },
|
|
45
|
-
props.Options.filter(function (x) { return x.Selected; }).length !== props.Options.length
|
|
46
|
-
? props.Options.filter(function (x) { return x.Selected; }).length
|
|
47
|
-
: 'All ',
|
|
48
|
-
' ',
|
|
49
|
-
"Selected"),
|
|
50
|
-
React.createElement("div", { style: {
|
|
51
|
-
maxHeight: window.innerHeight * 0.75,
|
|
52
|
-
overflowY: 'auto',
|
|
53
|
-
padding: '10 5',
|
|
54
|
-
display: show ? 'block' : 'none',
|
|
55
|
-
position: 'absolute',
|
|
56
|
-
backgroundColor: '#fff',
|
|
57
|
-
boxShadow: '0px 8px 16px 0px rgba(0,0,0,0.2)',
|
|
58
|
-
zIndex: 401,
|
|
59
|
-
minWidth: '100%',
|
|
60
|
-
} },
|
|
61
|
-
React.createElement("table", { className: "table", style: { margin: 0 } },
|
|
62
|
-
React.createElement("tbody", null,
|
|
63
|
-
React.createElement("tr", { onClick: function (evt) {
|
|
64
|
-
evt.preventDefault();
|
|
65
|
-
props.OnChange(evt, props.Options.filter(function (x) { return x.Selected === (props.Options.filter(function (o) { return o.Selected; }).length === props.Options.length); }));
|
|
66
|
-
} },
|
|
67
|
-
React.createElement("td", null,
|
|
68
|
-
React.createElement("input", { type: "checkbox", checked: props.Options.filter(function (x) { return x.Selected; }).length === props.Options.length, onChange: function () { return null; } })),
|
|
69
|
-
React.createElement("td", null, "All")),
|
|
70
|
-
props.Options.map(function (f, i) { return (React.createElement("tr", { key: i, onClick: function (evt) { return props.OnChange(evt, [f]); } },
|
|
71
|
-
React.createElement("td", null,
|
|
72
|
-
React.createElement("input", { type: "checkbox", checked: f.Selected, onChange: function () { return null; } })),
|
|
73
|
-
React.createElement("td", null, f.Text))); }))))));
|
|
74
|
-
};
|
|
75
|
-
exports.default = MultiSelect;
|
|
1
|
+
"use strict";
|
|
2
|
+
// ******************************************************************************************************
|
|
3
|
+
// MultiCheckBoxSelect.tsx - Gbtc
|
|
4
|
+
//
|
|
5
|
+
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
6
|
+
//
|
|
7
|
+
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
8
|
+
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
9
|
+
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
10
|
+
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
11
|
+
//
|
|
12
|
+
// http://opensource.org/licenses/MIT
|
|
13
|
+
//
|
|
14
|
+
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
15
|
+
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
16
|
+
// License for the specific language governing permissions and limitations.
|
|
17
|
+
//
|
|
18
|
+
// Code Modification History:
|
|
19
|
+
// ----------------------------------------------------------------------------------------------------
|
|
20
|
+
// 07/17/2020 - Billy Ernest
|
|
21
|
+
// Generated original version of source code.
|
|
22
|
+
//
|
|
23
|
+
// ******************************************************************************************************
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
var React = require("react");
|
|
26
|
+
var MultiSelect = function (props) {
|
|
27
|
+
var _a = React.useState(false), show = _a[0], setShow = _a[1];
|
|
28
|
+
var multiSelect = React.useRef(null);
|
|
29
|
+
function HandleShow(evt) {
|
|
30
|
+
if (multiSelect.current === null)
|
|
31
|
+
setShow(!show);
|
|
32
|
+
else if (!multiSelect.current.contains(evt.target))
|
|
33
|
+
setShow(false);
|
|
34
|
+
else
|
|
35
|
+
setShow(true);
|
|
36
|
+
}
|
|
37
|
+
React.useEffect(function () {
|
|
38
|
+
document.addEventListener('mousedown', HandleShow, false);
|
|
39
|
+
return function () {
|
|
40
|
+
document.removeEventListener('mousedown', HandleShow, false);
|
|
41
|
+
};
|
|
42
|
+
}, []);
|
|
43
|
+
return (React.createElement("div", { ref: multiSelect, style: { position: 'relative', display: 'inline-block', width: 'inherit' } },
|
|
44
|
+
React.createElement("button", { style: { border: '1px solid #ced4da', padding: '.375rem .75rem', fontSize: '1rem', borderRadius: '.25rem' }, className: "btn form-control dropdown-toggle", onClick: HandleShow },
|
|
45
|
+
props.Options.filter(function (x) { return x.Selected; }).length !== props.Options.length
|
|
46
|
+
? props.Options.filter(function (x) { return x.Selected; }).length
|
|
47
|
+
: 'All ',
|
|
48
|
+
' ',
|
|
49
|
+
"Selected"),
|
|
50
|
+
React.createElement("div", { style: {
|
|
51
|
+
maxHeight: window.innerHeight * 0.75,
|
|
52
|
+
overflowY: 'auto',
|
|
53
|
+
padding: '10 5',
|
|
54
|
+
display: show ? 'block' : 'none',
|
|
55
|
+
position: 'absolute',
|
|
56
|
+
backgroundColor: '#fff',
|
|
57
|
+
boxShadow: '0px 8px 16px 0px rgba(0,0,0,0.2)',
|
|
58
|
+
zIndex: 401,
|
|
59
|
+
minWidth: '100%',
|
|
60
|
+
} },
|
|
61
|
+
React.createElement("table", { className: "table", style: { margin: 0 } },
|
|
62
|
+
React.createElement("tbody", null,
|
|
63
|
+
React.createElement("tr", { onClick: function (evt) {
|
|
64
|
+
evt.preventDefault();
|
|
65
|
+
props.OnChange(evt, props.Options.filter(function (x) { return x.Selected === (props.Options.filter(function (o) { return o.Selected; }).length === props.Options.length); }));
|
|
66
|
+
} },
|
|
67
|
+
React.createElement("td", null,
|
|
68
|
+
React.createElement("input", { type: "checkbox", checked: props.Options.filter(function (x) { return x.Selected; }).length === props.Options.length, onChange: function () { return null; } })),
|
|
69
|
+
React.createElement("td", null, "All")),
|
|
70
|
+
props.Options.map(function (f, i) { return (React.createElement("tr", { key: i, onClick: function (evt) { return props.OnChange(evt, [f]); } },
|
|
71
|
+
React.createElement("td", null,
|
|
72
|
+
React.createElement("input", { type: "checkbox", checked: f.Selected, onChange: function () { return null; } })),
|
|
73
|
+
React.createElement("td", null, f.Text))); }))))));
|
|
74
|
+
};
|
|
75
|
+
exports.default = MultiSelect;
|
package/lib/Select.d.ts
CHANGED
|
@@ -1,14 +1,17 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
Record: T;
|
|
4
|
-
Field: keyof T;
|
|
5
|
-
Options: {
|
|
6
|
-
Value: string;
|
|
7
|
-
Label: string;
|
|
8
|
-
}[];
|
|
9
|
-
Setter: (record: T) => void;
|
|
10
|
-
Label?: string;
|
|
11
|
-
Disabled?: boolean;
|
|
12
|
-
EmptyOption?: boolean;
|
|
13
|
-
EmptyLabel?: string;
|
|
14
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface IProps<T> {
|
|
3
|
+
Record: T;
|
|
4
|
+
Field: keyof T;
|
|
5
|
+
Options: {
|
|
6
|
+
Value: string;
|
|
7
|
+
Label: string;
|
|
8
|
+
}[];
|
|
9
|
+
Setter: (record: T) => void;
|
|
10
|
+
Label?: string;
|
|
11
|
+
Disabled?: boolean;
|
|
12
|
+
EmptyOption?: boolean;
|
|
13
|
+
EmptyLabel?: string;
|
|
14
|
+
Help?: string | JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export default function Select<T>(props: IProps<T>): JSX.Element;
|
|
17
|
+
export {};
|
package/lib/Select.js
CHANGED
|
@@ -1,51 +1,65 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// ******************************************************************************************************
|
|
3
|
-
// Select.tsx - Gbtc
|
|
4
|
-
//
|
|
5
|
-
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
6
|
-
//
|
|
7
|
-
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
8
|
-
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
9
|
-
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
10
|
-
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
11
|
-
//
|
|
12
|
-
// http://opensource.org/licenses/MIT
|
|
13
|
-
//
|
|
14
|
-
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
15
|
-
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
16
|
-
// License for the specific language governing permissions and limitations.
|
|
17
|
-
//
|
|
18
|
-
// Code Modification History:
|
|
19
|
-
// ----------------------------------------------------------------------------------------------------
|
|
20
|
-
// 01/28/2020 - Billy Ernest
|
|
21
|
-
// Generated original version of source code.
|
|
22
|
-
//
|
|
23
|
-
//
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
props.
|
|
50
|
-
}
|
|
51
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
// ******************************************************************************************************
|
|
3
|
+
// Select.tsx - Gbtc
|
|
4
|
+
//
|
|
5
|
+
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
6
|
+
//
|
|
7
|
+
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
8
|
+
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
9
|
+
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
10
|
+
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
11
|
+
//
|
|
12
|
+
// http://opensource.org/licenses/MIT
|
|
13
|
+
//
|
|
14
|
+
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
15
|
+
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
16
|
+
// License for the specific language governing permissions and limitations.
|
|
17
|
+
//
|
|
18
|
+
// Code Modification History:
|
|
19
|
+
// ----------------------------------------------------------------------------------------------------
|
|
20
|
+
// 01/28/2020 - Billy Ernest
|
|
21
|
+
// Generated original version of source code.
|
|
22
|
+
// 05/05/2021 - C. Lackner
|
|
23
|
+
// Added Help Message.
|
|
24
|
+
//
|
|
25
|
+
// ******************************************************************************************************
|
|
26
|
+
var __assign = (this && this.__assign) || function () {
|
|
27
|
+
__assign = Object.assign || function(t) {
|
|
28
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
29
|
+
s = arguments[i];
|
|
30
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
31
|
+
t[p] = s[p];
|
|
32
|
+
}
|
|
33
|
+
return t;
|
|
34
|
+
};
|
|
35
|
+
return __assign.apply(this, arguments);
|
|
36
|
+
};
|
|
37
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
|
+
var React = require("react");
|
|
39
|
+
var HelperMessage_1 = require("./HelperMessage");
|
|
40
|
+
var helper_functions_1 = require("@gpa-gemstone/helper-functions");
|
|
41
|
+
function Select(props) {
|
|
42
|
+
var _a = React.useState(""), guid = _a[0], setGuid = _a[1];
|
|
43
|
+
var _b = React.useState(false), showHelp = _b[0], setShowHelp = _b[1];
|
|
44
|
+
React.useEffect(function () {
|
|
45
|
+
setGuid(helper_functions_1.CreateGuid());
|
|
46
|
+
}, []);
|
|
47
|
+
return (React.createElement("div", { className: "form-group" },
|
|
48
|
+
React.createElement("label", null,
|
|
49
|
+
props.Label == null ? props.Field : props.Label,
|
|
50
|
+
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),
|
|
51
|
+
props.Help !== undefined ?
|
|
52
|
+
React.createElement(HelperMessage_1.default, { Show: showHelp, Target: guid }, props.Help)
|
|
53
|
+
: null,
|
|
54
|
+
React.createElement("select", { "data-help": guid, className: "form-control", onChange: function (evt) {
|
|
55
|
+
var record = __assign({}, props.Record);
|
|
56
|
+
if (evt.target.value !== '')
|
|
57
|
+
record[props.Field] = evt.target.value;
|
|
58
|
+
else
|
|
59
|
+
record[props.Field] = null;
|
|
60
|
+
props.Setter(record);
|
|
61
|
+
}, value: props.Record[props.Field] == null ? '' : props.Record[props.Field].toString(), disabled: props.Disabled == null ? false : props.Disabled },
|
|
62
|
+
props.EmptyOption ? React.createElement("option", { value: "" }, props.EmptyLabel !== undefined ? props.EmptyLabel : '') : null,
|
|
63
|
+
props.Options.map(function (a, i) { return (React.createElement("option", { key: i, value: a.Value }, a.Label)); }))));
|
|
64
|
+
}
|
|
65
|
+
exports.default = Select;
|
package/lib/TextArea.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export default function TextArea<T>(props: {
|
|
3
|
-
Rows: number;
|
|
4
|
-
Record: T;
|
|
5
|
-
Field: keyof T;
|
|
6
|
-
Setter: (record: T) => void;
|
|
7
|
-
Valid: (field: keyof T) => boolean;
|
|
8
|
-
Label?: string;
|
|
9
|
-
Feedback?: string;
|
|
10
|
-
Disabled?: boolean;
|
|
11
|
-
}): JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export default function TextArea<T>(props: {
|
|
3
|
+
Rows: number;
|
|
4
|
+
Record: T;
|
|
5
|
+
Field: keyof T;
|
|
6
|
+
Setter: (record: T) => void;
|
|
7
|
+
Valid: (field: keyof T) => boolean;
|
|
8
|
+
Label?: string;
|
|
9
|
+
Feedback?: string;
|
|
10
|
+
Disabled?: boolean;
|
|
11
|
+
}): JSX.Element;
|
package/lib/TextArea.js
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
// ******************************************************************************************************
|
|
15
|
-
// TextArea.tsx - Gbtc
|
|
16
|
-
//
|
|
17
|
-
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
18
|
-
//
|
|
19
|
-
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
20
|
-
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
21
|
-
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
22
|
-
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
23
|
-
//
|
|
24
|
-
// http://opensource.org/licenses/MIT
|
|
25
|
-
//
|
|
26
|
-
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
27
|
-
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
28
|
-
// License for the specific language governing permissions and limitations.
|
|
29
|
-
//
|
|
30
|
-
// Code Modification History:
|
|
31
|
-
// ----------------------------------------------------------------------------------------------------
|
|
32
|
-
// 01/22/2020 - Billy Ernest
|
|
33
|
-
// Generated original version of source code.
|
|
34
|
-
//
|
|
35
|
-
// ******************************************************************************************************
|
|
36
|
-
var React = require("react");
|
|
37
|
-
function TextArea(props) {
|
|
38
|
-
return (React.createElement("div", { className: "form-group" },
|
|
39
|
-
React.createElement("label", null, props.Label == null ? props.Field : props.Label),
|
|
40
|
-
React.createElement("textarea", { rows: props.Rows, className: props.Valid(props.Field) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) {
|
|
41
|
-
var record = __assign({}, props.Record);
|
|
42
|
-
if (evt.target.value !== '')
|
|
43
|
-
record[props.Field] = evt.target.value;
|
|
44
|
-
else
|
|
45
|
-
record[props.Field] = null;
|
|
46
|
-
props.Setter(record);
|
|
47
|
-
}, value: props.Record[props.Field] == null ? '' : props.Record[props.Field].toString(), disabled: props.Disabled == null ? false : props.Disabled }),
|
|
48
|
-
React.createElement("div", { className: "invalid-feedback" }, props.Feedback == null ? props.Field + ' is a required field.' : props.Feedback)));
|
|
49
|
-
}
|
|
50
|
-
exports.default = TextArea;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
// ******************************************************************************************************
|
|
15
|
+
// TextArea.tsx - Gbtc
|
|
16
|
+
//
|
|
17
|
+
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
18
|
+
//
|
|
19
|
+
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
20
|
+
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
21
|
+
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
22
|
+
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
23
|
+
//
|
|
24
|
+
// http://opensource.org/licenses/MIT
|
|
25
|
+
//
|
|
26
|
+
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
27
|
+
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
28
|
+
// License for the specific language governing permissions and limitations.
|
|
29
|
+
//
|
|
30
|
+
// Code Modification History:
|
|
31
|
+
// ----------------------------------------------------------------------------------------------------
|
|
32
|
+
// 01/22/2020 - Billy Ernest
|
|
33
|
+
// Generated original version of source code.
|
|
34
|
+
//
|
|
35
|
+
// ******************************************************************************************************
|
|
36
|
+
var React = require("react");
|
|
37
|
+
function TextArea(props) {
|
|
38
|
+
return (React.createElement("div", { className: "form-group" },
|
|
39
|
+
React.createElement("label", null, props.Label == null ? props.Field : props.Label),
|
|
40
|
+
React.createElement("textarea", { rows: props.Rows, className: props.Valid(props.Field) ? 'form-control' : 'form-control is-invalid', onChange: function (evt) {
|
|
41
|
+
var record = __assign({}, props.Record);
|
|
42
|
+
if (evt.target.value !== '')
|
|
43
|
+
record[props.Field] = evt.target.value;
|
|
44
|
+
else
|
|
45
|
+
record[props.Field] = null;
|
|
46
|
+
props.Setter(record);
|
|
47
|
+
}, value: props.Record[props.Field] == null ? '' : props.Record[props.Field].toString(), disabled: props.Disabled == null ? false : props.Disabled }),
|
|
48
|
+
React.createElement("div", { className: "invalid-feedback" }, props.Feedback == null ? props.Field + ' is a required field.' : props.Feedback)));
|
|
49
|
+
}
|
|
50
|
+
exports.default = TextArea;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import CheckBox from './CheckBox';
|
|
2
|
-
import Input from './Input';
|
|
3
|
-
import DatePicker from './DatePicker';
|
|
4
|
-
import Select from './Select';
|
|
5
|
-
import TextArea from './TextArea';
|
|
6
|
-
import DateRangePicker from './DateRangePicker';
|
|
7
|
-
import EnumCheckBoxes from './EnumCheckBoxes';
|
|
8
|
-
import ArrayMultiSelect from './ArrayMultiSelect';
|
|
9
|
-
import ArrayCheckBoxes from './ArrayCheckBoxes';
|
|
10
|
-
import MultiCheckBoxSelect from './MutliCheckBoxSelect';
|
|
11
|
-
export { CheckBox, Input, DatePicker, Select, TextArea, DateRangePicker, EnumCheckBoxes, ArrayMultiSelect, ArrayCheckBoxes, MultiCheckBoxSelect };
|
|
1
|
+
import CheckBox from './CheckBox';
|
|
2
|
+
import Input from './Input';
|
|
3
|
+
import DatePicker from './DatePicker';
|
|
4
|
+
import Select from './Select';
|
|
5
|
+
import TextArea from './TextArea';
|
|
6
|
+
import DateRangePicker from './DateRangePicker';
|
|
7
|
+
import EnumCheckBoxes from './EnumCheckBoxes';
|
|
8
|
+
import ArrayMultiSelect from './ArrayMultiSelect';
|
|
9
|
+
import ArrayCheckBoxes from './ArrayCheckBoxes';
|
|
10
|
+
import MultiCheckBoxSelect from './MutliCheckBoxSelect';
|
|
11
|
+
export { CheckBox, Input, DatePicker, Select, TextArea, DateRangePicker, EnumCheckBoxes, ArrayMultiSelect, ArrayCheckBoxes, MultiCheckBoxSelect };
|
package/lib/index.js
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// ******************************************************************************************************
|
|
3
|
-
// index.tsx - Gbtc
|
|
4
|
-
//
|
|
5
|
-
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
6
|
-
//
|
|
7
|
-
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
8
|
-
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
9
|
-
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
10
|
-
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
11
|
-
//
|
|
12
|
-
// http://opensource.org/licenses/MIT
|
|
13
|
-
//
|
|
14
|
-
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
15
|
-
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
16
|
-
// License for the specific language governing permissions and limitations.
|
|
17
|
-
//
|
|
18
|
-
// Code Modification History:
|
|
19
|
-
// ----------------------------------------------------------------------------------------------------
|
|
20
|
-
// 09/25/2020 - Billy Ernest
|
|
21
|
-
// Generated original version of source code.
|
|
22
|
-
//
|
|
23
|
-
// ******************************************************************************************************
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.MultiCheckBoxSelect = exports.ArrayCheckBoxes = exports.ArrayMultiSelect = exports.EnumCheckBoxes = exports.DateRangePicker = exports.TextArea = exports.Select = exports.DatePicker = exports.Input = exports.CheckBox = void 0;
|
|
26
|
-
var CheckBox_1 = require("./CheckBox");
|
|
27
|
-
exports.CheckBox = CheckBox_1.default;
|
|
28
|
-
var Input_1 = require("./Input");
|
|
29
|
-
exports.Input = Input_1.default;
|
|
30
|
-
var DatePicker_1 = require("./DatePicker");
|
|
31
|
-
exports.DatePicker = DatePicker_1.default;
|
|
32
|
-
var Select_1 = require("./Select");
|
|
33
|
-
exports.Select = Select_1.default;
|
|
34
|
-
var TextArea_1 = require("./TextArea");
|
|
35
|
-
exports.TextArea = TextArea_1.default;
|
|
36
|
-
var DateRangePicker_1 = require("./DateRangePicker");
|
|
37
|
-
exports.DateRangePicker = DateRangePicker_1.default;
|
|
38
|
-
var EnumCheckBoxes_1 = require("./EnumCheckBoxes");
|
|
39
|
-
exports.EnumCheckBoxes = EnumCheckBoxes_1.default;
|
|
40
|
-
var ArrayMultiSelect_1 = require("./ArrayMultiSelect");
|
|
41
|
-
exports.ArrayMultiSelect = ArrayMultiSelect_1.default;
|
|
42
|
-
var ArrayCheckBoxes_1 = require("./ArrayCheckBoxes");
|
|
43
|
-
exports.ArrayCheckBoxes = ArrayCheckBoxes_1.default;
|
|
44
|
-
var MutliCheckBoxSelect_1 = require("./MutliCheckBoxSelect");
|
|
45
|
-
exports.MultiCheckBoxSelect = MutliCheckBoxSelect_1.default;
|
|
1
|
+
"use strict";
|
|
2
|
+
// ******************************************************************************************************
|
|
3
|
+
// index.tsx - Gbtc
|
|
4
|
+
//
|
|
5
|
+
// Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
|
|
6
|
+
//
|
|
7
|
+
// Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
|
|
8
|
+
// the NOTICE file distributed with this work for additional information regarding copyright ownership.
|
|
9
|
+
// The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
|
|
10
|
+
// file except in compliance with the License. You may obtain a copy of the License at:
|
|
11
|
+
//
|
|
12
|
+
// http://opensource.org/licenses/MIT
|
|
13
|
+
//
|
|
14
|
+
// Unless agreed to in writing, the subject software distributed under the License is distributed on an
|
|
15
|
+
// "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
|
|
16
|
+
// License for the specific language governing permissions and limitations.
|
|
17
|
+
//
|
|
18
|
+
// Code Modification History:
|
|
19
|
+
// ----------------------------------------------------------------------------------------------------
|
|
20
|
+
// 09/25/2020 - Billy Ernest
|
|
21
|
+
// Generated original version of source code.
|
|
22
|
+
//
|
|
23
|
+
// ******************************************************************************************************
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.MultiCheckBoxSelect = exports.ArrayCheckBoxes = exports.ArrayMultiSelect = exports.EnumCheckBoxes = exports.DateRangePicker = exports.TextArea = exports.Select = exports.DatePicker = exports.Input = exports.CheckBox = void 0;
|
|
26
|
+
var CheckBox_1 = require("./CheckBox");
|
|
27
|
+
exports.CheckBox = CheckBox_1.default;
|
|
28
|
+
var Input_1 = require("./Input");
|
|
29
|
+
exports.Input = Input_1.default;
|
|
30
|
+
var DatePicker_1 = require("./DatePicker");
|
|
31
|
+
exports.DatePicker = DatePicker_1.default;
|
|
32
|
+
var Select_1 = require("./Select");
|
|
33
|
+
exports.Select = Select_1.default;
|
|
34
|
+
var TextArea_1 = require("./TextArea");
|
|
35
|
+
exports.TextArea = TextArea_1.default;
|
|
36
|
+
var DateRangePicker_1 = require("./DateRangePicker");
|
|
37
|
+
exports.DateRangePicker = DateRangePicker_1.default;
|
|
38
|
+
var EnumCheckBoxes_1 = require("./EnumCheckBoxes");
|
|
39
|
+
exports.EnumCheckBoxes = EnumCheckBoxes_1.default;
|
|
40
|
+
var ArrayMultiSelect_1 = require("./ArrayMultiSelect");
|
|
41
|
+
exports.ArrayMultiSelect = ArrayMultiSelect_1.default;
|
|
42
|
+
var ArrayCheckBoxes_1 = require("./ArrayCheckBoxes");
|
|
43
|
+
exports.ArrayCheckBoxes = ArrayCheckBoxes_1.default;
|
|
44
|
+
var MutliCheckBoxSelect_1 = require("./MutliCheckBoxSelect");
|
|
45
|
+
exports.MultiCheckBoxSelect = MutliCheckBoxSelect_1.default;
|