@gooddata/sdk-ui-catalog 11.47.0-alpha.2 → 11.47.0-alpha.4

package/esm/metric/MetricYamlEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetricYamlEditor.d.ts","sourceRoot":"","sources":["../../src/metric/MetricYamlEditor.tsx"],"names":[],"mappings":"AAcA,KAAK,KAAK,GAAG;IACT,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,KAAK,2CA2BnF"}
+{"version":3,"file":"MetricYamlEditor.d.ts","sourceRoot":"","sources":["../../src/metric/MetricYamlEditor.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IACT,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,KAAK,2CAWnF"}

package/esm/metric/MetricYamlEditor.js

@@ -1,20 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useCallback, useMemo, useState } from "react";
-import { yaml } from "@codemirror/lang-yaml";
-import { lintGutter } from "@codemirror/lint";
-import { lineNumbers } from "@codemirror/view";
-import { useIntl } from "react-intl";
-import { SyntaxHighlightingInput } from "@gooddata/sdk-ui-kit";
-import { metricSchemaCompletions } from "./metricCompletions.js";
-import { createMetricYamlLinter } from "./metricYamlLinter.js";
+import { defineMessages, useIntl } from "react-intl";
+import { YamlEditor } from "@gooddata/sdk-ui-kit";
+import { metricCompletions } from "./metricCompletions.js";
+const messages = defineMessages({
+    syntaxError: { id: "analyticsCatalog.metric.validation.syntax" },
+});
 export function MetricYamlEditor({ initialValue, onChange, disabled = false }) {
     const intl = useIntl();
-    const [value, setValue] = useState(initialValue);
-    const extensions = useMemo(() => [yaml(), lineNumbers(), createMetricYamlLinter(intl), lintGutter()], [intl]);
-    const handleChange = useCallback((nextValue) => {
-        setValue(nextValue);
-        onChange?.(nextValue);
-    }, [onChange]);
-    return (_jsx(SyntaxHighlightingInput, { className: "gd-ascode-dialog-editor-input", value: value, onChange: handleChange, extensions: extensions, onCompletion: metricSchemaCompletions, disabled: disabled }));
+    return (_jsx(YamlEditor, { initialValue: initialValue, onChange: onChange, disabled: disabled, completionSource: metricCompletions, syntaxErrorMessage: intl.formatMessage(messages.syntaxError) }));
 }

package/esm/metric/metricCompletions.d.ts

@@ -1,7 +1,8 @@
 import type { CompletionContext, CompletionResult } from "@codemirror/autocomplete";
 /**
- * CodeMirror completion source that suggests allowed YAML property names
- * based on the metric zod schema and cursor position in the Lezer tree.
+ * Completion source for the metric YAML schema. The metric schema is a flat mapping, so completion
+ * only offers the top-level property names, and only at column zero — an indented line sits inside a
+ * sequence value (e.g. under `tags:`), where those keys must not be offered.
  */
-export declare function metricSchemaCompletions(context: CompletionContext): CompletionResult | null;
+export declare function metricCompletions(context: CompletionContext): CompletionResult | null;
 //# sourceMappingURL=metricCompletions.d.ts.map

package/esm/metric/metricCompletions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metricCompletions.d.ts","sourceRoot":"","sources":["../../src/metric/metricCompletions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAcpF;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CA2B3F"}
+{"version":3,"file":"metricCompletions.d.ts","sourceRoot":"","sources":["../../src/metric/metricCompletions.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAMpF;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,CAWrF"}

package/esm/metric/metricCompletions.js

@@ -1,59 +1,18 @@
 // (C) 2026 GoodData Corporation
-import { syntaxTree } from "@codemirror/language";
 import { METRIC_SCHEMA_KEYS } from "./metricSchema.js";
-/** Pre-built completion options from the schema key map. */
-const completionOptions = Object.fromEntries(Object.entries(METRIC_SCHEMA_KEYS).map(([parent, keys]) => [
-    parent,
-    keys.map((label) => ({ label, type: "property" })),
-]));
+const rootOptions = (METRIC_SCHEMA_KEYS[""] ?? []).map((label) => ({ label, type: "property" }));
 /**
- * CodeMirror completion source that suggests allowed YAML property names
- * based on the metric zod schema and cursor position in the Lezer tree.
+ * Completion source for the metric YAML schema. The metric schema is a flat mapping, so completion
+ * only offers the top-level property names, and only at column zero — an indented line sits inside a
+ * sequence value (e.g. under `tags:`), where those keys must not be offered.
  */
-export function metricSchemaCompletions(context) {
+export function metricCompletions(context) {
     const line = context.state.doc.lineAt(context.pos);
     const before = line.text.slice(0, context.pos - line.from);
-    // Only trigger when typing a key name at the start of a line
-    const match = before.match(/^(\s*)(\w*)$/);
+    // Trigger only for a key typed at column zero; any leading whitespace means the cursor is nested.
+    const match = before.match(/^([\w-]*)$/);
     if (!match) {
         return null;
     }
-    // The metric schema is flat: property keys exist only at the top-level mapping, at zero
-    // indentation. An indented cursor is inside a value such as the `tags` sequence, where the
-    // top-level key suggestions must not be offered.
-    if (match[1].length > 0) {
-        return null;
-    }
-    const word = match[2];
-    const from = context.pos - word.length;
-    const parentKey = getParentKey(context.state, context.pos);
-    const options = completionOptions[parentKey];
-    if (!options) {
-        return null;
-    }
-    return { from, options };
-}
-/**
- * Walk up the Lezer YAML tree from cursor to find which key's BlockMapping
- * we're inside. Returns "" for the top-level mapping.
- */
-function getParentKey(state, pos) {
-    const tree = syntaxTree(state);
-    let node = tree.resolveInner(pos, -1).parent;
-    // Find the BlockMapping we're inside
-    while (node) {
-        if (node.name === "BlockMapping") {
-            // If this BlockMapping is the value of a Pair, return the Pair's key
-            const pair = node.parent;
-            if (pair?.name === "Pair") {
-                const keyNode = pair.getChild("Key");
-                if (keyNode) {
-                    return state.sliceDoc(keyNode.from, keyNode.to).trim();
-                }
-            }
-            return "";
-        }
-        node = node.parent;
-    }
-    return "";
+    return { from: context.pos - match[1].length, options: rootOptions, validFor: /^[\w-]*$/ };
 }

package/esm/parameter/ParameterYamlEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParameterYamlEditor.d.ts","sourceRoot":"","sources":["../../src/parameter/ParameterYamlEditor.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAMzD,KAAK,KAAK,GAAG;IACT,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,aAAa,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,KAAK,2CAyBpG"}
+{"version":3,"file":"ParameterYamlEditor.d.ts","sourceRoot":"","sources":["../../src/parameter/ParameterYamlEditor.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AASzD,KAAK,KAAK,GAAG;IACT,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,aAAa,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,KAAK,2CAepG"}

package/esm/parameter/ParameterYamlEditor.js

@@ -1,21 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useCallback, useMemo, useState } from "react";
-import { yaml } from "@codemirror/lang-yaml";
-import { lintGutter } from "@codemirror/lint";
-import { lineNumbers } from "@codemirror/view";
-import { useIntl } from "react-intl";
-import { SyntaxHighlightingInput } from "@gooddata/sdk-ui-kit";
+import { useMemo } from "react";
+import { defineMessages, useIntl } from "react-intl";
+import { YamlEditor } from "@gooddata/sdk-ui-kit";
 import { createParameterCompletions } from "./parameterCompletions.js";
-import { createYamlLinter } from "./yamlLinter.js";
+const messages = defineMessages({
+    syntaxError: { id: "analyticsCatalog.parameter.validation.syntax" },
+});
 export function ParameterYamlEditor({ initialValue, enabledTypes, onChange, disabled = false }) {
     const intl = useIntl();
-    const [value, setValue] = useState(initialValue);
-    const extensions = useMemo(() => [yaml(), lineNumbers(), createYamlLinter(intl), lintGutter()], [intl]);
-    const completions = useMemo(() => createParameterCompletions(enabledTypes), [enabledTypes]);
-    const handleChange = useCallback((nextValue) => {
-        setValue(nextValue);
-        onChange?.(nextValue);
-    }, [onChange]);
-    return (_jsx(SyntaxHighlightingInput, { className: "gd-ascode-dialog-editor-input", value: value, onChange: handleChange, extensions: extensions, onCompletion: completions, disabled: disabled }));
+    // The completion source narrows keys and `type:` values to the enabled parameter types, so it is
+    // rebuilt whenever that set changes.
+    const completionSource = useMemo(() => createParameterCompletions(enabledTypes), [enabledTypes]);
+    return (_jsx(YamlEditor, { initialValue: initialValue, onChange: onChange, disabled: disabled, completionSource: completionSource, syntaxErrorMessage: intl.formatMessage(messages.syntaxError) }));
 }

package/esm/parameter/parameterCompletions.js

@@ -48,9 +48,12 @@ function toOptions(keyMap) {
     ]));
 }
 /**
- * The key whose block mapping a new entry at column `indent` would join: the
- * nearest less-indented `key:` line above. Returns "" for the top-level
- * mapping and null when the enclosing line is not a mapping key.
+ * The key whose block mapping a new entry at column `indent` would join: the nearest less-indented
+ * `key:` line above. Returns `""` only for the top-level mapping (`indent === 0`), and `null` when the
+ * enclosing line is not a mapping key or an indented line has no less-indented ancestor above it (an
+ * orphaned line, which is not top-level). Derived purely from indentation, not from a parsed syntax
+ * tree, so it also resolves the parent on a blank indented line; the flip side is that it does not
+ * understand block scalars (`|`, `>`), whose literal content is scanned as if it were mapping keys.
  */
 function getParentKey(doc, lineNumber, indent) {
     if (indent === 0) {
@@ -59,19 +62,25 @@ function getParentKey(doc, lineNumber, indent) {
     for (let number = lineNumber - 1; number >= 1; number--) {
         const text = doc.line(number).text;
         const content = text.trimStart();
+        // Skip blank lines, comments, and lines indented at least as deep as the new entry.
         if (content === "" || content.startsWith("#") || text.length - content.length >= indent) {
             continue;
         }
         return content.match(/^([\w-]+):/)?.[1] ?? null;
     }
-    return "";
+    // Indented with no less-indented ancestor: an orphaned line, not top-level.
+    return null;
 }
-/** Value of the first indented `type:` key, i.e. `definition.type` (the top-level `type` is unindented). */
+/**
+ * Value of `definition.type`: the first indented `type:` line whose enclosing mapping is `definition`.
+ * Resolving the parent via {@link getParentKey} keeps a `type:` nested elsewhere — under `constraints`
+ * or inside a block-scalar `description` — from being mistaken for the declared parameter type.
+ */
 function getDeclaredType(doc) {
     for (let number = 1; number <= doc.lines; number++) {
-        const match = doc.line(number).text.match(/^\s+type:\s*(\w+)/);
-        if (match) {
-            return match[1];
+        const match = doc.line(number).text.match(/^(\s+)type:\s*(\w+)/);
+        if (match && getParentKey(doc, number, match[1].length) === "definition") {
+            return match[2];
         }
     }
     return undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-catalog",
-  "version": "11.47.0-alpha.2",
+  "version": "11.47.0-alpha.4",
   "description": "GoodData SDK - Analytics Catalog",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -32,11 +32,7 @@
   "dependencies": {
     "@babel/core": "7.28.4",
     "@codemirror/autocomplete": "6.20.0",
-    "@codemirror/lang-yaml": "6.1.3",
-    "@codemirror/language": "6.12.1",
-    "@codemirror/lint": "6.9.2",
     "@codemirror/state": "6.5.3",
-    "@codemirror/view": "6.39.10",
     "@joint/core": "^4.2.4",
     "@joint/layout-directed-graph": "^4.2.3",
     "classnames": "2.5.1",
@@ -45,15 +41,15 @@
     "tslib": "2.8.1",
     "yaml": "2.8.3",
     "zod": "4.3.6",
-    "@gooddata/sdk-backend-spi": "11.47.0-alpha.2",
-    "@gooddata/sdk-code-schemas": "11.47.0-alpha.2",
-    "@gooddata/sdk-ui": "11.47.0-alpha.2",
-    "@gooddata/sdk-ui-ext": "11.47.0-alpha.2",
-    "@gooddata/sdk-model": "11.47.0-alpha.2",
-    "@gooddata/sdk-ui-kit": "11.47.0-alpha.2",
-    "@gooddata/sdk-ui-theme-provider": "11.47.0-alpha.2",
-    "@gooddata/sdk-ui-semantic-search": "11.47.0-alpha.2",
-    "@gooddata/util": "11.47.0-alpha.2"
+    "@gooddata/sdk-backend-spi": "11.47.0-alpha.4",
+    "@gooddata/sdk-code-schemas": "11.47.0-alpha.4",
+    "@gooddata/sdk-ui": "11.47.0-alpha.4",
+    "@gooddata/sdk-model": "11.47.0-alpha.4",
+    "@gooddata/sdk-ui-ext": "11.47.0-alpha.4",
+    "@gooddata/sdk-ui-kit": "11.47.0-alpha.4",
+    "@gooddata/sdk-ui-semantic-search": "11.47.0-alpha.4",
+    "@gooddata/sdk-ui-theme-provider": "11.47.0-alpha.4",
+    "@gooddata/util": "11.47.0-alpha.4"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -93,11 +89,11 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.47.0-alpha.2",
-    "@gooddata/i18n-toolkit": "11.47.0-alpha.2",
-    "@gooddata/oxlint-config": "11.47.0-alpha.2",
-    "@gooddata/sdk-backend-mockingbird": "11.47.0-alpha.2",
-    "@gooddata/stylelint-config": "11.47.0-alpha.2"
+    "@gooddata/eslint-config": "11.47.0-alpha.4",
+    "@gooddata/i18n-toolkit": "11.47.0-alpha.4",
+    "@gooddata/oxlint-config": "11.47.0-alpha.4",
+    "@gooddata/sdk-backend-mockingbird": "11.47.0-alpha.4",
+    "@gooddata/stylelint-config": "11.47.0-alpha.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/esm/metric/metricYamlLinter.d.ts

@@ -1,7 +0,0 @@
-import { type IntlShape } from "react-intl";
-/**
- * Creates a CodeMirror linter extension that reports YAML syntax errors
- * using the metric-specific syntax error message.
- */
-export declare function createMetricYamlLinter(intl: IntlShape): import("@codemirror/state").Extension;
-//# sourceMappingURL=metricYamlLinter.d.ts.map

package/esm/metric/metricYamlLinter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"metricYamlLinter.d.ts","sourceRoot":"","sources":["../../src/metric/metricYamlLinter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,YAAY,CAAC;AAQ5D;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,SAAS,yCAErD"}

package/esm/metric/metricYamlLinter.js

@@ -1,13 +0,0 @@
-// (C) 2026 GoodData Corporation
-import { defineMessages } from "react-intl";
-import { createYamlSyntaxLinter } from "../utils/yamlSyntaxLinter.js";
-const messages = defineMessages({
-    syntaxError: { id: "analyticsCatalog.metric.validation.syntax" },
-});
-/**
- * Creates a CodeMirror linter extension that reports YAML syntax errors
- * using the metric-specific syntax error message.
- */
-export function createMetricYamlLinter(intl) {
-    return createYamlSyntaxLinter(intl.formatMessage(messages.syntaxError));
-}

package/esm/parameter/yamlLinter.d.ts

@@ -1,7 +0,0 @@
-import { type IntlShape } from "react-intl";
-/**
- * Creates a CodeMirror linter extension that reports YAML syntax errors
- * using the parameter-specific syntax error message.
- */
-export declare function createYamlLinter(intl: IntlShape): import("@codemirror/state").Extension;
-//# sourceMappingURL=yamlLinter.d.ts.map

package/esm/parameter/yamlLinter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"yamlLinter.d.ts","sourceRoot":"","sources":["../../src/parameter/yamlLinter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,YAAY,CAAC;AAQ5D;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,yCAE/C"}

package/esm/parameter/yamlLinter.js

@@ -1,13 +0,0 @@
-// (C) 2026 GoodData Corporation
-import { defineMessages } from "react-intl";
-import { createYamlSyntaxLinter } from "../utils/yamlSyntaxLinter.js";
-const messages = defineMessages({
-    syntaxError: { id: "analyticsCatalog.parameter.validation.syntax" },
-});
-/**
- * Creates a CodeMirror linter extension that reports YAML syntax errors
- * using the parameter-specific syntax error message.
- */
-export function createYamlLinter(intl) {
-    return createYamlSyntaxLinter(intl.formatMessage(messages.syntaxError));
-}

package/esm/utils/yamlSyntaxLinter.d.ts

@@ -1,11 +0,0 @@
-/**
- * Creates a CodeMirror linter extension that reports YAML syntax errors
- * by walking the parse tree for error nodes.
- *
- * This reuses the tree already built by `@codemirror/lang-yaml` for
- * highlighting — no extra parsing or dependencies required.
- *
- * @param message - localized message shown on each syntax error diagnostic
- */
-export declare function createYamlSyntaxLinter(message: string): import("@codemirror/state").Extension;
-//# sourceMappingURL=yamlSyntaxLinter.d.ts.map

package/esm/utils/yamlSyntaxLinter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"yamlSyntaxLinter.d.ts","sourceRoot":"","sources":["../../src/utils/yamlSyntaxLinter.ts"],"names":[],"mappings":"AAKA;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,MAAM,yCAoBrD"}

package/esm/utils/yamlSyntaxLinter.js

@@ -1,31 +0,0 @@
-// (C) 2026 GoodData Corporation
-import { syntaxTree } from "@codemirror/language";
-import { linter } from "@codemirror/lint";
-/**
- * Creates a CodeMirror linter extension that reports YAML syntax errors
- * by walking the parse tree for error nodes.
- *
- * This reuses the tree already built by `@codemirror/lang-yaml` for
- * highlighting — no extra parsing or dependencies required.
- *
- * @param message - localized message shown on each syntax error diagnostic
- */
-export function createYamlSyntaxLinter(message) {
-    return linter((view) => {
-        const diagnostics = [];
-        const tree = syntaxTree(view.state);
-        tree.iterate({
-            enter(node) {
-                if (node.type.isError) {
-                    diagnostics.push({
-                        from: node.from,
-                        to: Math.max(node.to, node.from + 1),
-                        severity: "error",
-                        message,
-                    });
-                }
-            },
-        });
-        return diagnostics;
-    });
-}