Function useToken

packages/react-aria/src/tokenfield/useToken.ts:29–62

(
  // 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 || selection.rangeCount === 0 || !ref.current) {
      return;
    }

    let range = 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'
      }
    },
    isSelected
  };
}