@reltio/components 1.4.2117 → 1.4.2118

package/EditModeAttributesFactory/EditModeAttributesFactory.test.js

@@ -52,7 +52,10 @@ import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 import { EditModeAttributesFactory } from './EditModeAttributesFactory';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { typeAheadSearch: jest.fn() })); });
 var dependentLookups = { editors: {}, structure: {}, initedTypeUris: [] };
-var metadata = { entityTypes: [{ uri: 'configuration/entityTypes/HCP' }], relationTypes: [] };
+var metadata = {
+    entityTypes: [{ uri: 'configuration/entityTypes/HCP' }, { uri: 'configuration/entityTypes/Location' }],
+    relationTypes: []
+};
 var defaultMdmValues = { dependentLookups: dependentLookups, metadata: metadata };
 var setUp = function (_a) {
     var props = _a.props, _b = _a.mdmValues, mdmValues = _b === void 0 ? defaultMdmValues : _b;
@@ -116,7 +119,8 @@ describe('Edit mode attributes factory attributes', function () {
                     attributeType = {
                         type: 'Reference',
                         uri: 'configuration/entityTypes/HCP/attributes/Reference',
-                        referencedAttributeURIs: []
+                        referencedAttributeURIs: ['configuration/entityTypes/Location'],
+                        referencedEntityTypeURI: 'configuration/entityTypes/Location'
                     };
                     props = {
                         attributeValue: {

package/EntitySelector/EntitySelector.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useState, useMemo } from 'react';
+import React, { useState, useMemo, useCallback } from 'react';
 import i18n from 'ui-i18n';
 import { isEmpty, prop } from 'ramda';
 import { typeAheadSearch, getEntityType, isTempUri, isAvailableEntityType } from '@reltio/mdm-sdk';
@@ -39,7 +39,7 @@ export var EntitySelector = function (_a) {
     var styles = useStyles();
     var _g = useState(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }).filter(isAvailableEntityType); }, [entityTypesUris, metadata]);
-    var options = __assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked });
+    var options = useMemo(function () { return (__assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked })); }, [globalSearchRequestOptions, isMasked, max]);
     var handleCreate = onCreate
         ? function (value, entityTypeUri) {
             onCreate(entityTypeUri || entityTypes[0].uri, value);
@@ -59,9 +59,9 @@ export var EntitySelector = function (_a) {
         handleChange({});
     };
     var groupMode = useMemo(function () { return entityTypes.length !== 1; }, [entityTypes]);
-    var getOptions = function (value) {
-        return typeAheadSearch(entityTypes, value, options).then(buildEntityOptions(entityTypes, onCreate));
-    };
+    var getOptions = useCallback(function (value) {
+        return (isEmpty(entityTypes) ? Promise.resolve([]) : typeAheadSearch(entityTypes, value, options)).then(buildEntityOptions(entityTypes, onCreate));
+    }, [entityTypes, onCreate, options]);
     var currentEntityType = (isEmpty(entity) ? entityTypes[0] : getEntityType(metadata, entity.entityType)) || {};
     var createLabel = onCreate && i18n.text("Create ".concat(inputValue ? "\"".concat(inputValue, "\" as ") : '', "new ").concat(currentEntityType.label));
     var label = i18n.text("Select ".concat(entityTypes.length === 1 ? "".concat(entityTypes[0].label, " ") : '', "profile"));

package/EntitySelector/EntitySelector.test.js

@@ -253,6 +253,24 @@ describe('Entity selector tests', function () {
             }
         });
     }); });
+    it('should not send typeAheadSearch request if have not available entity type', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { max: 10, entityTypesUris: ['configuration/entityTypes/HCP'], metadata: {
+                            entityTypes: [{ uri: 'configuration/entityTypes/HCP', label: 'HCP', attributes: [], access: [] }]
+                        } });
+                    user = setUp({ props: props }).user;
+                    return [4 /*yield*/, user.click(screen.getByRole('combobox'))];
+                case 1:
+                    _a.sent();
+                    expect(typeAheadSearch).not.toHaveBeenCalled();
+                    screen.getByText('No results found');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should render correctly in case of temp entity', function () { return __awaiter(void 0, void 0, void 0, function () {
         var entityUri, entityType, mdmValues, props, user, entityCreator;
         var _a;

package/cjs/EditModeAttributesFactory/EditModeAttributesFactory.test.js

@@ -57,7 +57,10 @@ var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var EditModeAttributesFactory_1 = require("./EditModeAttributesFactory");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { typeAheadSearch: jest.fn() })); });
 var dependentLookups = { editors: {}, structure: {}, initedTypeUris: [] };
-var metadata = { entityTypes: [{ uri: 'configuration/entityTypes/HCP' }], relationTypes: [] };
+var metadata = {
+    entityTypes: [{ uri: 'configuration/entityTypes/HCP' }, { uri: 'configuration/entityTypes/Location' }],
+    relationTypes: []
+};
 var defaultMdmValues = { dependentLookups: dependentLookups, metadata: metadata };
 var setUp = function (_a) {
     var props = _a.props, _b = _a.mdmValues, mdmValues = _b === void 0 ? defaultMdmValues : _b;
@@ -121,7 +124,8 @@ describe('Edit mode attributes factory attributes', function () {
                     attributeType = {
                         type: 'Reference',
                         uri: 'configuration/entityTypes/HCP/attributes/Reference',
-                        referencedAttributeURIs: []
+                        referencedAttributeURIs: ['configuration/entityTypes/Location'],
+                        referencedEntityTypeURI: 'configuration/entityTypes/Location'
                     };
                     props = {
                         attributeValue: {

package/cjs/EntitySelector/EntitySelector.js

@@ -68,7 +68,7 @@ var EntitySelector = function (_a) {
     var styles = (0, styles_1.useStyles)();
     var _g = (0, react_1.useState)(''), inputValue = _g[0], setInputValue = _g[1];
     var entityTypes = (0, react_1.useMemo)(function () { return entityTypesUris.map(function (type) { return (0, mdm_sdk_1.getEntityType)(metadata, type); }).filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypesUris, metadata]);
-    var options = __assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked });
+    var options = (0, react_1.useMemo)(function () { return (__assign(__assign({}, globalSearchRequestOptions), { max: max, sendMasked: isMasked })); }, [globalSearchRequestOptions, isMasked, max]);
     var handleCreate = onCreate
         ? function (value, entityTypeUri) {
             onCreate(entityTypeUri || entityTypes[0].uri, value);
@@ -88,9 +88,9 @@ var EntitySelector = function (_a) {
         handleChange({});
     };
     var groupMode = (0, react_1.useMemo)(function () { return entityTypes.length !== 1; }, [entityTypes]);
-    var getOptions = function (value) {
-        return (0, mdm_sdk_1.typeAheadSearch)(entityTypes, value, options).then((0, helpers_1.buildEntityOptions)(entityTypes, onCreate));
-    };
+    var getOptions = (0, react_1.useCallback)(function (value) {
+        return ((0, ramda_1.isEmpty)(entityTypes) ? Promise.resolve([]) : (0, mdm_sdk_1.typeAheadSearch)(entityTypes, value, options)).then((0, helpers_1.buildEntityOptions)(entityTypes, onCreate));
+    }, [entityTypes, onCreate, options]);
     var currentEntityType = ((0, ramda_1.isEmpty)(entity) ? entityTypes[0] : (0, mdm_sdk_1.getEntityType)(metadata, entity.entityType)) || {};
     var createLabel = onCreate && ui_i18n_1.default.text("Create ".concat(inputValue ? "\"".concat(inputValue, "\" as ") : '', "new ").concat(currentEntityType.label));
     var label = ui_i18n_1.default.text("Select ".concat(entityTypes.length === 1 ? "".concat(entityTypes[0].label, " ") : '', "profile"));

package/cjs/EntitySelector/EntitySelector.test.js

@@ -258,6 +258,24 @@ describe('Entity selector tests', function () {
             }
         });
     }); });
+    it('should not send typeAheadSearch request if have not available entity type', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { max: 10, entityTypesUris: ['configuration/entityTypes/HCP'], metadata: {
+                            entityTypes: [{ uri: 'configuration/entityTypes/HCP', label: 'HCP', attributes: [], access: [] }]
+                        } });
+                    user = setUp({ props: props }).user;
+                    return [4 /*yield*/, user.click(react_2.screen.getByRole('combobox'))];
+                case 1:
+                    _a.sent();
+                    expect(mdm_sdk_1.typeAheadSearch).not.toHaveBeenCalled();
+                    react_2.screen.getByText('No results found');
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should render correctly in case of temp entity', function () { return __awaiter(void 0, void 0, void 0, function () {
         var entityUri, entityType, mdmValues, props, user, entityCreator;
         var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2117",
+  "version": "1.4.2118",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",