@reltio/components 1.4.1896 → 1.4.1898

package/esm/features/history/HistoryTree/HistoryTree.specs.js

@@ -46,14 +46,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import ReactResizeDetector from 'react-resize-detector';
 import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
-import { LinearLoadIndicator } from '../../../LinearLoadIndicator';
-import { HistoryGraph } from '../HistoryGraph';
-import { HistoryRow } from '../HistoryRow';
+import { render, screen, within, fireEvent } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { Mode, getEntity } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 import { HistoryTree } from './HistoryTree';
@@ -67,6 +62,7 @@ var metadata = {
         { uri: 'configuration/sources/DEA', label: 'DEA' }
     ]
 };
+var historyEvent = { aStamp: 1633089195406, overrideUri: 'entities/123' };
 var historyData = {
     historyLanes: {
         'entities/123': {
@@ -91,15 +87,8 @@ var historyData = {
         }
     ]
 };
-var defaultMdmValues = {
-    metadata: metadata,
-    mode: Mode.Viewing
-};
-var mdmActions = {
-    setHistoryEvent: jest.fn(),
-    clearHistoryEvent: jest.fn(),
-    modeUpdated: jest.fn()
-};
+var mdmActions = { setHistoryEvent: jest.fn(), clearHistoryEvent: jest.fn(), modeUpdateRequested: jest.fn() };
+var defaultMdmValues = { metadata: metadata, mode: Mode.Viewing };
 var defaultProps = {
     historyData: historyData,
     isLoading: false,
@@ -110,12 +99,15 @@ var defaultProps = {
     findPreviousChange: function (index) { return historyData.rows[index + 1]; }
 };
 var setUp = function (_a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d;
-    return mount(React.createElement(MdmModuleProvider, { values: mdmValues, actions: mdmActions },
-        React.createElement(HistoryTree, __assign({}, props))));
+    var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? {} : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d;
+    var user = userEvent.setup();
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (React.createElement(MdmModuleProvider, { values: mdmValues, actions: mdmActions }, children));
+    };
+    return __assign({ user: user }, render(React.createElement(HistoryTree, __assign({}, defaultProps, props)), { wrapper: Providers }));
 };
 describe('HistoryTree tests', function () {
-    var historyEvent = { aStamp: 1633089195406, overrideUri: 'entities/123' };
     beforeAll(function () {
         jest.spyOn(Element.prototype, 'clientHeight', 'get').mockReturnValue(100);
     });
@@ -123,149 +115,135 @@ describe('HistoryTree tests', function () {
         jest.clearAllMocks();
     });
     it('should render correct default state', function () {
-        var wrapper = setUp();
-        expect(wrapper.find(LinearLoadIndicator).length).toBe(0);
-        var graph = wrapper.find('.graph');
-        expect(graph.length).toBe(1);
-        expect(graph.hasClass('shadow')).toBe(false);
-        expect(graph.find(HistoryGraph).length).toBe(1);
-        expect(graph.find(HistoryGraph).prop('graphData')).toEqual({
-            historyLanes: historyData.historyLanes,
-            rows: historyData.rows.map(function (row) { return (__assign(__assign({}, row), { height: 100 })); })
-        });
-        expect(graph.find(ReactResizeDetector).length).toBe(1);
-        var history = wrapper.find('.history');
-        expect(history.length).toBe(1);
-        var historyRows = history.find(HistoryRow);
-        expect(historyRows.length).toBe(2);
-        historyRows.forEach(function (row, i) {
-            expect(row.prop('change')).toBe(historyData.rows[i]);
-            expect(row.prop('isCurrent')).toBe(i === 0);
-            expect(row.prop('isSelected')).toBe(i === 0);
-        });
-        var buttonContainer = wrapper.find('.buttonContainer');
-        expect(buttonContainer.length).toBe(0);
-    });
-    it('should show "load more" button and call onLoadMore prop on click if canLoadMore === true', function () {
-        var onLoadMore = defaultProps.onLoadMore;
-        var props = __assign(__assign({}, defaultProps), { canLoadMore: true });
-        var wrapper = setUp({ props: props });
-        expect(onLoadMore).not.toBeCalled();
-        var buttonContainer = wrapper.find('.buttonContainer');
-        expect(buttonContainer.length).toBe(1);
-        var button = buttonContainer.find(Button).find('button');
-        expect(button.length).toBe(1);
-        expect(button.text()).toBe('Show more');
-        button.simulate('click');
-        expect(onLoadMore).toBeCalled();
+        setUp();
+        expect(screen.getByTestId('reltio-history-graph')).toBeInTheDocument();
+        var rows = screen.getAllByTestId('history-row');
+        expect(rows).toHaveLength(2);
+        var current = rows[0], unmerged = rows[1];
+        expect(current).toHaveClass('selected');
+        within(current).getByText('Current view');
+        within(current).getByText('user1');
+        within(unmerged).getByText(i18n.date(historyData.rows[1].timestamp, 'L LT'));
+        within(unmerged).getByText('Profile un-merged');
+        within(unmerged).getByText('user2');
+        within(unmerged).getByText(i18n.date(historyData.rows[1].timestamp, 'L LT'));
+        expect(screen.queryByTestId('reltio-linear-load-indicator')).not.toBeInTheDocument();
+        expect(screen.queryByText('Show more')).not.toBeInTheDocument();
     });
+    it('should show "load more" button and call onLoadMore prop on click if canLoadMore === true', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp({ props: { canLoadMore: true } }).user;
+                    return [4 /*yield*/, user.click(screen.getByText('Show more'))];
+                case 1:
+                    _a.sent();
+                    expect(defaultProps.onLoadMore).toBeCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should show loading indicator if isLoading === true', function () {
-        var props = __assign(__assign({}, defaultProps), { isLoading: true });
-        var wrapper = setUp({ props: props });
-        expect(wrapper.find(LinearLoadIndicator).length).toBe(1);
+        setUp({ props: { isLoading: true } });
+        expect(screen.getByTestId('reltio-linear-load-indicator')).toBeInTheDocument();
     });
-    it('should show shadow if content scrollable right', function () {
-        var wrapper = setUp();
-        var graph = wrapper.find('.graph');
-        var reactResizeDetector = wrapper.find(ReactResizeDetector);
-        expect(graph.length).toBe(1);
-        expect(graph.hasClass('shadow')).toBe(false);
-        expect(reactResizeDetector.length).toBe(1);
+    it('should show shadow if content is scrollable right', function () {
         jest.spyOn(Element.prototype, 'clientWidth', 'get').mockReturnValue(100);
         jest.spyOn(Element.prototype, 'scrollWidth', 'get').mockReturnValue(150);
         jest.spyOn(Element.prototype, 'scrollLeft', 'get').mockReturnValueOnce(0);
-        act(function () {
-            var onResize = reactResizeDetector.prop('onResize');
-            onResize();
-        });
-        wrapper.update();
-        expect(wrapper.find('.graph').hasClass('shadow')).toBe(true);
-        jest.spyOn(Element.prototype, 'scrollLeft', 'get').mockReturnValueOnce(50);
-        act(function () {
-            wrapper.find('.graph').simulate('scroll');
-        });
-        wrapper.update();
-        expect(wrapper.find('.graph').hasClass('shadow')).toBe(false);
-    });
-    it('should render the latest event as selected if props.historyEvent is undefined', function () {
-        var wrapper = setUp();
-        var historyRows = wrapper.find(HistoryRow);
-        expect(historyRows.at(0).prop('isSelected')).toBeTruthy();
-        expect(historyRows.at(1).prop('isSelected')).toBeFalsy();
+        setUp();
+        var graph = screen.getByTestId('reltio-history-graph');
+        fireEvent.scroll(graph.parentElement);
+        expect(graph.parentElement).toHaveClass('shadow');
     });
-    it('should render correct selected row', function () {
-        var props = __assign(__assign({}, defaultProps), { historyEvent: historyEvent });
-        var wrapper = setUp({ props: props });
-        var historyRows = wrapper.find(HistoryRow);
-        expect(historyRows.at(0).prop('isSelected')).toBeFalsy();
-        expect(historyRows.at(1).prop('isSelected')).toBeTruthy();
+    it('should not show shadow if content is not scrollable right', function () {
+        jest.spyOn(Element.prototype, 'clientWidth', 'get').mockReturnValue(100);
+        jest.spyOn(Element.prototype, 'scrollWidth', 'get').mockReturnValue(100);
+        jest.spyOn(Element.prototype, 'scrollLeft', 'get').mockReturnValueOnce(0);
+        setUp();
+        var graph = screen.getByTestId('reltio-history-graph');
+        fireEvent.scroll(graph.parentElement);
+        expect(graph.parentElement).not.toHaveClass('shadow');
     });
-    it('should dipatch setHistoryEvent when invoke HistoryRow prop onClick', function () {
-        var setHistoryEvent = mdmActions.setHistoryEvent;
-        var wrapper = setUp();
-        act(function () {
-            wrapper.find(HistoryRow).at(1).prop('onClick')();
-        });
-        var event = { aStamp: 1633089195406, overrideUri: null };
-        expect(setHistoryEvent).toBeCalledWith(event);
+    it('should not show shadow if content is scrollable right but you scrolled right already', function () {
+        jest.spyOn(Element.prototype, 'clientWidth', 'get').mockReturnValue(100);
+        jest.spyOn(Element.prototype, 'scrollWidth', 'get').mockReturnValue(150);
+        jest.spyOn(Element.prototype, 'scrollLeft', 'get').mockReturnValueOnce(50);
+        setUp();
+        var graph = screen.getByTestId('reltio-history-graph');
+        fireEvent.scroll(graph.parentElement);
+        expect(graph.parentElement).not.toHaveClass('shadow');
     });
-    it('should dipatch clearHistoryEvent when invoke HistoryRow prop onClick on selected event', function () {
-        var clearHistoryEvent = mdmActions.clearHistoryEvent;
-        var props = __assign(__assign({}, defaultProps), { historyEvent: historyEvent });
-        var wrapper = setUp({ props: props });
-        act(function () {
-            wrapper.find(HistoryRow).at(1).prop('onClick')();
-        });
-        expect(clearHistoryEvent).toHaveBeenCalled();
+    it('should render correct selected row', function () {
+        setUp({ props: { historyEvent: historyEvent } });
+        var rows = screen.getAllByTestId('history-row');
+        expect(rows[0]).not.toHaveClass('selected');
+        expect(rows[1]).toHaveClass('selected');
     });
-    it('should dipatch clearHistoryEvent when invoke HistoryRow prop onClick on the latest event', function () {
-        var clearHistoryEvent = mdmActions.clearHistoryEvent;
-        var props = __assign(__assign({}, defaultProps), { historyEvent: historyEvent });
-        var wrapper = setUp({ props: props });
-        act(function () {
-            wrapper.find(HistoryRow).at(0).prop('onClick')();
+    it('should dispatch setHistoryEvent when invoke HistoryRow prop onClick', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, user.click(screen.getAllByTestId('history-row')[1])];
+                case 1:
+                    _a.sent();
+                    expect(mdmActions.clearHistoryEvent).not.toHaveBeenCalled();
+                    expect(mdmActions.setHistoryEvent).toHaveBeenCalledWith({ aStamp: 1633089195406, overrideUri: null });
+                    return [2 /*return*/];
+            }
         });
-        expect(clearHistoryEvent).toHaveBeenCalled();
-    });
-    it('should not dipatch clearHistoryEvent when invoke HistoryRow prop onClick on the latest event if props.historyEvent is undefined', function () {
-        var clearHistoryEvent = mdmActions.clearHistoryEvent;
-        var wrapper = setUp();
-        act(function () {
-            wrapper.find(HistoryRow).at(0).prop('onClick')();
+    }); });
+    it('should dispatch clearHistoryEvent when click on selected view', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp({ props: { historyEvent: historyEvent } }).user;
+                    return [4 /*yield*/, user.click(screen.getAllByTestId('history-row')[1])];
+                case 1:
+                    _a.sent();
+                    expect(mdmActions.clearHistoryEvent).toHaveBeenCalled();
+                    expect(mdmActions.setHistoryEvent).not.toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
         });
-        expect(clearHistoryEvent).not.toBeCalled();
-    });
-    it('should dipatch modeUpdated and setHistoryEvent when invoke HistoryRow prop onClick in Editing mode and apply confirmation', function () {
-        var confirm = jest.spyOn(window, 'confirm').mockReturnValue(true);
-        var modeUpdated = mdmActions.modeUpdated, setHistoryEvent = mdmActions.setHistoryEvent;
-        var mdmValues = __assign(__assign({}, defaultMdmValues), { mode: Mode.Editing });
-        var wrapper = setUp({ mdmValues: mdmValues });
-        act(function () {
-            wrapper.find(HistoryRow).at(1).prop('onClick')();
+    }); });
+    it('should dispatch clearHistoryEvent when click on current view', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp({ props: { historyEvent: historyEvent } }).user;
+                    return [4 /*yield*/, user.click(screen.getAllByTestId('history-row')[0])];
+                case 1:
+                    _a.sent();
+                    expect(mdmActions.clearHistoryEvent).toHaveBeenCalled();
+                    expect(mdmActions.setHistoryEvent).not.toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
         });
-        var event = {
-            aStamp: 1633089195406,
-            overrideUri: null
-        };
-        expect(confirm).toHaveBeenCalledWith(i18n.text('Are you sure you want to go in history mode? All your changes will be lost.'));
-        expect(modeUpdated).toHaveBeenCalledWith(Mode.Viewing);
-        expect(setHistoryEvent).toHaveBeenCalledWith(event);
-    });
-    it('should dipatch nothing when invoke HistoryRow prop onClick in Editing mode and cancel confirmation', function () {
-        var confirm = jest.spyOn(window, 'confirm').mockReturnValue(false);
-        var modeUpdated = mdmActions.modeUpdated, setHistoryEvent = mdmActions.setHistoryEvent, clearHistoryEvent = mdmActions.clearHistoryEvent;
-        var mdmValues = __assign(__assign({}, defaultMdmValues), { mode: Mode.Editing });
-        var wrapper = setUp({ mdmValues: mdmValues });
-        act(function () {
-            wrapper.find(HistoryRow).at(1).prop('onClick')();
+    }); });
+    it('should dispatch modeUpdateRequested and setHistoryEvent when click in Editing mode', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp({ mdmValues: __assign(__assign({}, defaultMdmValues), { mode: Mode.Editing }) }).user;
+                    return [4 /*yield*/, user.click(screen.getAllByTestId('history-row')[1])];
+                case 1:
+                    _a.sent();
+                    expect(mdmActions.clearHistoryEvent).not.toHaveBeenCalled();
+                    expect(mdmActions.setHistoryEvent).toHaveBeenCalledWith({ aStamp: 1633089195406, overrideUri: null });
+                    expect(mdmActions.modeUpdateRequested).toHaveBeenCalledWith(Mode.Viewing);
+                    return [2 /*return*/];
+            }
         });
-        expect(confirm).toHaveBeenCalledWith(i18n.text('Are you sure you want to go in history mode? All your changes will be lost.'));
-        expect(clearHistoryEvent).not.toHaveBeenCalled();
-        expect(setHistoryEvent).not.toHaveBeenCalled();
-        expect(modeUpdated).not.toHaveBeenCalled();
-    });
-    it('handleHistoryCircleMouseOver handler should work correctly when crosswalks exist', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var crosswalks, wrapper, graphData;
+    }); });
+    it('should request circle label correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var crosswalks, user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -277,96 +255,36 @@ describe('HistoryTree tests', function () {
                         { type: 'configuration/sources/MDS' }
                     ];
                     getEntity.mockImplementation(function () { return Promise.resolve({ crosswalks: crosswalks }); });
-                    wrapper = setUp();
-                    graphData = {
-                        historyLanes: historyData.historyLanes,
-                        rows: historyData.rows.map(function (row) { return (__assign(__assign({}, row), { height: 100 })); })
-                    };
-                    expect(wrapper.find(HistoryGraph).prop('graphData')).toEqual(graphData);
-                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            var onHistoryCircleMouseOver;
-                            return __generator(this, function (_a) {
-                                onHistoryCircleMouseOver = wrapper.find(HistoryGraph).prop('onHistoryCircleMouseOver');
-                                if (onHistoryCircleMouseOver) {
-                                    onHistoryCircleMouseOver('entities/123', 1636456567409, 0);
-                                }
-                                return [2 /*return*/];
-                            });
-                        }); })];
+                    user = setUp().user;
+                    return [4 /*yield*/, user.hover(screen.getAllByTestId('history-circle')[0])];
                 case 1:
                     _a.sent();
-                    expect(getEntity).toHaveBeenCalledWith('entities/123', {
-                        time: 1636456567409,
-                        select: 'crosswalks'
-                    });
-                    expect(getEntity.mock.calls.length).toBe(1);
-                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                Promise.resolve();
-                                return [2 /*return*/];
-                            });
-                        }); })];
+                    expect(getEntity).toHaveBeenCalledWith('entities/123', { time: 1636456567409, select: 'crosswalks' });
+                    return [4 /*yield*/, user.hover(screen.getAllByTestId('history-circle')[0])];
                 case 2:
                     _a.sent();
-                    wrapper.update();
-                    expect(wrapper.find(HistoryGraph).prop('graphData')).toEqual(__assign(__assign({}, graphData), { rows: [__assign(__assign({}, graphData.rows[0]), { label: 'AMA, Reltio, DEA' }), graphData.rows[1]] }));
-                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            var onHistoryCircleMouseOver;
-                            return __generator(this, function (_a) {
-                                onHistoryCircleMouseOver = wrapper.find(HistoryGraph).prop('onHistoryCircleMouseOver');
-                                if (onHistoryCircleMouseOver) {
-                                    onHistoryCircleMouseOver('entities/123', 1636456567409, 0);
-                                }
-                                return [2 /*return*/];
-                            });
-                        }); })];
-                case 3:
-                    _a.sent();
-                    expect(getEntity.mock.calls.length).toBe(1);
-                    wrapper.update();
-                    expect(wrapper.find(HistoryGraph).prop('graphData')).toEqual(__assign(__assign({}, graphData), { rows: [__assign(__assign({}, graphData.rows[0]), { label: 'AMA, Reltio, DEA' }), graphData.rows[1]] }));
+                    screen.getByText('AMA, Reltio, DEA');
+                    expect(getEntity).toHaveBeenCalledTimes(1);
                     return [2 /*return*/];
             }
         });
     }); });
-    it('handleHistoryCircleMouseOver handler should work correctly when crosswalks do not exist', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var wrapper, graphData;
+    it('should work correctly when there is no crosswalks for circle', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     getEntity.mockImplementation(function () { return Promise.resolve({}); });
-                    wrapper = setUp();
-                    graphData = {
-                        historyLanes: historyData.historyLanes,
-                        rows: historyData.rows.map(function (row) { return (__assign(__assign({}, row), { height: 100 })); })
-                    };
-                    expect(wrapper.find(HistoryGraph).prop('graphData')).toEqual(graphData);
-                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            var onHistoryCircleMouseOver;
-                            return __generator(this, function (_a) {
-                                onHistoryCircleMouseOver = wrapper.find(HistoryGraph).prop('onHistoryCircleMouseOver');
-                                if (onHistoryCircleMouseOver) {
-                                    onHistoryCircleMouseOver('entities/123', 1636456567409, 0);
-                                }
-                                return [2 /*return*/];
-                            });
-                        }); })];
+                    user = setUp().user;
+                    return [4 /*yield*/, user.hover(screen.getAllByTestId('history-circle')[0])];
                 case 1:
                     _a.sent();
-                    expect(getEntity).toHaveBeenCalledWith('entities/123', {
-                        time: 1636456567409,
-                        select: 'crosswalks'
-                    });
-                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                Promise.resolve();
-                                return [2 /*return*/];
-                            });
-                        }); })];
+                    expect(getEntity).toHaveBeenCalledWith('entities/123', { time: 1636456567409, select: 'crosswalks' });
+                    return [4 /*yield*/, user.hover(screen.getAllByTestId('history-circle')[0])];
                 case 2:
                     _a.sent();
-                    wrapper.update();
-                    expect(wrapper.find(HistoryGraph).prop('graphData')).toEqual(__assign(__assign({}, graphData), { rows: [__assign(__assign({}, graphData.rows[0]), { label: 'No data' }), graphData.rows[1]] }));
+                    screen.getByText('No data');
+                    expect(getEntity).toHaveBeenCalledTimes(1);
                     return [2 /*return*/];
             }
         });

package/esm/features/workflow/WorkflowComments/WorkflowComments.js

@@ -63,5 +63,5 @@ export var WorkflowComments = function (_a) {
                 React.createElement(SmallIconButton, { icon: SendIcon, disabled: comment.length === 0, onClick: sendComment, "data-reltio-id": "send-button" })), classes: { root: styles.filledInputRoot }, placeholder: i18n.text('Write a comment'), value: comment, onKeyPress: handleKeyPress, onChange: handleChange, disableUnderline: true, multiline: true })),
         React.createElement("div", { className: styles.modeSwitcherWrapper },
             buttonsGroup.length === 1 && (React.createElement(Button, { variant: "outlined", onClick: buttonsGroup[0].onClick, disabled: actionRequestIsInProgress }, buttonsGroup[0].label)),
-            buttonsGroup.length > 1 && (React.createElement(ModeSwitcherSelect, { buttonsGroup: buttonsGroup, value: currentAction, disabled: actionRequestIsInProgress })))));
+            buttonsGroup.length > 1 && (React.createElement(ModeSwitcherSelect, { buttonsGroup: buttonsGroup, value: currentAction, loading: actionRequestIsInProgress, disabled: actionRequestIsInProgress })))));
 };

package/esm/features/workflow/WorkflowComments/WorkflowCommments.spec.js

@@ -230,4 +230,10 @@ describe('WorkflowComments tests', function () {
     it('should not crash if preferredAction is undefined and workflowActions is empty array', function () {
         setUp({ props: __assign(__assign({}, defaultProps), { preferredAction: undefined, workflowActions: [] }) });
     });
+    it('should disabled action button and add loading if actionRequestIsInProgress is true', function () {
+        setUp({ props: __assign(__assign({}, defaultProps), { actionRequestIsInProgress: true }) });
+        var button = screen.getByRole('button', { name: 'Delete' });
+        expect(button).toHaveClass('Mui-disabled');
+        screen.getByTestId('mode-loading-spinner');
+    });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1896",
+  "version": "1.4.1898",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1828",
+    "@reltio/mdm-sdk": "^1.4.1830",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",