@dynatrace/strato-components 3.11.2 → 3.12.0

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

@@ -20,8 +20,6 @@ import {
   gutter,
   GutterMarker,
   hasHoverTooltips,
-  highlightActiveLine,
-  highlightActiveLineGutter,
   lineNumbers,
   rectangularSelection,
   tooltips
@@ -34,6 +32,7 @@ import Colors from "@dynatrace/strato-design-tokens/colors";
 import Spacings from "@dynatrace/strato-design-tokens/spacings";
 import Typography from "@dynatrace/strato-design-tokens/typography";
 import { ChevronDownSmallIcon } from "@dynatrace/strato-icons";
+import { activeLineHighlight } from "./configure-active-line.js";
 import { Text } from "../../../typography/text/Text.js";
 import * as editorStyles from "../BaseCodeEditor.sty.js";
 import { baseCodeEditorContentTestId, dataTestId } from "../testIds.js";
@@ -172,8 +171,7 @@ const getDefaultConfiguration = (intlProps, options = {
     // empty linter to enable theme for linter errors
     syntaxHighlighting(classHighlighter),
     rectangularSelection(),
-    highlightActiveLine(),
-    highlightActiveLineGutter(),
+    activeLineHighlight,
     highlightSelectionMatches(),
     EditorView.domEventObservers({
       keydown: (event) => {
@@ -239,7 +237,8 @@ const getDefaultConfiguration = (intlProps, options = {
         marginBottom: Spacings.Size4
       },
       '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section:has(+ li[role="option"].cm-empty-option)': {
-        borderBottom: "0 !important"
+        borderBottom: "0 !important",
+        marginBottom: 0
       },
       '.cm-tooltip-autocomplete > ul > li[role="option"]': {
         display: "flex",
@@ -311,11 +310,10 @@ const getDefaultConfiguration = (intlProps, options = {
         outline: "none"
       },
       ".cm-tooltip.cm-completionInfo": {
-        padding: `calc(${Spacings.Size4} + ${Spacings.Size6}) ${Spacings.Size16} !important`,
+        padding: `${Spacings.Size12} ${Spacings.Size16} !important`,
         marginLeft: Spacings.Size4,
         marginRight: Spacings.Size4,
-        maxWidth: "500px",
-        minWidth: "200px"
+        width: "360px !important"
       },
       ".cm-tooltip-autocomplete > ul > li.cm-completionOption-action > div": {
         width: "100%"

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=\"text\"\n      textStyle=\"small\"\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        color: Colors.Text.Neutral.Subdued,\n        fontFamily: Typography.Text.Small.Default.Family,\n        fontSize: Typography.Text.Small.Default.Size,\n        fontWeight: Typography.Text.Small.Default.Weight,\n        lineHeight: `${Typography.Text.Small.Default.LineHeight} !important`,\n        padding: `${Spacings.Size8} ${Spacings.Size12} !important`,\n        opacity: '1 !important',\n        borderBottom: `1px solid ${Colors.Border.Neutral.Default} !important`,\n        marginBottom: Spacings.Size4,\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        // Hidden from the accessibility tree \u2014 folding is operable via foldKeymap shortcuts.\n        element.setAttribute('aria-hidden', 'true');\n        element.style.display = 'flex';\n        element.style.alignItems = 'center';\n        element.style.marginTop = size === 'condensed' ? '1px' : '2px';\n        element.style.transform = open ? 'rotate(0deg)' : 'rotate(-90deg)';\n        element.style.cursor = 'pointer';\n        element.style.minWidth = '16px';\n        element.style.minHeight = '16px';\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  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 { activeLineHighlight } from './configure-active-line.js';\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  <Text fontStyle=\"code\" textStyle=\"small-emphasized\" style={{ width: 30 }}>\n    {source}\n  </Text>\n);\n\nconst Type = (type: string) => () => (\n  <Text\n    fontStyle=\"text\"\n    textStyle=\"small\"\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    activeLineHighlight,\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        color: Colors.Text.Neutral.Subdued,\n        fontFamily: Typography.Text.Small.Default.Family,\n        fontSize: Typography.Text.Small.Default.Size,\n        fontWeight: Typography.Text.Small.Default.Weight,\n        lineHeight: `${Typography.Text.Small.Default.LineHeight} !important`,\n        padding: `${Spacings.Size8} ${Spacings.Size12} !important`,\n        opacity: '1 !important',\n        borderBottom: `1px solid ${Colors.Border.Neutral.Default} !important`,\n        marginBottom: Spacings.Size4,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section:has(+ li[role=\"option\"].cm-empty-option)':\n        {\n          borderBottom: '0 !important',\n          marginBottom: 0,\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: `${Spacings.Size12} ${Spacings.Size16} !important`,\n        marginLeft: Spacings.Size4,\n        marginRight: Spacings.Size4,\n        width: '360px !important',\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        // Hidden from the accessibility tree \u2014 folding is operable via foldKeymap shortcuts.\n        element.setAttribute('aria-hidden', 'true');\n        element.style.display = 'flex';\n        element.style.alignItems = 'center';\n        element.style.marginTop = size === 'condensed' ? '1px' : '2px';\n        element.style.transform = open ? 'rotate(0deg)' : 'rotate(-90deg)';\n        element.style.cursor = 'pointer';\n        element.style.minWidth = '16px';\n        element.style.minHeight = '16px';\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

@@ -1,6 +1,6 @@
 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 lineNumberFor = (offset) => doc.lineAt(Math.max(0, Math.min(offset, doc.length))).number;
   const severityMessages = {
     error: BASE_CODE_EDITOR_MESSAGES.diagnosticsSeverityError,
     warning: BASE_CODE_EDITOR_MESSAGES.diagnosticsSeverityWarning,

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

@@ -1,7 +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;",
+  "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.max(0, 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,GAAG,KAAK,IAAI,QAAQ,IAAI,MAAM,CAAC,CAAC,EAAE;AAExD,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/dql-editor/DQLEditor.js

@@ -56,6 +56,7 @@ const DQLEditorFwd = /* @__PURE__ */ forwardRef(
       onValidationStart,
       onValidationEnd,
       onValidityChange,
+      showLintGutter = false,
       onFocus,
       onBlur,
       size = "default",
@@ -152,6 +153,7 @@ const DQLEditorFwd = /* @__PURE__ */ forwardRef(
         folding,
         onFoldingChange,
         configuration: editorConfig,
+        showLintGutter,
         onFocus,
         onBlur,
         size,

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

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

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

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

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-11-2", variantClassNames: { size: { "default": "_1okebta3-3-11-2", condensed: "_1okebta4-3-11-2" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var editorWithActionsMenu = { "default": "_1okebta5-3-11-2", condensed: "_1okebta6-3-11-2" };
-var editorWrapper = "_1okebta0-3-11-2";
-var editorWrapperFullHeight = "_1okebta1-3-11-2";
-var formatQueryShortcut = "_1okebta7-3-11-2";
+var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-12-0", variantClassNames: { size: { "default": "_1okebta3-3-12-0", condensed: "_1okebta4-3-12-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var editorWithActionsMenu = { "default": "_1okebta5-3-12-0", condensed: "_1okebta6-3-12-0" };
+var editorWrapper = "_1okebta0-3-12-0";
+var editorWrapperFullHeight = "_1okebta1-3-12-0";
+var formatQueryShortcut = "_1okebta7-3-12-0";
 export {
   actionsMenuWrapper,
   editorWithActionsMenu,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/actions-menu/ActionsMenu.css.ts"],
-  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport './ActionsMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionsMenuWrapper = _7a468({defaultClassName:'_1okebta2-3-11-2',variantClassNames:{size:{'default':'_1okebta3-3-11-2',condensed:'_1okebta4-3-11-2'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-11-2',condensed:'_1okebta6-3-11-2'};\nexport var editorWrapper = '_1okebta0-3-11-2';\nexport var editorWrapperFullHeight = '_1okebta1-3-11-2';\nexport var formatQueryShortcut = '_1okebta7-3-11-2';"],
+  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport './ActionsMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionsMenuWrapper = _7a468({defaultClassName:'_1okebta2-3-12-0',variantClassNames:{size:{'default':'_1okebta3-3-12-0',condensed:'_1okebta4-3-12-0'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-12-0',condensed:'_1okebta6-3-12-0'};\nexport var editorWrapper = '_1okebta0-3-12-0';\nexport var editorWrapperFullHeight = '_1okebta1-3-12-0';\nexport var formatQueryShortcut = '_1okebta7-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/M,IAAI,wBAAwB,EAAC,WAAU,oBAAmB,WAAU,mBAAkB;AACtF,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;AAC9B,IAAI,sBAAsB;",
   "names": []
 }

package/{editors/dql-editor/dql → esm/editors/dql-editor/autocomplete}/SuggestionsInfoSection.css

@@ -1,8 +1,8 @@
 .cm-tooltip.cm-tooltip-autocomplete {
   container-type: inline-size;
-  container-name: _cpuf060-3-11-2;
+  container-name: _1pyam7v0-3-12-0;
 }
-._cpuf061-3-11-2 {
+._1pyam7v1-3-12-0 {
   background: var(--dt-colors-background-surface-default, #fff);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
@@ -15,20 +15,20 @@
   align-items: center;
   gap: var(--dt-spacings-size-16, 16px);
 }
-._cpuf062-3-11-2 {
+._1pyam7v2-3-12-0 {
   align-items: center;
   gap: var(--dt-spacings-size-16, 16px);
 }
-._cpuf063-3-11-2 {
+._1pyam7v3-3-12-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-@container _cpuf060-3-11-2 (max-width: 289px) {
-  ._cpuf061-3-11-2 {
+@container _1pyam7v0-3-12-0 (max-width: 289px) {
+  ._1pyam7v1-3-12-0 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);
   }
-  ._cpuf062-3-11-2 {
+  ._1pyam7v2-3-12-0 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);

package/esm/editors/dql-editor/autocomplete/SuggestionsInfoSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/editors/dql-editor/autocomplete/SuggestionsInfoSection.tsx"],
+  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { dqlEditorMessages as messages } from './messages.js';\nimport * as styles from './SuggestionsInfoSection.sty.js';\nimport { DQL_DOCUMENTATION_URL } from '../../../core/external-links.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { textStyle } from '../../../styles/textStyle.sty.js';\nimport { ExternalLink } from '../../../typography/external-link/ExternalLink.js';\nimport { Text } from '../../../typography/text/Text.js';\n\n/**\n * Footer rendered below the DQL autocomplete dropdown.\n */\nexport const SuggestionsInfoSection = () => {\n  const intl = useIntl();\n\n  return (\n    <Flex\n      className={styles.container}\n      data-dt-name=\"SuggestionsInfoSection\"\n      flexWrap=\"wrap\"\n      justifyContent=\"space-between\"\n    >\n      <Flex className={styles.shortcutsGroup}>\n        <Flex alignItems=\"baseline\" gap={4}>\n          <Text textStyle=\"small-emphasized\">Esc</Text>\n          <Text className={styles.shortcutLabel} textStyle=\"small\">\n            {intl.formatMessage(messages.closePanel)}\n          </Text>\n        </Flex>\n        <Flex alignItems=\"baseline\" gap={4}>\n          <Text textStyle=\"small-emphasized\">Ctrl+Space</Text>\n          <Text className={styles.shortcutLabel} textStyle=\"small\">\n            {intl.formatMessage(messages.openPanel)}\n          </Text>\n        </Flex>\n      </Flex>\n\n      <ExternalLink\n        href={DQL_DOCUMENTATION_URL}\n        className={textStyle({ textStyle: 'small' })}\n        data-dt-name=\"DqlSyntax\"\n      >\n        {intl.formatMessage(messages.dqlSyntaxLink)}\n      </ExternalLink>\n    </Flex>\n  );\n};\n"],
+  "mappings": "AAwBQ,SACE,KADF;AAxBR,SAAS,eAAe;AAExB,SAAS,qBAAqB,gBAAgB;AAC9C,YAAY,YAAY;AACxB,SAAS,6BAA6B;AACtC,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AAKd,MAAM,yBAAyB,MAAM;AAC1C,QAAM,OAAO,QAAQ;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,gBAAa;AAAA,MACb,UAAS;AAAA,MACT,gBAAe;AAAA,MAEf;AAAA,6BAAC,QAAK,WAAW,OAAO,gBACtB;AAAA,+BAAC,QAAK,YAAW,YAAW,KAAK,GAC/B;AAAA,gCAAC,QAAK,WAAU,oBAAmB,iBAAG;AAAA,YACtC,oBAAC,QAAK,WAAW,OAAO,eAAe,WAAU,SAC9C,eAAK,cAAc,SAAS,UAAU,GACzC;AAAA,aACF;AAAA,UACA,qBAAC,QAAK,YAAW,YAAW,KAAK,GAC/B;AAAA,gCAAC,QAAK,WAAU,oBAAmB,wBAAU;AAAA,YAC7C,oBAAC,QAAK,WAAW,OAAO,eAAe,WAAU,SAC9C,eAAK,cAAc,SAAS,SAAS,GACxC;AAAA,aACF;AAAA,WACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAW,UAAU,EAAE,WAAW,QAAQ,CAAC;AAAA,YAC3C,gBAAa;AAAA,YAEZ,eAAK,cAAc,SAAS,aAAa;AAAA;AAAA,QAC5C;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/esm/editors/dql-editor/{dql → autocomplete}/SuggestionsInfoSection.sty.js

@@ -1,7 +1,7 @@
 import "./SuggestionsInfoSection.css";
-var container = "_cpuf061-3-11-2";
-var shortcutLabel = "_cpuf063-3-11-2";
-var shortcutsGroup = "_cpuf062-3-11-2";
+var container = "_1pyam7v1-3-12-0";
+var shortcutLabel = "_1pyam7v3-3-12-0";
+var shortcutsGroup = "_1pyam7v2-3-12-0";
 export {
   container,
   shortcutLabel,

package/esm/editors/dql-editor/autocomplete/SuggestionsInfoSection.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/editors/dql-editor/autocomplete/SuggestionsInfoSection.css.ts"],
+  "sourcesContent": ["import './SuggestionsInfoSection.css';\nexport var container = '_1pyam7v1-3-12-0';\nexport var shortcutLabel = '_1pyam7v3-3-12-0';\nexport var shortcutsGroup = '_1pyam7v2-3-12-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;",
+  "names": []
+}

package/esm/editors/dql-editor/{dql → autocomplete}/fuzzy-match.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/editors/dql-editor/dql/fuzzy-match.ts"],
+  "sources": ["../../../../../src/editors/dql-editor/autocomplete/fuzzy-match.ts"],
   "sourcesContent": ["import { ELLIPSIS_CHARACTER } from '../../../typography/utils.js';\n\nconst SCORE = {\n  startingWithSubstring: 3,\n  emptyPattern: 3,\n  substring: 2,\n  fuzzyMatch: 1,\n  noMatch: 0,\n} as const;\n\n// Safe-guard to avoid blocking the main thread and possible unresponsiveness with matching overly long suggestions.\n// This is only used to limit fuzzy matching, substring matching is always attempted first.\nconst MAX_FUZZY_SUGGESTION_LENGTH = 50_000;\n\n/**\n * Finds the position of the first occurrence of a substring in a string.\n * @param substring - the substring to find\n * @param str - the string to search in\n * @param strTrim - an optional offset to add to the resulting position, used to adjust for normalization trimming\n * @returns the start and end position of the substring in the string, or undefined if not found\n */\nfunction findPosOf(\n  substring: string,\n  str: string,\n  strTrim: number = 0,\n): [number, number] | undefined {\n  const startIndex = str.indexOf(substring);\n  if (startIndex >= 0) {\n    return [startIndex + strTrim, startIndex + substring.length + strTrim];\n  }\n  return undefined;\n}\n\n/**\n * Normalizes the string by trimming leading and trailing whitespace and lowercasing it.\n * @param str - the string to normalize\n * @returns the normalized string and the amount of trimmed leading whitespace\n */\nfunction normalizeString(str: string) {\n  let normalizedStr = str.trimStart();\n  const trimStart = str.length - normalizedStr.length;\n  normalizedStr = normalizedStr.trimEnd().toLowerCase();\n  return [normalizedStr, trimStart] as const;\n}\n\ninterface MatchResult {\n  match: boolean;\n  pos?: [number, number];\n  score: number;\n}\n\n/**\n * Finds a substring match for the given pattern in the given string.\n * @param pattern - the search pattern\n * @param str - the string to search in\n * @returns whether a match was found, the match score and the position of the match if found\n */\nfunction findSubstringMatch(pattern: string, str: string): MatchResult {\n  if (pattern.length === 0) {\n    // empty pattern should always match and score highest\n    return { match: true, pos: undefined, score: SCORE.emptyPattern };\n  }\n  const [normalizedPattern] = normalizeString(pattern);\n  const [normalizedStr, strTrim] = normalizeString(str);\n\n  const pos = findPosOf(normalizedPattern, normalizedStr, strTrim);\n  if (pos !== undefined) {\n    // score higher when position starts at the beginning of trimmed string\n    const score =\n      pos[0] === strTrim ? SCORE.startingWithSubstring : SCORE.substring;\n    return {\n      match: true,\n      pos,\n      score,\n    };\n  }\n  return { match: false, score: 0 };\n}\n\n/**\n * Backtracks from `rangeEnd` to find the tightest (rightmost) start position\n * for the pattern within the suggestion.\n *\n * @param suggestionText - the suggestion string (already normalized)\n * @param patternText - the pattern string (already normalized)\n * @param rangeEnd - the end index from the forward scan\n * @returns the tightest start index for the range\n */\nfunction findRangeStart(\n  suggestionText: string,\n  patternText: string,\n  rangeEnd: number,\n): number {\n  let backtrackSuggestionIndex = rangeEnd;\n  let backtrackPatternIndex = patternText.length - 1;\n\n  while (backtrackPatternIndex >= 0) {\n    // With each iteration, move one character left in the suggestion\n    // If there is a match, also move one character left in the pattern\n    if (\n      suggestionText[backtrackSuggestionIndex] ===\n      patternText[backtrackPatternIndex]\n    ) {\n      backtrackPatternIndex--;\n    }\n    backtrackSuggestionIndex--;\n  }\n\n  return backtrackSuggestionIndex + 1;\n}\n\n/**\n * Performs a linear fuzzy pattern match without a regex.\n * Finds the fuzzy match with the smallest span for a `normalizedPattern` inside `normalizedStr`.\n * All characters are allowed between pattern characters.\n *\n * Algorithm:\n *   1. Forward scan: advance through the string, consuming pattern characters greedily.\n *      When the last pattern character is matched we have a possible range end.\n *   2. Backtrack: Move backwards from the range end, consuming pattern characters in reverse.\n *      This shrinks the range start as far right as possible - the tightest span for\n *      that end position.\n *   3. Record the range if it beats the current best (smaller span).\n *   4. Continue the forward scan from just after the range start to find further ranges.\n *\n * @param normalizedPattern - The search pattern (already normalized: trimmed and lowercased)\n * @param normalizedStr - The string to search in (already normalized: trimmed and lowercased)\n * @returns The start and end position of the best range, or undefined if no range exists\n */\nfunction findFuzzyMatchRange(\n  patternText: string,\n  suggestionText: string,\n): [number, number] | undefined {\n  const patternLength = patternText.length;\n  const suggestionLength = suggestionText.length;\n\n  // A pattern longer than the suggestion can never match\n  if (patternLength > suggestionLength) {\n    return undefined;\n  }\n\n  // Skip fuzzy matching for overly long suggestions\n  if (suggestionLength > MAX_FUZZY_SUGGESTION_LENGTH) {\n    return undefined;\n  }\n\n  let bestRangeStart = -1;\n  let bestRangeEnd = -1;\n  let bestRangeLength = Number.POSITIVE_INFINITY;\n\n  let suggestionIndex = 0;\n  let patternIndex = 0;\n\n  // Forward scan to find possible match ranges\n  while (suggestionIndex < suggestionLength) {\n    const remainingSuggestionTextLength = suggestionLength - suggestionIndex;\n    const remainingPatternTextLength = patternLength - patternIndex;\n\n    // If the remaining suggestion is shorter than the remaining pattern, no additional match is possible\n    if (remainingSuggestionTextLength < remainingPatternTextLength) {\n      break;\n    }\n\n    // Try to match the current pattern character with the current suggestion character\n    // When there is no match, move to the next character in the suggestion\n    if (suggestionText[suggestionIndex] !== patternText[patternIndex]) {\n      suggestionIndex++;\n      continue;\n    }\n\n    // When there is a match, move to the next character in both the pattern and the suggestion\n    patternIndex++;\n    suggestionIndex++;\n\n    // If we have matched the entire pattern, we have a possible range end.\n    // The forward scan guarantees that all pattern chars exist within [0, suggestionIndex),\n    // now we need to find the tightest possible range for this end position by backtracking.\n    if (patternIndex === patternLength) {\n      const rangeEnd = suggestionIndex;\n      const rangeStart = findRangeStart(suggestionText, patternText, rangeEnd);\n      const rangeLength = rangeEnd - rangeStart;\n\n      // Check if this range is better than the one we have found so far\n      if (rangeLength < bestRangeLength) {\n        bestRangeStart = rangeStart;\n        bestRangeEnd = rangeEnd;\n        bestRangeLength = rangeLength;\n      }\n\n      // Continue searching from the next character after the current range start\n      suggestionIndex = rangeStart + 1;\n      patternIndex = 0;\n    }\n  }\n\n  if (bestRangeStart >= 0) {\n    return [bestRangeStart, bestRangeEnd];\n  }\n\n  return undefined;\n}\n\n/**\n * Finds a fuzzy match for the given pattern in the given string.\n * Normalizes the input and assigns scores for the match.\n * This function is only called when no substring match has been found.\n * @param pattern - the search pattern\n * @param str - the string to search in\n * @returns whether a match was found, the match score and the position of the match if found\n */\nfunction findFuzzyMatch(pattern: string, str: string): MatchResult {\n  if (pattern.length === 0) {\n    // empty pattern should always match and score highest\n    return { match: true, pos: undefined, score: SCORE.emptyPattern };\n  }\n\n  // Normalize both sides\n  const [normalizedPattern] = normalizeString(pattern);\n  const [normalizedStr, strTrim] = normalizeString(str);\n\n  const range = findFuzzyMatchRange(normalizedPattern, normalizedStr);\n  if (range !== undefined) {\n    // Re-add the leading whitespace offset that was removed by normalization.\n    return {\n      match: true,\n      pos: [range[0] + strTrim, range[1] + strTrim],\n      score: SCORE.fuzzyMatch,\n    };\n  }\n\n  return {\n    match: false,\n    score: SCORE.noMatch,\n  };\n}\n\n/**\n * Matches `pattern` against `str`, preferring a substring match over a fuzzy match.\n * Returns whether a match was found, its score, and the matched character range.\n * @param pattern - the search pattern\n * @param str - the string to search in\n * @returns whether a match was found, the match score and the position of the match if found\n * @internal\n */\nexport function fuzzyMatch(pattern: string, str: string): MatchResult {\n  const substringMatch = findSubstringMatch(pattern, str);\n  if (substringMatch.match) {\n    return substringMatch;\n  }\n\n  return findFuzzyMatch(pattern, str);\n}\n\nconst maxLabelLength = 53; // Maximum amount of characters in the autocomplete label\nconst middleEllipsisStartPos = 26; // Characters before the middle ellipsis\nconst middleEllipsisLength = 1; // Length of the middle ellipsis (\u2026)\n\n/**\n * Returns true if the label is longer than maxLength characters and should be truncated with a middle ellipsis.\n * @param label - the label to check\n * @param maxLength - the maximum length of the label before truncation\n * @returns true if the label should be truncated, false otherwise\n * @internal\n */\nexport function labelShouldBeTruncated(\n  label: string,\n  maxLength: number = maxLabelLength,\n): boolean {\n  return label.length > maxLength;\n}\n\n/**\n * Will add middle ellipsis (\u2026) if the label is longer than maxLength characters\n * @param label - the label to truncate\n * @param maxLength - the maximum length of the label before truncation\n * @returns the truncated label with middle ellipsis if needed\n * @internal\n */\nexport function convertToMiddleEllipsis(\n  label: string,\n  maxLength: number = maxLabelLength,\n): string {\n  const startPos =\n    maxLength === maxLabelLength\n      ? middleEllipsisStartPos\n      : Math.floor(maxLength / 2);\n  const endLength = maxLength - startPos - middleEllipsisLength;\n  return `${label.slice(0, startPos)}${ELLIPSIS_CHARACTER}${label.slice(\n    label.length - endLength,\n  )}`;\n}\n\n/**\n * Maps a character position in the full label to the equivalent position in the\n * middle-ellipsis-truncated label. Positions before the ellipsis are unchanged;\n * positions after the ellipsis are shifted; positions inside the hidden middle\n * section return `defaultValue`.\n * @param position - character position in the full (untruncated) label\n * @param label - the full, untruncated label string\n * @param startPos - number of characters kept before the ellipsis\n * @param endLength - number of characters kept after the ellipsis\n * @param defaultValue - fallback position when `position` falls in the hidden middle section\n */\nfunction convertPosToMiddleEllipsis(\n  position: number,\n  label: string,\n  startPos: number,\n  endLength: number,\n  defaultValue: number,\n): number {\n  if (position <= startPos) {\n    return position;\n  }\n\n  const endPos = label.length - endLength;\n\n  if (position > endPos) {\n    return startPos + middleEllipsisLength + (position - endPos);\n  }\n\n  return defaultValue;\n}\n\n/**\n * Returns the highlight position of `pattern` inside `fullLabel`, remapped to the\n * truncated label that is actually displayed in the autocomplete dropdown.\n *\n * @param pattern - the search pattern typed by the user\n * @param fullLabel - the full, untruncated suggestion string\n * @param maxLength - must match the value passed to `convertToMiddleEllipsis` when the\n *   label was rendered \u2014 using a different value produces highlight positions that no\n *   longer correspond to the visible text\n * @internal\n */\nexport function getFuzzyMatchFullLabelPosition(\n  pattern: string,\n  fullLabel: string | undefined,\n  maxLength: number = maxLabelLength,\n) {\n  if (fullLabel === undefined) {\n    return [];\n  }\n  const isTruncated = labelShouldBeTruncated(fullLabel, maxLength);\n\n  const pos = fuzzyMatch(pattern, fullLabel).pos;\n\n  if (pos === undefined) {\n    return undefined;\n  }\n\n  if (!isTruncated) {\n    return pos;\n  }\n\n  const startPos =\n    maxLength === maxLabelLength\n      ? middleEllipsisStartPos\n      : Math.floor(maxLength / 2);\n  const endLength = maxLength - startPos - middleEllipsisLength;\n\n  return [\n    convertPosToMiddleEllipsis(\n      pos[0],\n      fullLabel,\n      startPos,\n      endLength,\n      startPos,\n    ),\n    convertPosToMiddleEllipsis(\n      pos[1],\n      fullLabel,\n      startPos,\n      endLength,\n      startPos + middleEllipsisLength,\n    ),\n  ];\n}\n"],
   "mappings": "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",
   "names": []

package/esm/editors/dql-editor/{dql → autocomplete}/get-suggestions.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/editors/dql-editor/dql/get-suggestions.ts"],
+  "sources": ["../../../../../src/editors/dql-editor/autocomplete/get-suggestions.ts"],
   "sourcesContent": ["import {\n  AutocompleteResponse,\n  AutocompleteSuggestion,\n  queryAssistanceClient,\n} from '@dynatrace-sdk/client-query';\n\nexport type SuggestionCache = Map<\n  string,\n  { suggestions: AutocompleteSuggestion[]; ttl?: number }\n>;\n\n/**\n * Gets memoized suggestions. The `cache` is owned by the calling editor\n * instance so entries never outlive the editor or leak between editors.\n */\nexport const getSuggestions: (\n  query: string,\n  cursor: number | undefined,\n  maxDataSuggestions: number | undefined,\n  cache: SuggestionCache,\n) => Promise<AutocompleteSuggestion[]> = async (\n  query,\n  _cursor,\n  maxDataSuggestions,\n  cache,\n) => {\n  const cursor = _cursor ?? query.length;\n  const key = JSON.stringify({ query, cursor });\n  const currentTime = new Date().getTime();\n\n  const cacheHit = cache.get(key);\n  if (cacheHit && (cacheHit.ttl ? cacheHit.ttl > currentTime : true)) {\n    return cacheHit.suggestions;\n  } else {\n    cache.delete(key);\n\n    const { suggestions, suggestedTtlSeconds } =\n      await getSuggestionsFromQueryEndpoint(query, cursor, maxDataSuggestions);\n\n    cache.set(key, {\n      suggestions: suggestions ?? [],\n      ttl:\n        suggestedTtlSeconds !== undefined\n          ? new Date().getTime() + suggestedTtlSeconds * 1000\n          : undefined,\n    });\n\n    return suggestions;\n  }\n};\n\n/** Gets suggestions from autocomplete endpoint. */\nasync function getSuggestionsFromQueryEndpoint(\n  query: string,\n  cursor: number,\n  maxDataSuggestions: number = 1_000,\n): Promise<AutocompleteResponse> {\n  try {\n    return await queryAssistanceClient.queryAutocomplete({\n      body: { query, cursorPosition: cursor, maxDataSuggestions },\n    });\n  } catch {\n    //nothing\n  }\n  return { suggestions: [], suggestedTtlSeconds: undefined, optional: false };\n}\n"],
   "mappings": "AAAA;AAAA,EAGE;AAAA,OACK;AAWA,MAAM,iBAK4B,OACvC,OACA,SACA,oBACA,UACG;AACH,QAAM,SAAS,WAAW,MAAM;AAChC,QAAM,MAAM,KAAK,UAAU,EAAE,OAAO,OAAO,CAAC;AAC5C,QAAM,eAAc,oBAAI,KAAK,GAAE,QAAQ;AAEvC,QAAM,WAAW,MAAM,IAAI,GAAG;AAC9B,MAAI,aAAa,SAAS,MAAM,SAAS,MAAM,cAAc,OAAO;AAClE,WAAO,SAAS;AAAA,EAClB,OAAO;AACL,UAAM,OAAO,GAAG;AAEhB,UAAM,EAAE,aAAa,oBAAoB,IACvC,MAAM,gCAAgC,OAAO,QAAQ,kBAAkB;AAEzE,UAAM,IAAI,KAAK;AAAA,MACb,aAAa,eAAe,CAAC;AAAA,MAC7B,KACE,wBAAwB,UACpB,oBAAI,KAAK,GAAE,QAAQ,IAAI,sBAAsB,MAC7C;AAAA,IACR,CAAC;AAED,WAAO;AAAA,EACT;AACF;AAGA,eAAe,gCACb,OACA,QACA,qBAA6B,KACE;AAC/B,MAAI;AACF,WAAO,MAAM,sBAAsB,kBAAkB;AAAA,MACnD,MAAM,EAAE,OAAO,gBAAgB,QAAQ,mBAAmB;AAAA,IAC5D,CAAC;AAAA,EACH,QAAQ;AAAA,EAER;AACA,SAAO,EAAE,aAAa,CAAC,GAAG,qBAAqB,QAAW,UAAU,MAAM;AAC5E;",
   "names": []

package/esm/editors/dql-editor/{dql → autocomplete}/messages.js

@@ -14,6 +14,16 @@ const dqlEditorMessages = defineMessages({
     defaultMessage: "DQL syntax",
     id: "anCkyfyzovTz3qtv",
     description: "Link text in the DQL editor autocomplete info section, pointing to the external DQL syntax documentation."
+  },
+  suggestionDocumentationLink: {
+    defaultMessage: "Documentation",
+    id: "VimibV2KF+yA1+4y",
+    description: "Link text in the DQL editor autocomplete suggestion detail tooltip, pointing to the external documentation for the selected command, function, or timeseries aggregation."
+  },
+  suggestionSyntaxLabel: {
+    defaultMessage: "Syntax:",
+    id: "bIs/Bx2b6NyF7Hpe",
+    description: "Label preceding the DQL syntax code example in the DQL editor autocomplete suggestion detail tooltip."
   }
 });
 export {

package/esm/editors/dql-editor/{dql → autocomplete}/messages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/editors/dql-editor/dql/messages.ts"],
-  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const dqlEditorMessages = defineMessages({\n  openPanel: {\n    defaultMessage: 'Open',\n    id: 'QPVwTdDxajDwh62B',\n    description:\n      'Label next to the Ctrl+Space keyboard shortcut in the DQL editor autocomplete info section, describing the action the shortcut triggers.',\n  },\n  closePanel: {\n    defaultMessage: 'Close',\n    id: 'i7ML7nsvim1vfXlT',\n    description:\n      'Label next to the Esc keyboard shortcut in the DQL editor autocomplete info section, describing the action the shortcut triggers.',\n  },\n  dqlSyntaxLink: {\n    defaultMessage: 'DQL syntax',\n    id: 'anCkyfyzovTz3qtv',\n    description:\n      'Link text in the DQL editor autocomplete info section, pointing to the external DQL syntax documentation.',\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAExB,MAAM,oBAAoB,eAAe;AAAA,EAC9C,WAAW;AAAA,IACT,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,YAAY;AAAA,IACV,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,eAAe;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AACF,CAAC;",
+  "sources": ["../../../../../src/editors/dql-editor/autocomplete/messages.ts"],
+  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const dqlEditorMessages = defineMessages({\n  openPanel: {\n    defaultMessage: 'Open',\n    id: 'QPVwTdDxajDwh62B',\n    description:\n      'Label next to the Ctrl+Space keyboard shortcut in the DQL editor autocomplete info section, describing the action the shortcut triggers.',\n  },\n  closePanel: {\n    defaultMessage: 'Close',\n    id: 'i7ML7nsvim1vfXlT',\n    description:\n      'Label next to the Esc keyboard shortcut in the DQL editor autocomplete info section, describing the action the shortcut triggers.',\n  },\n  dqlSyntaxLink: {\n    defaultMessage: 'DQL syntax',\n    id: 'anCkyfyzovTz3qtv',\n    description:\n      'Link text in the DQL editor autocomplete info section, pointing to the external DQL syntax documentation.',\n  },\n  suggestionDocumentationLink: {\n    defaultMessage: 'Documentation',\n    id: 'VimibV2KF+yA1+4y',\n    description:\n      'Link text in the DQL editor autocomplete suggestion detail tooltip, pointing to the external documentation for the selected command, function, or timeseries aggregation.',\n  },\n  suggestionSyntaxLabel: {\n    defaultMessage: 'Syntax:',\n    id: 'bIs/Bx2b6NyF7Hpe',\n    description:\n      'Label preceding the DQL syntax code example in the DQL editor autocomplete suggestion detail tooltip.',\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAExB,MAAM,oBAAoB,eAAe;AAAA,EAC9C,WAAW;AAAA,IACT,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,YAAY;AAAA,IACV,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,eAAe;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,6BAA6B;AAAA,IAC3B,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,uBAAuB;AAAA,IACrB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AACF,CAAC;",
   "names": []
 }

package/esm/editors/dql-editor/{dql → autocomplete}/open-autocomplete.js

@@ -1,5 +1,5 @@
 import { CompletionContext } from "@codemirror/autocomplete";
-import { verifyQuery } from "./dql-linter.js";
+import { verifyQuery } from "../dql/dql-linter.js";
 const SUBQUERY_PREFIX_LOOKBACK_CHARS = 100;
 function isStartOfCommandOrParameter(context) {
   return context.matchBefore(/[,|]\s+$/) !== null;