@reltio/components 1.4.925 → 1.4.929

package/cjs/components/CollaborationItem/SendMessageArea/SendMessageArea.js

@@ -35,6 +35,7 @@ var Avatar_1 = require("../Avatar/Avatar");
 var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
 var ramda_1 = require("ramda");
+var hooks_1 = require("../../../hooks");
 var getPlaceholder = function (status) {
     switch (status) {
         case 'open':
@@ -63,6 +64,7 @@ var SendMessageArea = function (_a) {
     var _d = react_1.useState(''), plainTextValue = _d[0], setPlainTextValue = _d[1];
     var _e = react_1.useState([]), mentions = _e[0], setMentions = _e[1];
     var _f = react_1.useState(false), focused = _f[0], setFocused = _f[1];
+    var safePromise = hooks_1.useSafePromise();
     var hasValue = value.trim() !== '';
     var shouldShowButtons = focused || hasValue;
     var status = comment === null || comment === void 0 ? void 0 : comment.status;
@@ -123,7 +125,7 @@ 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
     };
     react_1.useEffect(function () {
         if (popperRef) {

package/cjs/components/CommentsContainer/CommentsContainer.js

@@ -18,6 +18,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -63,6 +68,10 @@ var CommentsContainer = function (_a) {
             onChangePopupVisibility(isOpenPopup);
         }
     }, [isOpenPopup]);
+    var additionalRelatedObjectUris = react_1.useContext(contexts_1.RelatedObjectUrisContext);
+    var allRelatedObjectUris = react_1.useMemo(function () {
+        return additionalRelatedObjectUris ? __spreadArray(__spreadArray([], relatedObjectUris), additionalRelatedObjectUris) : relatedObjectUris;
+    }, [additionalRelatedObjectUris, relatedObjectUris]);
     return (showComments && (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
         shouldShowAddCommentButton && (react_1.default.createElement(AddCommentButton_1.default, { className: classnames_1.default(styles.addButton, (_b = {},
                 _b[styles.showAlways] = showAlways || isOpenPopupWithNewComment,
@@ -71,6 +80,6 @@ var CommentsContainer = function (_a) {
             var replies = _a.replies, commentId = _a.commentId;
             return (react_1.default.createElement(CommentButton_1.default, { ref: commentId === (currentComment === null || currentComment === void 0 ? void 0 : currentComment.commentId) ? setAnchorEl : null, key: commentId, onClick: function () { return handleClickCommentButton(commentId); } }, 1 + replies));
         }),
-        react_1.default.createElement(CollaborationPopup_1.CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: currentComment }))));
+        react_1.default.createElement(CollaborationPopup_1.CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: allRelatedObjectUris, objectType: objectType, comment: currentComment }))));
 };
 exports.default = CommentsContainer;

package/cjs/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/cjs/components/LinearLoadIndicator/LinearLoadIndicator.js

@@ -9,9 +9,13 @@ var LinearProgress_1 = __importDefault(require("@material-ui/core/LinearProgress
 var styles_1 = require("./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 = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.loadingOverlay, (_b = {}, _b[styles.transparent] = transparent, _b)) },
-        react_1.default.createElement(LinearProgress_1.default, { color: "secondary" })));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: classnames_1.default(styles.loadingOverlay, (_b = {},
+                _b[styles.transparent] = transparent,
+                _b[styles.relativePosition] = relativePosition,
+                _b)) },
+            react_1.default.createElement(LinearProgress_1.default, { color: "secondary" }))));
 };
 exports.default = LinearLoadIndicator;

package/cjs/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/cjs/components/LinearLoadIndicator/styles.js

@@ -15,5 +15,10 @@ exports.useStyles = styles_1.makeStyles({
     },
     transparent: {
         backgroundColor: 'transparent'
+    },
+    relativePosition: {
+        '&$loadingOverlay': {
+            position: 'relative'
+        }
     }
 });

package/cjs/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/cjs/components/SidePanelEmptyState/SidePanelEmptyState.js

@@ -0,0 +1,19 @@
+"use strict";
+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 Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var icons_1 = require("../../icons");
+var styles_1 = require("./styles");
+var SidePanelEmptyState = function (_a) {
+    var _b = _a.IconRenderer, IconRenderer = _b === void 0 ? icons_1.AttributesList : _b, text = _a.text, secondaryText = _a.secondaryText;
+    var styles = styles_1.useStyles();
+    return (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement(IconRenderer, { className: styles.logo }),
+        react_1.default.createElement("div", { className: styles.textBox },
+            react_1.default.createElement(Typography_1.default, { className: styles.text }, text),
+            secondaryText && react_1.default.createElement(Typography_1.default, { className: styles.secondaryText }, secondaryText))));
+};
+exports.default = SidePanelEmptyState;

package/cjs/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/cjs/components/SidePanelEmptyState/styles.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.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/cjs/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -67,7 +67,7 @@ var AsyncMountPlaceholder = function () {
     return react_1.default.createElement("div", { className: styles.placeholder });
 };
 var SimpleAttributeEditor = function (_a) {
-    var _b;
+    var _b, _c;
     var className = _a.className, attributeValue = _a.attributeValue, attributeType = _a.attributeType, isReltioCrosswalk = _a.isReltioCrosswalk, ownError = _a.ownError, mode = _a.mode, onAddOneMore = _a.onAddOneMore, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, state = _a.state, otherProps = __rest(_a, ["className", "attributeValue", "attributeType", "isReltioCrosswalk", "ownError", "mode", "onAddOneMore", "onDeleteAttribute", "onChangeAttribute", "onDeactivateError", "additionalControlsRenderer", "state"]);
     var styles = styles_1.useStyles();
     var deleted = state === 'deleted';
@@ -96,28 +96,21 @@ var SimpleAttributeEditor = function (_a) {
             onDeactivateError(mdm_sdk_1.getErrorId(ownError));
         }
     };
-    if (showToEdit) {
-        var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
-        var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
-        var hasError = !!errorMessage;
-        var deletedProps = deleted ? { disabled: true } : {};
-        return (react_1.default.createElement("div", { className: classnames_1.default(styles.editor, className) },
-            react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage },
-                react_1.default.createElement("div", { className: classnames_1.default(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b)) },
-                    react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: ramda_1.pipe(utils_1.prepareChangeData(attributeValue, attributeType), onChangeAttribute, deactivateError), fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps)))),
-            react_1.default.createElement("div", { className: styles['editor-actions'] },
-                edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
-                    "(",
-                    ui_i18n_1.default.text('edited'),
-                    ")")),
-                showAddButton && (react_1.default.createElement(SmallIconButton_1.default, { icon: Add_1.default, onClick: onAddOneMore, size: "L", className: classnames_1.default(styles.addButton, styles.button) })),
-                additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
-                showDeleteButton && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.button, icon: Delete_1.default, onClick: onDelete, size: "L" })))));
-    }
-    else {
-        return (react_1.default.createElement("div", { className: className },
-            react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })));
-    }
+    var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
+    var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
+    var hasError = !!errorMessage;
+    var deletedProps = deleted ? { disabled: true } : {};
+    return (react_1.default.createElement("div", { className: classnames_1.default(styles.editor, className) },
+        react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage, className: styles.errorWrapper },
+            react_1.default.createElement("div", { className: classnames_1.default(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b), (_c = {}, _c[styles['editor-read-only-value']] = !showToEdit, _c)) }, showToEdit ? (react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: ramda_1.pipe(utils_1.prepareChangeData(attributeValue, attributeType), onChangeAttribute, deactivateError), fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps))) : (react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
+        react_1.default.createElement("div", { className: styles['editor-actions'] },
+            edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
+                "(",
+                ui_i18n_1.default.text('edited'),
+                ")")),
+            showAddButton && (react_1.default.createElement(SmallIconButton_1.default, { icon: Add_1.default, onClick: onAddOneMore, size: "L", className: classnames_1.default(styles.addButton, styles.button) })),
+            additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
+            showDeleteButton && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.button, icon: Delete_1.default, onClick: onDelete, size: "L" })))));
 };
 SimpleAttributeEditor.propTypes = {
     className: prop_types_1.default.string,

package/cjs/components/attributes/editMode/SimpleAttributeEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"deleted" | "button" | "placeholder" | "wrapper" | "addButton" | "editor" | "editor-value" | "editor-actions" | "editedLabel">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"deleted" | "button" | "placeholder" | "wrapper" | "addButton" | "editor" | "errorWrapper" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;

package/cjs/components/attributes/editMode/SimpleAttributeEditor/styles.js

@@ -7,6 +7,9 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
     wrapper: {
         width: '100%'
     },
+    errorWrapper: {
+        alignSelf: 'stretch'
+    },
     editor: {
         display: 'flex',
         flex: 1,
@@ -16,6 +19,11 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
     'editor-value': {
         flex: '1 1 auto'
     },
+    'editor-read-only-value': {
+        marginLeft: '12px',
+        display: 'flex',
+        alignItems: 'center'
+    },
     'editor-actions': {
         display: 'flex',
         alignItems: 'center',

package/cjs/components/charts/MapChart/MapChart.js

@@ -36,6 +36,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MapChart = exports.LEGEND_WIDTH = void 0;
 var react_1 = __importStar(require("react"));
 var withPercents_1 = __importDefault(require("../HOCs/withPercents"));
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
 var react_simple_maps_1 = require("react-simple-maps");
 var d3_scale_1 = require("d3-scale");
 var d3Geo = __importStar(require("d3-geo"));
@@ -82,27 +84,28 @@ var MapChart = function (_a) {
     var _d = useTooltipState_1.default(), tooltipState = _d.tooltipState, showTooltip = _d.showTooltip, hideTooltip = _d.hideTooltip;
     var clickable = useClickableStyle_1.useClickableStyle(onItemClick);
     return (react_1.default.createElement("div", { className: styles.mapChart, style: { width: width, height: height } },
-        react_1.default.createElement(react_simple_maps_1.ComposableMap, { width: mapWidth, height: height, projection: projectionFunc },
-            react_1.default.createElement(react_simple_maps_1.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_1.default.createElement(react_simple_maps_1.MapProvider, { width: mapWidth, height: height, projection: projectionFunc, projectionConfig: {} },
+            react_1.default.createElement("svg", { width: mapWidth, height: height, viewBox: "0 0 " + mapWidth + " " + height, className: 'rsm-svg' },
+                react_1.default.createElement(react_simple_maps_1.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_1.default.createElement(react_simple_maps_1.Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: classnames_1.default(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_1.default.createElement(react_simple_maps_1.Geography, { key: geo.rsmKey, geography: geo, fill: cur ? colorScale(cur.value) : '#EEE', stroke: '#FFF', className: classnames_1.default(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_1.default.createElement(Legend_1.default, { width: exports.LEGEND_WIDTH, minValue: minValue, maxValue: maxValue, colors: MAP_COLORS }),
         react_1.default.createElement(recharts_1.Tooltip, __assign({ viewBox: {
                 x: 0,

package/cjs/components/crosswalks/CrosswalkRow/CrosswalkRow.js

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

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

@@ -4,7 +4,6 @@ exports.useContributorStyles = exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = styles_1.makeStyles({
     root: {
-        flex: 1,
         display: 'flex',
         flexWrap: 'wrap',
         padding: '10px 15px'

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

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

package/cjs/components/history/HistoryPanelEmptyState/HistoryPanelEmptyState.js

@@ -0,0 +1,10 @@
+"use strict";
+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 ui_i18n_1 = __importDefault(require("ui-i18n"));
+var SidePanelEmptyState_1 = __importDefault(require("../../SidePanelEmptyState/SidePanelEmptyState"));
+var HistoryPanelEmptyState = function () { return (react_1.default.createElement(SidePanelEmptyState_1.default, { text: ui_i18n_1.default.text('History in the making'), secondaryText: ui_i18n_1.default.text('When you create an event or perform an activity, it will show up here.') })); };
+exports.default = HistoryPanelEmptyState;

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

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

package/cjs/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/cjs/components/history/index.js

@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileBandHistory = exports.HistoryHeader = exports.HistoryView = exports.useHistoryDiff = exports.useHistory = exports.useHistorySlice = void 0;
+exports.HistoryPanelEmptyState = exports.ProfileBandHistory = exports.HistoryHeader = exports.HistoryView = exports.useHistoryDiff = exports.useHistory = exports.useHistorySlice = void 0;
 var useHistorySlice_1 = require("./hooks/useHistorySlice");
 Object.defineProperty(exports, "useHistorySlice", { enumerable: true, get: function () { return useHistorySlice_1.useHistorySlice; } });
 var useHistory_1 = require("./hooks/useHistory");
@@ -26,4 +26,6 @@ var HistoryHeader_1 = require("./HistoryHeader/HistoryHeader");
 Object.defineProperty(exports, "HistoryHeader", { enumerable: true, get: function () { return __importDefault(HistoryHeader_1).default; } });
 var ProfileBandHistory_1 = require("./ProfileBandHistory/ProfileBandHistory");
 Object.defineProperty(exports, "ProfileBandHistory", { enumerable: true, get: function () { return __importDefault(ProfileBandHistory_1).default; } });
+var HistoryPanelEmptyState_1 = require("./HistoryPanelEmptyState/HistoryPanelEmptyState");
+Object.defineProperty(exports, "HistoryPanelEmptyState", { enumerable: true, get: function () { return __importDefault(HistoryPanelEmptyState_1).default; } });
 __exportStar(require("./types"), exports);

package/cjs/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/cjs/components/index.js

@@ -14,8 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = 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.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = 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.SidePanelContentHeader = exports.SidePanel = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ScoreLabel = exports.Score = 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.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = 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.EntityTypesSelector = exports.EntityTypeIcon = void 0;
-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 = void 0;
+exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ScoreLabel = exports.Score = 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.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = 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.EntityTypesSelector = exports.EntityTypeIcon = void 0;
+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 = 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; } });
@@ -211,6 +211,8 @@ var SelectorWithOnlyOptionAutoSelect_1 = require("./SelectorWithOnlyOptionAutoSe
 Object.defineProperty(exports, "SelectorWithOnlyOptionAutoSelect", { enumerable: true, get: function () { return __importDefault(SelectorWithOnlyOptionAutoSelect_1).default; } });
 var SideButtonsPanel_1 = require("./SideIconPanel/SideButtonsPanel");
 Object.defineProperty(exports, "SideButtonsPanel", { enumerable: true, get: function () { return SideButtonsPanel_1.SideButtonsPanel; } });
+var SidePanelEmptyState_1 = require("./SidePanelEmptyState/SidePanelEmptyState");
+Object.defineProperty(exports, "SidePanelEmptyState", { enumerable: true, get: function () { return __importDefault(SidePanelEmptyState_1).default; } });
 var SidePanel_1 = require("./SidePanel/SidePanel");
 Object.defineProperty(exports, "SidePanel", { enumerable: true, get: function () { return SidePanel_1.SidePanel; } });
 var SidePanelContentHeader_1 = require("./SidePanel/SidePanelContentHeader/SidePanelContentHeader");

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

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
 var ArrowRightAlt_1 = __importDefault(require("@material-ui/icons/ArrowRightAlt"));
 var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
 var helpers_1 = require("../../helpers/helpers");
@@ -17,7 +18,7 @@ var ChangeView = function (_a) {
         react_1.default.createElement("span", { className: styles.fieldName },
             label,
             ":"),
-        react_1.default.createElement("span", { className: styles.difference },
+        !ramda_1.isNil(value) && react_1.default.createElement("span", { className: styles.difference },
             value,
             newValue && oldValue && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(ArrowRightAlt_1.default, { className: styles.arrow }),

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

@@ -40,16 +40,18 @@ var getEntityChanges = ramda_1.curry(function (metadata, entityInfo, changes) {
     return getAttributesList(metadata, attrTypes, changes);
 });
 exports.getEntityChanges = getEntityChanges;
-var getRelationChanges = ramda_1.curry(function (metadata, relationInfo, changes) {
+var getRelationChanges = ramda_1.curry(function (metadata, relationInfo, changes, changeType) {
+    var addRelationOperationIfNeeded = function (changes, changeType) {
+        if (changeType === operations_1.DCRTypes.CREATE_RELATIONSHIP || mdm_sdk_1.isEmptyValue(changes)) {
+            var operation = helpers_1.getOperationType(changeType);
+            return operation ? { operation: operation } : {};
+        }
+        return {};
+    };
     var relationType = mdm_sdk_1.getRelationType(metadata, relationInfo.type);
     var attrTypes = mdm_sdk_1.getRelationAttributesList(metadata, relationInfo.type);
     return ramda_1.flatten([
-        {
-            level: 1,
-            label: ramda_1.propOr('', 'label', relationType),
-            attributeType: relationType,
-            attributeValue: __assign(__assign({}, relationInfo), changes)
-        },
+        __assign({ level: 1, label: ramda_1.propOr('', 'label', relationType), attributeType: relationType, attributeValue: __assign(__assign({}, relationInfo), changes) }, addRelationOperationIfNeeded(changes, changeType)),
         getAttributesList(metadata, attrTypes, changes, 2)
     ]);
 });

package/cjs/components/workflow/components/AttributesChanges/helpers/mergeHelpers.js

@@ -26,7 +26,7 @@ var SPECIAL_ATTRIBUTES_NAMES = [
 ];
 var prepareStartOrEndDate = function (_a) {
     var newValue = _a.newValue, oldValue = _a.oldValue;
-    var parseValue = function (value) { return (isNaN(value) ? value : parseInt(value)); };
+    var parseValue = function (value) { return (isNaN(value) || mdm_sdk_1.isEmptyValue(value) ? value : parseInt(value)); };
     var isExistedValue = function (value) { return (value === null || value === void 0 ? void 0 : value.length) && !mdm_sdk_1.isEmptyValue(value); };
     var isExistNewValue = isExistedValue(newValue);
     var isExistOldValue = isExistedValue(oldValue);
@@ -211,7 +211,8 @@ var mergeChanges = function (metadata, changes, entityInfo, relationsInfo) {
         getAttributeChanges(mdm_sdk_1.EntityAttrTypes.endDate.name)
     ], changesTree);
     var relationsChanges = ramda_1.flatten(relationsInfo.map(function (relationInfo, index) {
-        return attributesHelpers_1.getRelationChanges(metadata, relationInfo, relationsTrees[index]);
+        var changeType = ramda_1.path([relationInfo.uri, 0, 'type'], changes);
+        return attributesHelpers_1.getRelationChanges(metadata, relationInfo, relationsTrees[index], changeType);
     }));
     return [entityChanges, relationsChanges];
 };

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RelatedObjectUrisContext: React.Context<string[]>;

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

package/cjs/contexts/index.d.ts

@@ -13,3 +13,4 @@ export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCro
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
+export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.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");
@@ -36,3 +36,5 @@ var EntityMarkerContext_1 = require("./EntityMarkerContext");
 Object.defineProperty(exports, "EntityMarkerContext", { enumerable: true, get: function () { return EntityMarkerContext_1.EntityMarkerContext; } });
 var WorkflowTasksContext_1 = require("./WorkflowTasksContext");
 Object.defineProperty(exports, "WorkflowTasksContext", { enumerable: true, get: function () { return WorkflowTasksContext_1.WorkflowTasksContext; } });
+var RelatedObjectUrisContext_1 = require("./RelatedObjectUrisContext");
+Object.defineProperty(exports, "RelatedObjectUrisContext", { enumerable: true, get: function () { return RelatedObjectUrisContext_1.RelatedObjectUrisContext; } });

package/cjs/hooks/useCollaboration.d.ts

@@ -1,5 +1,10 @@
 import { CollaborationObjectTypes, Comment, CommentsMap } from '@reltio/mdm-sdk';
-export declare const useCollaboration: (objectIds?: string[], objectTypes?: CollaborationObjectTypes[]) => {
+declare type Props = {
+    objectIds?: string[];
+    objectTypes?: CollaborationObjectTypes[];
+    enabled?: boolean;
+};
+export declare const useCollaboration: ({ objectIds, objectTypes, enabled }: Props) => {
     clearCurrentComment: () => void;
     comments: Comment[];
     commentsMap: CommentsMap;
@@ -18,3 +23,4 @@ export declare const useCollaboration: (objectIds?: string[], objectTypes?: Coll
     resolveThread: ({ commentId, uri }: any) => void;
     sending: boolean;
 };
+export {};

package/cjs/hooks/useCollaboration.js

@@ -27,18 +27,18 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var defaultObjectIds = [];
 var catchErrorInRequest = function (e) { return console.error('Collaboration error', e); };
-var useCollaboration = function (objectIds, objectTypes) {
-    if (objectIds === void 0) { objectIds = defaultObjectIds; }
+var useCollaboration = function (_a) {
+    var _b = _a.objectIds, objectIds = _b === void 0 ? defaultObjectIds : _b, objectTypes = _a.objectTypes, _c = _a.enabled, enabled = _c === void 0 ? true : _c;
     var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
     var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
     var collaborationPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getCollaborationPath);
-    var isCollaborationEnabled = react_redux_1.useSelector(mdm_module_1.default.selectors.isCollaborationEnabled);
-    var _a = react_1.useState(null), pageToken = _a[0], setPageToken = _a[1];
-    var _b = react_1.useState([]), comments = _b[0], setComments = _b[1];
-    var _c = react_1.useState(null), commentsMap = _c[0], setCommentsMap = _c[1];
-    var _d = react_1.useState(null), currentComment = _d[0], setCurrentComment = _d[1];
-    var _e = react_1.useState(false), sending = _e[0], setSending = _e[1];
-    var _f = react_1.useState(false), loading = _f[0], setLoading = _f[1];
+    var isCollaborationEnabled = react_redux_1.useSelector(mdm_module_1.default.selectors.isCollaborationEnabled) && enabled;
+    var _d = react_1.useState(null), pageToken = _d[0], setPageToken = _d[1];
+    var _e = react_1.useState([]), comments = _e[0], setComments = _e[1];
+    var _f = react_1.useState(null), commentsMap = _f[0], setCommentsMap = _f[1];
+    var _g = react_1.useState(null), currentComment = _g[0], setCurrentComment = _g[1];
+    var _h = react_1.useState(false), sending = _h[0], setSending = _h[1];
+    var _j = react_1.useState(false), loading = _j[0], setLoading = _j[1];
     var addCommentsToCommentsMap = react_1.useCallback(function (commentsMap) {
         setCommentsMap(function (currentCommentsMap) { return (__assign(__assign({}, currentCommentsMap), commentsMap)); });
     }, []);

package/cjs/icons/AttributesList.d.ts

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