@gpa-gemstone/common-pages 0.0.130 → 0.0.131

package/lib/BulkUpload.js

@@ -113,10 +113,9 @@ function BulkUpload(props) {
     }, [rawFileContent, fileName, isFileTypeValid, pipelineErrors, props.Step]);
     React.useEffect(function () {
         var _a;
-        if (props.Step !== 'Complete' || ((_a = props.CompleteOnReview) !== null && _a !== void 0 ? _a : false))
-            return;
-        props.OnComplete(data);
-    }, [props.Step, data, props.OnComplete]);
+        if ((props.Step === 'Review' && ((_a = props.CompleteOnReview) !== null && _a !== void 0 ? _a : false)) || props.Step === 'Complete')
+            props.OnComplete(data);
+    }, [props.Step, props.CompleteOnReview, data]);
     var handleFileUpload = function (file) {
         var matchArray = file.name.match(fileExtRegex);
         var fileExtension = matchArray != null ? matchArray[0].substring(1) : '';

package/lib/Pipelines/CSVPipeline.js

@@ -99,8 +99,8 @@ function CsvPipelineEditStep(props) {
     var rawDataRef = React.useRef();
     var _z = React.useState([]), pagedData = _z[0], setPagedData = _z[1];
     var _0 = React.useState(true), isFileParseable = _0[0], setIsFileParseable = _0[1];
-    var _1 = React.useState(false), isCSVMissingHeaders = _1[0], setIsCSVMissingHeaders = _1[1];
-    var _2 = React.useState(false), isCSVMissingDataCells = _2[0], setIsCSVMissingDataCells = _2[1];
+    var _1 = React.useState(0), isCSVMissingHeadersCount = _1[0], setIsCSVMissingHeadersCount = _1[1];
+    var _2 = React.useState(0), isCSVMissingDataCellsCount = _2[0], setIsCSVMissingDataCellsCount = _2[1];
     var _3 = React.useState(0), page = _3[0], setPage = _3[1];
     var _4 = React.useState(1), totalPages = _4[0], setTotalPages = _4[1];
     var _5 = React.useState(true), showDataHeaderAlert = _5[0], setShowDataHeaderAlert = _5[1];
@@ -183,8 +183,10 @@ function CsvPipelineEditStep(props) {
             return;
         }
         setIsFileParseable(true);
-        setIsCSVMissingDataCells(parsedData.AddedMissingDataValues);
-        setIsCSVMissingHeaders(parsedData.AddedMissingHeaders);
+        if (parsedData.AddedMissingDataValues)
+            setIsCSVMissingDataCellsCount(function (p) { return p + 1; });
+        if (parsedData.AddedMissingHeaders)
+            setIsCSVMissingHeadersCount(function (p) { return p + 1; });
         (_a = props.AdditionalProps) === null || _a === void 0 ? void 0 : _a.SetData(parsedData.Data);
         props.AdditionalProps.SetHeaders(parsedData.Headers);
         (_b = props.AdditionalProps) === null || _b === void 0 ? void 0 : _b.SetHeaderMap(autoMapHeaders(parsedData.Headers, props.AdditionalProps.Fields.map(function (field) { return field.Field; })));
@@ -320,15 +322,15 @@ function CsvPipelineEditStep(props) {
             React.createElement("div", { className: 'row h-100' },
                 React.createElement("div", { className: 'col-12 d-flex flex-column h-100' }, pagedData.length !== 0 ?
                     React.createElement(React.Fragment, null,
-                        isCSVMissingDataCells && isCSVMissingHeaders ? (React.createElement("div", { className: 'row' },
+                        isCSVMissingDataCellsCount > 0 && isCSVMissingHeadersCount > 0 ? (React.createElement("div", { className: 'row' },
                             React.createElement("div", { className: 'col-12' },
-                                React.createElement(react_interactive_1.Alert, { AlertColor: 'alert-info', Show: showDataHeaderAlert, SetShow: setShowDataHeaderAlert },
+                                React.createElement(react_interactive_1.Alert, { Color: 'alert-info', ReTrigger: isCSVMissingDataCellsCount + isCSVMissingHeadersCount },
                                     React.createElement("p", { style: { whiteSpace: 'nowrap' } }, "Missing data cells were added to meet the number of required fields."),
                                     React.createElement("hr", null),
-                                    React.createElement("p", { style: { whiteSpace: 'nowrap' } }, "Missing headers were added to meet the number of required fields."))))) : isCSVMissingDataCells || isCSVMissingHeaders ? (React.createElement("div", { className: 'row' },
+                                    React.createElement("p", { style: { whiteSpace: 'nowrap' } }, "Missing headers were added to meet the number of required fields."))))) : isCSVMissingDataCellsCount > 0 || isCSVMissingHeadersCount > 0 ? (React.createElement("div", { className: 'row' },
                             React.createElement("div", { className: 'col-12' },
-                                React.createElement(react_interactive_1.Alert, { AlertColor: 'alert-info', Show: showDataOrHeaderAlert, SetShow: setShowDataOrHeaderAlert },
-                                    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(react_interactive_1.Alert, { Color: 'alert-info', ReTrigger: isCSVMissingDataCellsCount > 0 ? isCSVMissingDataCellsCount : isCSVMissingHeadersCount },
+                                    React.createElement("p", { style: { whiteSpace: 'nowrap' } }, isCSVMissingDataCellsCount > 0 ? '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.Table, { Data: pagedData, key: (_v = props.AdditionalProps) === null || _v === void 0 ? void 0 : _v.Headers.join(','), SortKey: '', Ascending: false, OnSort: function () { }, KeySelector: function (data) { return data[0]; }, TableClass: 'table', TableStyle: { height: '100%', width: ((_x = (_w = props.AdditionalProps) === null || _w === void 0 ? void 0 : _w.Headers.length) !== null && _x !== void 0 ? _x : 0) * 150 } }, (_y = props.AdditionalProps) === null || _y === void 0 ? void 0 :

package/lib/RoleAcessErrorPage.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface IProps {
+    Style?: React.CSSProperties;
+    ClassName?: string;
+    Logo?: string;
+}
+declare const RoleAccessErrorPage: React.FunctionComponent<IProps>;
+export default RoleAccessErrorPage;

package/lib/RoleAcessErrorPage.js

@@ -0,0 +1,59 @@
+"use strict";
+//******************************************************************************************************
+//  RoleAccessErrorPage.tsx - Gbtc
+//
+//  Copyright © 2025, 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:
+//  ----------------------------------------------------------------------------------------------------
+//  01/21/2025 - Gabriel Santos
+//       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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var react_interactive_1 = require("@gpa-gemstone/react-interactive");
+var RoleAccessErrorPage = function (props) {
+    var _a, _b;
+    return (React.createElement("div", { style: (_a = props.Style) !== null && _a !== void 0 ? _a : { width: '100%', height: '100%' }, className: (_b = props.ClassName) !== null && _b !== void 0 ? _b : undefined },
+        React.createElement("div", { className: "col", style: { height: "100%", width: "100%" } },
+            React.createElement("div", { className: "row", style: { width: "100%", height: "50%", display: "grid", alignItems: "end" } }, props.Logo == null ? React.createElement(React.Fragment, null) :
+                React.createElement("img", { src: props.Logo, className: "contain", style: { width: "40%", paddingBottom: "50px", marginLeft: "auto", marginRight: "auto" } })),
+            React.createElement("div", { className: "row", style: { alignItems: "top", justifyContent: "center", width: "100%", height: "50%" } },
+                React.createElement(react_interactive_1.ServerErrorIcon, { Show: true, Size: 100, Label: 'You do not have permission to view this page.\n Please contact your Administrator if you believe this to be in error.' })))));
+};
+exports.default = RoleAccessErrorPage;

package/lib/index.d.ts

@@ -10,7 +10,8 @@ import NavBarFilterButton from './NavBarFilterButton';
 import { useCSVPipeline } from './Pipelines/CSVPipeline';
 import * as TimeWindowUtils from './TimeFilter/TimeWindowUtils';
 import BulkUpload from './BulkUpload';
+import RoleAccessErrorPage from './RoleAcessErrorPage';
 declare const Pipelines: {
     CSV: typeof useCSVPipeline;
 };
-export { TimeFilter, TimeWindowUtils, EventTypeFilter, EventCharacteristicFilter, NavBarFilterButton, Note, DefaultSearch, SelectPopup, DefaultSelects, ErrorBoundary, Pipelines, BulkUpload };
+export { TimeFilter, TimeWindowUtils, EventTypeFilter, EventCharacteristicFilter, NavBarFilterButton, Note, DefaultSearch, SelectPopup, DefaultSelects, ErrorBoundary, Pipelines, BulkUpload, RoleAccessErrorPage };

package/lib/index.js

@@ -48,7 +48,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-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;
+exports.RoleAccessErrorPage = 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 SearchBar_1 = require("./SearchBar");
@@ -72,6 +72,8 @@ var TimeWindowUtils = __importStar(require("./TimeFilter/TimeWindowUtils"));
 exports.TimeWindowUtils = TimeWindowUtils;
 var BulkUpload_1 = __importDefault(require("./BulkUpload"));
 exports.BulkUpload = BulkUpload_1.default;
+var RoleAcessErrorPage_1 = __importDefault(require("./RoleAcessErrorPage"));
+exports.RoleAccessErrorPage = RoleAcessErrorPage_1.default;
 var Pipelines = {
     CSV: CSVPipeline_1.useCSVPipeline
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/common-pages",
-  "version": "0.0.130",
+  "version": "0.0.131",
   "description": "Common UI pages for GPA products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -47,9 +47,9 @@
     "@gpa-gemstone/application-typings": "0.0.81",
     "@gpa-gemstone/gpa-symbols": "0.0.47",
     "@gpa-gemstone/helper-functions": "0.0.37",
-    "@gpa-gemstone/react-forms": "1.1.81",
-    "@gpa-gemstone/react-interactive": "1.0.142",
-    "@gpa-gemstone/react-table": "1.2.64",
+    "@gpa-gemstone/react-forms": "1.1.82",
+    "@gpa-gemstone/react-interactive": "1.0.143",
+    "@gpa-gemstone/react-table": "1.2.65",
     "@reduxjs/toolkit": "1.8.3",
     "crypto-js": "^4.2.0",
     "moment": "^2.29.4",