feat: add focus options in conjunction with shouldFocusDOMNode (#139)

Co-authored-by: Max Cohen <Max.Cohen@mlb.com>

Author: cohenmax9

src/SpatialNavigation.ts

@@ -189,6 +189,11 @@ class SpatialNavigationService {
    */
   private parentsHavingFocusedChild: string[];
 
+  /**
+   * When shouldFocusDOMNode is true, this prop specifies the focus options that should be passed to the element being focused.
+   */
+  private domNodeFocusOptions: FocusOptions;
+
   private enabled: boolean;
 
   /**
@@ -544,6 +549,7 @@ class SpatialNavigationService {
      */
     this.parentsHavingFocusedChild = [];
 
+    this.domNodeFocusOptions = {};
     this.enabled = false;
     this.nativeMode = false;
     this.throttle = 0;
@@ -596,10 +602,12 @@ class SpatialNavigationService {
     throttleKeypresses = false,
     useGetBoundingClientRect = false,
     shouldFocusDOMNode = false,
+    domNodeFocusOptions = {},
     shouldUseNativeEvents = false,
     rtl = false
   } = {}) {
     if (!this.enabled) {
+      this.domNodeFocusOptions = domNodeFocusOptions;
       this.enabled = true;
       this.nativeMode = nativeMode;
       this.throttleKeypresses = throttleKeypresses;
@@ -1385,7 +1393,7 @@ class SpatialNavigationService {
       const newComponent = this.focusableComponents[this.focusKey];
 
       if (this.shouldFocusDOMNode && newComponent.node) {
-        newComponent.node.focus();
+        newComponent.node.focus(this.domNodeFocusOptions);
       }
 
       newComponent.onUpdateFocus(true);