@reltio/components 1.4.1839 → 1.4.1841

package/cjs/CollaborationItem/components/Comment/styles.js

@@ -28,7 +28,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         marginLeft: '40px'
     },
     commentTarget: {
-        marginTop: '-15px'
+        marginTop: '-15px',
+        overflowWrap: 'break-word'
     },
     message: {
         marginTop: '12px'

package/cjs/CollaborationItem/components/TextFieldWithMentions/TextFieldWithMentions.js

@@ -55,8 +55,9 @@ var ramda_1 = require("ramda");
 var react_mentions_1 = require("react-mentions");
 var UsersContext_1 = require("../../../contexts/UsersContext");
 var styles_1 = require("./styles");
-var constants_1 = require("./constants");
+var MENTIONS_TEXTAREA_CLASSNAME = 'mentionsTextArea';
 var TextFieldWithMentions = function (_a) {
+    var _b;
     var onChange = _a.onChange, className = _a.className, value = _a.value, placeholder = _a.placeholder, props = __rest(_a, ["onChange", "className", "value", "placeholder"]);
     var styles = (0, styles_1.useStyles)({ placeholder: value ? '' : placeholder });
     var users = (0, react_1.useContext)(UsersContext_1.UsersContext);
@@ -67,7 +68,14 @@ var TextFieldWithMentions = function (_a) {
         })));
     };
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
-        react_1.default.createElement(react_mentions_1.MentionsInput, __assign({}, props, { value: value, placeholder: placeholder, onChange: handleChange, className: (0, classnames_1.default)(constants_1.MENTIONS_TEXTAREA_CLASSNAME), suggestionsPortalHost: document.body }),
+        react_1.default.createElement(react_mentions_1.MentionsInput, __assign({}, props, { value: value, placeholder: placeholder, onChange: handleChange, className: MENTIONS_TEXTAREA_CLASSNAME, suggestionsPortalHost: document.body, classNames: (_b = {},
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__input")] = styles.mentionsInput,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__highlighter")] = styles.mentionsHighlighter,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__control")] = styles.mentionsControl,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__suggestions")] = styles.mentionsSuggestions,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__suggestions__list")] = styles.mentionsSuggestionsList,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__suggestions__item")] = styles.mentionsSuggestionsItem,
+                _b) }),
             react_1.default.createElement(react_mentions_1.Mention, { trigger: "+", data: users.map(function (_a) {
                     var username = _a.username;
                     return ({ id: username, display: username });

package/cjs/CollaborationItem/components/TextFieldWithMentions/styles.d.ts

@@ -1,5 +1,5 @@
 type StylesProps = {
     placeholder?: string;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"root" | "mention">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"root" | "mentionsControl" | "mentionsHighlighter" | "mentionsInput" | "mentionsSuggestions" | "mentionsSuggestionsList" | "mentionsSuggestionsItem" | "mention">;
 export {};

package/cjs/CollaborationItem/components/TextFieldWithMentions/styles.js

@@ -3,63 +3,58 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
 var constants_1 = require("../../../constants");
-var constants_2 = require("./constants");
 var suggestionsZIndex = constants_1.POPUP_Z_INDEX + 1;
-exports.useStyles = (0, styles_1.makeStyles)(function (theme) {
-    var _a;
-    return ({
-        root: (_a = {
-                backgroundColor: '#fff',
-                fontFamily: 'Roboto'
-            },
-            _a["& .".concat(constants_2.MENTIONS_TEXTAREA_CLASSNAME, "__control")] = {
-                fontSize: '13px'
-            },
-            _a["& .".concat(constants_2.MENTIONS_TEXTAREA_CLASSNAME, "__highlighter")] = {
-                padding: '10px 22px',
-                border: '1px solid transparent !important',
-                '&::before': {
-                    content: function (_a) {
-                        var placeholder = _a.placeholder;
-                        return placeholder && "\"".concat(placeholder, "\"");
-                    }
-                }
-            },
-            _a["& .".concat(constants_2.MENTIONS_TEXTAREA_CLASSNAME, "__input")] = {
-                borderRadius: '2px',
-                border: '1px solid rgba(0,0,0,0.12)',
-                padding: '10px 22px',
-                outline: 0,
-                overflow: 'auto !important'
-            },
-            _a["& .".concat(constants_2.MENTIONS_TEXTAREA_CLASSNAME, "__suggestions")] = {
-                padding: '8px 0',
-                zIndex: suggestionsZIndex + '!important',
-                borderRadius: '4px',
-                backgroundColor: '#fafafa !important',
-                boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',
-                transform: 'translateY(-100%)'
-            },
-            _a["& .".concat(constants_2.MENTIONS_TEXTAREA_CLASSNAME, "__suggestions__list")] = {
-                maxHeight: '200px',
-                overflowY: 'scroll'
-            },
-            _a["& .".concat(constants_2.MENTIONS_TEXTAREA_CLASSNAME, "__suggestions__item")] = {
-                padding: '6px 12px',
-                color: theme.palette.text.primary,
-                fontSize: '13px',
-                transition: theme.transitions.create(['background-color']),
-                '&:hover, &--focused': {
-                    backgroundColor: 'rgba(0,0,0,0.04)'
-                }
-            },
-            _a),
-        mention: {
-            position: 'relative',
-            zIndex: 1,
-            color: theme.palette.primary.main,
-            textShadow: '1px 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white',
-            pointerEvents: 'none'
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+    root: {
+        backgroundColor: '#fff',
+        fontFamily: 'Roboto'
+    },
+    mentionsControl: {
+        fontSize: '13px'
+    },
+    mentionsHighlighter: {
+        padding: '10px 22px',
+        border: '1px solid transparent !important',
+        '&::before': {
+            content: function (_a) {
+                var placeholder = _a.placeholder;
+                return placeholder && "\"".concat(placeholder, "\"");
+            }
         }
-    });
-});
+    },
+    mentionsInput: {
+        borderRadius: '2px',
+        border: '1px solid rgba(0,0,0,0.12)',
+        padding: '10px 22px',
+        outline: 0,
+        overflow: 'auto !important'
+    },
+    mentionsSuggestions: {
+        padding: '8px 0',
+        zIndex: suggestionsZIndex + '!important',
+        borderRadius: '4px',
+        backgroundColor: '#fafafa !important',
+        boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',
+        transform: 'translateY(-100%)'
+    },
+    mentionsSuggestionsList: {
+        maxHeight: '200px',
+        overflowY: 'scroll'
+    },
+    mentionsSuggestionsItem: {
+        padding: '6px 12px',
+        color: theme.palette.text.primary,
+        fontSize: '13px',
+        transition: theme.transitions.create(['background-color']),
+        '&:hover, &--focused': {
+            backgroundColor: 'rgba(0,0,0,0.04)'
+        }
+    },
+    mention: {
+        position: 'relative',
+        zIndex: 1,
+        color: theme.palette.primary.main,
+        textShadow: '1px 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white',
+        pointerEvents: 'none'
+    }
+}); });

package/cjs/features/crosswalks/hooks/useAttributeActions.js

@@ -69,7 +69,7 @@ var useAttributeActions = function (_a) {
                     uri: attributeValue.uri,
                     crosswalk: sourceTable ? { type: type, value: value, sourceTable: sourceTable } : { type: type, value: value }
                 });
-            }), function (diff) { return ({ uri: (0, mdm_sdk_1.getBaseUri)(attributeValue.uri), diff: diff }); }, mdm_sdk_1.entityCumulativeDelete, handleErrorResponse)(crosswalks);
+            }), function (diff) { return ({ uri: (0, mdm_sdk_1.getBaseUri)(attributeValue.uri), diff: diff }); }, (0, mdm_sdk_1.isRelationUri)(attributeValue.uri) ? mdm_sdk_1.entityCumulativeUpdate : mdm_sdk_1.entityCumulativeDelete, handleErrorResponse)(crosswalks);
         handleAction(action);
     }, [handleAction, handleErrorResponse]);
     var pinAttributeAction = (0, react_1.useCallback)(function (_a) {

package/cjs/features/crosswalks/hooks/useAttributeActions.test.js

@@ -74,7 +74,7 @@ var useAttributeActions_1 = require("./useAttributeActions");
 var test_utils_1 = require("react-dom/test-utils");
 var react_hooks_1 = require("@testing-library/react-hooks");
 var mdmSdk = __importStar(require("@reltio/mdm-sdk"));
-jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { entityCumulativeDelete: jest.fn(), ignoreAttribute: jest.fn(), pinAttribute: jest.fn(), removeRelation: jest.fn(), updateAttribute: jest.fn(), createAttribute: jest.fn() })); });
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { entityCumulativeDelete: jest.fn(), entityCumulativeUpdate: jest.fn(), ignoreAttribute: jest.fn(), pinAttribute: jest.fn(), removeRelation: jest.fn(), updateAttribute: jest.fn(), createAttribute: jest.fn() })); });
 describe('useAttributeActions', function () {
     var initialProps = {
         onSuccess: jest.fn(),
@@ -91,6 +91,12 @@ describe('useAttributeActions', function () {
             resolveError = function () { return _reject({ errorMessage: 'Some error' }); };
         });
     });
+    var entityCumulativeUpdateMock = jest.spyOn(mdmSdk, 'entityCumulativeUpdate').mockImplementation(function () {
+        return new Promise(function (_resolve, _reject) {
+            resolveSuccess = function () { return _resolve({ uri: 'relations/03xNaHt', type: 'configuration/relationTypes/HCPtoHCA' }); };
+            resolveError = function () { return _reject({ errorMessage: 'Some error' }); };
+        });
+    });
     var removeRelationMock = jest.spyOn(mdmSdk, 'removeRelation').mockImplementation(function () {
         return new Promise(function (_resolve, _reject) {
             resolveSuccess = function () { return _resolve({ status: 'success' }); };
@@ -414,6 +420,81 @@ describe('useAttributeActions', function () {
             }
         });
     }); });
+    it('should return correct delete action for relation attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var deleteAttribute, deleteEvent, requestParams;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    deleteAttribute = getActions().deleteAttribute;
+                    deleteEvent = {
+                        attributeType: {
+                            name: 'Int',
+                            type: 'Int',
+                            uri: 'configuration/relationTypes/HCPtoHCA/attributes/Int'
+                        },
+                        attributeValue: {
+                            type: 'configuration/relationTypes/HCPtoHCA/attributes/Int',
+                            ov: true,
+                            value: '123',
+                            uri: 'relations/03xNaHt/attributes/Int/10DnwKGs'
+                        },
+                        crosswalks: [
+                            {
+                                uri: 'relations/03xNaHt/crosswalks/n7HybxF',
+                                type: 'configuration/sources/Reltio',
+                                value: '03xNaHt',
+                                createDate: '2024-02-02T14:11:10.208Z',
+                                updateDate: '2024-02-02T14:11:10.208Z',
+                                attributes: [
+                                    'relations/03xNaHt/attributes/HierarchyCode/10DnwOX8',
+                                    'relations/03xNaHt/attributes/Int/10DnwKGs'
+                                ],
+                                singleAttributeUpdateDates: {
+                                    'relations/03xNaHt/attributes/HierarchyCode/10DnwOX8': '2024-05-07T08:24:58.683Z',
+                                    'relations/03xNaHt/attributes/Int/10DnwKGs': '2024-05-07T08:24:58.683Z'
+                                }
+                            }
+                        ]
+                    };
+                    deleteAttribute(deleteEvent);
+                    requestParams = {
+                        diff: [
+                            {
+                                crosswalk: { type: 'configuration/sources/Reltio', value: '03xNaHt' },
+                                type: 'DELETE_ATTRIBUTE',
+                                uri: 'relations/03xNaHt/attributes/Int/10DnwKGs'
+                            }
+                        ],
+                        uri: 'relations/03xNaHt'
+                    };
+                    expect(entityCumulativeUpdateMock).toHaveBeenCalledWith(requestParams);
+                    expect(initialProps.onLoad).toHaveBeenCalled();
+                    expect(initialProps.onSuccess).not.toHaveBeenCalled();
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                resolveSuccess();
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    expect(initialProps.onSuccess).toHaveBeenCalled();
+                    deleteAttribute(deleteEvent);
+                    expect(entityCumulativeUpdateMock).toHaveBeenCalledWith(requestParams);
+                    expect(initialProps.onError).not.toHaveBeenCalled();
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                resolveError();
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 2:
+                    _a.sent();
+                    expect(initialProps.onError).toHaveBeenCalledWith({ errorMessage: 'Some error' });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should return correct pin action for attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
         var pinAttribute, attributeValue;
         return __generator(this, function (_a) {

package/esm/CollaborationItem/components/Comment/styles.js

@@ -25,7 +25,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         marginLeft: '40px'
     },
     commentTarget: {
-        marginTop: '-15px'
+        marginTop: '-15px',
+        overflowWrap: 'break-word'
     },
     message: {
         marginTop: '12px'

package/esm/CollaborationItem/components/TextFieldWithMentions/TextFieldWithMentions.js

@@ -26,8 +26,9 @@ import { uniq } from 'ramda';
 import { MentionsInput, Mention } from 'react-mentions';
 import { UsersContext } from '../../../contexts/UsersContext';
 import { useStyles } from './styles';
-import { MENTIONS_TEXTAREA_CLASSNAME } from './constants';
+var MENTIONS_TEXTAREA_CLASSNAME = 'mentionsTextArea';
 export var TextFieldWithMentions = function (_a) {
+    var _b;
     var onChange = _a.onChange, className = _a.className, value = _a.value, placeholder = _a.placeholder, props = __rest(_a, ["onChange", "className", "value", "placeholder"]);
     var styles = useStyles({ placeholder: value ? '' : placeholder });
     var users = useContext(UsersContext);
@@ -38,7 +39,14 @@ export var TextFieldWithMentions = function (_a) {
         })));
     };
     return (React.createElement("div", { className: classnames(styles.root, className) },
-        React.createElement(MentionsInput, __assign({}, props, { value: value, placeholder: placeholder, onChange: handleChange, className: classnames(MENTIONS_TEXTAREA_CLASSNAME), suggestionsPortalHost: document.body }),
+        React.createElement(MentionsInput, __assign({}, props, { value: value, placeholder: placeholder, onChange: handleChange, className: MENTIONS_TEXTAREA_CLASSNAME, suggestionsPortalHost: document.body, classNames: (_b = {},
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__input")] = styles.mentionsInput,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__highlighter")] = styles.mentionsHighlighter,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__control")] = styles.mentionsControl,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__suggestions")] = styles.mentionsSuggestions,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__suggestions__list")] = styles.mentionsSuggestionsList,
+                _b["".concat(MENTIONS_TEXTAREA_CLASSNAME, "__suggestions__item")] = styles.mentionsSuggestionsItem,
+                _b) }),
             React.createElement(Mention, { trigger: "+", data: users.map(function (_a) {
                     var username = _a.username;
                     return ({ id: username, display: username });

package/esm/CollaborationItem/components/TextFieldWithMentions/styles.d.ts

@@ -1,5 +1,5 @@
 type StylesProps = {
     placeholder?: string;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"root" | "mention">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"root" | "mentionsControl" | "mentionsHighlighter" | "mentionsInput" | "mentionsSuggestions" | "mentionsSuggestionsList" | "mentionsSuggestionsItem" | "mention">;
 export {};

package/esm/CollaborationItem/components/TextFieldWithMentions/styles.js

@@ -1,62 +1,57 @@
 import { makeStyles } from '@mui/styles';
 import { POPUP_Z_INDEX } from '../../../constants';
-import { MENTIONS_TEXTAREA_CLASSNAME } from './constants';
 var suggestionsZIndex = POPUP_Z_INDEX + 1;
-export var useStyles = makeStyles(function (theme) {
-    var _a;
-    return ({
-        root: (_a = {
-                backgroundColor: '#fff',
-                fontFamily: 'Roboto'
-            },
-            _a["& .".concat(MENTIONS_TEXTAREA_CLASSNAME, "__control")] = {
-                fontSize: '13px'
-            },
-            _a["& .".concat(MENTIONS_TEXTAREA_CLASSNAME, "__highlighter")] = {
-                padding: '10px 22px',
-                border: '1px solid transparent !important',
-                '&::before': {
-                    content: function (_a) {
-                        var placeholder = _a.placeholder;
-                        return placeholder && "\"".concat(placeholder, "\"");
-                    }
-                }
-            },
-            _a["& .".concat(MENTIONS_TEXTAREA_CLASSNAME, "__input")] = {
-                borderRadius: '2px',
-                border: '1px solid rgba(0,0,0,0.12)',
-                padding: '10px 22px',
-                outline: 0,
-                overflow: 'auto !important'
-            },
-            _a["& .".concat(MENTIONS_TEXTAREA_CLASSNAME, "__suggestions")] = {
-                padding: '8px 0',
-                zIndex: suggestionsZIndex + '!important',
-                borderRadius: '4px',
-                backgroundColor: '#fafafa !important',
-                boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',
-                transform: 'translateY(-100%)'
-            },
-            _a["& .".concat(MENTIONS_TEXTAREA_CLASSNAME, "__suggestions__list")] = {
-                maxHeight: '200px',
-                overflowY: 'scroll'
-            },
-            _a["& .".concat(MENTIONS_TEXTAREA_CLASSNAME, "__suggestions__item")] = {
-                padding: '6px 12px',
-                color: theme.palette.text.primary,
-                fontSize: '13px',
-                transition: theme.transitions.create(['background-color']),
-                '&:hover, &--focused': {
-                    backgroundColor: 'rgba(0,0,0,0.04)'
-                }
-            },
-            _a),
-        mention: {
-            position: 'relative',
-            zIndex: 1,
-            color: theme.palette.primary.main,
-            textShadow: '1px 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white',
-            pointerEvents: 'none'
+export var useStyles = makeStyles(function (theme) { return ({
+    root: {
+        backgroundColor: '#fff',
+        fontFamily: 'Roboto'
+    },
+    mentionsControl: {
+        fontSize: '13px'
+    },
+    mentionsHighlighter: {
+        padding: '10px 22px',
+        border: '1px solid transparent !important',
+        '&::before': {
+            content: function (_a) {
+                var placeholder = _a.placeholder;
+                return placeholder && "\"".concat(placeholder, "\"");
+            }
         }
-    });
-});
+    },
+    mentionsInput: {
+        borderRadius: '2px',
+        border: '1px solid rgba(0,0,0,0.12)',
+        padding: '10px 22px',
+        outline: 0,
+        overflow: 'auto !important'
+    },
+    mentionsSuggestions: {
+        padding: '8px 0',
+        zIndex: suggestionsZIndex + '!important',
+        borderRadius: '4px',
+        backgroundColor: '#fafafa !important',
+        boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',
+        transform: 'translateY(-100%)'
+    },
+    mentionsSuggestionsList: {
+        maxHeight: '200px',
+        overflowY: 'scroll'
+    },
+    mentionsSuggestionsItem: {
+        padding: '6px 12px',
+        color: theme.palette.text.primary,
+        fontSize: '13px',
+        transition: theme.transitions.create(['background-color']),
+        '&:hover, &--focused': {
+            backgroundColor: 'rgba(0,0,0,0.04)'
+        }
+    },
+    mention: {
+        position: 'relative',
+        zIndex: 1,
+        color: theme.palette.primary.main,
+        textShadow: '1px 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white',
+        pointerEvents: 'none'
+    }
+}); });

package/esm/features/crosswalks/hooks/useAttributeActions.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { useCallback } from 'react';
 import { andThen, pipe, prop, defaultTo, map } from 'ramda';
-import { createAttribute, entityCumulativeDelete, getBaseUri, getReferencedRelationFromAttrValue, ignoreAttribute, isComplexAttribute, isImage, isLookupAttrType, isLookupValue, isReference, pinAttribute, removeRelation, updateAttribute } from '@reltio/mdm-sdk';
+import { createAttribute, entityCumulativeDelete, getBaseUri, isRelationUri, getReferencedRelationFromAttrValue, ignoreAttribute, isComplexAttribute, isImage, isLookupAttrType, isLookupValue, isReference, pinAttribute, removeRelation, updateAttribute, entityCumulativeUpdate } from '@reltio/mdm-sdk';
 import { noop } from '../../../core';
 export var useAttributeActions = function (_a) {
     var _b = _a.onSuccess, onSuccess = _b === void 0 ? noop : _b, _c = _a.onError, onError = _c === void 0 ? noop : _c, _d = _a.onLoad, onLoad = _d === void 0 ? noop : _d;
@@ -66,7 +66,7 @@ export var useAttributeActions = function (_a) {
                     uri: attributeValue.uri,
                     crosswalk: sourceTable ? { type: type, value: value, sourceTable: sourceTable } : { type: type, value: value }
                 });
-            }), function (diff) { return ({ uri: getBaseUri(attributeValue.uri), diff: diff }); }, entityCumulativeDelete, handleErrorResponse)(crosswalks);
+            }), function (diff) { return ({ uri: getBaseUri(attributeValue.uri), diff: diff }); }, isRelationUri(attributeValue.uri) ? entityCumulativeUpdate : entityCumulativeDelete, handleErrorResponse)(crosswalks);
         handleAction(action);
     }, [handleAction, handleErrorResponse]);
     var pinAttributeAction = useCallback(function (_a) {

package/esm/features/crosswalks/hooks/useAttributeActions.test.js

@@ -49,7 +49,7 @@ import { useAttributeActions } from './useAttributeActions';
 import { act } from 'react-dom/test-utils';
 import { renderHook } from '@testing-library/react-hooks';
 import * as mdmSdk from '@reltio/mdm-sdk';
-jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { entityCumulativeDelete: jest.fn(), ignoreAttribute: jest.fn(), pinAttribute: jest.fn(), removeRelation: jest.fn(), updateAttribute: jest.fn(), createAttribute: jest.fn() })); });
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { entityCumulativeDelete: jest.fn(), entityCumulativeUpdate: jest.fn(), ignoreAttribute: jest.fn(), pinAttribute: jest.fn(), removeRelation: jest.fn(), updateAttribute: jest.fn(), createAttribute: jest.fn() })); });
 describe('useAttributeActions', function () {
     var initialProps = {
         onSuccess: jest.fn(),
@@ -66,6 +66,12 @@ describe('useAttributeActions', function () {
             resolveError = function () { return _reject({ errorMessage: 'Some error' }); };
         });
     });
+    var entityCumulativeUpdateMock = jest.spyOn(mdmSdk, 'entityCumulativeUpdate').mockImplementation(function () {
+        return new Promise(function (_resolve, _reject) {
+            resolveSuccess = function () { return _resolve({ uri: 'relations/03xNaHt', type: 'configuration/relationTypes/HCPtoHCA' }); };
+            resolveError = function () { return _reject({ errorMessage: 'Some error' }); };
+        });
+    });
     var removeRelationMock = jest.spyOn(mdmSdk, 'removeRelation').mockImplementation(function () {
         return new Promise(function (_resolve, _reject) {
             resolveSuccess = function () { return _resolve({ status: 'success' }); };
@@ -389,6 +395,81 @@ describe('useAttributeActions', function () {
             }
         });
     }); });
+    it('should return correct delete action for relation attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var deleteAttribute, deleteEvent, requestParams;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    deleteAttribute = getActions().deleteAttribute;
+                    deleteEvent = {
+                        attributeType: {
+                            name: 'Int',
+                            type: 'Int',
+                            uri: 'configuration/relationTypes/HCPtoHCA/attributes/Int'
+                        },
+                        attributeValue: {
+                            type: 'configuration/relationTypes/HCPtoHCA/attributes/Int',
+                            ov: true,
+                            value: '123',
+                            uri: 'relations/03xNaHt/attributes/Int/10DnwKGs'
+                        },
+                        crosswalks: [
+                            {
+                                uri: 'relations/03xNaHt/crosswalks/n7HybxF',
+                                type: 'configuration/sources/Reltio',
+                                value: '03xNaHt',
+                                createDate: '2024-02-02T14:11:10.208Z',
+                                updateDate: '2024-02-02T14:11:10.208Z',
+                                attributes: [
+                                    'relations/03xNaHt/attributes/HierarchyCode/10DnwOX8',
+                                    'relations/03xNaHt/attributes/Int/10DnwKGs'
+                                ],
+                                singleAttributeUpdateDates: {
+                                    'relations/03xNaHt/attributes/HierarchyCode/10DnwOX8': '2024-05-07T08:24:58.683Z',
+                                    'relations/03xNaHt/attributes/Int/10DnwKGs': '2024-05-07T08:24:58.683Z'
+                                }
+                            }
+                        ]
+                    };
+                    deleteAttribute(deleteEvent);
+                    requestParams = {
+                        diff: [
+                            {
+                                crosswalk: { type: 'configuration/sources/Reltio', value: '03xNaHt' },
+                                type: 'DELETE_ATTRIBUTE',
+                                uri: 'relations/03xNaHt/attributes/Int/10DnwKGs'
+                            }
+                        ],
+                        uri: 'relations/03xNaHt'
+                    };
+                    expect(entityCumulativeUpdateMock).toHaveBeenCalledWith(requestParams);
+                    expect(initialProps.onLoad).toHaveBeenCalled();
+                    expect(initialProps.onSuccess).not.toHaveBeenCalled();
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                resolveSuccess();
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    expect(initialProps.onSuccess).toHaveBeenCalled();
+                    deleteAttribute(deleteEvent);
+                    expect(entityCumulativeUpdateMock).toHaveBeenCalledWith(requestParams);
+                    expect(initialProps.onError).not.toHaveBeenCalled();
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                resolveError();
+                                return [2 /*return*/];
+                            });
+                        }); })];
+                case 2:
+                    _a.sent();
+                    expect(initialProps.onError).toHaveBeenCalledWith({ errorMessage: 'Some error' });
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should return correct pin action for attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
         var pinAttribute, attributeValue;
         return __generator(this, function (_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1839",
+  "version": "1.4.1841",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",

package/cjs/CollaborationItem/components/TextFieldWithMentions/constants.d.ts

@@ -1 +0,0 @@
-export declare const MENTIONS_TEXTAREA_CLASSNAME = "mentionsTextArea";

package/cjs/CollaborationItem/components/TextFieldWithMentions/constants.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MENTIONS_TEXTAREA_CLASSNAME = void 0;
-exports.MENTIONS_TEXTAREA_CLASSNAME = 'mentionsTextArea';

package/esm/CollaborationItem/components/TextFieldWithMentions/constants.d.ts

@@ -1 +0,0 @@
-export declare const MENTIONS_TEXTAREA_CLASSNAME = "mentionsTextArea";

package/esm/CollaborationItem/components/TextFieldWithMentions/constants.js

@@ -1 +0,0 @@
-export var MENTIONS_TEXTAREA_CLASSNAME = 'mentionsTextArea';