@gooddata/sdk-ui-vis-commons 11.42.0-alpha.0 → 11.42.0-alpha.2

package/esm/customTooltip/markdownToHtml.d.ts

@@ -1,3 +1,4 @@
+export declare const URL_PATTERN = "(?:[^()\\s]|\\([^)\\n]*\\))+";
 /**
  * @internal
  */

package/esm/customTooltip/markdownToHtml.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdownToHtml.d.ts","sourceRoot":"","sources":["../../src/customTooltip/markdownToHtml.ts"],"names":[],"mappings":"AAoIA;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAuBvD"}
+{"version":3,"file":"markdownToHtml.d.ts","sourceRoot":"","sources":["../../src/customTooltip/markdownToHtml.ts"],"names":[],"mappings":"AA8CA,eAAO,MAAM,WAAW,iCAAiC,CAAC;AA2F1D;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAuBvD"}

package/esm/customTooltip/markdownToHtml.js

@@ -37,10 +37,13 @@ function isSafeLinkUrl(url) {
     return /^https?:\/\//i.test(url);
 }
 // URL pattern allowing one level of balanced parens, e.g.
-// https://en.wikipedia.org/wiki/Page_(name)
-const URL_PATTERN = "(?:[^()\\s]|\\([^)]*\\))+";
-const IMAGE_REGEX = new RegExp(`!\\[([^\\]]*)\\]\\((${URL_PATTERN})\\)`, "g");
-const LINK_REGEX = new RegExp(`\\[([^\\]]+)\\]\\((${URL_PATTERN})\\)`, "g");
+// https://en.wikipedia.org/wiki/Page_(name). Shared with `referenceResolver`
+// so blanking applies exactly where this renderer sees an image/link.
+export const URL_PATTERN = "(?:[^()\\s]|\\([^)\\n]*\\))+";
+// URL is optional: a data reference that resolved to no data is blanked upstream
+// (see `referenceResolver`), leaving `![alt]()` / `[text]()` to render here.
+const IMAGE_REGEX = new RegExp(`!\\[([^\\]]*)\\]\\((${URL_PATTERN})?\\)`, "g");
+const LINK_REGEX = new RegExp(`\\[([^\\]]+)\\]\\((${URL_PATTERN})?\\)`, "g");
 // Italic content must have non-whitespace at both inner boundaries. This keeps
 // arithmetic-style text (e.g. `5 * 3 * 2`) from being misread as italics.
 const ITALIC_ASTERISK_REGEX = /\*([^\s*][^*]*[^\s*]|[^\s*])\*/g;
@@ -48,19 +51,21 @@ const ITALIC_UNDERSCORE_REGEX = /(?<!\w)_([^\s_][^_]*[^\s_]|[^\s_])_(?!\w)/g;
 function processInlineMarkdown(text) {
     let result = escapeHtml(text);
     // Inline style as fallback since the tooltip renders outside the normal DOM tree.
-    result = result.replace(IMAGE_REGEX, (_match, alt, url) => {
-        if (!isSafeImageUrl(url)) {
+    result = result.replace(IMAGE_REGEX, (_match, alt, url = "") => {
+        if (url && !isSafeImageUrl(url)) {
             return `${alt}`;
         }
+        // Empty URL → broken image keeping the alt (RichText parity).
         return `<img src="${url}" alt="${alt}" style="max-width: 100%; display: block; margin: 4px 0;" />`;
     });
     // Always emit a `target="_blank"` anchor for http(s) URLs; whether the user
     // can practically reach it depends on the tooltip mode's lifecycle (the
     // tooltip needs to stay open long enough to mouse over the link).
-    result = result.replace(LINK_REGEX, (_match, linkText, url) => {
-        if (!isSafeLinkUrl(url)) {
+    result = result.replace(LINK_REGEX, (_match, linkText, url = "") => {
+        if (url && !isSafeLinkUrl(url)) {
             return linkText;
         }
+        // Empty URL → anchor with empty href, like RichText (points at the current page).
         return `<a href="${url}" target="_blank" rel="noopener noreferrer">${linkText}</a>`;
     });
     // Bold-italic: ***text*** — must run before bold and italic so the triple

package/esm/customTooltip/referenceResolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"referenceResolver.d.ts","sourceRoot":"","sources":["../../src/customTooltip/referenceResolver.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAIhC,MAAM,YAAY,CAAC;AAgCpB;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAC7B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,wBAAwB,EAChC,OAAO,EAAE,wBAAwB,GAClC,MAAM,CAYR"}
+{"version":3,"file":"referenceResolver.d.ts","sourceRoot":"","sources":["../../src/customTooltip/referenceResolver.ts"],"names":[],"mappings":"AAKA,OAAO,EACH,KAAK,wBAAwB,EAC7B,KAAK,wBAAwB,EAIhC,MAAM,YAAY,CAAC;AAuEpB;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,iBAAiB,CAC7B,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,wBAAwB,EAChC,OAAO,EAAE,wBAAwB,GAClC,MAAM,CAWR"}

package/esm/customTooltip/referenceResolver.js

@@ -1,5 +1,6 @@
 // (C) 2026 GoodData Corporation
 import { REFERENCE_REGEX_MATCH } from "@gooddata/sdk-ui-kit";
+import { URL_PATTERN } from "./markdownToHtml.js";
 import { labelKey, metricKey, } from "./types.js";
 // Markdown metacharacters that, if present in a substituted value, would be
 // reinterpreted as formatting by `markdownToHtml`. Backslash-escape them so the
@@ -28,6 +29,26 @@ function renderReference(ref, strings) {
             return strings.noFetch;
     }
 }
+// Prefix is matched case-insensitively (`metric` | `label`); LDM identifiers are case-sensitive.
+function lookupRef(values, prefix, identifier) {
+    return values[prefix.toLowerCase() === "metric" ? metricKey(identifier) : labelKey(identifier)];
+}
+// In image/link URL targets a no-data reference must collapse to empty rather than
+// the "(No data)" placeholder, which would break markdown parsing and leak the raw
+// `![alt](...)` syntax. Blanking yields a broken image / empty-href link, matching
+// RichText. Image alt is blanked too; link text keeps the normal placeholder.
+// Slot grammar mirrors `markdownToHtml` (shared URL_PATTERN, single-line slots),
+// so blanking applies only where the renderer will actually see an image/link.
+const IMAGE_CONSTRUCT_REGEX = new RegExp(`!\\[([^\\]\\n]*)\\]\\((${URL_PATTERN})?\\)`, "g");
+const LINK_CONSTRUCT_REGEX = new RegExp(`(?<!!)\\[([^\\]\\n]+)\\]\\((${URL_PATTERN})?\\)`, "g");
+function blankNonValueRefs(slot, values) {
+    return slot.replace(REFERENCE_REGEX_MATCH, (fullMatch, _wrapped, _key, prefix, identifier) => lookupRef(values, prefix, identifier)?.kind === "value" ? fullMatch : "");
+}
+function blankNonValueTargets(content, values) {
+    return content
+        .replace(IMAGE_CONSTRUCT_REGEX, (_match, alt, url = "") => `![${blankNonValueRefs(alt, values)}](${blankNonValueRefs(url, values)})`)
+        .replace(LINK_CONSTRUCT_REGEX, (_match, text, url = "") => `[${text}](${blankNonValueRefs(url, values)})`);
+}
 /**
  * Substitutes `{metric/id}` and `{label/id}` references in markdown content
  * with resolved values from the lookup table.
@@ -49,11 +70,6 @@ export function resolveReferences(content, values, strings) {
     if (!content) {
         return "";
     }
-    return content.replace(REFERENCE_REGEX_MATCH, (_fullMatch, _wrapped, _key, prefix, identifier) => {
-        // The regex captures the prefix case-insensitively (`metric` | `label`);
-        // route through the key helpers so the lookup format stays single-sourced
-        // with the write sites. LDM identifiers stay as-is — they are case-sensitive.
-        const key = prefix.toLowerCase() === "metric" ? metricKey(identifier) : labelKey(identifier);
-        return escapeMarkdownMetachars(renderReference(values[key], strings));
-    });
+    // Blank no-data image/link targets first, before they reach substitution.
+    return blankNonValueTargets(content, values).replace(REFERENCE_REGEX_MATCH, (_fullMatch, _wrapped, _key, prefix, identifier) => escapeMarkdownMetachars(renderReference(lookupRef(values, prefix, identifier), strings)));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-vis-commons",
-  "version": "11.42.0-alpha.0",
+  "version": "11.42.0-alpha.2",
   "description": "GoodData.UI SDK - common functionality for different types of visualizations",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -36,11 +36,11 @@
     "react-intl": "7.1.11",
     "react-measure": "^2.5.2",
     "tslib": "2.8.1",
-    "@gooddata/sdk-backend-spi": "11.42.0-alpha.0",
-    "@gooddata/sdk-model": "11.42.0-alpha.0",
-    "@gooddata/sdk-ui": "11.42.0-alpha.0",
-    "@gooddata/sdk-ui-theme-provider": "11.42.0-alpha.0",
-    "@gooddata/sdk-ui-kit": "11.42.0-alpha.0"
+    "@gooddata/sdk-backend-spi": "11.42.0-alpha.2",
+    "@gooddata/sdk-model": "11.42.0-alpha.2",
+    "@gooddata/sdk-ui": "11.42.0-alpha.2",
+    "@gooddata/sdk-ui-kit": "11.42.0-alpha.2",
+    "@gooddata/sdk-ui-theme-provider": "11.42.0-alpha.2"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -81,11 +81,11 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.42.0-alpha.0",
-    "@gooddata/oxlint-config": "11.42.0-alpha.0",
-    "@gooddata/sdk-backend-mockingbird": "11.42.0-alpha.0",
-    "@gooddata/reference-workspace": "11.42.0-alpha.0",
-    "@gooddata/stylelint-config": "11.42.0-alpha.0"
+    "@gooddata/eslint-config": "11.42.0-alpha.2",
+    "@gooddata/oxlint-config": "11.42.0-alpha.2",
+    "@gooddata/sdk-backend-mockingbird": "11.42.0-alpha.2",
+    "@gooddata/reference-workspace": "11.42.0-alpha.2",
+    "@gooddata/stylelint-config": "11.42.0-alpha.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",