@reltio/components 1.4.993 → 1.4.997

package/cjs/HOCs/index.d.ts

@@ -1,2 +1,3 @@
-export { default as withTooltip } from "./withTooltip/withTooltip";
-export { default as withAsyncMount } from "./withAsyncMount/withAsyncMount";
+export { default as withTooltip } from './withTooltip/withTooltip';
+export { default as withAsyncMount } from './withAsyncMount/withAsyncMount';
+export { withContext } from './withContext/withContext';

package/cjs/HOCs/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withAsyncMount = exports.withTooltip = void 0;
+exports.withContext = exports.withAsyncMount = exports.withTooltip = void 0;
 var withTooltip_1 = require("./withTooltip/withTooltip");
 Object.defineProperty(exports, "withTooltip", { enumerable: true, get: function () { return __importDefault(withTooltip_1).default; } });
 var withAsyncMount_1 = require("./withAsyncMount/withAsyncMount");
 Object.defineProperty(exports, "withAsyncMount", { enumerable: true, get: function () { return __importDefault(withAsyncMount_1).default; } });
+var withContext_1 = require("./withContext/withContext");
+Object.defineProperty(exports, "withContext", { enumerable: true, get: function () { return withContext_1.withContext; } });

package/cjs/HOCs/withContext/withContext.d.ts

@@ -0,0 +1,4 @@
+import React, { Context as ContextType, ComponentType } from 'react';
+declare type AnyObject = Record<string, unknown>;
+export declare const withContext: <C extends unknown, P extends AnyObject, SP extends AnyObject>(Context: React.Context<C>, contextSelector: (state: C, props?: P) => SP, Component: React.ComponentType<P>) => React.ComponentType<P> | ((props: any) => JSX.Element);
+export {};

package/cjs/HOCs/withContext/withContext.js

@@ -0,0 +1,47 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withContext = void 0;
+var react_1 = __importStar(require("react"));
+var withContext = function (Context, contextSelector, Component) {
+    if (Context && contextSelector) {
+        var PureComponent_1 = react_1.memo(Component);
+        var PureComponentWithContext = function (props) {
+            return (react_1.default.createElement(Context.Consumer, null, function (contextState) { return react_1.default.createElement(PureComponent_1, __assign({}, props, contextSelector(contextState, props))); }));
+        };
+        return PureComponentWithContext;
+    }
+    else {
+        return Component;
+    }
+};
+exports.withContext = withContext;

package/cjs/components/BasicTableView/BasicTable/HOCs/withTableContext.d.ts

@@ -1,2 +1,4 @@
 export default withTableContext;
-declare function withTableContext(contextSelector: any): (CellRenderer: any) => any;
+declare function withTableContext(contextSelector: any): (CellRenderer: any) => import("react").ComponentType<{
+    [x: string]: unknown;
+}> | ((props: any) => JSX.Element);

package/cjs/components/BasicTableView/BasicTable/HOCs/withTableContext.js

@@ -1,47 +1,8 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
 var TableContext_1 = require("../contexts/TableContext");
+var withContext_1 = require("../../../../HOCs/withContext/withContext");
 var withTableContext = function (contextSelector) { return function (CellRenderer) {
-    if (contextSelector) {
-        var PureCellRenderer_1 = react_1.memo(CellRenderer);
-        var CellRendererWithContext = function (props) {
-            return (react_1.default.createElement(TableContext_1.TableContext.Consumer, null, function (tableContext) { return react_1.default.createElement(PureCellRenderer_1, __assign({}, props, contextSelector(tableContext, props))); }));
-        };
-        return CellRendererWithContext;
-    }
-    else {
-        return CellRenderer;
-    }
+    return withContext_1.withContext(TableContext_1.TableContext, contextSelector, CellRenderer);
 }; };
 exports.default = withTableContext;

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/charts/TableWithBars/cell-renderers/AttributeCellRenderer.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 declare type Props = {
     value?: string;
     onClick?: () => void;
 };
 export declare const AttributeCellRenderer: ({ value, onClick }: Props) => JSX.Element;
-declare const _default: any;
+declare const _default: React.ComponentType<{
+    [x: string]: unknown;
+}> | ((props: any) => JSX.Element);
 export default _default;

package/cjs/components/crosswalks/AttributesTable/AddAttributesButton/AddAttributesButton.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AddInlineAttributeEvent } from '../../../attributes/inline';
 import { AttributeType } from '@reltio/mdm-sdk';
 declare type Props = {
@@ -9,5 +9,7 @@ declare type Props = {
     onAdd: (event: AddInlineAttributeEvent) => void;
 };
 export declare const AddAttributesButton: ({ parentTypeUri, parentUri, selectedAttributeTypes, onSelectAttributeTypes, onAdd }: Props) => JSX.Element;
-declare const _default: any;
+declare const _default: React.ComponentType<{
+    [x: string]: unknown;
+}> | ((props: any) => JSX.Element);
 export default _default;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.d.ts

@@ -16,5 +16,7 @@ declare type Props = {
     readOnly?: boolean;
 };
 export declare const AttributeValuesRenderer: ({ value, onDelete, onEdit, onPin, onIgnore, onAdd, parentUri, readOnly }: Props) => JSX.Element;
-declare const _default: any;
+declare const _default: import("react").ComponentType<{
+    [x: string]: unknown;
+}> | ((props: any) => JSX.Element);
 export default _default;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 declare type Props = {
     readOnly?: boolean;
     headCellData: {
@@ -6,5 +6,7 @@ declare type Props = {
     };
 };
 export declare const AttributesHeadCellRenderer: ({ readOnly, ...props }: Props) => JSX.Element;
-declare const _default: any;
+declare const _default: React.ComponentType<{
+    [x: string]: unknown;
+}> | ((props: any) => JSX.Element);
 export default _default;