@reltio/components 1.4.1989 → 1.4.1991

package/cjs/features/workflow/hooks/useWorkflowAssignee.js

@@ -28,7 +28,8 @@ var useWorkflowAssignee = function (_a) {
     var checkWorkflowPermission = (0, useWorkflowCheckPermission_1.useWorkflowCheckPermission)();
     var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && (0, common_1.isOpenTask)(isOpen);
     (0, react_1.useEffect)(function () {
-        showCurrentAssignee && setCurrentAssignee(assigneeToValue(assignee));
+        if (showCurrentAssignee)
+            setCurrentAssignee(assigneeToValue(assignee));
     }, [assignee]);
     var getAssignees = (0, react_1.useCallback)(function (text) {
         if (workflowPath && canUpdateTask && taskId) {

package/cjs/helpers/customScript.test.js

@@ -55,7 +55,7 @@ jest.mock('nanoid', function () {
     var nanoid = jest.requireActual('nanoid');
     return __assign(__assign({}, nanoid), { nanoid: jest.fn() });
 });
-describe('customScript helpers tests ', function () {
+describe('customScript helpers tests', function () {
     beforeAll(function () {
         nanoid_1.nanoid.mockReturnValue('nanoid');
     });
@@ -66,12 +66,12 @@ describe('customScript helpers tests ', function () {
     var apiPath = '/nui/reltioAPI';
     var reltioPath = 'https://tst-01.reltio.com/reltio';
     var tenant = 'tenant';
-    describe('getWorkerURL tests ', function () {
+    describe('getWorkerURL tests', function () {
         it('should return correct worker url', function () {
             expect((0, customScript_1.getWorkerURL)(uiPath, tenant)).toBe('http://localhost:3000/nui/worker_api.js');
         });
     });
-    describe('getRequestFakeUrl tests ', function () {
+    describe('getRequestFakeUrl tests', function () {
         it('should return correct fake url if not starts with apiPath', function () {
             var url = '/entities';
             expect((0, customScript_1.getRequestFakeUrl)(url, apiPath, reltioPath, tenant)).toBe('https://tst-01.reltio.com/reltio/api/tenant/entities');
@@ -81,13 +81,13 @@ describe('customScript helpers tests ', function () {
             expect((0, customScript_1.getRequestFakeUrl)(url, apiPath, reltioPath, tenant)).toBe('https://tst-01.reltio.com/reltio/entities');
         });
     });
-    describe('getResponseFakeUrl tests ', function () {
+    describe('getResponseFakeUrl tests', function () {
         it('should return correct fake url', function () {
             var url = '/nui/reltioAPI/entities';
             expect((0, customScript_1.getResponseFakeUrl)(url, apiPath, reltioPath)).toBe('https://tst-01.reltio.com/reltio/entities');
         });
     });
-    describe('getProcessedTask tests ', function () {
+    describe('getProcessedTask tests', function () {
         it('should return same task if no url', function () {
             var task = { action: mdm_sdk_1.CustomAction.REQUEST, params: {} };
             expect((0, customScript_1.getProcessedTask)(task, apiPath, reltioPath, tenant)).toBe(task);
@@ -122,7 +122,7 @@ describe('customScript helpers tests ', function () {
             expect((0, customScript_1.getProcessedTask)(task, apiPath, reltioPath, tenant)).toEqual(__assign(__assign({}, task), { params: __assign(__assign({}, task.params), { url: '/nui/reltioAPI/api/tenant/entities', validationUrl: task.params.url }) }));
         });
     });
-    describe('getFilesWithArrayBuffer tests ', function () {
+    describe('getFilesWithArrayBuffer tests', function () {
         var fileTxt = new File(['testTxt'], 'foo.txt', { type: 'text/plain' });
         var filePng = new File(['testPng'], 'test.png', { type: 'png/image' });
         var getResult = function (file) { return ({
@@ -177,7 +177,7 @@ describe('customScript helpers tests ', function () {
             });
         }); });
     });
-    describe('isValidCustomScript tests ', function () {
+    describe('isValidCustomScript tests', function () {
         it('should return true if valid custom script', function () {
             expect((0, customScript_1.isValidCustomScript)({
                 files: ['https://retlio.com/file.js'],
@@ -198,7 +198,7 @@ describe('customScript helpers tests ', function () {
             })).toBe(false);
         });
     });
-    describe('resetHtml tests ', function () {
+    describe('resetHtml tests', function () {
         var worker = {};
         var html = '<div>html</div>';
         var innerText = 'test';

package/cjs/hooks/useKeyboardNavigation/useKeyboardNavigation.js

@@ -29,7 +29,8 @@ var useKeyboardNavigation = function (_a) {
     var handleSelectFocusedItem = (0, react_1.useCallback)(function () {
         if (!(0, ramda_1.isNil)(focusIndex)) {
             var item = items[focusIndex].item;
-            !item.item.notSelectable && onSelectFocusedItem({ item: item.item, groupData: item });
+            if (!item.item.notSelectable)
+                onSelectFocusedItem({ item: item.item, groupData: item });
         }
     }, [onSelectFocusedItem, items, focusIndex]);
     var handleKeyDown = (0, react_1.useCallback)(function (event) {
@@ -52,7 +53,7 @@ var useKeyboardNavigation = function (_a) {
                 handleSelectFocusedItem();
                 break;
             case 'Tab':
-                onClose && onClose(event);
+                onClose === null || onClose === void 0 ? void 0 : onClose(event);
                 break;
             default:
                 return;
@@ -62,7 +63,8 @@ var useKeyboardNavigation = function (_a) {
         if (restoreFocusIndex.current) {
             restoreFocusIndex.current = false;
             var moveIndex = items.findIndex(function (listItem) { return listItem.item.moveTo; });
-            moveIndex > -1 && setFocusIndex(moveIndex);
+            if (moveIndex > -1)
+                setFocusIndex(moveIndex);
         }
         else {
             setFocusIndex(null);

package/cjs/hooks/useMarkAsNotMatchRequest/useMarkAsNotMatchRequest.js

@@ -23,7 +23,8 @@ var useMarkAsNotMatchRequest = function (_a) {
             .catch(onError)
             .finally(function () {
             onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
-            isMountedRef.current && setIsPending(false);
+            if (isMountedRef.current)
+                setIsPending(false);
         });
     }, [dtssPath, entities, entity, isMountedRef, onFinishRequest, onStartRequest, onError, onSuccess, tenant]);
     return { isPending: isPending, sendMarkAsNotMatchRequest: sendMarkAsNotMatchRequest };

package/cjs/hooks/useMatchesColumnsData/helpers.js

@@ -7,8 +7,7 @@ exports.groupColumnsDataByMatchAttributes = exports.getMatchAttrColumns = export
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_2 = require("ramda");
-var getColumnsDataFromEntityAttributes = (0, ramda_1.pipe)((0, ramda_2.map)(function (attr) { return ({
+var getColumnsDataFromEntityAttributes = (0, ramda_1.pipe)((0, ramda_1.map)(function (attr) { return ({
     id: (0, mdm_sdk_1.attributeUriToSearchUri)(attr.uri),
     label: (0, mdm_sdk_1.getLabel)(attr.label),
     dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attr)
@@ -32,11 +31,11 @@ var isNestedForOneOfColumns = (0, ramda_1.curry)(function (columns, column) {
 var isNestedAttrColumn = function (column) { return (0, mdm_sdk_1.isNested)(column.dataTypeDefinition); };
 var isRelatedToColumns = function (columns) { return (0, ramda_1.either)((0, ramda_1.includes)(ramda_1.__, columns), isNestedForOneOfColumns(columns)); };
 var getMatchAttrColumns = function (matchAttributes, columnsData) {
-    return (0, ramda_1.pipe)((0, ramda_2.reject)(isNestedAttrColumn), (0, ramda_2.filter)(isMatchAttrColumn(matchAttributes)))(columnsData);
+    return (0, ramda_1.pipe)((0, ramda_1.reject)(isNestedAttrColumn), (0, ramda_1.filter)(isMatchAttrColumn(matchAttributes)))(columnsData);
 };
 exports.getMatchAttrColumns = getMatchAttrColumns;
 var groupColumnsDataByMatchAttributes = function (matchAttributes, columnsData) {
-    var _a = (0, ramda_1.pipe)((0, ramda_2.reject)(isNestedAttrColumn), (0, ramda_2.partition)(isMatchAttrColumn(matchAttributes)))(columnsData), matchAttrColumns = _a[0], otherColumns = _a[1];
+    var _a = (0, ramda_1.pipe)((0, ramda_1.reject)(isNestedAttrColumn), (0, ramda_1.partition)(isMatchAttrColumn(matchAttributes)))(columnsData), matchAttrColumns = _a[0], otherColumns = _a[1];
     if (matchAttrColumns.length) {
         return [
             {

package/cjs/hooks/useMergeAllRequest/useMergeAllRequest.js

@@ -32,7 +32,8 @@ var useMergeAllRequest = function (_a) {
             .catch(onError)
             .finally(function () {
             onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
-            isMountedRef.current && setIsPending(false);
+            if (isMountedRef.current)
+                setIsPending(false);
         });
     }, [
         dtssPath,

package/cjs/hooks/usePagingSimulator/helpers.js

@@ -70,7 +70,6 @@ var createPagingSimulator = function (request) {
                     if (!shouldSendRequest) return [3 /*break*/, 2];
                     return [4 /*yield*/, request(requestParams)];
                 case 1:
-                    // eslint-disable-next-line no-unused-vars
                     requestResponse = _b.sent();
                     previousValues = requestParams;
                     _b.label = 2;

package/cjs/hooks/useSavedSearchesRequest/useSavedSearchesRequest.js

@@ -125,7 +125,7 @@ var useSavedSearchesRequest = function (_a) {
                     return [3 /*break*/, 6];
                 case 5:
                     error_1 = _c.sent();
-                    console.warn(error_1); // eslint-disable-line
+                    console.warn(error_1);
                     if (!(0, mdm_sdk_1.isAbortError)(error_1)) {
                         updateRequestState('loading', types_1.RequestStates.ERROR);
                         setData([]);
@@ -174,7 +174,12 @@ var useSavedSearchesRequest = function (_a) {
                     return [4 /*yield*/, (0, mdm_sdk_1.createSavedSearch)([__assign(__assign({}, savedSearch), { type: type })])];
                 case 2:
                     result = _a.sent();
-                    page === 0 ? loadSavedSearches() : setPage(0);
+                    if (page === 0) {
+                        loadSavedSearches();
+                    }
+                    else {
+                        setPage(0);
+                    }
                     updateRequestState('creating', types_1.RequestStates.LOADED);
                     return [2 /*return*/, { success: true, result: result }];
                 case 3:

package/cjs/icons/AIPowered.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-interface AIPoweredProps extends React.SVGProps<SVGSVGElement> {
-}
+type AIPoweredProps = React.SVGProps<SVGSVGElement>;
 declare const AIPowered: React.FC<AIPoweredProps>;
 export default AIPowered;

package/cjs/test-utils/TestStylesProvider.js

@@ -8,11 +8,10 @@ var react_1 = __importDefault(require("react"));
 var jss_1 = require("jss");
 var StylesProvider_1 = __importDefault(require("@mui/styles/StylesProvider"));
 var styles_1 = require("@mui/material/styles");
-var styles_2 = require("@mui/material/styles");
 var TestStylesProvider = function (_a) {
     var children = _a.children;
     var jss = (0, jss_1.create)();
-    var muiTheme = (0, styles_2.createTheme)({});
+    var muiTheme = (0, styles_1.createTheme)({});
     jss.use({
         onProcessStyle: function (style) { return ({
             display: style.display,

package/cjs/types/basicTable.d.ts

@@ -82,9 +82,9 @@ export type RenderRowCellProps = {
     rowValue: RowValue;
     cellIndex: number;
     cell: RowCell;
-    CellValueRenderer: (props: unknown) => JSX.Element;
+    CellValueRenderer: (props: unknown) => React.ReactElement;
 };
-export type RenderRowCell = ({ columnIndex, columnData, rowIndex, rowValue, cellIndex, cell, CellValueRenderer }: RenderRowCellProps) => JSX.Element;
+export type RenderRowCell = ({ columnIndex, columnData, rowIndex, rowValue, cellIndex, cell, CellValueRenderer }: RenderRowCellProps) => React.ReactElement;
 export type OnFilter = (event: {
     columnId: string;
     filter: ColumnFilter;

package/cjs/types/index.d.ts

@@ -200,7 +200,7 @@ export type ReactSelectMuiSkinProps = {
     TextFieldProps?: TextFieldProps;
     innerRef?: React.MutableRefObject<any>;
     inputRef?: React.MutableRefObject<any>;
-    menuListFooter?: JSX.Element;
+    menuListFooter?: React.ReactElement;
 };
 export type DropdownIndicatorWithMuiSkinProps<T> = DropdownIndicatorProps & {
     selectProps: DropdownIndicatorProps['selectProps'] & ReactSelectMuiSkinProps;

package/esm/ActionsPanel/ActionsPanel.test.js

@@ -85,7 +85,7 @@ describe('ActionsPanel tests', function () {
         expect(screen.queryByTestId('testButton')).toBeInTheDocument();
         expect(screen.queryByLabelText('More actions')).toBeInTheDocument();
     });
-    it('should call onActionsMenuOpen, onActionsMenuClose ', function () { return __awaiter(void 0, void 0, void 0, function () {
+    it('should call onActionsMenuOpen, onActionsMenuClose', function () { return __awaiter(void 0, void 0, void 0, function () {
         var onActionsMenuOpenSpy, onActionsMenuCloseSpy, user;
         return __generator(this, function (_a) {
             switch (_a.label) {

package/esm/ActionsPanel/types.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 export type Action = {
-    ActionButton?: (props: any) => JSX.Element;
+    ActionButton?: (props: any) => React.ReactElement;
     show?: boolean;
     [key: string]: unknown;
 };

package/esm/AttributesFiltersBuilder/components/AttributeSelector/AttributeSelector.js

@@ -24,7 +24,7 @@ var AttributeSelector = function (_a) {
                 values: []
             });
         }
-        onFilterAttributeChange && onFilterAttributeChange(selectInfo);
+        onFilterAttributeChange === null || onFilterAttributeChange === void 0 ? void 0 : onFilterAttributeChange(selectInfo);
     }, [rowData, onFilterAttributeChange, filter, operator, changeFilter, id, addNewFilter]);
     return (React.createElement(BasicAttributeSelector, { itemsGroups: attributeSelectorItemsGroups, ungroup: attributeSelectorItemsGroups.length < 2, single: true, value: attribute, getLabel: getSelectedAttributeLabel, onSelect: changeAttribute, onOpenPopup: attributeSelectorProps.onOpen }));
 };

package/esm/AttributesFiltersButton/AttributesFiltersButton.js

@@ -32,15 +32,15 @@ var AttributesFiltersButton = function (_a) {
     }, [filtersProp, isOpen]);
     var applyButtonHandler = useCallback(function () {
         onChange(filters);
-        onApply && onApply();
+        onApply === null || onApply === void 0 ? void 0 : onApply();
         togglePopup();
     }, [filters, onChange, onApply]);
     var cancelButtonHandler = useCallback(function () {
-        onCancel && onCancel();
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
         togglePopup();
     }, [onCancel]);
     var clearAllButtonHandler = useCallback(function () {
-        onClear && onClear();
+        onClear === null || onClear === void 0 ? void 0 : onClear();
         setFilters([]);
     }, [onClear]);
     return (React.createElement(React.Fragment, null,

package/esm/AttributesFiltersButton/AttributesFiltersButton.test.js

@@ -117,7 +117,7 @@ describe('AttributesFiltersButton tests', function () {
         expect(screen.getByRole('button')).toHaveClass('MuiButton-colorInherit');
         expect(getMuiIconByName('FilterList')).not.toHaveClass('MuiSvgIcon-colorPrimary');
     });
-    it('should close Popover after cancel button clicking', function () { return __awaiter(void 0, void 0, void 0, function () {
+    it('should close Popover after cancel backdrop clicking', function () { return __awaiter(void 0, void 0, void 0, function () {
         var user, button;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -208,7 +208,7 @@ describe('AttributesFiltersButton tests', function () {
             }
         });
     }); });
-    it('should render children ', function () { return __awaiter(void 0, void 0, void 0, function () {
+    it('should render children', function () { return __awaiter(void 0, void 0, void 0, function () {
         var user;
         return __generator(this, function (_a) {
             switch (_a.label) {

package/esm/AutoSizeList/AutoSizeList.js

@@ -15,14 +15,15 @@ import ReactResizeDetector from 'react-resize-detector';
 import { debounce } from '@reltio/mdm-sdk';
 import { useStyles } from './styles';
 var AutoSizeList = function (_a) {
-    var _b = _a.width, width = _b === void 0 ? 0 : _b, _c = _a.height, height = _c === void 0 ? 0 : _c, defaultItemSize = _a.defaultItemSize, data = _a.data, children = _a.children, itemKey = _a.itemKey, showNotMeasuredItems = _a.showNotMeasuredItems, listRefProp = _a.listRef;
+    var _b;
+    var _c = _a.width, width = _c === void 0 ? 0 : _c, _d = _a.height, height = _d === void 0 ? 0 : _d, defaultItemSize = _a.defaultItemSize, data = _a.data, children = _a.children, itemKey = _a.itemKey, showNotMeasuredItems = _a.showNotMeasuredItems, listRefProp = _a.listRef;
     var styles = useStyles();
     var rowHeightsCache = useRef({});
     var cacheRowHeight = function (key, height) {
         var _a;
         rowHeightsCache.current = __assign(__assign({}, rowHeightsCache.current), (_a = {}, _a[key] = height, _a));
     };
-    var _d = useState({}), rowHeights = _d[0], setRowHeights = _d[1];
+    var _e = useState({}), rowHeights = _e[0], setRowHeights = _e[1];
     var applyRowHeights = useCallback(debounce(function () {
         setRowHeights(__assign({}, rowHeightsCache.current));
     }), []);
@@ -31,10 +32,9 @@ var AutoSizeList = function (_a) {
     var getItemSize = function (index) { return rowHeights[getItemKey(index)] || defaultItemSize; };
     var localListRef = useRef();
     var listRef = listRefProp || localListRef;
-    listRef.current && listRef.current.resetAfterIndex(0, false);
-    var Row = useMemo(
-    //eslint-disable-next-line
-    function () {
+    (_b = listRef.current) === null || _b === void 0 ? void 0 : _b.resetAfterIndex(0, false);
+    var Row = useMemo(function () {
+        //eslint-disable-next-line
         return function (_a) {
             var data = _a.data, index = _a.index, style = _a.style;
             var key = getItemKeyFromData(data, index);

package/esm/BooleanRadioEditor/BooleanRadioEditor.test.js

@@ -59,8 +59,8 @@ describe('BooleanRadioEditor', function () {
     it('should render two boolean editors with "Yes" and "No" labels', function () {
         setUp();
         expect(screen.getAllByRole('checkbox')).toHaveLength(2);
-        expect(screen.getByLabelText('Yes'));
-        expect(screen.getByLabelText('No'));
+        screen.getByLabelText('Yes');
+        screen.getByLabelText('No');
     });
     it('should have radio buttons behaviour', function () { return __awaiter(void 0, void 0, void 0, function () {
         var checkboxes;

package/esm/DependentLookupEditor/DependentLookupEditor.d.ts

@@ -16,9 +16,7 @@ type Props = {
         max: number;
         offset: number;
     }) => Promise<Lookups>;
-    lookups: {
-        [key: string]: LookupValue[];
-    };
+    lookups: Lookups;
     resolveLookups: (lookupType: string, codeValues: LookupValue[]) => void;
     fullWidth?: boolean;
     disabled?: boolean;

package/esm/DependentLookupEditor/DependentLookupEditor.js

@@ -88,7 +88,8 @@ export var DependentLookupEditor = function (_a) {
     };
     var handleFocus = function () {
         var _a, _b, _c;
-        value && ((_c = (_b = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.select) === null || _b === void 0 ? void 0 : _b.inputRef) === null || _c === void 0 ? void 0 : _c.select());
+        if (value)
+            (_c = (_b = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.select) === null || _b === void 0 ? void 0 : _b.inputRef) === null || _c === void 0 ? void 0 : _c.select();
     };
     var resetOptions = function () {
         setPageNumber(1);
@@ -173,7 +174,8 @@ export var DependentLookupEditor = function (_a) {
     }).markAsTouched;
     return (React.createElement(ReactSelect, __assign({}, otherProps, { isMulti: multiple, classes: styles, menuPortalTarget: document.body, menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { ref: inputRef, disabled: (TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.disabled) || disabled }), inputRef: inputRef, innerRef: selectRef, styles: {
             menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 1300 })); },
-            container: function (base) { return (__assign(__assign({}, base), (fullWidth ? { width: '100%' } : {}))); }
+            container: function (base) { return (__assign(__assign({}, base), (fullWidth ? { width: '100%' } : {}))); },
+            input: function (base) { return (__assign(__assign({}, base), { visibility: 'visible' })); }
         }, noOptionsMessage: function () {
             return optionsAreLoading && !showMoreButton ? i18n.text('Loading...') : i18n.text('No results found');
         }, components: SelectComponents, isClearable: true, isSearchable: true, controlShouldRenderValue: multiple, inputValue: inputValue, filterOption: multiple ? undefined : T, onInputChange: handleInputChange, loadingMessage: function () { return i18n.text('Loading...'); }, isLoading: !inputValue && isLoadingDefaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, options: displayedOptions, getOptionValue: either(prop('value'), prop('lookupCode')), getOptionLabel: getOptionLabel, onChange: handleChange, onFocus: multiple ? undefined : handleFocus, value: defaultTo(multiple ? [] : null, value), menuListFooter: showMoreButton && React.createElement(ReactSelectLoadMoreButton, { loading: optionsAreLoading, onClick: loadMoreOptions }) })));

package/esm/DependentLookupEditor/DependentLookupEditor.test.js

@@ -663,7 +663,7 @@ describe('DependentLookupEditor', function () {
             }
         });
     }); });
-    xit('should call props.getLookups with default offset = 0 after LookupCode updated', function () { return __awaiter(void 0, void 0, void 0, function () {
+    it.skip('should call props.getLookups with default offset = 0 after LookupCode updated', function () { return __awaiter(void 0, void 0, void 0, function () {
         var getLookups, wrapper, newLookupCode;
         return __generator(this, function (_a) {
             switch (_a.label) {

package/esm/DependentLookupEditor/IntegrationDependentLookupEditor.test.d.ts

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

package/esm/DependentLookupEditor/IntegrationDependentLookupEditor.test.js

@@ -0,0 +1,137 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React from 'react';
+import { DependentLookupEditor } from './DependentLookupEditor';
+import { render, screen, act } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+var onChange = jest.fn();
+var getLookups = jest.fn().mockResolvedValue({
+    AR: {
+        displayName: 'Argentina'
+    },
+    BG: {
+        displayName: 'Bulgaria'
+    },
+    CN: {
+        displayName: 'China'
+    }
+});
+var resolveLookups = jest.fn();
+var defaultProps = {
+    value: {
+        value: 'Portugal',
+        lookupCode: 'PT'
+    },
+    lookups: {
+        COUNTRY_CD: {
+            PT: {
+                displayName: 'Portugal'
+            }
+        }
+    },
+    lookupCode: 'COUNTRY_CD',
+    error: false,
+    parents: [],
+    disabled: false,
+    placeholder: '',
+    TextFieldProps: {},
+    onChange: onChange,
+    getLookups: getLookups,
+    resolveLookups: resolveLookups
+};
+var setUp = function (props) {
+    if (props === void 0) { props = defaultProps; }
+    var user = userEvent.setup();
+    return __assign({ user: user }, render(React.createElement(DependentLookupEditor, __assign({}, props))));
+};
+describe('DependentLookupEditor tests', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('should render components correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    expect(screen.getByRole('combobox')).toHaveValue('Portugal (PT)');
+                    return [4 /*yield*/, user.click(screen.getByRole('combobox'))];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByText('Argentina (AR)')).toBeInTheDocument();
+                    expect(screen.getByText('China (CN)')).toBeInTheDocument();
+                    expect(screen.getByText('Bulgaria (BG)')).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should show input value when select is disabled', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setUp(__assign(__assign({}, defaultProps), { disabled: true }));
+                    return [4 /*yield*/, act(function () { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, Promise.resolve()];
+                                    case 1:
+                                        _a.sent();
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); })];
+                case 1:
+                    _a.sent();
+                    expect(screen.getByRole('combobox')).toHaveValue('Portugal (PT)');
+                    expect(screen.getByRole('combobox')).toHaveAttribute('disabled');
+                    expect(screen.getByRole('combobox')).toBeVisible();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/esm/DropDownMenuButton/DropDownMenuButton.d.ts

@@ -11,7 +11,7 @@ type Props<T> = {
     menuId: string;
     onMenuOpen?: () => void;
     onMenuClose?: () => void;
-    MenuItemRenderer?: (props: any) => JSX.Element;
+    MenuItemRenderer?: (props: any) => React.ReactElement;
 };
 export declare function DropDownMenuButton<T = DropDownMenuItem>({ className, menuId, buttonComponent, buttonContent, menuItems, buttonProps, popoverProps, onMenuOpen, onMenuClose, MenuItemRenderer }: Props<T>): React.JSX.Element;
 export {};

package/esm/DropDownMenuButton/DropDownMenuButton.js

@@ -25,7 +25,12 @@ export function DropDownMenuButton(_a) {
     var buttonRef = useRef();
     var _k = useState(false), isOpen = _k[0], setIsOpen = _k[1];
     useDidUpdateEffect(function () {
-        isOpen ? onMenuOpen() : onMenuClose();
+        if (isOpen) {
+            onMenuOpen();
+        }
+        else {
+            onMenuClose();
+        }
     }, [isOpen]);
     var handleToggle = useCallback(function (e) {
         e === null || e === void 0 ? void 0 : e.stopPropagation();

package/esm/DropDownSelector/DropDownSelector.test.js

@@ -13,11 +13,6 @@ describe('DropDownSelector', function () {
         expect(wrapper.prop('components').IndicatorSeparator.name).toEqual('EmptyStub');
         expect(wrapper.prop('components').ClearIndicator.name).toEqual('EmptyStub');
     });
-    it('should render Select if "getOptions" prop is not provided', function () {
-        var wrapper = shallow(React.createElement(DropDownSelector, { label: 'label' }));
-        expect(wrapper.find(ReactSelect).length).toBe(1);
-        expect(wrapper.find(AsyncReactSelect).length).toBe(0);
-    });
     it('should render AsyncSelect if "getOptions" prop is provided', function () {
         var wrapper = shallow(React.createElement(DropDownSelector, { getOptions: function () { }, label: 'label' }));
         expect(wrapper.find(ReactSelect).length).toBe(0);

package/esm/EditModeAttributesFactory/components/EditModeAttribute/EditModeAttribute.test.js

@@ -99,7 +99,7 @@ describe('EditModeAttribute', function () {
         expect(component.find(NestedAttributeEditor).length).toBe(0);
         expect(component.find(ReferenceAttributeEditor).length).toBe(0);
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        var showEmptyEditors = props.showEmptyEditors, onAddAttributes = props.onAddAttributes, lazy = props.lazy, crosswalks = props.crosswalks, errors = props.errors, filteredProps = __rest(props, ["showEmptyEditors", "onAddAttributes", "lazy", "crosswalks", "errors"]); //eslint-disable-line no-unused-vars
+        var showEmptyEditors = props.showEmptyEditors, onAddAttributes = props.onAddAttributes, lazy = props.lazy, crosswalks = props.crosswalks, errors = props.errors, filteredProps = __rest(props, ["showEmptyEditors", "onAddAttributes", "lazy", "crosswalks", "errors"]);
         expect(component.find(SimpleAttributeEditor).props()).toEqual(__assign(__assign({}, filteredProps), { isReltioCrosswalk: true }));
         expect(isReltioCrosswalk).toHaveBeenCalledWith(props.crosswalks, props.attributeValue);
     });

package/esm/EditModeAttributesList/EditModeAttributesList.test.js

@@ -105,12 +105,7 @@ describe('EditModeAttributesList 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 not add to more attr types single value types with non-empty attr value', function () {

package/esm/EditModeAttributesPager/components/AttributeRenderer/AttributeRenderer.test.js

@@ -160,6 +160,7 @@ describe('AttributeRenderer', function () {
             expect(attribute.prop('crosswalks')).toBe(props.crosswalks);
             expect(attribute.prop('errors')).toBe(props.errors);
             expect(attribute.prop('ownError')).toBe(i === 0 ? props.errors[0] : undefined);
+            // eslint-disable-next-line jest/no-conditional-expect
             expect(attribute.prop('onAddOneMore')).toEqual(isLast ? expect.any(Function) : null);
             expect(attribute.prop('onDeleteAttribute')).toEqual(expect.any(Function));
             expect(attribute.prop('onAddAttributes')).toBe(props.onAddAttributes);
@@ -171,6 +172,7 @@ describe('AttributeRenderer', function () {
                     var onAddOneMore = attribute.prop('onAddOneMore');
                     onAddOneMore();
                 });
+                // eslint-disable-next-line jest/no-conditional-expect
                 expect(props.onAddAttributes).toHaveBeenCalledWith([
                     {
                         parentUri: props.parentUri,