glossary: no tooltip when there's break lines in <abbr> tags

[jorgeorpinel]

For example the lines

- `etag`: strong ETag response header (only HTTP <abbr>external
  dependencies</abbr> created with `dvc import-url`)

won't produce a glossary tooltip. But they should.

If we require <abbr> terms to be in a single line, then maybe the automatic linter (pretty-quick) that runs on a Git pre-commit hook should enforce that format, like it enforces quoted text to be in a single line?

[jorgeorpinel]

What do you think @algomaster99? Thanks

[algomaster99]

@jorgeorpinel prettier and Rewraps plugin both take care of it. They put <abbr>...</abbr> in one line.

[jorgeorpinel]

Not when there's a space in the term like the example I pasted in the description of this issue, above. Another one: <abbr>data artifact</abbr>

[shcheklein]

@algomaster99:

} else if (props.tag === 'abbr') {
    const text = props.children[0]
    return <Tooltip text={text} />
  }

you can do something like:

const text = normalize_space(props.children[0])

[jorgeorpinel]

It's either that or making prettier force those tags into a single line, if that's possible. But I'm guessing that's not possible to do with prettier, so I second normalizing 🙂