@reltio/components 1.4.1376 → 1.4.1377

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/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/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/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/package.json

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