@gpa-gemstone/common-pages 0.0.128 → 0.0.130

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,7 +112,8 @@ function BulkUpload(props) {
         props.SetErrors(errors);
     }, [rawFileContent, fileName, isFileTypeValid, pipelineErrors, props.Step]);
     React.useEffect(function () {
-        if (props.Step !== 'Complete')
+        var _a;
+        if (props.Step !== 'Complete' || ((_a = props.CompleteOnReview) !== null && _a !== void 0 ? _a : false))
             return;
         props.OnComplete(data);
     }, [props.Step, data, props.OnComplete]);
@@ -142,7 +145,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' }))));
 };
@@ -263,7 +263,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);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/common-pages",
-  "version": "0.0.128",
+  "version": "0.0.130",
   "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.140",
-    "@gpa-gemstone/react-table": "1.2.62",
+    "@gpa-gemstone/react-forms": "1.1.81",
+    "@gpa-gemstone/react-interactive": "1.0.142",
+    "@gpa-gemstone/react-table": "1.2.64",
     "@reduxjs/toolkit": "1.8.3",
     "crypto-js": "^4.2.0",
     "moment": "^2.29.4",