@dynatrace/strato-components 3.0.1 → 3.1.1

package/esm/filters/filter-field/hooks/useShowMore.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/hooks/useShowMore.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useLayoutEffect,\n  useMemo,\n  useState,\n  type ReactElement,\n} from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport {\n  ChevronDownSmallIcon,\n  ChevronUpSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport type { ButtonProps } from '../../../buttons/button/Button.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { useFilterFieldContext } from './useFilterFieldContext.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport * as styles from '../suggestions/RecentPinnedSuggestionItem.sty.js';\nimport { SuggestionGroup } from '../suggestions/SuggestionGroup.js';\nimport type { FilterFieldSuggestionGroupProps } from '../suggestions/SuggestionGroup.types.js';\nimport {\n  getCurrentFocusableListItemByIndex,\n  getCurrentFocusableListItemIndex,\n} from '../utils/get-next-suggestion.js';\nimport { isFilterFieldSuggestionGroup } from '../utils/tree-node-guards.js';\n\n/** @internal */\nexport function useShowMore<T>(props: { items: T[]; primaryCount: number }): {\n  items: T[];\n  isSliced: boolean;\n  isExpanded: boolean;\n  controlProps: ButtonProps<'button'>;\n} {\n  const { items, primaryCount } = props;\n\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [pendingNextSuggestionIndex, setPendingNextSuggestionIndex] = useState<\n    number | null\n  >(null);\n\n  const { focusedListItem, handleNextSuggestion, suggestionsOverlayRef } =\n    useFilterFieldContext();\n\n  const id = useId();\n\n  useLayoutEffect(() => {\n    if (pendingNextSuggestionIndex !== null) {\n      const element = getCurrentFocusableListItemByIndex(\n        suggestionsOverlayRef,\n        pendingNextSuggestionIndex,\n      );\n      handleNextSuggestion(element);\n\n      setPendingNextSuggestionIndex(null);\n    }\n  }, [pendingNextSuggestionIndex, suggestionsOverlayRef, handleNextSuggestion]);\n\n  const controlProps = useMemo<ButtonProps<'button'>>(\n    () => ({\n      // Role needs to be option, because otherwise NVDA will crash if the activeDecendant of a listbox is anything other than a role option or group.\n      role: 'option',\n      onClick: (event) => {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const isKeyboard =\n          event.detail === 0 || event.nativeEvent instanceof KeyboardEvent;\n\n        if (isExpanded || !isKeyboard) {\n          setIsExpanded((previousState) => !previousState);\n          return;\n        }\n\n        const index = getCurrentFocusableListItemIndex(\n          suggestionsOverlayRef,\n          focusedListItem?.id,\n        );\n\n        setIsExpanded((previousState) => !previousState);\n\n        // Set the index for useLayoutEffect to handle after DOM update\n        setPendingNextSuggestionIndex(index ?? null);\n      },\n      id,\n      'data-strato-filter-field-virtual-focus-id': id,\n      'data-strato-filter-field-virtual-focus-type': 'button',\n      className: clsx(styles.showMoreButton, {\n        'virtual-focus': id === focusedListItem?.id,\n      }),\n      width: 'full',\n      textAlign: 'start',\n      style: {\n        transitionTimingFunction: 'none',\n        transitionDuration: '0s',\n        transition: 'none',\n      },\n      children: (\n        <Flex gap={2} as=\"span\" paddingLeft={4}>\n          <FormattedMessage\n            {...filterFieldMessages.suggestions.showMore}\n            values={{ isExpanded }}\n          />\n          {isExpanded ? <ChevronUpSmallIcon /> : <ChevronDownSmallIcon />}\n        </Flex>\n      ),\n    }),\n    [focusedListItem?.id, id, isExpanded, suggestionsOverlayRef],\n  );\n\n  const { items: resultItems, isSliced } = useMemo(\n    () => sliceSuggestions<T>(items, primaryCount),\n    // Only recompute when the suggestions themselves change to avoid flashing\n    // when the primaryCount toggles (e.g., empty vs filled input) without data changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [items],\n  );\n\n  if (primaryCount === -1) {\n    return {\n      items,\n      isSliced: false,\n      isExpanded,\n      controlProps,\n    };\n  }\n\n  return {\n    items: isExpanded ? items : resultItems,\n    isSliced,\n    controlProps,\n    isExpanded,\n  };\n}\n\n/**\n * Slice the default suggestions in case they exceed the defined limit of suggestions\n * shown. Suggestions will only be sliced if there are at least two more suggestions than\n * the defined count.\n *\n * Example with a count of 5 that explains why we do it that way:\n * - 5 suggestions: we show all suggestions (they're still below the count that was\n * specified)\n * - 6 suggestions: we show all suggestions (adding a show more button would only\n * redundantly collapse one suggestion)\n * - 7 suggestions: we show only five suggestions + a show more button to reveal the\n * additional suggestions\n */\nfunction sliceSuggestions<T>(\n  suggestions: T[],\n  count: number,\n): { items: T[]; isSliced: boolean } {\n  let totalSuggestionCount = 0;\n  const itemsShown: T[] = [];\n\n  for (const item of suggestions) {\n    if (totalSuggestionCount >= count + 2) {\n      break;\n    }\n\n    // Handles a suggestion group object.\n    if (isFilterFieldSuggestionGroup(item)) {\n      if (item.suggestions) {\n        const missingCount = Math.max(0, count - totalSuggestionCount);\n        itemsShown.push({\n          ...item,\n          suggestions: item.suggestions.slice(0, missingCount),\n        });\n        totalSuggestionCount += item.suggestions.length;\n      }\n      continue;\n    }\n\n    // Handles a suggestion group compound component.\n    if (isValidElement(item) && isSlot(item, SuggestionGroup)) {\n      const { children, suggestions: groupSuggestions = [] } = item.props;\n      const groupChildSuggestions = Children.toArray(children);\n      const groupSuggestionCount =\n        groupChildSuggestions.length + groupSuggestions.length;\n\n      // Early continue if the whole group can be added.\n      if (totalSuggestionCount + groupSuggestionCount <= count) {\n        itemsShown.push(item);\n        totalSuggestionCount += groupSuggestionCount;\n        continue;\n      }\n\n      let diffCount = Math.max(0, count - totalSuggestionCount);\n      const hasGroupSuggestions =\n        groupSuggestions.length > 0 || groupChildSuggestions.length > 0;\n\n      if (hasGroupSuggestions && diffCount > 0) {\n        const newProps: Partial<FilterFieldSuggestionGroupProps> = {\n          suggestions: [],\n          children: [],\n        };\n\n        // Add suggestions and children up to the remaining count.\n        newProps.suggestions = groupSuggestions.slice(0, diffCount);\n        diffCount = Math.max(0, diffCount - groupSuggestions.length);\n        newProps.children = groupChildSuggestions.slice(0, diffCount);\n\n        itemsShown.push(cloneElement(item as ReactElement, newProps) as T);\n      }\n\n      totalSuggestionCount += groupSuggestionCount;\n    }\n\n    // Handle anything that is not a group (e.g., single Suggestion element).\n    if (totalSuggestionCount < count) {\n      itemsShown.push(item);\n    }\n    totalSuggestionCount++;\n  }\n\n  // Return original suggestions if they fit within the limit.\n  if (totalSuggestionCount <= count + 1) {\n    return { items: suggestions, isSliced: false };\n  }\n\n  // Return sliced suggestions if they exceed the limit.\n  return { items: itemsShown, isSliced: true };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { useLayoutEffect, useMemo, useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport {\n  ChevronDownSmallIcon,\n  ChevronUpSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport type { ButtonProps } from '../../../buttons/button/Button.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { useFilterFieldContext } from './useFilterFieldContext.js';\nimport * as styles from '../suggestions/RecentPinnedSuggestionItem.sty.js';\nimport type { FlattenedSuggestionItem } from '../suggestions/Suggestion.types.js';\nimport {\n  getCurrentFocusableListItemByIndex,\n  getCurrentFocusableListItemIndex,\n} from '../utils/get-next-suggestion.js';\n\n/**\n * Slice result type.\n * @internal\n */\ntype SliceResult<T> = { items: T[]; isSliced: boolean };\n\n/**\n * Slice function type.\n * @internal\n */\ntype SliceFn<T> = (items: T[], count: number) => SliceResult<T>;\n\n/** @internal */\nexport function useShowMore<T>(props: {\n  items: T[];\n  primaryCount: number;\n  sliceFn?: SliceFn<T>;\n}): {\n  items: T[];\n  isSliced: boolean;\n  isExpanded: boolean;\n  controlProps: ButtonProps<'button'>;\n} {\n  const { items, primaryCount, sliceFn: _propSliceFn } = props;\n  const sliceFn: SliceFn<T> = _propSliceFn ?? defaultSlice;\n\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [pendingNextSuggestionIndex, setPendingNextSuggestionIndex] = useState<\n    number | null\n  >(null);\n\n  const { focusedListItem, handleNextSuggestion, suggestionsOverlayRef } =\n    useFilterFieldContext();\n\n  const id = useId();\n\n  useLayoutEffect(() => {\n    if (pendingNextSuggestionIndex !== null) {\n      const element = getCurrentFocusableListItemByIndex(\n        suggestionsOverlayRef,\n        pendingNextSuggestionIndex,\n      );\n      handleNextSuggestion(element);\n\n      setPendingNextSuggestionIndex(null);\n    }\n  }, [pendingNextSuggestionIndex, suggestionsOverlayRef, handleNextSuggestion]);\n\n  const controlProps = useMemo<ButtonProps<'button'>>(\n    () => ({\n      // Role needs to be option, because otherwise NVDA will crash if the activeDecendant of a listbox is anything other than a role option or group.\n      role: 'option',\n      onClick: (event) => {\n        event.preventDefault();\n        event.stopPropagation();\n\n        const isKeyboard =\n          event.detail === 0 || event.nativeEvent instanceof KeyboardEvent;\n\n        if (isExpanded || !isKeyboard) {\n          setIsExpanded((previousState) => !previousState);\n          return;\n        }\n\n        const index = getCurrentFocusableListItemIndex(\n          suggestionsOverlayRef,\n          focusedListItem?.id,\n        );\n\n        setIsExpanded((previousState) => !previousState);\n\n        // Set the index for useLayoutEffect to handle after DOM update\n        setPendingNextSuggestionIndex(index ?? null);\n      },\n      id,\n      'data-strato-filter-field-virtual-focus-id': id,\n      'data-strato-filter-field-virtual-focus-type': 'button',\n      className: clsx(styles.showMoreButton, {\n        'virtual-focus': id === focusedListItem?.id,\n      }),\n      width: 'full',\n      textAlign: 'start',\n      style: {\n        transitionTimingFunction: 'none',\n        transitionDuration: '0s',\n        transition: 'none',\n      },\n      children: (\n        <Flex gap={2} as=\"span\" paddingLeft={4}>\n          <FormattedMessage\n            {...filterFieldMessages.suggestions.showMore}\n            values={{ isExpanded }}\n          />\n          {isExpanded ? <ChevronUpSmallIcon /> : <ChevronDownSmallIcon />}\n        </Flex>\n      ),\n    }),\n    [focusedListItem?.id, id, isExpanded, suggestionsOverlayRef],\n  );\n\n  const { items: resultItems, isSliced } = useMemo(\n    () => sliceFn(items, primaryCount),\n    // Only recompute when the suggestions themselves change to avoid flashing\n    // when the primaryCount toggles (e.g., empty vs filled input) without data changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [items, sliceFn],\n  );\n\n  if (primaryCount === -1) {\n    return {\n      items,\n      isSliced: false,\n      isExpanded,\n      controlProps,\n    };\n  }\n\n  return {\n    items: isExpanded ? items : resultItems,\n    isSliced,\n    controlProps,\n    isExpanded,\n  };\n}\n\n/**\n * Simple array slicing with +1 buffer to avoid showing \"show more\" if there is only one additional item.\n * @internal\n */\nfunction defaultSlice<T>(items: T[], count: number): SliceResult<T> {\n  if (items.length <= count + 1) {\n    return { items, isSliced: false };\n  }\n  return { items: items.slice(0, count), isSliced: true };\n}\n\n/**\n * Slice the flat suggestions in case they exceed the defined limit of suggestions\n * shown. Group headers don't count toward the  suggestion limit, but will only be rendered\n * if a suggestion is still visible afterwards.\n * Suggestions will only be sliced if there are at least two more suggestions than\n * the defined count.\n *\n * Example with a count of 5 that explains why we do it that way:\n * - 5 suggestions: we show all suggestions (they're still below the count that was\n * specified)\n * - 6 suggestions: we show all suggestions (adding a show more button would only\n * redundantly collapse one suggestion)\n * - 7 suggestions: we show only five suggestions + a show more button to reveal the\n * additional suggestions\n * @internal\n */\nexport function sliceFlattenedSuggestions(\n  suggestions: FlattenedSuggestionItem[],\n  count: number,\n): SliceResult<FlattenedSuggestionItem> {\n  if (count === -1) {\n    return { items: suggestions, isSliced: false };\n  }\n\n  let totalSuggestionCount = 0;\n  for (const item of suggestions) {\n    if (item.kind !== 'group-header') {\n      totalSuggestionCount++;\n    }\n  }\n\n  // Return original suggestions if they fit within the limit.\n  if (totalSuggestionCount <= count + 1) {\n    return { items: suggestions, isSliced: false };\n  }\n\n  let visibleCount = 0;\n  const itemsShown: FlattenedSuggestionItem[] = [];\n\n  for (const item of suggestions) {\n    // Add group header, but don't increase the visible count, since group headers don't count towards the suggestion limit.\n    if (item.kind === 'group-header') {\n      itemsShown.push(item);\n      continue;\n    }\n\n    if (visibleCount >= count) {\n      break;\n    }\n\n    itemsShown.push(item);\n    visibleCount++;\n  }\n\n  // Trim trailing group-header.\n  if (\n    itemsShown.length > 0 &&\n    itemsShown[itemsShown.length - 1].kind === 'group-header'\n  ) {\n    itemsShown.pop();\n  }\n\n  return { items: itemsShown, isSliced: true };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/filters/filter-field/hooks/useSuggestions.js

@@ -36,6 +36,7 @@ function useSuggestions(props) {
   const setUserAction = useErrorLogsStore((state) => state.setAction);
   const { ariaProps } = useFormFieldValidation(
     hiddenInputRef,
+    {},
     ariaLabelingProps
   );
   const [
@@ -268,15 +269,9 @@ function useSuggestions(props) {
   const autoSuggestionsConfig = useMemo(() => {
     const filterValue = suggestionsContext.current?.currentStatement?.value;
     const cursorPosition = editorViewRef.current?.state.selection.main.head;
-    const suggestions = [
-      ...autoSuggestionValues.key?.suggestions ?? [],
-      ...autoSuggestionValues.comparisonOperator?.suggestions ?? [],
-      ...autoSuggestionValues.value?.suggestions ?? []
-    ];
     return {
       trailing: cursorPosition === filterValue?.range.to ? " " : void 0,
-      groupedSuggestions: autoSuggestionValues,
-      flattenedSuggestions: suggestions
+      groupedSuggestions: autoSuggestionValues
     };
   }, [autoSuggestionValues]);
   return {

package/esm/filters/filter-field/hooks/useSuggestions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/hooks/useSuggestions.ts"],
-  "sourcesContent": ["import type { Transaction, TransactionSpec } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type MutableRefObject,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\n\nimport { useErrorLogsStore } from './useErrorLogsStore.js';\nimport { useReferencedState } from './useReferencedState.js';\nimport { usePrevious } from '../../../core/hooks/usePrevious.js';\nimport { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport { useFormFieldValidation } from '../../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport type { FilterFieldAutoSuggestionsContextProps } from '../contexts/FilterFieldContext.types.js';\nimport {\n  ANNOTATION_SUGGESTION_APPLY,\n  ariaAttributesCompartment,\n  stringAnnotation,\n} from '../editor-state-configs/editor-config.js';\nimport { filterFieldMessages } from '../messages.js';\nimport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from '../suggestions/Suggestion.types.js';\nimport type {\n  FilterFieldSuggestionsContext,\n  InternalFilterFieldSuggestionsCallback,\n} from '../suggestions/suggestions-extension.js';\nimport type {\n  FilterFieldGroupedSuggestions,\n  FilterFieldSuggestionsCallback,\n} from '../types/suggestions.js';\nimport type { FilterFieldNodeBase } from '../types/tree-nodes.js';\nimport {\n  getCurrentFocusableListItem,\n  type VirtualFocusItem,\n} from '../utils/get-next-suggestion.js';\nimport { getSuggestionTransaction } from '../utils/get-suggestion-transaction.js';\nimport type { FilterFieldSuggestionRecentPinnedSuggestion } from '../utils/suggestions-utils/recent-and-pinned-suggestions.js';\n\nexport function useSuggestions(props: {\n  ariaDisabled: boolean | undefined;\n  autoSuggestions: boolean;\n  isOpen: boolean;\n  id: string;\n  suggestionsOverlayRef: MutableRefObject<HTMLDivElement | null>;\n  editorViewRef: MutableRefObject<EditorView | null>;\n  viewDispatch: (\n    args: Transaction | TransactionSpec | TransactionSpec[],\n  ) => void;\n  onSuggest?: FilterFieldSuggestionsCallback;\n  hiddenInputRef: MutableRefObject<HTMLInputElement | null>;\n  ariaLabelingProps?: AriaLabelingProps;\n}) {\n  const {\n    ariaDisabled,\n    autoSuggestions,\n    isOpen,\n    id,\n    suggestionsOverlayRef,\n    editorViewRef,\n    onSuggest,\n    viewDispatch,\n    hiddenInputRef,\n    ariaLabelingProps,\n  } = props;\n\n  const setUserAction = useErrorLogsStore((state) => state.setAction);\n  const { ariaProps } = useFormFieldValidation(\n    hiddenInputRef,\n    ariaLabelingProps,\n  );\n\n  const [\n    autoSuggestionValues,\n    setAutoSuggestionValues,\n    autoSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldGroupedSuggestions>({});\n\n  const [\n    recentSuggestionValues,\n    setRecentSuggestionValues,\n    recentSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestionRecentPinnedSuggestion[]>([]);\n\n  const [\n    pinnedSuggestionValues,\n    setPinnedSuggestionValues,\n    pinnedSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestionRecentPinnedSuggestion[]>([]);\n\n  const [\n    logicalOperatorSuggestionValues,\n    setLogicalOperatorSuggestionValues,\n    logicalOperatorSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    pastedContentSuggestionValues,\n    setPastedContentSuggestionValues,\n    pastedContentSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    searchSuggestionValues,\n    setSearchSuggestionValues,\n    searchSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    fallbackKeySuggestionValues,\n    setFallbackKeySuggestionValues,\n    fallbackKeySuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    statementSuggestionValues,\n    setStatementSuggestionValues,\n    statementSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [prevAutoSuggestionValues, setPrevAutoSuggestionValues] =\n    useState<FilterFieldGroupedSuggestions>({});\n\n  const [prevRecentSuggestionValues, setPrevRecentSuggestionValues] = useState<\n    FilterFieldSuggestionRecentPinnedSuggestion[]\n  >([]);\n\n  const [\n    prevPastedContentSuggestionValues,\n    setPrevPastedContentSuggestionValues,\n  ] = useState<FilterFieldSuggestion[]>([]);\n\n  const [prevSearchSuggestionValues, setPrevSearchSuggestionValues] = useState<\n    FilterFieldSuggestion[]\n  >([]);\n\n  const [prevFallbackKeySuggestionValues, setPrevFallbackKeySuggestionValues] =\n    useState<FilterFieldSuggestion[]>([]);\n\n  const [prevStatementSuggestionValues, setPrevStatementSuggestionValues] =\n    useState<FilterFieldSuggestion[]>([]);\n\n  const [focusedListItem, setFocusedListItem] = useState<\n    VirtualFocusItem | undefined\n  >();\n  // Previously focused suggestion. Used to trigger an update of the attributes\n  // compartment when rendering to avoid an additional re-render.\n  const prevFocusedListItem = usePrevious(focusedListItem);\n\n  // The currently entered last term to use for highlighting matching parts of suggestions.\n  const suggestionsContext = useRef<FilterFieldSuggestionsContext | undefined>(\n    undefined,\n  );\n\n  // Suggestions callback to determine which suggestions to show.\n  const _onSuggest: InternalFilterFieldSuggestionsCallback = useCallback(\n    (args) => {\n      suggestionsContext.current = args.suggestionsContext;\n\n      if (\n        autoSuggestions &&\n        JSON.stringify(args.autoSuggestionValues) !==\n          JSON.stringify(autoSuggestionValuesRef.current)\n      ) {\n        setAutoSuggestionValues(args.autoSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.recentSuggestionValues) !==\n        JSON.stringify(recentSuggestionValuesRef.current)\n      ) {\n        setRecentSuggestionValues(args.recentSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.pinnedSuggestionValues) !==\n        JSON.stringify(pinnedSuggestionValuesRef.current)\n      ) {\n        setPinnedSuggestionValues(args.pinnedSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.logicalOperatorSuggestionValues) !==\n        JSON.stringify(logicalOperatorSuggestionValuesRef.current)\n      ) {\n        setLogicalOperatorSuggestionValues(\n          args.logicalOperatorSuggestionValues,\n        );\n      }\n\n      if (\n        JSON.stringify(args.pastedContentSuggestionValues) !==\n        JSON.stringify(pastedContentSuggestionValuesRef.current)\n      ) {\n        setPastedContentSuggestionValues(args.pastedContentSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.searchSuggestionValues) !==\n        JSON.stringify(searchSuggestionValuesRef.current)\n      ) {\n        setSearchSuggestionValues(args.searchSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.fallbackKeySuggestionValues) !==\n        JSON.stringify(fallbackKeySuggestionValuesRef.current)\n      ) {\n        setFallbackKeySuggestionValues(args.fallbackKeySuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.filterStatementSuggestionValues) !==\n        JSON.stringify(statementSuggestionValuesRef.current)\n      ) {\n        setStatementSuggestionValues(args.filterStatementSuggestionValues);\n      }\n    },\n    [\n      autoSuggestions,\n      autoSuggestionValuesRef,\n      recentSuggestionValuesRef,\n      pinnedSuggestionValuesRef,\n      logicalOperatorSuggestionValuesRef,\n      pastedContentSuggestionValuesRef,\n      searchSuggestionValuesRef,\n      fallbackKeySuggestionValuesRef,\n      statementSuggestionValuesRef,\n      setAutoSuggestionValues,\n      setRecentSuggestionValues,\n      setPinnedSuggestionValues,\n      setLogicalOperatorSuggestionValues,\n      setPastedContentSuggestionValues,\n      setSearchSuggestionValues,\n      setFallbackKeySuggestionValues,\n      setStatementSuggestionValues,\n    ],\n  );\n\n  const [prevOpen, setPrevOpen] = useState(isOpen);\n\n  const intl = useIntl();\n  const contentEditableDivAriaLabel = intl.formatMessage(\n    filterFieldMessages.ariaLabel,\n  );\n\n  const suggestionsOverlayHintId = 'suggestions-overlay-announcement';\n  const ariaDescribedBys = ariaProps['aria-describedby'] ?? '';\n  const suggestionsHintId = isOpen ? suggestionsOverlayHintId : '';\n  const ariaLabelProp = ariaLabelingProps?.['aria-label'];\n  const ariaDetailsProp = ariaLabelingProps?.['aria-details'] ?? '';\n  const ariaLabelledbyProp = ariaLabelingProps?.['aria-labelledby'] ?? '';\n\n  const ariaAttributes = useMemo(\n    () => ({\n      'aria-label': ariaLabelProp ?? contentEditableDivAriaLabel,\n      'aria-autocomplete': 'list',\n      'aria-haspopup': 'listbox',\n      ...(isOpen && {\n        'aria-controls': `suggestions-${id}`,\n      }),\n      ...(focusedListItem?.id && {\n        'aria-activedescendant': focusedListItem?.id,\n      }),\n      ...(ariaDisabled && {\n        'aria-disabled': `${ariaDisabled}`,\n      }),\n      'aria-describedby': (ariaDescribedBys + ' ' + suggestionsHintId).trim(),\n      ...(ariaDetailsProp && {\n        'aria-details': `${ariaDetailsProp}`,\n      }),\n      ...(ariaLabelledbyProp && {\n        'aria-labelledby': `${ariaLabelledbyProp}`,\n      }),\n    }),\n    [\n      ariaDescribedBys,\n      ariaDisabled,\n      ariaLabelProp,\n      ariaDetailsProp,\n      ariaLabelledbyProp,\n      contentEditableDivAriaLabel,\n      focusedListItem,\n      isOpen,\n      suggestionsHintId,\n      id,\n    ],\n  );\n\n  /**\n   * Apply the given suggested value to the document, replacing the selection\n   * so that the cursor ends up at the end of the inserted text.\n   */\n  const applySuggestion = useCallback(\n    (\n      element: HTMLElement | null,\n      value: string,\n      trailing: string | undefined,\n      insertionStrategy: FilterFieldSuggestionProps['insertionStrategy'],\n      cursorBeforeTrailing: boolean | undefined,\n      range: FilterFieldNodeBase['range'] | undefined,\n      shouldEscapeSuggestion?: boolean,\n    ) => {\n      if (!editorViewRef.current || !suggestionsContext.current || !element) {\n        return;\n      }\n\n      setUserAction({\n        type: 'applySuggestion',\n        data: {\n          value,\n          trailing,\n          insertionStrategy,\n          cursorBeforeTrailing,\n        },\n      });\n\n      const suggestionTransaction = getSuggestionTransaction(\n        value,\n        range,\n        shouldEscapeSuggestion,\n        trailing,\n        insertionStrategy,\n        cursorBeforeTrailing,\n        suggestionsContext.current,\n        editorViewRef.current.state,\n      );\n\n      // The applied suggestion will always override the last token.\n      viewDispatch({\n        ...suggestionTransaction,\n        annotations: stringAnnotation.of(ANNOTATION_SUGGESTION_APPLY),\n      });\n      setFocusedListItem(undefined);\n    },\n    // Excluding suggestionsContext. We are accessing the current context by reference, will always be up to date.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [setFocusedListItem, viewDispatch],\n  );\n\n  if (prevOpen && !isOpen) {\n    // Defer triggering the onSuggest callback, else the filter field is still rendering\n    // while the callback may already update the suggestions, which would lead to a runtime error.\n    // (Cannot update a component while rendering a different component)\n    queueMicrotask(() => {\n      onSuggest?.();\n    });\n  }\n\n  // Update the currently focused suggestion.\n  if (\n    prevOpen !== isOpen ||\n    autoSuggestionValuesRef.current !== prevAutoSuggestionValues ||\n    recentSuggestionValuesRef.current !== prevRecentSuggestionValues ||\n    pastedContentSuggestionValuesRef.current !==\n      prevPastedContentSuggestionValues ||\n    searchSuggestionValuesRef.current !== prevSearchSuggestionValues ||\n    fallbackKeySuggestionValuesRef.current !==\n      prevFallbackKeySuggestionValues ||\n    statementSuggestionValuesRef.current !== prevStatementSuggestionValues\n  ) {\n    if (isOpen) {\n      // If the currently focused suggestion is still in the document, do nothing.\n      if (\n        !getCurrentFocusableListItem(\n          suggestionsOverlayRef.current,\n          focusedListItem?.id,\n        )\n      ) {\n        setFocusedListItem(undefined);\n      }\n    }\n    setPrevAutoSuggestionValues(autoSuggestionValuesRef.current ?? {});\n    setPrevRecentSuggestionValues(recentSuggestionValuesRef.current ?? []);\n    setPrevPastedContentSuggestionValues(\n      pastedContentSuggestionValuesRef.current ?? [],\n    );\n    setPrevSearchSuggestionValues(searchSuggestionValuesRef.current ?? []);\n    setPrevFallbackKeySuggestionValues(\n      fallbackKeySuggestionValuesRef.current ?? [],\n    );\n    setPrevStatementSuggestionValues(\n      statementSuggestionValuesRef.current ?? [],\n    );\n    setPrevOpen(isOpen);\n  }\n\n  // Update aria attributes if overlay state or focused suggestion changes.\n  if (prevFocusedListItem !== focusedListItem || prevOpen !== isOpen) {\n    viewDispatch({\n      effects: ariaAttributesCompartment.reconfigure(\n        EditorView.contentAttributes.of(ariaAttributes),\n      ),\n    });\n  }\n\n  const handleNextSuggestion = (nextSuggestion: HTMLElement | null) => {\n    if (nextSuggestion) {\n      const id = nextSuggestion.dataset.stratoFilterFieldVirtualFocusId;\n      const type = nextSuggestion.dataset\n        .stratoFilterFieldVirtualFocusType as VirtualFocusItem['type'];\n      setFocusedListItem({ id, type });\n      nextSuggestion.scrollIntoView({ block: 'center' });\n    }\n  };\n\n  const autoSuggestionsConfig =\n    useMemo<FilterFieldAutoSuggestionsContextProps>((): FilterFieldAutoSuggestionsContextProps => {\n      const filterValue = suggestionsContext.current?.currentStatement?.value;\n      const cursorPosition = editorViewRef.current?.state.selection.main.head;\n      const suggestions = [\n        ...(autoSuggestionValues.key?.suggestions ?? []),\n        ...(autoSuggestionValues.comparisonOperator?.suggestions ?? []),\n        ...(autoSuggestionValues.value?.suggestions ?? []),\n      ];\n\n      return {\n        trailing: cursorPosition === filterValue?.range.to ? ' ' : undefined,\n        groupedSuggestions: autoSuggestionValues,\n        flattenedSuggestions: suggestions,\n      };\n      // Excluding editorViewRef. We are accessing the current value by reference, will always be up to date.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [autoSuggestionValues]);\n\n  return {\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    _onSuggest,\n    suggestionsOverlayHintId: suggestionsOverlayHintId,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { Transaction, TransactionSpec } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type MutableRefObject,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useErrorLogsStore } from './useErrorLogsStore.js';\nimport { useReferencedState } from './useReferencedState.js';\nimport { usePrevious } from '../../../core/hooks/usePrevious.js';\nimport { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport { useFormFieldValidation } from '../../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport type { FilterFieldAutoSuggestionsContextProps } from '../contexts/FilterFieldContext.types.js';\nimport {\n  ANNOTATION_SUGGESTION_APPLY,\n  ariaAttributesCompartment,\n  stringAnnotation,\n} from '../editor-state-configs/editor-config.js';\nimport { filterFieldMessages } from '../messages.js';\nimport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from '../suggestions/Suggestion.types.js';\nimport type {\n  FilterFieldSuggestionsContext,\n  InternalFilterFieldSuggestionsCallback,\n} from '../suggestions/suggestions-extension.js';\nimport type {\n  FilterFieldGroupedSuggestions,\n  FilterFieldSuggestionsCallback,\n} from '../types/suggestions.js';\nimport type { FilterFieldNodeBase } from '../types/tree-nodes.js';\nimport {\n  getCurrentFocusableListItem,\n  type VirtualFocusItem,\n} from '../utils/get-next-suggestion.js';\nimport { getSuggestionTransaction } from '../utils/get-suggestion-transaction.js';\nimport type { FilterFieldSuggestionRecentPinnedSuggestion } from '../utils/suggestions-utils/recent-and-pinned-suggestions.js';\n\nexport function useSuggestions(props: {\n  ariaDisabled: boolean | undefined;\n  autoSuggestions: boolean;\n  isOpen: boolean;\n  id: string;\n  suggestionsOverlayRef: MutableRefObject<HTMLDivElement | null>;\n  editorViewRef: MutableRefObject<EditorView | null>;\n  viewDispatch: (\n    args: Transaction | TransactionSpec | TransactionSpec[],\n  ) => void;\n  onSuggest?: FilterFieldSuggestionsCallback;\n  hiddenInputRef: MutableRefObject<HTMLInputElement | null>;\n  ariaLabelingProps?: AriaLabelingProps;\n}) {\n  const {\n    ariaDisabled,\n    autoSuggestions,\n    isOpen,\n    id,\n    suggestionsOverlayRef,\n    editorViewRef,\n    onSuggest,\n    viewDispatch,\n    hiddenInputRef,\n    ariaLabelingProps,\n  } = props;\n\n  const setUserAction = useErrorLogsStore((state) => state.setAction);\n  const { ariaProps } = useFormFieldValidation(\n    hiddenInputRef,\n    {},\n    ariaLabelingProps,\n  );\n\n  const [\n    autoSuggestionValues,\n    setAutoSuggestionValues,\n    autoSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldGroupedSuggestions>({});\n\n  const [\n    recentSuggestionValues,\n    setRecentSuggestionValues,\n    recentSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestionRecentPinnedSuggestion[]>([]);\n\n  const [\n    pinnedSuggestionValues,\n    setPinnedSuggestionValues,\n    pinnedSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestionRecentPinnedSuggestion[]>([]);\n\n  const [\n    logicalOperatorSuggestionValues,\n    setLogicalOperatorSuggestionValues,\n    logicalOperatorSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    pastedContentSuggestionValues,\n    setPastedContentSuggestionValues,\n    pastedContentSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    searchSuggestionValues,\n    setSearchSuggestionValues,\n    searchSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    fallbackKeySuggestionValues,\n    setFallbackKeySuggestionValues,\n    fallbackKeySuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [\n    statementSuggestionValues,\n    setStatementSuggestionValues,\n    statementSuggestionValuesRef,\n  ] = useReferencedState<FilterFieldSuggestion[]>([]);\n\n  const [prevAutoSuggestionValues, setPrevAutoSuggestionValues] =\n    useState<FilterFieldGroupedSuggestions>({});\n\n  const [prevRecentSuggestionValues, setPrevRecentSuggestionValues] = useState<\n    FilterFieldSuggestionRecentPinnedSuggestion[]\n  >([]);\n\n  const [\n    prevPastedContentSuggestionValues,\n    setPrevPastedContentSuggestionValues,\n  ] = useState<FilterFieldSuggestion[]>([]);\n\n  const [prevSearchSuggestionValues, setPrevSearchSuggestionValues] = useState<\n    FilterFieldSuggestion[]\n  >([]);\n\n  const [prevFallbackKeySuggestionValues, setPrevFallbackKeySuggestionValues] =\n    useState<FilterFieldSuggestion[]>([]);\n\n  const [prevStatementSuggestionValues, setPrevStatementSuggestionValues] =\n    useState<FilterFieldSuggestion[]>([]);\n\n  const [focusedListItem, setFocusedListItem] = useState<\n    VirtualFocusItem | undefined\n  >();\n  // Previously focused suggestion. Used to trigger an update of the attributes\n  // compartment when rendering to avoid an additional re-render.\n  const prevFocusedListItem = usePrevious(focusedListItem);\n\n  // The currently entered last term to use for highlighting matching parts of suggestions.\n  const suggestionsContext = useRef<FilterFieldSuggestionsContext | undefined>(\n    undefined,\n  );\n\n  // Suggestions callback to determine which suggestions to show.\n  const _onSuggest: InternalFilterFieldSuggestionsCallback = useCallback(\n    (args) => {\n      suggestionsContext.current = args.suggestionsContext;\n\n      if (\n        autoSuggestions &&\n        JSON.stringify(args.autoSuggestionValues) !==\n          JSON.stringify(autoSuggestionValuesRef.current)\n      ) {\n        setAutoSuggestionValues(args.autoSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.recentSuggestionValues) !==\n        JSON.stringify(recentSuggestionValuesRef.current)\n      ) {\n        setRecentSuggestionValues(args.recentSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.pinnedSuggestionValues) !==\n        JSON.stringify(pinnedSuggestionValuesRef.current)\n      ) {\n        setPinnedSuggestionValues(args.pinnedSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.logicalOperatorSuggestionValues) !==\n        JSON.stringify(logicalOperatorSuggestionValuesRef.current)\n      ) {\n        setLogicalOperatorSuggestionValues(\n          args.logicalOperatorSuggestionValues,\n        );\n      }\n\n      if (\n        JSON.stringify(args.pastedContentSuggestionValues) !==\n        JSON.stringify(pastedContentSuggestionValuesRef.current)\n      ) {\n        setPastedContentSuggestionValues(args.pastedContentSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.searchSuggestionValues) !==\n        JSON.stringify(searchSuggestionValuesRef.current)\n      ) {\n        setSearchSuggestionValues(args.searchSuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.fallbackKeySuggestionValues) !==\n        JSON.stringify(fallbackKeySuggestionValuesRef.current)\n      ) {\n        setFallbackKeySuggestionValues(args.fallbackKeySuggestionValues);\n      }\n\n      if (\n        JSON.stringify(args.filterStatementSuggestionValues) !==\n        JSON.stringify(statementSuggestionValuesRef.current)\n      ) {\n        setStatementSuggestionValues(args.filterStatementSuggestionValues);\n      }\n    },\n    [\n      autoSuggestions,\n      autoSuggestionValuesRef,\n      recentSuggestionValuesRef,\n      pinnedSuggestionValuesRef,\n      logicalOperatorSuggestionValuesRef,\n      pastedContentSuggestionValuesRef,\n      searchSuggestionValuesRef,\n      fallbackKeySuggestionValuesRef,\n      statementSuggestionValuesRef,\n      setAutoSuggestionValues,\n      setRecentSuggestionValues,\n      setPinnedSuggestionValues,\n      setLogicalOperatorSuggestionValues,\n      setPastedContentSuggestionValues,\n      setSearchSuggestionValues,\n      setFallbackKeySuggestionValues,\n      setStatementSuggestionValues,\n    ],\n  );\n\n  const [prevOpen, setPrevOpen] = useState(isOpen);\n\n  const intl = useIntl();\n  const contentEditableDivAriaLabel = intl.formatMessage(\n    filterFieldMessages.ariaLabel,\n  );\n\n  const suggestionsOverlayHintId = 'suggestions-overlay-announcement';\n  const ariaDescribedBys = ariaProps['aria-describedby'] ?? '';\n  const suggestionsHintId = isOpen ? suggestionsOverlayHintId : '';\n  const ariaLabelProp = ariaLabelingProps?.['aria-label'];\n  const ariaDetailsProp = ariaLabelingProps?.['aria-details'] ?? '';\n  const ariaLabelledbyProp = ariaLabelingProps?.['aria-labelledby'] ?? '';\n\n  const ariaAttributes = useMemo(\n    () => ({\n      'aria-label': ariaLabelProp ?? contentEditableDivAriaLabel,\n      'aria-autocomplete': 'list',\n      'aria-haspopup': 'listbox',\n      ...(isOpen && {\n        'aria-controls': `suggestions-${id}`,\n      }),\n      ...(focusedListItem?.id && {\n        'aria-activedescendant': focusedListItem?.id,\n      }),\n      ...(ariaDisabled && {\n        'aria-disabled': `${ariaDisabled}`,\n      }),\n      'aria-describedby': (ariaDescribedBys + ' ' + suggestionsHintId).trim(),\n      ...(ariaDetailsProp && {\n        'aria-details': `${ariaDetailsProp}`,\n      }),\n      ...(ariaLabelledbyProp && {\n        'aria-labelledby': `${ariaLabelledbyProp}`,\n      }),\n    }),\n    [\n      ariaDescribedBys,\n      ariaDisabled,\n      ariaLabelProp,\n      ariaDetailsProp,\n      ariaLabelledbyProp,\n      contentEditableDivAriaLabel,\n      focusedListItem,\n      isOpen,\n      suggestionsHintId,\n      id,\n    ],\n  );\n\n  /**\n   * Apply the given suggested value to the document, replacing the selection\n   * so that the cursor ends up at the end of the inserted text.\n   */\n  const applySuggestion = useCallback(\n    (\n      element: HTMLElement | null,\n      value: string,\n      trailing: string | undefined,\n      insertionStrategy: FilterFieldSuggestionProps['insertionStrategy'],\n      cursorBeforeTrailing: boolean | undefined,\n      range: FilterFieldNodeBase['range'] | undefined,\n      shouldEscapeSuggestion?: boolean,\n    ) => {\n      if (!editorViewRef.current || !suggestionsContext.current || !element) {\n        return;\n      }\n\n      setUserAction({\n        type: 'applySuggestion',\n        data: {\n          value,\n          trailing,\n          insertionStrategy,\n          cursorBeforeTrailing,\n        },\n      });\n\n      const suggestionTransaction = getSuggestionTransaction(\n        value,\n        range,\n        shouldEscapeSuggestion,\n        trailing,\n        insertionStrategy,\n        cursorBeforeTrailing,\n        suggestionsContext.current,\n        editorViewRef.current.state,\n      );\n\n      // The applied suggestion will always override the last token.\n      viewDispatch({\n        ...suggestionTransaction,\n        annotations: stringAnnotation.of(ANNOTATION_SUGGESTION_APPLY),\n      });\n      setFocusedListItem(undefined);\n    },\n    // Excluding suggestionsContext. We are accessing the current context by reference, will always be up to date.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [setFocusedListItem, viewDispatch],\n  );\n\n  if (prevOpen && !isOpen) {\n    // Defer triggering the onSuggest callback, else the filter field is still rendering\n    // while the callback may already update the suggestions, which would lead to a runtime error.\n    // (Cannot update a component while rendering a different component)\n    queueMicrotask(() => {\n      onSuggest?.();\n    });\n  }\n\n  // Update the currently focused suggestion.\n  if (\n    prevOpen !== isOpen ||\n    autoSuggestionValuesRef.current !== prevAutoSuggestionValues ||\n    recentSuggestionValuesRef.current !== prevRecentSuggestionValues ||\n    pastedContentSuggestionValuesRef.current !==\n      prevPastedContentSuggestionValues ||\n    searchSuggestionValuesRef.current !== prevSearchSuggestionValues ||\n    fallbackKeySuggestionValuesRef.current !==\n      prevFallbackKeySuggestionValues ||\n    statementSuggestionValuesRef.current !== prevStatementSuggestionValues\n  ) {\n    if (isOpen) {\n      // If the currently focused suggestion is still in the document, do nothing.\n      if (\n        !getCurrentFocusableListItem(\n          suggestionsOverlayRef.current,\n          focusedListItem?.id,\n        )\n      ) {\n        setFocusedListItem(undefined);\n      }\n    }\n    setPrevAutoSuggestionValues(autoSuggestionValuesRef.current ?? {});\n    setPrevRecentSuggestionValues(recentSuggestionValuesRef.current ?? []);\n    setPrevPastedContentSuggestionValues(\n      pastedContentSuggestionValuesRef.current ?? [],\n    );\n    setPrevSearchSuggestionValues(searchSuggestionValuesRef.current ?? []);\n    setPrevFallbackKeySuggestionValues(\n      fallbackKeySuggestionValuesRef.current ?? [],\n    );\n    setPrevStatementSuggestionValues(\n      statementSuggestionValuesRef.current ?? [],\n    );\n    setPrevOpen(isOpen);\n  }\n\n  // Update aria attributes if overlay state or focused suggestion changes.\n  if (prevFocusedListItem !== focusedListItem || prevOpen !== isOpen) {\n    viewDispatch({\n      effects: ariaAttributesCompartment.reconfigure(\n        EditorView.contentAttributes.of(ariaAttributes),\n      ),\n    });\n  }\n\n  const handleNextSuggestion = (nextSuggestion: HTMLElement | null) => {\n    if (nextSuggestion) {\n      const id = nextSuggestion.dataset.stratoFilterFieldVirtualFocusId;\n      const type = nextSuggestion.dataset\n        .stratoFilterFieldVirtualFocusType as VirtualFocusItem['type'];\n      setFocusedListItem({ id, type });\n      nextSuggestion.scrollIntoView({ block: 'center' });\n    }\n  };\n\n  const autoSuggestionsConfig =\n    useMemo<FilterFieldAutoSuggestionsContextProps>((): FilterFieldAutoSuggestionsContextProps => {\n      const filterValue = suggestionsContext.current?.currentStatement?.value;\n      const cursorPosition = editorViewRef.current?.state.selection.main.head;\n\n      return {\n        trailing: cursorPosition === filterValue?.range.to ? ' ' : undefined,\n        groupedSuggestions: autoSuggestionValues,\n      };\n      // Excluding editorViewRef. We are accessing the current value by reference, will always be up to date.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [autoSuggestionValues]);\n\n  return {\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    _onSuggest,\n    suggestionsOverlayHintId: suggestionsOverlayHintId,\n  };\n}\n"],
+  "mappings": "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",
   "names": ["id"]
 }

package/esm/filters/filter-field/hooks/useUpdatableCallback.js

@@ -4,13 +4,13 @@ const useUpdatableCallback = (fn) => {
   const callbackRef = useRef(fn);
   const { showBoundary } = useErrorBoundary();
   const errorAwareCallback = useCallback(
-    (...args) => {
+    ((...args) => {
       try {
         fn?.(...args);
       } catch (err) {
         showBoundary(err);
       }
-    },
+    }),
     [showBoundary, fn]
   );
   if (callbackRef.current !== errorAwareCallback) {

package/esm/filters/filter-field/hooks/useUpdatableCallback.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/hooks/useUpdatableCallback.ts"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type MutableRefObject, useCallback, useRef } from 'react';\nimport { useErrorBoundary } from 'react-error-boundary';\n\n/**\n * Wraps callback functions with error handling to show error boundary on exceptions\n *\n * Note: The user defined callbacks (such as onChange) are called inside the transaction filter of the configuration effect.\n * To always call the most recent function, we need to store it in a ref and use the current value when invoking the function.\n * @internal\n */\nexport const useUpdatableCallback = <T extends (...args: any[]) => void>(\n  fn?: T,\n): MutableRefObject<T | undefined> => {\n  const callbackRef = useRef<T | undefined>(fn);\n  const { showBoundary } = useErrorBoundary();\n\n  const errorAwareCallback = useCallback<T>(\n    ((...args: any[]) => {\n      try {\n        fn?.(...args);\n      } catch (err) {\n        showBoundary(err);\n      }\n    }) as T,\n    [showBoundary, fn],\n  );\n\n  if (callbackRef.current !== errorAwareCallback) {\n    callbackRef.current = errorAwareCallback;\n  }\n\n  return callbackRef;\n};\n"],
-  "mappings": "AACA,SAAgC,aAAa,cAAc;AAC3D,SAAS,wBAAwB;AAS1B,MAAM,uBAAuB,CAClC,OACoC;AACpC,QAAM,cAAc,OAAsB,EAAE;AAC5C,QAAM,EAAE,aAAa,IAAI,iBAAiB;AAE1C,QAAM,qBAAqB;AAAA,IACxB,IAAI,SAAgB;AACnB,UAAI;AACF,aAAK,GAAG,IAAI;AAAA,MACd,SAAS,KAAK;AACZ,qBAAa,GAAG;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC,cAAc,EAAE;AAAA,EACnB;AAEA,MAAI,YAAY,YAAY,oBAAoB;AAC9C,gBAAY,UAAU;AAAA,EACxB;AAEA,SAAO;AACT;",
+  "mappings": "AACA,SAAgC,aAAa,cAAc;AAC3D,SAAS,wBAAwB;AAS1B,MAAM,uBAAuB,CAClC,OACoC;AACpC,QAAM,cAAc,OAAsB,EAAE;AAC5C,QAAM,EAAE,aAAa,IAAI,iBAAiB;AAE1C,QAAM,qBAAqB;AAAA,KACxB,IAAI,SAAgB;AACnB,UAAI;AACF,aAAK,GAAG,IAAI;AAAA,MACd,SAAS,KAAK;AACZ,qBAAa,GAAG;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC,cAAc,EAAE;AAAA,EACnB;AAEA,MAAI,YAAY,YAAY,oBAAoB;AAC9C,gBAAY,UAAU;AAAA,EACxB;AAEA,SAAO;AACT;",
   "names": []
 }

package/esm/filters/filter-field/messages.js

@@ -236,7 +236,7 @@ const filterFieldMessages = {
       },
       UIDs: {
         defaultMessage: "Supported values: UIDs",
-        id: "UID8oo6l2CKe2fY1R",
+        id: "BfMOguQOfnAxwOI6",
         description: "Message shown for value suggestions restricted by a validator map (only UIDs are valid)"
       },
       Timestamps: {
@@ -246,7 +246,7 @@ const filterFieldMessages = {
       },
       SmartscapeIds: {
         defaultMessage: "Supported values: SmartscapeIds",
-        id: "8KQslb+aIgOg9wbA",
+        id: "0VRyxKUSWrEGrYLJ",
         description: "Message shown for value suggestions restricted by a validator map (only SmartscapeIds are valid)"
       },
       Boolean: {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/filter-field/messages.ts"],
-  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const filterFieldMessages = {\n  ...defineMessages({\n    ariaLabel: {\n      defaultMessage: 'Filter field',\n      id: 'swS1rIU8VQep1PDq',\n      description: 'Default aria label for the filter field',\n    },\n    clearFilter: {\n      defaultMessage: 'Clear filter',\n      id: 'mS6CPzO+pMJLetSA',\n      description:\n        'Aria label used for the clear button inside the filter field.',\n    },\n    docsLink: {\n      defaultMessage: 'Filter syntax',\n      id: 'G0h1f2oRxQ8RBqNt',\n      description:\n        'Filter field suggestion tip - link to filter field documentation.',\n    },\n    placeholder: {\n      defaultMessage: 'Type to filter',\n      id: 'GhC5F6ZRFGDVs41W',\n      description: 'Default placeholder text shown in the filter field.',\n    },\n    syntaxError: {\n      defaultMessage: 'Invalid syntax.',\n      id: 'ut5dPv/qM9qMEW4a',\n      description:\n        'Error message shown when the Input in the FilterField has an invalid syntax.',\n    },\n  }),\n\n  /**\n   * Comparison operators\n   */\n  comparisonOperators: defineMessages({\n    equals: {\n      defaultMessage: 'Equals',\n      id: 'VsLm4+Io4PguyLI+',\n      description: 'Filter field equals operator description',\n    },\n    notEquals: {\n      defaultMessage: 'Doesn\u2019t equal',\n      id: 'Ce/f2UdApbmNAeEM',\n      description: 'Filter field not equals operator description',\n    },\n    lessThan: {\n      defaultMessage: 'Less than',\n      id: 'JZunLfAY47K5StQb',\n      description: 'Filter field less than operator description',\n    },\n    lessThanEqual: {\n      defaultMessage: 'Less than or equal to',\n      id: 'vJ/eXvQ9OL/qVOcs',\n      description: 'Filter field less than or equal operator description',\n    },\n    greaterThan: {\n      defaultMessage: 'Greater than',\n      id: 'WDNrzGxjR2Q0PO0t',\n      description: 'Filter field greater than operator description',\n    },\n    greaterThanEqual: {\n      defaultMessage: 'Greater than or equal to',\n      id: '+qNOmVAE1opriSnf',\n      description: 'Filter field greater than or equal operator description',\n    },\n    in: {\n      defaultMessage: 'Matches one or more values in a list of values',\n      id: '2TgksAr68bjM6G9M',\n      description: 'Filter field in operator description',\n    },\n    notIn: {\n      defaultMessage: \"Doesn't match one or more values in a list of values\",\n      id: '44M+LwJIb1lbO5Ev',\n      description: 'Filter field not in operator description',\n    },\n    startsWith: {\n      defaultMessage: 'Starts with',\n      id: '7zZeVBfEiXm3xbwL',\n      description: 'Filter field starts-with operator description',\n    },\n    contains: {\n      defaultMessage: 'Contains',\n      id: 'tChYdhQqWeoYUZrd',\n      description: 'Filter field contains operator description',\n    },\n    endsWith: {\n      defaultMessage: 'Ends with',\n      id: 'Zc+msrZVGPNk84Lu',\n      description: 'Filter field ends-with operator description',\n    },\n    notStartsWith: {\n      defaultMessage: \"Doesn't start with\",\n      id: 'dyadgwpDBQLyqJaa',\n      description: 'Filter field not-starts-with operator description',\n    },\n    notContains: {\n      defaultMessage: \"Doesn't contain\",\n      id: 'jT47SZ4EuoZYSr9x',\n      description: 'Filter field not-contains operator description',\n    },\n    notEndsWith: {\n      defaultMessage: \"Doesn't end with\",\n      id: '8fzPtb8YMF5R1xlh',\n      description: 'Filter field not-ends-with operator description',\n    },\n    exists: {\n      defaultMessage: 'Exists in any form',\n      id: 'RSp2nSscx4hJgP2P',\n      description: 'Filter field exists operator description',\n    },\n    notExists: {\n      defaultMessage: \"Doesn't exist in any form\",\n      id: 'E1oTbKDAzXJo/hs/',\n      description: 'Filter field not exists operator description',\n    },\n    matchesPhrase: {\n      defaultMessage: 'Matches phrase',\n      id: 'TNgy+4XtLPGHfZu2',\n      description: 'Filter field matches-phrase operator description',\n    },\n    notMatchesPhrase: {\n      defaultMessage: 'Does not match phrase',\n      id: 'Tr/buzcgyjaGCFM7',\n      description: 'Filter field not-matches-phrase operator description',\n    },\n  }),\n\n  /**\n   * Unsupported operators\n   */\n  unsupportedOperators: defineMessages({\n    startsWith: {\n      defaultMessage: 'Starts-with is not supported for this key.',\n      description:\n        'Message shown if the starts-with operator is not supported for this key.',\n      id: 'HChaOEcqD6o/jiDX',\n    },\n    endsWith: {\n      defaultMessage: 'Ends-with is not supported for this key.',\n      description:\n        'Message shown if the ends-with operator is not supported for this key.',\n      id: 'XRD3go4HQunmYuM4',\n    },\n    contains: {\n      defaultMessage: 'Contains is not supported for this key.',\n      description:\n        'Message shown if the contains operator is not supported for this key.',\n      id: '8lZa/1S3ydSfb3iO',\n    },\n  }),\n\n  /**\n   * Suggestions\n   */\n  suggestions: {\n    ...defineMessages({\n      loading: {\n        defaultMessage: 'Loading suggestions',\n        id: '313HlKgYmTnqRqJU',\n        description: 'Message shown when suggestions are currently loaded.',\n      },\n      noSuggestions: {\n        defaultMessage: 'No suggestions',\n        id: 'PjDGLO7+f1/CNRR0',\n        description: 'Filter field empty suggestions message.',\n      },\n      noMatchingSuggestions: {\n        defaultMessage: 'No matching suggestions found.',\n        id: 'vN/5FvuU1Cfk1/Ep',\n        description:\n          'Empty state message shown if no suggestions can be found.',\n      },\n      pasteRaw: {\n        defaultMessage: 'Apply filter syntax',\n        description:\n          'Suggestion to enter the pasted text into the FilterField.',\n        id: 'iQMNfVmL/0auzXXf',\n      },\n      pinnedFilters: {\n        defaultMessage: 'Pinned filters',\n        id: 'iuy+4WgQ89QDvgl+',\n        description:\n          'Headline for recently used filters suggestions in the filter field',\n      },\n      pinUnpinLabel: {\n        defaultMessage:\n          '{isPinned, select, true {Unpin} other {Pin}} filter with value \"{filterString}',\n        id: '9IaEBlhZa5HXmHA+',\n        description:\n          'Aria label for the pin/unpin button in the filter field suggestions',\n      },\n      pinUnpinTooltip: {\n        defaultMessage: '{isPinned, select, true {Unpin} other {Pin}} filter',\n        id: 'aj7w8W3lv+e41SJB',\n        description:\n          'Tooltip for the pin/unpin button in the filter field suggestions',\n      },\n      pinUnpinLimitTooltip: {\n        defaultMessage: 'You can\u2019t pin more than 10 items',\n        id: 'Q7HxEz/6LQ+CtEXo',\n        description: 'Tooltip for the pin/unpin if the limit is reached.',\n      },\n      recentlyUsed: {\n        defaultMessage: 'Recently used filters',\n        id: 'QGNAMlfBaYn7aCLl',\n        description:\n          'Headline for recently used filters suggestions in the filter field',\n      },\n      search: {\n        defaultMessage:\n          'Search{value, select, false { a phrase } other {{value}}}in all data',\n        id: 'gC3CED/ap4Cbjhye',\n        description:\n          'Empty state message shown if no key or value is provided yet.',\n      },\n      showMore: {\n        defaultMessage:\n          'Show {isExpanded, select, true {less} false {more} other{}}',\n        id: 'b8jNkkwzLHYDkasb',\n        description:\n          'Text shown on the expanding button within the provided list, when currently expanded.',\n      },\n      startTyping: {\n        defaultMessage: 'Start typing to enter a {suggestionType}.',\n        id: 'Zr87lY6T9UiaWuMD',\n        description:\n          'Empty state message shown if no key or value is provided yet.',\n      },\n      useAsKey: {\n        defaultMessage: 'Use{value}as key',\n        description: 'Message shown as a default key suggestions.',\n        id: 'pFUmTVhQadk/rQkO',\n      },\n      useAsValue: {\n        defaultMessage: 'Use{value}as value',\n        description:\n          'Message shown if a generic value may be available in the suggestion.',\n        id: '5E11MLQX1RFMIXOL',\n      },\n    }),\n    supportedValues: defineMessages({\n      Durations: {\n        defaultMessage: 'Supported values: Durations',\n        id: 'ZqPD+GJnri7vlLul',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only durations are valid)',\n      },\n      Numbers: {\n        defaultMessage: 'Supported values: Numbers',\n        id: 'TGpKHavTfvNDG6nB',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only numbers are valid)',\n      },\n      IPAddresses: {\n        defaultMessage: 'Supported values: IP addresses',\n        id: 'R78oo6l2CKe2fY1R',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only IP addresses are valid)',\n      },\n      UIDs: {\n        defaultMessage: 'Supported values: UIDs',\n        id: 'UID8oo6l2CKe2fY1R',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only UIDs are valid)',\n      },\n      Timestamps: {\n        defaultMessage: 'Supported values: Timestamps',\n        id: '8KQslb+aIgOg9wbA',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only Timestamps are valid)',\n      },\n      SmartscapeIds: {\n        defaultMessage: 'Supported values: SmartscapeIds',\n        id: '8KQslb+aIgOg9wbA',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only SmartscapeIds are valid)',\n      },\n      Boolean: {\n        defaultMessage: \"Supported values: 'true', 'false'\",\n        id: '4Dfz/uq2jb0sD782',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only \"true\" and \"false\" are valid)',\n      },\n    }),\n    tips: defineMessages({\n      apply: {\n        defaultMessage: ' Apply filter',\n        id: 'LOWAzLWj0fknrnEb',\n        description: 'Filter field suggestion tip - apply filter.',\n      },\n      close: {\n        defaultMessage: 'Close',\n        id: 'RL8FCY3ia3BTX2cU',\n        description: 'Filter field suggestion tip - close suggestions.',\n      },\n      selection: {\n        defaultMessage: ' Navigate',\n        id: 'HH0Od0c8jGTsxDda',\n        description: 'Filter field suggestion tip - navigate suggestions.',\n      },\n    }),\n\n    a11y: defineMessages({\n      ariaLabel: {\n        defaultMessage: 'Suggestions',\n        id: 'BAfEyw7BhyJX3dfC',\n        description: 'Aria label for the suggestions overlay',\n      },\n      noSuggestions: {\n        defaultMessage: 'No suggestions available.',\n        id: 'eII4gA0InOVMB0Uh',\n        description: 'Aria text when there are no available suggestion.',\n      },\n      xMoreSuggestions: {\n        id: 'HPt4l9OCXddkPdak',\n        defaultMessage: '{suggestionsLength} suggestions available.',\n        description: 'Aria text for more than 10 suggestions.',\n      },\n      availableSuggestions: {\n        id: 'gbREY3JeG/Gnn5VH',\n        defaultMessage:\n          '{suggestionsLength} suggestions available: {combinedSuggestions}',\n        description: 'Aria text for less than 10 suggestions.',\n      },\n      logicalOperators: {\n        defaultMessage: 'Logical operator suggestions',\n        id: 'r2QQIGUPC6lQhGDf',\n        description:\n          'Aria-label for logical operator suggestions in the filter field',\n      },\n      overlayAnnouncement: {\n        defaultMessage:\n          'Suggestions overlay opened. You can navigate to a suggestion with the arrow up or arrow down key and select it by pressing enter. Please continue typing to filter.',\n        id: 'g5VGRS4KVxg346o4',\n        description:\n          'Filter field screen reader announcement for opened suggestions.',\n      },\n      pastedContent: {\n        defaultMessage: 'Suggestions for pasted content',\n        id: '4ccf9fJlKURtBw/8',\n        description: 'Aria label for the pasted content suggestion group.',\n      },\n      statementSuggestions: {\n        defaultMessage: 'Suggestions for filter statements',\n        id: 'HzfsDA+42BHW9xeE',\n        description: 'Aria label for the filter statements suggestion group.',\n      },\n      search: {\n        defaultMessage: 'Search suggestion',\n        id: 'd4ODG2WkdaedSe5s',\n        description: 'Aria label for the search suggestion group.',\n      },\n    }),\n\n    ariaLiveInfo: defineMessages({\n      availableSuggestions: {\n        defaultMessage: 'Available suggestions:',\n        id: 'zSm9YklUFyPurvQU',\n        description:\n          'Screen reader announcement introducing the list of available filter suggestions.',\n      },\n      moreSuggestionsAvailable: {\n        defaultMessage:\n          'This is just an overview, more suggestions might be available. Explore the list by navigating with the arrow keys or continue typing to filter.',\n        id: 'Ncd2jCwVN8H1vf6M',\n        description:\n          'Screen reader announcement indicating that additional suggestions exist beyond the first five displayed.',\n      },\n      additionallyAvailableSuggestions: {\n        defaultMessage: 'Additionally available suggestions:',\n        id: 'nZQixLAUTDhflk9Q',\n        description:\n          'Screen reader announcement introducing additional suggestion categories such as recent, pinned, or search suggestions.',\n      },\n      logicalOperator: {\n        defaultMessage: 'Logical operator suggestion: OR',\n        id: 'p/8O9bMs2knnRDWA',\n        description:\n          'Screen reader announcement for the availability of the logical OR operator as a suggestion option.',\n      },\n      recentlyUsedSuggestions: {\n        defaultMessage: '{value} recently used suggestion(s).',\n        id: '1fdceSDwpC0elRzY',\n        description:\n          'Screen reader announcement for the count of recently used filter suggestions available for selection.',\n      },\n      pinnedSuggestions: {\n        defaultMessage: '{value} pinned filter suggestion(s).',\n        id: 'dtWYZ7eG/P5QCKp5',\n        description:\n          'Screen reader announcement for the count of user-pinned filter suggestions available for selection.',\n      },\n    }),\n  },\n\n  /**\n   * Value suggestions\n   */\n  value: defineMessages({\n    startsWith: {\n      defaultMessage: 'Starts with {value}',\n      description:\n        'Message shown if the starts-with operator can be used with the current value.',\n      id: '/gODMPYFdp49RodI',\n    },\n    endsWith: {\n      defaultMessage: 'Ends with {value}',\n      description:\n        'Message shown if the ends-with operator can be used with the current value.',\n      id: 's/C94DAW5sfrWYkU',\n    },\n    contains: {\n      defaultMessage: 'Contains {value}',\n      description:\n        'Message shown if the contains operator can be used with the current value.',\n      id: '7M6Jd0cEy/ruEDEZ',\n    },\n    notStartsWith: {\n      defaultMessage: \"Doesn't start with {value}\",\n      description:\n        'Message shown if the not-starts-with operator can be used with the current value.',\n      id: '9xnhCHCgU7NGIxiX',\n    },\n    notEndsWith: {\n      defaultMessage: \"Doesn't end with {value}\",\n      description:\n        'Message shown if the not-ends-with operator can be used with the current value.',\n      id: 'fJPc1Tw4jSAEp5KQ',\n    },\n    notContains: {\n      defaultMessage: \"Doesn't contain {value}\",\n      description:\n        'Message shown if the not-contains operator can be used with the current value.',\n      id: 'mXDFppLKSC7oX/Ba',\n    },\n  }),\n\n  /**\n   * Linting\n   */\n  linting: defineMessages({\n    emptyGroupError: {\n      defaultMessage: 'A group cannot be empty.',\n      id: 'U4LTHt7BSgC51Yri',\n      description: 'Filter field empty group error',\n    },\n    incompleteGroupError: {\n      defaultMessage: 'A group seems to be missing a bracket.',\n      id: '1TnPlwjdgpaLY1uE',\n      description: 'Filter field incomplete group error',\n    },\n    unsupportedExplicitGroup: {\n      defaultMessage:\n        'Grouping statements is not supported in the basic syntax mode.',\n      id: '/jHof2z8yLr/qa9U',\n      description: 'Filter field unsupported group',\n    },\n    unsupportedPositionOperator: {\n      defaultMessage: 'A position operator cannot occur in this position.',\n      id: 'aUi1nca6cF4KJPSw',\n      description: 'Filter field unsupported position operator',\n    },\n    duplicatePositionOperator: {\n      defaultMessage:\n        'A position operator can only occur before or after a doublequote, not both.',\n      id: 'l1RC/QWjUJWHIM++',\n      description: 'Filter field duplicate position operator error',\n    },\n    invalidPositionOperator: {\n      defaultMessage:\n        'Invalid combination of position operators and comparator.\\nAllowed comparators: =, !=',\n      id: 'nS4QPK3zNih9UAZs',\n      description: 'Position operator not supported for used comparator.',\n    },\n    incompleteStatementError: {\n      defaultMessage: 'The filter field statement is incomplete.',\n      id: 'jtrx2KCeXnLeA8Kd',\n      description: 'Filter field incomplete statement error',\n    },\n    incompleteStatementWithEnabledSearchError: {\n      defaultMessage:\n        'Incomplete filter statement. A valid statement consists of key, comparator, and value. Alternatively, add {operator} in front to search for this phrase in all data.',\n      id: 'lrDYNZ+hnaBD30/j',\n      description: 'Filter field incomplete statement error',\n    },\n    missingKeyError: {\n      defaultMessage: 'The filter key is missing.',\n      id: '1yn5LJXBZlEagfkL',\n      description: 'Filter field missing key error',\n    },\n    missingValueError: {\n      defaultMessage: 'The filter value is missing.',\n      id: 'kctf0+Hea33LxYTL',\n      description: 'Filter field missing value error',\n    },\n    missingOperatorError: {\n      defaultMessage: 'Missing operator.',\n      id: 'ABXa8Ni5H9+ZO7E0',\n      description: 'Filter field missing operator',\n    },\n    invalidComparatorError: {\n      defaultMessage:\n        'Invalid comparator. Allowed comparators are: {allowedComparators}.',\n      id: 'Fik0kx8pJ4hkEZUZ',\n      description: 'Filter field invalid comparator',\n    },\n    invalidValueError: {\n      defaultMessage: 'The filter value is invalid.',\n      id: 'FNr7Qz7K7FFouhDD',\n      description: 'Filter field invalid value error',\n    },\n    invalidLogicalOperator: {\n      defaultMessage: 'A logical operator cannot occur in this position.',\n      id: '5Byu0D+YGc1DoTBc',\n      description: 'Filter field invalid logical operator',\n    },\n    unsupportedLogicalOperator: {\n      defaultMessage:\n        'The logical `OR` operator is not supported in the basic syntax mode.',\n      id: 'PkWNcYRn4iWtpXnu',\n      description: 'Filter field unsupported logical operator',\n    },\n    invalidInclusionValue: {\n      defaultMessage:\n        \"The 'in' operator requires values to be wrapped in brackets, separated by a comma.\",\n      id: 'tC4AzRIolPCwyigk',\n      description: 'Filter field invalid inclusion value',\n    },\n    emptyInclusionValue: {\n      defaultMessage: \"The 'in' operator doesn't support empty lists.\",\n      id: 'LAcIIvdezwZIzQG+',\n      description: 'Filter field empty inclusion value',\n    },\n    missingSpace: {\n      defaultMessage: 'A space seems to be missing.',\n      id: 'Q7Mgijk38uWvSnlW',\n      description: 'Filter field missing space error',\n    },\n    invalidKey: {\n      defaultMessage: 'Invalid filter key.',\n      id: 'rfUQCaEOsY282TT4',\n      description: 'Filter field invalid key error',\n    },\n    invalidWildCardOperator: {\n      defaultMessage: 'This wildcard operator is not valid for this key.',\n      id: 'j7ELo0pUXF1X46+R',\n      description: 'Filter field invalid wildcard operator',\n    },\n    invalidWildCardOperatorInList: {\n      defaultMessage:\n        \"Wildcards '*' aren't supported in lists. To include an asterisk in a value, escape it by adding a backslash '\\\\' in front or wrapping the value in double quotes.\",\n      id: '2BSsAVmKpHHX76YB',\n      description: 'Filter field invalid wildcard operator in list',\n    },\n    invalidCharacterInIdentifier: {\n      defaultMessage:\n        \"Reserved characters aren't allowed in keys or values. Escape them by adding a backslash '\\\\' in front or wrapping the whole string in double quotes.\",\n      id: 'lLbR2C5+S97CTJ4v',\n      description: 'Filter field invalid characters',\n    },\n    unsupportedSearchOperator: {\n      defaultMessage:\n        'The search operator is not supported in this filter field.',\n      id: '1xChk0S6M7Z4tXFB',\n      description: 'Filter field unsupported search operator',\n    },\n    unsupportedSearchWithLogicalOr: {\n      defaultMessage:\n        'Filter and search statements can only be combined using an {allowedOperator}.',\n      id: '+Q75VFLIzDqeN+do',\n      description: 'Filter field unsupported search operator and logical or',\n    },\n    invalidSearchOperatorInGroup: {\n      defaultMessage: \"Search statements aren't supported in groups.\",\n      id: '7eS8L2HEADvzM6q2',\n      description: 'Filter field invalid search operator inside group',\n    },\n  }),\n};\n"],
+  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const filterFieldMessages = {\n  ...defineMessages({\n    ariaLabel: {\n      defaultMessage: 'Filter field',\n      id: 'swS1rIU8VQep1PDq',\n      description: 'Default aria label for the filter field',\n    },\n    clearFilter: {\n      defaultMessage: 'Clear filter',\n      id: 'mS6CPzO+pMJLetSA',\n      description:\n        'Aria label used for the clear button inside the filter field.',\n    },\n    docsLink: {\n      defaultMessage: 'Filter syntax',\n      id: 'G0h1f2oRxQ8RBqNt',\n      description:\n        'Filter field suggestion tip - link to filter field documentation.',\n    },\n    placeholder: {\n      defaultMessage: 'Type to filter',\n      id: 'GhC5F6ZRFGDVs41W',\n      description: 'Default placeholder text shown in the filter field.',\n    },\n    syntaxError: {\n      defaultMessage: 'Invalid syntax.',\n      id: 'ut5dPv/qM9qMEW4a',\n      description:\n        'Error message shown when the Input in the FilterField has an invalid syntax.',\n    },\n  }),\n\n  /**\n   * Comparison operators\n   */\n  comparisonOperators: defineMessages({\n    equals: {\n      defaultMessage: 'Equals',\n      id: 'VsLm4+Io4PguyLI+',\n      description: 'Filter field equals operator description',\n    },\n    notEquals: {\n      defaultMessage: 'Doesn\u2019t equal',\n      id: 'Ce/f2UdApbmNAeEM',\n      description: 'Filter field not equals operator description',\n    },\n    lessThan: {\n      defaultMessage: 'Less than',\n      id: 'JZunLfAY47K5StQb',\n      description: 'Filter field less than operator description',\n    },\n    lessThanEqual: {\n      defaultMessage: 'Less than or equal to',\n      id: 'vJ/eXvQ9OL/qVOcs',\n      description: 'Filter field less than or equal operator description',\n    },\n    greaterThan: {\n      defaultMessage: 'Greater than',\n      id: 'WDNrzGxjR2Q0PO0t',\n      description: 'Filter field greater than operator description',\n    },\n    greaterThanEqual: {\n      defaultMessage: 'Greater than or equal to',\n      id: '+qNOmVAE1opriSnf',\n      description: 'Filter field greater than or equal operator description',\n    },\n    in: {\n      defaultMessage: 'Matches one or more values in a list of values',\n      id: '2TgksAr68bjM6G9M',\n      description: 'Filter field in operator description',\n    },\n    notIn: {\n      defaultMessage: \"Doesn't match one or more values in a list of values\",\n      id: '44M+LwJIb1lbO5Ev',\n      description: 'Filter field not in operator description',\n    },\n    startsWith: {\n      defaultMessage: 'Starts with',\n      id: '7zZeVBfEiXm3xbwL',\n      description: 'Filter field starts-with operator description',\n    },\n    contains: {\n      defaultMessage: 'Contains',\n      id: 'tChYdhQqWeoYUZrd',\n      description: 'Filter field contains operator description',\n    },\n    endsWith: {\n      defaultMessage: 'Ends with',\n      id: 'Zc+msrZVGPNk84Lu',\n      description: 'Filter field ends-with operator description',\n    },\n    notStartsWith: {\n      defaultMessage: \"Doesn't start with\",\n      id: 'dyadgwpDBQLyqJaa',\n      description: 'Filter field not-starts-with operator description',\n    },\n    notContains: {\n      defaultMessage: \"Doesn't contain\",\n      id: 'jT47SZ4EuoZYSr9x',\n      description: 'Filter field not-contains operator description',\n    },\n    notEndsWith: {\n      defaultMessage: \"Doesn't end with\",\n      id: '8fzPtb8YMF5R1xlh',\n      description: 'Filter field not-ends-with operator description',\n    },\n    exists: {\n      defaultMessage: 'Exists in any form',\n      id: 'RSp2nSscx4hJgP2P',\n      description: 'Filter field exists operator description',\n    },\n    notExists: {\n      defaultMessage: \"Doesn't exist in any form\",\n      id: 'E1oTbKDAzXJo/hs/',\n      description: 'Filter field not exists operator description',\n    },\n    matchesPhrase: {\n      defaultMessage: 'Matches phrase',\n      id: 'TNgy+4XtLPGHfZu2',\n      description: 'Filter field matches-phrase operator description',\n    },\n    notMatchesPhrase: {\n      defaultMessage: 'Does not match phrase',\n      id: 'Tr/buzcgyjaGCFM7',\n      description: 'Filter field not-matches-phrase operator description',\n    },\n  }),\n\n  /**\n   * Unsupported operators\n   */\n  unsupportedOperators: defineMessages({\n    startsWith: {\n      defaultMessage: 'Starts-with is not supported for this key.',\n      description:\n        'Message shown if the starts-with operator is not supported for this key.',\n      id: 'HChaOEcqD6o/jiDX',\n    },\n    endsWith: {\n      defaultMessage: 'Ends-with is not supported for this key.',\n      description:\n        'Message shown if the ends-with operator is not supported for this key.',\n      id: 'XRD3go4HQunmYuM4',\n    },\n    contains: {\n      defaultMessage: 'Contains is not supported for this key.',\n      description:\n        'Message shown if the contains operator is not supported for this key.',\n      id: '8lZa/1S3ydSfb3iO',\n    },\n  }),\n\n  /**\n   * Suggestions\n   */\n  suggestions: {\n    ...defineMessages({\n      loading: {\n        defaultMessage: 'Loading suggestions',\n        id: '313HlKgYmTnqRqJU',\n        description: 'Message shown when suggestions are currently loaded.',\n      },\n      noSuggestions: {\n        defaultMessage: 'No suggestions',\n        id: 'PjDGLO7+f1/CNRR0',\n        description: 'Filter field empty suggestions message.',\n      },\n      noMatchingSuggestions: {\n        defaultMessage: 'No matching suggestions found.',\n        id: 'vN/5FvuU1Cfk1/Ep',\n        description:\n          'Empty state message shown if no suggestions can be found.',\n      },\n      pasteRaw: {\n        defaultMessage: 'Apply filter syntax',\n        description:\n          'Suggestion to enter the pasted text into the FilterField.',\n        id: 'iQMNfVmL/0auzXXf',\n      },\n      pinnedFilters: {\n        defaultMessage: 'Pinned filters',\n        id: 'iuy+4WgQ89QDvgl+',\n        description:\n          'Headline for recently used filters suggestions in the filter field',\n      },\n      pinUnpinLabel: {\n        defaultMessage:\n          '{isPinned, select, true {Unpin} other {Pin}} filter with value \"{filterString}',\n        id: '9IaEBlhZa5HXmHA+',\n        description:\n          'Aria label for the pin/unpin button in the filter field suggestions',\n      },\n      pinUnpinTooltip: {\n        defaultMessage: '{isPinned, select, true {Unpin} other {Pin}} filter',\n        id: 'aj7w8W3lv+e41SJB',\n        description:\n          'Tooltip for the pin/unpin button in the filter field suggestions',\n      },\n      pinUnpinLimitTooltip: {\n        defaultMessage: 'You can\u2019t pin more than 10 items',\n        id: 'Q7HxEz/6LQ+CtEXo',\n        description: 'Tooltip for the pin/unpin if the limit is reached.',\n      },\n      recentlyUsed: {\n        defaultMessage: 'Recently used filters',\n        id: 'QGNAMlfBaYn7aCLl',\n        description:\n          'Headline for recently used filters suggestions in the filter field',\n      },\n      search: {\n        defaultMessage:\n          'Search{value, select, false { a phrase } other {{value}}}in all data',\n        id: 'gC3CED/ap4Cbjhye',\n        description:\n          'Empty state message shown if no key or value is provided yet.',\n      },\n      showMore: {\n        defaultMessage:\n          'Show {isExpanded, select, true {less} false {more} other{}}',\n        id: 'b8jNkkwzLHYDkasb',\n        description:\n          'Text shown on the expanding button within the provided list, when currently expanded.',\n      },\n      startTyping: {\n        defaultMessage: 'Start typing to enter a {suggestionType}.',\n        id: 'Zr87lY6T9UiaWuMD',\n        description:\n          'Empty state message shown if no key or value is provided yet.',\n      },\n      useAsKey: {\n        defaultMessage: 'Use{value}as key',\n        description: 'Message shown as a default key suggestions.',\n        id: 'pFUmTVhQadk/rQkO',\n      },\n      useAsValue: {\n        defaultMessage: 'Use{value}as value',\n        description:\n          'Message shown if a generic value may be available in the suggestion.',\n        id: '5E11MLQX1RFMIXOL',\n      },\n    }),\n    supportedValues: defineMessages({\n      Durations: {\n        defaultMessage: 'Supported values: Durations',\n        id: 'ZqPD+GJnri7vlLul',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only durations are valid)',\n      },\n      Numbers: {\n        defaultMessage: 'Supported values: Numbers',\n        id: 'TGpKHavTfvNDG6nB',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only numbers are valid)',\n      },\n      IPAddresses: {\n        defaultMessage: 'Supported values: IP addresses',\n        id: 'R78oo6l2CKe2fY1R',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only IP addresses are valid)',\n      },\n      UIDs: {\n        defaultMessage: 'Supported values: UIDs',\n        id: 'BfMOguQOfnAxwOI6',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only UIDs are valid)',\n      },\n      Timestamps: {\n        defaultMessage: 'Supported values: Timestamps',\n        id: '8KQslb+aIgOg9wbA',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only Timestamps are valid)',\n      },\n      SmartscapeIds: {\n        defaultMessage: 'Supported values: SmartscapeIds',\n        id: '0VRyxKUSWrEGrYLJ',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only SmartscapeIds are valid)',\n      },\n      Boolean: {\n        defaultMessage: \"Supported values: 'true', 'false'\",\n        id: '4Dfz/uq2jb0sD782',\n        description:\n          'Message shown for value suggestions restricted by a validator map (only \"true\" and \"false\" are valid)',\n      },\n    }),\n    tips: defineMessages({\n      apply: {\n        defaultMessage: ' Apply filter',\n        id: 'LOWAzLWj0fknrnEb',\n        description: 'Filter field suggestion tip - apply filter.',\n      },\n      close: {\n        defaultMessage: 'Close',\n        id: 'RL8FCY3ia3BTX2cU',\n        description: 'Filter field suggestion tip - close suggestions.',\n      },\n      selection: {\n        defaultMessage: ' Navigate',\n        id: 'HH0Od0c8jGTsxDda',\n        description: 'Filter field suggestion tip - navigate suggestions.',\n      },\n    }),\n\n    a11y: defineMessages({\n      ariaLabel: {\n        defaultMessage: 'Suggestions',\n        id: 'BAfEyw7BhyJX3dfC',\n        description: 'Aria label for the suggestions overlay',\n      },\n      noSuggestions: {\n        defaultMessage: 'No suggestions available.',\n        id: 'eII4gA0InOVMB0Uh',\n        description: 'Aria text when there are no available suggestion.',\n      },\n      xMoreSuggestions: {\n        id: 'HPt4l9OCXddkPdak',\n        defaultMessage: '{suggestionsLength} suggestions available.',\n        description: 'Aria text for more than 10 suggestions.',\n      },\n      availableSuggestions: {\n        id: 'gbREY3JeG/Gnn5VH',\n        defaultMessage:\n          '{suggestionsLength} suggestions available: {combinedSuggestions}',\n        description: 'Aria text for less than 10 suggestions.',\n      },\n      logicalOperators: {\n        defaultMessage: 'Logical operator suggestions',\n        id: 'r2QQIGUPC6lQhGDf',\n        description:\n          'Aria-label for logical operator suggestions in the filter field',\n      },\n      overlayAnnouncement: {\n        defaultMessage:\n          'Suggestions overlay opened. You can navigate to a suggestion with the arrow up or arrow down key and select it by pressing enter. Please continue typing to filter.',\n        id: 'g5VGRS4KVxg346o4',\n        description:\n          'Filter field screen reader announcement for opened suggestions.',\n      },\n      pastedContent: {\n        defaultMessage: 'Suggestions for pasted content',\n        id: '4ccf9fJlKURtBw/8',\n        description: 'Aria label for the pasted content suggestion group.',\n      },\n      statementSuggestions: {\n        defaultMessage: 'Suggestions for filter statements',\n        id: 'HzfsDA+42BHW9xeE',\n        description: 'Aria label for the filter statements suggestion group.',\n      },\n      search: {\n        defaultMessage: 'Search suggestion',\n        id: 'd4ODG2WkdaedSe5s',\n        description: 'Aria label for the search suggestion group.',\n      },\n    }),\n\n    ariaLiveInfo: defineMessages({\n      availableSuggestions: {\n        defaultMessage: 'Available suggestions:',\n        id: 'zSm9YklUFyPurvQU',\n        description:\n          'Screen reader announcement introducing the list of available filter suggestions.',\n      },\n      moreSuggestionsAvailable: {\n        defaultMessage:\n          'This is just an overview, more suggestions might be available. Explore the list by navigating with the arrow keys or continue typing to filter.',\n        id: 'Ncd2jCwVN8H1vf6M',\n        description:\n          'Screen reader announcement indicating that additional suggestions exist beyond the first five displayed.',\n      },\n      additionallyAvailableSuggestions: {\n        defaultMessage: 'Additionally available suggestions:',\n        id: 'nZQixLAUTDhflk9Q',\n        description:\n          'Screen reader announcement introducing additional suggestion categories such as recent, pinned, or search suggestions.',\n      },\n      logicalOperator: {\n        defaultMessage: 'Logical operator suggestion: OR',\n        id: 'p/8O9bMs2knnRDWA',\n        description:\n          'Screen reader announcement for the availability of the logical OR operator as a suggestion option.',\n      },\n      recentlyUsedSuggestions: {\n        defaultMessage: '{value} recently used suggestion(s).',\n        id: '1fdceSDwpC0elRzY',\n        description:\n          'Screen reader announcement for the count of recently used filter suggestions available for selection.',\n      },\n      pinnedSuggestions: {\n        defaultMessage: '{value} pinned filter suggestion(s).',\n        id: 'dtWYZ7eG/P5QCKp5',\n        description:\n          'Screen reader announcement for the count of user-pinned filter suggestions available for selection.',\n      },\n    }),\n  },\n\n  /**\n   * Value suggestions\n   */\n  value: defineMessages({\n    startsWith: {\n      defaultMessage: 'Starts with {value}',\n      description:\n        'Message shown if the starts-with operator can be used with the current value.',\n      id: '/gODMPYFdp49RodI',\n    },\n    endsWith: {\n      defaultMessage: 'Ends with {value}',\n      description:\n        'Message shown if the ends-with operator can be used with the current value.',\n      id: 's/C94DAW5sfrWYkU',\n    },\n    contains: {\n      defaultMessage: 'Contains {value}',\n      description:\n        'Message shown if the contains operator can be used with the current value.',\n      id: '7M6Jd0cEy/ruEDEZ',\n    },\n    notStartsWith: {\n      defaultMessage: \"Doesn't start with {value}\",\n      description:\n        'Message shown if the not-starts-with operator can be used with the current value.',\n      id: '9xnhCHCgU7NGIxiX',\n    },\n    notEndsWith: {\n      defaultMessage: \"Doesn't end with {value}\",\n      description:\n        'Message shown if the not-ends-with operator can be used with the current value.',\n      id: 'fJPc1Tw4jSAEp5KQ',\n    },\n    notContains: {\n      defaultMessage: \"Doesn't contain {value}\",\n      description:\n        'Message shown if the not-contains operator can be used with the current value.',\n      id: 'mXDFppLKSC7oX/Ba',\n    },\n  }),\n\n  /**\n   * Linting\n   */\n  linting: defineMessages({\n    emptyGroupError: {\n      defaultMessage: 'A group cannot be empty.',\n      id: 'U4LTHt7BSgC51Yri',\n      description: 'Filter field empty group error',\n    },\n    incompleteGroupError: {\n      defaultMessage: 'A group seems to be missing a bracket.',\n      id: '1TnPlwjdgpaLY1uE',\n      description: 'Filter field incomplete group error',\n    },\n    unsupportedExplicitGroup: {\n      defaultMessage:\n        'Grouping statements is not supported in the basic syntax mode.',\n      id: '/jHof2z8yLr/qa9U',\n      description: 'Filter field unsupported group',\n    },\n    unsupportedPositionOperator: {\n      defaultMessage: 'A position operator cannot occur in this position.',\n      id: 'aUi1nca6cF4KJPSw',\n      description: 'Filter field unsupported position operator',\n    },\n    duplicatePositionOperator: {\n      defaultMessage:\n        'A position operator can only occur before or after a doublequote, not both.',\n      id: 'l1RC/QWjUJWHIM++',\n      description: 'Filter field duplicate position operator error',\n    },\n    invalidPositionOperator: {\n      defaultMessage:\n        'Invalid combination of position operators and comparator.\\nAllowed comparators: =, !=',\n      id: 'nS4QPK3zNih9UAZs',\n      description: 'Position operator not supported for used comparator.',\n    },\n    incompleteStatementError: {\n      defaultMessage: 'The filter field statement is incomplete.',\n      id: 'jtrx2KCeXnLeA8Kd',\n      description: 'Filter field incomplete statement error',\n    },\n    incompleteStatementWithEnabledSearchError: {\n      defaultMessage:\n        'Incomplete filter statement. A valid statement consists of key, comparator, and value. Alternatively, add {operator} in front to search for this phrase in all data.',\n      id: 'lrDYNZ+hnaBD30/j',\n      description: 'Filter field incomplete statement error',\n    },\n    missingKeyError: {\n      defaultMessage: 'The filter key is missing.',\n      id: '1yn5LJXBZlEagfkL',\n      description: 'Filter field missing key error',\n    },\n    missingValueError: {\n      defaultMessage: 'The filter value is missing.',\n      id: 'kctf0+Hea33LxYTL',\n      description: 'Filter field missing value error',\n    },\n    missingOperatorError: {\n      defaultMessage: 'Missing operator.',\n      id: 'ABXa8Ni5H9+ZO7E0',\n      description: 'Filter field missing operator',\n    },\n    invalidComparatorError: {\n      defaultMessage:\n        'Invalid comparator. Allowed comparators are: {allowedComparators}.',\n      id: 'Fik0kx8pJ4hkEZUZ',\n      description: 'Filter field invalid comparator',\n    },\n    invalidValueError: {\n      defaultMessage: 'The filter value is invalid.',\n      id: 'FNr7Qz7K7FFouhDD',\n      description: 'Filter field invalid value error',\n    },\n    invalidLogicalOperator: {\n      defaultMessage: 'A logical operator cannot occur in this position.',\n      id: '5Byu0D+YGc1DoTBc',\n      description: 'Filter field invalid logical operator',\n    },\n    unsupportedLogicalOperator: {\n      defaultMessage:\n        'The logical `OR` operator is not supported in the basic syntax mode.',\n      id: 'PkWNcYRn4iWtpXnu',\n      description: 'Filter field unsupported logical operator',\n    },\n    invalidInclusionValue: {\n      defaultMessage:\n        \"The 'in' operator requires values to be wrapped in brackets, separated by a comma.\",\n      id: 'tC4AzRIolPCwyigk',\n      description: 'Filter field invalid inclusion value',\n    },\n    emptyInclusionValue: {\n      defaultMessage: \"The 'in' operator doesn't support empty lists.\",\n      id: 'LAcIIvdezwZIzQG+',\n      description: 'Filter field empty inclusion value',\n    },\n    missingSpace: {\n      defaultMessage: 'A space seems to be missing.',\n      id: 'Q7Mgijk38uWvSnlW',\n      description: 'Filter field missing space error',\n    },\n    invalidKey: {\n      defaultMessage: 'Invalid filter key.',\n      id: 'rfUQCaEOsY282TT4',\n      description: 'Filter field invalid key error',\n    },\n    invalidWildCardOperator: {\n      defaultMessage: 'This wildcard operator is not valid for this key.',\n      id: 'j7ELo0pUXF1X46+R',\n      description: 'Filter field invalid wildcard operator',\n    },\n    invalidWildCardOperatorInList: {\n      defaultMessage:\n        \"Wildcards '*' aren't supported in lists. To include an asterisk in a value, escape it by adding a backslash '\\\\' in front or wrapping the value in double quotes.\",\n      id: '2BSsAVmKpHHX76YB',\n      description: 'Filter field invalid wildcard operator in list',\n    },\n    invalidCharacterInIdentifier: {\n      defaultMessage:\n        \"Reserved characters aren't allowed in keys or values. Escape them by adding a backslash '\\\\' in front or wrapping the whole string in double quotes.\",\n      id: 'lLbR2C5+S97CTJ4v',\n      description: 'Filter field invalid characters',\n    },\n    unsupportedSearchOperator: {\n      defaultMessage:\n        'The search operator is not supported in this filter field.',\n      id: '1xChk0S6M7Z4tXFB',\n      description: 'Filter field unsupported search operator',\n    },\n    unsupportedSearchWithLogicalOr: {\n      defaultMessage:\n        'Filter and search statements can only be combined using an {allowedOperator}.',\n      id: '+Q75VFLIzDqeN+do',\n      description: 'Filter field unsupported search operator and logical or',\n    },\n    invalidSearchOperatorInGroup: {\n      defaultMessage: \"Search statements aren't supported in groups.\",\n      id: '7eS8L2HEADvzM6q2',\n      description: 'Filter field invalid search operator inside group',\n    },\n  }),\n};\n"],
   "mappings": "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",
   "names": []
 }

package/esm/filters/filter-field/suggestions/AriaLiveInfo.js

@@ -1,11 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Children, useMemo, useEffect, useState } from "react";
+import { useMemo, useEffect, useState } from "react";
 import { FormattedMessage } from "react-intl";
-import { Suggestion } from "./Suggestion.js";
-import { SuggestionGroup } from "./SuggestionGroup.js";
 import { VisuallyHidden } from "../../../core/components/visually-hidden/VisuallyHidden.js";
 import { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from "../../../core/utils/can-receive-default-text-format.js";
-import { isSlot } from "../../../core/utils/is-slot.js";
 import { useFilterFieldContext } from "../hooks/useFilterFieldContext.js";
 import { filterFieldMessages } from "../messages.js";
 const MAX_ANNOUNCED_SUGGESTIONS = 5;
@@ -62,33 +59,21 @@ const RecentAndPinnedSuggestionsAriaLiveInfo = ({
     }
   ) });
 };
-const flattenSuggestions = (suggestions, limit = MAX_ANNOUNCED_SUGGESTIONS) => {
+const extractSuggestions = (flattenedItems, limit = MAX_ANNOUNCED_SUGGESTIONS) => {
   const result = [];
-  const accumulate = (node) => {
-    for (const child of Children.toArray(node)) {
-      if (result.length >= limit) {
-        return;
-      }
-      if (isSlot(child, Suggestion)) {
-        result.push(child.props);
-        continue;
-      }
-      if (isSlot(child, SuggestionGroup)) {
-        const { children, suggestions: suggestions2 = [] } = child.props;
-        for (const suggestion of suggestions2) {
-          if (result.length >= limit) {
-            return;
-          }
-          result.push(suggestion);
-        }
-        accumulate(children);
-      }
+  for (const item of flattenedItems) {
+    if (result.length >= limit) {
+      break;
+    }
+    if (item.kind === "suggestion") {
+      result.push(item.data);
     }
-  };
-  accumulate(suggestions);
+  }
   return result;
 };
-const AriaLiveInfo = ({ children }) => {
+const AriaLiveInfo = ({
+  flattenedSuggestionItems
+}) => {
   const {
     isValidSearch,
     pastedContentSuggestionValues,
@@ -96,25 +81,14 @@ const AriaLiveInfo = ({ children }) => {
     recentSuggestionValues,
     pinnedSuggestionValues,
     searchSuggestionValues,
-    parserConfig,
-    autoSuggestions
+    parserConfig
   } = useFilterFieldContext();
   const showSearchSuggestions = isValidSearch?.current && searchSuggestionValues.length > 0 && // eslint-disable-next-line @typescript-eslint/no-deprecated
   (parserConfig?.searchConversion ?? false);
   const hasAdditionalContent = pastedContentSuggestionValues.length > 0 || logicalOperatorSuggestionValues.length > 0 || showSearchSuggestions || recentSuggestionValues.length > 0 || pinnedSuggestionValues.length > 0;
-  const flattenedSuggestions = useMemo(
-    () => flattenSuggestions(
-      children,
-      Math.max(
-        0,
-        MAX_ANNOUNCED_SUGGESTIONS - autoSuggestions.flattenedSuggestions.length
-      )
-    ),
-    [children, autoSuggestions.flattenedSuggestions.length]
-  );
   const combinedSuggestions = useMemo(
-    () => [...autoSuggestions.flattenedSuggestions, ...flattenedSuggestions],
-    [autoSuggestions.flattenedSuggestions, flattenedSuggestions]
+    () => extractSuggestions(flattenedSuggestionItems, MAX_ANNOUNCED_SUGGESTIONS),
+    [flattenedSuggestionItems]
   );
   const [debouncedState, setDebouncedState] = useState(
     () => ({

package/esm/filters/filter-field/suggestions/AriaLiveInfo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/AriaLiveInfo.tsx"],
-  "sourcesContent": ["import { Children, useMemo, useEffect, useState, type ReactNode } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\n\nimport { Suggestion } from './Suggestion.js';\nimport type { FilterFieldSuggestion } from './Suggestion.types.js';\nimport { SuggestionGroup } from './SuggestionGroup.js';\nimport { VisuallyHidden } from '../../../core/components/visually-hidden/VisuallyHidden.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../../core/utils/can-receive-default-text-format.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { filterFieldMessages } from '../messages.js';\n\n/** Maximum number of default suggestions to display in aria-live announcements */\nconst MAX_ANNOUNCED_SUGGESTIONS = 5;\n\n/** Debounce time for aria-live announcements */\nconst ARIA_LIVE_DEBOUNCE_MS = 600;\n\nconst DefaultSuggestionsAriaLiveInfo = ({\n  suggestions,\n}: {\n  suggestions: FilterFieldSuggestion[];\n}) => {\n  if (!suggestions.length) {\n    return null;\n  }\n\n  return (\n    <ul>\n      {suggestions\n        .slice(0, MAX_ANNOUNCED_SUGGESTIONS)\n        .map((suggestion, index) => {\n          let suggestionText;\n\n          if (_canReceiveDefaultTextFormat(suggestion.displayValue)) {\n            suggestionText = suggestion.displayValue;\n          } else if (_canReceiveDefaultTextFormat(suggestion.value)) {\n            suggestionText = suggestion.value;\n          }\n\n          if (suggestionText) {\n            return <li key={`${suggestionText}-${index}`}>{suggestionText}</li>;\n          }\n\n          return null;\n        })}\n    </ul>\n  );\n};\n\nconst LogicalOperatorSuggestionAriaLiveInfo = ({\n  hasLogicalOperators,\n}: {\n  hasLogicalOperators: boolean;\n}) => {\n  if (!hasLogicalOperators) {\n    return null;\n  }\n\n  return (\n    <li>\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.ariaLiveInfo.logicalOperator}\n      />\n    </li>\n  );\n};\n\nconst GeneralSuggestionsAriaLiveInfo = ({\n  values,\n}: {\n  values: FilterFieldSuggestion[];\n}) => values.map((value) => <li key={value.value}>{value.displayValue}</li>);\n\nconst RecentAndPinnedSuggestionsAriaLiveInfo = ({\n  message,\n  count,\n}: {\n  message: {\n    defaultMessage: string;\n    id: string;\n    description: string;\n  };\n  count: number;\n}) => {\n  if (count === 0) {\n    return null;\n  }\n\n  return (\n    <li>\n      <FormattedMessage\n        {...message}\n        values={{\n          value: count,\n        }}\n      />\n    </li>\n  );\n};\n\n/**\n * Extracts FilterFieldSuggestion props from a tree of Suggestion and SuggestionGroup components.\n * Traverses React children and collects suggestion data up to the specified limit.\n */\nconst flattenSuggestions = (\n  suggestions: ReactNode,\n  limit = MAX_ANNOUNCED_SUGGESTIONS,\n): FilterFieldSuggestion[] => {\n  const result: FilterFieldSuggestion[] = [];\n\n  const accumulate = (node: ReactNode): void => {\n    for (const child of Children.toArray(node)) {\n      if (result.length >= limit) {\n        return;\n      }\n\n      if (isSlot(child, Suggestion)) {\n        result.push(child.props);\n        continue;\n      }\n\n      if (isSlot(child, SuggestionGroup)) {\n        const { children, suggestions = [] } = child.props;\n\n        for (const suggestion of suggestions) {\n          if (result.length >= limit) {\n            return;\n          }\n          result.push(suggestion);\n        }\n\n        accumulate(children);\n      }\n    }\n  };\n\n  accumulate(suggestions);\n  return result;\n};\n\ninterface DebouncedAriaLiveState {\n  combinedSuggestions: FilterFieldSuggestion[];\n  hasAdditionalContent: boolean;\n  showSearchSuggestions: boolean;\n  pastedContentSuggestionValues: FilterFieldSuggestion[];\n  logicalOperatorSuggestionsAvailable: boolean;\n  recentSuggestionCount: number;\n  pinnedSuggestionCount: number;\n  searchSuggestionValues: FilterFieldSuggestion[];\n}\n\nexport const AriaLiveInfo = ({ children }: React.PropsWithChildren) => {\n  const {\n    isValidSearch,\n    pastedContentSuggestionValues,\n    logicalOperatorSuggestionValues,\n    recentSuggestionValues,\n    pinnedSuggestionValues,\n    searchSuggestionValues,\n    parserConfig,\n    autoSuggestions,\n  } = useFilterFieldContext();\n\n  const showSearchSuggestions =\n    isValidSearch?.current &&\n    searchSuggestionValues.length > 0 &&\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (parserConfig?.searchConversion ?? false);\n\n  const hasAdditionalContent =\n    pastedContentSuggestionValues.length > 0 ||\n    logicalOperatorSuggestionValues.length > 0 ||\n    showSearchSuggestions ||\n    recentSuggestionValues.length > 0 ||\n    pinnedSuggestionValues.length > 0;\n\n  const flattenedSuggestions = useMemo(\n    () =>\n      flattenSuggestions(\n        children,\n        Math.max(\n          0,\n          MAX_ANNOUNCED_SUGGESTIONS -\n            autoSuggestions.flattenedSuggestions.length,\n        ),\n      ),\n    [children, autoSuggestions.flattenedSuggestions.length],\n  );\n\n  const combinedSuggestions = useMemo(\n    () => [...autoSuggestions.flattenedSuggestions, ...flattenedSuggestions],\n    [autoSuggestions.flattenedSuggestions, flattenedSuggestions],\n  );\n\n  const [debouncedState, setDebouncedState] = useState<DebouncedAriaLiveState>(\n    () => ({\n      combinedSuggestions: [],\n      hasAdditionalContent: false,\n      showSearchSuggestions: false,\n      pastedContentSuggestionValues: [],\n      logicalOperatorSuggestionsAvailable: false,\n      recentSuggestionCount: 0,\n      pinnedSuggestionCount: 0,\n      searchSuggestionValues: [],\n    }),\n  );\n\n  useEffect(() => {\n    const handle = setTimeout(() => {\n      setDebouncedState({\n        combinedSuggestions,\n        hasAdditionalContent,\n        showSearchSuggestions: !!showSearchSuggestions,\n        pastedContentSuggestionValues,\n        logicalOperatorSuggestionsAvailable:\n          logicalOperatorSuggestionValues.length > 0,\n        recentSuggestionCount: recentSuggestionValues.length,\n        pinnedSuggestionCount: pinnedSuggestionValues.length,\n        searchSuggestionValues,\n      });\n    }, ARIA_LIVE_DEBOUNCE_MS);\n\n    return () => {\n      clearTimeout(handle);\n    };\n  }, [\n    combinedSuggestions,\n    hasAdditionalContent,\n    showSearchSuggestions,\n    pastedContentSuggestionValues,\n    logicalOperatorSuggestionValues.length,\n    recentSuggestionValues.length,\n    pinnedSuggestionValues.length,\n    searchSuggestionValues,\n  ]);\n\n  const hasContent = debouncedState.combinedSuggestions.length > 0;\n\n  return (\n    <VisuallyHidden>\n      <div aria-live=\"polite\" aria-atomic=\"true\">\n        {hasContent || debouncedState.hasAdditionalContent ? (\n          <>\n            <FormattedMessage\n              {...filterFieldMessages.suggestions.ariaLiveInfo\n                .availableSuggestions}\n            />\n            <DefaultSuggestionsAriaLiveInfo\n              suggestions={debouncedState.combinedSuggestions}\n            />\n            {debouncedState.hasAdditionalContent && (\n              <ul>\n                <GeneralSuggestionsAriaLiveInfo\n                  values={debouncedState.pastedContentSuggestionValues}\n                />\n                <LogicalOperatorSuggestionAriaLiveInfo\n                  hasLogicalOperators={\n                    debouncedState.logicalOperatorSuggestionsAvailable\n                  }\n                />\n                <RecentAndPinnedSuggestionsAriaLiveInfo\n                  message={\n                    filterFieldMessages.suggestions.ariaLiveInfo\n                      .recentlyUsedSuggestions\n                  }\n                  count={debouncedState.recentSuggestionCount}\n                />\n                <RecentAndPinnedSuggestionsAriaLiveInfo\n                  message={\n                    filterFieldMessages.suggestions.ariaLiveInfo\n                      .pinnedSuggestions\n                  }\n                  count={debouncedState.pinnedSuggestionCount}\n                />\n                <GeneralSuggestionsAriaLiveInfo\n                  values={debouncedState.searchSuggestionValues}\n                />\n              </ul>\n            )}\n            <FormattedMessage\n              {...filterFieldMessages.suggestions.ariaLiveInfo\n                .moreSuggestionsAvailable}\n            />\n          </>\n        ) : null}\n      </div>\n    </VisuallyHidden>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["suggestions"]
+  "sourcesContent": ["import { useMemo, useEffect, useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport type {\n  FilterFieldSuggestion,\n  FlattenedSuggestionItem,\n} from './Suggestion.types.js';\nimport { VisuallyHidden } from '../../../core/components/visually-hidden/VisuallyHidden.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../../core/utils/can-receive-default-text-format.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { filterFieldMessages } from '../messages.js';\n\n/** Maximum number of default suggestions to display in aria-live announcements */\nconst MAX_ANNOUNCED_SUGGESTIONS = 5;\n\n/** Debounce time for aria-live announcements */\nconst ARIA_LIVE_DEBOUNCE_MS = 600;\n\nconst DefaultSuggestionsAriaLiveInfo = ({\n  suggestions,\n}: {\n  suggestions: FilterFieldSuggestion[];\n}) => {\n  if (!suggestions.length) {\n    return null;\n  }\n\n  return (\n    <ul>\n      {suggestions\n        .slice(0, MAX_ANNOUNCED_SUGGESTIONS)\n        .map((suggestion, index) => {\n          let suggestionText;\n\n          if (_canReceiveDefaultTextFormat(suggestion.displayValue)) {\n            suggestionText = suggestion.displayValue;\n          } else if (_canReceiveDefaultTextFormat(suggestion.value)) {\n            suggestionText = suggestion.value;\n          }\n\n          if (suggestionText) {\n            return <li key={`${suggestionText}-${index}`}>{suggestionText}</li>;\n          }\n\n          return null;\n        })}\n    </ul>\n  );\n};\n\nconst LogicalOperatorSuggestionAriaLiveInfo = ({\n  hasLogicalOperators,\n}: {\n  hasLogicalOperators: boolean;\n}) => {\n  if (!hasLogicalOperators) {\n    return null;\n  }\n\n  return (\n    <li>\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.ariaLiveInfo.logicalOperator}\n      />\n    </li>\n  );\n};\n\nconst GeneralSuggestionsAriaLiveInfo = ({\n  values,\n}: {\n  values: FilterFieldSuggestion[];\n}) => values.map((value) => <li key={value.value}>{value.displayValue}</li>);\n\nconst RecentAndPinnedSuggestionsAriaLiveInfo = ({\n  message,\n  count,\n}: {\n  message: {\n    defaultMessage: string;\n    id: string;\n    description: string;\n  };\n  count: number;\n}) => {\n  if (count === 0) {\n    return null;\n  }\n\n  return (\n    <li>\n      <FormattedMessage\n        {...message}\n        values={{\n          value: count,\n        }}\n      />\n    </li>\n  );\n};\n\n/**\n * Extracts up to `limit` FilterFieldSuggestion items from a pre-flattened list.\n */\nconst extractSuggestions = (\n  flattenedItems: FlattenedSuggestionItem[],\n  limit = MAX_ANNOUNCED_SUGGESTIONS,\n): FilterFieldSuggestion[] => {\n  const result: FilterFieldSuggestion[] = [];\n  for (const item of flattenedItems) {\n    if (result.length >= limit) {\n      break;\n    }\n    if (item.kind === 'suggestion') {\n      result.push(item.data);\n    }\n  }\n  return result;\n};\n\ninterface DebouncedAriaLiveState {\n  combinedSuggestions: FilterFieldSuggestion[];\n  hasAdditionalContent: boolean;\n  showSearchSuggestions: boolean;\n  pastedContentSuggestionValues: FilterFieldSuggestion[];\n  logicalOperatorSuggestionsAvailable: boolean;\n  recentSuggestionCount: number;\n  pinnedSuggestionCount: number;\n  searchSuggestionValues: FilterFieldSuggestion[];\n}\n\ninterface AriaLiveInfoProps {\n  flattenedSuggestionItems: FlattenedSuggestionItem[];\n}\n\n/**\n * Component providing hidden aria-live region to announce available suggestions to screen readers.\n * @internal\n */\nexport const AriaLiveInfo = ({\n  flattenedSuggestionItems,\n}: AriaLiveInfoProps) => {\n  const {\n    isValidSearch,\n    pastedContentSuggestionValues,\n    logicalOperatorSuggestionValues,\n    recentSuggestionValues,\n    pinnedSuggestionValues,\n    searchSuggestionValues,\n    parserConfig,\n  } = useFilterFieldContext();\n\n  const showSearchSuggestions =\n    isValidSearch?.current &&\n    searchSuggestionValues.length > 0 &&\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (parserConfig?.searchConversion ?? false);\n\n  const hasAdditionalContent =\n    pastedContentSuggestionValues.length > 0 ||\n    logicalOperatorSuggestionValues.length > 0 ||\n    showSearchSuggestions ||\n    recentSuggestionValues.length > 0 ||\n    pinnedSuggestionValues.length > 0;\n\n  // Extract only suggestion items (up to MAX_ANNOUNCED_SUGGESTIONS) from the pre-flattened list.\n  const combinedSuggestions = useMemo(\n    () =>\n      extractSuggestions(flattenedSuggestionItems, MAX_ANNOUNCED_SUGGESTIONS),\n    [flattenedSuggestionItems],\n  );\n\n  const [debouncedState, setDebouncedState] = useState<DebouncedAriaLiveState>(\n    () => ({\n      combinedSuggestions: [],\n      hasAdditionalContent: false,\n      showSearchSuggestions: false,\n      pastedContentSuggestionValues: [],\n      logicalOperatorSuggestionsAvailable: false,\n      recentSuggestionCount: 0,\n      pinnedSuggestionCount: 0,\n      searchSuggestionValues: [],\n    }),\n  );\n\n  useEffect(() => {\n    const handle = setTimeout(() => {\n      setDebouncedState({\n        combinedSuggestions,\n        hasAdditionalContent,\n        showSearchSuggestions: !!showSearchSuggestions,\n        pastedContentSuggestionValues,\n        logicalOperatorSuggestionsAvailable:\n          logicalOperatorSuggestionValues.length > 0,\n        recentSuggestionCount: recentSuggestionValues.length,\n        pinnedSuggestionCount: pinnedSuggestionValues.length,\n        searchSuggestionValues,\n      });\n    }, ARIA_LIVE_DEBOUNCE_MS);\n\n    return () => {\n      clearTimeout(handle);\n    };\n  }, [\n    combinedSuggestions,\n    hasAdditionalContent,\n    showSearchSuggestions,\n    pastedContentSuggestionValues,\n    logicalOperatorSuggestionValues.length,\n    recentSuggestionValues.length,\n    pinnedSuggestionValues.length,\n    searchSuggestionValues,\n  ]);\n\n  const hasContent = debouncedState.combinedSuggestions.length > 0;\n\n  return (\n    <VisuallyHidden>\n      <div aria-live=\"polite\" aria-atomic=\"true\">\n        {hasContent || debouncedState.hasAdditionalContent ? (\n          <>\n            <FormattedMessage\n              {...filterFieldMessages.suggestions.ariaLiveInfo\n                .availableSuggestions}\n            />\n            <DefaultSuggestionsAriaLiveInfo\n              suggestions={debouncedState.combinedSuggestions}\n            />\n            {debouncedState.hasAdditionalContent && (\n              <ul>\n                <GeneralSuggestionsAriaLiveInfo\n                  values={debouncedState.pastedContentSuggestionValues}\n                />\n                <LogicalOperatorSuggestionAriaLiveInfo\n                  hasLogicalOperators={\n                    debouncedState.logicalOperatorSuggestionsAvailable\n                  }\n                />\n                <RecentAndPinnedSuggestionsAriaLiveInfo\n                  message={\n                    filterFieldMessages.suggestions.ariaLiveInfo\n                      .recentlyUsedSuggestions\n                  }\n                  count={debouncedState.recentSuggestionCount}\n                />\n                <RecentAndPinnedSuggestionsAriaLiveInfo\n                  message={\n                    filterFieldMessages.suggestions.ariaLiveInfo\n                      .pinnedSuggestions\n                  }\n                  count={debouncedState.pinnedSuggestionCount}\n                />\n                <GeneralSuggestionsAriaLiveInfo\n                  values={debouncedState.searchSuggestionValues}\n                />\n              </ul>\n            )}\n            <FormattedMessage\n              {...filterFieldMessages.suggestions.ariaLiveInfo\n                .moreSuggestionsAvailable}\n            />\n          </>\n        ) : null}\n      </div>\n    </VisuallyHidden>\n  );\n};\n"],
+  "mappings": "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",
+  "names": []
 }

package/esm/filters/filter-field/suggestions/RecentPinnedSuggestionItem.css

@@ -1,11 +1,11 @@
-._vt0w9g0-3-0-1 {
+._vt0w9g0-3-1-1 {
   display: grid;
   grid-template-columns: 1fr auto;
 }
-._vt0w9g1-3-0-1 {
+._vt0w9g1-3-1-1 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._vt0w9g2-3-0-1 {
+._vt0w9g2-3-1-1 {
   appearance: none;
   visibility: hidden;
   position: absolute;
@@ -16,23 +16,23 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._1smjoa13-3-0-1:hover ._vt0w9g2-3-0-1, ._1smjoa13-3-0-1:has(.virtual-focus) ._vt0w9g2-3-0-1 {
+._1smjoa13-3-1-1:hover ._vt0w9g2-3-1-1, ._1smjoa13-3-1-1:has(.virtual-focus) ._vt0w9g2-3-1-1 {
   position: initial;
   visibility: visible;
   height: 100%;
 }
-._vt0w9g2-3-0-1.virtual-focus {
+._vt0w9g2-3-1-1.virtual-focus {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._vt0w9g3-3-0-1.virtual-focus {
+._vt0w9g3-3-1-1.virtual-focus {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._vt0w9g0-3-0-1 ._1smjoa10-3-0-1 > div {
+._vt0w9g0-3-1-1 ._1smjoa10-3-1-1 > div {
   background-color: transparent;
 }
-@container _ssu5rt0-3-0-1 (min-width: 641px) {
-  ._vt0w9g0-3-0-1:hover ._tn2lgm0-3-0-1, ._vt0w9g0-3-0-1.virtual-focus ._tn2lgm0-3-0-1, ._vt0w9g0-3-0-1:has(.virtual-focus) ._tn2lgm0-3-0-1 {
+@container _ssu5rt0-3-1-1 (min-width: 641px) {
+  ._vt0w9g0-3-1-1:hover ._tn2lgm0-3-1-1, ._vt0w9g0-3-1-1.virtual-focus ._tn2lgm0-3-1-1, ._vt0w9g0-3-1-1:has(.virtual-focus) ._tn2lgm0-3-1-1 {
     display: none;
   }
 }

package/esm/filters/filter-field/suggestions/RecentPinnedSuggestionItem.sty.js

@@ -2,10 +2,10 @@ import "./SuggestionsOverlay.css";
 import "./Suggestion.css";
 import "./SuggestionDetails.css";
 import "./RecentPinnedSuggestionItem.css";
-var pinButton = "_vt0w9g1-3-0-1";
-var recentSuggestion = "_vt0w9g0-3-0-1";
-var showMoreButton = "_vt0w9g3-3-0-1";
-var suggestionPin = "_vt0w9g2-3-0-1";
+var pinButton = "_vt0w9g1-3-1-1";
+var recentSuggestion = "_vt0w9g0-3-1-1";
+var showMoreButton = "_vt0w9g3-3-1-1";
+var suggestionPin = "_vt0w9g2-3-1-1";
 export {
   pinButton,
   recentSuggestion,