@navikt/ds-react/esm/tabs/parts/tab/useTab.js

React components from the Norwegian Labour and Welfare Administration.

import { composeEventHandlers } from "../../../utils/helpers/index.js";
import { useMergeRefs } from "../../../utils/hooks/index.js";
import { useTabsContext, useTabsDescendant } from "../../Tabs.context.js";
export function useTab({ value, disabled = false, onFocus: _onFocus, onClick }, ref) {
    const { id, setSelectedValue, selectionFollowsFocus, focusedValue, setFocusedValue, selectedValue, makeTabId, makeTabPanelId, } = useTabsContext();
    const { register } = useTabsDescendant({
        disabled,
        value,
    });
    const isSelected = value === selectedValue;
    const onFocus = () => {
        setFocusedValue(value);
        selectionFollowsFocus && setSelectedValue(value);
    };
    const refs = useMergeRefs(register, ref);
    return {
        ref: refs,
        isSelected,
        isFocused: focusedValue === value,
        id: makeTabId(id, value),
        controlsId: makeTabPanelId(id, value),
        onClick: composeEventHandlers(onClick, () => setSelectedValue(value)),
        onFocus: disabled ? undefined : composeEventHandlers(_onFocus, onFocus),
    };
}
//# sourceMappingURL=useTab.js.map