@atlaskit/dropdown-menu/dist/es2019/internal/hooks/use-radio-state.js

A dropdown menu displays a list of actions or options to a user.

import { useCallback, useContext, useEffect, useState } from 'react';
import { RadioGroupContext } from '../../radio/dropdown-item-radio-group';
import { SelectionStoreContext } from '../context/selection-store';
function useRadioState({
  id,
  isSelected,
  defaultSelected
}) {
  const {
    setGroupState,
    getGroupState
  } = useContext(SelectionStoreContext);
  const {
    id: group,
    radioGroupState,
    selectRadioItem
  } = useContext(RadioGroupContext);
  const persistedIsSelected = radioGroupState[id];
  const [localIsSelected, setLocalIsSelected] = useState(() => persistedIsSelected !== undefined ? persistedIsSelected : defaultSelected || false);
  const setLocalState = useCallback(newValue => {
    if (!persistedIsSelected) {
      const nextValue = newValue(persistedIsSelected);
      selectRadioItem(id, nextValue);
      setLocalIsSelected(nextValue);
    }
  }, [persistedIsSelected, id, selectRadioItem]);

  /**
   * - radio state changes any time a radio child is changed
   * - when it changes we want all radio buttons to update their local state
   * - it takes the value from radio group state and applies it locally if it exists which it will only exist, if it is selected
   */
  useEffect(() => {
    setLocalIsSelected(() => {
      const existing = radioGroupState[id];
      return existing !== undefined ? existing : defaultSelected || false;
    });
  }, [radioGroupState, group, id, defaultSelected]);
  if (typeof isSelected === 'boolean') {
    return [isSelected, () => false];
  }

  /**
   * Set the initial state of the context provider's store,
   * if it doesn't already have a persisted value for this id.
   */
  if (persistedIsSelected === undefined) {
    const existing = getGroupState(group);
    const newGroupState = {
      ...existing,
      [id]: defaultSelected || false
    };
    setGroupState(group, newGroupState);
  }
  return [localIsSelected, setLocalState];
}
export default useRadioState;