@reltio/components 1.4.2051 → 1.4.2053

package/cjs/SelectEditor/SelectEditor.test.js

@@ -1,18 +1,88 @@
 "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 build_1 = require("enzyme/build");
-var DropDownEditor_1 = require("../DropDownEditor");
+var react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var SelectEditor_1 = require("./SelectEditor");
 describe('SelectEditor', function () {
-    it('should render DropDownEditor', function () {
-        var entries = [{ value: 'String1' }, { value: 'String2' }, { value: 'String3' }], value = 'String2';
-        var wrapper = (0, build_1.shallow)(react_1.default.createElement(SelectEditor_1.SelectEditor, { value: value, entries: entries }));
-        var dropDown = wrapper.find(DropDownEditor_1.DropDownEditor);
-        expect(dropDown.prop('value')).toBe(value);
-        expect(dropDown.prop('entries')).toEqual(entries);
-    });
+    var defaultProps = {
+        value: 'String1',
+        classes: { root: 'customRoot' },
+        entries: [{ value: 'String1' }, { value: 'String2' }, { value: 'String3' }],
+        onChange: jest.fn()
+    };
+    it('should render DropDownEditor', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, button;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = user_event_1.default.setup();
+                    (0, react_2.render)(react_1.default.createElement(SelectEditor_1.SelectEditor, __assign({}, defaultProps)));
+                    expect(react_2.screen.getByText('String1')).toBeInTheDocument();
+                    expect(react_2.screen.queryByText('String2')).not.toBeInTheDocument();
+                    button = react_2.screen.getByRole('button');
+                    expect(button).toHaveClass('customRoot');
+                    return [4 /*yield*/, user.click(button)];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.getByText('String2')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('String3')).toBeInTheDocument();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('String3'))];
+                case 2:
+                    _a.sent();
+                    expect(defaultProps.onChange).toHaveBeenCalledWith('String3');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/hooks/useAsyncMount/useAsyncMount.d.ts

@@ -1 +1 @@
-export function useAsyncMount(): boolean;
+export declare const useAsyncMount: () => boolean;

package/cjs/hooks/useAsyncMount/useAsyncMount.js

@@ -11,7 +11,7 @@ var useAsyncMount = function () {
     if (isFirstRunRef.current) {
         queueSize++;
     }
-    var timerRef = (0, react_1.useRef)();
+    var timerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
         queueSize--;
         if (!shouldMount) {

package/hooks/useAsyncMount/useAsyncMount.d.ts

@@ -1 +1 @@
-export function useAsyncMount(): boolean;
+export declare const useAsyncMount: () => boolean;

package/hooks/useAsyncMount/useAsyncMount.js

@@ -8,7 +8,7 @@ export var useAsyncMount = function () {
     if (isFirstRunRef.current) {
         queueSize++;
     }
-    var timerRef = useRef();
+    var timerRef = useRef(null);
     useEffect(function () {
         queueSize--;
         if (!shouldMount) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2051",
+  "version": "1.4.2053",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1907",
+    "@reltio/mdm-sdk": "^1.4.1908",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

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

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

package/HOCs/withTableContext/withTableContext.test.js

@@ -1,41 +0,0 @@
-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);
-};
-import React from 'react';
-import { mount } from 'enzyme';
-import { withTableContext } from './withTableContext';
-import { BasicTableContext } from '../../contexts/BasicTableContext';
-describe('withTableContext behavior', function () {
-    it('should return original cell renderer if context selector is not provided', function () {
-        var CellRenderer = function () { };
-        expect(withTableContext(undefined)(CellRenderer)).toBe(CellRenderer);
-        expect(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 = withTableContext(contextSelector)(CellRenderer);
-        var cellContext = 'test';
-        var wrapper = mount(React.createElement(BasicTableContext.Provider, { value: { cellContext: cellContext } },
-            React.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 = withTableContext(contextSelector)(CellRenderer);
-        var cellContext = 'test';
-        var ownProps = { someProp: true };
-        mount(React.createElement(BasicTableContext.Provider, { value: { cellContext: cellContext } },
-            React.createElement(CellRendererWithContext, __assign({}, ownProps))));
-        expect(contextSelector).toHaveBeenCalledWith({ cellContext: cellContext }, ownProps);
-    });
-});

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

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

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

@@ -1,98 +0,0 @@
-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);
-};
-import React from 'react';
-import { mount } from 'enzyme';
-import { range } from 'ramda';
-import { act } from 'react-dom/test-utils';
-import { GalleryView } from './GalleryView';
-import { Image } from '../../../Image';
-import { ImageActionsOverlay } from '../../../ImageActionsOverlay';
-describe('GalleryView tests', function () {
-    var generateItems = function (count) {
-        return 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 = mount(React.createElement(GalleryView, __assign({}, defaultProps)));
-        expect(component.find(Image)).toHaveLength(3);
-        expect(component.find(ImageActionsOverlay)).toHaveLength(0);
-    });
-    it('should call main prop functions from overlay', function () {
-        var component = mount(React.createElement(GalleryView, __assign({}, defaultProps)));
-        act(function () {
-            component.find('.image').first().simulate('load');
-        });
-        component.update();
-        act(function () {
-            component.find(Image).first().simulate('mouseEnter');
-        });
-        component.update();
-        var imageActionsOverlay = component.find(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 = mount(React.createElement(GalleryView, __assign({}, defaultProps)));
-        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 = mount(React.createElement(GalleryView, __assign({}, defaultProps, { onDelete: undefined })));
-        act(function () {
-            component.find('.image').first().simulate('load');
-        });
-        component.update();
-        act(function () {
-            component.find(Image).first().simulate('mouseEnter');
-        });
-        component.update();
-        var imageActionsOverlay = component.find(ImageActionsOverlay).first();
-        expect(imageActionsOverlay.prop('onDelete')).toBeUndefined();
-    });
-});

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

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

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

@@ -1,99 +0,0 @@
-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);
-};
-import React from 'react';
-import { mount } from 'enzyme';
-import { Image } from '../../../Image';
-import { ImageDetailsViewCarousel } from './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 = mount(React.createElement(ImageDetailsViewCarousel, { attributeValueIndex: 3, setAttributeValueIndex: jest.fn(), attributeValues: attributeValues }));
-        var images = component.find(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 = mount(React.createElement(ImageDetailsViewCarousel, __assign({}, props)));
-        var images = component.find(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).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 = mount(React.createElement(ImageDetailsViewCarousel, __assign({}, props)));
-        var images = component.find(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).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 = mount(React.createElement(ImageDetailsViewCarousel, __assign({}, props)));
-        var images = component.find(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).filter('.mainImage').prop('src')).toBe('#0');
-    });
-});

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

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

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

@@ -1,65 +0,0 @@
-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);
-};
-import React from 'react';
-import { mount } from 'enzyme';
-import { Mode } from '@reltio/mdm-sdk';
-import { MetaInfo } from '../MetaInfo';
-import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
-import { ImageDetailsViewSidebar } from './ImageDetailsViewSidebar';
-var mdmValues = {
-    mode: Mode.Viewing,
-    imageAttributesFieldsOrder: {}
-};
-var setUp = function (props) {
-    return mount(React.createElement(MdmModuleProvider, { values: mdmValues },
-        React.createElement(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);
-        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);
-        expect(metaInfo.length).toBe(1);
-        expect(metaInfo.prop('attributeValue')).toStrictEqual(attributeValue);
-    });
-});

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

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