@gpa-gemstone/common-pages 0.0.123 → 0.0.124

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,26 +0,0 @@
1
- import moment from 'moment';
2
- export interface IStartEnd {
3
- start: string;
4
- end: string;
5
- }
6
- export interface IStartDuration {
7
- start: string;
8
- duration: number;
9
- unit: TimeUnit;
10
- }
11
- export interface IEndDuration {
12
- end: string;
13
- duration: number;
14
- unit: TimeUnit;
15
- }
16
- export interface ICenterDuration {
17
- center: string;
18
- halfDuration: number;
19
- unit: TimeUnit;
20
- }
21
- export type TimeUnit = 'y' | 'M' | 'w' | 'd' | 'h' | 'm' | 's' | 'ms';
22
- export declare const units: TimeUnit[];
23
- export declare function findAppropriateUnit(startTime: moment.Moment, endTime: moment.Moment, unit?: TimeUnit, useHalfWindow?: boolean): [TimeUnit, number];
24
- export declare function getStartEndTime(center: moment.Moment, duration: number, unit: TimeUnit): [moment.Moment, moment.Moment];
25
- export declare function getMoment(date: string, format?: string, time?: string): moment.Moment;
26
- export declare function readableUnit(unit: TimeUnit): "Year(s)" | "Month(s)" | "Week(s)" | "Day(s)" | "Hour(s)" | "Minute(s)" | "Second(s)" | "Millisecond(s)";
@@ -1,110 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.units = void 0;
7
- exports.findAppropriateUnit = findAppropriateUnit;
8
- exports.getStartEndTime = getStartEndTime;
9
- exports.getMoment = getMoment;
10
- exports.readableUnit = readableUnit;
11
- //******************************************************************************************************
12
- // TimeWindowUtils.tsx - Gbtc
13
- //
14
- // Copyright © 2023, Grid Protection Alliance. All Rights Reserved.
15
- //
16
- // Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
17
- // the NOTICE file distributed with this work for additional information regarding copyright ownership.
18
- // The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
19
- // file except in compliance with the License. You may obtain a copy of the License at:
20
- //
21
- // http://opensource.org/licenses/MIT
22
- //
23
- // Unless agreed to in writing, the subject software distributed under the License is distributed on an
24
- // "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
25
- // License for the specific language governing permissions and limitations.
26
- //
27
- // Code Modification History:
28
- // ----------------------------------------------------------------------------------------------------
29
- // 07/11/2023 - C. Lackner
30
- // Generated original version of source code.
31
- // 06/20/2024 - Ali Karrar
32
- // Moved TimeWindowUtil from SEBrowser to gemstone
33
- //******************************************************************************************************
34
- var moment_1 = __importDefault(require("moment"));
35
- exports.units = ['ms', 's', 'm', 'h', 'd', 'w', 'M', 'y'];
36
- /*
37
- * A Function to determine the most appropriate unit for a window of time specified by start and end time
38
- */
39
- function findAppropriateUnit(startTime, endTime, unit, useHalfWindow) {
40
- var unitIndex = exports.units.findIndex(function (u) { return u == unit; });
41
- if (unit === undefined)
42
- unitIndex = 7;
43
- var diff = endTime.diff(startTime, exports.units[unitIndex], true);
44
- if (useHalfWindow !== undefined && useHalfWindow)
45
- diff = diff / 2;
46
- for (var i = unitIndex; i >= 1; i--) {
47
- if (i == 6) // Remove month as appropriate due to innacuracy in definition (31/30/28/29 days)
48
- continue;
49
- if (Number.isInteger(diff)) {
50
- return [exports.units[i], diff];
51
- }
52
- var nextI = i - 1;
53
- if (nextI == 6)
54
- nextI = 5;
55
- diff = endTime.diff(startTime, exports.units[nextI], true);
56
- if (useHalfWindow !== undefined && useHalfWindow)
57
- diff = diff / 2;
58
- if (diff > 65000) {
59
- diff = endTime.diff(startTime, exports.units[i], true);
60
- if (useHalfWindow !== undefined && useHalfWindow)
61
- diff = diff / 2;
62
- return [exports.units[i], Math.round(diff)];
63
- }
64
- }
65
- return [exports.units[0], Math.round(diff)];
66
- }
67
- /*
68
- * Determines a start time and end time for a window given by center time and duration
69
- */
70
- function getStartEndTime(center, duration, unit) {
71
- var d = moment_1.default.duration(duration, unit);
72
- var start = center.clone().subtract(d.asHours(), 'h');
73
- var end = center.clone().add(d.asHours(), 'h');
74
- return [start, end];
75
- }
76
- /*
77
- * Returns a formatted version of date and time provided
78
- */
79
- function getMoment(date, format, time) {
80
- if (time === undefined)
81
- return (0, moment_1.default)(date, format !== null && format !== void 0 ? format : 'MM/DD/YYYY HH:mm:ss.SSS');
82
- return (0, moment_1.default)(date + ' ' + time, 'MM/DD/YYYY HH:mm:ss.SSS');
83
- }
84
- /*
85
- * Returns a unit string based on unit char input
86
- */
87
- function readableUnit(unit) {
88
- if (unit == 'y') {
89
- return 'Year(s)';
90
- }
91
- else if (unit == 'M') {
92
- return 'Month(s)';
93
- }
94
- else if (unit == 'w') {
95
- return 'Week(s)';
96
- }
97
- else if (unit == 'd') {
98
- return 'Day(s)';
99
- }
100
- else if (unit == 'h') {
101
- return 'Hour(s)';
102
- }
103
- else if (unit == 'm') {
104
- return 'Minute(s)';
105
- }
106
- else if (unit == 's') {
107
- return 'Second(s)';
108
- }
109
- return 'Millisecond(s)';
110
- }
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { SystemCenter } from '@gpa-gemstone/application-typings';
3
- import { IGenericSlice, ISearchableSlice } from '../SliceInterfaces';
4
- interface IProps {
5
- OnValueListSelect: (id: number) => void;
6
- ValueListSlice: ISearchableSlice<SystemCenter.Types.ValueListGroup>;
7
- ValueListItemSlice: IGenericSlice<SystemCenter.Types.ValueListItem>;
8
- }
9
- declare function ByValueListGroup(props: IProps): React.JSX.Element;
10
- export default ByValueListGroup;
@@ -1,141 +0,0 @@
1
- "use strict";
2
- // ******************************************************************************************************
3
- // ValueList.tsx - Gbtc
4
- //
5
- // Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
6
- //
7
- // Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
8
- // the NOTICE file distributed with this work for additional information regarding copyright ownership.
9
- // The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
10
- // file except in compliance with the License. You may obtain a copy of the License at:
11
- //
12
- // http://opensource.org/licenses/MIT
13
- //
14
- // Unless agreed to in writing, the subject software distributed under the License is distributed on an
15
- // "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
16
- // License for the specific language governing permissions and limitations.
17
- //
18
- // Code Modification History:
19
- // ----------------------------------------------------------------------------------------------------
20
- // 07/10/2021 - C. Lackner
21
- // Generated original version of source code.
22
- // ******************************************************************************************************
23
- var __assign = (this && this.__assign) || function () {
24
- __assign = Object.assign || function(t) {
25
- for (var s, i = 1, n = arguments.length; i < n; i++) {
26
- s = arguments[i];
27
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
28
- t[p] = s[p];
29
- }
30
- return t;
31
- };
32
- return __assign.apply(this, arguments);
33
- };
34
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
35
- if (k2 === undefined) k2 = k;
36
- var desc = Object.getOwnPropertyDescriptor(m, k);
37
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
38
- desc = { enumerable: true, get: function() { return m[k]; } };
39
- }
40
- Object.defineProperty(o, k2, desc);
41
- }) : (function(o, m, k, k2) {
42
- if (k2 === undefined) k2 = k;
43
- o[k2] = m[k];
44
- }));
45
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
46
- Object.defineProperty(o, "default", { enumerable: true, value: v });
47
- }) : function(o, v) {
48
- o["default"] = v;
49
- });
50
- var __importStar = (this && this.__importStar) || function (mod) {
51
- if (mod && mod.__esModule) return mod;
52
- var result = {};
53
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
54
- __setModuleDefault(result, mod);
55
- return result;
56
- };
57
- var __importDefault = (this && this.__importDefault) || function (mod) {
58
- return (mod && mod.__esModule) ? mod : { "default": mod };
59
- };
60
- Object.defineProperty(exports, "__esModule", { value: true });
61
- var React = __importStar(require("react"));
62
- var react_table_1 = __importDefault(require("@gpa-gemstone/react-table"));
63
- var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
64
- var react_interactive_1 = require("@gpa-gemstone/react-interactive");
65
- var GroupForm_1 = __importDefault(require("./GroupForm"));
66
- var react_redux_1 = require("react-redux");
67
- function ByValueListGroup(props) {
68
- var dispatch = (0, react_redux_1.useDispatch)();
69
- var data = (0, react_redux_1.useSelector)(props.ValueListSlice.SearchResults);
70
- var dataStatus = (0, react_redux_1.useSelector)(props.ValueListSlice.SearchStatus);
71
- var groups = (0, react_redux_1.useSelector)(props.ValueListSlice.Data);
72
- var groupStatus = (0, react_redux_1.useSelector)(props.ValueListSlice.Status);
73
- var _a = React.useState('Name'), sortKey = _a[0], setSortKey = _a[1];
74
- var _b = React.useState(false), asc = _b[0], setASC = _b[1];
75
- var emptyRecord = { ID: 0, Name: '', Description: '' };
76
- var _c = React.useState(false), showNew = _c[0], setShowNew = _c[1];
77
- var _d = React.useState(emptyRecord), record = _d[0], setRecord = _d[1];
78
- var items = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Data);
79
- var itemStatus = (0, react_redux_1.useSelector)(props.ValueListItemSlice.Status);
80
- var _e = React.useState([]), search = _e[0], setSearch = _e[1];
81
- var _f = React.useState([]), newErrors = _f[0], setNewErrors = _f[1];
82
- var _g = React.useState(true), validName = _g[0], setValidName = _g[1];
83
- React.useEffect(function () {
84
- if (dataStatus === 'unintiated' || dataStatus === 'changed')
85
- dispatch(props.ValueListSlice.DBSearch({ filter: search, sortField: sortKey, ascending: asc }));
86
- }, [dispatch]);
87
- React.useEffect(function () {
88
- dispatch(props.ValueListSlice.DBSearch({ filter: search, sortField: sortKey, ascending: asc }));
89
- }, [search, asc, sortKey]);
90
- React.useEffect(function () {
91
- if (itemStatus === 'unintiated' || itemStatus === 'changed')
92
- dispatch(props.ValueListItemSlice.Fetch());
93
- }, [dispatch]);
94
- React.useEffect(function () {
95
- if (groupStatus === 'unintiated' || groupStatus === 'changed')
96
- dispatch(props.ValueListSlice.Fetch());
97
- }, [dispatch]);
98
- React.useEffect(function () {
99
- if (record.Name == null)
100
- setValidName(true);
101
- else
102
- setValidName(groups.findIndex(function (g) { return g.Name.toLowerCase() === record.Name.toLowerCase(); }) < 0);
103
- }, [record]);
104
- return (React.createElement("div", { style: { width: '100%', height: '100%' } },
105
- 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 () { }; } },
106
- React.createElement("li", { className: "nav-item", style: { width: '15%', paddingRight: 10 } },
107
- React.createElement("fieldset", { className: "border", style: { padding: '10px', height: '100%' } },
108
- React.createElement("legend", { className: "w-auto", style: { fontSize: 'large' } }, "Actions:"),
109
- React.createElement("form", null,
110
- React.createElement("button", { className: "btn btn-primary", onClick: function (evt) { evt.preventDefault(); setRecord(__assign({}, emptyRecord)); setShowNew(true); } }, "Add Group"))))),
111
- React.createElement("div", { style: { width: '100%', height: 'calc( 100% - 136px)' } },
112
- React.createElement(react_table_1.default, { cols: [
113
- { key: 'Name', field: 'Name', label: 'Name', headerStyle: { width: '15%' }, rowStyle: { width: '15%' } },
114
- { key: 'Description', field: 'Description', label: 'Description/Comments', headerStyle: { width: 'auto' }, rowStyle: { width: 'auto' } },
115
- { 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; } },
116
- { key: 'Scroll', label: '', headerStyle: { width: 17, padding: 0 }, rowStyle: { width: 0, padding: 0 } },
117
- ], tableClass: "table table-hover", data: data, sortKey: sortKey, ascending: asc, onSort: function (d) {
118
- if (d.colKey === 'remove' || d.colKey === 'scroll' || d.colField === undefined)
119
- return;
120
- setSortKey(d.colField);
121
- if (d.colField === sortKey)
122
- setASC(function (b) { return !b; });
123
- else
124
- setASC(true);
125
- }, 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; } })),
126
- 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,
127
- newErrors.map(function (t, i) { return React.createElement("p", { key: i },
128
- " ",
129
- gpa_symbols_1.CrossMark,
130
- " ",
131
- t); }),
132
- !validName ? React.createElement("p", null,
133
- gpa_symbols_1.CrossMark,
134
- " The Name has to be unique.") : null), CallBack: function (c) {
135
- setShowNew(false);
136
- if (c)
137
- dispatch(props.ValueListSlice.DBAction({ verb: 'POST', record: record }));
138
- } },
139
- React.createElement(GroupForm_1.default, { Record: record, Setter: setRecord, ErrorSetter: setNewErrors }))));
140
- }
141
- exports.default = ByValueListGroup;
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- import { SystemCenter } from '@gpa-gemstone/application-typings';
3
- import { IGenericSlice } from '../SliceInterfaces';
4
- interface IProps {
5
- Id: number;
6
- ValueListSlice: IGenericSlice<SystemCenter.Types.ValueListGroup>;
7
- ValueListItemSlice: IGenericSlice<SystemCenter.Types.ValueListItem>;
8
- OnDelete: () => {};
9
- }
10
- export default function ValueListGroup(props: IProps): React.JSX.Element | null;
11
- export {};
@@ -1,97 +0,0 @@
1
- "use strict";
2
- // ******************************************************************************************************
3
- // Group.tsx - Gbtc
4
- //
5
- // Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
6
- //
7
- // Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
8
- // the NOTICE file distributed with this work for additional information regarding copyright ownership.
9
- // The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
10
- // file except in compliance with the License. You may obtain a copy of the License at:
11
- //
12
- // http://opensource.org/licenses/MIT
13
- //
14
- // Unless agreed to in writing, the subject software distributed under the License is distributed on an
15
- // "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
16
- // License for the specific language governing permissions and limitations.
17
- //
18
- // Code Modification History:
19
- // ----------------------------------------------------------------------------------------------------
20
- // 07/04/2021 - C. Lackner
21
- // Generated original version of source code.
22
- // ******************************************************************************************************
23
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
24
- if (k2 === undefined) k2 = k;
25
- var desc = Object.getOwnPropertyDescriptor(m, k);
26
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
27
- desc = { enumerable: true, get: function() { return m[k]; } };
28
- }
29
- Object.defineProperty(o, k2, desc);
30
- }) : (function(o, m, k, k2) {
31
- if (k2 === undefined) k2 = k;
32
- o[k2] = m[k];
33
- }));
34
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
35
- Object.defineProperty(o, "default", { enumerable: true, value: v });
36
- }) : function(o, v) {
37
- o["default"] = v;
38
- });
39
- var __importStar = (this && this.__importStar) || function (mod) {
40
- if (mod && mod.__esModule) return mod;
41
- var result = {};
42
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
43
- __setModuleDefault(result, mod);
44
- return result;
45
- };
46
- var __importDefault = (this && this.__importDefault) || function (mod) {
47
- return (mod && mod.__esModule) ? mod : { "default": mod };
48
- };
49
- Object.defineProperty(exports, "__esModule", { value: true });
50
- exports.default = ValueListGroup;
51
- var React = __importStar(require("react"));
52
- var react_interactive_1 = require("@gpa-gemstone/react-interactive");
53
- var GroupInfo_1 = __importDefault(require("./GroupInfo"));
54
- var GroupItem_1 = __importDefault(require("./GroupItem"));
55
- var react_redux_1 = require("react-redux");
56
- function ValueListGroup(props) {
57
- var dispatch = (0, react_redux_1.useDispatch)();
58
- var record = (0, react_redux_1.useSelector)(function (state) { return props.ValueListSlice.Data(state).find(function (i) { return i.ID === props.Id; }); });
59
- var recordStatus = (0, react_redux_1.useSelector)(props.ValueListSlice.Status);
60
- var _a = React.useState('items'), tab = _a[0], setTab = _a[1];
61
- var _b = React.useState(false), showWarning = _b[0], setShowWarning = _b[1];
62
- React.useEffect(function () {
63
- if (recordStatus === 'unintiated' || recordStatus === 'changed')
64
- dispatch(props.ValueListSlice.Fetch());
65
- }, [dispatch, recordStatus]);
66
- var Tabs = [
67
- { Id: "info", Label: "Value List Group Info" },
68
- { Id: "items", Label: "List Items" }
69
- ];
70
- if (recordStatus === 'error')
71
- return React.createElement("div", { style: { width: '100%', height: '100%' } },
72
- React.createElement(react_interactive_1.ServerErrorIcon, { Show: true, Label: 'A Server Error Occured. Please Reload the Application' }));
73
- if (record == null)
74
- return null;
75
- return (React.createElement("div", { style: { width: '100%', height: window.innerHeight - 63, maxHeight: window.innerHeight - 63, overflow: 'hidden', padding: 15 } },
76
- React.createElement("div", { className: "row" },
77
- React.createElement("div", { className: "col" },
78
- React.createElement("h2", null, record.Name)),
79
- React.createElement("div", { className: "col" },
80
- React.createElement("button", { className: "btn btn-danger pull-right", hidden: record == null, onClick: function () { return setShowWarning(true); } }, "Delete Value List Group (Permanent)"))),
81
- React.createElement("hr", null),
82
- React.createElement(react_interactive_1.TabSelector, { CurrentTab: tab, SetTab: function (t) { return setTab(t); }, Tabs: Tabs }),
83
- React.createElement("div", { className: "tab-content", style: { maxHeight: window.innerHeight - 235, overflow: 'hidden' } },
84
- React.createElement("div", { className: "tab-pane " + (tab === "info" ? " active" : "fade"), id: "info" },
85
- React.createElement(GroupInfo_1.default, { Record: record, Setter: function (r) {
86
- dispatch(props.ValueListSlice.DBAction({ verb: 'PATCH', record: r }));
87
- } })),
88
- React.createElement("div", { className: "tab-pane " + (tab === "items" ? " active" : "fade"), id: "items" },
89
- React.createElement(GroupItem_1.default, { Record: record, ValueListItemSlice: props.ValueListItemSlice }))),
90
- 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) {
91
- setShowWarning(false);
92
- if (c) {
93
- dispatch(props.ValueListSlice.DBAction({ verb: 'DELETE', record: record }));
94
- props.OnDelete();
95
- }
96
- } })));
97
- }
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { SystemCenter } from '@gpa-gemstone/application-typings';
3
- interface IProps {
4
- Record: SystemCenter.Types.ValueListGroup;
5
- Setter: (record: SystemCenter.Types.ValueListGroup) => void;
6
- ErrorSetter?: (errors: string[]) => void;
7
- }
8
- export default function GroupForm(props: IProps): React.JSX.Element;
9
- export {};
@@ -1,74 +0,0 @@
1
- "use strict";
2
- // ******************************************************************************************************
3
- // GroupForm.tsx - Gbtc
4
- //
5
- // Copyright © 2020, Grid Protection Alliance. All Rights Reserved.
6
- //
7
- // Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
8
- // the NOTICE file distributed with this work for additional information regarding copyright ownership.
9
- // The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
10
- // file except in compliance with the License. You may obtain a copy of the License at:
11
- //
12
- // http://opensource.org/licenses/MIT
13
- //
14
- // Unless agreed to in writing, the subject software distributed under the License is distributed on an
15
- // "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
16
- // License for the specific language governing permissions and limitations.
17
- //
18
- // Code Modification History:
19
- // ----------------------------------------------------------------------------------------------------
20
- // 07/04/2021 - C. Lackner
21
- // Generated original version of source code.
22
- // ******************************************************************************************************
23
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
24
- if (k2 === undefined) k2 = k;
25
- var desc = Object.getOwnPropertyDescriptor(m, k);
26
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
27
- desc = { enumerable: true, get: function() { return m[k]; } };
28
- }
29
- Object.defineProperty(o, k2, desc);
30
- }) : (function(o, m, k, k2) {
31
- if (k2 === undefined) k2 = k;
32
- o[k2] = m[k];
33
- }));
34
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
35
- Object.defineProperty(o, "default", { enumerable: true, value: v });
36
- }) : function(o, v) {
37
- o["default"] = v;
38
- });
39
- var __importStar = (this && this.__importStar) || function (mod) {
40
- if (mod && mod.__esModule) return mod;
41
- var result = {};
42
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
43
- __setModuleDefault(result, mod);
44
- return result;
45
- };
46
- Object.defineProperty(exports, "__esModule", { value: true });
47
- exports.default = GroupForm;
48
- var React = __importStar(require("react"));
49
- var react_forms_1 = require("@gpa-gemstone/react-forms");
50
- function GroupForm(props) {
51
- var _a = React.useState([]), errors = _a[0], setErrors = _a[1];
52
- React.useEffect(function () {
53
- var e = [];
54
- if (props.Record.Name == null || props.Record.Name.length === 0)
55
- e.push('A Name is required.');
56
- if (props.Record.Name != null && props.Record.Name.length > 200)
57
- e.push('Name has to be less than 200 characters.');
58
- setErrors(e);
59
- }, [props.Record]);
60
- React.useEffect(function () {
61
- if (props.ErrorSetter !== undefined)
62
- props.ErrorSetter(errors);
63
- }, [errors, props.ErrorSetter]);
64
- function Valid(field) {
65
- if (field === 'Name')
66
- return props.Record.Name != null && props.Record.Name.length > 0 && props.Record.Name.length <= 200;
67
- else if (field === 'Description')
68
- return true;
69
- return false;
70
- }
71
- return (React.createElement("form", null,
72
- React.createElement(react_forms_1.Input, { Record: props.Record, Field: 'Name', Feedback: 'Name must be less than 200 characters.', Valid: Valid, Setter: props.Setter }),
73
- React.createElement(react_forms_1.TextArea, { Rows: 3, Record: props.Record, Field: 'Description', Valid: Valid, Setter: props.Setter })));
74
- }
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- import { SystemCenter } from '@gpa-gemstone/application-typings';
3
- interface IProps {
4
- Record: SystemCenter.Types.ValueListGroup;
5
- Setter: (record: SystemCenter.Types.ValueListGroup) => void;
6
- }
7
- declare const InfoWindow: (props: IProps) => React.JSX.Element | null;
8
- export default InfoWindow;
@@ -1,95 +0,0 @@
1
- "use strict";
2
- // ******************************************************************************************************
3
- // GroupInfo.tsx - Gbtc
4
- //
5
- // Copyright © 2021, Grid Protection Alliance. All Rights Reserved.
6
- //
7
- // Licensed to the Grid Protection Alliance (GPA) under one or more contributor license agreements. See
8
- // the NOTICE file distributed with this work for additional information regarding copyright ownership.
9
- // The GPA licenses this file to you under the MIT License (MIT), the "License"; you may not use this
10
- // file except in compliance with the License. You may obtain a copy of the License at:
11
- //
12
- // http://opensource.org/licenses/MIT
13
- //
14
- // Unless agreed to in writing, the subject software distributed under the License is distributed on an
15
- // "AS-IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. Refer to the
16
- // License for the specific language governing permissions and limitations.
17
- //
18
- // Code Modification History:
19
- // ----------------------------------------------------------------------------------------------------
20
- // 07/04/2021 - C. Lackner
21
- // Generated original version of source code.
22
- // ******************************************************************************************************
23
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
24
- if (k2 === undefined) k2 = k;
25
- var desc = Object.getOwnPropertyDescriptor(m, k);
26
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
27
- desc = { enumerable: true, get: function() { return m[k]; } };
28
- }
29
- Object.defineProperty(o, k2, desc);
30
- }) : (function(o, m, k, k2) {
31
- if (k2 === undefined) k2 = k;
32
- o[k2] = m[k];
33
- }));
34
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
35
- Object.defineProperty(o, "default", { enumerable: true, value: v });
36
- }) : function(o, v) {
37
- o["default"] = v;
38
- });
39
- var __importStar = (this && this.__importStar) || function (mod) {
40
- if (mod && mod.__esModule) return mod;
41
- var result = {};
42
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
43
- __setModuleDefault(result, mod);
44
- return result;
45
- };
46
- var __importDefault = (this && this.__importDefault) || function (mod) {
47
- return (mod && mod.__esModule) ? mod : { "default": mod };
48
- };
49
- Object.defineProperty(exports, "__esModule", { value: true });
50
- var React = __importStar(require("react"));
51
- var GroupForm_1 = __importDefault(require("./GroupForm"));
52
- var react_interactive_1 = require("@gpa-gemstone/react-interactive");
53
- var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
54
- var InfoWindow = function (props) {
55
- var _a = React.useState(props.Record), record = _a[0], setRecord = _a[1];
56
- var _b = React.useState([]), errors = _b[0], setErrors = _b[1];
57
- var _c = React.useState([]), warnings = _c[0], setWarnings = _c[1];
58
- var _d = React.useState('None'), hover = _d[0], setHover = _d[1];
59
- React.useEffect(function () {
60
- var w = [];
61
- if (record == null)
62
- return;
63
- if (record.Name !== props.Record.Name)
64
- w.push('Changes to Name will be lost.');
65
- if (record.Description !== props.Record.Description)
66
- w.push('Changes to Description will be lost.');
67
- setWarnings(w);
68
- }, [props.Record, record]);
69
- if (record == null)
70
- return null;
71
- return (React.createElement("div", { className: "card", style: { marginBottom: 10 } },
72
- React.createElement("div", { className: "card-header" },
73
- React.createElement("div", { className: "row" },
74
- React.createElement("div", { className: "col" },
75
- React.createElement("h4", null, "Value List Group Information:")))),
76
- React.createElement("div", { className: "card-body" },
77
- React.createElement(GroupForm_1.default, { Record: record, Setter: function (r) { return setRecord(r); }, ErrorSetter: setErrors })),
78
- React.createElement("div", { className: "card-footer" },
79
- React.createElement("div", { className: "btn-group mr-2" },
80
- React.createElement("button", { className: "btn btn-primary" + (errors.length > 0 || warnings.length === 0 ? ' disabled' : ''), onClick: function () {
81
- if (errors.length === 0 && warnings.length > 0)
82
- props.Setter(record);
83
- }, hidden: record.ID === 0, "data-tooltip": 'Update', onMouseEnter: function () { return setHover('Update'); }, onMouseLeave: function () { return setHover('None'); } }, "Update")),
84
- React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Clear' && (errors.length > 0), Position: 'top', Theme: 'dark', Target: "Update" }, errors.map(function (t, i) { return React.createElement("p", { key: i },
85
- gpa_symbols_1.CrossMark,
86
- " ",
87
- t); })),
88
- React.createElement("div", { className: "btn-group mr-2" },
89
- React.createElement("button", { className: "btn btn-default", onClick: function () { return setRecord(props.Record); }, disabled: warnings.length === 0, "data-tooltip": 'Clr', onMouseEnter: function () { return setHover('Clear'); }, onMouseLeave: function () { return setHover('None'); } }, "Reset")),
90
- React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Clear' && (warnings.length > 0), Position: 'top', Theme: 'dark', Target: "Clr" }, warnings.map(function (t, i) { return React.createElement("p", { key: i },
91
- gpa_symbols_1.Warning,
92
- " ",
93
- t); })))));
94
- };
95
- exports.default = InfoWindow;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { SystemCenter } from '@gpa-gemstone/application-typings';
3
- import { IGenericSlice } from '../SliceInterfaces';
4
- interface IProps {
5
- Record: SystemCenter.Types.ValueListGroup;
6
- ValueListItemSlice: IGenericSlice<SystemCenter.Types.ValueListItem>;
7
- }
8
- export default function GroupItemsWindow(props: IProps): React.JSX.Element;
9
- export {};