@dynatrace/strato-components 3.9.0 → 3.10.0

package/esm/editors/base-code-editor/configuration/configure-placeholder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/base-code-editor/configuration/configure-placeholder.ts"],
-  "sourcesContent": ["import { Compartment } from '@codemirror/state';\nimport {\n  EditorView,\n  ViewPlugin,\n  type PluginValue,\n  type ViewUpdate,\n} from '@codemirror/view';\nimport { type MutableRefObject } from 'react';\n\n/**\n * Attribute used to expose the placeholder text on the content element so it can\n * be rendered through a CSS `::after` pseudo-element.\n */\nexport const placeholderDataAttribute = 'data-placeholder';\n\n/**\n * Creates an extension that exposes the placeholder text as the\n * `data-placeholder` attribute on the editor's content element while the\n * document is empty.\n *\n * We deliberately avoid CodeMirror's built-in `placeholder` extension: it\n * inserts a real widget node into the `contentEditable` area. When the editor is\n * empty and loses focus, the browser moves the native caret to the end of that\n * widget, which makes the placeholder look like actual content. Rendering the\n * text through a CSS `::after` pseudo-element (driven by this attribute) keeps\n * the caret at position 0.\n */\nconst createPlaceholderExtension = (placeholderText: string) =>\n  ViewPlugin.fromClass(\n    class implements PluginValue {\n      private readonly contentDOM: HTMLElement;\n\n      constructor(view: EditorView) {\n        this.contentDOM = view.contentDOM;\n        this.sync(view);\n      }\n\n      update(update: ViewUpdate): void {\n        if (update.docChanged) {\n          this.sync(update.view);\n        }\n      }\n\n      destroy(): void {\n        this.contentDOM.removeAttribute(placeholderDataAttribute);\n      }\n\n      private sync(view: EditorView): void {\n        if (view.state.doc.length === 0) {\n          this.contentDOM.setAttribute(\n            placeholderDataAttribute,\n            placeholderText,\n          );\n        } else {\n          this.contentDOM.removeAttribute(placeholderDataAttribute);\n        }\n      }\n    },\n  );\n\n/**\n * Configures the placeholder functionality on the editor.\n * @param placeholderText - string to be used as placeholder text for editor\n * @param viewRef - Ref object for the editor\n * @param placeholderCompartment - compartment used to reconfigure the placeholder extension\n */\nexport const configurePlaceholder = (\n  placeholderText: string | undefined,\n  viewRef: MutableRefObject<EditorView>,\n  placeholderCompartment: Compartment,\n): void => {\n  const editorView = viewRef.current;\n  editorView.dispatch({\n    effects: placeholderCompartment.reconfigure(\n      placeholderText ? createPlaceholderExtension(placeholderText) : [],\n    ),\n  });\n};\n"],
-  "mappings": "AACA;AAAA,EAEE;AAAA,OAGK;AAOA,MAAM,2BAA2B;AAcxC,MAAM,6BAA6B,CAAC,oBAClC,WAAW;AAAA,EACT,MAA6B;AAAA,IACV;AAAA,IAEjB,YAAY,MAAkB;AAC5B,WAAK,aAAa,KAAK;AACvB,WAAK,KAAK,IAAI;AAAA,IAChB;AAAA,IAEA,OAAO,QAA0B;AAC/B,UAAI,OAAO,YAAY;AACrB,aAAK,KAAK,OAAO,IAAI;AAAA,MACvB;AAAA,IACF;AAAA,IAEA,UAAgB;AACd,WAAK,WAAW,gBAAgB,wBAAwB;AAAA,IAC1D;AAAA,IAEQ,KAAK,MAAwB;AACnC,UAAI,KAAK,MAAM,IAAI,WAAW,GAAG;AAC/B,aAAK,WAAW;AAAA,UACd;AAAA,UACA;AAAA,QACF;AAAA,MACF,OAAO;AACL,aAAK,WAAW,gBAAgB,wBAAwB;AAAA,MAC1D;AAAA,IACF;AAAA,EACF;AACF;AAQK,MAAM,uBAAuB,CAClC,iBACA,SACA,2BACS;AACT,QAAM,aAAa,QAAQ;AAC3B,aAAW,SAAS;AAAA,IAClB,SAAS,uBAAuB;AAAA,MAC9B,kBAAkB,2BAA2B,eAAe,IAAI,CAAC;AAAA,IACnE;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import { Compartment } from '@codemirror/state';\nimport {\n  EditorView,\n  ViewPlugin,\n  type PluginValue,\n  type ViewUpdate,\n} from '@codemirror/view';\nimport { type RefObject } from 'react';\n\n/**\n * Attribute used to expose the placeholder text on the content element so it can\n * be rendered through a CSS `::after` pseudo-element.\n */\nexport const placeholderDataAttribute = 'data-placeholder';\n\n/**\n * Attribute set on the scroll element while a placeholder is visible, used to\n * scope the styles that grow the line and gutter to fit it.\n */\nexport const placeholderReservedAttribute = 'data-placeholder-reserved';\n\n/**\n * Custom property carrying the measured placeholder height (in pixels). It is\n * set on the scroll element so both the content and the gutter can read it.\n */\nexport const placeholderHeightVariable = '--dt-editor-placeholder-height';\n\n/**\n * Creates an extension that exposes the placeholder text as the\n * `data-placeholder` attribute on the editor's content element while the\n * document is empty.\n *\n * Avoids CodeMirror's built-in `placeholder` extension: it inserts a widget\n * into `contentEditable`, causing the browser to move the caret to the end of\n * the widget on blur. A CSS `::after` pseudo-element keeps the caret at\n * position 0.\n *\n * The pseudo-element is absolutely positioned so it wraps to the editor width\n * even when line wrapping is disabled, but does not contribute to layout height.\n * To compensate, we measure its rendered height and publish it as\n * `placeholderHeightVariable` on the scroll element; the stylesheet then grows\n * the empty line and gutter to match.\n */\nconst createPlaceholderExtension = (placeholderText: string) =>\n  ViewPlugin.fromClass(\n    class implements PluginValue {\n      private readonly contentDOM: HTMLElement;\n      private readonly scrollDOM: HTMLElement;\n      private reservedHeight = '';\n\n      constructor(view: EditorView) {\n        this.contentDOM = view.contentDOM;\n        this.scrollDOM = view.scrollDOM;\n        this.sync(view);\n      }\n\n      update(update: ViewUpdate): void {\n        if (update.docChanged) {\n          this.sync(update.view);\n        } else if (update.geometryChanged) {\n          // A width change re-wraps the placeholder, so its reserved height has\n          // to be recomputed while the placeholder is visible.\n          this.reserveHeight(update.view);\n        }\n      }\n\n      destroy(): void {\n        this.contentDOM.removeAttribute(placeholderDataAttribute);\n        this.setReservedHeight('');\n      }\n\n      private sync(view: EditorView): void {\n        if (view.state.doc.length === 0) {\n          this.contentDOM.setAttribute(\n            placeholderDataAttribute,\n            placeholderText,\n          );\n          this.reserveHeight(view);\n        } else {\n          this.contentDOM.removeAttribute(placeholderDataAttribute);\n          this.setReservedHeight('');\n        }\n      }\n\n      /**\n       * Measures the rendered placeholder pseudo-element and publishes its\n       * height so the stylesheet can grow the line and gutter to fit it. No-op\n       * once the document has content.\n       */\n      private reserveHeight(view: EditorView): void {\n        if (view.state.doc.length !== 0) {\n          return;\n        }\n        view.requestMeasure({\n          read: () => {\n            const after = getComputedStyle(this.contentDOM, '::after');\n            const placeholderHeight = Math.ceil(parseFloat(after.height) || 0);\n            return placeholderHeight ? `${placeholderHeight}px` : '';\n          },\n          write: (height) => {\n            this.setReservedHeight(height);\n          },\n        });\n      }\n\n      private setReservedHeight(height: string): void {\n        if (height) {\n          if (height === this.reservedHeight) {\n            return;\n          }\n          this.reservedHeight = height;\n          this.scrollDOM.style.setProperty(placeholderHeightVariable, height);\n          this.scrollDOM.setAttribute(placeholderReservedAttribute, '');\n        } else {\n          // Clear unconditionally: typed content must never keep the reserved\n          // line/gutter styling, even if the attribute was applied outside this\n          // plugin instance's tracked state.\n          this.reservedHeight = '';\n          this.scrollDOM.style.removeProperty(placeholderHeightVariable);\n          this.scrollDOM.removeAttribute(placeholderReservedAttribute);\n        }\n      }\n    },\n  );\n\n/**\n * Configures the placeholder functionality on the editor.\n * @param placeholderText - string to be used as placeholder text for editor\n * @param viewRef - Ref object for the editor\n * @param placeholderCompartment - compartment used to reconfigure the placeholder extension\n */\nexport const configurePlaceholder = (\n  placeholderText: string | undefined,\n  viewRef: RefObject<EditorView>,\n  placeholderCompartment: Compartment,\n): void => {\n  const editorView = viewRef.current;\n  editorView.dispatch({\n    effects: placeholderCompartment.reconfigure(\n      placeholderText ? createPlaceholderExtension(placeholderText) : [],\n    ),\n  });\n};\n"],
+  "mappings": "AACA;AAAA,EAEE;AAAA,OAGK;AAOA,MAAM,2BAA2B;AAMjC,MAAM,+BAA+B;AAMrC,MAAM,4BAA4B;AAkBzC,MAAM,6BAA6B,CAAC,oBAClC,WAAW;AAAA,EACT,MAA6B;AAAA,IACV;AAAA,IACA;AAAA,IACT,iBAAiB;AAAA,IAEzB,YAAY,MAAkB;AAC5B,WAAK,aAAa,KAAK;AACvB,WAAK,YAAY,KAAK;AACtB,WAAK,KAAK,IAAI;AAAA,IAChB;AAAA,IAEA,OAAO,QAA0B;AAC/B,UAAI,OAAO,YAAY;AACrB,aAAK,KAAK,OAAO,IAAI;AAAA,MACvB,WAAW,OAAO,iBAAiB;AAGjC,aAAK,cAAc,OAAO,IAAI;AAAA,MAChC;AAAA,IACF;AAAA,IAEA,UAAgB;AACd,WAAK,WAAW,gBAAgB,wBAAwB;AACxD,WAAK,kBAAkB,EAAE;AAAA,IAC3B;AAAA,IAEQ,KAAK,MAAwB;AACnC,UAAI,KAAK,MAAM,IAAI,WAAW,GAAG;AAC/B,aAAK,WAAW;AAAA,UACd;AAAA,UACA;AAAA,QACF;AACA,aAAK,cAAc,IAAI;AAAA,MACzB,OAAO;AACL,aAAK,WAAW,gBAAgB,wBAAwB;AACxD,aAAK,kBAAkB,EAAE;AAAA,MAC3B;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOQ,cAAc,MAAwB;AAC5C,UAAI,KAAK,MAAM,IAAI,WAAW,GAAG;AAC/B;AAAA,MACF;AACA,WAAK,eAAe;AAAA,QAClB,MAAM,MAAM;AACV,gBAAM,QAAQ,iBAAiB,KAAK,YAAY,SAAS;AACzD,gBAAM,oBAAoB,KAAK,KAAK,WAAW,MAAM,MAAM,KAAK,CAAC;AACjE,iBAAO,oBAAoB,GAAG,iBAAiB,OAAO;AAAA,QACxD;AAAA,QACA,OAAO,CAAC,WAAW;AACjB,eAAK,kBAAkB,MAAM;AAAA,QAC/B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IAEQ,kBAAkB,QAAsB;AAC9C,UAAI,QAAQ;AACV,YAAI,WAAW,KAAK,gBAAgB;AAClC;AAAA,QACF;AACA,aAAK,iBAAiB;AACtB,aAAK,UAAU,MAAM,YAAY,2BAA2B,MAAM;AAClE,aAAK,UAAU,aAAa,8BAA8B,EAAE;AAAA,MAC9D,OAAO;AAIL,aAAK,iBAAiB;AACtB,aAAK,UAAU,MAAM,eAAe,yBAAyB;AAC7D,aAAK,UAAU,gBAAgB,4BAA4B;AAAA,MAC7D;AAAA,IACF;AAAA,EACF;AACF;AAQK,MAAM,uBAAuB,CAClC,iBACA,SACA,2BACS;AACT,QAAM,aAAa,QAAQ;AAC3B,aAAW,SAAS;AAAA,IAClB,SAAS,uBAAuB;AAAA,MAC9B,kBAAkB,2BAA2B,eAAe,IAAI,CAAC;AAAA,IACnE;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/esm/editors/base-code-editor/configuration/configure-read-only.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/base-code-editor/configuration/configure-read-only.ts"],
-  "sourcesContent": ["import { selectAll } from '@codemirror/commands';\nimport { Compartment, EditorState } from '@codemirror/state';\nimport { EditorView, keymap } from '@codemirror/view';\nimport { type MutableRefObject } from 'react';\n\nimport { getKeyMaps } from '../utils/key-maps.js';\n\n/**\n * Configures the readonly functionality on the editor.\n * @param readOnly - flag pointing to whether spellcheck is enabled or not\n * @param viewRef - Ref object for the editor\n * @param keymapCompartment -\n */\nexport const configureReadOnly = (\n  readOnly: boolean,\n  viewRef: MutableRefObject<EditorView>,\n  keymapCompartment: Compartment,\n): void => {\n  const editorView = viewRef.current;\n  editorView.dispatch({\n    effects: keymapCompartment.reconfigure([\n      EditorState.readOnly.of(readOnly),\n      EditorView.editable.of(!readOnly),\n      readOnly\n        ? keymap.of([{ key: 'Mod-a', run: selectAll }])\n        : getKeyMaps(viewRef),\n    ]),\n  });\n};\n"],
+  "sourcesContent": ["import { selectAll } from '@codemirror/commands';\nimport { Compartment, EditorState } from '@codemirror/state';\nimport { EditorView, keymap } from '@codemirror/view';\nimport { type RefObject } from 'react';\n\nimport { getKeyMaps } from '../utils/key-maps.js';\n\n/**\n * Configures the readonly functionality on the editor.\n * @param readOnly - flag pointing to whether spellcheck is enabled or not\n * @param viewRef - Ref object for the editor\n * @param keymapCompartment -\n */\nexport const configureReadOnly = (\n  readOnly: boolean,\n  viewRef: RefObject<EditorView>,\n  keymapCompartment: Compartment,\n): void => {\n  const editorView = viewRef.current;\n  editorView.dispatch({\n    effects: keymapCompartment.reconfigure([\n      EditorState.readOnly.of(readOnly),\n      EditorView.editable.of(!readOnly),\n      readOnly\n        ? keymap.of([{ key: 'Mod-a', run: selectAll }])\n        : getKeyMaps(viewRef),\n    ]),\n  });\n};\n"],
   "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAsB,mBAAmB;AACzC,SAAS,YAAY,cAAc;AAGnC,SAAS,kBAAkB;AAQpB,MAAM,oBAAoB,CAC/B,UACA,SACA,sBACS;AACT,QAAM,aAAa,QAAQ;AAC3B,aAAW,SAAS;AAAA,IAClB,SAAS,kBAAkB,YAAY;AAAA,MACrC,YAAY,SAAS,GAAG,QAAQ;AAAA,MAChC,WAAW,SAAS,GAAG,CAAC,QAAQ;AAAA,MAChC,WACI,OAAO,GAAG,CAAC,EAAE,KAAK,SAAS,KAAK,UAAU,CAAC,CAAC,IAC5C,WAAW,OAAO;AAAA,IACxB,CAAC;AAAA,EACH,CAAC;AACH;",
   "names": []
 }

package/esm/editors/base-code-editor/configuration/configure-spell-check.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/base-code-editor/configuration/configure-spell-check.ts"],
-  "sourcesContent": ["import { EditorView } from '@codemirror/view';\nimport { type MutableRefObject } from 'react';\n\n/**\n * Configures the spellcheck functionality on the editor.\n * @param spellCheck - flag pointing to whether spellcheck is enabled or not\n * @param readOnly - flag pointing to whether the editor is in readonly mode or not\n * @param viewRef - Ref object for the editor\n */\nexport const configureSpellCheck = (\n  spellCheck: boolean,\n  readOnly: boolean,\n  viewRef: MutableRefObject<EditorView>,\n): void => {\n  if (readOnly) {\n    viewRef.current.contentDOM.setAttribute('spellcheck', 'false');\n    viewRef.current.contentDOM.spellcheck = false;\n  } else {\n    viewRef.current.contentDOM.spellcheck = spellCheck;\n    viewRef.current.contentDOM.setAttribute(\n      'spellcheck',\n      spellCheck ? 'true' : 'false',\n    );\n  }\n};\n"],
+  "sourcesContent": ["import { EditorView } from '@codemirror/view';\nimport { type RefObject } from 'react';\n\n/**\n * Configures the spellcheck functionality on the editor.\n * @param spellCheck - flag pointing to whether spellcheck is enabled or not\n * @param readOnly - flag pointing to whether the editor is in readonly mode or not\n * @param viewRef - Ref object for the editor\n */\nexport const configureSpellCheck = (\n  spellCheck: boolean,\n  readOnly: boolean,\n  viewRef: RefObject<EditorView>,\n): void => {\n  if (readOnly) {\n    viewRef.current.contentDOM.setAttribute('spellcheck', 'false');\n    viewRef.current.contentDOM.spellcheck = false;\n  } else {\n    viewRef.current.contentDOM.spellcheck = spellCheck;\n    viewRef.current.contentDOM.setAttribute(\n      'spellcheck',\n      spellCheck ? 'true' : 'false',\n    );\n  }\n};\n"],
   "mappings": "AASO,MAAM,sBAAsB,CACjC,YACA,UACA,YACS;AACT,MAAI,UAAU;AACZ,YAAQ,QAAQ,WAAW,aAAa,cAAc,OAAO;AAC7D,YAAQ,QAAQ,WAAW,aAAa;AAAA,EAC1C,OAAO;AACL,YAAQ,QAAQ,WAAW,aAAa;AACxC,YAAQ,QAAQ,WAAW;AAAA,MACzB;AAAA,MACA,aAAa,SAAS;AAAA,IACxB;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/editors/base-code-editor/configuration/getDefaultConfigurations.js

@@ -116,7 +116,7 @@ const getDefaultConfiguration = (intlProps, options = {
               if (!(option instanceof HTMLLIElement)) {
                 return;
               }
-              option.setAttribute("data-dt-name", "Suggestion");
+              option.setAttribute("data-dt-children-name", "Suggestion");
               const optionPopup = option.closest(".cm-tooltip-autocomplete");
               if (optionPopup instanceof HTMLElement) {
                 if (optionPopup !== editorAutocompletePopup) {

package/esm/editors/base-code-editor/configuration/getDefaultConfigurations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/base-code-editor/configuration/getDefaultConfigurations.tsx"],
-  "sourcesContent": ["import {\n  autocompletion,\n  closeBrackets,\n  completionStatus,\n  setSelectedCompletion,\n} from '@codemirror/autocomplete';\nimport { history } from '@codemirror/commands';\nimport {\n  bracketMatching,\n  foldGutter,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { linter } from '@codemirror/lint';\nimport { highlightSelectionMatches } from '@codemirror/search';\nimport { EditorState, Extension } from '@codemirror/state';\nimport {\n  closeHoverTooltips,\n  EditorView,\n  gutter,\n  GutterMarker,\n  hasHoverTooltips,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  lineNumbers,\n  rectangularSelection,\n  tooltips,\n} from '@codemirror/view';\nimport { classHighlighter } from '@lezer/highlight';\nimport { type ReactNode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport BoxShadows from '@dynatrace/strato-design-tokens/box-shadows';\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\nimport { ChevronDownSmallIcon } from '@dynatrace/strato-icons';\n\nimport { Text } from '../../../typography/text/Text.js';\nimport type { Suggestion } from '../auto-completion/autocompletion.extension.js';\nimport * as editorStyles from '../BaseCodeEditor.sty.js';\nimport { baseCodeEditorContentTestId, dataTestId } from '../testIds.js';\nimport type { IntlProps } from '../utils/render-node.js';\nimport { render } from '../utils/render-node.js';\n\nconst autocompleteMouseModeCSSClass = 'cm-autocomplete-interaction-mouse';\nconst autocompleteKeyboardModeCSSClass = 'cm-autocomplete-interaction-keyboard';\n\n// Keys that move the active option inside the autocomplete listbox.\n// We intentionally exclude Enter/Escape because they accept/close the list\n// instead of navigating between options.\nconst keyboardNavigationKeys = new Set([\n  'ArrowUp',\n  'ArrowDown',\n  'PageUp',\n  'PageDown',\n  'Home',\n  'End',\n]);\n\n/**\n * Determines whether a keyboard event should be considered as navigation within the autocomplete tooltip.\n * Only unmodified ArrowUp, ArrowDown, PageUp, PageDown, Home, and End keys are considered as navigation events.\n */\nfunction isAutocompleteKeyboardNavigationEvent(event: KeyboardEvent): boolean {\n  if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\n    return false;\n  }\n\n  return keyboardNavigationKeys.has(event.key);\n}\n\nconst Source = (source: string) => () =>\n  (\n    <Text fontStyle=\"code\" textStyle=\"small-emphasized\" style={{ width: 30 }}>\n      {source}\n    </Text>\n  );\n\nconst Type = (type: string) => () =>\n  (\n    <Text\n      fontStyle=\"code\"\n      textStyle=\"base\"\n      as=\"span\"\n      className={editorStyles.autocompletionTypeText}\n    >\n      {type}\n    </Text>\n  );\n\n// add options object + required\nexport const getDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: { required: boolean; size: 'default' | 'condensed' } = {\n    required: false,\n    size: 'default',\n  },\n): Extension[] => {\n  const isSizeDefault = options.size === 'default';\n  let autocompleteInteractionMode: 'mouse' | 'keyboard' = 'mouse';\n  let editorAutocompletePopup: HTMLElement | null = null;\n\n  /**\n   * Syncs the autocomplete tooltip classes with the current interaction mode so CSS can keep\n   * mouse and keyboard hover states visually separate.\n   */\n  const syncAutocompleteInteractionModeClass = (mode: 'mouse' | 'keyboard') => {\n    if (editorAutocompletePopup instanceof HTMLElement) {\n      editorAutocompletePopup.classList.remove(\n        autocompleteMouseModeCSSClass,\n        autocompleteKeyboardModeCSSClass,\n      );\n\n      editorAutocompletePopup.classList.add(\n        mode === 'mouse'\n          ? autocompleteMouseModeCSSClass\n          : autocompleteKeyboardModeCSSClass,\n      );\n    }\n  };\n\n  const selectOptionFromMouse = (option: HTMLLIElement, view: EditorView) => {\n    // CodeMirror assigns each <li> an id of \"{listId}-{globalIndex}\" (see createListBox in\n    // @codemirror/autocomplete). We extract the global index here so that hover selection still\n    // works correctly when CodeMirror is showing a paginated window of completions (e.g. page 2\n    // shows DOM positions 0\u201399 but global indices 100\u2013199). Using the DOM position instead would\n    // always map hovered items back to page 1 completions.\n    const match = /-(\\d+)$/.exec(option.id);\n    if (!match?.length) {\n      return;\n    }\n\n    const index = parseInt(match[1], 10); // radix 10 \u2014 avoids octal interpretation for strings with leading zeros\n    autocompleteInteractionMode = 'mouse';\n    syncAutocompleteInteractionModeClass(autocompleteInteractionMode);\n    view.dispatch({ effects: setSelectedCompletion(index) });\n  };\n\n  return [\n    history(),\n    EditorState.allowMultipleSelections.of(true),\n    bracketMatching(),\n    closeBrackets(),\n    autocompletion({\n      closeOnBlur: false,\n      icons: false,\n      optionClass: (completion) => {\n        return completion.type ? `cm-completionOption-${completion.type}` : '';\n      },\n      addToOptions: [\n        {\n          position: 0,\n          render: (_completion, _state, view): Node => {\n            const marker = document.createElement('span');\n            marker.setAttribute('aria-hidden', 'true');\n            marker.style.display = 'none';\n            // At the time `render` is called by CodeMirror, the returned node has not yet been\n            // inserted into the DOM, so `marker.parentElement` is still `null`.\n            // `queueMicrotask` defers the attribute assignment to the next microtask checkpoint,\n            // by which point CodeMirror has already appended the node and the parent `<li>` element\n            // is available. This lets us tag each suggestion row with `data-dt-name` for\n            // behavior tracking.\n            queueMicrotask(() => {\n              const option = marker.parentElement;\n              if (!(option instanceof HTMLLIElement)) {\n                return;\n              }\n\n              option.setAttribute('data-dt-name', 'Suggestion');\n\n              const optionPopup = option.closest('.cm-tooltip-autocomplete');\n              if (optionPopup instanceof HTMLElement) {\n                // A new DOM element means a new autocomplete session (pagination replaces the\n                // inner <ul> but keeps the same container, only valid for genuine open).\n                // Reset to keyboard mode so the initially-selected item shows the focus ring.\n                if (optionPopup !== editorAutocompletePopup) {\n                  autocompleteInteractionMode = 'keyboard';\n                }\n                editorAutocompletePopup = optionPopup;\n                syncAutocompleteInteractionModeClass(\n                  autocompleteInteractionMode,\n                );\n              }\n\n              // Keep completion info in sync with mouse interaction.\n              option.onmouseenter = () => {\n                if (autocompleteInteractionMode === 'keyboard') {\n                  return;\n                }\n\n                selectOptionFromMouse(option, view);\n              };\n\n              // Only a real pointer movement can take over from keyboard interaction.\n              option.onmousemove = (_event) => {\n                selectOptionFromMouse(option, view);\n              };\n\n              option.onmouseleave = () => {\n                if (autocompleteInteractionMode === 'keyboard') {\n                  return;\n                }\n\n                autocompleteInteractionMode = 'mouse';\n                syncAutocompleteInteractionModeClass(\n                  autocompleteInteractionMode,\n                );\n                view.dispatch({ effects: setSelectedCompletion(-1) });\n              };\n            });\n            return marker;\n          },\n        },\n        {\n          position: 21,\n          render: (completion: Suggestion) =>\n            render(\n              completion,\n              typeof completion.prefix === 'string'\n                ? Source(completion.prefix)\n                : completion.prefix,\n              intlProps,\n            ),\n        },\n        {\n          position: 51,\n          render: (completion: Suggestion) =>\n            render(\n              completion,\n              typeof completion.postfix === 'string'\n                ? Type(completion.postfix)\n                : completion.postfix,\n              intlProps,\n            ),\n        },\n      ],\n    }),\n    linter(() => []), // empty linter to enable theme for linter errors\n    syntaxHighlighting(classHighlighter),\n    rectangularSelection(),\n    highlightActiveLine(),\n    highlightActiveLineGutter(),\n    highlightSelectionMatches(),\n    EditorView.domEventObservers({\n      keydown: (event) => {\n        if (!isAutocompleteKeyboardNavigationEvent(event)) {\n          return;\n        }\n\n        if (!editorAutocompletePopup?.isConnected) {\n          return; // autocomplete not open\n        }\n\n        autocompleteInteractionMode = 'keyboard';\n        syncAutocompleteInteractionModeClass(autocompleteInteractionMode);\n      },\n    }),\n    EditorView.contentAttributes.of({\n      [dataTestId]: baseCodeEditorContentTestId,\n      'aria-haspopup': 'listbox',\n      'aria-required': options.required ? 'true' : 'false',\n    }),\n    EditorView.updateListener.of((update) => {\n      if (\n        completionStatus(update.state) !== null &&\n        editorAutocompletePopup?.isConnected\n      ) {\n        syncAutocompleteInteractionModeClass(autocompleteInteractionMode);\n      }\n\n      // prevent hover tooltips and autocompletion to be open at the same time\n      // if hover tooltips are visible and the autocompletion was opened\n      // then close the hover tooltips\n      if (\n        hasHoverTooltips(update.state) &&\n        completionStatus(update.state) !== null\n      ) {\n        update.view.dispatch({\n          effects: closeHoverTooltips,\n        });\n      }\n    }),\n    // By default the `DQLEditor` tooltip has `position: fixed` except for when the editor is placed\n    // inside a transformed element. In that case, the tooltip has `position: absolute` and is cut off\n    // in some scenarios due to the new stacking context created by the transformed element.\n    // This extension ensures that the tooltip remains visible / is never cut off.\n    tooltips({ parent: document.body }),\n    EditorView.baseTheme({\n      '.cm-tooltip': {\n        background: `${Colors.Background.Surface.Default} !important`,\n        color: Colors.Text.Neutral.Default,\n        maxWidth: '500px',\n        padding: Spacings.Size4,\n        borderRadius: Borders.Radius.Surface.Subdued,\n        boxShadow: BoxShadows.Surface.Floating.Rest,\n        border: 'none !important',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete': {\n        width: '500px',\n      },\n\n      '.cm-tooltip-below': {\n        marginTop: ` ${Spacings.Size4}`,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section': {\n        whiteSpace: 'normal',\n        textOverflow: 'initial',\n        wordBreak: 'normal',\n        overflowWrap: 'anywhere',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section:has(+ li[role=\"option\"].cm-empty-option)':\n        {\n          borderBottom: '0 !important',\n        },\n\n      '.cm-tooltip-autocomplete > ul > li[role=\"option\"]': {\n        display: 'flex',\n        flexWrap: 'wrap',\n        justifyContent: 'flex-start',\n        gap: Spacings.Size4,\n        alignItems: 'center',\n        padding: `${Spacings.Size6} ${Spacings.Size12} !important`,\n      },\n\n      '.cm-tooltip-autocomplete > ul > li[role=\"option\"].cm-empty-option': {\n        visibility: 'hidden',\n        height: 0,\n        overflow: 'hidden',\n        fontSize: 0,\n        lineHeight: 0,\n        padding: '0 !important',\n        margin: 0,\n      },\n\n      '.cm-completionLabel': {\n        fontSize: isSizeDefault\n          ? Typography.Code.Base.Default.Size\n          : Typography.Code.Small.Default.Size,\n        fontFamily: isSizeDefault\n          ? Typography.Code.Base.Default.Family\n          : Typography.Code.Small.Default.Family,\n        color: Colors.Text.Neutral.Default,\n        fontWeight: Typography.Code.Base.Default.Weight,\n        lineHeight: Typography.Code.Base.Default.LineHeight,\n        textDecoration: Typography.Code.Base.Default.TextDecoration,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        textTransform: Typography.Code.Base.Default.TextTransform as any,\n        flexGrow: 3,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n\n      '.cm-tooltip.cm-tooltip-hover': {\n        minWidth: 'auto',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul': {\n        maxHeight: '20em !important',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {\n        position: 'relative',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > li::after': {\n        position: 'absolute',\n        /* Required or else the outline would be cut off by the listbox boundaries */\n        inset: Spacings.Size2,\n        borderRadius: 'inherit',\n        content: ' ',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li': {\n        borderRadius: Borders.Radius.Field.Default,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li[aria-selected]': {\n        color: Colors.Text.Neutral.Default,\n        transition: 'none',\n        borderRadius: Borders.Radius.Field.Default,\n        boxShadow: `inset 0 0 0 ${Borders.Width.Default} ${Colors.Border.Neutral.Accent}`,\n        backgroundColor: Colors.Background.Field.Neutral.DefaultHover,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete.cm-autocomplete-interaction-mouse li[aria-selected]:hover':\n        {\n          boxShadow: 'none',\n        },\n\n      '.cm-tooltip.cm-tooltip-autocomplete.cm-autocomplete-interaction-keyboard li:hover:not([aria-selected])':\n        {\n          backgroundColor: 'transparent',\n          boxShadow: 'none',\n        },\n\n      '.cm-tooltip.cm-tooltip-autocomplete.cm-autocomplete-interaction-mouse li:hover':\n        {\n          backgroundColor: `${Colors.Background.Field.Neutral.DefaultHover}`,\n        },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li[aria-selected]:focus-visible': {\n        outline: 'none',\n      },\n\n      '.cm-tooltip.cm-completionInfo': {\n        padding: `calc(${Spacings.Size4} + ${Spacings.Size6}) ${Spacings.Size16} !important`,\n        marginLeft: Spacings.Size4,\n        marginRight: Spacings.Size4,\n        maxWidth: '500px',\n        minWidth: '200px',\n      },\n\n      '.cm-tooltip-autocomplete > ul > li.cm-completionOption-action > div': {\n        width: '100%',\n      },\n\n      '.cm-completionOption-action .cm-completionLabel': {\n        display: 'none',\n      },\n    }),\n  ];\n};\n\n/**\n * @internal\n */\nexport const getSingleLineDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: { required: boolean; size: 'default' | 'condensed' },\n): Extension[] => {\n  return [\n    EditorState.transactionFilter.of((tr) => (tr.newDoc.lines > 1 ? [] : [tr])),\n    ...getDefaultConfiguration(intlProps, options),\n  ];\n};\n\n/**\n * @public\n */\nexport type GutterConfiguration = {\n  lineNumber: number;\n  marker: ReactNode;\n};\n\n/**\n * @internal\n */\nexport const getMultipleLinesDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: {\n    gutterConfiguration?: GutterConfiguration;\n    required: boolean;\n    size: 'default' | 'condensed';\n  },\n): Extension[] => {\n  const { required, gutterConfiguration, size } = options;\n\n  return [\n    lineNumbers(),\n    foldGutter({\n      markerDOM: (open) => {\n        const element = document.createElement('div');\n        element.style.display = 'flex';\n        element.style.alignItems = 'center';\n        element.style.marginTop = '2px';\n        element.style.transform = 'rotate(-90deg)';\n        element.style.cursor = 'pointer';\n        element.style.minWidth = '16px';\n        element.style.minHeight = '16px';\n\n        if (open) {\n          element.style.transform = 'rotate(0deg)';\n        }\n\n        const root = createRoot(element);\n        root.render(\n          <ChevronDownSmallIcon\n            size=\"small\"\n            style={{ width: Spacings.Size16, height: Spacings.Size16 }}\n          />,\n        );\n\n        return element;\n      },\n    }),\n    gutter({\n      lineMarker: (view, line) => {\n        // Skip rendering when the editor is empty or no gutter configuration was provided.\n        const length = view.state.doc.length;\n        if (length === 0 || !gutterConfiguration) {\n          return null;\n        }\n\n        const { lineNumber, marker } = gutterConfiguration;\n\n        // Guard against out-of-bounds line numbers (e.g. 0, negative, or beyond\n        // the last line). `view.state.doc.line()` below would throw for such values.\n        if (lineNumber < 1 || lineNumber > view.state.doc.lines) {\n          return null;\n        }\n\n        // Resolve the character range of the target line and only render the\n        // marker on the gutter cell that belongs to exactly that line.\n        const { from, to } = view.state.doc.line(lineNumber);\n        return line.from === from && line.to === to\n          ? new (class extends GutterMarker {\n              toDOM() {\n                const element = document.createElement('div');\n                const root = createRoot(element);\n                root.render(marker);\n                return element;\n              }\n            })()\n          : null;\n      },\n    }),\n    ...getDefaultConfiguration(intlProps, { required, size }),\n  ];\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  autocompletion,\n  closeBrackets,\n  completionStatus,\n  setSelectedCompletion,\n} from '@codemirror/autocomplete';\nimport { history } from '@codemirror/commands';\nimport {\n  bracketMatching,\n  foldGutter,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { linter } from '@codemirror/lint';\nimport { highlightSelectionMatches } from '@codemirror/search';\nimport { EditorState, Extension } from '@codemirror/state';\nimport {\n  closeHoverTooltips,\n  EditorView,\n  gutter,\n  GutterMarker,\n  hasHoverTooltips,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  lineNumbers,\n  rectangularSelection,\n  tooltips,\n} from '@codemirror/view';\nimport { classHighlighter } from '@lezer/highlight';\nimport { type ReactNode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport BoxShadows from '@dynatrace/strato-design-tokens/box-shadows';\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\nimport { ChevronDownSmallIcon } from '@dynatrace/strato-icons';\n\nimport { Text } from '../../../typography/text/Text.js';\nimport type { Suggestion } from '../auto-completion/autocompletion.extension.js';\nimport * as editorStyles from '../BaseCodeEditor.sty.js';\nimport { baseCodeEditorContentTestId, dataTestId } from '../testIds.js';\nimport type { IntlProps } from '../utils/render-node.js';\nimport { render } from '../utils/render-node.js';\n\nconst autocompleteMouseModeCSSClass = 'cm-autocomplete-interaction-mouse';\nconst autocompleteKeyboardModeCSSClass = 'cm-autocomplete-interaction-keyboard';\n\n// Keys that move the active option inside the autocomplete listbox.\n// We intentionally exclude Enter/Escape because they accept/close the list\n// instead of navigating between options.\nconst keyboardNavigationKeys = new Set([\n  'ArrowUp',\n  'ArrowDown',\n  'PageUp',\n  'PageDown',\n  'Home',\n  'End',\n]);\n\n/**\n * Determines whether a keyboard event should be considered as navigation within the autocomplete tooltip.\n * Only unmodified ArrowUp, ArrowDown, PageUp, PageDown, Home, and End keys are considered as navigation events.\n */\nfunction isAutocompleteKeyboardNavigationEvent(event: KeyboardEvent): boolean {\n  if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {\n    return false;\n  }\n\n  return keyboardNavigationKeys.has(event.key);\n}\n\nconst Source = (source: string) => () =>\n  (\n    <Text fontStyle=\"code\" textStyle=\"small-emphasized\" style={{ width: 30 }}>\n      {source}\n    </Text>\n  );\n\nconst Type = (type: string) => () =>\n  (\n    <Text\n      fontStyle=\"code\"\n      textStyle=\"base\"\n      as=\"span\"\n      className={editorStyles.autocompletionTypeText}\n    >\n      {type}\n    </Text>\n  );\n\n// add options object + required\nexport const getDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: { required: boolean; size: 'default' | 'condensed' } = {\n    required: false,\n    size: 'default',\n  },\n): Extension[] => {\n  const isSizeDefault = options.size === 'default';\n  let autocompleteInteractionMode: 'mouse' | 'keyboard' = 'mouse';\n  let editorAutocompletePopup: HTMLElement | null = null;\n\n  /**\n   * Syncs the autocomplete tooltip classes with the current interaction mode so CSS can keep\n   * mouse and keyboard hover states visually separate.\n   */\n  const syncAutocompleteInteractionModeClass = (mode: 'mouse' | 'keyboard') => {\n    if (editorAutocompletePopup instanceof HTMLElement) {\n      editorAutocompletePopup.classList.remove(\n        autocompleteMouseModeCSSClass,\n        autocompleteKeyboardModeCSSClass,\n      );\n\n      editorAutocompletePopup.classList.add(\n        mode === 'mouse'\n          ? autocompleteMouseModeCSSClass\n          : autocompleteKeyboardModeCSSClass,\n      );\n    }\n  };\n\n  const selectOptionFromMouse = (option: HTMLLIElement, view: EditorView) => {\n    // CodeMirror assigns each <li> an id of \"{listId}-{globalIndex}\" (see createListBox in\n    // @codemirror/autocomplete). We extract the global index here so that hover selection still\n    // works correctly when CodeMirror is showing a paginated window of completions (e.g. page 2\n    // shows DOM positions 0\u201399 but global indices 100\u2013199). Using the DOM position instead would\n    // always map hovered items back to page 1 completions.\n    const match = /-(\\d+)$/.exec(option.id);\n    if (!match?.length) {\n      return;\n    }\n\n    const index = parseInt(match[1], 10); // radix 10 \u2014 avoids octal interpretation for strings with leading zeros\n    autocompleteInteractionMode = 'mouse';\n    syncAutocompleteInteractionModeClass(autocompleteInteractionMode);\n    view.dispatch({ effects: setSelectedCompletion(index) });\n  };\n\n  return [\n    history(),\n    EditorState.allowMultipleSelections.of(true),\n    bracketMatching(),\n    closeBrackets(),\n    autocompletion({\n      closeOnBlur: false,\n      icons: false,\n      optionClass: (completion) => {\n        return completion.type ? `cm-completionOption-${completion.type}` : '';\n      },\n      addToOptions: [\n        {\n          position: 0,\n          render: (_completion, _state, view): Node => {\n            const marker = document.createElement('span');\n            marker.setAttribute('aria-hidden', 'true');\n            marker.style.display = 'none';\n            // At the time `render` is called by CodeMirror, the returned node has not yet been\n            // inserted into the DOM, so `marker.parentElement` is still `null`.\n            // `queueMicrotask` defers the attribute assignment to the next microtask checkpoint,\n            // by which point CodeMirror has already appended the node and the parent `<li>` element\n            // is available. This lets us tag each suggestion row with `data-dt-children-name` for\n            // behavior tracking.\n            queueMicrotask(() => {\n              const option = marker.parentElement;\n              if (!(option instanceof HTMLLIElement)) {\n                return;\n              }\n\n              option.setAttribute('data-dt-children-name', 'Suggestion');\n\n              const optionPopup = option.closest('.cm-tooltip-autocomplete');\n              if (optionPopup instanceof HTMLElement) {\n                // A new DOM element means a new autocomplete session (pagination replaces the\n                // inner <ul> but keeps the same container, only valid for genuine open).\n                // Reset to keyboard mode so the initially-selected item shows the focus ring.\n                if (optionPopup !== editorAutocompletePopup) {\n                  autocompleteInteractionMode = 'keyboard';\n                }\n                editorAutocompletePopup = optionPopup;\n                syncAutocompleteInteractionModeClass(\n                  autocompleteInteractionMode,\n                );\n              }\n\n              // Keep completion info in sync with mouse interaction.\n              option.onmouseenter = () => {\n                if (autocompleteInteractionMode === 'keyboard') {\n                  return;\n                }\n\n                selectOptionFromMouse(option, view);\n              };\n\n              // Only a real pointer movement can take over from keyboard interaction.\n              option.onmousemove = (_event) => {\n                selectOptionFromMouse(option, view);\n              };\n\n              option.onmouseleave = () => {\n                if (autocompleteInteractionMode === 'keyboard') {\n                  return;\n                }\n\n                autocompleteInteractionMode = 'mouse';\n                syncAutocompleteInteractionModeClass(\n                  autocompleteInteractionMode,\n                );\n                view.dispatch({ effects: setSelectedCompletion(-1) });\n              };\n            });\n            return marker;\n          },\n        },\n        {\n          position: 21,\n          render: (completion: Suggestion) =>\n            render(\n              completion,\n              typeof completion.prefix === 'string'\n                ? Source(completion.prefix)\n                : completion.prefix,\n              intlProps,\n            ),\n        },\n        {\n          position: 51,\n          render: (completion: Suggestion) =>\n            render(\n              completion,\n              typeof completion.postfix === 'string'\n                ? Type(completion.postfix)\n                : completion.postfix,\n              intlProps,\n            ),\n        },\n      ],\n    }),\n    linter(() => []), // empty linter to enable theme for linter errors\n    syntaxHighlighting(classHighlighter),\n    rectangularSelection(),\n    highlightActiveLine(),\n    highlightActiveLineGutter(),\n    highlightSelectionMatches(),\n    EditorView.domEventObservers({\n      keydown: (event) => {\n        if (!isAutocompleteKeyboardNavigationEvent(event)) {\n          return;\n        }\n\n        if (!editorAutocompletePopup?.isConnected) {\n          return; // autocomplete not open\n        }\n\n        autocompleteInteractionMode = 'keyboard';\n        syncAutocompleteInteractionModeClass(autocompleteInteractionMode);\n      },\n    }),\n    EditorView.contentAttributes.of({\n      [dataTestId]: baseCodeEditorContentTestId,\n      'aria-haspopup': 'listbox',\n      'aria-required': options.required ? 'true' : 'false',\n    }),\n    EditorView.updateListener.of((update) => {\n      if (\n        completionStatus(update.state) !== null &&\n        editorAutocompletePopup?.isConnected\n      ) {\n        syncAutocompleteInteractionModeClass(autocompleteInteractionMode);\n      }\n\n      // prevent hover tooltips and autocompletion to be open at the same time\n      // if hover tooltips are visible and the autocompletion was opened\n      // then close the hover tooltips\n      if (\n        hasHoverTooltips(update.state) &&\n        completionStatus(update.state) !== null\n      ) {\n        update.view.dispatch({\n          effects: closeHoverTooltips,\n        });\n      }\n    }),\n    // By default the `DQLEditor` tooltip has `position: fixed` except for when the editor is placed\n    // inside a transformed element. In that case, the tooltip has `position: absolute` and is cut off\n    // in some scenarios due to the new stacking context created by the transformed element.\n    // This extension ensures that the tooltip remains visible / is never cut off.\n    tooltips({ parent: document.body }),\n    EditorView.baseTheme({\n      '.cm-tooltip': {\n        background: `${Colors.Background.Surface.Default} !important`,\n        color: Colors.Text.Neutral.Default,\n        maxWidth: '500px',\n        padding: Spacings.Size4,\n        borderRadius: Borders.Radius.Surface.Subdued,\n        boxShadow: BoxShadows.Surface.Floating.Rest,\n        border: 'none !important',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete': {\n        width: '500px',\n      },\n\n      '.cm-tooltip-below': {\n        marginTop: ` ${Spacings.Size4}`,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section': {\n        whiteSpace: 'normal',\n        textOverflow: 'initial',\n        wordBreak: 'normal',\n        overflowWrap: 'anywhere',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section:has(+ li[role=\"option\"].cm-empty-option)':\n        {\n          borderBottom: '0 !important',\n        },\n\n      '.cm-tooltip-autocomplete > ul > li[role=\"option\"]': {\n        display: 'flex',\n        flexWrap: 'wrap',\n        justifyContent: 'flex-start',\n        gap: Spacings.Size4,\n        alignItems: 'center',\n        padding: `${Spacings.Size6} ${Spacings.Size12} !important`,\n      },\n\n      '.cm-tooltip-autocomplete > ul > li[role=\"option\"].cm-empty-option': {\n        visibility: 'hidden',\n        height: 0,\n        overflow: 'hidden',\n        fontSize: 0,\n        lineHeight: 0,\n        padding: '0 !important',\n        margin: 0,\n      },\n\n      '.cm-completionLabel': {\n        fontSize: isSizeDefault\n          ? Typography.Code.Base.Default.Size\n          : Typography.Code.Small.Default.Size,\n        fontFamily: isSizeDefault\n          ? Typography.Code.Base.Default.Family\n          : Typography.Code.Small.Default.Family,\n        color: Colors.Text.Neutral.Default,\n        fontWeight: Typography.Code.Base.Default.Weight,\n        lineHeight: Typography.Code.Base.Default.LineHeight,\n        textDecoration: Typography.Code.Base.Default.TextDecoration,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        textTransform: Typography.Code.Base.Default.TextTransform as any,\n        flexGrow: 3,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n\n      '.cm-tooltip.cm-tooltip-hover': {\n        minWidth: 'auto',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul': {\n        maxHeight: '20em !important',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {\n        position: 'relative',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > li::after': {\n        position: 'absolute',\n        /* Required or else the outline would be cut off by the listbox boundaries */\n        inset: Spacings.Size2,\n        borderRadius: 'inherit',\n        content: ' ',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li': {\n        borderRadius: Borders.Radius.Field.Default,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li[aria-selected]': {\n        color: Colors.Text.Neutral.Default,\n        transition: 'none',\n        borderRadius: Borders.Radius.Field.Default,\n        boxShadow: `inset 0 0 0 ${Borders.Width.Default} ${Colors.Border.Neutral.Accent}`,\n        backgroundColor: Colors.Background.Field.Neutral.DefaultHover,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete.cm-autocomplete-interaction-mouse li[aria-selected]:hover':\n        {\n          boxShadow: 'none',\n        },\n\n      '.cm-tooltip.cm-tooltip-autocomplete.cm-autocomplete-interaction-keyboard li:hover:not([aria-selected])':\n        {\n          backgroundColor: 'transparent',\n          boxShadow: 'none',\n        },\n\n      '.cm-tooltip.cm-tooltip-autocomplete.cm-autocomplete-interaction-mouse li:hover':\n        {\n          backgroundColor: `${Colors.Background.Field.Neutral.DefaultHover}`,\n        },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li[aria-selected]:focus-visible': {\n        outline: 'none',\n      },\n\n      '.cm-tooltip.cm-completionInfo': {\n        padding: `calc(${Spacings.Size4} + ${Spacings.Size6}) ${Spacings.Size16} !important`,\n        marginLeft: Spacings.Size4,\n        marginRight: Spacings.Size4,\n        maxWidth: '500px',\n        minWidth: '200px',\n      },\n\n      '.cm-tooltip-autocomplete > ul > li.cm-completionOption-action > div': {\n        width: '100%',\n      },\n\n      '.cm-completionOption-action .cm-completionLabel': {\n        display: 'none',\n      },\n    }),\n  ];\n};\n\n/**\n * @internal\n */\nexport const getSingleLineDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: { required: boolean; size: 'default' | 'condensed' },\n): Extension[] => {\n  return [\n    EditorState.transactionFilter.of((tr) => (tr.newDoc.lines > 1 ? [] : [tr])),\n    ...getDefaultConfiguration(intlProps, options),\n  ];\n};\n\n/**\n * @public\n */\nexport type GutterConfiguration = {\n  lineNumber: number;\n  marker: ReactNode;\n};\n\n/**\n * @internal\n */\nexport const getMultipleLinesDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: {\n    gutterConfiguration?: GutterConfiguration;\n    required: boolean;\n    size: 'default' | 'condensed';\n  },\n): Extension[] => {\n  const { required, gutterConfiguration, size } = options;\n\n  return [\n    lineNumbers(),\n    foldGutter({\n      markerDOM: (open) => {\n        const element = document.createElement('div');\n        element.style.display = 'flex';\n        element.style.alignItems = 'center';\n        element.style.marginTop = '2px';\n        element.style.transform = 'rotate(-90deg)';\n        element.style.cursor = 'pointer';\n        element.style.minWidth = '16px';\n        element.style.minHeight = '16px';\n\n        if (open) {\n          element.style.transform = 'rotate(0deg)';\n        }\n\n        const root = createRoot(element);\n        root.render(\n          <ChevronDownSmallIcon\n            size=\"small\"\n            style={{ width: Spacings.Size16, height: Spacings.Size16 }}\n          />,\n        );\n\n        return element;\n      },\n    }),\n    gutter({\n      lineMarker: (view, line) => {\n        // Skip rendering when the editor is empty or no gutter configuration was provided.\n        const length = view.state.doc.length;\n        if (length === 0 || !gutterConfiguration) {\n          return null;\n        }\n\n        const { lineNumber, marker } = gutterConfiguration;\n\n        // Guard against out-of-bounds line numbers (e.g. 0, negative, or beyond\n        // the last line). `view.state.doc.line()` below would throw for such values.\n        if (lineNumber < 1 || lineNumber > view.state.doc.lines) {\n          return null;\n        }\n\n        // Resolve the character range of the target line and only render the\n        // marker on the gutter cell that belongs to exactly that line.\n        const { from, to } = view.state.doc.line(lineNumber);\n        return line.from === from && line.to === to\n          ? new (class extends GutterMarker {\n              toDOM() {\n                const element = document.createElement('div');\n                const root = createRoot(element);\n                root.render(marker);\n                return element;\n              }\n            })()\n          : null;\n      },\n    }),\n    ...getDefaultConfiguration(intlProps, { required, size }),\n  ];\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/editors/base-code-editor/utils/format-diagnostics-summary.js

@@ -0,0 +1,39 @@
+import { BASE_CODE_EDITOR_MESSAGES } from "../baseCodeEditorMessages.js";
+function formatDiagnosticsSummary(diagnostics, intl, doc) {
+  const lineNumberFor = (offset) => doc.lineAt(Math.min(offset, doc.length)).number;
+  const severityMessages = {
+    error: BASE_CODE_EDITOR_MESSAGES.diagnosticsSeverityError,
+    warning: BASE_CODE_EDITOR_MESSAGES.diagnosticsSeverityWarning,
+    info: BASE_CODE_EDITOR_MESSAGES.diagnosticsSeverityInfo
+  };
+  const formatSeverity = (d) => intl.formatMessage(severityMessages[d.severity ?? "error"]);
+  if (diagnostics.length === 1) {
+    const [d] = diagnostics;
+    return intl.formatMessage(
+      BASE_CODE_EDITOR_MESSAGES.diagnosticsSummarySingle,
+      {
+        severity: formatSeverity(d),
+        line: lineNumberFor(d.from),
+        message: d.message
+      }
+    );
+  }
+  const list = diagnostics.map(
+    (d) => intl.formatMessage(BASE_CODE_EDITOR_MESSAGES.diagnosticsSummaryListItem, {
+      severity: formatSeverity(d),
+      line: lineNumberFor(d.from),
+      message: d.message
+    })
+  ).join(". ");
+  return intl.formatMessage(
+    BASE_CODE_EDITOR_MESSAGES.diagnosticsSummaryMultiple,
+    {
+      count: diagnostics.length,
+      list
+    }
+  );
+}
+export {
+  formatDiagnosticsSummary
+};
+//# sourceMappingURL=format-diagnostics-summary.js.map

package/esm/editors/base-code-editor/utils/format-diagnostics-summary.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/editors/base-code-editor/utils/format-diagnostics-summary.ts"],
+  "sourcesContent": ["import type { Text } from '@codemirror/state';\nimport type { IntlShape } from 'react-intl';\n\nimport type { InlineDiagnostic } from '../../code-editor/inline-diagnostic.js';\nimport { BASE_CODE_EDITOR_MESSAGES } from '../baseCodeEditorMessages.js';\n\n/**\n * Formats a summary of the given diagnostics for screen reader announcements.\n * @param diagnostics - The diagnostics to summarize.\n * @param intl - The `react-intl` instance to use for formatting messages.\n * @param doc - The CodeMirror document to use for calculating line numbers.\n * @returns A string summarizing the diagnostics, suitable for screen reader announcements.\n * @internal\n */\nexport function formatDiagnosticsSummary(\n  diagnostics: InlineDiagnostic[],\n  intl: IntlShape,\n  doc: Text,\n): string {\n  const lineNumberFor = (offset: number) =>\n    doc.lineAt(Math.min(offset, doc.length)).number;\n\n  const severityMessages = {\n    error: BASE_CODE_EDITOR_MESSAGES.diagnosticsSeverityError,\n    warning: BASE_CODE_EDITOR_MESSAGES.diagnosticsSeverityWarning,\n    info: BASE_CODE_EDITOR_MESSAGES.diagnosticsSeverityInfo,\n  } as const;\n\n  const formatSeverity = (d: InlineDiagnostic) =>\n    intl.formatMessage(severityMessages[d.severity ?? 'error']);\n\n  if (diagnostics.length === 1) {\n    const [d] = diagnostics;\n    return intl.formatMessage(\n      BASE_CODE_EDITOR_MESSAGES.diagnosticsSummarySingle,\n      {\n        severity: formatSeverity(d),\n        line: lineNumberFor(d.from),\n        message: d.message,\n      },\n    );\n  }\n\n  const list = diagnostics\n    .map((d) =>\n      intl.formatMessage(BASE_CODE_EDITOR_MESSAGES.diagnosticsSummaryListItem, {\n        severity: formatSeverity(d),\n        line: lineNumberFor(d.from),\n        message: d.message,\n      }),\n    )\n    .join('. ');\n\n  return intl.formatMessage(\n    BASE_CODE_EDITOR_MESSAGES.diagnosticsSummaryMultiple,\n    {\n      count: diagnostics.length,\n      list,\n    },\n  );\n}\n"],
+  "mappings": "AAIA,SAAS,iCAAiC;AAUnC,SAAS,yBACd,aACA,MACA,KACQ;AACR,QAAM,gBAAgB,CAAC,WACrB,IAAI,OAAO,KAAK,IAAI,QAAQ,IAAI,MAAM,CAAC,EAAE;AAE3C,QAAM,mBAAmB;AAAA,IACvB,OAAO,0BAA0B;AAAA,IACjC,SAAS,0BAA0B;AAAA,IACnC,MAAM,0BAA0B;AAAA,EAClC;AAEA,QAAM,iBAAiB,CAAC,MACtB,KAAK,cAAc,iBAAiB,EAAE,YAAY,OAAO,CAAC;AAE5D,MAAI,YAAY,WAAW,GAAG;AAC5B,UAAM,CAAC,CAAC,IAAI;AACZ,WAAO,KAAK;AAAA,MACV,0BAA0B;AAAA,MAC1B;AAAA,QACE,UAAU,eAAe,CAAC;AAAA,QAC1B,MAAM,cAAc,EAAE,IAAI;AAAA,QAC1B,SAAS,EAAE;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEA,QAAM,OAAO,YACV;AAAA,IAAI,CAAC,MACJ,KAAK,cAAc,0BAA0B,4BAA4B;AAAA,MACvE,UAAU,eAAe,CAAC;AAAA,MAC1B,MAAM,cAAc,EAAE,IAAI;AAAA,MAC1B,SAAS,EAAE;AAAA,IACb,CAAC;AAAA,EACH,EACC,KAAK,IAAI;AAEZ,SAAO,KAAK;AAAA,IACV,0BAA0B;AAAA,IAC1B;AAAA,MACE,OAAO,YAAY;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/esm/editors/base-code-editor/utils/key-maps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/base-code-editor/utils/key-maps.ts"],
-  "sourcesContent": ["import {\n  acceptCompletion,\n  closeBracketsKeymap,\n  completionKeymap,\n  selectedCompletion,\n} from '@codemirror/autocomplete';\nimport {\n  copyLineDown,\n  copyLineUp,\n  historyKeymap,\n  indentLess,\n  standardKeymap,\n  toggleBlockComment,\n  toggleLineComment,\n} from '@codemirror/commands';\nimport { foldKeymap } from '@codemirror/language';\nimport { EditorView, keymap } from '@codemirror/view';\nimport { type MutableRefObject } from 'react';\n\nimport { indentWithSpaces } from './indent-with-spaces.js';\n\n/** Returns the default key maps for the editor */\nexport const getKeyMaps = (viewRef: MutableRefObject<EditorView>) => {\n  return [\n    keymap.of([\n      {\n        key: 'Enter',\n        run: (target) => {\n          const _selectedCompletion = selectedCompletion(target.state);\n          const textToCursor = target.state.doc\n            .slice(0, target.state.selection.main.to)\n            .toString();\n          if (\n            _selectedCompletion !== null &&\n            textToCursor.endsWith(_selectedCompletion?.label)\n          ) {\n            acceptCompletion(target);\n            return false;\n          }\n          return acceptCompletion(target);\n        },\n      },\n      ...completionKeymap,\n      ...closeBracketsKeymap,\n      ...standardKeymap,\n      ...historyKeymap,\n      ...foldKeymap,\n      {\n        key: 'Mod-7',\n        run: toggleLineComment,\n      },\n      {\n        key: 'Mod-/',\n        run: toggleLineComment,\n      },\n      {\n        key: 'Shift-Alt-a',\n        run: toggleBlockComment,\n      },\n      {\n        key: 'Shift-Alt-ArrowUp',\n        run: copyLineUp,\n      },\n      {\n        key: 'Shift-Alt-ArrowDown',\n        run: copyLineDown,\n      },\n      {\n        key: 'Tab',\n        run: (target) => {\n          if (selectedCompletion(target.state) !== null) {\n            return acceptCompletion(target);\n          }\n          return indentWithSpaces(target);\n        },\n        // SHIFT+TAB fix\n        shift: indentLess,\n      },\n      {\n        key: 'Escape',\n        run: () => {\n          (\n            viewRef.current.dom.querySelector('.cm-scroller') as HTMLElement\n          )?.focus();\n          return true;\n        },\n      },\n    ]),\n  ];\n};\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAqB,cAAc;AAGnC,SAAS,wBAAwB;AAG1B,MAAM,aAAa,CAAC,YAA0C;AACnE,SAAO;AAAA,IACL,OAAO,GAAG;AAAA,MACR;AAAA,QACE,KAAK;AAAA,QACL,KAAK,CAAC,WAAW;AACf,gBAAM,sBAAsB,mBAAmB,OAAO,KAAK;AAC3D,gBAAM,eAAe,OAAO,MAAM,IAC/B,MAAM,GAAG,OAAO,MAAM,UAAU,KAAK,EAAE,EACvC,SAAS;AACZ,cACE,wBAAwB,QACxB,aAAa,SAAS,qBAAqB,KAAK,GAChD;AACA,6BAAiB,MAAM;AACvB,mBAAO;AAAA,UACT;AACA,iBAAO,iBAAiB,MAAM;AAAA,QAChC;AAAA,MACF;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK,CAAC,WAAW;AACf,cAAI,mBAAmB,OAAO,KAAK,MAAM,MAAM;AAC7C,mBAAO,iBAAiB,MAAM;AAAA,UAChC;AACA,iBAAO,iBAAiB,MAAM;AAAA,QAChC;AAAA;AAAA,QAEA,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK,MAAM;AACT,UACE,QAAQ,QAAQ,IAAI,cAAc,cAAc,GAC/C,MAAM;AACT,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import {\n  acceptCompletion,\n  closeBracketsKeymap,\n  completionKeymap,\n  selectedCompletion,\n} from '@codemirror/autocomplete';\nimport {\n  copyLineDown,\n  copyLineUp,\n  historyKeymap,\n  indentLess,\n  standardKeymap,\n  toggleBlockComment,\n  toggleLineComment,\n} from '@codemirror/commands';\nimport { foldKeymap } from '@codemirror/language';\nimport { EditorView, keymap } from '@codemirror/view';\nimport { type RefObject } from 'react';\n\nimport { indentWithSpaces } from './indent-with-spaces.js';\n\n/** Returns the default key maps for the editor */\nexport const getKeyMaps = (viewRef: RefObject<EditorView>) => {\n  return [\n    keymap.of([\n      {\n        key: 'Enter',\n        run: (target) => {\n          const _selectedCompletion = selectedCompletion(target.state);\n          const textToCursor = target.state.doc\n            .slice(0, target.state.selection.main.to)\n            .toString();\n          if (\n            _selectedCompletion !== null &&\n            textToCursor.endsWith(_selectedCompletion?.label)\n          ) {\n            acceptCompletion(target);\n            return false;\n          }\n          return acceptCompletion(target);\n        },\n      },\n      ...completionKeymap,\n      ...closeBracketsKeymap,\n      ...standardKeymap,\n      ...historyKeymap,\n      ...foldKeymap,\n      {\n        key: 'Mod-7',\n        run: toggleLineComment,\n      },\n      {\n        key: 'Mod-/',\n        run: toggleLineComment,\n      },\n      {\n        key: 'Shift-Alt-a',\n        run: toggleBlockComment,\n      },\n      {\n        key: 'Shift-Alt-ArrowUp',\n        run: copyLineUp,\n      },\n      {\n        key: 'Shift-Alt-ArrowDown',\n        run: copyLineDown,\n      },\n      {\n        key: 'Tab',\n        run: (target) => {\n          if (selectedCompletion(target.state) !== null) {\n            return acceptCompletion(target);\n          }\n          return indentWithSpaces(target);\n        },\n        // SHIFT+TAB fix\n        shift: indentLess,\n      },\n      {\n        key: 'Escape',\n        run: () => {\n          (\n            viewRef.current.dom.querySelector('.cm-scroller') as HTMLElement\n          )?.focus();\n          return true;\n        },\n      },\n    ]),\n  ];\n};\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAqB,cAAc;AAGnC,SAAS,wBAAwB;AAG1B,MAAM,aAAa,CAAC,YAAmC;AAC5D,SAAO;AAAA,IACL,OAAO,GAAG;AAAA,MACR;AAAA,QACE,KAAK;AAAA,QACL,KAAK,CAAC,WAAW;AACf,gBAAM,sBAAsB,mBAAmB,OAAO,KAAK;AAC3D,gBAAM,eAAe,OAAO,MAAM,IAC/B,MAAM,GAAG,OAAO,MAAM,UAAU,KAAK,EAAE,EACvC,SAAS;AACZ,cACE,wBAAwB,QACxB,aAAa,SAAS,qBAAqB,KAAK,GAChD;AACA,6BAAiB,MAAM;AACvB,mBAAO;AAAA,UACT;AACA,iBAAO,iBAAiB,MAAM;AAAA,QAChC;AAAA,MACF;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK,CAAC,WAAW;AACf,cAAI,mBAAmB,OAAO,KAAK,MAAM,MAAM;AAC7C,mBAAO,iBAAiB,MAAM;AAAA,UAChC;AACA,iBAAO,iBAAiB,MAAM;AAAA,QAChC;AAAA;AAAA,QAEA,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,KAAK,MAAM;AACT,UACE,QAAQ,QAAQ,IAAI,cAAc,cAAc,GAC/C,MAAM;AACT,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": []
 }

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

@@ -34,6 +34,7 @@ const CodeEditorInner = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     onBlur,
     onFocus,
     gutterConfiguration,
+    diagnostics,
     size = "default",
     required = false,
     // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.
@@ -49,9 +50,14 @@ const CodeEditorInner = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const [behavioralTrackingProps, restProps] = useBehavioralTrackingProps(remainingProps);
   const ariaLabelingProps = useAriaLabelingProps(restProps);
   const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);
+  const hasDiagnostics = diagnostics !== void 0;
   const config = useMemo(() => {
-    return getLanguageConfig(codeEditorLanguages[language], readOnly);
-  }, [language, readOnly]);
+    return getLanguageConfig(
+      codeEditorLanguages[language],
+      readOnly,
+      hasDiagnostics
+    );
+  }, [language, readOnly, hasDiagnostics]);
   const valueProps = value !== void 0 ? { value } : { defaultValue };
   return /* @__PURE__ */ jsx(
     BaseCodeEditor,
@@ -73,6 +79,7 @@ const CodeEditorInner = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       onBlur,
       onFocus,
       gutterConfiguration,
+      diagnostics,
       size,
       required,
       isControlled,
@@ -102,14 +109,16 @@ const CodeEditor = /* @__PURE__ */ forwardRef((props, ref) => {
     }
   );
 });
-function getLanguageConfig(languageConfig, readOnly) {
+function getLanguageConfig(languageConfig, readOnly, hasDiagnostics = false) {
   return {
     language: languageConfig.language,
     autocompleteOptions: readOnly ? void 0 : {
       activateOnTyping: true,
       providers: languageConfig.autocompleteOptions?.providers ?? []
     },
-    extendWith: languageConfig.extendWith
+    // When the consumer provides custom diagnostics, strip built-in linter
+    // extensions so they don't conflict with external diagnostics.
+    extendWith: hasDiagnostics ? [] : languageConfig.extendWith
   };
 }
 CodeEditorInner.displayName = COMPONENT_NAME;

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 { 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  /**\n   * Provides the gutter configuration to display a marker next to the fold gutter.\n   */\n  gutterConfiguration?: GutterConfiguration;\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    // eslint-disable-next-line @typescript-eslint/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    gutterConfiguration,\n    size = 'default',\n    required = false,\n    // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n    // eslint-disable-next-line @typescript-eslint/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 config = useMemo((): EditorLanguageConfiguration => {\n    return getLanguageConfig(codeEditorLanguages[language], readOnly);\n  }, [language, readOnly]);\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      // eslint-disable-next-line @typescript-eslint/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      gutterConfiguration={gutterConfiguration}\n      size={size}\n      required={required}\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // eslint-disable-next-line @typescript-eslint/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 * @param languageConfig - standard language config\n * @param readOnly - whether the editor is readOnly\n * @returns new config with appropriate values\n * @internal\n */\nexport function getLanguageConfig(\n  languageConfig: EditorLanguageConfiguration,\n  readOnly: boolean,\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    extendWith: 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": "AA0JI;AAxJJ,SAAS,YAAY,eAAe;AACpC,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAExB,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,iBAAiB,2BAA2B;AACrD,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAGnC;AAAA,EACE;AAAA,OAEK;AAIP,MAAM,iBAAiB;AAgFvB,MAAM,kBAAkC,2BAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM,OAAO,QAAQ;AAErB,QAAM;AAAA,IACJ;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX,cAAc,KAAK,cAAc,qBAAqB,QAAQ,CAAC;AAAA,IAC/D,WAAW;AAAA,IACX,WAAW;AAAA,IACX,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA;AAAA;AAAA,IAGX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,QAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,QAAM,SAAS,QAAQ,MAAmC;AACxD,WAAO,kBAAkB,oBAAoB,QAAQ,GAAG,QAAQ;AAAA,EAClE,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,aACJ,UAAU,SAAY,EAAE,MAAM,IAAI,EAAE,aAAa;AAGnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAGA;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA;AAAA,EACrB;AAEJ,CAAC;AAQM,MAAM,aAA6B,2BAGxC,CAAC,OAAO,QAAQ;AAChB,QAAM,eAAe;AAAA,IACnB,MAAM,mBAAmB,KAAK,EAAE,IAAI,MAAM,GAAG,CAAC,EAAE,cAAc;AAAA,IAC9D,CAAC,MAAM,EAAE;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,UAAU,aAAa,MAAM,OAAO,SAAS,KAAK;AAAA,MAC5D,mBAAmB,CAAC,kBAClB,oBAAC,uBAAqB,GAAG,eAAe;AAAA,MAG1C,8BAAC,mBAAiB,GAAG,OAAO,KAAU;AAAA;AAAA,EACxC;AAEJ,CAAC;AASM,SAAS,kBACd,gBACA,UAUA;AACA,SAAO;AAAA,IACL,UAAU,eAAe;AAAA,IACzB,qBAAqB,WACjB,SACA;AAAA,MACE,kBAAkB;AAAA,MAClB,WAAW,eAAe,qBAAqB,aAAa,CAAC;AAAA,IAC/D;AAAA,IACJ,YAAY,eAAe;AAAA,EAC7B;AACF;AAGE,gBACA,cAAc;AACf,WAA2D,cAC1D;",
+  "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  /**\n   * Provides the gutter configuration to display a marker next to the fold gutter.\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\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    // eslint-disable-next-line @typescript-eslint/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    gutterConfiguration,\n    diagnostics,\n    size = 'default',\n    required = false,\n    // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n    // eslint-disable-next-line @typescript-eslint/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      // eslint-disable-next-line @typescript-eslint/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      gutterConfiguration={gutterConfiguration}\n      diagnostics={diagnostics}\n      size={size}\n      required={required}\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // eslint-disable-next-line @typescript-eslint/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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",
   "names": []
 }

package/esm/editors/code-editor/inline-diagnostic.js

@@ -0,0 +1 @@
+//# sourceMappingURL=inline-diagnostic.js.map

package/esm/editors/code-editor/inline-diagnostic.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/esm/editors/dql-editor/actions-menu/ActionsMenu.css

@@ -1,42 +1,42 @@
-._1okebta0-3-9-0 {
+._1okebta0-3-10-0 {
   position: relative;
   width: 100%;
 }
-._1okebta1-3-9-0 {
+._1okebta1-3-10-0 {
   display: flex;
   flex-grow: 1;
   max-height: 100%;
   min-height: 100%;
 }
-._1okebta2-3-9-0 {
+._1okebta2-3-10-0 {
   position: absolute;
   z-index: var(--dt-elevations-default, 1);
   top: 0;
   right: 0;
 }
-._1okebta3-3-9-0 {
+._1okebta3-3-10-0 {
   top: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-emphasized, 2px));
   right: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-9-0 ._1okebta3-3-9-0 {
+._1jgl8s50-3-10-0 ._1okebta3-3-10-0 {
   top: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-default, 1px));
   right: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-default, 1px));
 }
-._1okebta4-3-9-0 {
+._1okebta4-3-10-0 {
   top: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-emphasized, 2px));
   right: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-9-0 ._1okebta4-3-9-0 {
+._1jgl8s50-3-10-0 ._1okebta4-3-10-0 {
   top: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-default, 1px));
   right: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-default, 1px));
 }
-._1okebta5-3-9-0 .cm-editor {
+._1okebta5-3-10-0 .cm-editor {
   padding-right: calc(var(--dt-spacings-size-40, 40px) + var(--dt-spacings-size-4, 4px));
 }
-._1okebta6-3-9-0 .cm-editor {
+._1okebta6-3-10-0 .cm-editor {
   padding-right: calc(var(--dt-spacings-size-28, 28px) + var(--dt-spacings-size-4, 4px));
 }
-._1okebta7-3-9-0 {
+._1okebta7-3-10-0 {
   white-space: nowrap;
   margin-left: var(--dt-spacings-size-8, 8px);
 }

package/esm/editors/dql-editor/actions-menu/ActionsMenu.js

@@ -18,6 +18,7 @@ import { Button } from "../../../buttons/button/Button.js";
 import { KeyboardShortcut } from "../../../content/keyboard-shortcut/KeyboardShortcut.js";
 import { DQL_DOCUMENTATION_URL } from "../../../core/external-links.js";
 import { devLog } from "../../../core/utils/logging.js";
+import { isMacPlatform } from "../../../core/utils/user-agent-utils.js";
 import { Group } from "../../../navigation/menu/Group.js";
 import { Intent } from "../../../navigation/menu/Intent.js";
 import { Item } from "../../../navigation/menu/Item.js";
@@ -36,9 +37,6 @@ const ALLOWED_MENU_CHILDREN = /* @__PURE__ */ new Set([
 function isWrapperElement(child) {
   return child.type === Fragment || child.type === "div";
 }
-function isMacPlatform() {
-  return typeof navigator !== "undefined" && navigator.userAgent.toLowerCase().includes("mac");
-}
 function getValidChildren(children) {
   const validChildren = [];
   for (const child of Children.toArray(children)) {
@@ -80,7 +78,7 @@ const ActionsMenuInternal = ({
       onSelect: () => {
         copyToClipboard().catch(() => void 0);
       },
-      "data-dt-name": "CopyQuery",
+      "data-dt-children-name": "CopyQuery",
       children: [
         /* @__PURE__ */ jsx(Menu.Prefix, { children: /* @__PURE__ */ jsx(CopyIcon, {}) }),
         intl.formatMessage(dqlEditorActionsMenuMessages.copyQuery)
@@ -93,14 +91,14 @@ const ActionsMenuInternal = ({
       href: DQL_DOCUMENTATION_URL,
       target: "_blank",
       rel: "noopener noreferrer",
-      "data-dt-name": "OpenDocumentation",
+      "data-dt-children-name": "OpenDocumentation",
       children: [
         /* @__PURE__ */ jsx(Menu.Prefix, { children: /* @__PURE__ */ jsx(ExternalLinkIcon, {}) }),
         intl.formatMessage(dqlEditorActionsMenuMessages.openDocumentation)
       ]
     }
   );
-  const formatQueryMenuItem = onFormat ? /* @__PURE__ */ jsxs(Menu.Item, { onSelect: onFormat, "data-dt-name": "FormatQuery", children: [
+  const formatQueryMenuItem = onFormat ? /* @__PURE__ */ jsxs(Menu.Item, { onSelect: onFormat, "data-dt-children-name": "FormatQuery", children: [
     /* @__PURE__ */ jsx(Menu.Prefix, { children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
     intl.formatMessage(dqlEditorActionsMenuMessages.formatQuery),
     /* @__PURE__ */ jsx(Menu.Suffix, { className: styles.formatQueryShortcut, children: /* @__PURE__ */ jsx(
@@ -120,7 +118,7 @@ const ActionsMenuInternal = ({
         "aria-label": intl.formatMessage(
           dqlEditorActionsMenuMessages.triggerLabel
         ),
-        "data-dt-name": "OpenActionsMenu",
+        "data-dt-children-name": "OpenActionsMenu",
         children: /* @__PURE__ */ jsx(Button.Prefix, { children: /* @__PURE__ */ jsx(DotMenuIcon, {}) })
       }
     ) }),

package/esm/editors/dql-editor/actions-menu/ActionsMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/actions-menu/ActionsMenu.tsx"],
-  "sourcesContent": ["import {\n  Children,\n  Fragment,\n  useCallback,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport {\n  CodeIcon,\n  CopyIcon,\n  DotMenuIcon,\n  ExternalLinkIcon,\n} from '@dynatrace/strato-icons';\n\nimport { dqlEditorActionsMenuMessages } from './actions-menu-messages.js';\nimport * as styles from './ActionsMenu.sty.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { KeyboardShortcut } from '../../../content/keyboard-shortcut/KeyboardShortcut.js';\nimport { DQL_DOCUMENTATION_URL } from '../../../core/external-links.js';\nimport type { WithChildren } from '../../../core/types/with-children.js';\nimport { devLog } from '../../../core/utils/logging.js';\nimport { Group } from '../../../navigation/menu/Group.js';\nimport { Intent } from '../../../navigation/menu/Intent.js';\nimport { Item } from '../../../navigation/menu/Item.js';\nimport { Label } from '../../../navigation/menu/Label.js';\nimport { Link } from '../../../navigation/menu/Link.js';\nimport { Menu } from '../../../navigation/menu/Menu.js';\nimport { Sub } from '../../../navigation/menu/Sub.js';\n\n// Menu slot components allowed as children of `DQLEditor.ActionsMenu`\nconst ALLOWED_MENU_CHILDREN = new Set<unknown>([\n  Item,\n  Group,\n  Label,\n  Link,\n  Intent,\n  Sub,\n]);\n\n/**\n * Type guard for transparent wrappers (fragments and divs) whose children are\n * flattened and validated individually.\n */\nfunction isWrapperElement(\n  child: ReactElement,\n): child is ReactElement<PropsWithChildren> {\n  return child.type === Fragment || child.type === 'div';\n}\n\n/**\n * Returns whether the current platform is macOS/iOS, which uses Cmd\n * rather than Ctrl as the primary shortcut modifier.\n *\n * Relies on user-agent sniffing, which MDN flags as unreliable, but there is no\n * robust cross-browser alternative: `navigator.userAgentData` is unsupported in\n * Safari and Firefox, and `navigator.platform` is deprecated.\n * @internal\n */\nfunction isMacPlatform(): boolean {\n  return (\n    typeof navigator !== 'undefined' &&\n    navigator.userAgent.toLowerCase().includes('mac')\n  );\n}\n\n/**\n * Iterates over child nodes and keeps only supported Menu slot components.\n */\nfunction getValidChildren(children: ReactNode): ReactNode[] {\n  const validChildren: ReactNode[] = [];\n  for (const child of Children.toArray(children)) {\n    if (isElement(child)) {\n      if (isWrapperElement(child)) {\n        // Flatten fragments and divs so their children are validated individually.\n        validChildren.push(...getValidChildren(child.props.children));\n        continue;\n      }\n      if (ALLOWED_MENU_CHILDREN.has(child.type)) {\n        validChildren.push(child);\n        continue;\n      }\n    }\n    devLog(\n      'Only Menu component items are supported as children of DQLEditor.ActionsMenu.',\n    );\n  }\n\n  return validChildren;\n}\n\n/**\n * Slot component that enables the actions menu in the DQLEditor.\n *\n * Rendering this component as a child of `DQLEditor` displays a kebab menu\n * with built-in actions (Copy query, Format query, Open documentation). Custom menu items\n * can be passed as children and will be rendered between the built-in actions.\n * @public\n */\nexport const ActionsMenu = (props: WithChildren): null => null;\n(ActionsMenu as typeof ActionsMenu & { displayName: string }).displayName =\n  'DQLEditor.ActionsMenu';\n\n/**\n * Props for the `ActionsMenuInternal` component.\n * @internal\n */\nexport interface ActionsMenuInternalProps extends PropsWithChildren {\n  /**\n   * Returns the editor's current content, copied to clipboard when the copy action is triggered.\n   */\n  getValue: () => string;\n  /**\n   * The editor's size variant affecting the trigger button and positioning.\n   */\n  size: 'default' | 'condensed';\n  /**\n   * When provided, a \"Format query\" item is shown in the menu.\n   */\n  onFormat?: () => void;\n}\n\n/**\n * Internal component that renders the DQLEditor actions menu.\n * @internal\n */\nexport const ActionsMenuInternal = ({\n  getValue,\n  size,\n  children,\n  onFormat,\n}: ActionsMenuInternalProps) => {\n  const intl = useIntl();\n  // getValue() is called at copy time (not at render time) so it always reads\n  // the current editor content from the ref, regardless of re-renders.\n  const copyToClipboard = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(getValue());\n    } catch {\n      // For now, we silently ignore clipboard write errors.\n    }\n  }, [getValue]);\n\n  const validChildren = getValidChildren(children);\n\n  const copyQueryMenuItem = (\n    <Menu.Item\n      onSelect={() => {\n        copyToClipboard().catch(() => void 0);\n      }}\n      data-dt-name=\"CopyQuery\"\n    >\n      <Menu.Prefix>\n        <CopyIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.copyQuery)}\n    </Menu.Item>\n  );\n\n  const openDocumentationMenuItem = (\n    <Menu.Link\n      href={DQL_DOCUMENTATION_URL}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      data-dt-name=\"OpenDocumentation\"\n    >\n      <Menu.Prefix>\n        <ExternalLinkIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.openDocumentation)}\n    </Menu.Link>\n  );\n\n  const formatQueryMenuItem = onFormat ? (\n    <Menu.Item onSelect={onFormat} data-dt-name=\"FormatQuery\">\n      <Menu.Prefix>\n        <CodeIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.formatQuery)}\n      <Menu.Suffix className={styles.formatQueryShortcut}>\n        <KeyboardShortcut\n          keys={isMacPlatform() ? 'Cmd+Shift+F' : 'Control+Shift+F'}\n          variant=\"minimal\"\n        />\n      </Menu.Suffix>\n    </Menu.Item>\n  ) : null;\n\n  return (\n    <div className={styles.actionsMenuWrapper({ size })}>\n      <Menu>\n        <Menu.Trigger>\n          <Button\n            variant=\"default\"\n            size={size}\n            aria-label={intl.formatMessage(\n              dqlEditorActionsMenuMessages.triggerLabel,\n            )}\n            data-dt-name=\"OpenActionsMenu\"\n          >\n            <Button.Prefix>\n              <DotMenuIcon />\n            </Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n        <Menu.Content>\n          <Menu.Group>\n            {copyQueryMenuItem}\n            {formatQueryMenuItem}\n            {validChildren}\n          </Menu.Group>\n          <Menu.Group>{openDocumentationMenuItem}</Menu.Group>\n        </Menu.Content>\n      </Menu>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  Children,\n  Fragment,\n  useCallback,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport {\n  CodeIcon,\n  CopyIcon,\n  DotMenuIcon,\n  ExternalLinkIcon,\n} from '@dynatrace/strato-icons';\n\nimport { dqlEditorActionsMenuMessages } from './actions-menu-messages.js';\nimport * as styles from './ActionsMenu.sty.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { KeyboardShortcut } from '../../../content/keyboard-shortcut/KeyboardShortcut.js';\nimport { DQL_DOCUMENTATION_URL } from '../../../core/external-links.js';\nimport type { WithChildren } from '../../../core/types/with-children.js';\nimport { devLog } from '../../../core/utils/logging.js';\nimport { isMacPlatform } from '../../../core/utils/user-agent-utils.js';\nimport { Group } from '../../../navigation/menu/Group.js';\nimport { Intent } from '../../../navigation/menu/Intent.js';\nimport { Item } from '../../../navigation/menu/Item.js';\nimport { Label } from '../../../navigation/menu/Label.js';\nimport { Link } from '../../../navigation/menu/Link.js';\nimport { Menu } from '../../../navigation/menu/Menu.js';\nimport { Sub } from '../../../navigation/menu/Sub.js';\n\n// Menu slot components allowed as children of `DQLEditor.ActionsMenu`\nconst ALLOWED_MENU_CHILDREN = new Set<unknown>([\n  Item,\n  Group,\n  Label,\n  Link,\n  Intent,\n  Sub,\n]);\n\n/**\n * Type guard for transparent wrappers (fragments and divs) whose children are\n * flattened and validated individually.\n */\nfunction isWrapperElement(\n  child: ReactElement,\n): child is ReactElement<PropsWithChildren> {\n  return child.type === Fragment || child.type === 'div';\n}\n\n/**\n * Iterates over child nodes and keeps only supported Menu slot components.\n */\nfunction getValidChildren(children: ReactNode): ReactNode[] {\n  const validChildren: ReactNode[] = [];\n  for (const child of Children.toArray(children)) {\n    if (isElement(child)) {\n      if (isWrapperElement(child)) {\n        // Flatten fragments and divs so their children are validated individually.\n        validChildren.push(...getValidChildren(child.props.children));\n        continue;\n      }\n      if (ALLOWED_MENU_CHILDREN.has(child.type)) {\n        validChildren.push(child);\n        continue;\n      }\n    }\n    devLog(\n      'Only Menu component items are supported as children of DQLEditor.ActionsMenu.',\n    );\n  }\n\n  return validChildren;\n}\n\n/**\n * Slot component that enables the actions menu in the DQLEditor.\n *\n * Rendering this component as a child of `DQLEditor` displays a kebab menu\n * with built-in actions (Copy query, Format query, Open documentation). Custom menu items\n * can be passed as children and will be rendered between the built-in actions.\n * @public\n */\nexport const ActionsMenu = (props: WithChildren): null => null;\n(ActionsMenu as typeof ActionsMenu & { displayName: string }).displayName =\n  'DQLEditor.ActionsMenu';\n\n/**\n * Props for the `ActionsMenuInternal` component.\n * @internal\n */\nexport interface ActionsMenuInternalProps extends PropsWithChildren {\n  /**\n   * Returns the editor's current content, copied to clipboard when the copy action is triggered.\n   */\n  getValue: () => string;\n  /**\n   * The editor's size variant affecting the trigger button and positioning.\n   */\n  size: 'default' | 'condensed';\n  /**\n   * When provided, a \"Format query\" item is shown in the menu.\n   */\n  onFormat?: () => void;\n}\n\n/**\n * Internal component that renders the DQLEditor actions menu.\n * @internal\n */\nexport const ActionsMenuInternal = ({\n  getValue,\n  size,\n  children,\n  onFormat,\n}: ActionsMenuInternalProps) => {\n  const intl = useIntl();\n  // getValue() is called at copy time (not at render time) so it always reads\n  // the current editor content from the ref, regardless of re-renders.\n  const copyToClipboard = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(getValue());\n    } catch {\n      // For now, we silently ignore clipboard write errors.\n    }\n  }, [getValue]);\n\n  const validChildren = getValidChildren(children);\n\n  const copyQueryMenuItem = (\n    <Menu.Item\n      onSelect={() => {\n        copyToClipboard().catch(() => void 0);\n      }}\n      data-dt-children-name=\"CopyQuery\"\n    >\n      <Menu.Prefix>\n        <CopyIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.copyQuery)}\n    </Menu.Item>\n  );\n\n  const openDocumentationMenuItem = (\n    <Menu.Link\n      href={DQL_DOCUMENTATION_URL}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      data-dt-children-name=\"OpenDocumentation\"\n    >\n      <Menu.Prefix>\n        <ExternalLinkIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.openDocumentation)}\n    </Menu.Link>\n  );\n\n  const formatQueryMenuItem = onFormat ? (\n    <Menu.Item onSelect={onFormat} data-dt-children-name=\"FormatQuery\">\n      <Menu.Prefix>\n        <CodeIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.formatQuery)}\n      <Menu.Suffix className={styles.formatQueryShortcut}>\n        <KeyboardShortcut\n          keys={isMacPlatform() ? 'Cmd+Shift+F' : 'Control+Shift+F'}\n          variant=\"minimal\"\n        />\n      </Menu.Suffix>\n    </Menu.Item>\n  ) : null;\n\n  return (\n    <div className={styles.actionsMenuWrapper({ size })}>\n      <Menu>\n        <Menu.Trigger>\n          <Button\n            variant=\"default\"\n            size={size}\n            aria-label={intl.formatMessage(\n              dqlEditorActionsMenuMessages.triggerLabel,\n            )}\n            data-dt-children-name=\"OpenActionsMenu\"\n          >\n            <Button.Prefix>\n              <DotMenuIcon />\n            </Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n        <Menu.Content>\n          <Menu.Group>\n            {copyQueryMenuItem}\n            {formatQueryMenuItem}\n            {validChildren}\n          </Menu.Group>\n          <Menu.Group>{openDocumentationMenuItem}</Menu.Group>\n        </Menu.Content>\n      </Menu>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/editors/dql-editor/actions-menu/ActionsMenu.sty.js

@@ -1,11 +1,11 @@
 import "../../../core/components/app-root/AppRoot.css";
 import "./ActionsMenu.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-9-0", variantClassNames: { size: { "default": "_1okebta3-3-9-0", condensed: "_1okebta4-3-9-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var editorWithActionsMenu = { "default": "_1okebta5-3-9-0", condensed: "_1okebta6-3-9-0" };
-var editorWrapper = "_1okebta0-3-9-0";
-var editorWrapperFullHeight = "_1okebta1-3-9-0";
-var formatQueryShortcut = "_1okebta7-3-9-0";
+var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-10-0", variantClassNames: { size: { "default": "_1okebta3-3-10-0", condensed: "_1okebta4-3-10-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var editorWithActionsMenu = { "default": "_1okebta5-3-10-0", condensed: "_1okebta6-3-10-0" };
+var editorWrapper = "_1okebta0-3-10-0";
+var editorWrapperFullHeight = "_1okebta1-3-10-0";
+var formatQueryShortcut = "_1okebta7-3-10-0";
 export {
   actionsMenuWrapper,
   editorWithActionsMenu,