feat(a11y): add aria live message on move by keyboard

packages/core/src/hooks/useGlobalKeyHandler.ts

@@ -12,7 +12,6 @@ interface HookParams {
 
 export default ({ deleteKeyCode, multiSelectionKeyCode }: HookParams): void => {
   const store = useStoreApi();
-
   const deleteKeyPressed = useKeyPress(deleteKeyCode);
   const multiSelectionKeyPressed = useKeyPress(multiSelectionKeyCode);
 

packages/core/src/hooks/useOnInitHandler.ts

@@ -4,15 +4,15 @@ import useReactFlow from './useReactFlow';
 import { OnInit } from '../types';
 
 function useOnInitHandler(onInit: OnInit | undefined) {
-  const ReactFlowInstance = useReactFlow();
+  const rfInstance = useReactFlow();
   const isInitialized = useRef<boolean>(false);
 
   useEffect(() => {
-    if (!isInitialized.current && ReactFlowInstance.viewportInitialized && onInit) {
-      setTimeout(() => onInit(ReactFlowInstance), 1);
+    if (!isInitialized.current && rfInstance.viewportInitialized && onInit) {
+      setTimeout(() => onInit(rfInstance), 1);
       isInitialized.current = true;
     }
-  }, [onInit, ReactFlowInstance.viewportInitialized]);
+  }, [onInit, rfInstance.viewportInitialized]);
 }
 
 export default useOnInitHandler;

packages/core/src/hooks/useUpdateNodeInternals.ts

@@ -1,16 +1,14 @@
 import { useCallback } from 'react';
 
-import { useStore, useStoreApi } from '../hooks/useStore';
-import { UpdateNodeInternals, ReactFlowState } from '../types';
-
-const selector = (state: ReactFlowState) => state.updateNodeDimensions;
+import { useStoreApi } from '../hooks/useStore';
+import { UpdateNodeInternals } from '../types';
 
 function useUpdateNodeInternals(): UpdateNodeInternals {
   const store = useStoreApi();
-  const updateNodeDimensions = useStore(selector);
 
   return useCallback<UpdateNodeInternals>((id: string) => {
-    const nodeElement = store.getState().domNode?.querySelector(`.react-flow__node[data-id="${id}"]`) as HTMLDivElement;
+    const { domNode, updateNodeDimensions } = store.getState();
+    const nodeElement = domNode?.querySelector(`.react-flow__node[data-id="${id}"]`) as HTMLDivElement;
 
     if (nodeElement) {
       requestAnimationFrame(() => updateNodeDimensions([{ id, nodeElement, forceUpdate: true }]));