@gpa-gemstone/common-pages 0.0.104 → 0.0.105

package/lib/TimeWindowUtils.js

@@ -0,0 +1,121 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCenterDuration = exports.isEndDuration = exports.isStartDuration = exports.isStartEnd = exports.momentTimeFormat = exports.momentDateFormat = exports.units = void 0;
+exports.findAppropriateUnit = findAppropriateUnit;
+exports.getStartEndTime = getStartEndTime;
+exports.getMoment = getMoment;
+exports.readableUnit = readableUnit;
+//******************************************************************************************************
+//  TimeWindowUtils.tsx - Gbtc
+//
+//  Copyright © 2023, 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/11/2023 - C. Lackner
+//       Generated original version of source code.
+//  06/20/2024 - Ali Karrar
+//       Moved TimeWindowUtil from SEBrowser to gemstone
+//******************************************************************************************************
+var moment_1 = __importDefault(require("moment"));
+exports.units = ['ms', 's', 'm', 'h', 'd', 'w', 'M', 'y'];
+exports.momentDateFormat = "MM/DD/YYYY";
+exports.momentTimeFormat = "HH:mm:ss.SSS"; // Also is the gemstone format
+// Takes ITimeFilter as input and returns type
+var isStartEnd = function (filter) { return 'start' in filter && 'end' in filter; };
+exports.isStartEnd = isStartEnd;
+var isStartDuration = function (filter) { return 'start' in filter && 'duration' in filter; };
+exports.isStartDuration = isStartDuration;
+var isEndDuration = function (filter) { return 'end' in filter && 'duration' in filter; };
+exports.isEndDuration = isEndDuration;
+var isCenterDuration = function (filter) { return 'center' in filter && 'halfDuration' in filter; };
+exports.isCenterDuration = isCenterDuration;
+/*
+* A Function to determine the most appropriate unit for a window of time specified by start and end time
+*/
+function findAppropriateUnit(startTime, endTime, unit, useHalfWindow) {
+    var unitIndex = exports.units.findIndex(function (u) { return u == unit; });
+    if (unit === undefined)
+        unitIndex = 7;
+    var diff = endTime.diff(startTime, exports.units[unitIndex], true);
+    if (useHalfWindow !== undefined && useHalfWindow)
+        diff = diff / 2;
+    for (var i = unitIndex; i >= 1; i--) {
+        if (i == 6) // Remove month as appropriate due to innacuracy in definition (31/30/28/29 days)
+            continue;
+        if (Number.isInteger(diff)) {
+            return [exports.units[i], diff];
+        }
+        var nextI = i - 1;
+        if (nextI == 6)
+            nextI = 5;
+        diff = endTime.diff(startTime, exports.units[nextI], true);
+        if (useHalfWindow !== undefined && useHalfWindow)
+            diff = diff / 2;
+        if (diff > 65000) {
+            diff = endTime.diff(startTime, exports.units[i], true);
+            if (useHalfWindow !== undefined && useHalfWindow)
+                diff = diff / 2;
+            return [exports.units[i], Math.round(diff)];
+        }
+    }
+    return [exports.units[0], Math.round(diff)];
+}
+/*
+* Determines a start time and end time for a window given by center time and duration
+*/
+function getStartEndTime(center, duration, unit) {
+    var d = moment_1.default.duration(duration, unit);
+    var start = center.clone().subtract(d.asHours(), 'h');
+    var end = center.clone().add(d.asHours(), 'h');
+    return [start, end];
+}
+/*
+* Returns a formatted version of date and time provided
+*/
+function getMoment(date, time) {
+    if (time === undefined)
+        return (0, moment_1.default)(date, 'MM/DD/YYYY HH:mm:ss.SSS');
+    return (0, moment_1.default)(date + ' ' + time, 'MM/DD/YYYY HH:mm:ss.SSS');
+}
+/*
+* Returns a unit string based on unit char input
+*/
+function readableUnit(unit) {
+    if (unit == 'y') {
+        return 'Year(s)';
+    }
+    else if (unit == 'M') {
+        return 'Month(s)';
+    }
+    else if (unit == 'w') {
+        return 'Week(s)';
+    }
+    else if (unit == 'd') {
+        return 'Day(s)';
+    }
+    else if (unit == 'h') {
+        return 'Hour(s)';
+    }
+    else if (unit == 'm') {
+        return 'Minute(s)';
+    }
+    else if (unit == 's') {
+        return 'Second(s)';
+    }
+    return 'Millisecond(s)';
+}

package/lib/ValueList/ByValueList.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { SystemCenter } from '@gpa-gemstone/application-typings';
-import { IGenericSlice, ISearchableSlice } from '../SliceInterfaces';
-interface IProps {
-    OnValueListSelect: (id: number) => void;
-    ValueListSlice: ISearchableSlice<SystemCenter.Types.ValueListGroup>;
-    ValueListItemSlice: IGenericSlice<SystemCenter.Types.ValueListItem>;
-}
-declare function ByValueListGroup(props: IProps): JSX.Element;
-export default ByValueListGroup;
+import * as React from 'react';
+import { SystemCenter } from '@gpa-gemstone/application-typings';
+import { IGenericSlice, ISearchableSlice } from '../SliceInterfaces';
+interface IProps {
+    OnValueListSelect: (id: number) => void;
+    ValueListSlice: ISearchableSlice<SystemCenter.Types.ValueListGroup>;
+    ValueListItemSlice: IGenericSlice<SystemCenter.Types.ValueListItem>;
+}
+declare function ByValueListGroup(props: IProps): React.JSX.Element;
+export default ByValueListGroup;

package/lib/ValueList/ByValueList.js

@@ -1,115 +1,141 @@
-"use strict";
-// ******************************************************************************************************
-//  ValueList.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/10/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 react_table_1 = require("@gpa-gemstone/react-table");
-var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
-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 = (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 = (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];
-    React.useEffect(function () {
-        if (dataStatus === 'unintiated' || dataStatus === 'changed')
-            dispatch(props.ValueListSlice.DBSearch({ filter: search, sortField: sortKey, ascending: asc }));
-    }, [dispatch]);
-    React.useEffect(function () {
-        dispatch(props.ValueListSlice.DBSearch({ filter: search, sortField: sortKey, ascending: asc }));
-    }, [search, asc, sortKey]);
-    React.useEffect(function () {
-        if (itemStatus === 'unintiated' || itemStatus === 'changed')
-            dispatch(props.ValueListItemSlice.Fetch());
-    }, [dispatch]);
-    React.useEffect(function () {
-        if (groupStatus === 'unintiated' || groupStatus === 'changed')
-            dispatch(props.ValueListSlice.Fetch());
-    }, [dispatch]);
-    React.useEffect(function () {
-        if (record.Name == null)
-            setValidName(true);
-        else
-            setValidName(groups.findIndex(function (g) { return g.Name.toLowerCase() === record.Name.toLowerCase(); }) < 0);
-    }, [record]);
-    return (React.createElement("div", { style: { width: '100%', height: '100%' } },
-        React.createElement(react_interactive_1.SearchBar, { CollumnList: [{ label: 'Name', key: 'Name', type: 'string', isPivotField: false }], SetFilter: function (flds) { return setSearch(flds); }, Direction: 'left', defaultCollumn: { label: 'Name', key: 'Name', type: 'string', isPivotField: false }, Width: '50%', Label: 'Search', ShowLoading: dataStatus === 'loading' || itemStatus === 'loading', ResultNote: dataStatus === 'error' || itemStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Groups', GetEnum: function () { return function () { }; } },
-            React.createElement("li", { className: "nav-item", style: { width: '15%', paddingRight: 10 } },
-                React.createElement("fieldset", { className: "border", style: { padding: '10px', height: '100%' } },
-                    React.createElement("legend", { className: "w-auto", style: { fontSize: 'large' } }, "Actions:"),
-                    React.createElement("form", null,
-                        React.createElement("button", { className: "btn btn-primary", onClick: function (evt) { evt.preventDefault(); setRecord(__assign({}, emptyRecord)); setShowNew(true); } }, "Add Group"))))),
-        React.createElement("div", { style: { width: '100%', height: 'calc( 100% - 136px)' } },
-            React.createElement(react_table_1.default, { cols: [
-                    { key: 'Name', field: 'Name', label: 'Name', headerStyle: { width: '15%' }, rowStyle: { width: '15%' } },
-                    { key: 'Description', field: 'Description', label: 'Description/Comments', headerStyle: { width: 'auto' }, rowStyle: { width: 'auto' } },
-                    { key: 'Items', field: 'Items', label: 'Items', headerStyle: { width: '10%' }, rowStyle: { width: '10%' }, content: function (item) { return items.filter(function (i) { return i.GroupID === item.ID; }).length; } },
-                    { key: 'Scroll', label: '', headerStyle: { width: 17, padding: 0 }, rowStyle: { width: 0, padding: 0 } },
-                ], tableClass: "table table-hover", data: data, sortKey: sortKey, ascending: asc, onSort: function (d) {
-                    if (d.colKey === 'remove' || d.colKey === 'scroll' || d.colField === undefined)
-                        return;
-                    setSortKey(d.colField);
-                    if (d.colField === sortKey)
-                        setASC(function (b) { return !b; });
-                    else
-                        setASC(true);
-                }, onClick: function (d) { return props.OnValueListSelect(d.row.ID); }, 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; } })),
-        React.createElement(react_interactive_1.Modal, { Show: showNew, Title: 'Add new Value List', ShowX: true, ShowCancel: false, DisableConfirm: newErrors.length > 0 || !validName, ConfirmShowToolTip: newErrors.length > 0 || !validName, ConfirmToolTipContent: React.createElement(React.Fragment, null,
-                newErrors.map(function (t, i) { return React.createElement("p", { key: i },
-                    " ",
-                    gpa_symbols_1.CrossMark,
-                    " ",
-                    t); }),
-                !validName ? React.createElement("p", null,
-                    gpa_symbols_1.CrossMark,
-                    " The Name has to be unique.") : null), CallBack: function (c) {
-                setShowNew(false);
-                if (c)
-                    dispatch(props.ValueListSlice.DBAction({ verb: 'POST', record: record }));
-            } },
-            React.createElement(GroupForm_1.default, { Record: record, Setter: setRecord, ErrorSetter: setNewErrors }))));
-}
-exports.default = ByValueListGroup;
+"use strict";
+// ******************************************************************************************************
+//  ValueList.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/10/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 });
+var React = __importStar(require("react"));
+var react_table_1 = __importDefault(require("@gpa-gemstone/react-table"));
+var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
+var react_interactive_1 = require("@gpa-gemstone/react-interactive");
+var GroupForm_1 = __importDefault(require("./GroupForm"));
+var react_redux_1 = require("react-redux");
+function ByValueListGroup(props) {
+    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 = (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];
+    React.useEffect(function () {
+        if (dataStatus === 'unintiated' || dataStatus === 'changed')
+            dispatch(props.ValueListSlice.DBSearch({ filter: search, sortField: sortKey, ascending: asc }));
+    }, [dispatch]);
+    React.useEffect(function () {
+        dispatch(props.ValueListSlice.DBSearch({ filter: search, sortField: sortKey, ascending: asc }));
+    }, [search, asc, sortKey]);
+    React.useEffect(function () {
+        if (itemStatus === 'unintiated' || itemStatus === 'changed')
+            dispatch(props.ValueListItemSlice.Fetch());
+    }, [dispatch]);
+    React.useEffect(function () {
+        if (groupStatus === 'unintiated' || groupStatus === 'changed')
+            dispatch(props.ValueListSlice.Fetch());
+    }, [dispatch]);
+    React.useEffect(function () {
+        if (record.Name == null)
+            setValidName(true);
+        else
+            setValidName(groups.findIndex(function (g) { return g.Name.toLowerCase() === record.Name.toLowerCase(); }) < 0);
+    }, [record]);
+    return (React.createElement("div", { style: { width: '100%', height: '100%' } },
+        React.createElement(react_interactive_1.SearchBar, { CollumnList: [{ label: 'Name', key: 'Name', type: 'string', isPivotField: false }], SetFilter: function (flds) { return setSearch(flds); }, Direction: 'left', defaultCollumn: { label: 'Name', key: 'Name', type: 'string', isPivotField: false }, Width: '50%', Label: 'Search', ShowLoading: dataStatus === 'loading' || itemStatus === 'loading', ResultNote: dataStatus === 'error' || itemStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Groups', GetEnum: function () { return function () { }; } },
+            React.createElement("li", { className: "nav-item", style: { width: '15%', paddingRight: 10 } },
+                React.createElement("fieldset", { className: "border", style: { padding: '10px', height: '100%' } },
+                    React.createElement("legend", { className: "w-auto", style: { fontSize: 'large' } }, "Actions:"),
+                    React.createElement("form", null,
+                        React.createElement("button", { className: "btn btn-primary", onClick: function (evt) { evt.preventDefault(); setRecord(__assign({}, emptyRecord)); setShowNew(true); } }, "Add Group"))))),
+        React.createElement("div", { style: { width: '100%', height: 'calc( 100% - 136px)' } },
+            React.createElement(react_table_1.default, { cols: [
+                    { key: 'Name', field: 'Name', label: 'Name', headerStyle: { width: '15%' }, rowStyle: { width: '15%' } },
+                    { key: 'Description', field: 'Description', label: 'Description/Comments', headerStyle: { width: 'auto' }, rowStyle: { width: 'auto' } },
+                    { key: 'Items', field: 'Items', label: 'Items', headerStyle: { width: '10%' }, rowStyle: { width: '10%' }, content: function (item) { return items.filter(function (i) { return i.GroupID === item.ID; }).length; } },
+                    { key: 'Scroll', label: '', headerStyle: { width: 17, padding: 0 }, rowStyle: { width: 0, padding: 0 } },
+                ], tableClass: "table table-hover", data: data, sortKey: sortKey, ascending: asc, onSort: function (d) {
+                    if (d.colKey === 'remove' || d.colKey === 'scroll' || d.colField === undefined)
+                        return;
+                    setSortKey(d.colField);
+                    if (d.colField === sortKey)
+                        setASC(function (b) { return !b; });
+                    else
+                        setASC(true);
+                }, onClick: function (d) { return props.OnValueListSelect(d.row.ID); }, 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; } })),
+        React.createElement(react_interactive_1.Modal, { Show: showNew, Title: 'Add new Value List', ShowX: true, ShowCancel: false, DisableConfirm: newErrors.length > 0 || !validName, ConfirmShowToolTip: newErrors.length > 0 || !validName, ConfirmToolTipContent: React.createElement(React.Fragment, null,
+                newErrors.map(function (t, i) { return React.createElement("p", { key: i },
+                    " ",
+                    gpa_symbols_1.CrossMark,
+                    " ",
+                    t); }),
+                !validName ? React.createElement("p", null,
+                    gpa_symbols_1.CrossMark,
+                    " The Name has to be unique.") : null), CallBack: function (c) {
+                setShowNew(false);
+                if (c)
+                    dispatch(props.ValueListSlice.DBAction({ verb: 'POST', record: record }));
+            } },
+            React.createElement(GroupForm_1.default, { Record: record, Setter: setRecord, ErrorSetter: setNewErrors }))));
+}
+exports.default = ByValueListGroup;

package/lib/ValueList/Group.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { SystemCenter } from '@gpa-gemstone/application-typings';
-import { IGenericSlice } from '../SliceInterfaces';
-interface IProps {
-    Id: number;
-    ValueListSlice: IGenericSlice<SystemCenter.Types.ValueListGroup>;
-    ValueListItemSlice: IGenericSlice<SystemCenter.Types.ValueListItem>;
-    OnDelete: () => {};
-}
-export default function ValueListGroup(props: IProps): JSX.Element | null;
-export {};
+import * as React from 'react';
+import { SystemCenter } from '@gpa-gemstone/application-typings';
+import { IGenericSlice } from '../SliceInterfaces';
+interface IProps {
+    Id: number;
+    ValueListSlice: IGenericSlice<SystemCenter.Types.ValueListGroup>;
+    ValueListItemSlice: IGenericSlice<SystemCenter.Types.ValueListItem>;
+    OnDelete: () => {};
+}
+export default function ValueListGroup(props: IProps): React.JSX.Element | null;
+export {};

package/lib/ValueList/Group.js

@@ -1,71 +1,97 @@
-"use strict";
-// ******************************************************************************************************
-//  Group.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_interactive_1 = require("@gpa-gemstone/react-interactive");
-var GroupInfo_1 = require("./GroupInfo");
-var GroupItem_1 = require("./GroupItem");
-var react_redux_1 = require("react-redux");
-function ValueListGroup(props) {
-    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 () {
-        if (recordStatus === 'unintiated' || recordStatus === 'changed')
-            dispatch(props.ValueListSlice.Fetch());
-    }, [dispatch, recordStatus]);
-    var Tabs = [
-        { Id: "info", Label: "Value List Group Info" },
-        { Id: "items", Label: "List Items" }
-    ];
-    if (recordStatus === 'error')
-        return React.createElement("div", { style: { width: '100%', height: '100%' } },
-            React.createElement(react_interactive_1.ServerErrorIcon, { Show: true, Label: 'A Server Error Occured. Please Reload the Application' }));
-    if (record == null)
-        return null;
-    return (React.createElement("div", { style: { width: '100%', height: window.innerHeight - 63, maxHeight: window.innerHeight - 63, overflow: 'hidden', padding: 15 } },
-        React.createElement("div", { className: "row" },
-            React.createElement("div", { className: "col" },
-                React.createElement("h2", null, record.Name)),
-            React.createElement("div", { className: "col" },
-                React.createElement("button", { className: "btn btn-danger pull-right", hidden: record == null, onClick: function () { return setShowWarning(true); } }, "Delete Value List Group (Permanent)"))),
-        React.createElement("hr", null),
-        React.createElement(react_interactive_1.TabSelector, { CurrentTab: tab, SetTab: function (t) { return setTab(t); }, Tabs: Tabs }),
-        React.createElement("div", { className: "tab-content", style: { maxHeight: window.innerHeight - 235, overflow: 'hidden' } },
-            React.createElement("div", { className: "tab-pane " + (tab === "info" ? " active" : "fade"), id: "info" },
-                React.createElement(GroupInfo_1.default, { Record: record, Setter: function (r) {
-                        dispatch(props.ValueListSlice.DBAction({ verb: 'PATCH', record: r }));
-                    } })),
-            React.createElement("div", { className: "tab-pane " + (tab === "items" ? " active" : "fade"), id: "items" },
-                React.createElement(GroupItem_1.default, { Record: record, ValueListItemSlice: props.ValueListItemSlice }))),
-        React.createElement(react_interactive_1.Warning, { Message: 'This will permanently remove the ValueList Group. Are you sure you want to continue?', Title: 'Warning', Show: showWarning, CallBack: function (c) {
-                setShowWarning(false);
-                if (c) {
-                    dispatch(props.ValueListSlice.DBAction({ verb: 'DELETE', record: record }));
-                    props.OnDelete();
-                }
-            } })));
-}
-exports.default = ValueListGroup;
+"use strict";
+// ******************************************************************************************************
+//  Group.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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ValueListGroup;
+var React = __importStar(require("react"));
+var react_interactive_1 = require("@gpa-gemstone/react-interactive");
+var GroupInfo_1 = __importDefault(require("./GroupInfo"));
+var GroupItem_1 = __importDefault(require("./GroupItem"));
+var react_redux_1 = require("react-redux");
+function ValueListGroup(props) {
+    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 () {
+        if (recordStatus === 'unintiated' || recordStatus === 'changed')
+            dispatch(props.ValueListSlice.Fetch());
+    }, [dispatch, recordStatus]);
+    var Tabs = [
+        { Id: "info", Label: "Value List Group Info" },
+        { Id: "items", Label: "List Items" }
+    ];
+    if (recordStatus === 'error')
+        return React.createElement("div", { style: { width: '100%', height: '100%' } },
+            React.createElement(react_interactive_1.ServerErrorIcon, { Show: true, Label: 'A Server Error Occured. Please Reload the Application' }));
+    if (record == null)
+        return null;
+    return (React.createElement("div", { style: { width: '100%', height: window.innerHeight - 63, maxHeight: window.innerHeight - 63, overflow: 'hidden', padding: 15 } },
+        React.createElement("div", { className: "row" },
+            React.createElement("div", { className: "col" },
+                React.createElement("h2", null, record.Name)),
+            React.createElement("div", { className: "col" },
+                React.createElement("button", { className: "btn btn-danger pull-right", hidden: record == null, onClick: function () { return setShowWarning(true); } }, "Delete Value List Group (Permanent)"))),
+        React.createElement("hr", null),
+        React.createElement(react_interactive_1.TabSelector, { CurrentTab: tab, SetTab: function (t) { return setTab(t); }, Tabs: Tabs }),
+        React.createElement("div", { className: "tab-content", style: { maxHeight: window.innerHeight - 235, overflow: 'hidden' } },
+            React.createElement("div", { className: "tab-pane " + (tab === "info" ? " active" : "fade"), id: "info" },
+                React.createElement(GroupInfo_1.default, { Record: record, Setter: function (r) {
+                        dispatch(props.ValueListSlice.DBAction({ verb: 'PATCH', record: r }));
+                    } })),
+            React.createElement("div", { className: "tab-pane " + (tab === "items" ? " active" : "fade"), id: "items" },
+                React.createElement(GroupItem_1.default, { Record: record, ValueListItemSlice: props.ValueListItemSlice }))),
+        React.createElement(react_interactive_1.Warning, { Message: 'This will permanently remove the ValueList Group. Are you sure you want to continue?', Title: 'Warning', Show: showWarning, CallBack: function (c) {
+                setShowWarning(false);
+                if (c) {
+                    dispatch(props.ValueListSlice.DBAction({ verb: 'DELETE', record: record }));
+                    props.OnDelete();
+                }
+            } })));
+}