@reltio/components 1.4.2044 → 1.4.2046

package/cjs/HierarchicalAttributeTooltip/HierarchicalAttributeTooltip.test.js

@@ -1,32 +1,122 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var HierarchicalAttributeTooltip_1 = require("./HierarchicalAttributeTooltip");
-describe('HierarchicalAttributeTooltip', function () {
-    var children = react_1.default.createElement("div", null, "children");
-    it('should render Tooltip over children with empty value if pathToTitle is empty array', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(HierarchicalAttributeTooltip_1.HierarchicalAttributeTooltip, { pathToTitle: [] }, children));
-        var tooltip = wrapper.find(Tooltip_1.default);
-        expect(tooltip.prop('title')).toEqual('');
-        expect(tooltip.prop('children')).toEqual(children);
-    });
-    it('should render Tooltip over children only with title if pathToTitle.length is 2', function () {
-        var pathToTitle = ['HCP', 'Title'];
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(HierarchicalAttributeTooltip_1.HierarchicalAttributeTooltip, { pathToTitle: pathToTitle }, children));
-        var tooltip = wrapper.find(Tooltip_1.default);
-        expect(tooltip.prop('title')).toMatchSnapshot();
-        expect(tooltip.prop('children')).toEqual(children);
-    });
-    it('should render Tooltip over children only with path if pathToTitle.length more than 2', function () {
-        var pathToTitle = ['HCP', 'Test', 'Title'];
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(HierarchicalAttributeTooltip_1.HierarchicalAttributeTooltip, { pathToTitle: pathToTitle }, children));
-        var tooltip = wrapper.find(Tooltip_1.default);
-        expect(tooltip.prop('title')).toMatchSnapshot();
-        expect(tooltip.prop('children')).toEqual(children);
-    });
+var defaultProps = {
+    children: react_1.default.createElement("div", null, "children"),
+    pathToTitle: []
+};
+var setUp = function (props) {
+    if (props === void 0) { props = defaultProps; }
+    var user = user_event_1.default.setup();
+    return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(HierarchicalAttributeTooltip_1.HierarchicalAttributeTooltip, __assign({}, props)))), { user: user });
+};
+describe('Hierarchical attribute tooltip tests', function () {
+    it('should render children and tooltip correctly if pathToTitle is empty array', 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.hover(react_2.screen.getByText('children'))];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.queryByRole('tooltip')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should render children and tooltip correctly if pathToTitle.length is 2', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user, tooltip;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { pathToTitle: ['HCP', 'Title'] });
+                    user = setUp(props).user;
+                    expect(react_2.screen.queryByRole('tooltip')).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.hover(react_2.screen.getByText('children'))];
+                case 1:
+                    _a.sent();
+                    tooltip = react_2.screen.getByRole('tooltip');
+                    (0, react_2.within)(tooltip).getByText('Title');
+                    expect(react_2.screen.queryByRole('list')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should render children and tooltip correctly if pathToTitle.length more than 2', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user, tooltip, list, items;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { pathToTitle: ['HCP', 'Test', 'Title'] });
+                    user = setUp(props).user;
+                    expect(react_2.screen.queryByRole('tooltip')).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.hover(react_2.screen.getByText('children'))];
+                case 1:
+                    _a.sent();
+                    tooltip = react_2.screen.getByRole('tooltip');
+                    list = (0, react_2.within)(tooltip).getByRole('list');
+                    items = (0, react_2.within)(list).getAllByRole('listitem');
+                    expect((0, react_2.within)(tooltip).getAllByText('Title')).toHaveLength(2);
+                    expect(items).toHaveLength(3);
+                    expect(items[0]).toHaveTextContent('HCP');
+                    expect(items[1]).toHaveTextContent('Test');
+                    expect(items[2]).toHaveTextContent('Title');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/HierarchyNodeTitle/HierarchyNodeTitle.test.js

@@ -51,143 +51,104 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var test_utils_1 = require("react-dom/test-utils");
-var enzyme_1 = require("enzyme");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Link_1 = require("../Link");
-var Popper_1 = require("../Popper");
-var ProfileCard_1 = require("../ProfileCard");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var HierarchyNodeTitle_1 = require("./HierarchyNodeTitle");
-jest.mock('../ProfileCard', function () { return ({ ProfileCard: function () { return null; } }); });
-jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getEntity: jest.fn() })); });
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getEntity: jest.fn(), debounce: jest.fn() })); });
 var entity = {
     uri: 'entities/123',
+    label: 'perfect entity',
     type: 'configuration/entityTypes/HCP'
 };
 var defaultProps = {
     title: 'Title',
-    isSelected: true,
+    isSelected: false,
     entityUri: 'entities/123',
     anchorEl: document.createElement('div')
 };
-var uiPath = 'http://localhost:3000/ui/sokol/';
-var openEntity = jest.fn();
-var setUp = function (props) {
-    if (props === void 0) { props = defaultProps; }
-    return (0, enzyme_1.mount)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { uiPath: uiPath }, actions: { openEntity: openEntity } },
-        react_1.default.createElement(HierarchyNodeTitle_1.HierarchyNodeTitle, __assign({}, props))));
+var defaultMdmValues = { uiPath: 'http://localhost:3000/ui/sokol/', metadata: { entityTypes: [], relationTypes: [] } };
+var defaultMdmActions = { openEntity: jest.fn() };
+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, _e = _b.mdmActions, mdmActions = _e === void 0 ? defaultMdmActions : _e;
+    var user = user_event_1.default.setup();
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: mdmActions }, children));
+    };
+    return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(HierarchyNodeTitle_1.HierarchyNodeTitle, __assign({}, props)), { wrapper: Providers })), { user: user });
 };
-describe('HierarchyNodeTitle tests', function () {
+describe('Hierarchy node title tests', function () {
+    var resolveGetEntity;
     beforeEach(function () {
-        mdm_sdk_1.getEntity.mockResolvedValue(entity);
+        mdm_sdk_1.debounce.mockImplementation(function (fn) { return jest.requireActual('@reltio/mdm-sdk').debounce(fn, 0); });
+        mdm_sdk_1.getEntity.mockImplementation(function () {
+            return new Promise(function (resolve) {
+                resolveGetEntity = resolve;
+            });
+        });
     });
     afterEach(function () {
         jest.clearAllMocks();
     });
-    it('should pass correct className to link if isSelected prop is true', function () {
-        var props = __assign(__assign({}, defaultProps), { isSelected: true });
-        var component = setUp(props);
-        expect(component.find('span.link').prop('className')).toBe('link selected');
-    });
     it('should pass correct className to link if isSelected prop is false', function () {
-        var props = __assign(__assign({}, defaultProps), { isSelected: false });
-        var component = setUp(props);
-        expect(component.find('span.link').prop('className')).toBe('link');
+        setUp();
+        expect(react_2.screen.getByTestId('reltio-hierarchy-node-title')).not.toHaveClass('selected');
     });
-    it('should render Link with correct props', function () {
-        var component = setUp();
-        expect(component.find(Link_1.Link).prop('to')).toBe('http://localhost:3000/ui/sokol/#p~com.reltio.plugins.entity.default.DefaultPerspective_e~entities/123');
-        expect(component.find(Link_1.Link).prop('children')).toBe(defaultProps.title);
-    });
-    it('click by link should dispatch correct action', function () {
-        var component = setUp();
-        var onClick = component.find(Link_1.Link).prop('onClick');
-        (0, test_utils_1.act)(function () {
-            if (onClick) {
-                onClick();
-            }
-        });
-        expect(openEntity).toHaveBeenCalledWith({ uri: defaultProps.entityUri });
+    it('should pass correct className to link if isSelected prop is true', function () {
+        var props = __assign(__assign({}, defaultProps), { isSelected: true });
+        setUp({ props: props });
+        expect(react_2.screen.getByTestId('reltio-hierarchy-node-title')).toHaveClass('selected');
     });
-    it('should show entity details if cursor was hovered on node', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var component, onMouseEnter;
+    it('should render link correctly and dispatch correct action on click it', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, link;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    jest.useFakeTimers();
-                    component = setUp();
-                    expect(component.find(Popper_1.Popper).prop('open')).toBe(false);
-                    expect(component.find(ProfileCard_1.ProfileCard)).toHaveLength(0);
-                    onMouseEnter = component.find('span.link').prop('onMouseEnter');
-                    (0, test_utils_1.act)(function () {
-                        if (onMouseEnter)
-                            onMouseEnter(null);
-                    });
-                    component.update();
-                    expect(component.find(Popper_1.Popper).prop('open')).toBe(false);
-                    expect(component.find(ProfileCard_1.ProfileCard)).toHaveLength(0);
-                    (0, test_utils_1.act)(function () {
-                        jest.runAllTimers();
-                    });
-                    component.update();
-                    expect(component.find(Popper_1.Popper).prop('open')).toBe(true);
-                    expect(component.find(ProfileCard_1.ProfileCard).props()).toMatchObject({
-                        entity: null,
-                        variant: 'loading'
-                    });
-                    expect(mdm_sdk_1.getEntity).toHaveBeenCalledWith(defaultProps.entityUri);
-                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
-                            return __generator(this, function (_a) {
-                                return [2 /*return*/, Promise.resolve()];
-                            });
-                        }); })];
+                    user = setUp().user;
+                    link = react_2.screen.getByText('Title');
+                    expect(link).toHaveAttribute('href', 'http://localhost:3000/ui/sokol/#p~com.reltio.plugins.entity.default.DefaultPerspective_e~entities/123');
+                    return [4 /*yield*/, user.click(link)];
                 case 1:
                     _a.sent();
-                    component.update();
-                    expect(component.find(Popper_1.Popper).prop('open')).toBe(true);
-                    expect(component.find(ProfileCard_1.ProfileCard).props()).toMatchObject({
-                        entity: entity,
-                        variant: 'normal'
-                    });
-                    jest.useRealTimers();
+                    expect(defaultMdmActions.openEntity).toHaveBeenCalledWith({ uri: 'entities/123' });
                     return [2 /*return*/];
             }
         });
     }); });
-    it('should hide entity details if cursor was removed from node', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var component, onMouseEnter, onMouseLeave;
+    it('should show and hide entity details correctly on node hover', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, tooltip;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    jest.useFakeTimers();
-                    component = setUp();
-                    onMouseEnter = component.find('span.link').prop('onMouseEnter');
-                    return [4 /*yield*/, (0, test_utils_1.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
+                    user = setUp().user;
+                    return [4 /*yield*/, user.hover(react_2.screen.getByText('Title'))];
+                case 1:
+                    _a.sent();
+                    tooltip = react_2.screen.getByRole('tooltip');
+                    (0, react_2.within)(tooltip).getByTestId('profile-card-placeholder-avatar');
+                    (0, react_2.within)(tooltip).getByTestId('profile-card-placeholder-info');
+                    return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                             return __generator(this, function (_a) {
-                                if (onMouseEnter)
-                                    onMouseEnter(null);
-                                jest.runAllTimers();
-                                return [2 /*return*/, Promise.resolve()];
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, resolveGetEntity(entity)];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
                             });
                         }); })];
-                case 1:
+                case 2:
+                    _a.sent();
+                    (0, react_2.within)(tooltip).getByAltText('fallback entity avatar');
+                    (0, react_2.within)(tooltip).getByText('perfect entity');
+                    (0, react_2.within)(tooltip).getByText('ID:');
+                    (0, react_2.within)(tooltip).getByText('123');
+                    return [4 /*yield*/, user.unhover(react_2.screen.getByText('Title'))];
+                case 3:
                     _a.sent();
-                    component.update();
-                    expect(component.find(Popper_1.Popper).prop('open')).toBe(true);
-                    expect(component.find(ProfileCard_1.ProfileCard).props()).toMatchObject({
-                        entity: entity,
-                        variant: 'normal'
-                    });
-                    onMouseLeave = component.find('span.link').prop('onMouseLeave');
-                    (0, test_utils_1.act)(function () {
-                        if (onMouseLeave)
-                            onMouseLeave(null);
-                    });
-                    component.update();
-                    expect(component.find(Popper_1.Popper).prop('open')).toBe(false);
-                    expect(component.find(ProfileCard_1.ProfileCard)).toHaveLength(0);
-                    jest.useRealTimers();
+                    expect(tooltip).not.toBeInTheDocument();
                     return [2 /*return*/];
             }
         });

package/cjs/OvIcon/OvIcon.js

@@ -52,9 +52,9 @@ var OvIcon = function (_a) {
         return null;
     }
     var tooltipTitle = nonOvValues.length
-        ? nonOvValues.map(function (value, i) { return (react_1.default.createElement("div", { key: i }, (0, mdm_sdk_1.isComplexAttribute)(attributeType) ? ((0, mdm_sdk_1.getLabel)(value.label)) : (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(value), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType), rich: false })))); })
+        ? nonOvValues.map(function (value, i) { return (react_1.default.createElement("div", { "data-reltio-id": "non-ov-value", key: i }, (0, mdm_sdk_1.isComplexAttribute)(attributeType) ? ((0, mdm_sdk_1.getLabel)(value.label)) : (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(value), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType), rich: false })))); })
         : null;
-    return (react_1.default.createElement(exports.ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "bottom", label: "+ ".concat(nonOvTotal), variant: "outlined", onClick: (linkedEntity === null || linkedEntity === void 0 ? void 0 : linkedEntity.uri) && isSourcesScreenEnabled ? onClick : undefined, classes: {
+    return (react_1.default.createElement(exports.ChipWithTooltip, { "data-reltio-id": "ov-icon", tooltipTitle: tooltipTitle, tooltipPlacement: "bottom", label: "+ ".concat(nonOvTotal), variant: "outlined", onClick: (linkedEntity === null || linkedEntity === void 0 ? void 0 : linkedEntity.uri) && isSourcesScreenEnabled ? onClick : undefined, classes: {
             root: (0, classnames_1.default)(styles.container, className),
             label: styles.label
         } }));

package/cjs/ProfileCard/components/ProfileCardPlaceholder/ProfileCardPlaceholder.js

@@ -10,8 +10,8 @@ var styles_1 = require("./styles");
 var ProfileCardPlaceholder = function () {
     var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.avatar, styles.wave) }),
-        react_1.default.createElement("div", { className: styles.info },
+        react_1.default.createElement("div", { "data-reltio-id": "profile-card-placeholder-avatar", className: (0, classnames_1.default)(styles.avatar, styles.wave) }),
+        react_1.default.createElement("div", { "data-reltio-id": "profile-card-placeholder-info", className: styles.info },
             react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.label, styles.wave) }),
             react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.secondaryLabel, styles.wave) }),
             react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.thirdRow, styles.wave) }))));

package/cjs/ShowLess/ShowLess.js

@@ -12,7 +12,7 @@ var styles_1 = require("./styles");
 var ShowLess = function (_a) {
     var onClick = _a.onClick;
     var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement(Link_1.default, { component: "button", variant: "caption", className: styles.link, onClick: onClick, underline: "none" },
+    return (react_1.default.createElement(Link_1.default, { "data-reltio-id": "show-less", component: "button", variant: "caption", className: styles.link, onClick: onClick, underline: "none" },
         react_1.default.createElement(KeyboardArrowUp_1.default, { className: styles.icon }),
         ui_i18n_1.default.text('Show less')));
 };

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -135,11 +135,11 @@ var SimpleAttributeEditor = function (_a) {
         attributeTypeUri: attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri,
         valueUri: attributeValue.uri
     }).autopopulationContextValue;
-    return (react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)(styles.editor, className, errorClassName) },
+    return (react_1.default.createElement("div", { ref: ref, "data-reltio-id": "simple-attribute-editor", className: (0, classnames_1.default)(styles.editor, className, errorClassName) },
         react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: errorMessage, className: styles.errorWrapper },
             react_1.default.createElement("div", { className: (0, classnames_1.default)(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b), (_c = {}, _c[styles['editor-read-only-value']] = !showToEdit, _c)), "data-reltio-id": "reltio-attribute-value" }, showToEdit ? (react_1.default.createElement(DependentLookupAutopopulationContext_1.DependentLookupAutopopulationContext.Provider, { value: autopopulationContextValue },
                 react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, __assign({ fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: onValueEditorChange, fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps)))) : (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
-        react_1.default.createElement("div", { className: styles['editor-actions'] },
+        react_1.default.createElement("div", { "data-reltio-id": "reltio-attribute-actions", className: styles['editor-actions'] },
             edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
                 "(",
                 ui_i18n_1.default.text('edited'),

package/cjs/UploadFileButton/components/UploadMode/UploadMode.js

@@ -51,6 +51,6 @@ var UploadMode = function (_a) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Button_1.default, { variant: "contained", onClick: onSelectFileClick, className: styles.button }, ui_i18n_1.default.text('Select File')),
-        react_1.default.createElement("input", { type: "file", className: styles.fileUploaderInput, onChange: onUploadListener, ref: fileUploader, name: "uploadfile", accept: supportedFileTypesString })));
+        react_1.default.createElement("input", { "data-reltio-id": "file-uploader", type: "file", className: styles.fileUploaderInput, onChange: onUploadListener, ref: fileUploader, name: "uploadfile", accept: supportedFileTypesString })));
 };
 exports.UploadMode = UploadMode;

package/cjs/contexts/ExpandedAttributesContext/useAttributeExpanded.test.js

@@ -4,32 +4,39 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
+var react_hooks_1 = require("@testing-library/react-hooks");
 var index_1 = require("./index");
-describe('useAttributeExpanded tests', function () {
-    var TestComponent = function (_a) {
-        var attributeUri = _a.attributeUri;
-        var expanded = (0, index_1.useAttributeExpanded)(attributeUri);
-        return react_1.default.createElement("div", { "data-test": { expanded: expanded } });
+var setUp = function (attributeUri, attributeUris) {
+    var DefaultProviders = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(index_1.ExpandedAttributesProvider, { attributeUris: attributeUris }, children));
     };
-    var getHooksValues = function (component) { return component.find('TestComponent').childAt(0).prop('data-test'); };
+    return (0, react_hooks_1.renderHook)(function (_a) {
+        var attributeUri = _a.attributeUri;
+        return (0, index_1.useAttributeExpanded)(attributeUri);
+    }, {
+        initialProps: { attributeUri: attributeUri },
+        wrapper: attributeUris ? DefaultProviders : function (_a) {
+            var children = _a.children;
+            return react_1.default.createElement(react_1.default.Fragment, null, children);
+        }
+    });
+};
+describe('useAttributeExpanded tests', function () {
     it('should return false if no expanded context present', function () {
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(TestComponent, { attributeUri: 'entities/1/attributes/Simple/1' }));
-        expect(getHooksValues(wrapper).expanded).toBe(false);
+        var result = setUp('entities/1/attributes/Simple/1').result;
+        expect(result.current).toBe(false);
     });
     it('should return false if no attributes in expanded context', function () {
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(index_1.ExpandedAttributesProvider, { attributeUris: [] },
-            react_1.default.createElement(TestComponent, { attributeUri: 'entities/1/attributes/Nested/1' })));
-        expect(getHooksValues(wrapper).expanded).toBe(false);
+        var result = setUp('entities/1/attributes/Nested/1', []).result;
+        expect(result.current).toBe(false);
     });
     it('should return true if attribute in expanded context', function () {
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(index_1.ExpandedAttributesProvider, { attributeUris: ['entities/1/attributes/Nested/1'] },
-            react_1.default.createElement(TestComponent, { attributeUri: 'entities/1/attributes/Nested/1' })));
-        expect(getHooksValues(wrapper).expanded).toBe(true);
+        var result = setUp('entities/1/attributes/Nested/1', ['entities/1/attributes/Nested/1']).result;
+        expect(result.current).toBe(true);
     });
     it('should return true if subnested attribute in expanded context', function () {
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(index_1.ExpandedAttributesProvider, { attributeUris: ['entities/1/attributes/Nested/1/SubNested/1'] },
-            react_1.default.createElement(TestComponent, { attributeUri: 'entities/1/attributes/Nested/1' })));
-        expect(getHooksValues(wrapper).expanded).toBe(true);
+        var result = setUp('entities/1/attributes/Nested/1', ['entities/1/attributes/Nested/1/SubNested/1']).result;
+        expect(result.current).toBe(true);
     });
 });

package/cjs/contexts/MdmModuleContext/hooks.d.ts

@@ -143,5 +143,5 @@ export declare const useMdmListener: <T extends keyof MdmModuleListenersContextP
     cleanseLoadingListener: (callback: (value: boolean) => void) => (action: import("../..").AnyAction) => void;
     searchNavigationListener: (action: import("../..").AnyAction, state: any, dispatch: (action: import("../..").AnyAction) => void) => void;
 }>[T];
-export declare const useMdmHiddenAttributes: () => {};
-export declare const useMdmControlAttributes: () => any[];
+export declare const useMdmHiddenAttributes: () => Record<string, string[]>;
+export declare const useMdmControlAttributes: () => string[];

package/cjs/contexts/ReloadDataContext/ReloadDataContext.spec.js

@@ -1,61 +1,24 @@
 "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 });
-var enzyme_1 = require("enzyme");
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importStar(require("react"));
-var test_utils_1 = require("react-dom/test-utils");
+var react_hooks_1 = require("@testing-library/react-hooks");
+var react_1 = __importDefault(require("react"));
 var index_1 = require("./index");
-var EmptyStub = function (_props) { return null; };
-describe('ReloadDataContext suite', function () {
-    var TestComponent = function (_a) {
-        var fn = _a.fn;
-        var _b = (0, index_1.useReloadData)(), reloadData = _b.reloadData, addReloadHandler = _b.addReloadHandler;
-        (0, react_1.useEffect)(function () {
-            addReloadHandler(fn);
-        }, [fn, addReloadHandler]);
-        return react_1.default.createElement(EmptyStub, { onClick: reloadData });
-    };
-    TestComponent.propTypes = {
-        fn: prop_types_1.default.func
-    };
-    var getStubComponent = function (wrapper) { return wrapper.find(EmptyStub); };
-    it('should call the handler which was passed into context on reloadData call', function () {
-        var fn = jest.fn();
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(index_1.ReloadDataProvider, null,
-            react_1.default.createElement(TestComponent, { fn: fn })));
-        var emptyStub = getStubComponent(wrapper);
-        (0, test_utils_1.act)(function () {
-            emptyStub.prop('onClick')();
-        });
-        (0, test_utils_1.act)(function () {
-            wrapper.update();
-        });
-        expect(fn).toHaveBeenCalled();
+describe('ReloadDataContext tests', function () {
+    it('should add reload handlers, remove reload handlers and reload data correctly', function () {
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(index_1.ReloadDataProvider, null, children));
+        };
+        var result = (0, react_hooks_1.renderHook)(index_1.useReloadData, { wrapper: Providers }).result;
+        var handler = jest.fn();
+        result.current.addReloadHandler(handler);
+        result.current.reloadData();
+        expect(handler).toHaveBeenCalledTimes(1);
+        result.current.removeReloadHandler(handler);
+        result.current.reloadData();
+        expect(handler).toHaveBeenCalledTimes(1);
     });
 });

package/cjs/test-utils/TestStylesProvider.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TestStylesProvider = void 0;
 var react_1 = __importDefault(require("react"));
 var jss_1 = require("jss");
-var StylesProvider_1 = __importDefault(require("@mui/styles/StylesProvider"));
-var styles_1 = require("@mui/material/styles");
+var styles_1 = require("@mui/styles");
+var styles_2 = require("@mui/material/styles");
 var TestStylesProvider = function (_a) {
     var children = _a.children;
     var jss = (0, jss_1.create)();
-    var muiTheme = (0, styles_1.createTheme)({});
+    var muiTheme = (0, styles_2.createTheme)({});
+    var generateClassName = (0, styles_1.createGenerateClassName)({ productionPrefix: '', disableGlobal: false });
     jss.use({
         onProcessStyle: function (style) { return ({
             display: style.display,
@@ -19,7 +20,7 @@ var TestStylesProvider = function (_a) {
             'pointer-events': style['pointer-events']
         }); }
     });
-    return (react_1.default.createElement(styles_1.ThemeProvider, { theme: muiTheme },
-        react_1.default.createElement(StylesProvider_1.default, { jss: jss }, children)));
+    return (react_1.default.createElement(styles_2.ThemeProvider, { theme: muiTheme },
+        react_1.default.createElement(styles_1.StylesProvider, { jss: jss, generateClassName: function (rule, styleSheet) { return rule.key || generateClassName(rule, styleSheet); } }, children)));
 };
 exports.TestStylesProvider = TestStylesProvider;