@dynatrace/strato-components 3.8.0 → 3.9.0

package/esm/editors/base-code-editor/utils/run-foldings.js

@@ -1,27 +1,49 @@
-import { foldCode } from "@codemirror/language";
+import { foldCode, foldedRanges, unfoldCode } from "@codemirror/language";
 import { EditorSelection } from "@codemirror/state";
-import { isDev } from "../../../core/utils/is-node-environment.js";
-function runFoldings(foldings, editorView) {
+import { devLog } from "../../../core/utils/logging.js";
+function runFoldings(foldings, editorView, prevFoldings = []) {
   const selection = editorView.state.selection;
-  for (const foldPosition of foldings) {
-    if (editorView.state.doc.length <= foldPosition) {
-      if (isDev()) {
-        console.warn(
-          `Editor folding position [${foldPosition}] exceeds text length [${editorView.state.doc.length}]. Folding will be ignored.`
+  for (const pos of prevFoldings) {
+    if (!foldings.includes(pos)) {
+      if (editorView.state.doc.length <= pos) {
+        devLog(
+          `Editor unfolding position [${pos}] exceeds text length [${editorView.state.doc.length}]. Unfolding will be ignored.`
         );
+        continue;
       }
-      continue;
+      editorView.dispatch(
+        editorView.state.update({ selection: EditorSelection.cursor(pos) })
+      );
+      unfoldCode(editorView);
     }
-    const transaction = editorView.state.update({
-      selection: EditorSelection.cursor(foldPosition)
-    });
-    if (transaction) {
-      editorView.dispatch(transaction);
+  }
+  for (const foldPosition of foldings) {
+    if (editorView.state.doc.length <= foldPosition) {
+      devLog(
+        `Editor folding position [${foldPosition}] exceeds text length [${editorView.state.doc.length}]. Folding will be ignored.`
+      );
+      continue;
     }
+    editorView.dispatch(
+      editorView.state.update({
+        selection: EditorSelection.cursor(foldPosition)
+      })
+    );
     foldCode(editorView);
   }
-  const resetCursorTransaction = editorView.state.update({ selection });
-  editorView.dispatch(resetCursorTransaction);
+  const folded = foldedRanges(editorView.state);
+  let targetPos = selection.main.head;
+  const iter = folded.iter();
+  while (iter.value !== null) {
+    if (iter.from < targetPos && targetPos <= iter.to) {
+      targetPos = iter.from;
+      break;
+    }
+    iter.next();
+  }
+  editorView.dispatch(
+    editorView.state.update({ selection: EditorSelection.cursor(targetPos) })
+  );
 }
 export {
   runFoldings

package/esm/editors/base-code-editor/utils/run-foldings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/base-code-editor/utils/run-foldings.ts"],
-  "sourcesContent": ["import { foldCode } from '@codemirror/language';\nimport { EditorSelection } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\n\nimport { isDev } from '../../../core/utils/is-node-environment.js';\n\n/**\n * Moves the cursor to each folding section, and call foldCode on the view.\n * @param foldings - array of folding positions\n * @param editorView - Editor view\n */\nexport function runFoldings(foldings: number[], editorView: EditorView): void {\n  const selection = editorView.state.selection;\n\n  for (const foldPosition of foldings) {\n    if (editorView.state.doc.length <= foldPosition) {\n      if (isDev()) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `Editor folding position [${foldPosition}] exceeds text length [${editorView.state.doc.length}]. Folding will be ignored.`,\n        );\n      }\n      continue;\n    }\n    const transaction = editorView.state.update({\n      selection: EditorSelection.cursor(foldPosition),\n    });\n    if (transaction) {\n      editorView.dispatch(transaction);\n    }\n    foldCode(editorView);\n  }\n\n  const resetCursorTransaction = editorView.state.update({ selection });\n  editorView.dispatch(resetCursorTransaction);\n}\n"],
-  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAGhC,SAAS,aAAa;AAOf,SAAS,YAAY,UAAoB,YAA8B;AAC5E,QAAM,YAAY,WAAW,MAAM;AAEnC,aAAW,gBAAgB,UAAU;AACnC,QAAI,WAAW,MAAM,IAAI,UAAU,cAAc;AAC/C,UAAI,MAAM,GAAG;AAEX,gBAAQ;AAAA,UACN,4BAA4B,YAAY,0BAA0B,WAAW,MAAM,IAAI,MAAM;AAAA,QAC/F;AAAA,MACF;AACA;AAAA,IACF;AACA,UAAM,cAAc,WAAW,MAAM,OAAO;AAAA,MAC1C,WAAW,gBAAgB,OAAO,YAAY;AAAA,IAChD,CAAC;AACD,QAAI,aAAa;AACf,iBAAW,SAAS,WAAW;AAAA,IACjC;AACA,aAAS,UAAU;AAAA,EACrB;AAEA,QAAM,yBAAyB,WAAW,MAAM,OAAO,EAAE,UAAU,CAAC;AACpE,aAAW,SAAS,sBAAsB;AAC5C;",
+  "sourcesContent": ["import { foldCode, foldedRanges, unfoldCode } from '@codemirror/language';\nimport { EditorSelection } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\n\nimport { devLog } from '../../../core/utils/logging.js';\n\n/**\n * Sets the editor fold state to exactly the given positions.\n * Positions present in `prevFoldings` but absent from `foldings` are unfolded;\n * positions in `foldings` are folded (foldCode is idempotent for already-folded ranges).\n * @param foldings - target set of folding positions\n * @param editorView - Editor view\n * @param prevFoldings - previously active positions, used to compute which to unfold\n */\nexport function runFoldings(\n  foldings: number[],\n  editorView: EditorView,\n  prevFoldings: number[] = [],\n): void {\n  const selection = editorView.state.selection;\n\n  for (const pos of prevFoldings) {\n    // Guard bounds only when we would unfold, not when pos is still in the active set.\n    if (!foldings.includes(pos)) {\n      if (editorView.state.doc.length <= pos) {\n        devLog(\n          `Editor unfolding position [${pos}] exceeds text length [${editorView.state.doc.length}]. Unfolding will be ignored.`,\n        );\n        continue;\n      }\n      // CodeMirror requires the cursor to be at the target position before unfold.\n      editorView.dispatch(\n        editorView.state.update({ selection: EditorSelection.cursor(pos) }),\n      );\n      unfoldCode(editorView);\n    }\n  }\n\n  for (const foldPosition of foldings) {\n    if (editorView.state.doc.length <= foldPosition) {\n      devLog(\n        `Editor folding position [${foldPosition}] exceeds text length [${editorView.state.doc.length}]. Folding will be ignored.`,\n      );\n      continue;\n    }\n    // CodeMirror requires the cursor to be at the target position before fold.\n    editorView.dispatch(\n      editorView.state.update({\n        selection: EditorSelection.cursor(foldPosition),\n      }),\n    );\n    foldCode(editorView);\n  }\n\n  // Snap cursor to the fold boundary if the saved position is now inside a folded range,\n  // otherwise restoring it would cause CodeMirror to unfold the range to keep the cursor visible.\n  const folded = foldedRanges(editorView.state);\n  let targetPos = selection.main.head;\n  const iter = folded.iter();\n  while (iter.value !== null) {\n    if (iter.from < targetPos && targetPos <= iter.to) {\n      targetPos = iter.from;\n      break;\n    }\n    iter.next();\n  }\n  editorView.dispatch(\n    editorView.state.update({ selection: EditorSelection.cursor(targetPos) }),\n  );\n}\n"],
+  "mappings": "AAAA,SAAS,UAAU,cAAc,kBAAkB;AACnD,SAAS,uBAAuB;AAGhC,SAAS,cAAc;AAUhB,SAAS,YACd,UACA,YACA,eAAyB,CAAC,GACpB;AACN,QAAM,YAAY,WAAW,MAAM;AAEnC,aAAW,OAAO,cAAc;AAE9B,QAAI,CAAC,SAAS,SAAS,GAAG,GAAG;AAC3B,UAAI,WAAW,MAAM,IAAI,UAAU,KAAK;AACtC;AAAA,UACE,8BAA8B,GAAG,0BAA0B,WAAW,MAAM,IAAI,MAAM;AAAA,QACxF;AACA;AAAA,MACF;AAEA,iBAAW;AAAA,QACT,WAAW,MAAM,OAAO,EAAE,WAAW,gBAAgB,OAAO,GAAG,EAAE,CAAC;AAAA,MACpE;AACA,iBAAW,UAAU;AAAA,IACvB;AAAA,EACF;AAEA,aAAW,gBAAgB,UAAU;AACnC,QAAI,WAAW,MAAM,IAAI,UAAU,cAAc;AAC/C;AAAA,QACE,4BAA4B,YAAY,0BAA0B,WAAW,MAAM,IAAI,MAAM;AAAA,MAC/F;AACA;AAAA,IACF;AAEA,eAAW;AAAA,MACT,WAAW,MAAM,OAAO;AAAA,QACtB,WAAW,gBAAgB,OAAO,YAAY;AAAA,MAChD,CAAC;AAAA,IACH;AACA,aAAS,UAAU;AAAA,EACrB;AAIA,QAAM,SAAS,aAAa,WAAW,KAAK;AAC5C,MAAI,YAAY,UAAU,KAAK;AAC/B,QAAM,OAAO,OAAO,KAAK;AACzB,SAAO,KAAK,UAAU,MAAM;AAC1B,QAAI,KAAK,OAAO,aAAa,aAAa,KAAK,IAAI;AACjD,kBAAY,KAAK;AACjB;AAAA,IACF;AACA,SAAK,KAAK;AAAA,EACZ;AACA,aAAW;AAAA,IACT,WAAW,MAAM,OAAO,EAAE,WAAW,gBAAgB,OAAO,SAAS,EAAE,CAAC;AAAA,EAC1E;AACF;",
   "names": []
 }

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

@@ -17,6 +17,7 @@ const CodeEditorInner = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
   const intl = useIntl();
   const {
     id,
+    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
     controlState,
     defaultFolding,
     folding,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/code-editor/CodeEditor.tsx"],
-  "sourcesContent": ["import { Language } from '@codemirror/language';\nimport { Extension } from '@codemirror/state';\nimport { forwardRef, useMemo } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport { PLACEHOLDER_MESSAGES } from './codeEditorMessages.js';\nimport { codeEditorLanguages } from './languages/languages.js';\nimport { ErrorFallback as EditorErrorFallback } from '../../core/components/error-fallback/ErrorFallback.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { AutocompleteProvider } from '../base-code-editor/auto-completion/autocompletion.extension.js';\nimport type { ListAutocompletionConfig } from '../base-code-editor/auto-completion/list/list-autocompletion-types.js';\nimport {\n  BaseCodeEditor,\n  type SharedBaseCodeEditorProps,\n} from '../base-code-editor/BaseCodeEditor.js';\nimport type { EditorLanguageConfiguration } from '../base-code-editor/configuration/configuration.js';\nimport type { GutterConfiguration } from '../base-code-editor/configuration/getDefaultConfigurations.js';\n\nconst COMPONENT_NAME = 'CodeEditor';\n\n/**\n * Props for the `CodeEditor` component.\n * @public\n */\nexport interface CodeEditorBaseProps extends SharedBaseCodeEditorProps {\n  /**\n   * The language for syntax highlighting and autocompletion.\n   * @defaultValue 'other'\n   */\n  language?: 'json' | 'js' | 'jsx' | 'ts' | 'tsx' | 'md' | 'yaml' | 'other';\n  /**\n   * Provides the gutter configuration to display a marker next to the fold gutter.\n   */\n  gutterConfiguration?: GutterConfiguration;\n}\n\n/**\n * Props for the `CodeEditor` in controlled usage.\n * @public\n */\nexport type CodeEditorControlledProps = {\n  /**\n   * The value of the editor in controlled mode.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Not allowed in controlled mode. */\n  defaultValue?: never;\n};\n\n/**\n * Props for the `CodeEditor` in uncontrolled usage.\n * @public\n */\nexport type CodeEditorUncontrolledProps = {\n  /** Not allowed in uncontrolled mode. */\n  value?: never;\n  /**\n   * The default value of the editor for uncontrolled usage.\n   */\n  defaultValue?: string;\n  /**\n   * `isControlled` has no effect without `value`.\n   * @deprecated [APPDEV-17404] BREAKING-CHANGE: Will be removed when controlled behaviour becomes the default.\n   */\n  isControlled?: never;\n};\n\n/**\n * Props for the `CodeEditor` component.\n * @public\n */\nexport type CodeEditorProps = CodeEditorBaseProps &\n  (CodeEditorControlledProps | CodeEditorUncontrolledProps);\n\n/**\n * Ref handle exposed by the `CodeEditor` component.\n * @public\n */\nexport type CodeEditorRef = {\n  /**\n   * Moves focus to the editor.\n   */\n  focus: () => void;\n  /**\n   * Selects the text within the given character-offset range.\n   */\n  selectRange: (range: { from: number; to: number }) => void;\n  /**\n   * The underlying editor container DOM element.\n   */\n  readonly element: HTMLDivElement | null;\n  /**\n   * Moves the cursor to the given character offset, or to the end of the document when `'end'` is passed.\n   */\n  setCursorPosition: (position: number | 'end') => void;\n};\n\nconst CodeEditorInner = /* @__PURE__ */ forwardRef<\n  CodeEditorRef,\n  CodeEditorProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const {\n    id,\n    controlState,\n    defaultFolding,\n    folding,\n    onFoldingChange,\n    spellCheck = false,\n    language = 'other',\n    placeholder = intl.formatMessage(PLACEHOLDER_MESSAGES[language]),\n    readOnly = false,\n    lineWrap = false,\n    fullHeight = false,\n    value,\n    defaultValue,\n    onChange,\n    onBlur,\n    onFocus,\n    gutterConfiguration,\n    size = 'default',\n    required = false,\n    // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    isControlled = false,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const config = useMemo((): EditorLanguageConfiguration => {\n    return getLanguageConfig(codeEditorLanguages[language], readOnly);\n  }, [language, readOnly]);\n\n  const valueProps = (\n    value !== undefined ? { value } : { defaultValue }\n  ) satisfies Partial<{ value: string; defaultValue: string }>;\n\n  return (\n    <BaseCodeEditor\n      id={id}\n      ref={forwardedRef}\n      placeholder={placeholder}\n      controlState={controlState}\n      readOnly={readOnly}\n      folding={folding}\n      defaultFolding={defaultFolding}\n      onFoldingChange={onFoldingChange}\n      lineWrap={lineWrap}\n      {...valueProps}\n      onChange={onChange}\n      spellCheck={spellCheck}\n      fullHeight={fullHeight}\n      configuration={config}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      gutterConfiguration={gutterConfiguration}\n      size={size}\n      required={required}\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      isControlled={isControlled}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    />\n  );\n});\n\n/**\n * The `CodeEditor` provides a text input field that is specifically designed for editing code.\n * It further offers properties to configure e.g. syntax highlighting, spell checks or line wrapping.\n * Once the editor is focused via the keyboard, the user must press \"Enter\" to start editing and \"Escape\" to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const CodeEditor = /* @__PURE__ */ forwardRef<\n  CodeEditorRef,\n  CodeEditorProps\n>((props, ref) => {\n  const stratoLogger = useMemo(\n    () => createStratoLogger.bind({ id: props.id })(COMPONENT_NAME),\n    [props.id],\n  );\n\n  return (\n    <ErrorBoundary\n      onError={(error) => stratoLogger.error(error?.message, error)}\n      FallbackComponent={(fallbackProps) => (\n        <EditorErrorFallback {...fallbackProps} />\n      )}\n    >\n      <CodeEditorInner {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n});\n\n/**\n * If readOnly is true then there is no autocompletion.\n * @param languageConfig - standard language config\n * @param readOnly - whether the editor is readOnly\n * @returns new config with appropriate values\n * @internal\n */\nexport function getLanguageConfig(\n  languageConfig: EditorLanguageConfiguration,\n  readOnly: boolean,\n): {\n  language: Language | undefined;\n  autocompleteOptions:\n    | {\n        activateOnTyping: boolean;\n        providers: (AutocompleteProvider | ListAutocompletionConfig)[];\n      }\n    | undefined;\n  extendWith: readonly Extension[] | undefined;\n} {\n  return {\n    language: languageConfig.language,\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: true,\n          providers: languageConfig.autocompleteOptions?.providers ?? [],\n        },\n    extendWith: languageConfig.extendWith,\n  };\n}\n\n(\n  CodeEditorInner as typeof CodeEditorInner & { displayName: string }\n).displayName = COMPONENT_NAME;\n(CodeEditor as typeof CodeEditor & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
-  "mappings": "AAyJI;AAvJJ,SAAS,YAAY,eAAe;AACpC,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAExB,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,iBAAiB,2BAA2B;AACrD,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAGnC;AAAA,EACE;AAAA,OAEK;AAIP,MAAM,iBAAiB;AAgFvB,MAAM,kBAAkC,2BAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM,OAAO,QAAQ;AAErB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX,cAAc,KAAK,cAAc,qBAAqB,QAAQ,CAAC;AAAA,IAC/D,WAAW;AAAA,IACX,WAAW;AAAA,IACX,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA;AAAA;AAAA,IAGX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,QAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,QAAM,SAAS,QAAQ,MAAmC;AACxD,WAAO,kBAAkB,oBAAoB,QAAQ,GAAG,QAAQ;AAAA,EAClE,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,aACJ,UAAU,SAAY,EAAE,MAAM,IAAI,EAAE,aAAa;AAGnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAGA;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA;AAAA,EACrB;AAEJ,CAAC;AAQM,MAAM,aAA6B,2BAGxC,CAAC,OAAO,QAAQ;AAChB,QAAM,eAAe;AAAA,IACnB,MAAM,mBAAmB,KAAK,EAAE,IAAI,MAAM,GAAG,CAAC,EAAE,cAAc;AAAA,IAC9D,CAAC,MAAM,EAAE;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,UAAU,aAAa,MAAM,OAAO,SAAS,KAAK;AAAA,MAC5D,mBAAmB,CAAC,kBAClB,oBAAC,uBAAqB,GAAG,eAAe;AAAA,MAG1C,8BAAC,mBAAiB,GAAG,OAAO,KAAU;AAAA;AAAA,EACxC;AAEJ,CAAC;AASM,SAAS,kBACd,gBACA,UAUA;AACA,SAAO;AAAA,IACL,UAAU,eAAe;AAAA,IACzB,qBAAqB,WACjB,SACA;AAAA,MACE,kBAAkB;AAAA,MAClB,WAAW,eAAe,qBAAqB,aAAa,CAAC;AAAA,IAC/D;AAAA,IACJ,YAAY,eAAe;AAAA,EAC7B;AACF;AAGE,gBACA,cAAc;AACf,WAA2D,cAC1D;",
+  "sourcesContent": ["import { Language } from '@codemirror/language';\nimport { Extension } from '@codemirror/state';\nimport { forwardRef, useMemo } from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport { PLACEHOLDER_MESSAGES } from './codeEditorMessages.js';\nimport { codeEditorLanguages } from './languages/languages.js';\nimport { ErrorFallback as EditorErrorFallback } from '../../core/components/error-fallback/ErrorFallback.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { AutocompleteProvider } from '../base-code-editor/auto-completion/autocompletion.extension.js';\nimport type { ListAutocompletionConfig } from '../base-code-editor/auto-completion/list/list-autocompletion-types.js';\nimport {\n  BaseCodeEditor,\n  type SharedBaseCodeEditorProps,\n} from '../base-code-editor/BaseCodeEditor.js';\nimport type { EditorLanguageConfiguration } from '../base-code-editor/configuration/configuration.js';\nimport type { GutterConfiguration } from '../base-code-editor/configuration/getDefaultConfigurations.js';\n\nconst COMPONENT_NAME = 'CodeEditor';\n\n/**\n * Props for the `CodeEditor` component.\n * @public\n */\nexport interface CodeEditorBaseProps extends SharedBaseCodeEditorProps {\n  /**\n   * The language for syntax highlighting and autocompletion.\n   * @defaultValue 'other'\n   */\n  language?: 'json' | 'js' | 'jsx' | 'ts' | 'tsx' | 'md' | 'yaml' | 'other';\n  /**\n   * Provides the gutter configuration to display a marker next to the fold gutter.\n   */\n  gutterConfiguration?: GutterConfiguration;\n}\n\n/**\n * Props for the `CodeEditor` in controlled usage.\n * @public\n */\nexport type CodeEditorControlledProps = {\n  /**\n   * The value of the editor in controlled mode.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Not allowed in controlled mode. */\n  defaultValue?: never;\n};\n\n/**\n * Props for the `CodeEditor` in uncontrolled usage.\n * @public\n */\nexport type CodeEditorUncontrolledProps = {\n  /** Not allowed in uncontrolled mode. */\n  value?: never;\n  /**\n   * The default value of the editor for uncontrolled usage.\n   */\n  defaultValue?: string;\n  /**\n   * `isControlled` has no effect without `value`.\n   * @deprecated [APPDEV-17404] BREAKING-CHANGE: Will be removed when controlled behaviour becomes the default.\n   */\n  isControlled?: never;\n};\n\n/**\n * Props for the `CodeEditor` component.\n * @public\n */\nexport type CodeEditorProps = CodeEditorBaseProps &\n  (CodeEditorControlledProps | CodeEditorUncontrolledProps);\n\n/**\n * Ref handle exposed by the `CodeEditor` component.\n * @public\n */\nexport type CodeEditorRef = {\n  /**\n   * Moves focus to the editor.\n   */\n  focus: () => void;\n  /**\n   * Selects the text within the given character-offset range.\n   */\n  selectRange: (range: { from: number; to: number }) => void;\n  /**\n   * The underlying editor container DOM element.\n   */\n  readonly element: HTMLDivElement | null;\n  /**\n   * Moves the cursor to the given character offset, or to the end of the document when `'end'` is passed.\n   */\n  setCursorPosition: (position: number | 'end') => void;\n};\n\nconst CodeEditorInner = /* @__PURE__ */ forwardRef<\n  CodeEditorRef,\n  CodeEditorProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const {\n    id,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n    controlState,\n    defaultFolding,\n    folding,\n    onFoldingChange,\n    spellCheck = false,\n    language = 'other',\n    placeholder = intl.formatMessage(PLACEHOLDER_MESSAGES[language]),\n    readOnly = false,\n    lineWrap = false,\n    fullHeight = false,\n    value,\n    defaultValue,\n    onChange,\n    onBlur,\n    onFocus,\n    gutterConfiguration,\n    size = 'default',\n    required = false,\n    // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    isControlled = false,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const config = useMemo((): EditorLanguageConfiguration => {\n    return getLanguageConfig(codeEditorLanguages[language], readOnly);\n  }, [language, readOnly]);\n\n  const valueProps = (\n    value !== undefined ? { value } : { defaultValue }\n  ) satisfies Partial<{ value: string; defaultValue: string }>;\n\n  return (\n    <BaseCodeEditor\n      id={id}\n      ref={forwardedRef}\n      placeholder={placeholder}\n      // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n      controlState={controlState}\n      readOnly={readOnly}\n      folding={folding}\n      defaultFolding={defaultFolding}\n      onFoldingChange={onFoldingChange}\n      lineWrap={lineWrap}\n      {...valueProps}\n      onChange={onChange}\n      spellCheck={spellCheck}\n      fullHeight={fullHeight}\n      configuration={config}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      gutterConfiguration={gutterConfiguration}\n      size={size}\n      required={required}\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      isControlled={isControlled}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    />\n  );\n});\n\n/**\n * The `CodeEditor` provides a text input field that is specifically designed for editing code.\n * It further offers properties to configure e.g. syntax highlighting, spell checks or line wrapping.\n * Once the editor is focused via the keyboard, the user must press \"Enter\" to start editing and \"Escape\" to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const CodeEditor = /* @__PURE__ */ forwardRef<\n  CodeEditorRef,\n  CodeEditorProps\n>((props, ref) => {\n  const stratoLogger = useMemo(\n    () => createStratoLogger.bind({ id: props.id })(COMPONENT_NAME),\n    [props.id],\n  );\n\n  return (\n    <ErrorBoundary\n      onError={(error) => stratoLogger.error(error?.message, error)}\n      FallbackComponent={(fallbackProps) => (\n        <EditorErrorFallback {...fallbackProps} />\n      )}\n    >\n      <CodeEditorInner {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n});\n\n/**\n * If readOnly is true then there is no autocompletion.\n * @param languageConfig - standard language config\n * @param readOnly - whether the editor is readOnly\n * @returns new config with appropriate values\n * @internal\n */\nexport function getLanguageConfig(\n  languageConfig: EditorLanguageConfiguration,\n  readOnly: boolean,\n): {\n  language: Language | undefined;\n  autocompleteOptions:\n    | {\n        activateOnTyping: boolean;\n        providers: (AutocompleteProvider | ListAutocompletionConfig)[];\n      }\n    | undefined;\n  extendWith: readonly Extension[] | undefined;\n} {\n  return {\n    language: languageConfig.language,\n    autocompleteOptions: readOnly\n      ? undefined\n      : {\n          activateOnTyping: true,\n          providers: languageConfig.autocompleteOptions?.providers ?? [],\n        },\n    extendWith: languageConfig.extendWith,\n  };\n}\n\n(\n  CodeEditorInner as typeof CodeEditorInner & { displayName: string }\n).displayName = COMPONENT_NAME;\n(CodeEditor as typeof CodeEditor & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
+  "mappings": "AA0JI;AAxJJ,SAAS,YAAY,eAAe;AACpC,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAExB,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,iBAAiB,2BAA2B;AACrD,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAGnC;AAAA,EACE;AAAA,OAEK;AAIP,MAAM,iBAAiB;AAgFvB,MAAM,kBAAkC,2BAGtC,CAAC,OAAO,iBAAiB;AACzB,QAAM,OAAO,QAAQ;AAErB,QAAM;AAAA,IACJ;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,IACX,cAAc,KAAK,cAAc,qBAAqB,QAAQ,CAAC;AAAA,IAC/D,WAAW;AAAA,IACX,WAAW;AAAA,IACX,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,WAAW;AAAA;AAAA;AAAA,IAGX,eAAe;AAAA,IACf,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,QAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,QAAM,SAAS,QAAQ,MAAmC;AACxD,WAAO,kBAAkB,oBAAoB,QAAQ,GAAG,QAAQ;AAAA,EAClE,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,QAAM,aACJ,UAAU,SAAY,EAAE,MAAM,IAAI,EAAE,aAAa;AAGnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAGA;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA;AAAA,EACrB;AAEJ,CAAC;AAQM,MAAM,aAA6B,2BAGxC,CAAC,OAAO,QAAQ;AAChB,QAAM,eAAe;AAAA,IACnB,MAAM,mBAAmB,KAAK,EAAE,IAAI,MAAM,GAAG,CAAC,EAAE,cAAc;AAAA,IAC9D,CAAC,MAAM,EAAE;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,UAAU,aAAa,MAAM,OAAO,SAAS,KAAK;AAAA,MAC5D,mBAAmB,CAAC,kBAClB,oBAAC,uBAAqB,GAAG,eAAe;AAAA,MAG1C,8BAAC,mBAAiB,GAAG,OAAO,KAAU;AAAA;AAAA,EACxC;AAEJ,CAAC;AASM,SAAS,kBACd,gBACA,UAUA;AACA,SAAO;AAAA,IACL,UAAU,eAAe;AAAA,IACzB,qBAAqB,WACjB,SACA;AAAA,MACE,kBAAkB;AAAA,MAClB,WAAW,eAAe,qBAAqB,aAAa,CAAC;AAAA,IAC/D;AAAA,IACJ,YAAY,eAAe;AAAA,EAC7B;AACF;AAGE,gBACA,cAAc;AACf,WAA2D,cAC1D;",
   "names": []
 }

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

@@ -42,6 +42,7 @@ const DQLEditorFwd = /* @__PURE__ */ forwardRef(
       id,
       defaultValue,
       value,
+      // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
       controlState,
       onChange,
       folding,
@@ -103,22 +104,20 @@ const DQLEditorFwd = /* @__PURE__ */ forwardRef(
         setFormatDqlFn(void 0);
       });
     }, []);
-    const [editorConfig, setEditorConfig] = useState();
     const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(
       onValidationStart,
       onValidationEnd
     );
     const setValidityInfo = useValidityInfo(onValidityChange);
-    useEffect(() => {
-      setEditorConfig(
-        getDqlConfig(
-          readOnly,
-          fireValidationStart,
-          fireValidationEnd,
-          setValidityInfo
-        )
-      );
-    }, [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd]);
+    const editorConfig = useMemo(
+      () => getDqlConfig(
+        readOnly,
+        fireValidationStart,
+        fireValidationEnd,
+        setValidityInfo
+      ),
+      [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd]
+    );
     let hasActionsMenu = false;
     let actionsMenuChildren;
     Children.forEach(children, (child) => {

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';\nimport type { EditorLanguageConfiguration } from '../base-code-editor/configuration/configuration.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      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 [editorConfig, setEditorConfig] =\n      useState<EditorLanguageConfiguration>();\n\n    const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(\n      onValidationStart,\n      onValidationEnd,\n    );\n    const setValidityInfo = useValidityInfo(onValidityChange);\n\n    useEffect(() => {\n      setEditorConfig(\n        getDqlConfig(\n          readOnly,\n          fireValidationStart,\n          fireValidationEnd,\n          setValidityInfo,\n        ),\n      );\n    }, [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd]);\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        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": "AAyQM,cAqCE,YArCF;AAzQN,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAExB,YAAY,uBAAuB;AACnC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,iBAAiB,2BAA2B;AACrD,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAEnC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,OAGK;AAGP,MAAM,iBAAiB;AAyFvB,MAAM,eAA+B;AAAA,EACnC,CAAC,OAAO,iBAAiB;AACvB,UAAM,OAAO,QAAQ;AAErB,UAAM,qBAAqB,KAAK,cAAc;AAAA,MAC5C,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,aAAa;AAAA,IACf,CAAC;AAED,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd,WAAW;AAAA,MACX,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA;AAAA;AAAA,MAGA,eAAe;AAAA,MACf;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,UAAM,oBAAoB,qBAAqB,SAAS;AACxD,UAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,UAAM,oBAAoB,OAA0B,IAAI;AACxD,UAAM,kBAAkB,aAAgC;AAAA,MACtD;AAAA,MACA;AAAA,IACF,CAAC;AAID,UAAM,mBAAmB,OAAO,SAAS,gBAAgB,EAAE;AAC3D,cAAU,MAAM;AACd,UAAI,UAAU,QAAW;AACvB,yBAAiB,UAAU;AAAA,MAC7B;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,eAAe;AAAA,MACnB,CAAC,aAAqB;AACpB,yBAAiB,UAAU;AAC3B,mBAAW,QAAQ;AAAA,MACrB;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,UAAM,mBAAmB,YAAY,MAAM,iBAAiB,SAAS,CAAC,CAAC;AAEvE,UAAM,CAAC,aAAa,cAAc,IAAI,SAEpC,MAAS;AAEX,cAAU,MAAM;AAKd;AAAA;AAAA,QAAiC;AAAA,MAAuB,EACrD,KAAK,CAAC,EAAE,UAAU,MAAgD;AACjE,uBAAe,MAAM,SAAS;AAAA,MAChC,CAAC,EACA,MAAM,MAAM;AACX,uBAAe,MAAS;AAAA,MAC1B,CAAC;AAAA,IACL,GAAG,CAAC,CAAC;AAEL,UAAM,CAAC,cAAc,eAAe,IAClC,SAAsC;AAExC,UAAM,CAAC,qBAAqB,iBAAiB,IAAI;AAAA,MAC/C;AAAA,MACA;AAAA,IACF;AACA,UAAM,kBAAkB,gBAAgB,gBAAgB;AAExD,cAAU,MAAM;AACd;AAAA,QACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,UAAU,iBAAiB,qBAAqB,iBAAiB,CAAC;AAGtE,QAAI,iBAAiB;AACrB,QAAI;AACJ,aAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,UAAI,OAAO,OAAO,WAAW,GAAG;AAC9B,yBAAiB;AACjB,8BAAsB,MAAM,MAAM;AAAA,MACpC;AAAA,IACF,CAAC;AAED,UAAM,kBAAkB,iBACpB;AAAA,MACE;AAAA;AAAA,MAEA,kBAAkB,sBAAsB,IAAI;AAAA,IAC9C,IACA;AAEJ,UAAM,aACJ,UAAU,SAAY,EAAE,MAAM,IAAI,EAAE,aAAa;AAGnD,UAAM,eAAe,MAAM;AACzB,wBAAkB,SAAS,SAAS;AAAA,IACtC;AAEA,UAAM,SACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QAGR;AAAA,QACA,WAAW;AAAA,QACX,OAAO;AAAA,QACP,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QACjB,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,qBAAmB;AAAA;AAAA,IACrB;AAGF,QAAI,gBAAgB;AAClB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT,kBAAkB;AAAA,YAClB,cAAc,kBAAkB;AAAA,UAClC;AAAA,UAEC;AAAA;AAAA,YACD;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV;AAAA,gBACA,UAAU,cAAc,eAAe;AAAA,gBAEtC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AACF;AAEA,MAAM,6BAA6C,2BAGjD,CAAC,OAAO,QAAQ;AAChB,QAAM,eAAe;AAAA,IACnB,MAAM,mBAAmB,KAAK,EAAE,IAAI,MAAM,GAAG,CAAC,EAAE,cAAc;AAAA,IAC9D,CAAC,MAAM,EAAE;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,UAAU,aAAa,MAAM,OAAO,SAAS,KAAK;AAAA,MAC5D,mBAAmB,CAAC,YAAY,oBAAC,uBAAqB,GAAG,SAAS;AAAA,MAElE,8BAAC,gBAAc,GAAG,OAAO,KAAU;AAAA;AAAA,EACrC;AAEJ,CAAC;AAUM,MAAM,YAAY,OAAO,OAAO,4BAA4B;AAAA,EACjE;AACF,CAAC;",
+  "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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",
   "names": []
 }

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

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

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

@@ -15,6 +15,7 @@ import {
 import { dqlEditorActionsMenuMessages } from "./actions-menu-messages.js";
 import * as styles from "./ActionsMenu.sty.js";
 import { Button } from "../../../buttons/button/Button.js";
+import { KeyboardShortcut } from "../../../content/keyboard-shortcut/KeyboardShortcut.js";
 import { DQL_DOCUMENTATION_URL } from "../../../core/external-links.js";
 import { devLog } from "../../../core/utils/logging.js";
 import { Group } from "../../../navigation/menu/Group.js";
@@ -35,6 +36,9 @@ const ALLOWED_MENU_CHILDREN = /* @__PURE__ */ new Set([
 function isWrapperElement(child) {
   return child.type === Fragment || child.type === "div";
 }
+function isMacPlatform() {
+  return typeof navigator !== "undefined" && navigator.userAgent.toLowerCase().includes("mac");
+}
 function getValidChildren(children) {
   const validChildren = [];
   for (const child of Children.toArray(children)) {
@@ -98,7 +102,14 @@ const ActionsMenuInternal = ({
   );
   const formatQueryMenuItem = onFormat ? /* @__PURE__ */ jsxs(Menu.Item, { onSelect: onFormat, "data-dt-name": "FormatQuery", children: [
     /* @__PURE__ */ jsx(Menu.Prefix, { children: /* @__PURE__ */ jsx(CodeIcon, {}) }),
-    intl.formatMessage(dqlEditorActionsMenuMessages.formatQuery)
+    intl.formatMessage(dqlEditorActionsMenuMessages.formatQuery),
+    /* @__PURE__ */ jsx(Menu.Suffix, { className: styles.formatQueryShortcut, children: /* @__PURE__ */ jsx(
+      KeyboardShortcut,
+      {
+        keys: isMacPlatform() ? "Cmd+Shift+F" : "Control+Shift+F",
+        variant: "minimal"
+      }
+    ) })
   ] }) : null;
   return /* @__PURE__ */ jsx("div", { className: styles.actionsMenuWrapper({ size }), children: /* @__PURE__ */ jsxs(Menu, { children: [
     /* @__PURE__ */ jsx(Menu.Trigger, { children: /* @__PURE__ */ jsx(

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

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

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

@@ -1,14 +1,16 @@
 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-8-0", variantClassNames: { size: { "default": "_1okebta3-3-8-0", condensed: "_1okebta4-3-8-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var editorWithActionsMenu = { "default": "_1okebta5-3-8-0", condensed: "_1okebta6-3-8-0" };
-var editorWrapper = "_1okebta0-3-8-0";
-var editorWrapperFullHeight = "_1okebta1-3-8-0";
+var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-9-0", variantClassNames: { size: { "default": "_1okebta3-3-9-0", condensed: "_1okebta4-3-9-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var editorWithActionsMenu = { "default": "_1okebta5-3-9-0", condensed: "_1okebta6-3-9-0" };
+var editorWrapper = "_1okebta0-3-9-0";
+var editorWrapperFullHeight = "_1okebta1-3-9-0";
+var formatQueryShortcut = "_1okebta7-3-9-0";
 export {
   actionsMenuWrapper,
   editorWithActionsMenu,
   editorWrapper,
-  editorWrapperFullHeight
+  editorWrapperFullHeight,
+  formatQueryShortcut
 };
 //# sourceMappingURL=ActionsMenu.sty.js.map

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-8-0',variantClassNames:{size:{'default':'_1okebta3-3-8-0',condensed:'_1okebta4-3-8-0'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-8-0',condensed:'_1okebta6-3-8-0'};\nexport var editorWrapper = '_1okebta0-3-8-0';\nexport var editorWrapperFullHeight = '_1okebta1-3-8-0';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5M,IAAI,wBAAwB,EAAC,WAAU,mBAAkB,WAAU,kBAAiB;AACpF,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;",
+  "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-9-0',variantClassNames:{size:{'default':'_1okebta3-3-9-0',condensed:'_1okebta4-3-9-0'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-9-0',condensed:'_1okebta6-3-9-0'};\nexport var editorWrapper = '_1okebta0-3-9-0';\nexport var editorWrapperFullHeight = '_1okebta1-3-9-0';\nexport var formatQueryShortcut = '_1okebta7-3-9-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5M,IAAI,wBAAwB,EAAC,WAAU,mBAAkB,WAAU,kBAAiB;AACpF,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;AAC9B,IAAI,sBAAsB;",
   "names": []
 }

package/esm/editors/dql-editor/dql/SuggestionPart.css

@@ -1,4 +1,4 @@
-._yhio8f0-3-8-0 {
+._yhio8f0-3-9-0 {
   display: inline;
   margin-right: 0.5ch;
 }

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js

@@ -1,5 +1,5 @@
 import "./SuggestionPart.css";
-var suggestionPartSectionInfoCSS = "_yhio8f0-3-8-0";
+var suggestionPartSectionInfoCSS = "_yhio8f0-3-9-0";
 export {
   suggestionPartSectionInfoCSS
 };

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/SuggestionPart.css.ts"],
-  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-8-0';"],
+  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,+BAA+B;",
   "names": []
 }

package/esm/editors/dql-editor/dql/SuggestionsInfoSection.css

@@ -1,8 +1,8 @@
 .cm-tooltip.cm-tooltip-autocomplete {
   container-type: inline-size;
-  container-name: _cpuf060-3-8-0;
+  container-name: _cpuf060-3-9-0;
 }
-._cpuf061-3-8-0 {
+._cpuf061-3-9-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-8-0 {
+._cpuf062-3-9-0 {
   align-items: center;
   gap: var(--dt-spacings-size-16, 16px);
 }
-._cpuf063-3-8-0 {
+._cpuf063-3-9-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-@container _cpuf060-3-8-0 (max-width: 289px) {
-  ._cpuf061-3-8-0 {
+@container _cpuf060-3-9-0 (max-width: 289px) {
+  ._cpuf061-3-9-0 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);
   }
-  ._cpuf062-3-8-0 {
+  ._cpuf062-3-9-0 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);

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

@@ -1,7 +1,7 @@
 import "./SuggestionsInfoSection.css";
-var container = "_cpuf061-3-8-0";
-var shortcutLabel = "_cpuf063-3-8-0";
-var shortcutsGroup = "_cpuf062-3-8-0";
+var container = "_cpuf061-3-9-0";
+var shortcutLabel = "_cpuf063-3-9-0";
+var shortcutsGroup = "_cpuf062-3-9-0";
 export {
   container,
   shortcutLabel,

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

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