@reltio/components 1.4.1988 → 1.4.1990

package/esm/ProfilesList/ProfilesList.spec.js

@@ -121,7 +121,6 @@ describe('ProfilesList tests', function () {
         entities: entities,
         entitiesImportStatus: {},
         onEntityImportStatusChange: jest.fn(),
-        // eslint-disable-next-line react/display-name
         entityButtonsRenderer: function (entity) {
             return React.createElement(EmptyStub, { entity: entity });
         }
@@ -163,7 +162,7 @@ describe('ProfilesList tests', function () {
         expect(item.find(EmptyStub).length).toBe(1);
         expect(item.find(EmptyStub).props()).toEqual({ entity: entity });
     });
-    it('should show full entityId when it does not start with "entities/" ', function () {
+    it('should show full entityId when it does not start with "entities/"', function () {
         var entity = entities[2];
         var props = __assign(__assign({}, defaultProps), { entities: [entity] });
         var component = setUp(props);

package/esm/RCTree/RCTree.d.ts

@@ -3,14 +3,14 @@ import React from 'react';
 import { RCTreeNode } from './types';
 type Props = {
     treeData: RCTreeNode[];
-    renderNode?: (node: RCTreeNode & Record<string, unknown>) => JSX.Element;
+    renderNode?: (node: RCTreeNode & Record<string, unknown>) => React.ReactElement;
     canDrag?: boolean;
     isVirtualized?: boolean;
     canDrop?: (params: unknown) => boolean;
     onLoadChildren?: (treeNode: unknown) => Promise<void>;
     height?: number;
     defaultExpandAll?: boolean;
-    SwitchRenderer?: (props: any) => JSX.Element;
+    SwitchRenderer?: (props: any) => React.ReactElement;
     className?: string;
     minItemHeight?: number;
     isLeaf?: (node: TreeNodeProps & Record<string, unknown>) => boolean;

package/esm/RCTree/RCTree.js

@@ -16,19 +16,16 @@ export var RCTree = function (_a) {
             treeRef.current.scrollTo({ key: String(scrollToNode.nodeId) });
         }
     }, [scrollToNode]);
-    // 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;

package/esm/ReactSortableTree/ReactSortableTree.js

@@ -172,7 +172,7 @@ var ReactSortableTree = /** @class */ (function (_super) {
                                     getNodeKey: _this.props.getNodeKey
                                 });
                             }
-                            catch (e) {
+                            catch (_a) {
                                 newTree = treeData;
                             }
                             return newTree;
@@ -675,7 +675,7 @@ ReactSortableTree.propTypes = {
     searchMethod: PropTypes.func,
     // Used by the `searchMethod` to highlight and scroll to matched nodes.
     // Should be a string for the default `searchMethod`, but can be anything when using a custom search.
-    searchQuery: PropTypes.any, // eslint-disable-line react/forbid-prop-types
+    searchQuery: PropTypes.any,
     // Outline the <`searchFocusOffset`>th node and scroll to it.
     searchFocusOffset: PropTypes.number,
     // Get the nodes that match the search criteria. Used for counting total matches, etc.

package/esm/ReactSortableTree/components/NodeRendererDefault/NodeRendererDefault.js

@@ -51,9 +51,7 @@ export var NodeRendererDefault = function (_a) {
             // Show a loading symbol on the handle when the children are expanded
             //  and yet still defined by a function (a callback to fetch the children)
             handle = (React.createElement("div", { className: "rst__loadingHandle" },
-                React.createElement("div", { className: "rst__loadingCircle" }, __spreadArray([], new Array(12), true).map(function (_, index) { return (React.createElement("div", { 
-                    // eslint-disable-next-line react/no-array-index-key
-                    key: index, className: classnames('rst__loadingCirclePoint', rowDirectionClass) })); }))));
+                React.createElement("div", { className: "rst__loadingCircle" }, __spreadArray([], new Array(12), true).map(function (_, index) { return (React.createElement("div", { key: index, className: classnames('rst__loadingCirclePoint', rowDirectionClass) })); }))));
         }
         else {
             // Show the handle used to initiate a drag-and-drop

package/esm/ReactSortableTree/components/TreeNode/TreeNode.js

@@ -120,9 +120,7 @@ export var TreeNode = function (_a) {
                     left: scaffoldBlockPxWidth * i
                 };
             }
-            scaffold.push(React.createElement("div", { 
-                // eslint-disable-next-line react/no-array-index-key
-                key: i, style: style_1, className: classnames('rst__absoluteLineBlock', highlightLineClass, rowDirectionClass) }));
+            scaffold.push(React.createElement("div", { key: i, style: style_1, className: classnames('rst__absoluteLineBlock', highlightLineClass, rowDirectionClass) }));
         }
     });
     var style;

package/esm/ReactSortableTree/components/TreePlaceholder/TreePlaceholder.js

@@ -43,7 +43,6 @@ var TreePlaceholder = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     TreePlaceholder.prototype.render = function () {
-        // eslint-disable-next-line no-unused-vars
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         var _a = this.props, children = _a.children, connectDropTarget = _a.connectDropTarget, treeId = _a.treeId, drop = _a.drop, otherProps = __rest(_a, ["children", "connectDropTarget", "treeId", "drop"]);
         return connectDropTarget(React.createElement("div", null, Children.map(children, function (child) {

package/esm/ReactSortableTree/helpers/generic.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/prefer-default-export */
 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)) {

package/esm/ReactSortableTree/helpers/tree.js

@@ -471,7 +471,7 @@ export function getNodeAtPath(_a) {
             }
         });
     }
-    catch (err) {
+    catch (_c) {
         // Ignore the error -- the null return will be explanation enough
     }
     return foundNodeInfo;

package/esm/ReadOnlyAttributeValuesBlock/ReadOnlyAttributeValuesBlock.d.ts

@@ -9,8 +9,8 @@ type Props = {
     attributeType: AttributeType;
     expanded?: boolean;
     valueContainerClassName?: string;
-    LabelRenderer?: ({ attributeType, attributeValue }: SlotParams<AttributeValue>) => JSX.Element;
-    RightSlot?: ({ attributeType, attributeValue }: SlotParams<AttributeValue>) => JSX.Element;
+    LabelRenderer?: ({ attributeType, attributeValue }: SlotParams<AttributeValue>) => React.ReactElement;
+    RightSlot?: ({ attributeType, attributeValue }: SlotParams<AttributeValue>) => React.ReactElement;
     showNonOv?: boolean;
 };
 declare const _default: React.MemoExoticComponent<({ expanded, LabelRenderer, RightSlot, ...props }: Props) => React.JSX.Element>;

package/esm/ReadOnlyAttributeValuesBlock/ReadOnlyAttributeValuesBlock.test.js

@@ -58,8 +58,8 @@ describe('ReadOnlyAttributeValuesBlock test', function () {
             attributeType: __assign(__assign({}, attributeType), { type: 'Nested' }),
             values: values,
             expanded: true,
-            LabelRenderer: function () { return React.createElement("span", null); }, //eslint-disable-line
-            RightContent: function () { return React.createElement("div", null); } //eslint-disable-line
+            LabelRenderer: function () { return React.createElement("span", null); },
+            RightContent: function () { return React.createElement("div", null); }
         };
         var component = shallow(React.createElement(ReadOnlyAttributeValuesBlock, __assign({}, props)));
         var attributes = component.find(ReadOnlyAttribute);

package/esm/ReadOnlyAttributesList/ReadOnlyAttributesList.test.js

@@ -76,12 +76,7 @@ describe('ReadOnlyAttributesList tests', function () {
         pagers.forEach(function (pager) {
             expect(pager.prop('attributeType').hidden).toBeFalsy();
             var shouldHasPaging = pager.prop('attributeType').uri === 'configuration/relationTypes/knowledge/attributes/Role';
-            if (shouldHasPaging) {
-                expect(pager.prop('paging')).toBe(attributes.paging['configuration/relationTypes/knowledge/attributes/Role']);
-            }
-            else {
-                expect(pager.prop('paging')).toBeUndefined();
-            }
+            expect(pager.prop('paging')).toBe(shouldHasPaging ? attributes.paging['configuration/relationTypes/knowledge/attributes/Role'] : undefined);
         });
     });
     it('should render pagers for attributes and analytics attributes with same name', function () {

package/esm/ReadOnlyAttributesPager/ReadOnlyAttributesPager.test.js

@@ -146,7 +146,7 @@ describe('ReadOnlyAttributesPager tests', function () {
         expect(screen.getByText('Simple label')).toBeInTheDocument();
         expect(screen.getByText('123')).toBeInTheDocument();
         expect(screen.queryByText('+ 1')).not.toBeInTheDocument();
-        expect(screen.getByText('Show 1 more of remaining 1 value'));
+        screen.getByText('Show 1 more of remaining 1 value');
     });
     it('should use ImageLineRenderer for Image attribute', function () {
         var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Image' }), paging: {}, parentUri: 'parentUri', showNonOv: false });
@@ -224,7 +224,7 @@ describe('ReadOnlyAttributesPager tests', function () {
         var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false), max: 1 });
         setUp({ props: props, mdmValues: { maxValuesInResponse: 20 } });
         expect(screen.getByTestId('show-more')).toBeInTheDocument();
-        expect(screen.getByText('Show 1 more of remaining 2 value'));
+        screen.getByText('Show 1 more of remaining 2 value');
     });
     it('should use maxValuesInResponse from mdm module context if max prop does not exist', function () {
         var ovValues = [
@@ -235,7 +235,7 @@ describe('ReadOnlyAttributesPager tests', function () {
         var props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
         setUp({ props: props, mdmValues: { maxValuesInResponse: 1 } });
         expect(screen.getByTestId('show-more')).toBeInTheDocument();
-        expect(screen.getByText('Show 1 more of remaining 2 value'));
+        screen.getByText('Show 1 more of remaining 2 value');
     });
     it('should use max value as Infinity if max prop and default max value from mdm module context do not exist', function () {
         var ovValues = [

package/esm/RelationEditor/IntegrationRelationEditor.test.js

@@ -324,7 +324,7 @@ describe('RelationEditor behaviour', function () {
                     return [4 /*yield*/, user.click(inputs[0])];
                 case 1:
                     _a.sent();
-                    expect(typeAheadSearch).toBeCalledWith([{ label: 'Address', uri: 'configuration/entityTypes/Location' }], '', {
+                    expect(typeAheadSearch).toHaveBeenCalledWith([{ label: 'Address', uri: 'configuration/entityTypes/Location' }], '', {
                         globalFilter: '',
                         max: 20,
                         searchOptions: '',

package/esm/ReltioMap/ReltioMap.d.ts

@@ -7,7 +7,7 @@ type Props = {
     mapKey: string;
     defaultZoom?: GoogleMapProps['zoom'];
     defaultCenter?: GoogleMapProps['center'];
-    loadingElement: JSX.Element;
+    loadingElement: React.ReactElement;
     isSearchOnMapMove?: boolean;
     isSearchEnabled?: boolean;
     activeOverlay?: Overlay;

package/esm/SimpleAttributeEditor/SimpleAttributeEditor.test.js

@@ -163,7 +163,6 @@ describe('SimpleAttributeEditor', function () {
         it('should render additional control between plus and delete buttons if additionalControlsRenderer prop is specified', function () {
             var AdditionalControls = function () { return React.createElement("div", null); };
             var component = mountComponent({
-                //eslint-disable-next-line
                 additionalControlsRenderer: function (_a) {
                     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
                     return (React.createElement(AdditionalControls, { attributeValue: attributeValue, attributeType: attributeType }));

package/esm/TableSkeleton/TableSkeleton.d.ts

@@ -3,7 +3,7 @@ import { BasicTable } from '../BasicTable';
 import { ColumnData, RenderRowCellProps } from '../types/basicTable';
 type Props = Omit<React.ComponentProps<typeof BasicTable>, 'rowsData' | 'renderRowCell'> & {
     tableColumnsData: ColumnData[];
-    RowCellRenderer?: (props: RenderRowCellProps) => JSX.Element;
+    RowCellRenderer?: (props: RenderRowCellProps) => React.ReactElement;
 };
 export declare const TableSkeleton: ({ tableColumnsData, RowCellRenderer, ...props }: Props) => React.JSX.Element;
 export {};

package/esm/TagsEditor/TagsEditor.test.js

@@ -169,6 +169,22 @@ describe('TagsEditor tests', function () {
             }
         });
     }); });
+    it('should catch and handle error in getFacetedAttributeData', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    jest.clearAllMocks();
+                    getFacetedAttributeData.mockRejectedValue({ errorCode: 403, errorMessage: 'Access is denied' });
+                    user = setUp().user;
+                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), 'new value')];
+                case 1:
+                    _a.sent();
+                    expect(screen.queryByRole('menuitem')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should call onChange with correct params after click to suggestion', function () { return __awaiter(void 0, void 0, void 0, function () {
         var onChange, user;
         return __generator(this, function (_a) {

package/esm/TenantLabel/TenantLabel.spec.js

@@ -29,11 +29,11 @@ describe('TenantLabel behaviour', function () {
     it('should render main parts', function () {
         var mdmValues = __assign(__assign({}, defaultMdmValues), { environment: 'tst-01' });
         setUp({ mdmValues: mdmValues });
-        expect(screen.getByText('alenat - TST-01')).toBeInTheDocument;
-        expect(screen.getByTestId('reltio-tenant-icon')).toBeInTheDocument;
+        expect(screen.getByText('alenat - TST-01')).toBeInTheDocument();
+        expect(screen.getByTestId('reltio-tenant-icon')).toBeInTheDocument();
     });
     it('should render correct label when environment name is empty', function () {
         setUp();
-        expect(screen.getByText('alenat')).toBeInTheDocument;
+        expect(screen.getByText('alenat')).toBeInTheDocument();
     });
 });

package/esm/TypeaheadEditor/TypeaheadEditor.js

@@ -108,13 +108,24 @@ export var TypeaheadEditor = function (_a) {
     var value = multiple === true && !isNil(valueProp) ? wrapInArrayIfNeeded(valueProp) : valueProp;
     var isFocused = function () { var _a; return ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === document.activeElement; };
     var fetchSuggestions = useCallback(function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-        var response;
+        var response, error_1;
         var value = _b.value;
         return __generator(this, function (_c) {
             switch (_c.label) {
-                case 0: return [4 /*yield*/, safePromise(getSuggestions(value.trim(), pageSizeForRequest))];
+                case 0:
+                    response = [];
+                    _c.label = 1;
                 case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, safePromise(getSuggestions(value.trim(), pageSizeForRequest))];
+                case 2:
                     response = _c.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _c.sent();
+                    console.warn(error_1);
+                    return [3 /*break*/, 4];
+                case 4:
                     setSuggestions(response);
                     setPlaceholderVisibility(isEmpty(response) && isFocused());
                     return [2 /*return*/];
@@ -125,24 +136,28 @@ export var TypeaheadEditor = function (_a) {
         getSuggestions
     ]);
     var handleLoadMoreSuggestions = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response_1;
+        var response_1, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     setNextPageIsLoading(true);
                     _a.label = 1;
                 case 1:
-                    _a.trys.push([1, , 3, 4]);
+                    _a.trys.push([1, 3, 4, 5]);
                     return [4 /*yield*/, getSuggestions(inputValue, pageSizeForRequest, pageNumber + 1)];
                 case 2:
                     response_1 = _a.sent();
                     setSuggestions(function (prevSuggestions) { return __spreadArray(__spreadArray([], prevSuggestions, true), response_1, true); });
                     setPageNumber(function (prevPageNumber) { return prevPageNumber + 1; });
-                    return [3 /*break*/, 4];
+                    return [3 /*break*/, 5];
                 case 3:
+                    error_2 = _a.sent();
+                    console.warn(error_2);
+                    return [3 /*break*/, 5];
+                case 4:
                     setNextPageIsLoading(false);
                     return [7 /*endfinally*/];
-                case 4: return [2 /*return*/];
+                case 5: return [2 /*return*/];
             }
         });
     }); }, [getSuggestions, inputValue, pageNumber, pageSizeForRequest]);

package/esm/TypeaheadEditor/TypeaheadEditor.test.js

@@ -217,6 +217,27 @@ describe('TypeaheadEditor', function () {
             }
         });
     }); });
+    it('should catch error in getSuggestions', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getSuggestions, user, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    getSuggestions = function () { return Promise.reject({ errorCode: 403, errorMessage: 'Access is denied' }); };
+                    user = setUp(__assign(__assign({}, defaultSingleProps), { getSuggestions: getSuggestions })).user;
+                    input = screen.getByRole('textbox');
+                    return [4 /*yield*/, user.click(input)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(input, 'e')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, screen.findByText('No results found')];
+                case 3:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     describe('single mode', function () {
         it('should set input value after click on suggestion item', function () { return __awaiter(void 0, void 0, void 0, function () {
             var user, input;

package/esm/VirtualGroupedList/VirtualGroupedList.js

@@ -58,7 +58,9 @@ export var VirtualGroupedList = function (_a) {
     var getItemByIndex = useCallback(function (index) { return items[index]; }, [items]);
     useEffect(function () {
         requestAnimationFrame(function () {
-            listRef.current && listRef.current.scrollTo(0);
+            if (listRef.current) {
+                listRef.current.scrollTo(0);
+            }
         });
     }, [items.length]);
     useEffect(function () {
@@ -73,7 +75,9 @@ export var VirtualGroupedList = function (_a) {
                 };
             }
         };
-        listRef.current && listRef.current.resetAfterIndex(0);
+        if (listRef.current) {
+            listRef.current.resetAfterIndex(0);
+        }
         setTitleWidth();
         var scrollToOffset = calcMoveToOffset(items);
         if (scrollToOffset && scrollToOffset.offset && listRef.current) {
@@ -81,7 +85,9 @@ export var VirtualGroupedList = function (_a) {
             var offset_1 = scrollToOffset.offset - titleHeight_1;
             if (offset_1 < listRef.current.state.scrollOffset || offset_1 > listRef.current.state.scrollOffset + height) {
                 requestAnimationFrame(function () {
-                    listRef.current && listRef.current.scrollTo(offset_1 - (height - titleHeight_1) / 2);
+                    if (listRef.current) {
+                        listRef.current.scrollTo(offset_1 - (height - titleHeight_1) / 2);
+                    }
                 });
             }
         }
@@ -118,7 +124,7 @@ export var VirtualGroupedList = function (_a) {
         }
     };
     var setTitleByIndex = function (index) {
-        titlesRef.current &&
+        if (titlesRef.current) {
             __spreadArray([], titlesRef.current.querySelectorAll('.' + stickyItemClass), true).forEach(function (title) {
                 if (title.dataset.index === index.toString()) {
                     title.style.visibility = 'visible';
@@ -127,6 +133,7 @@ export var VirtualGroupedList = function (_a) {
                 else
                     title.style.visibility = 'hidden';
             });
+        }
     };
     var getOffsetByIndex = function (index) {
         calcOffsetsToIndex(index);
@@ -138,7 +145,9 @@ export var VirtualGroupedList = function (_a) {
             return;
         var topItem = getItemByOffset(scrollOffset);
         var currentTitleIndex = topItem && getTitleByIndex(topItem.index);
-        currentTitleIndex !== null && setTitleByIndex(currentTitleIndex);
+        if (currentTitleIndex !== null) {
+            setTitleByIndex(currentTitleIndex);
+        }
         setTitleWidth();
         var titleHeight = currentTitleIndex !== null && getItemSize(currentTitleIndex, getItemByIndex(currentTitleIndex).item);
         var itemAfterTitle = getItemByOffset(scrollOffset + titleHeight + currentTitleParams.topMargin);

package/esm/VirtualGroupedList/VirtualGroupedList.spec.js

@@ -218,7 +218,7 @@ describe('VirtualGroupedList tests', function () {
             expect(scrollToSpy).toHaveBeenCalledWith(0);
             window.requestAnimationFrame.mockRestore();
         });
-        it('should change fixed title on forward scroll ', function () {
+        it('should change fixed title on forward scroll', function () {
             var component = mount(React.createElement(VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams, { height: 150 })));
             var fixedTitles = findClassName(component, itemTitleClass);
             var titlesWrapper = findClassName(component, stickyTitlesWrapper);
@@ -244,7 +244,7 @@ describe('VirtualGroupedList tests', function () {
             expect(fixedTitles.at(0).getDOMNode().style).toHaveProperty('visibility', 'visible');
             expect(fixedTitles.at(1).getDOMNode().style).toHaveProperty('visibility', 'hidden');
         });
-        it('should change fixed title on backward scroll ', function () {
+        it('should change fixed title on backward scroll', function () {
             var component = mount(React.createElement(VirtualGroupedList, __assign({}, getItems('grouped'), defaultParams, { height: 150 })));
             var fixedTitles = findClassName(component, itemTitleClass);
             var titlesWrapper = findClassName(component, stickyTitlesWrapper);

package/esm/VirtualGroupedList/useScrollToFocusItem.test.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { renderHook, act } from '@testing-library/react-hooks';
 import { useScrollToFocusItem } from './useScrollToFocusItem';
 describe('useScrollToFocusItem hook test', function () {
-    it('should correctly call scrollToItem when focus move to down of list ', function () {
+    it('should correctly call scrollToItem when focus move to down of list', function () {
         var scrollToItem = jest.fn();
         var initialProps = {
             items: new Array(15).fill(0),
@@ -26,7 +26,7 @@ describe('useScrollToFocusItem hook test', function () {
         rerender(__assign(__assign({}, initialProps), { focusIndex: 4 }));
         expect(scrollToItem).toHaveBeenCalledWith(7, 'end');
     });
-    it('should correctly call scrollToItem when focus move to up of list ', function () {
+    it('should correctly call scrollToItem when focus move to up of list', function () {
         var scrollToItem = jest.fn();
         var initialProps = {
             items: new Array(15).fill(0),

package/esm/features/activity-log/utils/filters.test.js

@@ -166,7 +166,7 @@ describe('filter utils tests', function () {
                 .valueOf(), ")) and (not equals(user, 'collaboration-service'))");
             expect(buildActivitiesFilterString(filter)).toEqual(expectedResult);
         });
-        it('should return empty string for invalid dateRange ', function () {
+        it('should return empty string for invalid dateRange', function () {
             var filter = {
                 dateRange: {
                     type: 'between',

package/esm/features/crosswalks/AttributesTable/AttributesTable.js

@@ -69,7 +69,12 @@ var AttributesTable = function (_a) {
     var _m = useState(null), pendingDeletion = _m[0], setPendingDeletion = _m[1];
     var _o = useState(null), pendingIgnoredEditing = _o[0], setPendingIgnoredEditing = _o[1];
     var handleEdit = useCallback(function (event) {
-        event.attributeValue.ignored ? setPendingIgnoredEditing(event) : onEdit(event);
+        if (event.attributeValue.ignored) {
+            setPendingIgnoredEditing(event);
+        }
+        else {
+            onEdit(event);
+        }
     }, [onEdit, setPendingIgnoredEditing]);
     var handleReorderAttributeTypes = useCallback(function (oldPosition, newPosition) {
         onSelectAttributeTypes(move(oldPosition, newPosition, selectedAttributeTypes));
@@ -112,7 +117,8 @@ var AttributesTable = function (_a) {
             React.createElement(BasicTable, { fixFirstColumn: true, headRowHeight: 48, defaultColumnWidth: 250, defaultColumnMinWidth: 200, columnsData: visibleColumnsData, dndRowReorderingEnabled: false, dndRowReorderingHandler: handleReorderAttributeTypes, getIdFromRowValue: getIdFromRowValue, rowsData: rowsData, renderRowCell: renderRowCell, getRowCellHeight: getRowCellHeight, context: tableContext })),
         React.createElement(ConfirmDeleteDialog, { open: !!pendingDeletion, onClose: function () { return setPendingDeletion(null); }, onConfirm: handleDelete }),
         React.createElement(ConfirmEditIgnoredDialog, { open: !!pendingIgnoredEditing, onClose: function () { return setPendingIgnoredEditing(null); }, onConfirmEditWithIgnore: function () { return pendingIgnoredEditing && onEdit(pendingIgnoredEditing); }, onConfirmEditWithoutIgnore: function () {
-                pendingIgnoredEditing && onEdit(__assign(__assign({}, pendingIgnoredEditing), { clearAttributeFlags: true }));
+                if (pendingIgnoredEditing)
+                    onEdit(__assign(__assign({}, pendingIgnoredEditing), { clearAttributeFlags: true }));
             } })));
 };
 export default memo(AttributesTable);

package/esm/features/crosswalks/AttributesTable/AttributesTable.test.js

@@ -332,7 +332,7 @@ describe('AttributesTable tests', function () {
         expect(props.onEdit).not.toHaveBeenCalled();
         expect(wrapper.find(ConfirmEditIgnoredDialog).prop('open')).toBe(true);
     });
-    it('should call props.onEdit if confirmed editing attribute with ignored ', function () {
+    it('should call props.onEdit if confirmed editing attribute with ignored', function () {
         var _a, _b;
         var wrapper = mount(React.createElement(AttributesTable, __assign({}, props)));
         var onEdit = wrapper.find('AttributeValuesRenderer').at(0).prop('onEdit');
@@ -353,7 +353,7 @@ describe('AttributesTable tests', function () {
         expect(props.onEdit).toHaveBeenCalledWith(editEvent);
         expect(props.onIgnore).not.toHaveBeenCalled();
     });
-    it('should call props.onEdit and props.onIgnore if confirmed editing attribute without ignored ', function () {
+    it('should call props.onEdit and props.onIgnore if confirmed editing attribute without ignored', function () {
         var _a, _b;
         var wrapper = mount(React.createElement(AttributesTable, __assign({}, props)));
         var onEdit = wrapper.find('AttributeValuesRenderer').at(0).prop('onEdit');

package/esm/features/crosswalks/AttributesTable/IntegrationAttributesTable.test.js

@@ -165,7 +165,7 @@ describe('attribute table tests', function () {
     afterEach(function () {
         jest.clearAllMocks();
     });
-    xit('should drag and drop rows correctly', function () {
+    it.skip('should drag and drop rows correctly', function () {
         jest.useFakeTimers();
         var unmockTableSizing = mockBasicTableSizing();
         var onSelectAttributeTypes = jest.fn();

package/esm/features/crosswalks/AttributesTable/components/ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog.js

@@ -28,7 +28,12 @@ export var ConfirmEditIgnoredDialog = function (_a) {
         React.createElement(DialogActions, null,
             React.createElement(Button, { onClick: onClose, color: "primary" }, i18n.text('Cancel')),
             React.createElement(Button, { onClick: function () {
-                    option === 'with' ? onConfirmEditWithIgnore() : onConfirmEditWithoutIgnore();
+                    if (option === 'with') {
+                        onConfirmEditWithIgnore();
+                    }
+                    else {
+                        onConfirmEditWithoutIgnore();
+                    }
                     onClose();
                 }, color: "primary" }, i18n.text('Ok')))));
 };

package/esm/features/crosswalks/AttributesTable/components/RuleTypeInfoButton/RuleTypeInfoButton.js

@@ -36,7 +36,6 @@ var getInfoTitle = cond([
 var getInfoContent = cond([
     [
         prop('sourcesUriOrder'),
-        // eslint-disable-next-line react/display-name
         function (_a, metadata) {
             var sourcesUriOrder = _a.sourcesUriOrder;
             return React.createElement(SourcesRenderer, { metadata: metadata, sourcesUriOrder: sourcesUriOrder });
@@ -44,7 +43,6 @@ var getInfoContent = cond([
     ],
     [
         prop('primaryAttributeUri'),
-        // eslint-disable-next-line react/display-name
         function (_a, metadata) {
             var primaryAttributeUri = _a.primaryAttributeUri;
             return (React.createElement(AttributeRenderer, { metadata: metadata, attributeUri: primaryAttributeUri }));
@@ -52,7 +50,6 @@ var getInfoContent = cond([
     ],
     [
         prop('comparisonAttributeUri'),
-        // eslint-disable-next-line react/display-name
         function (_a, metadata) {
             var comparisonAttributeUri = _a.comparisonAttributeUri;
             return (React.createElement(AttributeRenderer, { metadata: metadata, attributeUri: comparisonAttributeUri }));

package/esm/features/crosswalks/AttributesTable/types.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { AttributeType, AttributeValue, Crosswalk, SurvivorStrategy } from '@reltio/mdm-sdk';
 import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../../types/inlineAttributes';
 import { ColumnData, RenderRowCellProps } from '../../../types/basicTable';
@@ -43,7 +44,7 @@ type CellValueRendererProps = {
     [key: string]: unknown;
 };
 export type RowCellRendererProps = RenderRowCellProps & {
-    CellValueRenderer: (props: CellValueRendererProps) => JSX.Element;
+    CellValueRenderer: (props: CellValueRendererProps) => React.ReactElement;
     columnData: AttributesTableColumnData;
     rowValue: AttributesTableRowValue;
 };

package/esm/features/crosswalks/CrosswalkRow/CrosswalkRow.test.js

@@ -150,7 +150,7 @@ describe('CrosswalkRow tests', function () {
         wrapper.find(SmallIconButtonWithTooltip).find('button').simulate('click');
         expect(toggleCrosswalkFocus).toHaveBeenCalledTimes(1);
     });
-    it('should render dependent icon if isDependent prop is true ', function () {
+    it('should render dependent icon if isDependent prop is true', function () {
         var dependentProps = {
             crosswalk: crosswalk,
             isDependent: true,

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

@@ -204,7 +204,7 @@ describe('SourceCrosswalksRow tests', function () {
             expect(row.prop('isColored')).toBe(false);
         });
     });
-    it('should expand crosswalks if highlighted crosswalks contains dependent crosswalk ', function () {
+    it('should expand crosswalks if highlighted crosswalks contains dependent crosswalk', function () {
         var dependentCrosswalk = {
             uri: 'entities/2/crosswalks/3',
             value: '789',

package/esm/features/graph/DataModelGraph/hooks/useDataModelGraphAppearance.js

@@ -19,8 +19,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useEffect, useMemo, useState } from 'react';
-import { useSigmaContext } from '@react-sigma/core';
-import { useRegisterEvents, useSetSettings, useSigma } from '@react-sigma/core';
+import { useSigmaContext, useRegisterEvents, useSetSettings, useSigma } from '@react-sigma/core';
 import { svg2Url } from '@reltio/mdm-sdk';
 import { DataModelGraphNodeType } from '../../types/graphDataTypes';
 import { useLoopRenderer } from '../../hooks/useLoopRenderer';
@@ -86,7 +85,7 @@ export var useDataModelGraphAppearance = function (_a) {
         try {
             selectedNodeNeighbours = graph.neighbors(selectedNode);
         }
-        catch (e) {
+        catch (_a) {
             //do nothing
         }
         setSettings({