@gpa-gemstone/common-pages 0.0.129 → 0.0.131

package/lib/BulkUpload.d.ts

@@ -19,7 +19,7 @@ interface IProps<T> {
         Data: T[];
     }) => JSX.Element;
     /**
-    * React Component to be used in the Review Step
+    * React Component to be used in the Complete Step
     * @type {React.FC<IReviewProps<T>>}
     * */
     CompleteUI?: JSX.Element;
@@ -48,6 +48,16 @@ interface IProps<T> {
      * @param {string[]} errors - Array of error messages.
      */
     SetErrors: (errors: string[]) => void;
+    /**
+     * Optional Progress Bar component to replace internal Progress Bar.
+     * @type {JSX.Element}
+     */
+    ProgressBar?: JSX.Element;
+    /**
+     * Optional flag to call OnComplete handler when the review step is hit.
+     * @type {boolean}
+     */
+    CompleteOnReview?: boolean;
 }
 export default function BulkUpload<T>(props: IProps<T>): React.JSX.Element;
 export {};

package/lib/BulkUpload.js

@@ -78,6 +78,8 @@ function BulkUpload(props) {
     }, [props.Step, currentPipelineIndex, rawFileContent, props.CurrentPipelineStep, props.Pipelines]);
     var progressSteps = React.useMemo(function () {
         var _a, _b, _c;
+        if (props.ProgressBar != null)
+            return [];
         if (currentPipelineIndex == null || currentPipelineIndex > props.Pipelines.length - 1 || props.CurrentPipelineStep > ((_c = (_b = (_a = props.Pipelines) === null || _a === void 0 ? void 0 : _a[currentPipelineIndex]) === null || _b === void 0 ? void 0 : _b.Steps) === null || _c === void 0 ? void 0 : _c.length) - 1)
             return steps;
         var pipelineSteps = props.Pipelines[currentPipelineIndex].Steps.map(function (step, i) { return ({ short: step.Label, long: step.Label, id: i }); });
@@ -110,10 +112,10 @@ function BulkUpload(props) {
         props.SetErrors(errors);
     }, [rawFileContent, fileName, isFileTypeValid, pipelineErrors, props.Step]);
     React.useEffect(function () {
-        if (props.Step !== 'Complete')
-            return;
-        props.OnComplete(data);
-    }, [props.Step, data, props.OnComplete]);
+        var _a;
+        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) : '';
@@ -142,7 +144,7 @@ function BulkUpload(props) {
         React.createElement("div", { className: 'row h-100' },
             React.createElement("div", { className: 'col-12 d-flex flex-column h-100' },
                 React.createElement("div", { className: 'row' },
-                    React.createElement("div", { className: 'col-12' },
+                    React.createElement("div", { className: 'col-12' }, props.ProgressBar != null ? props.ProgressBar :
                         React.createElement(react_interactive_1.ProgressBar, { steps: progressSteps, activeStep: activeProgressStep }))),
                 props.Step === 'Upload' ?
                     React.createElement(React.Fragment, null,

package/lib/Pipelines/CSVPipeline.js

@@ -63,7 +63,7 @@ var react_table_1 = require("@gpa-gemstone/react-table");
 var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
 var lodash_1 = require("lodash");
 var AdditionalUploadUI = function (props) {
-    return (React.createElement("div", { className: 'row justify-content-center m-0' },
+    return (React.createElement("div", { className: 'row justify-content-center' },
         React.createElement("div", { className: 'col-6 p-0' },
             React.createElement(react_forms_1.CheckBox, { Record: { HasHeaders: props.HasHeaders }, Field: "HasHeaders", Setter: function (record) { return props.SetHasHeaders(record.HasHeaders); }, Label: 'My Data Has Headers' }))));
 };
@@ -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; })));
@@ -263,7 +265,7 @@ function CsvPipelineEditStep(props) {
                 if (field == null)
                     return;
                 var value = row[index + 1];
-                record = field.Process(value, record);
+                record = field.Process(value, record, field.Field);
             });
             mappedData.push(record);
         });
@@ -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.129",
+  "version": "0.0.131",
   "description": "Common UI pages for GPA products",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -44,12 +44,12 @@
     "typescript": "5.5.3"
   },
   "dependencies":   {
-    "@gpa-gemstone/application-typings": "0.0.80",
-    "@gpa-gemstone/gpa-symbols": "0.0.46",
+    "@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.80",
-    "@gpa-gemstone/react-interactive": "1.0.141",
-    "@gpa-gemstone/react-table": "1.2.63",
+    "@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",