@reltio/components 1.4.1924 → 1.4.1926

package/cjs/DateEditor/DateEditor.test.js

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

package/cjs/HierarchyNodeTitle/styles.js

@@ -7,7 +7,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         cursor: 'pointer',
         color: theme.palette.primary.main,
         lineHeight: '15px',
-        wordBreak: 'break-word'
+        wordBreak: 'break-word',
+        whiteSpace: 'normal'
     },
     selected: {
         fontWeight: 'bold'

package/cjs/RCTree/DefaultSwitchRenderer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TreeNodeProps } from 'rc-tree';
+type Props = {
+    node: TreeNodeProps;
+};
+export declare const DefaultSwitchRenderer: ({ node }: Props) => JSX.Element;
+export {};

package/cjs/RCTree/DefaultSwitchRenderer.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultSwitchRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_1 = require("./styles");
+var DefaultSwitchRenderer = function (_a) {
+    var node = _a.node;
+    var styles = (0, styles_1.useStyles)();
+    return !node.isLeaf ? (react_1.default.createElement("div", { className: styles.switcherButtonWrapper },
+        react_1.default.createElement("div", { "aria-label": node.expanded ? 'Collapse' : 'Expand', className: (0, classnames_1.default)(styles.switcherButton, node.expanded ? styles.collapseButton : styles.expandButton) }))) : null;
+};
+exports.DefaultSwitchRenderer = DefaultSwitchRenderer;

package/cjs/RCTree/RCTree.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { TreeNodeProps } from 'rc-tree';
+import 'rc-tree/assets/index.css';
+import { RCTreeNode } from './types';
+type Props = {
+    treeData: RCTreeNode[];
+    renderNode?: (node: RCTreeNode & Record<string, unknown>) => JSX.Element;
+    canDrag?: boolean;
+    isVirtualized?: boolean;
+    canDrop?: (params: unknown) => boolean;
+    onLoadChildren?: (treeNode: unknown) => Promise<void>;
+    height?: number;
+    defaultExpandAll?: boolean;
+    SwitchRenderer?: (props: any) => JSX.Element;
+    className?: string;
+    minItemHeight?: number;
+    isLeaf?: (node: TreeNodeProps & Record<string, unknown>) => boolean;
+};
+export declare const RCTree: ({ treeData, isVirtualized, canDrag, canDrop, onLoadChildren, height, defaultExpandAll, SwitchRenderer, className, renderNode, minItemHeight, isLeaf }: Props) => JSX.Element;
+export {};

package/cjs/RCTree/RCTree.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RCTree = void 0;
+var react_1 = __importStar(require("react"));
+var rc_tree_1 = __importDefault(require("rc-tree"));
+var classnames_1 = __importDefault(require("classnames"));
+require("rc-tree/assets/index.css");
+var DefaultSwitchRenderer_1 = require("./DefaultSwitchRenderer");
+var helper_1 = require("./helper");
+var styles_1 = require("./styles");
+var MIN_ROW_HEIGHT = 28;
+var RCTree = function (_a) {
+    var treeData = _a.treeData, _b = _a.isVirtualized, isVirtualized = _b === void 0 ? true : _b, _c = _a.canDrag, canDrag = _c === void 0 ? false : _c, _d = _a.canDrop, canDrop = _d === void 0 ? function () { return false; } : _d, onLoadChildren = _a.onLoadChildren, height = _a.height, _e = _a.defaultExpandAll, defaultExpandAll = _e === void 0 ? false : _e, _f = _a.SwitchRenderer, SwitchRenderer = _f === void 0 ? DefaultSwitchRenderer_1.DefaultSwitchRenderer : _f, className = _a.className, renderNode = _a.renderNode, _g = _a.minItemHeight, minItemHeight = _g === void 0 ? MIN_ROW_HEIGHT : _g, _h = _a.isLeaf, isLeaf = _h === void 0 ? helper_1.defaultIsLeaf : _h;
+    var styles = (0, styles_1.useStyles)();
+    var internalTreeData = (0, react_1.useMemo)(function () { return (0, helper_1.convertTreeData)({ data: treeData, isLeaf: isLeaf }); }, [isLeaf, treeData]);
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var handleDrop = function (_a) {
+        var node = _a.node, dragNode = _a.dragNode, dragNodesKeys = _a.dragNodesKeys;
+        // TODO: implement
+    };
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var handleDragEnter = function (_a) {
+        var event = _a.event, node = _a.node, expandedKeys = _a.expandedKeys;
+        // TODO: implement
+    };
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var dropIndicatorRender = function (_a) {
+        var dropPosition = _a.dropPosition, dropLevelOffset = _a.dropLevelOffset, indent = _a.indent, prefixCls = _a.prefixCls, direction = _a.direction;
+        // TODO: implement
+    };
+    var renderSwitcherIcon = (0, react_1.useCallback)(function (node) { return react_1.default.createElement(SwitchRenderer, { node: node }); }, []);
+    return internalTreeData ? (react_1.default.createElement(rc_tree_1.default, { allowDrop: canDrop, draggable: canDrag, onDragStart: function () { }, onDragEnter: handleDragEnter, onDrop: handleDrop, virtual: isVirtualized, itemHeight: minItemHeight, height: height, showIcon: false, showLine: true, switcherIcon: renderSwitcherIcon, defaultExpandAll: defaultExpandAll, className: (0, classnames_1.default)(className, styles.treeWrapper), titleRender: renderNode ? function (node) { return renderNode(node.value); } : undefined, treeData: internalTreeData, selectable: false, loadData: onLoadChildren ? function (node) { return onLoadChildren(node.value); } : undefined, "data-reltio-id": "rc-tree" })) : null;
+};
+exports.RCTree = RCTree;

package/cjs/RCTree/helper.d.ts

@@ -0,0 +1,12 @@
+import { TreeNodeProps } from 'rc-tree';
+import { RCTreeNode } from './types';
+export declare const defaultIsLeaf: ({ children }: {
+    children?: unknown[];
+}) => boolean;
+type Props = {
+    data: Array<RCTreeNode & Record<string, unknown>>;
+    parentPath?: number[];
+    isLeaf: (node: TreeNodeProps & Record<string, unknown>) => boolean;
+};
+export declare const convertTreeData: ({ data, parentPath, isLeaf }: Props) => any;
+export {};

package/cjs/RCTree/helper.js

@@ -0,0 +1,40 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertTreeData = exports.defaultIsLeaf = void 0;
+var defaultIsLeaf = function (_a) {
+    var _b = _a.children, children = _b === void 0 ? [] : _b;
+    return !children.length;
+};
+exports.defaultIsLeaf = defaultIsLeaf;
+var convertTreeData = function (_a) {
+    var data = _a.data, _b = _a.parentPath, parentPath = _b === void 0 ? [] : _b, isLeaf = _a.isLeaf;
+    return data.map(function (item) {
+        var _a;
+        var path = __spreadArray(__spreadArray([], parentPath, true), [item.nodeId], false);
+        return __assign({ key: item.nodeId, value: __assign(__assign({}, item), { path: path }), title: (_a = item.title) !== null && _a !== void 0 ? _a : '', isLeaf: isLeaf(item) }, (item.children &&
+            item.children.length && {
+            children: (0, exports.convertTreeData)({ data: item.children, parentPath: path, isLeaf: isLeaf })
+        }));
+    });
+};
+exports.convertTreeData = convertTreeData;

package/cjs/RCTree/index.d.ts

@@ -0,0 +1 @@
+export { RCTree } from './RCTree';

package/cjs/RCTree/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RCTree = void 0;
+var RCTree_1 = require("./RCTree");
+Object.defineProperty(exports, "RCTree", { enumerable: true, get: function () { return RCTree_1.RCTree; } });

package/cjs/RCTree/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"expandButton" | "collapseButton" | "switcherButtonWrapper" | "switcherButton" | "treeWrapper" | "@global .rc-tree-node-content-wrapper" | "@global .rc-tree-treenode" | "@global .rc-tree-icon_loading">;

package/cjs/RCTree/styles.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
+    switcherButtonWrapper: {
+        paddingTop: '9px',
+        paddingLeft: '6px',
+        width: '16px',
+        height: '16px',
+        backgroundColor: 'white',
+        cursor: 'pointer'
+    },
+    switcherButton: {
+        transition: 'transform .15s ease',
+        width: 0,
+        height: 0,
+        borderLeft: '4px solid transparent',
+        borderRight: '4px solid transparent',
+        borderTop: '4px solid rgba(0, 0, 0, 0.54)'
+    },
+    collapseButton: {
+        transform: 'rotate(0deg)'
+    },
+    expandButton: {
+        transform: ' rotate(-90deg)'
+    },
+    treeWrapper: {
+        border: 'none'
+    },
+    '@global .rc-tree-node-content-wrapper': {
+        height: 'auto !important'
+    },
+    '@global .rc-tree-treenode': {
+        display: 'flex'
+    },
+    '@global .rc-tree-icon_loading': {
+        display: 'none !important'
+    }
+}); });

package/cjs/RCTree/types.d.ts

@@ -0,0 +1,4 @@
+export type RCTreeNode = {
+    nodeId: number;
+    children?: RCTreeNode[];
+};

package/cjs/RCTree/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

package/cjs/index.d.ts

@@ -149,6 +149,7 @@ export { QueryBuilderRow } from './QueryBuilderRow';
 export { QueryBuilderRowsGroup } from './QueryBuilderRowsGroup';
 export { MultiSelect } from './MultiSelect';
 export { ReactSortableTree, reactSortableTreeHelpers } from './ReactSortableTree';
+export { RCTree } 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.PieChart = exports.OvIcon = exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = 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.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.ErrorMessage = exports.ConfigureColumnsPopup = 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 = void 0;
 exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = 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.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 = void 0;
-exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = 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.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.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = void 0;
-exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = 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 = void 0;
-exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = 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.HiddenAttributesContext = void 0;
-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.mergeClasses = void 0;
+exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = 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.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 = void 0;
+exports.BasicTableRowCollapseContext = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = 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 = void 0;
+exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = 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.HiddenAttributesContext = exports.BasicTableContext = void 0;
+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.mergeClasses = exports.isControlOrCommandPressed = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -330,6 +330,8 @@ Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function
 var ReactSortableTree_1 = require("./ReactSortableTree");
 Object.defineProperty(exports, "ReactSortableTree", { enumerable: true, get: function () { return ReactSortableTree_1.ReactSortableTree; } });
 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; } });
 var ReltioGridLayout_1 = require("./ReltioGridLayout");
 Object.defineProperty(exports, "ReltioGridLayout", { enumerable: true, get: function () { return ReltioGridLayout_1.ReltioGridLayout; } });
 var ResizablePanes_1 = require("./ResizablePanes");

package/esm/DateEditor/DateEditor.test.js

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

package/esm/HierarchyNodeTitle/styles.js

@@ -4,7 +4,8 @@ export var useStyles = makeStyles(function (theme) { return ({
         cursor: 'pointer',
         color: theme.palette.primary.main,
         lineHeight: '15px',
-        wordBreak: 'break-word'
+        wordBreak: 'break-word',
+        whiteSpace: 'normal'
     },
     selected: {
         fontWeight: 'bold'

package/esm/RCTree/DefaultSwitchRenderer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TreeNodeProps } from 'rc-tree';
+type Props = {
+    node: TreeNodeProps;
+};
+export declare const DefaultSwitchRenderer: ({ node }: Props) => JSX.Element;
+export {};

package/esm/RCTree/DefaultSwitchRenderer.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import classnames from 'classnames';
+import { useStyles } from './styles';
+export var DefaultSwitchRenderer = function (_a) {
+    var node = _a.node;
+    var styles = useStyles();
+    return !node.isLeaf ? (React.createElement("div", { className: styles.switcherButtonWrapper },
+        React.createElement("div", { "aria-label": node.expanded ? 'Collapse' : 'Expand', className: classnames(styles.switcherButton, node.expanded ? styles.collapseButton : styles.expandButton) }))) : null;
+};

package/esm/RCTree/RCTree.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { TreeNodeProps } from 'rc-tree';
+import 'rc-tree/assets/index.css';
+import { RCTreeNode } from './types';
+type Props = {
+    treeData: RCTreeNode[];
+    renderNode?: (node: RCTreeNode & Record<string, unknown>) => JSX.Element;
+    canDrag?: boolean;
+    isVirtualized?: boolean;
+    canDrop?: (params: unknown) => boolean;
+    onLoadChildren?: (treeNode: unknown) => Promise<void>;
+    height?: number;
+    defaultExpandAll?: boolean;
+    SwitchRenderer?: (props: any) => JSX.Element;
+    className?: string;
+    minItemHeight?: number;
+    isLeaf?: (node: TreeNodeProps & Record<string, unknown>) => boolean;
+};
+export declare const RCTree: ({ treeData, isVirtualized, canDrag, canDrop, onLoadChildren, height, defaultExpandAll, SwitchRenderer, className, renderNode, minItemHeight, isLeaf }: Props) => JSX.Element;
+export {};

package/esm/RCTree/RCTree.js

@@ -0,0 +1,33 @@
+import React, { useCallback, useMemo } from 'react';
+import Tree from 'rc-tree';
+import classnames from 'classnames';
+import 'rc-tree/assets/index.css';
+import { DefaultSwitchRenderer } from './DefaultSwitchRenderer';
+import { convertTreeData, defaultIsLeaf } from './helper';
+import { useStyles } from './styles';
+var MIN_ROW_HEIGHT = 28;
+export var RCTree = function (_a) {
+    var treeData = _a.treeData, _b = _a.isVirtualized, isVirtualized = _b === void 0 ? true : _b, _c = _a.canDrag, canDrag = _c === void 0 ? false : _c, _d = _a.canDrop, canDrop = _d === void 0 ? function () { return false; } : _d, onLoadChildren = _a.onLoadChildren, height = _a.height, _e = _a.defaultExpandAll, defaultExpandAll = _e === void 0 ? false : _e, _f = _a.SwitchRenderer, SwitchRenderer = _f === void 0 ? DefaultSwitchRenderer : _f, className = _a.className, renderNode = _a.renderNode, _g = _a.minItemHeight, minItemHeight = _g === void 0 ? MIN_ROW_HEIGHT : _g, _h = _a.isLeaf, isLeaf = _h === void 0 ? defaultIsLeaf : _h;
+    var styles = useStyles();
+    var internalTreeData = useMemo(function () { return convertTreeData({ data: treeData, isLeaf: isLeaf }); }, [isLeaf, treeData]);
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var handleDrop = function (_a) {
+        var node = _a.node, dragNode = _a.dragNode, dragNodesKeys = _a.dragNodesKeys;
+        // TODO: implement
+    };
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var handleDragEnter = function (_a) {
+        var event = _a.event, node = _a.node, expandedKeys = _a.expandedKeys;
+        // TODO: implement
+    };
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var dropIndicatorRender = function (_a) {
+        var dropPosition = _a.dropPosition, dropLevelOffset = _a.dropLevelOffset, indent = _a.indent, prefixCls = _a.prefixCls, direction = _a.direction;
+        // TODO: implement
+    };
+    var renderSwitcherIcon = useCallback(function (node) { return React.createElement(SwitchRenderer, { node: node }); }, []);
+    return internalTreeData ? (React.createElement(Tree, { allowDrop: canDrop, draggable: canDrag, onDragStart: function () { }, onDragEnter: handleDragEnter, onDrop: handleDrop, virtual: isVirtualized, itemHeight: minItemHeight, height: height, showIcon: false, showLine: true, switcherIcon: renderSwitcherIcon, defaultExpandAll: defaultExpandAll, className: classnames(className, styles.treeWrapper), titleRender: renderNode ? function (node) { return renderNode(node.value); } : undefined, treeData: internalTreeData, selectable: false, loadData: onLoadChildren ? function (node) { return onLoadChildren(node.value); } : undefined, "data-reltio-id": "rc-tree" })) : null;
+};

package/esm/RCTree/helper.d.ts

@@ -0,0 +1,12 @@
+import { TreeNodeProps } from 'rc-tree';
+import { RCTreeNode } from './types';
+export declare const defaultIsLeaf: ({ children }: {
+    children?: unknown[];
+}) => boolean;
+type Props = {
+    data: Array<RCTreeNode & Record<string, unknown>>;
+    parentPath?: number[];
+    isLeaf: (node: TreeNodeProps & Record<string, unknown>) => boolean;
+};
+export declare const convertTreeData: ({ data, parentPath, isLeaf }: Props) => any;
+export {};

package/esm/RCTree/helper.js

@@ -0,0 +1,35 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+export var defaultIsLeaf = function (_a) {
+    var _b = _a.children, children = _b === void 0 ? [] : _b;
+    return !children.length;
+};
+export var convertTreeData = function (_a) {
+    var data = _a.data, _b = _a.parentPath, parentPath = _b === void 0 ? [] : _b, isLeaf = _a.isLeaf;
+    return data.map(function (item) {
+        var _a;
+        var path = __spreadArray(__spreadArray([], parentPath, true), [item.nodeId], false);
+        return __assign({ key: item.nodeId, value: __assign(__assign({}, item), { path: path }), title: (_a = item.title) !== null && _a !== void 0 ? _a : '', isLeaf: isLeaf(item) }, (item.children &&
+            item.children.length && {
+            children: convertTreeData({ data: item.children, parentPath: path, isLeaf: isLeaf })
+        }));
+    });
+};

package/esm/RCTree/index.d.ts

@@ -0,0 +1 @@
+export { RCTree } from './RCTree';

package/esm/RCTree/index.js

@@ -0,0 +1 @@
+export { RCTree } from './RCTree';

package/esm/RCTree/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"expandButton" | "collapseButton" | "switcherButtonWrapper" | "switcherButton" | "treeWrapper" | "@global .rc-tree-node-content-wrapper" | "@global .rc-tree-treenode" | "@global .rc-tree-icon_loading">;

package/esm/RCTree/styles.js

@@ -0,0 +1,37 @@
+import { makeStyles } from '@mui/styles';
+export var useStyles = makeStyles(function () { return ({
+    switcherButtonWrapper: {
+        paddingTop: '9px',
+        paddingLeft: '6px',
+        width: '16px',
+        height: '16px',
+        backgroundColor: 'white',
+        cursor: 'pointer'
+    },
+    switcherButton: {
+        transition: 'transform .15s ease',
+        width: 0,
+        height: 0,
+        borderLeft: '4px solid transparent',
+        borderRight: '4px solid transparent',
+        borderTop: '4px solid rgba(0, 0, 0, 0.54)'
+    },
+    collapseButton: {
+        transform: 'rotate(0deg)'
+    },
+    expandButton: {
+        transform: ' rotate(-90deg)'
+    },
+    treeWrapper: {
+        border: 'none'
+    },
+    '@global .rc-tree-node-content-wrapper': {
+        height: 'auto !important'
+    },
+    '@global .rc-tree-treenode': {
+        display: 'flex'
+    },
+    '@global .rc-tree-icon_loading': {
+        display: 'none !important'
+    }
+}); });

package/esm/RCTree/types.d.ts

@@ -0,0 +1,4 @@
+export type RCTreeNode = {
+    nodeId: number;
+    children?: RCTreeNode[];
+};

package/esm/RCTree/types.js

@@ -0,0 +1 @@
+export {};

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

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

package/esm/index.d.ts

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

package/esm/index.js

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

package/package.json

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