DQLEditor

The DQLEditor is specifically designed for editing DQL queries.

It further offers syntax highlighting and autocomplete functionality specific to the Dynatrace Query Language (DQL). 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.

OverviewPropertiesUsage

DQLEditorProps

extends, , , , , ,

Name	Type	Default	Description
id?			The ID for the DOM element.
value?		''	The value (i.e. contents) of the editor.
onChange?	(value: ) =>		Handler that is called when the value changes.
placeholder?			Displayed initially in the editor when there is no other content.
spellCheck?		false	Whether spellcheck should be enabled.
fullHeight?		false	If set to true, the DQL editor uses the full height available in its parent.
defaultFolding?	[]		The start indices (character position) that should be folded initially in uncontrolled scenarios.
folding?	[]		The start indices (character position) that should be folded initially in controlled scenarios.
onFoldingChange?	(values: []) =>		Callback that is called when folding changes.
readOnly?		false	Whether the input is readonly.
lineWrap?		false	Whether long lines should be wrapped.
onBlur?	(e: ) =>		Callback that is called when the editor loses focus.
onFocus?	(e: ) =>		Callback that is called when the editor receives focus.
onValidationStart?	() =>		Callback fired when DQL validation starts. This can be used for setting a status that validation is in progress.
onValidationEnd?	(validityInfo: []) =>		Callback fired when DQL validation ends. This can be used for resetting a status that validation is in progress and to get the validation result.
onValidityChange?	(validityInfo: []) =>		Callback fired when new diagnostic information is available. This can be used to get the validation result from outside the editor.
size?	|	'default'	Editor layout size, 'default' for standard spacing and 'condensed' for reduced font-size, padding and margins.
required?		false	If set to true, aria-required will be set to true on the input element.

DQLEditor.ActionsMenu

The DQLEditor.ActionsMenu slot component does not accept any props. Rendering it as a child of DQLEditor enables the built-in actions menu.