@dynatrace/strato-components 3.12.2 → 3.13.0

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 { 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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",
+  "sourcesContent": ["import { isValidElement, useMemo, useEffect, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { isSelectableSuggestion } from './Suggestion.js';\nimport type {\n  FilterFieldSuggestionProps,\n  FlattenedSuggestionItem,\n} from './Suggestion.types.js';\nimport { VisuallyHidden } from '../../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { useFilterFieldContext } from '../hooks/useFilterFieldContext.js';\nimport { filterFieldMessages } from '../messages.js';\n\nconst ARIA_LIVE_DEBOUNCE_MS = 600;\n\ninterface DebouncedAriaLiveState {\n  optionCount: number;\n  filterText: string;\n}\n\nfunction isSelectableFlattenedSuggestion(\n  item: FlattenedSuggestionItem,\n): boolean {\n  if (item.kind === 'suggestion') {\n    return isSelectableSuggestion(item.data);\n  }\n\n  return (\n    item.kind === 'react-node' &&\n    isValidElement<FilterFieldSuggestionProps>(item.node) &&\n    isSelectableSuggestion(item.node.props)\n  );\n}\n\n/**\n * Component providing hidden aria-live region to announce the number of available suggestions\n * to screen readers.\n *\n * Keyboard interaction hints are deliberately omitted \u2014 navigating a `listbox` with the arrow\n * keys is conveyed by the role itself, and repeating it on every keystroke was reported as\n * excessive verbosity in an accessibility audit.\n * @internal\n */\nexport const AriaLiveInfo = () => {\n  const intl = useIntl();\n  const liveRegionId = useId();\n\n  const {\n    isValidSearch,\n    pastedContentSuggestionValues,\n    logicalOperatorSuggestionValues,\n    recentSuggestionValues,\n    pinnedSuggestionValues,\n    searchSuggestionValues,\n    fallbackKeySuggestionValues,\n    statementSuggestionValues,\n    parserConfig,\n    flattenedSuggestionItems,\n    editorView,\n  } = useFilterFieldContext();\n\n  const showSearchSuggestions =\n    isValidSearch?.current &&\n    searchSuggestionValues.length > 0 &&\n    // oxlint-disable-next-line typescript/no-deprecated\n    (parserConfig?.searchConversion ?? false);\n\n  // Counts every option the listbox exposes, including the ones collapsed behind\n  // \"show more\" and the built-in groups rendered outside the virtualized list.\n  const optionCount = useMemo(() => {\n    let count = 0;\n    for (const item of flattenedSuggestionItems) {\n      if (isSelectableFlattenedSuggestion(item)) {\n        count++;\n      }\n    }\n\n    return (\n      count +\n      pastedContentSuggestionValues.length +\n      fallbackKeySuggestionValues.length +\n      statementSuggestionValues.length +\n      logicalOperatorSuggestionValues.length +\n      recentSuggestionValues.length +\n      pinnedSuggestionValues.length +\n      (showSearchSuggestions ? searchSuggestionValues.length : 0)\n    );\n  }, [\n    flattenedSuggestionItems,\n    pastedContentSuggestionValues.length,\n    fallbackKeySuggestionValues.length,\n    statementSuggestionValues.length,\n    logicalOperatorSuggestionValues.length,\n    recentSuggestionValues.length,\n    pinnedSuggestionValues.length,\n    searchSuggestionValues.length,\n    showSearchSuggestions,\n  ]);\n\n  const filterText = editorView?.state.doc.toString() ?? '';\n\n  const [debouncedState, setDebouncedState] = useState<DebouncedAriaLiveState>(\n    () => ({ optionCount, filterText }),\n  );\n\n  useEffect(() => {\n    const handle = setTimeout(() => {\n      setDebouncedState({ optionCount, filterText });\n    }, ARIA_LIVE_DEBOUNCE_MS);\n\n    return () => {\n      clearTimeout(handle);\n    };\n  }, [optionCount, filterText]);\n\n  let announcementText = '';\n\n  if (debouncedState.filterText) {\n    announcementText = intl.formatMessage(\n      filterFieldMessages.suggestions.ariaLiveInfo.suggestionsOpenWithFilter,\n      {\n        count: debouncedState.optionCount,\n        filterText: debouncedState.filterText,\n      },\n    );\n  } else {\n    announcementText = intl.formatMessage(\n      filterFieldMessages.suggestions.ariaLiveInfo.suggestionsOpen,\n      { count: debouncedState.optionCount },\n    );\n  }\n\n  return (\n    <VisuallyHidden>\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        id={liveRegionId}\n      >\n        {announcementText}\n      </div>\n    </VisuallyHidden>\n  );\n};\n"],
+  "mappings": "AAsIM;AAtIN,SAAS,gBAAgB,SAAS,WAAW,gBAAgB;AAC7D,SAAS,eAAe;AAExB,SAAS,8BAA8B;AAKvC,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AACtB,SAAS,6BAA6B;AACtC,SAAS,2BAA2B;AAEpC,MAAM,wBAAwB;AAO9B,SAAS,gCACP,MACS;AACT,MAAI,KAAK,SAAS,cAAc;AAC9B,WAAO,uBAAuB,KAAK,IAAI;AAAA,EACzC;AAEA,SACE,KAAK,SAAS,gBACd,eAA2C,KAAK,IAAI,KACpD,uBAAuB,KAAK,KAAK,KAAK;AAE1C;AAWO,MAAM,eAAe,MAAM;AAChC,QAAM,OAAO,QAAQ;AACrB,QAAM,eAAe,MAAM;AAE3B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,sBAAsB;AAE1B,QAAM,wBACJ,eAAe,WACf,uBAAuB,SAAS;AAAA,GAE/B,cAAc,oBAAoB;AAIrC,QAAM,cAAc,QAAQ,MAAM;AAChC,QAAI,QAAQ;AACZ,eAAW,QAAQ,0BAA0B;AAC3C,UAAI,gCAAgC,IAAI,GAAG;AACzC;AAAA,MACF;AAAA,IACF;AAEA,WACE,QACA,8BAA8B,SAC9B,4BAA4B,SAC5B,0BAA0B,SAC1B,gCAAgC,SAChC,uBAAuB,SACvB,uBAAuB,UACtB,wBAAwB,uBAAuB,SAAS;AAAA,EAE7D,GAAG;AAAA,IACD;AAAA,IACA,8BAA8B;AAAA,IAC9B,4BAA4B;AAAA,IAC5B,0BAA0B;AAAA,IAC1B,gCAAgC;AAAA,IAChC,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB;AAAA,EACF,CAAC;AAED,QAAM,aAAa,YAAY,MAAM,IAAI,SAAS,KAAK;AAEvD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C,OAAO,EAAE,aAAa,WAAW;AAAA,EACnC;AAEA,YAAU,MAAM;AACd,UAAM,SAAS,WAAW,MAAM;AAC9B,wBAAkB,EAAE,aAAa,WAAW,CAAC;AAAA,IAC/C,GAAG,qBAAqB;AAExB,WAAO,MAAM;AACX,mBAAa,MAAM;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,MAAI,mBAAmB;AAEvB,MAAI,eAAe,YAAY;AAC7B,uBAAmB,KAAK;AAAA,MACtB,oBAAoB,YAAY,aAAa;AAAA,MAC7C;AAAA,QACE,OAAO,eAAe;AAAA,QACtB,YAAY,eAAe;AAAA,MAC7B;AAAA,IACF;AAAA,EACF,OAAO;AACL,uBAAmB,KAAK;AAAA,MACtB,oBAAoB,YAAY,aAAa;AAAA,MAC7C,EAAE,OAAO,eAAe,YAAY;AAAA,IACtC;AAAA,EACF;AAEA,SACE,oBAAC,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,IAAI;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
-._vt0w9g0-3-12-2 {
+._vt0w9g0-3-13-0 {
   display: grid;
   grid-template-columns: 1fr auto;
 }
-._vt0w9g1-3-12-2 {
+._vt0w9g1-3-13-0 {
   appearance: none;
   visibility: hidden;
   position: absolute;
@@ -12,25 +12,25 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._1smjoa14-3-12-2:hover ._vt0w9g1-3-12-2, ._1smjoa14-3-12-2:has(._9mvxlq0-3-12-2) ._vt0w9g1-3-12-2 {
+._1smjoa14-3-13-0:hover ._vt0w9g1-3-13-0, ._1smjoa14-3-13-0:has(._9mvxlq0-3-13-0) ._vt0w9g1-3-13-0 {
   position: initial;
   visibility: visible;
   height: 100%;
 }
-._1jgl8s50-3-12-2 ._vt0w9g1-3-12-2 {
+._1jgl8s50-3-13-0 ._vt0w9g1-3-13-0 {
   border-left-width: var(--dt-borders-width-default, 1px);
 }
-._1jgl8s50-3-12-2 ._vt0w9g1-3-12-2:hover {
+._1jgl8s50-3-13-0 ._vt0w9g1-3-13-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1jgl8s50-3-12-2 ._vt0w9g1-3-12-2:active {
+._1jgl8s50-3-13-0 ._vt0w9g1-3-13-0:active {
   background-color: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._vt0w9g0-3-12-2 ._1smjoa10-3-12-2 > div {
+._vt0w9g0-3-13-0 ._1smjoa10-3-13-0 > div {
   background-color: transparent;
 }
-@container _ssu5rt0-3-12-2 (min-width: 641px) {
-  ._vt0w9g0-3-12-2:hover ._tn2lgm0-3-12-2, ._vt0w9g0-3-12-2._9mvxlq0-3-12-2 ._tn2lgm0-3-12-2, ._vt0w9g0-3-12-2:has(._9mvxlq0-3-12-2) ._tn2lgm0-3-12-2 {
+@container _ssu5rt0-3-13-0 (min-width: 641px) {
+  ._vt0w9g0-3-13-0:hover ._tn2lgm0-3-13-0, ._vt0w9g0-3-13-0._9mvxlq0-3-13-0 ._tn2lgm0-3-13-0, ._vt0w9g0-3-13-0:has(._9mvxlq0-3-13-0) ._tn2lgm0-3-13-0 {
     display: none;
   }
 }

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

@@ -4,8 +4,8 @@ import "../../../core/styles/virtualFocus.css";
 import "./Suggestion.css";
 import "./SuggestionDetails.css";
 import "./RecentPinnedSuggestionItem.css";
-var recentSuggestion = "_vt0w9g0-3-12-2";
-var suggestionPin = "_vt0w9g1-3-12-2";
+var recentSuggestion = "_vt0w9g0-3-13-0";
+var suggestionPin = "_vt0w9g1-3-13-0";
 export {
   recentSuggestion,
   suggestionPin

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/RecentPinnedSuggestionItem.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nimport './SuggestionDetails.css';\nimport './RecentPinnedSuggestionItem.css';\nexport var recentSuggestion = '_vt0w9g0-3-12-2';\nexport var suggestionPin = '_vt0w9g1-3-12-2';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nimport './SuggestionDetails.css';\nimport './RecentPinnedSuggestionItem.css';\nexport var recentSuggestion = '_vt0w9g0-3-13-0';\nexport var suggestionPin = '_vt0w9g1-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;AACvB,IAAI,gBAAgB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
-._1smjoa11-3-12-2 {
+._1smjoa11-3-13-0 {
   min-width: 0;
 }
-._1smjoa14-3-12-2 {
+._1smjoa14-3-13-0 {
   cursor: pointer;
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -9,17 +9,17 @@
   border-radius: var(--dt-borders-radius-field-default, 6px);
   overflow: hidden;
 }
-._1smjoa14-3-12-2:hover {
+._1smjoa14-3-13-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1smjoa14-3-12-2:has(._9mvxlq0-3-12-2) {
+._1smjoa14-3-13-0:has(._9mvxlq0-3-13-0) {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   transition: none;
 }
-._1jgl8s50-3-12-2 ._1smjoa14-3-12-2:hover {
+._1jgl8s50-3-13-0 ._1smjoa14-3-13-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1smjoa15-3-12-2 {
+._1smjoa15-3-13-0 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
@@ -27,68 +27,68 @@
   flex: 1;
   grid-auto-flow: row;
 }
-._1smjoa15-3-12-2:hover {
+._1smjoa15-3-13-0:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1smjoa15-3-12-2:active {
+._1smjoa15-3-13-0:active {
   background-color: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1smjoa14-3-12-2 span:only-child ._1smjoa15-3-12-2 {
+._1smjoa14-3-13-0 span:only-child ._1smjoa15-3-13-0 {
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._1smjoa16-3-12-2 {
+._1smjoa16-3-13-0 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1smjoa17-3-12-2 {
+._1smjoa17-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-weight: var(--dt-typography-text-base-default-weight, 400);
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
 }
-._1smjoa18-3-12-2 {
+._1smjoa18-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-weight: var(--dt-typography-text-base-default-weight, 400);
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-12, 12px);
 }
-._1smjoa19-3-12-2 {
+._1smjoa19-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1smjoa1a-3-12-2 {
+._1smjoa1a-3-13-0 {
   white-space: nowrap;
   gap: 0;
 }
-._1smjoa1b-3-12-2 {
+._1smjoa1b-3-13-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._1smjoa1b-3-12-2 mark, ._1smjoa14-3-12-2 mark, ._1smjoa14-3-12-2:not(._1smjoa1c-3-12-2) *::highlight(filterfield-suggestions-highlight) {
+._1smjoa1b-3-13-0 mark, ._1smjoa14-3-13-0 mark, ._1smjoa14-3-13-0:not(._1smjoa1c-3-13-0) *::highlight(filterfield-suggestions-highlight) {
   white-space: pre-wrap;
   background: none;
   color: inherit;
   text-decoration: underline;
 }
-._1smjoa16-3-12-2 > mark, ._1smjoa16-3-12-2 > span {
+._1smjoa16-3-13-0 > mark, ._1smjoa16-3-13-0 > span {
   white-space: nowrap;
 }
-._1smjoa1d-3-12-2 ._1smjoa10-3-12-2 > div {
+._1smjoa1d-3-13-0 ._1smjoa10-3-13-0 > div {
   background-color: transparent;
 }
-._1smjoa1a-3-12-2 mark {
+._1smjoa1a-3-13-0 mark {
   white-space: preserve nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1smjoa1f-3-12-2 ._1smjoa10-3-12-2 > div {
+._1smjoa1f-3-13-0 ._1smjoa10-3-13-0 > div {
   background-color: transparent;
 }
-@container _ssu5rt0-3-12-2 (min-width: 641px) {
-  ._1smjoa15-3-12-2 {
+@container _ssu5rt0-3-13-0 (min-width: 641px) {
+  ._1smjoa15-3-13-0 {
     grid-auto-flow: column;
     justify-content: space-between;
   }
 }
-@container _ssu5rt0-3-12-2 (min-width: 1921px) {
-  ._1smjoa15-3-12-2 {
+@container _ssu5rt0-3-13-0 (min-width: 1921px) {
+  ._1smjoa15-3-13-0 {
     grid-auto-columns: 30% auto;
     justify-content: start;
   }

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

@@ -134,6 +134,13 @@ function handleSuggestionApply(editorView, id, applySuggestion, suggestionRef, s
     );
   }
 }
+function isSelectableSuggestion({
+  value,
+  trailing,
+  id
+}) {
+  return !(!value && trailing === "" && id !== "strato-filterfield-suggestion-pasted-content");
+}
 const Suggestion = forwardRef((props, forwardedRef) => {
   const {
     value,
@@ -243,7 +250,7 @@ const Suggestion = forwardRef((props, forwardedRef) => {
     return null;
   }
   const displayLabel = label.length > 0 ? label : displayValue ?? value;
-  if (!value && trailing === "" && id !== "strato-filterfield-suggestion-pasted-content") {
+  if (!isSelectableSuggestion({ value, trailing, id })) {
     return /* @__PURE__ */ createElement(
       Flex,
       {
@@ -262,7 +269,6 @@ const Suggestion = forwardRef((props, forwardedRef) => {
     Flex,
     {
       ...remainingProps,
-      role: slots.pin && "group",
       gap: 0,
       "data-testid": dataTestId,
       className: clsx(styles.suggestion, consumerClassName),
@@ -324,7 +330,7 @@ const Suggestion = forwardRef((props, forwardedRef) => {
                       Flex,
                       {
                         className: clsx(styles.value, {
-                          [`${styles.truncateWithinMark}`]: id === "strato-filterfield-suggestion-use-as-value" || id === "strato-filterfield-suggestion-use-as-key" || id === "strato-filterfield-suggestion-pasted-content" || id === "strato-filterfield-suggestion-search"
+                          [`${styles.truncateWithinMark}`]: id === "strato-filterfield-suggestion-use-as-value" || id === "strato-filterfield-suggestion-use-as-key" || id === "strato-filterfield-suggestion-pasted-content" || id === "strato-filterfield-suggestion-matches-wildcard-value" || id === "strato-filterfield-suggestion-search"
                         }),
                         ref: valueRef,
                         children: /* @__PURE__ */ jsx(WrappedSuggestionLabel, { displayLabel })
@@ -344,6 +350,7 @@ const Suggestion = forwardRef((props, forwardedRef) => {
 });
 Object.assign(Suggestion, { displayValue: "FilterField.Suggestion" });
 export {
-  Suggestion
+  Suggestion,
+  isSelectableSuggestion
 };
 //# sourceMappingURL=Suggestion.js.map

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

@@ -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  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 { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../../core/utils/can-receive-default-text-format.js';\nimport { getVirtualFocusStyles } from '../../../core/utils/getVirtualFocusStyles.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  const insertionRangeRef = useRef(insertionRange);\n  insertionRangeRef.current = insertionRange;\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              insertionRangeRef.current,\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-children-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 { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../../core/utils/can-receive-default-text-format.js';\nimport { getVirtualFocusStyles } from '../../../core/utils/getVirtualFocusStyles.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 * Determines if a suggestion is selectable based on its value, trailing content, and ID.\n * Suggestions that have no value and no trailing content only act as a hint.\n * @param value The value of the suggestion.\n * @param trailing The content inserted after the suggestion.\n * @param id The ID of the suggestion.\n * @internal\n */\nexport function isSelectableSuggestion({\n  value,\n  trailing,\n  id,\n}: Pick<FilterFieldSuggestionProps, 'value' | 'trailing' | 'id'>): boolean {\n  return !(\n    !value &&\n    trailing === '' &&\n    id !== 'strato-filterfield-suggestion-pasted-content'\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  const insertionRangeRef = useRef(insertionRange);\n  insertionRangeRef.current = insertionRange;\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    // oxlint-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              insertionRangeRef.current,\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    // oxlint-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.\n  if (!isSelectableSuggestion({ value, trailing, id })) {\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      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-children-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 ===\n                    'strato-filterfield-suggestion-matches-wildcard-value' ||\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

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

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

@@ -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 = '_1smjoa1c-3-12-2';\nexport var icon = '_1smjoa10-3-12-2';\nexport var matchableSuggestionDetails = '_1smjoa12-3-12-2';\nexport var pastingSuggestion = '_1smjoa1f-3-12-2';\nexport var searchSuggestion = '_1smjoa1d-3-12-2';\nexport var statementSuggestionValue = '_1smjoa1e-3-12-2';\nexport var suggestion = '_1smjoa14-3-12-2';\nexport var suggestionContent = '_1smjoa15-3-12-2';\nexport var suggestionText = '_1smjoa16-3-12-2';\nexport var suggestionsEmptyState = '_1smjoa17-3-12-2';\nexport var suggestionsJSONPathHint = '_1smjoa18-3-12-2';\nexport var suggestionsLoading = '_1smjoa19-3-12-2';\nexport var tooltipWrapper = '_1smjoa1b-3-12-2';\nexport var truncateWithinMark = '_1smjoa1a-3-12-2';\nexport var value = '_1smjoa11-3-12-2';\nexport var virtualizedSuggestion = '_1smjoa13-3-12-2';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport '../../../core/components/app-root/AppRoot.css';\nimport '../../../core/styles/virtualFocus.css';\nimport './Suggestion.css';\nexport var defaultSuggestion = '_1smjoa1c-3-13-0';\nexport var icon = '_1smjoa10-3-13-0';\nexport var matchableSuggestionDetails = '_1smjoa12-3-13-0';\nexport var pastingSuggestion = '_1smjoa1f-3-13-0';\nexport var searchSuggestion = '_1smjoa1d-3-13-0';\nexport var statementSuggestionValue = '_1smjoa1e-3-13-0';\nexport var suggestion = '_1smjoa14-3-13-0';\nexport var suggestionContent = '_1smjoa15-3-13-0';\nexport var suggestionText = '_1smjoa16-3-13-0';\nexport var suggestionsEmptyState = '_1smjoa17-3-13-0';\nexport var suggestionsJSONPathHint = '_1smjoa18-3-13-0';\nexport var suggestionsLoading = '_1smjoa19-3-13-0';\nexport var tooltipWrapper = '_1smjoa1b-3-13-0';\nexport var truncateWithinMark = '_1smjoa1a-3-13-0';\nexport var value = '_1smjoa11-3-13-0';\nexport var virtualizedSuggestion = '_1smjoa13-3-13-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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-._1smjoa13-3-12-2:not(:first-child) > ._5cheea1-3-12-2::before {
+._1smjoa13-3-13-0:not(:first-child) > ._5cheea1-3-13-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-12-2 {
+._5cheea2-3-13-0 {
   position: relative;
   margin: 0;
   padding: 0;
   list-style-type: none;
   height: fit-content;
 }
-._5cheea2-3-12-2:not(:first-child)::before,
-    ._5cheea0-3-12-2:not(:first-child) ._5cheea2-3-12-2::before,
-    ._ssu5rt2-3-12-2:not(._5cheea0-3-12-2) ._1smjoa13-3-12-2:has(._5cheea2-3-12-2):not(:first-child) ._5cheea2-3-12-2::before,
-    ._ssu5rt2-3-12-2:not(._5cheea0-3-12-2) ._1smjoa13-3-12-2:has(._5cheea2-3-12-2):has(+ ._1smjoa13-3-12-2 > :not(._5cheea2-3-12-2)) ._5cheea2-3-12-2::after
+._5cheea2-3-13-0:not(:first-child)::before,
+    ._5cheea0-3-13-0:not(:first-child) ._5cheea2-3-13-0::before,
+    ._ssu5rt2-3-13-0:not(._5cheea0-3-13-0) ._1smjoa13-3-13-0:has(._5cheea2-3-13-0):not(:first-child) ._5cheea2-3-13-0::before,
+    ._ssu5rt2-3-13-0:not(._5cheea0-3-13-0) ._1smjoa13-3-13-0:has(._5cheea2-3-13-0):has(+ ._1smjoa13-3-13-0 > :not(._5cheea2-3-13-0)) ._5cheea2-3-13-0::after
    {
   content: "";
   position: relative;

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

@@ -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-12-2";
-var groupHeaderSeparator = "_5cheea1-3-12-2";
-var suggestionGroup = "_5cheea2-3-12-2";
+var builtInSuggestionsContainer = "_5cheea0-3-13-0";
+var groupHeaderSeparator = "_5cheea1-3-13-0";
+var suggestionGroup = "_5cheea2-3-13-0";
 export {
   builtInSuggestionsContainer,
   groupHeaderSeparator,

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

@@ -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-12-2';\nexport var groupHeaderSeparator = '_5cheea1-3-12-2';\nexport var suggestionGroup = '_5cheea2-3-12-2';"],
+  "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-13-0';\nexport var groupHeaderSeparator = '_5cheea1-3-13-0';\nexport var suggestionGroup = '_5cheea2-3-13-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

@@ -1,4 +1,4 @@
-._1mfalko0-3-12-2 {
+._1mfalko0-3-13-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

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

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

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

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

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