@gpa-gemstone/common-pages 0.0.104 → 0.0.105

package/lib/ValueList/GroupItem.js

@@ -1,116 +1,142 @@
-"use strict";
-// ******************************************************************************************************
-//  GroupItem.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:
-//  ----------------------------------------------------------------------------------------------------
-//  07/04/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");
-var ItemForm_1 = require("./ItemForm");
-var react_interactive_1 = require("@gpa-gemstone/react-interactive");
-var react_table_1 = require("@gpa-gemstone/react-table");
-var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
-var react_redux_1 = require("react-redux");
-function GroupItemsWindow(props) {
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var recordStatus = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Status);
-    var data = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Data);
-    var parentID = (0, react_redux_1.useSelector)((props.ValueListItemSlice.ParentID === undefined ? function (state) { return -1; } : props.ValueListItemSlice.ParentID));
-    var _a = React.useState('Value'), sortField = _a[0], setSortField = _a[1];
-    var _b = React.useState(false), ascending = _b[0], setAscending = _b[1];
-    var emptyRecord = { ID: 0, GroupID: props.Record.ID, Value: '', AltValue: '', SortOrder: 0 };
-    var _c = React.useState(emptyRecord), record = _c[0], setRecord = _c[1];
-    var _d = React.useState(false), showNew = _d[0], setShowNew = _d[1];
-    var _e = React.useState([]), newErrors = _e[0], setNewErrors = _e[1];
-    var _f = React.useState(true), validValue = _f[0], setValidValue = _f[1];
-    React.useEffect(function () {
-        if (recordStatus === 'unintiated' || recordStatus === 'changed' || parentID !== props.Record.ID)
-            dispatch(props.ValueListItemSlice.Fetch(props.Record.ID));
-    }, [recordStatus, dispatch]);
-    React.useEffect(function () {
-        dispatch(props.ValueListItemSlice.Sort({ Ascending: ascending, SortField: sortField }));
-    }, [sortField, ascending]);
-    React.useEffect(function () {
-        if (record.Value === null)
-            setValidValue(true);
-        if (data.findIndex(function (d) { return d.Value.toLowerCase() === record.Value.toLowerCase(); }) > -1)
-            setValidValue(false);
-        else
-            setValidValue(true);
-    }, [record, data]);
-    return (React.createElement("div", { className: "card", style: { marginBottom: 10 } },
-        React.createElement("div", { className: "card-header" },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "col" },
-                    React.createElement("h4", null, "List Items:")))),
-        React.createElement("div", { className: "card-body" },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { style: { width: '100%', height: window.innerHeight - 421, maxHeight: window.innerHeight - 421, padding: 0, overflowY: 'auto' } },
-                    React.createElement(react_table_1.SearchableTable, { cols: [
-                            { key: 'Value', field: 'Value', label: 'Value', headerStyle: { width: 'auto' }, rowStyle: { width: 'auto' } },
-                            { key: 'AltValue', field: 'AltValue', label: 'Alternate Value', headerStyle: { width: 'auto' }, rowStyle: { width: 'auto' } },
-                            { key: 'SortOrder', field: 'SortOrder', label: 'Sort Order', headerStyle: { width: 'auto' }, rowStyle: { width: 'auto' } },
-                            { key: 'remove', label: '', headerStyle: { width: '10%' }, rowStyle: { width: '10%' }, content: function (item) { return React.createElement("button", { className: "btn btn-sm", onClick: function (e) {
-                                        e.preventDefault();
-                                        dispatch(props.ValueListItemSlice.DBAction({ verb: 'DELETE', record: item }));
-                                    } },
-                                    React.createElement("span", null,
-                                        React.createElement("i", { className: "fa fa-times" }))); }
-                            },
-                            { key: 'scroll', label: '', headerStyle: { width: 17, padding: 0 }, rowStyle: { width: 0, padding: 0 } },
-                        ], tableClass: "table table-hover", data: data, sortKey: sortField, onSort: function (d) {
-                            if (d.colKey === 'remove' || d.colKey === 'scroll' || d.colField === undefined)
-                                return;
-                            setSortField(d.colField);
-                            if (d.colField === sortField)
-                                setAscending(function (asc) { return !asc; });
-                            else
-                                setAscending(true);
-                        }, ascending: true, onClick: function () { }, theadStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, tbodyStyle: { display: 'block', overflowY: 'scroll', maxHeight: window.innerHeight - 300, width: '100%' }, rowStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, selected: function (item) { return false; }, matchSearch: function (item, search) { return item.Value.toLowerCase().indexOf(search.toLowerCase()) > -1; } })))),
-        React.createElement("div", { className: "card-footer" },
-            React.createElement("div", { className: "btn-group mr-2" },
-                React.createElement("button", { className: "btn btn-primary pull-right", "data-toggle": "modal", "data-target": "#exampleModal", onClick: function () { setRecord(__assign(__assign({}, emptyRecord), { GroupID: props.Record.ID })); setShowNew(true); } }, "Add Item"))),
-        React.createElement(react_interactive_1.Modal, { Title: 'Add new List Item', Show: showNew, Size: 'lg', ShowX: true, ShowCancel: false, DisableConfirm: newErrors.length > 0 || !validValue, ConfirmShowToolTip: newErrors.length > 0 || !validValue, ConfirmToolTipContent: React.createElement(React.Fragment, null,
-                newErrors.map(function (t, i) { return React.createElement("p", { key: i },
-                    " ",
-                    gpa_symbols_1.CrossMark,
-                    " ",
-                    t); }),
-                !validValue ? React.createElement("p", null,
-                    " ",
-                    gpa_symbols_1.CrossMark,
-                    " A Value has to be unique in a given Item List.") : null), CallBack: function (c) {
-                setShowNew(false);
-                if (c)
-                    dispatch(props.ValueListItemSlice.DBAction({ verb: 'POST', record: record }));
-            } },
-            React.createElement(ItemForm_1.default, { Record: record, Setter: setRecord, ErrorSetter: setNewErrors }))));
-}
-exports.default = GroupItemsWindow;
+"use strict";
+// ******************************************************************************************************
+//  GroupItem.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:
+//  ----------------------------------------------------------------------------------------------------
+//  07/04/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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = GroupItemsWindow;
+var React = __importStar(require("react"));
+var ItemForm_1 = __importDefault(require("./ItemForm"));
+var react_interactive_1 = require("@gpa-gemstone/react-interactive");
+var react_table_1 = require("@gpa-gemstone/react-table");
+var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
+var react_redux_1 = require("react-redux");
+function GroupItemsWindow(props) {
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var recordStatus = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Status);
+    var data = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Data);
+    var parentID = (0, react_redux_1.useSelector)((props.ValueListItemSlice.ParentID === undefined ? function (state) { return -1; } : props.ValueListItemSlice.ParentID));
+    var _a = React.useState('Value'), sortField = _a[0], setSortField = _a[1];
+    var _b = React.useState(false), ascending = _b[0], setAscending = _b[1];
+    var emptyRecord = { ID: 0, GroupID: props.Record.ID, Value: '', AltValue: '', SortOrder: 0 };
+    var _c = React.useState(emptyRecord), record = _c[0], setRecord = _c[1];
+    var _d = React.useState(false), showNew = _d[0], setShowNew = _d[1];
+    var _e = React.useState([]), newErrors = _e[0], setNewErrors = _e[1];
+    var _f = React.useState(true), validValue = _f[0], setValidValue = _f[1];
+    React.useEffect(function () {
+        if (recordStatus === 'unintiated' || recordStatus === 'changed' || parentID !== props.Record.ID)
+            dispatch(props.ValueListItemSlice.Fetch(props.Record.ID));
+    }, [recordStatus, dispatch]);
+    React.useEffect(function () {
+        dispatch(props.ValueListItemSlice.Sort({ Ascending: ascending, SortField: sortField }));
+    }, [sortField, ascending]);
+    React.useEffect(function () {
+        if (record.Value === null)
+            setValidValue(true);
+        if (data.findIndex(function (d) { return d.Value.toLowerCase() === record.Value.toLowerCase(); }) > -1)
+            setValidValue(false);
+        else
+            setValidValue(true);
+    }, [record, data]);
+    return (React.createElement("div", { className: "card", style: { marginBottom: 10 } },
+        React.createElement("div", { className: "card-header" },
+            React.createElement("div", { className: "row" },
+                React.createElement("div", { className: "col" },
+                    React.createElement("h4", null, "List Items:")))),
+        React.createElement("div", { className: "card-body" },
+            React.createElement("div", { className: "row" },
+                React.createElement("div", { style: { width: '100%', height: window.innerHeight - 421, maxHeight: window.innerHeight - 421, padding: 0, overflowY: 'auto' } },
+                    React.createElement(react_table_1.SearchableTable, { cols: [
+                            { key: 'Value', field: 'Value', label: 'Value', headerStyle: { width: 'auto' }, rowStyle: { width: 'auto' } },
+                            { key: 'AltValue', field: 'AltValue', label: 'Alternate Value', headerStyle: { width: 'auto' }, rowStyle: { width: 'auto' } },
+                            { key: 'SortOrder', field: 'SortOrder', label: 'Sort Order', headerStyle: { width: 'auto' }, rowStyle: { width: 'auto' } },
+                            { key: 'remove', label: '', headerStyle: { width: '10%' }, rowStyle: { width: '10%' }, content: function (item) { return React.createElement("button", { className: "btn btn-sm", onClick: function (e) {
+                                        e.preventDefault();
+                                        dispatch(props.ValueListItemSlice.DBAction({ verb: 'DELETE', record: item }));
+                                    } },
+                                    React.createElement("span", null,
+                                        React.createElement("i", { className: "fa fa-times" }))); }
+                            },
+                            { key: 'scroll', label: '', headerStyle: { width: 17, padding: 0 }, rowStyle: { width: 0, padding: 0 } },
+                        ], tableClass: "table table-hover", data: data, sortKey: sortField, onSort: function (d) {
+                            if (d.colKey === 'remove' || d.colKey === 'scroll' || d.colField === undefined)
+                                return;
+                            setSortField(d.colField);
+                            if (d.colField === sortField)
+                                setAscending(function (asc) { return !asc; });
+                            else
+                                setAscending(true);
+                        }, ascending: true, onClick: function () { }, theadStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, tbodyStyle: { display: 'block', overflowY: 'scroll', maxHeight: window.innerHeight - 300, width: '100%' }, rowStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, selected: function (item) { return false; }, matchSearch: function (item, search) { return item.Value.toLowerCase().indexOf(search.toLowerCase()) > -1; } })))),
+        React.createElement("div", { className: "card-footer" },
+            React.createElement("div", { className: "btn-group mr-2" },
+                React.createElement("button", { className: "btn btn-primary pull-right", "data-toggle": "modal", "data-target": "#exampleModal", onClick: function () { setRecord(__assign(__assign({}, emptyRecord), { GroupID: props.Record.ID })); setShowNew(true); } }, "Add Item"))),
+        React.createElement(react_interactive_1.Modal, { Title: 'Add new List Item', Show: showNew, Size: 'lg', ShowX: true, ShowCancel: false, DisableConfirm: newErrors.length > 0 || !validValue, ConfirmShowToolTip: newErrors.length > 0 || !validValue, ConfirmToolTipContent: React.createElement(React.Fragment, null,
+                newErrors.map(function (t, i) { return React.createElement("p", { key: i },
+                    " ",
+                    gpa_symbols_1.CrossMark,
+                    " ",
+                    t); }),
+                !validValue ? React.createElement("p", null,
+                    " ",
+                    gpa_symbols_1.CrossMark,
+                    " A Value has to be unique in a given Item List.") : null), CallBack: function (c) {
+                setShowNew(false);
+                if (c)
+                    dispatch(props.ValueListItemSlice.DBAction({ verb: 'POST', record: record }));
+            } },
+            React.createElement(ItemForm_1.default, { Record: record, Setter: setRecord, ErrorSetter: setNewErrors }))));
+}

package/lib/ValueList/ItemForm.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { SystemCenter } from '@gpa-gemstone/application-typings';
-interface IProps {
-    Record: SystemCenter.Types.ValueListItem;
-    Setter: (record: SystemCenter.Types.ValueListItem) => void;
-    ErrorSetter?: (errors: string[]) => void;
-}
-export default function ItemForm(props: IProps): JSX.Element;
-export {};
+import * as React from 'react';
+import { SystemCenter } from '@gpa-gemstone/application-typings';
+interface IProps {
+    Record: SystemCenter.Types.ValueListItem;
+    Setter: (record: SystemCenter.Types.ValueListItem) => void;
+    ErrorSetter?: (errors: string[]) => void;
+}
+export default function ItemForm(props: IProps): React.JSX.Element;
+export {};

package/lib/ValueList/ItemForm.js

@@ -1,59 +1,82 @@
-"use strict";
-// ******************************************************************************************************
-//  ItemForm.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:
-//  ----------------------------------------------------------------------------------------------------
-//  07/04/2021 - C. Lackner
-//       Generated original version of source code.
-// ******************************************************************************************************
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-var react_forms_1 = require("@gpa-gemstone/react-forms");
-var helper_functions_1 = require("@gpa-gemstone/helper-functions");
-function ItemForm(props) {
-    var _a = React.useState([]), errors = _a[0], setErrors = _a[1];
-    React.useEffect(function () {
-        var e = [];
-        if (props.Record.Value == null || props.Record.Value.length === 0)
-            e.push('A Value is required.');
-        if (props.Record.Value != null && props.Record.Value.length > 200)
-            e.push('Value has to be less than 200 characters.');
-        if (props.Record.AltValue != null && props.Record.AltValue.length > 200)
-            e.push('Alt Value has to be less than 200 characters.');
-        if (props.Record.SortOrder != null && !(0, helper_functions_1.IsInteger)(props.Record.SortOrder))
-            e.push('Sort Order has to be an integer or be left blank.');
-        setErrors(e);
-    }, [props.Record]);
-    React.useEffect(function () {
-        if (props.ErrorSetter !== undefined)
-            props.ErrorSetter(errors);
-    }, [errors, props.ErrorSetter]);
-    function Valid(field) {
-        if (field === 'Value')
-            return props.Record.Value != null && props.Record.Value.length > 0 && props.Record.Value.length <= 200;
-        else if (field === 'AltValue')
-            return props.Record.AltValue == null || props.Record.AltValue.length <= 200;
-        else if (field === 'SortOrder')
-            return props.Record.SortOrder == null || (0, helper_functions_1.IsInteger)(props.Record.SortOrder);
-        return true;
-    }
-    return (React.createElement("form", null,
-        React.createElement(react_forms_1.Input, { Record: props.Record, Field: 'Value', Feedback: 'Value must be set and be less than 200 characters.', Valid: Valid, Setter: props.Setter }),
-        React.createElement(react_forms_1.Input, { Record: props.Record, Field: 'AltValue', Label: 'Alt. Value', Feedback: 'Alt. Value must be less than 200 characters.', Valid: Valid, Setter: props.Setter }),
-        React.createElement(react_forms_1.Input, { Record: props.Record, Field: 'SortOrder', Label: 'Sort Order', Type: 'number', Valid: Valid, Setter: props.Setter })));
-}
-exports.default = ItemForm;
+"use strict";
+// ******************************************************************************************************
+//  ItemForm.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:
+//  ----------------------------------------------------------------------------------------------------
+//  07/04/2021 - C. Lackner
+//       Generated original version of source code.
+// ******************************************************************************************************
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ItemForm;
+var React = __importStar(require("react"));
+var react_forms_1 = require("@gpa-gemstone/react-forms");
+var helper_functions_1 = require("@gpa-gemstone/helper-functions");
+function ItemForm(props) {
+    var _a = React.useState([]), errors = _a[0], setErrors = _a[1];
+    React.useEffect(function () {
+        var e = [];
+        if (props.Record.Value == null || props.Record.Value.length === 0)
+            e.push('A Value is required.');
+        if (props.Record.Value != null && props.Record.Value.length > 200)
+            e.push('Value has to be less than 200 characters.');
+        if (props.Record.AltValue != null && props.Record.AltValue.length > 200)
+            e.push('Alt Value has to be less than 200 characters.');
+        if (props.Record.SortOrder != null && !(0, helper_functions_1.IsInteger)(props.Record.SortOrder))
+            e.push('Sort Order has to be an integer or be left blank.');
+        setErrors(e);
+    }, [props.Record]);
+    React.useEffect(function () {
+        if (props.ErrorSetter !== undefined)
+            props.ErrorSetter(errors);
+    }, [errors, props.ErrorSetter]);
+    function Valid(field) {
+        if (field === 'Value')
+            return props.Record.Value != null && props.Record.Value.length > 0 && props.Record.Value.length <= 200;
+        else if (field === 'AltValue')
+            return props.Record.AltValue == null || props.Record.AltValue.length <= 200;
+        else if (field === 'SortOrder')
+            return props.Record.SortOrder == null || (0, helper_functions_1.IsInteger)(props.Record.SortOrder);
+        return true;
+    }
+    return (React.createElement("form", null,
+        React.createElement(react_forms_1.Input, { Record: props.Record, Field: 'Value', Feedback: 'Value must be set and be less than 200 characters.', Valid: Valid, Setter: props.Setter }),
+        React.createElement(react_forms_1.Input, { Record: props.Record, Field: 'AltValue', Label: 'Alt. Value', Feedback: 'Alt. Value must be less than 200 characters.', Valid: Valid, Setter: props.Setter }),
+        React.createElement(react_forms_1.Input, { Record: props.Record, Field: 'SortOrder', Label: 'Sort Order', Type: 'number', Valid: Valid, Setter: props.Setter })));
+}

package/lib/index.d.ts

@@ -1,11 +1,12 @@
-import Setting from './Setting';
-import Note from './Note';
-import ByValueList from './ValueList/ByValueList';
-import ValueList from './ValueList/Group';
-import ByUser from './user/ByUser';
-import User from './user/User';
-import { DefaultSearch } from './SearchBar';
-import SelectPopup from './StandardSelectPopup';
-import { DefaultSelects } from './SelectionPopup';
-import ErrorBoundary from './ErrorBoundary';
-export { Setting, Note, ValueList, ByValueList, User, ByUser, DefaultSearch, SelectPopup, DefaultSelects, ErrorBoundary };
+import Setting from './Setting';
+import Note from './Note';
+import ByValueList from './ValueList/ByValueList';
+import ValueList from './ValueList/Group';
+import ByUser from './user/ByUser';
+import User from './user/User';
+import { DefaultSearch } from './SearchBar';
+import SelectPopup from './StandardSelectPopup';
+import { DefaultSelects } from './SelectionPopup';
+import ErrorBoundary from './ErrorBoundary';
+import TimeFilter from './TimeFilter';
+export { Setting, TimeFilter, Note, ValueList, ByValueList, User, ByUser, DefaultSearch, SelectPopup, DefaultSelects, ErrorBoundary };

package/lib/index.js

@@ -1,45 +1,50 @@
-"use strict";
-// ******************************************************************************************************
-//  index.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:
-//  ----------------------------------------------------------------------------------------------------
-//  12/29/2020 - C. Lackner
-//       Generated original version of source code.
-//
-// ******************************************************************************************************
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = exports.DefaultSelects = exports.SelectPopup = exports.DefaultSearch = exports.ByUser = exports.User = exports.ByValueList = exports.ValueList = exports.Note = exports.Setting = void 0;
-var Setting_1 = require("./Setting");
-exports.Setting = Setting_1.default;
-var Note_1 = require("./Note");
-exports.Note = Note_1.default;
-var ByValueList_1 = require("./ValueList/ByValueList");
-exports.ByValueList = ByValueList_1.default;
-var Group_1 = require("./ValueList/Group");
-exports.ValueList = Group_1.default;
-var ByUser_1 = require("./user/ByUser");
-exports.ByUser = ByUser_1.default;
-var User_1 = require("./user/User");
-exports.User = User_1.default;
-var SearchBar_1 = require("./SearchBar");
-Object.defineProperty(exports, "DefaultSearch", { enumerable: true, get: function () { return SearchBar_1.DefaultSearch; } });
-var StandardSelectPopup_1 = require("./StandardSelectPopup");
-exports.SelectPopup = StandardSelectPopup_1.default;
-var SelectionPopup_1 = require("./SelectionPopup");
-Object.defineProperty(exports, "DefaultSelects", { enumerable: true, get: function () { return SelectionPopup_1.DefaultSelects; } });
-var ErrorBoundary_1 = require("./ErrorBoundary");
-exports.ErrorBoundary = ErrorBoundary_1.default;
+"use strict";
+// ******************************************************************************************************
+//  index.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:
+//  ----------------------------------------------------------------------------------------------------
+//  12/29/2020 - C. Lackner
+//       Generated original version of source code.
+//
+// ******************************************************************************************************
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorBoundary = exports.DefaultSelects = exports.SelectPopup = exports.DefaultSearch = exports.ByUser = exports.User = exports.ByValueList = exports.ValueList = exports.Note = exports.TimeFilter = exports.Setting = void 0;
+var Setting_1 = __importDefault(require("./Setting"));
+exports.Setting = Setting_1.default;
+var Note_1 = __importDefault(require("./Note"));
+exports.Note = Note_1.default;
+var ByValueList_1 = __importDefault(require("./ValueList/ByValueList"));
+exports.ByValueList = ByValueList_1.default;
+var Group_1 = __importDefault(require("./ValueList/Group"));
+exports.ValueList = Group_1.default;
+var ByUser_1 = __importDefault(require("./user/ByUser"));
+exports.ByUser = ByUser_1.default;
+var User_1 = __importDefault(require("./user/User"));
+exports.User = User_1.default;
+var SearchBar_1 = require("./SearchBar");
+Object.defineProperty(exports, "DefaultSearch", { enumerable: true, get: function () { return SearchBar_1.DefaultSearch; } });
+var StandardSelectPopup_1 = __importDefault(require("./StandardSelectPopup"));
+exports.SelectPopup = StandardSelectPopup_1.default;
+var SelectionPopup_1 = require("./SelectionPopup");
+Object.defineProperty(exports, "DefaultSelects", { enumerable: true, get: function () { return SelectionPopup_1.DefaultSelects; } });
+var ErrorBoundary_1 = __importDefault(require("./ErrorBoundary"));
+exports.ErrorBoundary = ErrorBoundary_1.default;
+var TimeFilter_1 = __importDefault(require("./TimeFilter"));
+exports.TimeFilter = TimeFilter_1.default;