@reltio/components 1.4.1988 → 1.4.1989

package/cjs/DataTypeValueEditor/useEditorContext.test.js

@@ -119,6 +119,23 @@ describe('useEditorContext tests', function () {
             }
         });
     }); });
+    it('should return getSuggestions which passes request error through', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error, fieldName, dataTypeDefinition, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    error = { errorCode: 403, errorMessage: 'Access is denied' };
+                    mdm_sdk_1.getFacetedAttributeData.mockRejectedValue(error);
+                    fieldName = 'attributes.TextField';
+                    dataTypeDefinition = { type: mdm_sdk_1.DataTypes.TYPE_TYPEAHEAD };
+                    result = setUp({ fieldName: fieldName, dataTypeDefinition: dataTypeDefinition }).result;
+                    return [4 /*yield*/, expect(result.current.getSuggestions('value', 100, 0)).rejects.toMatchObject(error)];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should return getLookups which dispatches an action for "Lookup" type', function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, fieldName, dataTypeDefinition, result;
         return __generator(this, function (_a) {

package/cjs/TagsEditor/TagsEditor.test.js

@@ -174,6 +174,22 @@ describe('TagsEditor tests', function () {
             }
         });
     }); });
+    it('should catch and handle error in getFacetedAttributeData', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    jest.clearAllMocks();
+                    mdm_sdk_1.getFacetedAttributeData.mockRejectedValue({ errorCode: 403, errorMessage: 'Access is denied' });
+                    user = setUp().user;
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'new value')];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.queryByRole('menuitem')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should call onChange with correct params after click to suggestion', function () { return __awaiter(void 0, void 0, void 0, function () {
         var onChange, user;
         return __generator(this, function (_a) {

package/cjs/TypeaheadEditor/TypeaheadEditor.js

@@ -137,13 +137,24 @@ var TypeaheadEditor = function (_a) {
     var value = multiple === true && !(0, ramda_1.isNil)(valueProp) ? (0, mdm_sdk_1.wrapInArrayIfNeeded)(valueProp) : valueProp;
     var isFocused = function () { var _a; return ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === document.activeElement; };
     var fetchSuggestions = (0, react_1.useCallback)(function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-        var response;
+        var response, error_1;
         var value = _b.value;
         return __generator(this, function (_c) {
             switch (_c.label) {
-                case 0: return [4 /*yield*/, safePromise(getSuggestions(value.trim(), pageSizeForRequest))];
+                case 0:
+                    response = [];
+                    _c.label = 1;
                 case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, safePromise(getSuggestions(value.trim(), pageSizeForRequest))];
+                case 2:
                     response = _c.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _c.sent();
+                    console.warn(error_1);
+                    return [3 /*break*/, 4];
+                case 4:
                     setSuggestions(response);
                     setPlaceholderVisibility((0, ramda_1.isEmpty)(response) && isFocused());
                     return [2 /*return*/];
@@ -154,24 +165,28 @@ var TypeaheadEditor = function (_a) {
         getSuggestions
     ]);
     var handleLoadMoreSuggestions = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response_1;
+        var response_1, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     setNextPageIsLoading(true);
                     _a.label = 1;
                 case 1:
-                    _a.trys.push([1, , 3, 4]);
+                    _a.trys.push([1, 3, 4, 5]);
                     return [4 /*yield*/, getSuggestions(inputValue, pageSizeForRequest, pageNumber + 1)];
                 case 2:
                     response_1 = _a.sent();
                     setSuggestions(function (prevSuggestions) { return __spreadArray(__spreadArray([], prevSuggestions, true), response_1, true); });
                     setPageNumber(function (prevPageNumber) { return prevPageNumber + 1; });
-                    return [3 /*break*/, 4];
+                    return [3 /*break*/, 5];
                 case 3:
+                    error_2 = _a.sent();
+                    console.warn(error_2);
+                    return [3 /*break*/, 5];
+                case 4:
                     setNextPageIsLoading(false);
                     return [7 /*endfinally*/];
-                case 4: return [2 /*return*/];
+                case 5: return [2 /*return*/];
             }
         });
     }); }, [getSuggestions, inputValue, pageNumber, pageSizeForRequest]);

package/cjs/TypeaheadEditor/TypeaheadEditor.test.js

@@ -222,6 +222,27 @@ describe('TypeaheadEditor', function () {
             }
         });
     }); });
+    it('should catch error in getSuggestions', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getSuggestions, user, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    getSuggestions = function () { return Promise.reject({ errorCode: 403, errorMessage: 'Access is denied' }); };
+                    user = setUp(__assign(__assign({}, defaultSingleProps), { getSuggestions: getSuggestions })).user;
+                    input = react_2.screen.getByRole('textbox');
+                    return [4 /*yield*/, user.click(input)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(input, 'e')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, react_2.screen.findByText('No results found')];
+                case 3:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     describe('single mode', function () {
         it('should set input value after click on suggestion item', function () { return __awaiter(void 0, void 0, void 0, function () {
             var user, input;

package/cjs/features/history/HistoryTree/HistoryTree.js

@@ -89,7 +89,8 @@ var HistoryTree = function (_a) {
     var handleHistoryCircleMouseOver = function (uri, timestamp, index) {
         if ((0, ramda_1.isNil)(graphData.rows[index].label)) {
             var options = { time: timestamp, select: 'crosswalks' };
-            (0, mdm_sdk_1.getEntity)(uri, options).then(function (_a) {
+            (0, mdm_sdk_1.getEntity)(uri, options)
+                .then(function (_a) {
                 var crosswalks = _a.crosswalks;
                 var label = crosswalks
                     ? (0, ramda_1.uniqBy)((0, ramda_1.prop)('type'), crosswalks)
@@ -101,6 +102,9 @@ var HistoryTree = function (_a) {
                         .join(', ')
                     : ui_i18n_1.default.text('No data');
                 setGraphData(function (prevGraphData) { return (__assign(__assign({}, prevGraphData), { rows: prevGraphData.rows.map(function (row) { return (row.index === index ? __assign(__assign({}, row), { label: label }) : row); }) })); });
+            })
+                .catch(function (error) {
+                console.warn(error);
             });
         }
     };

package/esm/DataTypeValueEditor/useEditorContext.test.js

@@ -114,6 +114,23 @@ describe('useEditorContext tests', function () {
             }
         });
     }); });
+    it('should return getSuggestions which passes request error through', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error, fieldName, dataTypeDefinition, result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    error = { errorCode: 403, errorMessage: 'Access is denied' };
+                    getFacetedAttributeData.mockRejectedValue(error);
+                    fieldName = 'attributes.TextField';
+                    dataTypeDefinition = { type: DataTypes.TYPE_TYPEAHEAD };
+                    result = setUp({ fieldName: fieldName, dataTypeDefinition: dataTypeDefinition }).result;
+                    return [4 /*yield*/, expect(result.current.getSuggestions('value', 100, 0)).rejects.toMatchObject(error)];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should return getLookups which dispatches an action for "Lookup" type', function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, fieldName, dataTypeDefinition, result;
         return __generator(this, function (_a) {

package/esm/TagsEditor/TagsEditor.test.js

@@ -169,6 +169,22 @@ describe('TagsEditor tests', function () {
             }
         });
     }); });
+    it('should catch and handle error in getFacetedAttributeData', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    jest.clearAllMocks();
+                    getFacetedAttributeData.mockRejectedValue({ errorCode: 403, errorMessage: 'Access is denied' });
+                    user = setUp().user;
+                    return [4 /*yield*/, user.type(screen.getByRole('textbox'), 'new value')];
+                case 1:
+                    _a.sent();
+                    expect(screen.queryByRole('menuitem')).not.toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should call onChange with correct params after click to suggestion', function () { return __awaiter(void 0, void 0, void 0, function () {
         var onChange, user;
         return __generator(this, function (_a) {

package/esm/TypeaheadEditor/TypeaheadEditor.js

@@ -108,13 +108,24 @@ export var TypeaheadEditor = function (_a) {
     var value = multiple === true && !isNil(valueProp) ? wrapInArrayIfNeeded(valueProp) : valueProp;
     var isFocused = function () { var _a; return ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === document.activeElement; };
     var fetchSuggestions = useCallback(function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-        var response;
+        var response, error_1;
         var value = _b.value;
         return __generator(this, function (_c) {
             switch (_c.label) {
-                case 0: return [4 /*yield*/, safePromise(getSuggestions(value.trim(), pageSizeForRequest))];
+                case 0:
+                    response = [];
+                    _c.label = 1;
                 case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, safePromise(getSuggestions(value.trim(), pageSizeForRequest))];
+                case 2:
                     response = _c.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _c.sent();
+                    console.warn(error_1);
+                    return [3 /*break*/, 4];
+                case 4:
                     setSuggestions(response);
                     setPlaceholderVisibility(isEmpty(response) && isFocused());
                     return [2 /*return*/];
@@ -125,24 +136,28 @@ export var TypeaheadEditor = function (_a) {
         getSuggestions
     ]);
     var handleLoadMoreSuggestions = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response_1;
+        var response_1, error_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     setNextPageIsLoading(true);
                     _a.label = 1;
                 case 1:
-                    _a.trys.push([1, , 3, 4]);
+                    _a.trys.push([1, 3, 4, 5]);
                     return [4 /*yield*/, getSuggestions(inputValue, pageSizeForRequest, pageNumber + 1)];
                 case 2:
                     response_1 = _a.sent();
                     setSuggestions(function (prevSuggestions) { return __spreadArray(__spreadArray([], prevSuggestions, true), response_1, true); });
                     setPageNumber(function (prevPageNumber) { return prevPageNumber + 1; });
-                    return [3 /*break*/, 4];
+                    return [3 /*break*/, 5];
                 case 3:
+                    error_2 = _a.sent();
+                    console.warn(error_2);
+                    return [3 /*break*/, 5];
+                case 4:
                     setNextPageIsLoading(false);
                     return [7 /*endfinally*/];
-                case 4: return [2 /*return*/];
+                case 5: return [2 /*return*/];
             }
         });
     }); }, [getSuggestions, inputValue, pageNumber, pageSizeForRequest]);

package/esm/TypeaheadEditor/TypeaheadEditor.test.js

@@ -217,6 +217,27 @@ describe('TypeaheadEditor', function () {
             }
         });
     }); });
+    it('should catch error in getSuggestions', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var getSuggestions, user, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    getSuggestions = function () { return Promise.reject({ errorCode: 403, errorMessage: 'Access is denied' }); };
+                    user = setUp(__assign(__assign({}, defaultSingleProps), { getSuggestions: getSuggestions })).user;
+                    input = screen.getByRole('textbox');
+                    return [4 /*yield*/, user.click(input)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(input, 'e')];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, screen.findByText('No results found')];
+                case 3:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     describe('single mode', function () {
         it('should set input value after click on suggestion item', function () { return __awaiter(void 0, void 0, void 0, function () {
             var user, input;

package/esm/features/history/HistoryTree/HistoryTree.js

@@ -60,7 +60,8 @@ export var HistoryTree = function (_a) {
     var handleHistoryCircleMouseOver = function (uri, timestamp, index) {
         if (isNil(graphData.rows[index].label)) {
             var options = { time: timestamp, select: 'crosswalks' };
-            getEntity(uri, options).then(function (_a) {
+            getEntity(uri, options)
+                .then(function (_a) {
                 var crosswalks = _a.crosswalks;
                 var label = crosswalks
                     ? uniqBy(prop('type'), crosswalks)
@@ -72,6 +73,9 @@ export var HistoryTree = function (_a) {
                         .join(', ')
                     : i18n.text('No data');
                 setGraphData(function (prevGraphData) { return (__assign(__assign({}, prevGraphData), { rows: prevGraphData.rows.map(function (row) { return (row.index === index ? __assign(__assign({}, row), { label: label }) : row); }) })); });
+            })
+                .catch(function (error) {
+                console.warn(error);
             });
         }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1988",
+  "version": "1.4.1989",
   "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.1886",
+    "@reltio/mdm-sdk": "^1.4.1887",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
     "d3-hierarchy": "^2.0.0",