@reltio/components 1.4.2217 → 1.4.2219

package/AttributeListItem/AttributeListItem.d.ts

@@ -5,6 +5,7 @@ export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 type Data = Record<string, unknown> & {
     attrType?: AttributeType;

package/FacetContainer/FacetContainer.d.ts

@@ -3,6 +3,7 @@ export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 export type Props = {
     children?: React.ReactNode;

package/FacetContainer/components/ChipsCount/ChipsCount.d.ts

@@ -4,6 +4,7 @@ export declare const ClearIconWithTooltip: React.ForwardRefExoticComponent<Omit<
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & {
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses>;

package/HOCs/withTooltip/withTooltip.d.ts

@@ -4,6 +4,7 @@ type WithTooltipProps = {
     tooltipTitle?: TooltipProps['title'];
     tooltipPlacement?: TooltipProps['placement'];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 };
 export declare const withTooltip: <Props, AdditionalProps>(Component: React.ComponentType<Props> | React.ElementType) => React.ForwardRefExoticComponent<React.PropsWithoutRef<WithTooltipProps & Props & AdditionalProps> & React.RefAttributes<HTMLElement>>;
 export {};

package/HOCs/withTooltip/withTooltip.js

@@ -23,15 +23,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef } from 'react';
 import Tooltip from '@mui/material/Tooltip';
 import { useStyles } from './styles';
+import classnames from 'classnames';
 export var withTooltip = function (Component) {
     var WithTooltip = forwardRef(function (_a, ref) {
-        var tooltipTitle = _a.tooltipTitle, tooltipPlacement = _a.tooltipPlacement, _b = _a.showForDisabled, showForDisabled = _b === void 0 ? false : _b, componentProps = __rest(_a, ["tooltipTitle", "tooltipPlacement", "showForDisabled"]);
+        var tooltipTitle = _a.tooltipTitle, tooltipPlacement = _a.tooltipPlacement, _b = _a.showForDisabled, showForDisabled = _b === void 0 ? false : _b, tooltipClassName = _a.tooltipClassName, componentProps = __rest(_a, ["tooltipTitle", "tooltipPlacement", "showForDisabled", "tooltipClassName"]);
         var styles = useStyles();
         var renderWrappedComponent = function (showForDisabled) {
             return showForDisabled ? (React.createElement("span", { ref: ref, className: styles.wrapper },
                 React.createElement(Component, __assign({}, componentProps)))) : (React.createElement(Component, __assign({ ref: ref }, componentProps)));
         };
-        return tooltipTitle ? (React.createElement(Tooltip, { ref: ref, title: tooltipTitle, placement: tooltipPlacement || 'bottom', disableFocusListener: true, disableTouchListener: true, classes: { tooltip: styles.tooltip }, PopperProps: {
+        return tooltipTitle ? (React.createElement(Tooltip, { ref: ref, title: tooltipTitle, placement: tooltipPlacement || 'bottom', disableFocusListener: true, disableTouchListener: true, classes: { tooltip: classnames(styles.tooltip, tooltipClassName) }, PopperProps: {
                 modifiers: [{ name: 'preventOverflow', options: { altAxis: true } }]
             } }, renderWrappedComponent(showForDisabled))) : (React.createElement(Component, __assign({ ref: ref }, componentProps)));
     });

package/InfoIcon/InfoIcon.d.ts

@@ -3,4 +3,5 @@ export declare const InfoIcon: React.ForwardRefExoticComponent<Omit<{
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<Record<string, unknown>, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLElement>>;

package/OvIcon/OvIcon.d.ts

@@ -4,6 +4,7 @@ export declare const ChipWithTooltip: React.ForwardRefExoticComponent<Omit<{
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & {
     avatar?: React.ReactElement;
     children?: null;

package/ReltioMap/components/TopRightMapControls/TopRightMapControls.d.ts

@@ -4,6 +4,7 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<Omit<{
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & {
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material/Button").ButtonClasses>;

package/SimpleMatchRulesBlock/SimpleMatchRulesBlock.d.ts

@@ -4,6 +4,7 @@ export declare const MatchRuleBadgeWithTooltip: React.ForwardRefExoticComponent<
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onClick"> & {
     expanded?: boolean;
     onExpand?: React.MouseEventHandler<HTMLDivElement>;

package/SmallIconButton/index.d.ts

@@ -3,6 +3,7 @@ declare const SmallIconButtonWithTooltip: import("react").ForwardRefExoticCompon
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<Omit<import("@mui/material").IconButtonProps, "size"> & {
     iconClassName?: string;
     icon?: React.ElementType;

package/TransitiveMatchBlock/TransitiveMatchBlock.d.ts

@@ -4,6 +4,7 @@ export declare const MatchRuleBadgeWithTooltip: React.ForwardRefExoticComponent<
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onClick"> & {
     expanded?: boolean;
     onExpand?: React.MouseEventHandler<HTMLDivElement>;

package/cjs/AttributeListItem/AttributeListItem.d.ts

@@ -5,6 +5,7 @@ export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 type Data = Record<string, unknown> & {
     attrType?: AttributeType;

package/cjs/FacetContainer/FacetContainer.d.ts

@@ -3,6 +3,7 @@ export declare const RecommendedIconWithTooltip: React.ForwardRefExoticComponent
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 export type Props = {
     children?: React.ReactNode;

package/cjs/FacetContainer/components/ChipsCount/ChipsCount.d.ts

@@ -4,6 +4,7 @@ export declare const ClearIconWithTooltip: React.ForwardRefExoticComponent<Omit<
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & {
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material").SvgIconClasses>;

package/cjs/HOCs/withTooltip/withTooltip.d.ts

@@ -4,6 +4,7 @@ type WithTooltipProps = {
     tooltipTitle?: TooltipProps['title'];
     tooltipPlacement?: TooltipProps['placement'];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 };
 export declare const withTooltip: <Props, AdditionalProps>(Component: React.ComponentType<Props> | React.ElementType) => React.ForwardRefExoticComponent<React.PropsWithoutRef<WithTooltipProps & Props & AdditionalProps> & React.RefAttributes<HTMLElement>>;
 export {};

package/cjs/HOCs/withTooltip/withTooltip.js

@@ -52,15 +52,16 @@ exports.withTooltip = void 0;
 var react_1 = __importStar(require("react"));
 var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 var styles_1 = require("./styles");
+var classnames_1 = __importDefault(require("classnames"));
 var withTooltip = function (Component) {
     var WithTooltip = (0, react_1.forwardRef)(function (_a, ref) {
-        var tooltipTitle = _a.tooltipTitle, tooltipPlacement = _a.tooltipPlacement, _b = _a.showForDisabled, showForDisabled = _b === void 0 ? false : _b, componentProps = __rest(_a, ["tooltipTitle", "tooltipPlacement", "showForDisabled"]);
+        var tooltipTitle = _a.tooltipTitle, tooltipPlacement = _a.tooltipPlacement, _b = _a.showForDisabled, showForDisabled = _b === void 0 ? false : _b, tooltipClassName = _a.tooltipClassName, componentProps = __rest(_a, ["tooltipTitle", "tooltipPlacement", "showForDisabled", "tooltipClassName"]);
         var styles = (0, styles_1.useStyles)();
         var renderWrappedComponent = function (showForDisabled) {
             return showForDisabled ? (react_1.default.createElement("span", { ref: ref, className: styles.wrapper },
                 react_1.default.createElement(Component, __assign({}, componentProps)))) : (react_1.default.createElement(Component, __assign({ ref: ref }, componentProps)));
         };
-        return tooltipTitle ? (react_1.default.createElement(Tooltip_1.default, { ref: ref, title: tooltipTitle, placement: tooltipPlacement || 'bottom', disableFocusListener: true, disableTouchListener: true, classes: { tooltip: styles.tooltip }, PopperProps: {
+        return tooltipTitle ? (react_1.default.createElement(Tooltip_1.default, { ref: ref, title: tooltipTitle, placement: tooltipPlacement || 'bottom', disableFocusListener: true, disableTouchListener: true, classes: { tooltip: (0, classnames_1.default)(styles.tooltip, tooltipClassName) }, PopperProps: {
                 modifiers: [{ name: 'preventOverflow', options: { altAxis: true } }]
             } }, renderWrappedComponent(showForDisabled))) : (react_1.default.createElement(Component, __assign({ ref: ref }, componentProps)));
     });

package/cjs/InfoIcon/InfoIcon.d.ts

@@ -3,4 +3,5 @@ export declare const InfoIcon: React.ForwardRefExoticComponent<Omit<{
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<Record<string, unknown>, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLElement>>;

package/cjs/OvIcon/OvIcon.d.ts

@@ -4,6 +4,7 @@ export declare const ChipWithTooltip: React.ForwardRefExoticComponent<Omit<{
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & {
     avatar?: React.ReactElement;
     children?: null;

package/cjs/ReltioMap/components/TopRightMapControls/TopRightMapControls.d.ts

@@ -4,6 +4,7 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<Omit<{
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & {
     children?: React.ReactNode;
     classes?: Partial<import("@mui/material/Button").ButtonClasses>;

package/cjs/SimpleMatchRulesBlock/SimpleMatchRulesBlock.d.ts

@@ -4,6 +4,7 @@ export declare const MatchRuleBadgeWithTooltip: React.ForwardRefExoticComponent<
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onClick"> & {
     expanded?: boolean;
     onExpand?: React.MouseEventHandler<HTMLDivElement>;

package/cjs/SmallIconButton/index.d.ts

@@ -3,6 +3,7 @@ declare const SmallIconButtonWithTooltip: import("react").ForwardRefExoticCompon
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<Omit<import("@mui/material").IconButtonProps, "size"> & {
     iconClassName?: string;
     icon?: React.ElementType;

package/cjs/TransitiveMatchBlock/TransitiveMatchBlock.d.ts

@@ -4,6 +4,7 @@ export declare const MatchRuleBadgeWithTooltip: React.ForwardRefExoticComponent<
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onClick"> & {
     expanded?: boolean;
     onExpand?: React.MouseEventHandler<HTMLDivElement>;

package/cjs/features/activity-log/ActivityLog/components/ActivityItem/ActivityItem.js

@@ -8,6 +8,8 @@ var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var activities_1 = require("../../../utils/activities");
 var ActivitiesFactory_1 = require("../../../ActivitiesFactory");
+var ErrorBoundary_1 = require("../../../../../ErrorBoundary");
+var ActivityTitle_1 = require("../../../ActivityTitle");
 var styles_1 = require("./styles");
 var ActivityItem = function (_a) {
     var item = _a.item;
@@ -20,9 +22,15 @@ var ActivityItem = function (_a) {
             react_1.default.createElement("div", { className: styles.userContainer },
                 react_1.default.createElement("span", { className: styles.activityUser }, item.user),
                 react_1.default.createElement("span", { className: styles.date }, ui_i18n_1.default.date(item.timestamp, 'LT'))),
-            activities.map(function (activity, index) { return (react_1.default.createElement("div", { key: index, className: styles.activityEvent }, ActivitiesFactory_1.ActivitiesFactory.getComponent({
-                type: (0, activities_1.getActivityType)(activity),
-                data: activity
-            }))); }))));
+            activities.map(function (activity, index) {
+                var activityType = (0, activities_1.getActivityType)(activity);
+                return (react_1.default.createElement("div", { key: index, className: styles.activityEvent },
+                    react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { error: react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement(ActivityTitle_1.ActivityTitle, { type: activityType }),
+                            ui_i18n_1.default.text("Can't render activity")) }, ActivitiesFactory_1.ActivitiesFactory.getComponent({
+                        type: activityType,
+                        data: activity
+                    }))));
+            }))));
 };
 exports.ActivityItem = ActivityItem;

package/cjs/features/history/HistoryGraph/HistoryGraph.d.ts

@@ -4,6 +4,7 @@ export declare const HistoryCircleWithTooltip: React.ForwardRefExoticComponent<O
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<{
     x: number;
     y: number;

package/features/activity-log/ActivityLog/components/ActivityItem/ActivityItem.js

@@ -2,6 +2,8 @@ import React from 'react';
 import i18n from 'ui-i18n';
 import { getActivityType, splitActivityByType } from '../../../utils/activities';
 import { ActivitiesFactory } from '../../../ActivitiesFactory';
+import { ErrorBoundary } from '../../../../../ErrorBoundary';
+import { ActivityTitle } from '../../../ActivityTitle';
 import { useStyles } from './styles';
 export var ActivityItem = function (_a) {
     var item = _a.item;
@@ -14,8 +16,14 @@ export var ActivityItem = function (_a) {
             React.createElement("div", { className: styles.userContainer },
                 React.createElement("span", { className: styles.activityUser }, item.user),
                 React.createElement("span", { className: styles.date }, i18n.date(item.timestamp, 'LT'))),
-            activities.map(function (activity, index) { return (React.createElement("div", { key: index, className: styles.activityEvent }, ActivitiesFactory.getComponent({
-                type: getActivityType(activity),
-                data: activity
-            }))); }))));
+            activities.map(function (activity, index) {
+                var activityType = getActivityType(activity);
+                return (React.createElement("div", { key: index, className: styles.activityEvent },
+                    React.createElement(ErrorBoundary, { error: React.createElement(React.Fragment, null,
+                            React.createElement(ActivityTitle, { type: activityType }),
+                            i18n.text("Can't render activity")) }, ActivitiesFactory.getComponent({
+                        type: activityType,
+                        data: activity
+                    }))));
+            }))));
 };

package/features/history/HistoryGraph/HistoryGraph.d.ts

@@ -4,6 +4,7 @@ export declare const HistoryCircleWithTooltip: React.ForwardRefExoticComponent<O
     tooltipTitle?: import("@mui/material").TooltipProps["title"];
     tooltipPlacement?: import("@mui/material").TooltipProps["placement"];
     showForDisabled?: boolean;
+    tooltipClassName?: string;
 } & Omit<{
     x: number;
     y: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2217",
+  "version": "1.4.2219",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2016",
+    "@reltio/mdm-sdk": "^1.4.2017",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",