@reltio/components 1.4.1951 → 1.4.1952

package/cjs/hooks/useMatchesLoader/useMatchesLoader.js

@@ -1,4 +1,15 @@
 "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);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMatchesLoader = void 0;
 var react_1 = require("react");
@@ -12,6 +23,7 @@ var useMatchesLoader = function (_a) {
     var _c = (0, react_1.useState)(0), total = _c[0], setTotal = _c[1];
     var _d = (0, react_1.useState)([]), matches = _d[0], setMatches = _d[1];
     var _e = (0, react_1.useState)({}), entitiesMap = _e[0], setEntitiesMap = _e[1];
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var tenant = (0, MdmModuleContext_1.useMdmTenant)();
     var dtssPath = (0, MdmModuleContext_1.useMdmDtssPath)();
     var dataTenants = (0, MdmModuleContext_1.useMdmDataTenants)();
@@ -56,19 +68,17 @@ var useMatchesLoader = function (_a) {
                 max: rowsPerPage,
                 force: force
             })
-            : getTransitiveMatchesWithPaging({
+            : getTransitiveMatchesWithPaging(__assign(__assign({}, (0, mdm_sdk_1.addMetadataSpecificGetTransitiveMatchesOptions)(metadata, {
                 entityUri: entityUri,
-                offset: page * rowsPerPage,
                 max: rowsPerPage,
                 filter: (0, mdm_sdk_1.addGlobalFilterToQuery)(globalFilter, filter) || '',
                 rules: rules,
                 sort: field,
                 order: order,
-                force: force,
                 markMatchedValues: markMatchedValues,
                 deep: options.showTransitiveMatches ? undefined : 1,
                 activeness: activeness
-            }))
+            })), { offset: page * rowsPerPage, force: force })))
             .then(function (result) {
             var response = result.response, total = result.total, originalResponse = result.originalResponse;
             setTotal(total);

package/cjs/hooks/useMatchesLoader/useMatchesLoader.test.d.ts

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

package/cjs/hooks/useMatchesLoader/useMatchesLoader.test.js

@@ -0,0 +1,78 @@
+"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 mdm_sdk_1 = require("@reltio/mdm-sdk");
+var react_hooks_1 = require("@testing-library/react-hooks");
+var MdmModuleContext_1 = require("../../contexts/MdmModuleContext");
+var useMatchesLoader_1 = require("./useMatchesLoader");
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getTransitiveMatches: jest.fn() })); });
+describe('Test useMatchesLoader hook', function () {
+    var defaultProps = {
+        enabled: true,
+        filter: '',
+        entity: {
+            uri: 'entities/0tHogNC',
+            type: 'configuration/entityTypes/HCP',
+            attributes: {}
+        },
+        options: { showTransitiveMatches: false },
+        page: 0,
+        rowsPerPage: 3
+    };
+    var getMetadata = function () { return ({
+        uri: 'configuration',
+        entityTypes: [
+            {
+                uri: 'configuration/entityTypes/HCP',
+                attributes: [
+                    {
+                        uri: 'configuration/entityTypes/HCP/attributes/Name',
+                        type: 'String',
+                        label: 'Name',
+                        name: 'Name'
+                    }
+                ]
+            }
+        ]
+    }); };
+    var defaultMdmValues = { metadata: getMetadata() };
+    var setUp = function (_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d;
+        var Providers = function (_a) {
+            var children = _a.children;
+            return react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues }, children);
+        };
+        return __assign({}, (0, react_hooks_1.renderHook)(useMatchesLoader_1.useMatchesLoader, { initialProps: props, wrapper: Providers }));
+    };
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    describe('Data masking behaviour', function () {
+        it('should call transitive endpoint without options if metadata doesnt have masked attribute', function () {
+            setUp();
+            expect(mdm_sdk_1.getTransitiveMatches).toHaveBeenCalledTimes(1);
+            expect(mdm_sdk_1.getTransitiveMatches).not.toHaveBeenCalledWith(expect.objectContaining({ options: expect.anything() }));
+        });
+        it('should call transitive endpoint with sendMasked option if metadata has masked attribute', function () {
+            var metadata = getMetadata();
+            metadata.entityTypes[0].attributes[0].masking = { regexPattern: '.{4}$' };
+            setUp({ mdmValues: { metadata: metadata } });
+            expect(mdm_sdk_1.getTransitiveMatches).toHaveBeenCalledTimes(1);
+            expect(mdm_sdk_1.getTransitiveMatches).toHaveBeenCalledWith(expect.objectContaining({ options: 'sendMasked' }));
+        });
+    });
+});

package/esm/hooks/useMatchesLoader/useMatchesLoader.js

@@ -1,14 +1,26 @@
+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 { useCallback, useEffect, useMemo, useState } from 'react';
-import { ActivityFilter, collectAllTransitiveEntitiesUris, getEntitiesMapForTransitiveMatches, getMatchesForDataTenantEntity, getMatchesFromDataTenants, getTransitiveMatches, isDataTenantEntity, isTempUri, withDtssPotentialItems, addGlobalFilterToQuery } from '@reltio/mdm-sdk';
+import { ActivityFilter, collectAllTransitiveEntitiesUris, getEntitiesMapForTransitiveMatches, getMatchesForDataTenantEntity, getMatchesFromDataTenants, getTransitiveMatches, isDataTenantEntity, isTempUri, withDtssPotentialItems, addGlobalFilterToQuery, addMetadataSpecificGetTransitiveMatchesOptions } from '@reltio/mdm-sdk';
 import { usePagingSimulator } from '../usePagingSimulator';
 import { useSafePromise } from '../useSafePromise';
-import { useMdmDataTenants, useMdmDtssPath, useMdmGlobalSearchRequestOptions, useMdmTenant } from '../../contexts/MdmModuleContext';
+import { useMdmDataTenants, useMdmDtssPath, useMdmGlobalSearchRequestOptions, useMdmMetadata, useMdmTenant } from '../../contexts/MdmModuleContext';
 export var useMatchesLoader = function (_a) {
     var enabled = _a.enabled, entity = _a.entity, filter = _a.filter, rules = _a.rules, onFinishLoading = _a.onFinishLoading, onStartLoading = _a.onStartLoading, options = _a.options, page = _a.page, rowsPerPage = _a.rowsPerPage, sorting = _a.sorting, markMatchedValues = _a.markMatchedValues;
     var _b = sorting || {}, order = _b.order, field = _b.field;
     var _c = useState(0), total = _c[0], setTotal = _c[1];
     var _d = useState([]), matches = _d[0], setMatches = _d[1];
     var _e = useState({}), entitiesMap = _e[0], setEntitiesMap = _e[1];
+    var metadata = useMdmMetadata();
     var tenant = useMdmTenant();
     var dtssPath = useMdmDtssPath();
     var dataTenants = useMdmDataTenants();
@@ -53,19 +65,17 @@ export var useMatchesLoader = function (_a) {
                 max: rowsPerPage,
                 force: force
             })
-            : getTransitiveMatchesWithPaging({
+            : getTransitiveMatchesWithPaging(__assign(__assign({}, addMetadataSpecificGetTransitiveMatchesOptions(metadata, {
                 entityUri: entityUri,
-                offset: page * rowsPerPage,
                 max: rowsPerPage,
                 filter: addGlobalFilterToQuery(globalFilter, filter) || '',
                 rules: rules,
                 sort: field,
                 order: order,
-                force: force,
                 markMatchedValues: markMatchedValues,
                 deep: options.showTransitiveMatches ? undefined : 1,
                 activeness: activeness
-            }))
+            })), { offset: page * rowsPerPage, force: force })))
             .then(function (result) {
             var response = result.response, total = result.total, originalResponse = result.originalResponse;
             setTotal(total);

package/esm/hooks/useMatchesLoader/useMatchesLoader.test.d.ts

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

package/esm/hooks/useMatchesLoader/useMatchesLoader.test.js

@@ -0,0 +1,73 @@
+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 { getTransitiveMatches } from '@reltio/mdm-sdk';
+import { renderHook } from '@testing-library/react-hooks';
+import { MdmModuleProvider } from '../../contexts/MdmModuleContext';
+import { useMatchesLoader } from './useMatchesLoader';
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { getTransitiveMatches: jest.fn() })); });
+describe('Test useMatchesLoader hook', function () {
+    var defaultProps = {
+        enabled: true,
+        filter: '',
+        entity: {
+            uri: 'entities/0tHogNC',
+            type: 'configuration/entityTypes/HCP',
+            attributes: {}
+        },
+        options: { showTransitiveMatches: false },
+        page: 0,
+        rowsPerPage: 3
+    };
+    var getMetadata = function () { return ({
+        uri: 'configuration',
+        entityTypes: [
+            {
+                uri: 'configuration/entityTypes/HCP',
+                attributes: [
+                    {
+                        uri: 'configuration/entityTypes/HCP/attributes/Name',
+                        type: 'String',
+                        label: 'Name',
+                        name: 'Name'
+                    }
+                ]
+            }
+        ]
+    }); };
+    var defaultMdmValues = { metadata: getMetadata() };
+    var setUp = function (_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d;
+        var Providers = function (_a) {
+            var children = _a.children;
+            return React.createElement(MdmModuleProvider, { values: mdmValues }, children);
+        };
+        return __assign({}, renderHook(useMatchesLoader, { initialProps: props, wrapper: Providers }));
+    };
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    describe('Data masking behaviour', function () {
+        it('should call transitive endpoint without options if metadata doesnt have masked attribute', function () {
+            setUp();
+            expect(getTransitiveMatches).toHaveBeenCalledTimes(1);
+            expect(getTransitiveMatches).not.toHaveBeenCalledWith(expect.objectContaining({ options: expect.anything() }));
+        });
+        it('should call transitive endpoint with sendMasked option if metadata has masked attribute', function () {
+            var metadata = getMetadata();
+            metadata.entityTypes[0].attributes[0].masking = { regexPattern: '.{4}$' };
+            setUp({ mdmValues: { metadata: metadata } });
+            expect(getTransitiveMatches).toHaveBeenCalledTimes(1);
+            expect(getTransitiveMatches).toHaveBeenCalledWith(expect.objectContaining({ options: 'sendMasked' }));
+        });
+    });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1951",
+  "version": "1.4.1952",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1862",
+    "@reltio/mdm-sdk": "^1.4.1863",
     "@upsetjs/react": "^1.11.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",