@reltio/components 1.4.1376 → 1.4.1378

package/cjs/components/DataTenantBadge/DataTenantBadge.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    dataTenantId: string;
+    className?: string;
+};
+export declare const DataTenantBadge: ({ dataTenantId, className }: Props) => JSX.Element;
+export {};

package/cjs/components/DataTenantBadge/DataTenantBadge.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataTenantBadge = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var react_redux_1 = require("react-redux");
+var ramda_1 = require("ramda");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var styles_1 = require("./styles");
+var addDataTenantPrefix = function (label) { return "DT:".concat((0, ramda_1.slice)(0, 1, label)); };
+var DataTenantBadge = function (_a) {
+    var dataTenantId = _a.dataTenantId, className = _a.className;
+    var styles = (0, styles_1.useStyles)({ dataTenantId: dataTenantId });
+    var dataTenants = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDataTenants);
+    var dataTenant = (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.find)((0, ramda_1.propEq)('id', dataTenantId)))(dataTenants);
+    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);
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
+        react_1.default.createElement(Typography_1.default, { variant: "body2" }, label)));
+};
+exports.DataTenantBadge = DataTenantBadge;

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

@@ -0,0 +1,5 @@
+declare type Props = {
+    dataTenantId: string;
+};
+export declare const useStyles: (props: Props) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
+export {};

package/cjs/components/DataTenantBadge/styles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+exports.useStyles = (0, styles_1.makeStyles)({
+    root: function (_a) {
+        var dataTenantId = _a.dataTenantId;
+        var backgroundColor = (0, mdm_sdk_1.getTenantIconColor)(dataTenantId);
+        var color = (0, mdm_sdk_1.getFontColor)(backgroundColor);
+        return {
+            backgroundColor: backgroundColor,
+            color: color,
+            height: '18px',
+            padding: '0 3px'
+        };
+    }
+});

package/cjs/components/EntityUriLink/EntityUriLink.js

@@ -32,8 +32,9 @@ var EntityUriLink = (0, react_1.forwardRef)(function (_a, ref) {
     var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className;
     var dispatch = (0, react_redux_1.useDispatch)();
     var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
+    var generateEntityLink = (0, react_1.useContext)(contexts_1.GenerateEntityUrlContext) || mdm_sdk_1.getEntityLink;
     var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
-    var generateEntityUrl = function (uri) { return (0, mdm_sdk_1.getEntityLink)({ uiPath: uiPath, uri: uri, screen: screen }); };
+    var generateEntityUrl = function (uri) { return generateEntityLink({ uiPath: uiPath, uri: uri, screen: screen }); };
     var onClick = (0, react_1.useCallback)(function () {
         dispatch(mdm_module_1.ui.actions.openEntity({ uri: value, viewId: viewId, screen: screen }));
     }, [viewId, value, dispatch, screen]);

package/cjs/components/index.d.ts

@@ -142,3 +142,4 @@ export { default as SourceSystemsSelector } from './SourceSystemsSelector/Source
 export { TenantIcon } from './TenantIcon/TenantIcon';
 export { TenantsDropDownSelector } from './TenantsDropDownSelector/TenantsDropDownSelector';
 export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';
+export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';

package/cjs/components/index.js

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type GenerateEntityUrl = ({ uiPath, uri, screen }: {
+    uiPath: string;
+    uri: string;
+    screen: string;
+}) => string;
+export declare const GenerateEntityUrlContext: React.Context<GenerateEntityUrl>;
+export {};

package/cjs/contexts/GenerateEntityUrlContext/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.GenerateEntityUrlContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.GenerateEntityUrlContext = react_1.default.createContext(null);
+exports.GenerateEntityUrlContext.displayName = 'GenerateEntityUrlContext';

package/cjs/contexts/index.d.ts

@@ -23,3 +23,4 @@ export { HighlightedValuesContext } from './HighlightedValuesContext';
 export { InterceptHandlersContext } from './InterceptHandlersContext';
 export { SearchValueContext } from './SearchValueContext';
 export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
+export { GenerateEntityUrlContext } from './GenerateEntityUrlContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = 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;
+exports.GenerateEntityUrlContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = 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");
@@ -59,3 +59,5 @@ Object.defineProperty(exports, "SearchValueContext", { enumerable: true, get: fu
 var ScrollToErrorContext_1 = require("./ScrollToErrorContext");
 Object.defineProperty(exports, "ScrollToErrorContext", { enumerable: true, get: function () { return ScrollToErrorContext_1.ScrollToErrorContext; } });
 Object.defineProperty(exports, "ScrollToErrorProvider", { enumerable: true, get: function () { return ScrollToErrorContext_1.ScrollToErrorProvider; } });
+var GenerateEntityUrlContext_1 = require("./GenerateEntityUrlContext");
+Object.defineProperty(exports, "GenerateEntityUrlContext", { enumerable: true, get: function () { return GenerateEntityUrlContext_1.GenerateEntityUrlContext; } });

package/esm/components/DataTenantBadge/DataTenantBadge.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    dataTenantId: string;
+    className?: string;
+};
+export declare const DataTenantBadge: ({ dataTenantId, className }: Props) => JSX.Element;
+export {};

package/esm/components/DataTenantBadge/DataTenantBadge.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import classnames from 'classnames';
+import { useSelector } from 'react-redux';
+import { propEq, toUpper, slice, pipe, defaultTo, find, propOr, startsWith, ifElse } from 'ramda';
+import mdmModule from '@reltio/mdm-module';
+import Typography from '@material-ui/core/Typography';
+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 = useSelector(mdmModule.selectors.getDataTenants);
+    var dataTenant = pipe(defaultTo([]), find(propEq('id', dataTenantId)))(dataTenants);
+    var label = pipe(propOr('', 'label'), toUpper, ifElse(startsWith('DT:'), slice(0, 4), addDataTenantPrefix))(dataTenant);
+    return (React.createElement("div", { className: classnames(styles.root, className) },
+        React.createElement(Typography, { variant: "body2" }, label)));
+};

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

@@ -0,0 +1,5 @@
+declare type Props = {
+    dataTenantId: string;
+};
+export declare const useStyles: (props: Props) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
+export {};

package/esm/components/DataTenantBadge/styles.js

@@ -0,0 +1,15 @@
+import { makeStyles } from '@material-ui/core/styles';
+import { getFontColor, getTenantIconColor } from '@reltio/mdm-sdk';
+export var useStyles = makeStyles({
+    root: function (_a) {
+        var dataTenantId = _a.dataTenantId;
+        var backgroundColor = getTenantIconColor(dataTenantId);
+        var color = getFontColor(backgroundColor);
+        return {
+            backgroundColor: backgroundColor,
+            color: color,
+            height: '18px',
+            padding: '0 3px'
+        };
+    }
+});

package/esm/components/EntityUriLink/EntityUriLink.js

@@ -1,14 +1,15 @@
 import React, { forwardRef, useCallback, useContext } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { ViewIdContext } from '../../contexts';
+import { GenerateEntityUrlContext, ViewIdContext } from '../../contexts';
 import mdmModule, { ui } from '@reltio/mdm-module';
 import { getEntityLink } from '@reltio/mdm-sdk';
 var EntityUriLink = forwardRef(function (_a, ref) {
     var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className;
     var dispatch = useDispatch();
     var viewId = useContext(ViewIdContext);
+    var generateEntityLink = useContext(GenerateEntityUrlContext) || getEntityLink;
     var uiPath = useSelector(mdmModule.selectors.getUIPath);
-    var generateEntityUrl = function (uri) { return getEntityLink({ uiPath: uiPath, uri: uri, screen: screen }); };
+    var generateEntityUrl = function (uri) { return generateEntityLink({ uiPath: uiPath, uri: uri, screen: screen }); };
     var onClick = useCallback(function () {
         dispatch(ui.actions.openEntity({ uri: value, viewId: viewId, screen: screen }));
     }, [viewId, value, dispatch, screen]);

package/esm/components/index.d.ts

@@ -142,3 +142,4 @@ export { default as SourceSystemsSelector } from './SourceSystemsSelector/Source
 export { TenantIcon } from './TenantIcon/TenantIcon';
 export { TenantsDropDownSelector } from './TenantsDropDownSelector/TenantsDropDownSelector';
 export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';
+export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';

package/esm/components/index.js

@@ -142,3 +142,4 @@ export { default as SourceSystemsSelector } from './SourceSystemsSelector/Source
 export { TenantIcon } from './TenantIcon/TenantIcon';
 export { TenantsDropDownSelector } from './TenantsDropDownSelector/TenantsDropDownSelector';
 export { default as SettingsMenu } from './SettingsMenu/SettingsMenu';
+export { DataTenantBadge } from './DataTenantBadge/DataTenantBadge';

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type GenerateEntityUrl = ({ uiPath, uri, screen }: {
+    uiPath: string;
+    uri: string;
+    screen: string;
+}) => string;
+export declare const GenerateEntityUrlContext: React.Context<GenerateEntityUrl>;
+export {};

package/esm/contexts/GenerateEntityUrlContext/index.js

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

package/esm/contexts/index.d.ts

@@ -23,3 +23,4 @@ export { HighlightedValuesContext } from './HighlightedValuesContext';
 export { InterceptHandlersContext } from './InterceptHandlersContext';
 export { SearchValueContext } from './SearchValueContext';
 export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
+export { GenerateEntityUrlContext } from './GenerateEntityUrlContext';

package/esm/contexts/index.js

@@ -23,3 +23,4 @@ export { HighlightedValuesContext } from './HighlightedValuesContext';
 export { InterceptHandlersContext } from './InterceptHandlersContext';
 export { SearchValueContext } from './SearchValueContext';
 export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
+export { GenerateEntityUrlContext } from './GenerateEntityUrlContext';

package/package.json

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