@gooddata/sdk-ui-kit 11.52.0 → 11.53.0-alpha.1

package/esm/@ui/UiConfigEditor/configEditorLanguage.js

@@ -0,0 +1,179 @@
+// (C) 2026 GoodData Corporation
+import { isScalar, parseDocument, stringify, visit } from "yaml";
+/**
+ * Indentation of the JSON the editor emits.
+ *
+ * Deliberately 4, matching the `JSON.stringify(content, null, 4)` that the consuming dialogs use to
+ * seed their definition field. A dialog that compares the current text against that seed to decide
+ * whether the form is dirty would otherwise report a pristine form as changed the moment the value
+ * round-trips through YAML.
+ */
+const JSON_INDENT = 4;
+/**
+ * `lineWidth: 0` disables YAML's default line folding, which would otherwise wrap long strings
+ * (URLs, base64 images, font declarations) across lines and make them painful to edit.
+ */
+const YAML_FORMAT_OPTIONS = { indent: 2, lineWidth: 0 };
+/**
+ * `aliasDuplicateObjects: false` prevents anchors/aliases (`&ref` / `*ref`) for objects that appear
+ * twice — valid YAML, but surprising in a config file and lost on the way back to JSON.
+ */
+const YAML_STRINGIFY_OPTIONS = { ...YAML_FORMAT_OPTIONS, aliasDuplicateObjects: false };
+const isBlank = (text) => text.trim() === "";
+/**
+ * Rejects values a projection would silently corrupt.
+ *
+ * YAML can express more than JSON: `.nan` / `.inf` load as non-finite numbers that `JSON.stringify`
+ * writes as `null`, and a tag like `!!binary` loads as a `Uint8Array` that it writes as an
+ * index-keyed object. And both parsers round an integer beyond `Number.MAX_SAFE_INTEGER` to the
+ * nearest double, so serializing it back writes a *different* number. Either way the value saved
+ * would differ from the text on screen with no indication, so such text is refused here and
+ * surfaces as a parse failure the caller already reports.
+ */
+function assertProjectable(value) {
+    if (value === null || typeof value === "boolean" || typeof value === "string") {
+        return;
+    }
+    if (typeof value === "number") {
+        // Negative zero passes both integer checks, but `JSON.stringify` writes it as plain 0.
+        if (!Number.isFinite(value) ||
+            (Number.isInteger(value) && !Number.isSafeInteger(value)) ||
+            Object.is(value, -0)) {
+            throw new Error("The value contains a number that cannot be projected faithfully");
+        }
+        return;
+    }
+    if (Array.isArray(value)) {
+        value.forEach(assertProjectable);
+        return;
+    }
+    // Anything beyond a plain object came from a YAML tag (binary, timestamp, …) and has no faithful
+    // JSON form.
+    if (typeof value === "object" && Object.getPrototypeOf(value) === Object.prototype) {
+        Object.values(value).forEach(assertProjectable);
+        return;
+    }
+    throw new Error("The value cannot be projected into JSON faithfully");
+}
+/**
+ * Parses a YAML draft into the plain value it denotes, refusing anything JSON cannot express.
+ *
+ * Warnings are treated as failures too: the one the parser produces is an unresolvable tag, which it
+ * would otherwise quietly read as its bare scalar — text saying `!myTag foo` but a value saying
+ * `"foo"`.
+ *
+ * Returns `undefined` for a document with no content (blank or comments only), which has no value
+ * form at all.
+ */
+function parseYaml(draft) {
+    const document = parseDocument(draft);
+    const problem = document.errors[0] ?? document.warnings[0];
+    if (problem !== undefined) {
+        throw problem;
+    }
+    if (document.contents === null) {
+        return undefined;
+    }
+    // Mapping keys are checked on the document, before `toJS()` erases the distinction: a typed key
+    // like `1:` or `true:` comes out as the object property "1" / "true", so the JSON emitted would
+    // quietly say a string where the text on screen says a number or boolean.
+    visit(document, {
+        Pair(_, pair) {
+            if (!isScalar(pair.key) || typeof pair.key.value !== "string") {
+                throw new Error("YAML contains a mapping key JSON cannot represent");
+            }
+        },
+    });
+    const parsed = document.toJS();
+    assertProjectable(parsed);
+    return parsed;
+}
+function parseText(text, language) {
+    if (language === "yaml") {
+        return parseYaml(text);
+    }
+    // JSON.parse rounds too — an integer past MAX_SAFE_INTEGER comes back as a different number —
+    // so the same fidelity guard applies before this value may drive a projection.
+    const parsed = JSON.parse(text);
+    assertProjectable(parsed);
+    return parsed;
+}
+function stringifyValue(value, language) {
+    return language === "json"
+        ? JSON.stringify(value, null, JSON_INDENT)
+        : stringify(value, YAML_STRINGIFY_OPTIONS);
+}
+/**
+ * Whether `text` is a value in `language` that can be projected into another language and back.
+ *
+ * Text the user is midway through breaking is not: re-reading it in another language could give it a
+ * different meaning (`foo` is broken JSON but a valid YAML string), so switching language must leave
+ * it alone rather than quietly turning it into something that parses. Neither is a comment-only YAML
+ * document, whose projection would be empty — losing the comments.
+ *
+ * @internal
+ */
+export function isProjectable(text, language) {
+    if (isBlank(text)) {
+        return false;
+    }
+    try {
+        return parseText(text, language) !== undefined;
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Converts text from one of the editor's languages into another.
+ *
+ * Unconvertible text is passed through verbatim rather than swallowed — unparseable text, and a
+ * comment-only YAML document, whose projection would be empty. In the display direction that keeps
+ * a language switch from silently discarding what is on screen; in the primary direction it hands
+ * the caller the raw text, whose own validation is what reports the problem while the user is
+ * mid-edit.
+ *
+ * @internal
+ */
+export function convertText(text, fromLanguage, toLanguage) {
+    if (fromLanguage === toLanguage || isBlank(text)) {
+        return text;
+    }
+    try {
+        const parsed = parseText(text, fromLanguage);
+        // A YAML document with no content beyond comments denotes no value, which has no text form.
+        return parsed === undefined ? text : stringifyValue(parsed, toLanguage);
+    }
+    catch {
+        return text;
+    }
+}
+/**
+ * Re-formats the displayed text in its own language.
+ *
+ * YAML is re-formatted structurally — indentation and spacing are normalized while comments, blank
+ * lines and scalar styles are kept — so a hand-annotated document is tidied, never stripped.
+ *
+ * Returns `undefined` when there is nothing to format — blank or unparseable input — so the caller
+ * can disable the action instead of offering a no-op.
+ *
+ * @internal
+ */
+export function beautify(draft, language) {
+    if (isBlank(draft)) {
+        return undefined;
+    }
+    if (language === "json") {
+        try {
+            // The guarded parse, so re-formatting can never rewrite a number the parser rounded.
+            return JSON.stringify(parseText(draft, "json"), null, JSON_INDENT);
+        }
+        catch {
+            return undefined;
+        }
+    }
+    const document = parseDocument(draft);
+    // Warnings do not block formatting: an unresolved tag is kept verbatim by the serializer, so
+    // re-formatting around it is safe — unlike projecting to another language, which would drop it.
+    return document.errors.length > 0 ? undefined : document.toString(YAML_FORMAT_OPTIONS);
+}

package/esm/@ui/UiConfigEditor/types.d.ts

@@ -0,0 +1,135 @@
+import { type ReactNode, type Ref } from "react";
+import { type YamlCompletionSource } from "../../syntaxHighlightingInput/yamlPosition.js";
+import { type ConfigEditorLanguage } from "./configEditorLanguage.js";
+/**
+ * Imperative operations on the editor's text, for callers that need to act at the cursor.
+ *
+ * @internal
+ */
+export interface IUiConfigEditorApi {
+    /** Replaces the current selection with `text` and leaves the caret directly after it. */
+    insertAtCursor: (text: string) => void;
+    focus: () => void;
+}
+/**
+ * What the editor hands a caller rendering the toolbar's context menu.
+ *
+ * @internal
+ */
+export interface IUiConfigEditorContextMenuProps {
+    /** Closes the menu — pass straight to `UiMenu`'s `onClose`. */
+    onClose: () => void;
+    /**
+     * Identity for the menu, naming it after the button that opened it. Spread onto `UiMenu`'s
+     * required `ariaAttributes`.
+     */
+    ariaAttributes: {
+        id: string;
+        "aria-labelledby": string;
+    };
+}
+/**
+ * The editor's localized texts, gathered in one object so adding a text does not grow the prop
+ * list. The caller localizes them, as with the other kit primitives; every key is optional.
+ *
+ * @internal
+ */
+export interface IUiConfigEditorLabels {
+    /**
+     * Radio label per offered language, keyed by the language. Optional and partial: a language
+     * without an entry falls back to its technical name ("JSON", "YAML"), which as format names
+     * are usually left untranslated.
+     */
+    languages?: Partial<Record<ConfigEditorLanguage, string>>;
+    /** Label of the action that re-formats the current text. Defaults to "Auto-format". */
+    autoFormat?: string;
+    /** Accessible name for the language radio group, e.g. "Editor language". */
+    languageSwitcher?: string;
+    /** Accessible name for the button opening the context menu, e.g. "More actions". */
+    contextMenu?: string;
+    /**
+     * Localized message shown on each syntax-error diagnostic in the lint gutter. Read when the
+     * editor mounts (and whenever the language changes); a later change to it is not picked up on
+     * its own. Without it no syntax linting is installed.
+     */
+    syntaxError?: string;
+}
+/**
+ * @internal
+ */
+export interface IUiConfigEditorProps {
+    /**
+     * The value, as text in the primary language. The component's single source of truth — any other
+     * offered language is only ever a rendering of it.
+     */
+    value: string;
+    /**
+     * Fires with the next value, as text in the primary language.
+     *
+     * While a draft cannot be parsed, the raw draft is passed through verbatim instead. Callers
+     * already validate this value by parsing it, so the invalid text reaching them unchanged is what
+     * makes their existing "invalid definition" handling report the problem.
+     */
+    onChange: (next: string) => void;
+    /** Language the value is written in — what `onChange` emits. Defaults to JSON. */
+    primaryLanguage?: ConfigEditorLanguage;
+    /**
+     * Languages offered in the toolbar's switcher, in render order. With fewer than two entries no
+     * switcher is rendered at all and the value is shown in the primary language, verbatim — the
+     * editor never converts anything. Defaults to JSON and YAML.
+     *
+     * Only a JSON primary offers projections: YAML is a superset of JSON, so projecting the other
+     * way an invalid JSON draft can be a valid YAML document, and the pass-through contract could
+     * hand the caller text that validates as something the user never saw validated. With any
+     * other primary the editor is single-language regardless of this prop.
+     */
+    languages?: ConfigEditorLanguage[];
+    /**
+     * Language the text is displayed in. Controlled: the caller owns it, and any persistence of it.
+     * Defaults to the primary language, which is also what a single-language editor always
+     * displays. Honored only with a JSON primary, and the switcher renders only when this and
+     * `onLanguageChange` are both supplied — the controlled pair is what makes a selection able to
+     * take effect.
+     */
+    language?: ConfigEditorLanguage;
+    /**
+     * Reports the language the user picked in the switcher. Without it no switcher is rendered,
+     * whatever `languages` offers — the editor is controlled and cannot honor a selection it has
+     * no way to report.
+     */
+    onLanguageChange?: (next: ConfigEditorLanguage) => void;
+    /**
+     * Schema-aware autocompletion for YAML, consulted while YAML is the displayed language. It is
+     * handed the position's enclosing mapping keys, so completions can follow the document's shape.
+     */
+    completionSource?: YamlCompletionSource;
+    /** The editor's localized texts. Anything omitted falls back to a neutral default. */
+    labels?: IUiConfigEditorLabels;
+    /**
+     * Renders the contents of the toolbar's context menu, usually a `UiMenu`.
+     *
+     * The editor owns the button that opens it and the popover it sits in; what goes inside is the
+     * caller's, since the actions on offer are specific to what is being edited. Omit the prop and
+     * no button is rendered at all.
+     */
+    renderContextMenu?: (props: IUiConfigEditorContextMenuProps) => ReactNode;
+    /**
+     * Accessible name for the editor, wired to its aria-label. CodeMirror has no labellable input
+     * element, so a visible caption cannot be attached with `htmlFor` — pass its text here too.
+     */
+    label?: string;
+    placeholder?: string;
+    /**
+     * Renders the value without allowing edits, while keeping it focusable and selectable so it can
+     * still be read and copied with a keyboard or screen reader. The language toggle stays available
+     * — switching it only changes how the value is displayed.
+     */
+    readOnly?: boolean;
+    /** Blocks editing and the whole toolbar, e.g. while a save is in flight. */
+    disabled?: boolean;
+    /** Visible height, in text rows. The editor also grows to fill a taller parent. */
+    rows?: number;
+    dataTestId?: string;
+    editorRef?: Ref<IUiConfigEditorApi>;
+}
+//# sourceMappingURL=types.d.ts.map

package/esm/@ui/UiConfigEditor/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiConfigEditor/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAE1F,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEtE;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IAC/B,yFAAyF;IACzF,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,MAAM,WAAW,+BAA+B;IAC5C,iEAA+D;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,cAAc,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,iBAAiB,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7D;AAED;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1D,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,oFAAkF;IAClF,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACnC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACxD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,sFAAsF;IACtF,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,KAAK,SAAS,CAAC;IAC1E;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,CAAC;CACvC"}

package/esm/@ui/UiConfigEditor/types.js

@@ -0,0 +1,2 @@
+// (C) 2026 GoodData Corporation
+export {};

package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultUiMenuHeader.d.ts","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAQtE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAsDhC,CAAC"}
+{"version":3,"file":"DefaultUiMenuHeader.d.ts","sourceRoot":"","sources":["../../../../../src/@ui/UiMenu/components/defaults/DefaultUiMenuHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAQtE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAyDhC,CAAC"}

package/esm/@ui/UiMenu/components/defaults/DefaultUiMenuHeader.js

@@ -21,8 +21,9 @@ export const DefaultUiMenuHeader = memo(function DefaultUiMenuHeader() {
         focusedItem: ctx.focusedItem,
         shownCustomContentItemId: ctx.shownCustomContentItemId,
         setShownCustomContentItemId: ctx.setShownCustomContentItemId,
+        size: ctx.size,
     }));
-    const { setFocusedId, onClose, parentItem, focusedItem, shownCustomContentItemId, setShownCustomContentItemId, } = useContextStore(selector);
+    const { setFocusedId, onClose, parentItem, focusedItem, shownCustomContentItemId, setShownCustomContentItemId, size, } = useContextStore(selector);
     const parentItemId = parentItem?.id;
     const handleBack = useCallback(() => {
         if (parentItemId === undefined) {
@@ -37,5 +38,7 @@ export const DefaultUiMenuHeader = memo(function DefaultUiMenuHeader() {
         return null;
     }
     const title = parentItem?.stringTitle ?? focusedItem?.stringTitle;
-    return (_jsx("div", { role: "presentation", className: e("menu-header"), children: _jsx(UiSubmenuHeader, { title: title, onBack: handleBack, onClose: onClose, backAriaLabel: formatMessage({ id: "menu.back" }), closeAriaLabel: formatMessage({ id: "menu.close" }), useShortenedTitle: true, height: "large" }) }));
+    return (_jsx("div", { role: "presentation", className: e("menu-header"), children: _jsx(UiSubmenuHeader, { title: title, onBack: handleBack, onClose: onClose, backAriaLabel: formatMessage({ id: "menu.back" }), closeAriaLabel: formatMessage({ id: "menu.close" }), useShortenedTitle: true, 
+            // The header follows the menu's density: a small menu gets the small header.
+            height: size === "small" ? "small" : "large" }) }));
 });

package/esm/@ui/UiSubmenuHeader/UiSubmenuHeader.d.ts

@@ -1,5 +1,5 @@
 import { type MouseEvent, type Ref } from "react";
-import { type SizeLarge, type SizeMedium } from "../@types/size.js";
+import { type SizeLarge, type SizeMedium, type SizeSmall } from "../@types/size.js";
 /**
  * @internal
  */
@@ -15,7 +15,7 @@ export interface IUiSubmenuHeaderProps {
     useShortenedTitle?: boolean;
     textColor?: string;
     backgroundColor?: string;
-    height?: SizeMedium | SizeLarge;
+    height?: SizeSmall | SizeMedium | SizeLarge;
     titleId?: string;
 }
 /**

package/esm/@ui/UiSubmenuHeader/UiSubmenuHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiSubmenuHeader.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiSubmenuHeader/UiSubmenuHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,uEAAuE;IACvE,aAAa,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAU,EACV,WAAW,EACX,MAAM,EACN,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,MAAiB,EACjB,OAAO,EACV,EAAE,qBAAqB,2CAkFvB"}
+{"version":3,"file":"UiSubmenuHeader.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiSubmenuHeader/UiSubmenuHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIpF;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrD,uEAAuE;IACvE,aAAa,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC5B,KAAU,EACV,WAAW,EACX,MAAM,EACN,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,MAAiB,EACjB,OAAO,EACV,EAAE,qBAAqB,2CAmFvB"}

package/esm/@ui/UiSubmenuHeader/UiSubmenuHeader.js

@@ -14,6 +14,7 @@ export function UiSubmenuHeader({ title = "", tooltipText, onBack, onClose, back
     const heightClass = cx({
         "gd-ui-kit-submenu-header--large": height === "large",
         "gd-ui-kit-submenu-header--medium": height === "medium",
+        "gd-ui-kit-submenu-header--small": height === "small",
     });
     const backButtonSize = "small";
     const closeButtonSize = "small";

package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.d.ts

@@ -1,3 +1,4 @@
+import { type ReactNode } from "react";
 import { type IColorPalette, type ITheme, type ObjRef } from "@gooddata/sdk-model";
 import { type IDialogBaseProps } from "../typings.js";
 import { type TStylingEditorDialogFooterProps } from "./StylingEditorDialogFooter.js";
@@ -43,6 +44,18 @@ export interface IStylingEditorDialogProps<T extends StylingPickerItemContent> e
      * this never prevents submission — use it for content that applies but degrades the result.
      */
     validateDefinitionWarning?: (content: T) => string | undefined;
+    /**
+     * Optionally replaces the definition editor, e.g. with a syntax-highlighting one.
+     *
+     * @remarks
+     * `value` is the definition as JSON text, and `onChange` expects JSON text back — the same
+     * contract as the plain textarea rendered when this is not supplied. Anything richer (a language
+     * toggle and its persistence, for instance) stays owned by the caller.
+     */
+    renderDefinitionEditor?: (props: {
+        value: string;
+        onChange: (next: string) => void;
+    }) => ReactNode;
 }
 /**
  * @internal

package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StylingEditorDialog.d.ts","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQnF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAEH,KAAK,+BAA+B,EACvC,MAAM,gCAAgC,CAAC;AAGxC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,aAAa,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,wBAAwB;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB,CAAC,CAAC,SAAS,wBAAwB,CACzE,SAAQ,+BAA+B,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,CAAC;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,EAAE,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACxD;;;;;;;OAOG;IACH,yBAAyB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;CAClE;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,wBAAwB,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,2CAM1G"}
+{"version":3,"file":"StylingEditorDialog.d.ts","sourceRoot":"","sources":["../../../src/Dialog/StylingEditorDialog/StylingEditorDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAKvE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAQnF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAEH,KAAK,+BAA+B,EACvC,MAAM,gCAAgC,CAAC;AAGxC;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,aAAa,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,wBAAwB;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB,CAAC,CAAC,SAAS,wBAAwB,CACzE,SAAQ,+BAA+B,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,CAAC;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,EAAE,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACxD;;;;;;;OAOG;IACH,yBAAyB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IAC/D;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC;CACtG;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,wBAAwB,EAAE,KAAK,EAAE,yBAAyB,CAAC,CAAC,CAAC,2CAM1G"}

package/esm/Dialog/StylingEditorDialog/StylingEditorDialog.js

@@ -18,7 +18,7 @@ import { StylingExample } from "./StylingExample.js";
 export function StylingEditorDialog(props) {
     return (_jsx(IntlWrapper, { locale: props.locale, children: _jsx(StylingEditorDialogCore, { ...props }) }));
 }
-function StylingEditorDialogCore({ title, tooltip, link, stylingItem, examples, exampleToColorPreview, onClose, onSubmit, onCancel, disableSubmit, showProgressIndicator, showBackButton, onHelpClick, onExit = () => { }, className, onInvalidDefinition = () => { }, validateDefinition, validateDefinitionWarning, }) {
+function StylingEditorDialogCore({ title, tooltip, link, stylingItem, examples, exampleToColorPreview, onClose, onSubmit, onCancel, disableSubmit, showProgressIndicator, showBackButton, onHelpClick, onExit = () => { }, className, onInvalidDefinition = () => { }, validateDefinition, validateDefinitionWarning, renderDefinitionEditor, }) {
     const intl = useIntl();
     const providedExamples = !!examples && examples.length !== 0 && !!exampleToColorPreview;
     const initialNameField = stylingItem?.name ?? "";
@@ -27,7 +27,15 @@ function StylingEditorDialogCore({ title, tooltip, link, stylingItem, examples,
     const [definitionField, setDefinitionField] = useState(initialDefinitionField);
     const parsedDefinition = useMemo(() => {
         try {
-            return { ok: true, content: JSON.parse(definitionField) };
+            const parsed = JSON.parse(definitionField);
+            // A theme is an object and a colour palette an array, so a bare scalar is never a valid
+            // definition even though JSON.parse accepts it. Worth rejecting explicitly: a
+            // syntax-highlighting editor offering YAML makes `foo` — a bare string — an easy thing to
+            // leave behind mid-edit, and it would otherwise submit as the whole styling content.
+            if (typeof parsed !== "object" || parsed === null) {
+                return { ok: false };
+            }
+            return { ok: true, content: parsed };
         }
         catch {
             return { ok: false };
@@ -110,8 +118,15 @@ function StylingEditorDialogCore({ title, tooltip, link, stylingItem, examples,
                 ] }), _jsxs("div", { className: "gd-styling-editor-dialog-content", children: [
                     _jsxs("form", { className: "gd-styling-editor-dialog-content-form", onSubmit: (e) => e.preventDefault(), children: [
                             _jsxs("label", { className: "gd-styling-editor-dialog-content-form-input", children: [intl.formatMessage({ id: "stylingEditor.dialog.name" }), _jsx("input", { "aria-label": "Styling item name", className: "gd-input-field s-input-field", type: "text", value: nameField, onChange: (e) => setNameField(e.target.value) })
-                                ] }), _jsxs("label", { className: "gd-styling-editor-dialog-content-form-textarea", children: [intl.formatMessage({ id: "stylingEditor.dialog.definition" }), _jsx("textarea", { "aria-label": "Styling item definition", className: "gd-input-field s-textarea-field", wrap: "off", value: definitionField, onChange: (e) => setDefinitionField(e.target.value) })
-                                ] }), definitionContentWarning && !definitionContentError ? (_jsx(Message, { type: "warning", className: "gd-styling-editor-dialog-content-form-warning s-styling-editor-warning", children: definitionContentWarning })) : null] }), providedExamples ? (_jsxs("div", { className: cx("gd-styling-editor-dialog-content-examples", "s-gd-styling-editor-dialog-content-examples"), children: [
+                                ] }), renderDefinitionEditor ? (
+                            // Not a <label>: a custom editor brings its own controls, and a label
+                            // wrapping them would route clicks on those to the labelled element. The
+                            // editor is expected to carry its own accessible name instead.
+                            _jsxs("div", { className: "gd-styling-editor-dialog-content-form-textarea", children: [intl.formatMessage({ id: "stylingEditor.dialog.definition" }), renderDefinitionEditor({
+                                        value: definitionField,
+                                        onChange: setDefinitionField,
+                                    })] })) : (_jsxs("label", { className: "gd-styling-editor-dialog-content-form-textarea", children: [intl.formatMessage({ id: "stylingEditor.dialog.definition" }), _jsx("textarea", { "aria-label": "Styling item definition", className: "gd-input-field s-textarea-field", wrap: "off", value: definitionField, onChange: (e) => setDefinitionField(e.target.value) })
+                                ] })), definitionContentWarning && !definitionContentError ? (_jsx(Message, { type: "warning", className: "gd-styling-editor-dialog-content-form-warning s-styling-editor-warning", children: definitionContentWarning })) : null] }), providedExamples ? (_jsxs("div", { className: cx("gd-styling-editor-dialog-content-examples", "s-gd-styling-editor-dialog-content-examples"), children: [
                             _jsx(BubbleHeaderSeparator, { title: intl.formatMessage({ id: "stylingEditor.dialog.examples" }), message: tooltip }), _jsx("div", { className: "gd-styling-editor-dialog-content-examples-list", children: examples.map((example, index) => (_jsx(StylingExample, { name: example.name ?? "", colors: exampleToColorPreview(example.content), onClick: () => {
                                         setNameField(example.name ?? "");
                                         setDefinitionField(JSON.stringify(example.content, null, 4));

package/esm/List/DateDatasetsListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateDatasetsListItem.d.ts","sourceRoot":"","sources":["../../src/List/DateDatasetsListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,OAAO,CAAC;AAS3D;;GAEG;AACH,eAAO,MAAM,gCAAgC,wCAAwC,CAAC;AAEtF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACpD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,KAAK,EACL,OAAO,EACV,EAAE,0BAA0B,2CAwC5B"}
+{"version":3,"file":"DateDatasetsListItem.d.ts","sourceRoot":"","sources":["../../src/List/DateDatasetsListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,OAAO,CAAC;AAQ3D;;GAEG;AACH,eAAO,MAAM,gCAAgC,wCAAwC,CAAC;AAEtF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACpD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EACX,KAAK,EACL,OAAO,EACV,EAAE,0BAA0B,2CAoC5B"}

package/esm/List/DateDatasetsListItem.js

@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2007-2026 GoodData Corporation
 import { useEffect, useRef } from "react";
 import cx from "classnames";
-import { FormattedMessage } from "react-intl";
 import { simplifyText } from "@gooddata/util";
 import { ShortenedText } from "../ShortenedText/ShortenedText.js";
 /**
@@ -22,7 +21,7 @@ export function DateDatasetsListItem({ id, title, isHeader, isSelected, isUnrela
         }
     }, [width]);
     if (isHeader) {
-        return (_jsx("div", { className: "gd-list-item gd-list-item-header", children: _jsx(FormattedMessage, { id: title }) }));
+        return _jsx("div", { className: "gd-list-item gd-list-item-header", children: title });
     }
     const classNames = cx(DATE_DATASET_LIST_ITEM_CLASSNAME, `s-${id}`, `s-${simplifyText(title ?? "")}`, {
         "is-selected": isSelected,

package/esm/index.d.ts

@@ -30,7 +30,7 @@ export { createStandardPresets, STANDARD_PRESET_DEFINITIONS, type IStandardPrese
 export { createTemplates, createAllTemplates, createAdvancedTemplates, STANDARD_TEMPLATE_DEFINITIONS, CURRENCY_TEMPLATE_DEFINITIONS, ADVANCED_TEMPLATE_DEFINITIONS, CURRENCY_TEMPLATE_IDS, DEFAULT_TEMPLATE_PREFIX, type ITemplateDefinition, } from "./measureNumberFormat/presets/templates.js";
 export { useMetricTypePresets, useStandardPresets, useFormatTemplates, type UseMetricTypePresetsConfig, type UseMetricTypePresetsResult, } from "./measureNumberFormat/hooks/useMetricTypePresets.js";
 export { type ISyntaxHighlightingInputProps, SyntaxHighlightingInput, } from "./syntaxHighlightingInput/SyntaxHighlightingInput.js";
-export { type IYamlEditorProps, YamlEditor } from "./syntaxHighlightingInput/YamlEditor.js";
+export { type ExternalChangeSelection } from "./syntaxHighlightingInput/hooks/useCodemirrorChange.js";
 export { type IYamlPosition, type YamlCompletionSource, yamlPositionAt, } from "./syntaxHighlightingInput/yamlPosition.js";
 export type { IDropdownButtonAccessibilityConfig, IButtonAccessibilityConfig, IButtonProps, } from "./Button/typings.js";
 export { Button } from "./Button/Button.js";
@@ -468,6 +468,10 @@ export { UiConfirmDialogCard, type IUiConfirmDialogCardProps, type ConfirmDialog
 export { UiModalDialog, type IUiModalDialogProps } from "./@ui/UiModalDialog/UiModalDialog.js";
 export { UiDialogBody, type IUiDialogBodyProps } from "./@ui/UiModalDialog/UiDialogBody.js";
 export { UiTextInput, type IUiTextInputProps, type IUiTextInputIconAfterButton, } from "./@ui/UiTextInput/UiTextInput.js";
+export { UiConfigEditor } from "./@ui/UiConfigEditor/UiConfigEditor.js";
+export { type IUiConfigEditorProps, type IUiConfigEditorApi, type IUiConfigEditorContextMenuProps, type IUiConfigEditorLabels, } from "./@ui/UiConfigEditor/types.js";
+export { preloadUiConfigEditorGrammars } from "./@ui/UiConfigEditor/configEditorGrammars.js";
+export { type ConfigEditorLanguage } from "./@ui/UiConfigEditor/configEditorLanguage.js";
 export { UiRadio, type IUiRadioProps } from "./@ui/UiRadio/UiRadio.js";
 export { UiRadioRow, type IUiRadioRowProps } from "./@ui/UiRadioRow/UiRadioRow.js";
 export { UiAvatar, type IUiAvatarProps } from "./@ui/UiAvatar/UiAvatar.js";