@reltio/components 1.4.1643 → 1.4.1645

package/cjs/components/workflow/components/AssigneeSelector/AssigneeSelector.d.ts

@@ -2,6 +2,9 @@
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
 type Props = Pick<WorkflowTaskData, 'taskId' | 'assignee'> & {
     isTaskOpen?: WorkflowTaskData['isOpen'];
+    label?: string;
+    onChange?: (assignee: any) => void;
+    showCurrentAssignee?: boolean;
 };
-declare const AssigneeSelector: ({ taskId, assignee, isTaskOpen }: Props) => JSX.Element;
+declare const AssigneeSelector: ({ taskId, assignee, isTaskOpen, label, onChange, showCurrentAssignee }: Props) => JSX.Element;
 export default AssigneeSelector;

package/cjs/components/workflow/components/AssigneeSelector/AssigneeSelector.js

@@ -8,13 +8,15 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var DropDownSelector_1 = __importDefault(require("../../../DropDownSelector/DropDownSelector"));
 var useWorkflowAssignee_1 = require("../../hooks/useWorkflowAssignee");
 var AssigneeSelector = function (_a) {
-    var taskId = _a.taskId, assignee = _a.assignee, isTaskOpen = _a.isTaskOpen;
-    var _b = (0, useWorkflowAssignee_1.useWorkflowAssignee)({
+    var taskId = _a.taskId, assignee = _a.assignee, isTaskOpen = _a.isTaskOpen, label = _a.label, onChange = _a.onChange, _b = _a.showCurrentAssignee, showCurrentAssignee = _b === void 0 ? true : _b;
+    var _c = (0, useWorkflowAssignee_1.useWorkflowAssignee)({
         taskId: taskId,
         assignee: assignee,
-        isOpen: isTaskOpen
-    }), currentAssignee = _b.assignee, getAssignees = _b.getAssignees, updateAssignee = _b.updateAssignee, updateRequestIsInProgress = _b.updateRequestIsInProgress, readOnly = _b.readOnly;
+        showCurrentAssignee: showCurrentAssignee,
+        isOpen: isTaskOpen,
+        onChange: onChange
+    }), currentAssignee = _c.assignee, getAssignees = _c.getAssignees, updateAssignee = _c.updateAssignee, updateRequestIsInProgress = _c.updateRequestIsInProgress, readOnly = _c.readOnly;
     var disabled = updateRequestIsInProgress || readOnly;
-    return (react_1.default.createElement(DropDownSelector_1.default, { isDisabled: disabled, getOptions: getAssignees, onChange: updateAssignee, hideSelectedOptions: false, label: ui_i18n_1.default.text('Assigned to'), value: currentAssignee, defaultOptions: true, TextFieldProps: { disabled: disabled }, height: 40 }));
+    return (react_1.default.createElement(DropDownSelector_1.default, { isDisabled: disabled, getOptions: getAssignees, onChange: updateAssignee, hideSelectedOptions: false, label: label || ui_i18n_1.default.text('Assigned to'), value: currentAssignee, defaultOptions: true, TextFieldProps: { disabled: disabled }, height: 40 }));
 };
 exports.default = AssigneeSelector;

package/cjs/components/workflow/components/ReassignButton/ReassignButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type Props = {
+    changeRequestURI: string;
+    disabled?: boolean;
+};
+declare const ReassignButton: ({ disabled, changeRequestURI }: Props) => JSX.Element;
+export default ReassignButton;

package/cjs/components/workflow/components/ReassignButton/ReassignButton.js

@@ -0,0 +1,47 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var SmallIconButton_1 = require("../../../SmallIconButton");
+var Reassign_1 = __importDefault(require("../../../../icons/Reassign"));
+var ReassignDialog_1 = __importDefault(require("./ReassignDialog"));
+var ReassignButton = function (_a) {
+    var disabled = _a.disabled, changeRequestURI = _a.changeRequestURI;
+    var _b = (0, react_1.useState)(false), isDialogOpen = _b[0], setIsDialogOpen = _b[1];
+    var handleOpenDialog = function () {
+        setIsDialogOpen(true);
+    };
+    var handleCloseDialog = function () {
+        setIsDialogOpen(false);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { "data-reltio-id": "reltio-reassign-button", showForDisabled: true, tooltipTitle: ui_i18n_1.default.text('Reassign task'), "aria-label": ui_i18n_1.default.text('Reassign task'), icon: Reassign_1.default, onClick: handleOpenDialog, size: "L", disabled: disabled || !changeRequestURI }),
+        react_1.default.createElement(ReassignDialog_1.default, { isOpen: isDialogOpen, onClose: handleCloseDialog, changeRequestURI: changeRequestURI })));
+};
+exports.default = ReassignButton;

package/cjs/components/workflow/components/ReassignButton/ReassignDialog.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type Props = {
+    isOpen: boolean;
+    onClose: () => void;
+    changeRequestURI: string;
+};
+declare const ReassignDialog: ({ isOpen, onClose, changeRequestURI }: Props) => JSX.Element;
+export default ReassignDialog;

package/cjs/components/workflow/components/ReassignButton/ReassignDialog.js

@@ -0,0 +1,129 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+var DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+var DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var AssigneeSelector_1 = __importDefault(require("../../components/AssigneeSelector/AssigneeSelector"));
+var useWorkflowAssignee_1 = require("../../hooks/useWorkflowAssignee");
+var hooks_1 = require("../../../../hooks");
+var contexts_1 = require("../../../../contexts");
+var LinearLoadIndicator_1 = __importDefault(require("../../../../components/LinearLoadIndicator/LinearLoadIndicator"));
+var errors_1 = require("../../helpers/errors");
+var styles_1 = require("./styles");
+var ReassignDialog = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, changeRequestURI = _a.changeRequestURI;
+    var styles = (0, styles_1.useStyles)();
+    var workflowPath = (0, contexts_1.useMdmWorkflowPath)();
+    var environment = (0, contexts_1.useMdmWorkflowEnvironmentUrl)();
+    var tenant = (0, contexts_1.useMdmTenant)();
+    var _b = (0, react_1.useState)(null), task = _b[0], setTask = _b[1];
+    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
+    var safePromise = (0, hooks_1.useSafePromise)();
+    var _d = task || {}, currentAssignee = _d.assignee, taskId = _d.taskId;
+    var _e = (0, react_1.useState)(null), assignee = _e[0], setAssignee = _e[1];
+    var handleClose = function () {
+        setAssignee(null);
+        onClose();
+    };
+    var readOnly = (0, useWorkflowAssignee_1.useWorkflowAssignee)({
+        taskId: taskId,
+        assignee: '',
+        isOpen: task === null || task === void 0 ? void 0 : task.isOpen
+    }).readOnly;
+    var handleReassign = function () {
+        if (!readOnly) {
+            setLoading(true);
+            (0, mdm_sdk_1.updateAssigneeForTask)({
+                taskId: taskId,
+                workflowPath: workflowPath,
+                environment: environment,
+                tenant: tenant,
+                assignee: assignee
+            })
+                .then(function () {
+                setTask(__assign(__assign({}, task), { assignee: assignee }));
+                handleClose();
+            })
+                .catch(errors_1.showWorkflowError)
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (changeRequestURI) {
+            setLoading(true);
+            safePromise((0, mdm_sdk_1.getTasksForEntity)({
+                entityUri: changeRequestURI,
+                workflowPath: workflowPath,
+                environment: environment,
+                tenant: tenant,
+                includeClosed: false
+            }))
+                .then(function (response) {
+                var tasks = response.data;
+                setTask(tasks ? tasks[0] : null);
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+    }, [changeRequestURI, environment, safePromise, tenant, workflowPath]);
+    return (react_1.default.createElement(Dialog_1.default, { open: isOpen, onClose: handleClose },
+        react_1.default.createElement(DialogTitle_1.default, null, ui_i18n_1.default.text('Reassign task')),
+        react_1.default.createElement(DialogContent_1.default, { className: styles.dialogContent },
+            loading && react_1.default.createElement(LinearLoadIndicator_1.default, null),
+            react_1.default.createElement("div", { className: styles.dialogText },
+                react_1.default.createElement(Typography_1.default, { className: styles.caption }, ui_i18n_1.default.text('Assigned to')),
+                react_1.default.createElement(Typography_1.default, { className: styles.currentAssignee }, currentAssignee)),
+            !readOnly && (react_1.default.createElement(AssigneeSelector_1.default, { taskId: taskId, isTaskOpen: isOpen, label: ui_i18n_1.default.text('Reassign to'), assignee: currentAssignee, showCurrentAssignee: false, onChange: setAssignee }))),
+        react_1.default.createElement(Divider_1.default, null),
+        react_1.default.createElement(DialogActions_1.default, null,
+            react_1.default.createElement(Button_1.default, { onClick: handleClose }, ui_i18n_1.default.text('Cancel')),
+            react_1.default.createElement(Button_1.default, { color: "primary", onClick: handleReassign, disabled: readOnly || !assignee || loading }, ui_i18n_1.default.text('Reassign')))));
+};
+exports.default = ReassignDialog;

package/cjs/components/workflow/components/ReassignButton/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"caption" | "title" | "disabled" | "currentAssignee" | "dialogText" | "dialogContent">;

package/cjs/components/workflow/components/ReassignButton/styles.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+    caption: {
+        fontSize: '12px',
+        color: theme.palette.text.secondary
+    },
+    currentAssignee: {
+        fontSize: '14px',
+        color: theme.palette.text.primary
+    },
+    dialogText: {
+        marginBottom: '16px'
+    },
+    title: {
+        padding: '12px 24px'
+    },
+    dialogContent: {
+        paddingTop: '0px',
+        minWidth: '500px'
+    },
+    disabled: {
+        fill: theme.palette.text.disabled
+    }
+}); });

package/cjs/components/workflow/hooks/useWorkflowAssignee.d.ts

@@ -3,7 +3,11 @@ type AssigneeOption = {
     label: string;
     value: string;
 };
-export declare const useWorkflowAssignee: ({ assignee, taskId, isOpen }: Partial<Pick<WorkflowTaskData, 'taskId' | 'assignee' | 'isOpen'>>) => {
+type Props = Partial<Pick<WorkflowTaskData, 'taskId' | 'assignee' | 'isOpen'>> & {
+    onChange?: (assignee: any) => void;
+    showCurrentAssignee?: boolean;
+};
+export declare const useWorkflowAssignee: ({ assignee, showCurrentAssignee, taskId, isOpen, onChange }: Props) => {
     assignee: AssigneeOption;
     getAssignees: (text: any) => Promise<void | AssigneeOption[]>;
     updateAssignee: (newValue: AssigneeOption) => void;

package/cjs/components/workflow/hooks/useWorkflowAssignee.js

@@ -14,20 +14,20 @@ var assigneeToValue = function (assignee) { return ({
     value: assignee
 }); };
 var useWorkflowAssignee = function (_a) {
-    var assignee = _a.assignee, taskId = _a.taskId, isOpen = _a.isOpen;
+    var assignee = _a.assignee, _b = _a.showCurrentAssignee, showCurrentAssignee = _b === void 0 ? true : _b, taskId = _a.taskId, isOpen = _a.isOpen, onChange = _a.onChange;
     var updateTaskState = ((0, react_1.useContext)(contexts_1.WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = (0, contexts_1.useMdmWorkflowPath)();
     var environment = (0, contexts_1.useMdmWorkflowEnvironmentUrl)();
     var tenant = (0, contexts_1.useMdmTenant)();
     var updateSafePromise = (0, hooks_1.useSafePromise)();
     var getSafePromise = (0, hooks_1.useSafePromise)();
-    var _b = (0, react_1.useState)(null), currentAssignee = _b[0], setCurrentAssignee = _b[1];
-    var _c = (0, react_1.useState)(), assignees = _c[0], setAssignees = _c[1];
-    var _d = (0, react_1.useState)(false), updateRequestIsInProgress = _d[0], setUpdateRequestIsInProgress = _d[1];
+    var _c = (0, react_1.useState)(null), currentAssignee = _c[0], setCurrentAssignee = _c[1];
+    var _d = (0, react_1.useState)(), assignees = _d[0], setAssignees = _d[1];
+    var _e = (0, react_1.useState)(false), updateRequestIsInProgress = _e[0], setUpdateRequestIsInProgress = _e[1];
     var checkWorkflowPermission = (0, useWorkflowCheckPermission_1.useWorkflowCheckPermission)();
     var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && (0, helpers_1.isOpenTask)(isOpen);
     (0, react_1.useEffect)(function () {
-        setCurrentAssignee(assigneeToValue(assignee));
+        showCurrentAssignee && setCurrentAssignee(assigneeToValue(assignee));
     }, [assignee]);
     var getAssignees = (0, react_1.useCallback)(function (text) {
         if (workflowPath && canUpdateTask && taskId) {
@@ -44,6 +44,7 @@ var useWorkflowAssignee = function (_a) {
                 .then(function (result) {
                 var data = result.data;
                 var assignees = data
+                    .filter(function (a) { return (showCurrentAssignee ? true : a !== assignee); })
                     .sort(function (a, b) {
                     return mdm_sdk_1.utils.strings.sort('asc', a, b);
                 })
@@ -55,21 +56,35 @@ var useWorkflowAssignee = function (_a) {
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [workflowPath, taskId, environment, tenant, assignees, setAssignees, canUpdateTask]);
+    [
+        workflowPath,
+        taskId,
+        environment,
+        tenant,
+        assignees,
+        setAssignees,
+        canUpdateTask,
+        assignee,
+        showCurrentAssignee
+    ]);
     var updateAssignee = (0, react_1.useCallback)(function (newValue) {
-        if (workflowPath && canUpdateTask && taskId) {
-            var assignee_1 = newValue.value;
+        var assignee = newValue.value;
+        if (onChange) {
+            setCurrentAssignee(assigneeToValue(assignee));
+            onChange(assignee);
+        }
+        if (!onChange && workflowPath && canUpdateTask && taskId) {
             setUpdateRequestIsInProgress(true);
             updateSafePromise((0, mdm_sdk_1.updateAssigneeForTask)({
                 taskId: taskId,
                 workflowPath: workflowPath,
                 environment: environment,
                 tenant: tenant,
-                assignee: assignee_1
+                assignee: assignee
             }))
                 .then(function () {
-                setCurrentAssignee(assigneeToValue(assignee_1));
-                updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { assignee: assignee_1 });
+                setCurrentAssignee(assigneeToValue(assignee));
+                updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { assignee: assignee });
             })
                 .catch(errors_1.showWorkflowError)
                 .finally(function () {
@@ -78,7 +93,7 @@ var useWorkflowAssignee = function (_a) {
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [workflowPath, taskId, environment, tenant, canUpdateTask]);
+    [workflowPath, taskId, environment, tenant, canUpdateTask, onChange]);
     return {
         assignee: currentAssignee,
         getAssignees: getAssignees,

package/cjs/components/workflow/index.d.ts

@@ -2,6 +2,7 @@ export { WorkflowTaskCard } from './cards/WorkflowTaskCard';
 export { AddWorkflowButton } from './components/AddWorkflowButton/AddWorkflowButton';
 export { default as TaskActions } from './components/TaskActions/TaskActions';
 export { default as AssigneeSelector } from './components/AssigneeSelector/AssigneeSelector';
+export { default as ReassignButton } from './components/ReassignButton/ReassignButton';
 export { default as WorkflowComments } from './components/WorkflowComments';
 export { useWorkflowAssignee } from './hooks/useWorkflowAssignee';
 export { useWorkflowComments } from './hooks/useWorkflowComments';

package/cjs/components/workflow/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWorkflowDefaultActionSuccessHandler = exports.TaskActionButtons = exports.useWorkflowTasks = exports.useWorkflowCheckPermission = exports.useWorkflowActions = exports.useWorkflowComments = exports.useWorkflowAssignee = exports.WorkflowComments = exports.AssigneeSelector = exports.TaskActions = exports.AddWorkflowButton = exports.WorkflowTaskCard = void 0;
+exports.useWorkflowDefaultActionSuccessHandler = exports.TaskActionButtons = exports.useWorkflowTasks = exports.useWorkflowCheckPermission = exports.useWorkflowActions = exports.useWorkflowComments = exports.useWorkflowAssignee = exports.WorkflowComments = exports.ReassignButton = exports.AssigneeSelector = exports.TaskActions = exports.AddWorkflowButton = exports.WorkflowTaskCard = void 0;
 var WorkflowTaskCard_1 = require("./cards/WorkflowTaskCard");
 Object.defineProperty(exports, "WorkflowTaskCard", { enumerable: true, get: function () { return WorkflowTaskCard_1.WorkflowTaskCard; } });
 var AddWorkflowButton_1 = require("./components/AddWorkflowButton/AddWorkflowButton");
@@ -12,6 +12,8 @@ var TaskActions_1 = require("./components/TaskActions/TaskActions");
 Object.defineProperty(exports, "TaskActions", { enumerable: true, get: function () { return __importDefault(TaskActions_1).default; } });
 var AssigneeSelector_1 = require("./components/AssigneeSelector/AssigneeSelector");
 Object.defineProperty(exports, "AssigneeSelector", { enumerable: true, get: function () { return __importDefault(AssigneeSelector_1).default; } });
+var ReassignButton_1 = require("./components/ReassignButton/ReassignButton");
+Object.defineProperty(exports, "ReassignButton", { enumerable: true, get: function () { return __importDefault(ReassignButton_1).default; } });
 var WorkflowComments_1 = require("./components/WorkflowComments");
 Object.defineProperty(exports, "WorkflowComments", { enumerable: true, get: function () { return __importDefault(WorkflowComments_1).default; } });
 var useWorkflowAssignee_1 = require("./hooks/useWorkflowAssignee");

package/cjs/contexts/MdmModuleContext/context.d.ts

@@ -113,12 +113,14 @@ export type MdmModuleActionsContextProps = Partial<{
     setInitialInfo: (id: string, relationUri: string, tempEntity: Entity, connection: Connection) => void;
     setRelationType: (id: string, relationUri: string, relationType: CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
+    openRelationEditor: (id: string, connection: Connection) => void;
     setRelationEntity: (id: string, relationUri: string, entityInfo: Entity) => void;
     errorsSet: (payload: AttributeError[]) => void;
     addRelation: (id: string, connection: Connection) => void;
     editRelation: (id: string, connection: Connection) => void;
 }>;
 export type MdmModuleListenersContextProps = Partial<{
+    expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
     searchNavigationListener: (action: AnyAction, state: any, dispatch: (action: AnyAction) => void) => void;
 }>;
 export declare const MdmModuleActionsContext: import("@fluentui/react-context-selector").Context<Partial<{
@@ -182,6 +184,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     setInitialInfo: (id: string, relationUri: string, tempEntity: Entity, connection: Connection) => void;
     setRelationType: (id: string, relationUri: string, relationType: CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
+    openRelationEditor: (id: string, connection: Connection) => void;
     setRelationEntity: (id: string, relationUri: string, entityInfo: Entity) => void;
     errorsSet: (payload: AttributeError[]) => void;
     addRelation: (id: string, connection: Connection) => void;
@@ -240,5 +243,6 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     isCollaborationEnabled: boolean;
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
+    expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
     searchNavigationListener: (action: AnyAction, state: any, dispatch: (action: AnyAction) => void) => void;
 }>>;

package/cjs/contexts/MdmModuleContext/hooks.d.ts

@@ -61,6 +61,7 @@ export declare const useMdmDependentLookupEditorState: (valueUri: string) => {
 export declare const useMdmActiveErrorsForAttributesPager: (parentUri: string, attributeType: AttributeType) => import("@reltio/mdm-sdk").AttributeError[];
 export declare const useMdmDependentLookupsStructureNode: (attributeTypeUri: string) => import("@reltio/mdm-sdk").DependentLookupsStructureNode;
 export declare const useMdmAllRelationsToAddAndEdit: (viewIds?: string[]) => import("@reltio/mdm-sdk").Connection[];
+export declare const useMdmRelationsDrafts: (viewId: string) => import("@reltio/mdm-sdk").ConnectionDrafts;
 export declare const useMdmDependentLookupEditorContext: (attributeValue: SimpleAttributeValue, attributeType: AttributeType) => {
     parents: import("@reltio/mdm-sdk").DependentLookupsParentForApi[];
     disabled: boolean;
@@ -68,7 +69,7 @@ export declare const useMdmDependentLookupEditorContext: (attributeValue: Simple
     value?: null;
 };
 export declare const useMdmGlobalSearchRequestOptions: (omittingFields?: string[]) => import("@reltio/mdm-sdk").GlobalSearchRequestOptions;
-export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation">(action: T) => Partial<{
+export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent" | "openConsoleApp" | "addAttributes" | "modifyAttribute" | "removeAttribute" | "entityDeleted" | "entityCreated" | "errorDeactivated" | "requestNextPageOfAttributeValues" | "openEntity" | "setDefaultProfilePicForModifiedEntity" | "setDefaultProfilePicForEntity" | "dependentLookupsEditorTouched" | "openPivotingPerspective" | "lookupsLoaded" | "lookupsForTypeResolved" | "errorSet" | "setHistoryMode" | "modeUpdated" | "setHistoryEvent" | "clearHistoryEvent" | "setHistoryDiff" | "setHistorySlice" | "updateSearchNavigationDataFields" | "openPerspective" | "entityDeletionFinished" | "loadEntity" | "updateSearchNavigationDataOnMerge" | "lookupsListResolved" | "relationsLoaded" | "setInitialInfo" | "setRelationType" | "closeRelationEditor" | "openRelationEditor" | "setRelationEntity" | "errorsSet" | "addRelation" | "editRelation">(action: T) => Partial<{
     openSearch: (payload: import("@reltio/mdm-sdk").SearchState) => void;
     openHistoryEvent: (payload: {
         entityUri: string;
@@ -129,11 +130,13 @@ export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent"
     setInitialInfo: (id: string, relationUri: string, tempEntity: import("@reltio/mdm-sdk").Entity, connection: import("@reltio/mdm-sdk").Connection) => void;
     setRelationType: (id: string, relationUri: string, relationType: import("@reltio/mdm-sdk").CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
+    openRelationEditor: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
     setRelationEntity: (id: string, relationUri: string, entityInfo: import("@reltio/mdm-sdk").Entity) => void;
     errorsSet: (payload: import("@reltio/mdm-sdk").AttributeError[]) => void;
     addRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
     editRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
 }>[T];
-export declare const useMdmListener: <T extends "searchNavigationListener">(listener: T) => Partial<{
+export declare const useMdmListener: <T extends "expandInvalidRelatonsListener" | "searchNavigationListener">(listener: T) => Partial<{
+    expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
     searchNavigationListener: (action: import("../..").AnyAction, state: any, dispatch: (action: import("../..").AnyAction) => void) => void;
 }>[T];

package/cjs/contexts/MdmModuleContext/hooks.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMdmIsWorkflowEnabled = exports.useMdmIsCollaborationEnabled = exports.useMdmSearchProviderData = exports.useMdmSearchNavigationData = exports.useMdmDataTenants = exports.useMdmEnvironment = exports.useMdmTenantName = exports.useMdmTenant = exports.useMdmTenantObject = exports.useMdmUserRoles = exports.useMdmUsername = exports.useMdmUser = exports.useMdmMetadata = exports.useMdmDependentLookups = exports.useMdmLookups = exports.useMdmProfileLastLoadedTime = exports.useMdmHistoryEvent = exports.useMdmHistorySlice = exports.useMdmHistoryMode = exports.useMdmHistoryDiff = exports.useMdmIsEditableMode = exports.useMdmIsViewMode = exports.useMdmMode = exports.useMdmEntityUriWithDataTenant = exports.useMdmEntityWithDiff = exports.useMdmEntityUri = exports.useMdmEntity = exports.useMdmModifiedEntities = exports.useMdmLookupAutocomplete = exports.useMdmAttributesSortingStrategy = exports.useMdmDefaultMaxValues = exports.useMdmAttributePresentations = exports.useMdmDateTimeMask = exports.useMdmDateMask = exports.useMdmPivotingAttributes = exports.useMdmShowEntityId = exports.useMdmImageAttributesFieldsOrder = exports.useMdmCollaborationPath = exports.useMdmApiPath = exports.useMdmReltioPath = exports.useMdmImageServicePath = exports.useMdmWorkflowPath = exports.useMdmServicesPath = exports.useMdmDtssPath = exports.useMdmUiPath = exports.useMdmAbsoluteImagePath = exports.useMdmExportPath = exports.useMdmWorkflowEnvironmentUrl = exports.useMdmUiError = exports.useMdmAutoCloseInterval = void 0;
-exports.useMdmListener = exports.useMdmAction = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmProfileErrors = void 0;
+exports.useMdmListener = exports.useMdmAction = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmRelationsDrafts = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmProfileErrors = void 0;
 var react_context_selector_1 = require("@fluentui/react-context-selector");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var context_1 = require("./context");
@@ -170,6 +170,10 @@ var useMdmAllRelationsToAddAndEdit = function (viewIds) {
     return useMdmModuleValuesContext(function (context) { return (0, mdm_sdk_1.getAllRelationsToAddAndEdit)(context.relations, viewIds); });
 };
 exports.useMdmAllRelationsToAddAndEdit = useMdmAllRelationsToAddAndEdit;
+var useMdmRelationsDrafts = function (viewId) {
+    return useMdmModuleValuesContext(function (context) { return (0, mdm_sdk_1.getDraftsByViewId)(context.relations, viewId); });
+};
+exports.useMdmRelationsDrafts = useMdmRelationsDrafts;
 var useMdmDependentLookupEditorContext = function (attributeValue, attributeType) {
     var value = useMdmModuleValuesContext(function (context) {
         var _a;

package/cjs/contexts/MdmModuleContext/index.d.ts

@@ -1,3 +1,3 @@
 export { MdmModuleProvider } from './provider';
-export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributePresentations, useMdmDefaultMaxValues, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAction, useMdmListener } from './hooks';
+export { useMdmAutoCloseInterval, useMdmUiError, useMdmWorkflowEnvironmentUrl, useMdmExportPath, useMdmAbsoluteImagePath, useMdmUiPath, useMdmDtssPath, useMdmServicesPath, useMdmWorkflowPath, useMdmImageServicePath, useMdmReltioPath, useMdmApiPath, useMdmCollaborationPath, useMdmImageAttributesFieldsOrder, useMdmShowEntityId, useMdmPivotingAttributes, useMdmDateMask, useMdmDateTimeMask, useMdmAttributePresentations, useMdmDefaultMaxValues, useMdmAttributesSortingStrategy, useMdmLookupAutocomplete, useMdmModifiedEntities, useMdmEntity, useMdmEntityUri, useMdmEntityWithDiff, useMdmEntityUriWithDataTenant, useMdmMode, useMdmIsViewMode, useMdmIsEditableMode, useMdmHistoryDiff, useMdmHistoryMode, useMdmHistorySlice, useMdmHistoryEvent, useMdmProfileLastLoadedTime, useMdmLookups, useMdmDependentLookups, useMdmMetadata, useMdmUser, useMdmUsername, useMdmUserRoles, useMdmTenantObject, useMdmTenant, useMdmTenantName, useMdmEnvironment, useMdmDataTenants, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmIsCollaborationEnabled, useMdmIsWorkflowEnabled, useMdmProfileErrors, useMdmRelationsDrafts, useMdmModifiedEntityDefaultProfilePic, useMdmModifiedEntity, useMdmInitialConnectionTempEntity, useMdmInitialConnection, useMdmDependentLookupEditorState, useMdmActiveErrorsForAttributesPager, useMdmDependentLookupsStructureNode, useMdmAllRelationsToAddAndEdit, useMdmDependentLookupEditorContext, useMdmGlobalSearchRequestOptions, useMdmAction, useMdmListener } from './hooks';
 export type { MdmModuleActionsContextProps, MdmModuleValuesContextProps, MdmModuleListenersContextProps } from './context';

package/cjs/contexts/MdmModuleContext/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMdmIsCollaborationEnabled = exports.useMdmSearchProviderData = exports.useMdmSearchNavigationData = exports.useMdmDataTenants = exports.useMdmEnvironment = exports.useMdmTenantName = exports.useMdmTenant = exports.useMdmTenantObject = exports.useMdmUserRoles = exports.useMdmUsername = exports.useMdmUser = exports.useMdmMetadata = exports.useMdmDependentLookups = exports.useMdmLookups = exports.useMdmProfileLastLoadedTime = exports.useMdmHistoryEvent = exports.useMdmHistorySlice = exports.useMdmHistoryMode = exports.useMdmHistoryDiff = exports.useMdmIsEditableMode = exports.useMdmIsViewMode = exports.useMdmMode = exports.useMdmEntityUriWithDataTenant = exports.useMdmEntityWithDiff = exports.useMdmEntityUri = exports.useMdmEntity = exports.useMdmModifiedEntities = exports.useMdmLookupAutocomplete = exports.useMdmAttributesSortingStrategy = exports.useMdmDefaultMaxValues = exports.useMdmAttributePresentations = exports.useMdmDateTimeMask = exports.useMdmDateMask = exports.useMdmPivotingAttributes = exports.useMdmShowEntityId = exports.useMdmImageAttributesFieldsOrder = exports.useMdmCollaborationPath = exports.useMdmApiPath = exports.useMdmReltioPath = exports.useMdmImageServicePath = exports.useMdmWorkflowPath = exports.useMdmServicesPath = exports.useMdmDtssPath = exports.useMdmUiPath = exports.useMdmAbsoluteImagePath = exports.useMdmExportPath = exports.useMdmWorkflowEnvironmentUrl = exports.useMdmUiError = exports.useMdmAutoCloseInterval = exports.MdmModuleProvider = void 0;
-exports.useMdmListener = exports.useMdmAction = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
+exports.useMdmListener = exports.useMdmAction = exports.useMdmGlobalSearchRequestOptions = exports.useMdmDependentLookupEditorContext = exports.useMdmAllRelationsToAddAndEdit = exports.useMdmDependentLookupsStructureNode = exports.useMdmActiveErrorsForAttributesPager = exports.useMdmDependentLookupEditorState = exports.useMdmInitialConnection = exports.useMdmInitialConnectionTempEntity = exports.useMdmModifiedEntity = exports.useMdmModifiedEntityDefaultProfilePic = exports.useMdmRelationsDrafts = exports.useMdmProfileErrors = exports.useMdmIsWorkflowEnabled = void 0;
 var provider_1 = require("./provider");
 Object.defineProperty(exports, "MdmModuleProvider", { enumerable: true, get: function () { return provider_1.MdmModuleProvider; } });
 var hooks_1 = require("./hooks");
@@ -56,6 +56,7 @@ Object.defineProperty(exports, "useMdmSearchProviderData", { enumerable: true, g
 Object.defineProperty(exports, "useMdmIsCollaborationEnabled", { enumerable: true, get: function () { return hooks_1.useMdmIsCollaborationEnabled; } });
 Object.defineProperty(exports, "useMdmIsWorkflowEnabled", { enumerable: true, get: function () { return hooks_1.useMdmIsWorkflowEnabled; } });
 Object.defineProperty(exports, "useMdmProfileErrors", { enumerable: true, get: function () { return hooks_1.useMdmProfileErrors; } });
+Object.defineProperty(exports, "useMdmRelationsDrafts", { enumerable: true, get: function () { return hooks_1.useMdmRelationsDrafts; } });
 Object.defineProperty(exports, "useMdmModifiedEntityDefaultProfilePic", { enumerable: true, get: function () { return hooks_1.useMdmModifiedEntityDefaultProfilePic; } });
 Object.defineProperty(exports, "useMdmModifiedEntity", { enumerable: true, get: function () { return hooks_1.useMdmModifiedEntity; } });
 Object.defineProperty(exports, "useMdmInitialConnectionTempEntity", { enumerable: true, get: function () { return hooks_1.useMdmInitialConnectionTempEntity; } });

package/cjs/hooks/index.d.ts

@@ -25,4 +25,5 @@ export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';
 export { useIsMountedRef } from './useIsMountedRef';
 export { useLayoutResetter } from './useLayoutResetter';
+export { useExpandInvalidRelations } from './useExpandInvalidRelations';
 export { useAutoFocus } from './useAutoFocus';

package/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoFocus = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useScrollToAttributeError = void 0;
+exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useScrollToAttributeError = void 0;
 var useScrollToAttributeError_1 = require("./useScrollToAttributeError/useScrollToAttributeError");
 Object.defineProperty(exports, "useScrollToAttributeError", { enumerable: true, get: function () { return useScrollToAttributeError_1.useScrollToAttributeError; } });
 var useActions_1 = require("./useActions");
@@ -55,5 +55,7 @@ var useIsMountedRef_1 = require("./useIsMountedRef");
 Object.defineProperty(exports, "useIsMountedRef", { enumerable: true, get: function () { return useIsMountedRef_1.useIsMountedRef; } });
 var useLayoutResetter_1 = require("./useLayoutResetter");
 Object.defineProperty(exports, "useLayoutResetter", { enumerable: true, get: function () { return useLayoutResetter_1.useLayoutResetter; } });
+var useExpandInvalidRelations_1 = require("./useExpandInvalidRelations");
+Object.defineProperty(exports, "useExpandInvalidRelations", { enumerable: true, get: function () { return useExpandInvalidRelations_1.useExpandInvalidRelations; } });
 var useAutoFocus_1 = require("./useAutoFocus");
 Object.defineProperty(exports, "useAutoFocus", { enumerable: true, get: function () { return useAutoFocus_1.useAutoFocus; } });

package/cjs/hooks/useExpandInvalidRelations.d.ts

@@ -0,0 +1 @@
+export declare const useExpandInvalidRelations: (configId: string) => void;

package/cjs/hooks/useExpandInvalidRelations.js

@@ -0,0 +1,56 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExpandInvalidRelations = void 0;
+var ramda_1 = require("ramda");
+var react_1 = require("react");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../contexts");
+var isConnectionHasError = (0, ramda_1.curry)(function (errors, connection) {
+    var relationUri = (0, ramda_1.path)(['relation', 'relationUri'], connection);
+    return errors.some(function (error) {
+        return (0, mdm_sdk_1.areOneHierarchyUris)((0, ramda_1.prop)('uri', error), relationUri) ||
+            (0, mdm_sdk_1.areOneHierarchyUris)((0, ramda_1.prop)('parentUri', error), relationUri) ||
+            (error.path || []).some(function (errorPath) { return (0, ramda_1.path)(['value', 'relation', 'relationUri'], errorPath) === relationUri; });
+    });
+});
+var getInvalidConnections = function (errors, connections) {
+    if (errors === void 0) { errors = []; }
+    if (connections === void 0) { connections = []; }
+    return (0, ramda_1.filter)(isConnectionHasError(errors), connections);
+};
+var useExpandInvalidRelations = function (configId) {
+    var openRelationEditor = (0, contexts_1.useMdmAction)('openRelationEditor');
+    var mode = (0, contexts_1.useMdmMode)();
+    var profileErrors = (0, contexts_1.useMdmProfileErrors)();
+    var shouldOpenInvalidEditors = (0, react_1.useRef)(true);
+    var listenToActions = (0, contexts_1.useActionsHook)();
+    var _a = (0, contexts_1.useMdmRelationsDrafts)(configId) || {}, _b = _a.addedConnections, addedConnections = _b === void 0 ? [] : _b, _c = _a.editedConnections, editedConnections = _c === void 0 ? [] : _c;
+    var relationsToAddAndEdit = (0, contexts_1.useMdmAllRelationsToAddAndEdit)([configId]) || [];
+    var preparedConnectionsList = (0, ramda_1.reject)(function (draftConnection) {
+        return relationsToAddAndEdit.some((0, ramda_1.eqBy)((0, ramda_1.path)(['relation', 'relationUri']), draftConnection));
+    }, __spreadArray(__spreadArray([], addedConnections, true), editedConnections, true));
+    var invalidConnections = (0, react_1.useMemo)(function () { return getInvalidConnections(profileErrors, preparedConnectionsList); }, [profileErrors, preparedConnectionsList]);
+    var expandInvalidRelatonsListener = (0, contexts_1.useMdmListener)('expandInvalidRelatonsListener');
+    var setShouldOpenInvalidEditors = function (shouldOpen) { return (shouldOpenInvalidEditors.current = shouldOpen); };
+    var listenerCallback = expandInvalidRelatonsListener(function () { return setShouldOpenInvalidEditors(true); });
+    (0, react_1.useEffect)(function () {
+        if ((0, mdm_sdk_1.isEditableMode)(mode) && invalidConnections.length && shouldOpenInvalidEditors.current) {
+            invalidConnections.forEach(function (connection) { return openRelationEditor(configId, connection); });
+            setShouldOpenInvalidEditors(false);
+        }
+    }, [mode, invalidConnections]);
+    (0, react_1.useEffect)(function () {
+        var stopListeningActions = listenToActions(listenerCallback);
+        return function () { return stopListeningActions(); };
+    }, [listenToActions]);
+};
+exports.useExpandInvalidRelations = useExpandInvalidRelations;

package/cjs/icons/NegativeRuleIcon.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const NegativeRuleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-export default NegativeRuleIcon;
+declare const SvgNegativeRuleIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgNegativeRuleIcon;