@reltio/components 1.4.996 → 1.4.999

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

@@ -1,2 +1,2 @@
 export default useStyles;
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "secondaryLabel" | "entityType" | "inactive" | "profileIcon" | "badge" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "businessCard" | "specialInfo" | "entityId" | "scores">;
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "secondaryLabel" | "entityType" | "inactive" | "profileIcon" | "badge" | "businessCard" | "scores" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo" | "entityId">;

package/cjs/components/ProfilesList/ProfilesList.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Entity, Metadata, RangeColorsConfig } from '@reltio/mdm-sdk';
+declare type Props = {
+    metadata: Metadata;
+    entities: Entity[];
+    entityToHighlight?: string;
+    selectedEntityUri?: string;
+    scoresToShow?: string[];
+    rangeColorsConfig?: RangeColorsConfig;
+    onEntityClick?: (entityUri: string) => void;
+    onEntityHover?: (entityUri: string) => void;
+    entitiesImportStatus?: {
+        entityUri: string;
+    };
+    entityButtonsRenderer?: (entity: Entity) => void;
+};
+declare const ProfilesList: ({ entities, metadata, entityToHighlight, selectedEntityUri, scoresToShow, rangeColorsConfig, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: Props) => JSX.Element;
+export default ProfilesList;

package/cjs/components/ProfilesList/ProfilesList.js

@@ -0,0 +1,107 @@
+"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;
+    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 classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Score_1 = __importDefault(require("../Score/Score"));
+var EntityTypeBadge_1 = __importDefault(require("../EntityTypeBadge/EntityTypeBadge"));
+var EntityUriLink_1 = __importDefault(require("../EntityUriLink/EntityUriLink"));
+var EntityAvatar_1 = __importDefault(require("../EntityAvatar/EntityAvatar"));
+var ImportButton_1 = require("../ImportButton/ImportButton");
+var helpers_1 = require("./helpers");
+var hooks_1 = require("../../hooks");
+var styles_1 = require("./styles");
+var SECOND_SCROLL_PAUSE = 1000;
+var ProfilesList = function (_a) {
+    var entities = _a.entities, metadata = _a.metadata, entityToHighlight = _a.entityToHighlight, selectedEntityUri = _a.selectedEntityUri, scoresToShow = _a.scoresToShow, rangeColorsConfig = _a.rangeColorsConfig, onEntityClick = _a.onEntityClick, onEntityHover = _a.onEntityHover, entitiesImportStatus = _a.entitiesImportStatus, entityButtonsRenderer = _a.entityButtonsRenderer;
+    var styles = styles_1.useStyles();
+    var list = react_1.useRef(null);
+    var scrollTimer = react_1.useRef(null);
+    hooks_1.useDidUpdateEffect(function () {
+        var _a, _b;
+        if (entityToHighlight) {
+            var element_1 = (_a = list.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-entity-uri='" + entityToHighlight + "']");
+            helpers_1.clearScrollTimer(scrollTimer.current);
+            if ((element_1 === null || element_1 === void 0 ? void 0 : element_1.length) > 0) {
+                var scrollableParent_1 = (_b = list.current) === null || _b === void 0 ? void 0 : _b.parentElement;
+                if (!helpers_1.isScrolledIntoView(element_1[0], scrollableParent_1)) {
+                    helpers_1.scroll(element_1[0]);
+                    scrollTimer.current = setTimeout(function () {
+                        if (!helpers_1.isScrolledIntoView(element_1[0], scrollableParent_1)) {
+                            helpers_1.scroll(element_1[0]);
+                        }
+                    }, SECOND_SCROLL_PAUSE);
+                }
+            }
+        }
+        return function () {
+            helpers_1.clearScrollTimer(scrollTimer.current);
+        };
+    }, [entityToHighlight]);
+    return (react_1.default.createElement("div", { ref: list }, (entities || []).map(function (entity) {
+        var _a;
+        var label = mdm_sdk_1.getLabel(entity.label);
+        var secondaryLabel = entity.secondaryLabel;
+        var businessCardText = mdm_sdk_1.getBusinessCardAttributesText(metadata, entity);
+        var isActive = mdm_sdk_1.isActiveObject(entity);
+        var scores = mdm_sdk_1.getScores(metadata, entity, scoresToShow);
+        var entityUri = entity.uri;
+        var entityUriForLink = mdm_sdk_1.getEntityUriForLink(entity);
+        var importStatus = ramda_1.prop(entityUri, entitiesImportStatus);
+        return (react_1.default.createElement("div", { key: entityUri, className: classnames_1.default(styles.item, (_a = {},
+                _a[styles.clickable] = !!onEntityClick,
+                _a[styles.selected] = entityUri === selectedEntityUri,
+                _a[styles.highlighted] = entityUri === entityToHighlight,
+                _a[styles.inactive] = !isActive,
+                _a[styles.justImported] = importStatus === ImportButton_1.ImportModes.SUCCESS,
+                _a)), onClick: onEntityClick ? function () { return onEntityClick(entityUri); } : undefined, onMouseEnter: onEntityHover ? function () { return onEntityHover(entityUri); } : undefined, onMouseLeave: onEntityHover ? function () { return onEntityHover(null); } : undefined, "data-entity-uri": entityUri },
+            react_1.default.createElement(EntityAvatar_1.default, { entity: entity, avatarClassName: styles.avatar, imageClassName: styles.image }),
+            react_1.default.createElement("div", { className: styles.info },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(EntityUriLink_1.default, { value: entityUriForLink, className: styles.label }, label),
+                    secondaryLabel && react_1.default.createElement("span", { className: styles.secondaryLabel },
+                        secondaryLabel,
+                        " "),
+                    businessCardText && react_1.default.createElement("span", { className: styles.businessCard }, businessCardText)),
+                react_1.default.createElement("div", { className: styles.secondRow },
+                    react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity }),
+                    react_1.default.createElement("div", null, mdm_sdk_1.getEntityId(entity)),
+                    scores.length > 0 && (react_1.default.createElement("div", { className: styles.scores }, scores.map(function (score, i) { return (react_1.default.createElement(Score_1.default, __assign({ key: i }, score, { rangeColorsConfig: rangeColorsConfig }))); }))))),
+            entityButtonsRenderer && entityButtonsRenderer(entity)));
+    })));
+};
+exports.default = ProfilesList;

package/cjs/components/ProfilesList/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const scroll: (element: any) => any;
+export declare const clearScrollTimer: (scrollTimer: any) => void;
+export declare const isScrolledIntoView: (element: any, scrollableParent: any) => boolean;

package/cjs/components/ProfilesList/helpers.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isScrolledIntoView = exports.clearScrollTimer = exports.scroll = void 0;
+var scroll = function (element) { return element && element.scrollIntoView({ block: 'end', behavior: 'smooth' }); };
+exports.scroll = scroll;
+var clearScrollTimer = function (scrollTimer) {
+    if (scrollTimer) {
+        clearTimeout(scrollTimer);
+    }
+};
+exports.clearScrollTimer = clearScrollTimer;
+var isScrolledIntoView = function (element, scrollableParent) {
+    if (element && scrollableParent) {
+        var elemTop = element.offsetTop;
+        var elemBottom = element.offsetTop + element.clientHeight;
+        var clientHeight = scrollableParent.clientHeight, scrollTop = scrollableParent.scrollTop;
+        return elemTop >= 0 && elemBottom > scrollTop && elemBottom < scrollTop + clientHeight;
+    }
+};
+exports.isScrolledIntoView = isScrolledIntoView;

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import ProfilesList from './ProfilesList';
+export { ProfilesList };
+declare const _default: import("react-redux").ConnectedComponent<({ entities, metadata, entityToHighlight, selectedEntityUri, scoresToShow, rangeColorsConfig, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: {
+    metadata: import("@reltio/mdm-sdk").Metadata;
+    entities: import("@reltio/mdm-sdk").Entity[];
+    entityToHighlight?: string;
+    selectedEntityUri?: string;
+    scoresToShow?: string[];
+    rangeColorsConfig?: import("@reltio/mdm-sdk").RangeColorsConfig;
+    onEntityClick?: (entityUri: string) => void;
+    onEntityHover?: (entityUri: string) => void;
+    entitiesImportStatus?: {
+        entityUri: string;
+    };
+    entityButtonsRenderer?: (entity: import("@reltio/mdm-sdk").Entity) => void;
+}) => JSX.Element, import("react-redux").Omit<{
+    metadata: import("@reltio/mdm-sdk").Metadata;
+    entities: import("@reltio/mdm-sdk").Entity[];
+    entityToHighlight?: string;
+    selectedEntityUri?: string;
+    scoresToShow?: string[];
+    rangeColorsConfig?: import("@reltio/mdm-sdk").RangeColorsConfig;
+    onEntityClick?: (entityUri: string) => void;
+    onEntityHover?: (entityUri: string) => void;
+    entitiesImportStatus?: {
+        entityUri: string;
+    };
+    entityButtonsRenderer?: (entity: import("@reltio/mdm-sdk").Entity) => void;
+}, "metadata">>;
+export default _default;

package/cjs/components/ProfilesList/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfilesList = void 0;
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var ProfilesList_1 = __importDefault(require("./ProfilesList"));
+exports.ProfilesList = ProfilesList_1.default;
+var mapStateToProps = function (state) {
+    return {
+        metadata: mdm_module_1.default.selectors.getMetadata(state)
+    };
+};
+exports.default = react_redux_1.connect(mapStateToProps)(ProfilesList_1.default);

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

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "item" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "secondRow" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "scores">;

package/cjs/components/ProfilesList/styles.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles(function (theme) {
+    return {
+        '@keyframes animate': {
+            from: { background: 'transparent' },
+            '66%': { background: '#f2e68e' },
+            '100%': { background: 'transparent' }
+        },
+        highlighted: {
+            animationName: '$animate',
+            animationDuration: '3s',
+            animationIterationCount: 1
+        },
+        item: {
+            display: 'flex',
+            minHeight: '40px',
+            borderBottom: '1px solid rgba(0, 0, 0, 0.1)',
+            flexDirection: 'row',
+            '&:after': {
+                // IE flex & min-height workaround
+                content: '',
+                minHeight: 'inherit',
+                fontSize: 0
+            },
+            '&:hover': {
+                backgroundColor: 'rgba(0, 0, 0, 0.03)'
+            }
+        },
+        clickable: {
+            cursor: 'pointer'
+        },
+        selected: {
+            background: styles_1.fade(theme.palette.primary.main, 0.12),
+            '&:hover': {
+                background: styles_1.fade(theme.palette.primary.main, 0.24)
+            }
+        },
+        inactive: {
+            background: theme.inactiveBackground,
+            '&:hover': {
+                background: theme.inactiveHoverBackground
+            },
+            '&$selected': {
+                background: theme.inactiveSelectedBackground,
+                '&:hover': {
+                    background: theme.inactiveSelectedHoverBackground
+                }
+            }
+        },
+        justImported: {
+            backgroundColor: '#FFFBEB !important'
+        },
+        avatar: {
+            marginLeft: '20px'
+        },
+        image: {
+            height: '32px',
+            width: '32px',
+            marginTop: '8px',
+            marginBottom: '7px'
+        },
+        info: {
+            marginLeft: '20px',
+            flexGrow: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            fontSize: '13px',
+            width: '100%',
+            overflow: 'hidden',
+            overflowWrap: 'break-word',
+            wordWrap: 'break-word' // for IE
+        },
+        label: {
+            fontSize: '13px',
+            lineHeight: '15px',
+            fontWeight: 500,
+            color: theme.palette.primary.main,
+            marginRight: '17px',
+            textDecoration: 'none'
+        },
+        secondaryLabel: {
+            marginRight: '12px'
+        },
+        businessCard: {
+            color: 'rgba(0, 0, 0, 0.54)'
+        },
+        secondRow: {
+            display: 'flex',
+            marginTop: '2px',
+            alignItems: 'center',
+            color: 'rgba(0, 0, 0, 0.54)',
+            fontSize: '12px'
+        },
+        scores: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            color: 'rgba(0, 0, 0, 0.87)',
+            marginLeft: '10px',
+            marginRight: '20px',
+            fontSize: '13px',
+            minWidth: '134px'
+        }
+    };
+});

package/cjs/components/attributes/AttributesView/AttributesView.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AttributesViewOwnProps } from '../types';
-declare const AttributesView: ({ mode, attributesCount, pinnedAttributes, ...restProps }: AttributesViewOwnProps) => JSX.Element;
+declare const AttributesView: ({ mode, attributesCount, pinnedAttributes, entity, ...restProps }: AttributesViewOwnProps) => JSX.Element;
 export default AttributesView;

package/cjs/components/attributes/AttributesView/AttributesView.js

@@ -29,8 +29,9 @@ var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var AttributesView_1 = __importDefault(require("../readMode/AttributesView"));
 var AttributesView_2 = __importDefault(require("../editMode/AttributesView"));
+var contexts_1 = require("../../../contexts");
 var AttributesView = function (_a) {
-    var _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, attributesCount = _a.attributesCount, pinnedAttributes = _a.pinnedAttributes, restProps = __rest(_a, ["mode", "attributesCount", "pinnedAttributes"]);
-    return mdm_sdk_1.isViewMode(mode) ? (react_1.default.createElement(AttributesView_1.default, __assign({ attributesCount: attributesCount }, restProps))) : (react_1.default.createElement(AttributesView_2.default, __assign({ mode: mode, pinnedAttributes: pinnedAttributes }, restProps)));
+    var _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, attributesCount = _a.attributesCount, pinnedAttributes = _a.pinnedAttributes, entity = _a.entity, restProps = __rest(_a, ["mode", "attributesCount", "pinnedAttributes", "entity"]);
+    return (react_1.default.createElement(contexts_1.EntityContext.Provider, { value: entity }, mdm_sdk_1.isViewMode(mode) ? (react_1.default.createElement(AttributesView_1.default, __assign({ attributesCount: attributesCount, entity: entity }, restProps))) : (react_1.default.createElement(AttributesView_2.default, __assign({ mode: mode, pinnedAttributes: pinnedAttributes, entity: entity }, restProps)))));
 };
 exports.default = AttributesView;

package/cjs/components/attributes/AttributesView/index.d.ts

@@ -3,5 +3,5 @@ import { AttributesViewOwnProps } from '../types';
 import AttributesView from './AttributesView';
 declare type Props = Pick<AttributesViewOwnProps, 'entity' | 'mode'>;
 export { AttributesView };
-declare const _default: import("react-redux").ConnectedComponent<({ mode, attributesCount, pinnedAttributes, ...restProps }: AttributesViewOwnProps) => JSX.Element, import("react-redux").Omit<AttributesViewOwnProps, "entity" | "mode"> & Props>;
+declare const _default: import("react-redux").ConnectedComponent<({ mode, attributesCount, pinnedAttributes, entity, ...restProps }: AttributesViewOwnProps) => JSX.Element, import("react-redux").Omit<AttributesViewOwnProps, "entity" | "mode"> & Props>;
 export default _default;

package/cjs/components/attributes/editMode/AttributesView/index.d.ts

@@ -2,7 +2,7 @@
 import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, mode, metadata, caption, excludeUris, includeUris, pinnedAttributes }: {
-    entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
@@ -14,7 +14,7 @@ declare const _default: import("react-redux").ConnectedComponent<({ className, e
         roles?: string[];
     }[];
 }) => JSX.Element, import("react-redux").Omit<{
-    entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];

package/cjs/components/attributes/readMode/AttributesView/index.d.ts

@@ -2,7 +2,7 @@
 import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, metadata, caption, excludeUris, includeUris, attributesCount }: {
-    entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
@@ -14,7 +14,7 @@ declare const _default: import("react-redux").ConnectedComponent<({ className, e
         roles?: string[];
     }[];
 }) => JSX.Element, import("react-redux").Omit<{
-    entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];

package/cjs/components/attributes/readMode/SpecialAttributes/Tags/Tag.js

@@ -27,17 +27,23 @@ var Link_1 = __importDefault(require("@material-ui/core/Link"));
 var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var HistoryAppearanceContext_1 = require("../../../../../contexts/HistoryAppearanceContext");
+var contexts_1 = require("../../../../../contexts");
 var historyAppearance_1 = require("../../helpers/historyAppearance");
 var styles_1 = require("../styles");
 var Tag = function (_a) {
     var value = _a.value;
     var styles = styles_1.useCommonStyles();
     var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
-    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
-    var appearance = react_1.useContext(HistoryAppearanceContext_1.HistoryDiffContext).appearance;
+    var ownEntity = react_1.useContext(contexts_1.EntityContext);
+    var currentEntity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
+    var appearance = react_1.useContext(contexts_1.HistoryDiffContext).appearance;
     var attributeAppearance = historyAppearance_1.getHistoryAppearanceBySpecialAttributeValue('tags', value, appearance);
     var historyClassName = historyAppearance_1.getHistoryAttributeClassName(attributeAppearance);
-    return (react_1.default.createElement(Link_1.default, { underline: "none", className: styles[historyClassName], href: mdm_sdk_1.getTagLink({ uiPath: uiPath, tag: value, entityUri: entity.uri }) }, value));
+    var entity = ownEntity || currentEntity;
+    return (react_1.default.createElement(Link_1.default, { underline: "none", className: styles[historyClassName], href: mdm_sdk_1.getTagLink({
+            uiPath: uiPath,
+            tag: value,
+            entityUri: entity.dataTenant ? mdm_sdk_1.getDataTenantEntityUri(entity) : entity.uri
+        }) }, value));
 };
 exports.default = Tag;

package/cjs/components/attributes/types/attributesView.d.ts

@@ -3,7 +3,7 @@ declare type OwnProps = {
     attributesCount?: number;
     caption?: string;
     className?: string;
-    entity?: Entity | Record<string, never>;
+    entity?: Entity;
     excludeUris?: string[];
     includeUris?: string[];
     pinnedAttributes?: {

package/cjs/components/index.d.ts

@@ -127,3 +127,4 @@ export { ProfileMatchCard } from './ProfileMatchCard/ProfileMatchCard';
 export { MergeButton } from './MergeButton/MergeButton';
 export { NotMatchButton } from './NotMatchButton/NotMatchButton';
 export { ActionButton, ActionButtonMode } from './ActionButton/ActionButton';
+export { default as ProfilesList } from './ProfilesList';

package/cjs/components/index.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityTypeBadge = exports.EntityAvatar = 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.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.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ScoreLabel = exports.Score = 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.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = 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.EntityTypesSelector = exports.EntityTypeIcon = void 0;
-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 = void 0;
+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 = 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; } });
@@ -271,3 +271,5 @@ Object.defineProperty(exports, "NotMatchButton", { enumerable: true, get: functi
 var ActionButton_1 = require("./ActionButton/ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
 Object.defineProperty(exports, "ActionButtonMode", { enumerable: true, get: function () { return ActionButton_1.ActionButtonMode; } });
+var ProfilesList_1 = require("./ProfilesList");
+Object.defineProperty(exports, "ProfilesList", { enumerable: true, get: function () { return __importDefault(ProfilesList_1).default; } });

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { Entity } from '@reltio/mdm-sdk';
+export declare const EntityContext: React.Context<Entity>;

package/cjs/contexts/EntityContext/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntityContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.EntityContext = react_1.default.createContext(null);
+exports.EntityContext.displayName = 'EntityContext';

package/cjs/contexts/index.d.ts

@@ -14,3 +14,4 @@ export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttr
 export { EntityMarkerContext } from './EntityMarkerContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
+export { EntityContext } from './EntityContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -38,3 +38,5 @@ var WorkflowTasksContext_1 = require("./WorkflowTasksContext");
 Object.defineProperty(exports, "WorkflowTasksContext", { enumerable: true, get: function () { return WorkflowTasksContext_1.WorkflowTasksContext; } });
 var RelatedObjectUrisContext_1 = require("./RelatedObjectUrisContext");
 Object.defineProperty(exports, "RelatedObjectUrisContext", { enumerable: true, get: function () { return RelatedObjectUrisContext_1.RelatedObjectUrisContext; } });
+var EntityContext_1 = require("./EntityContext");
+Object.defineProperty(exports, "EntityContext", { enumerable: true, get: function () { return EntityContext_1.EntityContext; } });

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

@@ -1,2 +1,2 @@
 export default useStyles;
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "secondaryLabel" | "entityType" | "inactive" | "profileIcon" | "badge" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "businessCard" | "specialInfo" | "entityId" | "scores">;
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "secondaryLabel" | "entityType" | "inactive" | "profileIcon" | "badge" | "businessCard" | "scores" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo" | "entityId">;

package/esm/components/ProfilesList/ProfilesList.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Entity, Metadata, RangeColorsConfig } from '@reltio/mdm-sdk';
+declare type Props = {
+    metadata: Metadata;
+    entities: Entity[];
+    entityToHighlight?: string;
+    selectedEntityUri?: string;
+    scoresToShow?: string[];
+    rangeColorsConfig?: RangeColorsConfig;
+    onEntityClick?: (entityUri: string) => void;
+    onEntityHover?: (entityUri: string) => void;
+    entitiesImportStatus?: {
+        entityUri: string;
+    };
+    entityButtonsRenderer?: (entity: Entity) => void;
+};
+declare const ProfilesList: ({ entities, metadata, entityToHighlight, selectedEntityUri, scoresToShow, rangeColorsConfig, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: Props) => JSX.Element;
+export default ProfilesList;

package/esm/components/ProfilesList/ProfilesList.js

@@ -0,0 +1,83 @@
+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);
+};
+import React, { useRef } from 'react';
+import classnames from 'classnames';
+import { prop } from 'ramda';
+import { getBusinessCardAttributesText, getEntityId, getEntityUriForLink, getLabel, getScores, isActiveObject } from '@reltio/mdm-sdk';
+import Score from '../Score/Score';
+import EntityTypeBadge from '../EntityTypeBadge/EntityTypeBadge';
+import EntityUriLink from '../EntityUriLink/EntityUriLink';
+import EntityAvatar from '../EntityAvatar/EntityAvatar';
+import { ImportModes } from '../ImportButton/ImportButton';
+import { clearScrollTimer, isScrolledIntoView, scroll } from './helpers';
+import { useDidUpdateEffect } from '../../hooks';
+import { useStyles } from './styles';
+var SECOND_SCROLL_PAUSE = 1000;
+var ProfilesList = function (_a) {
+    var entities = _a.entities, metadata = _a.metadata, entityToHighlight = _a.entityToHighlight, selectedEntityUri = _a.selectedEntityUri, scoresToShow = _a.scoresToShow, rangeColorsConfig = _a.rangeColorsConfig, onEntityClick = _a.onEntityClick, onEntityHover = _a.onEntityHover, entitiesImportStatus = _a.entitiesImportStatus, entityButtonsRenderer = _a.entityButtonsRenderer;
+    var styles = useStyles();
+    var list = useRef(null);
+    var scrollTimer = useRef(null);
+    useDidUpdateEffect(function () {
+        var _a, _b;
+        if (entityToHighlight) {
+            var element_1 = (_a = list.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-entity-uri='" + entityToHighlight + "']");
+            clearScrollTimer(scrollTimer.current);
+            if ((element_1 === null || element_1 === void 0 ? void 0 : element_1.length) > 0) {
+                var scrollableParent_1 = (_b = list.current) === null || _b === void 0 ? void 0 : _b.parentElement;
+                if (!isScrolledIntoView(element_1[0], scrollableParent_1)) {
+                    scroll(element_1[0]);
+                    scrollTimer.current = setTimeout(function () {
+                        if (!isScrolledIntoView(element_1[0], scrollableParent_1)) {
+                            scroll(element_1[0]);
+                        }
+                    }, SECOND_SCROLL_PAUSE);
+                }
+            }
+        }
+        return function () {
+            clearScrollTimer(scrollTimer.current);
+        };
+    }, [entityToHighlight]);
+    return (React.createElement("div", { ref: list }, (entities || []).map(function (entity) {
+        var _a;
+        var label = getLabel(entity.label);
+        var secondaryLabel = entity.secondaryLabel;
+        var businessCardText = getBusinessCardAttributesText(metadata, entity);
+        var isActive = isActiveObject(entity);
+        var scores = getScores(metadata, entity, scoresToShow);
+        var entityUri = entity.uri;
+        var entityUriForLink = getEntityUriForLink(entity);
+        var importStatus = prop(entityUri, entitiesImportStatus);
+        return (React.createElement("div", { key: entityUri, className: classnames(styles.item, (_a = {},
+                _a[styles.clickable] = !!onEntityClick,
+                _a[styles.selected] = entityUri === selectedEntityUri,
+                _a[styles.highlighted] = entityUri === entityToHighlight,
+                _a[styles.inactive] = !isActive,
+                _a[styles.justImported] = importStatus === ImportModes.SUCCESS,
+                _a)), onClick: onEntityClick ? function () { return onEntityClick(entityUri); } : undefined, onMouseEnter: onEntityHover ? function () { return onEntityHover(entityUri); } : undefined, onMouseLeave: onEntityHover ? function () { return onEntityHover(null); } : undefined, "data-entity-uri": entityUri },
+            React.createElement(EntityAvatar, { entity: entity, avatarClassName: styles.avatar, imageClassName: styles.image }),
+            React.createElement("div", { className: styles.info },
+                React.createElement("div", null,
+                    React.createElement(EntityUriLink, { value: entityUriForLink, className: styles.label }, label),
+                    secondaryLabel && React.createElement("span", { className: styles.secondaryLabel },
+                        secondaryLabel,
+                        " "),
+                    businessCardText && React.createElement("span", { className: styles.businessCard }, businessCardText)),
+                React.createElement("div", { className: styles.secondRow },
+                    React.createElement(EntityTypeBadge, { entity: entity }),
+                    React.createElement("div", null, getEntityId(entity)),
+                    scores.length > 0 && (React.createElement("div", { className: styles.scores }, scores.map(function (score, i) { return (React.createElement(Score, __assign({ key: i }, score, { rangeColorsConfig: rangeColorsConfig }))); }))))),
+            entityButtonsRenderer && entityButtonsRenderer(entity)));
+    })));
+};
+export default ProfilesList;

package/esm/components/ProfilesList/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare const scroll: (element: any) => any;
+export declare const clearScrollTimer: (scrollTimer: any) => void;
+export declare const isScrolledIntoView: (element: any, scrollableParent: any) => boolean;

package/esm/components/ProfilesList/helpers.js

@@ -0,0 +1,14 @@
+export var scroll = function (element) { return element && element.scrollIntoView({ block: 'end', behavior: 'smooth' }); };
+export var clearScrollTimer = function (scrollTimer) {
+    if (scrollTimer) {
+        clearTimeout(scrollTimer);
+    }
+};
+export var isScrolledIntoView = function (element, scrollableParent) {
+    if (element && scrollableParent) {
+        var elemTop = element.offsetTop;
+        var elemBottom = element.offsetTop + element.clientHeight;
+        var clientHeight = scrollableParent.clientHeight, scrollTop = scrollableParent.scrollTop;
+        return elemTop >= 0 && elemBottom > scrollTop && elemBottom < scrollTop + clientHeight;
+    }
+};

package/esm/components/ProfilesList/index.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import ProfilesList from './ProfilesList';
+export { ProfilesList };
+declare const _default: import("react-redux").ConnectedComponent<({ entities, metadata, entityToHighlight, selectedEntityUri, scoresToShow, rangeColorsConfig, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: {
+    metadata: import("@reltio/mdm-sdk").Metadata;
+    entities: import("@reltio/mdm-sdk").Entity[];
+    entityToHighlight?: string;
+    selectedEntityUri?: string;
+    scoresToShow?: string[];
+    rangeColorsConfig?: import("@reltio/mdm-sdk").RangeColorsConfig;
+    onEntityClick?: (entityUri: string) => void;
+    onEntityHover?: (entityUri: string) => void;
+    entitiesImportStatus?: {
+        entityUri: string;
+    };
+    entityButtonsRenderer?: (entity: import("@reltio/mdm-sdk").Entity) => void;
+}) => JSX.Element, import("react-redux").Omit<{
+    metadata: import("@reltio/mdm-sdk").Metadata;
+    entities: import("@reltio/mdm-sdk").Entity[];
+    entityToHighlight?: string;
+    selectedEntityUri?: string;
+    scoresToShow?: string[];
+    rangeColorsConfig?: import("@reltio/mdm-sdk").RangeColorsConfig;
+    onEntityClick?: (entityUri: string) => void;
+    onEntityHover?: (entityUri: string) => void;
+    entitiesImportStatus?: {
+        entityUri: string;
+    };
+    entityButtonsRenderer?: (entity: import("@reltio/mdm-sdk").Entity) => void;
+}, "metadata">>;
+export default _default;

package/esm/components/ProfilesList/index.js

@@ -0,0 +1,10 @@
+import { connect } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import ProfilesList from './ProfilesList';
+var mapStateToProps = function (state) {
+    return {
+        metadata: mdmModule.selectors.getMetadata(state)
+    };
+};
+export { ProfilesList };
+export default connect(mapStateToProps)(ProfilesList);

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

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "item" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "secondRow" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "scores">;

package/esm/components/ProfilesList/styles.js

@@ -0,0 +1,105 @@
+import { fade, makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) {
+    return {
+        '@keyframes animate': {
+            from: { background: 'transparent' },
+            '66%': { background: '#f2e68e' },
+            '100%': { background: 'transparent' }
+        },
+        highlighted: {
+            animationName: '$animate',
+            animationDuration: '3s',
+            animationIterationCount: 1
+        },
+        item: {
+            display: 'flex',
+            minHeight: '40px',
+            borderBottom: '1px solid rgba(0, 0, 0, 0.1)',
+            flexDirection: 'row',
+            '&:after': {
+                // IE flex & min-height workaround
+                content: '',
+                minHeight: 'inherit',
+                fontSize: 0
+            },
+            '&:hover': {
+                backgroundColor: 'rgba(0, 0, 0, 0.03)'
+            }
+        },
+        clickable: {
+            cursor: 'pointer'
+        },
+        selected: {
+            background: fade(theme.palette.primary.main, 0.12),
+            '&:hover': {
+                background: fade(theme.palette.primary.main, 0.24)
+            }
+        },
+        inactive: {
+            background: theme.inactiveBackground,
+            '&:hover': {
+                background: theme.inactiveHoverBackground
+            },
+            '&$selected': {
+                background: theme.inactiveSelectedBackground,
+                '&:hover': {
+                    background: theme.inactiveSelectedHoverBackground
+                }
+            }
+        },
+        justImported: {
+            backgroundColor: '#FFFBEB !important'
+        },
+        avatar: {
+            marginLeft: '20px'
+        },
+        image: {
+            height: '32px',
+            width: '32px',
+            marginTop: '8px',
+            marginBottom: '7px'
+        },
+        info: {
+            marginLeft: '20px',
+            flexGrow: 1,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            fontSize: '13px',
+            width: '100%',
+            overflow: 'hidden',
+            overflowWrap: 'break-word',
+            wordWrap: 'break-word' // for IE
+        },
+        label: {
+            fontSize: '13px',
+            lineHeight: '15px',
+            fontWeight: 500,
+            color: theme.palette.primary.main,
+            marginRight: '17px',
+            textDecoration: 'none'
+        },
+        secondaryLabel: {
+            marginRight: '12px'
+        },
+        businessCard: {
+            color: 'rgba(0, 0, 0, 0.54)'
+        },
+        secondRow: {
+            display: 'flex',
+            marginTop: '2px',
+            alignItems: 'center',
+            color: 'rgba(0, 0, 0, 0.54)',
+            fontSize: '12px'
+        },
+        scores: {
+            display: 'flex',
+            flexWrap: 'wrap',
+            color: 'rgba(0, 0, 0, 0.87)',
+            marginLeft: '10px',
+            marginRight: '20px',
+            fontSize: '13px',
+            minWidth: '134px'
+        }
+    };
+});

package/esm/components/attributes/AttributesView/AttributesView.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AttributesViewOwnProps } from '../types';
-declare const AttributesView: ({ mode, attributesCount, pinnedAttributes, ...restProps }: AttributesViewOwnProps) => JSX.Element;
+declare const AttributesView: ({ mode, attributesCount, pinnedAttributes, entity, ...restProps }: AttributesViewOwnProps) => JSX.Element;
 export default AttributesView;

package/esm/components/attributes/AttributesView/AttributesView.js

@@ -24,8 +24,9 @@ import React from 'react';
 import { isViewMode, Mode } from '@reltio/mdm-sdk';
 import ReadModeAttributesView from '../readMode/AttributesView';
 import EditModeAttributesView from '../editMode/AttributesView';
+import { EntityContext } from '../../../contexts';
 var AttributesView = function (_a) {
-    var _b = _a.mode, mode = _b === void 0 ? Mode.Viewing : _b, attributesCount = _a.attributesCount, pinnedAttributes = _a.pinnedAttributes, restProps = __rest(_a, ["mode", "attributesCount", "pinnedAttributes"]);
-    return isViewMode(mode) ? (React.createElement(ReadModeAttributesView, __assign({ attributesCount: attributesCount }, restProps))) : (React.createElement(EditModeAttributesView, __assign({ mode: mode, pinnedAttributes: pinnedAttributes }, restProps)));
+    var _b = _a.mode, mode = _b === void 0 ? Mode.Viewing : _b, attributesCount = _a.attributesCount, pinnedAttributes = _a.pinnedAttributes, entity = _a.entity, restProps = __rest(_a, ["mode", "attributesCount", "pinnedAttributes", "entity"]);
+    return (React.createElement(EntityContext.Provider, { value: entity }, isViewMode(mode) ? (React.createElement(ReadModeAttributesView, __assign({ attributesCount: attributesCount, entity: entity }, restProps))) : (React.createElement(EditModeAttributesView, __assign({ mode: mode, pinnedAttributes: pinnedAttributes, entity: entity }, restProps)))));
 };
 export default AttributesView;

package/esm/components/attributes/AttributesView/index.d.ts

@@ -3,5 +3,5 @@ import { AttributesViewOwnProps } from '../types';
 import AttributesView from './AttributesView';
 declare type Props = Pick<AttributesViewOwnProps, 'entity' | 'mode'>;
 export { AttributesView };
-declare const _default: import("react-redux").ConnectedComponent<({ mode, attributesCount, pinnedAttributes, ...restProps }: AttributesViewOwnProps) => JSX.Element, import("react-redux").Omit<AttributesViewOwnProps, "entity" | "mode"> & Props>;
+declare const _default: import("react-redux").ConnectedComponent<({ mode, attributesCount, pinnedAttributes, entity, ...restProps }: AttributesViewOwnProps) => JSX.Element, import("react-redux").Omit<AttributesViewOwnProps, "entity" | "mode"> & Props>;
 export default _default;

package/esm/components/attributes/editMode/AttributesView/index.d.ts

@@ -2,7 +2,7 @@
 import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, mode, metadata, caption, excludeUris, includeUris, pinnedAttributes }: {
-    entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
@@ -14,7 +14,7 @@ declare const _default: import("react-redux").ConnectedComponent<({ className, e
         roles?: string[];
     }[];
 }) => JSX.Element, import("react-redux").Omit<{
-    entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];

package/esm/components/attributes/readMode/AttributesView/index.d.ts

@@ -2,7 +2,7 @@
 import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, metadata, caption, excludeUris, includeUris, attributesCount }: {
-    entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
@@ -14,7 +14,7 @@ declare const _default: import("react-redux").ConnectedComponent<({ className, e
         roles?: string[];
     }[];
 }) => JSX.Element, import("react-redux").Omit<{
-    entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];

package/esm/components/attributes/readMode/SpecialAttributes/Tags/Tag.js

@@ -2,18 +2,24 @@ import React, { useContext } from 'react';
 import Link from '@material-ui/core/Link';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
-import { getTagLink } from '@reltio/mdm-sdk';
-import { HistoryDiffContext } from '../../../../../contexts/HistoryAppearanceContext';
+import { getDataTenantEntityUri, getTagLink } from '@reltio/mdm-sdk';
+import { EntityContext, HistoryDiffContext } from '../../../../../contexts';
 import { getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName } from '../../helpers/historyAppearance';
 import { useCommonStyles } from '../styles';
 var Tag = function (_a) {
     var value = _a.value;
     var styles = useCommonStyles();
     var uiPath = useSelector(mdmModule.selectors.getUIPath);
-    var entity = useSelector(mdmModule.selectors.getEntity);
+    var ownEntity = useContext(EntityContext);
+    var currentEntity = useSelector(mdmModule.selectors.getEntity);
     var appearance = useContext(HistoryDiffContext).appearance;
     var attributeAppearance = getHistoryAppearanceBySpecialAttributeValue('tags', value, appearance);
     var historyClassName = getHistoryAttributeClassName(attributeAppearance);
-    return (React.createElement(Link, { underline: "none", className: styles[historyClassName], href: getTagLink({ uiPath: uiPath, tag: value, entityUri: entity.uri }) }, value));
+    var entity = ownEntity || currentEntity;
+    return (React.createElement(Link, { underline: "none", className: styles[historyClassName], href: getTagLink({
+            uiPath: uiPath,
+            tag: value,
+            entityUri: entity.dataTenant ? getDataTenantEntityUri(entity) : entity.uri
+        }) }, value));
 };
 export default Tag;

package/esm/components/attributes/types/attributesView.d.ts

@@ -3,7 +3,7 @@ declare type OwnProps = {
     attributesCount?: number;
     caption?: string;
     className?: string;
-    entity?: Entity | Record<string, never>;
+    entity?: Entity;
     excludeUris?: string[];
     includeUris?: string[];
     pinnedAttributes?: {

package/esm/components/index.d.ts

@@ -127,3 +127,4 @@ export { ProfileMatchCard } from './ProfileMatchCard/ProfileMatchCard';
 export { MergeButton } from './MergeButton/MergeButton';
 export { NotMatchButton } from './NotMatchButton/NotMatchButton';
 export { ActionButton, ActionButtonMode } from './ActionButton/ActionButton';
+export { default as ProfilesList } from './ProfilesList';

package/esm/components/index.js

@@ -126,3 +126,4 @@ export { ProfileMatchCard } from './ProfileMatchCard/ProfileMatchCard';
 export { MergeButton } from './MergeButton/MergeButton';
 export { NotMatchButton } from './NotMatchButton/NotMatchButton';
 export { ActionButton, ActionButtonMode } from './ActionButton/ActionButton';
+export { default as ProfilesList } from './ProfilesList';

package/esm/contexts/EntityContext/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { Entity } from '@reltio/mdm-sdk';
+export declare const EntityContext: React.Context<Entity>;

package/esm/contexts/EntityContext/index.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var EntityContext = React.createContext(null);
+EntityContext.displayName = 'EntityContext';

package/esm/contexts/index.d.ts

@@ -14,3 +14,4 @@ export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttr
 export { EntityMarkerContext } from './EntityMarkerContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
+export { EntityContext } from './EntityContext';

package/esm/contexts/index.js

@@ -14,3 +14,4 @@ export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttr
 export { EntityMarkerContext } from './EntityMarkerContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
+export { EntityContext } from './EntityContext';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.996",
+  "version": "1.4.999",
   "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.996",
-    "@reltio/mdm-sdk": "^1.4.996",
+    "@reltio/mdm-module": "^1.4.999",
+    "@reltio/mdm-sdk": "^1.4.999",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",