@reltio/components 1.4.1989 → 1.4.1990

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.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);

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/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);