@reltio/components 1.4.924 → 1.4.928

package/cjs/icons/AttributesList.js

@@ -0,0 +1,58 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgAttributesList = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.1 }),
+        react_1.default.createElement("mask", { id: "AttributesList_svg__a", style: {
+                maskType: 'alpha'
+            }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },
+            react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#fff" })),
+        react_1.default.createElement("g", { mask: "url(#AttributesList_svg__a)" },
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-16 9h256v247H-16V9z", fill: "url(#AttributesList_svg__b)" }),
+            react_1.default.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M187.761 56.865l58.639 58.639v148.871H93.383L52 225.083V56.865h135.761z", fill: "url(#AttributesList_svg__c)" }),
+            react_1.default.createElement("path", { opacity: 0.06, fillRule: "evenodd", clipRule: "evenodd", d: "M47 58h202a7 7 0 017 7v157a7 7 0 01-7 7H47a7 7 0 01-7-7V65a7 7 0 017-7z", fill: "#000" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M50 56h201a5 5 0 015 5v157a5 5 0 01-5 5H50a5 5 0 01-5-5V61a5 5 0 015-5z", fill: "#fff" }),
+            react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 72.635a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
+            react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 84.635a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
+            react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 163a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
+            react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 175a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
+            react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 193a3 3 0 013-3H190a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
+            react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 205a3 3 0 013-3h74.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
+            react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 103a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
+            react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 115a3 3 0 013-3h64.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
+            react_1.default.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
+            react_1.default.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
+            react_1.default.createElement("circle", { cx: 120, cy: 106, r: 6, fill: "#B6C7DB" }),
+            react_1.default.createElement("circle", { cx: 120, cy: 136, r: 6, fill: "#B6C7DB" }),
+            react_1.default.createElement("circle", { cx: 67, cy: 169, r: 9, fill: "#B6C7DB" }),
+            react_1.default.createElement("circle", { cx: 67, cy: 199, r: 9, fill: "#B6C7DB" }),
+            react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 133a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
+            react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 145a3 3 0 013-3h74.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
+            react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M92.514 108v-8h-2v40.365h11.178v-2h-9.178V110h9.178v-2h-9.178z", fill: "#2B98F0" }),
+            react_1.default.createElement("path", { opacity: 0.54, fillRule: "evenodd", clipRule: "evenodd", d: "M95.071 77l-3.535 3.535L88 77h7.071z", fill: "#000" }),
+            react_1.default.createElement("path", { opacity: 0.6, fillRule: "evenodd", clipRule: "evenodd", d: "M50 22h186a6 6 0 016 6v18a6 6 0 01-6 6H50a6 6 0 01-6-6V28a6 6 0 016-6z", fill: "#fff" }),
+            react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M58 37a6 6 0 016-6h70a6 6 0 110 12H64a6 6 0 01-6-6zm90 0a6 6 0 016-6h10a6 6 0 110 12h-10a6 6 0 01-6-6z", fill: "#979797" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("linearGradient", { id: "AttributesList_svg__b", x1: -16, y1: 9, x2: -16, y2: 256, gradientUnits: "userSpaceOnUse" },
+                react_1.default.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
+                react_1.default.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
+            react_1.default.createElement("linearGradient", { id: "AttributesList_svg__c", x1: 266.117, y1: 181.111, x2: 154.882, y2: 77.681, gradientUnits: "userSpaceOnUse" },
+                react_1.default.createElement("stop", { stopOpacity: 0.01 }),
+                react_1.default.createElement("stop", { offset: 1 })))));
+};
+exports.default = SvgAttributesList;

package/cjs/icons/MergeDark.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgMergeDark: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgMergeDark;

package/cjs/icons/MergeDark.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgMergeDark = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("path", { d: "M17.045 20.455l1.41-1.41-3.41-3.41-1.41 1.41 3.41 3.41zm-9.5-12.41h3.5v5.59l-5.41 5.41 1.41 1.41 6-6v-6.41h3.5l-4.5-4.5-4.5 4.5z", id: "MergeDark_svg__a" })),
+        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("mask", { id: "MergeDark_svg__b", fill: "#fff" },
+                react_1.default.createElement("use", { xlinkHref: "#MergeDark_svg__a", transform: "rotate(90 12.045 12)" })),
+            react_1.default.createElement("path", { fillOpacity: 0.54, fill: "#000", mask: "url(#MergeDark_svg__b)", d: "M0 0h24v24H0z" }))));
+};
+exports.default = SvgMergeDark;

package/cjs/icons/NotMatchDark.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgNotMatchDark: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgNotMatchDark;

package/cjs/icons/NotMatchDark.js

@@ -0,0 +1,27 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgNotMatchDark = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("path", { d: "M17 13.138l4.5 4.5-4.5 4.5V18.5h-1.247l-3.488-3.479 1.413-1.414 2.901 2.893H17v-3.362zM17 1.5L21.5 6 17 10.5V7.138h-.421l-11.03 11H2v-2h2.723l11.03-11H17V1.5zm-11.45 4l3.294 3.286-1.414 1.413L4.723 7.5H2v-2h3.55z", id: "NotMatchDark_svg__a" })),
+        react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("mask", { id: "NotMatchDark_svg__b", fill: "#fff" },
+                react_1.default.createElement("use", { xlinkHref: "#NotMatchDark_svg__a" })),
+            react_1.default.createElement("path", { fillOpacity: 0.54, fill: "#000", mask: "url(#NotMatchDark_svg__b)", d: "M0 0h24v24H0z" }))));
+};
+exports.default = SvgNotMatchDark;

package/cjs/icons/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Add } from './Add';
 export { default as AddComment } from './AddComment';
+export { default as AttributesList } from './AttributesList';
 export { default as Calendar } from './Calendar';
 export { default as CollaborationIcon } from './CollaborationIcon';
 export { default as Comment } from './Comment';
@@ -20,17 +21,17 @@ export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
-export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
+export { default as MlMatch } from './MlMatch';
 export { default as NestedAttribute } from './NestedAttribute';
 export { default as NoData } from './NoData';
 export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';

package/cjs/icons/index.js

@@ -3,11 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UploadIcon = exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.PmTaskIcon = exports.PmIcon = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.Merge = exports.MlMatch = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Draw = exports.Download = exports.Details = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AddComment = exports.Add = void 0;
+exports.UploadIcon = exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.MlMatch = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Draw = exports.Download = exports.Details = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var AddComment_1 = require("./AddComment");
 Object.defineProperty(exports, "AddComment", { enumerable: true, get: function () { return __importDefault(AddComment_1).default; } });
+var AttributesList_1 = require("./AttributesList");
+Object.defineProperty(exports, "AttributesList", { enumerable: true, get: function () { return __importDefault(AttributesList_1).default; } });
 var Calendar_1 = require("./Calendar");
 Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });
 var CollaborationIcon_1 = require("./CollaborationIcon");
@@ -48,10 +50,10 @@ var LogIn_1 = require("./LogIn");
 Object.defineProperty(exports, "LogIn", { enumerable: true, get: function () { return __importDefault(LogIn_1).default; } });
 var LogOut_1 = require("./LogOut");
 Object.defineProperty(exports, "LogOut", { enumerable: true, get: function () { return __importDefault(LogOut_1).default; } });
-var MlMatch_1 = require("./MlMatch");
-Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
 var Merge_1 = require("./Merge");
 Object.defineProperty(exports, "Merge", { enumerable: true, get: function () { return __importDefault(Merge_1).default; } });
+var MlMatch_1 = require("./MlMatch");
+Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
 var NestedAttribute_1 = require("./NestedAttribute");
 Object.defineProperty(exports, "NestedAttribute", { enumerable: true, get: function () { return __importDefault(NestedAttribute_1).default; } });
 var NoData_1 = require("./NoData");
@@ -60,16 +62,16 @@ var NoDataSearch_1 = require("./NoDataSearch");
 Object.defineProperty(exports, "NoDataSearch", { enumerable: true, get: function () { return __importDefault(NoDataSearch_1).default; } });
 var NoMatches_1 = require("./NoMatches");
 Object.defineProperty(exports, "NoMatches", { enumerable: true, get: function () { return __importDefault(NoMatches_1).default; } });
-var PmIcon_1 = require("./PmIcon");
-Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
-var PmTaskIcon_1 = require("./PmTaskIcon");
-Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Pin_1 = require("./Pin");
 Object.defineProperty(exports, "Pin", { enumerable: true, get: function () { return __importDefault(Pin_1).default; } });
 var PinOutlined_1 = require("./PinOutlined");
 Object.defineProperty(exports, "PinOutlined", { enumerable: true, get: function () { return __importDefault(PinOutlined_1).default; } });
 var PivotingIcon_1 = require("./PivotingIcon");
 Object.defineProperty(exports, "PivotingIcon", { enumerable: true, get: function () { return __importDefault(PivotingIcon_1).default; } });
+var PmIcon_1 = require("./PmIcon");
+Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
+var PmTaskIcon_1 = require("./PmTaskIcon");
+Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Polygon_1 = require("./Polygon");
 Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(Polygon_1).default; } });
 var PotentialMatch_1 = require("./PotentialMatch");

package/esm/components/CollaborationItem/SendMessageArea/SendMessageArea.js

@@ -10,6 +10,7 @@ import { Avatar } from '../Avatar/Avatar';
 import { CollaborationContext } from '../../../contexts';
 import { useStyles } from './styles';
 import { always, cond, T } from 'ramda';
+import { useSafePromise } from '../../../hooks';
 var getPlaceholder = function (status) {
     switch (status) {
         case 'open':
@@ -38,6 +39,7 @@ export var SendMessageArea = function (_a) {
     var _d = useState(''), plainTextValue = _d[0], setPlainTextValue = _d[1];
     var _e = useState([]), mentions = _e[0], setMentions = _e[1];
     var _f = useState(false), focused = _f[0], setFocused = _f[1];
+    var safePromise = useSafePromise();
     var hasValue = value.trim() !== '';
     var shouldShowButtons = focused || hasValue;
     var status = comment === null || comment === void 0 ? void 0 : comment.status;
@@ -98,7 +100,7 @@ export var SendMessageArea = function (_a) {
                 }
             ]
         ]);
-        return request().then(clearValue).catch(console.log); //eslint-disable-line no-console
+        return safePromise(request()).then(clearValue).catch(console.log); //eslint-disable-line no-console
     };
     useEffect(function () {
         if (popperRef) {

package/esm/components/CommentsContainer/CommentsContainer.js

@@ -1,8 +1,13 @@
-import React, { useContext, useState } from 'react';
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+import React, { useContext, useMemo, useState } from 'react';
 import classnames from 'classnames';
 import { useStyles } from './styles';
 import { useDidUpdateEffect } from '../../hooks';
-import { CollaborationContext } from '../../contexts';
+import { CollaborationContext, RelatedObjectUrisContext } from '../../contexts';
 import CommentButton from './buttons/CommentButton';
 import AddCommentButton from './buttons/AddCommentButton';
 import { CollaborationPopup } from '../CollaborationPopup/CollaborationPopup';
@@ -39,6 +44,10 @@ var CommentsContainer = function (_a) {
             onChangePopupVisibility(isOpenPopup);
         }
     }, [isOpenPopup]);
+    var additionalRelatedObjectUris = useContext(RelatedObjectUrisContext);
+    var allRelatedObjectUris = useMemo(function () {
+        return additionalRelatedObjectUris ? __spreadArray(__spreadArray([], relatedObjectUris), additionalRelatedObjectUris) : relatedObjectUris;
+    }, [additionalRelatedObjectUris, relatedObjectUris]);
     return (showComments && (React.createElement("div", { className: classnames(styles.root, className) },
         shouldShowAddCommentButton && (React.createElement(AddCommentButton, { className: classnames(styles.addButton, (_b = {},
                 _b[styles.showAlways] = showAlways || isOpenPopupWithNewComment,
@@ -47,6 +56,6 @@ var CommentsContainer = function (_a) {
             var replies = _a.replies, commentId = _a.commentId;
             return (React.createElement(CommentButton, { ref: commentId === (currentComment === null || currentComment === void 0 ? void 0 : currentComment.commentId) ? setAnchorEl : null, key: commentId, onClick: function () { return handleClickCommentButton(commentId); } }, 1 + replies));
         }),
-        React.createElement(CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: currentComment }))));
+        React.createElement(CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: allRelatedObjectUris, objectType: objectType, comment: currentComment }))));
 };
 export default CommentsContainer;

package/esm/components/LinearLoadIndicator/LinearLoadIndicator.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 declare type Props = {
     transparent?: boolean;
+    relativePosition?: boolean;
 };
-declare const LinearLoadIndicator: ({ transparent }: Props) => JSX.Element;
+declare const LinearLoadIndicator: ({ transparent, relativePosition }: Props) => JSX.Element;
 export default LinearLoadIndicator;

package/esm/components/LinearLoadIndicator/LinearLoadIndicator.js

@@ -4,9 +4,13 @@ import LinearProgress from '@material-ui/core/LinearProgress';
 import { useStyles } from './styles';
 var LinearLoadIndicator = function (_a) {
     var _b;
-    var _c = _a.transparent, transparent = _c === void 0 ? false : _c;
+    var _c = _a.transparent, transparent = _c === void 0 ? false : _c, _d = _a.relativePosition, relativePosition = _d === void 0 ? false : _d;
     var styles = useStyles();
-    return (React.createElement("div", { className: classnames(styles.loadingOverlay, (_b = {}, _b[styles.transparent] = transparent, _b)) },
-        React.createElement(LinearProgress, { color: "secondary" })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: classnames(styles.loadingOverlay, (_b = {},
+                _b[styles.transparent] = transparent,
+                _b[styles.relativePosition] = relativePosition,
+                _b)) },
+            React.createElement(LinearProgress, { color: "secondary" }))));
 };
 export default LinearLoadIndicator;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"transparent" | "loadingOverlay">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"transparent" | "loadingOverlay" | "relativePosition">;

package/esm/components/LinearLoadIndicator/styles.js

@@ -12,5 +12,10 @@ export var useStyles = makeStyles({
     },
     transparent: {
         backgroundColor: 'transparent'
+    },
+    relativePosition: {
+        '&$loadingOverlay': {
+            position: 'relative'
+        }
     }
 });

package/esm/components/MergeButton/MergeButton.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from 'react';
 import i18n from 'ui-i18n';
-import MergeIcon from './mergeIcon.svg';
+import MergeIcon from '../../icons/MergeDark';
 import { noop } from '../../core';
 import { ActionButton, ActionButtonMode } from '../ActionButton/ActionButton';
 import { useMergeAllRequest } from '../../hooks';

package/esm/components/NotMatchButton/NotMatchButton.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { ActionButton, ActionButtonMode } from '../ActionButton/ActionButton';
 import React, { forwardRef } from 'react';
-import NotMatchIcon from './notMatch.svg';
+import NotMatchIcon from '../../icons/NotMatchDark';
 import { noop } from '../../core';
 import i18n from 'ui-i18n';
 import { useMarkAsNotMatchRequest } from '../../hooks/useMarkAsNotMatchRequest';

package/esm/components/SidePanelEmptyState/SidePanelEmptyState.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type Props = {
+    IconRenderer?: React.ElementType;
+    text: string;
+    secondaryText?: string;
+};
+declare const SidePanelEmptyState: ({ IconRenderer, text, secondaryText }: Props) => JSX.Element;
+export default SidePanelEmptyState;

package/esm/components/SidePanelEmptyState/SidePanelEmptyState.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import Typography from '@material-ui/core/Typography';
+import { AttributesList as AttributesListIcon } from '../../icons';
+import { useStyles } from './styles';
+var SidePanelEmptyState = function (_a) {
+    var _b = _a.IconRenderer, IconRenderer = _b === void 0 ? AttributesListIcon : _b, text = _a.text, secondaryText = _a.secondaryText;
+    var styles = useStyles();
+    return (React.createElement("div", { className: styles.root },
+        React.createElement(IconRenderer, { className: styles.logo }),
+        React.createElement("div", { className: styles.textBox },
+            React.createElement(Typography, { className: styles.text }, text),
+            secondaryText && React.createElement(Typography, { className: styles.secondaryText }, secondaryText))));
+};
+export default SidePanelEmptyState;

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

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "root" | "textBox" | "secondaryText" | "logo">;

package/esm/components/SidePanelEmptyState/styles.js

@@ -0,0 +1,43 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
+    root: {
+        display: 'flex',
+        flex: '1 1 auto',
+        flexWrap: 'nowrap',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'auto',
+        height: '100%',
+        minHeight: '350px',
+        boxSizing: 'border-box',
+        padding: '40px'
+    },
+    logo: {
+        width: '190px',
+        height: '190px'
+    },
+    textBox: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        maxWidth: 400,
+        marginTop: '24px'
+    },
+    text: {
+        color: theme.palette.text.primary,
+        fontSize: '20px',
+        fontWeight: 500,
+        lineHeight: '23px',
+        textAlign: 'center'
+    },
+    secondaryText: {
+        color: theme.palette.text.primary,
+        fontSize: '14px',
+        fontWeight: 'normal',
+        lineHeight: '16px',
+        letterSpacing: '0.24px',
+        textAlign: 'center',
+        paddingTop: '8px'
+    }
+}); });

package/esm/components/charts/MapChart/MapChart.js

@@ -11,7 +11,9 @@ var __assign = (this && this.__assign) || function () {
 };
 import React, { useMemo } from 'react';
 import withPercents from '../HOCs/withPercents';
-import { ComposableMap, Geographies, Geography } from 'react-simple-maps';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import { Geographies, Geography, MapProvider } from 'react-simple-maps';
 import { scaleQuantize } from 'd3-scale';
 import * as d3Geo from 'd3-geo';
 import { feature } from 'topojson-client';
@@ -57,27 +59,28 @@ export var MapChart = function (_a) {
     var _d = useTooltipState(), tooltipState = _d.tooltipState, showTooltip = _d.showTooltip, hideTooltip = _d.hideTooltip;
     var clickable = useClickableStyle(onItemClick);
     return (React.createElement("div", { className: styles.mapChart, style: { width: width, height: height } },
-        React.createElement(ComposableMap, { width: mapWidth, height: height, projection: projectionFunc },
-            React.createElement(Geographies, { geography: geography }, function (_a) {
-                var geographies = _a.geographies;
-                return geographies.map(function (geo) {
-                    var geoId = geo.properties[geoIdName || 'name'];
-                    var geoLabel = geo.properties.name;
-                    var cur = data.find(function (_a) {
-                        var group = _a.group;
-                        return group === geoId;
+        React.createElement(MapProvider, { width: mapWidth, height: height, projection: projectionFunc, projectionConfig: {} },
+            React.createElement("svg", { width: mapWidth, height: height, viewBox: "0 0 " + mapWidth + " " + height, className: 'rsm-svg' },
+                React.createElement(Geographies, { geography: geography }, function (_a) {
+                    var geographies = _a.geographies;
+                    return geographies.map(function (geo) {
+                        var geoId = geo.properties[geoIdName || 'name'];
+                        var geoLabel = geo.properties.name;
+                        var cur = data.find(function (_a) {
+                            var group = _a.group;
+                            return group === geoId;
+                        });
+                        return (React.createElement(Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: classnames(styles.geography, clickable), onMouseEnter: function (event) {
+                                var data = cur || { label: geoLabel, value: 0, percent: 0, group: geoId };
+                                var mapRect = event.target.parentElement.parentElement.getBoundingClientRect();
+                                var coordinate = {
+                                    x: event.clientX - mapRect.x,
+                                    y: event.clientY - mapRect.y
+                                };
+                                showTooltip(data, coordinate);
+                            }, onMouseLeave: function () { return hideTooltip(); }, onClick: onItemClick && (function () { return onItemClick(geoId); }) }));
                     });
-                    return (React.createElement(Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: classnames(styles.geography, clickable), onMouseEnter: function (event) {
-                            var data = cur || { label: geoLabel, value: 0, percent: 0, group: geoId };
-                            var mapRect = event.target.parentElement.parentElement.getBoundingClientRect();
-                            var coordinate = {
-                                x: event.clientX - mapRect.x,
-                                y: event.clientY - mapRect.y
-                            };
-                            showTooltip(data, coordinate);
-                        }, onMouseLeave: function () { return hideTooltip(); }, onClick: onItemClick && (function () { return onItemClick(geoId); }) }));
-                });
-            })),
+                }))),
         showLegend && React.createElement(Legend, { width: LEGEND_WIDTH, minValue: minValue, maxValue: maxValue, colors: MAP_COLORS }),
         React.createElement(Tooltip, __assign({ viewBox: {
                 x: 0,

package/esm/components/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -73,7 +73,9 @@ var CrosswalkRow = function (_a) {
                     React.createElement(Typography, { variant: 'body2', className: styles.labelValue, noWrap: true }, crosswalk.value))),
             expanded && (React.createElement("div", { className: styles.attributesWrapper },
                 canDelete && (React.createElement("div", { className: styles.deleteCrosswalkButton },
-                    React.createElement(SmallIconButtonWithTooltip, { icon: DeleteIcon, disabled: disableDelete, onClick: function () { return setDeleteDialogOpen(true); }, size: "XS", tooltipTitle: i18n.text('Delete crosswalk'), showForDisabled: true }),
+                    React.createElement(SmallIconButtonWithTooltip, { icon: DeleteIcon, disabled: disableDelete, onClick: function () { return setDeleteDialogOpen(true); }, size: "XS", tooltipTitle: disableDelete
+                            ? i18n.text("You don't have permissions to delete")
+                            : i18n.text('Delete crosswalk'), showForDisabled: true }),
                     React.createElement(ConfirmDeleteDialog, { open: isDeleteDialogOpen, onConfirm: handleDeleteCrosswalk, onClose: function () { return setDeleteDialogOpen(false); } }))),
                 React.createElement(CrosswalkAttributes, { crosswalk: crosswalk, canEditAttribute: !disableEdit, onEditAttribute: function (attributeName, value) {
                         onEdit({

package/esm/components/history/ContributorsPanel/styles.js

@@ -1,7 +1,6 @@
 import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     root: {
-        flex: 1,
         display: 'flex',
         flexWrap: 'wrap',
         padding: '10px 15px'

package/esm/components/history/HistoryPanelEmptyState/HistoryPanelEmptyState.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const HistoryPanelEmptyState: () => JSX.Element;
+export default HistoryPanelEmptyState;

package/esm/components/history/HistoryPanelEmptyState/HistoryPanelEmptyState.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import i18n from 'ui-i18n';
+import SidePanelEmptyState from '../../SidePanelEmptyState/SidePanelEmptyState';
+var HistoryPanelEmptyState = function () { return (React.createElement(SidePanelEmptyState, { text: i18n.text('History in the making'), secondaryText: i18n.text('When you create an event or perform an activity, it will show up here.') })); };
+export default HistoryPanelEmptyState;

package/esm/components/history/HistoryView/styles.js

@@ -4,7 +4,8 @@ export var useStyles = makeStyles({
         display: 'flex',
         flexDirection: 'column',
         overflow: 'hidden',
-        position: 'relative'
+        position: 'relative',
+        height: '100%'
     },
     borderBottom: {
         borderBottom: '1px solid rgba(0, 0, 0, 0.12)'

package/esm/components/history/index.d.ts

@@ -4,4 +4,5 @@ export { useHistoryDiff } from './hooks/useHistoryDiff';
 export { default as HistoryView } from './HistoryView/HistoryView';
 export { default as HistoryHeader } from './HistoryHeader/HistoryHeader';
 export { default as ProfileBandHistory } from './ProfileBandHistory/ProfileBandHistory';
+export { default as HistoryPanelEmptyState } from './HistoryPanelEmptyState/HistoryPanelEmptyState';
 export * from './types';

package/esm/components/history/index.js

@@ -4,4 +4,5 @@ export { useHistoryDiff } from './hooks/useHistoryDiff';
 export { default as HistoryView } from './HistoryView/HistoryView';
 export { default as HistoryHeader } from './HistoryHeader/HistoryHeader';
 export { default as ProfileBandHistory } from './ProfileBandHistory/ProfileBandHistory';
+export { default as HistoryPanelEmptyState } from './HistoryPanelEmptyState/HistoryPanelEmptyState';
 export * from './types';

package/esm/components/index.d.ts

@@ -96,6 +96,7 @@ export { default as SelectionPopup } from './SelectionPopup/SelectionPopup';
 export { default as SelectionPopupPopper } from './SelectionPopup/SelectionPopupPopper/SelectionPopupPopper';
 export { default as SelectorWithOnlyOptionAutoSelect } from './SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect';
 export { SideButtonsPanel } from './SideIconPanel/SideButtonsPanel';
+export { default as SidePanelEmptyState } from './SidePanelEmptyState/SidePanelEmptyState';
 export { SidePanel } from './SidePanel/SidePanel';
 export { SidePanelContentHeader } from './SidePanel/SidePanelContentHeader/SidePanelContentHeader';
 export { default as SimpleDropDownSelector } from './SimpleDropDownSelector/SimpleDropDownSelector';

package/esm/components/index.js

@@ -95,6 +95,7 @@ export { default as SelectionPopup } from './SelectionPopup/SelectionPopup';
 export { default as SelectionPopupPopper } from './SelectionPopup/SelectionPopupPopper/SelectionPopupPopper';
 export { default as SelectorWithOnlyOptionAutoSelect } from './SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect';
 export { SideButtonsPanel } from './SideIconPanel/SideButtonsPanel';
+export { default as SidePanelEmptyState } from './SidePanelEmptyState/SidePanelEmptyState';
 export { SidePanel } from './SidePanel/SidePanel';
 export { SidePanelContentHeader } from './SidePanel/SidePanelContentHeader/SidePanelContentHeader';
 export { default as SimpleDropDownSelector } from './SimpleDropDownSelector/SimpleDropDownSelector';

package/esm/components/workflow/components/AttributesChanges/components/ChangeView/ChangeView.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
+import { isNil } from 'ramda';
 import ArrowRightAltIcon from '@material-ui/icons/ArrowRightAlt';
 import Chip from '@material-ui/core/Chip';
 import { getOperationLabel } from '../../helpers/helpers';
@@ -12,7 +13,7 @@ var ChangeView = function (_a) {
         React.createElement("span", { className: styles.fieldName },
             label,
             ":"),
-        React.createElement("span", { className: styles.difference },
+        !isNil(value) && React.createElement("span", { className: styles.difference },
             value,
             newValue && oldValue && (React.createElement(React.Fragment, null,
                 React.createElement(ArrowRightAltIcon, { className: styles.arrow }),

package/esm/components/workflow/components/AttributesChanges/helpers/attributesHelpers.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { complement, curry, flatten, is, isEmpty, pathOr, propOr, times } from 'ramda';
-import { DataTypes, getAttributeTypeSubAttributes, getLabel, getRelationAttributesList, getRelationType, isSpecialAttribute } from '@reltio/mdm-sdk';
+import { DataTypes, getAttributeTypeSubAttributes, getLabel, getRelationAttributesList, getRelationType, isEmptyValue, isSpecialAttribute } from '@reltio/mdm-sdk';
 import { getFilteredAttrTypes } from '../../../../attributes/helpers/attributesView';
 import { getOperationType } from './helpers';
 import { DCRTypes } from '../../../constants/operations';
@@ -36,16 +36,18 @@ var getEntityChanges = curry(function (metadata, entityInfo, changes) {
     var attrTypes = getFilteredAttrTypes(metadata, entityInfo.type, [], []);
     return getAttributesList(metadata, attrTypes, changes);
 });
-var getRelationChanges = curry(function (metadata, relationInfo, changes) {
+var getRelationChanges = curry(function (metadata, relationInfo, changes, changeType) {
+    var addRelationOperationIfNeeded = function (changes, changeType) {
+        if (changeType === DCRTypes.CREATE_RELATIONSHIP || isEmptyValue(changes)) {
+            var operation = getOperationType(changeType);
+            return operation ? { operation: operation } : {};
+        }
+        return {};
+    };
     var relationType = getRelationType(metadata, relationInfo.type);
     var attrTypes = getRelationAttributesList(metadata, relationInfo.type);
     return flatten([
-        {
-            level: 1,
-            label: propOr('', 'label', relationType),
-            attributeType: relationType,
-            attributeValue: __assign(__assign({}, relationInfo), changes)
-        },
+        __assign({ level: 1, label: propOr('', 'label', relationType), attributeType: relationType, attributeValue: __assign(__assign({}, relationInfo), changes) }, addRelationOperationIfNeeded(changes, changeType)),
         getAttributesList(metadata, attrTypes, changes, 2)
     ]);
 });