Format with prettier. Use screen mode for invitation import - dialog mode is broken.
This commit is contained in:
@@ -1,24 +1,24 @@
|
||||
import { useState, useCallback } from 'react';
|
||||
import type { FocusArea, ButtonFocus } from '../types.js';
|
||||
import { useState, useCallback } from "react";
|
||||
import type { FocusArea, ButtonFocus } from "../types.js";
|
||||
|
||||
/**
|
||||
* Manages which area of the wizard UI has keyboard focus and
|
||||
* which specific element within that area is highlighted.
|
||||
*/
|
||||
export function useWizardFocus() {
|
||||
const [focusArea, setFocusArea] = useState<FocusArea>('content');
|
||||
const [focusedButton, setFocusedButton] = useState<ButtonFocus>('next');
|
||||
const [focusArea, setFocusArea] = useState<FocusArea>("content");
|
||||
const [focusedButton, setFocusedButton] = useState<ButtonFocus>("next");
|
||||
const [focusedInput, setFocusedInput] = useState(0);
|
||||
|
||||
/** Reset focus to the content area at the first element. */
|
||||
const resetToContent = useCallback(() => {
|
||||
setFocusArea('content');
|
||||
setFocusArea("content");
|
||||
setFocusedInput(0);
|
||||
}, []);
|
||||
|
||||
/** Move focus to the button bar. */
|
||||
const moveToButtons = useCallback((button: ButtonFocus = 'next') => {
|
||||
setFocusArea('buttons');
|
||||
const moveToButtons = useCallback((button: ButtonFocus = "next") => {
|
||||
setFocusArea("buttons");
|
||||
setFocusedButton(button);
|
||||
}, []);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user