@reltio/components 1.4.1589 → 1.4.1590

package/cjs/components/attributes/inline/common/__test__/SourceItem.spec.js

@@ -1,95 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var enzyme_1 = require("enzyme");
-var react_1 = __importDefault(require("react"));
-var reactRedux = __importStar(require("react-redux"));
-var Visibility_1 = __importDefault(require("@material-ui/icons/Visibility"));
-var crosswalksDisplay = __importStar(require("../../../../../contexts/CrosswalksDisplayContext"));
-var SmallIconButton_1 = require("../../../../SmallIconButton");
-var SourceIcon_1 = __importDefault(require("../../../../SourceIcon/SourceIcon"));
-var SourceItem_1 = __importDefault(require("../SourceItem"));
-var createStore = function () {
-    return {
-        tenant: { id: 't1' },
-        metadata: {
-            t1: {
-                sources: [
-                    {
-                        uri: 'configuration/sources/Reltio',
-                        label: 'Reltio',
-                        icon: 'images/source/reltio.png',
-                        abbreviation: 'Reltio'
-                    }
-                ]
-            }
-        }
-    };
-};
-var mockUseSelector = function (store) {
-    return jest.spyOn(reactRedux, 'useSelector').mockImplementation(function (selector) { return selector(store); });
-};
-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']
-};
-describe('Source item tests', function () {
-    var toggleCrosswalkFocus = jest.fn();
-    beforeAll(function () {
-        jest.spyOn(crosswalksDisplay, 'useCrosswalkFocus').mockReturnValue({
-            isFocused: false,
-            toggleCrosswalkFocus: toggleCrosswalkFocus
-        });
-    });
-    it('should show source icon and label and crosswalk value', function () {
-        mockUseSelector(createStore());
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceItem_1.default, { color: "color", crosswalk: crosswalk }));
-        expect(wrapper.find(SourceIcon_1.default).prop('sourceType')).toBe('configuration/sources/Reltio');
-        expect(wrapper.find('.label').text()).toBe('Reltio');
-        expect(wrapper.find('.crosswalkValue').text()).toBe('1PPwRPuk');
-        expect(wrapper.find(SmallIconButton_1.SmallIconButtonWithTooltip).length).toBe(0);
-    });
-    it('should show focus button when focusable === true', function () {
-        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceItem_1.default, { color: "color", crosswalk: crosswalk, focusable: true }));
-        var button = wrapper.find(SmallIconButton_1.SmallIconButtonWithTooltip);
-        expect(button.props()).toMatchObject({
-            icon: Visibility_1.default,
-            tooltipTitle: 'Focus'
-        });
-        button.simulate('click');
-        expect(toggleCrosswalkFocus).toBeCalledTimes(1);
-    });
-});

package/esm/components/attributes/inline/common/__test__/CrosswalkIcon.spec.d.ts

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

package/esm/components/attributes/inline/common/__test__/CrosswalkIcon.spec.js

@@ -1,124 +0,0 @@
-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;
-    return g = { next: verb(0), "throw": verb(1), "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 { render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { Provider } from 'react-redux';
-import CrosswalkIcon from '../CrosswalkIcon';
-import { CrosswalksDisplayProvider } from '../../../../../contexts/CrosswalksDisplayContext';
-import { createTestStore } from '../../../../../test-utils/store-utils';
-jest.unmock('@material-ui/core/styles');
-describe('CrosswalkIcon tests', function () {
-    var setCrosswalkHighlighted = jest.fn();
-    var crosswalk = { type: 'Reltio', uri: 'crosswalkUri', value: '20' };
-    var disabledCrosswalk = { type: 'Reltio', uri: 'crosswalkUri', value: '20', deleteDate: 1000000 };
-    var setUp = function (crosswalk, className, color) {
-        if (className === void 0) { className = ''; }
-        if (color === void 0) { color = '#F0F'; }
-        var store = createTestStore({
-            metadata: {
-                tenant: {
-                    sources: [{ uri: 'configuration/sources/Reltio', label: 'Reltio' }]
-                }
-            },
-            tenant: {
-                id: 'tenant'
-            }
-        });
-        var Providers = function (_a) {
-            var children = _a.children;
-            return (React.createElement(Provider, { store: store },
-                React.createElement(CrosswalksDisplayProvider, { setCrosswalkHighlighted: setCrosswalkHighlighted, getCrosswalkColor: function () { return color; } }, children)));
-        };
-        return render(React.createElement(CrosswalkIcon, { crosswalk: crosswalk, className: className }), { wrapper: Providers });
-    };
-    it('should render CrosswalkIcon correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user, icon;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    user = userEvent.setup();
-                    setUp(crosswalk);
-                    icon = screen.getByTestId('crosswalk-icon');
-                    return [4 /*yield*/, user.hover(icon)];
-                case 1:
-                    _a.sent();
-                    return [4 /*yield*/, screen.findByRole('tooltip')];
-                case 2:
-                    _a.sent();
-                    expect(screen.getByText('R')).toBeInTheDocument();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('should support highlighting', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var user, icon, hoverArgs, unhoverArgs;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setCrosswalkHighlighted.mockReset();
-                    user = userEvent.setup();
-                    setUp(crosswalk);
-                    icon = screen.getByTestId('crosswalk-icon');
-                    return [4 /*yield*/, user.hover(icon)];
-                case 1:
-                    _a.sent();
-                    expect(setCrosswalkHighlighted).toHaveBeenCalledTimes(1);
-                    hoverArgs = setCrosswalkHighlighted.mock.calls[0];
-                    expect(hoverArgs[0]).toBe(crosswalk);
-                    expect(hoverArgs[1]).toBeTruthy();
-                    return [4 /*yield*/, user.unhover(icon)];
-                case 2:
-                    _a.sent();
-                    expect(setCrosswalkHighlighted).toHaveBeenCalledTimes(2);
-                    unhoverArgs = setCrosswalkHighlighted.mock.calls[1];
-                    expect(unhoverArgs[0]).toBe(crosswalk);
-                    expect(unhoverArgs[1]).toBeFalsy();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('should render correct icon for disabled crosswalk', function () {
-        setUp(disabledCrosswalk);
-        var element = screen.getByTestId('crosswalk-icon');
-        var style = getComputedStyle(element);
-        expect(style).toMatchObject({
-            border: '2px solid #f0f',
-            'box-sizing': 'border-box'
-        });
-    });
-});

package/esm/components/attributes/inline/common/__test__/DeleteButton.spec.d.ts

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

package/esm/components/attributes/inline/common/__test__/DeleteButton.spec.js

@@ -1,20 +0,0 @@
-import { shallow } from 'enzyme';
-import React from 'react';
-import { SmallIconButtonWithTooltip } from '../../../../SmallIconButton';
-import DeleteIcon from '@material-ui/icons/Delete';
-import DeleteButton from '../DeleteButton';
-describe('Delete button test', function () {
-    var component, onClickFn;
-    var getButton = function (component) { return component.find(SmallIconButtonWithTooltip); };
-    beforeEach(function () {
-        onClickFn = jest.fn();
-        component = shallow(React.createElement(DeleteButton, { onClick: onClickFn }));
-    });
-    it('should render correctly', function () {
-        expect(getButton(component).props()).toMatchObject({
-            tooltipTitle: 'Delete',
-            onClick: onClickFn,
-            icon: DeleteIcon
-        });
-    });
-});

package/esm/components/attributes/inline/common/__test__/IgnoreButton.spec.d.ts

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

package/esm/components/attributes/inline/common/__test__/IgnoreButton.spec.js

@@ -1,29 +0,0 @@
-import { mount } from 'enzyme';
-import React from 'react';
-import { SmallIconButtonWithTooltip } from '../../../../SmallIconButton';
-import IgnoredIcon from '../../../../../icons/Ignored';
-import IgnoredOutlinedIcon from '../../../../../icons/IgnoredOutlined';
-import IgnoreButton from '../IgnoreButton';
-describe('Ignore button test', function () {
-    var component, onClickFn;
-    var getButton = function (component) { return component.find(SmallIconButtonWithTooltip); };
-    beforeEach(function () {
-        onClickFn = jest.fn();
-        component = mount(React.createElement(IgnoreButton, { isIgnored: false, onClick: onClickFn }));
-    });
-    it('should pass button props correctly', function () {
-        expect(getButton(component).prop('onClick')).toBe(onClickFn);
-        component.setProps({ disabled: true });
-        expect(getButton(component).prop('disabled')).toBe(true);
-    });
-    it('should show correct icon', function () {
-        expect(getButton(component).prop('icon')).toBe(IgnoredOutlinedIcon);
-        component.setProps({ isIgnored: true });
-        expect(getButton(component).prop('icon')).toBe(IgnoredIcon);
-    });
-    it('should show correct tooltip', function () {
-        expect(getButton(component).prop('tooltipTitle')).toBe('Ignore');
-        component.setProps({ disabled: true });
-        expect(getButton(component).prop('tooltipTitle')).toBe("You don't have permissions to ignore");
-    });
-});

package/esm/components/attributes/inline/common/__test__/PinButton.spec.d.ts

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

package/esm/components/attributes/inline/common/__test__/PinButton.spec.js

@@ -1,29 +0,0 @@
-import { mount } from 'enzyme';
-import React from 'react';
-import { SmallIconButtonWithTooltip } from '../../../../SmallIconButton';
-import PinIcon from '../../../../../icons/Pin';
-import PinOutlinedIcon from '../../../../../icons/PinOutlined';
-import PinButton from '../PinButton';
-describe('Pin button test', function () {
-    var component, onClickFn;
-    var getButton = function (component) { return component.find(SmallIconButtonWithTooltip); };
-    beforeEach(function () {
-        onClickFn = jest.fn();
-        component = mount(React.createElement(PinButton, { isPinned: false, onClick: onClickFn }));
-    });
-    it('should pass button props correctly', function () {
-        expect(getButton(component).prop('onClick')).toBe(onClickFn);
-        component.setProps({ disabled: true });
-        expect(getButton(component).prop('disabled')).toBe(true);
-    });
-    it('should show correct icon', function () {
-        expect(getButton(component).prop('icon')).toBe(PinOutlinedIcon);
-        component.setProps({ isPinned: true });
-        expect(getButton(component).prop('icon')).toBe(PinIcon);
-    });
-    it('should show correct tooltip', function () {
-        expect(getButton(component).prop('tooltipTitle')).toBe('Pin');
-        component.setProps({ disabled: true });
-        expect(getButton(component).prop('tooltipTitle')).toBe("You don't have permissions to pin");
-    });
-});

package/esm/components/attributes/inline/common/__test__/SourceItem.spec.d.ts

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

package/esm/components/attributes/inline/common/__test__/SourceItem.spec.js

@@ -1,67 +0,0 @@
-import { shallow } from 'enzyme';
-import React from 'react';
-import * as reactRedux from 'react-redux';
-import VisibilityIcon from '@material-ui/icons/Visibility';
-import * as crosswalksDisplay from '../../../../../contexts/CrosswalksDisplayContext';
-import { SmallIconButtonWithTooltip } from '../../../../SmallIconButton';
-import SourceIcon from '../../../../SourceIcon/SourceIcon';
-import SourceItem from '../SourceItem';
-var createStore = function () {
-    return {
-        tenant: { id: 't1' },
-        metadata: {
-            t1: {
-                sources: [
-                    {
-                        uri: 'configuration/sources/Reltio',
-                        label: 'Reltio',
-                        icon: 'images/source/reltio.png',
-                        abbreviation: 'Reltio'
-                    }
-                ]
-            }
-        }
-    };
-};
-var mockUseSelector = function (store) {
-    return jest.spyOn(reactRedux, 'useSelector').mockImplementation(function (selector) { return selector(store); });
-};
-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']
-};
-describe('Source item tests', function () {
-    var toggleCrosswalkFocus = jest.fn();
-    beforeAll(function () {
-        jest.spyOn(crosswalksDisplay, 'useCrosswalkFocus').mockReturnValue({
-            isFocused: false,
-            toggleCrosswalkFocus: toggleCrosswalkFocus
-        });
-    });
-    it('should show source icon and label and crosswalk value', function () {
-        mockUseSelector(createStore());
-        var wrapper = shallow(React.createElement(SourceItem, { color: "color", crosswalk: crosswalk }));
-        expect(wrapper.find(SourceIcon).prop('sourceType')).toBe('configuration/sources/Reltio');
-        expect(wrapper.find('.label').text()).toBe('Reltio');
-        expect(wrapper.find('.crosswalkValue').text()).toBe('1PPwRPuk');
-        expect(wrapper.find(SmallIconButtonWithTooltip).length).toBe(0);
-    });
-    it('should show focus button when focusable === true', function () {
-        var wrapper = shallow(React.createElement(SourceItem, { color: "color", crosswalk: crosswalk, focusable: true }));
-        var button = wrapper.find(SmallIconButtonWithTooltip);
-        expect(button.props()).toMatchObject({
-            icon: VisibilityIcon,
-            tooltipTitle: 'Focus'
-        });
-        button.simulate('click');
-        expect(toggleCrosswalkFocus).toBeCalledTimes(1);
-    });
-});