@gpa-gemstone/common-pages 0.0.22 → 0.0.29

package/lib/Note.js

@@ -40,14 +40,14 @@ var react_interactive_1 = require("@gpa-gemstone/react-interactive");
 var moment = require("moment");
 var react_redux_1 = require("react-redux");
 function Note(props) {
-    var dispatch = react_redux_1.useDispatch();
+    var dispatch = (0, react_redux_1.useDispatch)();
     var _a = React.useState(false), showEdit = _a[0], setEdit = _a[1];
     var _b = React.useState('none'), hover = _b[0], setHover = _b[1];
-    var data = react_redux_1.useSelector(props.NoteSlice.Data);
-    var dataStatus = react_redux_1.useSelector(props.NoteSlice.Status);
-    var parentID = react_redux_1.useSelector((props.NoteSlice.ParentID === undefined ? function (state) { return props.ReferenceTableID; } : props.NoteSlice.ParentID));
-    var sortField = react_redux_1.useSelector(props.NoteSlice.SortField);
-    var ascending = react_redux_1.useSelector(props.NoteSlice.Ascending);
+    var data = (0, react_redux_1.useSelector)(props.NoteSlice.Data);
+    var dataStatus = (0, react_redux_1.useSelector)(props.NoteSlice.Status);
+    var parentID = (0, react_redux_1.useSelector)((props.NoteSlice.ParentID === undefined ? function (state) { return props.ReferenceTableID; } : props.NoteSlice.ParentID));
+    var sortField = (0, react_redux_1.useSelector)(props.NoteSlice.SortField);
+    var ascending = (0, react_redux_1.useSelector)(props.NoteSlice.Ascending);
     var _c = React.useState(CreateNewNote()), note = _c[0], setNote = _c[1];
     React.useEffect(function () {
         if (dataStatus === 'unintiated' || dataStatus === 'changed' || parentID !== props.ReferenceTableID)

package/lib/SearchBar.js

@@ -22,10 +22,14 @@
 //  12/19/2021 - C. Lackner
 //       Cleaned up code.
 // ******************************************************************************************************
-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;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DefaultSearch = void 0;
@@ -45,74 +49,77 @@ var DefaultSearch;
             { label: 'Model', key: 'Model', type: 'string', isPivotField: false },
             { label: 'Number of Assets', key: 'MappedAssets', type: 'number', isPivotField: false },
         ];
-        var dispatch = react_redux_1.useDispatch();
+        var dispatch = (0, react_redux_1.useDispatch)();
         var _a = React.useState([]), addlFieldCols = _a[0], setAddlFieldCols = _a[1];
-        var searchStatus = react_redux_1.useSelector(props.Slice.SearchStatus);
-        var sortField = react_redux_1.useSelector(props.Slice.SortField);
-        var ascending = react_redux_1.useSelector(props.Slice.Ascending);
-        var data = react_redux_1.useSelector(props.Slice.SearchResults);
+        var searchStatus = (0, react_redux_1.useSelector)(props.Slice.SearchStatus);
+        var sortField = (0, react_redux_1.useSelector)(props.Slice.SortField);
+        var ascending = (0, react_redux_1.useSelector)(props.Slice.Ascending);
+        var data = (0, react_redux_1.useSelector)(props.Slice.SearchResults);
         React.useEffect(function () {
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
         var standardSearch = { label: 'Name', key: 'Name', type: 'string', isPivotField: false };
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], addlFieldCols), defaultSearchcols), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: flds, sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Meter(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: flds, sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Meter(s)', GetEnum: props.GetEnum }, props.children);
     }
     DefaultSearch.Meter = Meter;
     /** This Implements a standard Substation Search */
     function Location(props) {
         var standardSearch = { label: 'Name', key: 'Name', type: 'string', isPivotField: false };
         var _a = React.useState([]), addlFieldCols = _a[0], setAddlFieldCols = _a[1];
-        var dispatch = react_redux_1.useDispatch();
-        var searchStatus = react_redux_1.useSelector(props.Slice.SearchStatus);
-        var sortField = react_redux_1.useSelector(props.Slice.SortField);
-        var ascending = react_redux_1.useSelector(props.Slice.Ascending);
-        var data = react_redux_1.useSelector(props.Slice.SearchResults);
+        var dispatch = (0, react_redux_1.useDispatch)();
+        var searchStatus = (0, react_redux_1.useSelector)(props.Slice.SearchStatus);
+        var sortField = (0, react_redux_1.useSelector)(props.Slice.SortField);
+        var ascending = (0, react_redux_1.useSelector)(props.Slice.Ascending);
+        var data = (0, react_redux_1.useSelector)(props.Slice.SearchResults);
         var defaultSearchcols = [
             { label: 'Name', key: 'Name', type: 'string', isPivotField: false },
             { label: 'Key', key: 'LocationKey', type: 'string', isPivotField: false },
-            { label: 'Asset', key: 'Asset', type: 'string', isPivotField: false },
+            { label: 'Transmission Asset', key: 'Asset', type: 'string', isPivotField: false },
             { label: 'Meter', key: 'Meter', type: 'string', isPivotField: false },
-            { label: 'Number of Assets', key: 'Assets', type: 'integer', isPivotField: false },
+            { label: 'Number of Transmission Assets', key: 'Assets', type: 'integer', isPivotField: false },
             { label: 'Number of Meters', key: 'Meters', type: 'integer', isPivotField: false },
+            { label: 'Description', key: 'Description', type: 'string', isPivotField: false }
         ];
         React.useEffect(function () {
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], addlFieldCols), defaultSearchcols), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: flds, sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + '  Substation(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: flds, sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + '  Substation(s)', GetEnum: props.GetEnum }, props.children);
     }
     DefaultSearch.Location = Location;
     /** This Implements a standard Transmission Asset Search */
     function Asset(props) {
         var standardSearch = { label: 'Name', key: 'AssetName', type: 'string', isPivotField: false };
         var _a = React.useState([]), addlFieldCols = _a[0], setAddlFieldCols = _a[1];
-        var dispatch = react_redux_1.useDispatch();
-        var searchStatus = react_redux_1.useSelector(props.Slice.SearchStatus);
-        var sortField = react_redux_1.useSelector(props.Slice.SortField);
-        var ascending = react_redux_1.useSelector(props.Slice.Ascending);
-        var data = react_redux_1.useSelector(props.Slice.SearchResults);
+        var dispatch = (0, react_redux_1.useDispatch)();
+        var searchStatus = (0, react_redux_1.useSelector)(props.Slice.SearchStatus);
+        var sortField = (0, react_redux_1.useSelector)(props.Slice.SortField);
+        var ascending = (0, react_redux_1.useSelector)(props.Slice.Ascending);
+        var data = (0, react_redux_1.useSelector)(props.Slice.SearchResults);
         var defaultSearchcols = [
             { label: 'Key', key: 'AssetKey', type: 'string', isPivotField: false },
             { label: 'Name', key: 'AssetName', type: 'string', isPivotField: false },
             { label: 'Voltage (kV)', key: 'VoltageKV', type: 'number', isPivotField: false },
             { label: 'Type', key: 'AssetType', type: 'enum', isPivotField: false },
-            { label: 'Meters', key: 'Meters', type: 'integer', isPivotField: false },
-            { label: 'Substations', key: 'Locations', type: 'integer', isPivotField: false },
+            { label: 'Meter', key: 'Meter', type: 'string', isPivotField: false },
+            { label: 'Substation', key: 'Location', type: 'string', isPivotField: false },
+            { label: 'Number of Meters', key: 'Meters', type: 'integer', isPivotField: false },
+            { label: 'Number of Substations', key: 'Locations', type: 'integer', isPivotField: false },
         ];
         React.useEffect(function () {
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], addlFieldCols), defaultSearchcols), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: flds, sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Transmission Asset(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: flds, sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Transmission Asset(s)', GetEnum: props.GetEnum }, props.children);
     }
     DefaultSearch.Asset = Asset;
     /** This Implements a standard AssetGroup Search */
     function AssetGroup(props) {
         var standardSearch = { label: 'Name', key: 'AssetName', type: 'string', isPivotField: false };
         var _a = React.useState([]), addlFieldCols = _a[0], setAddlFieldCols = _a[1];
-        var dispatch = react_redux_1.useDispatch();
-        var searchStatus = react_redux_1.useSelector(props.Slice.SearchStatus);
-        var sortField = react_redux_1.useSelector(props.Slice.SortField);
-        var ascending = react_redux_1.useSelector(props.Slice.Ascending);
-        var data = react_redux_1.useSelector(props.Slice.SearchResults);
+        var dispatch = (0, react_redux_1.useDispatch)();
+        var searchStatus = (0, react_redux_1.useSelector)(props.Slice.SearchStatus);
+        var sortField = (0, react_redux_1.useSelector)(props.Slice.SortField);
+        var ascending = (0, react_redux_1.useSelector)(props.Slice.Ascending);
+        var data = (0, react_redux_1.useSelector)(props.Slice.SearchResults);
         var defaultSearchcols = [
             { label: 'Name', key: 'Name', type: 'string', isPivotField: false },
             { label: 'Number of Meter', key: 'Meters', type: 'integer', isPivotField: false },
@@ -123,7 +130,7 @@ var DefaultSearch;
         React.useEffect(function () {
             return props.GetAddlFields(setAddlFieldCols);
         }, []);
-        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], addlFieldCols), defaultSearchcols), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: flds, sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Asset Group(s)', GetEnum: props.GetEnum }, props.children);
+        return React.createElement(react_interactive_1.SearchBar, { CollumnList: __spreadArray(__spreadArray([], defaultSearchcols, true), addlFieldCols, true), SetFilter: function (flds) { return dispatch(props.Slice.DBSearch({ filter: flds, sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: standardSearch, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Asset Group(s)', GetEnum: props.GetEnum }, props.children);
     }
     DefaultSearch.AssetGroup = AssetGroup;
 })(DefaultSearch = exports.DefaultSearch || (exports.DefaultSearch = {}));

package/lib/Setting.js

@@ -28,12 +28,12 @@ var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
 var react_interactive_1 = require("@gpa-gemstone/react-interactive");
 var react_redux_1 = require("react-redux");
 function Setting(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var search = react_redux_1.useSelector(props.SettingsSlice.SearchFilters);
-    var searchStatus = react_redux_1.useSelector(props.SettingsSlice.SearchStatus);
-    var data = react_redux_1.useSelector(props.SettingsSlice.SearchResults);
-    var allSettings = react_redux_1.useSelector(props.SettingsSlice.Data);
-    var status = react_redux_1.useSelector(props.SettingsSlice.Status);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var search = (0, react_redux_1.useSelector)(props.SettingsSlice.SearchFilters);
+    var searchStatus = (0, react_redux_1.useSelector)(props.SettingsSlice.SearchStatus);
+    var data = (0, react_redux_1.useSelector)(props.SettingsSlice.SearchResults);
+    var allSettings = (0, react_redux_1.useSelector)(props.SettingsSlice.Data);
+    var status = (0, react_redux_1.useSelector)(props.SettingsSlice.Status);
     var _a = React.useState('Name'), sortField = _a[0], setSortField = _a[1];
     var _b = React.useState(true), ascending = _b[0], setAscending = _b[1];
     var emptySetting = { ID: 0, Name: '', Value: '', DefaultValue: '' };

package/lib/StandardSelectPopup.js

@@ -20,10 +20,14 @@
 //  12/19/2021 - C. Lackner
 //       Generated original version of source code.
 // ******************************************************************************************************
-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;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_table_1 = require("@gpa-gemstone/react-table");
@@ -33,10 +37,10 @@ var react_interactive_1 = require("@gpa-gemstone/react-interactive");
 var _ = require("lodash");
 var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
 function SelectPopup(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var sortField = react_redux_1.useSelector(props.Slice.SortField);
-    var ascending = react_redux_1.useSelector(props.Slice.Ascending);
-    var data = react_redux_1.useSelector(props.Slice.SearchResults);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var sortField = (0, react_redux_1.useSelector)(props.Slice.SortField);
+    var ascending = (0, react_redux_1.useSelector)(props.Slice.Ascending);
+    var data = (0, react_redux_1.useSelector)(props.Slice.SearchResults);
     var _a = React.useState(props.Selection), selectedData = _a[0], setSelectedData = _a[1];
     var _b = React.useState(''), sortKeySelected = _b[0], setSortKeySelected = _b[1];
     var _c = React.useState(false), ascendingSelected = _c[0], setAscendingSelected = _c[1];
@@ -73,7 +77,7 @@ function SelectPopup(props) {
                             else {
                                 dispatch(props.Slice.Sort({ SortField: d.colField, Ascending: true }));
                             }
-                        }, onClick: function (d) { return setSelectedData(__spreadArray(__spreadArray([], selectedData.filter(function (item) { return item.ID !== d.row.ID; })), [d.row])); }, theadStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, tbodyStyle: { display: 'block', overflowY: 'scroll', maxHeight: '400px', width: '100%' }, rowStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, selected: props.Type === undefined || props.Type === 'single' ? function (item) { return selectedData.findIndex(function (d) { return d.ID === item.ID; }) > -1; } : function (item) { return false; } })),
+                        }, onClick: function (d) { return setSelectedData(__spreadArray(__spreadArray([], selectedData.filter(function (item) { return item.ID !== d.row.ID; }), true), [d.row], false)); }, theadStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, tbodyStyle: { display: 'block', overflowY: 'scroll', maxHeight: '400px', width: '100%' }, rowStyle: { fontSize: 'smaller', display: 'table', tableLayout: 'fixed', width: '100%' }, selected: props.Type === undefined || props.Type === 'single' ? function (item) { return selectedData.findIndex(function (d) { return d.ID === item.ID; }) > -1; } : function (item) { return false; } })),
                 props.Type === 'multiple' ? React.createElement("div", { className: "col", style: { width: '40%' } },
                     React.createElement("div", { style: { width: '100%' } },
                         React.createElement("h3", null, " Selected Assets ")),

package/lib/ValueList/ByValueList.js

@@ -39,18 +39,18 @@ var react_interactive_1 = require("@gpa-gemstone/react-interactive");
 var GroupForm_1 = require("./GroupForm");
 var react_redux_1 = require("react-redux");
 function ByValueListGroup(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var data = react_redux_1.useSelector(props.ValueListSlice.SearchResults);
-    var dataStatus = react_redux_1.useSelector(props.ValueListSlice.SearchStatus);
-    var groups = react_redux_1.useSelector(props.ValueListSlice.Data);
-    var groupStatus = react_redux_1.useSelector(props.ValueListSlice.Status);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var data = (0, react_redux_1.useSelector)(props.ValueListSlice.SearchResults);
+    var dataStatus = (0, react_redux_1.useSelector)(props.ValueListSlice.SearchStatus);
+    var groups = (0, react_redux_1.useSelector)(props.ValueListSlice.Data);
+    var groupStatus = (0, react_redux_1.useSelector)(props.ValueListSlice.Status);
     var _a = React.useState('Name'), sortKey = _a[0], setSortKey = _a[1];
     var _b = React.useState(false), asc = _b[0], setASC = _b[1];
     var emptyRecord = { ID: 0, Name: '', Description: '' };
     var _c = React.useState(false), showNew = _c[0], setShowNew = _c[1];
     var _d = React.useState(emptyRecord), record = _d[0], setRecord = _d[1];
-    var items = react_redux_1.useSelector(props.ValueListItemSlice.Data);
-    var itemStatus = react_redux_1.useSelector(props.ValueListItemSlice.Status);
+    var items = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Data);
+    var itemStatus = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Status);
     var _e = React.useState([]), search = _e[0], setSearch = _e[1];
     var _f = React.useState([]), newErrors = _f[0], setNewErrors = _f[1];
     var _g = React.useState(true), validName = _g[0], setValidName = _g[1];

package/lib/ValueList/Group.js

@@ -27,9 +27,9 @@ var GroupInfo_1 = require("./GroupInfo");
 var GroupItem_1 = require("./GroupItem");
 var react_redux_1 = require("react-redux");
 function ValueListGroup(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var record = react_redux_1.useSelector(function (state) { return props.ValueListSlice.Data(state).find(function (i) { return i.ID === props.Id; }); });
-    var recordStatus = react_redux_1.useSelector(props.ValueListSlice.Status);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var record = (0, react_redux_1.useSelector)(function (state) { return props.ValueListSlice.Data(state).find(function (i) { return i.ID === props.Id; }); });
+    var recordStatus = (0, react_redux_1.useSelector)(props.ValueListSlice.Status);
     var _a = React.useState('items'), tab = _a[0], setTab = _a[1];
     var _b = React.useState(false), showWarning = _b[0], setShowWarning = _b[1];
     React.useEffect(function () {

package/lib/ValueList/GroupItem.js

@@ -39,10 +39,10 @@ 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 = react_redux_1.useDispatch();
-    var recordStatus = react_redux_1.useSelector(props.ValueListItemSlice.Status);
-    var data = react_redux_1.useSelector(props.ValueListItemSlice.Data);
-    var parentID = react_redux_1.useSelector((props.ValueListItemSlice.ParentID === undefined ? function (state) { return -1; } : props.ValueListItemSlice.ParentID));
+    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 };

package/lib/ValueList/ItemForm.js

@@ -34,7 +34,7 @@ function ItemForm(props) {
             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 && !helper_functions_1.IsInteger(props.Record.SortOrder))
+        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]);
@@ -48,7 +48,7 @@ function ItemForm(props) {
         else if (field === 'AltValue')
             return props.Record.AltValue == null || props.Record.AltValue.length <= 200;
         else if (field === 'SortOrder')
-            return props.Record.SortOrder == null || helper_functions_1.IsInteger(props.Record.SortOrder);
+            return props.Record.SortOrder == null || (0, helper_functions_1.IsInteger)(props.Record.SortOrder);
         return true;
     }
     return (React.createElement("form", null,

package/lib/index.d.ts

@@ -6,5 +6,5 @@ import ByUser from './user/ByUser';
 import User from './user/User';
 import { DefaultSearch } from './SearchBar';
 import SelectPopup from './StandardSelectPopup';
-import DefaultSelects from './StandardSelectPopup';
+import { DefaultSelects } from './SelectionPopup';
 export { Setting, Note, ValueList, ByValueList, User, ByUser, DefaultSearch, SelectPopup, DefaultSelects };

package/lib/index.js

@@ -39,5 +39,5 @@ 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 StandardSelectPopup_2 = require("./StandardSelectPopup");
-exports.DefaultSelects = StandardSelectPopup_2.default;
+var SelectionPopup_1 = require("./SelectionPopup");
+Object.defineProperty(exports, "DefaultSelects", { enumerable: true, get: function () { return SelectionPopup_1.DefaultSelects; } });

package/lib/user/AdditionalField.js

@@ -31,10 +31,14 @@ var __assign = (this && this.__assign) || function () {
     };
     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;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
@@ -45,20 +49,20 @@ var react_forms_1 = require("@gpa-gemstone/react-forms");
 var react_redux_1 = require("react-redux");
 var helper_functions_1 = require("@gpa-gemstone/helper-functions");
 function AdditionalField(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var valueListItems = react_redux_1.useSelector(props.ValueListItemSlice.Data);
-    var valueListItemStatus = react_redux_1.useSelector(props.ValueListItemSlice.Status);
-    var valueListGroups = react_redux_1.useSelector(props.ValueListGroupSlice.Data);
-    var valueListGroupStatus = react_redux_1.useSelector(props.ValueListGroupSlice.Status);
-    var fields = react_redux_1.useSelector(props.AdditionalFieldSlice.Fields);
-    var values = react_redux_1.useSelector(props.AdditionalFieldSlice.Values);
-    var fieldStatus = react_redux_1.useSelector(props.AdditionalFieldSlice.FieldStatus);
-    var valueStatus = react_redux_1.useSelector(props.AdditionalFieldSlice.ValueStatus);
-    var valueParentID = react_redux_1.useSelector(props.AdditionalFieldSlice.ValueParentId);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var valueListItems = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Data);
+    var valueListItemStatus = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Status);
+    var valueListGroups = (0, react_redux_1.useSelector)(props.ValueListGroupSlice.Data);
+    var valueListGroupStatus = (0, react_redux_1.useSelector)(props.ValueListGroupSlice.Status);
+    var fields = (0, react_redux_1.useSelector)(props.AdditionalFieldSlice.Fields);
+    var values = (0, react_redux_1.useSelector)(props.AdditionalFieldSlice.Values);
+    var fieldStatus = (0, react_redux_1.useSelector)(props.AdditionalFieldSlice.FieldStatus);
+    var valueStatus = (0, react_redux_1.useSelector)(props.AdditionalFieldSlice.ValueStatus);
+    var valueParentID = (0, react_redux_1.useSelector)(props.AdditionalFieldSlice.ValueParentId);
     var _a = React.useState('unintiated'), pageStatus = _a[0], setPageStatus = _a[1];
     var _b = React.useState([]), editValues = _b[0], setEditValues = _b[1];
-    var sortField = react_redux_1.useSelector(props.AdditionalFieldSlice.SortField);
-    var ascending = react_redux_1.useSelector(props.AdditionalFieldSlice.Ascending);
+    var sortField = (0, react_redux_1.useSelector)(props.AdditionalFieldSlice.SortField);
+    var ascending = (0, react_redux_1.useSelector)(props.AdditionalFieldSlice.Ascending);
     var _c = React.useState(props.EmptyField), newField = _c[0], setNewField = _c[1];
     var _d = React.useState(false), showWarning = _d[0], setShowWarning = _d[1];
     var _e = React.useState(false), showEdit = _e[0], setShowEdit = _e[1];
@@ -111,9 +115,9 @@ function AdditionalField(props) {
                 c.push(fields[fldIndex].FieldName);
             else if (fldIndex > -1 && v.Value !== values[eIndex].Value)
                 c.push(fields[fldIndex].FieldName);
-            if (fldIndex > -1 && fields[fldIndex].Type === 'integer' && !helper_functions_1.IsInteger(v.Value))
+            if (fldIndex > -1 && fields[fldIndex].Type === 'integer' && !(0, helper_functions_1.IsInteger)(v.Value))
                 e.push("'" + fields[fldIndex].FieldName + "' has to be a valid integer");
-            if (fldIndex > -1 && fields[fldIndex].Type === 'number' && !helper_functions_1.IsNumber(v.Value))
+            if (fldIndex > -1 && fields[fldIndex].Type === 'number' && !(0, helper_functions_1.IsNumber)(v.Value))
                 e.push("'" + fields[fldIndex].FieldName + "' has to be a valid number");
         });
         setErrorFields(e);
@@ -154,8 +158,8 @@ function AdditionalField(props) {
                             var vList = valueListItems.filter(function (i) { return i.GroupID === valueListgrpId; });
                             var valIdx = props.GetFieldValueIndex(item, editValues);
                             if (valIdx > -1)
-                                return React.createElement(ValueDisplay, { Mode: mode, Type: item.Type, ValueListItems: vList, Value: editValues[valIdx], Setter: function (val) { return setEditValues(function (d) { var u = __spreadArray([], d); u[valIdx] = val; return u; }); } });
-                            return React.createElement(ValueDisplay, { Mode: mode, Type: item.Type, ValueListItems: vList, Value: props.CreateValue(item), Setter: function (val) { return setEditValues(function (d) { var u = __spreadArray([], d); u.push(val); return u; }); } });
+                                return React.createElement(ValueDisplay, { Mode: mode, Type: item.Type, ValueListItems: vList, Value: editValues[valIdx], Setter: function (val) { return setEditValues(function (d) { var u = __spreadArray([], d, true); u[valIdx] = val; return u; }); } });
+                            return React.createElement(ValueDisplay, { Mode: mode, Type: item.Type, ValueListItems: vList, Value: props.CreateValue(item), Setter: function (val) { return setEditValues(function (d) { var u = __spreadArray([], d, true); u.push(val); return u; }); } });
                         }
                     },
                     { key: 'EditButton', label: '', headerStyle: { width: 40, paddingRight: 0, paddingLeft: 10 }, rowStyle: { width: 40, paddingRight: 0, paddingLeft: 10, paddingTop: 36 }, content: function (item) { return (mode === 'Edit' ? React.createElement("button", { className: "btn btn-sm", onClick: function () { setNewField(item); setShowEdit(true); } },
@@ -248,9 +252,9 @@ function ValueDisplay(props) {
             return React.createElement("span", null, props.Value.Value);
     }
     if (props.Type === 'number')
-        return React.createElement(react_forms_1.Input, { Record: props.Value, Field: 'Value', Valid: function () { return helper_functions_1.IsInteger(props.Value.Value); }, Label: '', Type: 'number', Setter: props.Setter, Feedback: 'Thi Field is a numeric field.' });
+        return React.createElement(react_forms_1.Input, { Record: props.Value, Field: 'Value', Valid: function () { return (0, helper_functions_1.IsInteger)(props.Value.Value); }, Label: '', Type: 'number', Setter: props.Setter, Feedback: 'Thi Field is a numeric field.' });
     if (props.Type === 'integer')
-        return React.createElement(react_forms_1.Input, { Record: props.Value, Field: 'Value', Valid: function () { return helper_functions_1.IsNumber(props.Value.Value); }, Label: '', Type: 'number', Setter: props.Setter, Feedback: 'Thi Field is an integer field.' });
+        return React.createElement(react_forms_1.Input, { Record: props.Value, Field: 'Value', Valid: function () { return (0, helper_functions_1.IsNumber)(props.Value.Value); }, Label: '', Type: 'number', Setter: props.Setter, Feedback: 'Thi Field is an integer field.' });
     else if (props.Type === 'string')
         return React.createElement(react_forms_1.Input, { Record: props.Value, Field: 'Value', Valid: function () { return true; }, Label: '', Type: 'text', Setter: props.Setter });
     else if (props.Type === 'boolean')

package/lib/user/ByUser.js

@@ -48,23 +48,23 @@ var defaultSearchcols = [
     { label: 'Email', key: 'Email', type: 'string', isPivotField: false },
 ];
 function ByUser(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var search = react_redux_1.useSelector(props.UserSlice.SearchFilters);
-    var data = react_redux_1.useSelector(props.UserSlice.SearchResults);
-    var userStatus = react_redux_1.useSelector(props.UserSlice.Status);
-    var searchStatus = react_redux_1.useSelector(props.UserSlice.SearchStatus);
-    var sortField = react_redux_1.useSelector(props.UserSlice.SortField);
-    var ascending = react_redux_1.useSelector(props.UserSlice.Ascending);
-    var currentUserAccount = react_redux_1.useSelector(props.UserSlice.CurrentUser);
-    var adlFields = react_redux_1.useSelector(props.AdditionalFieldSlice.Fields);
-    var adlFieldStatus = react_redux_1.useSelector(props.AdditionalFieldSlice.FieldStatus);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var search = (0, react_redux_1.useSelector)(props.UserSlice.SearchFilters);
+    var data = (0, react_redux_1.useSelector)(props.UserSlice.SearchResults);
+    var userStatus = (0, react_redux_1.useSelector)(props.UserSlice.Status);
+    var searchStatus = (0, react_redux_1.useSelector)(props.UserSlice.SearchStatus);
+    var sortField = (0, react_redux_1.useSelector)(props.UserSlice.SortField);
+    var ascending = (0, react_redux_1.useSelector)(props.UserSlice.Ascending);
+    var currentUserAccount = (0, react_redux_1.useSelector)(props.UserSlice.CurrentUser);
+    var adlFields = (0, react_redux_1.useSelector)(props.AdditionalFieldSlice.Fields);
+    var adlFieldStatus = (0, react_redux_1.useSelector)(props.AdditionalFieldSlice.FieldStatus);
     var _a = React.useState(defaultSearchcols), filterableList = _a[0], setFilterableList = _a[1];
     var _b = React.useState(false), showModal = _b[0], setShowModal = _b[1];
     var _c = React.useState([]), userError = _c[0], setUserError = _c[1];
-    var valueListItems = react_redux_1.useSelector(props.ValueListItemSlice.Data);
-    var valueListItemStatus = react_redux_1.useSelector(props.ValueListItemSlice.Status);
-    var valueListGroups = react_redux_1.useSelector(props.ValueListGroupSlice.Data);
-    var valueListGroupStatus = react_redux_1.useSelector(props.ValueListGroupSlice.Status);
+    var valueListItems = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Data);
+    var valueListItemStatus = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Status);
+    var valueListGroups = (0, react_redux_1.useSelector)(props.ValueListGroupSlice.Data);
+    var valueListGroupStatus = (0, react_redux_1.useSelector)(props.ValueListGroupSlice.Status);
     var _d = React.useState('unintiated'), pageStatus = _d[0], setPageStatus = _d[1];
     React.useEffect(function () {
         if (userStatus === 'error' || adlFieldStatus === 'error' || valueListItemStatus === 'error' || valueListGroupStatus === 'error')

package/lib/user/User.js

@@ -29,9 +29,9 @@ var AdditionalField_1 = require("./AdditionalField");
 var react_redux_1 = require("react-redux");
 var react_forms_1 = require("@gpa-gemstone/react-forms");
 function User(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var user = react_redux_1.useSelector(props.UserSlice.CurrentUser);
-    var status = react_redux_1.useSelector(props.UserSlice.Status);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var user = (0, react_redux_1.useSelector)(props.UserSlice.CurrentUser);
+    var status = (0, react_redux_1.useSelector)(props.UserSlice.Status);
     var _a = React.useState('userInfo'), tab = _a[0], setTab = _a[1];
     var _b = React.useState(false), showWarning = _b[0], setShowWarning = _b[1];
     React.useEffect(function () {

package/lib/user/UserForm.js

@@ -26,9 +26,9 @@ var react_forms_1 = require("@gpa-gemstone/react-forms");
 var _ = require("lodash");
 var react_redux_1 = require("react-redux");
 function UserForm(props) {
-    var dispatch = react_redux_1.useDispatch();
+    var dispatch = (0, react_redux_1.useDispatch)();
     var _a = React.useState(false), updatedAD = _a[0], setUpdatedAD = _a[1];
-    var userValidation = react_redux_1.useSelector(props.UserSlice.ADValidation);
+    var userValidation = (0, react_redux_1.useSelector)(props.UserSlice.ADValidation);
     var _b = React.useState([]), userError = _b[0], setUserError = _b[1];
     React.useEffect(function () {
         if (userValidation === 'Valid' && !props.Edit && updatedAD === false)

package/lib/user/UserInfo.js

@@ -39,8 +39,8 @@ var react_interactive_1 = require("@gpa-gemstone/react-interactive");
 var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
 var react_redux_1 = require("react-redux");
 function UserInfo(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var currentUser = react_redux_1.useSelector(props.UserSlice.CurrentUser);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var currentUser = (0, react_redux_1.useSelector)(props.UserSlice.CurrentUser);
     var _a = React.useState(currentUser), user = _a[0], setUser = _a[1];
     var _b = React.useState([]), warnings = _b[0], setWarning = _b[1];
     var _c = React.useState('None'), hover = _c[0], setHover = _c[1];

package/lib/user/UserPermissions.js

@@ -26,11 +26,11 @@ var _ = require("lodash");
 var react_forms_1 = require("@gpa-gemstone/react-forms");
 var react_redux_1 = require("react-redux");
 function UserPermission(props) {
-    var dispatch = react_redux_1.useDispatch();
-    var currentRoles = react_redux_1.useSelector(props.RoleSlice.Roles);
-    var allRoleStatus = react_redux_1.useSelector(props.RoleSlice.Status);
-    var availableRoles = react_redux_1.useSelector(props.RoleSlice.AvailableRoles);
-    var currentRoleStatus = react_redux_1.useSelector(props.RoleSlice.CurrentRoleStatus);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var currentRoles = (0, react_redux_1.useSelector)(props.RoleSlice.Roles);
+    var allRoleStatus = (0, react_redux_1.useSelector)(props.RoleSlice.Status);
+    var availableRoles = (0, react_redux_1.useSelector)(props.RoleSlice.AvailableRoles);
+    var currentRoleStatus = (0, react_redux_1.useSelector)(props.RoleSlice.CurrentRoleStatus);
     var _a = React.useState([]), workingRoles = _a[0], setWorkingRoles = _a[1];
     var _b = React.useState(false), changed = _b[0], setChanged = _b[1];
     React.useEffect(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/common-pages",
-  "version": "0.0.22",
+  "version": "0.0.29",
   "description": "Common UI pages for GPA products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -37,22 +37,22 @@
   "homepage": "https://github.com/GridProtectionAlliance/gpa-gemstone#readme",
   "devDependencies": {
     "@types/crypto-js": "4.0.2",
-    "@types/jest": "^26.0.4",
+    "@types/jest": "^27.0.0",
     "@types/jquery": "3.5.6",
     "jest": "^27.0.6",
     "prettier": "^2.3.2",
-    "ts-jest": "^27.0.3",
+    "ts-jest": "^27.0.4",
     "tslint": "^6.1.3",
     "tslint-config-prettier": "^1.18.0",
-    "typescript": "4.3.4"
+    "typescript": "4.4.4"
   },
   "dependencies": {
-    "@gpa-gemstone/application-typings": "0.0.37",
-    "@gpa-gemstone/gpa-symbols": "0.0.13",
-    "@gpa-gemstone/helper-functions": "0.0.9",
-    "@gpa-gemstone/react-forms": "1.1.15",
-    "@gpa-gemstone/react-interactive": "1.0.32",
-    "@gpa-gemstone/react-table": "1.2.5",
+    "@gpa-gemstone/application-typings": "0.0.44",
+    "@gpa-gemstone/gpa-symbols": "0.0.18",
+    "@gpa-gemstone/helper-functions": "0.0.14",
+    "@gpa-gemstone/react-forms": "1.1.20",
+    "@gpa-gemstone/react-interactive": "1.0.39",
+    "@gpa-gemstone/react-table": "1.2.10",
     "@reduxjs/toolkit": "1.6.0",
     "crypto-js": "4.0.0",
     "moment": "^2.29.1",