@gpa-gemstone/common-pages 0.0.123 → 0.0.125

package/lib/TimeFilter.js

@@ -1,273 +0,0 @@
-"use strict";
-//******************************************************************************************************
-//  TimeFilter.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:
-//  ----------------------------------------------------------------------------------------------------
-//  09/16/2021 - Christoph Lackner
-//       Generated original version of source code.
-//  06/20/2024 - Ali Karrar
-//       Moved TimeFilter from SEBrowser to gemstone
-//******************************************************************************************************
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTimeWindow = getTimeWindow;
-var React = __importStar(require("react"));
-var moment_1 = __importDefault(require("moment"));
-var react_forms_1 = require("@gpa-gemstone/react-forms");
-var TimeWindowUtils_1 = require("./TimeWindowUtils");
-var QuickSelects_1 = require("./TimeFilter/QuickSelects");
-// Converts ITimeFilter to an ITimeWindow filter           
-function getTimeWindow(flt, format) {
-    var _a, _b;
-    var _c, _d, _e;
-    var center, start, end, unit, duration, halfDuration;
-    if ('center' in flt && 'halfDuration' in flt) { // type is ICenterDuration
-        center = (0, TimeWindowUtils_1.getMoment)(flt.center, format);
-        _a = (0, TimeWindowUtils_1.getStartEndTime)(center, flt.halfDuration, flt.unit), start = _a[0], end = _a[1];
-        unit = flt.unit;
-        halfDuration = flt.halfDuration;
-        duration = halfDuration * 2;
-    }
-    else if ('start' in flt && 'duration' in flt) { // type is IStartDuration
-        start = (0, TimeWindowUtils_1.getMoment)(flt.start, format);
-        var d = moment_1.default.duration(flt.duration / 2.0, flt.unit);
-        center = start.clone().add(d);
-        end = center.clone().add(d);
-        unit = flt.unit;
-        duration = flt.duration,
-            halfDuration = duration / 2.0;
-    }
-    else if ('end' in flt && 'duration' in flt) { // type is IEndDuration
-        end = (0, TimeWindowUtils_1.getMoment)(flt.end, format);
-        var d = moment_1.default.duration(flt.duration / 2.0, flt.unit);
-        center = end.clone().subtract(d);
-        start = center.clone().subtract(d);
-        unit = flt.unit;
-        duration = flt.duration,
-            halfDuration = duration / 2.0;
-    }
-    else if ('start' in flt && 'end' in flt) { // type is IStartEnd
-        start = (0, TimeWindowUtils_1.getMoment)(flt.start, format);
-        end = (0, TimeWindowUtils_1.getMoment)(flt.end, format);
-        _b = (0, TimeWindowUtils_1.findAppropriateUnit)(start, end, undefined, true), unit = _b[0], halfDuration = _b[1];
-        var d = moment_1.default.duration(halfDuration, unit);
-        center = start.clone().add(d);
-        duration = halfDuration * 2;
-    }
-    return { center: (_c = center === null || center === void 0 ? void 0 : center.format(format)) !== null && _c !== void 0 ? _c : '',
-        start: (_d = start === null || start === void 0 ? void 0 : start.format(format)) !== null && _d !== void 0 ? _d : '',
-        end: (_e = end === null || end === void 0 ? void 0 : end.format(format)) !== null && _e !== void 0 ? _e : '',
-        unit: unit !== null && unit !== void 0 ? unit : 'ms',
-        duration: duration !== null && duration !== void 0 ? duration : 0,
-        halfDuration: halfDuration !== null && halfDuration !== void 0 ? halfDuration : 0 };
-}
-// Returns a row div element with props as children of row 
-function Row(props) {
-    var _a;
-    if (props.addRow) {
-        return React.createElement("div", { className: "row ".concat((_a = props.class) !== null && _a !== void 0 ? _a : '') }, props.children);
-    }
-    return React.createElement(React.Fragment, null, props.children);
-}
-var TimeFilter = function (props) {
-    var _a, _b, _c;
-    var format = (0, QuickSelects_1.getFormat)(props.format);
-    var QuickSelects = React.useMemo(function () { return QuickSelects_1.AvailableQuickSelects.filter(function (qs) { return !qs.hideQuickPick(props.format); }); }, [props.format]);
-    var _d = React.useState(-1), activeQP = _d[0], setActiveQP = _d[1];
-    var _e = React.useState(getTimeWindow(props.filter, format)), filter = _e[0], setFilter = _e[1];
-    React.useEffect(function () {
-        if (!isEqual(filter, props.filter))
-            props.setFilter(filter.center, filter.start, filter.end, filter.unit, filter.duration);
-    }, [filter]);
-    //Checks typing of ITimeFilter and then compares to ITimeWindow
-    function isEqual(flt1, flt2) {
-        var flt = getTimeWindow(flt2, format);
-        return flt1.center == flt.center &&
-            flt1.unit == flt.unit &&
-            flt1.duration == flt.duration;
-    }
-    React.useEffect(function () {
-        if (!isEqual(filter, props.filter)) {
-            var flt = getTimeWindow(props.filter, format);
-            setFilter(flt);
-        }
-    }, [props.filter]);
-    return (React.createElement("fieldset", { className: "border", style: { padding: '10px', height: '100%' } },
-        React.createElement("legend", { className: "w-auto", style: { fontSize: 'large' } }, "Date/Time Filter:"),
-        React.createElement(Row, { addRow: props.isHorizontal },
-            props.dateTimeSetting === 'center' ?
-                React.createElement(Row, { addRow: !props.isHorizontal },
-                    React.createElement("div", { className: props.isHorizontal ? (props.showQuickSelect ? 'col-2' : 'col-6') : 'col-12' },
-                        React.createElement(react_forms_1.DatePicker, { Record: filter, Field: "center", Help: "All times are in system time. System time is currently set to ".concat(props.timeZone, ". "), Setter: function (r) {
-                                setFilter(function (prevFilter) { return (__assign(__assign({}, prevFilter), { center: r.center, start: r.start, end: r.end })); });
-                                setActiveQP(-1);
-                            }, Label: 'Time Window Center:', Type: (_a = props.format) !== null && _a !== void 0 ? _a : 'datetime-local', Valid: function () { return true; }, Format: format })))
-                : null,
-            props.dateTimeSetting === 'startWindow' || props.dateTimeSetting === 'startEnd' ?
-                React.createElement(Row, { addRow: !props.isHorizontal },
-                    React.createElement("div", { className: props.isHorizontal ? (props.showQuickSelect ? 'col-2' : 'col-6') : 'col-12' },
-                        React.createElement(react_forms_1.DatePicker, { Record: filter, Field: "start", Help: "All times are in system time. System time is currently set to ".concat(props.timeZone, ". "), Setter: function (r) {
-                                var _a;
-                                var halfDur = filter.halfDuration;
-                                var unit = filter.unit;
-                                if (props.dateTimeSetting === 'startEnd') {
-                                    _a = (0, TimeWindowUtils_1.findAppropriateUnit)((0, TimeWindowUtils_1.getMoment)(r.start, format), (0, TimeWindowUtils_1.getMoment)(filter.end, format), undefined, true), unit = _a[0], halfDur = _a[1];
-                                }
-                                var flt = getTimeWindow({ start: r.start, duration: halfDur * 2, unit: unit }, format);
-                                setFilter(flt);
-                                setActiveQP(-1);
-                            }, Label: 'Start of Time Window:', Type: (_b = props.format) !== null && _b !== void 0 ? _b : 'datetime-local', Valid: function () { return true; }, Format: format })))
-                : null,
-            props.dateTimeSetting === 'endWindow' || props.dateTimeSetting === 'startEnd' ?
-                React.createElement(Row, { addRow: !props.isHorizontal },
-                    React.createElement("div", { className: props.isHorizontal ? (props.showQuickSelect ? 'col-2' : 'col-6') : 'col-12' },
-                        React.createElement(react_forms_1.DatePicker, { Record: filter, Field: "end", Help: "All times are in system time. System time is currently set to ".concat(props.timeZone, ". "), Setter: function (r) {
-                                var _a;
-                                var halfDur = filter.halfDuration;
-                                var unit = filter.unit;
-                                if (props.dateTimeSetting === 'startEnd') {
-                                    _a = (0, TimeWindowUtils_1.findAppropriateUnit)((0, TimeWindowUtils_1.getMoment)(filter.start, format), (0, TimeWindowUtils_1.getMoment)(r.end, format), undefined, true), unit = _a[0], halfDur = _a[1];
-                                }
-                                var flt = getTimeWindow({ end: r.end, duration: halfDur * 2, unit: unit }, format);
-                                setFilter(flt);
-                                setActiveQP(-1);
-                            }, Label: 'End of Time Window :', Type: (_c = props.format) !== null && _c !== void 0 ? _c : 'datetime-local', Valid: function () { return true; }, Format: format })))
-                : null,
-            props.dateTimeSetting === 'center' ?
-                React.createElement(React.Fragment, null,
-                    React.createElement("label", { style: { width: '100%', position: 'relative', float: "left" } }, "Time Window(+/-): "),
-                    React.createElement(Row, { addRow: !props.isHorizontal },
-                        React.createElement("div", { className: props.isHorizontal ? (props.showQuickSelect ? 'col-1' : 'col-3') : 'col-6' },
-                            React.createElement(react_forms_1.Input, { Record: filter, Field: 'halfDuration', Setter: function (r) {
-                                    var flt = getTimeWindow({ center: filter.center, halfDuration: r.halfDuration, unit: filter.unit }, format);
-                                    setFilter(function (prevFilter) { return (__assign(__assign({}, prevFilter), { duration: r.duration, halfDuration: r.halfDuration, start: flt.start, end: flt.end })); });
-                                    setActiveQP(-1);
-                                }, Label: '', Valid: function () { return true; }, Type: 'number' })),
-                        React.createElement("div", { className: props.isHorizontal ? (props.showQuickSelect ? 'col-1' : 'col-3') : 'col-6' },
-                            React.createElement(react_forms_1.Select, { Record: filter, Label: '', Field: 'unit', Setter: function (r) {
-                                    var flt = getTimeWindow({ center: filter.center, halfDuration: filter.halfDuration, unit: r.unit }, format);
-                                    setFilter(function (prevFilter) { return (__assign(__assign({}, prevFilter), { unit: r.unit, start: flt.start, end: flt.end })); });
-                                    setActiveQP(-1);
-                                }, Options: TimeWindowUtils_1.units.map(function (unit) { return ({
-                                    Value: unit,
-                                    Label: (0, TimeWindowUtils_1.readableUnit)(unit)
-                                }); }) }))))
-                : null,
-            props.dateTimeSetting === 'startWindow' ?
-                React.createElement(React.Fragment, null,
-                    React.createElement("label", { style: { width: '100%', position: 'relative', float: "left" } }, "Time Window(+): "),
-                    React.createElement(Row, { addRow: !props.isHorizontal },
-                        React.createElement("div", { className: props.isHorizontal ? (props.showQuickSelect ? 'col-1' : 'col-3') : 'col-6' },
-                            React.createElement(react_forms_1.Input, { Record: filter, Field: 'duration', Setter: function (r) {
-                                    var flt = getTimeWindow({ start: filter.start, duration: r.duration, unit: filter.unit }, format);
-                                    setFilter(function (prevFilter) { return (__assign(__assign({}, prevFilter), { duration: r.duration, halfDuration: r.halfDuration, center: flt.center, end: flt.end })); });
-                                    setActiveQP(-1);
-                                }, Label: '', Valid: function () { return true; }, Type: 'number' })),
-                        React.createElement("div", { className: props.isHorizontal ? (props.showQuickSelect ? 'col-1' : 'col-3') : 'col-6' },
-                            React.createElement(react_forms_1.Select, { Record: filter, Label: '', Field: 'unit', Setter: function (r) {
-                                    var flt = getTimeWindow({ start: filter.start, duration: filter.duration, unit: r.unit }, format);
-                                    setFilter(function (prevFilter) { return (__assign(__assign({}, prevFilter), { unit: r.unit, center: flt.center, end: flt.end })); });
-                                    setActiveQP(-1);
-                                }, Options: TimeWindowUtils_1.units.map(function (unit) { return ({
-                                    Value: unit,
-                                    Label: (0, TimeWindowUtils_1.readableUnit)(unit)
-                                }); }) }))))
-                : null,
-            props.dateTimeSetting === 'endWindow' ?
-                React.createElement(React.Fragment, null,
-                    React.createElement("label", { style: { width: '100%', position: 'relative', float: "left" } }, "Time Window(-): "),
-                    React.createElement(Row, { addRow: !props.isHorizontal },
-                        React.createElement("div", { className: props.isHorizontal ? (props.showQuickSelect ? 'col-1' : 'col-3') : 'col-6' },
-                            React.createElement(react_forms_1.Input, { Record: filter, Field: 'duration', Setter: function (r) {
-                                    var flt = getTimeWindow({ end: filter.end, duration: r.duration, unit: filter.unit }, format);
-                                    setFilter(function (prevFilter) { return (__assign(__assign({}, prevFilter), { duration: r.duration, halfDuration: r.halfDuration, center: flt.center, start: flt.start })); });
-                                    setActiveQP(-1);
-                                }, Label: '', Valid: function () { return true; }, Type: 'number' })),
-                        React.createElement("div", { className: props.isHorizontal ? (props.showQuickSelect ? 'col-1' : 'col-3') : 'col-6' },
-                            React.createElement(react_forms_1.Select, { Record: filter, Label: '', Field: 'unit', Setter: function (r) {
-                                    var flt = getTimeWindow({ end: filter.end, duration: filter.duration, unit: r.unit }, format);
-                                    setFilter(function (prevFilter) { return (__assign(__assign({}, prevFilter), { unit: r.unit, center: flt.center, start: flt.start })); });
-                                    setActiveQP(-1);
-                                }, Options: TimeWindowUtils_1.units.map(function (unit) { return ({
-                                    Value: unit,
-                                    Label: (0, TimeWindowUtils_1.readableUnit)(unit)
-                                }); }) }))))
-                : null,
-            props.showQuickSelect ?
-                React.createElement("div", { className: props.isHorizontal ? 'col-8' : 'row' },
-                    React.createElement(Row, { addRow: props.isHorizontal, class: "justify-content-center" }, QuickSelects.map(function (qs, i) {
-                        if (i % 3 !== 0)
-                            return null;
-                        return (React.createElement("div", { key: i, className: props.isHorizontal ? 'col-2' : "col-4", style: { paddingLeft: (props.isHorizontal ? 0 : (i % 9 == 0 ? 15 : 0)), paddingRight: (props.isHorizontal ? 2 : ((i % 18 == 6 || i % 18 == 15) ? 15 : 2)), marginTop: 10 } },
-                            React.createElement("ul", { className: "list-group", key: i },
-                                React.createElement("li", { key: i, style: { cursor: 'pointer' }, onClick: function () {
-                                        var flt = getTimeWindow(QuickSelects[i].createFilter(props.timeZone, props.format), format);
-                                        props.setFilter(flt.center, flt.start, flt.end, flt.unit, flt.duration);
-                                        setActiveQP(i);
-                                    }, className: "item badge badge-" + (i == activeQP ? "primary" : "secondary") }, QuickSelects[i].label),
-                                i + 1 < QuickSelects.length ?
-                                    React.createElement("li", { key: i + 1, style: { marginTop: 3, cursor: 'pointer' }, className: "item badge badge-" + (i + 1 == activeQP ? "primary" : "secondary"), onClick: function () {
-                                            var flt = getTimeWindow(QuickSelects[i + 1].createFilter(props.timeZone, props.format), format);
-                                            props.setFilter(flt.center, flt.start, flt.end, flt.unit, flt.duration);
-                                            setActiveQP(i + 1);
-                                        } }, QuickSelects[i + 1].label) : null,
-                                i + 2 < QuickSelects.length ?
-                                    React.createElement("li", { key: i + 2, style: { marginTop: 3, cursor: 'pointer' }, className: "item badge badge-" + (i + 2 == activeQP ? "primary" : "secondary"), onClick: function () {
-                                            var flt = getTimeWindow(QuickSelects[i + 2].createFilter(props.timeZone, props.format), format);
-                                            props.setFilter(flt.center, flt.start, flt.end, flt.unit, flt.duration);
-                                            setActiveQP(i + 2);
-                                        } }, QuickSelects[i + 2].label) : null)));
-                    })))
-                : null)));
-};
-exports.default = TimeFilter;

package/lib/TimeWindowUtils.d.ts

@@ -1,26 +0,0 @@
-import moment from 'moment';
-export interface IStartEnd {
-    start: string;
-    end: string;
-}
-export interface IStartDuration {
-    start: string;
-    duration: number;
-    unit: TimeUnit;
-}
-export interface IEndDuration {
-    end: string;
-    duration: number;
-    unit: TimeUnit;
-}
-export interface ICenterDuration {
-    center: string;
-    halfDuration: number;
-    unit: TimeUnit;
-}
-export type TimeUnit = 'y' | 'M' | 'w' | 'd' | 'h' | 'm' | 's' | 'ms';
-export declare const units: TimeUnit[];
-export declare function findAppropriateUnit(startTime: moment.Moment, endTime: moment.Moment, unit?: TimeUnit, useHalfWindow?: boolean): [TimeUnit, number];
-export declare function getStartEndTime(center: moment.Moment, duration: number, unit: TimeUnit): [moment.Moment, moment.Moment];
-export declare function getMoment(date: string, format?: string, time?: string): moment.Moment;
-export declare function readableUnit(unit: TimeUnit): "Year(s)" | "Month(s)" | "Week(s)" | "Day(s)" | "Hour(s)" | "Minute(s)" | "Second(s)" | "Millisecond(s)";

package/lib/TimeWindowUtils.js

@@ -1,110 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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'];
-/*
-* 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, format, time) {
-    if (time === undefined)
-        return (0, moment_1.default)(date, format !== null && format !== void 0 ? format : '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 +0,0 @@
-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,141 +0,0 @@
-"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 +0,0 @@
-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 {};