npm - @dynatrace/strato-components - Versions diffs - 3.5.0 → 3.6.0 - Mend

@dynatrace/strato-components 3.5.0 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2368) hide show

package/esm/filters/filter-field/suggestions/Suggestion.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/Suggestion.tsx"],
-  "sourcesContent": ["import type { EditorView } from '@codemirror/view';\nimport clsx from 'clsx';\nimport { isArray } from 'lodash-es';\nimport {\n  forwardRef,\n  TouchEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport * as styles from './Suggestion.sty.js';\nimport type { FilterFieldSuggestionProps } from './Suggestion.types.js';\nimport { SuggestionDetails } from './SuggestionDetails.js';\nimport { SuggestionPin } from './SuggestionPin.js';\nimport { Chip } from '../../../content/chip/Chip.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { useSlots } from '../../../core/hooks/useSlots.js';\nimport { getVirtualFocusStyles } from '../../../core/styles/getVirtualFocusStyles.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../../core/utils/can-receive-default-text-format.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Grid } from '../../../layouts/grid/Grid.js';\nimport { Tooltip } from '../../../overlays/tooltip/Tooltip.js';\nimport type { FilterFieldContextProps } from '../contexts/FilterFieldContext.types.js';\nimport {\n  ANNOTATION_END_PASTING_MODE,\n  pastingEffect,\n  pastingMode,\n  stringAnnotation,\n} from '../editor-state-configs/editor-config.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { FilterFieldActions } from '../state/filter-field-state-reducer.js';\nimport type { FilterFieldNodeBase } from '../types/tree-nodes.js';\nimport type { FilterFieldValuePredicate } from '../types/validation.js';\n\n/**\n * The highlight splits the text into a mark and a span, need to wrap it to keep it together\n * in the flex container.\n */\nfunction WrappedSuggestionLabel({\n  displayLabel,\n}: Readonly<{\n  displayLabel?: ReactNode | ReactNode[] | string;\n}>): ReactNode {\n  if (typeof displayLabel === 'string' || isArray(displayLabel)) {\n    return <span className={styles.suggestionText}>{displayLabel}</span>;\n  }\n\n  return displayLabel;\n}\n\n/** @internal */\nfunction getDescription(type: FilterFieldValuePredicate | undefined) {\n  switch (type) {\n    case 'Boolean':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.Boolean}\n        />\n      );\n    case 'Duration':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.Durations}\n        />\n      );\n    case 'Number':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.Numbers}\n        />\n      );\n    case 'IPAddress':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.IPAddresses}\n        />\n      );\n    case 'UID':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.UIDs}\n        />\n      );\n    case 'SmartscapeId':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.SmartscapeIds}\n        />\n      );\n    case 'Timestamp':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.Timestamps}\n        />\n      );\n    case 'String':\n    case 'Any':\n    default:\n      return undefined;\n  }\n}\n\nfunction dispatchEndPastingModeEffect(editorView?: EditorView | null) {\n  editorView?.dispatch({\n    effects: [\n      pastingEffect.of({\n        pastingInProgress: false,\n      }),\n    ],\n    // In order to re-run the decorations and re-generate errors and diagnostics,\n    // we have to dispatch a new document.\n    changes: {\n      from: 0,\n      to: editorView?.state.doc.length,\n      insert: editorView?.state.doc,\n    },\n    selection: editorView.state.selection,\n    annotations: stringAnnotation.of(ANNOTATION_END_PASTING_MODE),\n  });\n}\n\nfunction handleSuggestionApply(\n  editorView: EditorView | null,\n  id: string | undefined,\n  applySuggestion: FilterFieldContextProps['applySuggestion'],\n  suggestionRef: HTMLElement | null,\n  suggestionText: string,\n  trailing: string | undefined,\n  insertionStrategy:\n    | 'replace-token'\n    | 'replace-statement'\n    | 'replace-all'\n    | 'insert',\n  insertionRange: FilterFieldNodeBase['range'] | undefined,\n  cursorBeforeTrailing: boolean | undefined,\n  escapeSuggestion?: boolean,\n) {\n  if (id === 'strato-filterfield-suggestion-pasted-content') {\n    dispatchEndPastingModeEffect(editorView);\n  } else {\n    const pastingInProgress = editorView?.state.field(pastingMode, false);\n    if (pastingInProgress?.pastingInProgress) {\n      // stop pasting mode if a suggestion is applied while pasting mode is active\n      dispatchEndPastingModeEffect(editorView);\n    }\n    applySuggestion(\n      suggestionRef,\n      suggestionText,\n      trailing,\n      insertionStrategy,\n      cursorBeforeTrailing,\n      insertionRange,\n      escapeSuggestion,\n    );\n  }\n}\n\n/**\n * @public\n */\nexport const Suggestion = forwardRef<\n  HTMLDivElement,\n  FilterFieldSuggestionProps\n>((props, forwardedRef) => {\n  const {\n    value,\n    displayValue,\n    details,\n    trailing = ' ',\n    cursorBeforeTrailing = false,\n    insertionStrategy = 'replace-token',\n    insertionRange,\n    escapeSuggestion,\n    valueType,\n    className: consumerClassName,\n    style: consumerStyle,\n    icon,\n    'data-testid': dataTestId,\n    'aria-describedby': ariaDescribedBy,\n    'aria-labelledby': ariaLabelledBy,\n    children,\n    id,\n    suggestionType,\n    ...remainingProps\n  } = props;\n\n  const suggestionRef = useRef<HTMLElement | null>(null);\n  const rootRef = useMergeRefs([forwardedRef, suggestionRef]);\n\n  const { applySuggestion, dispatch, focusedListItem, editorView } =\n    useFilterFieldContext();\n\n  const valueRef = useRef<HTMLDivElement>(null);\n  const generatedId = useId();\n  const uniqueId = id ?? generatedId;\n\n  const [slots, label] = useSlots(children, {\n    details: SuggestionDetails,\n    pin: SuggestionPin,\n  });\n\n  const childIsText = _canReceiveDefaultTextFormat(label);\n  const displayValueIsText = _canReceiveDefaultTextFormat(displayValue);\n  const isFocused = uniqueId === focusedListItem?.id ? true : undefined;\n\n  const finalDetails = useMemo(() => {\n    if (slots.details) {\n      return slots.details;\n    }\n\n    if (details) {\n      return <SuggestionDetails>{details}</SuggestionDetails>;\n    }\n\n    if (suggestionType !== 'validatorMap') {\n      const description = getDescription(valueType);\n\n      if (description) {\n        return <SuggestionDetails>{description}</SuggestionDetails>;\n      }\n    }\n\n    return null;\n  }, [details, slots.details, suggestionType, valueType]);\n\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  if (value === undefined && !childIsText && !displayValueIsText) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Suggestion value: There is no value provided for a suggestion and the children are not text-only. The applied result may be unexpected.',\n    );\n  }\n\n  let suggestionText = '';\n  if (value) {\n    suggestionText = value;\n  } else if (childIsText) {\n    suggestionText = label.join('');\n  } else if (displayValueIsText) {\n    suggestionText = displayValue as string;\n  }\n\n  if (typeof suggestionText === 'string' && !trailing) {\n    suggestionText = suggestionText.trim();\n  }\n\n  useEffect(() => {\n    if (typeof suggestionText === 'string') {\n      dispatch({\n        type: FilterFieldActions.ADDSUGGESTION,\n        payload: {\n          id: uniqueId,\n          applySuggestion: () => {\n            handleSuggestionApply(\n              editorView,\n              uniqueId,\n              applySuggestion,\n              suggestionRef.current,\n              suggestionText,\n              trailing,\n              insertionStrategy,\n              insertionRange,\n              cursorBeforeTrailing,\n              escapeSuggestion,\n            );\n          },\n        },\n      });\n    }\n\n    return () =>\n      dispatch({\n        type: FilterFieldActions.REMOVESUGGESTION,\n        payload: { id: uniqueId },\n      });\n    // Only run on mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (typeof suggestionText !== 'string') {\n    return null;\n  }\n\n  const displayLabel = label.length > 0 ? label : displayValue ?? value;\n\n  // Placeholder for mostly empty / hint suggestions. Not a selectable option\n  if (\n    !value &&\n    trailing === '' &&\n    id !== 'strato-filterfield-suggestion-pasted-content'\n  ) {\n    return (\n      <Flex\n        {...remainingProps}\n        role=\"presentation\"\n        key={value}\n        justifyContent=\"space-between\"\n        className={\n          id === 'strato-filterfield-suggestion-jsonpath-hint'\n            ? styles.suggestionsJSONPathHint\n            : styles.suggestionsEmptyState\n        }\n        ref={rootRef}\n      >\n        <span>{displayLabel}</span>\n        {finalDetails}\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex\n      {...remainingProps}\n      role={slots.pin && 'group'}\n      gap={0}\n      data-testid={dataTestId}\n      className={clsx(styles.suggestion, consumerClassName)}\n      onTouchEnd={(e: TouchEvent) => {\n        // Defaults for on-touch-end events needs to be prevented, as otherwise on touch devices the suggestion window\n        // gets closed when clicking on suggestions. Note: This can be emulated via dev tools but only happens\n        // on deployed apps (not happening in local dev mode)\n        e.preventDefault();\n      }}\n      style={consumerStyle}\n      ref={rootRef}\n    >\n      <Tooltip\n        text={displayLabel}\n        placement=\"left\"\n        open={showTooltip}\n        className={styles.tooltipWrapper}\n        onOpenChange={(isOpen) => {\n          const valueNodeChild = valueRef.current?.children[0];\n\n          const hasOverFlow =\n            (valueNodeChild?.scrollWidth ?? 0) >\n            (valueNodeChild?.clientWidth ?? 0);\n\n          setShowTooltip(isOpen && hasOverFlow);\n        }}\n      >\n        <Grid\n          id={uniqueId}\n          role=\"option\"\n          aria-selected={isFocused}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          data-strato-filter-field-virtual-focus-id={uniqueId}\n          data-strato-filter-field-virtual-focus-type=\"suggestion\"\n          columnGap={8}\n          rowGap={0}\n          className={clsx(\n            styles.suggestionContent,\n            getVirtualFocusStyles(!!isFocused).className,\n            id === 'strato-filterfield-suggestion-pasted-content'\n              ? styles.pastingSuggestion\n              : {},\n          )}\n          paddingLeft={icon ? 8 : 12}\n          // NOTE: There's an open issue in @testing-library/user-event where `onClick` is not triggered in tests when used\n          // with `event.preventDefault`. Pointer down also works and enables easier testing of the suggestions.\n          onPointerDown={() => {\n            handleSuggestionApply(\n              editorView,\n              id,\n              applySuggestion,\n              suggestionRef.current,\n              suggestionText,\n              trailing,\n              insertionStrategy,\n              insertionRange,\n              cursorBeforeTrailing,\n              escapeSuggestion,\n            );\n          }}\n          data-dt-name=\"Suggestion\"\n        >\n          <Flex gap={8} minWidth={0}>\n            {icon && (\n              <Chip size=\"condensed\" className={styles.icon}>\n                <Chip.Prefix>{icon}</Chip.Prefix>\n              </Chip>\n            )}\n            <Flex\n              className={clsx(styles.value, {\n                [`${styles.truncateWithinMark}`]:\n                  id === 'strato-filterfield-suggestion-use-as-value' ||\n                  id === 'strato-filterfield-suggestion-use-as-key' ||\n                  id === 'strato-filterfield-suggestion-pasted-content' ||\n                  id === 'strato-filterfield-suggestion-search',\n              })}\n              ref={valueRef}\n            >\n              <WrappedSuggestionLabel displayLabel={displayLabel} />\n            </Flex>\n          </Flex>\n          {finalDetails}\n        </Grid>\n      </Tooltip>\n      {slots.pin}\n    </Flex>\n  );\n});\n\nObject.assign(Suggestion, { displayValue: 'FilterField.Suggestion' });\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { EditorView } from '@codemirror/view';\nimport clsx from 'clsx';\nimport { isArray } from 'lodash-es';\nimport {\n  cloneElement,\n  forwardRef,\n  TouchEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport * as styles from './Suggestion.sty.js';\nimport type { FilterFieldSuggestionProps } from './Suggestion.types.js';\nimport { SuggestionDetails } from './SuggestionDetails.js';\nimport { SuggestionPin } from './SuggestionPin.js';\nimport { Chip } from '../../../content/chip/Chip.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { useSlots } from '../../../core/hooks/useSlots.js';\nimport { getVirtualFocusStyles } from '../../../core/styles/getVirtualFocusStyles.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../../core/utils/can-receive-default-text-format.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Grid } from '../../../layouts/grid/Grid.js';\nimport { Tooltip } from '../../../overlays/tooltip/Tooltip.js';\nimport type { FilterFieldContextProps } from '../contexts/FilterFieldContext.types.js';\nimport {\n  ANNOTATION_END_PASTING_MODE,\n  pastingEffect,\n  pastingMode,\n  stringAnnotation,\n} from '../editor-state-configs/editor-config.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { FilterFieldActions } from '../state/filter-field-state-reducer.js';\nimport type { FilterFieldNodeBase } from '../types/tree-nodes.js';\nimport type { FilterFieldValuePredicate } from '../types/validation.js';\n\n/**\n * The highlight splits the text into a mark and a span, need to wrap it to keep it together\n * in the flex container.\n */\nfunction WrappedSuggestionLabel({\n  displayLabel,\n}: Readonly<{\n  displayLabel?: ReactNode | ReactNode[] | string;\n}>): ReactNode {\n  if (typeof displayLabel === 'string' || isArray(displayLabel)) {\n    return <span className={styles.suggestionText}>{displayLabel}</span>;\n  }\n\n  return displayLabel;\n}\n\n/** @internal */\nfunction getDescription(type: FilterFieldValuePredicate | undefined) {\n  switch (type) {\n    case 'Boolean':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.Boolean}\n        />\n      );\n    case 'Duration':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.Durations}\n        />\n      );\n    case 'Number':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.Numbers}\n        />\n      );\n    case 'IPAddress':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.IPAddresses}\n        />\n      );\n    case 'UID':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.UIDs}\n        />\n      );\n    case 'SmartscapeId':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.SmartscapeIds}\n        />\n      );\n    case 'Timestamp':\n      return (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.supportedValues.Timestamps}\n        />\n      );\n    case 'String':\n    case 'Any':\n    default:\n      return undefined;\n  }\n}\n\nfunction dispatchEndPastingModeEffect(editorView?: EditorView | null) {\n  editorView?.dispatch({\n    effects: [\n      pastingEffect.of({\n        pastingInProgress: false,\n      }),\n    ],\n    // In order to re-run the decorations and re-generate errors and diagnostics,\n    // we have to dispatch a new document.\n    changes: {\n      from: 0,\n      to: editorView?.state.doc.length,\n      insert: editorView?.state.doc,\n    },\n    selection: editorView.state.selection,\n    annotations: stringAnnotation.of(ANNOTATION_END_PASTING_MODE),\n  });\n}\n\nfunction handleSuggestionApply(\n  editorView: EditorView | null,\n  id: string | undefined,\n  applySuggestion: FilterFieldContextProps['applySuggestion'],\n  suggestionRef: HTMLElement | null,\n  suggestionText: string,\n  trailing: string | undefined,\n  insertionStrategy:\n    | 'replace-token'\n    | 'replace-statement'\n    | 'replace-all'\n    | 'insert',\n  insertionRange: FilterFieldNodeBase['range'] | undefined,\n  cursorBeforeTrailing: boolean | undefined,\n  escapeSuggestion?: boolean,\n) {\n  if (id === 'strato-filterfield-suggestion-pasted-content') {\n    dispatchEndPastingModeEffect(editorView);\n  } else {\n    const pastingInProgress = editorView?.state.field(pastingMode, false);\n    if (pastingInProgress?.pastingInProgress) {\n      // stop pasting mode if a suggestion is applied while pasting mode is active\n      dispatchEndPastingModeEffect(editorView);\n    }\n    applySuggestion(\n      suggestionRef,\n      suggestionText,\n      trailing,\n      insertionStrategy,\n      cursorBeforeTrailing,\n      insertionRange,\n      escapeSuggestion,\n    );\n  }\n}\n\n/**\n * @public\n */\nexport const Suggestion = forwardRef<\n  HTMLDivElement,\n  FilterFieldSuggestionProps\n>((props, forwardedRef) => {\n  const {\n    value,\n    displayValue,\n    details,\n    trailing = ' ',\n    cursorBeforeTrailing = false,\n    insertionStrategy = 'replace-token',\n    insertionRange,\n    escapeSuggestion,\n    valueType,\n    className: consumerClassName,\n    style: consumerStyle,\n    icon,\n    'data-testid': dataTestId,\n    'aria-describedby': ariaDescribedBy,\n    'aria-labelledby': ariaLabelledBy,\n    children,\n    id,\n    suggestionType,\n    ...remainingProps\n  } = props;\n\n  const suggestionRef = useRef<HTMLElement | null>(null);\n  const rootRef = useMergeRefs([forwardedRef, suggestionRef]);\n\n  const { applySuggestion, dispatch, focusedListItem, editorView } =\n    useFilterFieldContext();\n\n  const valueRef = useRef<HTMLDivElement>(null);\n  const generatedId = useId();\n  const uniqueId = id ?? generatedId;\n\n  const [slots, label] = useSlots(children, {\n    details: SuggestionDetails,\n    pin: SuggestionPin,\n  });\n\n  const childIsText = _canReceiveDefaultTextFormat(label);\n  const displayValueIsText = _canReceiveDefaultTextFormat(displayValue);\n  const isFocused = uniqueId === focusedListItem?.id ? true : undefined;\n\n  const finalDetails = useMemo(() => {\n    // User-provided <FilterField.SuggestionDetails> slot \u2014 merge in the\n    // matchable marker class so CSS Custom Highlight can paint matches inside\n    // the details text. The consumer's own className is preserved via clsx.\n    if (slots.details) {\n      return cloneElement(slots.details, {\n        className: clsx(\n          slots.details.props.className,\n          styles.matchableSuggestionDetails,\n        ),\n      });\n    }\n\n    // Plain string `details` \u2014 wrap in SuggestionDetails and tag it matchable.\n    // String details participate in filtering/sorting via suggestion-matching.ts,\n    // so the highlight class belongs here too (keeps the two in sync).\n    if (typeof details === 'string') {\n      return (\n        <SuggestionDetails className={styles.matchableSuggestionDetails}>\n          {details}\n        </SuggestionDetails>\n      );\n    }\n\n    // ReactNode `details` (e.g. operator <FormattedMessage>) \u2014 deliberately\n    // NOT marked matchable: non-string details can't be substring-matched\n    // against a typed term, so highlighting them would be misleading.\n    if (details) {\n      return <SuggestionDetails>{details}</SuggestionDetails>;\n    }\n\n    // No explicit details: fall back to a generated \"Supported values: ...\"\n    // hint for typed value placeholders. Display-only, not a match target.\n    if (suggestionType !== 'validatorMap') {\n      const description = getDescription(valueType);\n\n      if (description) {\n        return <SuggestionDetails>{description}</SuggestionDetails>;\n      }\n    }\n\n    return null;\n  }, [details, slots.details, suggestionType, valueType]);\n\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  if (value === undefined && !childIsText && !displayValueIsText) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Suggestion value: There is no value provided for a suggestion and the children are not text-only. The applied result may be unexpected.',\n    );\n  }\n\n  let suggestionText = '';\n  if (value) {\n    suggestionText = value;\n  } else if (childIsText) {\n    suggestionText = label.join('');\n  } else if (displayValueIsText) {\n    suggestionText = displayValue as string;\n  }\n\n  if (typeof suggestionText === 'string' && !trailing) {\n    suggestionText = suggestionText.trim();\n  }\n\n  useEffect(() => {\n    if (typeof suggestionText === 'string') {\n      dispatch({\n        type: FilterFieldActions.ADDSUGGESTION,\n        payload: {\n          id: uniqueId,\n          applySuggestion: () => {\n            handleSuggestionApply(\n              editorView,\n              uniqueId,\n              applySuggestion,\n              suggestionRef.current,\n              suggestionText,\n              trailing,\n              insertionStrategy,\n              insertionRange,\n              cursorBeforeTrailing,\n              escapeSuggestion,\n            );\n          },\n        },\n      });\n    }\n\n    return () =>\n      dispatch({\n        type: FilterFieldActions.REMOVESUGGESTION,\n        payload: { id: uniqueId },\n      });\n    // Only run on mount.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (typeof suggestionText !== 'string') {\n    return null;\n  }\n\n  const displayLabel = label.length > 0 ? label : displayValue ?? value;\n\n  // Placeholder for mostly empty / hint suggestions. Not a selectable option\n  if (\n    !value &&\n    trailing === '' &&\n    id !== 'strato-filterfield-suggestion-pasted-content'\n  ) {\n    return (\n      <Flex\n        {...remainingProps}\n        role=\"presentation\"\n        key={value}\n        justifyContent=\"space-between\"\n        className={\n          id === 'strato-filterfield-suggestion-jsonpath-hint'\n            ? styles.suggestionsJSONPathHint\n            : styles.suggestionsEmptyState\n        }\n        ref={rootRef}\n      >\n        <span>{displayLabel}</span>\n        {finalDetails}\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex\n      {...remainingProps}\n      role={slots.pin && 'group'}\n      gap={0}\n      data-testid={dataTestId}\n      className={clsx(styles.suggestion, consumerClassName)}\n      onTouchEnd={(e: TouchEvent) => {\n        // Defaults for on-touch-end events needs to be prevented, as otherwise on touch devices the suggestion window\n        // gets closed when clicking on suggestions. Note: This can be emulated via dev tools but only happens\n        // on deployed apps (not happening in local dev mode)\n        e.preventDefault();\n      }}\n      style={consumerStyle}\n      ref={rootRef}\n    >\n      <Tooltip\n        text={displayLabel}\n        placement=\"left\"\n        open={showTooltip}\n        className={styles.tooltipWrapper}\n        onOpenChange={(isOpen) => {\n          const valueNodeChild = valueRef.current?.children[0];\n\n          const hasOverFlow =\n            (valueNodeChild?.scrollWidth ?? 0) >\n            (valueNodeChild?.clientWidth ?? 0);\n\n          setShowTooltip(isOpen && hasOverFlow);\n        }}\n      >\n        <Grid\n          id={uniqueId}\n          role=\"option\"\n          aria-selected={isFocused}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          data-strato-filter-field-virtual-focus-id={uniqueId}\n          data-strato-filter-field-virtual-focus-type=\"suggestion\"\n          columnGap={8}\n          rowGap={0}\n          className={clsx(\n            styles.suggestionContent,\n            getVirtualFocusStyles(!!isFocused).className,\n            id === 'strato-filterfield-suggestion-pasted-content'\n              ? styles.pastingSuggestion\n              : {},\n          )}\n          paddingLeft={icon ? 8 : 12}\n          // NOTE: There's an open issue in @testing-library/user-event where `onClick` is not triggered in tests when used\n          // with `event.preventDefault`. Pointer down also works and enables easier testing of the suggestions.\n          onPointerDown={() => {\n            handleSuggestionApply(\n              editorView,\n              id,\n              applySuggestion,\n              suggestionRef.current,\n              suggestionText,\n              trailing,\n              insertionStrategy,\n              insertionRange,\n              cursorBeforeTrailing,\n              escapeSuggestion,\n            );\n          }}\n          data-dt-name=\"Suggestion\"\n        >\n          <Flex gap={8} minWidth={0}>\n            {icon && (\n              <Chip size=\"condensed\" className={styles.icon}>\n                <Chip.Prefix>{icon}</Chip.Prefix>\n              </Chip>\n            )}\n            <Flex\n              className={clsx(styles.value, {\n                [`${styles.truncateWithinMark}`]:\n                  id === 'strato-filterfield-suggestion-use-as-value' ||\n                  id === 'strato-filterfield-suggestion-use-as-key' ||\n                  id === 'strato-filterfield-suggestion-pasted-content' ||\n                  id === 'strato-filterfield-suggestion-search',\n              })}\n              ref={valueRef}\n            >\n              <WrappedSuggestionLabel displayLabel={displayLabel} />\n            </Flex>\n          </Flex>\n          {finalDetails}\n        </Grid>\n      </Tooltip>\n      {slots.pin}\n    </Flex>\n  );\n});\n\nObject.assign(Suggestion, { displayValue: 'FilterField.Suggestion' });\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/filters/filter-field/suggestions/Suggestion.sty.js CHANGED Viewed

@@ -2,24 +2,26 @@ import "./SuggestionsOverlay.css";
 import "../../../core/components/app-root/AppRoot.css";
 import "../../../core/styles/virtualFocus.css";
 import "./Suggestion.css";
-var defaultSuggestion = "_1smjoa1b-3-5-0";
-var icon = "_1smjoa10-3-5-0";
-var pastingSuggestion = "_1smjoa1e-3-5-0";
-var searchSuggestion = "_1smjoa1c-3-5-0";
-var statementSuggestionValue = "_1smjoa1d-3-5-0";
-var suggestion = "_1smjoa13-3-5-0";
-var suggestionContent = "_1smjoa14-3-5-0";
-var suggestionText = "_1smjoa15-3-5-0";
-var suggestionsEmptyState = "_1smjoa16-3-5-0";
-var suggestionsJSONPathHint = "_1smjoa17-3-5-0";
-var suggestionsLoading = "_1smjoa18-3-5-0";
-var tooltipWrapper = "_1smjoa1a-3-5-0";
-var truncateWithinMark = "_1smjoa19-3-5-0";
-var value = "_1smjoa11-3-5-0";
-var virtualizedSuggestion = "_1smjoa12-3-5-0";
+var defaultSuggestion = "_1smjoa1c-3-6-0";
+var icon = "_1smjoa10-3-6-0";
+var matchableSuggestionDetails = "_1smjoa12-3-6-0";
+var pastingSuggestion = "_1smjoa1f-3-6-0";
+var searchSuggestion = "_1smjoa1d-3-6-0";
+var statementSuggestionValue = "_1smjoa1e-3-6-0";
+var suggestion = "_1smjoa14-3-6-0";
+var suggestionContent = "_1smjoa15-3-6-0";
+var suggestionText = "_1smjoa16-3-6-0";
+var suggestionsEmptyState = "_1smjoa17-3-6-0";
+var suggestionsJSONPathHint = "_1smjoa18-3-6-0";
+var suggestionsLoading = "_1smjoa19-3-6-0";
+var tooltipWrapper = "_1smjoa1b-3-6-0";
+var truncateWithinMark = "_1smjoa1a-3-6-0";
+var value = "_1smjoa11-3-6-0";
+var virtualizedSuggestion = "_1smjoa13-3-6-0";
 export {
   defaultSuggestion,
   icon,
+  matchableSuggestionDetails,
   pastingSuggestion,
   searchSuggestion,
   statementSuggestionValue,

package/esm/filters/filter-field/suggestions/Suggestion.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/Suggestion.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nexport var defaultSuggestion = '_1smjoa1b-3-5-0';\nexport var icon = '_1smjoa10-3-5-0';\nexport var pastingSuggestion = '_1smjoa1e-3-5-0';\nexport var searchSuggestion = '_1smjoa1c-3-5-0';\nexport var statementSuggestionValue = '_1smjoa1d-3-5-0';\nexport var suggestion = '_1smjoa13-3-5-0';\nexport var suggestionContent = '_1smjoa14-3-5-0';\nexport var suggestionText = '_1smjoa15-3-5-0';\nexport var suggestionsEmptyState = '_1smjoa16-3-5-0';\nexport var suggestionsJSONPathHint = '_1smjoa17-3-5-0';\nexport var suggestionsLoading = '_1smjoa18-3-5-0';\nexport var tooltipWrapper = '_1smjoa1a-3-5-0';\nexport var truncateWithinMark = '_1smjoa19-3-5-0';\nexport var value = '_1smjoa11-3-5-0';\nexport var virtualizedSuggestion = '_1smjoa12-3-5-0';"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,2BAA2B;AAC/B,IAAI,aAAa;AACjB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,0BAA0B;AAC9B,IAAI,qBAAqB;AACzB,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;AACzB,IAAI,QAAQ;AACZ,IAAI,wBAAwB;",
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nexport var defaultSuggestion = '_1smjoa1c-3-6-0';\nexport var icon = '_1smjoa10-3-6-0';\nexport var matchableSuggestionDetails = '_1smjoa12-3-6-0';\nexport var pastingSuggestion = '_1smjoa1f-3-6-0';\nexport var searchSuggestion = '_1smjoa1d-3-6-0';\nexport var statementSuggestionValue = '_1smjoa1e-3-6-0';\nexport var suggestion = '_1smjoa14-3-6-0';\nexport var suggestionContent = '_1smjoa15-3-6-0';\nexport var suggestionText = '_1smjoa16-3-6-0';\nexport var suggestionsEmptyState = '_1smjoa17-3-6-0';\nexport var suggestionsJSONPathHint = '_1smjoa18-3-6-0';\nexport var suggestionsLoading = '_1smjoa19-3-6-0';\nexport var tooltipWrapper = '_1smjoa1b-3-6-0';\nexport var truncateWithinMark = '_1smjoa1a-3-6-0';\nexport var value = '_1smjoa11-3-6-0';\nexport var virtualizedSuggestion = '_1smjoa13-3-6-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,6BAA6B;AACjC,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,2BAA2B;AAC/B,IAAI,aAAa;AACjB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,0BAA0B;AAC9B,IAAI,qBAAqB;AACzB,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;AACzB,IAAI,QAAQ;AACZ,IAAI,wBAAwB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionDetails.css CHANGED Viewed

@@ -1,7 +1,7 @@
-._tn2lgm0-3-5-0 {
+._tn2lgm0-3-6-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   min-width: 0;
 }
-._tn2lgm1-3-5-0 {
+._tn2lgm1-3-6-0 {
   display: flex;
 }

package/esm/filters/filter-field/suggestions/SuggestionDetails.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./SuggestionDetails.css";
-var suggestionDetails = "_tn2lgm0-3-5-0";
-var suggestionDetailsText = "_tn2lgm1-3-5-0";
+var suggestionDetails = "_tn2lgm0-3-6-0";
+var suggestionDetailsText = "_tn2lgm1-3-6-0";
 export {
   suggestionDetails,
   suggestionDetailsText

package/esm/filters/filter-field/suggestions/SuggestionDetails.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionDetails.css.ts"],
-  "sourcesContent": ["import './SuggestionDetails.css';\nexport var suggestionDetails = '_tn2lgm0-3-5-0';\nexport var suggestionDetailsText = '_tn2lgm1-3-5-0';"],
+  "sourcesContent": ["import './SuggestionDetails.css';\nexport var suggestionDetails = '_tn2lgm0-3-6-0';\nexport var suggestionDetailsText = '_tn2lgm1-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionGroup.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._1smjoa12-3-5-0:not(:first-child) > ._5cheea1-3-5-0::before {
+._1smjoa13-3-6-0:not(:first-child) > ._5cheea1-3-6-0::before {
   content: "";
   position: relative;
   display: block;
@@ -6,17 +6,17 @@
   padding-top: var(--dt-spacings-size-8, 8px);
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._5cheea2-3-5-0 {
+._5cheea2-3-6-0 {
   position: relative;
   margin: 0;
   padding: 0;
   list-style-type: none;
   height: fit-content;
 }
-._5cheea2-3-5-0:not(:first-child)::before,
-    ._5cheea0-3-5-0:not(:first-child) ._5cheea2-3-5-0::before,
-    ._ssu5rt2-3-5-0:not(._5cheea0-3-5-0) ._1smjoa12-3-5-0:has(._5cheea2-3-5-0):not(:first-child) ._5cheea2-3-5-0::before,
-    ._ssu5rt2-3-5-0:not(._5cheea0-3-5-0) ._1smjoa12-3-5-0:has(._5cheea2-3-5-0):has(+ ._1smjoa12-3-5-0 > :not(._5cheea2-3-5-0)) ._5cheea2-3-5-0::after
+._5cheea2-3-6-0:not(:first-child)::before,
+    ._5cheea0-3-6-0:not(:first-child) ._5cheea2-3-6-0::before,
+    ._ssu5rt2-3-6-0:not(._5cheea0-3-6-0) ._1smjoa13-3-6-0:has(._5cheea2-3-6-0):not(:first-child) ._5cheea2-3-6-0::before,
+    ._ssu5rt2-3-6-0:not(._5cheea0-3-6-0) ._1smjoa13-3-6-0:has(._5cheea2-3-6-0):has(+ ._1smjoa13-3-6-0 > :not(._5cheea2-3-6-0)) ._5cheea2-3-6-0::after
    {
   content: "";
   position: relative;

package/esm/filters/filter-field/suggestions/SuggestionGroup.sty.js CHANGED Viewed

@@ -3,9 +3,9 @@ import "../../../core/components/app-root/AppRoot.css";
 import "../../../core/styles/virtualFocus.css";
 import "./Suggestion.css";
 import "./SuggestionGroup.css";
-var builtInSuggestionsContainer = "_5cheea0-3-5-0";
-var groupHeaderSeparator = "_5cheea1-3-5-0";
-var suggestionGroup = "_5cheea2-3-5-0";
+var builtInSuggestionsContainer = "_5cheea0-3-6-0";
+var groupHeaderSeparator = "_5cheea1-3-6-0";
+var suggestionGroup = "_5cheea2-3-6-0";
 export {
   builtInSuggestionsContainer,
   groupHeaderSeparator,

package/esm/filters/filter-field/suggestions/SuggestionGroup.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionGroup.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nimport './SuggestionGroup.css';\nexport var builtInSuggestionsContainer = '_5cheea0-3-5-0';\nexport var groupHeaderSeparator = '_5cheea1-3-5-0';\nexport var suggestionGroup = '_5cheea2-3-5-0';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nimport './SuggestionGroup.css';\nexport var builtInSuggestionsContainer = '_5cheea0-3-6-0';\nexport var groupHeaderSeparator = '_5cheea1-3-6-0';\nexport var suggestionGroup = '_5cheea2-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,8BAA8B;AAClC,IAAI,uBAAuB;AAC3B,IAAI,kBAAkB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionGroupLabel.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._1mfalko0-3-5-0 {
+._1mfalko0-3-6-0 {
   padding: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);

package/esm/filters/filter-field/suggestions/SuggestionGroupLabel.sty.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import "./SuggestionGroupLabel.css";
-var suggestionGroupLabel = "_1mfalko0-3-5-0";
+var suggestionGroupLabel = "_1mfalko0-3-6-0";
 export {
   suggestionGroupLabel
 };

package/esm/filters/filter-field/suggestions/SuggestionGroupLabel.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionGroupLabel.css.ts"],
-  "sourcesContent": ["import './SuggestionGroupLabel.css';\nexport var suggestionGroupLabel = '_1mfalko0-3-5-0';"],
+  "sourcesContent": ["import './SuggestionGroupLabel.css';\nexport var suggestionGroupLabel = '_1mfalko0-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionTips.css CHANGED Viewed

@@ -1,22 +1,22 @@
-._1dx7u80-3-5-0 {
-  --_1igzksy0-3-5-0: var(--dt-borders-radius-surface-subdued, 9px);
+._1dx7u80-3-6-0 {
+  --_1igzksy0-3-6-0: var(--dt-borders-radius-surface-subdued, 9px);
 }
-._1dx7u81-3-5-0 {
+._1dx7u81-3-6-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   flex: 1;
 }
-._1dx7u82-3-5-0 {
+._1dx7u82-3-6-0 {
   width: 100%;
   overflow: hidden;
   transform-origin: center;
 }
-._1dx7u84-3-5-0 {
+._1dx7u84-3-6-0 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-@container _ssu5rt0-3-5-0 (max-width: 289px) {
-  ._1dx7u83-3-5-0 {
+@container _ssu5rt0-3-6-0 (max-width: 289px) {
+  ._1dx7u83-3-6-0 {
     flex-direction: column;
     width: 100%;
   }

package/esm/filters/filter-field/suggestions/SuggestionTips.sty.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import "./SuggestionsOverlay.css";
 import "./SuggestionTips.css";
-var docsLink = "_1dx7u84-3-5-0";
-var suggestionTips = "_1dx7u80-3-5-0";
-var suggestionTipsContent = "_1dx7u83-3-5-0";
-var suggestionTipsWrapper = "_1dx7u82-3-5-0";
-var suggstionTipsEllipsis = "_1dx7u81-3-5-0";
+var docsLink = "_1dx7u84-3-6-0";
+var suggestionTips = "_1dx7u80-3-6-0";
+var suggestionTipsContent = "_1dx7u83-3-6-0";
+var suggestionTipsWrapper = "_1dx7u82-3-6-0";
+var suggstionTipsEllipsis = "_1dx7u81-3-6-0";
 export {
   docsLink,
   suggestionTips,

package/esm/filters/filter-field/suggestions/SuggestionTips.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionTips.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './SuggestionTips.css';\nexport var docsLink = '_1dx7u84-3-5-0';\nexport var suggestionTips = '_1dx7u80-3-5-0';\nexport var suggestionTipsContent = '_1dx7u83-3-5-0';\nexport var suggestionTipsWrapper = '_1dx7u82-3-5-0';\nexport var suggstionTipsEllipsis = '_1dx7u81-3-5-0';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './SuggestionTips.css';\nexport var docsLink = '_1dx7u84-3-6-0';\nexport var suggestionTips = '_1dx7u80-3-6-0';\nexport var suggestionTipsContent = '_1dx7u83-3-6-0';\nexport var suggestionTipsWrapper = '_1dx7u82-3-6-0';\nexport var suggstionTipsEllipsis = '_1dx7u81-3-6-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,WAAW;AACf,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/Suggestions.js CHANGED Viewed

@@ -142,7 +142,7 @@ function SuggestionContent(props) {
       CSSHighlight,
       {
         term: term ?? "",
-        selector: `.${suggestionStyles.value}:not(:has(mark))`,
+        selector: `.${suggestionStyles.value}:not(:has(mark)), .${suggestionStyles.matchableSuggestionDetails}:not(:has(mark))`,
         highlightName: "filterfield-suggestions-highlight",
         children: /* @__PURE__ */ jsx(
           "div",

package/esm/filters/filter-field/suggestions/Suggestions.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/Suggestions.tsx"],
-  "sourcesContent": ["import { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { motion, type Variants } from 'framer-motion';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  useMemo,\n  useRef,\n} from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { type Modifier, usePopper } from 'react-popper';\n\nimport useOverlayTransition from '../hooks/useOverlayTransition.js';\nimport {\n  sliceFlattenedSuggestions,\n  useShowMore,\n} from '../hooks/useShowMore.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { AriaLiveInfo } from './AriaLiveInfo.js';\nimport { FallbackKeySuggestionGroup } from './FallbackKeySuggestions.js';\nimport { LogicalOperatorSuggestionsGroup } from './LogicalOperatorSuggestions.js';\nimport { PastedContentSuggestionGroup } from './PastedContentSuggestions.js';\nimport {\n  PinnedSuggestionGroup,\n  RecentSuggestionGroup,\n} from './RecentPinnedSuggestionItem.js';\nimport { SearchSuggestionGroup } from './SearchSuggestions.js';\nimport * as suggestionStyles from './Suggestion.sty.js';\nimport { Suggestion } from './Suggestion.js';\nimport type { FlattenedSuggestionItem } from './Suggestion.types.js';\nimport * as suggestionGroupStyles from './SuggestionGroup.sty.js';\nimport { SuggestionGroupLabel } from './SuggestionGroupLabel.js';\nimport * as styles from './SuggestionsOverlay.sty.js';\nimport { Button, ButtonProps } from '../../../buttons/button/Button.js';\nimport { ProgressCircle } from '../../../content/progress/ProgressCircle.js';\nimport { VisuallyHidden } from '../../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../core/types/with-children.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Surface } from '../../../layouts/surface/Surface.js';\nimport { CSSHighlight } from '../components/CSSHighlight.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { flattenSuggestions } from '../utils/suggestions-utils/flatten-suggestions.js';\n\n/**\n * Converts a groupId to a valid HTML id attribute value safe for use in aria-describedby.\n * HTML ids must not contain spaces (space is the delimiter in aria-describedby token lists).\n */\nfunction toGroupLabelId(groupId: string): string {\n  return `group-label-${groupId.replace(/\\s+/g, '-')}`;\n}\n\nfunction renderFlattenedSuggestionItem(\n  flatItem: FlattenedSuggestionItem,\n  trailing: string | undefined,\n): { child: ReactNode; key: string } {\n  switch (flatItem.kind) {\n    case 'group-header': {\n      let child: ReactNode;\n\n      if (isValidElement(flatItem.label)) {\n        child = flatItem.label;\n      } else if (flatItem.label) {\n        child = <SuggestionGroupLabel>{flatItem.label}</SuggestionGroupLabel>;\n      } else {\n        child = null;\n      }\n\n      return {\n        child: (\n          <div\n            className={suggestionGroupStyles.groupHeaderSeparator}\n            role=\"presentation\"\n          >\n            {child}\n          </div>\n        ),\n        key: `group-header-${flatItem.groupId}`,\n      };\n    }\n    case 'suggestion': {\n      const ariaDescribedBy = flatItem.groupId\n        ? toGroupLabelId(flatItem.groupId)\n        : undefined;\n\n      return {\n        child: (\n          <Suggestion\n            {...flatItem.data}\n            trailing={flatItem.data.trailing ?? trailing}\n            aria-describedby={ariaDescribedBy}\n          />\n        ),\n        key: `${flatItem.data.value ?? flatItem.data.displayValue ?? ''}`,\n      };\n    }\n    case 'react-node': {\n      const groupLabelId = flatItem.groupId\n        ? toGroupLabelId(flatItem.groupId)\n        : undefined;\n      let child = flatItem.node;\n      let key = '';\n\n      if (isValidElement(flatItem.node) && groupLabelId) {\n        // Merge with any existing aria-describedby from the consumer element.\n        const existing =\n          (flatItem.node.props as Record<string, unknown>)[\n            'aria-describedby'\n          ] ?? '';\n        const merged = existing ? `${existing} ${groupLabelId}` : groupLabelId;\n\n        child = cloneElement(flatItem.node, {\n          'aria-describedby': merged,\n        });\n        key = `react-node-${flatItem.node.key}`;\n      }\n\n      return { child, key };\n    }\n  }\n}\n\nfunction SuggestionContent(\n  props: Readonly<{\n    optionVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    flattenedSuggestions: FlattenedSuggestionItem[];\n    isSliced: boolean;\n    controlProps: ButtonProps<'button'>;\n  }>,\n) {\n  const { optionVirtualizer, flattenedSuggestions, isSliced, controlProps } =\n    props;\n\n  const intl = useIntl();\n  const {\n    term,\n    editorView,\n    autoSuggestions,\n    recentSuggestionValues,\n    pinnedSuggestionValues,\n    logicalOperatorSuggestionValues,\n    pastedContentSuggestionValues,\n    searchSuggestionValues,\n    fallbackKeySuggestionValues,\n    statementSuggestionValues,\n    filterFieldId,\n    parserConfig,\n    isValidSearch,\n  } = useFilterFieldContext();\n\n  const { trailing } = autoSuggestions;\n\n  const showLogicalOperators = logicalOperatorSuggestionValues.length > 0;\n  const showRecents = recentSuggestionValues.length > 0;\n  const showPinned = pinnedSuggestionValues.length > 0;\n  const showFallbackKeySuggestions = fallbackKeySuggestionValues.length > 0;\n  const showStatementSuggestions = statementSuggestionValues.length > 0;\n  const showSearchSuggestions =\n    isValidSearch?.current &&\n    searchSuggestionValues.length > 0 &&\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (parserConfig?.searchConversion ?? false);\n  const showPastedContentSuggestions = pastedContentSuggestionValues.length > 0;\n\n  const showBuiltInSuggestions =\n    showRecents ||\n    showPinned ||\n    showLogicalOperators ||\n    showPastedContentSuggestions ||\n    showSearchSuggestions ||\n    showFallbackKeySuggestions ||\n    showStatementSuggestions;\n\n  const isEmpty = editorView?.state.doc.toString() === '';\n  const childrenCount = flattenedSuggestions.length;\n\n  if (childrenCount === 0 && !showBuiltInSuggestions) {\n    return (\n      <Suggestion\n        trailing=\"\"\n        displayValue={intl.formatMessage(\n          filterFieldMessages.suggestions.noSuggestions,\n        )}\n      />\n    );\n  }\n  return (\n    <div id={`suggestions-${filterFieldId}`}>\n      {childrenCount > 0 ? (\n        <CSSHighlight\n          term={term ?? ''}\n          selector={`.${suggestionStyles.value}:not(:has(mark))`}\n          highlightName=\"filterfield-suggestions-highlight\"\n        >\n          <div\n            style={{\n              width: '100%',\n              position: 'relative',\n              height: optionVirtualizer.getTotalSize(),\n              display: 'grid',\n              gridTemplateRows: optionVirtualizer.measurementsCache\n                .map((el) => `${el.size}px`)\n                .join(' '),\n            }}\n            key={`wrapper-${childrenCount}`}\n          >\n            {optionVirtualizer.getVirtualItems().map((virtualRow) => {\n              const flatItem = flattenedSuggestions[virtualRow.index];\n              const { child, key: suggestionKey } =\n                renderFlattenedSuggestionItem(flatItem, trailing);\n\n              return (\n                <div\n                  key={`${virtualRow.key}-${suggestionKey}`}\n                  className={clsx(\n                    'strato-filter-field-suggestion',\n                    suggestionStyles.virtualizedSuggestion,\n                  )}\n                  // data-index is required for the virtualizer to map the measure\n                  // element correctly to the measured index.\n                  data-index={virtualRow.index}\n                  style={{\n                    gridRow: virtualRow.index + 1,\n                    minWidth: 0,\n                    height: 'fit-content',\n                  }}\n                  ref={(el) => {\n                    optionVirtualizer.measureElement(el);\n                  }}\n                >\n                  {child}\n                </div>\n              );\n            })}\n          </div>\n        </CSSHighlight>\n      ) : null}\n      {isSliced && (\n        <div role=\"presentation\">\n          <Button {...controlProps} />\n        </div>\n      )}\n      {showBuiltInSuggestions && (\n        <>\n          <PastedContentSuggestionGroup />\n          <FallbackKeySuggestionGroup />\n          <LogicalOperatorSuggestionsGroup />\n          {showSearchSuggestions && !isEmpty && <SearchSuggestionGroup />}\n          <CSSHighlight\n            className={suggestionGroupStyles.builtInSuggestionsContainer}\n            term={editorView?.state.doc.toString() ?? ''}\n            selector={`.${suggestionStyles.value}`}\n            highlightName=\"filterfield-suggestions-highlight\"\n          >\n            <RecentSuggestionGroup />\n            <PinnedSuggestionGroup />\n          </CSSHighlight>\n          {showSearchSuggestions && isEmpty && <SearchSuggestionGroup />}\n        </>\n      )}\n    </div>\n  );\n}\n\n// Popper modifier to sync the max-height of the suggestions overlay\nconst heightModifier: Modifier<'filterfield-height-handler'> = {\n  name: 'filterfield-height-handler',\n  enabled: true,\n  fn: ({ state }): void => {\n    const viewportHeight = Math.max(\n      document.documentElement.clientHeight || 0,\n      window.innerHeight || 0,\n    );\n\n    const maxHeightBase = Math.max(viewportHeight / 2, 320);\n    state.styles.popper.maxHeight = `${\n      maxHeightBase - state.rects.reference.height - 20\n    }px`;\n  },\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n};\n\n/**\n * Accepted properties for FilterFieldSuggestions.\n * @public\n */\nexport type FilterFieldSuggestionsProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps & {\n    /** Whether the suggestions are loading. If true, a loading indicator is shown and otherwise the suggestions are shown. */\n    loading?: boolean;\n  };\n\n// Animation variants for the Suggestions component\nconst suggestionsAnimationVariants: Variants = {\n  inital: {\n    translateY: '-10px',\n    // Compensate the parent scaling the content to 0.8. Due to round errors when the height gets taller\n    // the content sometimes got larger than the intended which lead to a \"vertigo\" effect. By adding\n    // 0.05 we can counteract that effect somewhat.\n    scaleY: 1 / 0.85,\n    opacity: 0,\n  },\n  default: {\n    translateY: 0,\n    scaleY: 1,\n    opacity: 1,\n  },\n  exit: {\n    translateY: '-5px',\n    opacity: 0,\n  },\n};\n\nfunction getSuggestionsCount(\n  defaultSuggestionsCount: number | { empty: number; filled: number },\n  isEmpty: boolean,\n): number {\n  if (typeof defaultSuggestionsCount === 'number') {\n    return defaultSuggestionsCount;\n  }\n  return defaultSuggestionsCount[isEmpty ? 'empty' : 'filled'];\n}\n\n/**\n * Compound component of the FilterField to apply suggestions.\n * @public\n */\nexport const Suggestions = (props: FilterFieldSuggestionsProps) => {\n  const {\n    loading,\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: FilterFieldSuggestionsProps = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n\n  const { autoSuggestions, defaultSuggestionsCount, triggerRef, editorView } =\n    useFilterFieldContext();\n\n  const intl = useIntl();\n\n  const transition = useOverlayTransition(true);\n\n  const parentRef = useRef<HTMLDivElement | null>(null);\n\n  const childrenArray = useMemo(() => Children.toArray(children), [children]);\n\n  const { flattenedSuggestionItems, groupMetadata } = useMemo(\n    () =>\n      flattenSuggestions([\n        ...Object.values(autoSuggestions.groupedSuggestions ?? {}).filter(\n          (group) => group && (group.suggestions?.length ?? 0) > 0,\n        ),\n        ...childrenArray,\n      ]),\n    [autoSuggestions.groupedSuggestions, childrenArray],\n  );\n\n  const isEmpty = editorView?.state.doc.toString() === '';\n\n  const suggestionsCount = getSuggestionsCount(\n    defaultSuggestionsCount,\n    isEmpty,\n  );\n\n  const {\n    items: slicedSuggestions,\n    isSliced,\n    controlProps,\n  } = useShowMore({\n    items: flattenedSuggestionItems,\n    primaryCount: suggestionsCount,\n    sliceFn: sliceFlattenedSuggestions,\n  });\n\n  const optionVirtualizer = useVirtualizer({\n    count: slicedSuggestions.length,\n    getScrollElement: () => parentRef.current,\n    overscan: 5,\n    estimateSize: () => 32,\n  });\n\n  const suggestionsRef = useRef<HTMLDivElement | null>(null);\n\n  const { styles: positioningStyles } = usePopper(\n    triggerRef,\n    suggestionsRef.current,\n    {\n      placement: 'bottom-start',\n      modifiers: [heightModifier],\n    },\n  );\n\n  return (\n    <Surface\n      className={clsx(consumerClassName, styles.suggestionsOverlay)}\n      style={consumerStyle}\n      elevation=\"floating\"\n      ref={suggestionsRef}\n      data-testid={dataTestId}\n      {...behavioralTrackingProps}\n    >\n      <AriaLiveInfo flattenedSuggestionItems={flattenedSuggestionItems} />\n      {groupMetadata.length > 0 && (\n        <VisuallyHidden>\n          {groupMetadata.map(({ groupId, label }) => (\n            <span key={groupId} id={toGroupLabelId(groupId)}>\n              {label}\n            </span>\n          ))}\n        </VisuallyHidden>\n      )}\n      <div\n        className={styles.suggestionsScrollContainerWrapper}\n        role=\"listbox\"\n        aria-expanded=\"true\"\n        aria-label={intl.formatMessage(\n          filterFieldMessages.suggestions.a11y.ariaLabel,\n        )}\n      >\n        <motion.div\n          className={clsx(\n            styles.suggestionsScrollContainer,\n            'strato-filter-field-suggestions',\n          )}\n          ref={parentRef}\n          style={{ maxHeight: positioningStyles.popper.maxHeight }}\n          variants={suggestionsAnimationVariants}\n          initial=\"inital\"\n          animate=\"default\"\n          exit=\"exit\"\n          transition={transition}\n        >\n          {loading ? (\n            <Flex\n              role=\"presentation\"\n              justifyContent=\"start\"\n              px={8}\n              py={6}\n              className={suggestionStyles.suggestionsLoading}\n            >\n              <ProgressCircle size=\"small\" aria-label=\"Loading suggestions\" />\n              <FormattedMessage {...filterFieldMessages.suggestions.loading} />\n            </Flex>\n          ) : (\n            <SuggestionContent\n              optionVirtualizer={optionVirtualizer}\n              flattenedSuggestions={slicedSuggestions}\n              isSliced={isSliced}\n              controlProps={controlProps}\n            />\n          )}\n        </motion.div>\n      </div>\n    </Surface>\n  );\n};\n\nSuggestions.displayValue = 'FilterField.Suggestions';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';\nimport clsx from 'clsx';\nimport { motion, type Variants } from 'framer-motion';\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  type ReactNode,\n  useMemo,\n  useRef,\n} from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport { type Modifier, usePopper } from 'react-popper';\n\nimport useOverlayTransition from '../hooks/useOverlayTransition.js';\nimport {\n  sliceFlattenedSuggestions,\n  useShowMore,\n} from '../hooks/useShowMore.js';\nimport { filterFieldMessages } from '../messages.js';\nimport { AriaLiveInfo } from './AriaLiveInfo.js';\nimport { FallbackKeySuggestionGroup } from './FallbackKeySuggestions.js';\nimport { LogicalOperatorSuggestionsGroup } from './LogicalOperatorSuggestions.js';\nimport { PastedContentSuggestionGroup } from './PastedContentSuggestions.js';\nimport {\n  PinnedSuggestionGroup,\n  RecentSuggestionGroup,\n} from './RecentPinnedSuggestionItem.js';\nimport { SearchSuggestionGroup } from './SearchSuggestions.js';\nimport * as suggestionStyles from './Suggestion.sty.js';\nimport { Suggestion } from './Suggestion.js';\nimport type { FlattenedSuggestionItem } from './Suggestion.types.js';\nimport * as suggestionGroupStyles from './SuggestionGroup.sty.js';\nimport { SuggestionGroupLabel } from './SuggestionGroupLabel.js';\nimport * as styles from './SuggestionsOverlay.sty.js';\nimport { Button, ButtonProps } from '../../../buttons/button/Button.js';\nimport { ProgressCircle } from '../../../content/progress/ProgressCircle.js';\nimport { VisuallyHidden } from '../../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../core/types/with-children.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Surface } from '../../../layouts/surface/Surface.js';\nimport { CSSHighlight } from '../components/CSSHighlight.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { flattenSuggestions } from '../utils/suggestions-utils/flatten-suggestions.js';\n\n/**\n * Converts a groupId to a valid HTML id attribute value safe for use in aria-describedby.\n * HTML ids must not contain spaces (space is the delimiter in aria-describedby token lists).\n */\nfunction toGroupLabelId(groupId: string): string {\n  return `group-label-${groupId.replace(/\\s+/g, '-')}`;\n}\n\nfunction renderFlattenedSuggestionItem(\n  flatItem: FlattenedSuggestionItem,\n  trailing: string | undefined,\n): { child: ReactNode; key: string } {\n  switch (flatItem.kind) {\n    case 'group-header': {\n      let child: ReactNode;\n\n      if (isValidElement(flatItem.label)) {\n        child = flatItem.label;\n      } else if (flatItem.label) {\n        child = <SuggestionGroupLabel>{flatItem.label}</SuggestionGroupLabel>;\n      } else {\n        child = null;\n      }\n\n      return {\n        child: (\n          <div\n            className={suggestionGroupStyles.groupHeaderSeparator}\n            role=\"presentation\"\n          >\n            {child}\n          </div>\n        ),\n        key: `group-header-${flatItem.groupId}`,\n      };\n    }\n    case 'suggestion': {\n      const ariaDescribedBy = flatItem.groupId\n        ? toGroupLabelId(flatItem.groupId)\n        : undefined;\n\n      return {\n        child: (\n          <Suggestion\n            {...flatItem.data}\n            trailing={flatItem.data.trailing ?? trailing}\n            aria-describedby={ariaDescribedBy}\n          />\n        ),\n        key: `${flatItem.data.value ?? flatItem.data.displayValue ?? ''}`,\n      };\n    }\n    case 'react-node': {\n      const groupLabelId = flatItem.groupId\n        ? toGroupLabelId(flatItem.groupId)\n        : undefined;\n      let child = flatItem.node;\n      let key = '';\n\n      if (isValidElement(flatItem.node) && groupLabelId) {\n        // Merge with any existing aria-describedby from the consumer element.\n        const existing =\n          (flatItem.node.props as Record<string, unknown>)[\n            'aria-describedby'\n          ] ?? '';\n        const merged = existing ? `${existing} ${groupLabelId}` : groupLabelId;\n\n        child = cloneElement(flatItem.node, {\n          'aria-describedby': merged,\n        });\n        key = `react-node-${flatItem.node.key}`;\n      }\n\n      return { child, key };\n    }\n  }\n}\n\nfunction SuggestionContent(\n  props: Readonly<{\n    optionVirtualizer: Virtualizer<HTMLDivElement, Element>;\n    flattenedSuggestions: FlattenedSuggestionItem[];\n    isSliced: boolean;\n    controlProps: ButtonProps<'button'>;\n  }>,\n) {\n  const { optionVirtualizer, flattenedSuggestions, isSliced, controlProps } =\n    props;\n\n  const intl = useIntl();\n  const {\n    term,\n    editorView,\n    autoSuggestions,\n    recentSuggestionValues,\n    pinnedSuggestionValues,\n    logicalOperatorSuggestionValues,\n    pastedContentSuggestionValues,\n    searchSuggestionValues,\n    fallbackKeySuggestionValues,\n    statementSuggestionValues,\n    filterFieldId,\n    parserConfig,\n    isValidSearch,\n  } = useFilterFieldContext();\n\n  const { trailing } = autoSuggestions;\n\n  const showLogicalOperators = logicalOperatorSuggestionValues.length > 0;\n  const showRecents = recentSuggestionValues.length > 0;\n  const showPinned = pinnedSuggestionValues.length > 0;\n  const showFallbackKeySuggestions = fallbackKeySuggestionValues.length > 0;\n  const showStatementSuggestions = statementSuggestionValues.length > 0;\n  const showSearchSuggestions =\n    isValidSearch?.current &&\n    searchSuggestionValues.length > 0 &&\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (parserConfig?.searchConversion ?? false);\n  const showPastedContentSuggestions = pastedContentSuggestionValues.length > 0;\n\n  const showBuiltInSuggestions =\n    showRecents ||\n    showPinned ||\n    showLogicalOperators ||\n    showPastedContentSuggestions ||\n    showSearchSuggestions ||\n    showFallbackKeySuggestions ||\n    showStatementSuggestions;\n\n  const isEmpty = editorView?.state.doc.toString() === '';\n  const childrenCount = flattenedSuggestions.length;\n\n  if (childrenCount === 0 && !showBuiltInSuggestions) {\n    return (\n      <Suggestion\n        trailing=\"\"\n        displayValue={intl.formatMessage(\n          filterFieldMessages.suggestions.noSuggestions,\n        )}\n      />\n    );\n  }\n  return (\n    <div id={`suggestions-${filterFieldId}`}>\n      {childrenCount > 0 ? (\n        <CSSHighlight\n          term={term ?? ''}\n          // Two highlight targets: the primary value text and any details\n          // element flagged matchable (see `matchableSuggestionDetails` in\n          // Suggestion.css.ts). `:not(:has(mark))` keeps the highlight off\n          // elements that already contain a hand-rendered <mark>.\n          selector={`.${suggestionStyles.value}:not(:has(mark)), .${suggestionStyles.matchableSuggestionDetails}:not(:has(mark))`}\n          highlightName=\"filterfield-suggestions-highlight\"\n        >\n          <div\n            style={{\n              width: '100%',\n              position: 'relative',\n              height: optionVirtualizer.getTotalSize(),\n              display: 'grid',\n              gridTemplateRows: optionVirtualizer.measurementsCache\n                .map((el) => `${el.size}px`)\n                .join(' '),\n            }}\n            key={`wrapper-${childrenCount}`}\n          >\n            {optionVirtualizer.getVirtualItems().map((virtualRow) => {\n              const flatItem = flattenedSuggestions[virtualRow.index];\n              const { child, key: suggestionKey } =\n                renderFlattenedSuggestionItem(flatItem, trailing);\n\n              return (\n                <div\n                  key={`${virtualRow.key}-${suggestionKey}`}\n                  className={clsx(\n                    'strato-filter-field-suggestion',\n                    suggestionStyles.virtualizedSuggestion,\n                  )}\n                  // data-index is required for the virtualizer to map the measure\n                  // element correctly to the measured index.\n                  data-index={virtualRow.index}\n                  style={{\n                    gridRow: virtualRow.index + 1,\n                    minWidth: 0,\n                    height: 'fit-content',\n                  }}\n                  ref={(el) => {\n                    optionVirtualizer.measureElement(el);\n                  }}\n                >\n                  {child}\n                </div>\n              );\n            })}\n          </div>\n        </CSSHighlight>\n      ) : null}\n      {isSliced && (\n        <div role=\"presentation\">\n          <Button {...controlProps} />\n        </div>\n      )}\n      {showBuiltInSuggestions && (\n        <>\n          <PastedContentSuggestionGroup />\n          <FallbackKeySuggestionGroup />\n          <LogicalOperatorSuggestionsGroup />\n          {showSearchSuggestions && !isEmpty && <SearchSuggestionGroup />}\n          <CSSHighlight\n            className={suggestionGroupStyles.builtInSuggestionsContainer}\n            term={editorView?.state.doc.toString() ?? ''}\n            selector={`.${suggestionStyles.value}`}\n            highlightName=\"filterfield-suggestions-highlight\"\n          >\n            <RecentSuggestionGroup />\n            <PinnedSuggestionGroup />\n          </CSSHighlight>\n          {showSearchSuggestions && isEmpty && <SearchSuggestionGroup />}\n        </>\n      )}\n    </div>\n  );\n}\n\n// Popper modifier to sync the max-height of the suggestions overlay\nconst heightModifier: Modifier<'filterfield-height-handler'> = {\n  name: 'filterfield-height-handler',\n  enabled: true,\n  fn: ({ state }): void => {\n    const viewportHeight = Math.max(\n      document.documentElement.clientHeight || 0,\n      window.innerHeight || 0,\n    );\n\n    const maxHeightBase = Math.max(viewportHeight / 2, 320);\n    state.styles.popper.maxHeight = `${\n      maxHeightBase - state.rects.reference.height - 20\n    }px`;\n  },\n  phase: 'beforeWrite',\n  requires: ['computeStyles'],\n};\n\n/**\n * Accepted properties for FilterFieldSuggestions.\n * @public\n */\nexport type FilterFieldSuggestionsProps = WithChildren &\n  StylingProps &\n  DataTestId &\n  BehaviorTrackingProps & {\n    /** Whether the suggestions are loading. If true, a loading indicator is shown and otherwise the suggestions are shown. */\n    loading?: boolean;\n  };\n\n// Animation variants for the Suggestions component\nconst suggestionsAnimationVariants: Variants = {\n  inital: {\n    translateY: '-10px',\n    // Compensate the parent scaling the content to 0.8. Due to round errors when the height gets taller\n    // the content sometimes got larger than the intended which lead to a \"vertigo\" effect. By adding\n    // 0.05 we can counteract that effect somewhat.\n    scaleY: 1 / 0.85,\n    opacity: 0,\n  },\n  default: {\n    translateY: 0,\n    scaleY: 1,\n    opacity: 1,\n  },\n  exit: {\n    translateY: '-5px',\n    opacity: 0,\n  },\n};\n\nfunction getSuggestionsCount(\n  defaultSuggestionsCount: number | { empty: number; filled: number },\n  isEmpty: boolean,\n): number {\n  if (typeof defaultSuggestionsCount === 'number') {\n    return defaultSuggestionsCount;\n  }\n  return defaultSuggestionsCount[isEmpty ? 'empty' : 'filled'];\n}\n\n/**\n * Compound component of the FilterField to apply suggestions.\n * @public\n */\nexport const Suggestions = (props: FilterFieldSuggestionsProps) => {\n  const {\n    loading,\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: FilterFieldSuggestionsProps = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n\n  const { autoSuggestions, defaultSuggestionsCount, triggerRef, editorView } =\n    useFilterFieldContext();\n\n  const intl = useIntl();\n\n  const transition = useOverlayTransition(true);\n\n  const parentRef = useRef<HTMLDivElement | null>(null);\n\n  const childrenArray = useMemo(() => Children.toArray(children), [children]);\n\n  const { flattenedSuggestionItems, groupMetadata } = useMemo(\n    () =>\n      flattenSuggestions([\n        ...Object.values(autoSuggestions.groupedSuggestions ?? {}).filter(\n          (group) => group && (group.suggestions?.length ?? 0) > 0,\n        ),\n        ...childrenArray,\n      ]),\n    [autoSuggestions.groupedSuggestions, childrenArray],\n  );\n\n  const isEmpty = editorView?.state.doc.toString() === '';\n\n  const suggestionsCount = getSuggestionsCount(\n    defaultSuggestionsCount,\n    isEmpty,\n  );\n\n  const {\n    items: slicedSuggestions,\n    isSliced,\n    controlProps,\n  } = useShowMore({\n    items: flattenedSuggestionItems,\n    primaryCount: suggestionsCount,\n    sliceFn: sliceFlattenedSuggestions,\n  });\n\n  const optionVirtualizer = useVirtualizer({\n    count: slicedSuggestions.length,\n    getScrollElement: () => parentRef.current,\n    overscan: 5,\n    estimateSize: () => 32,\n  });\n\n  const suggestionsRef = useRef<HTMLDivElement | null>(null);\n\n  const { styles: positioningStyles } = usePopper(\n    triggerRef,\n    suggestionsRef.current,\n    {\n      placement: 'bottom-start',\n      modifiers: [heightModifier],\n    },\n  );\n\n  return (\n    <Surface\n      className={clsx(consumerClassName, styles.suggestionsOverlay)}\n      style={consumerStyle}\n      elevation=\"floating\"\n      ref={suggestionsRef}\n      data-testid={dataTestId}\n      {...behavioralTrackingProps}\n    >\n      <AriaLiveInfo flattenedSuggestionItems={flattenedSuggestionItems} />\n      {groupMetadata.length > 0 && (\n        <VisuallyHidden>\n          {groupMetadata.map(({ groupId, label }) => (\n            <span key={groupId} id={toGroupLabelId(groupId)}>\n              {label}\n            </span>\n          ))}\n        </VisuallyHidden>\n      )}\n      <div\n        className={styles.suggestionsScrollContainerWrapper}\n        role=\"listbox\"\n        aria-expanded=\"true\"\n        aria-label={intl.formatMessage(\n          filterFieldMessages.suggestions.a11y.ariaLabel,\n        )}\n      >\n        <motion.div\n          className={clsx(\n            styles.suggestionsScrollContainer,\n            'strato-filter-field-suggestions',\n          )}\n          ref={parentRef}\n          style={{ maxHeight: positioningStyles.popper.maxHeight }}\n          variants={suggestionsAnimationVariants}\n          initial=\"inital\"\n          animate=\"default\"\n          exit=\"exit\"\n          transition={transition}\n        >\n          {loading ? (\n            <Flex\n              role=\"presentation\"\n              justifyContent=\"start\"\n              px={8}\n              py={6}\n              className={suggestionStyles.suggestionsLoading}\n            >\n              <ProgressCircle size=\"small\" aria-label=\"Loading suggestions\" />\n              <FormattedMessage {...filterFieldMessages.suggestions.loading} />\n            </Flex>\n          ) : (\n            <SuggestionContent\n              optionVirtualizer={optionVirtualizer}\n              flattenedSuggestions={slicedSuggestions}\n              isSliced={isSliced}\n              controlProps={controlProps}\n            />\n          )}\n        </motion.div>\n      </div>\n    </Surface>\n  );\n};\n\nSuggestions.displayValue = 'FilterField.Suggestions';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionsOverlay.css CHANGED Viewed

@@ -1,23 +1,23 @@
-._ssu5rt1-3-5-0 {
+._ssu5rt1-3-6-0 {
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
   container-type: inline-size;
-  container-name: _ssu5rt0-3-5-0;
+  container-name: _ssu5rt0-3-6-0;
   transform-origin: top;
 }
-._ssu5rt2-3-5-0 {
+._ssu5rt2-3-6-0 {
   box-sizing: border-box;
   padding: 0;
 }
-._ssu5rt2-3-5-0._ssu5rt2-3-5-0 {
-  --_1igzksy0-3-5-0: var(--dt-borders-radius-surface-subdued, 9px);
+._ssu5rt2-3-6-0._ssu5rt2-3-6-0 {
+  --_1igzksy0-3-6-0: var(--dt-borders-radius-surface-subdued, 9px);
 }
-._ssu5rt3-3-5-0 {
+._ssu5rt3-3-6-0 {
   overflow: hidden;
   height: 100%;
 }
-._ssu5rt4-3-5-0 {
+._ssu5rt4-3-6-0 {
   padding: var(--dt-spacings-size-4, 4px);
   height: 100%;
   max-height: 101vh;

package/esm/filters/filter-field/suggestions/SuggestionsOverlay.sty.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import "./SuggestionsOverlay.css";
-var suggestionsOverlay = "_ssu5rt2-3-5-0";
-var suggestionsOverlayWrapper = "_ssu5rt1-3-5-0";
-var suggestionsOverlayWrapperContainer = "_ssu5rt0-3-5-0";
-var suggestionsScrollContainer = "_ssu5rt4-3-5-0";
-var suggestionsScrollContainerWrapper = "_ssu5rt3-3-5-0";
+var suggestionsOverlay = "_ssu5rt2-3-6-0";
+var suggestionsOverlayWrapper = "_ssu5rt1-3-6-0";
+var suggestionsOverlayWrapperContainer = "_ssu5rt0-3-6-0";
+var suggestionsScrollContainer = "_ssu5rt4-3-6-0";
+var suggestionsScrollContainerWrapper = "_ssu5rt3-3-6-0";
 export {
   suggestionsOverlay,
   suggestionsOverlayWrapper,

package/esm/filters/filter-field/suggestions/SuggestionsOverlay.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionsOverlay.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nexport var suggestionsOverlay = '_ssu5rt2-3-5-0';\nexport var suggestionsOverlayWrapper = '_ssu5rt1-3-5-0';\nexport var suggestionsOverlayWrapperContainer = '_ssu5rt0-3-5-0';\nexport var suggestionsScrollContainer = '_ssu5rt4-3-5-0';\nexport var suggestionsScrollContainerWrapper = '_ssu5rt3-3-5-0';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nexport var suggestionsOverlay = '_ssu5rt2-3-6-0';\nexport var suggestionsOverlayWrapper = '_ssu5rt1-3-6-0';\nexport var suggestionsOverlayWrapperContainer = '_ssu5rt0-3-6-0';\nexport var suggestionsScrollContainer = '_ssu5rt4-3-6-0';\nexport var suggestionsScrollContainerWrapper = '_ssu5rt3-3-6-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,4BAA4B;AAChC,IAAI,qCAAqC;AACzC,IAAI,6BAA6B;AACjC,IAAI,oCAAoC;",
   "names": []
 }

package/esm/filters/filter-field/utils/get-suggestion-transaction.js CHANGED Viewed

@@ -186,6 +186,7 @@ function getSuggestionTransaction(suggestionValue, range, shouldEscapeSuggestion
       };
     }
   }
+  insertionRange = getSortedRange(insertionRange);
   let anchor = insertionStrategy === "insert" ? head + insertedValue.length : Math.min(currentDocumentLength, insertionRange.from) + (nextSibling && !isLastListValue ? appliedSuggestionValue.length : insertedValue.length) + (insertionStrategy === "replace-token" ? +startsWithOperator : 0) + +hasSpaceAfterQuotes;
   if (cursorBeforeTrailing || isWildcardSuggestionWithValuePlaceholder) {
     const trailingLength = trailing ? trailing.length : 0;
@@ -193,7 +194,6 @@ function getSuggestionTransaction(suggestionValue, range, shouldEscapeSuggestion
   }
   const newDocLength = currentDocumentLength - (insertionRange.to - insertionRange.from) + insertedValue.length;
   anchor = Math.max(0, Math.min(anchor, newDocLength));
-  insertionRange = getSortedRange(insertionRange);
   return {
     changes: {
       ...insertionRange,