@reltio/components 1.4.2238 → 1.4.2240

package/DataTenantBadge/DataTenantBadge.js

@@ -3,14 +3,14 @@ import classnames from 'classnames';
 import { propEq, toUpper, slice, pipe, defaultTo, find, propOr, startsWith, ifElse } from 'ramda';
 import Typography from '@mui/material/Typography';
 import Tooltip from '@mui/material/Tooltip';
-import { useMdmDataTenants } from '../contexts/MdmModuleContext';
+import { useMdmDataTenantsWithIdBuilder } from '../contexts/MdmModuleContext';
 import { useStyles } from './styles';
 var addDataTenantPrefix = function (label) { return "DT:".concat(slice(0, 1, label)); };
 export var DataTenantBadge = function (_a) {
     var dataTenantId = _a.dataTenantId, className = _a.className;
     var styles = useStyles({ dataTenantId: dataTenantId });
-    var dataTenants = useMdmDataTenants();
-    var dataTenant = pipe(defaultTo([]), find(propEq('id', dataTenantId)))(dataTenants);
+    var dataTenantsWithIdBuilder = useMdmDataTenantsWithIdBuilder();
+    var dataTenant = pipe(defaultTo([]), find(propEq('id', dataTenantId)))(dataTenantsWithIdBuilder);
     var label = pipe(propOr('', 'label'), toUpper, ifElse(startsWith('DT:'), slice(0, 4), addDataTenantPrefix))(dataTenant);
     var content = (React.createElement("div", { className: classnames(styles.root, className) },
         React.createElement(Typography, { variant: "body2" }, label)));

package/DataTenantBadge/DataTenantBadge.test.js

@@ -30,7 +30,7 @@ var defaultDataTenants = [
     }
 ];
 var defaultMdmValues = {
-    dataTenants: defaultDataTenants
+    dataTenantsWithIdBuilder: defaultDataTenants
 };
 var setUp = function (props, mdmValues) {
     if (mdmValues === void 0) { mdmValues = defaultMdmValues; }
@@ -40,7 +40,7 @@ var setUp = function (props, mdmValues) {
     };
     return render(React.createElement(DataTenantBadge, __assign({}, props)), { wrapper: Providers });
 };
-describe('DataTenantBage tests', function () {
+describe('DataTenantBadge tests', function () {
     it('should pass className to root element correctly', function () {
         setUp({ dataTenantId: 'uitest3', className: 'dataTenantBadge' });
         expect(screen.getByLabelText('DT:TEST')).toHaveClass('dataTenantBadge');
@@ -50,7 +50,7 @@ describe('DataTenantBage tests', function () {
         screen.getByText('DT:T');
     });
     it('should render correct label if dataTenants is not exists', function () {
-        var mdmValues = { dataTenants: [] };
+        var mdmValues = { dataTenantsWithIdBuilder: [] };
         setUp({ dataTenantId: 'uitest3' }, mdmValues);
         screen.getByText('DT:');
     });

package/DropDownSelector/DropDownSelector.d.ts

@@ -23,7 +23,8 @@ type Props<T> = {
     TextFieldProps?: TextFieldProps;
     height?: number;
     classes?: Record<string, string>;
+    required?: boolean;
     [key: string]: unknown;
 };
-export declare const DropDownSelector: <T>({ value, label, options, getOptions, createLabel, height, onChange, onCreate, canCreateOption, onClear, components, textFieldInputRef, TextFieldProps, classes, ...otherProps }: Props<T>) => React.JSX.Element;
+export declare const DropDownSelector: <T>({ value, label, options, getOptions, createLabel, height, onChange, onCreate, canCreateOption, onClear, components, textFieldInputRef, TextFieldProps, classes, required, ...otherProps }: Props<T>) => React.JSX.Element;
 export {};

package/DropDownSelector/DropDownSelector.js

@@ -33,7 +33,7 @@ import { SingleValue } from './components/SingleValue';
 import { useStyles, customStyles, overloadMenuListStyle, withoutLabelInputStyle } from './styles';
 export var DropDownSelector = function (_a) {
     var _b;
-    var value = _a.value, label = _a.label, options = _a.options, getOptions = _a.getOptions, createLabel = _a.createLabel, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, onCreate = _a.onCreate, _e = _a.canCreateOption, canCreateOption = _e === void 0 ? function () { return Boolean(onCreate); } : _e, _f = _a.onClear, onClear = _f === void 0 ? identity : _f, _g = _a.components, components = _g === void 0 ? {} : _g, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, _h = _a.classes, classes = _h === void 0 ? {} : _h, otherProps = __rest(_a, ["value", "label", "options", "getOptions", "createLabel", "height", "onChange", "onCreate", "canCreateOption", "onClear", "components", "textFieldInputRef", "TextFieldProps", "classes"]);
+    var value = _a.value, label = _a.label, options = _a.options, getOptions = _a.getOptions, createLabel = _a.createLabel, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, onCreate = _a.onCreate, _e = _a.canCreateOption, canCreateOption = _e === void 0 ? function () { return Boolean(onCreate); } : _e, _f = _a.onClear, onClear = _f === void 0 ? identity : _f, _g = _a.components, components = _g === void 0 ? {} : _g, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, _h = _a.classes, classes = _h === void 0 ? {} : _h, required = _a.required, otherProps = __rest(_a, ["value", "label", "options", "getOptions", "createLabel", "height", "onChange", "onCreate", "canCreateOption", "onClear", "components", "textFieldInputRef", "TextFieldProps", "classes", "required"]);
     var styles = useStyles({ height: height });
     var _j = useState(false), open = _j[0], setOpen = _j[1];
     var inputRef = useRef(null);
@@ -51,5 +51,5 @@ export var DropDownSelector = function (_a) {
     var overloadStylesIfNoLabel = isEmpty(label) ? withoutLabelInputStyle : {};
     var mergedStyles = __assign(__assign(__assign({}, customStyles), overloadStylesIfGroup), overloadStylesIfNoLabel);
     var mergedClasses = __assign(__assign({}, styles), classes);
-    return (React.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: defaultTo(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, canCreateOption: canCreateOption, classes: mergedClasses, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: ReactSelectDropdownIndicator, LoadingIndicator: EmptyStub, SingleValue: SingleValue, Menu: Menu }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', size: 'small', classes: __assign(__assign({}, prop('classes', TextFieldProps)), { root: classnames(styles.formControl, path(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, prop('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, prop('InputProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputProps', 'classes'], TextFieldProps)), { root: classnames(styles.filledInputRoot, path(['InputProps', 'classes', 'root'], TextFieldProps)), underline: classnames((_b = {}, _b[styles.filledInputUnderline] = isEmptyValue(value), _b), path(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: classnames('focused', path(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, prop('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputLabelProps', 'classes'], TextFieldProps)), { root: classnames(styles.inputLabel, path(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: classnames('shrink', path(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !isEmptyValue(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
+    return (React.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: defaultTo(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, canCreateOption: canCreateOption, classes: mergedClasses, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: ReactSelectDropdownIndicator, LoadingIndicator: EmptyStub, SingleValue: SingleValue, Menu: Menu }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', size: 'small', required: required, classes: __assign(__assign({}, prop('classes', TextFieldProps)), { root: classnames(styles.formControl, path(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, prop('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, prop('InputProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputProps', 'classes'], TextFieldProps)), { root: classnames(styles.filledInputRoot, path(['InputProps', 'classes', 'root'], TextFieldProps)), underline: classnames((_b = {}, _b[styles.filledInputUnderline] = isEmptyValue(value), _b), path(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: classnames('focused', path(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, prop('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputLabelProps', 'classes'], TextFieldProps)), { root: classnames(styles.inputLabel, path(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: classnames('shrink', path(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !isEmptyValue(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
 };

package/EntitySelector/EntitySelector.d.ts

@@ -18,6 +18,7 @@ type Props = {
     height?: number;
     isDisabled?: boolean;
     isMasked?: boolean;
+    required?: boolean;
 };
-export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, ...otherProps }: Props) => React.JSX.Element;
+export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, required, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/EntitySelector/EntitySelector.js

@@ -35,7 +35,7 @@ import { buildEntityOptions } from './helpers';
 import { useStyles } from './styles';
 var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
 export var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "isMasked"]);
+    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, required = _a.required, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "isMasked", "required"]);
     var styles = useStyles();
     var _g = useState(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }).filter(isAvailableEntityType); }, [entityTypesUris, metadata]);
@@ -94,7 +94,7 @@ export var EntitySelector = function (_a) {
         return (__assign(__assign({}, (TextFieldProps || {})), (_a = {}, _a['data-reltio-id'] = 'reltio-entity-selector', _a)));
     }, [TextFieldProps]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(DropDownSelector, __assign({ key: entityTypesUris.join(','), value: !isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, canCreateOption: canCreateEntity, components: __assign(__assign({ Option: EntityOption, SingleValue: SingleValue }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick, TextFieldProps: textFieldProps }, dropDownSelectorProps)),
+        React.createElement(DropDownSelector, __assign({ key: entityTypesUris.join(','), value: !isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, canCreateOption: canCreateEntity, components: __assign(__assign({ Option: EntityOption, SingleValue: SingleValue }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick, TextFieldProps: textFieldProps, required: required }, dropDownSelectorProps)),
         isTempEntity && (React.createElement("div", { "data-reltio-id": "entity-creator", className: styles.creatorWrapper },
             React.createElement(EntityCreator, { mode: mode, attributeTypesSelectionStrategy: attributeTypesSelectionStrategy, entityType: currentEntityType, entityUri: entity.entityUri })))));
 };

package/EntityUriLink/EntityUriLink.d.ts

@@ -3,4 +3,5 @@ export declare const EntityUriLink: React.ForwardRefExoticComponent<Omit<Omit<Re
     value: string;
     screen?: string;
     shouldOpenInNewTab?: boolean;
+    disabled?: boolean;
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/EntityUriLink/EntityUriLink.js

@@ -25,7 +25,7 @@ import { useMdmUiPath, useMdmAction } from '../contexts/MdmModuleContext';
 import { UrlGeneratorsContext } from '../contexts/UrlGeneratorsContext';
 import { isControlOrCommandPressed } from '../helpers/events';
 export var EntityUriLink = forwardRef(function (_a, ref) {
-    var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, otherProps = __rest(_a, ["value", "children", "screen", "className", "shouldOpenInNewTab"]);
+    var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, otherProps = __rest(_a, ["value", "children", "screen", "className", "shouldOpenInNewTab", "disabled"]);
     var generateEntityUrl = useContext(UrlGeneratorsContext).generateEntityUrl;
     var uiPath = useMdmUiPath();
     var openEntity = useMdmAction('openEntity');
@@ -36,6 +36,6 @@ export var EntityUriLink = forwardRef(function (_a, ref) {
         }
         e.stopPropagation();
     }, [openEntity, screen, value]);
-    return value ? (React.createElement("a", __assign({ ref: ref, href: generateEntityUrl({ uiPath: uiPath, uri: value, screen: screen }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (React.createElement("span", __assign({ className: className }, otherProps), children));
+    return disabled || !value ? (React.createElement("span", __assign({ ref: ref, className: className }, otherProps), children)) : (React.createElement("a", __assign({ ref: ref, href: generateEntityUrl({ uiPath: uiPath, uri: value, screen: screen }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children));
 });
 EntityUriLink.displayName = 'EntityUriLink';

package/ProfileCard/ProfileCard.d.ts

@@ -8,6 +8,7 @@ type Props = {
         container?: string;
     };
     variant?: 'loading' | 'normal';
+    disableEntityLink?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const _default: React.MemoExoticComponent<({ entity, classes, variant, ...otherProps }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ entity, classes, variant, disableEntityLink, ...otherProps }: Props) => React.JSX.Element>;
 export default _default;

package/ProfileCard/ProfileCard.js

@@ -26,9 +26,9 @@ import { ProfileCardContent } from './components/ProfileCardContent';
 import { ProfileCardPlaceholder } from './components/ProfileCardPlaceholder';
 import { useStyles } from './styles';
 var ProfileCard = function (_a) {
-    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.variant, variant = _c === void 0 ? 'normal' : _c, otherProps = __rest(_a, ["entity", "classes", "variant"]);
+    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.variant, variant = _c === void 0 ? 'normal' : _c, _d = _a.disableEntityLink, disableEntityLink = _d === void 0 ? false : _d, otherProps = __rest(_a, ["entity", "classes", "variant", "disableEntityLink"]);
     var styles = useStyles();
     var containerClass = classes.container;
-    return (React.createElement("div", __assign({ className: classnames(styles.container, containerClass) }, otherProps), variant === 'normal' ? (React.createElement(ProfileCardContent, { entity: entity, classes: classes })) : (React.createElement(ProfileCardPlaceholder, null))));
+    return (React.createElement("div", __assign({ className: classnames(styles.container, containerClass) }, otherProps), variant === 'normal' ? (React.createElement(ProfileCardContent, { entity: entity, classes: classes, disableEntityLink: disableEntityLink })) : (React.createElement(ProfileCardPlaceholder, null))));
 };
 export default memo(ProfileCard);

package/ProfileCard/ProfileCard.test.js

@@ -112,4 +112,23 @@ describe('Profile card tests', function () {
         screen.getByTestId('profile-card-placeholder-avatar');
         screen.getByTestId('profile-card-placeholder-info');
     });
+    it('should render two ProfileCards: one from IdentityBuilder (no link) and one normal (with link)', function () {
+        var entityWithDataTenant = __assign(__assign({}, defaultEntity), { uri: 'entities/dt-456', label: 'IdentityBuilder match', dataTenant: 'tenant-with-id-builder' });
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (React.createElement(MdmModuleProvider, { values: mdmValues }, children));
+        };
+        render(React.createElement(React.Fragment, null,
+            React.createElement(ProfileCard, { entity: entityWithDataTenant, disableEntityLink: true, "data-reltio-id": "profile-id-builder" }),
+            React.createElement(ProfileCard, { entity: defaultEntity, disableEntityLink: false, "data-reltio-id": "profile-normal" })), { wrapper: Providers });
+        // IdentityBuilder: the label is visible as text only, no link
+        var idBuilderCard = screen.getByTestId('profile-id-builder');
+        expect(idBuilderCard).toHaveTextContent('IdentityBuilder match');
+        expect(idBuilderCard.querySelector('a[href]')).not.toBeInTheDocument();
+        // Normal: a label is a link
+        var normalCard = screen.getByTestId('profile-normal');
+        expect(normalCard).toHaveTextContent('Main label');
+        expect(normalCard.querySelector('a[href]')).toBeInTheDocument();
+        expect(screen.getByRole('link', { name: 'Main label' })).toHaveAttribute('href', 'https://reltio.com/nui#p~com.reltio.plugins.entity.default.DefaultPerspective_e~entities/123');
+    });
 });

package/ProfileCard/components/ProfileCardContent/ProfileCardContent.d.ts

@@ -6,6 +6,7 @@ type Props = {
         label?: string;
         secondaryLabel?: string;
     };
+    disableEntityLink?: boolean;
 };
-export declare const ProfileCardContent: ({ entity, classes }: Props) => React.JSX.Element;
+export declare const ProfileCardContent: ({ entity, classes, disableEntityLink }: Props) => React.JSX.Element;
 export {};

package/ProfileCard/components/ProfileCardContent/ProfileCardContent.js

@@ -8,7 +8,7 @@ import { ExpandedValueTooltip } from '../../../ExpandedValueTooltip';
 import { EntityTypeBadge } from '../../../EntityTypeBadge';
 import { useStyles } from './styles';
 export var ProfileCardContent = function (_a) {
-    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b;
+    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.disableEntityLink, disableEntityLink = _c === void 0 ? false : _c;
     var styles = useStyles();
     var secondaryLabelClass = classes.secondaryLabel, labelClass = classes.label;
     var label = getLabel(entity.label);
@@ -19,7 +19,7 @@ export var ProfileCardContent = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement(EntityAvatar, { entity: entity, imageClassName: styles.image }),
         React.createElement("div", { className: styles.info },
-            React.createElement(EntityUriLink, { value: getEntityUriForLink(entity), className: styles.link },
+            React.createElement(EntityUriLink, { value: getEntityUriForLink(entity), className: styles.link, disabled: disableEntityLink },
                 React.createElement(ExpandedValueTooltip, { value: label, placement: "top", showOnExceededHeight: true },
                     React.createElement("div", { className: classnames(styles.label, labelClass) }, label))),
             secondaryLabel && (React.createElement(ExpandedValueTooltip, { value: secondaryLabel, placement: "top", showOnExceededHeight: true },

package/TenantsDropDownSelector/TenantsDropDownSelector.d.ts

@@ -4,6 +4,7 @@ type Props = {
     selectedTenant: DataTenant;
     entityTypeUri: string;
     onChangeTenant: (tenant: DataTenant) => void;
+    dataTenants: DataTenant[];
 };
-export declare const TenantsDropDownSelector: ({ entityTypeUri, onChangeTenant, selectedTenant }: Props) => React.JSX.Element;
+export declare const TenantsDropDownSelector: ({ entityTypeUri, onChangeTenant, selectedTenant, dataTenants }: Props) => React.JSX.Element;
 export {};

package/TenantsDropDownSelector/TenantsDropDownSelector.js

@@ -5,12 +5,11 @@ import { isAvailableTenantForEntityType, isEmptyValue } from '@reltio/mdm-sdk';
 import { DropDownMenuButton } from '../DropDownMenuButton';
 import { TenantIcon } from '../TenantIcon';
 import { TenantMenuItem } from './components/TenantMenuItem';
-import { useMdmDataTenants, useMdmTenantObject } from '../contexts/MdmModuleContext';
+import { useMdmTenantObject } from '../contexts/MdmModuleContext';
 import { useStyles } from './styles';
 export var TenantsDropDownSelector = function (_a) {
-    var entityTypeUri = _a.entityTypeUri, onChangeTenant = _a.onChangeTenant, selectedTenant = _a.selectedTenant;
+    var entityTypeUri = _a.entityTypeUri, onChangeTenant = _a.onChangeTenant, selectedTenant = _a.selectedTenant, dataTenants = _a.dataTenants;
     var styles = useStyles();
-    var dataTenants = useMdmDataTenants();
     var customerTenant = useMdmTenantObject();
     var menuItems = useMemo(function () {
         return pipe(defaultTo([]), filter(isAvailableTenantForEntityType(entityTypeUri)), map(function (dataTenant) { return ({

package/TenantsDropDownSelector/TenantsDropDownSelector.spec.js

@@ -45,6 +45,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 import React from 'react';
 import { render, screen, within } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
@@ -55,14 +64,19 @@ var defaultDataTenants = [
     { id: 'tenantId2', name: 'secondTenantName' },
     { id: 'tenantId3', name: 'thirdTenantName', label: 'Third tenant name' }
 ];
+var defaultDataTenantsWithIdBuilder = __spreadArray(__spreadArray([], defaultDataTenants, true), [
+    { id: 'tenantId4', name: 'idBuilderTenant', idBuilderSubscription: true }
+], false);
 var defaultMdmValues = {
     dataTenants: defaultDataTenants,
+    dataTenantsWithIdBuilder: defaultDataTenantsWithIdBuilder,
     tenant: tenantObject
 };
 var defaultProps = {
     onChangeTenant: jest.fn(),
     entityTypeUri: 'entityTypeUris',
-    selectedTenant: tenantObject
+    selectedTenant: tenantObject,
+    dataTenants: defaultDataTenantsWithIdBuilder
 };
 var setUp = function (_a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d;
@@ -75,8 +89,8 @@ var setUp = function (_a) {
 };
 describe('TenantsDropDownSelector test', function () {
     it('should render nothing if dataTenants is empty', function () {
-        var mdmValues = __assign(__assign({}, defaultMdmValues), { dataTenants: [] });
-        var container = setUp({ mdmValues: mdmValues }).container;
+        var props = __assign(__assign({}, defaultProps), { dataTenants: [] });
+        var container = setUp({ props: props }).container;
         expect(container).toBeEmptyDOMElement();
     });
     it('should render nothing if onChangeTenant is undefined', function () {
@@ -125,4 +139,21 @@ describe('TenantsDropDownSelector test', function () {
             }
         });
     }); });
+    it('should use dataTenants passed via props', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, button, menuItems;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    button = screen.getByText('T');
+                    return [4 /*yield*/, user.click(button)];
+                case 1:
+                    _a.sent();
+                    menuItems = screen.getAllByRole('menuitem');
+                    expect(menuItems).toHaveLength(4); // 1 customer tenant + 3 data tenants (including idBuilder in defaultDataTenantsWithIdBuilder)
+                    within(menuItems[3]).getByText('idBuilderTenant');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/DataTenantBadge/DataTenantBadge.js

@@ -15,8 +15,8 @@ var addDataTenantPrefix = function (label) { return "DT:".concat((0, ramda_1.sli
 var DataTenantBadge = function (_a) {
     var dataTenantId = _a.dataTenantId, className = _a.className;
     var styles = (0, styles_1.useStyles)({ dataTenantId: dataTenantId });
-    var dataTenants = (0, MdmModuleContext_1.useMdmDataTenants)();
-    var dataTenant = (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.find)((0, ramda_1.propEq)('id', dataTenantId)))(dataTenants);
+    var dataTenantsWithIdBuilder = (0, MdmModuleContext_1.useMdmDataTenantsWithIdBuilder)();
+    var dataTenant = (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.find)((0, ramda_1.propEq)('id', dataTenantId)))(dataTenantsWithIdBuilder);
     var label = (0, ramda_1.pipe)((0, ramda_1.propOr)('', 'label'), ramda_1.toUpper, (0, ramda_1.ifElse)((0, ramda_1.startsWith)('DT:'), (0, ramda_1.slice)(0, 4), addDataTenantPrefix))(dataTenant);
     var content = (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement(Typography_1.default, { variant: "body2" }, label)));

package/cjs/DataTenantBadge/DataTenantBadge.test.js

@@ -35,7 +35,7 @@ var defaultDataTenants = [
     }
 ];
 var defaultMdmValues = {
-    dataTenants: defaultDataTenants
+    dataTenantsWithIdBuilder: defaultDataTenants
 };
 var setUp = function (props, mdmValues) {
     if (mdmValues === void 0) { mdmValues = defaultMdmValues; }
@@ -45,7 +45,7 @@ var setUp = function (props, mdmValues) {
     };
     return (0, react_2.render)(react_1.default.createElement(DataTenantBadge_1.DataTenantBadge, __assign({}, props)), { wrapper: Providers });
 };
-describe('DataTenantBage tests', function () {
+describe('DataTenantBadge tests', function () {
     it('should pass className to root element correctly', function () {
         setUp({ dataTenantId: 'uitest3', className: 'dataTenantBadge' });
         expect(react_2.screen.getByLabelText('DT:TEST')).toHaveClass('dataTenantBadge');
@@ -55,7 +55,7 @@ describe('DataTenantBage tests', function () {
         react_2.screen.getByText('DT:T');
     });
     it('should render correct label if dataTenants is not exists', function () {
-        var mdmValues = { dataTenants: [] };
+        var mdmValues = { dataTenantsWithIdBuilder: [] };
         setUp({ dataTenantId: 'uitest3' }, mdmValues);
         react_2.screen.getByText('DT:');
     });

package/cjs/DropDownSelector/DropDownSelector.d.ts

@@ -23,7 +23,8 @@ type Props<T> = {
     TextFieldProps?: TextFieldProps;
     height?: number;
     classes?: Record<string, string>;
+    required?: boolean;
     [key: string]: unknown;
 };
-export declare const DropDownSelector: <T>({ value, label, options, getOptions, createLabel, height, onChange, onCreate, canCreateOption, onClear, components, textFieldInputRef, TextFieldProps, classes, ...otherProps }: Props<T>) => React.JSX.Element;
+export declare const DropDownSelector: <T>({ value, label, options, getOptions, createLabel, height, onChange, onCreate, canCreateOption, onClear, components, textFieldInputRef, TextFieldProps, classes, required, ...otherProps }: Props<T>) => React.JSX.Element;
 export {};

package/cjs/DropDownSelector/DropDownSelector.js

@@ -62,7 +62,7 @@ var SingleValue_1 = require("./components/SingleValue");
 var styles_1 = require("./styles");
 var DropDownSelector = function (_a) {
     var _b;
-    var value = _a.value, label = _a.label, options = _a.options, getOptions = _a.getOptions, createLabel = _a.createLabel, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? ramda_1.identity : _d, onCreate = _a.onCreate, _e = _a.canCreateOption, canCreateOption = _e === void 0 ? function () { return Boolean(onCreate); } : _e, _f = _a.onClear, onClear = _f === void 0 ? ramda_1.identity : _f, _g = _a.components, components = _g === void 0 ? {} : _g, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, _h = _a.classes, classes = _h === void 0 ? {} : _h, otherProps = __rest(_a, ["value", "label", "options", "getOptions", "createLabel", "height", "onChange", "onCreate", "canCreateOption", "onClear", "components", "textFieldInputRef", "TextFieldProps", "classes"]);
+    var value = _a.value, label = _a.label, options = _a.options, getOptions = _a.getOptions, createLabel = _a.createLabel, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? ramda_1.identity : _d, onCreate = _a.onCreate, _e = _a.canCreateOption, canCreateOption = _e === void 0 ? function () { return Boolean(onCreate); } : _e, _f = _a.onClear, onClear = _f === void 0 ? ramda_1.identity : _f, _g = _a.components, components = _g === void 0 ? {} : _g, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, _h = _a.classes, classes = _h === void 0 ? {} : _h, required = _a.required, otherProps = __rest(_a, ["value", "label", "options", "getOptions", "createLabel", "height", "onChange", "onCreate", "canCreateOption", "onClear", "components", "textFieldInputRef", "TextFieldProps", "classes", "required"]);
     var styles = (0, styles_1.useStyles)({ height: height });
     var _j = (0, react_1.useState)(false), open = _j[0], setOpen = _j[1];
     var inputRef = (0, react_1.useRef)(null);
@@ -80,6 +80,6 @@ var DropDownSelector = function (_a) {
     var overloadStylesIfNoLabel = (0, ramda_1.isEmpty)(label) ? styles_1.withoutLabelInputStyle : {};
     var mergedStyles = __assign(__assign(__assign({}, styles_1.customStyles), overloadStylesIfGroup), overloadStylesIfNoLabel);
     var mergedClasses = __assign(__assign({}, styles), classes);
-    return (react_1.default.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: (0, ramda_1.defaultTo)(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, canCreateOption: canCreateOption, classes: mergedClasses, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: ReactSelectDropdownIndicator_1.ReactSelectDropdownIndicator, LoadingIndicator: EmptyStub_1.EmptyStub, SingleValue: SingleValue_1.SingleValue, Menu: Menu_1.Menu }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', size: 'small', classes: __assign(__assign({}, (0, ramda_1.prop)('classes', TextFieldProps)), { root: (0, classnames_1.default)(styles.formControl, (0, ramda_1.path)(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, (0, ramda_1.prop)('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, (0, ramda_1.prop)('InputProps', TextFieldProps)), { classes: __assign(__assign({}, (0, ramda_1.path)(['InputProps', 'classes'], TextFieldProps)), { root: (0, classnames_1.default)(styles.filledInputRoot, (0, ramda_1.path)(['InputProps', 'classes', 'root'], TextFieldProps)), underline: (0, classnames_1.default)((_b = {}, _b[styles.filledInputUnderline] = (0, mdm_sdk_1.isEmptyValue)(value), _b), (0, ramda_1.path)(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: (0, classnames_1.default)('focused', (0, ramda_1.path)(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, (0, ramda_1.prop)('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, (0, ramda_1.path)(['InputLabelProps', 'classes'], TextFieldProps)), { root: (0, classnames_1.default)(styles.inputLabel, (0, ramda_1.path)(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: (0, classnames_1.default)('shrink', (0, ramda_1.path)(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !(0, mdm_sdk_1.isEmptyValue)(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
+    return (react_1.default.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: (0, ramda_1.defaultTo)(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, canCreateOption: canCreateOption, classes: mergedClasses, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: ReactSelectDropdownIndicator_1.ReactSelectDropdownIndicator, LoadingIndicator: EmptyStub_1.EmptyStub, SingleValue: SingleValue_1.SingleValue, Menu: Menu_1.Menu }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', size: 'small', required: required, classes: __assign(__assign({}, (0, ramda_1.prop)('classes', TextFieldProps)), { root: (0, classnames_1.default)(styles.formControl, (0, ramda_1.path)(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, (0, ramda_1.prop)('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, (0, ramda_1.prop)('InputProps', TextFieldProps)), { classes: __assign(__assign({}, (0, ramda_1.path)(['InputProps', 'classes'], TextFieldProps)), { root: (0, classnames_1.default)(styles.filledInputRoot, (0, ramda_1.path)(['InputProps', 'classes', 'root'], TextFieldProps)), underline: (0, classnames_1.default)((_b = {}, _b[styles.filledInputUnderline] = (0, mdm_sdk_1.isEmptyValue)(value), _b), (0, ramda_1.path)(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: (0, classnames_1.default)('focused', (0, ramda_1.path)(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, (0, ramda_1.prop)('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, (0, ramda_1.path)(['InputLabelProps', 'classes'], TextFieldProps)), { root: (0, classnames_1.default)(styles.inputLabel, (0, ramda_1.path)(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: (0, classnames_1.default)('shrink', (0, ramda_1.path)(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !(0, mdm_sdk_1.isEmptyValue)(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
 };
 exports.DropDownSelector = DropDownSelector;

package/cjs/EntitySelector/EntitySelector.d.ts

@@ -18,6 +18,7 @@ type Props = {
     height?: number;
     isDisabled?: boolean;
     isMasked?: boolean;
+    required?: boolean;
 };
-export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, ...otherProps }: Props) => React.JSX.Element;
+export declare const EntitySelector: ({ entity, entityTypesUris, mode, max, onChange, onCreate, metadata, globalSearchRequestOptions, attributeTypesSelectionStrategy, disableLinkClick, isMasked, required, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/EntitySelector/EntitySelector.js

@@ -64,7 +64,7 @@ var helpers_1 = require("./helpers");
 var styles_1 = require("./styles");
 var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
 var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "isMasked"]);
+    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, _f = _a.isMasked, isMasked = _f === void 0 ? false : _f, required = _a.required, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick", "isMasked", "required"]);
     var styles = (0, styles_1.useStyles)();
     var _g = (0, react_1.useState)(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = (0, react_1.useMemo)(function () { return entityTypesUris.map(function (type) { return (0, mdm_sdk_1.getEntityType)(metadata, type); }).filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypesUris, metadata]);
@@ -123,7 +123,7 @@ var EntitySelector = function (_a) {
         return (__assign(__assign({}, (TextFieldProps || {})), (_a = {}, _a['data-reltio-id'] = 'reltio-entity-selector', _a)));
     }, [TextFieldProps]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(DropDownSelector_1.DropDownSelector, __assign({ key: entityTypesUris.join(','), value: !(0, ramda_1.isEmpty)(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: (0, ramda_1.prop)('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, canCreateOption: canCreateEntity, components: __assign(__assign({ Option: EntityOption_1.EntityOption, SingleValue: SingleValue_1.SingleValue }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick, TextFieldProps: textFieldProps }, dropDownSelectorProps)),
+        react_1.default.createElement(DropDownSelector_1.DropDownSelector, __assign({ key: entityTypesUris.join(','), value: !(0, ramda_1.isEmpty)(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: (0, ramda_1.prop)('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, canCreateOption: canCreateEntity, components: __assign(__assign({ Option: EntityOption_1.EntityOption, SingleValue: SingleValue_1.SingleValue }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick, TextFieldProps: textFieldProps, required: required }, dropDownSelectorProps)),
         isTempEntity && (react_1.default.createElement("div", { "data-reltio-id": "entity-creator", className: styles.creatorWrapper },
             react_1.default.createElement(EntityCreator_1.EntityCreator, { mode: mode, attributeTypesSelectionStrategy: attributeTypesSelectionStrategy, entityType: currentEntityType, entityUri: entity.entityUri })))));
 };

package/cjs/EntityUriLink/EntityUriLink.d.ts

@@ -3,4 +3,5 @@ export declare const EntityUriLink: React.ForwardRefExoticComponent<Omit<Omit<Re
     value: string;
     screen?: string;
     shouldOpenInNewTab?: boolean;
+    disabled?: boolean;
 }, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/cjs/EntityUriLink/EntityUriLink.js

@@ -51,7 +51,7 @@ var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var UrlGeneratorsContext_1 = require("../contexts/UrlGeneratorsContext");
 var events_1 = require("../helpers/events");
 exports.EntityUriLink = (0, react_1.forwardRef)(function (_a, ref) {
-    var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, otherProps = __rest(_a, ["value", "children", "screen", "className", "shouldOpenInNewTab"]);
+    var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className, _b = _a.shouldOpenInNewTab, shouldOpenInNewTab = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, otherProps = __rest(_a, ["value", "children", "screen", "className", "shouldOpenInNewTab", "disabled"]);
     var generateEntityUrl = (0, react_1.useContext)(UrlGeneratorsContext_1.UrlGeneratorsContext).generateEntityUrl;
     var uiPath = (0, MdmModuleContext_1.useMdmUiPath)();
     var openEntity = (0, MdmModuleContext_1.useMdmAction)('openEntity');
@@ -62,6 +62,6 @@ exports.EntityUriLink = (0, react_1.forwardRef)(function (_a, ref) {
         }
         e.stopPropagation();
     }, [openEntity, screen, value]);
-    return value ? (react_1.default.createElement("a", __assign({ ref: ref, href: generateEntityUrl({ uiPath: uiPath, uri: value, screen: screen }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children)) : (react_1.default.createElement("span", __assign({ className: className }, otherProps), children));
+    return disabled || !value ? (react_1.default.createElement("span", __assign({ ref: ref, className: className }, otherProps), children)) : (react_1.default.createElement("a", __assign({ ref: ref, href: generateEntityUrl({ uiPath: uiPath, uri: value, screen: screen }), onClick: shouldOpenInNewTab ? undefined : handleClick, target: shouldOpenInNewTab ? '_blank' : '_self', rel: "noreferrer", className: className }, otherProps), children));
 });
 exports.EntityUriLink.displayName = 'EntityUriLink';

package/cjs/ProfileCard/ProfileCard.d.ts

@@ -8,6 +8,7 @@ type Props = {
         container?: string;
     };
     variant?: 'loading' | 'normal';
+    disableEntityLink?: boolean;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const _default: React.MemoExoticComponent<({ entity, classes, variant, ...otherProps }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ entity, classes, variant, disableEntityLink, ...otherProps }: Props) => React.JSX.Element>;
 export default _default;

package/cjs/ProfileCard/ProfileCard.js

@@ -54,9 +54,9 @@ var ProfileCardContent_1 = require("./components/ProfileCardContent");
 var ProfileCardPlaceholder_1 = require("./components/ProfileCardPlaceholder");
 var styles_1 = require("./styles");
 var ProfileCard = function (_a) {
-    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.variant, variant = _c === void 0 ? 'normal' : _c, otherProps = __rest(_a, ["entity", "classes", "variant"]);
+    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.variant, variant = _c === void 0 ? 'normal' : _c, _d = _a.disableEntityLink, disableEntityLink = _d === void 0 ? false : _d, otherProps = __rest(_a, ["entity", "classes", "variant", "disableEntityLink"]);
     var styles = (0, styles_1.useStyles)();
     var containerClass = classes.container;
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(styles.container, containerClass) }, otherProps), variant === 'normal' ? (react_1.default.createElement(ProfileCardContent_1.ProfileCardContent, { entity: entity, classes: classes })) : (react_1.default.createElement(ProfileCardPlaceholder_1.ProfileCardPlaceholder, null))));
+    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(styles.container, containerClass) }, otherProps), variant === 'normal' ? (react_1.default.createElement(ProfileCardContent_1.ProfileCardContent, { entity: entity, classes: classes, disableEntityLink: disableEntityLink })) : (react_1.default.createElement(ProfileCardPlaceholder_1.ProfileCardPlaceholder, null))));
 };
 exports.default = (0, react_1.memo)(ProfileCard);

package/cjs/ProfileCard/ProfileCard.test.js

@@ -117,4 +117,23 @@ describe('Profile card tests', function () {
         react_2.screen.getByTestId('profile-card-placeholder-avatar');
         react_2.screen.getByTestId('profile-card-placeholder-info');
     });
+    it('should render two ProfileCards: one from IdentityBuilder (no link) and one normal (with link)', function () {
+        var entityWithDataTenant = __assign(__assign({}, defaultEntity), { uri: 'entities/dt-456', label: 'IdentityBuilder match', dataTenant: 'tenant-with-id-builder' });
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children));
+        };
+        (0, react_2.render)(react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ProfileCard_1.default, { entity: entityWithDataTenant, disableEntityLink: true, "data-reltio-id": "profile-id-builder" }),
+            react_1.default.createElement(ProfileCard_1.default, { entity: defaultEntity, disableEntityLink: false, "data-reltio-id": "profile-normal" })), { wrapper: Providers });
+        // IdentityBuilder: the label is visible as text only, no link
+        var idBuilderCard = react_2.screen.getByTestId('profile-id-builder');
+        expect(idBuilderCard).toHaveTextContent('IdentityBuilder match');
+        expect(idBuilderCard.querySelector('a[href]')).not.toBeInTheDocument();
+        // Normal: a label is a link
+        var normalCard = react_2.screen.getByTestId('profile-normal');
+        expect(normalCard).toHaveTextContent('Main label');
+        expect(normalCard.querySelector('a[href]')).toBeInTheDocument();
+        expect(react_2.screen.getByRole('link', { name: 'Main label' })).toHaveAttribute('href', 'https://reltio.com/nui#p~com.reltio.plugins.entity.default.DefaultPerspective_e~entities/123');
+    });
 });

package/cjs/ProfileCard/components/ProfileCardContent/ProfileCardContent.d.ts

@@ -6,6 +6,7 @@ type Props = {
         label?: string;
         secondaryLabel?: string;
     };
+    disableEntityLink?: boolean;
 };
-export declare const ProfileCardContent: ({ entity, classes }: Props) => React.JSX.Element;
+export declare const ProfileCardContent: ({ entity, classes, disableEntityLink }: Props) => React.JSX.Element;
 export {};

package/cjs/ProfileCard/components/ProfileCardContent/ProfileCardContent.js

@@ -37,7 +37,7 @@ var ExpandedValueTooltip_1 = require("../../../ExpandedValueTooltip");
 var EntityTypeBadge_1 = require("../../../EntityTypeBadge");
 var styles_1 = require("./styles");
 var ProfileCardContent = function (_a) {
-    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b;
+    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.disableEntityLink, disableEntityLink = _c === void 0 ? false : _c;
     var styles = (0, styles_1.useStyles)();
     var secondaryLabelClass = classes.secondaryLabel, labelClass = classes.label;
     var label = (0, mdm_sdk_1.getLabel)(entity.label);
@@ -48,7 +48,7 @@ var ProfileCardContent = function (_a) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(EntityAvatar_1.EntityAvatar, { entity: entity, imageClassName: styles.image }),
         react_1.default.createElement("div", { className: styles.info },
-            react_1.default.createElement(EntityUriLink_1.EntityUriLink, { value: (0, mdm_sdk_1.getEntityUriForLink)(entity), className: styles.link },
+            react_1.default.createElement(EntityUriLink_1.EntityUriLink, { value: (0, mdm_sdk_1.getEntityUriForLink)(entity), className: styles.link, disabled: disableEntityLink },
                 react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: label, placement: "top", showOnExceededHeight: true },
                     react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.label, labelClass) }, label))),
             secondaryLabel && (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: secondaryLabel, placement: "top", showOnExceededHeight: true },

package/cjs/TenantsDropDownSelector/TenantsDropDownSelector.d.ts

@@ -4,6 +4,7 @@ type Props = {
     selectedTenant: DataTenant;
     entityTypeUri: string;
     onChangeTenant: (tenant: DataTenant) => void;
+    dataTenants: DataTenant[];
 };
-export declare const TenantsDropDownSelector: ({ entityTypeUri, onChangeTenant, selectedTenant }: Props) => React.JSX.Element;
+export declare const TenantsDropDownSelector: ({ entityTypeUri, onChangeTenant, selectedTenant, dataTenants }: Props) => React.JSX.Element;
 export {};

package/cjs/TenantsDropDownSelector/TenantsDropDownSelector.js

@@ -37,9 +37,8 @@ var TenantMenuItem_1 = require("./components/TenantMenuItem");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var styles_1 = require("./styles");
 var TenantsDropDownSelector = function (_a) {
-    var entityTypeUri = _a.entityTypeUri, onChangeTenant = _a.onChangeTenant, selectedTenant = _a.selectedTenant;
+    var entityTypeUri = _a.entityTypeUri, onChangeTenant = _a.onChangeTenant, selectedTenant = _a.selectedTenant, dataTenants = _a.dataTenants;
     var styles = (0, styles_1.useStyles)();
-    var dataTenants = (0, MdmModuleContext_1.useMdmDataTenants)();
     var customerTenant = (0, MdmModuleContext_1.useMdmTenantObject)();
     var menuItems = (0, react_1.useMemo)(function () {
         return (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.filter)((0, mdm_sdk_1.isAvailableTenantForEntityType)(entityTypeUri)), (0, ramda_1.map)(function (dataTenant) { return ({