@gpa-gemstone/common-pages 0.0.138 → 0.0.140

package/lib/BulkUpload.d.ts

@@ -44,7 +44,7 @@ interface IProps<T> {
      */
     OnComplete: (records: T[]) => void;
     /**
-     * Callback function to set errors encountered during CSV processing.
+     * Callback function to set validation errors during processing.
      * @param {string[]} errors - Array of error messages.
      */
     SetErrors: (errors: string[]) => void;

package/lib/EventCharacteristicFilter.js

@@ -49,7 +49,7 @@ var EventCharacteristicFilter = function (props) {
     react_1.default.useEffect(function () { setNewEventCharacteristicFilter(props.eventCharacteristicFilter); }, [props.eventCharacteristicFilter]);
     react_1.default.useEffect(function () {
         var setupPhases = [];
-        Object.keys(props.eventCharacteristicFilter.phases).forEach(function (key, index) { return setupPhases.push({ Value: index, Text: key, Selected: props.eventCharacteristicFilter.phases[key] }); });
+        Object.keys(props.eventCharacteristicFilter.phases).forEach(function (key, index) { return setupPhases.push({ Value: index, Label: key, Selected: props.eventCharacteristicFilter.phases[key] }); });
         setNewPhases(setupPhases);
     }, []);
     react_1.default.useEffect(function () {
@@ -158,7 +158,7 @@ var EventCharacteristicFilter = function (props) {
                         newPhases.forEach(function (phase) {
                             var phaseSelected = phase.Selected != (Options.findIndex(function (option) { return phase.Value === option.Value; }) > -1);
                             phaseList.push(__assign(__assign({}, phase), { Selected: phaseSelected }));
-                            phaseFilter[phase.Text] = phaseSelected;
+                            phaseFilter[phase.Label] = phaseSelected;
                         });
                         setNewPhases(phaseList);
                         setNewEventCharacteristicFilter(__assign(__assign({}, newEventCharacteristicFilter), { phases: phaseFilter }));

package/lib/Pipelines/CSVPipeline/CSVFieldContext.d.ts

@@ -0,0 +1,10 @@
+import { Gemstone } from '@gpa-gemstone/application-typings';
+import * as React from 'react';
+/**
+ * React context providing ICSVFieldEditContext to edit components.
+ */
+export declare const CSVFieldEditContext: React.Context<Gemstone.TSX.Interfaces.ICSVFieldEditContext<any>>;
+/**
+ * Hook to consume CSVFieldEditContext .
+ */
+export declare const useCSVFieldEditContext: <T = any>() => Gemstone.TSX.Interfaces.ICSVFieldEditContext<T>;

package/lib/Pipelines/CSVPipeline/CSVFieldContext.js

@@ -0,0 +1,46 @@
+"use strict";
+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 });
+exports.useCSVFieldEditContext = exports.CSVFieldEditContext = void 0;
+var React = __importStar(require("react"));
+/**
+ * React context providing ICSVFieldEditContext to edit components.
+ */
+exports.CSVFieldEditContext = React.createContext({
+    Value: '',
+    SetValue: function (_) { },
+    Validate: function (_) { return true; },
+    AllRecordValues: {},
+    Feedback: '',
+    SelectOptions: []
+});
+/**
+ * Hook to consume CSVFieldEditContext .
+ */
+var useCSVFieldEditContext = function () {
+    var context = React.useContext(exports.CSVFieldEditContext);
+    return context;
+};
+exports.useCSVFieldEditContext = useCSVFieldEditContext;

package/lib/Pipelines/{CSVPipeline.js → CSVPipeline/CSVPipeline.js}

@@ -101,7 +101,8 @@ 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 lodash_1 = require("lodash");
-var ErrorBoundary_1 = __importDefault(require("../ErrorBoundary"));
+var ErrorBoundary_1 = __importDefault(require("../../ErrorBoundary"));
+var CSVFieldContext_1 = require("./CSVFieldContext");
 var AdditionalUploadUI = function (props) {
     return (React.createElement("div", { className: 'row justify-content-center' },
         React.createElement("div", { className: 'col-6 p-0' },
@@ -440,8 +441,6 @@ function CsvPipelineEditStep(props) {
                                                     if (matchedField == null)
                                                         return item[field];
                                                     var value = item[field];
-                                                    var feedback = matchedField.Feedback;
-                                                    var selectOptions = matchedField.SelectOptions;
                                                     var allValues = {};
                                                     (_c = props.AdditionalProps) === null || _c === void 0 ? void 0 : _c.Headers.forEach(function (header, index) {
                                                         var _a;
@@ -450,7 +449,14 @@ 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); }, Validate: matchedField.Validate, Feedback: feedback, AllRecordValues: allValues, SelectOptions: selectOptions }));
+                                                    return (React.createElement(CSVFieldContext_1.CSVFieldEditContext.Provider, { value: {
+                                                            Value: value,
+                                                            SetValue: function (val) { return handleValueChange(parseInt(item[0]), field, val); },
+                                                            Validate: matchedField.Validate,
+                                                            Feedback: matchedField.Feedback,
+                                                            AllRecordValues: allValues,
+                                                            SelectOptions: matchedField.SelectOptions
+                                                        } }, matchedField.EditComponent));
                                                 } },
                                                 getHeader(header),
                                                 getFieldSelect(header));

package/lib/index.d.ts

@@ -7,11 +7,12 @@ import TimeFilter from './TimeFilter/TimeFilter';
 import EventTypeFilter from './EventTypeFilter';
 import EventCharacteristicFilter from './EventCharacteristicFilter';
 import NavBarFilterButton from './NavBarFilterButton';
-import { useCSVPipeline } from './Pipelines/CSVPipeline';
+import { useCSVPipeline } from './Pipelines/CSVPipeline/CSVPipeline';
 import * as TimeWindowUtils from './TimeFilter/TimeWindowUtils';
 import BulkUpload from './BulkUpload';
 import RoleAccessErrorPage from './RoleAcessErrorPage';
+import { useCSVFieldEditContext, CSVFieldEditContext } from './Pipelines/CSVPipeline/CSVFieldContext';
 declare const Pipelines: {
     CSV: typeof useCSVPipeline;
 };
-export { TimeFilter, TimeWindowUtils, EventTypeFilter, EventCharacteristicFilter, NavBarFilterButton, Note, DefaultSearch, SelectPopup, DefaultSelects, ErrorBoundary, Pipelines, BulkUpload, RoleAccessErrorPage };
+export { TimeFilter, TimeWindowUtils, EventTypeFilter, EventCharacteristicFilter, NavBarFilterButton, Note, DefaultSearch, SelectPopup, DefaultSelects, ErrorBoundary, Pipelines, useCSVFieldEditContext, CSVFieldEditContext, 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.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;
+exports.RoleAccessErrorPage = exports.BulkUpload = exports.CSVFieldEditContext = exports.useCSVFieldEditContext = 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");
@@ -67,13 +67,16 @@ 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 CSVPipeline_1 = require("./Pipelines/CSVPipeline/CSVPipeline");
 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 CSVFieldContext_1 = require("./Pipelines/CSVPipeline/CSVFieldContext");
+Object.defineProperty(exports, "useCSVFieldEditContext", { enumerable: true, get: function () { return CSVFieldContext_1.useCSVFieldEditContext; } });
+Object.defineProperty(exports, "CSVFieldEditContext", { enumerable: true, get: function () { return CSVFieldContext_1.CSVFieldEditContext; } });
 var Pipelines = {
     CSV: CSVPipeline_1.useCSVPipeline
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/common-pages",
-  "version": "0.0.138",
+  "version": "0.0.140",
   "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.84",
-    "@gpa-gemstone/gpa-symbols": "0.0.50",
-    "@gpa-gemstone/helper-functions": "0.0.40",
-    "@gpa-gemstone/react-forms": "1.1.89",
-    "@gpa-gemstone/react-interactive": "1.0.150",
-    "@gpa-gemstone/react-table": "1.2.72",
+    "@gpa-gemstone/application-typings": "0.0.86",
+    "@gpa-gemstone/gpa-symbols": "0.0.52",
+    "@gpa-gemstone/helper-functions": "0.0.42",
+    "@gpa-gemstone/react-forms": "1.1.91",
+    "@gpa-gemstone/react-interactive": "1.0.152",
+    "@gpa-gemstone/react-table": "1.2.74",
     "@reduxjs/toolkit": "1.8.3",
     "crypto-js": "^4.2.0",
     "moment": "^2.29.4",