@dynatrace/strato-components 3.13.3 → 3.14.0

package/esm/editors/base-code-editor/useEditorValidation.js

@@ -0,0 +1,288 @@
+import {
+  forceLinting,
+  forEachDiagnostic,
+  setDiagnosticsEffect
+} from "@codemirror/lint";
+import { EditorView } from "@codemirror/view";
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef
+} from "react";
+import { useInternalFormRegistration } from "../../forms/form/hooks/useInternalFormRegistration.js";
+import { useFormFieldMessagesContext } from "../../forms/forms-core/hooks/useFormFieldMessagesContext.js";
+import { FormFieldMessagesAction } from "../../forms/forms-core/state/formfield-messages-state-reducer.js";
+import {
+  NativeValidityStateKeys,
+  StratoValidityStateKeys,
+  ValidationError
+} from "../../forms/validation/types.js";
+import { useValidationStateEmitter } from "../../forms/validation/useValidationStateEmitter.js";
+import { withSource } from "../../forms/validation/validation-builders.js";
+const createLintState = () => ({
+  isPending: false,
+  hasLinter: false,
+  pendingBlur: false,
+  hasInitialSettled: false,
+  waiters: [],
+  builtinDiagnostics: []
+});
+const resolveWaiters = (lint) => {
+  const pending = lint.waiters;
+  lint.waiters = [];
+  for (const resolve of pending) {
+    resolve();
+  }
+};
+const hasSettledDiagnostics = (update) => update.transactions.some(
+  (tr) => tr.effects.some((e) => e.is(setDiagnosticsEffect))
+);
+const snapshotDiagnostics = (state) => {
+  const diagnostics = [];
+  forEachDiagnostic(state, (d) => {
+    diagnostics.push({ severity: d.severity });
+  });
+  return diagnostics;
+};
+const handleDocChanged = ({ lintRef, emitRef, buildValidationRef }, state) => {
+  const lint = lintRef.current;
+  lint.pendingBlur = false;
+  if (!lint.hasLinter || state.doc.toString().trim() === "") {
+    lint.isPending = false;
+    emitRef.current(buildValidationRef.current("change", "done"));
+    return;
+  }
+  if (lint.isPending) {
+    emitRef.current(buildValidationRef.current("change", "aborted"));
+  }
+  lint.isPending = true;
+  emitRef.current(buildValidationRef.current("change", "pending"));
+};
+const handleLintSettled = (ctx, state) => {
+  const { lintRef, emitRef, buildValidationRef, isDiagnosticsEnabledRef } = ctx;
+  const lint = lintRef.current;
+  lint.hasLinter = true;
+  lint.isPending = false;
+  lint.hasInitialSettled = true;
+  if (!isDiagnosticsEnabledRef.current) {
+    lint.builtinDiagnostics = snapshotDiagnostics(state);
+  }
+  const settleTrigger = lint.pendingBlur ? "blur" : "change";
+  lint.pendingBlur = false;
+  emitRef.current(buildValidationRef.current(settleTrigger, "done"));
+  resolveWaiters(lint);
+};
+const createValidationListener = (ctx) => EditorView.updateListener.of((update) => {
+  if (update.focusChanged) {
+    if (update.view.hasFocus) {
+      ctx.lintRef.current.pendingBlur = false;
+    } else {
+      ctx.notifyBlur();
+    }
+  }
+  if (update.docChanged && !ctx.isDiagnosticsEnabledRef.current) {
+    handleDocChanged(ctx, update.state);
+  }
+  if (hasSettledDiagnostics(update)) {
+    handleLintSettled(ctx, update.state);
+  }
+});
+function useEditorValidation({
+  viewRef,
+  diagnosticsRef,
+  isDiagnosticsEnabledRef,
+  id,
+  name,
+  required,
+  form,
+  messageTarget,
+  onValidityChange,
+  markTouched,
+  diagnostics,
+  value
+}) {
+  const lintRef = useRef(createLintState());
+  const markTouchedRef = useRef(markTouched);
+  useLayoutEffect(() => {
+    markTouchedRef.current = markTouched;
+  });
+  const requiredRef = useRef(required);
+  useEffect(() => {
+    requiredRef.current = required;
+  }, [required]);
+  const emitRef = useRef(
+    (_state) => void 0
+  );
+  const buildValidationRef = useRef(
+    (trigger, status) => ({
+      status: status ?? "done",
+      trigger,
+      errors: []
+    })
+  );
+  const buildValidationState = useCallback(
+    (trigger, status = "done") => {
+      const val = viewRef.current.state.doc.toString();
+      const errors = [];
+      if (requiredRef.current && val.trim() === "") {
+        errors.push(
+          new ValidationError("Value is required.", {
+            source: "strato",
+            validityStateKey: NativeValidityStateKeys.valueMissing
+          })
+        );
+      } else if (val.trim() !== "") {
+        const activeDiagnostics = isDiagnosticsEnabledRef.current ? diagnosticsRef.current : lintRef.current.builtinDiagnostics;
+        const hasErrors = activeDiagnostics.some(
+          (d) => (d.severity ?? "error") === "error"
+        );
+        if (hasErrors) {
+          errors.push(
+            new ValidationError("The editor contains syntax errors.", {
+              source: isDiagnosticsEnabledRef.current ? "custom" : "strato",
+              validityStateKey: StratoValidityStateKeys.syntaxError
+            })
+          );
+        }
+      }
+      return { status, trigger, errors };
+    },
+    [viewRef, diagnosticsRef, isDiagnosticsEnabledRef]
+  );
+  useLayoutEffect(() => {
+    buildValidationRef.current = buildValidationState;
+  });
+  const notifyBlur = useCallback(() => {
+    const lint = lintRef.current;
+    if (lint.isPending) {
+      lint.pendingBlur = true;
+    } else {
+      emitRef.current(buildValidationRef.current("blur"));
+    }
+  }, []);
+  const awaitLintSettled = useCallback(() => {
+    const lint = lintRef.current;
+    if (isDiagnosticsEnabledRef.current) {
+      return Promise.resolve();
+    }
+    if (lint.hasInitialSettled && !lint.isPending) {
+      return Promise.resolve();
+    }
+    return new Promise((resolve) => {
+      lint.waiters.push(resolve);
+      forceLinting(viewRef.current);
+    });
+  }, [viewRef, isDiagnosticsEnabledRef]);
+  const validate = useCallback(
+    async (trigger, reveal = false) => {
+      await awaitLintSettled();
+      const state = buildValidationRef.current(trigger);
+      if (reveal) {
+        markTouchedRef.current?.();
+      }
+      emitRef.current(state);
+      return state;
+    },
+    [awaitLintSettled]
+  );
+  const validateRef = useRef(validate);
+  useLayoutEffect(() => {
+    validateRef.current = validate;
+  });
+  const listenerRef = useRef(null);
+  const validationListener = listenerRef.current ??= createValidationListener({
+    lintRef,
+    emitRef,
+    buildValidationRef,
+    isDiagnosticsEnabledRef,
+    notifyBlur
+  });
+  useEffect(() => {
+    const lint = lintRef.current;
+    return () => resolveWaiters(lint);
+  }, []);
+  const { dispatch: dispatchFieldMessages } = useFormFieldMessagesContext();
+  const addedMessageIdsRef = useRef(/* @__PURE__ */ new Set());
+  const clearFieldMessages = useCallback(() => {
+    for (const messageId of addedMessageIdsRef.current) {
+      dispatchFieldMessages?.({
+        type: FormFieldMessagesAction.REMOVEMESSAGE,
+        payload: { id: messageId, source: "strato" }
+      });
+    }
+    addedMessageIdsRef.current.clear();
+  }, [dispatchFieldMessages]);
+  const { onValidityChange: reportValidity } = useInternalFormRegistration({
+    id,
+    name,
+    form,
+    messageTarget,
+    getValue: () => viewRef.current.state.doc.toString(),
+    focus: () => viewRef.current.focus(),
+    onValidityChange,
+    validateField: ({ reveal, trigger }) => validateRef.current(trigger, reveal),
+    resetValidation: () => {
+      clearFieldMessages();
+      dispatchFieldMessages?.({
+        type: FormFieldMessagesAction.SETISTOUCHED,
+        payload: { isTouched: false, resetShowError: true }
+      });
+      emitRef.current({ status: "done", trigger: "initial", errors: [] });
+    }
+  });
+  const trackedReportValidity = useCallback(
+    (state) => {
+      if (state.status === "done") {
+        const nextMessageIds = /* @__PURE__ */ new Set();
+        for (const error of state.errors) {
+          const messageId = error.validityStateKey.toString();
+          dispatchFieldMessages?.({
+            type: FormFieldMessagesAction.ADDMESSAGE,
+            payload: {
+              id: messageId,
+              error: withSource(error, "strato")
+            }
+          });
+          nextMessageIds.add(messageId);
+        }
+        for (const messageId of addedMessageIdsRef.current) {
+          if (!nextMessageIds.has(messageId)) {
+            dispatchFieldMessages?.({
+              type: FormFieldMessagesAction.REMOVEMESSAGE,
+              payload: { id: messageId, source: "strato" }
+            });
+          }
+        }
+        addedMessageIdsRef.current = nextMessageIds;
+        if (state.trigger !== "change" && state.trigger !== "initial") {
+          dispatchFieldMessages?.({
+            type: FormFieldMessagesAction.SETISTOUCHED,
+            payload: { isTouched: true }
+          });
+        }
+      }
+      reportValidity(state);
+    },
+    [reportValidity, dispatchFieldMessages]
+  );
+  const emit = useValidationStateEmitter(trackedReportValidity);
+  useLayoutEffect(() => {
+    emitRef.current = emit;
+  });
+  useEffect(() => {
+    if (!isDiagnosticsEnabledRef.current) {
+      return;
+    }
+    emitRef.current(buildValidationRef.current("change", "done"));
+  }, [diagnostics, value, isDiagnosticsEnabledRef]);
+  return {
+    validationListener,
+    validate,
+    notifyBlur
+  };
+}
+export {
+  useEditorValidation
+};
+//# sourceMappingURL=useEditorValidation.js.map

package/esm/editors/base-code-editor/useEditorValidation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/editors/base-code-editor/useEditorValidation.ts"],
+  "sourcesContent": ["import {\n  forceLinting,\n  forEachDiagnostic,\n  setDiagnosticsEffect,\n} from '@codemirror/lint';\nimport type { EditorState, Extension } from '@codemirror/state';\nimport { EditorView, type ViewUpdate } from '@codemirror/view';\nimport {\n  type RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from 'react';\n\nimport { useInternalFormRegistration } from '../../forms/form/hooks/useInternalFormRegistration.js';\nimport { useFormFieldMessagesContext } from '../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport type { MessageTarget } from '../../forms/validation/message-routing.js';\nimport {\n  NativeValidityStateKeys,\n  StratoValidityStateKeys,\n  ValidationError,\n  type ValidationState,\n  type ValidationStatus,\n  type ValidationTrigger,\n} from '../../forms/validation/types.js';\nimport { useValidationStateEmitter } from '../../forms/validation/useValidationStateEmitter.js';\nimport { withSource } from '../../forms/validation/validation-builders.js';\nimport type { InlineDiagnostic } from '../code-editor/inline-diagnostic.js';\n\ntype BuildValidationState = (\n  trigger: ValidationTrigger,\n  status?: ValidationStatus,\n) => ValidationState;\n\n/**\n * Mutable state of the async lint lifecycle. Held in a single ref so the\n * CodeMirror listener \u2014 created once for the editor's lifetime \u2014 always reads\n * current values without being recreated.\n */\ntype LintState = {\n  /**\n   * A lint run started by a doc change is in flight.\n   */\n  isPending: boolean;\n  /**\n   *  A lint run has completed at least once, confirming a linter is installed.\n   */\n  hasLinter: boolean;\n  /**\n   * Blur happened mid-run; the settled emission should use the 'blur' trigger.\n   */\n  pendingBlur: boolean;\n  /**\n   * A first run is always scheduled at editor creation, so diagnostics for the\n   * initial value are unknown until it settles.\n   */\n  hasInitialSettled: boolean;\n  /**\n   * Callers awaiting settlement. A list so overlapping calls all resolve.\n   */\n  waiters: Array<() => void>;\n  /**\n   * Latest diagnostics reported by the built-in linter.\n   */\n  builtinDiagnostics: Array<{ severity?: string }>;\n};\n\nconst createLintState = (): LintState => ({\n  isPending: false,\n  hasLinter: false,\n  pendingBlur: false,\n  hasInitialSettled: false,\n  waiters: [],\n  builtinDiagnostics: [],\n});\n\nconst resolveWaiters = (lint: LintState) => {\n  const pending = lint.waiters;\n  lint.waiters = [];\n  for (const resolve of pending) {\n    resolve();\n  }\n};\n\nconst hasSettledDiagnostics = (update: ViewUpdate) =>\n  update.transactions.some((tr) =>\n    tr.effects.some((e) => e.is(setDiagnosticsEffect)),\n  );\n\nconst snapshotDiagnostics = (state: EditorState) => {\n  const diagnostics: Array<{ severity?: string }> = [];\n  forEachDiagnostic(state, (d) => {\n    diagnostics.push({ severity: d.severity });\n  });\n  return diagnostics;\n};\n\n/**\n * Everything the update listener needs. Passed explicitly so the listener can be\n * built once, outside the render cycle, without capturing per-render closures.\n */\ntype ListenerContext = {\n  lintRef: RefObject<LintState>;\n  emitRef: RefObject<(state: ValidationState) => void>;\n  buildValidationRef: RefObject<BuildValidationState>;\n  isDiagnosticsEnabledRef: RefObject<boolean>;\n  notifyBlur: () => void;\n};\n\nconst handleDocChanged = (\n  { lintRef, emitRef, buildValidationRef }: ListenerContext,\n  state: EditorState,\n) => {\n  const lint = lintRef.current;\n  // New input cancels a deferred blur \u2014 the user is editing again.\n  lint.pendingBlur = false;\n\n  // No linter, or an empty doc that only yields valueMissing \u2014 the lint result\n  // cannot change the verdict, so settle instead of waiting out the debounce.\n  if (!lint.hasLinter || state.doc.toString().trim() === '') {\n    lint.isPending = false;\n    emitRef.current(buildValidationRef.current('change', 'done'));\n    return;\n  }\n\n  if (lint.isPending) {\n    emitRef.current(buildValidationRef.current('change', 'aborted'));\n  }\n  lint.isPending = true;\n  emitRef.current(buildValidationRef.current('change', 'pending'));\n};\n\nconst handleLintSettled = (ctx: ListenerContext, state: EditorState) => {\n  const { lintRef, emitRef, buildValidationRef, isDiagnosticsEnabledRef } = ctx;\n  const lint = lintRef.current;\n\n  lint.hasLinter = true;\n  lint.isPending = false;\n  lint.hasInitialSettled = true;\n\n  if (!isDiagnosticsEnabledRef.current) {\n    lint.builtinDiagnostics = snapshotDiagnostics(state);\n  }\n\n  const settleTrigger = lint.pendingBlur ? 'blur' : 'change';\n  lint.pendingBlur = false;\n  emitRef.current(buildValidationRef.current(settleTrigger, 'done'));\n\n  resolveWaiters(lint);\n};\n\nconst createValidationListener = (ctx: ListenerContext): Extension =>\n  EditorView.updateListener.of((update) => {\n    if (update.focusChanged) {\n      if (update.view.hasFocus) {\n        // Re-focus cancels a deferred blur \u2014 the user is editing again.\n        ctx.lintRef.current.pendingBlur = false;\n      } else {\n        // CodeMirror's focusChanged tracks .cm-content, where focus sits for\n        // mouse users, so it is the reliable signal that the editor lost focus.\n        ctx.notifyBlur();\n      }\n    }\n\n    if (update.docChanged && !ctx.isDiagnosticsEnabledRef.current) {\n      handleDocChanged(ctx, update.state);\n    }\n\n    if (hasSettledDiagnostics(update)) {\n      handleLintSettled(ctx, update.state);\n    }\n  });\n\n/**\n * Options for {@link useEditorValidation}.\n */\ntype UseEditorValidationOptions = {\n  /**\n   * Ref to the live `EditorView` instance.\n   */\n  viewRef: RefObject<EditorView>;\n  /**\n   * Consumer-supplied diagnostics, used when they override the built-in linter.\n   */\n  diagnosticsRef: RefObject<InlineDiagnostic[]>;\n  /**\n   * Whether consumer diagnostics are in use, which makes validation synchronous.\n   */\n  isDiagnosticsEnabledRef: RefObject<boolean>;\n  /**\n   * The `id` prop forwarded from the host component, used for form association.\n   */\n  id?: string;\n  /**\n   * The `name` attribute for form submission.\n   */\n  name?: string;\n  /**\n   * Whether the field is required; triggers a `valueMissing` error when empty.\n   */\n  required?: boolean;\n  /**\n   * Associates the control with a `<Form>` by its id.\n   */\n  form?: string;\n  /**\n   * Controls where Strato validation messages are routed.\n   */\n  messageTarget?: MessageTarget | MessageTarget[];\n  /**\n   * Callback fired when the editor's validation state changes.\n   */\n  onValidityChange?: (state: ValidationState) => void;\n  /**\n   * Reveals an error immediately, bypassing the blur gate.\n   */\n  markTouched?: () => void;\n  /**\n   * The current consumer-supplied `diagnostics` prop value; re-emits validation\n   * when it changes (synchronous path only).\n   */\n  diagnostics?: InlineDiagnostic[];\n  /**\n   * The current editor `value` prop; re-emits validation when it changes\n   * (synchronous path only).\n   */\n  value?: string;\n};\n\n/**\n * Result of {@link useEditorValidation}.\n */\ntype UseEditorValidationResult = {\n  /** CodeMirror extension driving the validation state machine. */\n  validationListener: Extension;\n  /**\n   * Validates on demand, awaiting any outstanding lint run first. `reveal`\n   * surfaces a resulting error even while focus is inside.\n   */\n  validate: (\n    trigger: ValidationTrigger,\n    reveal?: boolean,\n  ) => Promise<ValidationState>;\n  /** Reports a blur that CodeMirror's own focus tracking did not observe. */\n  notifyBlur: () => void;\n};\n\n/**\n * Drives the editor's validation lifecycle: tracks async lint runs, emits\n * `ValidationState` transitions, and registers the editor with an enclosing\n * `Form` so it participates in submission and message routing.\n *\n * @internal\n */\nexport function useEditorValidation({\n  viewRef,\n  diagnosticsRef,\n  isDiagnosticsEnabledRef,\n  id,\n  name,\n  required,\n  form,\n  messageTarget,\n  onValidityChange,\n  markTouched,\n  diagnostics,\n  value,\n}: UseEditorValidationOptions): UseEditorValidationResult {\n  const lintRef = useRef<LintState>(createLintState());\n\n  const markTouchedRef = useRef(markTouched);\n  useLayoutEffect(() => {\n    markTouchedRef.current = markTouched;\n  });\n\n  const requiredRef = useRef(required);\n  useEffect(() => {\n    requiredRef.current = required;\n  }, [required]);\n\n  // Assigned from the hook calls below, so the listener reaches them indirectly.\n  const emitRef = useRef<(state: ValidationState) => void>(\n    (_state) => undefined,\n  );\n  const buildValidationRef = useRef<BuildValidationState>(\n    (trigger, status) => ({\n      status: status ?? 'done',\n      trigger,\n      errors: [],\n    }),\n  );\n\n  const buildValidationState = useCallback<BuildValidationState>(\n    (trigger, status = 'done') => {\n      const val = viewRef.current.state.doc.toString();\n      const errors: ValidationError[] = [];\n\n      if (requiredRef.current && val.trim() === '') {\n        errors.push(\n          new ValidationError('Value is required.', {\n            source: 'strato',\n            validityStateKey: NativeValidityStateKeys.valueMissing,\n          }),\n        );\n      } else if (val.trim() !== '') {\n        const activeDiagnostics = isDiagnosticsEnabledRef.current\n          ? diagnosticsRef.current\n          : lintRef.current.builtinDiagnostics;\n        const hasErrors = activeDiagnostics.some(\n          (d) => (d.severity ?? 'error') === 'error',\n        );\n        if (hasErrors) {\n          errors.push(\n            new ValidationError('The editor contains syntax errors.', {\n              source: isDiagnosticsEnabledRef.current ? 'custom' : 'strato',\n              validityStateKey: StratoValidityStateKeys.syntaxError,\n            }),\n          );\n        }\n      }\n\n      return { status, trigger, errors };\n    },\n    [viewRef, diagnosticsRef, isDiagnosticsEnabledRef],\n  );\n  useLayoutEffect(() => {\n    buildValidationRef.current = buildValidationState;\n  });\n\n  // Emits a blur state, or defers it until the in-flight run settles so the\n  // emitted state reflects the actual lint result rather than stale diagnostics.\n  const notifyBlur = useCallback(() => {\n    const lint = lintRef.current;\n    if (lint.isPending) {\n      lint.pendingBlur = true;\n    } else {\n      emitRef.current(buildValidationRef.current('blur'));\n    }\n  }, []);\n\n  // Resolves once no lint run is outstanding, so validation never reports on\n  // stale diagnostics. `isPending` only covers runs started by a doc change,\n  // hence the separate initial-run check.\n  const awaitLintSettled = useCallback(() => {\n    const lint = lintRef.current;\n    if (isDiagnosticsEnabledRef.current) {\n      return Promise.resolve();\n    }\n    if (lint.hasInitialSettled && !lint.isPending) {\n      return Promise.resolve();\n    }\n    // Registered before forceLinting so a synchronous linter settling inline finds it.\n    return new Promise<void>((resolve) => {\n      lint.waiters.push(resolve);\n      forceLinting(viewRef.current);\n    });\n  }, [viewRef, isDiagnosticsEnabledRef]);\n\n  const validate = useCallback(\n    async (trigger: ValidationTrigger, reveal = false) => {\n      await awaitLintSettled();\n      const state = buildValidationRef.current(trigger);\n      // Reveal before emitting so both land in the same render.\n      if (reveal) {\n        markTouchedRef.current?.();\n      }\n      emitRef.current(state);\n      return state;\n    },\n    [awaitLintSettled],\n  );\n  const validateRef = useRef(validate);\n  useLayoutEffect(() => {\n    validateRef.current = validate;\n  });\n\n  const listenerRef = useRef<Extension | null>(null);\n  const validationListener = (listenerRef.current ??= createValidationListener({\n    lintRef,\n    emitRef,\n    buildValidationRef,\n    isDiagnosticsEnabledRef,\n    notifyBlur,\n  }));\n\n  // Release in-flight callers on unmount; no further lint run will settle.\n  useEffect(() => {\n    const lint = lintRef.current;\n    return () => resolveWaiters(lint);\n  }, []);\n\n  const { dispatch: dispatchFieldMessages } = useFormFieldMessagesContext();\n\n  // Tracks which error message IDs we have dispatched into FormFieldMessagesContext\n  // so we can remove them when errors clear or the field resets.\n  const addedMessageIdsRef = useRef<Set<string>>(new Set());\n\n  const clearFieldMessages = useCallback(() => {\n    for (const messageId of addedMessageIdsRef.current) {\n      dispatchFieldMessages?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: { id: messageId, source: 'strato' },\n      });\n    }\n    addedMessageIdsRef.current.clear();\n  }, [dispatchFieldMessages]);\n\n  const { onValidityChange: reportValidity } = useInternalFormRegistration({\n    id,\n    name,\n    form,\n    messageTarget,\n    getValue: () => viewRef.current.state.doc.toString(),\n    focus: () => viewRef.current.focus(),\n    onValidityChange,\n    validateField: ({ reveal, trigger }) =>\n      validateRef.current(trigger, reveal),\n    resetValidation: () => {\n      clearFieldMessages();\n      dispatchFieldMessages?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n      emitRef.current({ status: 'done', trigger: 'initial', errors: [] });\n    },\n  });\n\n  // Bridge: forward settled done-state emissions into FormFieldMessagesContext so\n  // FormFieldMessages can render the text and useFormControl's showError activates.\n  const trackedReportValidity = useCallback(\n    (state: ValidationState) => {\n      if (state.status === 'done') {\n        // Add before removing so `showError` survives an error swap.\n        const nextMessageIds = new Set<string>();\n        for (const error of state.errors) {\n          const messageId = error.validityStateKey.toString();\n          dispatchFieldMessages?.({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              id: messageId,\n              error: withSource(error, 'strato'),\n            },\n          });\n          nextMessageIds.add(messageId);\n        }\n        for (const messageId of addedMessageIdsRef.current) {\n          if (!nextMessageIds.has(messageId)) {\n            dispatchFieldMessages?.({\n              type: FormFieldMessagesAction.REMOVEMESSAGE,\n              payload: { id: messageId, source: 'strato' },\n            });\n          }\n        }\n        addedMessageIdsRef.current = nextMessageIds;\n\n        // Mark as touched on any non-change trigger (blur, submit, manual).\n        // Change-triggered done states only update messages; isTouched gates display.\n        if (state.trigger !== 'change' && state.trigger !== 'initial') {\n          dispatchFieldMessages?.({\n            type: FormFieldMessagesAction.SETISTOUCHED,\n            payload: { isTouched: true },\n          });\n        }\n      }\n      reportValidity(state);\n    },\n    [reportValidity, dispatchFieldMessages],\n  );\n\n  const emit = useValidationStateEmitter(trackedReportValidity);\n  useLayoutEffect(() => {\n    emitRef.current = emit;\n  });\n\n  // Emit when consumer-supplied diagnostics change (synchronous path).\n  useEffect(() => {\n    if (!isDiagnosticsEnabledRef.current) {\n      return;\n    }\n    emitRef.current(buildValidationRef.current('change', 'done'));\n  }, [diagnostics, value, isDiagnosticsEnabledRef]);\n\n  return {\n    validationListener,\n    validate,\n    notifyBlur,\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/editors/code-editor/CodeEditor.js

@@ -44,6 +44,10 @@ const CodeEditorInner = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.
     // oxlint-disable-next-line typescript/no-deprecated
     isControlled = false,
+    name,
+    onValidityChange,
+    _form,
+    _messageTarget,
     className: consumerClassName,
     style: consumerStyle,
     "data-testid": dataTestId,
@@ -89,6 +93,10 @@ const CodeEditorInner = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       size,
       required,
       isControlled,
+      name,
+      onValidityChange,
+      _form,
+      _messageTarget,
       className: consumerClassName,
       style: consumerStyle,
       "data-testid": dataTestId,

package/esm/editors/code-editor/CodeEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/code-editor/CodeEditor.tsx"],
-  "sourcesContent": ["import { Language } from '@codemirror/language';\nimport { Extension } from '@codemirror/state';\nimport { forwardRef, useMemo } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport { PLACEHOLDER_MESSAGES } from './codeEditorMessages.js';\nimport type { InlineDiagnostic } from './inline-diagnostic.js';\nimport { codeEditorLanguages } from './languages/languages.js';\nimport { ErrorFallback as EditorErrorFallback } from '../../core/components/error-fallback/ErrorFallback.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { AutocompleteProvider } from '../base-code-editor/auto-completion/autocompletion.extension.js';\nimport type { ListAutocompletionConfig } from '../base-code-editor/auto-completion/list/list-autocompletion-types.js';\nimport {\n  BaseCodeEditor,\n  type SharedBaseCodeEditorProps,\n} from '../base-code-editor/BaseCodeEditor.js';\nimport type { EditorLanguageConfiguration } from '../base-code-editor/configuration/configuration.js';\nimport type { GutterConfiguration } from '../base-code-editor/configuration/getDefaultConfigurations.js';\n\nconst COMPONENT_NAME = 'CodeEditor';\n\n/**\n * Props for the `CodeEditor` component.\n * @public\n */\nexport interface CodeEditorBaseProps extends SharedBaseCodeEditorProps {\n  /**\n   * The language for syntax highlighting and autocompletion.\n   * @defaultValue 'other'\n   */\n  language?: 'json' | 'js' | 'jsx' | 'ts' | 'tsx' | 'md' | 'yaml' | 'other';\n  // DEPRECATION: [APPDEV-19108] BREAKING-CHANGE: Remove `gutterConfiguration`.\n  /**\n   * Provides the gutter configuration to display a marker next to the fold gutter.\n   * @deprecated Use the `diagnostics` and `showLintGutter` props for per-line validation markers instead.\n   * Will be removed in a future major release.\n   */\n  gutterConfiguration?: GutterConfiguration;\n  /**\n   * Diagnostics to render inside the editor (underlines, hover tooltips).\n   * When provided, the built-in JSON linter is overridden.\n   */\n  diagnostics?: InlineDiagnostic[];\n  /**\n   * When `true`, shows a severity marker in a gutter column next to each diagnostic line.\n   * Has no effect when `diagnostics` is `undefined` or empty. Takes precedence over\n   * `gutterConfiguration` when both are set.\n   * @defaultValue false\n   */\n  showLintGutter?: boolean;\n  /**\n   * Renders floating pill buttons at the top and/or bottom edge of the editor\n   * when one or more `error`-severity diagnostics are scrolled out of the visible area.\n   *\n   * Has no effect when there are no `error`-severity diagnostics in the editor \u2014\n   * whether provided via the `diagnostics` prop or produced by a built-in\n   * CodeMirror linter (e.g. when `language=\"json\"`).\n   * @defaultValue false\n   */\n  showOffScreenDiagnosticIndicators?: boolean;\n}\n\n/**\n * Props for the `CodeEditor` in controlled usage.\n * @public\n */\nexport type CodeEditorControlledProps = {\n  /**\n   * The value of the editor in controlled mode.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Not allowed in controlled mode. */\n  defaultValue?: never;\n};\n\n/**\n * Props for the `CodeEditor` in uncontrolled usage.\n * @public\n */\nexport type CodeEditorUncontrolledProps = {\n  /** Not allowed in uncontrolled mode. */\n  value?: never;\n  /**\n   * The default value of the editor for uncontrolled usage.\n   */\n  defaultValue?: string;\n  /**\n   * `isControlled` has no effect without `value`.\n   * @deprecated [APPDEV-17404] BREAKING-CHANGE: Will be removed when controlled behaviour becomes the default.\n   */\n  isControlled?: never;\n};\n\n/**\n * Props for the `CodeEditor` component.\n * @public\n */\nexport type CodeEditorProps = CodeEditorBaseProps &\n  (CodeEditorControlledProps | CodeEditorUncontrolledProps);\n\n/**\n * Ref handle exposed by the `CodeEditor` component.\n * @public\n */\nexport type CodeEditorRef = {\n  /**\n   * Moves focus to the editor.\n   */\n  focus: () => void;\n  /**\n   * Selects the text within the given character-offset range.\n   */\n  selectRange: (range: { from: number; to: number }) => void;\n  /**\n   * The underlying editor container DOM element.\n   */\n  readonly element: HTMLDivElement | null;\n  /**\n   * Moves the cursor to the given character offset, or to the end of the document when `'end'` is passed.\n   */\n  setCursorPosition: (position: number | 'end') => void;\n};\n\nconst CodeEditorInner = /* @__PURE__ */ forwardRef<\n  CodeEditorRef,\n  CodeEditorProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const {\n    id,\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    defaultFolding,\n    folding,\n    onFoldingChange,\n    spellCheck = false,\n    language = 'other',\n    placeholder = intl.formatMessage(PLACEHOLDER_MESSAGES[language]),\n    readOnly = false,\n    lineWrap = false,\n    fullHeight = false,\n    value,\n    defaultValue,\n    onChange,\n    onBlur,\n    onFocus,\n    // DEPRECATION: [APPDEV-19108] BREAKING-CHANGE: Remove gutterConfiguration prop.\n    // oxlint-disable-next-line typescript/no-deprecated\n    gutterConfiguration,\n    diagnostics,\n    showLintGutter = false,\n    showOffScreenDiagnosticIndicators = false,\n    size = 'default',\n    required = false,\n    // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n    // oxlint-disable-next-line typescript/no-deprecated\n    isControlled = false,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const hasDiagnostics = diagnostics !== undefined;\n  const config = useMemo((): EditorLanguageConfiguration => {\n    return getLanguageConfig(\n      codeEditorLanguages[language],\n      readOnly,\n      hasDiagnostics,\n    );\n  }, [language, readOnly, hasDiagnostics]);\n\n  const valueProps = (\n    value !== undefined ? { value } : { defaultValue }\n  ) satisfies Partial<{ value: string; defaultValue: string }>;\n\n  return (\n    <BaseCodeEditor\n      id={id}\n      ref={forwardedRef}\n      placeholder={placeholder}\n      // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n      controlState={controlState}\n      readOnly={readOnly}\n      folding={folding}\n      defaultFolding={defaultFolding}\n      onFoldingChange={onFoldingChange}\n      lineWrap={lineWrap}\n      {...valueProps}\n      onChange={onChange}\n      spellCheck={spellCheck}\n      fullHeight={fullHeight}\n      configuration={config}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      // DEPRECATION: [APPDEV-19108] BREAKING-CHANGE: Remove gutterConfiguration prop.\n      // oxlint-disable-next-line typescript/no-deprecated\n      gutterConfiguration={gutterConfiguration}\n      diagnostics={diagnostics}\n      showLintGutter={showLintGutter}\n      showOffScreenDiagnosticIndicators={showOffScreenDiagnosticIndicators}\n      size={size}\n      required={required}\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // oxlint-disable-next-line typescript/no-deprecated\n      isControlled={isControlled}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    />\n  );\n});\n\n/**\n * The `CodeEditor` provides a text input field that is specifically designed for editing code.\n * It further offers properties to configure e.g. syntax highlighting, spell checks or line wrapping.\n * Once the editor is focused via the keyboard, the user must press `Enter` to start editing and `Escape` to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const CodeEditor = /* @__PURE__ */ forwardRef<\n  CodeEditorRef,\n  CodeEditorProps\n>((props, ref) => {\n  const stratoLogger = useMemo(\n    () => createStratoLogger.bind({ id: props.id })(COMPONENT_NAME),\n    [props.id],\n  );\n\n  return (\n    <ErrorBoundary\n      onError={(error) => stratoLogger.error(error?.message, error)}\n      FallbackComponent={(fallbackProps) => (\n        <EditorErrorFallback {...fallbackProps} />\n      )}\n    >\n      <CodeEditorInner {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n});\n\n/**\n * If readOnly is true then there is no autocompletion.\n * When custom diagnostics are supplied, built-in language linter extensions\n * (e.g. jsonParseLinter) are stripped from `extendWith` so they don't conflict\n * with the consumer-supplied diagnostics.\n * @param languageConfig - standard language config\n * @param readOnly - whether the editor is readOnly\n * @param hasDiagnostics - whether the consumer supplies custom diagnostics\n * @returns new config with appropriate values\n * @internal\n */\nexport function getLanguageConfig(\n  languageConfig: EditorLanguageConfiguration,\n  readOnly: boolean,\n  hasDiagnostics: boolean = false,\n): {\n  language: Language | undefined;\n  autocompleteOptions:\n    | {\n        activateOnTyping: boolean;\n        providers: (AutocompleteProvider | ListAutocompletionConfig)[];\n      }\n    | undefined;\n  extendWith: readonly Extension[] | undefined;\n} {\n  return {\n    language: languageConfig.language,\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: true,\n          providers: languageConfig.autocompleteOptions?.providers ?? [],\n        },\n    // When the consumer provides custom diagnostics, strip built-in linter\n    // extensions so they don't conflict with external diagnostics.\n    extendWith: hasDiagnostics ? [] : languageConfig.extendWith,\n  };\n}\n\n(\n  CodeEditorInner as typeof CodeEditorInner & { displayName: string }\n).displayName = COMPONENT_NAME;\n(CodeEditor as typeof CodeEditor & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { Language } from '@codemirror/language';\nimport { Extension } from '@codemirror/state';\nimport { forwardRef, useMemo } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport { PLACEHOLDER_MESSAGES } from './codeEditorMessages.js';\nimport type { InlineDiagnostic } from './inline-diagnostic.js';\nimport { codeEditorLanguages } from './languages/languages.js';\nimport { ErrorFallback as EditorErrorFallback } from '../../core/components/error-fallback/ErrorFallback.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { MessageTarget } from '../../forms/validation/message-routing.js';\nimport type { ValidationState } from '../../forms/validation/types.js';\nimport type { AutocompleteProvider } from '../base-code-editor/auto-completion/autocompletion.extension.js';\nimport type { ListAutocompletionConfig } from '../base-code-editor/auto-completion/list/list-autocompletion-types.js';\nimport {\n  BaseCodeEditor,\n  type SharedBaseCodeEditorProps,\n} from '../base-code-editor/BaseCodeEditor.js';\nimport type { EditorLanguageConfiguration } from '../base-code-editor/configuration/configuration.js';\nimport type { GutterConfiguration } from '../base-code-editor/configuration/getDefaultConfigurations.js';\n\nconst COMPONENT_NAME = 'CodeEditor';\n\n/**\n * Props for the `CodeEditor` component.\n * @public\n */\nexport interface CodeEditorBaseProps extends SharedBaseCodeEditorProps {\n  /**\n   * The language for syntax highlighting and autocompletion.\n   * @defaultValue 'other'\n   */\n  language?: 'json' | 'js' | 'jsx' | 'ts' | 'tsx' | 'md' | 'yaml' | 'other';\n  // DEPRECATION: [APPDEV-19108] BREAKING-CHANGE: Remove `gutterConfiguration`.\n  /**\n   * Provides the gutter configuration to display a marker next to the fold gutter.\n   * @deprecated Use the `diagnostics` and `showLintGutter` props for per-line validation markers instead.\n   * Will be removed in a future major release.\n   */\n  gutterConfiguration?: GutterConfiguration;\n  /**\n   * Diagnostics to render inside the editor (underlines, hover tooltips).\n   * When provided, the built-in JSON linter is overridden.\n   */\n  diagnostics?: InlineDiagnostic[];\n  /**\n   * When `true`, shows a severity marker in a gutter column next to each diagnostic line.\n   * Has no effect when `diagnostics` is `undefined` or empty. Takes precedence over\n   * `gutterConfiguration` when both are set.\n   * @defaultValue false\n   */\n  showLintGutter?: boolean;\n  /**\n   * Renders floating pill buttons at the top and/or bottom edge of the editor\n   * when one or more `error`-severity diagnostics are scrolled out of the visible area.\n   *\n   * Has no effect when there are no `error`-severity diagnostics in the editor \u2014\n   * whether provided via the `diagnostics` prop or produced by a built-in\n   * CodeMirror linter (e.g. when `language=\"json\"`).\n   * @defaultValue false\n   */\n  showOffScreenDiagnosticIndicators?: boolean;\n  /**\n   * The name attribute of the editor, used for form submission.\n   */\n  name?: string;\n  /**\n   * Called when the editor's validity state changes.\n   */\n  onValidityChange?: (state: ValidationState) => void;\n  /**\n   * Associates the editor with a Strato `Form` component by ID.\n   * @internal\n   */\n  _form?: string;\n  /**\n   * Routes validation messages to a specific target element.\n   * @internal\n   */\n  _messageTarget?: MessageTarget | MessageTarget[];\n}\n\n/**\n * Props for the `CodeEditor` in controlled usage.\n * @public\n */\nexport type CodeEditorControlledProps = {\n  /**\n   * The value of the editor in controlled mode.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Not allowed in controlled mode. */\n  defaultValue?: never;\n};\n\n/**\n * Props for the `CodeEditor` in uncontrolled usage.\n * @public\n */\nexport type CodeEditorUncontrolledProps = {\n  /** Not allowed in uncontrolled mode. */\n  value?: never;\n  /**\n   * The default value of the editor for uncontrolled usage.\n   */\n  defaultValue?: string;\n  /**\n   * `isControlled` has no effect without `value`.\n   * @deprecated [APPDEV-17404] BREAKING-CHANGE: Will be removed when controlled behaviour becomes the default.\n   */\n  isControlled?: never;\n};\n\n/**\n * Props for the `CodeEditor` component.\n * @public\n */\nexport type CodeEditorProps = CodeEditorBaseProps &\n  (CodeEditorControlledProps | CodeEditorUncontrolledProps);\n\n/**\n * Ref handle exposed by the `CodeEditor` component.\n * @public\n */\nexport type CodeEditorRef = {\n  /**\n   * Moves focus to the editor.\n   */\n  focus: () => void;\n  /**\n   * Selects the text within the given character-offset range.\n   */\n  selectRange: (range: { from: number; to: number }) => void;\n  /**\n   * The underlying editor container DOM element.\n   */\n  readonly element: HTMLDivElement | null;\n  /**\n   * Moves the cursor to the given character offset, or to the end of the document when `'end'` is passed.\n   */\n  setCursorPosition: (position: number | 'end') => void;\n  /**\n   * Triggers an immediate validation run and returns the resolved `ValidationState`.\n   * Waits for any pending async lint run to complete before resolving.\n   */\n  validate: () => Promise<ValidationState>;\n};\n\nconst CodeEditorInner = /* @__PURE__ */ forwardRef<\n  CodeEditorRef,\n  CodeEditorProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const {\n    id,\n    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n    controlState,\n    defaultFolding,\n    folding,\n    onFoldingChange,\n    spellCheck = false,\n    language = 'other',\n    placeholder = intl.formatMessage(PLACEHOLDER_MESSAGES[language]),\n    readOnly = false,\n    lineWrap = false,\n    fullHeight = false,\n    value,\n    defaultValue,\n    onChange,\n    onBlur,\n    onFocus,\n    // DEPRECATION: [APPDEV-19108] BREAKING-CHANGE: Remove gutterConfiguration prop.\n    // oxlint-disable-next-line typescript/no-deprecated\n    gutterConfiguration,\n    diagnostics,\n    showLintGutter = false,\n    showOffScreenDiagnosticIndicators = false,\n    size = 'default',\n    required = false,\n    // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n    // oxlint-disable-next-line typescript/no-deprecated\n    isControlled = false,\n    name,\n    onValidityChange,\n    _form,\n    _messageTarget,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const hasDiagnostics = diagnostics !== undefined;\n  const config = useMemo((): EditorLanguageConfiguration => {\n    return getLanguageConfig(\n      codeEditorLanguages[language],\n      readOnly,\n      hasDiagnostics,\n    );\n  }, [language, readOnly, hasDiagnostics]);\n\n  const valueProps = (\n    value !== undefined ? { value } : { defaultValue }\n  ) satisfies Partial<{ value: string; defaultValue: string }>;\n\n  return (\n    <BaseCodeEditor\n      id={id}\n      ref={forwardedRef}\n      placeholder={placeholder}\n      // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n      controlState={controlState}\n      readOnly={readOnly}\n      folding={folding}\n      defaultFolding={defaultFolding}\n      onFoldingChange={onFoldingChange}\n      lineWrap={lineWrap}\n      {...valueProps}\n      onChange={onChange}\n      spellCheck={spellCheck}\n      fullHeight={fullHeight}\n      configuration={config}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      // DEPRECATION: [APPDEV-19108] BREAKING-CHANGE: Remove gutterConfiguration prop.\n      // oxlint-disable-next-line typescript/no-deprecated\n      gutterConfiguration={gutterConfiguration}\n      diagnostics={diagnostics}\n      showLintGutter={showLintGutter}\n      showOffScreenDiagnosticIndicators={showOffScreenDiagnosticIndicators}\n      size={size}\n      required={required}\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // oxlint-disable-next-line typescript/no-deprecated\n      isControlled={isControlled}\n      name={name}\n      onValidityChange={onValidityChange}\n      _form={_form}\n      _messageTarget={_messageTarget}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    />\n  );\n});\n\n/**\n * The `CodeEditor` provides a text input field that is specifically designed for editing code.\n * It further offers properties to configure e.g. syntax highlighting, spell checks or line wrapping.\n * Once the editor is focused via the keyboard, the user must press `Enter` to start editing and `Escape` to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const CodeEditor = /* @__PURE__ */ forwardRef<\n  CodeEditorRef,\n  CodeEditorProps\n>((props, ref) => {\n  const stratoLogger = useMemo(\n    () => createStratoLogger.bind({ id: props.id })(COMPONENT_NAME),\n    [props.id],\n  );\n\n  return (\n    <ErrorBoundary\n      onError={(error) => stratoLogger.error(error?.message, error)}\n      FallbackComponent={(fallbackProps) => (\n        <EditorErrorFallback {...fallbackProps} />\n      )}\n    >\n      <CodeEditorInner {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n});\n\n/**\n * If readOnly is true then there is no autocompletion.\n * When custom diagnostics are supplied, built-in language linter extensions\n * (e.g. jsonParseLinter) are stripped from `extendWith` so they don't conflict\n * with the consumer-supplied diagnostics.\n * @param languageConfig - standard language config\n * @param readOnly - whether the editor is readOnly\n * @param hasDiagnostics - whether the consumer supplies custom diagnostics\n * @returns new config with appropriate values\n * @internal\n */\nexport function getLanguageConfig(\n  languageConfig: EditorLanguageConfiguration,\n  readOnly: boolean,\n  hasDiagnostics: boolean = false,\n): {\n  language: Language | undefined;\n  autocompleteOptions:\n    | {\n        activateOnTyping: boolean;\n        providers: (AutocompleteProvider | ListAutocompletionConfig)[];\n      }\n    | undefined;\n  extendWith: readonly Extension[] | undefined;\n} {\n  return {\n    language: languageConfig.language,\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: true,\n          providers: languageConfig.autocompleteOptions?.providers ?? [],\n        },\n    // When the consumer provides custom diagnostics, strip built-in linter\n    // extensions so they don't conflict with external diagnostics.\n    extendWith: hasDiagnostics ? [] : languageConfig.extendWith,\n  };\n}\n\n(\n  CodeEditorInner as typeof CodeEditorInner & { displayName: string }\n).displayName = COMPONENT_NAME;\n(CodeEditor as typeof CodeEditor & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/editors/code-editor/auto-completion/javascript.js

@@ -27,12 +27,8 @@ const dontComplete = [
 ];
 const javascriptAutocompleteProvider = async (context) => {
   const localCompletionResult = localCompletionSource(context);
-  const javascriptCompletionResult = await javascriptCompletionSource()(
-    context
-  );
-  const scopeCompletionResult = await scopeCompletionSource(globalThis)(
-    context
-  );
+  const javascriptCompletionResult = await javascriptCompletionSource()(context);
+  const scopeCompletionResult = await scopeCompletionSource(globalThis)(context);
   const before = context.matchBefore(/\w+/);
   const completions = extractCompletions([
     localCompletionResult,

package/esm/editors/code-editor/auto-completion/javascript.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/code-editor/auto-completion/javascript.ts"],
-  "sourcesContent": ["import {\n  completeFromList,\n  Completion,\n  CompletionContext,\n  CompletionResult,\n  CompletionSource,\n  ifNotIn,\n} from '@codemirror/autocomplete';\nimport {\n  localCompletionSource,\n  scopeCompletionSource,\n  snippets,\n} from '@codemirror/lang-javascript';\n\nimport type {\n  Suggestion,\n  AutocompletionResult,\n  AutocompleteProvider,\n} from '../../base-code-editor/auto-completion/autocompletion.extension.js';\n\n/** Javascript keywords for auto-completion. */\nconst keywords =\n  'break case const continue default delete export extends false finally in instanceof let new return static super switch this throw true typeof var yield'\n    .split(' ')\n    .map((kw) => ({\n      label: kw,\n      type: 'keyword',\n    }));\n\n/** Sources that shouldn't be added to the autocomplete list. */\nconst dontComplete = [\n  'TemplateString',\n  'String',\n  'RegExp',\n  'LineComment',\n  'BlockComment',\n  'VariableDefinition',\n  'TypeDefinition',\n  'Label',\n  'PropertyDefinition',\n  'PropertyName',\n  'PrivatePropertyDefinition',\n  'PrivatePropertyName',\n];\n\n/**\n * Auto-complete provider for javascript.\n * @param context - context for completion\n */\nexport const javascriptAutocompleteProvider: AutocompleteProvider = async (\n  context: CompletionContext,\n): Promise<AutocompletionResult> => {\n  // Locally defined variables\n  const localCompletionResult = localCompletionSource(context);\n  // Javascript snippets and keywords\n  const javascriptCompletionResult = await javascriptCompletionSource()(\n    context,\n  );\n  // Scope methods + variables\n  const scopeCompletionResult = await scopeCompletionSource(globalThis)(\n    context,\n  );\n\n  // match alphanumeric word before the cursor\n  const before = context.matchBefore(/\\w+/);\n\n  const completions = extractCompletions([\n    localCompletionResult,\n    javascriptCompletionResult,\n    scopeCompletionResult,\n  ]);\n\n  if (completions.length === 0) {\n    return { from: context.pos, suggestions: [] };\n  }\n\n  return {\n    from: before ? before.from : context.pos,\n    keepOrder: true,\n    validFor: /\\w+/,\n    suggestions: transformSuggestions(completions),\n  };\n};\n\n/**\n * Completion source for javascript snippets and keywords.\n */\nconst javascriptCompletionSource = (): CompletionSource => {\n  return ifNotIn(dontComplete, completeFromList(snippets.concat(keywords)));\n};\n\n/**\n * Extract completions from completion results.\n * @param completionResultList - completion result list containing several completion results\n */\nconst extractCompletions: (\n  completionResultList: (CompletionResult | null)[],\n) => Completion[] = (completionResultList) => {\n  let completions: Completion[] = [];\n\n  for (const completionResult of completionResultList) {\n    if (completionResult !== null) {\n      completions = completions.concat(completionResult.options);\n    }\n  }\n  return completions;\n};\n\n/**\n * Transform completions from code-mirror object notation to suggestions.\n * @param completions - completions array\n */\nconst transformSuggestions: (completions: Completion[]) => Suggestion[] = (\n  completions,\n) => {\n  const suggestions: Suggestion[] = [];\n\n  for (const completion of completions) {\n    suggestions.push({\n      postfix: completion.detail,\n      label: completion.label,\n      type: completion.type,\n      apply: completion.apply,\n    });\n  }\n\n  return suggestions;\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EAKA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASP,MAAM,WACJ,0JACG,MAAM,GAAG,EACT,IAAI,CAAC,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACR,EAAE;AAGN,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,iCAAuD,OAClE,YACkC;AAElC,QAAM,wBAAwB,sBAAsB,OAAO;AAE3D,QAAM,6BAA6B,MAAM,2BAA2B;AAAA,IAClE;AAAA,EACF;AAEA,QAAM,wBAAwB,MAAM,sBAAsB,UAAU;AAAA,IAClE;AAAA,EACF;AAGA,QAAM,SAAS,QAAQ,YAAY,KAAK;AAExC,QAAM,cAAc,mBAAmB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,MAAI,YAAY,WAAW,GAAG;AAC5B,WAAO,EAAE,MAAM,QAAQ,KAAK,aAAa,CAAC,EAAE;AAAA,EAC9C;AAEA,SAAO;AAAA,IACL,MAAM,SAAS,OAAO,OAAO,QAAQ;AAAA,IACrC,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAa,qBAAqB,WAAW;AAAA,EAC/C;AACF;AAKA,MAAM,6BAA6B,MAAwB;AACzD,SAAO,QAAQ,cAAc,iBAAiB,SAAS,OAAO,QAAQ,CAAC,CAAC;AAC1E;AAMA,MAAM,qBAEc,CAAC,yBAAyB;AAC5C,MAAI,cAA4B,CAAC;AAEjC,aAAW,oBAAoB,sBAAsB;AACnD,QAAI,qBAAqB,MAAM;AAC7B,oBAAc,YAAY,OAAO,iBAAiB,OAAO;AAAA,IAC3D;AAAA,EACF;AACA,SAAO;AACT;AAMA,MAAM,uBAAoE,CACxE,gBACG;AACH,QAAM,cAA4B,CAAC;AAEnC,aAAW,cAAc,aAAa;AACpC,gBAAY,KAAK;AAAA,MACf,SAAS,WAAW;AAAA,MACpB,OAAO,WAAW;AAAA,MAClB,MAAM,WAAW;AAAA,MACjB,OAAO,WAAW;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import {\n  completeFromList,\n  Completion,\n  CompletionContext,\n  CompletionResult,\n  CompletionSource,\n  ifNotIn,\n} from '@codemirror/autocomplete';\nimport {\n  localCompletionSource,\n  scopeCompletionSource,\n  snippets,\n} from '@codemirror/lang-javascript';\n\nimport type {\n  Suggestion,\n  AutocompletionResult,\n  AutocompleteProvider,\n} from '../../base-code-editor/auto-completion/autocompletion.extension.js';\n\n/** Javascript keywords for auto-completion. */\nconst keywords =\n  'break case const continue default delete export extends false finally in instanceof let new return static super switch this throw true typeof var yield'\n    .split(' ')\n    .map((kw) => ({\n      label: kw,\n      type: 'keyword',\n    }));\n\n/** Sources that shouldn't be added to the autocomplete list. */\nconst dontComplete = [\n  'TemplateString',\n  'String',\n  'RegExp',\n  'LineComment',\n  'BlockComment',\n  'VariableDefinition',\n  'TypeDefinition',\n  'Label',\n  'PropertyDefinition',\n  'PropertyName',\n  'PrivatePropertyDefinition',\n  'PrivatePropertyName',\n];\n\n/**\n * Auto-complete provider for javascript.\n * @param context - context for completion\n */\nexport const javascriptAutocompleteProvider: AutocompleteProvider = async (\n  context: CompletionContext,\n): Promise<AutocompletionResult> => {\n  // Locally defined variables\n  const localCompletionResult = localCompletionSource(context);\n  // Javascript snippets and keywords\n  const javascriptCompletionResult =\n    await javascriptCompletionSource()(context);\n  // Scope methods + variables\n  const scopeCompletionResult =\n    await scopeCompletionSource(globalThis)(context);\n\n  // match alphanumeric word before the cursor\n  const before = context.matchBefore(/\\w+/);\n\n  const completions = extractCompletions([\n    localCompletionResult,\n    javascriptCompletionResult,\n    scopeCompletionResult,\n  ]);\n\n  if (completions.length === 0) {\n    return { from: context.pos, suggestions: [] };\n  }\n\n  return {\n    from: before ? before.from : context.pos,\n    keepOrder: true,\n    validFor: /\\w+/,\n    suggestions: transformSuggestions(completions),\n  };\n};\n\n/**\n * Completion source for javascript snippets and keywords.\n */\nconst javascriptCompletionSource = (): CompletionSource => {\n  return ifNotIn(dontComplete, completeFromList(snippets.concat(keywords)));\n};\n\n/**\n * Extract completions from completion results.\n * @param completionResultList - completion result list containing several completion results\n */\nconst extractCompletions: (\n  completionResultList: (CompletionResult | null)[],\n) => Completion[] = (completionResultList) => {\n  let completions: Completion[] = [];\n\n  for (const completionResult of completionResultList) {\n    if (completionResult !== null) {\n      completions = completions.concat(completionResult.options);\n    }\n  }\n  return completions;\n};\n\n/**\n * Transform completions from code-mirror object notation to suggestions.\n * @param completions - completions array\n */\nconst transformSuggestions: (completions: Completion[]) => Suggestion[] = (\n  completions,\n) => {\n  const suggestions: Suggestion[] = [];\n\n  for (const completion of completions) {\n    suggestions.push({\n      postfix: completion.detail,\n      label: completion.label,\n      type: completion.type,\n      apply: completion.apply,\n    });\n  }\n\n  return suggestions;\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EAKA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASP,MAAM,WACJ,0JACG,MAAM,GAAG,EACT,IAAI,CAAC,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AACR,EAAE;AAGN,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,iCAAuD,OAClE,YACkC;AAElC,QAAM,wBAAwB,sBAAsB,OAAO;AAE3D,QAAM,6BACJ,MAAM,2BAA2B,EAAE,OAAO;AAE5C,QAAM,wBACJ,MAAM,sBAAsB,UAAU,EAAE,OAAO;AAGjD,QAAM,SAAS,QAAQ,YAAY,KAAK;AAExC,QAAM,cAAc,mBAAmB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,MAAI,YAAY,WAAW,GAAG;AAC5B,WAAO,EAAE,MAAM,QAAQ,KAAK,aAAa,CAAC,EAAE;AAAA,EAC9C;AAEA,SAAO;AAAA,IACL,MAAM,SAAS,OAAO,OAAO,QAAQ;AAAA,IACrC,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAa,qBAAqB,WAAW;AAAA,EAC/C;AACF;AAKA,MAAM,6BAA6B,MAAwB;AACzD,SAAO,QAAQ,cAAc,iBAAiB,SAAS,OAAO,QAAQ,CAAC,CAAC;AAC1E;AAMA,MAAM,qBAEc,CAAC,yBAAyB;AAC5C,MAAI,cAA4B,CAAC;AAEjC,aAAW,oBAAoB,sBAAsB;AACnD,QAAI,qBAAqB,MAAM;AAC7B,oBAAc,YAAY,OAAO,iBAAiB,OAAO;AAAA,IAC3D;AAAA,EACF;AACA,SAAO;AACT;AAMA,MAAM,uBAAoE,CACxE,gBACG;AACH,QAAM,cAA4B,CAAC;AAEnC,aAAW,cAAc,aAAa;AACpC,gBAAY,KAAK;AAAA,MACf,SAAS,WAAW;AAAA,MACpB,OAAO,WAAW;AAAA,MAClB,MAAM,WAAW;AAAA,MACjB,OAAO,WAAW;AAAA,IACpB,CAAC;AAAA,EACH;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/editors/dql-editor/DQLEditor.js

@@ -5,6 +5,7 @@ import {
   forwardRef,
   useCallback,
   useEffect,
+  useImperativeHandle,
   useMemo,
   useRef,
   useState
@@ -22,7 +23,6 @@ import { useValidityInfo } from "./useValidityInfo.js";
 import { ErrorFallback as EditorErrorFallback } from "../../core/components/error-fallback/ErrorFallback.js";
 import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
 import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
-import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { useSafeForwardProps } from "../../core/hooks/useSafeForwardProps.js";
 import { createStratoLogger } from "../../core/sdk/sdk-logger.js";
 import { isSlot } from "../../core/utils/is-slot.js";
@@ -57,6 +57,7 @@ const DQLEditorFwd = /* @__PURE__ */ forwardRef(
       onValidationEnd,
       onValidityChange,
       showLintGutter = false,
+      showOffScreenDiagnosticIndicators = false,
       onFocus,
       onBlur,
       size = "default",
@@ -76,10 +77,24 @@ const DQLEditorFwd = /* @__PURE__ */ forwardRef(
     const ariaLabelingProps = useAriaLabelingProps(restProps);
     const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);
     const internalEditorRef = useRef(null);
-    const mergedEditorRef = useMergeRefs([
-      internalEditorRef,
-      forwardedRef
-    ]);
+    useImperativeHandle(
+      forwardedRef,
+      () => ({
+        focus: () => {
+          internalEditorRef.current?.focus();
+        },
+        selectRange: (range) => {
+          internalEditorRef.current?.selectRange(range);
+        },
+        get element() {
+          return internalEditorRef.current?.element ?? null;
+        },
+        setCursorPosition: (pos) => {
+          internalEditorRef.current?.setCursorPosition(pos);
+        }
+      }),
+      []
+    );
     const internalValueRef = useRef(value ?? defaultValue ?? "");
     useEffect(() => {
       if (value !== void 0) {
@@ -140,7 +155,7 @@ const DQLEditorFwd = /* @__PURE__ */ forwardRef(
       BaseCodeEditor,
       {
         id,
-        ref: mergedEditorRef,
+        ref: internalEditorRef,
         onChange: handleChange,
         placeholder,
         controlState,
@@ -154,6 +169,7 @@ const DQLEditorFwd = /* @__PURE__ */ forwardRef(
         onFoldingChange,
         configuration: editorConfig,
         showLintGutter,
+        showOffScreenDiagnosticIndicators,
         onFocus,
         onBlur,
         size,

package/esm/editors/dql-editor/DQLEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/dql-editor/DQLEditor.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  Children,\n  forwardRef,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport * as actionsMenuStyles from './actions-menu/ActionsMenu.sty.js';\nimport {\n  ActionsMenu,\n  ActionsMenuInternal,\n} from './actions-menu/ActionsMenu.js';\nimport { getDqlConfig } from './dql/dql-language.js';\nimport type { DQLEditorValidityInfo } from './dql-editor-types.js';\nimport { useValidationCallbacks } from './useValidationCallbacks.js';\nimport { useValidityInfo } from './useValidityInfo.js';\nimport { ErrorFallback as EditorErrorFallback } from '../../core/components/error-fallback/ErrorFallback.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport {\n  BaseCodeEditor,\n  type BaseCodeEditorRef,\n  type SharedBaseCodeEditorProps,\n} from '../base-code-editor/BaseCodeEditor.js';\n\nconst COMPONENT_NAME = 'DQLEditor';\n\n/**\n * Props for the `DQLEditor` component.\n * @public\n */\nexport interface DQLEditorBaseProps\n  extends SharedBaseCodeEditorProps, WithChildren {\n  /**\n   * Callback fired when DQL validation starts.\n   * This can be used for setting a status that validation is in progress.\n   */\n  onValidationStart?: () => void;\n  /**\n   * Callback fired when DQL validation ends.\n   * This can be used for resetting a status that validation is in progress and to get the validation result.\n   */\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * Callback fired when new diagnostic information is available.\n   * This can be used to get the validation result from outside the editor.\n   */\n  onValidityChange?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * When `true`, shows a severity marker in a gutter column next to each line with a\n   * validation problem. Has no effect while the query has no current validation problems.\n   * @defaultValue false\n   */\n  showLintGutter?: boolean;\n}\n\n/**\n * Props for the `DQLEditor` in controlled usage.\n * @public\n */\nexport type DQLEditorControlledProps = {\n  /**\n   * The contents of the editor in controlled mode.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Not allowed in controlled mode. */\n  defaultValue?: never;\n};\n\n/**\n * Props for the `DQLEditor` in uncontrolled usage.\n * @public\n */\nexport type DQLEditorUncontrolledProps = {\n  /** Not allowed in uncontrolled mode. */\n  value?: never;\n  /** The initial contents of the editor for uncontrolled usage. */\n  defaultValue?: string;\n  /**\n   * `isControlled` has no effect without `value`.\n   * @deprecated [APPDEV-17404] BREAKING-CHANGE: Will be removed when controlled behaviour becomes the default.\n   */\n  isControlled?: never;\n};\n\n/**\n * Props for the `DQLEditor` component.\n * @public\n */\nexport type DQLEditorProps = DQLEditorBaseProps &\n  (DQLEditorControlledProps | DQLEditorUncontrolledProps);\n\n/**\n * Ref handle exposed by the `DQLEditor` component.\n * @public\n */\nexport type DQLEditorRef = {\n  /**\n   * Moves focus to the editor.\n   */\n  focus: () => void;\n  /**\n   * Selects the text within the given character-offset range.\n   */\n  selectRange: (range: { from: number; to: number }) => void;\n  /**\n   * The underlying editor container DOM element.\n   */\n  readonly element: HTMLDivElement | null;\n  /**\n   * Moves the cursor to the given character offset, or to the end of the document when `'end'` is passed.\n   */\n  setCursorPosition: (position: number | 'end') => void;\n};\n\n/**\n * @internal\n */\nconst DQLEditorFwd = /* @__PURE__ */ forwardRef<DQLEditorRef, DQLEditorProps>(\n  (props, forwardedRef) => {\n    const intl = useIntl();\n\n    const defaultPlaceholder = intl.formatMessage({\n      defaultMessage: 'Add DQL',\n      id: 'Ir0YCuBX6vOM4t0J',\n      description: 'Default placeholder for the DQLEditor.',\n    });\n\n    const {\n      id,\n      defaultValue,\n      value,\n      // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n      controlState,\n      onChange,\n      folding,\n      onFoldingChange,\n      defaultFolding,\n      fullHeight = false,\n      lineWrap = false,\n      placeholder = defaultPlaceholder,\n      readOnly = false,\n      spellCheck = false,\n      onValidationStart,\n      onValidationEnd,\n      onValidityChange,\n      showLintGutter = false,\n      onFocus,\n      onBlur,\n      size = 'default',\n      required,\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // oxlint-disable-next-line typescript/no-deprecated\n      isControlled = false,\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const internalEditorRef = useRef<BaseCodeEditorRef>(null);\n    const mergedEditorRef = useMergeRefs<BaseCodeEditorRef>([\n      internalEditorRef,\n      forwardedRef,\n    ]);\n\n    // Tracks the live editor content so the ActionsMenu can copy the current value,\n    // not the stale `value` prop (which never updates in uncontrolled usage).\n    const internalValueRef = useRef(value ?? defaultValue ?? '');\n    useEffect(() => {\n      if (value !== undefined) {\n        internalValueRef.current = value;\n      }\n    }, [value]);\n\n    const handleChange = useCallback(\n      (newValue: string) => {\n        internalValueRef.current = newValue;\n        onChange?.(newValue);\n      },\n      [onChange],\n    );\n\n    const getInternalValue = useCallback(() => internalValueRef.current, []);\n\n    const [formatDqlFn, setFormatDqlFn] = useState<\n      ((value: string) => string) | undefined\n    >(undefined);\n\n    useEffect(() => {\n      // `@dynatrace-sdk/dqlint` is an optional peer dependency. The static string\n      // lets Vite discover and pre-bundle it in dev mode when the consumer has it\n      // installed. `webpackIgnore` prevents webpack from erroring at build time\n      // when it is absent; the catch handles the runtime failure in that case.\n      import(/* webpackIgnore: true */ '@dynatrace-sdk/dqlint')\n        .then(({ formatDql }: { formatDql: (value: string) => string }) => {\n          setFormatDqlFn(() => formatDql);\n        })\n        .catch(() => {\n          setFormatDqlFn(undefined);\n        });\n    }, []);\n\n    const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(\n      onValidationStart,\n      onValidationEnd,\n    );\n    const setValidityInfo = useValidityInfo(onValidityChange);\n\n    const editorConfig = useMemo(\n      () =>\n        getDqlConfig(\n          readOnly,\n          fireValidationStart,\n          fireValidationEnd,\n          setValidityInfo,\n        ),\n      [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd],\n    );\n\n    // Detect ActionsMenu slot in children and extract any custom items it carries\n    let hasActionsMenu = false;\n    let actionsMenuChildren: ReactNode | undefined;\n    Children.forEach(children, (child) => {\n      if (isSlot(child, ActionsMenu)) {\n        hasActionsMenu = true;\n        actionsMenuChildren = child.props.children;\n      }\n    });\n\n    const editorClassName = hasActionsMenu\n      ? clsx(\n          consumerClassName,\n          // Apply right padding on .cm-editor to prevent overlap with the menu trigger\n          actionsMenuStyles.editorWithActionsMenu[size],\n        )\n      : consumerClassName;\n\n    const valueProps = (\n      value !== undefined ? { value } : { defaultValue }\n    ) satisfies Partial<{ value: string; defaultValue: string }>;\n\n    const handleFormat = () => {\n      internalEditorRef.current?.format?.();\n    };\n\n    const editor = (\n      <BaseCodeEditor\n        id={id}\n        ref={mergedEditorRef}\n        onChange={handleChange}\n        placeholder={placeholder}\n        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        controlState={controlState}\n        readOnly={readOnly}\n        defaultFolding={defaultFolding}\n        lineWrap={lineWrap}\n        {...valueProps}\n        spellCheck={spellCheck}\n        fullHeight={fullHeight}\n        folding={folding}\n        onFoldingChange={onFoldingChange}\n        configuration={editorConfig}\n        showLintGutter={showLintGutter}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        size={size}\n        required={required}\n        format={formatDqlFn}\n        // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n        // oxlint-disable-next-line typescript/no-deprecated\n        isControlled={isControlled}\n        className={editorClassName}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n        {...forwardProps}\n        data-dt-component={COMPONENT_NAME}\n      />\n    );\n\n    if (hasActionsMenu) {\n      return (\n        <div\n          className={clsx(\n            actionsMenuStyles.editorWrapper,\n            fullHeight && actionsMenuStyles.editorWrapperFullHeight,\n          )}\n        >\n          {editor}\n          <ActionsMenuInternal\n            getValue={getInternalValue}\n            size={size}\n            onFormat={formatDqlFn ? handleFormat : undefined}\n          >\n            {actionsMenuChildren}\n          </ActionsMenuInternal>\n        </div>\n      );\n    }\n\n    return editor;\n  },\n);\n\nconst DQLEditorWithErrorBoundary = /* @__PURE__ */ forwardRef<\n  DQLEditorRef,\n  DQLEditorProps\n>((props, ref) => {\n  const stratoLogger = useMemo(\n    () => createStratoLogger.bind({ id: props.id })(COMPONENT_NAME),\n    [props.id],\n  );\n\n  return (\n    <ErrorBoundary\n      onError={(error) => stratoLogger.error(error?.message, error)}\n      FallbackComponent={(fbProps) => <EditorErrorFallback {...fbProps} />}\n    >\n      <DQLEditorFwd {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n});\n\n/**\n * The `DQLEditor` is specifically designed for editing DQL queries.\n *\n * It further offers syntax highlighting and autocomplete functionality specific to the Dynatrace Query Language (DQL).\n * Once the editor is focused via the keyboard, the user must press `Enter` to start editing\n * and `Escape` to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const DQLEditor = Object.assign(DQLEditorWithErrorBoundary, {\n  ActionsMenu,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  Children,\n  forwardRef,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport * as actionsMenuStyles from './actions-menu/ActionsMenu.sty.js';\nimport {\n  ActionsMenu,\n  ActionsMenuInternal,\n} from './actions-menu/ActionsMenu.js';\nimport { getDqlConfig } from './dql/dql-language.js';\nimport type { DQLEditorValidityInfo } from './dql-editor-types.js';\nimport { useValidationCallbacks } from './useValidationCallbacks.js';\nimport { useValidityInfo } from './useValidityInfo.js';\nimport { ErrorFallback as EditorErrorFallback } from '../../core/components/error-fallback/ErrorFallback.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport {\n  BaseCodeEditor,\n  type BaseCodeEditorRef,\n  type SharedBaseCodeEditorProps,\n} from '../base-code-editor/BaseCodeEditor.js';\n\nconst COMPONENT_NAME = 'DQLEditor';\n\n/**\n * Props for the `DQLEditor` component.\n * @public\n */\nexport interface DQLEditorBaseProps\n  extends SharedBaseCodeEditorProps, WithChildren {\n  /**\n   * Callback fired when DQL validation starts.\n   * This can be used for setting a status that validation is in progress.\n   */\n  onValidationStart?: () => void;\n  /**\n   * Callback fired when DQL validation ends.\n   * This can be used for resetting a status that validation is in progress and to get the validation result.\n   */\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * Callback fired when new diagnostic information is available.\n   * This can be used to get the validation result from outside the editor.\n   */\n  onValidityChange?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * When `true`, shows a severity marker in a gutter column next to each line with a\n   * validation problem. Has no effect while the query has no current validation problems.\n   * @defaultValue false\n   */\n  showLintGutter?: boolean;\n  /**\n   * Renders floating pill buttons at the top and/or bottom edge of the editor\n   * when one or more `error`-severity validation problems are scrolled out of the visible area.\n   *\n   * Has no effect while the query has no error-severity validation problems.\n   * @defaultValue false\n   */\n  showOffScreenDiagnosticIndicators?: boolean;\n}\n\n/**\n * Props for the `DQLEditor` in controlled usage.\n * @public\n */\nexport type DQLEditorControlledProps = {\n  /**\n   * The contents of the editor in controlled mode.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Not allowed in controlled mode. */\n  defaultValue?: never;\n};\n\n/**\n * Props for the `DQLEditor` in uncontrolled usage.\n * @public\n */\nexport type DQLEditorUncontrolledProps = {\n  /** Not allowed in uncontrolled mode. */\n  value?: never;\n  /** The initial contents of the editor for uncontrolled usage. */\n  defaultValue?: string;\n  /**\n   * `isControlled` has no effect without `value`.\n   * @deprecated [APPDEV-17404] BREAKING-CHANGE: Will be removed when controlled behaviour becomes the default.\n   */\n  isControlled?: never;\n};\n\n/**\n * Props for the `DQLEditor` component.\n * @public\n */\nexport type DQLEditorProps = DQLEditorBaseProps &\n  (DQLEditorControlledProps | DQLEditorUncontrolledProps);\n\n/**\n * Ref handle exposed by the `DQLEditor` component.\n * @public\n */\nexport type DQLEditorRef = {\n  /**\n   * Moves focus to the editor.\n   */\n  focus: () => void;\n  /**\n   * Selects the text within the given character-offset range.\n   */\n  selectRange: (range: { from: number; to: number }) => void;\n  /**\n   * The underlying editor container DOM element.\n   */\n  readonly element: HTMLDivElement | null;\n  /**\n   * Moves the cursor to the given character offset, or to the end of the document when `'end'` is passed.\n   */\n  setCursorPosition: (position: number | 'end') => void;\n};\n\n/**\n * @internal\n */\nconst DQLEditorFwd = /* @__PURE__ */ forwardRef<DQLEditorRef, DQLEditorProps>(\n  (props, forwardedRef) => {\n    const intl = useIntl();\n\n    const defaultPlaceholder = intl.formatMessage({\n      defaultMessage: 'Add DQL',\n      id: 'Ir0YCuBX6vOM4t0J',\n      description: 'Default placeholder for the DQLEditor.',\n    });\n\n    const {\n      id,\n      defaultValue,\n      value,\n      // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n      controlState,\n      onChange,\n      folding,\n      onFoldingChange,\n      defaultFolding,\n      fullHeight = false,\n      lineWrap = false,\n      placeholder = defaultPlaceholder,\n      readOnly = false,\n      spellCheck = false,\n      onValidationStart,\n      onValidationEnd,\n      onValidityChange,\n      showLintGutter = false,\n      showOffScreenDiagnosticIndicators = false,\n      onFocus,\n      onBlur,\n      size = 'default',\n      required,\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // oxlint-disable-next-line typescript/no-deprecated\n      isControlled = false,\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const internalEditorRef = useRef<BaseCodeEditorRef>(null);\n\n    // TODO (APPDEV-18724): go back to useMergeRefs\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        focus: () => {\n          internalEditorRef.current?.focus();\n        },\n        selectRange: (range) => {\n          internalEditorRef.current?.selectRange(range);\n        },\n        get element() {\n          return internalEditorRef.current?.element ?? null;\n        },\n        setCursorPosition: (pos) => {\n          internalEditorRef.current?.setCursorPosition(pos);\n        },\n      }),\n      [],\n    );\n\n    // Tracks the live editor content so the ActionsMenu can copy the current value,\n    // not the stale `value` prop (which never updates in uncontrolled usage).\n    const internalValueRef = useRef(value ?? defaultValue ?? '');\n    useEffect(() => {\n      if (value !== undefined) {\n        internalValueRef.current = value;\n      }\n    }, [value]);\n\n    const handleChange = useCallback(\n      (newValue: string) => {\n        internalValueRef.current = newValue;\n        onChange?.(newValue);\n      },\n      [onChange],\n    );\n\n    const getInternalValue = useCallback(() => internalValueRef.current, []);\n\n    const [formatDqlFn, setFormatDqlFn] = useState<\n      ((value: string) => string) | undefined\n    >(undefined);\n\n    useEffect(() => {\n      // `@dynatrace-sdk/dqlint` is an optional peer dependency. The static string\n      // lets Vite discover and pre-bundle it in dev mode when the consumer has it\n      // installed. `webpackIgnore` prevents webpack from erroring at build time\n      // when it is absent; the catch handles the runtime failure in that case.\n      import(/* webpackIgnore: true */ '@dynatrace-sdk/dqlint')\n        .then(({ formatDql }: { formatDql: (value: string) => string }) => {\n          setFormatDqlFn(() => formatDql);\n        })\n        .catch(() => {\n          setFormatDqlFn(undefined);\n        });\n    }, []);\n\n    const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(\n      onValidationStart,\n      onValidationEnd,\n    );\n    const setValidityInfo = useValidityInfo(onValidityChange);\n\n    const editorConfig = useMemo(\n      () =>\n        getDqlConfig(\n          readOnly,\n          fireValidationStart,\n          fireValidationEnd,\n          setValidityInfo,\n        ),\n      [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd],\n    );\n\n    // Detect ActionsMenu slot in children and extract any custom items it carries\n    let hasActionsMenu = false;\n    let actionsMenuChildren: ReactNode | undefined;\n    Children.forEach(children, (child) => {\n      if (isSlot(child, ActionsMenu)) {\n        hasActionsMenu = true;\n        actionsMenuChildren = child.props.children;\n      }\n    });\n\n    const editorClassName = hasActionsMenu\n      ? clsx(\n          consumerClassName,\n          // Apply right padding on .cm-editor to prevent overlap with the menu trigger\n          actionsMenuStyles.editorWithActionsMenu[size],\n        )\n      : consumerClassName;\n\n    const valueProps = (\n      value !== undefined ? { value } : { defaultValue }\n    ) satisfies Partial<{ value: string; defaultValue: string }>;\n\n    const handleFormat = () => {\n      internalEditorRef.current?.format?.();\n    };\n\n    const editor = (\n      <BaseCodeEditor\n        id={id}\n        ref={internalEditorRef}\n        onChange={handleChange}\n        placeholder={placeholder}\n        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        controlState={controlState}\n        readOnly={readOnly}\n        defaultFolding={defaultFolding}\n        lineWrap={lineWrap}\n        {...valueProps}\n        spellCheck={spellCheck}\n        fullHeight={fullHeight}\n        folding={folding}\n        onFoldingChange={onFoldingChange}\n        configuration={editorConfig}\n        showLintGutter={showLintGutter}\n        showOffScreenDiagnosticIndicators={showOffScreenDiagnosticIndicators}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        size={size}\n        required={required}\n        format={formatDqlFn}\n        // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n        // oxlint-disable-next-line typescript/no-deprecated\n        isControlled={isControlled}\n        className={editorClassName}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n        {...forwardProps}\n        data-dt-component={COMPONENT_NAME}\n      />\n    );\n\n    if (hasActionsMenu) {\n      return (\n        <div\n          className={clsx(\n            actionsMenuStyles.editorWrapper,\n            fullHeight && actionsMenuStyles.editorWrapperFullHeight,\n          )}\n        >\n          {editor}\n          <ActionsMenuInternal\n            getValue={getInternalValue}\n            size={size}\n            onFormat={formatDqlFn ? handleFormat : undefined}\n          >\n            {actionsMenuChildren}\n          </ActionsMenuInternal>\n        </div>\n      );\n    }\n\n    return editor;\n  },\n);\n\nconst DQLEditorWithErrorBoundary = /* @__PURE__ */ forwardRef<\n  DQLEditorRef,\n  DQLEditorProps\n>((props, ref) => {\n  const stratoLogger = useMemo(\n    () => createStratoLogger.bind({ id: props.id })(COMPONENT_NAME),\n    [props.id],\n  );\n\n  return (\n    <ErrorBoundary\n      onError={(error) => stratoLogger.error(error?.message, error)}\n      FallbackComponent={(fbProps) => <EditorErrorFallback {...fbProps} />}\n    >\n      <DQLEditorFwd {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n});\n\n/**\n * The `DQLEditor` is specifically designed for editing DQL queries.\n *\n * It further offers syntax highlighting and autocomplete functionality specific to the Dynatrace Query Language (DQL).\n * Once the editor is focused via the keyboard, the user must press `Enter` to start editing\n * and `Escape` to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const DQLEditor = Object.assign(DQLEditorWithErrorBoundary, {\n  ActionsMenu,\n});\n"],
+  "mappings": "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",
   "names": []
 }