@reltio/components 1.4.1999 → 1.4.2001

package/cjs/features/crosswalks/ShowDependentLink/ShowDependentLink.test.js

@@ -1,25 +1,88 @@
 "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 Link_1 = __importDefault(require("@mui/material/Link"));
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var ShowDependentLink_1 = require("./ShowDependentLink");
+var onClick = jest.fn();
+var props = {
+    showMore: true,
+    onClick: onClick
+};
 describe('ShowDependentLink tests', function () {
     it('should render "View dependent crosswalks" link for props.showMore=true', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(ShowDependentLink_1.ShowDependentLink, { showMore: true, onClick: function () { } }));
-        expect(wrapper.find(Link_1.default).text()).toBe('View dependent crosswalks');
+        (0, react_2.render)(react_1.default.createElement(ShowDependentLink_1.ShowDependentLink, __assign({}, props)));
+        expect(react_2.screen.getByText('View dependent crosswalks')).toBeInTheDocument();
+        expect(react_2.screen.queryByText('Hide dependent crosswalks')).not.toBeInTheDocument();
     });
     it('should render "Hide dependent crosswalks" link for props.showMore=false', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(ShowDependentLink_1.ShowDependentLink, { showMore: false, onClick: function () { } }));
-        expect(wrapper.find(Link_1.default).text()).toBe('Hide dependent crosswalks');
-    });
-    it('should render call props.onClick on link click', function () {
-        var onClick = jest.fn();
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(ShowDependentLink_1.ShowDependentLink, { showMore: true, onClick: onClick }));
-        wrapper.find(Link_1.default).simulate('click');
-        expect(onClick).toHaveBeenCalled();
+        (0, react_2.render)(react_1.default.createElement(ShowDependentLink_1.ShowDependentLink, __assign({}, props, { showMore: false })));
+        expect(react_2.screen.getByText('Hide dependent crosswalks')).toBeInTheDocument();
+        expect(react_2.screen.queryByText('View dependent crosswalks')).not.toBeInTheDocument();
     });
+    it('should render call props.onClick on link click', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = user_event_1.default.setup();
+                    (0, react_2.render)(react_1.default.createElement(ShowDependentLink_1.ShowDependentLink, __assign({}, props)));
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('button'))];
+                case 1:
+                    _a.sent();
+                    expect(onClick).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/features/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.test.js

@@ -33,20 +33,75 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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 EmptyStub_1 = require("../../../EmptyStub");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var styles_1 = require("@mui/styles");
+var styles_2 = require("@mui/material/styles");
 var CrosswalksDisplay = __importStar(require("../../../contexts/CrosswalksDisplayContext"));
-var DummyCrosswalkRow_1 = require("../DummyCrosswalkRow");
-var ShowDependentLink_1 = require("../ShowDependentLink");
-var CrosswalkRow_1 = require("../CrosswalkRow");
 var SourceCrosswalksRow_1 = require("./SourceCrosswalksRow");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+jest.unmock('@mui/styles');
+jest.mock('react-dnd', function () { return (__assign(__assign({}, jest.requireActual('react-dnd')), { useDrag: jest.fn().mockReturnValue([undefined, function () { return null; }, jest.fn()]) })); });
+var metadata = {
+    sources: [
+        {
+            uri: 'configuration/sources/FB',
+            label: 'Facebook',
+            icon: 'images/source/fb.png',
+            abbreviation: 'Facebook'
+        },
+        {
+            uri: 'configuration/sources/Reltio',
+            label: 'Reltio',
+            icon: 'images/source/reltio.png',
+            abbreviation: 'Reltio'
+        }
+    ]
+};
 describe('SourceCrosswalksRow tests', function () {
-    var props = {
+    var defaultProps = {
         source: 'configuration/sources/FB',
         onEdit: jest.fn(),
         onDelete: jest.fn(),
@@ -54,71 +109,49 @@ describe('SourceCrosswalksRow tests', function () {
         showCrosswalkColors: true,
         disableEditCrosswalk: false,
         disableDeleteCrosswalk: false,
-        onToggleExpanded: jest.fn()
-    };
-    var useHighlightedCrosswalksMock = jest.spyOn(CrosswalksDisplay, 'useHighlightedCrosswalks').mockReturnValue([]);
-    beforeAll(function () {
-        jest.spyOn(CrosswalkRow_1.CrosswalkRow, 'type').mockImplementation(EmptyStub_1.EmptyStub);
-    });
-    it('should render dummy crosswalk if no simple and empty crosswalks, and show more link', function () {
-        var crosswalksByTypes = {
+        onToggleExpanded: jest.fn(),
+        crosswalksByTypes: {
             empty: [],
             simple: [],
             dependent: [
                 {
                     uri: 'entities/2/crosswalks/1',
                     value: '456',
-                    type: 'configuration/sources/FB'
+                    type: 'configuration/sources/Reltio'
                 }
             ]
+        }
+    };
+    var setUp = function (props) {
+        if (props === void 0) { props = defaultProps; }
+        var user = user_event_1.default.setup({ delay: null });
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } },
+                react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(mdm_sdk_1.theme) }, children)));
         };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes })));
-        expect(wrapper.find(DummyCrosswalkRow_1.DummyCrosswalkRow).props()).toEqual({
-            crosswalkType: props.source,
-            focusable: props.crosswalksFocusEnabled
-        });
-        expect(wrapper.find(ShowDependentLink_1.ShowDependentLink).prop('showMore')).toBe(true);
+        var renderer = (0, react_2.render)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props)), { wrapper: Providers });
+        return __assign(__assign({}, renderer), { user: user });
+    };
+    var useHighlightedCrosswalksMock = jest.spyOn(CrosswalksDisplay, 'useHighlightedCrosswalks').mockReturnValue([]);
+    it('should render dummy crosswalk if no simple and empty crosswalks, and show more link', function () {
+        setUp();
+        expect(react_2.screen.getByText('Facebook')).toBeInTheDocument();
+        expect(react_2.screen.getByText('View dependent crosswalks')).toBeInTheDocument();
     });
     it('should render dummy crosswalk and dependent if no simple and empty crosswalks, and show less link', function () {
-        var crosswalksByTypes = {
-            empty: [],
-            simple: [],
-            dependent: [
-                {
-                    uri: 'entities/2/crosswalks/1',
-                    value: '456',
-                    type: 'configuration/sources/FB'
-                }
-            ]
-        };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, expanded: true })));
-        expect(wrapper.find(DummyCrosswalkRow_1.DummyCrosswalkRow).props()).toEqual({
-            crosswalkType: props.source,
-            focusable: props.crosswalksFocusEnabled
-        });
-        expect(wrapper.find(CrosswalkRow_1.CrosswalkRow).props()).toEqual({
-            crosswalk: {
-                uri: 'entities/2/crosswalks/1',
-                value: '456',
-                type: 'configuration/sources/FB'
-            },
-            isDependent: true,
-            disableEdit: props.disableEditCrosswalk,
-            disableDelete: props.disableDeleteCrosswalk,
-            onDelete: props.onDelete,
-            onEdit: props.onEdit,
-            isColored: props.showCrosswalkColors,
-            focusable: props.crosswalksFocusEnabled
-        });
-        expect(wrapper.find(ShowDependentLink_1.ShowDependentLink).prop('showMore')).toBe(false);
+        setUp(__assign(__assign({}, defaultProps), { expanded: true }));
+        expect(react_2.screen.getByText('Facebook')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Reltio')).toBeInTheDocument();
+        expect(react_2.screen.getByText('Hide dependent crosswalks')).toBeInTheDocument();
     });
-    it('should render empty crosswalk and then simple crosswalks if present', function () {
+    it('should render simple crosswalk and then empty crosswalks if present', function () {
         var crosswalksByTypes = {
             empty: [
                 {
                     uri: 'entities/2/crosswalks/1',
                     value: '123',
-                    type: 'configuration/sources/FB'
+                    type: 'configuration/sources/Reltio'
                 }
             ],
             simple: [
@@ -130,85 +163,85 @@ describe('SourceCrosswalksRow tests', function () {
             ],
             dependent: []
         };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, expanded: true })));
-        expect(wrapper.find(DummyCrosswalkRow_1.DummyCrosswalkRow)).toHaveLength(0);
-        var crosswalks = wrapper.find(CrosswalkRow_1.CrosswalkRow);
-        expect(crosswalks.length).toBe(2);
-        expect(crosswalks.at(0).props()).toEqual({
-            crosswalk: {
-                uri: 'entities/2/crosswalks/2',
-                value: '456',
-                type: 'configuration/sources/FB'
-            },
-            disableEdit: props.disableEditCrosswalk,
-            disableDelete: props.disableDeleteCrosswalk,
-            onDelete: props.onDelete,
-            onEdit: props.onEdit,
-            isColored: props.showCrosswalkColors,
-            focusable: props.crosswalksFocusEnabled
-        });
-        expect(crosswalks.at(1).props()).toEqual({
-            crosswalk: {
-                uri: 'entities/2/crosswalks/1',
-                value: '123',
-                type: 'configuration/sources/FB'
-            },
-            isEmpty: true,
-            disableEdit: props.disableEditCrosswalk,
-            disableDelete: props.disableDeleteCrosswalk,
-            onDelete: props.onDelete,
-            onEdit: props.onEdit,
-            isColored: props.showCrosswalkColors,
-            focusable: props.crosswalksFocusEnabled
-        });
-        expect(wrapper.find(ShowDependentLink_1.ShowDependentLink)).toHaveLength(0);
+        setUp(__assign(__assign({}, defaultProps), { crosswalksByTypes: crosswalksByTypes }));
+        var blocks = react_2.screen.getAllByTestId('cw-colored-block');
+        expect((0, react_2.within)(blocks[0]).getByText('Facebook')).toBeInTheDocument();
+        expect((0, react_2.within)(blocks[0]).getByText('456')).toBeInTheDocument();
+        expect((0, react_2.within)(blocks[1]).getByText('Reltio')).toBeInTheDocument();
+        expect((0, react_2.within)(blocks[1]).getByText('123')).toBeInTheDocument();
     });
-    it('should disable editing in CrosswalkRow if props.disableEditCrosswalk = true', function () {
-        var crosswalksByTypes = {
-            empty: [
-                {
-                    uri: 'entities/2/crosswalks/1',
-                    value: '123',
-                    type: 'configuration/sources/FB'
-                }
-            ],
-            simple: [
-                {
-                    uri: 'entities/2/crosswalks/2',
-                    value: '456',
-                    type: 'configuration/sources/FB'
-                }
-            ],
-            dependent: []
-        };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, disableEditCrosswalk: true })));
-        wrapper.find(CrosswalkRow_1.CrosswalkRow).forEach(function (row) {
-            expect(row.prop('disableEdit')).toBeTruthy();
+    it('should disable editing in CrosswalkRow if props.disableEditCrosswalk = true', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var crosswalksByTypes, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    crosswalksByTypes = {
+                        empty: [
+                            {
+                                uri: 'entities/2/crosswalks/1',
+                                value: '123',
+                                type: 'configuration/sources/FB'
+                            }
+                        ],
+                        simple: [
+                            {
+                                uri: 'entities/2/crosswalks/2',
+                                value: '456',
+                                type: 'configuration/sources/FB'
+                            }
+                        ],
+                        dependent: []
+                    };
+                    user = setUp(__assign(__assign({}, defaultProps), { crosswalksByTypes: crosswalksByTypes, disableEditCrosswalk: true })).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getAllByTestId('arrow-expand-button')[0])];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getAllByTestId('arrow-expand-button')[1])];
+                case 2:
+                    _a.sent();
+                    expect(react_2.screen.queryByText('Add attributes')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
         });
-    });
-    it('should disable deleting in CrosswalkRow if props.disableDeleteCrosswalk = true', function () {
-        var crosswalksByTypes = {
-            empty: [
-                {
-                    uri: 'entities/2/crosswalks/1',
-                    value: '123',
-                    type: 'configuration/sources/FB'
-                }
-            ],
-            simple: [
-                {
-                    uri: 'entities/2/crosswalks/2',
-                    value: '456',
-                    type: 'configuration/sources/FB'
-                }
-            ],
-            dependent: []
-        };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, disableDeleteCrosswalk: true })));
-        wrapper.find(CrosswalkRow_1.CrosswalkRow).forEach(function (row) {
-            expect(row.prop('disableDelete')).toBeTruthy();
+    }); });
+    it('should disable deleting in CrosswalkRow if props.disableDeleteCrosswalk = true', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var crosswalksByTypes, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    crosswalksByTypes = {
+                        empty: [
+                            {
+                                uri: 'entities/2/crosswalks/1',
+                                value: '123',
+                                type: 'configuration/sources/FB'
+                            }
+                        ],
+                        simple: [
+                            {
+                                uri: 'entities/2/crosswalks/2',
+                                value: '456',
+                                type: 'configuration/sources/FB'
+                            }
+                        ],
+                        dependent: []
+                    };
+                    user = setUp(__assign(__assign({}, defaultProps), { crosswalksByTypes: crosswalksByTypes, disableDeleteCrosswalk: true })).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getAllByTestId('arrow-expand-button')[0])];
+                case 1:
+                    _a.sent();
+                    expect((0, react_2.within)(react_2.screen.getByLabelText("You don't have permissions to delete")).getByRole('button')).toBeDisabled();
+                    return [4 /*yield*/, user.click(react_2.screen.getAllByTestId('arrow-expand-button')[0])];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getAllByTestId('arrow-expand-button')[1])];
+                case 3:
+                    _a.sent();
+                    expect((0, react_2.within)(react_2.screen.getByLabelText("You don't have permissions to delete")).getByRole('button')).toBeDisabled();
+                    return [2 /*return*/];
+            }
         });
-    });
+    }); });
     it('should not color crosswalks if props.showCrosswalkColors if false', function () {
         var crosswalksByTypes = {
             empty: [
@@ -227,10 +260,10 @@ describe('SourceCrosswalksRow tests', function () {
             ],
             dependent: []
         };
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, expanded: true, showCrosswalkColors: false })));
-        wrapper.find(CrosswalkRow_1.CrosswalkRow).forEach(function (row) {
-            expect(row.prop('isColored')).toBe(false);
-        });
+        setUp(__assign(__assign({}, defaultProps), { crosswalksByTypes: crosswalksByTypes, expanded: true, showCrosswalkColors: false }));
+        var coloredBlocks = react_2.screen.getAllByTestId('cw-colored-block');
+        expect(getComputedStyle(coloredBlocks[0]).backgroundColor).toBe('rgb(202, 204, 209)');
+        expect(getComputedStyle(coloredBlocks[1]).backgroundColor).toBe('rgb(255, 255, 255)');
     });
     it('should expand crosswalks if highlighted crosswalks contains dependent crosswalk', function () {
         var dependentCrosswalk = {
@@ -255,10 +288,10 @@ describe('SourceCrosswalksRow tests', function () {
             ],
             dependent: [dependentCrosswalk]
         };
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props, { crosswalksByTypes: crosswalksByTypes, crosswalksFocusEnabled: true })));
-        expect(props.onToggleExpanded).not.toHaveBeenCalled();
+        var rerender = setUp(__assign(__assign({}, defaultProps), { crosswalksByTypes: crosswalksByTypes, crosswalksFocusEnabled: true })).rerender;
+        expect(defaultProps.onToggleExpanded).not.toHaveBeenCalled();
         useHighlightedCrosswalksMock.mockReturnValueOnce([dependentCrosswalk]);
-        wrapper.setProps({ expanded: false });
-        expect(props.onToggleExpanded).toHaveBeenCalled();
+        rerender(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, defaultProps, { crosswalksByTypes: crosswalksByTypes, crosswalksFocusEnabled: true, expanded: false })));
+        expect(defaultProps.onToggleExpanded).toHaveBeenCalled();
     });
 });

package/cjs/index.d.ts

@@ -151,7 +151,7 @@ export { QueryBuilderRow } from './QueryBuilderRow';
 export { QueryBuilderRowsGroup } from './QueryBuilderRowsGroup';
 export { MultiSelect } from './MultiSelect';
 export { ReactSortableTree, reactSortableTreeHelpers } from './ReactSortableTree';
-export { RCTree } from './RCTree';
+export { RCTree, RCTreeLevelLines, RCTreeSwitchRenderer } from './RCTree';
 export { ReltioGridLayout } from './ReltioGridLayout';
 export { ResizablePanes } from './ResizablePanes';
 export { ProfileResizablePanes } from './ProfileResizablePanes';

package/cjs/index.js

@@ -17,10 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.InfoIcon = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.BasicChartsFactory = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
 exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = void 0;
 exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQueryBuilder = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.SaveSegmentDialog = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = exports.ConfigureColumnsPopup = void 0;
-exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = void 0;
-exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = void 0;
-exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = void 0;
-exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = void 0;
+exports.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = void 0;
+exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = void 0;
+exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = exports.useReloadData = exports.ReloadDataProvider = void 0;
+exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -337,6 +337,8 @@ Object.defineProperty(exports, "ReactSortableTree", { enumerable: true, get: fun
 Object.defineProperty(exports, "reactSortableTreeHelpers", { enumerable: true, get: function () { return ReactSortableTree_1.reactSortableTreeHelpers; } });
 var RCTree_1 = require("./RCTree");
 Object.defineProperty(exports, "RCTree", { enumerable: true, get: function () { return RCTree_1.RCTree; } });
+Object.defineProperty(exports, "RCTreeLevelLines", { enumerable: true, get: function () { return RCTree_1.RCTreeLevelLines; } });
+Object.defineProperty(exports, "RCTreeSwitchRenderer", { enumerable: true, get: function () { return RCTree_1.RCTreeSwitchRenderer; } });
 var ReltioGridLayout_1 = require("./ReltioGridLayout");
 Object.defineProperty(exports, "ReltioGridLayout", { enumerable: true, get: function () { return ReltioGridLayout_1.ReltioGridLayout; } });
 var ResizablePanes_1 = require("./ResizablePanes");

package/esm/RCTree/RCTree.d.ts

@@ -1,27 +1,30 @@
 import { TreeNodeProps } from 'rc-tree';
 import React from 'react';
-import { RCTreeNode } from './types';
-type Props = {
-    treeData: RCTreeNode[];
-    renderNode?: (node: RCTreeNode & Record<string, unknown>) => React.ReactElement;
+import { InternalRCNode, RCTreeNode } from './types';
+type Props<Node extends RCTreeNode> = {
+    treeData: Node[];
+    renderNode?: (node: Node) => React.ReactElement;
     isVirtualized?: boolean;
     canDrag?: (params: {
-        node: RCTreeNode;
+        node: Node;
     }) => boolean;
     canDrop?: (params: {
-        nextParent: RCTreeNode;
-        node: RCTreeNode;
+        nextParent: Node;
+        node: Node;
     }) => boolean;
-    onDrop?: (treeData: RCTreeNode[], dragNode: RCTreeNode, parentNode: RCTreeNode) => void;
-    onLoadChildren?: (treeNode: RCTreeNode) => Promise<void>;
-    height?: number;
+    onDrop?: (treeData: Node[], dragNode: Node, parentNode: Node) => void;
+    onLoadChildren?: (treeNode: Node) => Promise<void>;
     defaultExpandAll?: boolean;
-    SwitchRenderer?: (props: any) => React.ReactElement;
+    SwitchRenderer?: (props: {
+        node: InternalRCNode<Node>;
+    }) => React.ReactElement;
+    LevelLinesRenderer?: (props: any) => React.ReactElement;
     className?: string;
     minItemHeight?: number;
     isLeaf?: (node: TreeNodeProps & Record<string, unknown>) => boolean;
-    scrollToNode?: RCTreeNode;
-    onChange?: (node: RCTreeNode[]) => void;
+    scrollToNode?: Node;
+    onChange?: (node: Node[]) => void;
+    height?: number;
 };
-export declare const RCTree: ({ treeData, isVirtualized, canDrag, canDrop, onDrop, onLoadChildren, height, defaultExpandAll, SwitchRenderer, className, renderNode, minItemHeight, isLeaf, scrollToNode, onChange }: Props) => React.JSX.Element;
+export declare const RCTree: <Node extends RCTreeNode>({ treeData, isVirtualized, canDrag, canDrop, onDrop, onLoadChildren, defaultExpandAll, SwitchRenderer, LevelLinesRenderer, className, renderNode, minItemHeight, isLeaf, scrollToNode, onChange, height }: Props<Node>) => React.JSX.Element;
 export {};