@royaloperahouse/harmonic 0.6.1 → 0.6.2

package/dist/helpers/accessibility.d.ts

@@ -0,0 +1 @@
+export declare function useFocusTrap(containerRef: React.RefObject<HTMLElement>, onEscape?: () => void): void;

package/dist/types/navigation.d.ts

@@ -79,6 +79,10 @@ export interface ISearchProps {
      * Additional CSS class names to apply to the navigation component.
      */
     className?: string;
+    /**
+     * Reference to the search icon element for focusing
+     */
+    ref?: React.Ref<HTMLButtonElement>;
 }
 export interface INavigationWrapperProps {
     /**
@@ -145,6 +149,10 @@ export interface INavTopProps {
      * Additional CSS class names to apply to the navigation component.
      */
     className?: string;
+    /**
+     * Search button ref for focus management
+     */
+    searchButtonRef?: React.Ref<HTMLButtonElement>;
 }
 export interface IMenuOptionProps {
     /**
@@ -205,6 +213,10 @@ export interface ISearchBarProps {
      * Function to be called when is closed
      */
     onClose?: (e?: React.MouseEvent) => void;
+    /**
+     * Reference to the input element for focusing
+     */
+    inputRef?: React.RefObject<HTMLInputElement>;
     /**
      * Additional CSS class names to apply to the navigation component.
      */

package/dist/types/types.d.ts

@@ -285,6 +285,10 @@ export interface IControlledDropdownProps {
      * Callback called when main link or option are focused
      */
     onFocus?: () => void;
+    /**
+     * Callback called when focus leaves element
+     */
+    onFocusLeave?: () => void;
     /**
      * Callback called when main link or last option lose focus
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/harmonic",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",