@reltio/components 1.4.1723 → 1.4.1724

package/cjs/components/ExternalInvalidRelations/ExternalInvalidRelations.d.ts

@@ -0,0 +1,10 @@
+import { Connection, Metadata, Mode, RelationsViewConfig } from '@reltio/mdm-sdk';
+type Props = {
+    connectionsToEdit: Connection[];
+    config: RelationsViewConfig;
+    metadata: Metadata;
+    mode: Mode;
+    pageConnections: Connection[];
+};
+declare const ExternalInvalidRelations: ({ connectionsToEdit, config, metadata, mode, pageConnections }: Props) => any;
+export default ExternalInvalidRelations;

package/cjs/components/ExternalInvalidRelations/ExternalInvalidRelations.js

@@ -0,0 +1,53 @@
+"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 index_1 = require("../index");
+var react_1 = __importStar(require("react"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../../contexts");
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
+var styles_1 = require("./styles");
+var ExternalInvalidRelations = function (_a) {
+    var connectionsToEdit = _a.connectionsToEdit, config = _a.config, metadata = _a.metadata, mode = _a.mode, pageConnections = _a.pageConnections;
+    var profileErrors = (0, contexts_1.useMdmProfileErrors)();
+    var styles = (0, styles_1.useStyles)();
+    var allInvalidConnections = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getInvalidConnections)(profileErrors, connectionsToEdit); }, [profileErrors, connectionsToEdit]);
+    var invalidConnections = allInvalidConnections.filter(function (connection) {
+        return !pageConnections.some(function (existingConnection) {
+            return (0, mdm_sdk_1.getRelationUriFromConnection)(existingConnection) === (0, mdm_sdk_1.getRelationUriFromConnection)(connection);
+        });
+    });
+    return invalidConnections.map(function (connection, index) {
+        var _a;
+        var itemKey = "".concat((0, mdm_sdk_1.getRelationUriFromConnection)(connection), "-").concat((_a = connection === null || connection === void 0 ? void 0 : connection.relation) === null || _a === void 0 ? void 0 : _a.direction);
+        return (react_1.default.createElement(react_1.default.Fragment, { key: itemKey },
+            react_1.default.createElement(index_1.RelationEditor, { connection: connection, config: config, mode: mode, metadata: metadata }),
+            index === invalidConnections.length - 1 && react_1.default.createElement(Divider_1.default, { className: styles.divider })));
+    });
+};
+exports.default = ExternalInvalidRelations;

package/cjs/components/ExternalInvalidRelations/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"divider">;

package/cjs/components/ExternalInvalidRelations/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    divider: {
+        margin: '0 0 8px',
+        borderColor: 'rgba(0,0,0,0.12)'
+    }
+});

package/cjs/components/RelationEditor/RelationEditor.js

@@ -102,12 +102,12 @@ var RelationEditor = function (_a) {
     var attributeListEntity = (0, react_1.useMemo)(function () { return (__assign({ attributes: __assign({}, (0, mdm_sdk_1.getRelationAttributesFromConnection)(connection)) }, (0, mdm_sdk_1.getActivenessAttributes)(connection.relation))); }, [connection]);
     var relatedTempEntities = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.findRelatedTemporaryEntities)(allModifiedEntities, modifiedEntity); }, [allModifiedEntities, modifiedEntity]);
     var relatedTempEntitiesUrisHistory = (0, react_1.useRef)([]);
-    var setInitialInfo = (0, react_1.useCallback)(function (entity, connection) {
-        mdmSetInitialInfo(config.id, relationUri, entity, connection);
+    var setInitialInfo = (0, react_1.useCallback)(function (entity) {
+        mdmSetInitialInfo(config.id, relationUri, entity);
     }, [mdmSetInitialInfo]);
     (0, react_1.useEffect)(function () {
-        if (!initialConnection) {
-            setInitialInfo(modifiedEntity, connection);
+        if (modifiedEntity && !initialModifiedEntity) {
+            setInitialInfo(modifiedEntity);
         }
     }, []);
     (0, react_1.useEffect)(function () {
@@ -149,7 +149,7 @@ var RelationEditor = function (_a) {
         return errors.length === 0;
     }, [connection, metadata, allModifiedEntities, errorsSet]);
     var resetErrors = (0, react_1.useCallback)(function () { return errorsSet([]); }, [errorsSet]);
-    var onApply = (0, react_1.useCallback)((0, ramda_1.pipe)((0, ramda_1.always)(connection), (0, ramda_1.when)(validate, (0, ramda_1.pipe)(mdm_sdk_1.omitMarks, updateModifiedEntityLabel, (0, ramda_1.omit)(['initial']), applyAction(config.id), (0, ramda_1.always)((0, ramda_1.differenceWith)(ramda_1.equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map((0, ramda_1.prop)('uri')))), (0, ramda_1.forEach)(deleteModifiedEntity), handleClose))), [connection, config, updateModifiedEntityLabel, validate, relatedTempEntities]);
+    var onApply = (0, react_1.useCallback)((0, ramda_1.pipe)((0, ramda_1.always)(connection), (0, ramda_1.when)(validate, (0, ramda_1.pipe)(mdm_sdk_1.omitMarks, updateModifiedEntityLabel, applyAction(config.id), (0, ramda_1.always)((0, ramda_1.differenceWith)(ramda_1.equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map((0, ramda_1.prop)('uri')))), (0, ramda_1.forEach)(deleteModifiedEntity), handleClose))), [connection, config, updateModifiedEntityLabel, validate, relatedTempEntities]);
     var onCancel = (0, react_1.useCallback)(function () {
         if (modifiedEntity !== initialModifiedEntity) {
             if (initialModifiedEntity) {

package/cjs/components/index.d.ts

@@ -61,6 +61,7 @@ export { AttributesErrorsPanel } from './AttributesErrorsPanel/AttributesErrorsP
 export { default as ErrorPopup } from './ErrorPopup/ErrorPopup';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';
 export { default as ExpandedValueTooltip } from './ExpandedValueTooltip/ExpandedValueTooltip';
+export { default as ExternalInvalidRelations } from './ExternalInvalidRelations/ExternalInvalidRelations';
 export { default as FacetViewHeader } from './FacetViewHeader/FacetViewHeader';
 export { default as FlipCard } from './FlipCard/FlipCard';
 export { default as HideOnShrink } from './HideOnShrink/HideOnShrink';

package/cjs/components/index.js

@@ -18,9 +18,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.DescriptionIcon = exports.AttributesView = exports.AttributeListItem = void 0;
-exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBlock = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.AttributesErrorsPanel = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = void 0;
-exports.RelevanceScoreBadge = exports.RequiredMark = exports.HierarchyNodeTitle = exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.ColoredSourceIcon = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = void 0;
-exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.MultilineMenuItem = void 0;
+exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBlock = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExternalInvalidRelations = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.AttributesErrorsPanel = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = void 0;
+exports.RequiredMark = exports.HierarchyNodeTitle = exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.ColoredSourceIcon = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = void 0;
+exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.MultilineMenuItem = exports.RelevanceScoreBadge = void 0;
 __exportStar(require("./activityLog"), exports);
 var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
 Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
@@ -147,6 +147,8 @@ var ErrorWrapper_1 = require("./ErrorWrapper/ErrorWrapper");
 Object.defineProperty(exports, "ErrorWrapper", { enumerable: true, get: function () { return __importDefault(ErrorWrapper_1).default; } });
 var ExpandedValueTooltip_1 = require("./ExpandedValueTooltip/ExpandedValueTooltip");
 Object.defineProperty(exports, "ExpandedValueTooltip", { enumerable: true, get: function () { return __importDefault(ExpandedValueTooltip_1).default; } });
+var ExternalInvalidRelations_1 = require("./ExternalInvalidRelations/ExternalInvalidRelations");
+Object.defineProperty(exports, "ExternalInvalidRelations", { enumerable: true, get: function () { return __importDefault(ExternalInvalidRelations_1).default; } });
 var FacetViewHeader_1 = require("./FacetViewHeader/FacetViewHeader");
 Object.defineProperty(exports, "FacetViewHeader", { enumerable: true, get: function () { return __importDefault(FacetViewHeader_1).default; } });
 var FlipCard_1 = require("./FlipCard/FlipCard");

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

@@ -111,7 +111,7 @@ export type MdmModuleActionsContextProps = Partial<{
     }) => void;
     lookupsListResolved: (payload: Lookups[]) => void;
     relationsLoaded: (payload: RelationsLoadedPayload) => void;
-    setInitialInfo: (id: string, relationUri: string, tempEntity: Entity, connection: Connection) => void;
+    setInitialInfo: (id: string, relationUri: string, tempEntity: Entity) => void;
     setRelationType: (id: string, relationUri: string, relationType: CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
     openRelationEditor: (id: string, connection: Connection) => void;
@@ -183,7 +183,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     }) => void;
     lookupsListResolved: (payload: Lookups[]) => void;
     relationsLoaded: (payload: RelationsLoadedPayload) => void;
-    setInitialInfo: (id: string, relationUri: string, tempEntity: Entity, connection: Connection) => void;
+    setInitialInfo: (id: string, relationUri: string, tempEntity: Entity) => void;
     setRelationType: (id: string, relationUri: string, relationType: CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
     openRelationEditor: (id: string, connection: Connection) => void;

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

@@ -128,7 +128,7 @@ export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent"
     }) => void;
     lookupsListResolved: (payload: import("@reltio/mdm-sdk").Lookups[]) => void;
     relationsLoaded: (payload: import("@reltio/mdm-sdk").RelationsLoadedPayload) => void;
-    setInitialInfo: (id: string, relationUri: string, tempEntity: import("@reltio/mdm-sdk").Entity, connection: import("@reltio/mdm-sdk").Connection) => void;
+    setInitialInfo: (id: string, relationUri: string, tempEntity: import("@reltio/mdm-sdk").Entity) => 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;

package/cjs/hooks/useExpandInvalidRelations.js

@@ -14,19 +14,6 @@ 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)();
@@ -38,7 +25,7 @@ var useExpandInvalidRelations = function (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.map(mdm_sdk_1.markNew), true), editedConnections.map(mdm_sdk_1.markEdited), true));
-    var invalidConnections = (0, react_1.useMemo)(function () { return getInvalidConnections(profileErrors, preparedConnectionsList); }, [profileErrors, preparedConnectionsList]);
+    var invalidConnections = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.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); });

package/esm/components/ExternalInvalidRelations/ExternalInvalidRelations.d.ts

@@ -0,0 +1,10 @@
+import { Connection, Metadata, Mode, RelationsViewConfig } from '@reltio/mdm-sdk';
+type Props = {
+    connectionsToEdit: Connection[];
+    config: RelationsViewConfig;
+    metadata: Metadata;
+    mode: Mode;
+    pageConnections: Connection[];
+};
+declare const ExternalInvalidRelations: ({ connectionsToEdit, config, metadata, mode, pageConnections }: Props) => any;
+export default ExternalInvalidRelations;

package/esm/components/ExternalInvalidRelations/ExternalInvalidRelations.js

@@ -0,0 +1,25 @@
+import { RelationEditor } from '../index';
+import React, { useMemo } from 'react';
+import { getInvalidConnections, getRelationUriFromConnection } from '@reltio/mdm-sdk';
+import { useMdmProfileErrors } from '../../contexts';
+import Divider from '@mui/material/Divider';
+import { useStyles } from './styles';
+var ExternalInvalidRelations = function (_a) {
+    var connectionsToEdit = _a.connectionsToEdit, config = _a.config, metadata = _a.metadata, mode = _a.mode, pageConnections = _a.pageConnections;
+    var profileErrors = useMdmProfileErrors();
+    var styles = useStyles();
+    var allInvalidConnections = useMemo(function () { return getInvalidConnections(profileErrors, connectionsToEdit); }, [profileErrors, connectionsToEdit]);
+    var invalidConnections = allInvalidConnections.filter(function (connection) {
+        return !pageConnections.some(function (existingConnection) {
+            return getRelationUriFromConnection(existingConnection) === getRelationUriFromConnection(connection);
+        });
+    });
+    return invalidConnections.map(function (connection, index) {
+        var _a;
+        var itemKey = "".concat(getRelationUriFromConnection(connection), "-").concat((_a = connection === null || connection === void 0 ? void 0 : connection.relation) === null || _a === void 0 ? void 0 : _a.direction);
+        return (React.createElement(React.Fragment, { key: itemKey },
+            React.createElement(RelationEditor, { connection: connection, config: config, mode: mode, metadata: metadata }),
+            index === invalidConnections.length - 1 && React.createElement(Divider, { className: styles.divider })));
+    });
+};
+export default ExternalInvalidRelations;

package/esm/components/ExternalInvalidRelations/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"divider">;

package/esm/components/ExternalInvalidRelations/styles.js

@@ -0,0 +1,7 @@
+import { makeStyles } from '@mui/styles';
+export var useStyles = makeStyles({
+    divider: {
+        margin: '0 0 8px',
+        borderColor: 'rgba(0,0,0,0.12)'
+    }
+});

package/esm/components/RelationEditor/RelationEditor.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
-import { always, concat, differenceWith, equals, forEach, omit, path, pick, pipe, prop, when, uniq, curry } from 'ramda';
+import { always, concat, differenceWith, equals, forEach, path, pick, pipe, prop, when, uniq, curry } from 'ramda';
 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
 import { createTemporaryEntity, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, omitMarks, relationEditorAttributeTypesSelectionStrategy, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode, isAttributeTypeError, getRelationUriFromConnection, getRelationEditorActiveError, getRelationAttributesFromConnection, getEntityUriFromConnection } from '@reltio/mdm-sdk';
@@ -74,12 +74,12 @@ var RelationEditor = function (_a) {
     var attributeListEntity = useMemo(function () { return (__assign({ attributes: __assign({}, getRelationAttributesFromConnection(connection)) }, getActivenessAttributes(connection.relation))); }, [connection]);
     var relatedTempEntities = useMemo(function () { return findRelatedTemporaryEntities(allModifiedEntities, modifiedEntity); }, [allModifiedEntities, modifiedEntity]);
     var relatedTempEntitiesUrisHistory = useRef([]);
-    var setInitialInfo = useCallback(function (entity, connection) {
-        mdmSetInitialInfo(config.id, relationUri, entity, connection);
+    var setInitialInfo = useCallback(function (entity) {
+        mdmSetInitialInfo(config.id, relationUri, entity);
     }, [mdmSetInitialInfo]);
     useEffect(function () {
-        if (!initialConnection) {
-            setInitialInfo(modifiedEntity, connection);
+        if (modifiedEntity && !initialModifiedEntity) {
+            setInitialInfo(modifiedEntity);
         }
     }, []);
     useEffect(function () {
@@ -121,7 +121,7 @@ var RelationEditor = function (_a) {
         return errors.length === 0;
     }, [connection, metadata, allModifiedEntities, errorsSet]);
     var resetErrors = useCallback(function () { return errorsSet([]); }, [errorsSet]);
-    var onApply = useCallback(pipe(always(connection), when(validate, pipe(omitMarks, updateModifiedEntityLabel, omit(['initial']), applyAction(config.id), always(differenceWith(equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map(prop('uri')))), forEach(deleteModifiedEntity), handleClose))), [connection, config, updateModifiedEntityLabel, validate, relatedTempEntities]);
+    var onApply = useCallback(pipe(always(connection), when(validate, pipe(omitMarks, updateModifiedEntityLabel, applyAction(config.id), always(differenceWith(equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map(prop('uri')))), forEach(deleteModifiedEntity), handleClose))), [connection, config, updateModifiedEntityLabel, validate, relatedTempEntities]);
     var onCancel = useCallback(function () {
         if (modifiedEntity !== initialModifiedEntity) {
             if (initialModifiedEntity) {

package/esm/components/index.d.ts

@@ -61,6 +61,7 @@ export { AttributesErrorsPanel } from './AttributesErrorsPanel/AttributesErrorsP
 export { default as ErrorPopup } from './ErrorPopup/ErrorPopup';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';
 export { default as ExpandedValueTooltip } from './ExpandedValueTooltip/ExpandedValueTooltip';
+export { default as ExternalInvalidRelations } from './ExternalInvalidRelations/ExternalInvalidRelations';
 export { default as FacetViewHeader } from './FacetViewHeader/FacetViewHeader';
 export { default as FlipCard } from './FlipCard/FlipCard';
 export { default as HideOnShrink } from './HideOnShrink/HideOnShrink';

package/esm/components/index.js

@@ -61,6 +61,7 @@ export { AttributesErrorsPanel } from './AttributesErrorsPanel/AttributesErrorsP
 export { default as ErrorPopup } from './ErrorPopup/ErrorPopup';
 export { default as ErrorWrapper } from './ErrorWrapper/ErrorWrapper';
 export { default as ExpandedValueTooltip } from './ExpandedValueTooltip/ExpandedValueTooltip';
+export { default as ExternalInvalidRelations } from './ExternalInvalidRelations/ExternalInvalidRelations';
 export { default as FacetViewHeader } from './FacetViewHeader/FacetViewHeader';
 export { default as FlipCard } from './FlipCard/FlipCard';
 export { default as HideOnShrink } from './HideOnShrink/HideOnShrink';

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

@@ -111,7 +111,7 @@ export type MdmModuleActionsContextProps = Partial<{
     }) => void;
     lookupsListResolved: (payload: Lookups[]) => void;
     relationsLoaded: (payload: RelationsLoadedPayload) => void;
-    setInitialInfo: (id: string, relationUri: string, tempEntity: Entity, connection: Connection) => void;
+    setInitialInfo: (id: string, relationUri: string, tempEntity: Entity) => void;
     setRelationType: (id: string, relationUri: string, relationType: CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
     openRelationEditor: (id: string, connection: Connection) => void;
@@ -183,7 +183,7 @@ export declare const MdmModuleActionsContext: import("@fluentui/react-context-se
     }) => void;
     lookupsListResolved: (payload: Lookups[]) => void;
     relationsLoaded: (payload: RelationsLoadedPayload) => void;
-    setInitialInfo: (id: string, relationUri: string, tempEntity: Entity, connection: Connection) => void;
+    setInitialInfo: (id: string, relationUri: string, tempEntity: Entity) => void;
     setRelationType: (id: string, relationUri: string, relationType: CompactRelationType) => void;
     closeRelationEditor: (id: string, relationUri: string) => void;
     openRelationEditor: (id: string, connection: Connection) => void;

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

@@ -128,7 +128,7 @@ export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent"
     }) => void;
     lookupsListResolved: (payload: import("@reltio/mdm-sdk").Lookups[]) => void;
     relationsLoaded: (payload: import("@reltio/mdm-sdk").RelationsLoadedPayload) => void;
-    setInitialInfo: (id: string, relationUri: string, tempEntity: import("@reltio/mdm-sdk").Entity, connection: import("@reltio/mdm-sdk").Connection) => void;
+    setInitialInfo: (id: string, relationUri: string, tempEntity: import("@reltio/mdm-sdk").Entity) => 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;

package/esm/hooks/useExpandInvalidRelations.js

@@ -7,23 +7,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { curry, eqBy, filter, path, prop, reject } from 'ramda';
+import { eqBy, path, reject } from 'ramda';
 import { useEffect, useMemo, useRef } from 'react';
-import { areOneHierarchyUris, isEditableMode, markEdited, markNew } from '@reltio/mdm-sdk';
+import { isEditableMode, getInvalidConnections, markEdited, markNew } from '@reltio/mdm-sdk';
 import { useActionsHook, useMdmAction, useMdmAllRelationsToAddAndEdit, useMdmMode, useMdmProfileErrors, useMdmRelationsDrafts, useMdmListener } from '../contexts';
-var isConnectionHasError = curry(function (errors, connection) {
-    var relationUri = path(['relation', 'relationUri'], connection);
-    return errors.some(function (error) {
-        return areOneHierarchyUris(prop('uri', error), relationUri) ||
-            areOneHierarchyUris(prop('parentUri', error), relationUri) ||
-            (error.path || []).some(function (errorPath) { return path(['value', 'relation', 'relationUri'], errorPath) === relationUri; });
-    });
-});
-var getInvalidConnections = function (errors, connections) {
-    if (errors === void 0) { errors = []; }
-    if (connections === void 0) { connections = []; }
-    return filter(isConnectionHasError(errors), connections);
-};
 export var useExpandInvalidRelations = function (configId) {
     var openRelationEditor = useMdmAction('openRelationEditor');
     var mode = useMdmMode();

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1723",
+  "version": "1.4.1724",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1712",
+    "@reltio/mdm-sdk": "^1.4.1713",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",