Merge pull request #5957 from Hoodline/master

Wrap link URLs within map popups

frontend/src/metabase/css/core/link.css

@@ -17,6 +17,9 @@
 .link--nohover:hover {
   text-decoration: none;
 }
+.link--wrappable {
+  word-break: break-all;
+}
 
 .expand-clickable {
   display: inline-block;

frontend/src/metabase/lib/formatting.js

@@ -209,7 +209,7 @@ const URL_WHITELIST_REGEX = /^(https?|mailto):\/*(?:[^:@]+(?::[^@]+)?@)?(?:[^\s:
 export function formatUrl(value: Value, { jsx }: FormattingOptions = {}) {
     const url = String(value);
     if (jsx && URL_WHITELIST_REGEX.test(url)) {
-        return <ExternalLink href={url}>{url}</ExternalLink>;
+        return <ExternalLink className="link link--wrappable" href={url}>{url}</ExternalLink>;
     } else {
         return url;
     }