@reltio/components 1.4.2015 → 1.4.2017

package/ProfileBandNavigation/useSearchNavigation.js

@@ -160,6 +160,7 @@ export var useSearchNavigation = function () {
                 total: total,
                 index: total - 1
             });
+            return Promise.resolve();
         }
         else {
             return requestNextPage(cache, total, index);
@@ -196,6 +197,7 @@ export var useSearchNavigation = function () {
                 cache: cache,
                 total: total
             });
+            return Promise.resolve();
         }
         else {
             return requestPrevPage(cache, index);
@@ -204,13 +206,17 @@ export var useSearchNavigation = function () {
     var onPrev = useCallback(function () {
         if (cache && uri) {
             var cacheIndex = cache.indexOf(uri) - 1;
-            stepBackWithCheck(cache, cacheIndex, total, index);
+            stepBackWithCheck(cache, cacheIndex, total, index).catch(function (error) {
+                console.warn("Can't load prev page of search", error);
+            });
         }
     }, [stepBackWithCheck, cache, uri, total, index]);
     var onNext = useCallback(function () {
         if (cache && uri) {
             var cacheIndex = cache.indexOf(uri) + 1;
-            stepForwardWithCheck(cache, cacheIndex, total, index);
+            stepForwardWithCheck(cache, cacheIndex, total, index).catch(function (error) {
+                console.warn("Can't load next page of search", error);
+            });
         }
     }, [stepForwardWithCheck, cache, uri, total, index]);
     useEffect(function () {

package/cjs/ProfileBandNavigation/useSearchNavigation.js

@@ -163,6 +163,7 @@ var useSearchNavigation = function () {
                 total: total,
                 index: total - 1
             });
+            return Promise.resolve();
         }
         else {
             return requestNextPage(cache, total, index);
@@ -199,6 +200,7 @@ var useSearchNavigation = function () {
                 cache: cache,
                 total: total
             });
+            return Promise.resolve();
         }
         else {
             return requestPrevPage(cache, index);
@@ -207,13 +209,17 @@ var useSearchNavigation = function () {
     var onPrev = (0, react_1.useCallback)(function () {
         if (cache && uri) {
             var cacheIndex = cache.indexOf(uri) - 1;
-            stepBackWithCheck(cache, cacheIndex, total, index);
+            stepBackWithCheck(cache, cacheIndex, total, index).catch(function (error) {
+                console.warn("Can't load prev page of search", error);
+            });
         }
     }, [stepBackWithCheck, cache, uri, total, index]);
     var onNext = (0, react_1.useCallback)(function () {
         if (cache && uri) {
             var cacheIndex = cache.indexOf(uri) + 1;
-            stepForwardWithCheck(cache, cacheIndex, total, index);
+            stepForwardWithCheck(cache, cacheIndex, total, index).catch(function (error) {
+                console.warn("Can't load next page of search", error);
+            });
         }
     }, [stepForwardWithCheck, cache, uri, total, index]);
     (0, react_1.useEffect)(function () {

package/cjs/features/workflow/AssigneeSelector/AssigneeSelector.spec.js

@@ -272,4 +272,84 @@ describe('AssigneeSelector tests', function () {
             }
         });
     }); });
+    it('should make a single request on load, show loading state, and not re-fetch if assignees are already loaded', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, react_2.screen.findByText('Assigned to')];
+                case 1:
+                    _a.sent();
+                    expect(mdm_sdk_1.getAssigneeForTask).toHaveBeenCalledTimes(1);
+                    input = react_2.screen.getByRole('combobox');
+                    return [4 /*yield*/, user.click(input)];
+                case 2:
+                    _a.sent();
+                    expect(react_2.screen.getByText('Loading...')).toBeInTheDocument();
+                    (0, react_2.act)(function () {
+                        resolveAssigneeForTask(response);
+                    });
+                    return [4 /*yield*/, (0, react_2.waitForElementToBeRemoved)(react_2.screen.queryByText('Loading...'))];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, react_2.screen.findByText('user1')];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, react_2.screen.findByText('user2')];
+                case 5:
+                    _a.sent();
+                    return [4 /*yield*/, react_2.screen.findByText('firstUser')];
+                case 6:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(input, 'user')];
+                case 7:
+                    _a.sent();
+                    expect(mdm_sdk_1.getAssigneeForTask).toHaveBeenCalledTimes(1);
+                    return [4 /*yield*/, user.clear(input)];
+                case 8:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(input, 'first')];
+                case 9:
+                    _a.sent();
+                    expect(mdm_sdk_1.getAssigneeForTask).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should correctly filter options based on user input', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, react_2.screen.findByText('Assigned to')];
+                case 1:
+                    _a.sent();
+                    input = react_2.screen.getByRole('combobox');
+                    return [4 /*yield*/, user.click(input)];
+                case 2:
+                    _a.sent();
+                    (0, react_2.act)(function () {
+                        resolveAssigneeForTask(response);
+                    });
+                    return [4 /*yield*/, react_2.screen.findByText('user2')];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(input, 'user2')];
+                case 4:
+                    _a.sent();
+                    expect(react_2.screen.getByText('user2')).toBeInTheDocument();
+                    expect(react_2.screen.queryByText('user1')).not.toBeInTheDocument();
+                    expect(react_2.screen.queryByText('firstUser')).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.clear(input)];
+                case 5:
+                    _a.sent();
+                    expect(react_2.screen.getByText('user1')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('user2')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('firstUser')).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/cjs/features/workflow/hooks/useWorkflowAssignee.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWorkflowAssignee = void 0;
 var react_1 = require("react");
-var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var useSafePromise_1 = require("../../../hooks/useSafePromise");
 var WorkflowTasksContext_1 = require("../../../contexts/WorkflowTasksContext");
@@ -14,6 +13,9 @@ var assigneeToValue = function (assignee) { return ({
     label: assignee,
     value: assignee
 }); };
+var filterAssignees = function (assignees, text) {
+    return assignees.filter(function (item) { return item.value.toLowerCase().includes(text === null || text === void 0 ? void 0 : text.toLowerCase()); });
+};
 var useWorkflowAssignee = function (_a) {
     var assignee = _a.assignee, _b = _a.showCurrentAssignee, showCurrentAssignee = _b === void 0 ? true : _b, taskId = _a.taskId, isOpen = _a.isOpen, onChange = _a.onChange;
     var updateTaskState = ((0, react_1.useContext)(WorkflowTasksContext_1.WorkflowTasksContext) || {}).updateTaskState;
@@ -21,56 +23,42 @@ var useWorkflowAssignee = function (_a) {
     var environment = (0, MdmModuleContext_1.useMdmWorkflowEnvironmentUrl)();
     var tenant = (0, MdmModuleContext_1.useMdmTenant)();
     var updateSafePromise = (0, useSafePromise_1.useSafePromise)();
-    var getSafePromise = (0, useSafePromise_1.useSafePromise)();
     var _c = (0, react_1.useState)(null), currentAssignee = _c[0], setCurrentAssignee = _c[1];
-    var _d = (0, react_1.useState)(), assignees = _d[0], setAssignees = _d[1];
-    var _e = (0, react_1.useState)(false), updateRequestIsInProgress = _e[0], setUpdateRequestIsInProgress = _e[1];
+    var _d = (0, react_1.useState)(false), updateRequestIsInProgress = _d[0], setUpdateRequestIsInProgress = _d[1];
     var checkWorkflowPermission = (0, useWorkflowCheckPermission_1.useWorkflowCheckPermission)();
     var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && (0, common_1.isOpenTask)(isOpen);
+    var assigneesRequestRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
         if (showCurrentAssignee)
             setCurrentAssignee(assigneeToValue(assignee));
-    }, [assignee]);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [assignee]);
     var getAssignees = (0, react_1.useCallback)(function (text) {
         if (workflowPath && canUpdateTask && taskId) {
-            var filterOutRest_1 = (0, ramda_1.filter)(function (item) {
-                return item.value.toLowerCase().includes(text === null || text === void 0 ? void 0 : text.toLowerCase());
-            });
-            if (assignees) {
-                return Promise.resolve(filterOutRest_1(assignees));
+            if (!assigneesRequestRef.current) {
+                assigneesRequestRef.current = (0, mdm_sdk_1.getAssigneeForTask)({
+                    taskId: taskId,
+                    workflowPath: workflowPath,
+                    environment: environment,
+                    tenant: tenant
+                });
             }
-            return getSafePromise((0, mdm_sdk_1.getAssigneeForTask)({
-                taskId: taskId,
-                workflowPath: workflowPath,
-                environment: environment,
-                tenant: tenant
-            }))
+            return assigneesRequestRef.current
                 .then(function (result) {
                 var data = result.data;
-                var assignees = data
+                var fetchedAssignees = data
                     .filter(function (a) { return (showCurrentAssignee ? true : a !== assignee); })
-                    .sort(function (a, b) {
-                    return mdm_sdk_1.utils.strings.sort('asc', a, b);
-                })
+                    .sort(function (a, b) { return mdm_sdk_1.utils.strings.sort('asc', a, b); })
                     .map(assigneeToValue);
-                setAssignees(assignees);
-                return filterOutRest_1(assignees);
+                return filterAssignees(fetchedAssignees, text);
             })
-                .catch(errors_1.showWorkflowError);
+                .catch(function (e) {
+                (0, errors_1.showWorkflowError)(e);
+                assigneesRequestRef.current = null;
+            });
         }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        workflowPath,
-        taskId,
-        environment,
-        tenant,
-        assignees,
-        setAssignees,
-        canUpdateTask,
-        assignee,
-        showCurrentAssignee
-    ]);
+    }, [workflowPath, taskId, environment, tenant, canUpdateTask, assignee, showCurrentAssignee]);
     var updateAssignee = (0, react_1.useCallback)(function (newValue) {
         var assignee = newValue.value;
         if (onChange) {

package/cjs/hooks/useCommentsEntitiesMap/useCommentsEntitiesMap.js

@@ -72,7 +72,9 @@ var useCommentsEntitiesMap = function (comments) {
                     }, __assign({}, prevEntitiesMap));
                 });
             })
-                .catch(function () { });
+                .catch(function (error) {
+                console.warn("Can't load entities for comments map", error);
+            });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [getEntities, addNotFoundEntities, comments, currentEntityUri]);

package/cjs/hooks/useMatchesLoader/useMatchesLoader.js

@@ -89,7 +89,7 @@ var useMatchesLoader = function (_a) {
             setMatches(response);
         })
             .catch(function (error) {
-            console.warn("Can't load matches:", error);
+            console.warn("Can't load entities or total for matches:", error);
             setMatches([]);
             setTotal(0);
         })

package/cjs/hooks/usePivotingDataLoader/usePivotingDataLoader.js

@@ -34,7 +34,8 @@ var usePivotingDataLoader = function (_a) {
             setEntities(Array.isArray(entities) ? entities : []);
             setTotal(total);
         })
-            .catch(function () {
+            .catch(function (error) {
+            console.warn("Can't load entities or total for pivoting data", error);
             setEntities([]);
             setTotal(0);
         });

package/cjs/hooks/useSavedState/useSavedState.js

@@ -10,9 +10,13 @@ var useSavedState = function (getSavedState) {
             .then(function (savedState) {
             setSavedState(savedState || {});
         })
-            .then(function (_) { return setIsLoaded(true); })
-            .catch(function (_) { return setIsLoaded(true); });
-    }, []); // eslint-disable-line
+            .catch(function (error) {
+            console.warn("Can't load saved state", error);
+        })
+            .finally(function () {
+            setIsLoaded(true);
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
     return { isLoaded: isLoaded, savedState: savedState };
 };
 exports.useSavedState = useSavedState;

package/cjs/hooks/useSavedStateForEntityType/useSavedStateForEntityType.js

@@ -41,9 +41,13 @@ var useSavedStateForEntityType = function (_a) {
             .then(function (savedState) {
             setSavedState(savedState || {});
         })
-            .then(function (_) { return setIsLoaded(true); })
-            .catch(function (_) { return setIsLoaded(true); });
-    }, []); // eslint-disable-line
+            .catch(function (error) {
+            console.warn("Can't load saved state for entity type", error);
+        })
+            .finally(function () {
+            setIsLoaded(true);
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
     return { isLoaded: isLoaded && !!entityTypeUri, savedState: savedState[entityTypeUri], updateSavedState: updateSavedState };
 };
 exports.useSavedStateForEntityType = useSavedStateForEntityType;

package/features/workflow/AssigneeSelector/AssigneeSelector.spec.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { render, screen, act } from '@testing-library/react';
+import { render, screen, act, waitForElementToBeRemoved } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { getAssigneeForTask, updateAssigneeForTask } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
@@ -267,4 +267,84 @@ describe('AssigneeSelector tests', function () {
             }
         });
     }); });
+    it('should make a single request on load, show loading state, and not re-fetch if assignees are already loaded', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, screen.findByText('Assigned to')];
+                case 1:
+                    _a.sent();
+                    expect(getAssigneeForTask).toHaveBeenCalledTimes(1);
+                    input = screen.getByRole('combobox');
+                    return [4 /*yield*/, user.click(input)];
+                case 2:
+                    _a.sent();
+                    expect(screen.getByText('Loading...')).toBeInTheDocument();
+                    act(function () {
+                        resolveAssigneeForTask(response);
+                    });
+                    return [4 /*yield*/, waitForElementToBeRemoved(screen.queryByText('Loading...'))];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, screen.findByText('user1')];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, screen.findByText('user2')];
+                case 5:
+                    _a.sent();
+                    return [4 /*yield*/, screen.findByText('firstUser')];
+                case 6:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(input, 'user')];
+                case 7:
+                    _a.sent();
+                    expect(getAssigneeForTask).toHaveBeenCalledTimes(1);
+                    return [4 /*yield*/, user.clear(input)];
+                case 8:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(input, 'first')];
+                case 9:
+                    _a.sent();
+                    expect(getAssigneeForTask).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should correctly filter options based on user input', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var user, input;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    user = setUp().user;
+                    return [4 /*yield*/, screen.findByText('Assigned to')];
+                case 1:
+                    _a.sent();
+                    input = screen.getByRole('combobox');
+                    return [4 /*yield*/, user.click(input)];
+                case 2:
+                    _a.sent();
+                    act(function () {
+                        resolveAssigneeForTask(response);
+                    });
+                    return [4 /*yield*/, screen.findByText('user2')];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(input, 'user2')];
+                case 4:
+                    _a.sent();
+                    expect(screen.getByText('user2')).toBeInTheDocument();
+                    expect(screen.queryByText('user1')).not.toBeInTheDocument();
+                    expect(screen.queryByText('firstUser')).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.clear(input)];
+                case 5:
+                    _a.sent();
+                    expect(screen.getByText('user1')).toBeInTheDocument();
+                    expect(screen.getByText('user2')).toBeInTheDocument();
+                    expect(screen.getByText('firstUser')).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
 });

package/features/workflow/hooks/useWorkflowAssignee.js

@@ -1,5 +1,4 @@
-import { useState, useEffect, useCallback, useContext } from 'react';
-import { filter } from 'ramda';
+import { useState, useEffect, useCallback, useContext, useRef } from 'react';
 import { getAssigneeForTask, updateAssigneeForTask, utils } from '@reltio/mdm-sdk';
 import { useSafePromise } from '../../../hooks/useSafePromise';
 import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
@@ -11,6 +10,9 @@ var assigneeToValue = function (assignee) { return ({
     label: assignee,
     value: assignee
 }); };
+var filterAssignees = function (assignees, text) {
+    return assignees.filter(function (item) { return item.value.toLowerCase().includes(text === null || text === void 0 ? void 0 : text.toLowerCase()); });
+};
 export var useWorkflowAssignee = function (_a) {
     var assignee = _a.assignee, _b = _a.showCurrentAssignee, showCurrentAssignee = _b === void 0 ? true : _b, taskId = _a.taskId, isOpen = _a.isOpen, onChange = _a.onChange;
     var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
@@ -18,56 +20,42 @@ export var useWorkflowAssignee = function (_a) {
     var environment = useMdmWorkflowEnvironmentUrl();
     var tenant = useMdmTenant();
     var updateSafePromise = useSafePromise();
-    var getSafePromise = useSafePromise();
     var _c = useState(null), currentAssignee = _c[0], setCurrentAssignee = _c[1];
-    var _d = useState(), assignees = _d[0], setAssignees = _d[1];
-    var _e = useState(false), updateRequestIsInProgress = _e[0], setUpdateRequestIsInProgress = _e[1];
+    var _d = useState(false), updateRequestIsInProgress = _d[0], setUpdateRequestIsInProgress = _d[1];
     var checkWorkflowPermission = useWorkflowCheckPermission();
     var canUpdateTask = checkWorkflowPermission('UPDATE_TASK') && isOpenTask(isOpen);
+    var assigneesRequestRef = useRef(null);
     useEffect(function () {
         if (showCurrentAssignee)
             setCurrentAssignee(assigneeToValue(assignee));
-    }, [assignee]);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [assignee]);
     var getAssignees = useCallback(function (text) {
         if (workflowPath && canUpdateTask && taskId) {
-            var filterOutRest_1 = filter(function (item) {
-                return item.value.toLowerCase().includes(text === null || text === void 0 ? void 0 : text.toLowerCase());
-            });
-            if (assignees) {
-                return Promise.resolve(filterOutRest_1(assignees));
+            if (!assigneesRequestRef.current) {
+                assigneesRequestRef.current = getAssigneeForTask({
+                    taskId: taskId,
+                    workflowPath: workflowPath,
+                    environment: environment,
+                    tenant: tenant
+                });
             }
-            return getSafePromise(getAssigneeForTask({
-                taskId: taskId,
-                workflowPath: workflowPath,
-                environment: environment,
-                tenant: tenant
-            }))
+            return assigneesRequestRef.current
                 .then(function (result) {
                 var data = result.data;
-                var assignees = data
+                var fetchedAssignees = data
                     .filter(function (a) { return (showCurrentAssignee ? true : a !== assignee); })
-                    .sort(function (a, b) {
-                    return utils.strings.sort('asc', a, b);
-                })
+                    .sort(function (a, b) { return utils.strings.sort('asc', a, b); })
                     .map(assigneeToValue);
-                setAssignees(assignees);
-                return filterOutRest_1(assignees);
+                return filterAssignees(fetchedAssignees, text);
             })
-                .catch(showWorkflowError);
+                .catch(function (e) {
+                showWorkflowError(e);
+                assigneesRequestRef.current = null;
+            });
         }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        workflowPath,
-        taskId,
-        environment,
-        tenant,
-        assignees,
-        setAssignees,
-        canUpdateTask,
-        assignee,
-        showCurrentAssignee
-    ]);
+    }, [workflowPath, taskId, environment, tenant, canUpdateTask, assignee, showCurrentAssignee]);
     var updateAssignee = useCallback(function (newValue) {
         var assignee = newValue.value;
         if (onChange) {

package/hooks/useCommentsEntitiesMap/useCommentsEntitiesMap.js

@@ -69,7 +69,9 @@ export var useCommentsEntitiesMap = function (comments) {
                     }, __assign({}, prevEntitiesMap));
                 });
             })
-                .catch(function () { });
+                .catch(function (error) {
+                console.warn("Can't load entities for comments map", error);
+            });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [getEntities, addNotFoundEntities, comments, currentEntityUri]);

package/hooks/useMatchesLoader/useMatchesLoader.js

@@ -86,7 +86,7 @@ export var useMatchesLoader = function (_a) {
             setMatches(response);
         })
             .catch(function (error) {
-            console.warn("Can't load matches:", error);
+            console.warn("Can't load entities or total for matches:", error);
             setMatches([]);
             setTotal(0);
         })

package/hooks/usePivotingDataLoader/usePivotingDataLoader.js

@@ -31,7 +31,8 @@ export var usePivotingDataLoader = function (_a) {
             setEntities(Array.isArray(entities) ? entities : []);
             setTotal(total);
         })
-            .catch(function () {
+            .catch(function (error) {
+            console.warn("Can't load entities or total for pivoting data", error);
             setEntities([]);
             setTotal(0);
         });

package/hooks/useSavedState/useSavedState.js

@@ -7,8 +7,12 @@ export var useSavedState = function (getSavedState) {
             .then(function (savedState) {
             setSavedState(savedState || {});
         })
-            .then(function (_) { return setIsLoaded(true); })
-            .catch(function (_) { return setIsLoaded(true); });
-    }, []); // eslint-disable-line
+            .catch(function (error) {
+            console.warn("Can't load saved state", error);
+        })
+            .finally(function () {
+            setIsLoaded(true);
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
     return { isLoaded: isLoaded, savedState: savedState };
 };

package/hooks/useSavedStateForEntityType/useSavedStateForEntityType.js

@@ -38,8 +38,12 @@ export var useSavedStateForEntityType = function (_a) {
             .then(function (savedState) {
             setSavedState(savedState || {});
         })
-            .then(function (_) { return setIsLoaded(true); })
-            .catch(function (_) { return setIsLoaded(true); });
-    }, []); // eslint-disable-line
+            .catch(function (error) {
+            console.warn("Can't load saved state for entity type", error);
+        })
+            .finally(function () {
+            setIsLoaded(true);
+        });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
     return { isLoaded: isLoaded && !!entityTypeUri, savedState: savedState[entityTypeUri], updateSavedState: updateSavedState };
 };

package/package.json

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