@reltio/components 1.4.1819 → 1.4.1821

package/esm/features/crosswalks/AttributesTable/components/WinnerSourcesRenderer/WinnerSourcesRenderer.test.js

@@ -0,0 +1,152 @@
+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;
+    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 { theme } from '@reltio/mdm-sdk';
+import { ThemeProvider } from '@mui/styles';
+import { createTheme } from '@mui/material/styles';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { MdmModuleProvider } from '../../../../../contexts/MdmModuleContext';
+import { CrosswalksDisplayProvider } from '../../../../../contexts/CrosswalksDisplayContext';
+import { WinnerSourcesRenderer } from './WinnerSourcesRenderer';
+jest.unmock('@mui/styles');
+describe('WinnerSourcesRenderer tests', function () {
+    var metadata = {
+        uri: 'configuration',
+        sources: [
+            {
+                uri: 'configuration/sources/Reltio',
+                label: 'Reltio',
+                icon: 'images/source/reltio.png',
+                abbreviation: 'Reltio'
+            },
+            {
+                uri: 'configuration/sources/AHA',
+                label: 'AHA',
+                icon: 'images/source/source_s.png',
+                abbreviation: 'AHA'
+            }
+        ]
+    };
+    var sourceAbbr = [
+        { name: 'Reltio', rgbColor: 'rgb(175, 175, 175)' },
+        { name: 'AHA', rgbColor: 'rgb(138, 138, 138)' }
+    ];
+    var value = {
+        crosswalks: [
+            {
+                uri: 'entities/j8K1vc9/crosswalks/12jf9nL05',
+                type: 'configuration/sources/Reltio',
+                value: 'nQpZyQt',
+                reltioLoadDate: '2021-06-11T08:24:31.726Z',
+                createDate: '2018-11-19T12:14:00.735Z',
+                updateDate: '2018-11-19T12:14:00.735Z',
+                attributes: [],
+                singleAttributeUpdateDates: {}
+            },
+            {
+                uri: 'entities/j8K1vc9/crosswalks/1CwTinUzm',
+                type: 'configuration/sources/AHA',
+                value: 'AHA_LEV',
+                reltioLoadDate: '2021-06-09T11:32:16.434Z',
+                createDate: '2018-11-28T13:16:18.540Z',
+                updateDate: '2018-11-28T13:16:18.540Z',
+                attributes: [],
+                singleAttributeUpdateDates: {}
+            }
+        ]
+    };
+    var setCrosswalkHighlightedSpy = jest.fn();
+    var setUp = function (_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.highlightedCrosswalks, highlightedCrosswalks = _c === void 0 ? [] : _c;
+        var user = userEvent.setup({ delay: null });
+        var Providers = function (_a) {
+            var children = _a.children;
+            return (React.createElement(MdmModuleProvider, { values: { metadata: metadata } },
+                React.createElement(ThemeProvider, { theme: createTheme(theme) },
+                    React.createElement(CrosswalksDisplayProvider, { setCrosswalkHighlighted: setCrosswalkHighlightedSpy, highlightedCrosswalks: highlightedCrosswalks }, children))));
+        };
+        return __assign({ user: user }, render(React.createElement(WinnerSourcesRenderer, { value: value }), { wrapper: Providers }));
+    };
+    it('should render winner source system correctly', function () {
+        setUp();
+        var items = screen.getAllByTestId('cw-colored-block');
+        expect(items.length).toBe(2);
+        items.forEach(function (item, i) {
+            expect(item.textContent).toBe(sourceAbbr[i].name);
+            expect(getComputedStyle(item).backgroundColor).toBe(sourceAbbr[i].rgbColor);
+        });
+    });
+    it('should support highlighting', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, item;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    item = screen.getAllByTestId('cw-colored-block')[0];
+                    return [4 /*yield*/, user.hover(item)];
+                case 1:
+                    _a.sent();
+                    expect(setCrosswalkHighlightedSpy).toBeCalledWith(value.crosswalks[0], true);
+                    return [4 /*yield*/, user.unhover(item)];
+                case 2:
+                    _a.sent();
+                    expect(setCrosswalkHighlightedSpy).toBeCalledWith(value.crosswalks[0], false);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should render dimmed winner source system if highlighted another', function () {
+        var highlightedCrosswalks = [value.crosswalks[1]];
+        setUp({ highlightedCrosswalks: highlightedCrosswalks });
+        var items = screen.getAllByTestId('cw-colored-block');
+        expect(items.length).toBe(2);
+        expect(getComputedStyle(items[0]).backgroundColor).toBe('rgba(0, 0, 0, 0.12)');
+        expect(getComputedStyle(items[1]).backgroundColor).toBe(sourceAbbr[1].rgbColor);
+    });
+});

package/esm/features/crosswalks/AttributesTable/components/WinnerSourcesRenderer/index.d.ts

@@ -0,0 +1 @@
+export { WinnerSourcesRenderer } from './WinnerSourcesRenderer';

package/esm/features/crosswalks/AttributesTable/components/WinnerSourcesRenderer/index.js

@@ -0,0 +1 @@
+export { WinnerSourcesRenderer } from './WinnerSourcesRenderer';

package/esm/features/crosswalks/AttributesTable/components/WinnerSourcesRenderer/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"item">;

package/esm/features/crosswalks/AttributesTable/components/WinnerSourcesRenderer/styles.js

@@ -0,0 +1,7 @@
+import { makeStyles } from '@mui/styles';
+export var useStyles = makeStyles({
+    item: {
+        paddingBottom: '2px',
+        paddingTop: '2px'
+    }
+});

package/esm/features/crosswalks/AttributesTable/helpers.d.ts

@@ -0,0 +1,35 @@
+import { AttributeType, AttributeValue, Crosswalk, Metadata, RecordAttributesType } from '@reltio/mdm-sdk';
+import { CrosswalksMap } from '../../../types';
+import { CrosswalksByOwnerTypeMap } from '../types';
+import { AttributesTableRowValue, RuleTypeValues } from './types';
+export declare const COLUMNS_DATA: ({
+    id: string;
+    readonly label: string;
+    hideable: boolean;
+    initialWidth: number;
+    minWidth: number;
+} | {
+    id: string;
+    readonly label: string;
+    initialWidth: number;
+    hideable?: undefined;
+    minWidth?: undefined;
+} | {
+    id: string;
+    readonly label: string;
+    initialWidth: number;
+    minWidth: number;
+    hideable?: undefined;
+} | {
+    id: string;
+    readonly label: string;
+    hideable: boolean;
+    initialWidth?: undefined;
+    minWidth?: undefined;
+})[];
+export declare const DEFAULT_VISIBLE_COLUMNS: string[];
+export declare const countAttributeValues: (type: string, values: AttributeValue[], crosswalksMap: CrosswalksMap) => number;
+export declare const getRuleTypeValues: (metadata: Metadata, attributeType: AttributeType, parentTypeUri: string, activeSurvivorshipGroupUri?: string) => RuleTypeValues;
+export declare const getWinnerCrosswalks: (attributeValues: AttributeValue[], crosswalksMap: CrosswalksMap) => Crosswalk[];
+export declare const getBasicTableColumnsData: any;
+export declare const getBasicTableRowsData: (metadata: Metadata, parentTypeUri: string, attrTypes: AttributeType[], columns: string[], crosswalksMap: CrosswalksByOwnerTypeMap, attributes: RecordAttributesType, activeSurvivorshipGroupUri?: string) => AttributesTableRowValue[];

package/esm/features/crosswalks/AttributesTable/helpers.js

@@ -0,0 +1,192 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import i18n from 'ui-i18n';
+import { assoc, chain, curry, descend, filter, find, flatten, map, pickBy, pipe, prop, propEq, propOr, reduce, sortWith, uniq, uniqBy, values, pathOr } from 'ramda';
+import { areOneHierarchyUris, DataTypes, findValueInAttributesByUriSuffix, getBaseUri, getCrosswalksTypes, getDefaultSurvivorshipStrategy, getLastUriPart, getReferencedAttrTypeUrisFromAttrType, getSurvivorshipStrategy, isComplexAttribute, isOv, isReference, isTempUri } from '@reltio/mdm-sdk';
+import { HeadCellRenderer } from './components/HeadCellRenderer';
+import { AttributesHeadCellRenderer } from './components/AttributesHeadCellRenderer';
+import { DefaultCellValueRenderer } from './components/DefaultCellValueRenderer';
+import { AttributeValuesRenderer } from './components/AttributeValuesRenderer';
+import { OvValuesRenderer } from './components/OvValuesRenderer';
+import { CountRenderer } from './components/CountRenderer';
+import { RuleTypeRenderer } from './components/RuleTypeRenderer';
+import { WinnerSourcesRenderer } from './components/WinnerSourcesRenderer';
+export var COLUMNS_DATA = [
+    {
+        id: 'ovValues',
+        get label() {
+            return i18n.text('Attributes & OV');
+        },
+        hideable: false,
+        initialWidth: 360,
+        minWidth: 250
+    },
+    {
+        id: 'winnerSources',
+        get label() {
+            return i18n.text('Winner source systems');
+        },
+        initialWidth: 220
+    },
+    {
+        id: 'ruleType',
+        get label() {
+            return i18n.text('Rule type');
+        },
+        initialWidth: 200
+    },
+    {
+        id: 'count',
+        get label() {
+            return i18n.text('Count');
+        },
+        initialWidth: 80,
+        minWidth: 80
+    },
+    {
+        id: 'values',
+        get label() {
+            return i18n.text('Attribute values');
+        },
+        hideable: false
+    }
+];
+var isOvValue = function (value) { return isOv(value) && !isTempUri(value.uri); };
+export var DEFAULT_VISIBLE_COLUMNS = ['ovValues', 'ruleType', 'values'];
+var getCellValueRenderer = function (columnId) {
+    switch (columnId) {
+        case 'ovValues':
+            return OvValuesRenderer;
+        case 'values':
+            return AttributeValuesRenderer;
+        case 'count':
+            return CountRenderer;
+        case 'ruleType':
+            return RuleTypeRenderer;
+        case 'winnerSources':
+            return WinnerSourcesRenderer;
+        default:
+            return DefaultCellValueRenderer;
+    }
+};
+export var countAttributeValues = function (type, values, crosswalksMap) {
+    if (values === void 0) { values = []; }
+    switch (type) {
+        case DataTypes.TYPE_REFERENCE:
+        case DataTypes.TYPE_NESTED:
+        case DataTypes.TYPE_IMAGE:
+            return values.length;
+        default:
+            return values.reduce(function (acc, value) { return acc + pathOr(0, [value.uri, 'length'], crosswalksMap); }, 0);
+    }
+};
+var isSourceSystemRule = function (ruleType) {
+    return (ruleType === null || ruleType === void 0 ? void 0 : ruleType.uri) === 'configuration/survivorshipStrategies/SRC_SYS';
+};
+var isOtherAttributeWinnerRule = function (ruleType) {
+    return (ruleType === null || ruleType === void 0 ? void 0 : ruleType.uri) === 'configuration/survivorshipStrategies/OtherAttributeWinnerCrosswalk';
+};
+var isMinMaxValueRule = function (ruleType) {
+    return (ruleType === null || ruleType === void 0 ? void 0 : ruleType.uri) === 'configuration/survivorshipStrategies/MinValue' ||
+        (ruleType === null || ruleType === void 0 ? void 0 : ruleType.uri) === 'configuration/survivorshipStrategies/MaxValue';
+};
+var getSourcesUriOrderFromMetadata = pipe(getCrosswalksTypes, sortWith([descend(propOr(-1, 'priority'))]), map(prop('uri')));
+var fixReferencedAttributeUri = curry(function (parentType, attrTypeUri) {
+    if (isReference(parentType) && attrTypeUri) {
+        var referencedAttrUri = pipe(getReferencedAttrTypeUrisFromAttrType, find(function (uri) { return uri.slice(getBaseUri(uri).length) === attrTypeUri.slice(parentType.uri.length); }))(parentType);
+        return referencedAttrUri || attrTypeUri;
+    }
+    else {
+        return attrTypeUri;
+    }
+});
+export var getRuleTypeValues = function (metadata, attributeType, parentTypeUri, activeSurvivorshipGroupUri) {
+    var _a, _b;
+    var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find(propEq('uri', parentTypeUri));
+    var survivorshipGroups = (_a = parentType === null || parentType === void 0 ? void 0 : parentType.survivorshipGroups) !== null && _a !== void 0 ? _a : [];
+    var currentSurvivorshipGroup = (activeSurvivorshipGroupUri && survivorshipGroups.find(propEq('uri', activeSurvivorshipGroupUri))) ||
+        survivorshipGroups.find(propEq('default', true));
+    var mapping = (_b = currentSurvivorshipGroup === null || currentSurvivorshipGroup === void 0 ? void 0 : currentSurvivorshipGroup.mapping) === null || _b === void 0 ? void 0 : _b.find(propEq('attribute', attributeType.uri));
+    var ruleType = getSurvivorshipStrategy(metadata, mapping === null || mapping === void 0 ? void 0 : mapping.survivorshipStrategy) || getDefaultSurvivorshipStrategy(metadata);
+    var sourcesUriOrder = isSourceSystemRule(ruleType)
+        ? uniq(__spreadArray(__spreadArray(__spreadArray([], ((mapping === null || mapping === void 0 ? void 0 : mapping.sourcesUriOrder) || []), true), ((currentSurvivorshipGroup === null || currentSurvivorshipGroup === void 0 ? void 0 : currentSurvivorshipGroup.sourcesUriOrder) || []), true), getSourcesUriOrderFromMetadata(metadata), true))
+        : undefined;
+    var fixUri = fixReferencedAttributeUri(attributeType);
+    var primaryAttributeUri = isOtherAttributeWinnerRule(ruleType) ? fixUri(mapping === null || mapping === void 0 ? void 0 : mapping.primaryAttributeUri) : undefined;
+    var comparisonAttributeUri = isComplexAttribute(attributeType) && isMinMaxValueRule(ruleType)
+        ? fixUri(mapping === null || mapping === void 0 ? void 0 : mapping.comparisonAttributeUri)
+        : undefined;
+    return {
+        ruleType: ruleType,
+        sourcesUriOrder: sourcesUriOrder,
+        primaryAttributeUri: primaryAttributeUri,
+        comparisonAttributeUri: comparisonAttributeUri
+    };
+};
+export var getWinnerCrosswalks = function (attributeValues, crosswalksMap) {
+    if (attributeValues === void 0) { attributeValues = []; }
+    return pipe(filter(isOvValue), chain(function (value) {
+        return pipe(pickBy(function (_, attrUri) {
+            var isInHierarchy = areOneHierarchyUris(attrUri, value.uri);
+            var subAttrUriSuffix = isInHierarchy ? attrUri.slice(value.uri.length + 1) : '';
+            var subAttrValue = subAttrUriSuffix &&
+                findValueInAttributesByUriSuffix(value.value, subAttrUriSuffix);
+            return isInHierarchy && (!subAttrValue || isOvValue(subAttrValue));
+        }), values, flatten)(crosswalksMap);
+    }), uniqBy(prop('uri')))(attributeValues);
+};
+export var getBasicTableColumnsData = map(function (_a) {
+    var id = _a.id, label = _a.label, initialWidth = _a.initialWidth, minWidth = _a.minWidth;
+    return ({
+        id: id,
+        label: label,
+        initialWidth: initialWidth,
+        minWidth: minWidth,
+        autoResize: !initialWidth,
+        resizable: true,
+        sortable: false,
+        headCellRenderer: id === 'ovValues' ? AttributesHeadCellRenderer : HeadCellRenderer,
+        rowCellValueRenderer: getCellValueRenderer(id)
+    });
+});
+var getRowValueForColumn = function (columnId, metadata, parentTypeUri, attributeType, crosswalksMap, attributeValues, activeSurvivorshipGroupUri) {
+    switch (columnId) {
+        case 'ovValues':
+            return {
+                attributeType: attributeType,
+                values: attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues.filter(isOvValue)
+            };
+        case 'values':
+            return {
+                attributeType: attributeType,
+                attributeValues: attributeValues,
+                crosswalksMap: crosswalksMap
+            };
+        case 'count':
+            return countAttributeValues(attributeType.type, attributeValues, crosswalksMap);
+        case 'ruleType':
+            return getRuleTypeValues(metadata, attributeType, parentTypeUri, activeSurvivorshipGroupUri);
+        case 'winnerSources':
+            return { crosswalks: getWinnerCrosswalks(attributeValues, crosswalksMap) };
+        default:
+            return null;
+    }
+};
+export var getBasicTableRowsData = function (metadata, parentTypeUri, attrTypes, columns, crosswalksMap, attributes, activeSurvivorshipGroupUri) {
+    if (attrTypes === void 0) { attrTypes = []; }
+    return attrTypes.map(function (attributeType) {
+        var attrName = getLastUriPart(attributeType.uri);
+        var attrValues = attributes[attrName];
+        var crosswalksMapForAttribute = isReference(attributeType) ? crosswalksMap.relation : crosswalksMap.entity;
+        return pipe(reduce(function (acc, columnId) {
+            return assoc(columnId, getRowValueForColumn(columnId, metadata, parentTypeUri, attributeType, crosswalksMapForAttribute, attrValues, activeSurvivorshipGroupUri), acc);
+        }, {}), assoc('rawValue', attrValues))(columns);
+    });
+};

package/esm/features/crosswalks/AttributesTable/helpers.test.d.ts

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