@gpa-gemstone/common-pages 0.0.123 → 0.0.125

package/lib/BulkUpload.js

@@ -57,6 +57,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = BulkUpload;
 var React = __importStar(require("react"));
 var react_interactive_1 = require("@gpa-gemstone/react-interactive");
+var react_forms_1 = require("@gpa-gemstone/react-forms");
 var steps = [{ short: 'Upload', long: 'Upload', id: 'Upload' }, { short: 'Process', long: 'Process', id: 'Process' }, { short: "Review", id: 'Review', long: 'Review' }, { short: 'Complete', long: 'Complete', id: 'Complete' }];
 var fileExtRegex = /(\.[^.]+)$/;
 function BulkUpload(props) {
@@ -98,12 +99,14 @@ function BulkUpload(props) {
     React.useEffect(function () {
         var pipelineErrs = props.Step == 'Process' ? pipelineErrors : [];
         var errors = __spreadArray([], pipelineErrs, true);
-        if (fileName == null)
-            errors.push('A file must be uploaded to continue');
-        if (rawFileContent == null || rawFileContent == '')
-            errors.push('File content is empty');
-        if (!isFileTypeValid)
-            errors.push("File must be of type ".concat(props.FileTypeAttribute));
+        if (props.Step === 'Upload') {
+            if (fileName == null)
+                errors.push('A file must be uploaded to continue');
+            if (rawFileContent == null || rawFileContent == '')
+                errors.push('File content is empty');
+            if (!isFileTypeValid)
+                errors.push("File must be of type ".concat(props.FileTypeAttribute));
+        }
         props.SetErrors(errors);
     }, [rawFileContent, fileName, isFileTypeValid, pipelineErrors, props.Step]);
     React.useEffect(function () {
@@ -111,10 +114,7 @@ function BulkUpload(props) {
             return;
         props.OnComplete(data);
     }, [props.Step, data, props.OnComplete]);
-    var handleFileUpload = function (evt) {
-        if (evt.target == null || evt.target.files == null || evt.target.files.length === 0)
-            return;
-        var file = evt.target.files[0];
+    var handleFileUpload = function (file) {
         var matchArray = file.name.match(fileExtRegex);
         var fileExtension = matchArray != null ? matchArray[0].substring(1) : '';
         var pipelineIndex = props.Pipelines.findIndex(function (pipe) { return pipe.Select(file.type, fileExtension); });
@@ -132,6 +132,12 @@ function BulkUpload(props) {
             setRawFileContent(e.target.result);
         };
     };
+    var handleFileOnClear = function () {
+        setIsFileTypeValid(true);
+        setCurrentPipelineIndex(null);
+        setFileName(null);
+        setRawFileContent(null);
+    };
     return (React.createElement("div", { className: "container-fluid d-flex flex-column p-0 h-100" },
         React.createElement("div", { className: 'row h-100' },
             React.createElement("div", { className: 'col-12 d-flex flex-column h-100' },
@@ -142,9 +148,7 @@ function BulkUpload(props) {
                     React.createElement(React.Fragment, null,
                         React.createElement("div", { className: 'row justify-content-center' },
                             React.createElement("div", { className: 'col-6' },
-                                React.createElement("div", { className: "custom-file" },
-                                    React.createElement("input", { type: "file", className: "custom-file-input", id: "inputGroupFile02", onChange: handleFileUpload, accept: props.FileTypeAttribute, style: { cursor: 'pointer' } }),
-                                    React.createElement("label", { className: "custom-file-label", htmlFor: "inputGroupFile02", "aria-describedby": "inputGroupFileAddon02" }, fileName == null ? 'Upload File' : fileName)))),
+                                React.createElement(react_forms_1.FileUpload, { OnLoadHandler: handleFileUpload, OnClearHandler: handleFileOnClear, FileTypeAttribute: props.FileTypeAttribute }))),
                         React.createElement("div", { className: 'row' },
                             React.createElement("div", { className: 'col-12 h-100' }, currentPipelineIndex != null && ((_a = props.Pipelines[currentPipelineIndex]) === null || _a === void 0 ? void 0 : _a.AdditionalUploadUI) != null ? (_b = props.Pipelines[currentPipelineIndex]) === null || _b === void 0 ? void 0 : _b.AdditionalUploadUI : null)))
                     : null,

package/lib/Pipelines/CSVPipeline.js

@@ -62,6 +62,7 @@ var react_forms_1 = require("@gpa-gemstone/react-forms");
 var react_table_1 = require("@gpa-gemstone/react-table");
 var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
 var react_table_2 = require("@gpa-gemstone/react-table");
+var lodash_1 = require("lodash");
 var AdditionalUploadUI = function (props) {
     return (React.createElement("div", { className: 'row justify-content-center m-0' },
         React.createElement("div", { className: 'col-6 p-0' },
@@ -76,19 +77,19 @@ function useCSVPipeline(csvFields) {
     };
 }
 function CsvPipelineEditStep(props) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     var rawDataRef = React.useRef();
-    var _c = React.useState([]), headers = _c[0], setHeaders = _c[1];
-    var _d = React.useState(new Map()), headerMap = _d[0], setHeaderMap = _d[1];
-    var _e = React.useState([]), data = _e[0], setData = _e[1];
-    var _f = React.useState([]), pagedData = _f[0], setPagedData = _f[1];
-    var _g = React.useState(true), isFileParseable = _g[0], setIsFileParseable = _g[1];
-    var _h = React.useState(false), isCSVMissingHeaders = _h[0], setIsCSVMissingHeaders = _h[1];
-    var _j = React.useState(false), isCSVMissingDataCells = _j[0], setIsCSVMissingDataCells = _j[1];
-    var _k = React.useState(0), page = _k[0], setPage = _k[1];
-    var _l = React.useState(1), totalPages = _l[0], setTotalPages = _l[1];
-    var _m = React.useState(true), showDataHeaderAlert = _m[0], setShowDataHeaderAlert = _m[1];
-    var _o = React.useState(true), showDataOrHeaderAlert = _o[0], setShowDataOrHeaderAlert = _o[1];
+    var _e = React.useState([]), headers = _e[0], setHeaders = _e[1];
+    var _f = React.useState(new Map()), headerMap = _f[0], setHeaderMap = _f[1];
+    var _g = React.useState([]), data = _g[0], setData = _g[1];
+    var _h = React.useState([]), pagedData = _h[0], setPagedData = _h[1];
+    var _j = React.useState(true), isFileParseable = _j[0], setIsFileParseable = _j[1];
+    var _k = React.useState(false), isCSVMissingHeaders = _k[0], setIsCSVMissingHeaders = _k[1];
+    var _l = React.useState(false), isCSVMissingDataCells = _l[0], setIsCSVMissingDataCells = _l[1];
+    var _m = React.useState(0), page = _m[0], setPage = _m[1];
+    var _o = React.useState(1), totalPages = _o[0], setTotalPages = _o[1];
+    var _p = React.useState(true), showDataHeaderAlert = _p[0], setShowDataHeaderAlert = _p[1];
+    var _q = React.useState(true), showDataOrHeaderAlert = _q[0], setShowDataOrHeaderAlert = _q[1];
     React.useEffect(function () {
         if (data.length === 0)
             return;
@@ -102,7 +103,7 @@ function CsvPipelineEditStep(props) {
         if (props.AdditionalProps == null)
             return;
         props.AdditionalProps.Fields.forEach(function (field) {
-            var _a;
+            var _a, _b;
             var matchedHeader = (_a = Array.from(headerMap.entries()).find(function (_a) {
                 var value = _a[1];
                 return value === field.Field;
@@ -113,27 +114,43 @@ function CsvPipelineEditStep(props) {
                 return; // return early if the field was never mapped to a header
             }
             var fieldIndex = headers.indexOf(matchedHeader);
+            var foundDuplicate = false;
+            var foundEmpty = false;
+            var foundInvalid = false;
             var uniqueValues = new Set();
             //Need to also make sure that all the fields that have the Required flag got mapped to a header...
             data.forEach(function (row) {
                 var value = row[fieldIndex + 1]; //+1 for row index value
-                // Check uniqueness
+                // Unique check
                 if (field.Unique) {
                     if (uniqueValues.has(value))
-                        errors.push("All ".concat(field.Label, " values must be unique."));
+                        foundDuplicate = true;
                     else
                         uniqueValues.add(value);
                 }
-                // Check allowed emptiness
-                if (!field.AllowEmpty && (value == null || (value !== null && value !== void 0 ? value : '').trim() === ""))
-                    errors.push("All ".concat(field.Label, " cannot be empty."));
-                //Check validity
+                // Allowed emptiness
+                if (!field.AllowEmpty && (value == null || (value.trim() === '')))
+                    foundEmpty = true;
+                // Validate
                 if (!field.Validate(value))
-                    errors.push("All ".concat(field.Label, " must contain valid values."));
+                    foundInvalid = true;
             });
+            if (field.Unique && foundDuplicate)
+                errors.push("All ".concat(field.Label, " values must be unique."));
+            if (foundEmpty)
+                errors.push("All ".concat(field.Label, " cannot be empty."));
+            if (foundInvalid)
+                errors.push("All ".concat(field.Label, " must contain valid values."));
+            //Check for SameValueForAllRows 
+            if ((_b = field.SameValueForAllRows) !== null && _b !== void 0 ? _b : false) {
+                var allValues = data.map(function (row) { var _a; return (_a = row[fieldIndex + 1]) !== null && _a !== void 0 ? _a : ''; });
+                if (new Set(allValues).size > 1)
+                    errors.push("All rows for ".concat(field.Label, " must contain the same value."));
+            }
         });
-        props.SetErrors(errors);
-    }, [data, headers, headerMap, isFileParseable]);
+        if (!(0, lodash_1.isEqual)(props.Errors.sort(), errors.sort()))
+            props.SetErrors(errors);
+    }, [data, headers, headerMap, isFileParseable, (_a = props.AdditionalProps) === null || _a === void 0 ? void 0 : _a.Fields]);
     React.useEffect(function () {
         if (props.RawFileData == null || props.AdditionalProps == null || rawDataRef.current === props.RawFileData)
             return;
@@ -153,6 +170,31 @@ function CsvPipelineEditStep(props) {
         setHeaderMap(autoMapHeaders(parsedData.Headers, props.AdditionalProps.Fields.map(function (field) { return field.Field; })));
         rawDataRef.current = props.RawFileData;
     }, [props.RawFileData, props.AdditionalProps]);
+    React.useEffect(function () {
+        var _a, _b;
+        if (((_a = props.AdditionalProps) === null || _a === void 0 ? void 0 : _a.Fields) == null || ((_b = props.AdditionalProps) === null || _b === void 0 ? void 0 : _b.Fields.length) === 0 || data.length === 0)
+            return;
+        var requiredCount = props.AdditionalProps.Fields.filter(function (f) { return f.Required; }).length;
+        // If we already have enough columns, do nothing
+        if (headers.length >= requiredCount)
+            return;
+        // Extend 'headers' array (e.g., "A", "B", "C"...)
+        var extendedHeaders = __spreadArray([], headers, true);
+        for (var i = headers.length; i < requiredCount; i++) {
+            extendedHeaders.push(String.fromCharCode(65 + i)); // 'A', 'B', 'C', ...
+        }
+        // Extend each row in 'data' with blank strings for the new columns
+        var extendedData = data.map(function (row) {
+            // row already has an index at row[0], plus (headers.length - 1) columns
+            var neededCols = requiredCount - (row.length - 1);
+            if (neededCols > 0) {
+                return __spreadArray(__spreadArray([], row, true), Array(neededCols).fill(''), true);
+            }
+            return row;
+        });
+        setHeaders(extendedHeaders);
+        setData(extendedData);
+    }, [(_b = props.AdditionalProps) === null || _b === void 0 ? void 0 : _b.Fields]);
     React.useEffect(function () {
         if (props.AdditionalProps == null || props.Errors.length !== 0)
             return;
@@ -173,7 +215,7 @@ function CsvPipelineEditStep(props) {
             mappedData.push(record);
         });
         props.SetData(mappedData);
-    }, [data, headers, headerMap, (_a = props.AdditionalProps) === null || _a === void 0 ? void 0 : _a.Fields, props.Errors]);
+    }, [data, headers, headerMap, (_c = props.AdditionalProps) === null || _c === void 0 ? void 0 : _c.Fields, props.Errors]);
     var getFieldSelect = React.useCallback(function (header) {
         var _a;
         if (props.AdditionalProps == null || ((_a = props.AdditionalProps) === null || _a === void 0 ? void 0 : _a.Fields.length) === 0)
@@ -185,7 +227,7 @@ function CsvPipelineEditStep(props) {
             "=", matchedField === null || matchedField === void 0 ? void 0 :
             matchedField.Help) : undefined;
         return React.createElement(react_forms_1.Select, { Record: { Header: header, Value: field }, EmptyOption: true, Options: props.AdditionalProps.Fields.map(function (field) { return ({ Value: field.Field, Label: field.Label }); }), Field: "Value", Setter: function (record) { return updateMap(record.Header, record.Value); }, Label: ' ', Help: help });
-    }, [(_b = props.AdditionalProps) === null || _b === void 0 ? void 0 : _b.Fields, headerMap]);
+    }, [(_d = props.AdditionalProps) === null || _d === void 0 ? void 0 : _d.Fields, headerMap]);
     var handleValueChange = function (rowIndex, colIndex, value) {
         setData(function (prevData) {
             var newData = __spreadArray([], prevData, true);
@@ -225,7 +267,7 @@ function CsvPipelineEditStep(props) {
                                     React.createElement("p", { style: { whiteSpace: 'nowrap' } }, isCSVMissingDataCells ? 'Missing data cells were added to meet the number of required fields.' : 'Missing headers were added to meet the number of required fields.'))))) : null,
                         React.createElement("div", { className: 'row flex-grow-1', style: { overflowY: 'hidden' } },
                             React.createElement("div", { className: 'col-12 h-100' },
-                                React.createElement(react_table_1.ConfigurableTable, { Data: pagedData, SortKey: '', Ascending: false, OnSort: function () { }, KeySelector: function (data) { return data[0]; }, TheadStyle: { width: '100%', display: 'table-header-group', }, TbodyStyle: { width: '100%', display: 'block', height: '100%' }, RowStyle: { display: 'table-row', width: '100%', height: 'auto' }, TableStyle: { width: '100%', height: '100%', tableLayout: 'fixed', marginBottom: 0, display: 'block' }, TableClass: 'table', ModalZIndex: 9995 },
+                                React.createElement(react_table_1.ConfigurableTable, { Data: pagedData, key: headers.join(','), SortKey: '', Ascending: false, OnSort: function () { }, KeySelector: function (data) { return data[0]; }, TheadStyle: { width: '100%', display: 'table-header-group', }, TbodyStyle: { width: '100%', display: 'block', height: '100%' }, RowStyle: { display: 'table-row', width: '100%', height: 'auto' }, TableStyle: { width: '100%', height: '100%', tableLayout: 'fixed', marginBottom: 0, display: 'block' }, TableClass: 'table', ModalZIndex: 9995 },
                                     headers.map(function (header, i) {
                                         return React.createElement(react_table_1.ConfigurableColumn, { Key: header, Label: header, Default: true },
                                             React.createElement(react_table_1.Column, { Key: header, Field: i + 1, AllowSort: false, Content: function (_a) {
@@ -239,6 +281,7 @@ function CsvPipelineEditStep(props) {
                                                     var value = item[field];
                                                     var isValid = matchedField.Validate(value);
                                                     var feedback = matchedField.Feedback;
+                                                    var selectOptions = matchedField.SelectOptions;
                                                     var allValues = {};
                                                     headers.forEach(function (header, index) {
                                                         var mappedField = headerMap.get(header);
@@ -246,7 +289,7 @@ function CsvPipelineEditStep(props) {
                                                             allValues[mappedField] = item[index + 1];
                                                         }
                                                     });
-                                                    return (React.createElement(matchedField.EditComponent, { Value: value, SetValue: function (val) { return handleValueChange(parseInt(item[0]), field, val); }, Valid: isValid, Feedback: feedback, AllRecordValues: allValues }));
+                                                    return (React.createElement(matchedField.EditComponent, { Value: value, SetValue: function (val) { return handleValueChange(parseInt(item[0]), field, val); }, Valid: isValid, Feedback: feedback, AllRecordValues: allValues, SelectOptions: selectOptions }));
                                                 } },
                                                 getHeader(header),
                                                 getFieldSelect(header)));

package/package.json

@@ -1,62 +1,62 @@
-{
-  "name": "@gpa-gemstone/common-pages",
-  "version": "0.0.123",
-  "description": "Common UI pages for GPA products",
-  "main": "lib/index.js",
-  "types": "lib/index.d.ts",
-  "files": ["lib/**/*"],
-  "scripts":   {
-    "test": "jest --config jestconfig.json",
-    "build": "tsc",
-    "format": "prettier --write \"src/**/*.tsx\"",
-    "lint": "eslint . --ext .ts,.tsx",
-    "prepare": "npm run build",
-    "prepublishOnly": "npm test && npm run lint",
-    "preversion": "npm run lint",
-    "version": "npm run format && git add -A src",
-    "postversion": "git push && git push --tags"
-  },
-  "repository":   {
-    "type": "git",
-    "url": "https://github.com/GridProtectionAlliance/gpa-gemstone.git"
-  },
-  "keywords":   [
-    "React",
-    "Interactive",
-    "GSF",
-    "Gemstone",
-    "GridProtectionAlliance"
-  ],
-  "author": "GridProtectionAlliance",
-  "license": "MIT",
-  "bugs": {"url": "https://github.com/GridProtectionAlliance/gpa-gemstone/issues"},
-  "homepage": "https://github.com/GridProtectionAlliance/gpa-gemstone#readme",
-  "devDependencies":   {
-    "@types/crypto-js": "^4.2.0",
-    "@types/jest": "^27.0.0",
-    "@types/jquery": "3.5.6",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.60.0",
-    "eslint": "^8.43.0",
-    "jest": "^29.0.0",
-    "prettier": "^2.3.2",
-    "ts-jest": "^29.0.0",
-    "typescript": "5.5.3"
-  },
-  "dependencies":   {
-    "@gpa-gemstone/application-typings": "0.0.78",
-    "@gpa-gemstone/gpa-symbols": "0.0.45",
-    "@gpa-gemstone/helper-functions": "0.0.36",
-    "@gpa-gemstone/react-forms": "1.1.77",
-    "@gpa-gemstone/react-interactive": "1.0.137",
-    "@gpa-gemstone/react-table": "1.2.58",
-    "@reduxjs/toolkit": "1.8.3",
-    "crypto-js": "^4.2.0",
-    "moment": "^2.29.4",
-    "moment-timezone": "0.5.43",
-    "react": "^18.2.0",
-    "react-redux": "8.0.2",
-    "styled-components": "5.3.3"
-  },
-  "publishConfig": {"access": "public"}
+{
+  "name": "@gpa-gemstone/common-pages",
+  "version": "0.0.125",
+  "description": "Common UI pages for GPA products",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": ["lib/**/*"],
+  "scripts":   {
+    "test": "jest --config jestconfig.json",
+    "build": "tsc",
+    "format": "prettier --write \"src/**/*.tsx\"",
+    "lint": "eslint . --ext .ts,.tsx",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm test && npm run lint",
+    "preversion": "npm run lint",
+    "version": "npm run format && git add -A src",
+    "postversion": "git push && git push --tags"
+  },
+  "repository":   {
+    "type": "git",
+    "url": "https://github.com/GridProtectionAlliance/gpa-gemstone.git"
+  },
+  "keywords":   [
+    "React",
+    "Interactive",
+    "GSF",
+    "Gemstone",
+    "GridProtectionAlliance"
+  ],
+  "author": "GridProtectionAlliance",
+  "license": "MIT",
+  "bugs": {"url": "https://github.com/GridProtectionAlliance/gpa-gemstone/issues"},
+  "homepage": "https://github.com/GridProtectionAlliance/gpa-gemstone#readme",
+  "devDependencies":   {
+    "@types/crypto-js": "^4.2.0",
+    "@types/jest": "^27.0.0",
+    "@types/jquery": "3.5.6",
+    "@typescript-eslint/eslint-plugin": "^5.60.0",
+    "@typescript-eslint/parser": "^5.60.0",
+    "eslint": "^8.43.0",
+    "jest": "^29.0.0",
+    "prettier": "^2.3.2",
+    "ts-jest": "^29.0.0",
+    "typescript": "5.5.3"
+  },
+  "dependencies":   {
+    "@gpa-gemstone/application-typings": "0.0.79",
+    "@gpa-gemstone/gpa-symbols": "0.0.46",
+    "@gpa-gemstone/helper-functions": "0.0.37",
+    "@gpa-gemstone/react-forms": "1.1.78",
+    "@gpa-gemstone/react-interactive": "1.0.138",
+    "@gpa-gemstone/react-table": "1.2.59",
+    "@reduxjs/toolkit": "1.8.3",
+    "crypto-js": "^4.2.0",
+    "moment": "^2.29.4",
+    "moment-timezone": "0.5.43",
+    "react": "^18.2.0",
+    "react-redux": "8.0.2",
+    "styled-components": "5.3.3"
+  },
+  "publishConfig": {"access": "public"}
 }

package/lib/Setting.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { ISearchableSlice } from './SliceInterfaces';
-import { SystemCenter } from '@gpa-gemstone/application-typings';
-interface IProps {
-    SettingsSlice: ISearchableSlice<SystemCenter.Types.Setting>;
-}
-declare function Setting(props: IProps): React.JSX.Element;
-export default Setting;

package/lib/Setting.js

@@ -1,151 +0,0 @@
-"use strict";
-// ******************************************************************************************************
-//  Setting.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:
-//  ----------------------------------------------------------------------------------------------------
-//  04/28/2021 - C. Lackner
-//       Generated original version of source code.
-// ******************************************************************************************************
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var react_forms_1 = require("@gpa-gemstone/react-forms");
-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 react_redux_1 = require("react-redux");
-function Setting(props) {
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var search = (0, react_redux_1.useSelector)(props.SettingsSlice.SearchFilters);
-    var searchStatus = (0, react_redux_1.useSelector)(props.SettingsSlice.SearchStatus);
-    var data = (0, react_redux_1.useSelector)(props.SettingsSlice.SearchResults);
-    var allSettings = (0, react_redux_1.useSelector)(props.SettingsSlice.Data);
-    var status = (0, react_redux_1.useSelector)(props.SettingsSlice.Status);
-    var _a = React.useState('Name'), sortField = _a[0], setSortField = _a[1];
-    var _b = React.useState(true), ascending = _b[0], setAscending = _b[1];
-    var emptySetting = { ID: 0, Name: '', Value: '', DefaultValue: '' };
-    var _c = React.useState(emptySetting), editnewSetting = _c[0], setEditNewSetting = _c[1];
-    var _d = React.useState('New'), editNew = _d[0], setEditNew = _d[1];
-    var _e = React.useState(false), showModal = _e[0], setShowModal = _e[1];
-    var _f = React.useState(false), showWarning = _f[0], setShowWarning = _f[1];
-    var _g = React.useState(false), hasChanged = _g[0], setHasChanged = _g[1];
-    var _h = React.useState([]), errors = _h[0], setErrors = _h[1];
-    React.useEffect(function () {
-        if (status === 'unintiated' || status === 'changed')
-            dispatch(props.SettingsSlice.Fetch());
-    }, [dispatch, status]);
-    React.useEffect(function () {
-        if (searchStatus === 'unintiated' || status === 'changed')
-            dispatch(props.SettingsSlice.DBSearch({ filter: search, sortField: sortField, ascending: ascending }));
-    }, [dispatch, searchStatus, ascending, sortField, search]);
-    React.useEffect(function () { setHasChanged(false); }, [showModal]);
-    React.useEffect(function () {
-        var e = [];
-        if (editnewSetting.Name == null || editnewSetting.Name.length === 0)
-            e.push('A Name is required');
-        if (editnewSetting.Name != null && editnewSetting.Name.length > 0 && allSettings.findIndex(function (s) { return s.Name.toLowerCase() === editnewSetting.Name.toLowerCase() && s.ID !== editnewSetting.ID; }) > -1)
-            e.push('A Settign with this Name already exists.');
-        if (editnewSetting.Value == null || editnewSetting.Value.length === 0)
-            e.push('A Value is required');
-        setErrors(e);
-    }, [editnewSetting]);
-    var searchFields = [
-        { key: 'Name', label: 'Name', type: 'string', isPivotField: false },
-        { key: 'DefaultValue', label: 'Default Value', type: 'string', isPivotField: false },
-        { key: 'Value', label: 'Value', type: 'string', isPivotField: false }
-    ];
-    if (status === 'error')
-        return React.createElement("div", { style: { width: '100%', height: '100%' } },
-            React.createElement(react_interactive_1.ServerErrorIcon, { Show: true, Label: 'A Server Error Occured. Please Reload the Application' }));
-    return (React.createElement(React.Fragment, null,
-        React.createElement(react_interactive_1.LoadingScreen, { Show: status === 'loading' }),
-        React.createElement("div", { style: { width: '100%', height: '100%' } },
-            React.createElement(react_interactive_1.SearchBar, { CollumnList: searchFields, SetFilter: function (flds) { return dispatch(props.SettingsSlice.DBSearch({ filter: flds, sortField: sortField, ascending: ascending })); }, Direction: 'left', defaultCollumn: { key: 'Name', label: 'Name', type: 'string', isPivotField: false }, Width: '50%', Label: 'Search', ShowLoading: searchStatus === 'loading', ResultNote: searchStatus === 'error' ? 'Could not complete Search' : 'Found ' + data.length + ' Settings', 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 (event) { setEditNewSetting(emptySetting); setEditNew('New'); setShowModal(true); event.preventDefault(); } }, "Add Setting"))))),
-            React.createElement("div", { style: { width: '100%', height: 'calc( 100% - 136px)' } },
-                React.createElement(react_table_1.default, { cols: [
-                        { key: 'Name', field: 'Name', label: 'Setting Name', headerStyle: { width: '10%' }, rowStyle: { width: '10%' } },
-                        { key: 'Value', field: 'Value', label: 'Current Value', headerStyle: { width: '10%' }, rowStyle: { width: '10%' } },
-                        { key: 'DefaultValue', field: 'DefaultValue', label: 'Default Value', headerStyle: { width: '20%' }, rowStyle: { width: '20%' } },
-                        { key: 'scroll', label: '', headerStyle: { width: 17, padding: 0 }, rowStyle: { width: 0, padding: 0 } },
-                    ], tableClass: "table table-hover", data: data, sortKey: sortField, ascending: ascending, onSort: function (d) {
-                        if (d.colKey === 'scroll' || d.colField === undefined)
-                            return;
-                        if (d.colField === sortField)
-                            setAscending(!ascending);
-                        else {
-                            setAscending(true);
-                            setSortField(d.colField);
-                        }
-                        if (d.colField === sortField)
-                            dispatch(props.SettingsSlice.DBSearch({ filter: search, sortField: sortField, ascending: true }));
-                        else
-                            dispatch(props.SettingsSlice.DBSearch({ filter: search, sortField: d.colField, ascending: ascending }));
-                    }, onClick: function (item) { setEditNewSetting(item.row); setShowModal(true); setEditNew('Edit'); }, 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 () { return false; } }))),
-        React.createElement(react_interactive_1.Modal, { Title: editNew === 'Edit' ? editnewSetting.Name + ' - Setting' : 'Add New Setting', Show: showModal, ShowX: true, Size: 'lg', ShowCancel: editNew === 'Edit', ConfirmText: 'Save', CancelText: 'Delete', CallBack: function (conf, isBtn) {
-                if (conf && editNew === 'New')
-                    dispatch(props.SettingsSlice.DBAction({ verb: 'POST', record: editnewSetting }));
-                if (conf && editNew === 'Edit')
-                    dispatch(props.SettingsSlice.DBAction({ verb: 'PATCH', record: editnewSetting }));
-                if (!conf && isBtn)
-                    setShowWarning(true);
-                setShowModal(false);
-            }, DisableConfirm: (editNew === 'Edit' && !hasChanged) || errors.length > 0, ConfirmShowToolTip: errors.length > 0, ConfirmToolTipContent: errors.map(function (t, i) { return React.createElement("p", { key: i },
-                gpa_symbols_1.CrossMark,
-                " ",
-                t,
-                " "); }) },
-            React.createElement("div", { className: "row" },
-                React.createElement("div", { className: "col" },
-                    React.createElement(react_forms_1.Input, { Record: editnewSetting, Field: 'Name', Label: 'Setting Name', Feedback: 'A unique Name is required.', Valid: function (field) { return editnewSetting.Name != null && editnewSetting.Name.length > 0 && allSettings.findIndex(function (s) { return s.Name === editnewSetting.Name && s.ID !== editnewSetting.ID; }) < 0; }, Setter: function (record) { setEditNewSetting(record); setHasChanged(true); } }),
-                    React.createElement(react_forms_1.Input, { Record: editnewSetting, Field: 'Value', Label: 'Value', Feedback: 'Value is required.', Valid: function (field) { return editnewSetting.Value != null && editnewSetting.Value.length > 0; }, Setter: function (record) { setEditNewSetting(record); setHasChanged(true); } }),
-                    React.createElement(react_forms_1.Input, { Record: editnewSetting, Field: 'DefaultValue', Label: 'Default Value', Valid: function (field) { return true; }, Setter: function (record) { setEditNewSetting(record); setHasChanged(true); } })))),
-        React.createElement(react_interactive_1.Warning, { Title: 'Delete Setting', Message: 'This will Delete this Setting from the System. This can have unintended consequences and cause the System to crash. Are you sure you want to continue?', Show: showWarning, CallBack: function (conf) { if (conf)
-                dispatch(props.SettingsSlice.DBAction({ verb: 'DELETE', record: editnewSetting })); setShowWarning(false); } })));
-}
-exports.default = Setting;

package/lib/TimeFilter.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import { IStartEnd, IStartDuration, IEndDuration, ICenterDuration, TimeUnit } from './TimeWindowUtils';
-import { DateUnit } from './TimeFilter/QuickSelects';
-export type ITimeFilter = IStartEnd | IStartDuration | IEndDuration | ICenterDuration;
-export declare function getTimeWindow(flt: ITimeFilter, format?: string): {
-    center: string;
-    start: string;
-    end: string;
-    unit: TimeUnit;
-    duration: number;
-    halfDuration: number;
-};
-/**
-*    filter: an interface of IStartEnd | IStartDuration | IEndDuration | ICenterDuration
-*    showQuickSelect: displays Quick Select component
-*    isHorizontal: displays Quick Selects in horizontal view
-*/
-interface IProps {
-    filter: ITimeFilter;
-    setFilter: (center: string, start: string, end: string, unit: TimeUnit, duration: number) => void;
-    showQuickSelect: boolean;
-    dateTimeSetting: 'center' | 'startWindow' | 'endWindow' | 'startEnd';
-    timeZone: string;
-    isHorizontal: boolean;
-    format?: DateUnit;
-}
-declare const TimeFilter: (props: IProps) => React.JSX.Element;
-export default TimeFilter;