rsuite/esm/utils/useToggleCaret.js

A suite of react components

import { useMemo } from 'react';
import AngleDownIcon from '@rsuite/icons/legacy/AngleDown';
import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
import useCustom from './useCustom';

function useToggleCaret(placement) {
  var _useCustom = useCustom('Dropdown'),
      rtl = _useCustom.rtl;

  return useMemo(function () {
    switch (true) {
      case /^top/.test(placement):
        return AngleUpIcon;

      case /^right/.test(placement):
        return rtl ? AngleLeftIcon : AngleRightIcon;

      case /^left/.test(placement):
        return rtl ? AngleRightIcon : AngleLeftIcon;

      case /^bottom/.test(placement):
      default:
        return AngleDownIcon;
    }
  }, [placement, rtl]);
}

export default useToggleCaret;