@gpa-gemstone/common-pages 0.0.122 → 0.0.123

package/lib/TimeFilter.js

@@ -0,0 +1,273 @@
+"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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,110 @@
+"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/GroupInfo.js

@@ -81,13 +81,13 @@ var InfoWindow = function (props) {
                         if (errors.length === 0 && warnings.length > 0)
                             props.Setter(record);
                     }, hidden: record.ID === 0, "data-tooltip": 'Update', onMouseEnter: function () { return setHover('Update'); }, onMouseLeave: function () { return setHover('None'); } }, "Update")),
-            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Clear' && (errors.length > 0), Position: 'top', Target: "Update" }, errors.map(function (t, i) { return React.createElement("p", { key: i },
+            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 },
                 gpa_symbols_1.CrossMark,
                 " ",
                 t); })),
             React.createElement("div", { className: "btn-group mr-2" },
                 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")),
-            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Clear' && (warnings.length > 0), Position: 'top', Target: "Clr" }, warnings.map(function (t, i) { return React.createElement("p", { key: i },
+            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 },
                 gpa_symbols_1.Warning,
                 " ",
                 t); })))));

package/lib/index.d.ts

@@ -1,9 +1,4 @@
-import Setting from './Setting';
 import Note from './Note';
-import ByValueList from './ValueList/ByValueList';
-import ValueList from './ValueList/Group';
-import ByUser from './user/ByUser';
-import User from './user/User';
 import { DefaultSearch } from './SearchBar';
 import SelectPopup from './StandardSelectPopup';
 import { DefaultSelects } from './SelectionPopup';
@@ -12,5 +7,10 @@ import TimeFilter from './TimeFilter/TimeFilter';
 import EventTypeFilter from './EventTypeFilter';
 import EventCharacteristicFilter from './EventCharacteristicFilter';
 import NavBarFilterButton from './NavBarFilterButton';
+import { useCSVPipeline } from './Pipelines/CSVPipeline';
 import * as TimeWindowUtils from './TimeFilter/TimeWindowUtils';
-export { TimeFilter, TimeWindowUtils, EventTypeFilter, EventCharacteristicFilter, NavBarFilterButton, Setting, Note, ValueList, ByValueList, User, ByUser, DefaultSearch, SelectPopup, DefaultSelects, ErrorBoundary };
+import BulkUpload from './BulkUpload';
+declare const Pipelines: {
+    CSV: typeof useCSVPipeline;
+};
+export { TimeFilter, TimeWindowUtils, EventTypeFilter, EventCharacteristicFilter, NavBarFilterButton, Note, DefaultSearch, SelectPopup, DefaultSelects, ErrorBoundary, Pipelines, BulkUpload };

package/lib/index.js

@@ -48,19 +48,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = exports.DefaultSelects = exports.SelectPopup = exports.DefaultSearch = exports.ByUser = exports.User = exports.ByValueList = exports.ValueList = exports.Note = exports.Setting = exports.NavBarFilterButton = exports.EventCharacteristicFilter = exports.EventTypeFilter = exports.TimeWindowUtils = exports.TimeFilter = void 0;
-var Setting_1 = __importDefault(require("./Setting"));
-exports.Setting = Setting_1.default;
+exports.BulkUpload = exports.Pipelines = exports.ErrorBoundary = exports.DefaultSelects = exports.SelectPopup = exports.DefaultSearch = exports.Note = exports.NavBarFilterButton = exports.EventCharacteristicFilter = exports.EventTypeFilter = exports.TimeWindowUtils = exports.TimeFilter = void 0;
 var Note_1 = __importDefault(require("./Note"));
 exports.Note = Note_1.default;
-var ByValueList_1 = __importDefault(require("./ValueList/ByValueList"));
-exports.ByValueList = ByValueList_1.default;
-var Group_1 = __importDefault(require("./ValueList/Group"));
-exports.ValueList = Group_1.default;
-var ByUser_1 = __importDefault(require("./user/ByUser"));
-exports.ByUser = ByUser_1.default;
-var User_1 = __importDefault(require("./user/User"));
-exports.User = User_1.default;
 var SearchBar_1 = require("./SearchBar");
 Object.defineProperty(exports, "DefaultSearch", { enumerable: true, get: function () { return SearchBar_1.DefaultSearch; } });
 var StandardSelectPopup_1 = __importDefault(require("./StandardSelectPopup"));
@@ -77,5 +67,12 @@ var EventCharacteristicFilter_1 = __importDefault(require("./EventCharacteristic
 exports.EventCharacteristicFilter = EventCharacteristicFilter_1.default;
 var NavBarFilterButton_1 = __importDefault(require("./NavBarFilterButton"));
 exports.NavBarFilterButton = NavBarFilterButton_1.default;
+var CSVPipeline_1 = require("./Pipelines/CSVPipeline");
 var TimeWindowUtils = __importStar(require("./TimeFilter/TimeWindowUtils"));
 exports.TimeWindowUtils = TimeWindowUtils;
+var BulkUpload_1 = __importDefault(require("./BulkUpload"));
+exports.BulkUpload = BulkUpload_1.default;
+var Pipelines = {
+    CSV: CSVPipeline_1.useCSVPipeline
+};
+exports.Pipelines = Pipelines;

package/lib/user/AdditionalField.js

@@ -168,7 +168,7 @@ function AdditionalField(props) {
                     (mode === 'Edit') ?
                         React.createElement("button", { className: "btn btn-default pull-right", "data-tooltip": 'View', onClick: function () { setMode('View'); setEditValues(values); }, onMouseEnter: function () { return setHover('View'); }, onMouseLeave: function () { return setHover('None'); } }, "View") :
                         React.createElement("button", { className: "btn btn-primary pull-right", onClick: function () { return setMode('Edit'); } }, "Edit"),
-                    React.createElement(react_interactive_1.ToolTip, { Show: hover === 'View' && changedFields.length > 0, Position: 'left', Target: "View" }, changedFields.map(function (fld, i) { return React.createElement("p", { key: i },
+                    React.createElement(react_interactive_1.ToolTip, { Show: hover === 'View' && changedFields.length > 0, Position: 'left', Theme: 'dark', Target: "View" }, changedFields.map(function (fld, i) { return React.createElement("p", { key: i },
                         gpa_symbols_1.Warning,
                         " Changes to '",
                         fld,
@@ -208,12 +208,12 @@ function AdditionalField(props) {
                         setShowEdit(true);
                         setNewField(props.EmptyField);
                     } }, "data-tooltip": 'New' }, "Add Field")),
-            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'New' && mode === 'View', Position: 'top', Target: "New" },
+            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'New' && mode === 'View', Position: 'top', Theme: 'dark', Target: "New" },
                 React.createElement("p", null, " To add a new Field switch to Edit mode by clicking on the Edit Button on the upper right corner.")),
             React.createElement("div", { className: "btn-group mr-2" },
                 React.createElement("button", { className: "btn btn-primary" + (changedFields.length === 0 || mode === 'View' || errorFields.length > 0 ? ' disabled' : ''), onClick: function () { if (errorFields.length === 0 && changedFields.length > 0 && mode === 'Edit')
                         dispatch(props.AdditionalFieldSlice.UpdateValues({ ParentID: props.Id, Values: editValues })); }, onMouseEnter: function () { return setHover('Save'); }, onMouseLeave: function () { return setHover('None'); }, "data-tooltip": 'SaveValues' }, "Save Changes")),
-            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Save' && (mode === 'View' || changedFields.length > 0), Position: 'top', Target: "SaveValues" },
+            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Save' && (mode === 'View' || changedFields.length > 0), Position: 'top', Theme: 'dark', Target: "SaveValues" },
                 mode === 'View' ? React.createElement("p", null, " To change any Fields switch to Edit mode by clicking on the Edit Button on the upper right corner.") : null,
                 changedFields.length > 0 && errorFields.length === 0 ? changedFields.map(function (fld, i) { return React.createElement("p", { key: i },
                     " ",
@@ -232,7 +232,7 @@ function AdditionalField(props) {
                         if (changedFields.length > 0 && mode === 'Edit')
                             setEditValues(values);
                     }, onMouseEnter: function () { return setHover('Clear'); }, onMouseLeave: function () { return setHover('None'); }, "data-tooltip": 'Reset' }, "Reset")),
-            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Clear' && (mode === 'View' || changedFields.length > 0), Position: 'top', Target: 'Reset' },
+            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Clear' && (mode === 'View' || changedFields.length > 0), Position: 'top', Theme: 'dark', Target: 'Reset' },
                 mode === 'View' ? React.createElement("p", null, " To change any Fields switch to Edit mode by clicking on the Edit Button on the upper right corner.") : null,
                 changedFields.length > 0 ? changedFields.map(function (fld, i) { return React.createElement("p", { key: i },
                     gpa_symbols_1.Warning,

package/lib/user/UserInfo.js

@@ -115,7 +115,7 @@ function UserInfo(props) {
                 React.createElement("button", { className: "btn btn-primary", onClick: function () { return updateUser(); }, disabled: warnings.length === 0 }, "Update")),
             React.createElement("div", { className: "btn-group mr-2" },
                 React.createElement("button", { className: "btn btn-default", onClick: function () { return setUser(currentUser); }, disabled: warnings.length === 0, "data-tooltip": 'Clr', onMouseEnter: function () { return setHover('Clear'); }, onMouseLeave: function () { return setHover('None'); } }, "Reset")),
-            React.createElement(react_interactive_1.ToolTip, { Show: hover === 'Clear' && (warnings.length > 0), Position: 'top', Target: "Clr" }, warnings.map(function (t, i) { return React.createElement("p", { key: i },
+            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 },
                 gpa_symbols_1.Warning,
                 " ",
                 t); })))));