@dynatrace/strato-components 3.3.3 → 3.5.0

package/esm/filters/filter-field/utils/suggestions-utils/key-suggestions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/filter-field/utils/suggestions-utils/key-suggestions.tsx"],
-  "sourcesContent": ["import type { CompletionContext } from '@codemirror/autocomplete';\nimport { FormattedMessage } from 'react-intl';\n\nimport {\n  AbcIcon,\n  BooleanIcon,\n  ClockIcon,\n  HashtagIcon,\n  IPaddressIcon,\n  JsonIcon,\n  StopwatchIcon,\n  UIDIcon,\n} from '@dynatrace/strato-icons';\n\nimport {\n  getFallbackKeySuggestion,\n  getSearchSuggestion,\n  getStartTypingSuggestion,\n  getStatementSuggestionForMatchingValue,\n} from './shared-suggestions.js';\nimport type { SuggestionGroup } from './suggestion-group-utils.js';\nimport { getValidValueTypes } from './suggestion-type.js';\nimport type {\n  FallbackKeys,\n  FilterStatementFunctionMap,\n  FilterStatementKeysMap,\n  FilterStatementValuesMap,\n} from '../../FilterField.types.js';\nimport { filterFieldMessages } from '../../messages.js';\nimport type { FilterFieldSuggestionProps } from '../../suggestions/Suggestion.types.js';\nimport type { FilterFieldSuggestionType } from '../../types/suggestions.js';\nimport type {\n  FilterFieldLeafNode,\n  FilterFieldStatementNode,\n  FilterFieldValueNode,\n} from '../../types/tree-nodes.js';\nimport type {\n  FilterFieldCustomTypes,\n  FilterFieldPrimitive,\n  FilterFieldValidatorMap,\n  FilterFieldValueMatchFn,\n  FilterFieldValuePredicateItem,\n} from '../../types/validation.js';\nimport type { InternalValidatorMap } from '../validation-utils/normalize-validator-map.js';\nimport { KEY_GROUP_ID } from '../validation-utils/normalize-validator-map.js';\nimport {\n  isFilterFieldValidatorMapTypeSpecification,\n  isFilterFieldValueSuggestionGroupConfig,\n} from '../validation-utils/type-guards.js';\nimport { getValuePredicateTextValue } from '../validation-utils/validation-helper-functions.js';\n\n/**\n * Matches a potential JSONPath (also incomplete ones like `content$.`)\n * https://regex101.com/r/9QQvzF/1\n * @internal\n */\nexport const JSONPATH_PATTERN_PARTIAL =\n  /^(?:\"(?:[^\"\\\\]|\\\\.)*\"|[^\\s\"$]+)\\$(?:(?:\\.(?:[a-zA-Z_][\\w]*|\"(?:[^\"\\\\]|\\\\.)*\")|\\[(?:\\d+|\"(?:[^\"\\\\]|\\\\.)*\")\\])*)/;\n\n/**\n * Text values that represent a search operator at any stage of typing.\n * Used to determine when to show search operator suggestions.\n */\nconst SEARCH_OPERATOR_VALUES = ['', '*', '* ', '*~', '* ~'];\nconst isSearchOperatorValue = (value: string) =>\n  SEARCH_OPERATOR_VALUES.includes(value);\n\n/**\n * The return type of `getKeySuggestions`.\n * An ordered array of suggestion groups in declaration order. Empty groups are omitted.\n * The trailing entry (if present) holds the \"use as key\" hint, merged into the last implicit group.\n */\ntype KeySuggestionsResult = SuggestionGroup<FilterFieldSuggestionProps>[];\n\n/**\n * Lists all defined filter keys\n * @internal\n */\nexport function getKeySuggestions(\n  internalValidatorMap: InternalValidatorMap | undefined,\n  suggestionTypes: FilterFieldSuggestionType = [],\n  customTypes?: FilterFieldCustomTypes,\n  doc?: string,\n  currentToken?: FilterFieldValueNode,\n): KeySuggestionsResult {\n  const validatorMapIsExhaustive = internalValidatorMap?.exhaustive;\n  let textValue = currentToken?.textValue ?? '';\n  const hasTrailingSpace = textValue.endsWith(' ');\n\n  // ORs and ANDs require a special handling. Once we detect a logical operator,\n  // we get the actual text value (instead of what's in the token).\n  const textValueNeedsEscaping =\n    textValue.toLocaleLowerCase() === 'or' ||\n    textValue.toLocaleLowerCase() === 'and';\n\n  if (textValue && textValueNeedsEscaping && doc && currentToken) {\n    textValue = doc\n      .slice(currentToken.range.from, currentToken.range.to)\n      .toString();\n  }\n\n  // No validator map \u2014 use-as-key / start-typing suggestion in the default group.\n  if (!internalValidatorMap) {\n    if (\n      textValue &&\n      !validatorMapIsExhaustive &&\n      !hasTrailingSpace &&\n      !isSearchOperatorValue(textValue)\n    ) {\n      return [\n        {\n          id: KEY_GROUP_ID,\n          suggestions: [\n            getDefaultKeySuggestion(textValue, textValueNeedsEscaping),\n          ],\n        },\n      ];\n    } else if (!textValue && !validatorMapIsExhaustive) {\n      return [\n        { id: KEY_GROUP_ID, suggestions: [getStartTypingSuggestion('key')] },\n      ];\n    }\n    return [];\n  }\n\n  const { byKey, keyToGroup } = internalValidatorMap.normalizedKeys;\n\n  // Result is built lazily: a group entry is only created when its first suggestion\n  // is pushed into it, so empty groups never appear and no filter pass is needed.\n  // Declaration order is preserved because byKey is populated in declaration order\n  // during normalization.\n  const groupEntryById = new Map<string, KeySuggestionsResult[number]>();\n  const result: KeySuggestionsResult = [];\n\n  let suggestionMatchesTextValue = false;\n\n  // Iterate over all key suggestions and push them directly into the correct group.\n  for (const [key, config] of byKey) {\n    if (key === textValue) {\n      suggestionMatchesTextValue = true;\n    }\n\n    // Determine the icon type: an explicit valueType takes precedence to avoid\n    // iterating over all valuePredicate entries. Fall back to valuePredicate\n    // inference only when no valueType is set.\n    // DEPRECATION: [APPDEV-16872] BREAKING-CHANGE\n    // TODO: Fallback can be removed once the deprecated FilterFieldValidatorMapTypePredicate format is removed and all key predicates use the new explicit valueType.\n    let suggestionTypeResult: ReturnType<typeof getValidValueTypes>;\n\n    if (config.valueType) {\n      suggestionTypeResult = getValidValueTypes({ type: config.valueType });\n    } else if (config.valuePredicate) {\n      suggestionTypeResult = getValidValueTypes(config.valuePredicate);\n    } else {\n      suggestionTypeResult = {\n        suggestionType: 'Any',\n        hasLiteralValues: false,\n        types: ['Any'],\n      };\n    }\n    const { suggestionType, hasLiteralValues } = suggestionTypeResult;\n    const displayValue = config.displayValue;\n    const details = config.details;\n\n    let keySuggestion:\n      | FilterFieldSuggestionProps\n      | FilterFieldSuggestionProps[];\n\n    if (suggestionType === 'JSONPath') {\n      keySuggestion = getJSONPathKeySuggestion(key, suggestionType);\n    } else if (Array.isArray(suggestionType)) {\n      keySuggestion = suggestionType.map((type) => {\n        if (type === 'JSONPath') {\n          return getJSONPathKeySuggestion(key, type);\n        }\n\n        return {\n          value: key,\n          icon: getIconForValueType(type),\n          suggestionType: 'validatorMap' as const,\n          displayValue,\n          details,\n        };\n      });\n    } else if (hasLiteralValues && Array.isArray(config.valuePredicate)) {\n      // Valid values are defined in an array. We don't loop over the whole\n      // array to infer the type, but just use 'Any'.\n      keySuggestion = {\n        value: key,\n        icon: getIconForValueType('Any'),\n        suggestionType: 'validatorMap',\n      };\n    } else {\n      keySuggestion = {\n        value: key,\n        icon: getIconForValueType(suggestionType, customTypes),\n        suggestionType: 'validatorMap' as const,\n        displayValue,\n        details,\n      };\n    }\n\n    const keySuggestions = Array.isArray(keySuggestion)\n      ? keySuggestion\n      : [keySuggestion];\n\n    const group = keyToGroup.get(key);\n\n    if (group === undefined) {\n      continue;\n    }\n\n    let groupEntry = groupEntryById.get(group.id);\n\n    if (!groupEntry) {\n      groupEntry = {\n        id: group.id,\n        label: group.label,\n        'aria-label': group['aria-label'],\n        suggestions: [],\n      };\n      groupEntryById.set(group.id, groupEntry);\n      result.push(groupEntry);\n    }\n\n    groupEntry.suggestions.push(...keySuggestions);\n  }\n\n  // Append \"use as key\" suggestion so it always appears last, after all named groups.\n  // It is merged into the last implicit group to avoid rendering a divider between key\n  // suggestions and the fallback. If the last group is explicit, a new implicit group is\n  // created instead.\n  // When the token is a JSONPath expression, only render the JSONPath suggestion and omit the \"use as key\" suggestion.\n  const isJSONPathContinuation =\n    currentToken?.type === 'JSONPath' ||\n    (currentToken?.type === 'Error' &&\n      JSONPATH_PATTERN_PARTIAL.test(currentToken?.textValue ?? ''));\n\n  if (\n    textValue &&\n    !validatorMapIsExhaustive &&\n    !suggestionMatchesTextValue &&\n    !isSearchOperatorValue(textValue) &&\n    (!hasTrailingSpace || suggestionTypes.includes('pastedContent')) &&\n    !isJSONPathContinuation\n  ) {\n    const trailingSuggestion = getDefaultKeySuggestion(\n      textValue,\n      textValueNeedsEscaping,\n    );\n    const lastGroup = result.at(-1);\n\n    if (lastGroup?.id.startsWith(`${KEY_GROUP_ID}-implicit-`)) {\n      // Merge into the last implicit group.\n      lastGroup.suggestions.push(trailingSuggestion);\n    } else {\n      // Last group is explicit; create new implicit group to render the divider.\n      result.push({\n        id: `${KEY_GROUP_ID}-implicit-${result.length}`,\n        suggestions: [trailingSuggestion],\n      });\n    }\n  }\n\n  return result;\n}\n\n/** @internal */\nexport function getSearchSuggestions(\n  context: CompletionContext,\n  currentStatement: FilterFieldStatementNode | undefined,\n  currentToken: FilterFieldValueNode,\n  suggestionTypes: FilterFieldSuggestionType,\n  isInsideAGroup: boolean,\n): FilterFieldSuggestionProps[] {\n  if (isInsideAGroup) {\n    return [];\n  }\n\n  const textValue = currentToken.textValue;\n  const { value } = currentToken;\n\n  if (\n    (currentStatement?.comparisonOperator !== undefined &&\n      currentStatement.comparisonOperator.type !== 'SearchOperator') ||\n    (currentStatement?.comparisonOperator?.type === 'SearchOperator' &&\n      value === '')\n  ) {\n    return [];\n  }\n\n  const emptyInput = context.state.doc.toString() === '';\n\n  if (emptyInput || isSearchOperatorValue(textValue)) {\n    return [getSearchSuggestion()];\n  } else if (\n    (suggestionTypes.includes('key') ||\n      suggestionTypes.includes('value') ||\n      suggestionTypes.includes('pastedContent')) &&\n    !(\n      currentToken.type === 'JSONPath' ||\n      (currentToken.type === 'Error' &&\n        JSONPATH_PATTERN_PARTIAL.exec(currentToken.textValue) &&\n        !currentToken.textValue.endsWith('$'))\n    )\n  ) {\n    return [getSearchSuggestion(textValue)];\n  }\n\n  return [];\n}\n\n/** @internal */\nexport function getFallbackKeySuggestions(\n  currentToken: FilterFieldValueNode,\n  suggestionTypes: FilterFieldSuggestionType,\n  fallbackKeys?: FallbackKeys,\n  filterStatementSuggestions?: FilterFieldSuggestionProps[],\n): FilterFieldSuggestionProps[] {\n  if (!fallbackKeys || fallbackKeys.length === 0) {\n    return [];\n  }\n\n  const { value } = currentToken;\n  const suggestions: FilterFieldSuggestionProps[] = [];\n\n  if (suggestionTypes.includes('key') && value !== '') {\n    const textValue = currentToken.textValue;\n    for (const key of fallbackKeys) {\n      if (Array.isArray(key.comparisonOperators)) {\n        for (const operator of key.comparisonOperators) {\n          const fallbackKeySuggestion = getFallbackKeySuggestion(\n            key.value,\n            operator,\n            textValue,\n          );\n\n          // Only add the fallback key suggestion if there isn't already a suggestion for the same statement\n          // coming from the statement suggestions.\n          if (\n            !(\n              operator === 'equals' &&\n              filterStatementSuggestions?.some(\n                (statementSuggestion) =>\n                  statementSuggestion.value === fallbackKeySuggestion.value,\n              )\n            )\n          ) {\n            suggestions.push(fallbackKeySuggestion);\n          }\n        }\n      } else {\n        suggestions.push(\n          getFallbackKeySuggestion(key.value, 'matches-phrase', textValue),\n        );\n      }\n    }\n  }\n\n  return suggestions;\n}\n\n/** @internal */\nexport function getFilterStatementSuggestions(\n  currentToken: FilterFieldLeafNode,\n  suggestionTypes: FilterFieldSuggestionType,\n  filterStatementKeysMap?: FilterStatementKeysMap,\n): FilterFieldSuggestionProps[] {\n  const { textValue } = currentToken;\n\n  if (\n    !filterStatementKeysMap ||\n    !suggestionTypes.includes('key') ||\n    textValue === ''\n  ) {\n    return [];\n  }\n\n  const suggestions: FilterFieldSuggestionProps[] = [];\n\n  // Match the current value against the keys map\n  if (filterStatementKeysMap.values.size > 0) {\n    // Loop through the map and check if the current value matches any values in the map (also partial matches)\n    for (const [value, keys] of filterStatementKeysMap.values.entries()) {\n      if (value.includes(textValue)) {\n        for (const key of keys) {\n          suggestions.push(getStatementSuggestionForMatchingValue(key, value));\n        }\n      }\n    }\n  }\n\n  if (filterStatementKeysMap.functions.size > 0) {\n    // Loop through the functions map and check if the function returns true for the current value\n    for (const [key, func] of filterStatementKeysMap.functions.entries()) {\n      if (func(currentToken)) {\n        suggestions.push(\n          getStatementSuggestionForMatchingValue(key, currentToken.textValue),\n        );\n      }\n    }\n  }\n\n  return suggestions;\n}\n\n/**\n * @internal\n */\nexport function getFilterStatementKeysMap(\n  validatorMap?: FilterFieldValidatorMap,\n): FilterStatementKeysMap | undefined {\n  if (\n    !validatorMap ||\n    Array.isArray(validatorMap.keyPredicates) ||\n    !validatorMap.keyPredicates\n  ) {\n    return undefined;\n  }\n\n  const valuesMap: FilterStatementValuesMap = new Map<string, string[]>();\n  const functionsMap: FilterStatementFunctionMap = new Map<\n    string,\n    FilterFieldValueMatchFn\n  >();\n\n  for (const [key, keyPredicate] of Object.entries(\n    validatorMap.keyPredicates,\n  )) {\n    if (!isFilterFieldValidatorMapTypeSpecification(keyPredicate)) {\n      if (typeof keyPredicate.suggestStatementOnValueMatch === 'function') {\n        functionsMap.set(key, keyPredicate.suggestStatementOnValueMatch);\n      } else if (\n        keyPredicate.suggestStatementOnValueMatch &&\n        keyPredicate.valuePredicate\n      ) {\n        const valuePredicate = keyPredicate.valuePredicate;\n\n        // If valuePredicate is an array of literal values add each of them to the valuesMap with the corresponding key.\n        if (Array.isArray(valuePredicate)) {\n          for (const value of valuePredicate) {\n            if (!isFilterFieldValueSuggestionGroupConfig(value)) {\n              addKeyValuePairToMap(valuesMap, key, value);\n            }\n          }\n        } else if (\n          valuePredicate &&\n          typeof valuePredicate !== 'function' &&\n          !isFilterFieldValueSuggestionGroupConfig(valuePredicate)\n        ) {\n          // The valuePredicate is a single literal value. Add it to the valuesMap with the corresponding key.\n          addKeyValuePairToMap(valuesMap, key, valuePredicate);\n        }\n      }\n    }\n  }\n\n  return valuesMap.size > 0 || functionsMap.size > 0\n    ? { values: valuesMap, functions: functionsMap }\n    : undefined;\n}\n\nfunction addKeyValuePairToMap(\n  valuesMap: Map<string, string[]>,\n  key: string,\n  value: FilterFieldValuePredicateItem,\n) {\n  if (!isFilterFieldValidatorMapTypeSpecification(value)) {\n    const stringValue: string = getValuePredicateTextValue(value);\n\n    const existingKeys = valuesMap.get(stringValue) ?? [];\n    if (!existingKeys.includes(key)) {\n      valuesMap.set(stringValue, [...existingKeys, key]);\n    }\n  }\n}\n\n/**\n * @internal\n */\nexport function getFallbackKeys(\n  validatorMap?: FilterFieldValidatorMap,\n): FallbackKeys | undefined {\n  if (!validatorMap || Array.isArray(validatorMap.keyPredicates)) {\n    return undefined;\n  }\n\n  const keys: FallbackKeys = [];\n\n  for (const key in validatorMap.keyPredicates) {\n    const keyPredicate = validatorMap.keyPredicates[key];\n    if (\n      !isFilterFieldValidatorMapTypeSpecification(keyPredicate) &&\n      keyPredicate.fallbackKey\n    ) {\n      keys.push({\n        value: key,\n        comparisonOperators: Array.isArray(keyPredicate.fallbackKey)\n          ? keyPredicate.fallbackKey\n          : undefined,\n      });\n    }\n  }\n\n  return keys.length > 0 ? keys : undefined;\n}\n\nfunction getIconForCustomType(\n  type: FilterFieldPrimitive | string,\n  customTypes: FilterFieldCustomTypes,\n) {\n  for (const [typeName, customType] of Object.entries(customTypes)) {\n    if (\n      typeName === type &&\n      typeof customType === 'object' &&\n      customType.icon !== undefined\n    ) {\n      return customType.icon;\n    }\n  }\n  return null;\n}\n\nfunction getIconForValueType(\n  type: FilterFieldPrimitive | (string & {}),\n  customTypes?: FilterFieldCustomTypes,\n) {\n  switch (type) {\n    case 'Number': {\n      return <HashtagIcon />;\n    }\n    case 'Boolean': {\n      return <BooleanIcon />;\n    }\n    case 'Duration': {\n      return <StopwatchIcon />;\n    }\n    case 'JSONPath': {\n      return <JsonIcon />;\n    }\n    case 'IPAddress': {\n      return <IPaddressIcon />;\n    }\n    case 'UID': {\n      return <UIDIcon />;\n    }\n    case 'SmartscapeId': {\n      return <UIDIcon />;\n    }\n    case 'Timestamp': {\n      return <ClockIcon />;\n    }\n    case 'String':\n    case 'Any':\n      return <AbcIcon />;\n  }\n  if (customTypes) {\n    return getIconForCustomType(type, customTypes);\n  }\n}\n\nfunction getDefaultKeySuggestion(\n  value: string,\n  valueNeedsEscaping: boolean = false,\n): FilterFieldSuggestionProps {\n  // Check if the value starts and ends with a quote.\n  const match = /^\"(.+)(?<!\\\\)\"$/.exec(value);\n  const textValue = match ? match[1] : value;\n\n  return {\n    trailing: ' ',\n    suggestionType: 'hint-useAsKey',\n    value: valueNeedsEscaping ? `\"${value}\"` : value,\n    id: 'strato-filterfield-suggestion-use-as-key',\n    displayValue: (\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.useAsKey}\n        values={{\n          value: (\n            <>\n              &nbsp;<mark>{textValue}</mark>&nbsp;\n            </>\n          ),\n        }}\n      />\n    ),\n  };\n}\n\nfunction getJSONPathKeySuggestion(\n  key: string,\n  valueType: FilterFieldPrimitive | (string & {}) = 'Any',\n): FilterFieldSuggestionProps {\n  return {\n    value: `${key}$.`,\n    icon: getIconForValueType(valueType),\n    trailing: '',\n    suggestionType: 'JSONPath',\n    cursorBeforeTrailing: true,\n    details: (\n      <FormattedMessage\n        defaultMessage=\"Filter JSON attributes\"\n        description=\"Details shown for JSONPath key suggestions.\"\n        id=\"/SFvkA0WT3AVdLhH\"\n      />\n    ),\n    insertionStrategy: 'replace-statement',\n  };\n}\n"],
-  "mappings": "AAihBa,SAkDD,UAlDC,KAkDD,YAlDC;AAhhBb,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA0B;AAOnC,SAAS,2BAA2B;AAgBpC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kCAAkC;AAOpC,MAAM,2BACX;AAMF,MAAM,yBAAyB,CAAC,IAAI,KAAK,MAAM,MAAM,KAAK;AAC1D,MAAM,wBAAwB,CAAC,UAC7B,uBAAuB,SAAS,KAAK;AAahC,SAAS,kBACd,sBACA,kBAA6C,CAAC,GAC9C,aACA,KACA,cACsB;AACtB,QAAM,2BAA2B,sBAAsB;AACvD,MAAI,YAAY,cAAc,aAAa;AAC3C,QAAM,mBAAmB,UAAU,SAAS,GAAG;AAI/C,QAAM,yBACJ,UAAU,kBAAkB,MAAM,QAClC,UAAU,kBAAkB,MAAM;AAEpC,MAAI,aAAa,0BAA0B,OAAO,cAAc;AAC9D,gBAAY,IACT,MAAM,aAAa,MAAM,MAAM,aAAa,MAAM,EAAE,EACpD,SAAS;AAAA,EACd;AAGA,MAAI,CAAC,sBAAsB;AACzB,QACE,aACA,CAAC,4BACD,CAAC,oBACD,CAAC,sBAAsB,SAAS,GAChC;AACA,aAAO;AAAA,QACL;AAAA,UACE,IAAI;AAAA,UACJ,aAAa;AAAA,YACX,wBAAwB,WAAW,sBAAsB;AAAA,UAC3D;AAAA,QACF;AAAA,MACF;AAAA,IACF,WAAW,CAAC,aAAa,CAAC,0BAA0B;AAClD,aAAO;AAAA,QACL,EAAE,IAAI,cAAc,aAAa,CAAC,yBAAyB,KAAK,CAAC,EAAE;AAAA,MACrE;AAAA,IACF;AACA,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,EAAE,OAAO,WAAW,IAAI,qBAAqB;AAMnD,QAAM,iBAAiB,oBAAI,IAA0C;AACrE,QAAM,SAA+B,CAAC;AAEtC,MAAI,6BAA6B;AAGjC,aAAW,CAAC,KAAK,MAAM,KAAK,OAAO;AACjC,QAAI,QAAQ,WAAW;AACrB,mCAA6B;AAAA,IAC/B;AAOA,QAAI;AAEJ,QAAI,OAAO,WAAW;AACpB,6BAAuB,mBAAmB,EAAE,MAAM,OAAO,UAAU,CAAC;AAAA,IACtE,WAAW,OAAO,gBAAgB;AAChC,6BAAuB,mBAAmB,OAAO,cAAc;AAAA,IACjE,OAAO;AACL,6BAAuB;AAAA,QACrB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,OAAO,CAAC,KAAK;AAAA,MACf;AAAA,IACF;AACA,UAAM,EAAE,gBAAgB,iBAAiB,IAAI;AAC7C,UAAM,eAAe,OAAO;AAC5B,UAAM,UAAU,OAAO;AAEvB,QAAI;AAIJ,QAAI,mBAAmB,YAAY;AACjC,sBAAgB,yBAAyB,KAAK,cAAc;AAAA,IAC9D,WAAW,MAAM,QAAQ,cAAc,GAAG;AACxC,sBAAgB,eAAe,IAAI,CAAC,SAAS;AAC3C,YAAI,SAAS,YAAY;AACvB,iBAAO,yBAAyB,KAAK,IAAI;AAAA,QAC3C;AAEA,eAAO;AAAA,UACL,OAAO;AAAA,UACP,MAAM,oBAAoB,IAAI;AAAA,UAC9B,gBAAgB;AAAA,UAChB;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,WAAW,oBAAoB,MAAM,QAAQ,OAAO,cAAc,GAAG;AAGnE,sBAAgB;AAAA,QACd,OAAO;AAAA,QACP,MAAM,oBAAoB,KAAK;AAAA,QAC/B,gBAAgB;AAAA,MAClB;AAAA,IACF,OAAO;AACL,sBAAgB;AAAA,QACd,OAAO;AAAA,QACP,MAAM,oBAAoB,gBAAgB,WAAW;AAAA,QACrD,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,iBAAiB,MAAM,QAAQ,aAAa,IAC9C,gBACA,CAAC,aAAa;AAElB,UAAM,QAAQ,WAAW,IAAI,GAAG;AAEhC,QAAI,UAAU,QAAW;AACvB;AAAA,IACF;AAEA,QAAI,aAAa,eAAe,IAAI,MAAM,EAAE;AAE5C,QAAI,CAAC,YAAY;AACf,mBAAa;AAAA,QACX,IAAI,MAAM;AAAA,QACV,OAAO,MAAM;AAAA,QACb,cAAc,MAAM,YAAY;AAAA,QAChC,aAAa,CAAC;AAAA,MAChB;AACA,qBAAe,IAAI,MAAM,IAAI,UAAU;AACvC,aAAO,KAAK,UAAU;AAAA,IACxB;AAEA,eAAW,YAAY,KAAK,GAAG,cAAc;AAAA,EAC/C;AAOA,QAAM,yBACJ,cAAc,SAAS,cACtB,cAAc,SAAS,WACtB,yBAAyB,KAAK,cAAc,aAAa,EAAE;AAE/D,MACE,aACA,CAAC,4BACD,CAAC,8BACD,CAAC,sBAAsB,SAAS,MAC/B,CAAC,oBAAoB,gBAAgB,SAAS,eAAe,MAC9D,CAAC,wBACD;AACA,UAAM,qBAAqB;AAAA,MACzB;AAAA,MACA;AAAA,IACF;AACA,UAAM,YAAY,OAAO,GAAG,EAAE;AAE9B,QAAI,WAAW,GAAG,WAAW,GAAG,YAAY,YAAY,GAAG;AAEzD,gBAAU,YAAY,KAAK,kBAAkB;AAAA,IAC/C,OAAO;AAEL,aAAO,KAAK;AAAA,QACV,IAAI,GAAG,YAAY,aAAa,OAAO,MAAM;AAAA,QAC7C,aAAa,CAAC,kBAAkB;AAAA,MAClC,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAGO,SAAS,qBACd,SACA,kBACA,cACA,iBACA,gBAC8B;AAC9B,MAAI,gBAAgB;AAClB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,YAAY,aAAa;AAC/B,QAAM,EAAE,MAAM,IAAI;AAElB,MACG,kBAAkB,uBAAuB,UACxC,iBAAiB,mBAAmB,SAAS,oBAC9C,kBAAkB,oBAAoB,SAAS,oBAC9C,UAAU,IACZ;AACA,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,aAAa,QAAQ,MAAM,IAAI,SAAS,MAAM;AAEpD,MAAI,cAAc,sBAAsB,SAAS,GAAG;AAClD,WAAO,CAAC,oBAAoB,CAAC;AAAA,EAC/B,YACG,gBAAgB,SAAS,KAAK,KAC7B,gBAAgB,SAAS,OAAO,KAChC,gBAAgB,SAAS,eAAe,MAC1C,EACE,aAAa,SAAS,cACrB,aAAa,SAAS,WACrB,yBAAyB,KAAK,aAAa,SAAS,KACpD,CAAC,aAAa,UAAU,SAAS,GAAG,IAExC;AACA,WAAO,CAAC,oBAAoB,SAAS,CAAC;AAAA,EACxC;AAEA,SAAO,CAAC;AACV;AAGO,SAAS,0BACd,cACA,iBACA,cACA,4BAC8B;AAC9B,MAAI,CAAC,gBAAgB,aAAa,WAAW,GAAG;AAC9C,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,cAA4C,CAAC;AAEnD,MAAI,gBAAgB,SAAS,KAAK,KAAK,UAAU,IAAI;AACnD,UAAM,YAAY,aAAa;AAC/B,eAAW,OAAO,cAAc;AAC9B,UAAI,MAAM,QAAQ,IAAI,mBAAmB,GAAG;AAC1C,mBAAW,YAAY,IAAI,qBAAqB;AAC9C,gBAAM,wBAAwB;AAAA,YAC5B,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,UACF;AAIA,cACE,EACE,aAAa,YACb,4BAA4B;AAAA,YAC1B,CAAC,wBACC,oBAAoB,UAAU,sBAAsB;AAAA,UACxD,IAEF;AACA,wBAAY,KAAK,qBAAqB;AAAA,UACxC;AAAA,QACF;AAAA,MACF,OAAO;AACL,oBAAY;AAAA,UACV,yBAAyB,IAAI,OAAO,kBAAkB,SAAS;AAAA,QACjE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAGO,SAAS,8BACd,cACA,iBACA,wBAC8B;AAC9B,QAAM,EAAE,UAAU,IAAI;AAEtB,MACE,CAAC,0BACD,CAAC,gBAAgB,SAAS,KAAK,KAC/B,cAAc,IACd;AACA,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,cAA4C,CAAC;AAGnD,MAAI,uBAAuB,OAAO,OAAO,GAAG;AAE1C,eAAW,CAAC,OAAO,IAAI,KAAK,uBAAuB,OAAO,QAAQ,GAAG;AACnE,UAAI,MAAM,SAAS,SAAS,GAAG;AAC7B,mBAAW,OAAO,MAAM;AACtB,sBAAY,KAAK,uCAAuC,KAAK,KAAK,CAAC;AAAA,QACrE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,MAAI,uBAAuB,UAAU,OAAO,GAAG;AAE7C,eAAW,CAAC,KAAK,IAAI,KAAK,uBAAuB,UAAU,QAAQ,GAAG;AACpE,UAAI,KAAK,YAAY,GAAG;AACtB,oBAAY;AAAA,UACV,uCAAuC,KAAK,aAAa,SAAS;AAAA,QACpE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAKO,SAAS,0BACd,cACoC;AACpC,MACE,CAAC,gBACD,MAAM,QAAQ,aAAa,aAAa,KACxC,CAAC,aAAa,eACd;AACA,WAAO;AAAA,EACT;AAEA,QAAM,YAAsC,oBAAI,IAAsB;AACtE,QAAM,eAA2C,oBAAI,IAGnD;AAEF,aAAW,CAAC,KAAK,YAAY,KAAK,OAAO;AAAA,IACvC,aAAa;AAAA,EACf,GAAG;AACD,QAAI,CAAC,2CAA2C,YAAY,GAAG;AAC7D,UAAI,OAAO,aAAa,iCAAiC,YAAY;AACnE,qBAAa,IAAI,KAAK,aAAa,4BAA4B;AAAA,MACjE,WACE,aAAa,gCACb,aAAa,gBACb;AACA,cAAM,iBAAiB,aAAa;AAGpC,YAAI,MAAM,QAAQ,cAAc,GAAG;AACjC,qBAAW,SAAS,gBAAgB;AAClC,gBAAI,CAAC,wCAAwC,KAAK,GAAG;AACnD,mCAAqB,WAAW,KAAK,KAAK;AAAA,YAC5C;AAAA,UACF;AAAA,QACF,WACE,kBACA,OAAO,mBAAmB,cAC1B,CAAC,wCAAwC,cAAc,GACvD;AAEA,+BAAqB,WAAW,KAAK,cAAc;AAAA,QACrD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,UAAU,OAAO,KAAK,aAAa,OAAO,IAC7C,EAAE,QAAQ,WAAW,WAAW,aAAa,IAC7C;AACN;AAEA,SAAS,qBACP,WACA,KACA,OACA;AACA,MAAI,CAAC,2CAA2C,KAAK,GAAG;AACtD,UAAM,cAAsB,2BAA2B,KAAK;AAE5D,UAAM,eAAe,UAAU,IAAI,WAAW,KAAK,CAAC;AACpD,QAAI,CAAC,aAAa,SAAS,GAAG,GAAG;AAC/B,gBAAU,IAAI,aAAa,CAAC,GAAG,cAAc,GAAG,CAAC;AAAA,IACnD;AAAA,EACF;AACF;AAKO,SAAS,gBACd,cAC0B;AAC1B,MAAI,CAAC,gBAAgB,MAAM,QAAQ,aAAa,aAAa,GAAG;AAC9D,WAAO;AAAA,EACT;AAEA,QAAM,OAAqB,CAAC;AAE5B,aAAW,OAAO,aAAa,eAAe;AAC5C,UAAM,eAAe,aAAa,cAAc,GAAG;AACnD,QACE,CAAC,2CAA2C,YAAY,KACxD,aAAa,aACb;AACA,WAAK,KAAK;AAAA,QACR,OAAO;AAAA,QACP,qBAAqB,MAAM,QAAQ,aAAa,WAAW,IACvD,aAAa,cACb;AAAA,MACN,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO,KAAK,SAAS,IAAI,OAAO;AAClC;AAEA,SAAS,qBACP,MACA,aACA;AACA,aAAW,CAAC,UAAU,UAAU,KAAK,OAAO,QAAQ,WAAW,GAAG;AAChE,QACE,aAAa,QACb,OAAO,eAAe,YACtB,WAAW,SAAS,QACpB;AACA,aAAO,WAAW;AAAA,IACpB;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,oBACP,MACA,aACA;AACA,UAAQ,MAAM;AAAA,IACZ,KAAK,UAAU;AACb,aAAO,oBAAC,eAAY;AAAA,IACtB;AAAA,IACA,KAAK,WAAW;AACd,aAAO,oBAAC,eAAY;AAAA,IACtB;AAAA,IACA,KAAK,YAAY;AACf,aAAO,oBAAC,iBAAc;AAAA,IACxB;AAAA,IACA,KAAK,YAAY;AACf,aAAO,oBAAC,YAAS;AAAA,IACnB;AAAA,IACA,KAAK,aAAa;AAChB,aAAO,oBAAC,iBAAc;AAAA,IACxB;AAAA,IACA,KAAK,OAAO;AACV,aAAO,oBAAC,WAAQ;AAAA,IAClB;AAAA,IACA,KAAK,gBAAgB;AACnB,aAAO,oBAAC,WAAQ;AAAA,IAClB;AAAA,IACA,KAAK,aAAa;AAChB,aAAO,oBAAC,aAAU;AAAA,IACpB;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,WAAQ;AAAA,EACpB;AACA,MAAI,aAAa;AACf,WAAO,qBAAqB,MAAM,WAAW;AAAA,EAC/C;AACF;AAEA,SAAS,wBACP,OACA,qBAA8B,OACF;AAE5B,QAAM,QAAQ,kBAAkB,KAAK,KAAK;AAC1C,QAAM,YAAY,QAAQ,MAAM,CAAC,IAAI;AAErC,SAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,OAAO,qBAAqB,IAAI,KAAK,MAAM;AAAA,IAC3C,IAAI;AAAA,IACJ,cACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,oBAAoB,YAAY;AAAA,QACpC,QAAQ;AAAA,UACN,OACE,iCAAE;AAAA;AAAA,YACM,oBAAC,UAAM,qBAAU;AAAA,YAAO;AAAA,aAChC;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,SAAS,yBACP,KACA,YAAkD,OACtB;AAC5B,SAAO;AAAA,IACL,OAAO,GAAG,GAAG;AAAA,IACb,MAAM,oBAAoB,SAAS;AAAA,IACnC,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,SACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,IAAG;AAAA;AAAA,IACL;AAAA,IAEF,mBAAmB;AAAA,EACrB;AACF;",
+  "sourcesContent": ["import type { CompletionContext } from '@codemirror/autocomplete';\nimport { FormattedMessage } from 'react-intl';\n\nimport {\n  AbcIcon,\n  BooleanIcon,\n  ClockIcon,\n  HashtagIcon,\n  IPaddressIcon,\n  JsonIcon,\n  StopwatchIcon,\n  UIDIcon,\n} from '@dynatrace/strato-icons';\n\nimport {\n  getFallbackKeySuggestion,\n  getSearchSuggestion,\n  getStartTypingSuggestion,\n  getStatementSuggestionForMatchingValue,\n} from './shared-suggestions.js';\nimport type { SuggestionGroup } from './suggestion-group-utils.js';\nimport { getValidValueTypes } from './suggestion-type.js';\nimport type {\n  FallbackKeys,\n  FilterStatementFunctionMap,\n  FilterStatementKeysMap,\n  FilterStatementValuesMap,\n} from '../../FilterField.types.js';\nimport { filterFieldMessages } from '../../messages.js';\nimport type { FilterFieldSuggestionProps } from '../../suggestions/Suggestion.types.js';\nimport type { FilterFieldSuggestionType } from '../../types/suggestions.js';\nimport type {\n  FilterFieldLeafNode,\n  FilterFieldStatementNode,\n  FilterFieldValueNode,\n} from '../../types/tree-nodes.js';\nimport type {\n  FilterFieldCustomTypes,\n  FilterFieldPrimitive,\n  FilterFieldValidatorMap,\n  FilterFieldValueMatchFn,\n  FilterFieldValuePredicateItem,\n} from '../../types/validation.js';\nimport type { InternalValidatorMap } from '../validation-utils/normalize-validator-map.js';\nimport { KEY_GROUP_ID } from '../validation-utils/normalize-validator-map.js';\nimport {\n  isFilterFieldValidatorMapTypeSpecification,\n  isFilterFieldValueSuggestionGroupConfig,\n} from '../validation-utils/type-guards.js';\nimport { getValuePredicateTextValue } from '../validation-utils/validation-helper-functions.js';\n\n/**\n * Matches a potential JSONPath (also incomplete ones like `content$.`)\n * https://regex101.com/r/9QQvzF/1\n * @internal\n */\nexport const JSONPATH_PATTERN_PARTIAL =\n  /^(?:\"(?:[^\"\\\\]|\\\\.)*\"|[^\\s\"$]+)\\$(?:(?:\\.(?:[a-zA-Z_][\\w]*|\"(?:[^\"\\\\]|\\\\.)*\")|\\[(?:\\d+|\"(?:[^\"\\\\]|\\\\.)*\")\\])*)/;\n\n/**\n * Text values that represent a search operator at any stage of typing.\n * Used to determine when to show search operator suggestions.\n */\nconst SEARCH_OPERATOR_VALUES = ['', '*', '* ', '*~', '* ~'];\nconst isSearchOperatorValue = (value: string) =>\n  SEARCH_OPERATOR_VALUES.includes(value);\n\n/**\n * The return type of `getKeySuggestions`.\n * An ordered array of suggestion groups in declaration order. Empty groups are omitted.\n * The trailing entry (if present) holds the \"use as key\" hint, merged into the last implicit group.\n */\ntype KeySuggestionsResult = SuggestionGroup<FilterFieldSuggestionProps>[];\n\n/**\n * Lists all defined filter keys\n * @internal\n */\nexport function getKeySuggestions(\n  internalValidatorMap: InternalValidatorMap | undefined,\n  suggestionTypes: FilterFieldSuggestionType = [],\n  customTypes?: FilterFieldCustomTypes,\n  doc?: string,\n  currentToken?: FilterFieldValueNode,\n): KeySuggestionsResult {\n  const validatorMapIsExhaustive = internalValidatorMap?.exhaustive;\n  let textValue = currentToken?.textValue ?? '';\n  const hasTrailingSpace = textValue.endsWith(' ');\n\n  // ORs and ANDs require a special handling. Once we detect a logical operator,\n  // we get the actual text value (instead of what's in the token).\n  const textValueNeedsEscaping =\n    textValue.toLocaleLowerCase() === 'or' ||\n    textValue.toLocaleLowerCase() === 'and';\n\n  if (textValue && textValueNeedsEscaping && doc && currentToken) {\n    textValue = doc\n      .slice(currentToken.range.from, currentToken.range.to)\n      .toString();\n  }\n\n  // No validator map \u2014 use-as-key / start-typing suggestion in the default group.\n  if (!internalValidatorMap) {\n    if (\n      textValue &&\n      !validatorMapIsExhaustive &&\n      !hasTrailingSpace &&\n      !isSearchOperatorValue(textValue)\n    ) {\n      return [\n        {\n          id: KEY_GROUP_ID,\n          suggestions: [\n            getDefaultKeySuggestion(textValue, textValueNeedsEscaping),\n          ],\n        },\n      ];\n    } else if (!textValue && !validatorMapIsExhaustive) {\n      return [\n        { id: KEY_GROUP_ID, suggestions: [getStartTypingSuggestion('key')] },\n      ];\n    }\n    return [];\n  }\n\n  const { byKey, keyToGroup } = internalValidatorMap.normalizedKeys;\n\n  // Result is built lazily: a group entry is only created when its first suggestion\n  // is pushed into it, so empty groups never appear and no filter pass is needed.\n  // Declaration order is preserved because byKey is populated in declaration order\n  // during normalization.\n  const groupEntryById = new Map<string, KeySuggestionsResult[number]>();\n  const result: KeySuggestionsResult = [];\n\n  let suggestionMatchesTextValue = false;\n\n  // Iterate over all key suggestions and push them directly into the correct group.\n  for (const [key, config] of byKey) {\n    if (key === textValue) {\n      suggestionMatchesTextValue = true;\n    }\n\n    // Determine the icon type: an explicit valueType takes precedence to avoid\n    // iterating over all valuePredicate entries. Fall back to valuePredicate\n    // inference only when no valueType is set.\n    // DEPRECATION: [APPDEV-16872] BREAKING-CHANGE\n    // TODO: Fallback can be removed once the deprecated FilterFieldValidatorMapTypePredicate format is removed and all key predicates use the new explicit valueType.\n    let suggestionTypeResult: ReturnType<typeof getValidValueTypes>;\n\n    if (config.valueType) {\n      suggestionTypeResult = getValidValueTypes({ type: config.valueType });\n    } else if (config.valuePredicate) {\n      suggestionTypeResult = getValidValueTypes(config.valuePredicate);\n    } else {\n      suggestionTypeResult = {\n        suggestionType: 'Any',\n        hasLiteralValues: false,\n        types: ['Any'],\n      };\n    }\n    const { suggestionType, hasLiteralValues } = suggestionTypeResult;\n    const displayValue = config.displayValue;\n    const details = config.details;\n\n    let keySuggestion:\n      | FilterFieldSuggestionProps\n      | FilterFieldSuggestionProps[];\n\n    if (suggestionType === 'JSONPath') {\n      // JSONPath key suggestions intentionally use their built-in details text.\n      keySuggestion = getJSONPathKeySuggestion(key, suggestionType);\n    } else if (Array.isArray(suggestionType)) {\n      keySuggestion = suggestionType.map((type) => {\n        if (type === 'JSONPath') {\n          // JSONPath key suggestions intentionally use their built-in details text.\n          return getJSONPathKeySuggestion(key, type);\n        }\n\n        return {\n          value: key,\n          icon: getIconForValueType(type),\n          suggestionType: 'validatorMap' as const,\n          displayValue,\n          details,\n        };\n      });\n    } else if (hasLiteralValues && Array.isArray(config.valuePredicate)) {\n      // Valid values are defined in an array. We don't loop over the whole\n      // array to infer the type, but just use 'Any'.\n      keySuggestion = {\n        value: key,\n        icon: getIconForValueType('Any'),\n        suggestionType: 'validatorMap',\n        displayValue,\n        details,\n      };\n    } else {\n      keySuggestion = {\n        value: key,\n        icon: getIconForValueType(suggestionType, customTypes),\n        suggestionType: 'validatorMap' as const,\n        displayValue,\n        details,\n      };\n    }\n\n    const keySuggestions = Array.isArray(keySuggestion)\n      ? keySuggestion\n      : [keySuggestion];\n\n    const group = keyToGroup.get(key);\n\n    if (group === undefined) {\n      continue;\n    }\n\n    let groupEntry = groupEntryById.get(group.id);\n\n    if (!groupEntry) {\n      groupEntry = {\n        id: group.id,\n        label: group.label,\n        'aria-label': group['aria-label'],\n        suggestions: [],\n      };\n      groupEntryById.set(group.id, groupEntry);\n      result.push(groupEntry);\n    }\n\n    groupEntry.suggestions.push(...keySuggestions);\n  }\n\n  // Append \"use as key\" suggestion so it always appears last, after all named groups.\n  // It is merged into the last implicit group to avoid rendering a divider between key\n  // suggestions and the fallback. If the last group is explicit, a new implicit group is\n  // created instead.\n  // When the token is a JSONPath expression, only render the JSONPath suggestion and omit the \"use as key\" suggestion.\n  const isJSONPathContinuation =\n    currentToken?.type === 'JSONPath' ||\n    (currentToken?.type === 'Error' &&\n      JSONPATH_PATTERN_PARTIAL.test(currentToken?.textValue ?? ''));\n\n  if (\n    textValue &&\n    !validatorMapIsExhaustive &&\n    !suggestionMatchesTextValue &&\n    !isSearchOperatorValue(textValue) &&\n    (!hasTrailingSpace || suggestionTypes.includes('pastedContent')) &&\n    !isJSONPathContinuation\n  ) {\n    const trailingSuggestion = getDefaultKeySuggestion(\n      textValue,\n      textValueNeedsEscaping,\n    );\n    const lastGroup = result.at(-1);\n\n    if (lastGroup?.id.startsWith(`${KEY_GROUP_ID}-implicit-`)) {\n      // Merge into the last implicit group.\n      lastGroup.suggestions.push(trailingSuggestion);\n    } else {\n      // Last group is explicit; create new implicit group to render the divider.\n      result.push({\n        id: `${KEY_GROUP_ID}-implicit-${result.length}`,\n        suggestions: [trailingSuggestion],\n      });\n    }\n  }\n\n  return result;\n}\n\n/** @internal */\nexport function getSearchSuggestions(\n  context: CompletionContext,\n  currentStatement: FilterFieldStatementNode | undefined,\n  currentToken: FilterFieldValueNode,\n  suggestionTypes: FilterFieldSuggestionType,\n  isInsideAGroup: boolean,\n): FilterFieldSuggestionProps[] {\n  if (isInsideAGroup) {\n    return [];\n  }\n\n  const textValue = currentToken.textValue;\n  const { value } = currentToken;\n\n  if (\n    (currentStatement?.comparisonOperator !== undefined &&\n      currentStatement.comparisonOperator.type !== 'SearchOperator') ||\n    (currentStatement?.comparisonOperator?.type === 'SearchOperator' &&\n      value === '')\n  ) {\n    return [];\n  }\n\n  const emptyInput = context.state.doc.toString() === '';\n\n  if (emptyInput || isSearchOperatorValue(textValue)) {\n    return [getSearchSuggestion()];\n  } else if (\n    (suggestionTypes.includes('key') ||\n      suggestionTypes.includes('value') ||\n      suggestionTypes.includes('pastedContent')) &&\n    !(\n      currentToken.type === 'JSONPath' ||\n      (currentToken.type === 'Error' &&\n        JSONPATH_PATTERN_PARTIAL.exec(currentToken.textValue) &&\n        !currentToken.textValue.endsWith('$'))\n    )\n  ) {\n    return [getSearchSuggestion(textValue)];\n  }\n\n  return [];\n}\n\n/** @internal */\nexport function getFallbackKeySuggestions(\n  currentToken: FilterFieldValueNode,\n  suggestionTypes: FilterFieldSuggestionType,\n  fallbackKeys?: FallbackKeys,\n  filterStatementSuggestions?: FilterFieldSuggestionProps[],\n): FilterFieldSuggestionProps[] {\n  if (!fallbackKeys || fallbackKeys.length === 0) {\n    return [];\n  }\n\n  const { value } = currentToken;\n  const suggestions: FilterFieldSuggestionProps[] = [];\n\n  if (suggestionTypes.includes('key') && value !== '') {\n    const textValue = currentToken.textValue;\n    for (const key of fallbackKeys) {\n      if (Array.isArray(key.comparisonOperators)) {\n        for (const operator of key.comparisonOperators) {\n          const fallbackKeySuggestion = getFallbackKeySuggestion(\n            key.value,\n            operator,\n            textValue,\n          );\n\n          // Only add the fallback key suggestion if there isn't already a suggestion for the same statement\n          // coming from the statement suggestions.\n          if (\n            !(\n              operator === 'equals' &&\n              filterStatementSuggestions?.some(\n                (statementSuggestion) =>\n                  statementSuggestion.value === fallbackKeySuggestion.value,\n              )\n            )\n          ) {\n            suggestions.push(fallbackKeySuggestion);\n          }\n        }\n      } else {\n        suggestions.push(\n          getFallbackKeySuggestion(key.value, 'matches-phrase', textValue),\n        );\n      }\n    }\n  }\n\n  return suggestions;\n}\n\n/** @internal */\nexport function getFilterStatementSuggestions(\n  currentToken: FilterFieldLeafNode,\n  suggestionTypes: FilterFieldSuggestionType,\n  filterStatementKeysMap?: FilterStatementKeysMap,\n): FilterFieldSuggestionProps[] {\n  const { textValue } = currentToken;\n\n  if (\n    !filterStatementKeysMap ||\n    !suggestionTypes.includes('key') ||\n    textValue === ''\n  ) {\n    return [];\n  }\n\n  const suggestions: FilterFieldSuggestionProps[] = [];\n\n  // Match the current value against the keys map\n  if (filterStatementKeysMap.values.size > 0) {\n    // Loop through the map and check if the current value matches any values in the map (also partial matches, case-insensitive)\n    const lowerTextValue = textValue.toLowerCase();\n    for (const [value, keys] of filterStatementKeysMap.values.entries()) {\n      if (value.toLowerCase().includes(lowerTextValue)) {\n        for (const key of keys) {\n          suggestions.push(getStatementSuggestionForMatchingValue(key, value));\n        }\n      }\n    }\n  }\n\n  if (filterStatementKeysMap.functions.size > 0) {\n    // Loop through the functions map and check if the function returns true for the current value\n    for (const [key, func] of filterStatementKeysMap.functions.entries()) {\n      if (func(currentToken)) {\n        suggestions.push(\n          getStatementSuggestionForMatchingValue(key, currentToken.textValue),\n        );\n      }\n    }\n  }\n\n  return suggestions;\n}\n\n/**\n * @internal\n */\nexport function getFilterStatementKeysMap(\n  validatorMap?: FilterFieldValidatorMap,\n): FilterStatementKeysMap | undefined {\n  if (\n    !validatorMap ||\n    Array.isArray(validatorMap.keyPredicates) ||\n    !validatorMap.keyPredicates\n  ) {\n    return undefined;\n  }\n\n  const valuesMap: FilterStatementValuesMap = new Map<string, string[]>();\n  const functionsMap: FilterStatementFunctionMap = new Map<\n    string,\n    FilterFieldValueMatchFn\n  >();\n\n  for (const [key, keyPredicate] of Object.entries(\n    validatorMap.keyPredicates,\n  )) {\n    if (!isFilterFieldValidatorMapTypeSpecification(keyPredicate)) {\n      if (typeof keyPredicate.suggestStatementOnValueMatch === 'function') {\n        functionsMap.set(key, keyPredicate.suggestStatementOnValueMatch);\n      } else if (\n        keyPredicate.suggestStatementOnValueMatch &&\n        keyPredicate.valuePredicate\n      ) {\n        const valuePredicate = keyPredicate.valuePredicate;\n\n        // If valuePredicate is an array of literal values add each of them to the valuesMap with the corresponding key.\n        if (Array.isArray(valuePredicate)) {\n          for (const value of valuePredicate) {\n            if (!isFilterFieldValueSuggestionGroupConfig(value)) {\n              addKeyValuePairToMap(valuesMap, key, value);\n            }\n          }\n        } else if (\n          valuePredicate &&\n          typeof valuePredicate !== 'function' &&\n          !isFilterFieldValueSuggestionGroupConfig(valuePredicate)\n        ) {\n          // The valuePredicate is a single literal value. Add it to the valuesMap with the corresponding key.\n          addKeyValuePairToMap(valuesMap, key, valuePredicate);\n        }\n      }\n    }\n  }\n\n  return valuesMap.size > 0 || functionsMap.size > 0\n    ? { values: valuesMap, functions: functionsMap }\n    : undefined;\n}\n\nfunction addKeyValuePairToMap(\n  valuesMap: Map<string, string[]>,\n  key: string,\n  value: FilterFieldValuePredicateItem,\n) {\n  if (!isFilterFieldValidatorMapTypeSpecification(value)) {\n    const stringValue: string = getValuePredicateTextValue(value);\n\n    const existingKeys = valuesMap.get(stringValue) ?? [];\n    if (!existingKeys.includes(key)) {\n      valuesMap.set(stringValue, [...existingKeys, key]);\n    }\n  }\n}\n\n/**\n * @internal\n */\nexport function getFallbackKeys(\n  validatorMap?: FilterFieldValidatorMap,\n): FallbackKeys | undefined {\n  if (!validatorMap || Array.isArray(validatorMap.keyPredicates)) {\n    return undefined;\n  }\n\n  const keys: FallbackKeys = [];\n\n  for (const key in validatorMap.keyPredicates) {\n    const keyPredicate = validatorMap.keyPredicates[key];\n    if (\n      !isFilterFieldValidatorMapTypeSpecification(keyPredicate) &&\n      keyPredicate.fallbackKey\n    ) {\n      keys.push({\n        value: key,\n        comparisonOperators: Array.isArray(keyPredicate.fallbackKey)\n          ? keyPredicate.fallbackKey\n          : undefined,\n      });\n    }\n  }\n\n  return keys.length > 0 ? keys : undefined;\n}\n\nfunction getIconForCustomType(\n  type: FilterFieldPrimitive | string,\n  customTypes: FilterFieldCustomTypes,\n) {\n  for (const [typeName, customType] of Object.entries(customTypes)) {\n    if (\n      typeName === type &&\n      typeof customType === 'object' &&\n      customType.icon !== undefined\n    ) {\n      return customType.icon;\n    }\n  }\n  return null;\n}\n\nfunction getIconForValueType(\n  type: FilterFieldPrimitive | (string & {}),\n  customTypes?: FilterFieldCustomTypes,\n) {\n  switch (type) {\n    case 'Number': {\n      return <HashtagIcon />;\n    }\n    case 'Boolean': {\n      return <BooleanIcon />;\n    }\n    case 'Duration': {\n      return <StopwatchIcon />;\n    }\n    case 'JSONPath': {\n      return <JsonIcon />;\n    }\n    case 'IPAddress': {\n      return <IPaddressIcon />;\n    }\n    case 'UID': {\n      return <UIDIcon />;\n    }\n    case 'SmartscapeId': {\n      return <UIDIcon />;\n    }\n    case 'Timestamp': {\n      return <ClockIcon />;\n    }\n    case 'String':\n    case 'Any':\n      return <AbcIcon />;\n  }\n  if (customTypes) {\n    return getIconForCustomType(type, customTypes);\n  }\n}\n\nfunction getDefaultKeySuggestion(\n  value: string,\n  valueNeedsEscaping: boolean = false,\n): FilterFieldSuggestionProps {\n  // Check if the value starts and ends with a quote.\n  const match = /^\"(.+)(?<!\\\\)\"$/.exec(value);\n  const textValue = match ? match[1] : value;\n\n  return {\n    trailing: ' ',\n    suggestionType: 'hint-useAsKey',\n    value: valueNeedsEscaping ? `\"${value}\"` : value,\n    id: 'strato-filterfield-suggestion-use-as-key',\n    displayValue: (\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.useAsKey}\n        values={{\n          value: (\n            <>\n              &nbsp;<mark>{textValue}</mark>&nbsp;\n            </>\n          ),\n        }}\n      />\n    ),\n  };\n}\n\nfunction getJSONPathKeySuggestion(\n  key: string,\n  valueType: FilterFieldPrimitive | (string & {}) = 'Any',\n): FilterFieldSuggestionProps {\n  return {\n    value: `${key}$.`,\n    icon: getIconForValueType(valueType),\n    trailing: '',\n    suggestionType: 'JSONPath',\n    cursorBeforeTrailing: true,\n    details: (\n      <FormattedMessage\n        defaultMessage=\"Filter JSON attributes\"\n        description=\"Details shown for JSONPath key suggestions.\"\n        id=\"/SFvkA0WT3AVdLhH\"\n      />\n    ),\n    insertionStrategy: 'replace-statement',\n  };\n}\n"],
+  "mappings": "AAshBa,SAkDD,UAlDC,KAkDD,YAlDC;AArhBb,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA0B;AAOnC,SAAS,2BAA2B;AAgBpC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kCAAkC;AAOpC,MAAM,2BACX;AAMF,MAAM,yBAAyB,CAAC,IAAI,KAAK,MAAM,MAAM,KAAK;AAC1D,MAAM,wBAAwB,CAAC,UAC7B,uBAAuB,SAAS,KAAK;AAahC,SAAS,kBACd,sBACA,kBAA6C,CAAC,GAC9C,aACA,KACA,cACsB;AACtB,QAAM,2BAA2B,sBAAsB;AACvD,MAAI,YAAY,cAAc,aAAa;AAC3C,QAAM,mBAAmB,UAAU,SAAS,GAAG;AAI/C,QAAM,yBACJ,UAAU,kBAAkB,MAAM,QAClC,UAAU,kBAAkB,MAAM;AAEpC,MAAI,aAAa,0BAA0B,OAAO,cAAc;AAC9D,gBAAY,IACT,MAAM,aAAa,MAAM,MAAM,aAAa,MAAM,EAAE,EACpD,SAAS;AAAA,EACd;AAGA,MAAI,CAAC,sBAAsB;AACzB,QACE,aACA,CAAC,4BACD,CAAC,oBACD,CAAC,sBAAsB,SAAS,GAChC;AACA,aAAO;AAAA,QACL;AAAA,UACE,IAAI;AAAA,UACJ,aAAa;AAAA,YACX,wBAAwB,WAAW,sBAAsB;AAAA,UAC3D;AAAA,QACF;AAAA,MACF;AAAA,IACF,WAAW,CAAC,aAAa,CAAC,0BAA0B;AAClD,aAAO;AAAA,QACL,EAAE,IAAI,cAAc,aAAa,CAAC,yBAAyB,KAAK,CAAC,EAAE;AAAA,MACrE;AAAA,IACF;AACA,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,EAAE,OAAO,WAAW,IAAI,qBAAqB;AAMnD,QAAM,iBAAiB,oBAAI,IAA0C;AACrE,QAAM,SAA+B,CAAC;AAEtC,MAAI,6BAA6B;AAGjC,aAAW,CAAC,KAAK,MAAM,KAAK,OAAO;AACjC,QAAI,QAAQ,WAAW;AACrB,mCAA6B;AAAA,IAC/B;AAOA,QAAI;AAEJ,QAAI,OAAO,WAAW;AACpB,6BAAuB,mBAAmB,EAAE,MAAM,OAAO,UAAU,CAAC;AAAA,IACtE,WAAW,OAAO,gBAAgB;AAChC,6BAAuB,mBAAmB,OAAO,cAAc;AAAA,IACjE,OAAO;AACL,6BAAuB;AAAA,QACrB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,OAAO,CAAC,KAAK;AAAA,MACf;AAAA,IACF;AACA,UAAM,EAAE,gBAAgB,iBAAiB,IAAI;AAC7C,UAAM,eAAe,OAAO;AAC5B,UAAM,UAAU,OAAO;AAEvB,QAAI;AAIJ,QAAI,mBAAmB,YAAY;AAEjC,sBAAgB,yBAAyB,KAAK,cAAc;AAAA,IAC9D,WAAW,MAAM,QAAQ,cAAc,GAAG;AACxC,sBAAgB,eAAe,IAAI,CAAC,SAAS;AAC3C,YAAI,SAAS,YAAY;AAEvB,iBAAO,yBAAyB,KAAK,IAAI;AAAA,QAC3C;AAEA,eAAO;AAAA,UACL,OAAO;AAAA,UACP,MAAM,oBAAoB,IAAI;AAAA,UAC9B,gBAAgB;AAAA,UAChB;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH,WAAW,oBAAoB,MAAM,QAAQ,OAAO,cAAc,GAAG;AAGnE,sBAAgB;AAAA,QACd,OAAO;AAAA,QACP,MAAM,oBAAoB,KAAK;AAAA,QAC/B,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,MACF;AAAA,IACF,OAAO;AACL,sBAAgB;AAAA,QACd,OAAO;AAAA,QACP,MAAM,oBAAoB,gBAAgB,WAAW;AAAA,QACrD,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,iBAAiB,MAAM,QAAQ,aAAa,IAC9C,gBACA,CAAC,aAAa;AAElB,UAAM,QAAQ,WAAW,IAAI,GAAG;AAEhC,QAAI,UAAU,QAAW;AACvB;AAAA,IACF;AAEA,QAAI,aAAa,eAAe,IAAI,MAAM,EAAE;AAE5C,QAAI,CAAC,YAAY;AACf,mBAAa;AAAA,QACX,IAAI,MAAM;AAAA,QACV,OAAO,MAAM;AAAA,QACb,cAAc,MAAM,YAAY;AAAA,QAChC,aAAa,CAAC;AAAA,MAChB;AACA,qBAAe,IAAI,MAAM,IAAI,UAAU;AACvC,aAAO,KAAK,UAAU;AAAA,IACxB;AAEA,eAAW,YAAY,KAAK,GAAG,cAAc;AAAA,EAC/C;AAOA,QAAM,yBACJ,cAAc,SAAS,cACtB,cAAc,SAAS,WACtB,yBAAyB,KAAK,cAAc,aAAa,EAAE;AAE/D,MACE,aACA,CAAC,4BACD,CAAC,8BACD,CAAC,sBAAsB,SAAS,MAC/B,CAAC,oBAAoB,gBAAgB,SAAS,eAAe,MAC9D,CAAC,wBACD;AACA,UAAM,qBAAqB;AAAA,MACzB;AAAA,MACA;AAAA,IACF;AACA,UAAM,YAAY,OAAO,GAAG,EAAE;AAE9B,QAAI,WAAW,GAAG,WAAW,GAAG,YAAY,YAAY,GAAG;AAEzD,gBAAU,YAAY,KAAK,kBAAkB;AAAA,IAC/C,OAAO;AAEL,aAAO,KAAK;AAAA,QACV,IAAI,GAAG,YAAY,aAAa,OAAO,MAAM;AAAA,QAC7C,aAAa,CAAC,kBAAkB;AAAA,MAClC,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAGO,SAAS,qBACd,SACA,kBACA,cACA,iBACA,gBAC8B;AAC9B,MAAI,gBAAgB;AAClB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,YAAY,aAAa;AAC/B,QAAM,EAAE,MAAM,IAAI;AAElB,MACG,kBAAkB,uBAAuB,UACxC,iBAAiB,mBAAmB,SAAS,oBAC9C,kBAAkB,oBAAoB,SAAS,oBAC9C,UAAU,IACZ;AACA,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,aAAa,QAAQ,MAAM,IAAI,SAAS,MAAM;AAEpD,MAAI,cAAc,sBAAsB,SAAS,GAAG;AAClD,WAAO,CAAC,oBAAoB,CAAC;AAAA,EAC/B,YACG,gBAAgB,SAAS,KAAK,KAC7B,gBAAgB,SAAS,OAAO,KAChC,gBAAgB,SAAS,eAAe,MAC1C,EACE,aAAa,SAAS,cACrB,aAAa,SAAS,WACrB,yBAAyB,KAAK,aAAa,SAAS,KACpD,CAAC,aAAa,UAAU,SAAS,GAAG,IAExC;AACA,WAAO,CAAC,oBAAoB,SAAS,CAAC;AAAA,EACxC;AAEA,SAAO,CAAC;AACV;AAGO,SAAS,0BACd,cACA,iBACA,cACA,4BAC8B;AAC9B,MAAI,CAAC,gBAAgB,aAAa,WAAW,GAAG;AAC9C,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,EAAE,MAAM,IAAI;AAClB,QAAM,cAA4C,CAAC;AAEnD,MAAI,gBAAgB,SAAS,KAAK,KAAK,UAAU,IAAI;AACnD,UAAM,YAAY,aAAa;AAC/B,eAAW,OAAO,cAAc;AAC9B,UAAI,MAAM,QAAQ,IAAI,mBAAmB,GAAG;AAC1C,mBAAW,YAAY,IAAI,qBAAqB;AAC9C,gBAAM,wBAAwB;AAAA,YAC5B,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,UACF;AAIA,cACE,EACE,aAAa,YACb,4BAA4B;AAAA,YAC1B,CAAC,wBACC,oBAAoB,UAAU,sBAAsB;AAAA,UACxD,IAEF;AACA,wBAAY,KAAK,qBAAqB;AAAA,UACxC;AAAA,QACF;AAAA,MACF,OAAO;AACL,oBAAY;AAAA,UACV,yBAAyB,IAAI,OAAO,kBAAkB,SAAS;AAAA,QACjE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAGO,SAAS,8BACd,cACA,iBACA,wBAC8B;AAC9B,QAAM,EAAE,UAAU,IAAI;AAEtB,MACE,CAAC,0BACD,CAAC,gBAAgB,SAAS,KAAK,KAC/B,cAAc,IACd;AACA,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,cAA4C,CAAC;AAGnD,MAAI,uBAAuB,OAAO,OAAO,GAAG;AAE1C,UAAM,iBAAiB,UAAU,YAAY;AAC7C,eAAW,CAAC,OAAO,IAAI,KAAK,uBAAuB,OAAO,QAAQ,GAAG;AACnE,UAAI,MAAM,YAAY,EAAE,SAAS,cAAc,GAAG;AAChD,mBAAW,OAAO,MAAM;AACtB,sBAAY,KAAK,uCAAuC,KAAK,KAAK,CAAC;AAAA,QACrE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,MAAI,uBAAuB,UAAU,OAAO,GAAG;AAE7C,eAAW,CAAC,KAAK,IAAI,KAAK,uBAAuB,UAAU,QAAQ,GAAG;AACpE,UAAI,KAAK,YAAY,GAAG;AACtB,oBAAY;AAAA,UACV,uCAAuC,KAAK,aAAa,SAAS;AAAA,QACpE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAKO,SAAS,0BACd,cACoC;AACpC,MACE,CAAC,gBACD,MAAM,QAAQ,aAAa,aAAa,KACxC,CAAC,aAAa,eACd;AACA,WAAO;AAAA,EACT;AAEA,QAAM,YAAsC,oBAAI,IAAsB;AACtE,QAAM,eAA2C,oBAAI,IAGnD;AAEF,aAAW,CAAC,KAAK,YAAY,KAAK,OAAO;AAAA,IACvC,aAAa;AAAA,EACf,GAAG;AACD,QAAI,CAAC,2CAA2C,YAAY,GAAG;AAC7D,UAAI,OAAO,aAAa,iCAAiC,YAAY;AACnE,qBAAa,IAAI,KAAK,aAAa,4BAA4B;AAAA,MACjE,WACE,aAAa,gCACb,aAAa,gBACb;AACA,cAAM,iBAAiB,aAAa;AAGpC,YAAI,MAAM,QAAQ,cAAc,GAAG;AACjC,qBAAW,SAAS,gBAAgB;AAClC,gBAAI,CAAC,wCAAwC,KAAK,GAAG;AACnD,mCAAqB,WAAW,KAAK,KAAK;AAAA,YAC5C;AAAA,UACF;AAAA,QACF,WACE,kBACA,OAAO,mBAAmB,cAC1B,CAAC,wCAAwC,cAAc,GACvD;AAEA,+BAAqB,WAAW,KAAK,cAAc;AAAA,QACrD;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,UAAU,OAAO,KAAK,aAAa,OAAO,IAC7C,EAAE,QAAQ,WAAW,WAAW,aAAa,IAC7C;AACN;AAEA,SAAS,qBACP,WACA,KACA,OACA;AACA,MAAI,CAAC,2CAA2C,KAAK,GAAG;AACtD,UAAM,cAAsB,2BAA2B,KAAK;AAE5D,UAAM,eAAe,UAAU,IAAI,WAAW,KAAK,CAAC;AACpD,QAAI,CAAC,aAAa,SAAS,GAAG,GAAG;AAC/B,gBAAU,IAAI,aAAa,CAAC,GAAG,cAAc,GAAG,CAAC;AAAA,IACnD;AAAA,EACF;AACF;AAKO,SAAS,gBACd,cAC0B;AAC1B,MAAI,CAAC,gBAAgB,MAAM,QAAQ,aAAa,aAAa,GAAG;AAC9D,WAAO;AAAA,EACT;AAEA,QAAM,OAAqB,CAAC;AAE5B,aAAW,OAAO,aAAa,eAAe;AAC5C,UAAM,eAAe,aAAa,cAAc,GAAG;AACnD,QACE,CAAC,2CAA2C,YAAY,KACxD,aAAa,aACb;AACA,WAAK,KAAK;AAAA,QACR,OAAO;AAAA,QACP,qBAAqB,MAAM,QAAQ,aAAa,WAAW,IACvD,aAAa,cACb;AAAA,MACN,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO,KAAK,SAAS,IAAI,OAAO;AAClC;AAEA,SAAS,qBACP,MACA,aACA;AACA,aAAW,CAAC,UAAU,UAAU,KAAK,OAAO,QAAQ,WAAW,GAAG;AAChE,QACE,aAAa,QACb,OAAO,eAAe,YACtB,WAAW,SAAS,QACpB;AACA,aAAO,WAAW;AAAA,IACpB;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,oBACP,MACA,aACA;AACA,UAAQ,MAAM;AAAA,IACZ,KAAK,UAAU;AACb,aAAO,oBAAC,eAAY;AAAA,IACtB;AAAA,IACA,KAAK,WAAW;AACd,aAAO,oBAAC,eAAY;AAAA,IACtB;AAAA,IACA,KAAK,YAAY;AACf,aAAO,oBAAC,iBAAc;AAAA,IACxB;AAAA,IACA,KAAK,YAAY;AACf,aAAO,oBAAC,YAAS;AAAA,IACnB;AAAA,IACA,KAAK,aAAa;AAChB,aAAO,oBAAC,iBAAc;AAAA,IACxB;AAAA,IACA,KAAK,OAAO;AACV,aAAO,oBAAC,WAAQ;AAAA,IAClB;AAAA,IACA,KAAK,gBAAgB;AACnB,aAAO,oBAAC,WAAQ;AAAA,IAClB;AAAA,IACA,KAAK,aAAa;AAChB,aAAO,oBAAC,aAAU;AAAA,IACpB;AAAA,IACA,KAAK;AAAA,IACL,KAAK;AACH,aAAO,oBAAC,WAAQ;AAAA,EACpB;AACA,MAAI,aAAa;AACf,WAAO,qBAAqB,MAAM,WAAW;AAAA,EAC/C;AACF;AAEA,SAAS,wBACP,OACA,qBAA8B,OACF;AAE5B,QAAM,QAAQ,kBAAkB,KAAK,KAAK;AAC1C,QAAM,YAAY,QAAQ,MAAM,CAAC,IAAI;AAErC,SAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,OAAO,qBAAqB,IAAI,KAAK,MAAM;AAAA,IAC3C,IAAI;AAAA,IACJ,cACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,oBAAoB,YAAY;AAAA,QACpC,QAAQ;AAAA,UACN,OACE,iCAAE;AAAA;AAAA,YACM,oBAAC,UAAM,qBAAU;AAAA,YAAO;AAAA,aAChC;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,SAAS,yBACP,KACA,YAAkD,OACtB;AAC5B,SAAO;AAAA,IACL,OAAO,GAAG,GAAG;AAAA,IACb,MAAM,oBAAoB,SAAS;AAAA,IACnC,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,SACE;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,IAAG;AAAA;AAAA,IACL;AAAA,IAEF,mBAAmB;AAAA,EACrB;AACF;",
   "names": []
 }

package/esm/filters/filter-field/utils/suggestions-utils/shared-suggestions.js

@@ -78,8 +78,7 @@ function getSearchSuggestion(value) {
         values: {
           value: /* @__PURE__ */ jsxs(Fragment, { children: [
             "\xA0",
-            /* @__PURE__ */ jsx("mark", { children: textValue }),
-            "\xA0"
+            /* @__PURE__ */ jsx("mark", { children: textValue })
           ] })
         }
       }

package/esm/filters/filter-field/utils/suggestions-utils/shared-suggestions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/filter-field/utils/suggestions-utils/shared-suggestions.tsx"],
-  "sourcesContent": ["import { FormattedMessage } from 'react-intl';\n\nimport { MagnifyingGlassIcon, PasteIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from '../../FilterField.sty.js';\nimport { filterFieldMessages } from '../../messages.js';\nimport * as suggestionStyles from '../../suggestions/Suggestion.sty.js';\nimport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from '../../suggestions/Suggestion.types.js';\nimport type {\n  FilterFieldComparisonOperators,\n  FilterFieldPrimitive,\n} from '../../types/validation.js';\nimport { escapeSuggestion } from '../escape-suggestion.js';\nimport { getOperatorShortName } from '../validation-utils/operator-specification.js';\n\n/**\n * @internal\n */\nexport function getNoMatchingSuggestion(\n  valueType: FilterFieldPrimitive = 'Any',\n): FilterFieldSuggestion {\n  return {\n    trailing: '',\n    valueType,\n    displayValue: (\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.noMatchingSuggestions}\n      />\n    ),\n  };\n}\n\n/**\n * @internal\n */\nexport function getStartTypingSuggestion(\n  suggestionType: 'key' | 'value' | 'search phrase',\n  valueType: FilterFieldPrimitive | string = 'Any',\n): FilterFieldSuggestion {\n  return {\n    trailing: '',\n    valueType,\n    suggestionType: 'hint-startTyping',\n    displayValue: (\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.startTyping}\n        values={{\n          suggestionType,\n        }}\n      />\n    ),\n  };\n}\n\n/**\n * @internal\n */\nexport function getPastingSuggestion(\n  valueType: FilterFieldPrimitive = 'Any',\n): FilterFieldSuggestionProps & {\n  [key: `data-strato-filter-field-${string}`]: boolean;\n} {\n  return {\n    trailing: '',\n    valueType,\n    suggestionType: 'pastedContent',\n    id: 'strato-filterfield-suggestion-pasted-content',\n    icon: <PasteIcon />,\n    displayValue: (\n      <FormattedMessage {...filterFieldMessages.suggestions.pasteRaw} />\n    ),\n    'data-strato-filter-field-should-escape-suggestion': true,\n  };\n}\n\n/** @internal */\nexport function getSearchSuggestion(\n  value?: string,\n): FilterFieldSuggestionProps {\n  if (value === undefined) {\n    return {\n      value: '* ~ \"',\n      trailing: '\"',\n      cursorBeforeTrailing: true,\n      id: 'strato-filterfield-suggestion-search',\n      displayValue: (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.search}\n          values={{\n            value: false,\n          }}\n        />\n      ),\n      icon: <MagnifyingGlassIcon />,\n      insertionStrategy: 'replace-statement',\n    };\n  }\n\n  // Check if the value starts with a quote and ends with a quote followed by a space.\n  const match = /^\"(.+)(?<!\\\\)\" ?$/.exec(value);\n  const textValue = match ? match[1] : value;\n  const escapedSuggestion = escapeSuggestion(match ? value.trim() : value);\n\n  return {\n    value: `* ~ ${escapedSuggestion}`,\n    id: 'strato-filterfield-suggestion-search',\n    displayValue: (\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.search}\n        values={{\n          value: (\n            <>\n              &nbsp;\n              <mark>{textValue}</mark>\n              &nbsp;\n            </>\n          ),\n        }}\n      />\n    ),\n    icon: <MagnifyingGlassIcon />,\n    insertionStrategy: 'replace-statement',\n  };\n}\n\n/** @internal */\nexport function getFallbackKeySuggestion(\n  key: string,\n  operator: FilterFieldComparisonOperators,\n  value: string,\n): FilterFieldSuggestionProps {\n  // Check if the value starts with a quote and ends with a quote followed by a space.\n  const match = /^\"(.+)(?<!\\\\)\" ?$/.exec(value);\n  const textValue = match ? match[1] : value;\n  const escapedSuggestion = escapeSuggestion(match ? value.trim() : value);\n  const baseOperator = operator.includes('not') ? '!=' : '='; // needed for the wildcard operators\n\n  switch (operator) {\n    case 'in':\n    case 'not in': {\n      return {\n        value: `${key} ${operator} (${escapedSuggestion})`,\n        displayValue: (\n          <span>\n            {key} {operator} (<mark>{textValue}</mark>)\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n    case 'contains':\n    case 'not-contains': {\n      return {\n        value: `${key} ${baseOperator} *${escapedSuggestion}*`,\n        displayValue: (\n          <span>\n            {key} {baseOperator} *<mark>{textValue}</mark>*\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n    case 'starts-with':\n    case 'not-starts-with': {\n      return {\n        value: `${key} ${baseOperator} ${escapedSuggestion}*`,\n        displayValue: (\n          <span>\n            {key} {baseOperator} <mark>{textValue}</mark>*\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n    case 'ends-with':\n    case 'not-ends-with': {\n      return {\n        value: `${key} ${baseOperator} *${escapedSuggestion}`,\n        displayValue: (\n          <span>\n            {key} {baseOperator} *<mark>{textValue}</mark>\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n    default: {\n      const operatorName = getOperatorShortName(operator);\n\n      return {\n        value: `${key} ${operatorName} ${escapedSuggestion}`,\n        displayValue: (\n          <span>\n            {key} {operatorName} <mark>{textValue}</mark>\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n  }\n}\n\n/** @internal */\nexport function getStatementSuggestionForMatchingValue(\n  key: string,\n  value: string,\n): FilterFieldSuggestionProps {\n  const match = /^\"(.+)(?<!\\\\)\" ?$/.exec(value);\n  const textValue = match ? match[1] : value;\n  const escapedSuggestion = escapeSuggestion(match ? value.trim() : value);\n\n  return {\n    value: `${key} = ${escapedSuggestion}`,\n    // Add the class only to the value part as we only want to show highlighting in the value and not the key\n    displayValue: (\n      <span>\n        {key} ={' '}\n        <span className={suggestionStyles.statementSuggestionValue}>\n          {textValue}\n        </span>\n      </span>\n    ),\n    insertionStrategy: 'replace-statement',\n  };\n}\n\n/**\n * @internal\n */\nexport function getJSONPathHint(): FilterFieldSuggestionProps {\n  return {\n    trailing: '',\n    id: 'strato-filterfield-suggestion-jsonpath-hint',\n    suggestionType: 'JSONPath',\n    displayValue: (\n      <span className={styles.suggestionHintContainer}>\n        <FormattedMessage\n          defaultMessage=\"Filter JSON attributes using dot notation. For example: \"\n          description=\"Hint for entering JSONPath syntax in the FilterField.\"\n          id=\"Ua7PnIRWAcErpii9\"\n        />\n        <span className={styles.filterStatementBase}>\n          <span className={styles.filterKey}>content$.key[1].key </span>\n          <span className={styles.operator}>=</span>{' '}\n          <span className={styles.filterValue}>value</span>\n        </span>\n      </span>\n    ),\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { FormattedMessage } from 'react-intl';\n\nimport { MagnifyingGlassIcon, PasteIcon } from '@dynatrace/strato-icons';\n\nimport * as styles from '../../FilterField.sty.js';\nimport { filterFieldMessages } from '../../messages.js';\nimport * as suggestionStyles from '../../suggestions/Suggestion.sty.js';\nimport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from '../../suggestions/Suggestion.types.js';\nimport type {\n  FilterFieldComparisonOperators,\n  FilterFieldPrimitive,\n} from '../../types/validation.js';\nimport { escapeSuggestion } from '../escape-suggestion.js';\nimport { getOperatorShortName } from '../validation-utils/operator-specification.js';\n\n/**\n * @internal\n */\nexport function getNoMatchingSuggestion(\n  valueType: FilterFieldPrimitive = 'Any',\n): FilterFieldSuggestion {\n  return {\n    trailing: '',\n    valueType,\n    displayValue: (\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.noMatchingSuggestions}\n      />\n    ),\n  };\n}\n\n/**\n * @internal\n */\nexport function getStartTypingSuggestion(\n  suggestionType: 'key' | 'value' | 'search phrase',\n  valueType: FilterFieldPrimitive | string = 'Any',\n): FilterFieldSuggestion {\n  return {\n    trailing: '',\n    valueType,\n    suggestionType: 'hint-startTyping',\n    displayValue: (\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.startTyping}\n        values={{\n          suggestionType,\n        }}\n      />\n    ),\n  };\n}\n\n/**\n * @internal\n */\nexport function getPastingSuggestion(\n  valueType: FilterFieldPrimitive = 'Any',\n): FilterFieldSuggestionProps & {\n  [key: `data-strato-filter-field-${string}`]: boolean;\n} {\n  return {\n    trailing: '',\n    valueType,\n    suggestionType: 'pastedContent',\n    id: 'strato-filterfield-suggestion-pasted-content',\n    icon: <PasteIcon />,\n    displayValue: (\n      <FormattedMessage {...filterFieldMessages.suggestions.pasteRaw} />\n    ),\n    'data-strato-filter-field-should-escape-suggestion': true,\n  };\n}\n\n/** @internal */\nexport function getSearchSuggestion(\n  value?: string,\n): FilterFieldSuggestionProps {\n  if (value === undefined) {\n    return {\n      value: '* ~ \"',\n      trailing: '\"',\n      cursorBeforeTrailing: true,\n      id: 'strato-filterfield-suggestion-search',\n      displayValue: (\n        <FormattedMessage\n          {...filterFieldMessages.suggestions.search}\n          values={{\n            value: false,\n          }}\n        />\n      ),\n      icon: <MagnifyingGlassIcon />,\n      insertionStrategy: 'replace-statement',\n    };\n  }\n\n  // Check if the value starts with a quote and ends with a quote followed by a space.\n  const match = /^\"(.+)(?<!\\\\)\" ?$/.exec(value);\n  const textValue = match ? match[1] : value;\n  const escapedSuggestion = escapeSuggestion(match ? value.trim() : value);\n\n  return {\n    value: `* ~ ${escapedSuggestion}`,\n    id: 'strato-filterfield-suggestion-search',\n    displayValue: (\n      <FormattedMessage\n        {...filterFieldMessages.suggestions.search}\n        values={{\n          value: (\n            <>\n              &nbsp;\n              <mark>{textValue}</mark>\n            </>\n          ),\n        }}\n      />\n    ),\n    icon: <MagnifyingGlassIcon />,\n    insertionStrategy: 'replace-statement',\n  };\n}\n\n/** @internal */\nexport function getFallbackKeySuggestion(\n  key: string,\n  operator: FilterFieldComparisonOperators,\n  value: string,\n): FilterFieldSuggestionProps {\n  // Check if the value starts with a quote and ends with a quote followed by a space.\n  const match = /^\"(.+)(?<!\\\\)\" ?$/.exec(value);\n  const textValue = match ? match[1] : value;\n  const escapedSuggestion = escapeSuggestion(match ? value.trim() : value);\n  const baseOperator = operator.includes('not') ? '!=' : '='; // needed for the wildcard operators\n\n  switch (operator) {\n    case 'in':\n    case 'not in': {\n      return {\n        value: `${key} ${operator} (${escapedSuggestion})`,\n        displayValue: (\n          <span>\n            {key} {operator} (<mark>{textValue}</mark>)\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n    case 'contains':\n    case 'not-contains': {\n      return {\n        value: `${key} ${baseOperator} *${escapedSuggestion}*`,\n        displayValue: (\n          <span>\n            {key} {baseOperator} *<mark>{textValue}</mark>*\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n    case 'starts-with':\n    case 'not-starts-with': {\n      return {\n        value: `${key} ${baseOperator} ${escapedSuggestion}*`,\n        displayValue: (\n          <span>\n            {key} {baseOperator} <mark>{textValue}</mark>*\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n    case 'ends-with':\n    case 'not-ends-with': {\n      return {\n        value: `${key} ${baseOperator} *${escapedSuggestion}`,\n        displayValue: (\n          <span>\n            {key} {baseOperator} *<mark>{textValue}</mark>\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n    default: {\n      const operatorName = getOperatorShortName(operator);\n\n      return {\n        value: `${key} ${operatorName} ${escapedSuggestion}`,\n        displayValue: (\n          <span>\n            {key} {operatorName} <mark>{textValue}</mark>\n          </span>\n        ),\n        insertionStrategy: 'replace-statement',\n      };\n    }\n  }\n}\n\n/** @internal */\nexport function getStatementSuggestionForMatchingValue(\n  key: string,\n  value: string,\n): FilterFieldSuggestionProps {\n  const match = /^\"(.+)(?<!\\\\)\" ?$/.exec(value);\n  const textValue = match ? match[1] : value;\n  const escapedSuggestion = escapeSuggestion(match ? value.trim() : value);\n\n  return {\n    value: `${key} = ${escapedSuggestion}`,\n    // Add the class only to the value part as we only want to show highlighting in the value and not the key\n    displayValue: (\n      <span>\n        {key} ={' '}\n        <span className={suggestionStyles.statementSuggestionValue}>\n          {textValue}\n        </span>\n      </span>\n    ),\n    insertionStrategy: 'replace-statement',\n  };\n}\n\n/**\n * @internal\n */\nexport function getJSONPathHint(): FilterFieldSuggestionProps {\n  return {\n    trailing: '',\n    id: 'strato-filterfield-suggestion-jsonpath-hint',\n    suggestionType: 'JSONPath',\n    displayValue: (\n      <span className={styles.suggestionHintContainer}>\n        <FormattedMessage\n          defaultMessage=\"Filter JSON attributes using dot notation. For example: \"\n          description=\"Hint for entering JSONPath syntax in the FilterField.\"\n          id=\"Ua7PnIRWAcErpii9\"\n        />\n        <span className={styles.filterStatementBase}>\n          <span className={styles.filterKey}>content$.key[1].key </span>\n          <span className={styles.operator}>=</span>{' '}\n          <span className={styles.filterValue}>value</span>\n        </span>\n      </span>\n    ),\n  };\n}\n"],
+  "mappings": "AA4BM,SAsFM,UAtFN,KAsFM,YAtFN;AA5BN,SAAS,wBAAwB;AAEjC,SAAS,qBAAqB,iBAAiB;AAE/C,YAAY,YAAY;AACxB,SAAS,2BAA2B;AACpC,YAAY,sBAAsB;AASlC,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AAK9B,SAAS,wBACd,YAAkC,OACX;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA,cACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,oBAAoB,YAAY;AAAA;AAAA,IACtC;AAAA,EAEJ;AACF;AAKO,SAAS,yBACd,gBACA,YAA2C,OACpB;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA,gBAAgB;AAAA,IAChB,cACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,oBAAoB,YAAY;AAAA,QACpC,QAAQ;AAAA,UACN;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAKO,SAAS,qBACd,YAAkC,OAGlC;AACA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,MAAM,oBAAC,aAAU;AAAA,IACjB,cACE,oBAAC,oBAAkB,GAAG,oBAAoB,YAAY,UAAU;AAAA,IAElE,qDAAqD;AAAA,EACvD;AACF;AAGO,SAAS,oBACd,OAC4B;AAC5B,MAAI,UAAU,QAAW;AACvB,WAAO;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,sBAAsB;AAAA,MACtB,IAAI;AAAA,MACJ,cACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG,oBAAoB,YAAY;AAAA,UACpC,QAAQ;AAAA,YACN,OAAO;AAAA,UACT;AAAA;AAAA,MACF;AAAA,MAEF,MAAM,oBAAC,uBAAoB;AAAA,MAC3B,mBAAmB;AAAA,IACrB;AAAA,EACF;AAGA,QAAM,QAAQ,oBAAoB,KAAK,KAAK;AAC5C,QAAM,YAAY,QAAQ,MAAM,CAAC,IAAI;AACrC,QAAM,oBAAoB,iBAAiB,QAAQ,MAAM,KAAK,IAAI,KAAK;AAEvE,SAAO;AAAA,IACL,OAAO,OAAO,iBAAiB;AAAA,IAC/B,IAAI;AAAA,IACJ,cACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,oBAAoB,YAAY;AAAA,QACpC,QAAQ;AAAA,UACN,OACE,iCAAE;AAAA;AAAA,YAEA,oBAAC,UAAM,qBAAU;AAAA,aACnB;AAAA,QAEJ;AAAA;AAAA,IACF;AAAA,IAEF,MAAM,oBAAC,uBAAoB;AAAA,IAC3B,mBAAmB;AAAA,EACrB;AACF;AAGO,SAAS,yBACd,KACA,UACA,OAC4B;AAE5B,QAAM,QAAQ,oBAAoB,KAAK,KAAK;AAC5C,QAAM,YAAY,QAAQ,MAAM,CAAC,IAAI;AACrC,QAAM,oBAAoB,iBAAiB,QAAQ,MAAM,KAAK,IAAI,KAAK;AACvE,QAAM,eAAe,SAAS,SAAS,KAAK,IAAI,OAAO;AAEvD,UAAQ,UAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK,UAAU;AACb,aAAO;AAAA,QACL,OAAO,GAAG,GAAG,IAAI,QAAQ,KAAK,iBAAiB;AAAA,QAC/C,cACE,qBAAC,UACE;AAAA;AAAA,UAAI;AAAA,UAAE;AAAA,UAAS;AAAA,UAAE,oBAAC,UAAM,qBAAU;AAAA,UAAO;AAAA,WAC5C;AAAA,QAEF,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,KAAK;AAAA,IACL,KAAK,gBAAgB;AACnB,aAAO;AAAA,QACL,OAAO,GAAG,GAAG,IAAI,YAAY,KAAK,iBAAiB;AAAA,QACnD,cACE,qBAAC,UACE;AAAA;AAAA,UAAI;AAAA,UAAE;AAAA,UAAa;AAAA,UAAE,oBAAC,UAAM,qBAAU;AAAA,UAAO;AAAA,WAChD;AAAA,QAEF,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,KAAK;AAAA,IACL,KAAK,mBAAmB;AACtB,aAAO;AAAA,QACL,OAAO,GAAG,GAAG,IAAI,YAAY,IAAI,iBAAiB;AAAA,QAClD,cACE,qBAAC,UACE;AAAA;AAAA,UAAI;AAAA,UAAE;AAAA,UAAa;AAAA,UAAC,oBAAC,UAAM,qBAAU;AAAA,UAAO;AAAA,WAC/C;AAAA,QAEF,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,KAAK;AAAA,IACL,KAAK,iBAAiB;AACpB,aAAO;AAAA,QACL,OAAO,GAAG,GAAG,IAAI,YAAY,KAAK,iBAAiB;AAAA,QACnD,cACE,qBAAC,UACE;AAAA;AAAA,UAAI;AAAA,UAAE;AAAA,UAAa;AAAA,UAAE,oBAAC,UAAM,qBAAU;AAAA,WACzC;AAAA,QAEF,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,SAAS;AACP,YAAM,eAAe,qBAAqB,QAAQ;AAElD,aAAO;AAAA,QACL,OAAO,GAAG,GAAG,IAAI,YAAY,IAAI,iBAAiB;AAAA,QAClD,cACE,qBAAC,UACE;AAAA;AAAA,UAAI;AAAA,UAAE;AAAA,UAAa;AAAA,UAAC,oBAAC,UAAM,qBAAU;AAAA,WACxC;AAAA,QAEF,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AACF;AAGO,SAAS,uCACd,KACA,OAC4B;AAC5B,QAAM,QAAQ,oBAAoB,KAAK,KAAK;AAC5C,QAAM,YAAY,QAAQ,MAAM,CAAC,IAAI;AACrC,QAAM,oBAAoB,iBAAiB,QAAQ,MAAM,KAAK,IAAI,KAAK;AAEvE,SAAO;AAAA,IACL,OAAO,GAAG,GAAG,MAAM,iBAAiB;AAAA;AAAA,IAEpC,cACE,qBAAC,UACE;AAAA;AAAA,MAAI;AAAA,MAAG;AAAA,MACR,oBAAC,UAAK,WAAW,iBAAiB,0BAC/B,qBACH;AAAA,OACF;AAAA,IAEF,mBAAmB;AAAA,EACrB;AACF;AAKO,SAAS,kBAA8C;AAC5D,SAAO;AAAA,IACL,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,cACE,qBAAC,UAAK,WAAW,OAAO,yBACtB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,gBAAe;AAAA,UACf,aAAY;AAAA,UACZ,IAAG;AAAA;AAAA,MACL;AAAA,MACA,qBAAC,UAAK,WAAW,OAAO,qBACtB;AAAA,4BAAC,UAAK,WAAW,OAAO,WAAW,kCAAoB;AAAA,QACvD,oBAAC,UAAK,WAAW,OAAO,UAAU,eAAC;AAAA,QAAQ;AAAA,QAC3C,oBAAC,UAAK,WAAW,OAAO,aAAa,mBAAK;AAAA,SAC5C;AAAA,OACF;AAAA,EAEJ;AACF;",
   "names": []
 }

package/esm/filters/segment-selector/CustomTrigger.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/segment-selector/CustomTrigger.tsx"],
-  "sourcesContent": ["import {\n  type AnchorHTMLAttributes,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  cloneElement,\n  isValidElement,\n} from 'react';\n\nimport { useSegmentsTriggerContext } from './hooks/useTriggerContext.js';\nimport type { AriaButtonProps, ButtonAria } from '../../buttons/button/types/button-aria.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\n\n/**\n * Accepted properties for SegmentSelector customized trigger.\n * @public\n */\nexport type SegmentSelectorCustomTriggerProps = StylingProps &\n  DataTestId & {\n    /** Elements to be displayed in the CustomTrigger. */\n    children:\n      | ReactNode\n      | ((\n          customTriggerProps: {\n            displayValue: ReactNode;\n            isLoading: boolean;\n          },\n          props:\n            | (StylingProps &\n                DataTestId &\n                (Partial<ButtonAria<AnchorHTMLAttributes<HTMLButtonElement>>> &\n                  AriaButtonProps))\n            | null,\n        ) => ReactElement);\n  };\n\n/**\n * A trigger component to customize the SegmentSelector trigger.\n * It applies all necessary props on the first and closest child,\n * which, therefore, should be an interactive element.\n * @experimental\n */\nexport const CustomTrigger = (props: SegmentSelectorCustomTriggerProps) => {\n  const { children, ...remainingProps } = props;\n  const {\n    triggerProps,\n    displayValue,\n    isLoading,\n    buttonRef,\n    showError,\n    ...ariaProps\n  } = useSegmentsTriggerContext();\n\n  const dtComponentName = triggerProps?.['data-dt-component'];\n\n  if (isValidElement<PropsWithChildren>(children)) {\n    return cloneElement(children, {\n      ..._mergeProps(\n        { ref: buttonRef },\n        triggerProps,\n        remainingProps,\n        ariaProps,\n        children.props,\n        { 'data-dt-component': dtComponentName },\n      ),\n    });\n  }\n\n  if (typeof children === 'function') {\n    return children(\n      { displayValue, isLoading },\n      _mergeProps({ ref: buttonRef }, ariaProps, triggerProps, remainingProps),\n    );\n  }\n\n  if (isDev()) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      'When using the CustomTrigger component, you need to render valid children inside it.',\n    );\n  }\n\n  return null;\n};\n\nCustomTrigger['displayName'] = 'SegmentSelector.CustomTrigger';\n"],
-  "mappings": "AAAA;AAAA,EAKE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iCAAiC;AAI1C,SAAS,aAAa;AACtB,SAAS,cAAc,mBAAmB;AA+BnC,MAAM,gBAAgB,CAAC,UAA6C;AACzE,QAAM,EAAE,UAAU,GAAG,eAAe,IAAI;AACxC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,0BAA0B;AAE9B,QAAM,kBAAkB,eAAe,mBAAmB;AAE1D,MAAI,eAAkC,QAAQ,GAAG;AAC/C,WAAO,aAAa,UAAU;AAAA,MAC5B,GAAG;AAAA,QACD,EAAE,KAAK,UAAU;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,EAAE,qBAAqB,gBAAgB;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;AAEA,MAAI,OAAO,aAAa,YAAY;AAClC,WAAO;AAAA,MACL,EAAE,cAAc,UAAU;AAAA,MAC1B,YAAY,EAAE,KAAK,UAAU,GAAG,WAAW,cAAc,cAAc;AAAA,IACzE;AAAA,EACF;AAEA,MAAI,MAAM,GAAG;AAEX,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,cAAc,aAAa,IAAI;",
+  "sourcesContent": ["import {\n  type AnchorHTMLAttributes,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n  cloneElement,\n  isValidElement,\n} from 'react';\n\nimport { useSegmentsTriggerContext } from './hooks/useTriggerContext.js';\nimport type {\n  AriaButtonProps,\n  ButtonAria,\n} from '../../buttons/button/types/button-aria.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\n\n/**\n * Accepted properties for SegmentSelector customized trigger.\n * @public\n */\nexport type SegmentSelectorCustomTriggerProps = StylingProps &\n  DataTestId &\n  BehaviorTrackingProps & {\n    /** Elements to be displayed in the CustomTrigger. */\n    children:\n      | ReactNode\n      | ((\n          customTriggerProps: {\n            displayValue: ReactNode;\n            isLoading: boolean;\n          },\n          props:\n            | (StylingProps &\n                DataTestId &\n                (Partial<ButtonAria<AnchorHTMLAttributes<HTMLButtonElement>>> &\n                  AriaButtonProps))\n            | null,\n        ) => ReactElement);\n  };\n\n/**\n * A trigger component to customize the SegmentSelector trigger.\n * It applies all necessary props on the first and closest child,\n * which, therefore, should be an interactive element.\n * @experimental\n */\nexport const CustomTrigger = (props: SegmentSelectorCustomTriggerProps) => {\n  const { children, ...remainingProps } = props;\n  const {\n    triggerProps,\n    displayValue,\n    isLoading,\n    buttonRef,\n    showError,\n    ...ariaProps\n  } = useSegmentsTriggerContext();\n\n  const dtComponentName = triggerProps?.['data-dt-component'];\n\n  if (isValidElement<PropsWithChildren>(children)) {\n    return cloneElement(children, {\n      ..._mergeProps(\n        { ref: buttonRef },\n        triggerProps,\n        remainingProps,\n        ariaProps,\n        children.props,\n        { 'data-dt-component': dtComponentName },\n      ),\n    });\n  }\n\n  if (typeof children === 'function') {\n    return children(\n      { displayValue, isLoading },\n      _mergeProps({ ref: buttonRef }, ariaProps, triggerProps, remainingProps),\n    );\n  }\n\n  if (isDev()) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      'When using the CustomTrigger component, you need to render valid children inside it.',\n    );\n  }\n\n  return null;\n};\n\nCustomTrigger['displayName'] = 'SegmentSelector.CustomTrigger';\n"],
+  "mappings": "AAAA;AAAA,EAKE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iCAAiC;AAQ1C,SAAS,aAAa;AACtB,SAAS,cAAc,mBAAmB;AAgCnC,MAAM,gBAAgB,CAAC,UAA6C;AACzE,QAAM,EAAE,UAAU,GAAG,eAAe,IAAI;AACxC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,0BAA0B;AAE9B,QAAM,kBAAkB,eAAe,mBAAmB;AAE1D,MAAI,eAAkC,QAAQ,GAAG;AAC/C,WAAO,aAAa,UAAU;AAAA,MAC5B,GAAG;AAAA,QACD,EAAE,KAAK,UAAU;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,EAAE,qBAAqB,gBAAgB;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;AAEA,MAAI,OAAO,aAAa,YAAY;AAClC,WAAO;AAAA,MACL,EAAE,cAAc,UAAU;AAAA,MAC1B,YAAY,EAAE,KAAK,UAAU,GAAG,WAAW,cAAc,cAAc;AAAA,IACzE;AAAA,EACF;AAEA,MAAI,MAAM,GAAG;AAEX,YAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,cAAc,aAAa,IAAI;",
   "names": []
 }

package/esm/filters/segment-selector/SegmentSelector.css

@@ -1,22 +1,22 @@
-._11m6jkl0-3-3-3 {
+._11m6jkl0-3-5-0 {
   all: unset;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-8, 8px);
 }
-._11m6jkl1-3-3-3 {
+._11m6jkl1-3-5-0 {
   all: unset;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
 }
-._11m6jkl2-3-3-3 {
+._11m6jkl2-3-5-0 {
   max-height: 100px;
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._11m6jkl3-3-3-3 > div {
+._11m6jkl3-3-5-0 > div {
   padding-right: var(--dt-spacings-size-0, 0);
 }

package/esm/filters/segment-selector/SegmentSelector.js

@@ -10,6 +10,7 @@ import {
 import { useIntl } from "react-intl";
 import { isElement } from "react-is";
 import { FocusScope } from "../../core/components/focus-scope/FocusScope.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useId } from "../../core/hooks/useId.js";
 import { useSyncedFormControlProps } from "../../forms/forms-core/hooks/useSyncedFormControlProps.js";
 import { FormFieldMessagesAction } from "../../forms/forms-core/state/formfield-messages-state-reducer.js";
@@ -32,6 +33,7 @@ import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { createStratoLogger } from "../../core/sdk/sdk-logger.js";
 import { StratoLoggerContext } from "../../core/sdk/StratoLoggerContext.js";
 import { isDev } from "../../core/utils/is-node-environment.js";
+import { mergeProps } from "../../core/utils/merge-props.js";
 import { withFormFieldMessageContextProvider } from "../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js";
 import { useFormFieldMessagesContext } from "../../forms/forms-core/hooks/useFormFieldMessagesContext.js";
 import { useFormFieldValidation } from "../../forms/forms-core/hooks/useFormFieldValidation.js";
@@ -72,7 +74,7 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
     "data-dtrum-mask": dataDtrumMask,
     variant = "default",
     onOpenChange,
-    readOnly,
+    readOnly: propReadOnly,
     disabled: propDisabled,
     required: propRequired,
     name,
@@ -81,17 +83,19 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
   const intl = useIntl();
   const inputRef = useRef(null);
   const internalButtonRef = useRef(null);
-  const { disabled, required, id, ariaDisabled } = useSyncedFormControlProps({
+  const { disabled, required, id, ariaDisabled, readOnly } = useSyncedFormControlProps({
     propDisabled,
     propRequired,
     propId,
-    propAriaDisabled: remainingProps["aria-disabled"]
+    propAriaDisabled: remainingProps["aria-disabled"],
+    propReadOnly
   });
   const {
     isLoading,
     text,
     ariaProps: triggerAriaProps
   } = useTriggerProps(variant, remainingProps);
+  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);
   const { onChange, onInvalid, ariaProps } = useFormFieldValidation(
     inputRef,
     { required },
@@ -108,7 +112,7 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
     "data-testid": dataTestId,
     style: consumerStyle,
     className: consumerClassName,
-    ...ariaProps
+    ...mergeProps(behavioralTrackingProps, ariaProps)
   };
   const customTrigger = useMemo(
     () => getCustomTriggerSlot(remainingProps.children),

package/esm/filters/segment-selector/SegmentSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/segment-selector/SegmentSelector.tsx"],
-  "sourcesContent": ["import {\n  Children,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport { FocusScope } from '../../core/components/focus-scope/FocusScope.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useSyncedFormControlProps } from '../../forms/forms-core/hooks/useSyncedFormControlProps.js';\nimport { FormFieldMessagesAction } from '../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlWithOverlayRef } from '../../forms/shared-types.js';\nimport { segmentsClient } from './contexts/SegmentsCache/SegmentsCache.js';\nimport { SegmentsTriggerContext } from './contexts/SegmentsUI/SegmentsTriggerContext.js';\nimport { UISegmentsProvider } from './contexts/SegmentsUI/SegmentsUIContext.js';\nimport { validateSegments } from './contexts/SegmentsUI/segmentValidationHelper.js';\nimport { CustomTrigger } from './CustomTrigger.js';\nimport { useSegments } from './hooks/useSegments.js';\nimport { useTooltipHandler } from './hooks/useTooltipHandler.js';\nimport { useTriggerProps } from './hooks/useTriggerProps.js';\nimport { SegmentsOverlay } from './parts/Overlay.js';\nimport { SegmentSelectorTrigger } from './parts/selectionBar/SegmentSelectorTrigger.js';\nimport { TooltipMessages } from './parts/TooltipMessages.js';\nimport { SEGMENTSELECTOR_MESSAGES } from './segmentMessages.js';\nimport * as styles from './SegmentSelector.sty.js';\nimport type {\n  SegmentSelectorProps,\n  SegmentSelectorRef,\n} from './SegmentSelector.types.js';\nimport { OverlayContainer } from '../../core/components/OverlayContainer.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { StratoLoggerContext } from '../../core/sdk/StratoLoggerContext.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { withFormFieldMessageContextProvider } from '../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { useFormFieldMessagesContext } from '../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useFormFieldValidation } from '../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { overlayCSS } from '../../overlays/overlay/Overlay.sty.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\n\nconst COMPONENT_NAME = 'SegmentSelector';\n\n/** Iterates over child nodes to extract the content component slot. */\nfunction getCustomTriggerSlot(children: ReactNode) {\n  let customTrigger: ReactElement | undefined;\n\n  Children.forEach(children, (child) => {\n    if (isElement(child)) {\n      switch (child.type) {\n        case CustomTrigger:\n          customTrigger = child;\n          break;\n        default: {\n          if (isDev()) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              'Only CustomTrigger is a valid child of the SegmentSelector.',\n            );\n          }\n          break;\n        }\n      }\n    } else if (child && isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn('The used child is not supported by the SegmentSelector.');\n    }\n  });\n\n  return customTrigger;\n}\n\nconst SegmentSelectorFwd = forwardRef<\n  SegmentSelectorRef<HTMLButtonElement>,\n  SegmentSelectorProps\n>((props, forwardedRef) => {\n  const {\n    className: consumerClassName,\n    style: consumerStyle,\n    id: propId,\n    'data-testid': dataTestId,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    variant = 'default',\n    onOpenChange,\n    readOnly,\n    disabled: propDisabled,\n    required: propRequired,\n    name,\n    ...remainingProps\n  }: SegmentSelectorProps = props;\n\n  const intl = useIntl();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalButtonRef = useRef<HTMLButtonElement>(null);\n\n  const { disabled, required, id, ariaDisabled } = useSyncedFormControlProps({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: remainingProps['aria-disabled'],\n  });\n\n  const {\n    isLoading,\n    text,\n    ariaProps: triggerAriaProps,\n  } = useTriggerProps(variant, remainingProps);\n\n  const { onChange, onInvalid, ariaProps } = useFormFieldValidation(\n    inputRef,\n    { required },\n    triggerAriaProps,\n    id,\n  );\n\n  const { state: formFieldMessagesState, dispatch: formFieldMessagesDispatch } =\n    useFormFieldMessagesContext();\n\n  const errorId = useId();\n\n  const { segments } = useSegments();\n  const stringifiedValue = JSON.stringify(segments);\n\n  const segmentSelectorProps = {\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-testid': dataTestId,\n    style: consumerStyle,\n    className: consumerClassName,\n    ...ariaProps,\n  };\n\n  const customTrigger = useMemo(\n    () => getCustomTriggerSlot(remainingProps.children),\n    [remainingProps.children],\n  );\n\n  const {\n    targetRef,\n    triggerRef,\n    overlayRef,\n    overlayState,\n    overlayProps: _overlayProps,\n    overlayTriggerProps,\n    overlayContainerProps,\n  } = useOverlayWithTrigger({\n    placement: 'bottom-start',\n    placementFallbacks: ['bottom-end', 'top-start', 'top-end'],\n    offset: 4,\n    shouldCloseOnBlur: false,\n    onOpenChange: (isOpen) => {\n      if (\n        !isOpen &&\n        !formFieldMessagesState.isTouched &&\n        segmentsClient.hasAccessRights !== false\n      ) {\n        formFieldMessagesDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n      }\n\n      if (!isOpen) {\n        validateSegments(\n          segments,\n          onChange,\n          formFieldMessagesDispatch,\n          formFieldMessagesState.formControlMessages,\n          errorId,\n          true,\n        );\n      }\n\n      onOpenChange?.(isOpen);\n    },\n    additionalElevation: 'overlay',\n    disabled,\n  });\n  const { trapFocus, ...overlayProps } = _overlayProps;\n\n  const { onOpenTooltip, isOpen, textEllipsisRef } = useTooltipHandler(\n    !customTrigger && variant === 'default',\n  );\n  const overlayAriaLabelledById = useId();\n\n  useImperativeHandle(\n    forwardedRef,\n    (): SegmentSelectorRef<HTMLButtonElement> => ({\n      element: internalButtonRef.current,\n      triggerRef: internalButtonRef.current,\n      inputRef: inputRef.current,\n      focus: () => internalButtonRef.current?.focus(),\n      open: overlayState.open,\n      close: overlayState.close,\n      validate: async () => {\n        formFieldMessagesDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        if (segmentsClient.hasAccessRights === false) {\n          formFieldMessagesDispatch?.({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              id: errorId,\n              variant: 'error',\n              validityStateKey: 'customError',\n              messageType: 'formcontrol',\n              showError: true,\n              message: intl.formatMessage(\n                SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess,\n              ),\n            },\n          });\n        }\n\n        await validateSegments(\n          segments,\n          onChange,\n          formFieldMessagesDispatch,\n          formFieldMessagesState.formControlMessages,\n          errorId,\n          true,\n        );\n      },\n    }),\n    [\n      errorId,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.formControlMessages,\n      intl,\n      onChange,\n      overlayState.close,\n      overlayState.open,\n      segments,\n    ],\n  );\n\n  const buttonRef = useMergeRefs([triggerRef, targetRef, internalButtonRef]);\n\n  // Since the value update is delayed by the async fetching of the data\n  // we need to check the validity as soon as the value is up to date.\n  useEffect(() => {\n    validateSegments(\n      segments,\n      onChange,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.formControlMessages,\n      errorId,\n    );\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.formControlMessages,\n    onChange,\n    segments,\n    stringifiedValue,\n  ]);\n\n  const providerValue = useMemo(\n    () => ({\n      isLoading,\n      displayValue: text,\n      triggerProps: {\n        ...overlayTriggerProps,\n        'data-dt-component': COMPONENT_NAME,\n      },\n      buttonRef,\n      showError: formFieldMessagesState.showError,\n      ...ariaProps,\n    }),\n    [\n      isLoading,\n      text,\n      overlayTriggerProps,\n      buttonRef,\n      formFieldMessagesState.showError,\n      ariaProps,\n    ],\n  );\n\n  const stratoLogger = useMemo(() => {\n    return createStratoLogger.bind({\n      name,\n      id: propId,\n      ariaLabel: triggerAriaProps['aria-label'],\n    })(COMPONENT_NAME);\n  }, [name, propId, triggerAriaProps]);\n\n  return (\n    <>\n      <SegmentsTriggerContext.Provider value={providerValue}>\n        <Tooltip\n          text={<TooltipMessages ariaLabel={triggerAriaProps['aria-label']} />}\n          className={styles.overwriteTooltipElementPadding}\n          onOpenChange={onOpenTooltip}\n          open={isOpen}\n        >\n          {customTrigger ?? (\n            <SegmentSelectorTrigger\n              textEllipsisRef={textEllipsisRef}\n              {...segmentSelectorProps}\n            />\n          )}\n        </Tooltip>\n        <VisuallyHidden>\n          <input\n            ref={inputRef}\n            id={id}\n            value={segments.length > 0 ? stringifiedValue : ''}\n            onChange={() => undefined}\n            aria-hidden={true}\n            readOnly={readOnly}\n            disabled={disabled}\n            name={name}\n            required={required}\n            tabIndex={-1}\n            aria-disabled={ariaDisabled}\n            onInvalid={onInvalid}\n          />\n        </VisuallyHidden>\n      </SegmentsTriggerContext.Provider>\n\n      {overlayState.isOpen && (\n        <StratoLoggerContext.Provider value={stratoLogger}>\n          <OverlayContainer\n            data-testid={dataTestId}\n            {...overlayContainerProps}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n          >\n            <FocusScope autoFocus contain={trapFocus}>\n              <div\n                ref={overlayRef}\n                className={overlayCSS}\n                {...overlayProps}\n                aria-labelledby={overlayAriaLabelledById}\n              >\n                <UISegmentsProvider\n                  readOnly={readOnly}\n                  overlayState={overlayState}\n                >\n                  <SegmentsOverlay labelId={overlayAriaLabelledById} />\n                </UISegmentsProvider>\n              </div>\n            </FocusScope>\n          </OverlayContainer>\n        </StratoLoggerContext.Provider>\n      )}\n    </>\n  );\n});\n\n/**\n * SegmentSelector component that uses a fallback formFieldMessages-context if it wasn't wrapped in a FormField.\n */\nconst SegmentSelectorRoot = withFormFieldMessageContextProvider<\n  SegmentSelectorProps,\n  FormControlWithOverlayRef<HTMLButtonElement>\n>(SegmentSelectorFwd);\n\n/**\n * `SegmentSelector` is a top-level filter component that filters data by segments, setting the scope for additional filters.\n *\n * @public\n */\nexport const SegmentSelector = Object.assign(SegmentSelectorRoot, {\n  CustomTrigger,\n});\n\n(\n  SegmentSelector as typeof SegmentSelector & { displayName: string }\n).displayName = COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  Children,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport { FocusScope } from '../../core/components/focus-scope/FocusScope.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useSyncedFormControlProps } from '../../forms/forms-core/hooks/useSyncedFormControlProps.js';\nimport { FormFieldMessagesAction } from '../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlWithOverlayRef } from '../../forms/shared-types.js';\nimport { segmentsClient } from './contexts/SegmentsCache/SegmentsCache.js';\nimport { SegmentsTriggerContext } from './contexts/SegmentsUI/SegmentsTriggerContext.js';\nimport { UISegmentsProvider } from './contexts/SegmentsUI/SegmentsUIContext.js';\nimport { validateSegments } from './contexts/SegmentsUI/segmentValidationHelper.js';\nimport { CustomTrigger } from './CustomTrigger.js';\nimport { useSegments } from './hooks/useSegments.js';\nimport { useTooltipHandler } from './hooks/useTooltipHandler.js';\nimport { useTriggerProps } from './hooks/useTriggerProps.js';\nimport { SegmentsOverlay } from './parts/Overlay.js';\nimport { SegmentSelectorTrigger } from './parts/selectionBar/SegmentSelectorTrigger.js';\nimport { TooltipMessages } from './parts/TooltipMessages.js';\nimport { SEGMENTSELECTOR_MESSAGES } from './segmentMessages.js';\nimport * as styles from './SegmentSelector.sty.js';\nimport type {\n  SegmentSelectorProps,\n  SegmentSelectorRef,\n} from './SegmentSelector.types.js';\nimport { OverlayContainer } from '../../core/components/OverlayContainer.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { StratoLoggerContext } from '../../core/sdk/StratoLoggerContext.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport { withFormFieldMessageContextProvider } from '../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { useFormFieldMessagesContext } from '../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport { useFormFieldValidation } from '../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { overlayCSS } from '../../overlays/overlay/Overlay.sty.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\n\nconst COMPONENT_NAME = 'SegmentSelector';\n\n/** Iterates over child nodes to extract the content component slot. */\nfunction getCustomTriggerSlot(children: ReactNode) {\n  let customTrigger: ReactElement | undefined;\n\n  Children.forEach(children, (child) => {\n    if (isElement(child)) {\n      switch (child.type) {\n        case CustomTrigger:\n          customTrigger = child;\n          break;\n        default: {\n          if (isDev()) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              'Only CustomTrigger is a valid child of the SegmentSelector.',\n            );\n          }\n          break;\n        }\n      }\n    } else if (child && isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn('The used child is not supported by the SegmentSelector.');\n    }\n  });\n\n  return customTrigger;\n}\n\nconst SegmentSelectorFwd = forwardRef<\n  SegmentSelectorRef<HTMLButtonElement>,\n  SegmentSelectorProps\n>((props, forwardedRef) => {\n  const {\n    className: consumerClassName,\n    style: consumerStyle,\n    id: propId,\n    'data-testid': dataTestId,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    variant = 'default',\n    onOpenChange,\n    readOnly: propReadOnly,\n    disabled: propDisabled,\n    required: propRequired,\n    name,\n    ...remainingProps\n  }: SegmentSelectorProps = props;\n\n  const intl = useIntl();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalButtonRef = useRef<HTMLButtonElement>(null);\n\n  const { disabled, required, id, ariaDisabled, readOnly } =\n    useSyncedFormControlProps({\n      propDisabled,\n      propRequired,\n      propId,\n      propAriaDisabled: remainingProps['aria-disabled'],\n      propReadOnly,\n    });\n\n  const {\n    isLoading,\n    text,\n    ariaProps: triggerAriaProps,\n  } = useTriggerProps(variant, remainingProps);\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n\n  const { onChange, onInvalid, ariaProps } = useFormFieldValidation(\n    inputRef,\n    { required },\n    triggerAriaProps,\n    id,\n  );\n\n  const { state: formFieldMessagesState, dispatch: formFieldMessagesDispatch } =\n    useFormFieldMessagesContext();\n\n  const errorId = useId();\n\n  const { segments } = useSegments();\n  const stringifiedValue = JSON.stringify(segments);\n\n  const segmentSelectorProps = {\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-testid': dataTestId,\n    style: consumerStyle,\n    className: consumerClassName,\n    ...mergeProps(behavioralTrackingProps, ariaProps),\n  };\n\n  const customTrigger = useMemo(\n    () => getCustomTriggerSlot(remainingProps.children),\n    [remainingProps.children],\n  );\n\n  const {\n    targetRef,\n    triggerRef,\n    overlayRef,\n    overlayState,\n    overlayProps: _overlayProps,\n    overlayTriggerProps,\n    overlayContainerProps,\n  } = useOverlayWithTrigger({\n    placement: 'bottom-start',\n    placementFallbacks: ['bottom-end', 'top-start', 'top-end'],\n    offset: 4,\n    shouldCloseOnBlur: false,\n    onOpenChange: (isOpen) => {\n      if (\n        !isOpen &&\n        !formFieldMessagesState.isTouched &&\n        segmentsClient.hasAccessRights !== false\n      ) {\n        formFieldMessagesDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n      }\n\n      if (!isOpen) {\n        validateSegments(\n          segments,\n          onChange,\n          formFieldMessagesDispatch,\n          formFieldMessagesState.formControlMessages,\n          errorId,\n          true,\n        );\n      }\n\n      onOpenChange?.(isOpen);\n    },\n    additionalElevation: 'overlay',\n    disabled,\n  });\n  const { trapFocus, ...overlayProps } = _overlayProps;\n\n  const { onOpenTooltip, isOpen, textEllipsisRef } = useTooltipHandler(\n    !customTrigger && variant === 'default',\n  );\n  const overlayAriaLabelledById = useId();\n\n  useImperativeHandle(\n    forwardedRef,\n    (): SegmentSelectorRef<HTMLButtonElement> => ({\n      element: internalButtonRef.current,\n      triggerRef: internalButtonRef.current,\n      inputRef: inputRef.current,\n      focus: () => internalButtonRef.current?.focus(),\n      open: overlayState.open,\n      close: overlayState.close,\n      validate: async () => {\n        formFieldMessagesDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n        if (segmentsClient.hasAccessRights === false) {\n          formFieldMessagesDispatch?.({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              id: errorId,\n              variant: 'error',\n              validityStateKey: 'customError',\n              messageType: 'formcontrol',\n              showError: true,\n              message: intl.formatMessage(\n                SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess,\n              ),\n            },\n          });\n        }\n\n        await validateSegments(\n          segments,\n          onChange,\n          formFieldMessagesDispatch,\n          formFieldMessagesState.formControlMessages,\n          errorId,\n          true,\n        );\n      },\n    }),\n    [\n      errorId,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.formControlMessages,\n      intl,\n      onChange,\n      overlayState.close,\n      overlayState.open,\n      segments,\n    ],\n  );\n\n  const buttonRef = useMergeRefs([triggerRef, targetRef, internalButtonRef]);\n\n  // Since the value update is delayed by the async fetching of the data\n  // we need to check the validity as soon as the value is up to date.\n  useEffect(() => {\n    validateSegments(\n      segments,\n      onChange,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.formControlMessages,\n      errorId,\n    );\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.formControlMessages,\n    onChange,\n    segments,\n    stringifiedValue,\n  ]);\n\n  const providerValue = useMemo(\n    () => ({\n      isLoading,\n      displayValue: text,\n      triggerProps: {\n        ...overlayTriggerProps,\n        'data-dt-component': COMPONENT_NAME,\n      },\n      buttonRef,\n      showError: formFieldMessagesState.showError,\n      ...ariaProps,\n    }),\n    [\n      isLoading,\n      text,\n      overlayTriggerProps,\n      buttonRef,\n      formFieldMessagesState.showError,\n      ariaProps,\n    ],\n  );\n\n  const stratoLogger = useMemo(() => {\n    return createStratoLogger.bind({\n      name,\n      id: propId,\n      ariaLabel: triggerAriaProps['aria-label'],\n    })(COMPONENT_NAME);\n  }, [name, propId, triggerAriaProps]);\n\n  return (\n    <>\n      <SegmentsTriggerContext.Provider value={providerValue}>\n        <Tooltip\n          text={<TooltipMessages ariaLabel={triggerAriaProps['aria-label']} />}\n          className={styles.overwriteTooltipElementPadding}\n          onOpenChange={onOpenTooltip}\n          open={isOpen}\n        >\n          {customTrigger ?? (\n            <SegmentSelectorTrigger\n              textEllipsisRef={textEllipsisRef}\n              {...segmentSelectorProps}\n            />\n          )}\n        </Tooltip>\n        <VisuallyHidden>\n          <input\n            ref={inputRef}\n            id={id}\n            value={segments.length > 0 ? stringifiedValue : ''}\n            onChange={() => undefined}\n            aria-hidden={true}\n            readOnly={readOnly}\n            disabled={disabled}\n            name={name}\n            required={required}\n            tabIndex={-1}\n            aria-disabled={ariaDisabled}\n            onInvalid={onInvalid}\n          />\n        </VisuallyHidden>\n      </SegmentsTriggerContext.Provider>\n\n      {overlayState.isOpen && (\n        <StratoLoggerContext.Provider value={stratoLogger}>\n          <OverlayContainer\n            data-testid={dataTestId}\n            {...overlayContainerProps}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n          >\n            <FocusScope autoFocus contain={trapFocus}>\n              <div\n                ref={overlayRef}\n                className={overlayCSS}\n                {...overlayProps}\n                aria-labelledby={overlayAriaLabelledById}\n              >\n                <UISegmentsProvider\n                  readOnly={readOnly}\n                  overlayState={overlayState}\n                >\n                  <SegmentsOverlay labelId={overlayAriaLabelledById} />\n                </UISegmentsProvider>\n              </div>\n            </FocusScope>\n          </OverlayContainer>\n        </StratoLoggerContext.Provider>\n      )}\n    </>\n  );\n});\n\n/**\n * SegmentSelector component that uses a fallback formFieldMessages-context if it wasn't wrapped in a FormField.\n */\nconst SegmentSelectorRoot = withFormFieldMessageContextProvider<\n  SegmentSelectorProps,\n  FormControlWithOverlayRef<HTMLButtonElement>\n>(SegmentSelectorFwd);\n\n/**\n * `SegmentSelector` is a top-level filter component that filters data by segments, setting the scope for additional filters.\n *\n * @public\n */\nexport const SegmentSelector = Object.assign(SegmentSelectorRoot, {\n  CustomTrigger,\n});\n\n(\n  SegmentSelector as typeof SegmentSelector & { displayName: string }\n).displayName = COMPONENT_NAME;\n"],
+  "mappings": "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",
   "names": ["isOpen"]
 }

package/esm/filters/segment-selector/SegmentSelector.sty.js

@@ -1,8 +1,8 @@
 import "./SegmentSelector.css";
-var overwriteTooltipElementPadding = "_11m6jkl3-3-3-3";
-var segmentSelectorList = "_11m6jkl0-3-3-3";
-var segmentSelectorListItem = "_11m6jkl1-3-3-3";
-var tooltipMaxHeight = "_11m6jkl2-3-3-3";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-5-0";
+var segmentSelectorList = "_11m6jkl0-3-5-0";
+var segmentSelectorListItem = "_11m6jkl1-3-5-0";
+var tooltipMaxHeight = "_11m6jkl2-3-5-0";
 export {
   overwriteTooltipElementPadding,
   segmentSelectorList,

package/esm/filters/segment-selector/SegmentSelector.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/segment-selector/SegmentSelector.css.ts"],
-  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-3-3';\nexport var segmentSelectorList = '_11m6jkl0-3-3-3';\nexport var segmentSelectorListItem = '_11m6jkl1-3-3-3';\nexport var tooltipMaxHeight = '_11m6jkl2-3-3-3';"],
+  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-5-0';\nexport var segmentSelectorList = '_11m6jkl0-3-5-0';\nexport var segmentSelectorListItem = '_11m6jkl1-3-5-0';\nexport var tooltipMaxHeight = '_11m6jkl2-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iCAAiC;AACrC,IAAI,sBAAsB;AAC1B,IAAI,0BAA0B;AAC9B,IAAI,mBAAmB;",
   "names": []
 }

package/esm/filters/segment-selector/parts/EmptySegments.css

@@ -1,4 +1,4 @@
-._awal5d0-3-3-3._awal5d0-3-3-3 {
+._awal5d0-3-5-0._awal5d0-3-5-0 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);

package/esm/filters/segment-selector/parts/EmptySegments.sty.js

@@ -1,5 +1,5 @@
 import "./EmptySegments.css";
-var AppLinkButtonCSS = "_awal5d0-3-3-3";
+var AppLinkButtonCSS = "_awal5d0-3-5-0";
 export {
   AppLinkButtonCSS
 };

package/esm/filters/segment-selector/parts/EmptySegments.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/EmptySegments.css.ts"],
-  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-3-3';"],
+  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/filters/segment-selector/parts/Overlay.css

@@ -1,10 +1,10 @@
-._bqi6d90-3-3-3 {
+._bqi6d90-3-5-0 {
   height: 15px;
   align-self: center;
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: var(--dt-spacings-size-8, 8px);
 }
-._bqi6d91-3-3-3._bqi6d91-3-3-3 {
+._bqi6d91-3-5-0._bqi6d91-3-5-0 {
   display: flex;
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -14,24 +14,24 @@
   text-transform: var(--dt-typography-text-base-emphasized-text-transform, none);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._bqi6d92-3-3-3 {
+._bqi6d92-3-5-0 {
   max-width: 480px;
   min-width: 320px;
   box-sizing: border-box;
   overflow: hidden;
 }
-._bqi6d93-3-3-3 {
+._bqi6d93-3-5-0 {
   max-height: 396px;
   overflow: auto;
   box-sizing: border-box;
 }
-._bqi6d93-3-3-3 ._bqi6d94-3-3-3 {
+._bqi6d93-3-5-0 ._bqi6d94-3-5-0 {
   overflow: hidden;
 }
-._bqi6d95-3-3-3 {
+._bqi6d95-3-5-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._bqi6d96-3-3-3._bqi6d96-3-3-3 {
+._bqi6d96-3-5-0._bqi6d96-3-5-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
@@ -40,6 +40,6 @@
   text-decoration: var(--dt-typography-text-small-emphasized-text-decoration, none);
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._bqi6d97-3-3-3 > fieldset > div {
+._bqi6d97-3-5-0 > fieldset > div {
   gap: var(--dt-spacings-size-8, 8px);
 }

package/esm/filters/segment-selector/parts/Overlay.sty.js

@@ -1,12 +1,12 @@
 import "./Overlay.css";
-var divider = "_bqi6d90-3-3-3";
-var fieldSet = "_bqi6d97-3-3-3";
-var isAnimating = "_bqi6d94-3-3-3";
-var legend = "_bqi6d96-3-3-3";
-var link = "_bqi6d95-3-3-3";
-var menuLink = "_bqi6d91-3-3-3";
-var overlayDefaultWidth = "_bqi6d92-3-3-3";
-var scrollContainer = "_bqi6d93-3-3-3";
+var divider = "_bqi6d90-3-5-0";
+var fieldSet = "_bqi6d97-3-5-0";
+var isAnimating = "_bqi6d94-3-5-0";
+var legend = "_bqi6d96-3-5-0";
+var link = "_bqi6d95-3-5-0";
+var menuLink = "_bqi6d91-3-5-0";
+var overlayDefaultWidth = "_bqi6d92-3-5-0";
+var scrollContainer = "_bqi6d93-3-5-0";
 export {
   divider,
   fieldSet,

package/esm/filters/segment-selector/parts/Overlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/Overlay.css.ts"],
-  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-3-3';\nexport var fieldSet = '_bqi6d97-3-3-3';\nexport var isAnimating = '_bqi6d94-3-3-3';\nexport var legend = '_bqi6d96-3-3-3';\nexport var link = '_bqi6d95-3-3-3';\nexport var menuLink = '_bqi6d91-3-3-3';\nexport var overlayDefaultWidth = '_bqi6d92-3-3-3';\nexport var scrollContainer = '_bqi6d93-3-3-3';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-5-0';\nexport var fieldSet = '_bqi6d97-3-5-0';\nexport var isAnimating = '_bqi6d94-3-5-0';\nexport var legend = '_bqi6d96-3-5-0';\nexport var link = '_bqi6d95-3-5-0';\nexport var menuLink = '_bqi6d91-3-5-0';\nexport var overlayDefaultWidth = '_bqi6d92-3-5-0';\nexport var scrollContainer = '_bqi6d93-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,sBAAsB;AAC1B,IAAI,kBAAkB;",
   "names": []
 }

package/esm/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.css

@@ -1,17 +1,17 @@
-._7mq3is0-3-3-3 {
+._7mq3is0-3-5-0 {
   all: unset;
   padding: 0;
   width: 100%;
   transition: height var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._7mq3is1-3-3-3 {
+._7mq3is1-3-5-0 {
   height: 0;
   opacity: 0;
 }
-._7mq3is2-3-3-3 {
+._7mq3is2-3-5-0 {
   height: auto;
   opacity: 1;
 }
-._7mq3is3-3-3-3 {
+._7mq3is3-3-5-0 {
   all: unset;
 }

package/esm/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.sty.js

@@ -1,8 +1,8 @@
 import "./ShowMorePanel.css";
-var expandableWrapper = "_7mq3is0-3-3-3";
-var expandableWrapperCollapsed = "_7mq3is1-3-3-3";
-var expandableWrapperExpanded = "_7mq3is2-3-3-3";
-var list = "_7mq3is3-3-3-3";
+var expandableWrapper = "_7mq3is0-3-5-0";
+var expandableWrapperCollapsed = "_7mq3is1-3-5-0";
+var expandableWrapperExpanded = "_7mq3is2-3-5-0";
+var list = "_7mq3is3-3-5-0";
 export {
   expandableWrapper,
   expandableWrapperCollapsed,

package/esm/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.css.ts"],
-  "sourcesContent": ["import './ShowMorePanel.css';\nexport var expandableWrapper = '_7mq3is0-3-3-3';\nexport var expandableWrapperCollapsed = '_7mq3is1-3-3-3';\nexport var expandableWrapperExpanded = '_7mq3is2-3-3-3';\nexport var list = '_7mq3is3-3-3-3';"],
+  "sourcesContent": ["import './ShowMorePanel.css';\nexport var expandableWrapper = '_7mq3is0-3-5-0';\nexport var expandableWrapperCollapsed = '_7mq3is1-3-5-0';\nexport var expandableWrapperExpanded = '_7mq3is2-3-5-0';\nexport var list = '_7mq3is3-3-5-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,6BAA6B;AACjC,IAAI,4BAA4B;AAChC,IAAI,OAAO;",
   "names": []
 }