@reltio/components 1.4.2207 → 1.4.2209

package/features/workflow/hooks/useWorkflowActions.js

@@ -41,23 +41,25 @@ import { isOpenTask } from '../helpers/common';
 import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
 import { useMdmTenant, useMdmUsername, useMdmWorkflowEnvironmentUrl, useMdmWorkflowPath } from '../../../contexts/MdmModuleContext';
 import { useCommentDialog } from '../../../contexts/CommentDialogContext';
-export var useWorkflowActions = function (task, onActionSuccess) {
-    var _a = task !== null && task !== void 0 ? task : {}, possibleActions = _a.possibleActions, assignee = _a.assignee, taskId = _a.taskId, isOpen = _a.isOpen;
+import { showDefaultErrorMessage } from '../../../helpers/errors';
+export var useWorkflowActions = function (_a) {
+    var task = _a.task, onActionSuccess = _a.onActionSuccess, beforeAction = _a.beforeAction;
+    var _b = task !== null && task !== void 0 ? task : {}, possibleActions = _b.possibleActions, assignee = _b.assignee, taskId = _b.taskId, isOpen = _b.isOpen;
     var workflowTasks = useContext(WorkflowTasksContext);
     var workflowPath = useMdmWorkflowPath();
     var environment = useMdmWorkflowEnvironmentUrl();
     var tenant = useMdmTenant();
     var username = useMdmUsername();
     var showCommentDialog = useCommentDialog();
-    var _b = useState(false), actionRequestIsInProgress = _b[0], setActionRequestIsInProgress = _b[1];
+    var _c = useState(false), actionRequestIsInProgress = _c[0], setActionRequestIsInProgress = _c[1];
     var handleActionSuccess = onActionSuccess !== null && onActionSuccess !== void 0 ? onActionSuccess : workflowTasks === null || workflowTasks === void 0 ? void 0 : workflowTasks.onActionSuccess;
     var performTaskAction = useCallback(function (action, commentRequired) {
         return function (comment) { return __awaiter(void 0, void 0, void 0, function () {
-            var processInstanceComment;
+            var processInstanceComment, outcome, error_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        if (!(workflowPath && taskId)) return [3 /*break*/, 3];
+                        if (!(workflowPath && taskId)) return [3 /*break*/, 7];
                         setActionRequestIsInProgress(true);
                         processInstanceComment = typeof comment === 'string' && comment.length ? comment : null;
                         if (!(commentRequired && !processInstanceComment)) return [3 /*break*/, 2];
@@ -70,6 +72,27 @@ export var useWorkflowActions = function (task, onActionSuccess) {
                         }
                         _a.label = 2;
                     case 2:
+                        if (!beforeAction) return [3 /*break*/, 6];
+                        _a.label = 3;
+                    case 3:
+                        _a.trys.push([3, 5, , 6]);
+                        return [4 /*yield*/, beforeAction()];
+                    case 4:
+                        outcome = _a.sent();
+                        if (!outcome.proceed) {
+                            if (outcome.error) {
+                                showDefaultErrorMessage(outcome.error);
+                            }
+                            setActionRequestIsInProgress(false);
+                            return [2 /*return*/];
+                        }
+                        return [3 /*break*/, 6];
+                    case 5:
+                        error_1 = _a.sent();
+                        showDefaultErrorMessage(error_1);
+                        setActionRequestIsInProgress(false);
+                        return [2 /*return*/];
+                    case 6:
                         runTaskAction({
                             taskId: taskId,
                             workflowPath: workflowPath,
@@ -85,12 +108,12 @@ export var useWorkflowActions = function (task, onActionSuccess) {
                             .finally(function () {
                             setActionRequestIsInProgress(false);
                         });
-                        _a.label = 3;
-                    case 3: return [2 /*return*/];
+                        _a.label = 7;
+                    case 7: return [2 /*return*/];
                 }
             });
         }); };
-    }, [workflowPath, taskId, environment, tenant, handleActionSuccess, showCommentDialog]);
+    }, [workflowPath, taskId, environment, tenant, handleActionSuccess, showCommentDialog, beforeAction]);
     var actions = useMemo(function () {
         return username === assignee && isOpenTask(isOpen)
             ? (possibleActions || []).map(function (_a) {

package/features/workflow/types.d.ts

@@ -1,4 +1,4 @@
-import { AttributeType, DCRAttributeValue, DCROperationTypes, DCRRelationInfo, EnrichedChangeValue, TRelationType, ChangeValue } from '@reltio/mdm-sdk';
+import { AttributeType, DCRAttributeValue, DCROperationTypes, DCRRelationInfo, EnrichedChangeValue, TRelationType, ChangeValue, SimpleAttributeValue, PrimitiveValue } from '@reltio/mdm-sdk';
 export type TaskAction = {
     text: string;
     onClick: (comment: string) => void;
@@ -19,3 +19,14 @@ export type Diff = {
 export type Title = {
     label: string;
 };
+export type BeforeActionOutcome = {
+    proceed: boolean;
+    error?: unknown;
+};
+export type LineDataValue = SimpleAttributeValue | {
+    value: string[] | PrimitiveValue;
+};
+export type LineData = {
+    value?: LineDataValue;
+    isRejected?: boolean;
+};

package/hooks/useScrollToAttributeError/useScrollToAttributeError.d.ts

@@ -3,8 +3,9 @@ import { ScrollToElementContext } from '../../contexts/ScrollToElementContext';
 type Props = {
     highlightedError: ContextType<typeof ScrollToElementContext> | null;
     isSimple?: boolean;
+    className?: string;
 };
-export declare const useScrollToAttributeError: ({ highlightedError: context, isSimple }: Props) => {
+export declare const useScrollToAttributeError: ({ highlightedError: context, isSimple, className }: Props) => {
     ref: import("react").MutableRefObject<HTMLDivElement>;
     errorClassName: string;
 } | {

package/hooks/useScrollToAttributeError/useScrollToAttributeError.js

@@ -5,7 +5,7 @@ import { ErrorSeverity } from '@reltio/mdm-sdk';
 import { useStyles } from './styles';
 export var useScrollToAttributeError = function (_a) {
     var _b;
-    var context = _a.highlightedError, _c = _a.isSimple, isSimple = _c === void 0 ? false : _c;
+    var context = _a.highlightedError, _c = _a.isSimple, isSimple = _c === void 0 ? false : _c, className = _a.className;
     var styles = useStyles();
     var ref = useRef(null);
     var severity = pathOr(ErrorSeverity.ERROR, ['element', 'severity'])(context);
@@ -13,7 +13,7 @@ export var useScrollToAttributeError = function (_a) {
         _b[styles.highlightError] = severity === ErrorSeverity.ERROR,
         _b[styles.highlightWarning] = severity === ErrorSeverity.WARNING,
         _b[styles.simpleAttribute] = isSimple,
-        _b));
+        _b), className);
     useEffect(function () {
         if (context) {
             context.scrollIntoRef(ref);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2207",
+  "version": "1.4.2209",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2009",
+    "@reltio/mdm-sdk": "^1.4.2011",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",