@reltio/components 1.4.1989 → 1.4.1991

package/cjs/ActionsPanel/ActionsPanel.test.js

@@ -90,7 +90,7 @@ describe('ActionsPanel tests', function () {
         expect(react_2.screen.queryByTestId('testButton')).toBeInTheDocument();
         expect(react_2.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/cjs/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/cjs/AttributesFiltersBuilder/components/AttributeSelector/AttributeSelector.js

@@ -49,7 +49,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_1.default.createElement(BasicAttributeSelector_1.BasicAttributeSelector, { itemsGroups: attributeSelectorItemsGroups, ungroup: attributeSelectorItemsGroups.length < 2, single: true, value: attribute, getLabel: getSelectedAttributeLabel, onSelect: changeAttribute, onOpenPopup: attributeSelectorProps.onOpen }));
 };

package/cjs/AttributesFiltersButton/AttributesFiltersButton.js

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

package/cjs/AttributesFiltersButton/AttributesFiltersButton.test.js

@@ -122,7 +122,7 @@ describe('AttributesFiltersButton tests', function () {
         expect(react_2.screen.getByRole('button')).toHaveClass('MuiButton-colorInherit');
         expect((0, test_utils_1.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) {
@@ -213,7 +213,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/cjs/AutoSizeList/AutoSizeList.js

@@ -43,14 +43,15 @@ var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles_1 = require("./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 = (0, styles_1.useStyles)();
     var rowHeightsCache = (0, react_1.useRef)({});
     var cacheRowHeight = function (key, height) {
         var _a;
         rowHeightsCache.current = __assign(__assign({}, rowHeightsCache.current), (_a = {}, _a[key] = height, _a));
     };
-    var _d = (0, react_1.useState)({}), rowHeights = _d[0], setRowHeights = _d[1];
+    var _e = (0, react_1.useState)({}), rowHeights = _e[0], setRowHeights = _e[1];
     var applyRowHeights = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(function () {
         setRowHeights(__assign({}, rowHeightsCache.current));
     }), []);
@@ -59,10 +60,9 @@ var AutoSizeList = function (_a) {
     var getItemSize = function (index) { return rowHeights[getItemKey(index)] || defaultItemSize; };
     var localListRef = (0, react_1.useRef)();
     var listRef = listRefProp || localListRef;
-    listRef.current && listRef.current.resetAfterIndex(0, false);
-    var Row = (0, react_1.useMemo)(
-    //eslint-disable-next-line
-    function () {
+    (_b = listRef.current) === null || _b === void 0 ? void 0 : _b.resetAfterIndex(0, false);
+    var Row = (0, react_1.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/cjs/BooleanRadioEditor/BooleanRadioEditor.test.js

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

package/cjs/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/cjs/DependentLookupEditor/DependentLookupEditor.js

@@ -117,7 +117,8 @@ 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);
@@ -202,7 +203,8 @@ var DependentLookupEditor = function (_a) {
     }).markAsTouched;
     return (react_1.default.createElement(ReactSelect_1.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 ? ui_i18n_1.default.text('Loading...') : ui_i18n_1.default.text('No results found');
         }, components: SelectComponents, isClearable: true, isSearchable: true, controlShouldRenderValue: multiple, inputValue: inputValue, filterOption: multiple ? undefined : ramda_1.T, onInputChange: handleInputChange, loadingMessage: function () { return ui_i18n_1.default.text('Loading...'); }, isLoading: !inputValue && isLoadingDefaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, options: displayedOptions, getOptionValue: (0, ramda_1.either)((0, ramda_1.prop)('value'), (0, ramda_1.prop)('lookupCode')), getOptionLabel: helpers_1.getOptionLabel, onChange: handleChange, onFocus: multiple ? undefined : handleFocus, value: (0, ramda_1.defaultTo)(multiple ? [] : null, value), menuListFooter: showMoreButton && react_1.default.createElement(ReactSelectLoadMoreButton_1.ReactSelectLoadMoreButton, { loading: optionsAreLoading, onClick: loadMoreOptions }) })));

package/cjs/DependentLookupEditor/DependentLookupEditor.test.js

@@ -668,7 +668,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/cjs/DependentLookupEditor/IntegrationDependentLookupEditor.test.d.ts

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

package/cjs/DependentLookupEditor/IntegrationDependentLookupEditor.test.js

@@ -0,0 +1,142 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var DependentLookupEditor_1 = require("./DependentLookupEditor");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@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 = user_event_1.default.setup();
+    return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(DependentLookupEditor_1.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(react_2.screen.getByRole('combobox')).toHaveValue('Portugal (PT)');
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.getByText('Argentina (AR)')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('China (CN)')).toBeInTheDocument();
+                    expect(react_2.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*/, (0, react_2.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(react_2.screen.getByRole('combobox')).toHaveValue('Portugal (PT)');
+                    expect(react_2.screen.getByRole('combobox')).toHaveAttribute('disabled');
+                    expect(react_2.screen.getByRole('combobox')).toBeVisible();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/cjs/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/cjs/DropDownMenuButton/DropDownMenuButton.js

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

package/cjs/DropDownSelector/DropDownSelector.test.js

@@ -18,11 +18,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 = (0, enzyme_1.shallow)(react_1.default.createElement(DropDownSelector_1.DropDownSelector, { label: 'label' }));
-        expect(wrapper.find(ReactSelect_1.ReactSelect).length).toBe(1);
-        expect(wrapper.find(AsyncReactSelect_1.AsyncReactSelect).length).toBe(0);
-    });
     it('should render AsyncSelect if "getOptions" prop is provided', function () {
         var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(DropDownSelector_1.DropDownSelector, { getOptions: function () { }, label: 'label' }));
         expect(wrapper.find(ReactSelect_1.ReactSelect).length).toBe(0);

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

@@ -104,7 +104,7 @@ describe('EditModeAttribute', function () {
         expect(component.find(NestedAttributeEditor_1.NestedAttributeEditor).length).toBe(0);
         expect(component.find(ReferenceAttributeEditor_1.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_1.SimpleAttributeEditor).props()).toEqual(__assign(__assign({}, filteredProps), { isReltioCrosswalk: true }));
         expect(mdm_sdk_1.isReltioCrosswalk).toHaveBeenCalledWith(props.crosswalks, props.attributeValue);
     });

package/cjs/EditModeAttributesList/EditModeAttributesList.test.js

@@ -110,12 +110,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/cjs/EditModeAttributesPager/components/AttributeRenderer/AttributeRenderer.test.js

@@ -165,6 +165,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);
@@ -176,6 +177,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,

package/cjs/EditModeComplexAttribute/EditModeComplexAttribute.test.js

@@ -120,9 +120,7 @@ describe('EditModeComplexAttribute', function () {
     });
     it('should render additional controls if additionalControlsRenderer prop is specified', function () {
         var AdditionalControls = function () { return react_1.default.createElement("div", null); };
-        var props = __assign(__assign({}, defaultProps), { 
-            //eslint-disable-next-line
-            additionalControlsRenderer: function (_a) {
+        var props = __assign(__assign({}, defaultProps), { additionalControlsRenderer: function (_a) {
                 var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
                 return (react_1.default.createElement(AdditionalControls, { attributeValue: attributeValue, attributeType: attributeType }));
             } });
@@ -225,9 +223,7 @@ describe('EditModeComplexAttribute', function () {
     };
     it('should render deep nested attributes', function () {
         var AdditionalControls = function () { return react_1.default.createElement("div", null); };
-        var props = __assign(__assign({}, defaultProps), { onAddAttributes: jest.fn(), onDeleteAttribute: jest.fn(), onChangeAttribute: jest.fn(), 
-            //eslint-disable-next-line
-            additionalControlsRenderer: function (_a) {
+        var props = __assign(__assign({}, defaultProps), { onAddAttributes: jest.fn(), onDeleteAttribute: jest.fn(), onChangeAttribute: jest.fn(), additionalControlsRenderer: function (_a) {
                 var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
                 return (react_1.default.createElement(AdditionalControls, { attributeValue: attributeValue, attributeType: attributeType }));
             }, crosswalks: [], mode: mdm_sdk_1.Mode.Editing, showEmptyEditors: true });

package/cjs/EmptyState/EmptyState.test.js

@@ -9,7 +9,7 @@ var Button_1 = __importDefault(require("@mui/material/Button"));
 var EmptyState_1 = require("./EmptyState");
 var Logo = function () { return react_1.default.createElement("div", null); };
 describe('EmptyState tests', function () {
-    it('should render main parts ', function () {
+    it('should render main parts', function () {
         var text = 'Header';
         var component = (0, enzyme_1.mount)(react_1.default.createElement(EmptyState_1.EmptyState, { access: false, LogoRenderer: Logo, text: text }));
         expect(component.find(Logo)).toHaveLength(1);