orc-shared 1.6.0-dev.4 → 1.6.0-dev.6

package/dist/selectors/globalErrorMessages.js

@@ -0,0 +1,58 @@
+"use strict";
+
+exports.__esModule = true;
+exports.firstDialogErrorMessageSelector = void 0;
+var _reselect = require("reselect");
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var globalMsgData = function globalMsgData(state) {
+  return state.get("globalErrorMessages");
+};
+var firstDialogErrorMessageSelector = (0, _reselect.createSelector)(globalMsgData, function (data) {
+  var msgs = data.getIn(["dialog", "errorMessages"]);
+  if (msgs.size === 0) {
+    return null;
+  }
+  return msgs.first().toJS();
+});
+exports.firstDialogErrorMessageSelector = firstDialogErrorMessageSelector;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(globalMsgData, "globalMsgData", "/home/vsts/work/1/s/src/selectors/globalErrorMessages.js");
+  reactHotLoader.register(firstDialogErrorMessageSelector, "firstDialogErrorMessageSelector", "/home/vsts/work/1/s/src/selectors/globalErrorMessages.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(globalMsgData, "globalMsgData", "/home/vsts/work/1/s/src/selectors/globalErrorMessages.js");
+  reactHotLoader.register(firstDialogErrorMessageSelector, "firstDialogErrorMessageSelector", "/home/vsts/work/1/s/src/selectors/globalErrorMessages.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/utils/responseProcessingHelper.js

@@ -0,0 +1,86 @@
+"use strict";
+
+exports.__esModule = true;
+exports.extractStandardErrorMessagesFromResponse = void 0;
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var extractStandardErrorMessagesFromResponse = function extractStandardErrorMessagesFromResponse(response, validationLookupModule, validationLookupName) {
+  var hasErrors = false;
+  var messages = [];
+  if (response != null && response.error) {
+    var _response$payload, _response$payload3;
+    hasErrors = true;
+    if (((_response$payload = response.payload) == null ? void 0 : _response$payload.status) === 422) {
+      var _response$payload2;
+      if ((_response$payload2 = response.payload) != null && (_response$payload2 = _response$payload2.response) != null && _response$payload2.failures) {
+        // uses structure from our .Net ValidationFailuresExceptionHandler
+        response.payload.response.failures.forEach(function (failure) {
+          if (failure.errorCode) {
+            messages.push({
+              message: failure.errorMessage,
+              lookupModule: validationLookupModule,
+              lookupName: validationLookupName,
+              lookupKey: failure.errorCode
+            });
+          }
+        });
+      }
+    } else if (((_response$payload3 = response.payload) == null ? void 0 : _response$payload3.status) === 500) {
+      var _response$payload4;
+      if ((_response$payload4 = response.payload) != null && (_response$payload4 = _response$payload4.response) != null && _response$payload4.errors) {
+        // uses structure from our .Net OrckestraExceptionErrorHandler
+        response.payload.response.errors.forEach(function (err) {
+          messages.push({
+            message: err.message,
+            lookupModule: err.lookupModule,
+            lookupName: err.lookupName,
+            lookupKey: err.lookupKey
+          });
+        });
+      }
+    }
+  }
+  return {
+    hasErrors: hasErrors,
+    messages: messages
+  };
+};
+exports.extractStandardErrorMessagesFromResponse = extractStandardErrorMessagesFromResponse;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(extractStandardErrorMessagesFromResponse, "extractStandardErrorMessagesFromResponse", "/home/vsts/work/1/s/src/utils/responseProcessingHelper.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(extractStandardErrorMessagesFromResponse, "extractStandardErrorMessagesFromResponse", "/home/vsts/work/1/s/src/utils/responseProcessingHelper.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "orc-shared",
-	"version": "1.6.0-dev.4",
+	"version": "1.6.0-dev.6",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {
@@ -47,12 +47,14 @@
 			"cultureIso": "fr-CA"
 		}
 	],
-	"devDependencies": {},
+	"devDependencies": {
+		"@testing-library/react": "^10.4.9"
+	},
 	"peerDependencies": {
-		"orc-scripts": "1.7.0-dev.1"
+		"orc-scripts": "1.7.0-dev.2"
 	},
 	"dependencies": {
-		"orc-scripts": "1.7.0-dev.1"
+		"orc-scripts": "1.7.0-dev.2"
 	},
 	"sideEffects": false,
 	"lint-staged": {

package/src/actions/globalErrorMessages.js

@@ -0,0 +1,12 @@
+export const PUSH_GLOBAL_ERROR_MESSAGE = "PUSH_GLOBAL_ERROR_MESSAGE";
+
+export const pushGlobalErrorMessage = msg => ({
+	type: PUSH_GLOBAL_ERROR_MESSAGE,
+	payload: msg,
+});
+
+export const POP_GLOBAL_ERROR_MESSAGE = "POP_GLOBAL_ERROR_MESSAGE";
+
+export const popGlobalErrorMessage = () => ({
+	type: POP_GLOBAL_ERROR_MESSAGE,
+});

package/src/actions/globalErrorMessages.test.js

@@ -0,0 +1,21 @@
+import {
+	POP_GLOBAL_ERROR_MESSAGE,
+	popGlobalErrorMessage,
+	PUSH_GLOBAL_ERROR_MESSAGE,
+	pushGlobalErrorMessage,
+} from "./globalErrorMessages";
+
+describe("pushGlobalErrorMessage", () => {
+	it("create action with message", () =>
+		expect(pushGlobalErrorMessage, "when called with", [{ custom: "message" }], "to equal", {
+			type: PUSH_GLOBAL_ERROR_MESSAGE,
+			payload: { custom: "message" },
+		}));
+});
+
+describe("popGlobalErrorMessage", () => {
+	it("create action", () =>
+		expect(popGlobalErrorMessage, "when called with", [], "to equal", {
+			type: POP_GLOBAL_ERROR_MESSAGE,
+		}));
+});

package/src/buildStore.js

@@ -21,6 +21,7 @@ import modulesReducer from "./reducers/modules";
 import metadataReducer from "./reducers/metadata";
 import requestStatesReducer from "./reducers/requestStates";
 import tasksReducer from "./reducers/tasks";
+import globalErrorMessagesReducer from "./reducers/globalErrorMessages";
 
 window.BUILD_ID = BUILD_ID;
 window.BUILD_NUMBER = BUILD_NUMBER;
@@ -67,6 +68,7 @@ const buildStore = (reducers, devOptions = {}) => {
 			metadata: metadataReducer,
 			requestStates: requestStatesReducer,
 			tasks: tasksReducer,
+			globalErrorMessages: globalErrorMessagesReducer,
 		});
 	const rootReducer = buildReducer(reducers);
 

package/src/components/MaterialUI/DataDisplay/PredefinedElements/GlobalErrorMessages.js

@@ -0,0 +1,92 @@
+import React from "react";
+import { useIntl } from "react-intl";
+import { makeStyles } from "@material-ui/core/styles";
+import sharedMessages from "../../../../sharedMessages";
+import Grid from "@material-ui/core/Grid";
+import ListItemText from "@material-ui/core/ListItemText";
+import List from "@material-ui/core/List";
+import ListItem from "@material-ui/core/ListItem";
+import ListItemIcon from "@material-ui/core/ListItemIcon";
+import LookupDisplayValue from "./LookupDisplayValue";
+import ActionModal from "./ActionModal";
+import { useDispatch, useSelector } from "react-redux";
+import { firstDialogErrorMessageSelector } from "../../../../selectors/globalErrorMessages";
+import { popGlobalErrorMessage } from "../../../../actions/globalErrorMessages";
+
+const useStyles = makeStyles(theme => ({
+	grid: {
+		maxHeight: "40vh",
+		overflowY: "auto",
+	},
+}));
+
+const GlobalErrorMessagesModal = ({ children }) => {
+	const classes = useStyles();
+	const { formatMessage } = useIntl();
+	const dispatch = useDispatch();
+
+	const msg = useSelector(firstDialogErrorMessageSelector);
+
+	if (msg === null) {
+		return <>{children}</>;
+	}
+
+	const closeCallback = () => {
+		dispatch(popGlobalErrorMessage());
+	};
+	const actions = [{ label: sharedMessages.close, isPrimary: true, handler: closeCallback }];
+
+	let content = (
+		<Grid container spacing={2} className={classes.grid}>
+			<Grid container item spacing={0}>
+				{msg.description && (
+					<Grid item xs={12}>
+						{msg.description}
+					</Grid>
+				)}
+
+				{msg.messages?.length > 0 && (
+					<Grid item xs={12}>
+						<List className={classes.root}>
+							{msg.messages.map((msg, index) => {
+								const hasLookup = msg.lookupModule && msg.lookupName && msg.lookupKey;
+
+								return (
+									<ListItem key={index}>
+										<ListItemIcon>●</ListItemIcon>
+										<ListItemText>
+											{hasLookup && (
+												<LookupDisplayValue
+													moduleName={msg.lookupModule}
+													lookupName={msg.lookupName}
+													lookupKey={msg.lookupKey}
+												/>
+											)}
+											{!hasLookup && msg.message}
+										</ListItemText>
+									</ListItem>
+								);
+							})}
+						</List>
+					</Grid>
+				)}
+			</Grid>
+		</Grid>
+	);
+
+	return (
+		<>
+			{children}
+			{
+				<ActionModal
+					title={msg.title || formatMessage(sharedMessages.error)}
+					message={content}
+					open={true}
+					actions={actions}
+				/>
+			}
+		</>
+	);
+};
+
+export default GlobalErrorMessagesModal;