@reltio/components 1.4.949 → 1.4.950

package/cjs/components/AvatarWithFallback/AvatarWithFallback.d.ts

@@ -4,6 +4,10 @@ declare type Props = {
     icon?: string;
     avatarText?: string;
     variant?: 'circle' | 'circular' | 'rounded' | 'square';
+    rootClasses?: {
+        iconRoot?: string;
+        textRoot?: string;
+    };
 };
-declare const AvatarWithFallback: ({ className, icon, avatarText, ...otherProps }: Props) => JSX.Element;
+declare const AvatarWithFallback: ({ className, icon, avatarText, rootClasses, ...otherProps }: Props) => JSX.Element;
 export default AvatarWithFallback;

package/cjs/components/AvatarWithFallback/AvatarWithFallback.js

@@ -45,6 +45,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var Avatar_1 = __importDefault(require("@material-ui/core/Avatar"));
+var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importStar(require("react"));
 var AvatarStates;
 (function (AvatarStates) {
@@ -53,7 +54,7 @@ var AvatarStates;
     AvatarStates[AvatarStates["ERROR_MODE"] = 2] = "ERROR_MODE";
 })(AvatarStates || (AvatarStates = {}));
 var AvatarWithFallback = function (_a) {
-    var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, otherProps = __rest(_a, ["className", "icon", "avatarText"]);
+    var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, rootClasses = _a.rootClasses, otherProps = __rest(_a, ["className", "icon", "avatarText", "rootClasses"]);
     var _b = react_1.useState(null), state = _b[0], setState = _b[1];
     react_1.useEffect(function () {
         if (icon) {
@@ -68,10 +69,10 @@ var AvatarWithFallback = function (_a) {
     };
     switch (state) {
         case AvatarStates.ICON_MODE:
-            return react_1.default.createElement(Avatar_1.default, __assign({ className: className, src: icon, onError: onImageLoadFail }, otherProps));
+            return (react_1.default.createElement(Avatar_1.default, __assign({ className: classnames_1.default(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.iconRoot), src: icon, onError: onImageLoadFail }, otherProps)));
         case AvatarStates.TEXT_MODE:
         case AvatarStates.ERROR_MODE:
-            return (react_1.default.createElement(Avatar_1.default, __assign({ className: className }, otherProps), avatarText));
+            return (react_1.default.createElement(Avatar_1.default, __assign({ className: classnames_1.default(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.textRoot) }, otherProps), avatarText));
         default:
             return null;
     }

package/cjs/components/SourceIcon/SourceIcon.d.ts

@@ -2,6 +2,10 @@
 declare type Props = {
     sourceType: string;
     className?: string;
+    classes?: {
+        iconRoot?: string;
+        textRoot?: string;
+    };
 };
-declare const SourceIcon: ({ sourceType, className }: Props) => JSX.Element;
+declare const SourceIcon: ({ sourceType, className, classes }: Props) => JSX.Element;
 export default SourceIcon;

package/cjs/components/SourceIcon/SourceIcon.js

@@ -10,9 +10,9 @@ var react_redux_1 = require("react-redux");
 var AvatarWithFallback_1 = __importDefault(require("../AvatarWithFallback/AvatarWithFallback"));
 var SOURCE_URL = 'https://s3.amazonaws.com/reltio.images/api';
 var SourceIcon = function (_a) {
-    var sourceType = _a.sourceType, className = _a.className;
+    var sourceType = _a.sourceType, className = _a.className, classes = _a.classes;
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
     var _b = mdm_sdk_1.findSourceSystemByUri(metadata, sourceType), label = _b.label, icon = _b.icon;
-    return (react_1.default.createElement(AvatarWithFallback_1.default, { className: className, avatarText: label[0], icon: icon ? mdm_sdk_1.getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square" }));
+    return (react_1.default.createElement(AvatarWithFallback_1.default, { className: className, avatarText: label[0], icon: icon ? mdm_sdk_1.getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square", rootClasses: classes }));
 };
 exports.default = SourceIcon;

package/esm/components/AvatarWithFallback/AvatarWithFallback.d.ts

@@ -4,6 +4,10 @@ declare type Props = {
     icon?: string;
     avatarText?: string;
     variant?: 'circle' | 'circular' | 'rounded' | 'square';
+    rootClasses?: {
+        iconRoot?: string;
+        textRoot?: string;
+    };
 };
-declare const AvatarWithFallback: ({ className, icon, avatarText, ...otherProps }: Props) => JSX.Element;
+declare const AvatarWithFallback: ({ className, icon, avatarText, rootClasses, ...otherProps }: Props) => JSX.Element;
 export default AvatarWithFallback;

package/esm/components/AvatarWithFallback/AvatarWithFallback.js

@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import Avatar from '@material-ui/core/Avatar';
+import classnames from 'classnames';
 import React, { useEffect, useState } from 'react';
 var AvatarStates;
 (function (AvatarStates) {
@@ -29,7 +30,7 @@ var AvatarStates;
     AvatarStates[AvatarStates["ERROR_MODE"] = 2] = "ERROR_MODE";
 })(AvatarStates || (AvatarStates = {}));
 var AvatarWithFallback = function (_a) {
-    var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, otherProps = __rest(_a, ["className", "icon", "avatarText"]);
+    var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, rootClasses = _a.rootClasses, otherProps = __rest(_a, ["className", "icon", "avatarText", "rootClasses"]);
     var _b = useState(null), state = _b[0], setState = _b[1];
     useEffect(function () {
         if (icon) {
@@ -44,10 +45,10 @@ var AvatarWithFallback = function (_a) {
     };
     switch (state) {
         case AvatarStates.ICON_MODE:
-            return React.createElement(Avatar, __assign({ className: className, src: icon, onError: onImageLoadFail }, otherProps));
+            return (React.createElement(Avatar, __assign({ className: classnames(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.iconRoot), src: icon, onError: onImageLoadFail }, otherProps)));
         case AvatarStates.TEXT_MODE:
         case AvatarStates.ERROR_MODE:
-            return (React.createElement(Avatar, __assign({ className: className }, otherProps), avatarText));
+            return (React.createElement(Avatar, __assign({ className: classnames(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.textRoot) }, otherProps), avatarText));
         default:
             return null;
     }

package/esm/components/SourceIcon/SourceIcon.d.ts

@@ -2,6 +2,10 @@
 declare type Props = {
     sourceType: string;
     className?: string;
+    classes?: {
+        iconRoot?: string;
+        textRoot?: string;
+    };
 };
-declare const SourceIcon: ({ sourceType, className }: Props) => JSX.Element;
+declare const SourceIcon: ({ sourceType, className, classes }: Props) => JSX.Element;
 export default SourceIcon;

package/esm/components/SourceIcon/SourceIcon.js

@@ -5,9 +5,9 @@ import { useSelector } from 'react-redux';
 import AvatarWithFallback from '../AvatarWithFallback/AvatarWithFallback';
 var SOURCE_URL = 'https://s3.amazonaws.com/reltio.images/api';
 var SourceIcon = function (_a) {
-    var sourceType = _a.sourceType, className = _a.className;
+    var sourceType = _a.sourceType, className = _a.className, classes = _a.classes;
     var metadata = useSelector(mdmModule.selectors.getMetadata);
     var _b = findSourceSystemByUri(metadata, sourceType), label = _b.label, icon = _b.icon;
-    return (React.createElement(AvatarWithFallback, { className: className, avatarText: label[0], icon: icon ? getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square" }));
+    return (React.createElement(AvatarWithFallback, { className: className, avatarText: label[0], icon: icon ? getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square", rootClasses: classes }));
 };
 export default SourceIcon;

package/package.json

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