emoji-picker-react/src/hooks/useCloseAllOpenToggles.ts

Emoji Picker component for React Applications on the web

import { useCallback } from 'react';

import {
  useEmojiVariationPickerState,
  useSkinToneFanOpenState
} from '../components/context/PickerContext';

export function useCloseAllOpenToggles() {
  const [variationPicker, setVariationPicker] = useEmojiVariationPickerState();
  const [skinToneFanOpen, setSkinToneFanOpen] = useSkinToneFanOpenState();

  const closeAllOpenToggles = useCallback(() => {
    if (variationPicker) {
      setVariationPicker(null);
    }

    if (skinToneFanOpen) {
      setSkinToneFanOpen(false);
    }
  }, [
    variationPicker,
    skinToneFanOpen,
    setVariationPicker,
    setSkinToneFanOpen
  ]);

  return closeAllOpenToggles;
}

export function useHasOpenToggles() {
  const [variationPicker] = useEmojiVariationPickerState();
  const [skinToneFanOpen] = useSkinToneFanOpenState();

  return function hasOpenToggles() {
    return !!variationPicker || skinToneFanOpen;
  };
}