Function useToken

packages/react-aria/src/tokenfield/useToken.ts:30–80

(
  // Unused but matches the normal signature.
  _props: TokenProps,
  _state: any,
  ref: RefObject<HTMLSpanElement | null>
)

 * A token field allows users to enter text with inline tokens.
 */
export function useToken(
  // Unused but matches the normal signature.
  _props: TokenProps,
  _state: any,
  ref: RefObject<HTMLSpanElement | null>
): TokenAria {
  let [isSelected, setSelected] = useState(false);

  useEvent(useRef(typeof document !== 'undefined' ? document : null), 'selectionchange', () => {
    let selection = window.getSelection();
    if (!selection || !ref.current) {
      return;
    }

    let range = selection.rangeCount === 0 ? null : selection.getRangeAt(0);
    if (!range?.collapsed && range?.intersectsNode(ref.current)) {
      setSelected(true);
    } else {
      setSelected(false);
    }
  });

  return {
    tokenProps: {
      contentEditable: false,
      suppressContentEditableWarning: true,
      style: {
        userSelect: 'all',
        WebkitUserSelect: 'all',
        WebkitTapHighlightColor: 'transparent'
      },
      onClick(e) {
        // Select the token when a screen reader clicks on it.
        if (isSelected || !isVirtualClick(e.nativeEvent)) {
          return;
        }
        let selection = window.getSelection();
        let wrapper = ref.current?.parentElement;
        if (!selection || !wrapper) {
          return;
        }
        let range = document.createRange();
        range.setStartBefore(wrapper);
        range.setEndAfter(wrapper);
        selection.removeAllRanges();
        selection.addRange(range);
      }
    },
    isSelected
  };
}