@reltio/components 1.4.2270 → 1.4.2272

package/features/graph/DataModelGraph/hooks/useDataModelGraphAppearance.test.js

@@ -56,7 +56,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { last, omit } from 'ramda';
 import { useSigma, useSetSettings, useRegisterEvents } from '@react-sigma/core';
 import { DASHED_EDGE_COLOR, EDGE_COLOR, INACTIVE_EDGE_COLOR, INACTIVE_LABEL_COLOR, RELATED_DASHED_EDGE_COLOR, RELATED_EDGE_COLOR, SELECTED_EDGE_COLOR, useDataModelGraphAppearance } from './useDataModelGraphAppearance';
@@ -117,102 +117,91 @@ describe('useDataModelGraphAppearance tests', function () {
             return (__assign(__assign({}, attributes), { type: 'image', size: 28, color: 'rgba(55, 71, 79, 1)' }));
         };
         it('should apply default node style', function () {
-            var _a = setUp(), result = _a.result, graph = _a.graph;
+            var graph = setUp().graph;
             var nodeReducer = getNodeReducer();
             expect(nodeReducer('hcp', graph.getNodeAttributes('hcp'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('hcp'))), { image: 'HCP.svg', label: 'HCP', nodeType: DataModelGraphNodeType.entityType }));
             expect(nodeReducer('hca', graph.getNodeAttributes('hca'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('hca'))), { image: 'HCA.svg', label: 'HCA', nodeType: DataModelGraphNodeType.entityType }));
             expect(nodeReducer('gpo', graph.getNodeAttributes('gpo'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('gpo'))), { label: 'GPO', nodeType: DataModelGraphNodeType.entityType }));
             expect(nodeReducer('prescriptions', graph.getNodeAttributes('prescriptions'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('prescriptions'))), { hasBorder: true, image: expect.stringContaining('data:image/svg+xml'), label: 'Prescriptions', nodeType: DataModelGraphNodeType.interactionType }));
-            expect(result.error).toBeUndefined();
         });
         it('should apply hovered node style', function () { return __awaiter(void 0, void 0, void 0, function () {
-            var _a, graph, result, enterNode, nodeReducer;
-            return __generator(this, function (_b) {
-                _a = setUp(), graph = _a.graph, result = _a.result;
+            var graph, enterNode, nodeReducer;
+            return __generator(this, function (_a) {
+                graph = setUp().graph;
                 enterNode = getEnterNode();
                 act(function () {
                     enterNode({ node: 'hcp' });
                 });
                 nodeReducer = getNodeReducer();
                 expect(nodeReducer('hcp', graph.getNodeAttributes('hcp'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('hcp'))), { image: 'HCP.svg', label: 'HCP', secondaryLabel: '12 attributes', nodeType: DataModelGraphNodeType.entityType }));
-                expect(result.error).toBeUndefined();
                 return [2 /*return*/];
             });
         }); });
         it('should apply correct styles when selectedNode is specified', function () {
-            var _a = setUp({ selectedNode: 'hcp' }), graph = _a.graph, result = _a.result;
+            var graph = setUp({ selectedNode: 'hcp' }).graph;
             var nodeReducer = getNodeReducer();
             expect(nodeReducer('hcp', graph.getNodeAttributes('hcp'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('hcp'))), { image: 'HCP.svg', label: 'HCP', secondaryLabel: '12 attributes', selected: true, zIndex: 100, nodeType: DataModelGraphNodeType.entityType }));
             expect(nodeReducer('hca', graph.getNodeAttributes('hca'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('hca'))), { image: 'HCA.svg', label: 'HCA', nodeType: DataModelGraphNodeType.entityType }));
             expect(nodeReducer('gpo', graph.getNodeAttributes('gpo'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('gpo'))), { label: 'GPO', nodeType: DataModelGraphNodeType.entityType, inactive: true, labelColor: INACTIVE_LABEL_COLOR, secondaryLabelColor: INACTIVE_LABEL_COLOR }));
             expect(nodeReducer('prescriptions', graph.getNodeAttributes('prescriptions'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('prescriptions'))), { hasBorder: true, image: expect.stringContaining('data:image/svg+xml'), label: 'Prescriptions', nodeType: DataModelGraphNodeType.interactionType }));
-            expect(result.error).toBeUndefined();
         });
         it('should apply correct styles when selectedEdges is specified', function () {
-            var _a = setUp({ selectedEdges: ['hcp->hca'] }), graph = _a.graph, result = _a.result;
+            var graph = setUp({ selectedEdges: ['hcp->hca'] }).graph;
             var nodeReducer = getNodeReducer();
             expect(nodeReducer('hcp', graph.getNodeAttributes('hcp'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('hcp'))), { image: 'HCP.svg', label: 'HCP', nodeType: DataModelGraphNodeType.entityType }));
             expect(nodeReducer('hca', graph.getNodeAttributes('hca'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('hca'))), { image: 'HCA.svg', label: 'HCA', nodeType: DataModelGraphNodeType.entityType }));
             expect(nodeReducer('gpo', graph.getNodeAttributes('gpo'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('gpo'))), { label: 'GPO', nodeType: DataModelGraphNodeType.entityType, inactive: true, labelColor: INACTIVE_LABEL_COLOR, secondaryLabelColor: INACTIVE_LABEL_COLOR }));
             expect(nodeReducer('prescriptions', graph.getNodeAttributes('prescriptions'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('prescriptions'))), { hasBorder: true, image: expect.stringContaining('data:image/svg+xml'), label: 'Prescriptions', nodeType: DataModelGraphNodeType.interactionType, inactive: true, labelColor: INACTIVE_LABEL_COLOR, secondaryLabelColor: INACTIVE_LABEL_COLOR }));
-            expect(result.error).toBeUndefined();
         });
         it('should hide interaction types when hideInteractionTypes is true', function () {
-            var _a = setUp({ hideInteractionTypes: true }), graph = _a.graph, result = _a.result;
+            var graph = setUp({ hideInteractionTypes: true }).graph;
             var nodeReducer = getNodeReducer();
             expect(nodeReducer('prescriptions', graph.getNodeAttributes('prescriptions'))).toEqual(__assign(__assign({}, getDefaultNodeAttributes(graph.getNodeAttributes('prescriptions'))), { hasBorder: true, image: expect.stringContaining('data:image/svg+xml'), label: 'Prescriptions', nodeType: DataModelGraphNodeType.interactionType, hidden: true }));
-            expect(result.error).toBeUndefined();
         });
     });
     describe('edges reducer behavior', function () {
         var getDefaultEdgeAttributes = function (attributes) { return (__assign(__assign({}, attributes), { size: 1 })); };
         it('should apply default edge style', function () {
-            var _a = setUp(), result = _a.result, graph = _a.graph;
+            var graph = setUp().graph;
             var edgeReducer = getEdgeReducer();
             expect(edgeReducer('hcp->hca', graph.getEdgeAttributes('hcp->hca'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->hca'))), { color: EDGE_COLOR }));
             expect(edgeReducer('hca->gpo', graph.getEdgeAttributes('hca->gpo'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hca->gpo'))), { color: EDGE_COLOR }));
             expect(edgeReducer('hcp->prescriptions', graph.getEdgeAttributes('hcp->prescriptions'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->prescriptions'))), { type: 'dashed', color: DASHED_EDGE_COLOR }));
-            expect(result.error).toBeUndefined();
         });
         it('should apply correct styles when selectedNode is specified', function () {
-            var _a = setUp({ selectedNode: 'hcp' }), graph = _a.graph, result = _a.result;
+            var graph = setUp({ selectedNode: 'hcp' }).graph;
             var edgeReducer = getEdgeReducer();
             expect(edgeReducer('hcp->hca', graph.getEdgeAttributes('hcp->hca'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->hca'))), { color: RELATED_EDGE_COLOR }));
             expect(edgeReducer('hca->gpo', graph.getEdgeAttributes('hca->gpo'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hca->gpo'))), { color: INACTIVE_EDGE_COLOR, labelColor: INACTIVE_LABEL_COLOR }));
             expect(edgeReducer('hcp->prescriptions', graph.getEdgeAttributes('hcp->prescriptions'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->prescriptions'))), { type: 'dashed', color: RELATED_DASHED_EDGE_COLOR }));
-            expect(result.error).toBeUndefined();
         });
         it('should apply correct styles when selectedEdges is specified', function () {
-            var _a = setUp({ selectedEdges: ['hcp->hca'] }), graph = _a.graph, result = _a.result;
+            var graph = setUp({ selectedEdges: ['hcp->hca'] }).graph;
             var edgeReducer = getEdgeReducer();
             expect(edgeReducer('hcp->hca', graph.getEdgeAttributes('hcp->hca'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->hca'))), { color: SELECTED_EDGE_COLOR, selected: true }));
             expect(edgeReducer('hca->gpo', graph.getEdgeAttributes('hca->gpo'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hca->gpo'))), { selected: false, color: INACTIVE_EDGE_COLOR, labelColor: INACTIVE_LABEL_COLOR }));
             expect(edgeReducer('hcp->prescriptions', graph.getEdgeAttributes('hcp->prescriptions'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->prescriptions'))), { type: 'dashed', selected: false, color: INACTIVE_EDGE_COLOR, labelColor: INACTIVE_LABEL_COLOR }));
-            expect(result.error).toBeUndefined();
         });
         it('should remove edge label prop when relations edges amount bigger than relationEdgesLabelsAmountThreshold', function () {
-            var _a = setUp({ relationEdgesLabelsAmountThreshold: 1 }), graph = _a.graph, result = _a.result;
+            var graph = setUp({ relationEdgesLabelsAmountThreshold: 1 }).graph;
             var edgeReducer = getEdgeReducer();
             expect(edgeReducer('hcp->hca', graph.getEdgeAttributes('hcp->hca'))).toEqual(__assign(__assign({}, omit(['label'], getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->hca')))), { color: EDGE_COLOR }));
             expect(edgeReducer('hca->gpo', graph.getEdgeAttributes('hca->gpo'))).toEqual(__assign(__assign({}, omit(['label'], getDefaultEdgeAttributes(graph.getEdgeAttributes('hca->gpo')))), { color: EDGE_COLOR }));
             expect(edgeReducer('hcp->prescriptions', graph.getEdgeAttributes('hcp->prescriptions'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->prescriptions'))), { type: 'dashed', color: DASHED_EDGE_COLOR }));
-            expect(result.error).toBeUndefined();
         });
         it('should keep edge label prop for edge related with selected node even if relations edges amount bigger than relationEdgesLabelsAmountThreshold', function () {
-            var _a = setUp({ relationEdgesLabelsAmountThreshold: 1, selectedNode: 'hcp' }), graph = _a.graph, result = _a.result;
+            var graph = setUp({ relationEdgesLabelsAmountThreshold: 1, selectedNode: 'hcp' }).graph;
             var edgeReducer = getEdgeReducer();
             expect(edgeReducer('hcp->hca', graph.getEdgeAttributes('hcp->hca'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->hca'))), { color: RELATED_EDGE_COLOR }));
             expect(edgeReducer('hca->gpo', graph.getEdgeAttributes('hca->gpo'))).toEqual(__assign(__assign({}, omit(['label'], getDefaultEdgeAttributes(graph.getEdgeAttributes('hca->gpo')))), { color: INACTIVE_EDGE_COLOR, labelColor: INACTIVE_LABEL_COLOR }));
             expect(edgeReducer('hcp->prescriptions', graph.getEdgeAttributes('hcp->prescriptions'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->prescriptions'))), { type: 'dashed', color: RELATED_DASHED_EDGE_COLOR }));
-            expect(result.error).toBeUndefined();
         });
         it('should keep edge label prop for selected edge even if relations edges amount bigger than relationEdgesLabelsAmountThreshold', function () {
-            var _a = setUp({ relationEdgesLabelsAmountThreshold: 1, selectedEdges: ['hcp->hca'] }), graph = _a.graph, result = _a.result;
+            var graph = setUp({ relationEdgesLabelsAmountThreshold: 1, selectedEdges: ['hcp->hca'] }).graph;
             var edgeReducer = getEdgeReducer();
             expect(edgeReducer('hcp->hca', graph.getEdgeAttributes('hcp->hca'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->hca'))), { color: SELECTED_EDGE_COLOR, selected: true }));
             expect(edgeReducer('hca->gpo', graph.getEdgeAttributes('hca->gpo'))).toEqual(__assign(__assign({}, omit(['label'], getDefaultEdgeAttributes(graph.getEdgeAttributes('hca->gpo')))), { selected: false, color: INACTIVE_EDGE_COLOR, labelColor: INACTIVE_LABEL_COLOR }));
             expect(edgeReducer('hcp->prescriptions', graph.getEdgeAttributes('hcp->prescriptions'))).toEqual(__assign(__assign({}, getDefaultEdgeAttributes(graph.getEdgeAttributes('hcp->prescriptions'))), { type: 'dashed', selected: false, color: INACTIVE_EDGE_COLOR, labelColor: INACTIVE_LABEL_COLOR }));
-            expect(result.error).toBeUndefined();
         });
     });
 });

package/features/graph/DataModelGraph/hooks/useEdgeLabelsRenderer.test.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { last } from 'ramda';
 import { useRegisterEvents, useSigma } from '@react-sigma/core';
 import { useSigmaCustomRenderers } from '../../hooks/useSigmaCustomRenderers';

package/features/graph/DataModelGraph/hooks/useFakeCenterNode.test.js

@@ -1,4 +1,4 @@
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { useSigma } from '@react-sigma/core';
 import { FAKE_CENTER_NODE_ID, useFakeCenterNode } from './useFakeCenterNode';
 import { createDefaultGraph } from './defaultGraph.test-data';

package/features/graph/DataModelGraph/hooks/useSelectedNodeRenderer.test.js

@@ -1,4 +1,4 @@
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { useSigma } from '@react-sigma/core';
 import { useSigmaCustomRenderers } from '../../hooks/useSigmaCustomRenderers';
 import { useSelectedNodeRenderer } from './useSelectedNodeRenderer';

package/features/graph/hooks/useLoopRenderer.test.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { MultiGraph } from 'graphology';
 import { useSigma } from '@react-sigma/core';
 import { RelationTypeDirection } from '@reltio/mdm-sdk';

package/features/graph/hooks/useSigmaCustomRenderers.test.js

@@ -1,4 +1,4 @@
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { useSigmaContext } from '@react-sigma/core';
 import { pipe, findLast, path, nth, equals } from 'ramda';
 import { useSigmaCustomRenderers } from './useSigmaCustomRenderers';

package/features/history/HistoryFilterButton/HistoryFilterButton.js

@@ -31,7 +31,7 @@ import { useStyles } from './styles';
 export var HistoryFilterButton = function (_a) {
     var className = _a.className, filter = _a.filter, onApplyFilter = _a.onApplyFilter, entityType = _a.entityType;
     var styles = useStyles();
-    var buttonRef = useRef();
+    var buttonRef = useRef(null);
     var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
     var _c = useState(filter), currentValue = _c[0], setCurrentValue = _c[1];
     var _d = currentValue || {}, _e = _d.activities, activities = _e === void 0 ? [] : _e, _f = _d.attributes, attributes = _f === void 0 ? [] : _f, _g = _d.dateRange, dateRange = _g === void 0 ? null : _g, _h = _d.users, users = _h === void 0 ? [] : _h;

package/features/history/hooks/useHistory.test.js

@@ -54,7 +54,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { HistoryActivityType } from '../types';
 import { getHistoricUris, getHistoryWithTotal } from '@reltio/mdm-sdk';
 import { buildHistoryFilterString } from '../helpers/filters';

package/features/history/hooks/useHistoryDiff.test.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { HistoryMode } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 import { DEFAULT_HISTORY_DIFF } from '../constants';

package/features/history/hooks/useHistoryEnabled.test.js

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import * as PerspectivesSettingsContext from '../../../contexts/PerspectivesSettingsContext';
 import { useHistoryEnabled } from './useHistoryEnabled';
 describe('useHistoryEnabled behaviour', function () {

package/features/history/hooks/useHistorySlice.test.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { Mode, getEntityTimeSlice } from '@reltio/mdm-sdk';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 import { useHistorySlice } from './useHistorySlice';

package/features/history/hooks/useHistoryTree.test.js

@@ -45,7 +45,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { fullHistoryChanges, halfHistoryChanges, complexUnmergeChanges, complexFakeUnmergeChanges } from './history.test-data';
 import { deepFreeze } from '../../../test-utils';
 import { useHistoryTree } from './useHistoryTree';

package/features/workflow/AddWorkflowDialog/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "footer" | "input" | "select" | "inputRoot" | "asterisk" | "cancelButton" | "inputLabelRoot" | "popoverPaper" | "simpleDropDownSelector">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "input" | "footer" | "select" | "inputRoot" | "asterisk" | "cancelButton" | "inputLabelRoot" | "popoverPaper" | "simpleDropDownSelector">;

package/features/workflow/hooks/useChangeRequest.test.js

@@ -45,7 +45,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { renderHook, act } from '@testing-library/react-hooks';
+import { renderHook, act } from '@testing-library/react';
 import { getDataChangeRequest, getEntitiesByUris } from '@reltio/mdm-sdk';
 import { ErrorPopup } from '../../../ErrorPopup';
 import { useChangeRequest } from './useChangeRequest';

package/features/workflow/hooks/useWorkflowCheckPermission.test.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
 var createUser = function (permissions) {

package/features/workflow/hooks/useWorkflowColor.test.js

@@ -1,4 +1,4 @@
-import { renderHook } from '@testing-library/react-hooks';
+import { renderHook } from '@testing-library/react';
 import { resetTaskToColor, useWorkflowColor } from './useWorkflowColor';
 describe('useWorkflowColor behaviour', function () {
     beforeEach(function () {

package/helpers/customScript.test.js

@@ -45,7 +45,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { act } from 'react-dom/test-utils';
+import { act } from '@testing-library/react';
 import { nanoid } from 'nanoid';
 import { getWorkerURL, resetHtml, getFilesWithArrayBuffer, setUpRequestInterceptor, setUpResponseInterceptor, isValidCustomScript, getRequestFakeUrl, getResponseFakeUrl, getProcessedTask } from './customScript';
 import { CustomAction, CustomScriptPlatform, RequestAction } from '@reltio/mdm-sdk';

package/hooks/useAPI/useAPI.js

@@ -31,8 +31,8 @@ export var useAPI = function (config) {
     var _g = useState(), popup = _g[0], setPopup = _g[1];
     var _h = useState(null), tooltip = _h[0], setTooltip = _h[1];
     var _j = useState({}), customStyles = _j[0], setCustomStyles = _j[1];
-    var workerRef = useRef();
-    var entityRef = useRef();
+    var workerRef = useRef(null);
+    var entityRef = useRef(null);
     var requestListeners = useRef({});
     var responseListeners = useRef({});
     var sanitizeHtml = useHtmlSanitizer();