@reltio/components 1.4.1925 → 1.4.1927

package/cjs/AutoSizeList/AutoSizeList.test.js

@@ -54,17 +54,6 @@ var react_1 = __importDefault(require("react"));
 var AutoSizeList_1 = __importDefault(require("./AutoSizeList"));
 var test_utils_1 = require("../test-utils");
 var react_2 = require("@testing-library/react");
-jest.mock('resize-observer-polyfill', function () { return ({
-    __esModule: true,
-    default: jest.fn().mockImplementation(function (onResize) {
-        onResize([{ contentRect: { width: 100, height: 50 } }]);
-        return {
-            observe: jest.fn(),
-            unobserve: jest.fn(),
-            disconnect: jest.fn()
-        };
-    })
-}); });
 describe('AutoSizeList tests', function () {
     var defaultProps = {
         width: 100,
@@ -80,6 +69,16 @@ describe('AutoSizeList tests', function () {
         if (props === void 0) { props = defaultProps; }
         return (0, react_2.render)(react_1.default.createElement(AutoSizeList_1.default, __assign({}, props)));
     };
+    beforeAll(function () {
+        window.ResizeObserver = jest.fn().mockImplementation(function (onResize) {
+            onResize([{ contentRect: { width: 100, height: 50 } }]);
+            return {
+                observe: jest.fn(),
+                unobserve: jest.fn(),
+                disconnect: jest.fn()
+            };
+        });
+    });
     it('should render correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {

package/cjs/BasicViewContent/BasicViewContent.d.ts

@@ -1,4 +1,2 @@
 import React from 'react';
-type Props = React.ComponentPropsWithoutRef<'div'>;
-export declare const BasicViewContent: ({ children, className, ...otherProps }: Props) => JSX.Element;
-export {};
+export declare const BasicViewContent: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>>;

package/cjs/BasicViewContent/BasicViewContent.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -26,12 +49,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasicViewContent = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
-var BasicViewContent = function (_a) {
+exports.BasicViewContent = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
     var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(styles['basic-view-content'], className) }, otherProps), children));
-};
-exports.BasicViewContent = BasicViewContent;
+    return (react_1.default.createElement("div", __assign({ ref: ref, className: (0, classnames_1.default)(styles['basic-view-content'], className) }, otherProps), children));
+});
+exports.BasicViewContent.displayName = 'BasicViewContent';

package/cjs/DateEditor/DateEditor.test.js

@@ -71,7 +71,7 @@ describe('DateEditor behaviour', function () {
         jest.clearAllMocks();
     });
     it('should work correctly with invalid value', function () {
-        var props = __assign(__assign({}, defaultProps), { value: 'aasdasdasdasdas' });
+        var props = __assign(__assign({}, defaultProps), { value: 'asd' });
         setUp({ props: props });
         var input = react_2.screen.getByRole('textbox');
         expect(input).toHaveAttribute('value', 'MM/DD/YYYY');
@@ -95,7 +95,7 @@ describe('DateEditor behaviour', function () {
         expect(input).toHaveAttribute('value', '');
     });
     it('validation should work correctly if minDate and maxDate is provided and they are not included in the popup limitations (by select)', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var props, user, years;
+        var props, user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -107,8 +107,7 @@ describe('DateEditor behaviour', function () {
                     return [4 /*yield*/, user.click(react_2.screen.getByLabelText('calendar view is open, switch to year view'))];
                 case 2:
                     _a.sent();
-                    years = new Array(200).fill(null).map(function (_, idx) { return idx + 1900; });
-                    years.forEach(function (year) { return react_2.screen.getByText(year); });
+                    ['1900', '1958', '2000', '2013', '2099'].forEach(function (year) { return react_2.screen.getByText(year); });
                     expect(react_2.screen.queryByText('1899')).not.toBeInTheDocument();
                     expect(react_2.screen.queryByText('2100')).not.toBeInTheDocument();
                     return [4 /*yield*/, user.click(react_2.screen.getByText('2000'))];
@@ -127,41 +126,42 @@ describe('DateEditor behaviour', function () {
         });
     }); });
     it('validation should work correctly if minDate and maxDate is provided and they are not included in the popup limitations (by type)', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var props, user;
+        var props, user, textbox;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     props = __assign(__assign({}, defaultProps), { minDate: new Date(1800, 0, 1, 0, 0, 0, 0), maxDate: new Date(2200, 11, 31, 0, 0, 0, 0) });
                     user = setUp({ props: props }).user;
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '01/01/1800')];
+                    textbox = react_2.screen.getByRole('textbox');
+                    return [4 /*yield*/, user.type(textbox, '01/01/1800')];
                 case 1:
                     _a.sent();
                     expect(react_2.screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
                     expect(props.onChange).toHaveBeenCalledWith(new Date('1800-01-01T00:00:00'));
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '12/31/1799')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1799')];
                 case 2:
                     _a.sent();
                     react_2.screen.getByText('Date should not be before minimal date');
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '12/31/1798')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1798')];
                 case 3:
                     _a.sent();
                     react_2.screen.getByText('Date should not be before minimal date');
                     expect(props.onChange).not.toHaveBeenCalled();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '12/31/2200')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/2200')];
                 case 4:
                     _a.sent();
                     expect(react_2.screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
                     expect(react_2.screen.queryByText('Date should not be after maximal date')).not.toBeInTheDocument();
                     expect(props.onChange).toHaveBeenCalledWith(new Date('2200-12-31T00:00:00'));
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '01/01/2201')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/2201')];
                 case 5:
                     _a.sent();
                     react_2.screen.getByText('Date should not be after maximal date');
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '01/01/2202')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/2202')];
                 case 6:
                     _a.sent();
                     react_2.screen.getByText('Date should not be after maximal date');
@@ -220,45 +220,46 @@ describe('DateEditor behaviour', function () {
         });
     }); });
     it('validation should work correctly if minDate and maxDate is provided and they are included in the popup limitations (by type)', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var props, user;
+        var props, user, textbox;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     props = __assign(__assign({}, defaultProps), { minDate: new Date('1980-01-01'), maxDate: new Date('2029-12-31') });
                     user = setUp({ props: props }).user;
+                    textbox = react_2.screen.getByRole('textbox');
                     return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(react_2.screen.getByLabelText('calendar view is open, switch to year view'))];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '01/01/1980')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/1980')];
                 case 3:
                     _a.sent();
                     expect(react_2.screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '12/31/1979')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1979')];
                 case 4:
                     _a.sent();
                     react_2.screen.getByText('Date should not be before minimal date');
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '12/31/1978')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1978')];
                 case 5:
                     _a.sent();
                     react_2.screen.getByText('Date should not be before minimal date');
                     expect(props.onChange).not.toHaveBeenCalled();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '12/31/2029')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/2029')];
                 case 6:
                     _a.sent();
                     expect(react_2.screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
                     expect(react_2.screen.queryByText('Date should not be after maximal date')).not.toBeInTheDocument();
                     expect(props.onChange).toHaveBeenCalledWith(new Date('2029-12-31T00:00:00'));
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '01/01/2030')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/2030')];
                 case 7:
                     _a.sent();
                     react_2.screen.getByText('Date should not be after maximal date');
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '01/01/2031')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/2031')];
                 case 8:
                     _a.sent();
                     react_2.screen.getByText('Date should not be after maximal date');
@@ -314,20 +315,21 @@ describe('DateEditor behaviour', function () {
         });
     }); });
     it('validation should work correctly if minDate and maxDate is not provided (by type)', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, textbox;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '01/01/1900')];
+                    textbox = react_2.screen.getByRole('textbox');
+                    return [4 /*yield*/, user.type(textbox, '01/01/1900')];
                 case 1:
                     _a.sent();
                     expect(react_2.screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '12/31/1899')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1899')];
                 case 2:
                     _a.sent();
                     react_2.screen.getByText('Date should not be before minimal date');
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '12/31/9999')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/9999')];
                 case 3:
                     _a.sent();
                     expect(react_2.screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
@@ -342,16 +344,17 @@ describe('DateEditor behaviour', function () {
         react_2.screen.getByText('Date should not be before minimal date');
     });
     it('should not clear error message after change value if there is not min date and not max date error', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, textbox;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'invalid date')];
+                    textbox = react_2.screen.getByRole('textbox');
+                    return [4 /*yield*/, user.type(textbox, 'inv')];
                 case 1:
                     _a.sent();
                     react_2.screen.getByText('Invalid Date Format');
-                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'invalid date 2')];
+                    return [4 /*yield*/, user.type(textbox, '2')];
                 case 2:
                     _a.sent();
                     react_2.screen.getByText('Invalid Date Format');

package/cjs/DependentLookupEditor/DependentLookupEditor.test.js

@@ -90,7 +90,7 @@ describe('DependentLookupEditor', function () {
         };
     });
     afterEach(function () {
-        jest.resetAllMocks();
+        jest.clearAllMocks();
     });
     it('should render ReactSelect with correct properties in single mode', function () {
         var value = { lookupCode: 'RU', value: 'Russia' };
@@ -330,7 +330,16 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { value: value, getLookups: getLookups, max: 2 })));
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();
@@ -380,7 +389,16 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = (0, enzyme_1.mount)(react_1.default.createElement(DependentLookupEditor_1.DependentLookupEditor, __assign({}, props, { value: value, getLookups: getLookups, max: 2 })));
-                    return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, (0, test_utils_2.delayPromise)(1)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();

package/cjs/HideOnShrink/HideOnShrink.js

@@ -1,17 +1,41 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HideOnShrink = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
 var EmptyStub = function () { return react_1.default.createElement("div", { style: { display: 'none' } }); };
 var HideOnShrink = function (_a) {
     var widthToHide = _a.widthToHide, children = _a.children;
-    return (react_1.default.createElement(react_resize_detector_1.default, { handleWidth: true, render: function (_a) {
-            var width = _a.width;
-            return (width > widthToHide ? react_1.default.createElement(react_1.default.Fragment, null, children) : react_1.default.createElement(EmptyStub, null));
-        } }));
+    var _b = (0, react_1.useState)(widthToHide), width = _b[0], setWidth = _b[1];
+    var handleResize = (0, react_1.useCallback)(function (width) { return setWidth(width); }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_resize_detector_1.default, { handleHeight: false, onResize: handleResize }),
+        width > widthToHide ? children : react_1.default.createElement(EmptyStub, null)));
 };
 exports.HideOnShrink = HideOnShrink;

package/cjs/VirtualGroupedList/VirtualGroupedList.js

@@ -207,7 +207,7 @@ var VirtualGroupedList = function (_a) {
     }, [getItemSize, items, renderGroupTitle]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { ref: titlesRef, className: styles.stickyTitlesWrapper }, fixedTitle && renderTitles()),
-        onInnerContainerResize && itemsRef.current && (react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: onInnerContainerResize, targetDomEl: itemsRef.current })),
+        onInnerContainerResize && itemsRef.current && (react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: onInnerContainerResize, targetRef: itemsRef })),
         react_1.default.createElement(react_window_1.VariableSizeList, { ref: listRef, itemCount: items.length, itemSize: _getItemSize, width: width, height: height, itemKey: itemKey, innerRef: itemsRef, onScroll: onScroll, style: disableHorizontalScrollbar ? { overflowX: 'hidden' } : undefined, overscanCount: OVERSCAN_COUNT, onItemsRendered: handleOnItemsRendered }, render)));
 };
 exports.VirtualGroupedList = VirtualGroupedList;

package/cjs/features/activity-log/ActivityFilterEditor/ActivityFilterEditor.specs.js

@@ -100,9 +100,9 @@ describe('ActivityFilterEditor tests', function () {
         expect(react_2.screen.queryByTestId('entity-types-selector')).not.toBeInTheDocument();
         expect(react_2.screen.queryByTestId('attribute-selector')).not.toBeInTheDocument();
         expect(react_2.screen.queryByTestId('source-selector')).not.toBeInTheDocument();
-        expect(react_2.screen.getByRole('button', { name: 'Clear all' })).toBeInTheDocument();
-        expect(react_2.screen.getByRole('button', { name: 'Cancel' })).toBeInTheDocument();
-        expect(react_2.screen.getByRole('button', { name: 'Apply' })).toBeInTheDocument();
+        expect(react_2.screen.getByText('Clear all')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Cancel')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Apply')).toBeInTheDocument();
     });
     it('should render correct default state for ENTITY_CHANGED', function () {
         var filterValue = __assign(__assign({}, editor_test_data_1.value), { activities: [types_1.ActivityTypes.ENTITY_CHANGED] });
@@ -133,7 +133,7 @@ describe('ActivityFilterEditor tests', function () {
                     expect((0, react_2.within)(userSelector).getByText('username1')).toBeInTheDocument();
                     activitySelector = react_2.screen.getByTestId('activity-selector');
                     expect((0, react_2.within)(activitySelector).getByText('Model was updated')).toBeInTheDocument();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Clear all' }))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Clear all'))];
                 case 1:
                     _a.sent();
                     expect((0, react_2.within)(userSelector).queryByText('username1')).not.toBeInTheDocument();
@@ -151,7 +151,7 @@ describe('ActivityFilterEditor tests', function () {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Cancel' }))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Cancel'))];
                 case 1:
                     _a.sent();
                     expect(defaultProps.onCancel).toHaveBeenCalled();
@@ -168,7 +168,7 @@ describe('ActivityFilterEditor tests', function () {
                     return [4 /*yield*/, user.type(react_2.screen.getAllByRole('spinbutton')[0], '5')];
                 case 1:
                     _a.sent();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Apply' }))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Apply'))];
                 case 2:
                     _a.sent();
                     expect(defaultProps.onApply).toHaveBeenCalledWith(__assign(__assign({}, defaultProps.value), { dateRange: {
@@ -194,7 +194,7 @@ describe('ActivityFilterEditor tests', function () {
                     return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'Activity' }))];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Apply' }))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Apply'))];
                 case 3:
                     _a.sent();
                     expect(defaultProps.onApply).toHaveBeenCalledWith(__assign(__assign({}, filterValue), { attributes: [] }));
@@ -217,7 +217,7 @@ describe('ActivityFilterEditor tests', function () {
                 case 2:
                     _a.sent();
                     newEntityTypes = [editor_test_data_1.metadata.entityTypes[1]];
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Apply' }))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Apply'))];
                 case 3:
                     _a.sent();
                     expect(defaultProps.onApply).toHaveBeenCalledWith(__assign(__assign({}, filterValue), { entityTypes: newEntityTypes, attributes: [] }));
@@ -230,7 +230,7 @@ describe('ActivityFilterEditor tests', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    filterValue = __assign(__assign({}, editor_test_data_1.value), { activities: [types_1.ActivityTypes.ENTITY_CHANGED] });
+                    filterValue = __assign(__assign({}, editor_test_data_1.value), { activities: [] });
                     entityType = { uri: 'test', attributes: [] };
                     user = setUp({ value: filterValue, entityType: entityType }).user;
                     activitySelector = react_2.screen.getByTestId('activity-selector');
@@ -238,17 +238,11 @@ describe('ActivityFilterEditor tests', function () {
                     return [4 /*yield*/, user.click(textbox)];
                 case 1:
                     _a.sent();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'Profile updated' }))];
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Profile updated'))];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, user.click(textbox)];
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Apply'))];
                 case 3:
-                    _a.sent();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('menuitem', { name: 'Profile updated' }))];
-                case 4:
-                    _a.sent();
-                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button', { name: 'Apply' }))];
-                case 5:
                     _a.sent();
                     expect(defaultProps.onApply).toHaveBeenCalledWith(__assign(__assign({}, filterValue), { activities: [types_1.ActivityTypes.ENTITY_CHANGED], attributes: [], sources: [], entityTypes: [] }));
                     return [2 /*return*/];

package/esm/AutoSizeList/AutoSizeList.test.js

@@ -49,17 +49,6 @@ import React from 'react';
 import AutoSizeList from './AutoSizeList';
 import { delayPromise } from '../test-utils';
 import { render, screen } from '@testing-library/react';
-jest.mock('resize-observer-polyfill', function () { return ({
-    __esModule: true,
-    default: jest.fn().mockImplementation(function (onResize) {
-        onResize([{ contentRect: { width: 100, height: 50 } }]);
-        return {
-            observe: jest.fn(),
-            unobserve: jest.fn(),
-            disconnect: jest.fn()
-        };
-    })
-}); });
 describe('AutoSizeList tests', function () {
     var defaultProps = {
         width: 100,
@@ -75,6 +64,16 @@ describe('AutoSizeList tests', function () {
         if (props === void 0) { props = defaultProps; }
         return render(React.createElement(AutoSizeList, __assign({}, props)));
     };
+    beforeAll(function () {
+        window.ResizeObserver = jest.fn().mockImplementation(function (onResize) {
+            onResize([{ contentRect: { width: 100, height: 50 } }]);
+            return {
+                observe: jest.fn(),
+                unobserve: jest.fn(),
+                disconnect: jest.fn()
+            };
+        });
+    });
     it('should render correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {

package/esm/BasicViewContent/BasicViewContent.d.ts

@@ -1,4 +1,2 @@
 import React from 'react';
-type Props = React.ComponentPropsWithoutRef<'div'>;
-export declare const BasicViewContent: ({ children, className, ...otherProps }: Props) => JSX.Element;
-export {};
+export declare const BasicViewContent: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>>;

package/esm/BasicViewContent/BasicViewContent.js

@@ -20,11 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
+import React, { forwardRef } from 'react';
 import classnames from 'classnames';
 import { useStyles } from './styles';
-export var BasicViewContent = function (_a) {
+export var BasicViewContent = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, otherProps = __rest(_a, ["children", "className"]);
     var styles = useStyles();
-    return (React.createElement("div", __assign({ className: classnames(styles['basic-view-content'], className) }, otherProps), children));
-};
+    return (React.createElement("div", __assign({ ref: ref, className: classnames(styles['basic-view-content'], className) }, otherProps), children));
+});
+BasicViewContent.displayName = 'BasicViewContent';

package/esm/DateEditor/DateEditor.test.js

@@ -66,7 +66,7 @@ describe('DateEditor behaviour', function () {
         jest.clearAllMocks();
     });
     it('should work correctly with invalid value', function () {
-        var props = __assign(__assign({}, defaultProps), { value: 'aasdasdasdasdas' });
+        var props = __assign(__assign({}, defaultProps), { value: 'asd' });
         setUp({ props: props });
         var input = screen.getByRole('textbox');
         expect(input).toHaveAttribute('value', 'MM/DD/YYYY');
@@ -90,7 +90,7 @@ describe('DateEditor behaviour', function () {
         expect(input).toHaveAttribute('value', '');
     });
     it('validation should work correctly if minDate and maxDate is provided and they are not included in the popup limitations (by select)', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var props, user, years;
+        var props, user;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -102,8 +102,7 @@ describe('DateEditor behaviour', function () {
                     return [4 /*yield*/, user.click(screen.getByLabelText('calendar view is open, switch to year view'))];
                 case 2:
                     _a.sent();
-                    years = new Array(200).fill(null).map(function (_, idx) { return idx + 1900; });
-                    years.forEach(function (year) { return screen.getByText(year); });
+                    ['1900', '1958', '2000', '2013', '2099'].forEach(function (year) { return screen.getByText(year); });
                     expect(screen.queryByText('1899')).not.toBeInTheDocument();
                     expect(screen.queryByText('2100')).not.toBeInTheDocument();
                     return [4 /*yield*/, user.click(screen.getByText('2000'))];
@@ -122,41 +121,42 @@ describe('DateEditor behaviour', function () {
         });
     }); });
     it('validation should work correctly if minDate and maxDate is provided and they are not included in the popup limitations (by type)', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var props, user;
+        var props, user, textbox;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     props = __assign(__assign({}, defaultProps), { minDate: new Date(1800, 0, 1, 0, 0, 0, 0), maxDate: new Date(2200, 11, 31, 0, 0, 0, 0) });
                     user = setUp({ props: props }).user;
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '01/01/1800')];
+                    textbox = screen.getByRole('textbox');
+                    return [4 /*yield*/, user.type(textbox, '01/01/1800')];
                 case 1:
                     _a.sent();
                     expect(screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
                     expect(props.onChange).toHaveBeenCalledWith(new Date('1800-01-01T00:00:00'));
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '12/31/1799')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1799')];
                 case 2:
                     _a.sent();
                     screen.getByText('Date should not be before minimal date');
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '12/31/1798')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1798')];
                 case 3:
                     _a.sent();
                     screen.getByText('Date should not be before minimal date');
                     expect(props.onChange).not.toHaveBeenCalled();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '12/31/2200')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/2200')];
                 case 4:
                     _a.sent();
                     expect(screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
                     expect(screen.queryByText('Date should not be after maximal date')).not.toBeInTheDocument();
                     expect(props.onChange).toHaveBeenCalledWith(new Date('2200-12-31T00:00:00'));
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '01/01/2201')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/2201')];
                 case 5:
                     _a.sent();
                     screen.getByText('Date should not be after maximal date');
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '01/01/2202')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/2202')];
                 case 6:
                     _a.sent();
                     screen.getByText('Date should not be after maximal date');
@@ -215,45 +215,46 @@ describe('DateEditor behaviour', function () {
         });
     }); });
     it('validation should work correctly if minDate and maxDate is provided and they are included in the popup limitations (by type)', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var props, user;
+        var props, user, textbox;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     props = __assign(__assign({}, defaultProps), { minDate: new Date('1980-01-01'), maxDate: new Date('2029-12-31') });
                     user = setUp({ props: props }).user;
+                    textbox = screen.getByRole('textbox');
                     return [4 /*yield*/, user.click(screen.getByRole('button'))];
                 case 1:
                     _a.sent();
                     return [4 /*yield*/, user.click(screen.getByLabelText('calendar view is open, switch to year view'))];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '01/01/1980')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/1980')];
                 case 3:
                     _a.sent();
                     expect(screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '12/31/1979')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1979')];
                 case 4:
                     _a.sent();
                     screen.getByText('Date should not be before minimal date');
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '12/31/1978')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1978')];
                 case 5:
                     _a.sent();
                     screen.getByText('Date should not be before minimal date');
                     expect(props.onChange).not.toHaveBeenCalled();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '12/31/2029')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/2029')];
                 case 6:
                     _a.sent();
                     expect(screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
                     expect(screen.queryByText('Date should not be after maximal date')).not.toBeInTheDocument();
                     expect(props.onChange).toHaveBeenCalledWith(new Date('2029-12-31T00:00:00'));
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '01/01/2030')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/2030')];
                 case 7:
                     _a.sent();
                     screen.getByText('Date should not be after maximal date');
                     props.onChange.mockClear();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '01/01/2031')];
+                    return [4 /*yield*/, user.type(textbox, '01/01/2031')];
                 case 8:
                     _a.sent();
                     screen.getByText('Date should not be after maximal date');
@@ -309,20 +310,21 @@ describe('DateEditor behaviour', function () {
         });
     }); });
     it('validation should work correctly if minDate and maxDate is not provided (by type)', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, textbox;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '01/01/1900')];
+                    textbox = screen.getByRole('textbox');
+                    return [4 /*yield*/, user.type(textbox, '01/01/1900')];
                 case 1:
                     _a.sent();
                     expect(screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '12/31/1899')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/1899')];
                 case 2:
                     _a.sent();
                     screen.getByText('Date should not be before minimal date');
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), '12/31/9999')];
+                    return [4 /*yield*/, user.type(textbox, '12/31/9999')];
                 case 3:
                     _a.sent();
                     expect(screen.queryByText('Date should not be before minimal date')).not.toBeInTheDocument();
@@ -337,16 +339,17 @@ describe('DateEditor behaviour', function () {
         screen.getByText('Date should not be before minimal date');
     });
     it('should not clear error message after change value if there is not min date and not max date error', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user;
+        var user, textbox;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), 'invalid date')];
+                    textbox = screen.getByRole('textbox');
+                    return [4 /*yield*/, user.type(textbox, 'inv')];
                 case 1:
                     _a.sent();
                     screen.getByText('Invalid Date Format');
-                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), 'invalid date 2')];
+                    return [4 /*yield*/, user.type(textbox, '2')];
                 case 2:
                     _a.sent();
                     screen.getByText('Invalid Date Format');

package/esm/DependentLookupEditor/DependentLookupEditor.test.js

@@ -85,7 +85,7 @@ describe('DependentLookupEditor', function () {
         };
     });
     afterEach(function () {
-        jest.resetAllMocks();
+        jest.clearAllMocks();
     });
     it('should render ReactSelect with correct properties in single mode', function () {
         var value = { lookupCode: 'RU', value: 'Russia' };
@@ -325,7 +325,16 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = mount(React.createElement(DependentLookupEditor, __assign({}, props, { value: value, getLookups: getLookups, max: 2 })));
-                    return [4 /*yield*/, delayPromise(1)];
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, delayPromise(1)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();
@@ -375,7 +384,16 @@ describe('DependentLookupEditor', function () {
                     }));
                     value = { lookupCode: 'US', value: 'USA' };
                     wrapper = mount(React.createElement(DependentLookupEditor, __assign({}, props, { value: value, getLookups: getLookups, max: 2 })));
-                    return [4 /*yield*/, delayPromise(1)];
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, delayPromise(1)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
                 case 1:
                     _a.sent();
                     wrapper.update();

package/esm/HideOnShrink/HideOnShrink.js

@@ -1,10 +1,11 @@
-import React from 'react';
+import React, { useState, useCallback } from 'react';
 import ReactResizeDetector from 'react-resize-detector';
 var EmptyStub = function () { return React.createElement("div", { style: { display: 'none' } }); };
 export var HideOnShrink = function (_a) {
     var widthToHide = _a.widthToHide, children = _a.children;
-    return (React.createElement(ReactResizeDetector, { handleWidth: true, render: function (_a) {
-            var width = _a.width;
-            return (width > widthToHide ? React.createElement(React.Fragment, null, children) : React.createElement(EmptyStub, null));
-        } }));
+    var _b = useState(widthToHide), width = _b[0], setWidth = _b[1];
+    var handleResize = useCallback(function (width) { return setWidth(width); }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ReactResizeDetector, { handleHeight: false, onResize: handleResize }),
+        width > widthToHide ? children : React.createElement(EmptyStub, null)));
 };

package/esm/VirtualGroupedList/VirtualGroupedList.js

@@ -178,7 +178,7 @@ export var VirtualGroupedList = function (_a) {
     }, [getItemSize, items, renderGroupTitle]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { ref: titlesRef, className: styles.stickyTitlesWrapper }, fixedTitle && renderTitles()),
-        onInnerContainerResize && itemsRef.current && (React.createElement(ReactResizeDetector, { handleHeight: true, onResize: onInnerContainerResize, targetDomEl: itemsRef.current })),
+        onInnerContainerResize && itemsRef.current && (React.createElement(ReactResizeDetector, { handleHeight: true, onResize: onInnerContainerResize, targetRef: itemsRef })),
         React.createElement(List, { ref: listRef, itemCount: items.length, itemSize: _getItemSize, width: width, height: height, itemKey: itemKey, innerRef: itemsRef, onScroll: onScroll, style: disableHorizontalScrollbar ? { overflowX: 'hidden' } : undefined, overscanCount: OVERSCAN_COUNT, onItemsRendered: handleOnItemsRendered }, render)));
 };
 VirtualGroupedList.propTypes = {

package/esm/features/activity-log/ActivityFilterEditor/ActivityFilterEditor.specs.js

@@ -95,9 +95,9 @@ describe('ActivityFilterEditor tests', function () {
         expect(screen.queryByTestId('entity-types-selector')).not.toBeInTheDocument();
         expect(screen.queryByTestId('attribute-selector')).not.toBeInTheDocument();
         expect(screen.queryByTestId('source-selector')).not.toBeInTheDocument();
-        expect(screen.getByRole('button', { name: 'Clear all' })).toBeInTheDocument();
-        expect(screen.getByRole('button', { name: 'Cancel' })).toBeInTheDocument();
-        expect(screen.getByRole('button', { name: 'Apply' })).toBeInTheDocument();
+        expect(screen.getByText('Clear all')).toBeInTheDocument();
+        expect(screen.getByText('Cancel')).toBeInTheDocument();
+        expect(screen.getByText('Apply')).toBeInTheDocument();
     });
     it('should render correct default state for ENTITY_CHANGED', function () {
         var filterValue = __assign(__assign({}, value), { activities: [ActivityTypes.ENTITY_CHANGED] });
@@ -128,7 +128,7 @@ describe('ActivityFilterEditor tests', function () {
                     expect(within(userSelector).getByText('username1')).toBeInTheDocument();
                     activitySelector = screen.getByTestId('activity-selector');
                     expect(within(activitySelector).getByText('Model was updated')).toBeInTheDocument();
-                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Clear all' }))];
+                    return [4 /*yield*/, user.click(screen.getByText('Clear all'))];
                 case 1:
                     _a.sent();
                     expect(within(userSelector).queryByText('username1')).not.toBeInTheDocument();
@@ -146,7 +146,7 @@ describe('ActivityFilterEditor tests', function () {
             switch (_a.label) {
                 case 0:
                     user = setUp().user;
-                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Cancel' }))];
+                    return [4 /*yield*/, user.click(screen.getByText('Cancel'))];
                 case 1:
                     _a.sent();
                     expect(defaultProps.onCancel).toHaveBeenCalled();
@@ -163,7 +163,7 @@ describe('ActivityFilterEditor tests', function () {
                     return [4 /*yield*/, user.type(screen.getAllByRole('spinbutton')[0], '5')];
                 case 1:
                     _a.sent();
-                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Apply' }))];
+                    return [4 /*yield*/, user.click(screen.getByText('Apply'))];
                 case 2:
                     _a.sent();
                     expect(defaultProps.onApply).toHaveBeenCalledWith(__assign(__assign({}, defaultProps.value), { dateRange: {
@@ -189,7 +189,7 @@ describe('ActivityFilterEditor tests', function () {
                     return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'Activity' }))];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Apply' }))];
+                    return [4 /*yield*/, user.click(screen.getByText('Apply'))];
                 case 3:
                     _a.sent();
                     expect(defaultProps.onApply).toHaveBeenCalledWith(__assign(__assign({}, filterValue), { attributes: [] }));
@@ -212,7 +212,7 @@ describe('ActivityFilterEditor tests', function () {
                 case 2:
                     _a.sent();
                     newEntityTypes = [metadata.entityTypes[1]];
-                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Apply' }))];
+                    return [4 /*yield*/, user.click(screen.getByText('Apply'))];
                 case 3:
                     _a.sent();
                     expect(defaultProps.onApply).toHaveBeenCalledWith(__assign(__assign({}, filterValue), { entityTypes: newEntityTypes, attributes: [] }));
@@ -225,7 +225,7 @@ describe('ActivityFilterEditor tests', function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    filterValue = __assign(__assign({}, value), { activities: [ActivityTypes.ENTITY_CHANGED] });
+                    filterValue = __assign(__assign({}, value), { activities: [] });
                     entityType = { uri: 'test', attributes: [] };
                     user = setUp({ value: filterValue, entityType: entityType }).user;
                     activitySelector = screen.getByTestId('activity-selector');
@@ -233,17 +233,11 @@ describe('ActivityFilterEditor tests', function () {
                     return [4 /*yield*/, user.click(textbox)];
                 case 1:
                     _a.sent();
-                    return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'Profile updated' }))];
+                    return [4 /*yield*/, user.click(screen.getByText('Profile updated'))];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, user.click(textbox)];
+                    return [4 /*yield*/, user.click(screen.getByText('Apply'))];
                 case 3:
-                    _a.sent();
-                    return [4 /*yield*/, user.click(screen.getByRole('menuitem', { name: 'Profile updated' }))];
-                case 4:
-                    _a.sent();
-                    return [4 /*yield*/, user.click(screen.getByRole('button', { name: 'Apply' }))];
-                case 5:
                     _a.sent();
                     expect(defaultProps.onApply).toHaveBeenCalledWith(__assign(__assign({}, filterValue), { activities: [ActivityTypes.ENTITY_CHANGED], attributes: [], sources: [], entityTypes: [] }));
                     return [2 /*return*/];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1925",
+  "version": "1.4.1927",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -22,6 +22,7 @@
     "nanoid": "^3.3.4",
     "prop-types": "^15.6.2",
     "ramda": "^0.28.0",
+    "rc-tree": "^5.8.8",
     "react-autosuggest": "^9.4.3",
     "react-components": "bitbucket:reltio-ondemand/react-components#v3.27.1",
     "react-dnd": "^9.4.0",
@@ -32,7 +33,7 @@
     "react-mentions": "4.3.0",
     "react-number-format": "^4.9.2",
     "react-resizable-panels": "^2.0.20",
-    "react-resize-detector": "^4.2.0",
+    "react-resize-detector": "^9.1.1",
     "react-router-dom": "^6.2.1",
     "react-select": "^3.0.4",
     "react-simple-maps": "^3.0.0",