@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/filters/filter-field/FilterField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/filter-field/FilterField.tsx"],
-  "sourcesContent": ["import { startCompletion } from '@codemirror/autocomplete';\nimport { syntaxTree } from '@codemirror/language';\nimport type { EditorSelection, TransactionSpec } from '@codemirror/state';\nimport { EditorState, Transaction } from '@codemirror/state';\nimport {\n  EditorView,\n  placeholder as placeholderExtension,\n} from '@codemirror/view';\nimport clsx from 'clsx';\nimport { AnimatePresence } from 'framer-motion';\nimport { isEqual } from 'lodash-es';\nimport {\n  Children,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n  type KeyboardEvent as ReactKeyboardEvent,\n} from 'react';\nimport { ErrorBoundary, useErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport { FilterIcon } from '@dynatrace/strato-icons';\n\nimport { FilterFieldSuffixButtons } from './components/FilterFieldSuffixButtons.js';\nimport { FilterFieldContext } from './contexts/FilterFieldContext.js';\nimport type { FilterFieldContextProps } from './contexts/FilterFieldContext.types.js';\nimport { FilterFieldLoggerContext } from './contexts/FilterFieldLoggerContext.js';\nimport { handleEditMode } from './editor-state-configs/edit-mode-update-listener.js';\nimport {\n  ANNOTATION_COMPOSE_END,\n  ANNOTATION_DELETE_STATEMENT,\n  ANNOTATION_DOC_CHANGED_CONTROLLED,\n  ANNOTATION_END_PASTING_MODE,\n  ANNOTATION_SUGGESTION_APPLY,\n  disabledPropCompartment,\n  overrideKeys,\n  pastingEffect,\n  placeholderCompartment,\n  readOnlyPropCompartment,\n  stringAnnotation,\n  suggestionsCompartment,\n  validatorMapEffect,\n  type PastingInfo,\n} from './editor-state-configs/editor-config.js';\nimport {\n  handleControlledPasting,\n  handlePastingTransaction,\n} from './editor-state-configs/pasting-update-listener.js';\nimport { ErrorFallback } from './error-fallback/ErrorFallback.js';\nimport { obfuscateFilterString } from './error-fallback/filter-value-obfuscation-util.js';\nimport { DynamicFilterFieldConfigurations } from './extensions/compartments.js';\nimport { FilterFieldInteractionsExtension } from './extensions/interactions-extensions.js';\nimport { FilterFieldLanguageExtension } from './extensions/language-extension.js';\nimport { FilterFieldRecentSavedFiltersExtension } from './extensions/recent-saved-filters.js';\nimport { FilterFieldSyntaxHighlightingExtension } from './extensions/syntax-highlighting-extension.js';\nimport * as styles from './FilterField.sty.js';\nimport type { FilterFieldProps } from './FilterField.types.js';\nimport { usePinnedFilterSuggestions } from './hooks/recent-and-pinned/usePinnedFilterSuggestions.js';\nimport { useRecentFilterMutation } from './hooks/recent-and-pinned/useRecentFilters.js';\nimport { useRecentFilterSuggestions } from './hooks/recent-and-pinned/useRecentFilterSuggestions.js';\nimport { useCachedTreeConversion } from './hooks/useCachedTreeConversion.js';\nimport { useErrorAwareViewRef } from './hooks/useErrorAwareViewRef.js';\nimport { useErrorLogsStore } from './hooks/useErrorLogsStore.js';\nimport { useFilterFieldLinting } from './hooks/useFilterFieldLinting.js';\nimport { useSuggestions } from './hooks/useSuggestions.js';\nimport { useUpdatableCallback } from './hooks/useUpdatableCallback.js';\nimport { filterFieldMessages } from './messages.js';\nimport { getNumberParser } from './parser/getNumberParser.js';\nimport { filterFieldReducer } from './state/filter-field-state-reducer.js';\nimport { Suggestion } from './suggestions/Suggestion.js';\nimport { SuggestionDetails } from './suggestions/SuggestionDetails.js';\nimport { SuggestionGroup } from './suggestions/SuggestionGroup.js';\nimport { SuggestionGroupLabel } from './suggestions/SuggestionGroupLabel.js';\nimport { DEFAULT_SUGGESTIONS_COUNT } from './suggestions/suggestions-config.js';\nimport { suggestionsExtension } from './suggestions/suggestions-extension.js';\nimport { Suggestions } from './suggestions/Suggestions.js';\nimport { SuggestionsOverlay } from './suggestions/SuggestionsOverlay.js';\nimport { autoFormatLogicalOperators } from './utils/auto-format-logical-operators.js';\nimport {\n  getCurrentFocusableListItem,\n  getFirstFocusableListItem,\n  getLastFocusableListItem,\n  getNextFocusableListItem,\n} from './utils/get-next-suggestion.js';\nimport {\n  type InternalValidatorMap,\n  toInternalValidatorMap,\n} from './utils/validation-utils/normalize-validator-map.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { OverlayStackingContext } from '../../core/contexts/OverlayStacking.js';\nimport { useAriaLabelingProps as _useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFormControlState } from '../../core/hooks/useFormControlState.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport * as editorStyles from '../../editors/base-code-editor/BaseCodeEditor.sty.js';\nimport { withFormFieldMessageContextProvider } from '../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { InternalBaseItem as BaseItem } from '../../forms/forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useFormFieldMessagesContext } from '../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport { getI18nErrorMessage } from '../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport { useSyncedFormControlProps } from '../../forms/forms-core/hooks/useSyncedFormControlProps.js';\nimport { FormFieldMessagesAction } from '../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { useInputHint } from '../../forms/hooks/useInputHint.js';\nimport type { FormControlWithOverlayRef } from '../../forms/shared-types.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { closeAllOverlays } from '../../overlays/hooks/useOverlay.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { Text } from '../../typography/text/Text.js';\n\n// TODO: Keyboard navigation in filter field (easy deletion of whole statements etc.).\n// TODO: Control label?\n// TODO: Check keyboard navigation with empty suggestions overlay again.\n// TODO: Test that custom suggestions are shown properly depending on the autoSuggestions prop.\n// TODO: Check if we can combine tree conversion and error / diagnostics generation.\n// TODO: Suggestions overlay max-height + virtualization.\n// TODO: Add test for auto-formatting.\n// TODO: Test for correct cursor position when editing in combination with auto-formatting of logical operators.\n\nconst COMPONENT_NAME = 'FilterField';\n\nfunction isEditorSelection(selection: unknown): selection is EditorSelection {\n  return (selection as EditorSelection).ranges !== undefined;\n}\n\n/** @public */\nexport type FilterFieldRef = FormControlWithOverlayRef & {\n  /**\n   * Allows a recent filter to be saved into the users application state.\n   */\n  saveRecentFilter: () => Promise<void>;\n};\n\nconst _FilterField = forwardRef<FilterFieldRef, FilterFieldProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      name,\n      value,\n      defaultValue,\n      required: propRequired,\n      disabled: propDisabled,\n      readOnly: propReadOnly = false,\n      placeholder: placeholderProp,\n      id: propId,\n      autoSuggestions = false,\n      defaultSuggestionsCount: _defaultSuggestionsCount,\n      controlState,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'aria-disabled': propAriaDisabled,\n      onChange,\n      onSuggest,\n      onFilter,\n      validatorMap,\n      parserConfig,\n      filterNamespace,\n      customTypes,\n      ...remainingProps\n    } = props;\n    const [behavioralTrackingProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const setCursorPosition = useErrorLogsStore(\n      (state) => state.setCursorPosition,\n    );\n    const setAction = useErrorLogsStore((state) => state.setAction);\n    const setIsControlled = useErrorLogsStore((state) => state.setIsControlled);\n\n    const suggestionsSlot = Children.toArray(children).find((child) =>\n      isSlot(child, Suggestions),\n    );\n\n    const { getSyntaxTree } = useCachedTreeConversion();\n\n    const intl = useIntl();\n\n    const { showBoundary } = useErrorBoundary();\n\n    const onChangeRef = useUpdatableCallback(onChange);\n    const onFilterRef = useUpdatableCallback(onFilter);\n\n    // validatorMap ref to use in everything codemirror related.\n    const validatorMapRef = useRef(validatorMap);\n    const customTypesRef = useRef(customTypes);\n    const internalValidatorMapRef = useRef<InternalValidatorMap | undefined>();\n\n    const numberParser = getNumberParser();\n\n    const isUserEventComposeRef = useRef(false);\n    const valuePlaceholderWildcardSelection = useRef<{\n      isActive: boolean;\n      range?: { from: number; to: number };\n      potentialNewValue?: string;\n    }>({ isActive: false });\n\n    const {\n      id,\n      disabled,\n      required,\n      ariaDisabled,\n      readOnly: _readOnly,\n    } = useSyncedFormControlProps({\n      propAriaDisabled,\n      propDisabled,\n      propId,\n      propRequired,\n      propReadOnly,\n    });\n    const readOnly = !!_readOnly;\n\n    // Values from previous render-cycle to trigger updates while rendering.\n    // This way, we can avoid using effects, which would trigger another render.\n    const [prevValue, setPrevValue] = useState(value);\n\n    const [prevPropDisabled, setPrevPropDisabled] = useState(disabled);\n    const [prevPropRequired, setPrevPropRequired] = useState(required);\n    const [prevPropReadOnly, setPrevPropReadOnly] = useState(readOnly);\n    const [prevPropId, setPrevPropId] = useState(id);\n\n    const [prevPlaceholderProp, setPrevPlaceholderProp] =\n      useState(placeholderProp);\n    const [prevOnSuggest, setPrevOnSuggest] = useState(() => onSuggest);\n\n    const isControlled = value !== undefined;\n    useEffect(() => {\n      setIsControlled(isControlled);\n    }, [isControlled, setIsControlled]);\n\n    const placeholder = intl.formatMessage(filterFieldMessages.placeholder);\n    const overlayStacking = useContext(OverlayStackingContext);\n\n    // Suggestions overlay setup.\n    const suggestionsOverlayRef = useRef<HTMLDivElement | null>(null);\n    const {\n      targetRef,\n      overlayRef: _overlayRef,\n      overlayState,\n      overlayProps: _overlayProps,\n    } = useOverlayWithTrigger({\n      placement: 'bottom-start',\n      placementFallbacks: ['top-start'],\n      widthStrategy: 'trigger',\n      offset: 4,\n      // Workaround to close all other overlays when opening the suggestions overlay to avoid overlapping overlays.\n      // TODO: Refactor with APPDEV-3373.\n      onOpenChange(isOpen: boolean) {\n        if (\n          isOpen &&\n          !suggestionsOverlayRef.current &&\n          editorViewRef.current?.hasFocus\n        ) {\n          closeAllOverlays(overlayStacking);\n\n          // Workaround:\n          // Closing all other overlays unmounts the focus scopes as well, in turn returning the focus\n          // to the closed overlay's trigger (e.g. TimeframeSelector).\n          // To keep the focus on the filter field, we need to move it back programmatically.\n          // TODO: Refactor with APPDEV-3373.\n          requestAnimationFrame(() => {\n            editorViewRef.current?.focus();\n          });\n        }\n      },\n    });\n\n    const overlayRef = useMergeRefs<HTMLDivElement | null>([\n      suggestionsOverlayRef,\n      _overlayRef,\n    ]);\n    const { style: overlayStyles } = _overlayProps;\n\n    // Element refs.\n    const triggerRef = useRef<HTMLDivElement | null>(null);\n    const editorViewRef = useRef<EditorView | null>(null);\n    const internalRootRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useMergeRefs<HTMLDivElement | null>([\n      targetRef,\n      internalRootRef,\n    ]);\n    const hiddenInputRef = useRef<HTMLInputElement | null>(null);\n\n    const ariaLabelingProps = _useAriaLabelingProps(props);\n    const pastingInfoRef = useRef<PastingInfo>({\n      pastingInProgress: false,\n    });\n\n    // Error boundary awareness\n    const { viewDispatch } = useErrorAwareViewRef(editorViewRef);\n\n    // Linting.\n    const filterFieldLinter = useFilterFieldLinting(customTypes);\n    const [hasFormControlError, hint] = useFormControlState(controlState);\n    const [hasSyntaxError, setHasSyntaxError] = useState(false);\n    const {\n      state: formFieldMessageState,\n      dispatch: formFieldMessageContextDispatch,\n    } = useFormFieldMessagesContext();\n\n    // This state is needed for the correct FilterField error outline and icon\n    const [showError, setShowError] = useState(false);\n    useEffect(() => {\n      if (\n        showError &&\n        !hasFormControlError &&\n        !hasSyntaxError &&\n        !formFieldMessageState.showError\n      ) {\n        setShowError(false);\n      }\n\n      if (\n        !editorViewRef.current?.hasFocus &&\n        formFieldMessageState.isTouched &&\n        (hasFormControlError ||\n          formFieldMessageState.showError ||\n          hasSyntaxError)\n      ) {\n        setShowError(true);\n      }\n      // We omit the dependency to showError, as we would run into the\n      // effect too often then, as we change this in the effect\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n      hasFormControlError,\n      hasSyntaxError,\n      formFieldMessageState.showError,\n      editorViewRef.current?.hasFocus,\n    ]);\n\n    // DEPRECATION: [APPDEV-8298] _useInputHint will be replaced with new validation concept.\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const { inputProps, hintProps } = useInputHint({\n      hint,\n      hasError: showError,\n    });\n\n    // Flag for the form validation to indicate whether the FilterField has been blurred.\n    const isDirtyRef = useRef<boolean>(false);\n\n    const [prevDisabled, setPrevDisabled] = useState(disabled);\n\n    if (disabled !== prevDisabled) {\n      setPrevDisabled(disabled);\n      viewDispatch({\n        effects: disabledPropCompartment.reconfigure(\n          EditorView.editable.of(!disabled),\n        ),\n      });\n    }\n\n    const [prevReadOnly, setPrevReadOnly] = useState(readOnly);\n\n    if (readOnly !== prevReadOnly) {\n      setPrevReadOnly(readOnly);\n      viewDispatch({\n        effects: readOnlyPropCompartment.reconfigure(\n          EditorState.readOnly.of(readOnly || false),\n        ),\n      });\n    }\n\n    // FilterField form control message ids\n    const filterFieldCustomErrorRef = useRef<string>(useId());\n    const filterFieldRequiredErrorRef = useRef<string>(useId());\n\n    const validate = useCallback(() => {\n      // Handle required error\n      if (valueRef.current === '' && required) {\n        // Add required error.\n        formFieldMessageContextDispatch?.({\n          type: FormFieldMessagesAction.ADDMESSAGE,\n          payload: {\n            id: filterFieldRequiredErrorRef.current,\n            validityStateKey: 'valueMissing',\n            variant: 'error',\n            message: (\n              <Text textStyle=\"small\" as=\"p\">\n                {getI18nErrorMessage('valueMissing', hiddenInputRef.current)}\n              </Text>\n            ),\n            messageType: 'formcontrol',\n          },\n        });\n      } else if (valueRef.current !== '' && required) {\n        // clean up required error\n        formFieldMessageContextDispatch?.({\n          type: FormFieldMessagesAction.REMOVEMESSAGE,\n          payload: {\n            id: filterFieldRequiredErrorRef.current,\n            messageType: 'formcontrol',\n          },\n        });\n      }\n    }, [formFieldMessageContextDispatch, required]);\n\n    const updateSyntaxError = useCallback(\n      (isValid: boolean) => {\n        setHasSyntaxError(!isValid);\n\n        if (!isValid) {\n          formFieldMessageContextDispatch?.({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              id: filterFieldCustomErrorRef.current,\n              validityStateKey: 'customError',\n              variant: 'error',\n              message: intl.formatMessage(filterFieldMessages.syntaxError),\n              messageType: 'formcontrol',\n            },\n          });\n        } else {\n          formFieldMessageContextDispatch?.({\n            type: FormFieldMessagesAction.REMOVEMESSAGE,\n            payload: {\n              id: filterFieldCustomErrorRef.current,\n              messageType: 'formcontrol',\n            },\n          });\n        }\n      },\n      [formFieldMessageContextDispatch, setHasSyntaxError, intl],\n    );\n\n    const onInputChange = () => {\n      // only validate on change when there is an error\n      if (isDirtyRef.current) {\n        validate();\n      }\n    };\n\n    const onInputBlur = () => {\n      // always validate on blur\n      isDirtyRef.current = true;\n      validate();\n      formFieldMessageContextDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: true },\n      });\n    };\n\n    const saveRecentFilter = useRecentFilterMutation(filterNamespace);\n    useRecentFilterSuggestions(editorViewRef, filterNamespace);\n    usePinnedFilterSuggestions(\n      editorViewRef,\n      filterNamespace,\n      overlayState.isOpen,\n    );\n\n    useImperativeHandle(\n      forwardedRef,\n      (): FilterFieldRef => ({\n        element: internalRootRef.current,\n        triggerRef: triggerRef.current,\n        inputRef: hiddenInputRef.current,\n        focus: () => {\n          hiddenInputRef.current?.focus();\n          // If programmatically focused via the hidden input, we want to move the cursor to the end\n          editorViewRef.current?.dispatch({\n            selection: { anchor: editorViewRef.current.state.doc.length },\n          });\n        },\n        open: () => hiddenInputRef.current?.focus(),\n        close: () => overlayState.close(),\n        validate: () => {\n          validate();\n          formFieldMessageContextDispatch?.({\n            type: FormFieldMessagesAction.SETISTOUCHED,\n            payload: { isTouched: true },\n          });\n        },\n        saveRecentFilter: async () => {\n          if (filterNamespace) {\n            // Make sure to not leak any pending promise errors\n            await saveRecentFilter(valueRef.current).catch(() => undefined);\n          }\n        },\n      }),\n      [\n        overlayState,\n        validate,\n        formFieldMessageContextDispatch,\n        filterNamespace,\n        saveRecentFilter,\n      ],\n    );\n\n    // FilterField state.\n    const [state, dispatch] = useReducer(filterFieldReducer, {\n      suggestions: new Map(),\n      activeSuggestion: -1,\n    });\n    const [hideDeleteWhileTyping, setHideDeleteWhileTyping] = useState(false);\n\n    const {\n      ariaAttributes,\n      autoSuggestionsConfig,\n      recentSuggestionValues,\n      pinnedSuggestionValues,\n      logicalOperatorSuggestionValues,\n      pastedContentSuggestionValues,\n      searchSuggestionValues,\n      fallbackKeySuggestionValues,\n      statementSuggestionValues,\n      focusedListItem,\n      suggestionsContext,\n      applySuggestion,\n      handleNextSuggestion,\n      suggestionsOverlayHintId,\n      _onSuggest,\n    } = useSuggestions({\n      ariaDisabled,\n      autoSuggestions,\n      isOpen: overlayState.isOpen,\n      id,\n      suggestionsOverlayRef,\n      editorViewRef,\n      onSuggest,\n      viewDispatch,\n      hiddenInputRef,\n      ariaLabelingProps,\n    });\n\n    // Reference of the currently applied value, stored in a ref to avoid constantly\n    // reconfiguring the editor.\n    const valueRef = useRef(value ?? defaultValue ?? '');\n    // Reference of the transaction needed to get from the current state to the next\n    // state if the filter field is controlled.\n    const transactionRef = useRef<TransactionSpec[] | undefined>(undefined);\n    // Reference to determine whether search suggestions are valid for the current input.\n    const isValidSearchRef = useRef(false);\n\n    /**\n     * Effect for configuring the editor.\n     * Only called on mount.\n     * State variables / stateful functions needed are either stored in refs or updated using codemirror compartments.\n     */\n    useEffect(() => {\n      if (!triggerRef.current) {\n        return;\n      }\n\n      function handleOnChange(transaction: Transaction) {\n        if (!editorViewRef.current) {\n          return transaction;\n        }\n\n        let newValue = transaction.newDoc.toString();\n        let transactions: TransactionSpec[] = [];\n\n        const tree = syntaxTree(transaction.state);\n\n        const {\n          tree: convertedTree,\n          isValid,\n          isValidSearch,\n        } = getSyntaxTree({\n          tree,\n          view: editorViewRef.current,\n          numberParser,\n          doc: transaction.newDoc.toString(),\n          internalValidatorMap: internalValidatorMapRef.current,\n          customTypes: customTypesRef.current,\n          parserConfig,\n        });\n\n        isValidSearchRef.current = isValidSearch;\n        // this has to be set regardless of whether the newValue is equal\n        // to the valueRef.current as we also want to update the error\n        // state when programmatically changing the value\n        updateSyntaxError(isValid);\n        onInputChange();\n\n        const annotation = transaction.annotation(stringAnnotation);\n        if (annotation === ANNOTATION_DOC_CHANGED_CONTROLLED) {\n          return transaction;\n        }\n\n        // Avoid overriding the action for logging errors for suggestion transactions.\n        if (annotation !== ANNOTATION_SUGGESTION_APPLY) {\n          setAction({\n            type: 'handleOnChange',\n            data: {\n              value: valueRef.current,\n              newValue,\n            },\n          });\n        }\n\n        if (newValue !== valueRef.current) {\n          if (isControlled) {\n            handleControlledPasting(transaction, pastingInfoRef);\n          }\n\n          setHideDeleteWhileTyping(true);\n\n          // Run auto-formatter for any modifications of the document other than deletions.\n          // If something is deleted, the auto-formatter has already been executed when the\n          // new document was entered.\n          if (\n            !transaction.isUserEvent('delete.backward') &&\n            !transaction.isUserEvent('delete.forward')\n          ) {\n            [newValue, transactions] = autoFormatLogicalOperators(\n              newValue,\n              tree,\n              transaction.selection?.ranges[\n                transaction.selection?.mainIndex ?? 0\n              ].to ?? transaction.newDoc.toString().length,\n            );\n          }\n\n          onChangeRef.current?.(newValue, convertedTree, isValid);\n\n          transactionRef.current = [{ selection: transaction.newSelection }];\n          const userEvent = transaction.annotation(Transaction.userEvent);\n          transactionRef.current = [\n            {\n              ...transaction,\n              // On Windows / Linux, hitting 'Shift + Delete' results in an undefined selection,\n              // leading to the suggestions callback not being triggered.\n              // Even for an empty value, there should always be a selection.\n              selection: transaction.newSelection ?? { anchor: 0 },\n              // Annotations are not automatically stored, we need to do that manually\n              // to be able to determine, which action triggered the transaction when applying\n              // the new value in a controlled scenario.\n              annotations: Transaction.userEvent.of(\n                userEvent\n                  ? userEvent\n                  : transaction.annotation(stringAnnotation) ?? '',\n              ),\n            },\n            ...transactions,\n          ];\n\n          if (!isControlled) {\n            valueRef.current = newValue;\n            onInputChange();\n          }\n\n          return isControlled ? [] : [transaction, ...transactions];\n        }\n\n        return [transaction];\n      }\n\n      internalValidatorMapRef.current = toInternalValidatorMap(validatorMap);\n\n      const initialEditorState = EditorState.create({\n        doc: value ?? defaultValue ?? '',\n        extensions: [\n          FilterFieldLanguageExtension,\n          filterFieldLinter,\n          FilterFieldSyntaxHighlightingExtension,\n          FilterFieldInteractionsExtension({\n            closeSuggestions: overlayState.close,\n            showBoundary,\n          }),\n          DynamicFilterFieldConfigurations({\n            ariaAttributes,\n            disabled: !!disabled,\n            readOnly,\n            placeholder: placeholderProp ?? placeholder,\n          }),\n          EditorView.domEventObservers({\n            compositionend: () => {\n              isUserEventComposeRef.current = false;\n              editorViewRef.current?.dispatch({\n                annotations: stringAnnotation.of(ANNOTATION_COMPOSE_END),\n              });\n            },\n          }),\n          FilterFieldRecentSavedFiltersExtension,\n\n          /**\n           * Suggestions\n           */\n          suggestionsCompartment.of(\n            suggestionsExtension({\n              overlayState,\n              numberParser,\n              onSuggest,\n              internalValidatorMap: internalValidatorMapRef.current,\n              _onSuggest,\n              getSyntaxTree,\n              parserConfig,\n              customTypes: customTypesRef.current,\n            }),\n          ),\n\n          /**\n           * Listeners\n           */\n          // Update cursor position for error logging whenever it changes.\n          EditorState.transactionFilter.of((transaction) => {\n            const userEvent = transaction.annotation(Transaction.userEvent);\n            if (userEvent?.includes('select')) {\n              setCursorPosition(transaction.state.selection.main.anchor);\n            }\n\n            return transaction;\n          }),\n\n          // Intercept transactions that change the doc to not instantly apply the changes\n          // in a controlled scenario. Instead, the transaction is stored so we can apply\n          // it if the consumer actually updates the value.\n          EditorState.transactionFilter.of((transaction) => {\n            // Safeguard.\n            if (!editorViewRef.current) {\n              return transaction;\n            }\n\n            // Check annotations for a controlled value update.\n            const annotation = transaction.annotation(stringAnnotation);\n            if (annotation === ANNOTATION_DOC_CHANGED_CONTROLLED) {\n              return handleOnChange(transaction);\n            }\n\n            // We need to trigger startCompletion when pasting mode is ending to update the suggestions.\n            if (annotation === ANNOTATION_END_PASTING_MODE) {\n              queueMicrotask(() => {\n                if (editorViewRef?.current) {\n                  startCompletion(editorViewRef.current);\n                }\n              });\n            }\n\n            // If we have a user event (usually some kind of input), we need to check for\n            // composition events to properly handle composed characters in a controlled scenario.\n            let userEvent = transaction.annotation(Transaction.userEvent);\n\n            // Certain custom transactions should also be treated as user event.\n            if (userEvent === undefined) {\n              switch (annotation) {\n                case ANNOTATION_COMPOSE_END:\n                  userEvent = ANNOTATION_COMPOSE_END;\n                  break;\n                case ANNOTATION_DELETE_STATEMENT:\n                  userEvent = ANNOTATION_DELETE_STATEMENT;\n                  break;\n                case ANNOTATION_SUGGESTION_APPLY: {\n                  userEvent = ANNOTATION_SUGGESTION_APPLY;\n\n                  // If there is a selection of the value placeholder of a wildcard\n                  // suggestion we need to save the selection to be able to restore\n                  // it after a controlled value update\n                  const selection = transaction.selection?.ranges;\n                  if (\n                    selection &&\n                    selection[0] &&\n                    selection[0].to - selection[0].from === 5\n                  ) {\n                    valuePlaceholderWildcardSelection.current = {\n                      isActive: true,\n                      range: { from: selection[0].from, to: selection[0].to },\n                      potentialNewValue: transaction.newDoc.toString(),\n                    };\n                  }\n                  break;\n                }\n              }\n            }\n\n            if (userEvent === 'input.type.compose.start') {\n              // Composition event was started. Do not intercept any transaction while ongoing.\n              isUserEventComposeRef.current = true;\n            }\n\n            // Any transaction not related to a user event should not be handled specifically.\n            // Transactions of an ongoing composition should also be forwarded to properly\n            // show the composition steps in the input.\n            if (!userEvent || isUserEventComposeRef.current) {\n              return transaction;\n            }\n            if (\n              ((transaction.docChanged && userEvent) ||\n                !isUserEventComposeRef.current) &&\n              // We add the space character in the updateListener, so we don't want to call OnChange.\n              !transaction.isUserEvent('select')\n            ) {\n              return handleOnChange(transaction);\n            }\n\n            return transaction;\n          }),\n\n          EditorView.updateListener.of((update) => {\n            // Check if the transaction is undo or redo in order to not accidentally call onChange\n            // twice. Usually onChange is called before applying the changes. However, undo and redo\n            // are considered as transactions that occur after the view has been updated.\n            // Therefore, we explicitly call onChange if that is the case.\n            const isUndoOrRedo = update.transactions.some(\n              (transaction) =>\n                transaction.isUserEvent('undo') ||\n                transaction.isUserEvent('redo'),\n            );\n\n            if (update.docChanged && isUndoOrRedo) {\n              update.transactions.forEach((transaction) =>\n                handleOnChange(transaction),\n              );\n\n              editorView?.dispatch({\n                effects: [\n                  pastingEffect.of({\n                    pastingInProgress: false,\n                  }),\n                ],\n              });\n            }\n          }),\n\n          // Update Listener for pasting\n          EditorView.updateListener.of((update) => {\n            handlePastingTransaction(\n              update,\n              pastingInfoRef,\n              editorView,\n              editorViewRef,\n            );\n          }),\n\n          // Automatically insert a space at the end of the input when entering edit mode,\n          // if the cursor is at the end, the statement is complete, and no trailing space or bracket is present.\n          // This starts a new statement.\n          EditorView.updateListener.of((update) => {\n            handleEditMode(update, suggestionsContext);\n          }),\n        ],\n      });\n\n      const editorView = new EditorView({\n        state: initialEditorState,\n        parent: triggerRef.current,\n      });\n      editorViewRef.current = editorView;\n\n      if (validatorMap) {\n        // do not use view ref here\n        editorView.dispatch({\n          effects: [validatorMapEffect.of(validatorMapRef?.current)],\n          // In order to re-run the decorations and re-generate errors and diagnostics,\n          // we have to dispatch a new document.\n          changes: {\n            from: 0,\n            to: editorViewRef.current.state.doc.length,\n            insert: editorViewRef.current.state.doc,\n          },\n        });\n      }\n\n      const { isValid, isValidSearch } = getSyntaxTree({\n        tree: syntaxTree(editorView.state),\n        view: editorView,\n        numberParser,\n        doc: editorView.state.doc.toString(),\n        internalValidatorMap: internalValidatorMapRef.current,\n        customTypes: customTypesRef.current,\n        parserConfig,\n      });\n\n      isValidSearchRef.current = isValidSearch;\n      updateSyntaxError(isValid);\n\n      return () => editorView.destroy();\n      // Only run for initializing the filter field.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Update the tree and error state if the mode changes.\n    const validatorMapChanged = !isEqual(validatorMap, validatorMapRef.current);\n    const customTypesChanged = !isEqual(customTypes, customTypesRef.current);\n\n    if ((validatorMapChanged || customTypesChanged) && editorViewRef.current) {\n      if (validatorMapChanged) {\n        validatorMapRef.current = validatorMap;\n        internalValidatorMapRef.current = validatorMap\n          ? toInternalValidatorMap(validatorMap)\n          : undefined;\n      }\n\n      if (customTypesChanged) {\n        customTypesRef.current = customTypes;\n      }\n\n      if (validatorMapChanged || customTypesChanged) {\n        viewDispatch({\n          effects: suggestionsCompartment.reconfigure(\n            suggestionsExtension({\n              overlayState,\n              numberParser,\n              onSuggest,\n              _onSuggest,\n              getSyntaxTree,\n              internalValidatorMap: internalValidatorMapRef.current,\n              customTypes: customTypesRef.current,\n              parserConfig,\n            }),\n          ),\n        });\n      }\n\n      const doc = editorViewRef.current.state.doc;\n\n      queueMicrotask(() => {\n        if (editorViewRef.current) {\n          const tree = syntaxTree(editorViewRef.current.state);\n          const { tree: convertedTree, isValid } = getSyntaxTree({\n            tree,\n            view: editorViewRef.current,\n            numberParser,\n            doc: doc.toString(),\n            internalValidatorMap: internalValidatorMapRef.current,\n            customTypes: customTypesRef.current,\n            parserConfig,\n          });\n\n          updateSyntaxError(isValid);\n          onChangeRef.current?.(doc.toString(), convertedTree, isValid);\n          onInputChange();\n\n          viewDispatch({\n            effects: [validatorMapEffect.of(validatorMapRef?.current)],\n            // In order to re-run the decorations and re-generate errors and diagnostics,\n            // we have to dispatch a new document.\n            changes: {\n              from: 0,\n              to: editorViewRef.current.state.doc.length,\n              insert: doc.toString(),\n            },\n          });\n\n          // With changed validator map or custom types, the suggestions also need to be re-calculated.\n          // Use a nested queueMicrotask to ensure the viewDispatch above is fully applied\n          // before triggering completion with the new extension.\n          if (validatorMapChanged || customTypesChanged) {\n            queueMicrotask(() => {\n              if (editorViewRef.current) {\n                startCompletion(editorViewRef.current);\n              }\n            });\n          }\n        }\n      });\n    }\n\n    // Update configuration compartments that are depending on props when the props change.\n    if (placeholderProp !== prevPlaceholderProp) {\n      viewDispatch({\n        effects: placeholderCompartment.reconfigure(\n          placeholderExtension(placeholderProp ?? placeholder),\n        ),\n      });\n\n      setPrevPlaceholderProp(placeholderProp);\n    }\n\n    // Re-configure the suggestions extension to use a potentially changed callback.\n    if (onSuggest !== prevOnSuggest) {\n      viewDispatch({\n        effects: suggestionsCompartment.reconfigure(\n          suggestionsExtension({\n            overlayState,\n            numberParser,\n            onSuggest,\n            _onSuggest,\n            getSyntaxTree,\n            internalValidatorMap: internalValidatorMapRef.current,\n            customTypes: customTypesRef.current,\n            parserConfig,\n          }),\n        ),\n      });\n\n      setPrevOnSuggest(() => onSuggest);\n    }\n\n    // Dispatch a transaction to update the editor's doc to match the prop\n    // value if it changes and the filter field is controlled.\n    // Since the value may have been adjusted in the `onChange` callback, we replace the whole document.\n    // FIXME: the cursor position jumps in case the value's length changes in the controlled state update.\n    if (value !== prevValue && isControlled) {\n      setPrevValue(value);\n      valueRef.current = value;\n\n      // Wait for any previous codemirror transactions to go through, else it will\n      // throw an error that we are trying to update a state that doesn't start\n      // from the previous state.\n      queueMicrotask(() => {\n        setAction({\n          type: 'controlledValueChange',\n          data: {\n            value: prevValue ?? '',\n            newValue: valueRef.current,\n          },\n        });\n\n        onInputChange();\n        const lastTransaction =\n          transactionRef.current &&\n          transactionRef.current[transactionRef.current.length - 1];\n        const selection =\n          lastTransaction?.selection ??\n          // Fall back to the current editor selection in case the last transaction is undefined\n          // to avoid a jumping cursor when typing really fast.\n          editorViewRef.current?.state.selection;\n\n        const anchor = Math.min(\n          value.length,\n          (isEditorSelection(selection)\n            ? selection.ranges[0].anchor\n            : selection?.anchor) ?? value.length,\n        );\n\n        let dispatchedSelection: { anchor: number; head?: number } = { anchor };\n\n        // Select the value placeholder if inserting a wildcard suggestion with a placeholder\n        if (\n          valuePlaceholderWildcardSelection.current?.isActive &&\n          valuePlaceholderWildcardSelection.current?.potentialNewValue === value\n        ) {\n          const selectionFrom =\n            valuePlaceholderWildcardSelection.current.range?.from;\n          const selectionTo =\n            valuePlaceholderWildcardSelection.current.range?.to;\n\n          if (\n            selectionFrom &&\n            selectionFrom <= value.length &&\n            selectionTo &&\n            selectionTo <= value.length\n          ) {\n            dispatchedSelection = {\n              anchor: selectionFrom,\n              head: selectionTo,\n            };\n          }\n        }\n\n        viewDispatch({\n          changes: {\n            from: 0,\n            to: editorViewRef.current?.state.doc.length ?? 0,\n            insert: value,\n          },\n          annotations: stringAnnotation.of(ANNOTATION_DOC_CHANGED_CONTROLLED),\n          selection: dispatchedSelection,\n        });\n\n        // Reset the value placeholder selection.\n        if (valuePlaceholderWildcardSelection.current) {\n          valuePlaceholderWildcardSelection.current = {\n            isActive: false,\n          };\n        }\n\n        transactionRef.current = undefined;\n      });\n    }\n\n    if (\n      disabled !== prevPropDisabled ||\n      required !== prevPropRequired ||\n      readOnly !== prevPropReadOnly ||\n      id !== prevPropId\n    ) {\n      setPrevPropDisabled(disabled);\n      setPrevPropRequired(required);\n      setPrevPropReadOnly(readOnly);\n      setPrevPropId(id);\n\n      // Update disabled if disabled prop changes\n      if (disabled !== prevPropDisabled) {\n        viewDispatch({\n          effects: disabledPropCompartment.reconfigure(\n            EditorView.editable.of(!disabled),\n          ),\n        });\n      }\n\n      // Update read-only if read-only prop changes\n      if (readOnly !== prevPropReadOnly) {\n        viewDispatch({\n          effects: readOnlyPropCompartment.reconfigure(\n            EditorState.readOnly.of(readOnly),\n          ),\n        });\n      }\n    }\n\n    const [hasAriaLivePolite, setHasAriaLivePolite] = useState(false);\n\n    useEffect(() => {\n      setHasAriaLivePolite(false);\n      const debounceTimer = setTimeout(() => {\n        setHasAriaLivePolite(true);\n      }, 300);\n\n      return () => {\n        clearTimeout(debounceTimer);\n      };\n    }, [valueRef.current]);\n\n    const defaultSuggestionsCount = useMemo(() => {\n      if (typeof _defaultSuggestionsCount === 'number') {\n        return _defaultSuggestionsCount;\n      }\n      return {\n        empty:\n          _defaultSuggestionsCount?.empty ?? DEFAULT_SUGGESTIONS_COUNT.empty,\n        filled:\n          _defaultSuggestionsCount?.filled ?? DEFAULT_SUGGESTIONS_COUNT.filled,\n      };\n    }, [_defaultSuggestionsCount]);\n\n    const filterFieldContextValue = useMemo<FilterFieldContextProps>(\n      () => ({\n        hasAriaLivePolite,\n        applySuggestion,\n        dispatch,\n        focusedListItem,\n        filterFieldId: id,\n        term: suggestionsContext.current?.token.textValue,\n        autoSuggestions: autoSuggestions ? autoSuggestionsConfig : {},\n        recentSuggestionValues,\n        pinnedSuggestionValues,\n        logicalOperatorSuggestionValues,\n        pastedContentSuggestionValues,\n        searchSuggestionValues,\n        fallbackKeySuggestionValues,\n        fallbackKeys: internalValidatorMapRef.current?.fallbackKeys,\n        statementSuggestionValues,\n        filterStatementKeysMap:\n          internalValidatorMapRef.current?.filterStatementKeysMap,\n        triggerRef: triggerRef.current ?? null,\n        suggestionsOverlayRef: suggestionsOverlayRef.current ?? null,\n        filterNamespace: filterNamespace ?? null,\n        editorView: editorViewRef.current,\n        parserConfig,\n        isValidSearch: isValidSearchRef,\n        defaultSuggestionsCount,\n        handleNextSuggestion,\n      }),\n      [\n        hasAriaLivePolite,\n        applySuggestion,\n        focusedListItem,\n        id,\n        suggestionsContext,\n        autoSuggestions,\n        autoSuggestionsConfig,\n        recentSuggestionValues,\n        pinnedSuggestionValues,\n        logicalOperatorSuggestionValues,\n        pastedContentSuggestionValues,\n        searchSuggestionValues,\n        fallbackKeySuggestionValues,\n        internalValidatorMapRef,\n        statementSuggestionValues,\n        filterNamespace,\n        parserConfig,\n        defaultSuggestionsCount,\n        handleNextSuggestion,\n      ],\n    );\n\n    return (\n      <FilterFieldContext.Provider value={filterFieldContextValue}>\n        <Flex\n          ref={rootRef}\n          data-testid={dataTestId}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          gap={4}\n          flexDirection=\"column\"\n          className={clsx(styles.wrapper, consumerClassName)}\n          style={consumerStyle}\n          onMouseMove={() => {\n            setHideDeleteWhileTyping(false);\n          }}\n          {...behavioralTrackingProps}\n          data-dt-component={COMPONENT_NAME}\n        >\n          <div\n            {...inputProps}\n            aria-invalid={\n              controlState ? inputProps['aria-invalid'] : hasSyntaxError\n            }\n            className={clsx(\n              editorStyles.editorContainer({\n                size: 'default',\n                fullHeight: false,\n                // check if the editor is disabled first to apply proper styling\n                hasError: !(disabled || ariaDisabled) && showError,\n                lineNumbers: 'hidden',\n                readOnly: disabled || readOnly,\n              }),\n              styles.container,\n              props.className,\n              {\n                [styles.errorText]: showError,\n                [styles.errorVars]: showError,\n                [styles.disabled]: disabled,\n                [styles.readOnly]: readOnly,\n                [styles.ariaDisabled]: ariaDisabled,\n                hideDeleteWhileTyping,\n              },\n            )}\n            onBlur={onInputBlur}\n            onKeyDown={(event: ReactKeyboardEvent) => {\n              // If readOnly is set, only allow the tab key to be pressed.\n              // This moves the focus from within the editor to the next focusable element.\n              // Also check if CTRL is pressed to still allow shortcuts like CTRL+'C'.\n              if (readOnly && event.key !== 'Tab' && !event.ctrlKey) {\n                event.preventDefault();\n                return;\n              }\n              switch (event.key) {\n                case 'Space':\n                  if (!editorViewRef.current) {\n                    return;\n                  }\n\n                  if (event.ctrlKey || event.altKey) {\n                    overlayState.open();\n                    startCompletion(editorViewRef.current);\n                  }\n                  break;\n                case 'Enter': {\n                  event.preventDefault();\n\n                  if (event.shiftKey || !editorViewRef.current) {\n                    return;\n                  }\n\n                  // Submitting the filter field\n                  if (!focusedListItem || event.ctrlKey || event.metaKey) {\n                    validate();\n\n                    const { tree, isValid } = getSyntaxTree({\n                      tree: syntaxTree(editorViewRef.current.state),\n                      view: editorViewRef.current,\n                      numberParser,\n                      doc: editorViewRef.current.state.doc.toString(),\n                      internalValidatorMap: internalValidatorMapRef.current,\n                      customTypes,\n                      parserConfig,\n                    });\n\n                    onFilterRef.current?.({\n                      value: valueRef.current,\n                      syntaxTree: tree,\n                      isValid,\n                    });\n\n                    overlayState.close();\n\n                    if (isValid && hiddenInputRef.current?.form) {\n                      let inputCount = 0;\n                      for (const element of Array.from(\n                        hiddenInputRef.current.form.elements,\n                      )) {\n                        // Check if the filter field is the only visible form control.\n                        // Elements included are listed here: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/elements#value\n                        if (\n                          !element.hasAttribute('hidden') &&\n                          ((element.tagName === 'INPUT' &&\n                            element.getAttribute('type') !== 'hidden') ||\n                            element.tagName === 'SELECT' ||\n                            element.tagName === 'TEXTAREA')\n                        ) {\n                          inputCount += 1;\n\n                          if (inputCount > 1) {\n                            break;\n                          }\n                        }\n                      }\n\n                      if (inputCount === 1) {\n                        hiddenInputRef.current?.form?.requestSubmit();\n                      }\n                    } else {\n                      // We have to wait for the form field to set the validity of the form control.\n                      // Then reporting the validity triggers the 'invalid' event, which can be captured on the form.\n                      setTimeout(() => {\n                        hiddenInputRef.current?.form?.reportValidity();\n                      });\n                    }\n                  } else if (focusedListItem && focusedListItem.id) {\n                    // Focusable elements do not have to contain suggestions alone. Suggestions cannot be\n                    // invoked via the click logic in the else branch, since they run `onPointerDown`.\n                    // See suggestions component.\n                    if (state.suggestions.has(focusedListItem.id)) {\n                      state.suggestions.get(focusedListItem.id)?.();\n                    } else {\n                      // Invoke the click of the currently focused element.\n                      const focusedElement =\n                        document.querySelector<HTMLButtonElement>(\n                          `[data-strato-filter-field-virtual-focus-id=\"${focusedListItem?.id}\"]`,\n                        );\n                      focusedElement?.click();\n                    }\n                    return;\n                  }\n\n                  break;\n                }\n              }\n\n              // FIXME: the suggestions overlay may be empty, then we shouldn't handle the keys.\n              if (overlayState.isOpen) {\n                if (overrideKeys.includes(event.key)) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                  const direction =\n                    event.key === 'ArrowUp' ? 'previous' : 'next';\n\n                  const overlay = suggestionsOverlayRef.current;\n                  const currentlyFocusedItem = getCurrentFocusableListItem(\n                    overlay,\n                    focusedListItem?.id,\n                  );\n                  const isAtEnd =\n                    currentlyFocusedItem ===\n                      getLastFocusableListItem(overlay) && direction === 'next';\n                  const isAtStart =\n                    currentlyFocusedItem ===\n                      getFirstFocusableListItem(overlay) &&\n                    direction === 'previous';\n\n                  if (isAtEnd || isAtStart) {\n                    const scrollContainer = overlay?.querySelector(\n                      '[role=\"listbox\"]',\n                    )?.firstElementChild as HTMLElement | null;\n                    if (scrollContainer) {\n                      scrollContainer.scroll({\n                        top:\n                          direction === 'next'\n                            ? 0\n                            : scrollContainer.scrollHeight,\n                      });\n                      requestAnimationFrame(() => {\n                        const nextSuggestion = getNextFocusableListItem(\n                          direction,\n                          overlay,\n                          focusedListItem?.id,\n                        );\n                        handleNextSuggestion(nextSuggestion);\n                      });\n                    }\n                    return;\n                  }\n\n                  const nextSuggestion = getNextFocusableListItem(\n                    direction,\n                    overlay,\n                    focusedListItem?.id,\n                  );\n                  handleNextSuggestion(nextSuggestion);\n                }\n              }\n            }}\n            onKeyDownCapture={(event: ReactKeyboardEvent) => {\n              if (\n                (event.key === 'Home' ||\n                  event.key === 'End' ||\n                  event.key === 'PageUp' ||\n                  event.key === 'PageDown') &&\n                focusedListItem\n              ) {\n                event.stopPropagation();\n                event.preventDefault();\n\n                let nextSuggestion: HTMLElement | null = null;\n\n                if (event.key === 'PageUp' || event.key === 'PageDown') {\n                  const direction =\n                    event.key === 'PageUp' ? 'previous' : 'next';\n\n                  nextSuggestion = getNextFocusableListItem(\n                    direction,\n                    suggestionsOverlayRef.current,\n                    focusedListItem?.id,\n                    5,\n                  );\n                  handleNextSuggestion(nextSuggestion);\n                } else if (event.key === 'Home' || event.key === 'End') {\n                  const overlay = suggestionsOverlayRef.current;\n                  const scrollContainer = overlay?.querySelector(\n                    '[role=\"listbox\"]',\n                  )?.firstElementChild as HTMLElement | null;\n\n                  if (scrollContainer) {\n                    scrollContainer.scroll({\n                      top:\n                        event.key === 'Home' ? 0 : scrollContainer.scrollHeight,\n                    });\n                  }\n\n                  requestAnimationFrame(() => {\n                    const nextSuggestion =\n                      event.key === 'Home'\n                        ? getFirstFocusableListItem(overlay)\n                        : getLastFocusableListItem(overlay);\n                    handleNextSuggestion(nextSuggestion);\n                  });\n                }\n              }\n            }}\n            onMouseDown={(event) => {\n              if (disabled) {\n                event.preventDefault();\n              }\n            }}\n          >\n            <span\n              className={styles.filterIcon({\n                hasError: showError,\n                disabled: disabled || Boolean(ariaDisabled),\n              })}\n            >\n              <FilterIcon />\n            </span>\n            <div ref={triggerRef} style={{ maxHeight: 'inherit' }} />\n            <FilterFieldSuffixButtons\n              value={valueRef.current}\n              ariaDisabled={ariaDisabled}\n              disabled={disabled}\n              showError={showError}\n              readOnly={readOnly}\n            />\n          </div>\n          <AnimatePresence>\n            {/* The editor can still be focused if readOnly is set. */}\n            {/* Since the content is not editable, we prevent the overlay from opening. */}\n            {!readOnly && overlayState.isOpen && (\n              <SuggestionsOverlay\n                ref={overlayRef}\n                data-testid={\n                  dataTestId\n                    ? `filterfield-suggestions-${dataTestId}`\n                    : undefined\n                }\n                overlayProps={{ style: overlayStyles }}\n                data-dtrum-mask={dataDtrumMask}\n                data-dtrum-allow={dataDtrumAllow}\n              >\n                {suggestionsSlot === undefined ? (\n                  <Suggestions>{children}</Suggestions>\n                ) : (\n                  children\n                )}\n              </SuggestionsOverlay>\n            )}\n          </AnimatePresence>\n          {hint && (\n            <BaseItem\n              variant={showError ? 'error' : 'hint'}\n              disabled={disabled || ariaDisabled}\n              {...hintProps}\n            >\n              {hint}\n            </BaseItem>\n          )}\n          <VisuallyHidden>\n            <input\n              ref={hiddenInputRef}\n              name={name}\n              value={valueRef.current}\n              required={required}\n              disabled={disabled}\n              readOnly={readOnly}\n              tabIndex={-1}\n              id={id}\n              onFocus={() => {\n                // The focus should move to the FilterField when clicking on\n                // the label (when using it in a FormField)\n                editorViewRef.current?.focus();\n              }}\n              onChange={() => {\n                /** noop */\n              }}\n              onInvalid={(event) => {\n                event.preventDefault();\n                setShowError(true);\n                event.currentTarget.focus();\n                onInputBlur();\n              }}\n              aria-hidden=\"true\"\n            />\n          </VisuallyHidden>\n          <p\n            id={suggestionsOverlayHintId}\n            className={styles.suggestionsOverlayAnnouncement}\n            aria-hidden=\"true\"\n          >\n            {intl.formatMessage(\n              filterFieldMessages.suggestions.a11y.overlayAnnouncement,\n            )}\n          </p>\n        </Flex>\n      </FilterFieldContext.Provider>\n    );\n  },\n);\n\n(_FilterField as typeof FilterField & { displayName: string }).displayName =\n  COMPONENT_NAME;\n\n/**\n * FilterField component that uses a fallback formFieldMessages-context if it wasn't wrapped in a FormField.\n * @internal\n */\nconst InternalFilterField = withFormFieldMessageContextProvider<\n  FilterFieldProps,\n  FormControlWithOverlayRef\n>(\n  forwardRef<FilterFieldRef, FilterFieldProps>((props, forwardedRef) => {\n    const stratoLogger = useMemo(\n      () =>\n        createStratoLogger.bind({\n          name: props.name,\n          id: props.id,\n        })(COMPONENT_NAME),\n      [props.name, props.id],\n    );\n\n    const cursorPosition = useErrorLogsStore((state) => state.cursorPosition);\n    const action = useErrorLogsStore((state) => state.action);\n    const isControlled = useErrorLogsStore((state) => state.isControlled);\n\n    const loggerContext = useMemo(\n      () => ({ logger: stratoLogger }),\n      [stratoLogger],\n    );\n\n    return (\n      <ErrorBoundary\n        onError={(error) => {\n          if (action !== null) {\n            action.data.value = obfuscateFilterString(\n              action.data.value,\n              props.validatorMap,\n              props.parserConfig,\n            );\n\n            if (\n              action.type === 'handleOnChange' ||\n              action.type === 'controlledValueChange'\n            ) {\n              action.data.newValue = obfuscateFilterString(\n                action.data.newValue,\n                props.validatorMap,\n                props.parserConfig,\n              );\n            }\n          }\n\n          stratoLogger.error(error?.message, error, {\n            filterString: obfuscateFilterString(\n              props.value ?? props.defaultValue ?? '',\n              props.validatorMap,\n              props.parserConfig,\n            ),\n            cursorPosition,\n            action,\n            isControlled,\n          });\n        }}\n        FallbackComponent={(fallbackProps) => (\n          <ErrorFallback {...fallbackProps} />\n        )}\n      >\n        <FilterFieldLoggerContext.Provider value={loggerContext}>\n          {/* eslint-disable-next-line react/jsx-pascal-case */}\n          <_FilterField {...props} ref={forwardedRef} />\n        </FilterFieldLoggerContext.Provider>\n      </ErrorBoundary>\n    );\n  }),\n);\n\n/**\n `FilterField` is an advanced, text-based filtering component. It supports complex data filtering with intuitive filter field syntax and auto-suggestions.\n * @public\n */\nexport const FilterField = Object.assign(InternalFilterField, {\n  Suggestions,\n  Suggestion,\n  SuggestionGroup,\n  SuggestionGroupLabel,\n  SuggestionDetails,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { startCompletion } from '@codemirror/autocomplete';\nimport { syntaxTree } from '@codemirror/language';\nimport type { EditorSelection, TransactionSpec } from '@codemirror/state';\nimport { EditorState, Transaction } from '@codemirror/state';\nimport {\n  EditorView,\n  placeholder as placeholderExtension,\n} from '@codemirror/view';\nimport clsx from 'clsx';\nimport { AnimatePresence } from 'framer-motion';\nimport { isEqual } from 'lodash-es';\nimport {\n  Children,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n  type KeyboardEvent as ReactKeyboardEvent,\n} from 'react';\nimport { ErrorBoundary, useErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport { FilterIcon } from '@dynatrace/strato-icons';\n\nimport { FilterFieldSuffixButtons } from './components/FilterFieldSuffixButtons.js';\nimport { FilterFieldContext } from './contexts/FilterFieldContext.js';\nimport type { FilterFieldContextProps } from './contexts/FilterFieldContext.types.js';\nimport { FilterFieldLoggerContext } from './contexts/FilterFieldLoggerContext.js';\nimport { handleEditMode } from './editor-state-configs/edit-mode-update-listener.js';\nimport {\n  ANNOTATION_COMPOSE_END,\n  ANNOTATION_DELETE_STATEMENT,\n  ANNOTATION_DOC_CHANGED_CONTROLLED,\n  ANNOTATION_END_PASTING_MODE,\n  ANNOTATION_SUGGESTION_APPLY,\n  disabledPropCompartment,\n  overrideKeys,\n  pastingEffect,\n  placeholderCompartment,\n  readOnlyPropCompartment,\n  stringAnnotation,\n  suggestionsCompartment,\n  validatorMapEffect,\n  type PastingInfo,\n} from './editor-state-configs/editor-config.js';\nimport {\n  handleControlledPasting,\n  handlePastingTransaction,\n} from './editor-state-configs/pasting-update-listener.js';\nimport { ErrorFallback } from './error-fallback/ErrorFallback.js';\nimport { obfuscateFilterString } from './error-fallback/filter-value-obfuscation-util.js';\nimport { DynamicFilterFieldConfigurations } from './extensions/compartments.js';\nimport { FilterFieldInteractionsExtension } from './extensions/interactions-extensions.js';\nimport { FilterFieldLanguageExtension } from './extensions/language-extension.js';\nimport { FilterFieldRecentSavedFiltersExtension } from './extensions/recent-saved-filters.js';\nimport { FilterFieldSyntaxHighlightingExtension } from './extensions/syntax-highlighting-extension.js';\nimport * as styles from './FilterField.sty.js';\nimport type { FilterFieldProps } from './FilterField.types.js';\nimport { usePinnedFilterSuggestions } from './hooks/recent-and-pinned/usePinnedFilterSuggestions.js';\nimport { useRecentFilterMutation } from './hooks/recent-and-pinned/useRecentFilters.js';\nimport { useRecentFilterSuggestions } from './hooks/recent-and-pinned/useRecentFilterSuggestions.js';\nimport { useCachedTreeConversion } from './hooks/useCachedTreeConversion.js';\nimport { useErrorAwareViewRef } from './hooks/useErrorAwareViewRef.js';\nimport { useErrorLogsStore } from './hooks/useErrorLogsStore.js';\nimport { useFilterFieldLinting } from './hooks/useFilterFieldLinting.js';\nimport { useSuggestions } from './hooks/useSuggestions.js';\nimport { useUpdatableCallback } from './hooks/useUpdatableCallback.js';\nimport { filterFieldMessages } from './messages.js';\nimport { getNumberParser } from './parser/getNumberParser.js';\nimport { filterFieldReducer } from './state/filter-field-state-reducer.js';\nimport { Suggestion } from './suggestions/Suggestion.js';\nimport { SuggestionDetails } from './suggestions/SuggestionDetails.js';\nimport { SuggestionGroup } from './suggestions/SuggestionGroup.js';\nimport { SuggestionGroupLabel } from './suggestions/SuggestionGroupLabel.js';\nimport { DEFAULT_SUGGESTIONS_COUNT } from './suggestions/suggestions-config.js';\nimport { suggestionsExtension } from './suggestions/suggestions-extension.js';\nimport { Suggestions } from './suggestions/Suggestions.js';\nimport { SuggestionsOverlay } from './suggestions/SuggestionsOverlay.js';\nimport { autoFormatLogicalOperators } from './utils/auto-format-logical-operators.js';\nimport {\n  getCurrentFocusableListItem,\n  getFirstFocusableListItem,\n  getLastFocusableListItem,\n  getNextFocusableListItem,\n} from './utils/get-next-suggestion.js';\nimport {\n  type InternalValidatorMap,\n  toInternalValidatorMap,\n} from './utils/validation-utils/normalize-validator-map.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { OverlayStackingContext } from '../../core/contexts/OverlayStacking.js';\nimport { useAriaLabelingProps as _useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useFormControlState } from '../../core/hooks/useFormControlState.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport * as editorStyles from '../../editors/base-code-editor/BaseCodeEditor.sty.js';\nimport { withFormFieldMessageContextProvider } from '../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { InternalBaseItem as BaseItem } from '../../forms/forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useFormFieldMessagesContext } from '../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport { getI18nErrorMessage } from '../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport { useSyncedFormControlProps } from '../../forms/forms-core/hooks/useSyncedFormControlProps.js';\nimport { FormFieldMessagesAction } from '../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { useInputHint } from '../../forms/hooks/useInputHint.js';\nimport type { FormControlWithOverlayRef } from '../../forms/shared-types.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { closeAllOverlays } from '../../overlays/hooks/useOverlay.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { Text } from '../../typography/text/Text.js';\n\n// TODO: Keyboard navigation in filter field (easy deletion of whole statements etc.).\n// TODO: Control label?\n// TODO: Check keyboard navigation with empty suggestions overlay again.\n// TODO: Test that custom suggestions are shown properly depending on the autoSuggestions prop.\n// TODO: Check if we can combine tree conversion and error / diagnostics generation.\n// TODO: Suggestions overlay max-height + virtualization.\n// TODO: Add test for auto-formatting.\n// TODO: Test for correct cursor position when editing in combination with auto-formatting of logical operators.\n\nconst COMPONENT_NAME = 'FilterField';\n\nfunction isEditorSelection(selection: unknown): selection is EditorSelection {\n  return (selection as EditorSelection).ranges !== undefined;\n}\n\n/** @public */\nexport type FilterFieldRef = FormControlWithOverlayRef & {\n  /**\n   * Allows a recent filter to be saved into the users application state.\n   */\n  saveRecentFilter: () => Promise<void>;\n};\n\nconst _FilterField = forwardRef<FilterFieldRef, FilterFieldProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      name,\n      value,\n      defaultValue,\n      required: propRequired,\n      disabled: propDisabled,\n      readOnly: propReadOnly = false,\n      placeholder: placeholderProp,\n      id: propId,\n      autoSuggestions = false,\n      defaultSuggestionsCount: _defaultSuggestionsCount,\n      controlState,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      'aria-disabled': propAriaDisabled,\n      onChange,\n      onSuggest,\n      onFilter,\n      validatorMap,\n      parserConfig,\n      filterNamespace,\n      customTypes,\n      ...remainingProps\n    } = props;\n    const [behavioralTrackingProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const setCursorPosition = useErrorLogsStore(\n      (state) => state.setCursorPosition,\n    );\n    const setAction = useErrorLogsStore((state) => state.setAction);\n    const setIsControlled = useErrorLogsStore((state) => state.setIsControlled);\n\n    const suggestionsSlot = Children.toArray(children).find((child) =>\n      isSlot(child, Suggestions),\n    );\n\n    const { getSyntaxTree } = useCachedTreeConversion();\n\n    const intl = useIntl();\n\n    const { showBoundary } = useErrorBoundary();\n\n    const onChangeRef = useUpdatableCallback(onChange);\n    const onFilterRef = useUpdatableCallback(onFilter);\n\n    // validatorMap ref to use in everything codemirror related.\n    const validatorMapRef = useRef(validatorMap);\n    const customTypesRef = useRef(customTypes);\n    const internalValidatorMapRef = useRef<InternalValidatorMap | undefined>();\n\n    const numberParser = getNumberParser();\n\n    const isUserEventComposeRef = useRef(false);\n    const valuePlaceholderWildcardSelection = useRef<{\n      isActive: boolean;\n      range?: { from: number; to: number };\n      potentialNewValue?: string;\n    }>({ isActive: false });\n\n    const {\n      id,\n      disabled,\n      required,\n      ariaDisabled,\n      readOnly: _readOnly,\n    } = useSyncedFormControlProps({\n      propAriaDisabled,\n      propDisabled,\n      propId,\n      propRequired,\n      propReadOnly,\n    });\n    const readOnly = !!_readOnly;\n\n    // Values from previous render-cycle to trigger updates while rendering.\n    // This way, we can avoid using effects, which would trigger another render.\n    const [prevValue, setPrevValue] = useState(value);\n\n    const [prevPropDisabled, setPrevPropDisabled] = useState(disabled);\n    const [prevPropRequired, setPrevPropRequired] = useState(required);\n    const [prevPropReadOnly, setPrevPropReadOnly] = useState(readOnly);\n    const [prevPropId, setPrevPropId] = useState(id);\n\n    const [prevPlaceholderProp, setPrevPlaceholderProp] =\n      useState(placeholderProp);\n    const [prevOnSuggest, setPrevOnSuggest] = useState(() => onSuggest);\n\n    const isControlled = value !== undefined;\n    useEffect(() => {\n      setIsControlled(isControlled);\n    }, [isControlled, setIsControlled]);\n\n    const placeholder = intl.formatMessage(filterFieldMessages.placeholder);\n    const overlayStacking = useContext(OverlayStackingContext);\n\n    // Suggestions overlay setup.\n    const suggestionsOverlayRef = useRef<HTMLDivElement | null>(null);\n    const {\n      targetRef,\n      overlayRef: _overlayRef,\n      overlayState,\n      overlayProps: _overlayProps,\n    } = useOverlayWithTrigger({\n      placement: 'bottom-start',\n      placementFallbacks: ['top-start'],\n      widthStrategy: 'trigger',\n      offset: 4,\n      // Workaround to close all other overlays when opening the suggestions overlay to avoid overlapping overlays.\n      // TODO: Refactor with APPDEV-3373.\n      onOpenChange(isOpen: boolean) {\n        if (\n          isOpen &&\n          !suggestionsOverlayRef.current &&\n          editorViewRef.current?.hasFocus\n        ) {\n          closeAllOverlays(overlayStacking);\n\n          // Workaround:\n          // Closing all other overlays unmounts the focus scopes as well, in turn returning the focus\n          // to the closed overlay's trigger (e.g. TimeframeSelector).\n          // To keep the focus on the filter field, we need to move it back programmatically.\n          // TODO: Refactor with APPDEV-3373.\n          requestAnimationFrame(() => {\n            editorViewRef.current?.focus();\n          });\n        }\n      },\n    });\n\n    const overlayRef = useMergeRefs<HTMLDivElement | null>([\n      suggestionsOverlayRef,\n      _overlayRef,\n    ]);\n    const { style: overlayStyles } = _overlayProps;\n\n    // Element refs.\n    const triggerRef = useRef<HTMLDivElement | null>(null);\n    const editorViewRef = useRef<EditorView | null>(null);\n    const internalRootRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useMergeRefs<HTMLDivElement | null>([\n      targetRef,\n      internalRootRef,\n    ]);\n    const hiddenInputRef = useRef<HTMLInputElement | null>(null);\n\n    const ariaLabelingProps = _useAriaLabelingProps(props);\n    const pastingInfoRef = useRef<PastingInfo>({\n      pastingInProgress: false,\n    });\n\n    // Error boundary awareness\n    const { viewDispatch } = useErrorAwareViewRef(editorViewRef);\n\n    // Linting.\n    const filterFieldLinter = useFilterFieldLinting(customTypes);\n    const [hasFormControlError, hint] = useFormControlState(controlState);\n    const [hasSyntaxError, setHasSyntaxError] = useState(false);\n    const {\n      state: formFieldMessageState,\n      dispatch: formFieldMessageContextDispatch,\n    } = useFormFieldMessagesContext();\n\n    // This state is needed for the correct FilterField error outline and icon\n    const [showError, setShowError] = useState(false);\n    useEffect(() => {\n      if (\n        showError &&\n        !hasFormControlError &&\n        !hasSyntaxError &&\n        !formFieldMessageState.showError\n      ) {\n        setShowError(false);\n      }\n\n      const hasNotFocusInside =\n        !editorViewRef.current?.hasFocus &&\n        !internalRootRef.current?.contains(document.activeElement);\n      if (\n        hasNotFocusInside &&\n        formFieldMessageState.isTouched &&\n        (hasFormControlError ||\n          formFieldMessageState.showError ||\n          hasSyntaxError)\n      ) {\n        setShowError(true);\n      }\n      // We omit the dependency to showError, as we would run into the\n      // effect too often then, as we change this in the effect\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n      hasFormControlError,\n      hasSyntaxError,\n      formFieldMessageState.showError,\n      editorViewRef.current?.hasFocus,\n    ]);\n\n    // DEPRECATION: [APPDEV-8298] _useInputHint will be replaced with new validation concept.\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    const { inputProps, hintProps } = useInputHint({\n      hint,\n      hasError: showError,\n    });\n\n    // Flag for the form validation to indicate whether the FilterField has been blurred.\n    const isDirtyRef = useRef<boolean>(false);\n\n    const [prevDisabled, setPrevDisabled] = useState(disabled);\n\n    if (disabled !== prevDisabled) {\n      setPrevDisabled(disabled);\n      viewDispatch({\n        effects: disabledPropCompartment.reconfigure(\n          EditorView.editable.of(!disabled),\n        ),\n      });\n    }\n\n    const [prevReadOnly, setPrevReadOnly] = useState(readOnly);\n\n    if (readOnly !== prevReadOnly) {\n      setPrevReadOnly(readOnly);\n      viewDispatch({\n        effects: readOnlyPropCompartment.reconfigure(\n          EditorState.readOnly.of(readOnly || false),\n        ),\n      });\n    }\n\n    // FilterField form control message ids\n    const filterFieldCustomErrorRef = useRef<string>(useId());\n    const filterFieldRequiredErrorRef = useRef<string>(useId());\n\n    const validate = useCallback(() => {\n      // Handle required error\n      if (valueRef.current === '' && required) {\n        // Add required error.\n        formFieldMessageContextDispatch?.({\n          type: FormFieldMessagesAction.ADDMESSAGE,\n          payload: {\n            id: filterFieldRequiredErrorRef.current,\n            validityStateKey: 'valueMissing',\n            variant: 'error',\n            message: (\n              <Text textStyle=\"small\" as=\"p\">\n                {getI18nErrorMessage('valueMissing', hiddenInputRef.current)}\n              </Text>\n            ),\n            messageType: 'formcontrol',\n          },\n        });\n      } else if (valueRef.current !== '' && required) {\n        // clean up required error\n        formFieldMessageContextDispatch?.({\n          type: FormFieldMessagesAction.REMOVEMESSAGE,\n          payload: {\n            id: filterFieldRequiredErrorRef.current,\n            messageType: 'formcontrol',\n          },\n        });\n      }\n    }, [formFieldMessageContextDispatch, required]);\n\n    const updateSyntaxError = useCallback(\n      (isValid: boolean) => {\n        setHasSyntaxError(!isValid);\n\n        if (!isValid) {\n          formFieldMessageContextDispatch?.({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              id: filterFieldCustomErrorRef.current,\n              validityStateKey: 'customError',\n              variant: 'error',\n              message: intl.formatMessage(filterFieldMessages.syntaxError),\n              messageType: 'formcontrol',\n            },\n          });\n        } else {\n          formFieldMessageContextDispatch?.({\n            type: FormFieldMessagesAction.REMOVEMESSAGE,\n            payload: {\n              id: filterFieldCustomErrorRef.current,\n              messageType: 'formcontrol',\n            },\n          });\n        }\n      },\n      [formFieldMessageContextDispatch, setHasSyntaxError, intl],\n    );\n\n    const onInputChange = () => {\n      // only validate on change when there is an error\n      if (isDirtyRef.current) {\n        validate();\n      }\n    };\n\n    const onInputBlur = () => {\n      // always validate on blur\n      isDirtyRef.current = true;\n      validate();\n      formFieldMessageContextDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: true },\n      });\n    };\n\n    const saveRecentFilter = useRecentFilterMutation(filterNamespace);\n    useRecentFilterSuggestions(editorViewRef, filterNamespace);\n    usePinnedFilterSuggestions(\n      editorViewRef,\n      filterNamespace,\n      overlayState.isOpen,\n    );\n\n    useImperativeHandle(\n      forwardedRef,\n      (): FilterFieldRef => ({\n        element: internalRootRef.current,\n        triggerRef: triggerRef.current,\n        inputRef: hiddenInputRef.current,\n        focus: () => {\n          hiddenInputRef.current?.focus();\n          // If programmatically focused via the hidden input, we want to move the cursor to the end\n          editorViewRef.current?.dispatch({\n            selection: { anchor: editorViewRef.current.state.doc.length },\n          });\n        },\n        open: () => hiddenInputRef.current?.focus(),\n        close: () => overlayState.close(),\n        validate: () => {\n          validate();\n          formFieldMessageContextDispatch?.({\n            type: FormFieldMessagesAction.SETISTOUCHED,\n            payload: { isTouched: true },\n          });\n        },\n        saveRecentFilter: async () => {\n          if (filterNamespace) {\n            // Make sure to not leak any pending promise errors\n            await saveRecentFilter(valueRef.current).catch(() => undefined);\n          }\n        },\n      }),\n      [\n        overlayState,\n        validate,\n        formFieldMessageContextDispatch,\n        filterNamespace,\n        saveRecentFilter,\n      ],\n    );\n\n    // FilterField state.\n    const [state, dispatch] = useReducer(filterFieldReducer, {\n      suggestions: new Map(),\n      activeSuggestion: -1,\n    });\n    const [hideDeleteWhileTyping, setHideDeleteWhileTyping] = useState(false);\n\n    const {\n      ariaAttributes,\n      autoSuggestionsConfig,\n      recentSuggestionValues,\n      pinnedSuggestionValues,\n      logicalOperatorSuggestionValues,\n      pastedContentSuggestionValues,\n      searchSuggestionValues,\n      fallbackKeySuggestionValues,\n      statementSuggestionValues,\n      focusedListItem,\n      suggestionsContext,\n      applySuggestion,\n      handleNextSuggestion,\n      suggestionsOverlayHintId,\n      _onSuggest,\n    } = useSuggestions({\n      ariaDisabled,\n      autoSuggestions,\n      isOpen: overlayState.isOpen,\n      id,\n      suggestionsOverlayRef,\n      editorViewRef,\n      onSuggest,\n      viewDispatch,\n      hiddenInputRef,\n      ariaLabelingProps,\n    });\n\n    // Reference of the currently applied value, stored in a ref to avoid constantly\n    // reconfiguring the editor.\n    const valueRef = useRef(value ?? defaultValue ?? '');\n    // Reference of the transaction needed to get from the current state to the next\n    // state if the filter field is controlled.\n    const transactionRef = useRef<TransactionSpec[] | undefined>(undefined);\n    // Reference to determine whether search suggestions are valid for the current input.\n    const isValidSearchRef = useRef(false);\n\n    /**\n     * Effect for configuring the editor.\n     * Only called on mount.\n     * State variables / stateful functions needed are either stored in refs or updated using codemirror compartments.\n     */\n    useEffect(() => {\n      if (!triggerRef.current) {\n        return;\n      }\n\n      function handleOnChange(transaction: Transaction) {\n        if (!editorViewRef.current) {\n          return transaction;\n        }\n\n        let newValue = transaction.newDoc.toString();\n        let transactions: TransactionSpec[] = [];\n\n        const tree = syntaxTree(transaction.state);\n\n        const {\n          tree: convertedTree,\n          isValid,\n          isValidSearch,\n        } = getSyntaxTree({\n          tree,\n          view: editorViewRef.current,\n          numberParser,\n          doc: transaction.newDoc.toString(),\n          internalValidatorMap: internalValidatorMapRef.current,\n          customTypes: customTypesRef.current,\n          parserConfig,\n        });\n\n        isValidSearchRef.current = isValidSearch;\n        // this has to be set regardless of whether the newValue is equal\n        // to the valueRef.current as we also want to update the error\n        // state when programmatically changing the value\n        updateSyntaxError(isValid);\n        onInputChange();\n\n        const annotation = transaction.annotation(stringAnnotation);\n        if (annotation === ANNOTATION_DOC_CHANGED_CONTROLLED) {\n          return transaction;\n        }\n\n        // Avoid overriding the action for logging errors for suggestion transactions.\n        if (annotation !== ANNOTATION_SUGGESTION_APPLY) {\n          setAction({\n            type: 'handleOnChange',\n            data: {\n              value: valueRef.current,\n              newValue,\n            },\n          });\n        }\n\n        if (newValue !== valueRef.current) {\n          if (isControlled) {\n            handleControlledPasting(transaction, pastingInfoRef);\n          }\n\n          setHideDeleteWhileTyping(true);\n\n          // Run auto-formatter for any modifications of the document other than deletions.\n          // If something is deleted, the auto-formatter has already been executed when the\n          // new document was entered.\n          if (\n            !transaction.isUserEvent('delete.backward') &&\n            !transaction.isUserEvent('delete.forward')\n          ) {\n            [newValue, transactions] = autoFormatLogicalOperators(\n              newValue,\n              tree,\n              transaction.selection?.ranges[\n                transaction.selection?.mainIndex ?? 0\n              ].to ?? transaction.newDoc.toString().length,\n            );\n          }\n\n          onChangeRef.current?.(newValue, convertedTree, isValid);\n\n          transactionRef.current = [{ selection: transaction.newSelection }];\n          const userEvent = transaction.annotation(Transaction.userEvent);\n          transactionRef.current = [\n            {\n              ...transaction,\n              // On Windows / Linux, hitting 'Shift + Delete' results in an undefined selection,\n              // leading to the suggestions callback not being triggered.\n              // Even for an empty value, there should always be a selection.\n              selection: transaction.newSelection ?? { anchor: 0 },\n              // Annotations are not automatically stored, we need to do that manually\n              // to be able to determine, which action triggered the transaction when applying\n              // the new value in a controlled scenario.\n              annotations: Transaction.userEvent.of(\n                userEvent\n                  ? userEvent\n                  : transaction.annotation(stringAnnotation) ?? '',\n              ),\n            },\n            ...transactions,\n          ];\n\n          if (!isControlled) {\n            valueRef.current = newValue;\n            onInputChange();\n          }\n\n          return isControlled ? [] : [transaction, ...transactions];\n        }\n\n        return [transaction];\n      }\n\n      internalValidatorMapRef.current = toInternalValidatorMap(validatorMap);\n\n      const initialEditorState = EditorState.create({\n        doc: value ?? defaultValue ?? '',\n        extensions: [\n          FilterFieldLanguageExtension,\n          filterFieldLinter,\n          FilterFieldSyntaxHighlightingExtension,\n          FilterFieldInteractionsExtension({\n            closeSuggestions: overlayState.close,\n            showBoundary,\n          }),\n          DynamicFilterFieldConfigurations({\n            ariaAttributes,\n            disabled: !!disabled,\n            readOnly,\n            placeholder: placeholderProp ?? placeholder,\n          }),\n          EditorView.domEventObservers({\n            compositionend: () => {\n              isUserEventComposeRef.current = false;\n              editorViewRef.current?.dispatch({\n                annotations: stringAnnotation.of(ANNOTATION_COMPOSE_END),\n              });\n            },\n          }),\n          FilterFieldRecentSavedFiltersExtension,\n\n          /**\n           * Suggestions\n           */\n          suggestionsCompartment.of(\n            suggestionsExtension({\n              overlayState,\n              numberParser,\n              onSuggest,\n              internalValidatorMap: internalValidatorMapRef.current,\n              _onSuggest,\n              getSyntaxTree,\n              parserConfig,\n              customTypes: customTypesRef.current,\n            }),\n          ),\n\n          /**\n           * Listeners\n           */\n          // Update cursor position for error logging whenever it changes.\n          EditorState.transactionFilter.of((transaction) => {\n            const userEvent = transaction.annotation(Transaction.userEvent);\n            if (userEvent?.includes('select')) {\n              setCursorPosition(transaction.state.selection.main.anchor);\n            }\n\n            return transaction;\n          }),\n\n          // Intercept transactions that change the doc to not instantly apply the changes\n          // in a controlled scenario. Instead, the transaction is stored so we can apply\n          // it if the consumer actually updates the value.\n          EditorState.transactionFilter.of((transaction) => {\n            // Safeguard.\n            if (!editorViewRef.current) {\n              return transaction;\n            }\n\n            // Check annotations for a controlled value update.\n            const annotation = transaction.annotation(stringAnnotation);\n            if (annotation === ANNOTATION_DOC_CHANGED_CONTROLLED) {\n              return handleOnChange(transaction);\n            }\n\n            // We need to trigger startCompletion when pasting mode is ending to update the suggestions.\n            if (annotation === ANNOTATION_END_PASTING_MODE) {\n              queueMicrotask(() => {\n                try {\n                  if (editorViewRef?.current) {\n                    startCompletion(editorViewRef.current);\n                  }\n                } catch (e) {\n                  showBoundary(e);\n                }\n              });\n            }\n\n            // If we have a user event (usually some kind of input), we need to check for\n            // composition events to properly handle composed characters in a controlled scenario.\n            let userEvent = transaction.annotation(Transaction.userEvent);\n\n            // Certain custom transactions should also be treated as user event.\n            if (userEvent === undefined) {\n              switch (annotation) {\n                case ANNOTATION_COMPOSE_END:\n                  userEvent = ANNOTATION_COMPOSE_END;\n                  break;\n                case ANNOTATION_DELETE_STATEMENT:\n                  userEvent = ANNOTATION_DELETE_STATEMENT;\n                  break;\n                case ANNOTATION_SUGGESTION_APPLY: {\n                  userEvent = ANNOTATION_SUGGESTION_APPLY;\n\n                  // If there is a selection of the value placeholder of a wildcard\n                  // suggestion we need to save the selection to be able to restore\n                  // it after a controlled value update\n                  const selection = transaction.selection?.ranges;\n                  if (\n                    selection &&\n                    selection[0] &&\n                    selection[0].to - selection[0].from === 5\n                  ) {\n                    valuePlaceholderWildcardSelection.current = {\n                      isActive: true,\n                      range: { from: selection[0].from, to: selection[0].to },\n                      potentialNewValue: transaction.newDoc.toString(),\n                    };\n                  }\n                  break;\n                }\n              }\n            }\n\n            if (userEvent === 'input.type.compose.start') {\n              // Composition event was started. Do not intercept any transaction while ongoing.\n              isUserEventComposeRef.current = true;\n            }\n\n            // Any transaction not related to a user event should not be handled specifically.\n            // Transactions of an ongoing composition should also be forwarded to properly\n            // show the composition steps in the input.\n            if (!userEvent || isUserEventComposeRef.current) {\n              return transaction;\n            }\n            if (\n              ((transaction.docChanged && userEvent) ||\n                !isUserEventComposeRef.current) &&\n              // We add the space character in the updateListener, so we don't want to call OnChange.\n              !transaction.isUserEvent('select')\n            ) {\n              return handleOnChange(transaction);\n            }\n\n            return transaction;\n          }),\n\n          EditorView.updateListener.of((update) => {\n            // Check if the transaction is undo or redo in order to not accidentally call onChange\n            // twice. Usually onChange is called before applying the changes. However, undo and redo\n            // are considered as transactions that occur after the view has been updated.\n            // Therefore, we explicitly call onChange if that is the case.\n            const isUndoOrRedo = update.transactions.some(\n              (transaction) =>\n                transaction.isUserEvent('undo') ||\n                transaction.isUserEvent('redo'),\n            );\n\n            if (update.docChanged && isUndoOrRedo) {\n              update.transactions.forEach((transaction) =>\n                handleOnChange(transaction),\n              );\n\n              editorView?.dispatch({\n                effects: [\n                  pastingEffect.of({\n                    pastingInProgress: false,\n                  }),\n                ],\n              });\n            }\n          }),\n\n          // Update Listener for pasting\n          EditorView.updateListener.of((update) => {\n            handlePastingTransaction(\n              update,\n              pastingInfoRef,\n              editorView,\n              editorViewRef,\n            );\n          }),\n\n          // Automatically insert a space at the end of the input when entering edit mode,\n          // if the cursor is at the end, the statement is complete, and no trailing space or bracket is present.\n          // This starts a new statement.\n          EditorView.updateListener.of((update) => {\n            handleEditMode(update, suggestionsContext);\n          }),\n        ],\n      });\n\n      const editorView = new EditorView({\n        state: initialEditorState,\n        parent: triggerRef.current,\n      });\n      editorViewRef.current = editorView;\n\n      if (validatorMap) {\n        // do not use view ref here\n        editorView.dispatch({\n          effects: [validatorMapEffect.of(validatorMapRef?.current)],\n          // In order to re-run the decorations and re-generate errors and diagnostics,\n          // we have to dispatch a new document.\n          changes: {\n            from: 0,\n            to: editorViewRef.current.state.doc.length,\n            insert: editorViewRef.current.state.doc,\n          },\n        });\n      }\n\n      const { isValid, isValidSearch } = getSyntaxTree({\n        tree: syntaxTree(editorView.state),\n        view: editorView,\n        numberParser,\n        doc: editorView.state.doc.toString(),\n        internalValidatorMap: internalValidatorMapRef.current,\n        customTypes: customTypesRef.current,\n        parserConfig,\n      });\n\n      isValidSearchRef.current = isValidSearch;\n      updateSyntaxError(isValid);\n\n      return () => editorView.destroy();\n      // Only run for initializing the filter field.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    // Update the tree and error state if the mode changes.\n    const validatorMapChanged = !isEqual(validatorMap, validatorMapRef.current);\n    const customTypesChanged = !isEqual(customTypes, customTypesRef.current);\n\n    if ((validatorMapChanged || customTypesChanged) && editorViewRef.current) {\n      if (validatorMapChanged) {\n        validatorMapRef.current = validatorMap;\n        internalValidatorMapRef.current = validatorMap\n          ? toInternalValidatorMap(validatorMap)\n          : undefined;\n      }\n\n      if (customTypesChanged) {\n        customTypesRef.current = customTypes;\n      }\n\n      if (validatorMapChanged || customTypesChanged) {\n        viewDispatch({\n          effects: suggestionsCompartment.reconfigure(\n            suggestionsExtension({\n              overlayState,\n              numberParser,\n              onSuggest,\n              _onSuggest,\n              getSyntaxTree,\n              internalValidatorMap: internalValidatorMapRef.current,\n              customTypes: customTypesRef.current,\n              parserConfig,\n            }),\n          ),\n        });\n      }\n\n      const doc = editorViewRef.current.state.doc;\n\n      queueMicrotask(() => {\n        try {\n          if (editorViewRef.current) {\n            const tree = syntaxTree(editorViewRef.current.state);\n            const { tree: convertedTree, isValid } = getSyntaxTree({\n              tree,\n              view: editorViewRef.current,\n              numberParser,\n              doc: doc.toString(),\n              internalValidatorMap: internalValidatorMapRef.current,\n              customTypes: customTypesRef.current,\n              parserConfig,\n            });\n\n            updateSyntaxError(isValid);\n            onChangeRef.current?.(doc.toString(), convertedTree, isValid);\n            onInputChange();\n\n            viewDispatch({\n              effects: [validatorMapEffect.of(validatorMapRef?.current)],\n              // In order to re-run the decorations and re-generate errors and diagnostics,\n              // we have to dispatch a new document.\n              changes: {\n                from: 0,\n                to: editorViewRef.current.state.doc.length,\n                insert: doc.toString(),\n              },\n            });\n\n            // With changed validator map or custom types, the suggestions also need to be re-calculated.\n            // Use a nested queueMicrotask to ensure the viewDispatch above is fully applied\n            // before triggering completion with the new extension.\n            if (validatorMapChanged || customTypesChanged) {\n              queueMicrotask(() => {\n                try {\n                  if (editorViewRef.current) {\n                    startCompletion(editorViewRef.current);\n                  }\n                } catch (e) {\n                  showBoundary(e);\n                }\n              });\n            }\n          }\n        } catch (e) {\n          showBoundary(e);\n        }\n      });\n    }\n\n    // Update configuration compartments that are depending on props when the props change.\n    if (placeholderProp !== prevPlaceholderProp) {\n      viewDispatch({\n        effects: placeholderCompartment.reconfigure(\n          placeholderExtension(placeholderProp ?? placeholder),\n        ),\n      });\n\n      setPrevPlaceholderProp(placeholderProp);\n    }\n\n    // Re-configure the suggestions extension to use a potentially changed callback.\n    if (onSuggest !== prevOnSuggest) {\n      viewDispatch({\n        effects: suggestionsCompartment.reconfigure(\n          suggestionsExtension({\n            overlayState,\n            numberParser,\n            onSuggest,\n            _onSuggest,\n            getSyntaxTree,\n            internalValidatorMap: internalValidatorMapRef.current,\n            customTypes: customTypesRef.current,\n            parserConfig,\n          }),\n        ),\n      });\n\n      setPrevOnSuggest(() => onSuggest);\n    }\n\n    // Dispatch a transaction to update the editor's doc to match the prop\n    // value if it changes and the filter field is controlled.\n    // Since the value may have been adjusted in the `onChange` callback, we replace the whole document.\n    // FIXME: the cursor position jumps in case the value's length changes in the controlled state update.\n    if (value !== prevValue && isControlled) {\n      setPrevValue(value);\n      valueRef.current = value;\n\n      // Wait for any previous codemirror transactions to go through, else it will\n      // throw an error that we are trying to update a state that doesn't start\n      // from the previous state.\n      queueMicrotask(() => {\n        try {\n          setAction({\n            type: 'controlledValueChange',\n            data: {\n              value: prevValue ?? '',\n              newValue: valueRef.current,\n            },\n          });\n\n          onInputChange();\n          const lastTransaction =\n            transactionRef.current &&\n            transactionRef.current[transactionRef.current.length - 1];\n          const selection =\n            lastTransaction?.selection ??\n            // Fall back to the current editor selection in case the last transaction is undefined\n            // to avoid a jumping cursor when typing really fast.\n            editorViewRef.current?.state.selection;\n\n          const anchor = Math.min(\n            value.length,\n            (isEditorSelection(selection)\n              ? selection.ranges[0].anchor\n              : selection?.anchor) ?? value.length,\n          );\n\n          let dispatchedSelection: { anchor: number; head?: number } = {\n            anchor,\n          };\n\n          // Select the value placeholder if inserting a wildcard suggestion with a placeholder\n          if (\n            valuePlaceholderWildcardSelection.current?.isActive &&\n            valuePlaceholderWildcardSelection.current?.potentialNewValue ===\n              value\n          ) {\n            const selectionFrom =\n              valuePlaceholderWildcardSelection.current.range?.from;\n            const selectionTo =\n              valuePlaceholderWildcardSelection.current.range?.to;\n\n            if (\n              selectionFrom &&\n              selectionFrom <= value.length &&\n              selectionTo &&\n              selectionTo <= value.length\n            ) {\n              dispatchedSelection = {\n                anchor: selectionFrom,\n                head: selectionTo,\n              };\n            }\n          }\n\n          viewDispatch({\n            changes: {\n              from: 0,\n              to: editorViewRef.current?.state.doc.length ?? 0,\n              insert: value,\n            },\n            annotations: stringAnnotation.of(ANNOTATION_DOC_CHANGED_CONTROLLED),\n            selection: dispatchedSelection,\n          });\n\n          // Reset the value placeholder selection.\n          if (valuePlaceholderWildcardSelection.current) {\n            valuePlaceholderWildcardSelection.current = {\n              isActive: false,\n            };\n          }\n\n          transactionRef.current = undefined;\n        } catch (e) {\n          showBoundary(e);\n        }\n      });\n    }\n\n    if (\n      disabled !== prevPropDisabled ||\n      required !== prevPropRequired ||\n      readOnly !== prevPropReadOnly ||\n      id !== prevPropId\n    ) {\n      setPrevPropDisabled(disabled);\n      setPrevPropRequired(required);\n      setPrevPropReadOnly(readOnly);\n      setPrevPropId(id);\n\n      // Update disabled if disabled prop changes\n      if (disabled !== prevPropDisabled) {\n        viewDispatch({\n          effects: disabledPropCompartment.reconfigure(\n            EditorView.editable.of(!disabled),\n          ),\n        });\n      }\n\n      // Update read-only if read-only prop changes\n      if (readOnly !== prevPropReadOnly) {\n        viewDispatch({\n          effects: readOnlyPropCompartment.reconfigure(\n            EditorState.readOnly.of(readOnly),\n          ),\n        });\n      }\n    }\n\n    const [hasAriaLivePolite, setHasAriaLivePolite] = useState(false);\n\n    useEffect(() => {\n      setHasAriaLivePolite(false);\n      const debounceTimer = setTimeout(() => {\n        setHasAriaLivePolite(true);\n      }, 300);\n\n      return () => {\n        clearTimeout(debounceTimer);\n      };\n    }, [valueRef.current]);\n\n    const defaultSuggestionsCount = useMemo(() => {\n      if (typeof _defaultSuggestionsCount === 'number') {\n        return _defaultSuggestionsCount;\n      }\n      return {\n        empty:\n          _defaultSuggestionsCount?.empty ?? DEFAULT_SUGGESTIONS_COUNT.empty,\n        filled:\n          _defaultSuggestionsCount?.filled ?? DEFAULT_SUGGESTIONS_COUNT.filled,\n      };\n    }, [_defaultSuggestionsCount]);\n\n    const filterFieldContextValue = useMemo<FilterFieldContextProps>(\n      () => ({\n        hasAriaLivePolite,\n        applySuggestion,\n        dispatch,\n        focusedListItem,\n        filterFieldId: id,\n        term: suggestionsContext.current?.token.textValue,\n        autoSuggestions: autoSuggestions ? autoSuggestionsConfig : {},\n        recentSuggestionValues,\n        pinnedSuggestionValues,\n        logicalOperatorSuggestionValues,\n        pastedContentSuggestionValues,\n        searchSuggestionValues,\n        fallbackKeySuggestionValues,\n        fallbackKeys: internalValidatorMapRef.current?.fallbackKeys,\n        statementSuggestionValues,\n        filterStatementKeysMap:\n          internalValidatorMapRef.current?.filterStatementKeysMap,\n        triggerRef: triggerRef.current ?? null,\n        suggestionsOverlayRef: suggestionsOverlayRef.current ?? null,\n        filterNamespace: filterNamespace ?? null,\n        editorView: editorViewRef.current,\n        parserConfig,\n        isValidSearch: isValidSearchRef,\n        defaultSuggestionsCount,\n        handleNextSuggestion,\n      }),\n      [\n        hasAriaLivePolite,\n        applySuggestion,\n        focusedListItem,\n        id,\n        suggestionsContext,\n        autoSuggestions,\n        autoSuggestionsConfig,\n        recentSuggestionValues,\n        pinnedSuggestionValues,\n        logicalOperatorSuggestionValues,\n        pastedContentSuggestionValues,\n        searchSuggestionValues,\n        fallbackKeySuggestionValues,\n        internalValidatorMapRef,\n        statementSuggestionValues,\n        filterNamespace,\n        parserConfig,\n        defaultSuggestionsCount,\n        handleNextSuggestion,\n      ],\n    );\n\n    return (\n      <FilterFieldContext.Provider value={filterFieldContextValue}>\n        <Flex\n          ref={rootRef}\n          data-testid={dataTestId}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          gap={4}\n          flexDirection=\"column\"\n          className={clsx(styles.wrapper, consumerClassName)}\n          style={consumerStyle}\n          onMouseMove={() => {\n            setHideDeleteWhileTyping(false);\n          }}\n          {...behavioralTrackingProps}\n          data-dt-component={COMPONENT_NAME}\n        >\n          <div\n            {...inputProps}\n            aria-invalid={\n              controlState ? inputProps['aria-invalid'] : hasSyntaxError\n            }\n            className={clsx(\n              editorStyles.editorContainer({\n                size: 'default',\n                fullHeight: false,\n                // check if the editor is disabled first to apply proper styling\n                hasError: !(disabled || ariaDisabled) && showError,\n                lineNumbers: 'hidden',\n                readOnly: disabled || readOnly,\n              }),\n              styles.container,\n              props.className,\n              {\n                [styles.errorText]: showError,\n                [styles.errorVars]: showError,\n                [styles.disabled]: disabled,\n                [styles.readOnly]: readOnly,\n                [styles.ariaDisabled]: ariaDisabled,\n                hideDeleteWhileTyping,\n              },\n            )}\n            onBlur={(event) => {\n              // Don't trigger blur if focus is moving to an element within the component (e.g. the clear button).\n              if (\n                event.relatedTarget instanceof Node &&\n                internalRootRef.current?.contains(event.relatedTarget)\n              ) {\n                return;\n              }\n              onInputBlur();\n            }}\n            onKeyDown={(event: ReactKeyboardEvent) => {\n              // Let suffix buttons (clear, pin) handle their own Enter/Space\n              // activation. Otherwise the Enter branch below calls preventDefault\n              // and the focused button never receives a click.\n              if (\n                event.target instanceof HTMLElement &&\n                event.target.closest('button')\n              ) {\n                return;\n              }\n              // If readOnly is set, only allow the tab key to be pressed.\n              // This moves the focus from within the editor to the next focusable element.\n              // Also check if CTRL is pressed to still allow shortcuts like CTRL+'C'.\n              if (readOnly && event.key !== 'Tab' && !event.ctrlKey) {\n                event.preventDefault();\n                return;\n              }\n              switch (event.key) {\n                case 'Space':\n                  if (!editorViewRef.current) {\n                    return;\n                  }\n\n                  if (event.ctrlKey || event.altKey) {\n                    overlayState.open();\n                    startCompletion(editorViewRef.current);\n                  }\n                  break;\n                case 'Enter': {\n                  event.preventDefault();\n\n                  if (event.shiftKey || !editorViewRef.current) {\n                    return;\n                  }\n\n                  // Submitting the filter field\n                  if (!focusedListItem || event.ctrlKey || event.metaKey) {\n                    validate();\n\n                    const { tree, isValid } = getSyntaxTree({\n                      tree: syntaxTree(editorViewRef.current.state),\n                      view: editorViewRef.current,\n                      numberParser,\n                      doc: editorViewRef.current.state.doc.toString(),\n                      internalValidatorMap: internalValidatorMapRef.current,\n                      customTypes,\n                      parserConfig,\n                    });\n\n                    onFilterRef.current?.({\n                      value: valueRef.current,\n                      syntaxTree: tree,\n                      isValid,\n                    });\n\n                    overlayState.close();\n\n                    if (isValid && hiddenInputRef.current?.form) {\n                      let inputCount = 0;\n                      for (const element of Array.from(\n                        hiddenInputRef.current.form.elements,\n                      )) {\n                        // Check if the filter field is the only visible form control.\n                        // Elements included are listed here: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/elements#value\n                        if (\n                          !element.hasAttribute('hidden') &&\n                          ((element.tagName === 'INPUT' &&\n                            element.getAttribute('type') !== 'hidden') ||\n                            element.tagName === 'SELECT' ||\n                            element.tagName === 'TEXTAREA')\n                        ) {\n                          inputCount += 1;\n\n                          if (inputCount > 1) {\n                            break;\n                          }\n                        }\n                      }\n\n                      if (inputCount === 1) {\n                        hiddenInputRef.current?.form?.requestSubmit();\n                      }\n                    } else {\n                      // We have to wait for the form field to set the validity of the form control.\n                      // Then reporting the validity triggers the 'invalid' event, which can be captured on the form.\n                      setTimeout(() => {\n                        hiddenInputRef.current?.form?.reportValidity();\n                      });\n                    }\n                  } else if (focusedListItem && focusedListItem.id) {\n                    // Focusable elements do not have to contain suggestions alone. Suggestions cannot be\n                    // invoked via the click logic in the else branch, since they run `onPointerDown`.\n                    // See suggestions component.\n                    if (state.suggestions.has(focusedListItem.id)) {\n                      state.suggestions.get(focusedListItem.id)?.();\n                    } else {\n                      // Invoke the click of the currently focused element.\n                      const focusedElement =\n                        document.querySelector<HTMLButtonElement>(\n                          `[data-strato-filter-field-virtual-focus-id=\"${focusedListItem?.id}\"]`,\n                        );\n                      focusedElement?.click();\n                    }\n                    return;\n                  }\n\n                  break;\n                }\n              }\n\n              // FIXME: the suggestions overlay may be empty, then we shouldn't handle the keys.\n              if (overlayState.isOpen) {\n                if (overrideKeys.includes(event.key)) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                  const direction =\n                    event.key === 'ArrowUp' ? 'previous' : 'next';\n\n                  const overlay = suggestionsOverlayRef.current;\n                  const currentlyFocusedItem = getCurrentFocusableListItem(\n                    overlay,\n                    focusedListItem?.id,\n                  );\n                  const isAtEnd =\n                    currentlyFocusedItem ===\n                      getLastFocusableListItem(overlay) && direction === 'next';\n                  const isAtStart =\n                    currentlyFocusedItem ===\n                      getFirstFocusableListItem(overlay) &&\n                    direction === 'previous';\n\n                  if (isAtEnd || isAtStart) {\n                    const scrollContainer = overlay?.querySelector(\n                      '[role=\"listbox\"]',\n                    )?.firstElementChild as HTMLElement | null;\n                    if (scrollContainer) {\n                      scrollContainer.scroll({\n                        top:\n                          direction === 'next'\n                            ? 0\n                            : scrollContainer.scrollHeight,\n                      });\n                      requestAnimationFrame(() => {\n                        const nextSuggestion = getNextFocusableListItem(\n                          direction,\n                          overlay,\n                          focusedListItem?.id,\n                        );\n                        handleNextSuggestion(nextSuggestion);\n                      });\n                    }\n                    return;\n                  }\n\n                  const nextSuggestion = getNextFocusableListItem(\n                    direction,\n                    overlay,\n                    focusedListItem?.id,\n                  );\n                  handleNextSuggestion(nextSuggestion);\n                }\n              }\n            }}\n            onKeyDownCapture={(event: ReactKeyboardEvent) => {\n              if (\n                (event.key === 'Home' ||\n                  event.key === 'End' ||\n                  event.key === 'PageUp' ||\n                  event.key === 'PageDown') &&\n                focusedListItem\n              ) {\n                event.stopPropagation();\n                event.preventDefault();\n\n                let nextSuggestion: HTMLElement | null = null;\n\n                if (event.key === 'PageUp' || event.key === 'PageDown') {\n                  const direction =\n                    event.key === 'PageUp' ? 'previous' : 'next';\n\n                  nextSuggestion = getNextFocusableListItem(\n                    direction,\n                    suggestionsOverlayRef.current,\n                    focusedListItem?.id,\n                    5,\n                  );\n                  handleNextSuggestion(nextSuggestion);\n                } else if (event.key === 'Home' || event.key === 'End') {\n                  const overlay = suggestionsOverlayRef.current;\n                  const scrollContainer = overlay?.querySelector(\n                    '[role=\"listbox\"]',\n                  )?.firstElementChild as HTMLElement | null;\n\n                  if (scrollContainer) {\n                    scrollContainer.scroll({\n                      top:\n                        event.key === 'Home' ? 0 : scrollContainer.scrollHeight,\n                    });\n                  }\n\n                  requestAnimationFrame(() => {\n                    const nextSuggestion =\n                      event.key === 'Home'\n                        ? getFirstFocusableListItem(overlay)\n                        : getLastFocusableListItem(overlay);\n                    handleNextSuggestion(nextSuggestion);\n                  });\n                }\n              }\n            }}\n            onMouseDown={(event) => {\n              if (disabled) {\n                event.preventDefault();\n              }\n            }}\n          >\n            <span\n              className={styles.filterIcon({\n                hasError: showError,\n                disabled: disabled || Boolean(ariaDisabled),\n              })}\n            >\n              <FilterIcon />\n            </span>\n            <div ref={triggerRef} style={{ maxHeight: 'inherit' }} />\n            <FilterFieldSuffixButtons\n              value={valueRef.current}\n              ariaDisabled={ariaDisabled}\n              disabled={disabled}\n              showError={showError}\n              readOnly={readOnly}\n            />\n          </div>\n          <AnimatePresence>\n            {/* The editor can still be focused if readOnly is set. */}\n            {/* Since the content is not editable, we prevent the overlay from opening. */}\n            {!readOnly && overlayState.isOpen && (\n              <SuggestionsOverlay\n                ref={overlayRef}\n                data-testid={\n                  dataTestId\n                    ? `filterfield-suggestions-${dataTestId}`\n                    : undefined\n                }\n                overlayProps={{ style: overlayStyles }}\n                data-dtrum-mask={dataDtrumMask}\n                data-dtrum-allow={dataDtrumAllow}\n              >\n                {suggestionsSlot === undefined ? (\n                  <Suggestions>{children}</Suggestions>\n                ) : (\n                  children\n                )}\n              </SuggestionsOverlay>\n            )}\n          </AnimatePresence>\n          {hint && (\n            <BaseItem\n              variant={showError ? 'error' : 'hint'}\n              disabled={disabled || ariaDisabled}\n              {...hintProps}\n            >\n              {hint}\n            </BaseItem>\n          )}\n          <VisuallyHidden>\n            <input\n              ref={hiddenInputRef}\n              name={name}\n              value={valueRef.current}\n              required={required}\n              disabled={disabled}\n              readOnly={readOnly}\n              tabIndex={-1}\n              id={id}\n              onFocus={() => {\n                // The focus should move to the FilterField when clicking on\n                // the label (when using it in a FormField)\n                editorViewRef.current?.focus();\n              }}\n              onChange={() => {\n                /** noop */\n              }}\n              onInvalid={(event) => {\n                event.preventDefault();\n                setShowError(true);\n                event.currentTarget.focus();\n                onInputBlur();\n              }}\n              aria-hidden=\"true\"\n            />\n          </VisuallyHidden>\n          <p\n            id={suggestionsOverlayHintId}\n            className={styles.suggestionsOverlayAnnouncement}\n            aria-hidden=\"true\"\n          >\n            {intl.formatMessage(\n              filterFieldMessages.suggestions.a11y.overlayAnnouncement,\n            )}\n          </p>\n        </Flex>\n      </FilterFieldContext.Provider>\n    );\n  },\n);\n\n(_FilterField as typeof FilterField & { displayName: string }).displayName =\n  COMPONENT_NAME;\n\n/**\n * FilterField component that uses a fallback formFieldMessages-context if it wasn't wrapped in a FormField.\n * @internal\n */\nconst InternalFilterField = withFormFieldMessageContextProvider<\n  FilterFieldProps,\n  FormControlWithOverlayRef\n>(\n  forwardRef<FilterFieldRef, FilterFieldProps>((props, forwardedRef) => {\n    const stratoLogger = useMemo(\n      () =>\n        createStratoLogger.bind({\n          name: props.name,\n          id: props.id,\n        })(COMPONENT_NAME),\n      [props.name, props.id],\n    );\n\n    const cursorPosition = useErrorLogsStore((state) => state.cursorPosition);\n    const action = useErrorLogsStore((state) => state.action);\n    const isControlled = useErrorLogsStore((state) => state.isControlled);\n\n    const loggerContext = useMemo(\n      () => ({ logger: stratoLogger }),\n      [stratoLogger],\n    );\n\n    return (\n      <ErrorBoundary\n        onError={(error) => {\n          if (action !== null) {\n            action.data.value = obfuscateFilterString(\n              action.data.value,\n              props.validatorMap,\n              props.parserConfig,\n            );\n\n            if (\n              action.type === 'handleOnChange' ||\n              action.type === 'controlledValueChange'\n            ) {\n              action.data.newValue = obfuscateFilterString(\n                action.data.newValue,\n                props.validatorMap,\n                props.parserConfig,\n              );\n            }\n          }\n\n          stratoLogger.error(error?.message, error, {\n            filterString: obfuscateFilterString(\n              props.value ?? props.defaultValue ?? '',\n              props.validatorMap,\n              props.parserConfig,\n            ),\n            cursorPosition,\n            action,\n            isControlled,\n          });\n        }}\n        FallbackComponent={(fallbackProps) => (\n          <ErrorFallback {...fallbackProps} />\n        )}\n      >\n        <FilterFieldLoggerContext.Provider value={loggerContext}>\n          {/* eslint-disable-next-line react/jsx-pascal-case */}\n          <_FilterField {...props} ref={forwardedRef} />\n        </FilterFieldLoggerContext.Provider>\n      </ErrorBoundary>\n    );\n  }),\n);\n\n/**\n `FilterField` is an advanced, text-based filtering component. It supports complex data filtering with intuitive filter field syntax and auto-suggestions.\n * @public\n */\nexport const FilterField = Object.assign(InternalFilterField, {\n  Suggestions,\n  Suggestion,\n  SuggestionGroup,\n  SuggestionGroupLabel,\n  SuggestionDetails,\n});\n"],
+  "mappings": "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",
   "names": ["state", "isValid", "isValidSearch", "nextSuggestion"]
 }

package/esm/filters/filter-field/FilterField.sty.js

@@ -1,34 +1,34 @@
 import "../../core/components/app-root/AppRoot.css";
 import "./FilterField.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var ariaDisabled = "_96tj13o-3-5-2";
-var container = "_96tj13c-3-5-2";
-var disabled = "_96tj13p-3-5-2 _96tj13n-3-5-2 _96tj13o-3-5-2";
-var error = "_96tj1311-3-5-2";
-var errorText = "_96tj13e-3-5-2";
-var errorVars = "_96tj13d-3-5-2";
-var escapedCharacter = "_96tj1310-3-5-2";
-var existsOperator = "_96tj13z-3-5-2";
-var filterIcon = _7a468({ defaultClassName: "_96tj13f-3-5-2", variantClassNames: { hasError: { true: "_96tj13g-3-5-2" }, disabled: { true: "_96tj13h-3-5-2" } }, defaultVariants: { hasError: false, disabled: false }, compoundVariants: [] });
-var filterKey = "_96tj13v-3-5-2";
-var filterStatement = "_96tj13j-3-5-2 _96tj13i-3-5-2";
-var filterStatementBase = "_96tj13i-3-5-2";
-var filterStatementDeleteButton = _7a468({ defaultClassName: "_96tj13r-3-5-2", variantClassNames: { incomplete: { true: "_96tj13s-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var filterStatementDeleteIcon = "_96tj13t-3-5-2";
-var filterStatementDeleteWidget = "_96tj13q-3-5-2";
-var filterValue = "_96tj13w-3-5-2";
-var incompleteFilterStatement = "_96tj13k-3-5-2 _96tj13i-3-5-2";
-var intermediateFilterStatement = "_96tj13l-3-5-2";
-var operator = "_96tj13y-3-5-2";
-var pastedContent = "_96tj13m-3-5-2";
-var postSpotError = "_96tj1314-3-5-2";
-var preSpotError = "_96tj1313-3-5-2";
-var readOnly = "_96tj13n-3-5-2";
-var spotError = "_96tj1312-3-5-2";
-var suggestionHintContainer = "_96tj13u-3-5-2";
-var suggestionsOverlayAnnouncement = "_96tj1315-3-5-2";
-var variable = "_96tj13x-3-5-2";
-var wrapper = "_96tj13b-3-5-2";
+var ariaDisabled = "_96tj13o-3-7-0";
+var container = "_96tj13c-3-7-0";
+var disabled = "_96tj13p-3-7-0 _96tj13n-3-7-0 _96tj13o-3-7-0";
+var error = "_96tj1311-3-7-0";
+var errorText = "_96tj13e-3-7-0";
+var errorVars = "_96tj13d-3-7-0";
+var escapedCharacter = "_96tj1310-3-7-0";
+var existsOperator = "_96tj13z-3-7-0";
+var filterIcon = _7a468({ defaultClassName: "_96tj13f-3-7-0", variantClassNames: { hasError: { true: "_96tj13g-3-7-0" }, disabled: { true: "_96tj13h-3-7-0" } }, defaultVariants: { hasError: false, disabled: false }, compoundVariants: [] });
+var filterKey = "_96tj13v-3-7-0";
+var filterStatement = "_96tj13j-3-7-0 _96tj13i-3-7-0";
+var filterStatementBase = "_96tj13i-3-7-0";
+var filterStatementDeleteButton = _7a468({ defaultClassName: "_96tj13r-3-7-0", variantClassNames: { incomplete: { true: "_96tj13s-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var filterStatementDeleteIcon = "_96tj13t-3-7-0";
+var filterStatementDeleteWidget = "_96tj13q-3-7-0";
+var filterValue = "_96tj13w-3-7-0";
+var incompleteFilterStatement = "_96tj13k-3-7-0 _96tj13i-3-7-0";
+var intermediateFilterStatement = "_96tj13l-3-7-0";
+var operator = "_96tj13y-3-7-0";
+var pastedContent = "_96tj13m-3-7-0";
+var postSpotError = "_96tj1314-3-7-0";
+var preSpotError = "_96tj1313-3-7-0";
+var readOnly = "_96tj13n-3-7-0";
+var spotError = "_96tj1312-3-7-0";
+var suggestionHintContainer = "_96tj13u-3-7-0";
+var suggestionsOverlayAnnouncement = "_96tj1315-3-7-0";
+var variable = "_96tj13x-3-7-0";
+var wrapper = "_96tj13b-3-7-0";
 export {
   ariaDisabled,
   container,

package/esm/filters/filter-field/FilterField.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/filter-field/FilterField.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './FilterField.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ariaDisabled = '_96tj13o-3-5-2';\nexport var container = '_96tj13c-3-5-2';\nexport var disabled = '_96tj13p-3-5-2 _96tj13n-3-5-2 _96tj13o-3-5-2';\nexport var error = '_96tj1311-3-5-2';\nexport var errorText = '_96tj13e-3-5-2';\nexport var errorVars = '_96tj13d-3-5-2';\nexport var escapedCharacter = '_96tj1310-3-5-2';\nexport var existsOperator = '_96tj13z-3-5-2';\nexport var filterIcon = _7a468({defaultClassName:'_96tj13f-3-5-2',variantClassNames:{hasError:{true:'_96tj13g-3-5-2'},disabled:{true:'_96tj13h-3-5-2'}},defaultVariants:{hasError:false,disabled:false},compoundVariants:[]});\nexport var filterKey = '_96tj13v-3-5-2';\nexport var filterStatement = '_96tj13j-3-5-2 _96tj13i-3-5-2';\nexport var filterStatementBase = '_96tj13i-3-5-2';\nexport var filterStatementDeleteButton = _7a468({defaultClassName:'_96tj13r-3-5-2',variantClassNames:{incomplete:{true:'_96tj13s-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var filterStatementDeleteIcon = '_96tj13t-3-5-2';\nexport var filterStatementDeleteWidget = '_96tj13q-3-5-2';\nexport var filterValue = '_96tj13w-3-5-2';\nexport var incompleteFilterStatement = '_96tj13k-3-5-2 _96tj13i-3-5-2';\nexport var intermediateFilterStatement = '_96tj13l-3-5-2';\nexport var operator = '_96tj13y-3-5-2';\nexport var pastedContent = '_96tj13m-3-5-2';\nexport var postSpotError = '_96tj1314-3-5-2';\nexport var preSpotError = '_96tj1313-3-5-2';\nexport var readOnly = '_96tj13n-3-5-2';\nexport var spotError = '_96tj1312-3-5-2';\nexport var suggestionHintContainer = '_96tj13u-3-5-2';\nexport var suggestionsOverlayAnnouncement = '_96tj1315-3-5-2';\nexport var variable = '_96tj13x-3-5-2';\nexport var wrapper = '_96tj13b-3-5-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './FilterField.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ariaDisabled = '_96tj13o-3-7-0';\nexport var container = '_96tj13c-3-7-0';\nexport var disabled = '_96tj13p-3-7-0 _96tj13n-3-7-0 _96tj13o-3-7-0';\nexport var error = '_96tj1311-3-7-0';\nexport var errorText = '_96tj13e-3-7-0';\nexport var errorVars = '_96tj13d-3-7-0';\nexport var escapedCharacter = '_96tj1310-3-7-0';\nexport var existsOperator = '_96tj13z-3-7-0';\nexport var filterIcon = _7a468({defaultClassName:'_96tj13f-3-7-0',variantClassNames:{hasError:{true:'_96tj13g-3-7-0'},disabled:{true:'_96tj13h-3-7-0'}},defaultVariants:{hasError:false,disabled:false},compoundVariants:[]});\nexport var filterKey = '_96tj13v-3-7-0';\nexport var filterStatement = '_96tj13j-3-7-0 _96tj13i-3-7-0';\nexport var filterStatementBase = '_96tj13i-3-7-0';\nexport var filterStatementDeleteButton = _7a468({defaultClassName:'_96tj13r-3-7-0',variantClassNames:{incomplete:{true:'_96tj13s-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var filterStatementDeleteIcon = '_96tj13t-3-7-0';\nexport var filterStatementDeleteWidget = '_96tj13q-3-7-0';\nexport var filterValue = '_96tj13w-3-7-0';\nexport var incompleteFilterStatement = '_96tj13k-3-7-0 _96tj13i-3-7-0';\nexport var intermediateFilterStatement = '_96tj13l-3-7-0';\nexport var operator = '_96tj13y-3-7-0';\nexport var pastedContent = '_96tj13m-3-7-0';\nexport var postSpotError = '_96tj1314-3-7-0';\nexport var preSpotError = '_96tj1313-3-7-0';\nexport var readOnly = '_96tj13n-3-7-0';\nexport var spotError = '_96tj1312-3-7-0';\nexport var suggestionHintContainer = '_96tj13u-3-7-0';\nexport var suggestionsOverlayAnnouncement = '_96tj1315-3-7-0';\nexport var variable = '_96tj13x-3-7-0';\nexport var wrapper = '_96tj13b-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe;AACnB,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,iBAAiB;AACrB,IAAI,aAAa,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,UAAS,OAAM,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrN,IAAI,YAAY;AAChB,IAAI,kBAAkB;AACtB,IAAI,sBAAsB;AAC1B,IAAI,8BAA8B,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1K,IAAI,4BAA4B;AAChC,IAAI,8BAA8B;AAClC,IAAI,cAAc;AAClB,IAAI,4BAA4B;AAChC,IAAI,8BAA8B;AAClC,IAAI,WAAW;AACf,IAAI,gBAAgB;AACpB,IAAI,gBAAgB;AACpB,IAAI,eAAe;AACnB,IAAI,WAAW;AACf,IAAI,YAAY;AAChB,IAAI,0BAA0B;AAC9B,IAAI,iCAAiC;AACrC,IAAI,WAAW;AACf,IAAI,UAAU;",
   "names": []
 }

package/esm/filters/filter-field/components/FilterFieldSuffixButtons.css

@@ -1,13 +1,13 @@
-._ck599t0-3-5-2 {
+._ck599t0-3-7-0 {
   position: absolute;
   right: var(--dt-spacings-size-4, 4px);
   top: var(--dt-spacings-size-4, 4px);
   z-index: 1;
   gap: var(--dt-spacings-size-2, 2px);
 }
-._ck599t1-3-5-2 {
+._ck599t1-3-7-0 {
   margin: var(--dt-spacings-size-2, 2px) 0;
 }
-._ck599t2-3-5-2 {
+._ck599t2-3-7-0 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }

package/esm/filters/filter-field/components/FilterFieldSuffixButtons.js

@@ -36,6 +36,7 @@ function FilterFieldSuffixButtons(props) {
         },
         annotations: Transaction.userEvent.of("clear")
       });
+      editorView.focus();
     }
   };
   return /* @__PURE__ */ jsxs(Flex, { className: styles.suffix, gap: 2, children: [

package/esm/filters/filter-field/components/FilterFieldSuffixButtons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/components/FilterFieldSuffixButtons.tsx"],
-  "sourcesContent": ["import { Transaction } from '@codemirror/state';\nimport { useIntl } from 'react-intl';\n\nimport { XmarkIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from './FilterFieldSuffixButtons.sty.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { Divider } from '../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { useErrorAwareViewRef } from '../hooks/useErrorAwareViewRef.js';\nimport { useErrorLogsStore } from '../hooks/useErrorLogsStore.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { SuggestionPin } from '../suggestions/SuggestionPin.js';\n\nexport function FilterFieldSuffixButtons(\n  props: Readonly<{\n    value: string;\n    disabled?: boolean;\n    ariaDisabled?: boolean;\n    showError?: boolean;\n    readOnly: boolean;\n  }>,\n) {\n  const { value, disabled, ariaDisabled, showError, readOnly } = props;\n\n  const { filterNamespace, filterFieldId, editorView } =\n    useFilterFieldContext();\n\n  const intl = useIntl();\n\n  // Error boundary awareness\n  const { viewDispatch } = useErrorAwareViewRef({ current: editorView });\n  const setAction = useErrorLogsStore((state) => state.setAction);\n\n  if (!value) {\n    return null;\n  }\n\n  const handleClearButton = () => {\n    if (editorView) {\n      setAction({\n        type: 'clearFilter',\n        data: {\n          value,\n        },\n      });\n\n      viewDispatch({\n        changes: {\n          from: 0,\n          to: editorView?.state.doc.length,\n          insert: '',\n        },\n        annotations: Transaction.userEvent.of('clear'),\n      });\n    }\n  };\n\n  return (\n    <Flex className={styles.suffix} gap={2}>\n      {filterNamespace && (\n        <>\n          <SuggestionPin\n            size=\"condensed\"\n            className={styles.button}\n            disabled={disabled || readOnly}\n            aria-disabled={ariaDisabled}\n            filterString={value}\n            placement=\"top\"\n            fallbackPlacements={['top', 'right', 'left']}\n            id={`${filterFieldId}-pin-button`}\n            showError={showError}\n          />\n          <Divider\n            orientation=\"vertical\"\n            className={styles.divider}\n            color={showError ? 'critical' : 'neutral'}\n          />\n        </>\n      )}\n      <Button\n        size=\"condensed\"\n        onClick={handleClearButton}\n        aria-label={intl.formatMessage(filterFieldMessages.clearFilter)}\n        color={showError ? 'critical' : 'neutral'}\n        className={styles.button}\n        disabled={disabled || readOnly}\n        aria-disabled={ariaDisabled}\n        data-dt-name=\"ClearAll\"\n      >\n        <Button.Prefix>\n          <XmarkIcon />\n        </Button.Prefix>\n      </Button>\n    </Flex>\n  );\n}\n"],
-  "mappings": "AA8DQ,mBACE,KADF;AA9DR,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,SAAS,iBAAiB;AAE1B,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAEvB,SAAS,yBACd,OAOA;AACA,QAAM,EAAE,OAAO,UAAU,cAAc,WAAW,SAAS,IAAI;AAE/D,QAAM,EAAE,iBAAiB,eAAe,WAAW,IACjD,sBAAsB;AAExB,QAAM,OAAO,QAAQ;AAGrB,QAAM,EAAE,aAAa,IAAI,qBAAqB,EAAE,SAAS,WAAW,CAAC;AACrE,QAAM,YAAY,kBAAkB,CAAC,UAAU,MAAM,SAAS;AAE9D,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,YAAY;AACd,gBAAU;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,UACJ;AAAA,QACF;AAAA,MACF,CAAC;AAED,mBAAa;AAAA,QACX,SAAS;AAAA,UACP,MAAM;AAAA,UACN,IAAI,YAAY,MAAM,IAAI;AAAA,UAC1B,QAAQ;AAAA,QACV;AAAA,QACA,aAAa,YAAY,UAAU,GAAG,OAAO;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SACE,qBAAC,QAAK,WAAW,OAAO,QAAQ,KAAK,GAClC;AAAA,uBACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,OAAO;AAAA,UAClB,UAAU,YAAY;AAAA,UACtB,iBAAe;AAAA,UACf,cAAc;AAAA,UACd,WAAU;AAAA,UACV,oBAAoB,CAAC,OAAO,SAAS,MAAM;AAAA,UAC3C,IAAI,GAAG,aAAa;AAAA,UACpB;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,aAAY;AAAA,UACZ,WAAW,OAAO;AAAA,UAClB,OAAO,YAAY,aAAa;AAAA;AAAA,MAClC;AAAA,OACF;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,KAAK,cAAc,oBAAoB,WAAW;AAAA,QAC9D,OAAO,YAAY,aAAa;AAAA,QAChC,WAAW,OAAO;AAAA,QAClB,UAAU,YAAY;AAAA,QACtB,iBAAe;AAAA,QACf,gBAAa;AAAA,QAEb,8BAAC,OAAO,QAAP,EACC,8BAAC,aAAU,GACb;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import { Transaction } from '@codemirror/state';\nimport { useIntl } from 'react-intl';\n\nimport { XmarkIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from './FilterFieldSuffixButtons.sty.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { Divider } from '../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { useErrorAwareViewRef } from '../hooks/useErrorAwareViewRef.js';\nimport { useErrorLogsStore } from '../hooks/useErrorLogsStore.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { SuggestionPin } from '../suggestions/SuggestionPin.js';\n\nexport function FilterFieldSuffixButtons(\n  props: Readonly<{\n    value: string;\n    disabled?: boolean;\n    ariaDisabled?: boolean;\n    showError?: boolean;\n    readOnly: boolean;\n  }>,\n) {\n  const { value, disabled, ariaDisabled, showError, readOnly } = props;\n\n  const { filterNamespace, filterFieldId, editorView } =\n    useFilterFieldContext();\n\n  const intl = useIntl();\n\n  // Error boundary awareness\n  const { viewDispatch } = useErrorAwareViewRef({ current: editorView });\n  const setAction = useErrorLogsStore((state) => state.setAction);\n\n  if (!value) {\n    return null;\n  }\n\n  const handleClearButton = () => {\n    if (editorView) {\n      setAction({\n        type: 'clearFilter',\n        data: {\n          value,\n        },\n      });\n\n      viewDispatch({\n        changes: {\n          from: 0,\n          to: editorView?.state.doc.length,\n          insert: '',\n        },\n        annotations: Transaction.userEvent.of('clear'),\n      });\n\n      // The clear button unmounts once the value is empty, so without this\n      // the focus would fall back to <body>. Restore it to the editor.\n      editorView.focus();\n    }\n  };\n\n  return (\n    <Flex className={styles.suffix} gap={2}>\n      {filterNamespace && (\n        <>\n          <SuggestionPin\n            size=\"condensed\"\n            className={styles.button}\n            disabled={disabled || readOnly}\n            aria-disabled={ariaDisabled}\n            filterString={value}\n            placement=\"top\"\n            fallbackPlacements={['top', 'right', 'left']}\n            id={`${filterFieldId}-pin-button`}\n            showError={showError}\n          />\n          <Divider\n            orientation=\"vertical\"\n            className={styles.divider}\n            color={showError ? 'critical' : 'neutral'}\n          />\n        </>\n      )}\n      <Button\n        size=\"condensed\"\n        onClick={handleClearButton}\n        aria-label={intl.formatMessage(filterFieldMessages.clearFilter)}\n        color={showError ? 'critical' : 'neutral'}\n        className={styles.button}\n        disabled={disabled || readOnly}\n        aria-disabled={ariaDisabled}\n        data-dt-name=\"ClearAll\"\n      >\n        <Button.Prefix>\n          <XmarkIcon />\n        </Button.Prefix>\n      </Button>\n    </Flex>\n  );\n}\n"],
+  "mappings": "AAkEQ,mBACE,KADF;AAlER,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AAExB,SAAS,iBAAiB;AAE1B,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAEvB,SAAS,yBACd,OAOA;AACA,QAAM,EAAE,OAAO,UAAU,cAAc,WAAW,SAAS,IAAI;AAE/D,QAAM,EAAE,iBAAiB,eAAe,WAAW,IACjD,sBAAsB;AAExB,QAAM,OAAO,QAAQ;AAGrB,QAAM,EAAE,aAAa,IAAI,qBAAqB,EAAE,SAAS,WAAW,CAAC;AACrE,QAAM,YAAY,kBAAkB,CAAC,UAAU,MAAM,SAAS;AAE9D,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,YAAY;AACd,gBAAU;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,UACJ;AAAA,QACF;AAAA,MACF,CAAC;AAED,mBAAa;AAAA,QACX,SAAS;AAAA,UACP,MAAM;AAAA,UACN,IAAI,YAAY,MAAM,IAAI;AAAA,UAC1B,QAAQ;AAAA,QACV;AAAA,QACA,aAAa,YAAY,UAAU,GAAG,OAAO;AAAA,MAC/C,CAAC;AAID,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF;AAEA,SACE,qBAAC,QAAK,WAAW,OAAO,QAAQ,KAAK,GAClC;AAAA,uBACC,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,OAAO;AAAA,UAClB,UAAU,YAAY;AAAA,UACtB,iBAAe;AAAA,UACf,cAAc;AAAA,UACd,WAAU;AAAA,UACV,oBAAoB,CAAC,OAAO,SAAS,MAAM;AAAA,UAC3C,IAAI,GAAG,aAAa;AAAA,UACpB;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,aAAY;AAAA,UACZ,WAAW,OAAO;AAAA,UAClB,OAAO,YAAY,aAAa;AAAA;AAAA,MAClC;AAAA,OACF;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,KAAK,cAAc,oBAAoB,WAAW;AAAA,QAC9D,OAAO,YAAY,aAAa;AAAA,QAChC,WAAW,OAAO;AAAA,QAClB,UAAU,YAAY;AAAA,QACtB,iBAAe;AAAA,QACf,gBAAa;AAAA,QAEb,8BAAC,OAAO,QAAP,EACC,8BAAC,aAAU,GACb;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
   "names": []
 }

package/esm/filters/filter-field/components/FilterFieldSuffixButtons.sty.js

@@ -1,7 +1,7 @@
 import "./FilterFieldSuffixButtons.css";
-var button = "_ck599t2-3-5-2";
-var divider = "_ck599t1-3-5-2";
-var suffix = "_ck599t0-3-5-2";
+var button = "_ck599t2-3-7-0";
+var divider = "_ck599t1-3-7-0";
+var suffix = "_ck599t0-3-7-0";
 export {
   button,
   divider,

package/esm/filters/filter-field/components/FilterFieldSuffixButtons.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/components/FilterFieldSuffixButtons.css.ts"],
-  "sourcesContent": ["import './FilterFieldSuffixButtons.css';\nexport var button = '_ck599t2-3-5-2';\nexport var divider = '_ck599t1-3-5-2';\nexport var suffix = '_ck599t0-3-5-2';"],
+  "sourcesContent": ["import './FilterFieldSuffixButtons.css';\nexport var button = '_ck599t2-3-7-0';\nexport var divider = '_ck599t1-3-7-0';\nexport var suffix = '_ck599t0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,UAAU;AACd,IAAI,SAAS;",
   "names": []
 }