@reltio/components 1.4.1245 → 1.4.1248

package/cjs/components/SourceSystemsSelector/SourceSystemsSelector.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
+declare type Props = {
+    values?: string[];
+    onChange: (values: string[]) => void;
+    TextFieldProps?: Partial<TextFieldPropsType>;
+    fullWidth?: boolean;
+};
+declare const SourceSystemsSelector: {
+    ({ values, onChange, TextFieldProps, fullWidth }: Props): JSX.Element;
+    displayName: string;
+};
+export default SourceSystemsSelector;

package/cjs/components/SourceSystemsSelector/SourceSystemsSelector.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 react_redux_1 = require("react-redux");
+var ramda_1 = require("ramda");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MultiValueSelector_1 = __importDefault(require("../MultiValueSelector/MultiValueSelector"));
+var SourceSystemsSelector = function (_a) {
+    var values = _a.values, onChange = _a.onChange, TextFieldProps = _a.TextFieldProps, fullWidth = _a.fullWidth;
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var options = react_1.useMemo(function () {
+        return ramda_1.pipe(ramda_1.sortBy(function (option) { return option.label; }), ramda_1.map(function (_a) {
+            var label = _a.label, uri = _a.uri;
+            return ({ label: label, value: mdm_sdk_1.getLastUriPart(uri) });
+        }))(metadata.sources);
+    }, [metadata.sources]);
+    return (react_1.default.createElement(MultiValueSelector_1.default, { values: values, onChange: onChange, options: options, TextFieldProps: TextFieldProps, fullWidth: fullWidth }));
+};
+SourceSystemsSelector.displayName = 'SourceSystemsSelector';
+exports.default = SourceSystemsSelector;

package/cjs/components/attributes/readMode/AttributeValuesBlock/AttributeValuesBlock.d.ts

@@ -9,7 +9,11 @@ declare type Props = {
         attributeType: any;
         attributeValue: any;
     }) => JSX.Element;
+    RightSlot?: ({ attributeType: AttributeType, attributeValue: AttributeValue }: {
+        attributeType: any;
+        attributeValue: any;
+    }) => JSX.Element;
     showNonOv?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ expanded, LabelRenderer, ...props }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ expanded, LabelRenderer, RightSlot, ...props }: Props) => JSX.Element>;
 export default _default;

package/cjs/components/attributes/readMode/AttributeValuesBlock/AttributeValuesBlock.js

@@ -54,12 +54,12 @@ var renderAttributesList = function (_a) {
         react_1.default.createElement(__1.ReadOnlyAttribute, __assign({ attributeValue: attributeValue }, props)))); })));
 };
 var AttributeValuesBlock = function (_a) {
-    var expanded = _a.expanded, LabelRenderer = _a.LabelRenderer, props = __rest(_a, ["expanded", "LabelRenderer"]);
+    var expanded = _a.expanded, LabelRenderer = _a.LabelRenderer, RightSlot = _a.RightSlot, props = __rest(_a, ["expanded", "LabelRenderer", "RightSlot"]);
     var attributeType = props.attributeType, values = props.values, valueContainerClassName = props.valueContainerClassName;
     switch (attributeType.type) {
         case mdm_sdk_1.DataTypes.TYPE_NESTED:
         case mdm_sdk_1.DataTypes.TYPE_REFERENCE: {
-            return renderAttributesList(__assign({ expanded: expanded, LabelRenderer: LabelRenderer }, props));
+            return renderAttributesList(__assign({ expanded: expanded, LabelRenderer: LabelRenderer, RightSlot: RightSlot }, props));
         }
         case mdm_sdk_1.DataTypes.TYPE_IMAGE: {
             return (react_1.default.createElement("div", { className: valueContainerClassName },

package/cjs/components/attributes/readMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,5 +1,5 @@
 export default ComplexAttribute;
-declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, LabelRenderer }: {
+declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, LabelRenderer, RightSlot }: {
     attributeTypesList: any;
     attributeValue: any;
     label: any;
@@ -8,6 +8,7 @@ declare function ComplexAttribute({ attributeTypesList, attributeValue, label, e
     showNonOv: any;
     attributeType: any;
     LabelRenderer: any;
+    RightSlot: any;
 }): JSX.Element;
 declare namespace ComplexAttribute {
     namespace propTypes {
@@ -37,7 +38,8 @@ declare namespace ComplexAttribute {
         export const expanded: PropTypes.Requireable<boolean>;
         export const showNonOv: PropTypes.Requireable<boolean>;
         export { AttributeTypeType as attributeType };
-        export const LabelRenderer: PropTypes.Requireable<(...args: any[]) => any>;
+        export const LabelRenderer: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        export const RightSlot: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     }
 }
 import PropTypes from "prop-types";

package/cjs/components/attributes/readMode/ComplexAttribute/ComplexAttribute.js

@@ -47,7 +47,7 @@ var contexts_1 = require("../../../../contexts");
 var commonStyles_1 = require("../helpers/commonStyles");
 var ComplexAttribute = function (_a) {
     var _b;
-    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType, LabelRenderer = _a.LabelRenderer;
+    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType, LabelRenderer = _a.LabelRenderer, RightSlot = _a.RightSlot;
     var styles = styles_1.useStyles();
     var ovValueStyles = commonStyles_1.useOvValueStyles();
     var uri = attributeValue.uri;
@@ -66,12 +66,11 @@ var ComplexAttribute = function (_a) {
             react_1.default.createElement(ArrowExpandButton_1.default, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
             LabelRenderer ? (react_1.default.createElement(LabelRenderer, { attributeType: attributeType, attributeValue: attributeValue })) : (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(Typography_1.default, { component: "span", variant: "body2", classes: { body2: styles.label }, className: classnames_1.default((_b = {},
-                        _b[highlightedClassName] = highlightedValuesUris.some(function (uri) {
-                            return mdm_sdk_1.areOneHierarchyUris(uri, attributeValue.uri);
-                        }),
+                        _b[highlightedClassName] = highlightedValuesUris.includes(attributeValue.uri),
                         _b[ovValueStyles.ovFalse] = !mdm_sdk_1.isOv(attributeValue),
                         _b)), "data-reltio-id": "reltio-attribute-complex-label" }, label),
                 react_1.default.createElement("div", { className: styles.spacer }),
+                RightSlot && react_1.default.createElement(RightSlot, { attributeType: attributeType, attributeValue: attributeValue }),
                 react_1.default.createElement(CommentsContainer_1.default, { uri: attributeValue.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(objectType, {
                         uri: attributeValue.uri
                     }), objectType: objectType })))),
@@ -85,6 +84,7 @@ ComplexAttribute.propTypes = {
     expanded: prop_types_1.default.bool,
     showNonOv: prop_types_1.default.bool,
     attributeType: mdm_sdk_1.AttributeTypeType,
-    LabelRenderer: prop_types_1.default.func
+    LabelRenderer: prop_types_1.default.elementType,
+    RightSlot: prop_types_1.default.elementType
 };
 exports.default = ComplexAttribute;

package/cjs/components/index.d.ts

@@ -137,3 +137,4 @@ export { DragAndDrop } from './DragAndDrop/DragAndDrop';
 export * from './AttributesFiltersBuilder';
 export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
 export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
+export { default as SourceSystemsSelector } from './SourceSystemsSelector/SourceSystemsSelector';

package/cjs/components/index.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = 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.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.AttributesView = exports.AttributeListItem = void 0;
 exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = 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.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = void 0;
-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.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = void 0;
+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.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = 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; } });
@@ -292,3 +292,5 @@ var MultiValueSelector_1 = require("./MultiValueSelector/MultiValueSelector");
 Object.defineProperty(exports, "MultiValueSelector", { enumerable: true, get: function () { return __importDefault(MultiValueSelector_1).default; } });
 var MatchRulesSelector_1 = require("./MatchRulesSelector/MatchRulesSelector");
 Object.defineProperty(exports, "MatchRulesSelector", { enumerable: true, get: function () { return __importDefault(MatchRulesSelector_1).default; } });
+var SourceSystemsSelector_1 = require("./SourceSystemsSelector/SourceSystemsSelector");
+Object.defineProperty(exports, "SourceSystemsSelector", { enumerable: true, get: function () { return __importDefault(SourceSystemsSelector_1).default; } });

package/esm/components/SourceSystemsSelector/SourceSystemsSelector.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
+declare type Props = {
+    values?: string[];
+    onChange: (values: string[]) => void;
+    TextFieldProps?: Partial<TextFieldPropsType>;
+    fullWidth?: boolean;
+};
+declare const SourceSystemsSelector: {
+    ({ values, onChange, TextFieldProps, fullWidth }: Props): JSX.Element;
+    displayName: string;
+};
+export default SourceSystemsSelector;

package/esm/components/SourceSystemsSelector/SourceSystemsSelector.js

@@ -0,0 +1,19 @@
+import React, { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { map, pipe, sortBy } from 'ramda';
+import mdmModule from '@reltio/mdm-module';
+import { getLastUriPart } from '@reltio/mdm-sdk';
+import MultiValueSelector from '../MultiValueSelector/MultiValueSelector';
+var SourceSystemsSelector = function (_a) {
+    var values = _a.values, onChange = _a.onChange, TextFieldProps = _a.TextFieldProps, fullWidth = _a.fullWidth;
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var options = useMemo(function () {
+        return pipe(sortBy(function (option) { return option.label; }), map(function (_a) {
+            var label = _a.label, uri = _a.uri;
+            return ({ label: label, value: getLastUriPart(uri) });
+        }))(metadata.sources);
+    }, [metadata.sources]);
+    return (React.createElement(MultiValueSelector, { values: values, onChange: onChange, options: options, TextFieldProps: TextFieldProps, fullWidth: fullWidth }));
+};
+SourceSystemsSelector.displayName = 'SourceSystemsSelector';
+export default SourceSystemsSelector;

package/esm/components/attributes/readMode/AttributeValuesBlock/AttributeValuesBlock.d.ts

@@ -9,7 +9,11 @@ declare type Props = {
         attributeType: any;
         attributeValue: any;
     }) => JSX.Element;
+    RightSlot?: ({ attributeType: AttributeType, attributeValue: AttributeValue }: {
+        attributeType: any;
+        attributeValue: any;
+    }) => JSX.Element;
     showNonOv?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ expanded, LabelRenderer, ...props }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ expanded, LabelRenderer, RightSlot, ...props }: Props) => JSX.Element>;
 export default _default;

package/esm/components/attributes/readMode/AttributeValuesBlock/AttributeValuesBlock.js

@@ -30,12 +30,12 @@ var renderAttributesList = function (_a) {
         React.createElement(ReadOnlyAttribute, __assign({ attributeValue: attributeValue }, props)))); })));
 };
 var AttributeValuesBlock = function (_a) {
-    var expanded = _a.expanded, LabelRenderer = _a.LabelRenderer, props = __rest(_a, ["expanded", "LabelRenderer"]);
+    var expanded = _a.expanded, LabelRenderer = _a.LabelRenderer, RightSlot = _a.RightSlot, props = __rest(_a, ["expanded", "LabelRenderer", "RightSlot"]);
     var attributeType = props.attributeType, values = props.values, valueContainerClassName = props.valueContainerClassName;
     switch (attributeType.type) {
         case DataTypes.TYPE_NESTED:
         case DataTypes.TYPE_REFERENCE: {
-            return renderAttributesList(__assign({ expanded: expanded, LabelRenderer: LabelRenderer }, props));
+            return renderAttributesList(__assign({ expanded: expanded, LabelRenderer: LabelRenderer, RightSlot: RightSlot }, props));
         }
         case DataTypes.TYPE_IMAGE: {
             return (React.createElement("div", { className: valueContainerClassName },

package/esm/components/attributes/readMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,5 +1,5 @@
 export default ComplexAttribute;
-declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, LabelRenderer }: {
+declare function ComplexAttribute({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, LabelRenderer, RightSlot }: {
     attributeTypesList: any;
     attributeValue: any;
     label: any;
@@ -8,6 +8,7 @@ declare function ComplexAttribute({ attributeTypesList, attributeValue, label, e
     showNonOv: any;
     attributeType: any;
     LabelRenderer: any;
+    RightSlot: any;
 }): JSX.Element;
 declare namespace ComplexAttribute {
     namespace propTypes {
@@ -37,7 +38,8 @@ declare namespace ComplexAttribute {
         export const expanded: PropTypes.Requireable<boolean>;
         export const showNonOv: PropTypes.Requireable<boolean>;
         export { AttributeTypeType as attributeType };
-        export const LabelRenderer: PropTypes.Requireable<(...args: any[]) => any>;
+        export const LabelRenderer: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        export const RightSlot: PropTypes.Requireable<PropTypes.ReactComponentLike>;
     }
 }
 import PropTypes from "prop-types";

package/esm/components/attributes/readMode/ComplexAttribute/ComplexAttribute.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { AttributeTypeType, areOneHierarchyUris, isAnalyticAttribute, NestedAttributeValueType, ReferenceAttributeValueType, CollaborationObjectTypes, createRelatedObjectUris, isOv, isRelationAttrType, isSpecialAttribute } from '@reltio/mdm-sdk';
+import { AttributeTypeType, isAnalyticAttribute, NestedAttributeValueType, ReferenceAttributeValueType, CollaborationObjectTypes, createRelatedObjectUris, isOv, isRelationAttrType, isSpecialAttribute } from '@reltio/mdm-sdk';
 import Typography from '@material-ui/core/Typography';
 import AttributesList from '../AttributesList/AttributesList';
 import ArrowExpandButton from '../../../ArrowExpandButton/ArrowExpandButton';
@@ -23,7 +23,7 @@ import { HighlightedValuesContext } from '../../../../contexts';
 import { useOvValueStyles } from '../helpers/commonStyles';
 var ComplexAttribute = function (_a) {
     var _b;
-    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType, LabelRenderer = _a.LabelRenderer;
+    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType, LabelRenderer = _a.LabelRenderer, RightSlot = _a.RightSlot;
     var styles = useStyles();
     var ovValueStyles = useOvValueStyles();
     var uri = attributeValue.uri;
@@ -42,12 +42,11 @@ var ComplexAttribute = function (_a) {
             React.createElement(ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
             LabelRenderer ? (React.createElement(LabelRenderer, { attributeType: attributeType, attributeValue: attributeValue })) : (React.createElement(React.Fragment, null,
                 React.createElement(Typography, { component: "span", variant: "body2", classes: { body2: styles.label }, className: classnames((_b = {},
-                        _b[highlightedClassName] = highlightedValuesUris.some(function (uri) {
-                            return areOneHierarchyUris(uri, attributeValue.uri);
-                        }),
+                        _b[highlightedClassName] = highlightedValuesUris.includes(attributeValue.uri),
                         _b[ovValueStyles.ovFalse] = !isOv(attributeValue),
                         _b)), "data-reltio-id": "reltio-attribute-complex-label" }, label),
                 React.createElement("div", { className: styles.spacer }),
+                RightSlot && React.createElement(RightSlot, { attributeType: attributeType, attributeValue: attributeValue }),
                 React.createElement(CommentsContainer, { uri: attributeValue.uri, relatedObjectUris: createRelatedObjectUris(objectType, {
                         uri: attributeValue.uri
                     }), objectType: objectType })))),
@@ -61,6 +60,7 @@ ComplexAttribute.propTypes = {
     expanded: PropTypes.bool,
     showNonOv: PropTypes.bool,
     attributeType: AttributeTypeType,
-    LabelRenderer: PropTypes.func
+    LabelRenderer: PropTypes.elementType,
+    RightSlot: PropTypes.elementType
 };
 export default ComplexAttribute;

package/esm/components/index.d.ts

@@ -137,3 +137,4 @@ export { DragAndDrop } from './DragAndDrop/DragAndDrop';
 export * from './AttributesFiltersBuilder';
 export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
 export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
+export { default as SourceSystemsSelector } from './SourceSystemsSelector/SourceSystemsSelector';

package/esm/components/index.js

@@ -137,3 +137,4 @@ export { DragAndDrop } from './DragAndDrop/DragAndDrop';
 export * from './AttributesFiltersBuilder';
 export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
 export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
+export { default as SourceSystemsSelector } from './SourceSystemsSelector/SourceSystemsSelector';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1245",
+  "version": "1.4.1248",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1245",
-    "@reltio/mdm-sdk": "^1.4.1245",
+    "@reltio/mdm-module": "^1.4.1248",
+    "@reltio/mdm-sdk": "^1.4.1248",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -19,7 +19,7 @@
     "prop-types": "^15.6.2",
     "ramda": "^0.28.0",
     "react-autosuggest": "^9.4.3",
-    "react-components": "bitbucket:reltio-ondemand/react-components#v3.13.0",
+    "react-components": "bitbucket:reltio-ondemand/react-components#v3.14.0",
     "react-dnd": "^9.4.0",
     "react-dnd-html5-backend": "^10.0.2",
     "react-grid-layout": "^1.1.1",