@reltio/components 1.4.2051 → 1.4.2052

package/InlineSimpleAttribute/components/CrosswalkMenuItem/CrosswalkMenuItem.spec.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import Typography from '@mui/material/Typography';
-import { SourceItem } from '../../../SourceItem';
-import { CrosswalkMenuItem } from './CrosswalkMenuItem';
-describe('Crosswalk menu items tests', function () {
-    it('should show menu item content by default', function () {
-        var item = {
-            text: 'text',
-            tooltip: 'tooltip',
-            id: 'test'
-        };
-        var wrapper = mount(React.createElement(CrosswalkMenuItem, { item: item }));
-        expect(wrapper.find(Typography).text()).toBe('text');
-    });
-    it('should close menu on item click', function () {
-        var onMenuClose = jest.fn();
-        var item = {
-            text: 'text',
-            tooltip: 'tooltip',
-            id: 'test',
-            onClick: jest.fn()
-        };
-        var wrapper = mount(React.createElement(CrosswalkMenuItem, { item: item, onMenuClose: onMenuClose }));
-        var event = {};
-        wrapper.find('WithTooltip').prop('onClick')(event);
-        expect(onMenuClose).toHaveBeenCalled();
-    });
-    it('should show source item for crosswalk', function () {
-        var crosswalk = {
-            uri: 'entities/10wb4hEF/crosswalks/1PPwRPuk.3h28qA5Qw',
-            type: 'configuration/sources/Reltio',
-            value: '1PPwRPuk',
-            createDate: '2021-05-14T05:21:14.532Z',
-            updateDate: '2021-05-14T05:21:14.532Z',
-            reltioLoadDate: '2019-07-24T06:18:18.041Z',
-            singleAttributeUpdateDates: {
-                '123/attributes/String/123': '2021-07-08T07:09:14.781Z'
-            },
-            attributes: ['123/attributes/String/123']
-        };
-        var item = {
-            crosswalk: crosswalk,
-            color: '#ff00ff'
-        };
-        var wrapper = shallow(React.createElement(CrosswalkMenuItem, { item: item }));
-        var sourceItem = wrapper.find(SourceItem);
-        expect(sourceItem.prop('crosswalk')).toBe(crosswalk);
-        expect(sourceItem.prop('color')).toBe('#ff00ff');
-        expect(sourceItem.prop('focusable')).toBe(true);
-    });
-});

package/LookupEditor/components/GroupedDropDownEditor/GroupedDropDownEditor.test.d.ts

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

package/LookupEditor/components/GroupedDropDownEditor/GroupedDropDownEditor.test.js

@@ -1,37 +0,0 @@
-import { shallow } from 'enzyme';
-import React from 'react';
-import CheckIcon from '@mui/icons-material/Check';
-import MenuItem from '@mui/material/MenuItem';
-import { MultipliableSelect } from '../../../MultipliableSelect';
-import { GroupedDropDownEditor, MENU_ITEM_OFFSET } from './GroupedDropDownEditor';
-describe('GroupedDropDownEditor', function () {
-    it('should render MultipliableSelect with entries as options', function () {
-        var entries = [{ label: 'L1', values: [{ value: 'L2' }] }];
-        var value = 'L2';
-        var wrapper = shallow(React.createElement(GroupedDropDownEditor, { entries: entries, value: value }));
-        expect(wrapper.find(MultipliableSelect).prop('value')).toBe(value);
-        var items = wrapper.find(MenuItem);
-        expect(items.at(0).prop('disabled')).toBe(true);
-        expect(items.at(0).text()).toEqual('L1');
-        expect(items.at(0).find(CheckIcon)).toHaveLength(0);
-        expect(items.at(0).prop('style').paddingLeft).toBe("".concat(MENU_ITEM_OFFSET, "px"));
-        expect(items.at(1).prop('disabled')).toBe(undefined);
-        expect(items.at(1).text()).toEqual('L2');
-        expect(items.at(1).find(CheckIcon)).toHaveLength(1);
-        expect(items.at(1).prop('style').paddingLeft).toBe("".concat(MENU_ITEM_OFFSET * 2, "px"));
-    });
-    it('should call props.onChange with a new value', function () {
-        var entries = [{ label: 'L1', values: [{ value: 'L2' }] }];
-        var onChange = jest.fn(), value = 'L2';
-        var wrapper = shallow(React.createElement(GroupedDropDownEditor, { value: '', entries: entries, onChange: onChange }));
-        wrapper.find(MultipliableSelect).simulate('change', value);
-        expect(onChange).toHaveBeenCalledWith(value);
-    });
-    it('should render MultipliableSelect with empty entries', function () {
-        var wrapper = shallow(React.createElement(GroupedDropDownEditor, { entries: [] }));
-        expect(wrapper.find(MultipliableSelect)).toHaveLength(1);
-        var items = wrapper.find(MenuItem);
-        expect(items.at(0).prop('disabled')).toBe(true);
-        expect(items.at(0).text()).toEqual('No results found');
-    });
-});

package/cjs/HOCs/withTableContext/withTableContext.test.d.ts

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

package/cjs/HOCs/withTableContext/withTableContext.test.js

@@ -1,46 +0,0 @@
-"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 __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 enzyme_1 = require("enzyme");
-var withTableContext_1 = require("./withTableContext");
-var BasicTableContext_1 = require("../../contexts/BasicTableContext");
-describe('withTableContext behavior', function () {
-    it('should return original cell renderer if context selector is not provided', function () {
-        var CellRenderer = function () { };
-        expect((0, withTableContext_1.withTableContext)(undefined)(CellRenderer)).toBe(CellRenderer);
-        expect((0, withTableContext_1.withTableContext)(null)(CellRenderer)).toBe(CellRenderer);
-    });
-    it('should wrap original cell renderer in BasicTableContext if context selector is provided', function () {
-        var CellRenderer = function () { return 'Cell Value'; };
-        var contextSelector = function (context) { return ({ cellContext: context.cellContext }); };
-        var CellRendererWithContext = (0, withTableContext_1.withTableContext)(contextSelector)(CellRenderer);
-        var cellContext = 'test';
-        var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(BasicTableContext_1.BasicTableContext.Provider, { value: { cellContext: cellContext } },
-            react_1.default.createElement(CellRendererWithContext, null)));
-        expect(wrapper.find('CellRenderer').prop('cellContext')).toBe(cellContext);
-    });
-    it('should call context selector with own props as second param', function () {
-        var CellRenderer = function () { return 'Cell Value'; };
-        var contextSelector = jest.fn(function (context) { return ({ cellContext: context.cellContext }); });
-        var CellRendererWithContext = (0, withTableContext_1.withTableContext)(contextSelector)(CellRenderer);
-        var cellContext = 'test';
-        var ownProps = { someProp: true };
-        (0, enzyme_1.mount)(react_1.default.createElement(BasicTableContext_1.BasicTableContext.Provider, { value: { cellContext: cellContext } },
-            react_1.default.createElement(CellRendererWithContext, __assign({}, ownProps))));
-        expect(contextSelector).toHaveBeenCalledWith({ cellContext: cellContext }, ownProps);
-    });
-});

package/cjs/ImageAttributesGallery/components/GalleryView/GalleryView.test.d.ts

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

package/cjs/ImageAttributesGallery/components/GalleryView/GalleryView.test.js

@@ -1,103 +0,0 @@
-"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 __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 enzyme_1 = require("enzyme");
-var ramda_1 = require("ramda");
-var test_utils_1 = require("react-dom/test-utils");
-var GalleryView_1 = require("./GalleryView");
-var Image_1 = require("../../../Image");
-var ImageActionsOverlay_1 = require("../../../ImageActionsOverlay");
-describe('GalleryView tests', function () {
-    var generateItems = function (count) {
-        return (0, ramda_1.range)(0, count).map(function (i) { return ({
-            id: "id".concat(i),
-            src: "image".concat(i, ".jpg")
-        }); });
-    };
-    var defaultProps = {
-        items: generateItems(3),
-        selectedItems: [],
-        onSelectImage: jest.fn(),
-        onDeselectImage: jest.fn(),
-        onShareLink: jest.fn(),
-        onSetAsDefault: jest.fn(),
-        onDownload: jest.fn(),
-        onClickImage: jest.fn(),
-        onDelete: jest.fn()
-    };
-    it('should render main parts', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(GalleryView_1.GalleryView, __assign({}, defaultProps)));
-        expect(component.find(Image_1.Image)).toHaveLength(3);
-        expect(component.find(ImageActionsOverlay_1.ImageActionsOverlay)).toHaveLength(0);
-    });
-    it('should call main prop functions from overlay', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(GalleryView_1.GalleryView, __assign({}, defaultProps)));
-        (0, test_utils_1.act)(function () {
-            component.find('.image').first().simulate('load');
-        });
-        component.update();
-        (0, test_utils_1.act)(function () {
-            component.find(Image_1.Image).first().simulate('mouseEnter');
-        });
-        component.update();
-        var imageActionsOverlay = component.find(ImageActionsOverlay_1.ImageActionsOverlay).first();
-        var onSelect = imageActionsOverlay.prop('onSelect');
-        onSelect();
-        expect(defaultProps.onSelectImage).toHaveBeenCalledWith('id0');
-        var onDeselect = imageActionsOverlay.prop('onDeselect');
-        onDeselect();
-        expect(defaultProps.onDeselectImage).toHaveBeenCalledWith('id0');
-        var onShareLink = imageActionsOverlay.prop('onShareLink');
-        onShareLink();
-        expect(defaultProps.onShareLink).toHaveBeenCalledWith('id0');
-        var onSetAsDefault = imageActionsOverlay.prop('onSetAsDefault');
-        onSetAsDefault();
-        expect(defaultProps.onSetAsDefault).toHaveBeenCalledWith('id0');
-        var onDownload = imageActionsOverlay.prop('onDownload');
-        onDownload();
-        expect(defaultProps.onDownload).toHaveBeenCalledWith('id0');
-        var onDelete = imageActionsOverlay.prop('onDelete');
-        onDelete();
-        expect(defaultProps.onDelete).toHaveBeenCalledWith('id0');
-        var onClick = imageActionsOverlay.prop('onClick');
-        onClick();
-        expect(defaultProps.onClickImage).toHaveBeenCalledWith('id0');
-    });
-    it('should call onClickImage from Image', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(GalleryView_1.GalleryView, __assign({}, defaultProps)));
-        (0, test_utils_1.act)(function () {
-            component.find('.image').first().simulate('load');
-        });
-        component.update();
-        var onClick = component.find('.image').first().prop('onClick');
-        onClick();
-        expect(defaultProps.onClickImage).toHaveBeenCalledWith('id0');
-    });
-    it('should not provide onDelete if onDelete is undefined', function () {
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(GalleryView_1.GalleryView, __assign({}, defaultProps, { onDelete: undefined })));
-        (0, test_utils_1.act)(function () {
-            component.find('.image').first().simulate('load');
-        });
-        component.update();
-        (0, test_utils_1.act)(function () {
-            component.find(Image_1.Image).first().simulate('mouseEnter');
-        });
-        component.update();
-        var imageActionsOverlay = component.find(ImageActionsOverlay_1.ImageActionsOverlay).first();
-        expect(imageActionsOverlay.prop('onDelete')).toBeUndefined();
-    });
-});

package/cjs/ImageDetailsView/components/ImageDetailsViewCarousel/ImageDetailsViewCarousel.test.d.ts

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

package/cjs/ImageDetailsView/components/ImageDetailsViewCarousel/ImageDetailsViewCarousel.test.js

@@ -1,104 +0,0 @@
-"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 __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 enzyme_1 = require("enzyme");
-var Image_1 = require("../../../Image");
-var ImageDetailsViewCarousel_1 = require("./ImageDetailsViewCarousel");
-describe('DetailsViewCarousel tests', function () {
-    it('should render 5 images and render correct main image', function () {
-        var attributeValues = [
-            { uri: '1', value: { UrlPreview: [{ value: '#0', uri: '1' }] } },
-            { uri: '2', value: { UrlPreview: [{ value: '#1', uri: '2' }] } },
-            { uri: '3', value: { UrlPreview: [{ value: '#2', uri: '3' }] } },
-            { uri: '4', value: { UrlPreview: [{ value: '#3', uri: '4' }] } },
-            { uri: '5', value: { UrlPreview: [{ value: '#4', uri: '5' }] } }
-        ];
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ImageDetailsViewCarousel_1.ImageDetailsViewCarousel, { attributeValueIndex: 3, setAttributeValueIndex: jest.fn(), attributeValues: attributeValues }));
-        var images = component.find(Image_1.Image);
-        expect(images.filter('.thumb').length).toBe(5);
-        expect(images.filter('.mainImage').prop('src')).toBe('#3');
-    });
-    it('should change currentImageIndex on prevButtonClick', function () {
-        var attributeValueIndex = 3;
-        var setAttributeValueIndex = function (index) {
-            attributeValueIndex = index;
-        };
-        var attributeValues = [
-            { uri: '1', value: { UrlPreview: [{ value: '#0', uri: '1' }] } },
-            { uri: '2', value: { UrlPreview: [{ value: '#1', uri: '2' }] } },
-            { uri: '3', value: { UrlPreview: [{ value: '#2', uri: '3' }] } },
-            { uri: '4', value: { UrlPreview: [{ value: '#3', uri: '4' }] } },
-            { uri: '5', value: { UrlPreview: [{ value: '#4', uri: '5' }] } }
-        ];
-        var props = { attributeValueIndex: attributeValueIndex, setAttributeValueIndex: setAttributeValueIndex, attributeValues: attributeValues };
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ImageDetailsViewCarousel_1.ImageDetailsViewCarousel, __assign({}, props)));
-        var images = component.find(Image_1.Image);
-        expect(images.filter('.thumb').length).toBe(5);
-        expect(images.filter('.mainImage').prop('src')).toBe('#3');
-        var prevButton = component.find('button.arrowButtonPrev');
-        prevButton.simulate('click');
-        component.setProps(__assign(__assign({}, props), { attributeValueIndex: attributeValueIndex }));
-        component.update();
-        expect(component.find(Image_1.Image).filter('.mainImage').prop('src')).toBe('#2');
-    });
-    it('should change currentImageIndex on nextButtonClick', function () {
-        var attributeValueIndex = 3;
-        var setAttributeValueIndex = function (index) {
-            attributeValueIndex = index;
-        };
-        var attributeValues = [
-            { uri: '1', value: { UrlPreview: [{ value: '#0', uri: '1' }] } },
-            { uri: '2', value: { UrlPreview: [{ value: '#1', uri: '2' }] } },
-            { uri: '3', value: { UrlPreview: [{ value: '#2', uri: '3' }] } },
-            { uri: '4', value: { UrlPreview: [{ value: '#3', uri: '4' }] } },
-            { uri: '5', value: { UrlPreview: [{ value: '#4', uri: '5' }] } }
-        ];
-        var props = { attributeValueIndex: attributeValueIndex, setAttributeValueIndex: setAttributeValueIndex, attributeValues: attributeValues };
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ImageDetailsViewCarousel_1.ImageDetailsViewCarousel, __assign({}, props)));
-        var images = component.find(Image_1.Image);
-        expect(images.filter('.thumb').length).toBe(5);
-        expect(images.filter('.mainImage').prop('src')).toBe('#3');
-        var nextButton = component.find('button.arrowButtonNext');
-        nextButton.simulate('click');
-        component.setProps(__assign(__assign({}, props), { attributeValueIndex: attributeValueIndex }));
-        component.update();
-        expect(component.find(Image_1.Image).filter('.mainImage').prop('src')).toBe('#4');
-    });
-    it('should change currentImageIndex on click on image at carousel', function () {
-        var attributeValueIndex = 3;
-        var setAttributeValueIndex = function (index) {
-            attributeValueIndex = index;
-        };
-        var attributeValues = [
-            { uri: '1', value: { UrlPreview: [{ value: '#0', uri: '01' }], UrlThumbnail: [{ value: '#00', uri: '11' }] } },
-            { uri: '2', value: { UrlPreview: [{ value: '#1', uri: '02' }], UrlThumbnail: [{ value: '#01', uri: '12' }] } },
-            { uri: '3', value: { UrlPreview: [{ value: '#2', uri: '03' }], UrlThumbnail: [{ value: '#02', uri: '13' }] } },
-            { uri: '4', value: { UrlPreview: [{ value: '#3', uri: '04' }], UrlThumbnail: [{ value: '#03', uri: '14' }] } },
-            { uri: '5', value: { UrlPreview: [{ value: '#4', uri: '05' }], UrlThumbnail: [{ value: '#04', uri: '15' }] } }
-        ];
-        var props = { attributeValueIndex: attributeValueIndex, setAttributeValueIndex: setAttributeValueIndex, attributeValues: attributeValues };
-        var component = (0, enzyme_1.mount)(react_1.default.createElement(ImageDetailsViewCarousel_1.ImageDetailsViewCarousel, __assign({}, props)));
-        var images = component.find(Image_1.Image);
-        expect(images.filter('.thumb').length).toBe(5);
-        expect(images.filter('.mainImage').prop('src')).toBe('#3');
-        var thumbGrid = images.filter('.thumb[src="#00"]').find('img');
-        thumbGrid.simulate('click');
-        component.setProps(__assign(__assign({}, props), { attributeValueIndex: attributeValueIndex }));
-        component.update();
-        expect(component.find(Image_1.Image).filter('.mainImage').prop('src')).toBe('#0');
-    });
-});

package/cjs/ImageDetailsView/components/ImageDetailsViewSidebar/ImageDetailsViewSidebar.test.d.ts

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

package/cjs/ImageDetailsView/components/ImageDetailsViewSidebar/ImageDetailsViewSidebar.test.js

@@ -1,70 +0,0 @@
-"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 __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 enzyme_1 = require("enzyme");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var MetaInfo_1 = require("../MetaInfo");
-var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
-var ImageDetailsViewSidebar_1 = require("./ImageDetailsViewSidebar");
-var mdmValues = {
-    mode: mdm_sdk_1.Mode.Viewing,
-    imageAttributesFieldsOrder: {}
-};
-var setUp = function (props) {
-    return (0, enzyme_1.mount)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues },
-        react_1.default.createElement(ImageDetailsViewSidebar_1.ImageDetailsViewSidebar, __assign({}, props))));
-};
-describe('DetailsViewSidebar tests', function () {
-    var attributeType = {
-        attributes: [],
-        name: 'ImageGallery',
-        type: 'Image',
-        uri: 'configuration/entityTypes/Employee/attributes/ImageGallery'
-    };
-    it('should render MetaInfo and provide correct props', function () {
-        var attributeValue = {
-            uri: '1',
-            value: {
-                CdnUrl: [{ value: 'https://google.com', uri: '1' }],
-                CdnUrlPreview: [{ value: 'https://twitter.com', uri: '2' }],
-                CdnUrlThumbnail: [{ value: 'https://facebook.com', uri: '3' }],
-                CreationTimestamp: [{ value: '2021-06-09T13:13:16.563Z', uri: '4' }],
-                Height: [{ value: '500', uri: '5' }],
-                MimeType: [{ value: 'image/png', uri: '6' }],
-                Size: [{ value: '5000', uri: '7' }],
-                Url: [{ value: 'https://vk.com', uri: '8' }],
-                UrlPreview: [{ value: 'https://github.com', uri: '9' }],
-                UrlThumbnail: [{ value: 'https://bitbucket.com', uri: '10' }],
-                Width: [{ value: '400', uri: '11' }]
-            }
-        };
-        var component = setUp({ attributeValue: attributeValue, handleSetAsDefault: jest.fn(), attributeType: attributeType });
-        var metaInfo = component.find(MetaInfo_1.MetaInfo);
-        expect(metaInfo.length).toBe(1);
-        expect(metaInfo.prop('attributeValue')).toStrictEqual(attributeValue);
-    });
-    it('should render MetaInfo without currentImage.value', function () {
-        var attributeValue = {
-            uri: '1',
-            value: {}
-        };
-        var component = setUp({ attributeValue: attributeValue, handleSetAsDefault: jest.fn(), attributeType: attributeType });
-        var metaInfo = component.find(MetaInfo_1.MetaInfo);
-        expect(metaInfo.length).toBe(1);
-        expect(metaInfo.prop('attributeValue')).toStrictEqual(attributeValue);
-    });
-});

package/cjs/ImageDetailsView/components/MetaInfo/MetaInfo.test.d.ts

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