What?

Modifies TextHighlight to accept string | string[] for highlight prop.

Why?

Was attempting to highlight multiple strings and found this impossible with the current version.

• Nesting didn't work as it expects the text to be a string, and thus can't handle nesting one highlight inside another.
• Passing a joined string using | for regex match is stripped out during escaping.

How?

1. Convert single highlight string to [ highlight ] so its always an array for mapping.
2. Mapped highlight strings through trim, filtered empty results, then filtered again through escapeRegex
3. Modified the regex match and empty highlight text checks to work with an array of values joined using |.

Screenshots or screencast

<TextHighlight
    text={ 'User Has Role(s)' }
    highlight={ [ 'user', 'role' ] }
/>