Version bump, changelog, console warn for empty refs/nodes

Author: asgvard

CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+# [2.0.2]
+## Added
+- Console warning when passing an empty `ref` to `useFocusable`
+- Support for string names for Key Events. Now you can configure the key map with numbers or event names like `ArrowRight`.
+
 # [2.0.1]
 ## Fixed
 - Restoring focus to the parent with `preferredChildFocusKey` set

README.md

@@ -261,14 +261,14 @@ Also consider `role` and `aria-label` attributes. But that depends on the applic
 The flag is ignored if `nativeMode` is set.
 
 ### `setKeyMap`
-Method to set custom key codes. I.e. when the device key codes differ from a standard browser arrow key codes.
+Method to set custom key codes (numbers) or key event names (strings) [MDN Docs](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode#non-printable_keys_function_keys). I.e. when the device key codes differ from a standard browser arrow key codes.
 ```jsx
 setKeyMap({
-  left: 9001,
-  up: 9002,
-  right: 9003,
-  down: 9004,
-  enter: 9005
+  left: 9001, // or 'ArrowLeft'
+  up: 9002, // or 'ArrowUp'
+  right: 9003, // or 'ArrowRight'
+  down: 9004, // or 'ArrowDown'
+  enter: 9005 // or 'Enter'
 });
 ```
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@noriginmedia/norigin-spatial-navigation",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "React hooks based Spatial Navigation solution",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package.json

@@ -1216,6 +1216,14 @@ class SpatialNavigationService {
       layoutUpdated: false
     };
 
+    if (!node) {
+      // eslint-disable-next-line no-console
+      console.warn(
+        'Component added without a node reference. This will result in its coordinates being empty and may cause lost focus. Check the "ref" passed to "useFocusable": ',
+        this.focusableComponents[focusKey]
+      );
+    }
+
     if (this.nativeMode) {
       return;
     }