@reltio/components 1.4.2071 → 1.4.2072

package/cjs/TableWithBars/TableWithBars.test.js

@@ -1,80 +1,118 @@
 "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 ramda_1 = require("ramda");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var TableWithBars_1 = require("./TableWithBars");
-var BasicTable_1 = require("../BasicTable");
-var HeadCellRenderer_1 = require("./components/HeadCellRenderer");
-var AttributeCellRenderer_1 = require("./components/AttributeCellRenderer");
-var NumberCellValueRenderer_1 = require("./components/NumberCellValueRenderer");
-jest.mock('react-virtualized-auto-sizer', function () {
-    return jest.fn().mockImplementation(function (_a) {
-        var children = _a.children;
-        return react_1.default.createElement("div", null, children());
-    });
-});
+var test_utils_1 = require("../test-utils");
 describe('TableWithBars', function () {
     var data = [
         { label: 'Attribute 01', value: 10000, group: 'attr01' },
         { label: 'Attribute 02', value: 20, group: 'attr02' },
         { label: 'Attribute 03', value: 3, group: 'attr03' }
     ];
+    var setUp = function (props) {
+        if (props === void 0) { props = {}; }
+        var user = user_event_1.default.setup();
+        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(TableWithBars_1.TableWithBars, __assign({ width: 600, height: 300, data: data }, props))));
+    };
     it('should render BasicTable', function () {
-        var expectedColumnsData = [
-            {
-                headCellRenderer: HeadCellRenderer_1.HeadCellRenderer,
-                id: 'label',
-                label: 'Attributes',
-                initialWidth: 240,
-                resizable: false,
-                rowCellValueRenderer: AttributeCellRenderer_1.AttributeCellRenderer
-            },
-            {
-                headCellRenderer: HeadCellRenderer_1.HeadCellRenderer,
-                id: 'value',
-                label: 'No of Profiles',
-                maxValue: 10000,
-                initialWidth: 360,
-                resizable: false,
-                rowCellValueRenderer: NumberCellValueRenderer_1.NumberCellValueRenderer
-            }
-        ];
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TableWithBars_1.TableWithBars, { width: 600, height: 300, data: data }));
-        var tableChart = wrapper.find(BasicTable_1.BasicTable);
-        expect(tableChart).toHaveLength(1);
-        expect(tableChart.prop('columnsData')).toEqual(expectedColumnsData);
-        expect(tableChart.prop('rowsData')).toEqual(data);
+        var unmockTableSizing = (0, test_utils_1.mockBasicTableSizing)();
+        setUp();
+        var headCells = react_2.screen.getAllByTestId('table-with-bar-head-cell');
+        expect(headCells).toHaveLength(2);
+        expect(headCells[0]).toHaveTextContent('Attributes');
+        expect(headCells[1]).toHaveTextContent('No of Profiles');
+        var firstRowCells = react_2.screen.getAllByTestId('base-cell-0');
+        expect(firstRowCells).toHaveLength(2);
+        expect((0, react_2.within)(firstRowCells[0]).getByTestId('attribute-cell-renderer')).toHaveTextContent('Attribute 01');
+        expect(firstRowCells[1]).toHaveTextContent('10.0K');
+        expect(firstRowCells[1].querySelector('.bar')).toHaveStyle('width: 100%');
+        var secondRowCells = react_2.screen.getAllByTestId('base-cell-1');
+        expect(secondRowCells).toHaveLength(2);
+        expect((0, react_2.within)(secondRowCells[0]).getByTestId('attribute-cell-renderer')).toHaveTextContent('Attribute 02');
+        expect(secondRowCells[1]).toHaveTextContent('20');
+        expect(secondRowCells[1].querySelector('.bar')).toHaveStyle('width: 0.2%');
+        unmockTableSizing();
     });
     it('should render TableWithBars with headers from options', function () {
-        var headers = ['Test header 1', 'Test header 2'];
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TableWithBars_1.TableWithBars, { width: 600, height: 300, data: data, options: { headers: headers } }));
-        var tableChart = wrapper.find(BasicTable_1.BasicTable);
-        expect(tableChart).toHaveLength(1);
-        expect(tableChart.prop('columnsData').map((0, ramda_1.prop)('label'))).toEqual(headers);
+        setUp({ options: { headers: ['Test header 1', 'Test header 2'] } });
+        var headCells = react_2.screen.getAllByTestId('table-with-bar-head-cell');
+        expect(headCells).toHaveLength(2);
+        expect(headCells[0]).toHaveTextContent('Test header 1');
+        expect(headCells[1]).toHaveTextContent('Test header 2');
     });
     it('should not render second column when showValues = false', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(TableWithBars_1.TableWithBars, { width: 600, height: 300, data: data, options: { showValues: false } }));
-        var tableChart = wrapper.find(BasicTable_1.BasicTable);
-        expect(tableChart).toHaveLength(1);
-        expect(tableChart.prop('columnsData')).toEqual([
-            {
-                headCellRenderer: HeadCellRenderer_1.HeadCellRenderer,
-                id: 'label',
-                label: 'Attributes',
-                initialWidth: 240,
-                resizable: false,
-                rowCellValueRenderer: AttributeCellRenderer_1.AttributeCellRenderer
-            }
-        ]);
-    });
-    it('should call props.onItemClick on label click', function () {
-        var onItemClick = jest.fn();
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(TableWithBars_1.TableWithBars, { width: 600, height: 300, data: data, onItemClick: onItemClick }));
-        wrapper.find('.attribute').first().simulate('click');
-        expect(onItemClick).toHaveBeenCalledWith('attr01');
+        setUp({ options: { showValues: false } });
+        var headCells = react_2.screen.getAllByTestId('table-with-bar-head-cell');
+        expect(headCells).toHaveLength(1);
+        expect(headCells[0]).toHaveTextContent('Attributes');
     });
+    it('should call props.onItemClick on label click', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var unmockTableSizing, onItemClick, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    unmockTableSizing = (0, test_utils_1.mockBasicTableSizing)();
+                    onItemClick = jest.fn();
+                    user = setUp({ onItemClick: onItemClick }).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Attribute 01'))];
+                case 1:
+                    _a.sent();
+                    expect(onItemClick).toHaveBeenCalledWith('attr01');
+                    unmockTableSizing();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/TableWithBars/components/AttributeCellRenderer/AttributeCellRenderer.js

@@ -15,7 +15,7 @@ var AttributeCellRenderer = function (_a) {
     var styles = (0, styles_1.useStyles)();
     var clickable = (0, useClickableChartStyle_1.useClickableChartStyle)(onClick);
     return (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: value },
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.attribute, clickable), onClick: onClick }, value)));
+        react_1.default.createElement("div", { "data-reltio-id": "attribute-cell-renderer", className: (0, classnames_1.default)(styles.attribute, clickable), onClick: onClick }, value)));
 };
 exports.AttributeCellRenderer = AttributeCellRenderer;
 exports.default = (0, withTableContext_1.withTableContext)(function (_a, _b) {

package/cjs/TableWithBars/components/HeadCellRenderer/HeadCellRenderer.js

@@ -34,7 +34,7 @@ var styles_1 = require("./styles");
 var HeadCellRenderer = function (_a) {
     var className = _a.className, headCellData = _a.headCellData, otherProps = __rest(_a, ["className", "headCellData"]);
     var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.headCell, className) },
+    return (react_1.default.createElement("div", { "data-reltio-id": "table-with-bar-head-cell", className: (0, classnames_1.default)(styles.headCell, className) },
         react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, otherProps, { headCellData: __assign(__assign({}, headCellData), { label: (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: headCellData.label },
                     react_1.default.createElement("div", { className: styles.headLabel }, headCellData.label))) }) }))));
 };

package/cjs/Tags/Tags.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 type Props = {
     className?: string;
     values: string[];
-    dataReltioId?: string;
 };
 export declare const Tags: ({ className, values }: Props) => React.JSX.Element;
 export {};

package/cjs/Tags/Tags.test.js

@@ -4,17 +4,18 @@ 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 SpecialAttributesArray_1 = require("../SpecialAttributesArray");
-var Tag_1 = require("./components/Tag");
+var react_2 = require("@testing-library/react");
+var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var Tags_1 = require("./Tags");
 describe('Tags tests', function () {
     var values = ['tag1'];
     var className = 'class1';
+    var entity = { uri: 'uri1' };
+    var uiPath = 'https://uiPath';
     it('should render SpecialAttributesArray with correct props', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(Tags_1.Tags, { values: values, className: className }));
-        expect(component.find(SpecialAttributesArray_1.SpecialAttributesArray).prop('className')).toBe(className);
-        expect(component.find(SpecialAttributesArray_1.SpecialAttributesArray).prop('values')).toBe(values);
-        expect(component.find(SpecialAttributesArray_1.SpecialAttributesArray).prop('Component')).toBe(Tag_1.Tag);
+        (0, react_2.render)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { entity: entity, uiPath: uiPath } },
+            react_1.default.createElement(Tags_1.Tags, { values: values, className: className })));
+        expect(react_2.screen.getByTestId('reltio-attribute-value')).toHaveClass('class1');
+        expect(react_2.screen.getByText('tag1')).toHaveAttribute('href', 'https://uiPath#p~com.reltio.plugins.tags.TagPerspective_e~uri1_tag~tag1');
     });
 });

package/cjs/TransitiveMatchBlock/TransitiveMatchBlock.test.js

@@ -1,13 +1,58 @@
 "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 test_utils_1 = require("react-dom/test-utils");
-var TransitiveMatchRule_1 = require("../TransitiveMatchRule");
-var MatchRulesBadge_1 = require("../MatchRulesBadge");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var TransitiveMatchBlock_1 = require("./TransitiveMatchBlock");
 var matchRules = [
     { uri: 'uri1', label: 'label1' },
@@ -17,23 +62,34 @@ var transitiveMatchRules = [
     { label: 'TLabel1', matchRules: matchRules },
     { label: 'TLabel2', matchRules: matchRules }
 ];
+var defaultProps = { transitiveMatchRules: transitiveMatchRules };
+var setUp = function (props) {
+    if (props === void 0) { props = {}; }
+    var user = user_event_1.default.setup();
+    return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(TransitiveMatchBlock_1.TransitiveMatchBlock, __assign({}, defaultProps, props))));
+};
 describe('TransitiveMatchBlock test', function () {
-    var getTransitiveMatchRule = function (component) { return component.find(TransitiveMatchRule_1.TransitiveMatchRule); };
-    var getMatchRulesBadge = function (component) { return component.find(MatchRulesBadge_1.MatchRulesBadge); };
-    it('should render expanded TransitiveMatchRule', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(TransitiveMatchBlock_1.TransitiveMatchBlock, { transitiveMatchRules: transitiveMatchRules }));
-        expect(getTransitiveMatchRule(component)).toHaveLength(0);
-        (0, test_utils_1.act)(function () {
-            getMatchRulesBadge(component).prop('onExpand')();
+    it('should expand TransitiveMatchRule correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, matchRules;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    expect(react_2.screen.getByText('Transitive matches')).toBeInTheDocument();
+                    expect(react_2.screen.queryByTestId('match-rule-wrapper')).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('arrow-expand-button'))];
+                case 1:
+                    _a.sent();
+                    matchRules = react_2.screen.getAllByTestId('match-rule-wrapper');
+                    expect(matchRules).toHaveLength(2);
+                    expect((0, react_2.within)(matchRules[0]).getByText('TLabel1')).toBeInTheDocument();
+                    expect((0, react_2.within)(matchRules[0]).getByText('Match rules')).toBeInTheDocument();
+                    expect((0, react_2.within)(matchRules[0]).getByText('- label1')).toBeInTheDocument();
+                    expect((0, react_2.within)(matchRules[1]).getByText('TLabel2')).toBeInTheDocument();
+                    expect((0, react_2.within)(matchRules[1]).getByText('Match rules')).toBeInTheDocument();
+                    expect((0, react_2.within)(matchRules[1]).getByText('- label2')).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-        component.update();
-        var transitiveMatchRuleComponents = getTransitiveMatchRule(component);
-        expect(transitiveMatchRuleComponents).toHaveLength(2);
-        expect(transitiveMatchRuleComponents.at(0).prop('label')).toBe(transitiveMatchRules[0].label);
-        expect(transitiveMatchRuleComponents.at(1).prop('label')).toBe(transitiveMatchRules[1].label);
-    });
-    it('should render correct MatchRulesBadge', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(TransitiveMatchBlock_1.TransitiveMatchBlock, { transitiveMatchRules: transitiveMatchRules }));
-        expect(component.find(TransitiveMatchBlock_1.MatchRuleBadgeWithTooltip).text()).toBe('Transitive matches');
-    });
+    }); });
 });

package/cjs/TransitiveMatchRule/TransitiveMatchRule.test.js

@@ -10,49 +10,90 @@ var __assign = (this && this.__assign) || function () {
     };
     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 test_utils_1 = require("react-dom/test-utils");
-var SimpleMatchRulesBuilder_1 = require("../SimpleMatchRulesBuilder");
-var SimpleMatchRules_1 = require("../SimpleMatchRules");
-var ArrowExpandButton_1 = require("../ArrowExpandButton");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var TransitiveMatchRule_1 = require("./TransitiveMatchRule");
 describe('TransitiveMatchRule tests', function () {
-    var getSimpleMatchRulesBuilder = function (component) { return component.find(SimpleMatchRulesBuilder_1.SimpleMatchRulesBuilder); };
-    var getBadge = function (component) { return component.find('.badge'); };
-    var getLabel = function (component) { return component.find('.label'); };
-    var getArrowExpandButton = function (component) { return component.find(ArrowExpandButton_1.ArrowExpandButton); };
-    var matchRules = [
-        { uri: 'uri1', label: 'label1' },
-        { uri: 'uri2', label: 'label2' }
-    ];
-    var transitiveMatchRule = { label: 'TLabel1', matchRules: matchRules };
-    it('should render SimpleMatchRulesBuilder when expanded', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(TransitiveMatchRule_1.TransitiveMatchRule, __assign({}, transitiveMatchRule)));
-        expect(getSimpleMatchRulesBuilder(component)).toHaveLength(0);
-        (0, test_utils_1.act)(function () {
-            getBadge(component).prop('onClick')();
-        });
-        component.update();
-        expect(getSimpleMatchRulesBuilder(component)).toHaveLength(1);
-        expect(getSimpleMatchRulesBuilder(component).prop('matchRules')).toBe(matchRules);
-        expect(getSimpleMatchRulesBuilder(component).prop('Component')).toBe(SimpleMatchRules_1.SimpleMatchRules);
-    });
-    it('should render label correctly', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(TransitiveMatchRule_1.TransitiveMatchRule, __assign({}, transitiveMatchRule)));
-        expect(getLabel(component).text()).toBe(transitiveMatchRule.label);
-    });
-    it('should provide expanded prop to arrow', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(TransitiveMatchRule_1.TransitiveMatchRule, __assign({}, transitiveMatchRule)));
-        expect(getArrowExpandButton(component).prop('expanded')).toBe(false);
-        (0, test_utils_1.act)(function () {
-            getBadge(component).prop('onClick')();
+    var defaultProps = {
+        label: 'TLabel1',
+        matchRules: [
+            { uri: 'uri1', label: 'label1' },
+            { uri: 'uri2', label: 'label2' }
+        ]
+    };
+    var setUp = function (props) {
+        if (props === void 0) { props = {}; }
+        var user = user_event_1.default.setup();
+        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(TransitiveMatchRule_1.TransitiveMatchRule, __assign({}, defaultProps, props))));
+    };
+    it('should render SimpleMatchRulesBuilder when expanded', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, expandButton, matchRules;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    expect(react_2.screen.getByText(defaultProps.label)).toBeInTheDocument();
+                    expect(react_2.screen.queryByTestId('simple-match-rules')).not.toBeInTheDocument();
+                    expandButton = react_2.screen.getByTestId('arrow-expand-button');
+                    expect(expandButton.firstChild).not.toHaveClass('expanded');
+                    return [4 /*yield*/, user.click(expandButton)];
+                case 1:
+                    _a.sent();
+                    expect(expandButton.firstChild).toHaveClass('expanded');
+                    expect(react_2.screen.getByTestId('simple-match-rules')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('Match rules')).toBeInTheDocument();
+                    matchRules = react_2.screen.getAllByTestId('match-rule-info');
+                    expect(matchRules).toHaveLength(defaultProps.matchRules.length);
+                    expect(matchRules[0]).toHaveTextContent('• label1');
+                    expect(matchRules[1]).toHaveTextContent('• label2');
+                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('arrow-expand-button'))];
+                case 2:
+                    _a.sent();
+                    expect(expandButton.firstChild).not.toHaveClass('expanded');
+                    expect(react_2.screen.queryByTestId('simple-match-rules')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-        component.update();
-        expect(getArrowExpandButton(component).prop('expanded')).toBe(true);
-    });
+    }); });
 });

package/cjs/TransitiveMatchRulesTooltip/TransitiveMatchRulesTooltip.js

@@ -12,7 +12,7 @@ var TransitiveMatchRulesTooltip = function (_a) {
     var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(react_1.default.Fragment, null, transitiveMatchRules.map(function (_a, index) {
         var label = _a.label, matchRules = _a.matchRules;
-        return (react_1.default.createElement("div", { key: index, className: styles.ruleWrapper },
+        return (react_1.default.createElement("div", { key: index, "data-reltio-id": "match-rule-wrapper", className: styles.ruleWrapper },
             react_1.default.createElement("div", { className: styles.label }, label),
             react_1.default.createElement(MatchRulesTooltip_1.MatchRulesTooltip, { matchRules: matchRules })));
     })));

package/cjs/TransitiveMatchRulesTooltip/TransitiveMatchRulesTooltip.test.js

@@ -4,28 +4,22 @@ 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_2 = require("@testing-library/react");
 var TransitiveMatchRulesTooltip_1 = require("./TransitiveMatchRulesTooltip");
-var MatchRulesTooltip_1 = require("../MatchRulesTooltip");
 describe('TransitiveMatchRulesTooltip tests', function () {
     var rules = [
-        { label: 'label1', matchRules: [{ uri: 'uri1', label: 'label1' }] },
-        { label: 'label2', matchRules: [{ uri: 'uri2', label: 'label2' }] }
+        { label: 'label1', matchRules: [{ uri: 'uri1', label: 'label11' }] },
+        { label: 'label2', matchRules: [{ uri: 'uri2', label: 'label22' }] }
     ];
-    var getLabel = function (component) { return component.find('.label'); };
-    var getMatchRulesTooltip = function (component) { return component.find(MatchRulesTooltip_1.MatchRulesTooltip); };
     it('should render all rules', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(TransitiveMatchRulesTooltip_1.TransitiveMatchRulesTooltip, { transitiveMatchRules: rules }));
-        expect(component.find('.ruleWrapper')).toHaveLength(rules.length);
-    });
-    it('should render correct label for rule', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(TransitiveMatchRulesTooltip_1.TransitiveMatchRulesTooltip, { transitiveMatchRules: rules }));
-        expect(getLabel(component.find('.ruleWrapper').at(0)).text()).toBe(rules[0].label);
-        expect(getLabel(component.find('.ruleWrapper').at(1)).text()).toBe(rules[1].label);
-    });
-    it('should provide correct props for MatchRulesTooltip', function () {
-        var component = (0, enzyme_1.shallow)(react_1.default.createElement(TransitiveMatchRulesTooltip_1.TransitiveMatchRulesTooltip, { transitiveMatchRules: rules }));
-        expect(getMatchRulesTooltip(component.find('.ruleWrapper').at(0)).prop('matchRules')).toBe(rules[0].matchRules);
-        expect(getMatchRulesTooltip(component.find('.ruleWrapper').at(1)).prop('matchRules')).toBe(rules[1].matchRules);
+        (0, react_2.render)(react_1.default.createElement(TransitiveMatchRulesTooltip_1.TransitiveMatchRulesTooltip, { transitiveMatchRules: rules }));
+        var matchRules = react_2.screen.getAllByTestId('match-rule-wrapper');
+        expect(matchRules).toHaveLength(rules.length);
+        expect((0, react_2.within)(matchRules[0]).getByText('label1')).toBeInTheDocument();
+        expect((0, react_2.within)(matchRules[0]).getByText('Match rules')).toBeInTheDocument();
+        expect((0, react_2.within)(matchRules[0]).getByText('- label11')).toBeInTheDocument();
+        expect((0, react_2.within)(matchRules[1]).getByText('label2')).toBeInTheDocument();
+        expect((0, react_2.within)(matchRules[1]).getByText('Match rules')).toBeInTheDocument();
+        expect((0, react_2.within)(matchRules[1]).getByText('- label22')).toBeInTheDocument();
     });
 });

package/cjs/UploadFileButton/UploadFileButton.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 type Props = {
-    link: string;
-    filename: string;
+    link?: string;
+    filename?: string;
     onUpload: (result: File) => Promise<void>;
     onError?: (error: Error) => void;
     onCancel: () => void;