@dynatrace/strato-components 3.2.0 → 3.3.0

package/esm/filters/filter-field/utils/validation-utils/validation-helper-functions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/filter-field/utils/validation-utils/validation-helper-functions.tsx"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport {\n  FILTERFIELD_DEFAULT_OPERATORS,\n  getAllowedOperatorsForType,\n  getOperatorName,\n} from './operator-specification.js';\nimport {\n  isFilterFieldRichValuePredicate,\n  isFilterFieldValidatorMapDurationSpecification,\n  isFilterFieldValidatorMapTypeSpecification,\n} from './type-guards.js';\nimport {\n  isValidIPAddress,\n  isValidSmartscapeId,\n  isValidTimestamp,\n  isValidUID,\n} from './type-validators.js';\nimport { isDev } from '../../../../core/utils/is-node-environment.js';\nimport type { FilterFieldProps } from '../../FilterField.types.js';\nimport type { FilterFieldStatementNode } from '../../types/tree-nodes.js';\nimport type {\n  FilterFieldValidatorMap,\n  FilterFieldComparisonOperators,\n  FilterFieldPrimitive,\n  FilterFieldDuration,\n  FilterFieldCustomTypes,\n  FilterFieldRichValuePredicate,\n} from '../../types/validation.js';\nimport { getValidValueTypes } from '../suggestions-utils/suggestion-type.js';\n\n/**\n * Checks whether the current operator is a wildcard operator.\n * @internal\n */\nexport function isWildCardOperator(\n  currentStatement: FilterFieldStatementNode | undefined,\n): boolean {\n  const wildCardOperators = [\n    'starts-with',\n    'ends-with',\n    'contains',\n    'not-starts-with',\n    'not-ends-with',\n    'not-contains',\n  ];\n  return (\n    typeof currentStatement?.comparisonOperator?.value === 'string' &&\n    wildCardOperators.includes(currentStatement?.comparisonOperator?.value)\n  );\n}\n\n/**\n * Checks whether the value is a valid ipv4 or ipv6 ipaddress.\n */\nfunction isValidIPAddressType(\n  valueType: string,\n  textValue: string,\n  validTypes: (FilterFieldPrimitive | string)[],\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  if (!parserConfig?.ipAddressConversion && validTypes.includes('IPAddress')) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'IPAddress is configured as a type in the validatorMap of the FilterField. To get full support for IPAddress types please also enable IPAddress conversion in the parserConfig.',\n      );\n    }\n    return valueType === 'Identifier' && isValidIPAddress(textValue);\n  } else if (validTypes.includes('IPAddress')) {\n    return valueType === 'IPAddress';\n  }\n\n  return false;\n}\n\n/**\n * Checks whether the value is a valid timestamp type.\n */\nfunction isValidTimestampType(\n  valueType: string,\n  textValue: string,\n  validTypes: (FilterFieldPrimitive | (string & {}))[],\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  if (!parserConfig?.timestampConversion && validTypes.includes('Timestamp')) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'Timestamp is configured as a type in the validatorMap of the FilterField. To get full support for Timestamp types please also enable Timestamp conversion in the parserConfig.',\n      );\n    }\n    // TODO: check if textValue works for string\n    return (\n      (valueType === 'Identifier' || valueType === 'String') &&\n      isValidTimestamp(textValue)\n    );\n  } else if (validTypes.includes('Timestamp')) {\n    return valueType === 'Timestamp';\n  }\n\n  return false;\n}\n\n/**\n * Checks whether the value is a valid UID.\n */\nfunction isValidUIDType(\n  valueType: string,\n  textValue: string,\n  validTypes: (FilterFieldPrimitive | (string & {}))[],\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  if (!parserConfig?.uidConversion && validTypes.includes('UID')) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'UID is configured as a type in the validatorMap of the FilterField. To get full support for UID types please also enable UID conversion in the parserConfig.',\n      );\n    }\n    return valueType === 'Identifier' && isValidUID(textValue);\n  } else if (validTypes.includes('UID')) {\n    return valueType === 'UID';\n  }\n\n  return false;\n}\n\n/**\n * Checks whether the value is a valid SmartscapeId.\n */\nfunction isValidSmartscapeIdType(\n  valueType: string,\n  textValue: string,\n  validTypes: (FilterFieldPrimitive | (string & {}))[],\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  if (\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    !parserConfig?.smartscapeIdConversion &&\n    validTypes.includes('SmartscapeId')\n  ) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'SmartscapeId is configured as a type in the validatorMap of the FilterField. To get full support for SmartscapeId types please also enable SmartscapeId conversion in the parserConfig.',\n      );\n    }\n    return valueType === 'Identifier' && isValidSmartscapeId(textValue);\n  } else if (validTypes.includes('SmartscapeId')) {\n    return valueType === 'SmartscapeId';\n  }\n\n  return false;\n}\n\nfunction hasValuePredicate(\n  entry: FilterFieldCustomTypes[string],\n): entry is { valuePredicate: (value: string) => boolean } {\n  return (\n    !!entry &&\n    typeof entry === 'object' &&\n    typeof entry.valuePredicate === 'function'\n  );\n}\n\n/**\n * Returns the type name when the value is of a custom type.\n */\nexport function isValidCustomType(\n  textValue: string,\n  customTypes?: FilterFieldCustomTypes,\n): string | boolean {\n  if (!customTypes) {\n    return false;\n  }\n\n  for (const [typeName, validatorFn] of Object.entries(customTypes)) {\n    if (typeof validatorFn === 'function') {\n      if (validatorFn(textValue)) {\n        return typeName;\n      }\n      continue;\n    }\n\n    if (\n      hasValuePredicate(validatorFn) &&\n      validatorFn.valuePredicate(textValue)\n    ) {\n      return typeName;\n    }\n  }\n\n  return false;\n}\n\n/**\n * checks whether an operator is valid based on the FilterField validatormap\n * @internal\n */\nexport function isValidOperator(\n  textValue: string,\n  key: string | undefined,\n  validatorMap: FilterFieldValidatorMap | undefined,\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  const operatorName = getOperatorName(textValue);\n\n  if (operatorName === '') {\n    return false;\n  }\n\n  // If search is not enabled in the filter field, search operators are already\n  // marked as errors with a more general error message. To not add an additional\n  // error message, search operators are always considered valid here.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  if (operatorName === 'search' && !parserConfig?.searchConversion) {\n    return true;\n  }\n\n  return getValidOperators(key, validatorMap, parserConfig).includes(\n    operatorName,\n  );\n}\n\n/**\n * checks whether a value is valid based on the FilterField validatormap\n * @internal\n */\nexport function isValidValue(\n  key: string | undefined,\n  valueTextValue: string,\n  valueType: string,\n  validatorMap: FilterFieldValidatorMap | undefined,\n  currentStatement: FilterFieldStatementNode,\n  filterFieldValue: string,\n  customTypes?: FilterFieldCustomTypes,\n  parserConfig?: FilterFieldProps['parserConfig'],\n): { isValid: boolean; message?: string } {\n  if (\n    !key ||\n    !validatorMap ||\n    !validatorMap.keyPredicates ||\n    Array.isArray(validatorMap.keyPredicates) ||\n    // For now if the value is a variable it should always be valid as we currently\n    // don't have any further information on what the actual value is\n    valueType === 'Variable'\n  ) {\n    return { isValid: true };\n  }\n\n  const predicate = validatorMap.keyPredicates[key];\n\n  // No key predicate for the given key - assume value is valid.\n  if (!predicate) {\n    return { isValid: true };\n  }\n\n  const validValues = isFilterFieldValidatorMapTypeSpecification(predicate)\n    ? predicate\n    : predicate.valuePredicate;\n\n  if (!validValues) {\n    return { isValid: true };\n  }\n\n  if (typeof validValues === 'function') {\n    const result = validValues({\n      currentStatement,\n      filterFieldValue,\n    });\n\n    if (typeof result === 'boolean') {\n      return { isValid: result };\n    }\n\n    return { isValid: false, message: result };\n  }\n\n  const { types: validTypes, hasLiteralValues } =\n    getValidValueTypes(validValues);\n\n  const isValidType =\n    validTypes.includes('Any') ||\n    validTypes.includes(valueType as FilterFieldPrimitive) ||\n    (validTypes.includes('String') && valueType === 'Identifier') ||\n    (validTypes.includes('Number') && valueType === 'BigInt') ||\n    isValidIPAddressType(valueType, valueTextValue, validTypes, parserConfig) ||\n    isValidUIDType(valueType, valueTextValue, validTypes, parserConfig) ||\n    isValidSmartscapeIdType(\n      valueType,\n      valueTextValue,\n      validTypes,\n      parserConfig,\n    ) ||\n    isValidTimestampType(valueType, valueTextValue, validTypes, parserConfig) ||\n    !!isValidCustomType(valueTextValue, customTypes);\n\n  if (Array.isArray(validValues)) {\n    let textMatches = false;\n\n    for (const validValue of validValues) {\n      if (isFilterFieldValidatorMapTypeSpecification(validValue)) {\n        if ((!isValidType && !hasLiteralValues) || isValidType) {\n          return { isValid: isValidType };\n        }\n      } else if (\n        isFilterFieldValidatorMapDurationSpecification(validValue) ||\n        isFilterFieldRichValuePredicate(validValue)\n      ) {\n        if (valueTextValue === getValuePredicateTextValue(validValue)) {\n          textMatches = true;\n        }\n      } else {\n        // The valid value still includes all backslashes that are provided in the value of\n        // the validator map. To match the valid value with the text value, single\n        // backslashes are removed and double backslashes are converted to single\n        // backslashes.\n        const cleanValidValue = `${validValue}`\n          .replaceAll(/(?<!\\\\)(?:\\\\\\\\)*(\\\\)(?!\\\\)/g, '')\n          .replaceAll(/(\\\\\\\\)/g, '\\\\');\n\n        if (valueTextValue === cleanValidValue) {\n          textMatches = true;\n        }\n      }\n    }\n\n    if (!textMatches) {\n      return { isValid: isWildCardOperator(currentStatement) };\n    }\n\n    return { isValid: textMatches };\n  }\n\n  if (isFilterFieldValidatorMapTypeSpecification(validValues)) {\n    return { isValid: isValidType };\n  }\n\n  return {\n    isValid: valueTextValue === getValuePredicateTextValue(validValues),\n  };\n}\n\n/**\n * Returns the textvalue of a filterfield value predicate that is neither a function nor an array.\n * @internal\n */\nexport function getValuePredicateTextValue(\n  predicate:\n    | string\n    | number\n    | boolean\n    | FilterFieldDuration\n    | FilterFieldRichValuePredicate,\n) {\n  if (isFilterFieldValidatorMapDurationSpecification(predicate)) {\n    return `${predicate.value}${predicate.unit}`;\n  } else if (isFilterFieldRichValuePredicate(predicate)) {\n    return `${predicate.value}`;\n  } else {\n    return `${predicate}`;\n  }\n}\n\n/**\n * Returns the valid operators per type\n * @internal\n */\nexport function getValidOperators(\n  key: string | undefined,\n  validatorMap: FilterFieldValidatorMap | undefined,\n  parserConfig?: FilterFieldProps['parserConfig'],\n) {\n  key =\n    typeof key === 'string'\n      ? key.replace(/^\"(.*?(?<!\\\\)(?:\\\\\\\\)*)\"$/, '$1')\n      : key;\n\n  const defaultOperators: FilterFieldComparisonOperators[] = [\n    ...FILTERFIELD_DEFAULT_OPERATORS,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ...(parserConfig?.searchConversion\n      ? (['search'] as FilterFieldComparisonOperators[])\n      : []),\n  ];\n\n  if (!validatorMap) {\n    return defaultOperators;\n  }\n\n  const globalOperators = validatorMap.comparisonOperators || defaultOperators;\n\n  // Only key names known: take global operators or default operators\n  if (Array.isArray(validatorMap.keyPredicates)) {\n    return globalOperators;\n  }\n\n  // No predicate found for name: take global operators or default operators\n  const predicate =\n    key && validatorMap.keyPredicates\n      ? validatorMap.keyPredicates[key]\n      : undefined;\n\n  // Incomplete search operator, we don\u00B4t want to show operator suggestions.\n  if (!predicate && key === '*') {\n    return [];\n  }\n\n  if (!predicate) {\n    return globalOperators;\n  }\n\n  const isTypeSpecification =\n    isFilterFieldValidatorMapTypeSpecification(predicate);\n  const valuePredicate = isTypeSpecification\n    ? predicate\n    : predicate.valuePredicate;\n\n  const allowedTypes =\n    !valuePredicate || typeof valuePredicate === 'function'\n      ? 'Any'\n      : getValidValueTypes(valuePredicate).types;\n\n  if (!isTypeSpecification && predicate.comparisonOperators) {\n    return predicate.comparisonOperators || [];\n  }\n\n  if (allowedTypes && allowedTypes !== 'Any') {\n    return intersectOperators(\n      globalOperators,\n      (Array.isArray(allowedTypes) ? allowedTypes : [allowedTypes]).reduce(\n        (acc: FilterFieldComparisonOperators[], type) => {\n          acc.push(...getAllowedOperatorsForType(type));\n          return acc;\n        },\n        [],\n      ),\n    );\n  }\n\n  return globalOperators;\n}\n\n/**\n * Maps operator names to their short names.\n */\nconst OPERATOR_SHORT_NAME_MAP: Record<string, string> = {\n  equals: '=',\n  'not-equals': '!=',\n  'less-than': '<',\n  'less-or-equal': '<=',\n  'greater-than': '>',\n  'greater-or-equal': '>=',\n  'matches-phrase': '~',\n  'not-matches-phrase': '!~',\n  in: 'in',\n  'not in': 'not in',\n  contains: 'contains',\n  'starts-with': 'starts-with',\n  'ends-with': 'ends-with',\n  'not-starts-with': 'not-starts-with',\n  'not-contains': 'not-contains',\n  'not-ends-with': 'not-ends-with',\n  exists: '= *',\n  'not-exists': '!= *',\n};\n\n/**\n * Returns valid operator short names\n * @internal\n */\nexport function getValidOperatorsShort(\n  key: string | undefined,\n  validatorMap: FilterFieldValidatorMap | undefined,\n  parserConfig: FilterFieldProps['parserConfig'],\n) {\n  const operators = getValidOperators(key, validatorMap, parserConfig);\n  const result: string[] = [];\n\n  for (const [key, value] of Object.entries(OPERATOR_SHORT_NAME_MAP)) {\n    if (operators.includes(key as FilterFieldComparisonOperators)) {\n      result.push(value);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Lists valid operator short names (syntax colored, comma separated)\n * @internal\n */\nexport function getValidOperatorsColored(\n  key: string | undefined,\n  validatorMap: FilterFieldValidatorMap | undefined,\n  parserConfig: FilterFieldProps['parserConfig'],\n) {\n  return getValidOperatorsShort(key, validatorMap, parserConfig)\n    .map(\n      (operator) =>\n        `<span style=\"color: ${Colors.Syntax.Operators}\">${operator}</span>`,\n    )\n    .join(', ');\n}\n\n/**\n * Get colored search operator\n * @internal\n */\nexport function getColoredSearchOperator() {\n  return `<span style=\"color: ${Colors.Syntax.Variable}\">*</span> <span style=\"color: ${Colors.Syntax.Operators}\">~</span>`;\n}\n\nfunction intersectOperators(\n  globalOperators: FilterFieldComparisonOperators[],\n  operators: FilterFieldComparisonOperators[],\n) {\n  return globalOperators.filter((op) => operators.includes(op));\n}\n"],
-  "mappings": "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",
-  "names": ["key"]
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { InternalValidatorMap } from './normalize-validator-map.js';\nimport {\n  FILTERFIELD_DEFAULT_OPERATORS,\n  getAllowedOperatorsForType,\n  getOperatorName,\n} from './operator-specification.js';\nimport {\n  isFilterFieldRichValuePredicate,\n  isFilterFieldValidatorMapDurationSpecification,\n  isFilterFieldValidatorMapTypeSpecification,\n  isFilterFieldValueSuggestionGroupConfig,\n} from './type-guards.js';\nimport {\n  isValidIPAddress,\n  isValidSmartscapeId,\n  isValidTimestamp,\n  isValidUID,\n} from './type-validators.js';\nimport { isDev } from '../../../../core/utils/is-node-environment.js';\nimport type { FilterFieldProps } from '../../FilterField.types.js';\nimport type { FilterFieldStatementNode } from '../../types/tree-nodes.js';\nimport type {\n  FilterFieldComparisonOperators,\n  FilterFieldCustomTypes,\n  FilterFieldPrimitive,\n  FilterFieldValuePredicateItem,\n} from '../../types/validation.js';\nimport { getValidValueTypes } from '../suggestions-utils/suggestion-type.js';\n\n/**\n * Checks whether the current operator is a wildcard operator.\n * @internal\n */\nexport function isWildCardOperator(\n  currentStatement: FilterFieldStatementNode | undefined,\n): boolean {\n  const wildCardOperators = [\n    'starts-with',\n    'ends-with',\n    'contains',\n    'not-starts-with',\n    'not-ends-with',\n    'not-contains',\n  ];\n  return (\n    typeof currentStatement?.comparisonOperator?.value === 'string' &&\n    wildCardOperators.includes(currentStatement?.comparisonOperator?.value)\n  );\n}\n\n/**\n * Checks whether the value is a valid ipv4 or ipv6 ipaddress.\n */\nfunction isValidIPAddressType(\n  valueType: string,\n  textValue: string,\n  validTypes: (FilterFieldPrimitive | string)[],\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  if (!parserConfig?.ipAddressConversion && validTypes.includes('IPAddress')) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'IPAddress is configured as a type in the validatorMap of the FilterField. To get full support for IPAddress types please also enable IPAddress conversion in the parserConfig.',\n      );\n    }\n    return valueType === 'Identifier' && isValidIPAddress(textValue);\n  } else if (validTypes.includes('IPAddress')) {\n    return valueType === 'IPAddress';\n  }\n\n  return false;\n}\n\n/**\n * Checks whether the value is a valid timestamp type.\n */\nfunction isValidTimestampType(\n  valueType: string,\n  textValue: string,\n  validTypes: (FilterFieldPrimitive | (string & {}))[],\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  if (!parserConfig?.timestampConversion && validTypes.includes('Timestamp')) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'Timestamp is configured as a type in the validatorMap of the FilterField. To get full support for Timestamp types please also enable Timestamp conversion in the parserConfig.',\n      );\n    }\n    // TODO: check if textValue works for string\n    return (\n      (valueType === 'Identifier' || valueType === 'String') &&\n      isValidTimestamp(textValue)\n    );\n  } else if (validTypes.includes('Timestamp')) {\n    return valueType === 'Timestamp';\n  }\n\n  return false;\n}\n\n/**\n * Checks whether the value is a valid UID.\n */\nfunction isValidUIDType(\n  valueType: string,\n  textValue: string,\n  validTypes: (FilterFieldPrimitive | (string & {}))[],\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  if (!parserConfig?.uidConversion && validTypes.includes('UID')) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'UID is configured as a type in the validatorMap of the FilterField. To get full support for UID types please also enable UID conversion in the parserConfig.',\n      );\n    }\n    return valueType === 'Identifier' && isValidUID(textValue);\n  } else if (validTypes.includes('UID')) {\n    return valueType === 'UID';\n  }\n\n  return false;\n}\n\n/**\n * Checks whether the value is a valid SmartscapeId.\n */\nfunction isValidSmartscapeIdType(\n  valueType: string,\n  textValue: string,\n  validTypes: (FilterFieldPrimitive | (string & {}))[],\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  if (\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    !parserConfig?.smartscapeIdConversion &&\n    validTypes.includes('SmartscapeId')\n  ) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'SmartscapeId is configured as a type in the validatorMap of the FilterField. To get full support for SmartscapeId types please also enable SmartscapeId conversion in the parserConfig.',\n      );\n    }\n    return valueType === 'Identifier' && isValidSmartscapeId(textValue);\n  } else if (validTypes.includes('SmartscapeId')) {\n    return valueType === 'SmartscapeId';\n  }\n\n  return false;\n}\n\nfunction checkIsValidType(\n  valueType: string,\n  valueTextValue: string,\n  validTypes: (FilterFieldPrimitive | string)[],\n  parserConfig?: FilterFieldProps['parserConfig'],\n  customTypes?: FilterFieldCustomTypes,\n): boolean {\n  return (\n    validTypes.includes('Any') ||\n    validTypes.includes(valueType as FilterFieldPrimitive) ||\n    (validTypes.includes('String') && valueType === 'Identifier') ||\n    (validTypes.includes('Number') && valueType === 'BigInt') ||\n    isValidIPAddressType(valueType, valueTextValue, validTypes, parserConfig) ||\n    isValidUIDType(valueType, valueTextValue, validTypes, parserConfig) ||\n    isValidSmartscapeIdType(\n      valueType,\n      valueTextValue,\n      validTypes,\n      parserConfig,\n    ) ||\n    isValidTimestampType(valueType, valueTextValue, validTypes, parserConfig) ||\n    !!isValidCustomType(valueTextValue, customTypes)\n  );\n}\n\nfunction hasValuePredicate(\n  entry: FilterFieldCustomTypes[string],\n): entry is { valuePredicate: (value: string) => boolean } {\n  return (\n    !!entry &&\n    typeof entry === 'object' &&\n    typeof entry.valuePredicate === 'function'\n  );\n}\n\n/**\n * Returns the type name when the value is of a custom type.\n */\nexport function isValidCustomType(\n  textValue: string,\n  customTypes?: FilterFieldCustomTypes,\n): string | boolean {\n  if (!customTypes) {\n    return false;\n  }\n\n  for (const [typeName, validatorFn] of Object.entries(customTypes)) {\n    if (typeof validatorFn === 'function') {\n      if (validatorFn(textValue)) {\n        return typeName;\n      }\n      continue;\n    }\n\n    if (\n      hasValuePredicate(validatorFn) &&\n      validatorFn.valuePredicate(textValue)\n    ) {\n      return typeName;\n    }\n  }\n\n  return false;\n}\n\n/**\n * checks whether an operator is valid based on the FilterField validatormap\n * @internal\n */\nexport function isValidOperator(\n  textValue: string,\n  key: string | undefined,\n  internalValidatorMap: InternalValidatorMap | undefined,\n  parserConfig?: FilterFieldProps['parserConfig'],\n): boolean {\n  const operatorName = getOperatorName(textValue);\n\n  if (operatorName === '') {\n    return false;\n  }\n\n  // If search is not enabled in the filter field, search operators are already\n  // marked as errors with a more general error message. To not add an additional\n  // error message, search operators are always considered valid here.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  if (operatorName === 'search' && !parserConfig?.searchConversion) {\n    return true;\n  }\n\n  return getValidOperators(key, internalValidatorMap, parserConfig).includes(\n    operatorName,\n  );\n}\n\n/**\n * checks whether a value is valid based on the FilterField validatormap\n * @internal\n */\nexport function isValidValue(\n  key: string | undefined,\n  valueTextValue: string,\n  valueType: string,\n  internalValidatorMap: InternalValidatorMap | undefined,\n  currentStatement: FilterFieldStatementNode,\n  filterFieldValue: string,\n  customTypes?: FilterFieldCustomTypes,\n  parserConfig?: FilterFieldProps['parserConfig'],\n): {\n  isValid: boolean;\n  message?: string;\n  validTypes?: (FilterFieldPrimitive | string)[];\n} {\n  if (!key || !internalValidatorMap) {\n    return { isValid: true };\n  }\n\n  const predicate = internalValidatorMap.normalizedKeys.byKey.get(key);\n\n  // No key predicate for the given key - assume value is valid.\n  if (!predicate) {\n    return { isValid: true };\n  }\n\n  const validValues = predicate.valuePredicate;\n\n  if (typeof validValues === 'function') {\n    const result = validValues({\n      currentStatement,\n      filterFieldValue,\n    });\n\n    if (typeof result === 'boolean') {\n      return { isValid: result };\n    }\n\n    return { isValid: false, message: result };\n  }\n\n  // If the value is a variable we don't have any further information on what\n  // the actual type is, so we skip the type-based validation below.\n  // Function predicates above are still called as users can do their own checks.\n  if (valueType === 'Variable') {\n    return { isValid: true };\n  }\n\n  // Determine valid types \u2014 predicate.valueType takes precedence over inference from valuePredicate.\n  // DEPRECATION: [APPDEV-16872] BREAKING-CHANGE\n  // TODO: The valueType inference fallback can be removed once the deprecated FilterFieldValidatorMapTypePredicate format is removed.\n  let validTypes: (FilterFieldPrimitive | string)[];\n  let hasLiteralValues: boolean;\n\n  if (predicate.valueType) {\n    validTypes = Array.isArray(predicate.valueType)\n      ? predicate.valueType\n      : [predicate.valueType];\n    hasLiteralValues = Array.isArray(validValues);\n  } else if (validValues !== undefined) {\n    // Infer valid types from valuePredicate if valueType is not explicitly configured.\n    ({ types: validTypes, hasLiteralValues } = getValidValueTypes(validValues));\n  } else {\n    // Neither valuePredicate nor valueType configured \u2014 any value is valid.\n    return { isValid: true };\n  }\n\n  const isValidType = checkIsValidType(\n    valueType,\n    valueTextValue,\n    validTypes,\n    parserConfig,\n    customTypes,\n  );\n\n  if (Array.isArray(validValues)) {\n    let textMatches = false;\n\n    for (const validValue of validValues) {\n      if (isFilterFieldValidatorMapTypeSpecification(validValue)) {\n        if ((!isValidType && !hasLiteralValues) || isValidType) {\n          return { isValid: isValidType, validTypes };\n        }\n      } else if (isFilterFieldValueSuggestionGroupConfig(validValue)) {\n        if (\n          validValue.suggestions.some((suggestion) => {\n            if (isFilterFieldValidatorMapTypeSpecification(suggestion)) {\n              return false;\n            }\n\n            return literalMatchesTextValue(valueTextValue, suggestion);\n          })\n        ) {\n          textMatches = true;\n        }\n\n        continue;\n      } else if (literalMatchesTextValue(valueTextValue, validValue)) {\n        textMatches = true;\n      }\n    }\n\n    return {\n      isValid: textMatches || isWildCardOperator(currentStatement),\n      validTypes,\n    };\n  }\n\n  if (isFilterFieldValidatorMapTypeSpecification(validValues)) {\n    return { isValid: isValidType, validTypes };\n  }\n\n  if (isFilterFieldValueSuggestionGroupConfig(validValues)) {\n    const groupSuggestionMatches = validValues.suggestions.some(\n      (suggestion) => {\n        if (isFilterFieldValidatorMapTypeSpecification(suggestion)) {\n          return false;\n        }\n\n        return literalMatchesTextValue(valueTextValue, suggestion);\n      },\n    );\n    return {\n      isValid: groupSuggestionMatches || isWildCardOperator(currentStatement),\n    };\n  }\n\n  // validValues may be undefined when only config.valueType is set.\n  if (validValues === undefined) {\n    return { isValid: isValidType };\n  }\n\n  return {\n    isValid: literalMatchesTextValue(valueTextValue, validValues),\n    validTypes,\n  };\n}\n\n/**\n * Checks whether a literal predicate value (string, number, boolean, or duration)\n * matches the given filter field text value after stripping escape backslashes.\n */\nfunction literalMatchesTextValue(\n  textValue: string,\n  predicate: FilterFieldValuePredicateItem,\n): boolean {\n  if (isFilterFieldValidatorMapDurationSpecification(predicate)) {\n    return textValue === `${predicate.value}${predicate.unit}`;\n  }\n  if (isFilterFieldRichValuePredicate(predicate)) {\n    const cleaned = `${predicate.value}`\n      .replaceAll(/(?<!\\\\)(?:\\\\\\\\)*(\\\\)(?!\\\\)/g, '')\n      .replaceAll(/(\\\\\\\\)/g, '\\\\');\n\n    return textValue === cleaned;\n  }\n  // The predicate string includes backslashes as provided in the validator map.\n  // Single backslashes are removed and double backslashes are converted to single\n  // backslashes to match the parsed text value.\n  const cleaned = `${predicate}`\n    .replaceAll(/(?<!\\\\)(?:\\\\\\\\)*(\\\\)(?!\\\\)/g, '')\n    .replaceAll(/(\\\\\\\\)/g, '\\\\');\n  return textValue === cleaned;\n}\n\n/**\n * Returns the textvalue of a filterfield value predicate that is neither a function nor an array.\n * @internal\n */\nexport function getValuePredicateTextValue(\n  predicate: FilterFieldValuePredicateItem,\n) {\n  if (isFilterFieldValidatorMapDurationSpecification(predicate)) {\n    return `${predicate.value}${predicate.unit}`;\n  } else if (isFilterFieldRichValuePredicate(predicate)) {\n    return `${predicate.value}`;\n  } else {\n    return `${predicate}`;\n  }\n}\n\n/**\n * Returns valid operators for the given key.\n * @internal\n */\nexport function getValidOperators(\n  key: string | undefined,\n  internalValidatorMap: InternalValidatorMap | undefined,\n  parserConfig?: FilterFieldProps['parserConfig'],\n): FilterFieldComparisonOperators[] {\n  key =\n    typeof key === 'string'\n      ? key.replace(/^\"(.*?(?<!\\\\)(?:\\\\\\\\)*)\"$/, '$1')\n      : key;\n\n  const defaultOperators: FilterFieldComparisonOperators[] = [\n    ...FILTERFIELD_DEFAULT_OPERATORS,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ...(parserConfig?.searchConversion\n      ? (['search'] as FilterFieldComparisonOperators[])\n      : []),\n  ];\n\n  if (!internalValidatorMap) {\n    return defaultOperators;\n  }\n\n  const globalOperators =\n    internalValidatorMap.comparisonOperators || defaultOperators;\n\n  const predicate = key\n    ? internalValidatorMap.normalizedKeys.byKey.get(key)\n    : undefined;\n\n  // Incomplete search operator, we don\u00B4t want to show operator suggestions.\n  if (!predicate && key === '*') {\n    return [];\n  }\n\n  if (!predicate) {\n    return globalOperators;\n  }\n\n  // Early exit if explicit operators are defined for the key.\n  if (predicate.comparisonOperators) {\n    return predicate.comparisonOperators;\n  }\n\n  // Determine allowed types. Explicit valueType takes precedence over valuePredicate inference.\n  let allowedTypes: (FilterFieldPrimitive | string)[] | 'Any';\n  if (predicate.valueType) {\n    allowedTypes = Array.isArray(predicate.valueType)\n      ? predicate.valueType\n      : [predicate.valueType];\n  } else if (\n    !predicate.valuePredicate ||\n    typeof predicate.valuePredicate === 'function'\n  ) {\n    allowedTypes = 'Any';\n  } else {\n    allowedTypes = getValidValueTypes(predicate.valuePredicate).types;\n  }\n\n  if (allowedTypes !== 'Any') {\n    return intersectOperators(\n      globalOperators,\n      allowedTypes.reduce((acc: FilterFieldComparisonOperators[], type) => {\n        acc.push(...getAllowedOperatorsForType(type));\n        return acc;\n      }, []),\n    );\n  }\n\n  return globalOperators;\n}\n\n/**\n * Maps operator names to their short names.\n */\nconst OPERATOR_SHORT_NAME_MAP: Record<string, string> = {\n  equals: '=',\n  'not-equals': '!=',\n  'less-than': '<',\n  'less-or-equal': '<=',\n  'greater-than': '>',\n  'greater-or-equal': '>=',\n  'matches-phrase': '~',\n  'not-matches-phrase': '!~',\n  in: 'in',\n  'not in': 'not in',\n  contains: 'contains',\n  'starts-with': 'starts-with',\n  'ends-with': 'ends-with',\n  'not-starts-with': 'not-starts-with',\n  'not-contains': 'not-contains',\n  'not-ends-with': 'not-ends-with',\n  exists: '= *',\n  'not-exists': '!= *',\n};\n\n/**\n * Returns valid operator short names\n * @internal\n */\nexport function getValidOperatorsShort(\n  key: string | undefined,\n  internalValidatorMap: InternalValidatorMap | undefined,\n  parserConfig: FilterFieldProps['parserConfig'],\n) {\n  const operators = getValidOperators(key, internalValidatorMap, parserConfig);\n  const result: string[] = [];\n\n  for (const [key, value] of Object.entries(OPERATOR_SHORT_NAME_MAP)) {\n    if (operators.includes(key as FilterFieldComparisonOperators)) {\n      result.push(value);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Lists valid operator short names (syntax colored, comma separated)\n * @internal\n */\nexport function getValidOperatorsColored(\n  key: string | undefined,\n  internalValidatorMap: InternalValidatorMap | undefined,\n  parserConfig: FilterFieldProps['parserConfig'],\n) {\n  return getValidOperatorsShort(key, internalValidatorMap, parserConfig)\n    .map(\n      (operator) =>\n        `<span style=\"color: ${Colors.Syntax.Operators}\">${operator}</span>`,\n    )\n    .join(', ');\n}\n\n/**\n * Get colored search operator\n * @internal\n */\nexport function getColoredSearchOperator() {\n  return `<span style=\"color: ${Colors.Syntax.Variable}\">*</span> <span style=\"color: ${Colors.Syntax.Operators}\">~</span>`;\n}\n\nfunction intersectOperators(\n  globalOperators: FilterFieldComparisonOperators[],\n  operators: FilterFieldComparisonOperators[],\n) {\n  return globalOperators.filter((op) => operators.includes(op));\n}\n"],
+  "mappings": "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",
+  "names": ["cleaned", "key"]
 }

package/esm/filters/filter-field/widgets/DeleteStatementWidget.js

@@ -19,7 +19,7 @@ class DeleteStatementWidget extends WidgetType {
     const range = document.createRange();
     const deleteButton = range.createContextualFragment(
       // Don't add spaces/linebreaks to the string since they will end up in the markup as well.
-      `<button type="button" class="${this.buttonStyles}" tabindex="-1" aria-label="Delete filter statement" data-from="${this.from}" data-to="${this.to}"><svg class="${styles.filterStatementDeleteIcon}" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8.01524 8.76946L11.9663 12.5459L12.8337 11.7167L8.88272 7.94032L12.7085 4.28358L11.841 3.45443L8.01524 7.11117L4.15895 3.42529L3.29148 4.25444L7.14776 7.94032L3.16626 11.7459L4.03374 12.575L8.01524 8.76946Z" fill="currentColor"/></svg></button>`
+      `<button type="button" class="${this.buttonStyles}" tabindex="-1" aria-label="Delete filter statement" data-dt-name="Remove" data-from="${this.from}" data-to="${this.to}"><svg class="${styles.filterStatementDeleteIcon}" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor"><path d="M8.01524 8.76946L11.9663 12.5459L12.8337 11.7167L8.88272 7.94032L12.7085 4.28358L11.841 3.45443L8.01524 7.11117L4.15895 3.42529L3.29148 4.25444L7.14776 7.94032L3.16626 11.7459L4.03374 12.575L8.01524 8.76946Z" fill="currentColor"/></svg></button>`
     );
     wrapper.appendChild(deleteButton);
     return wrapper;

package/esm/filters/filter-field/widgets/DeleteStatementWidget.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/widgets/DeleteStatementWidget.tsx"],
-  "sourcesContent": ["import { WidgetType } from '@codemirror/view';\n\nimport * as styles from '../FilterField.sty.js';\n\n/** @internal */\nexport class DeleteStatementWidget extends WidgetType {\n  readonly from: number;\n  readonly to: number;\n  readonly buttonStyles: string;\n\n  constructor(from: number, to: number, incomplete: boolean) {\n    super();\n\n    this.from = from;\n    this.to = to;\n    this.buttonStyles = styles.filterStatementDeleteButton({\n      incomplete: incomplete,\n    });\n  }\n\n  toDOM() {\n    const wrapper = document.createElement('span');\n    wrapper.setAttribute('aria-hidden', 'true');\n    wrapper.classList.add(styles.filterStatementDeleteWidget);\n    const range = document.createRange();\n    const deleteButton = range.createContextualFragment(\n      // Don't add spaces/linebreaks to the string since they will end up in the markup as well.\n      `<button type=\"button\" class=\"${this.buttonStyles}\" tabindex=\"-1\" aria-label=\"Delete filter statement\" data-from=\"${this.from}\" data-to=\"${this.to}\"><svg class=\"${styles.filterStatementDeleteIcon}\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8.01524 8.76946L11.9663 12.5459L12.8337 11.7167L8.88272 7.94032L12.7085 4.28358L11.841 3.45443L8.01524 7.11117L4.15895 3.42529L3.29148 4.25444L7.14776 7.94032L3.16626 11.7459L4.03374 12.575L8.01524 8.76946Z\" fill=\"currentColor\"/></svg></button>`,\n    );\n    wrapper.appendChild(deleteButton);\n    return wrapper;\n  }\n\n  ignoreEvent() {\n    return false;\n  }\n}\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,YAAY,YAAY;AAGjB,MAAM,8BAA8B,WAAW;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EAET,YAAY,MAAc,IAAY,YAAqB;AACzD,UAAM;AAEN,SAAK,OAAO;AACZ,SAAK,KAAK;AACV,SAAK,eAAe,OAAO,4BAA4B;AAAA,MACrD;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,QAAQ;AACN,UAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,YAAQ,aAAa,eAAe,MAAM;AAC1C,YAAQ,UAAU,IAAI,OAAO,2BAA2B;AACxD,UAAM,QAAQ,SAAS,YAAY;AACnC,UAAM,eAAe,MAAM;AAAA;AAAA,MAEzB,gCAAgC,KAAK,YAAY,mEAAmE,KAAK,IAAI,cAAc,KAAK,EAAE,iBAAiB,OAAO,yBAAyB;AAAA,IACrM;AACA,YAAQ,YAAY,YAAY;AAChC,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,EACT;AACF;",
+  "sourcesContent": ["import { WidgetType } from '@codemirror/view';\n\nimport * as styles from '../FilterField.sty.js';\n\n/** @internal */\nexport class DeleteStatementWidget extends WidgetType {\n  readonly from: number;\n  readonly to: number;\n  readonly buttonStyles: string;\n\n  constructor(from: number, to: number, incomplete: boolean) {\n    super();\n\n    this.from = from;\n    this.to = to;\n    this.buttonStyles = styles.filterStatementDeleteButton({\n      incomplete: incomplete,\n    });\n  }\n\n  toDOM() {\n    const wrapper = document.createElement('span');\n    wrapper.setAttribute('aria-hidden', 'true');\n    wrapper.classList.add(styles.filterStatementDeleteWidget);\n    const range = document.createRange();\n    const deleteButton = range.createContextualFragment(\n      // Don't add spaces/linebreaks to the string since they will end up in the markup as well.\n      `<button type=\"button\" class=\"${this.buttonStyles}\" tabindex=\"-1\" aria-label=\"Delete filter statement\" data-dt-name=\"Remove\" data-from=\"${this.from}\" data-to=\"${this.to}\"><svg class=\"${styles.filterStatementDeleteIcon}\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M8.01524 8.76946L11.9663 12.5459L12.8337 11.7167L8.88272 7.94032L12.7085 4.28358L11.841 3.45443L8.01524 7.11117L4.15895 3.42529L3.29148 4.25444L7.14776 7.94032L3.16626 11.7459L4.03374 12.575L8.01524 8.76946Z\" fill=\"currentColor\"/></svg></button>`,\n    );\n    wrapper.appendChild(deleteButton);\n    return wrapper;\n  }\n\n  ignoreEvent() {\n    return false;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAE3B,YAAY,YAAY;AAGjB,MAAM,8BAA8B,WAAW;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EAET,YAAY,MAAc,IAAY,YAAqB;AACzD,UAAM;AAEN,SAAK,OAAO;AACZ,SAAK,KAAK;AACV,SAAK,eAAe,OAAO,4BAA4B;AAAA,MACrD;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,QAAQ;AACN,UAAM,UAAU,SAAS,cAAc,MAAM;AAC7C,YAAQ,aAAa,eAAe,MAAM;AAC1C,YAAQ,UAAU,IAAI,OAAO,2BAA2B;AACxD,UAAM,QAAQ,SAAS,YAAY;AACnC,UAAM,eAAe,MAAM;AAAA;AAAA,MAEzB,gCAAgC,KAAK,YAAY,yFAAyF,KAAK,IAAI,cAAc,KAAK,EAAE,iBAAiB,OAAO,yBAAyB;AAAA,IAC3N;AACA,YAAQ,YAAY,YAAY;AAChC,WAAO;AAAA,EACT;AAAA,EAEA,cAAc;AACZ,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/esm/filters/index.js

@@ -11,6 +11,7 @@ import { escapeSuggestion } from "./filter-field/utils/escape-suggestion.js";
 import { convertStringToFilterFieldTree } from "./filter-field/utils/conversion/string-tree-conversion.js";
 import { convertFilterFieldTreeToString } from "./filter-field/utils/conversion/tree-string-conversion.js";
 import { FILTERFIELD_DEFAULT_OPERATORS } from "./filter-field/utils/validation-utils/operator-specification.js";
+import { migrateFilterFieldKeyPredicatesToArray } from "./filter-field/utils/migrate-validator-map.js";
 import { SegmentSelector } from "./segment-selector/SegmentSelector.js";
 import { useSegments } from "./segment-selector/hooks/useSegments.js";
 import { SegmentsProvider } from "./segment-selector/contexts/SegmentsStore/SegmentsContext.js";
@@ -30,6 +31,7 @@ export {
   escapeSuggestion as escapeFilterFieldSuggestion,
   isFilterFieldLeafNode,
   isFilterFieldListNode,
+  migrateFilterFieldKeyPredicatesToArray,
   useSegments
 };
 //# sourceMappingURL=index.js.map

package/esm/filters/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/filters/index.ts"],
-  "sourcesContent": ["export { FilterBar } from './filter/FilterBar.js';\nexport type {\n  FilterBarProps,\n  ControlledFilterBarProps,\n  UncontrolledFilterBarProps,\n  BaseFilterBarProps,\n} from './filter/FilterBar.js';\nexport type { FilterBarItemProps } from './filter/Item.js';\nexport type { ResetButtonProps } from './filter/ResetButton.js';\nexport type { FilterItemValues } from './filter/types/shared-filter-types.js';\nexport type {\n  PinnedState,\n  PinnedStateValues,\n} from './filter/types/filter-state.types.js';\n\nexport { FilterField } from './filter-field/FilterField.js';\nexport {\n  FilterStatement as _FilterStatement,\n  type FilterStatementProps as _FilterStatementProps,\n} from './filter-field/components/FilterStatement.js';\nexport type { FilterFieldRef } from './filter-field/FilterField.js';\nexport type { FilterFieldProps } from './filter-field/FilterField.types.js';\nexport type {\n  FilterFieldGroupedSuggestions,\n  FilterFieldSuggestionsCallback,\n} from './filter-field/types/suggestions.js';\nexport type {\n  FilterFieldCustomTypes,\n  FilterFieldValidatorMap,\n  FilterFieldValidatorMapTypePredicate,\n  FilterFieldComparisonOperators,\n  FilterFieldValuePredicate,\n  FilterFieldPrimitive,\n  FilterFieldDuration,\n  FilterFieldRichValuePredicate,\n  FilterFieldValuePredicateFn,\n  FilterFieldValueMatchFn,\n} from './filter-field/types/validation.js';\nexport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from './filter-field/suggestions/Suggestion.types.js';\nexport type { FilterFieldSuggestionsProps } from './filter-field/suggestions/Suggestions.js';\nexport type {\n  FilterFieldSuggestionGroup,\n  FilterFieldSuggestionGroupProps,\n} from './filter-field/suggestions/SuggestionGroup.types.js';\nexport type { FilterFieldSuggestionGroupLabelProps } from './filter-field/suggestions/SuggestionGroupLabel.js';\nexport type { FilterFieldSuggestionDetailsProps } from './filter-field/suggestions/SuggestionDetails.js';\nexport type {\n  FilterFieldGroupNode,\n  FilterFieldRootNode,\n  FilterFieldBooleanNode,\n  FilterFieldComparisonOperatorNode,\n  FilterFieldDurationNode,\n  FilterFieldExistsOperatorNode,\n  FilterFieldErrorNode,\n  FilterFieldInclusionOperatorNode,\n  FilterFieldKeyNode,\n  FilterFieldLeafNode,\n  FilterFieldListNode,\n  FilterFieldNode,\n  FilterFieldNodeBase,\n  FilterFieldNumberNode,\n  FilterFieldBigIntNode,\n  FilterFieldSearchOperatorNode,\n  FilterFieldStatementNode,\n  FilterFieldStringNode,\n  FilterFieldVariableNode,\n  FilterFieldTree,\n  FilterFieldValueNode,\n  FilterFieldJSONPathNode,\n  FilterFieldIPAddressNode,\n  FilterFieldUIDNode,\n  FilterFieldSmartscapeIdNode,\n  FilterFieldTimestampNode,\n} from './filter-field/types/tree-nodes.js';\nexport type {\n  SimpleFilterFieldGroupNode,\n  SimpleFilterFieldRootNode,\n  SimpleFilterFieldBooleanNode,\n  SimpleFilterFieldComparisonOperatorNode,\n  SimpleFilterFieldDurationNode,\n  SimpleFilterFieldExistsOperatorNode,\n  SimpleFilterFieldErrorNode,\n  SimpleFilterFieldInclusionOperatorNode,\n  SimpleFilterFieldKeyNode,\n  SimpleFilterFieldLeafNode,\n  SimpleFilterFieldListNode,\n  SimpleFilterFieldNode,\n  SimpleFilterFieldNodeBase,\n  SimpleFilterFieldNumberNode,\n  SimpleFilterFieldBigIntNode,\n  SimpleFilterFieldSearchOperatorNode,\n  SimpleFilterFieldStatementNode,\n  SimpleFilterFieldStringNode,\n  SimpleFilterFieldVariableNode,\n  SimpleFilterFieldTree,\n  SimpleFilterFieldValueNode,\n  SimpleFilterFieldJSONPathNode,\n  SimpleFilterFieldIPAddressNode,\n  SimpleFilterFieldUIDNode,\n  SimpleFilterFieldSmartscapeIdNode,\n  SimpleFilterFieldTimestampNode,\n} from './filter-field/types/conversion-tree-nodes.js';\nexport {\n  isFilterFieldLeafNode,\n  isFilterFieldListNode,\n} from './filter-field/utils/tree-node-guards.js';\nexport { escapeSuggestion as escapeFilterFieldSuggestion } from './filter-field/utils/escape-suggestion.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { convertStringToFilterFieldTree } from './filter-field/utils/conversion/string-tree-conversion.js';\nexport { convertFilterFieldTreeToString } from './filter-field/utils/conversion/tree-string-conversion.js';\nexport { FILTERFIELD_DEFAULT_OPERATORS } from './filter-field/utils/validation-utils/operator-specification.js';\n\nexport { SegmentSelector } from './segment-selector/SegmentSelector.js';\nexport type {\n  SegmentSelectorProps,\n  SegmentSelectorRef,\n} from './segment-selector/SegmentSelector.types.js';\nexport type { SegmentSelectorCustomTriggerProps } from './segment-selector/CustomTrigger.js';\n\n/** remove export when segments store and context moves to react-hooks pkg */\nexport { useSegments } from './segment-selector/hooks/useSegments.js';\nexport { SegmentsProvider } from './segment-selector/contexts/SegmentsStore/SegmentsContext.js';\n/** ******************************************************************** **/\n\nexport { TimeframeSelector } from './timeframe-selector/TimeframeSelector.js';\nexport { TIMEFRAME_SELECTOR_PRESETS } from './timeframe-selector/constants/timeframe-presets.js';\nexport type {\n  // DEPRECATION: [APPDEV-16487] BREAKING-CHANGE: Forms - Remove deprecated parseTime.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TimeframeDetails,\n  TimeframeSelectorProps,\n} from './timeframe-selector/TimeframeSelector.types.js';\nexport type { TimeframeSelectorPresetItemProps } from './timeframe-selector/components/presets/PresetItem.js';\nexport type { TimeframeSelectorPresetsProps } from './timeframe-selector/components/presets/Presets.js';\nexport type { TimeframeSelectorTriggerProps } from './timeframe-selector/components/trigger/Trigger.js';\nexport type { TimeframeSelectorCustomTriggerProps } from './timeframe-selector/components/trigger/CustomTrigger.js';\nexport type { TimeframeSelectorDisplayValueProps } from './timeframe-selector/components/trigger/DisplayValue.js';\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAe1B,SAAS,mBAAmB;AAC5B;AAAA,EACqB;AAAA,OAEd;AAsFP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAA6B,wBAAmC;AAEhE,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C,SAAS,qCAAqC;AAE9C,SAAS,uBAAuB;AAQhC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAGjC,SAAS,yBAAyB;AAClC,SAAS,kCAAkC;",
+  "sourcesContent": ["export { FilterBar } from './filter/FilterBar.js';\nexport type {\n  FilterBarProps,\n  ControlledFilterBarProps,\n  UncontrolledFilterBarProps,\n  BaseFilterBarProps,\n} from './filter/FilterBar.js';\nexport type { FilterBarItemProps } from './filter/Item.js';\nexport type { ResetButtonProps } from './filter/ResetButton.js';\nexport type { FilterItemValues } from './filter/types/shared-filter-types.js';\nexport type {\n  PinnedState,\n  PinnedStateValues,\n} from './filter/types/filter-state.types.js';\n\nexport { FilterField } from './filter-field/FilterField.js';\nexport {\n  FilterStatement as _FilterStatement,\n  type FilterStatementProps as _FilterStatementProps,\n} from './filter-field/components/FilterStatement.js';\nexport type { FilterFieldRef } from './filter-field/FilterField.js';\nexport type { FilterFieldProps } from './filter-field/FilterField.types.js';\nexport type {\n  FilterFieldGroupedSuggestions,\n  FilterFieldSuggestionsCallback,\n} from './filter-field/types/suggestions.js';\nexport type {\n  FilterFieldCustomTypes,\n  FilterFieldValidatorMap,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FilterFieldValidatorMapTypePredicate,\n  FilterFieldComparisonOperators,\n  FilterFieldValuePredicate,\n  FilterFieldValuePredicateItem,\n  FilterFieldValueSuggestionGroupConfig,\n  FilterFieldPrimitive,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  FilterFieldDuration,\n  FilterFieldRichValuePredicate,\n  FilterFieldValuePredicateFn,\n  FilterFieldValueMatchFn,\n  FilterFieldKeySuggestionConfig,\n  FilterFieldKeySuggestionGroupConfig,\n} from './filter-field/types/validation.js';\nexport type {\n  FilterFieldSuggestion,\n  FilterFieldSuggestionProps,\n} from './filter-field/suggestions/Suggestion.types.js';\nexport type { FilterFieldSuggestionsProps } from './filter-field/suggestions/Suggestions.js';\nexport type {\n  FilterFieldSuggestionGroup,\n  FilterFieldSuggestionGroupProps,\n} from './filter-field/suggestions/SuggestionGroup.types.js';\nexport type { FilterFieldSuggestionGroupLabelProps } from './filter-field/suggestions/SuggestionGroupLabel.js';\nexport type { FilterFieldSuggestionDetailsProps } from './filter-field/suggestions/SuggestionDetails.js';\nexport type {\n  FilterFieldGroupNode,\n  FilterFieldRootNode,\n  FilterFieldBooleanNode,\n  FilterFieldComparisonOperatorNode,\n  FilterFieldDurationNode,\n  FilterFieldExistsOperatorNode,\n  FilterFieldErrorNode,\n  FilterFieldInclusionOperatorNode,\n  FilterFieldKeyNode,\n  FilterFieldLeafNode,\n  FilterFieldListNode,\n  FilterFieldNode,\n  FilterFieldNodeBase,\n  FilterFieldNumberNode,\n  FilterFieldBigIntNode,\n  FilterFieldSearchOperatorNode,\n  FilterFieldStatementNode,\n  FilterFieldStringNode,\n  FilterFieldVariableNode,\n  FilterFieldTree,\n  FilterFieldValueNode,\n  FilterFieldJSONPathNode,\n  FilterFieldIPAddressNode,\n  FilterFieldUIDNode,\n  FilterFieldSmartscapeIdNode,\n  FilterFieldTimestampNode,\n} from './filter-field/types/tree-nodes.js';\nexport type {\n  SimpleFilterFieldGroupNode,\n  SimpleFilterFieldRootNode,\n  SimpleFilterFieldBooleanNode,\n  SimpleFilterFieldComparisonOperatorNode,\n  SimpleFilterFieldDurationNode,\n  SimpleFilterFieldExistsOperatorNode,\n  SimpleFilterFieldErrorNode,\n  SimpleFilterFieldInclusionOperatorNode,\n  SimpleFilterFieldKeyNode,\n  SimpleFilterFieldLeafNode,\n  SimpleFilterFieldListNode,\n  SimpleFilterFieldNode,\n  SimpleFilterFieldNodeBase,\n  SimpleFilterFieldNumberNode,\n  SimpleFilterFieldBigIntNode,\n  SimpleFilterFieldSearchOperatorNode,\n  SimpleFilterFieldStatementNode,\n  SimpleFilterFieldStringNode,\n  SimpleFilterFieldVariableNode,\n  SimpleFilterFieldTree,\n  SimpleFilterFieldValueNode,\n  SimpleFilterFieldJSONPathNode,\n  SimpleFilterFieldIPAddressNode,\n  SimpleFilterFieldUIDNode,\n  SimpleFilterFieldSmartscapeIdNode,\n  SimpleFilterFieldTimestampNode,\n} from './filter-field/types/conversion-tree-nodes.js';\nexport {\n  isFilterFieldLeafNode,\n  isFilterFieldListNode,\n} from './filter-field/utils/tree-node-guards.js';\nexport { escapeSuggestion as escapeFilterFieldSuggestion } from './filter-field/utils/escape-suggestion.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { convertStringToFilterFieldTree } from './filter-field/utils/conversion/string-tree-conversion.js';\nexport { convertFilterFieldTreeToString } from './filter-field/utils/conversion/tree-string-conversion.js';\nexport { FILTERFIELD_DEFAULT_OPERATORS } from './filter-field/utils/validation-utils/operator-specification.js';\nexport { migrateFilterFieldKeyPredicatesToArray } from './filter-field/utils/migrate-validator-map.js';\n\nexport { SegmentSelector } from './segment-selector/SegmentSelector.js';\nexport type {\n  SegmentSelectorProps,\n  SegmentSelectorRef,\n} from './segment-selector/SegmentSelector.types.js';\nexport type { SegmentSelectorCustomTriggerProps } from './segment-selector/CustomTrigger.js';\n\n/** remove export when segments store and context moves to react-hooks pkg */\nexport { useSegments } from './segment-selector/hooks/useSegments.js';\nexport { SegmentsProvider } from './segment-selector/contexts/SegmentsStore/SegmentsContext.js';\n/** ******************************************************************** **/\n\nexport { TimeframeSelector } from './timeframe-selector/TimeframeSelector.js';\nexport { TIMEFRAME_SELECTOR_PRESETS } from './timeframe-selector/constants/timeframe-presets.js';\nexport type {\n  // DEPRECATION: [APPDEV-16487] BREAKING-CHANGE: Forms - Remove deprecated parseTime.\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  TimeframeDetails,\n  TimeframeSelectorProps,\n} from './timeframe-selector/TimeframeSelector.types.js';\nexport type { TimeframeSelectorPresetItemProps } from './timeframe-selector/components/presets/PresetItem.js';\nexport type { TimeframeSelectorPresetsProps } from './timeframe-selector/components/presets/Presets.js';\nexport type { TimeframeSelectorTriggerProps } from './timeframe-selector/components/trigger/Trigger.js';\nexport type { TimeframeSelectorCustomTriggerProps } from './timeframe-selector/components/trigger/CustomTrigger.js';\nexport type { TimeframeSelectorDisplayValueProps } from './timeframe-selector/components/trigger/DisplayValue.js';\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAe1B,SAAS,mBAAmB;AAC5B;AAAA,EACqB;AAAA,OAEd;AA4FP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAA6B,wBAAmC;AAEhE,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C,SAAS,qCAAqC;AAC9C,SAAS,8CAA8C;AAEvD,SAAS,uBAAuB;AAQhC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AAGjC,SAAS,yBAAyB;AAClC,SAAS,kCAAkC;",
   "names": []
 }

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

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

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

@@ -1,8 +1,8 @@
 import "./SegmentSelector.css";
-var overwriteTooltipElementPadding = "_11m6jkl3-3-2-0";
-var segmentSelectorList = "_11m6jkl0-3-2-0";
-var segmentSelectorListItem = "_11m6jkl1-3-2-0";
-var tooltipMaxHeight = "_11m6jkl2-3-2-0";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-3-0";
+var segmentSelectorList = "_11m6jkl0-3-3-0";
+var segmentSelectorListItem = "_11m6jkl1-3-3-0";
+var tooltipMaxHeight = "_11m6jkl2-3-3-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-2-0';\nexport var segmentSelectorList = '_11m6jkl0-3-2-0';\nexport var segmentSelectorListItem = '_11m6jkl1-3-2-0';\nexport var tooltipMaxHeight = '_11m6jkl2-3-2-0';"],
+  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-3-0';\nexport var segmentSelectorList = '_11m6jkl0-3-3-0';\nexport var segmentSelectorListItem = '_11m6jkl1-3-3-0';\nexport var tooltipMaxHeight = '_11m6jkl2-3-3-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-2-0._awal5d0-3-2-0 {
+._awal5d0-3-3-0._awal5d0-3-3-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-2-0";
+var AppLinkButtonCSS = "_awal5d0-3-3-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-2-0';"],
+  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-3-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,10 +1,10 @@
-._bqi6d90-3-2-0 {
+._bqi6d90-3-3-0 {
   height: 15px;
   align-self: center;
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: var(--dt-spacings-size-8, 8px);
 }
-._bqi6d91-3-2-0._bqi6d91-3-2-0 {
+._bqi6d91-3-3-0._bqi6d91-3-3-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-2-0 {
+._bqi6d92-3-3-0 {
   max-width: 480px;
   min-width: 320px;
   box-sizing: border-box;
   overflow: hidden;
 }
-._bqi6d93-3-2-0 {
+._bqi6d93-3-3-0 {
   max-height: 396px;
   overflow: auto;
   box-sizing: border-box;
 }
-._bqi6d93-3-2-0 ._bqi6d94-3-2-0 {
+._bqi6d93-3-3-0 ._bqi6d94-3-3-0 {
   overflow: hidden;
 }
-._bqi6d95-3-2-0 {
+._bqi6d95-3-3-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._bqi6d96-3-2-0._bqi6d96-3-2-0 {
+._bqi6d96-3-3-0._bqi6d96-3-3-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-2-0 > fieldset > div {
+._bqi6d97-3-3-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-2-0";
-var fieldSet = "_bqi6d97-3-2-0";
-var isAnimating = "_bqi6d94-3-2-0";
-var legend = "_bqi6d96-3-2-0";
-var link = "_bqi6d95-3-2-0";
-var menuLink = "_bqi6d91-3-2-0";
-var overlayDefaultWidth = "_bqi6d92-3-2-0";
-var scrollContainer = "_bqi6d93-3-2-0";
+var divider = "_bqi6d90-3-3-0";
+var fieldSet = "_bqi6d97-3-3-0";
+var isAnimating = "_bqi6d94-3-3-0";
+var legend = "_bqi6d96-3-3-0";
+var link = "_bqi6d95-3-3-0";
+var menuLink = "_bqi6d91-3-3-0";
+var overlayDefaultWidth = "_bqi6d92-3-3-0";
+var scrollContainer = "_bqi6d93-3-3-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-2-0';\nexport var fieldSet = '_bqi6d97-3-2-0';\nexport var isAnimating = '_bqi6d94-3-2-0';\nexport var legend = '_bqi6d96-3-2-0';\nexport var link = '_bqi6d95-3-2-0';\nexport var menuLink = '_bqi6d91-3-2-0';\nexport var overlayDefaultWidth = '_bqi6d92-3-2-0';\nexport var scrollContainer = '_bqi6d93-3-2-0';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-3-0';\nexport var fieldSet = '_bqi6d97-3-3-0';\nexport var isAnimating = '_bqi6d94-3-3-0';\nexport var legend = '_bqi6d96-3-3-0';\nexport var link = '_bqi6d95-3-3-0';\nexport var menuLink = '_bqi6d91-3-3-0';\nexport var overlayDefaultWidth = '_bqi6d92-3-3-0';\nexport var scrollContainer = '_bqi6d93-3-3-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/SegmentFooter.js

@@ -55,7 +55,7 @@ const SegmentFooter = () => {
           {
             href: "https://dt-url.net/segments-documentation",
             className: styles.link,
-            "data-dt-name": "LearnMoreSegments",
+            "data-dt-name": "LearnMoreAboutSegments",
             children: intl.formatMessage(SEGMENTSELECTOR_MESSAGES.docsLinkText)
           }
         )

package/esm/filters/segment-selector/parts/SegmentFooter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/SegmentFooter.tsx"],
-  "sourcesContent": ["import { useContext } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { SettingIcon } from '@dynatrace/strato-icons';\n\nimport { sendManagementAddOnIntent } from './sendSegmentManagementAddOnIntent.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../segmentMessages.js';\nimport * as styles from './Overlay.sty.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { useOverlayStacking } from '../../../core/hooks/useOverlayStacking.js';\nimport { Grid } from '../../../layouts/grid/Grid.js';\nimport { Tooltip } from '../../../overlays/tooltip/Tooltip.js';\nimport { ExternalLink } from '../../../typography/external-link/ExternalLink.js';\nimport { segmentsClient } from '../contexts/SegmentsCache/SegmentsCache.js';\nimport { UISegmentsContext } from '../contexts/SegmentsUI/SegmentsUIContext.js';\n\nexport const SegmentFooter = () => {\n  const intl = useIntl();\n  const stackingContext = useOverlayStacking(undefined, 'overlay');\n\n  const { readOnly } = useContext(UISegmentsContext);\n\n  return (\n    <Grid\n      rowGap={8}\n      columnGap={0}\n      px={12}\n      pb={segmentsClient.hasAccessRights ? 2 : 4}\n      pt={2}\n      mt={8}\n      gridTemplateColumns={\n        segmentsClient.hasAccessRights && !readOnly ? 'auto 1fr' : '1fr'\n      }\n      justifyItems=\"end\"\n      alignItems=\"center\"\n    >\n      {segmentsClient.hasAccessRights && !readOnly && (\n        <Tooltip\n          placement=\"right\"\n          text={intl.formatMessage(SEGMENTSELECTOR_MESSAGES.manageSegments)}\n          style={{ zIndex: Number(stackingContext.style.zIndex) + 1 }}\n        >\n          <Button\n            onClick={sendManagementAddOnIntent}\n            size=\"condensed\"\n            className={styles.link}\n            aria-label={intl.formatMessage(\n              SEGMENTSELECTOR_MESSAGES.manageSegments,\n            )}\n            data-dt-name=\"ManageSegments\"\n          >\n            <SettingIcon />\n          </Button>\n        </Tooltip>\n      )}\n      <ExternalLink\n        href=\"https://dt-url.net/segments-documentation\"\n        className={styles.link}\n        data-dt-name=\"LearnMoreSegments\"\n      >\n        {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.docsLinkText)}\n      </ExternalLink>\n    </Grid>\n  );\n};\n"],
+  "sourcesContent": ["import { useContext } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { SettingIcon } from '@dynatrace/strato-icons';\n\nimport { sendManagementAddOnIntent } from './sendSegmentManagementAddOnIntent.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../segmentMessages.js';\nimport * as styles from './Overlay.sty.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { useOverlayStacking } from '../../../core/hooks/useOverlayStacking.js';\nimport { Grid } from '../../../layouts/grid/Grid.js';\nimport { Tooltip } from '../../../overlays/tooltip/Tooltip.js';\nimport { ExternalLink } from '../../../typography/external-link/ExternalLink.js';\nimport { segmentsClient } from '../contexts/SegmentsCache/SegmentsCache.js';\nimport { UISegmentsContext } from '../contexts/SegmentsUI/SegmentsUIContext.js';\n\nexport const SegmentFooter = () => {\n  const intl = useIntl();\n  const stackingContext = useOverlayStacking(undefined, 'overlay');\n\n  const { readOnly } = useContext(UISegmentsContext);\n\n  return (\n    <Grid\n      rowGap={8}\n      columnGap={0}\n      px={12}\n      pb={segmentsClient.hasAccessRights ? 2 : 4}\n      pt={2}\n      mt={8}\n      gridTemplateColumns={\n        segmentsClient.hasAccessRights && !readOnly ? 'auto 1fr' : '1fr'\n      }\n      justifyItems=\"end\"\n      alignItems=\"center\"\n    >\n      {segmentsClient.hasAccessRights && !readOnly && (\n        <Tooltip\n          placement=\"right\"\n          text={intl.formatMessage(SEGMENTSELECTOR_MESSAGES.manageSegments)}\n          style={{ zIndex: Number(stackingContext.style.zIndex) + 1 }}\n        >\n          <Button\n            onClick={sendManagementAddOnIntent}\n            size=\"condensed\"\n            className={styles.link}\n            aria-label={intl.formatMessage(\n              SEGMENTSELECTOR_MESSAGES.manageSegments,\n            )}\n            data-dt-name=\"ManageSegments\"\n          >\n            <SettingIcon />\n          </Button>\n        </Tooltip>\n      )}\n      <ExternalLink\n        href=\"https://dt-url.net/segments-documentation\"\n        className={styles.link}\n        data-dt-name=\"LearnMoreAboutSegments\"\n      >\n        {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.docsLinkText)}\n      </ExternalLink>\n    </Grid>\n  );\n};\n"],
   "mappings": "AAuBI,SA4BQ,KA5BR;AAvBJ,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AAExB,SAAS,mBAAmB;AAE5B,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AACzC,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,0BAA0B;AACnC,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAE3B,MAAM,gBAAgB,MAAM;AACjC,QAAM,OAAO,QAAQ;AACrB,QAAM,kBAAkB,mBAAmB,QAAW,SAAS;AAE/D,QAAM,EAAE,SAAS,IAAI,WAAW,iBAAiB;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,IAAI,eAAe,kBAAkB,IAAI;AAAA,MACzC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,qBACE,eAAe,mBAAmB,CAAC,WAAW,aAAa;AAAA,MAE7D,cAAa;AAAA,MACb,YAAW;AAAA,MAEV;AAAA,uBAAe,mBAAmB,CAAC,YAClC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAM,KAAK,cAAc,yBAAyB,cAAc;AAAA,YAChE,OAAO,EAAE,QAAQ,OAAO,gBAAgB,MAAM,MAAM,IAAI,EAAE;AAAA,YAE1D;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,MAAK;AAAA,gBACL,WAAW,OAAO;AAAA,gBAClB,cAAY,KAAK;AAAA,kBACf,yBAAyB;AAAA,gBAC3B;AAAA,gBACA,gBAAa;AAAA,gBAEb,8BAAC,eAAY;AAAA;AAAA,YACf;AAAA;AAAA,QACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAW,OAAO;AAAA,YAClB,gBAAa;AAAA,YAEZ,eAAK,cAAc,yBAAyB,YAAY;AAAA;AAAA,QAC3D;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -1,17 +1,17 @@
-._7mq3is0-3-2-0 {
+._7mq3is0-3-3-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-2-0 {
+._7mq3is1-3-3-0 {
   height: 0;
   opacity: 0;
 }
-._7mq3is2-3-2-0 {
+._7mq3is2-3-3-0 {
   height: auto;
   opacity: 1;
 }
-._7mq3is3-3-2-0 {
+._7mq3is3-3-3-0 {
   all: unset;
 }

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

@@ -52,7 +52,7 @@ const ShowMorePanelRoot = ({ children }) => {
     return primaryContent;
   }
   const icon = isExpanded ? /* @__PURE__ */ jsx(ChevronUpSmallIcon, {}) : /* @__PURE__ */ jsx(ChevronDownSmallIcon, {});
-  const dataDtName = isExpanded ? "ShowLessSegments" : "ShowMoreSegments";
+  const dataDtProperties = `state:${isExpanded ? "less" : "more"}`;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("ul", { className: styles.list, children: primaryContent }),
     isExpanded && /* @__PURE__ */ jsx(
@@ -76,7 +76,8 @@ const ShowMorePanelRoot = ({ children }) => {
           transitionDuration: "0s",
           transition: "none"
         },
-        "data-dt-name": dataDtName,
+        "data-dt-name": "ShowMoreLess",
+        "data-dt-properties": dataDtProperties,
         children: /* @__PURE__ */ jsxs(Flex, { gap: 2, as: "span", paddingLeft: 4, children: [
           /* @__PURE__ */ jsx(
             FormattedMessage,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  useMemo,\n  useState,\n  type PropsWithChildren,\n  type ReactNode,\n  Children,\n} from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport {\n  ChevronDownSmallIcon,\n  ChevronUpSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport * as styles from './ShowMorePanel.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { isDev } from '../../../../core/utils/is-node-environment.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\n\n/**\n * Compound component for the extendable content of the show more panel.\n */\nconst ExtendedContent = ({ children }: PropsWithChildren) => children;\n\n/**\n * Compound component for the always visible content of the show more panel.\n */\nconst PrimaryContent = ({ children }: PropsWithChildren) => children;\n\nfunction useChildrenSlots(children: ReactNode) {\n  const memoizedSlots = useMemo(() => {\n    const slots: {\n      extendedContent?: ReactNode;\n      primaryContent?: ReactNode;\n    } = {};\n\n    Children.forEach(children, (child) => {\n      if (isElement(child)) {\n        switch (child.type) {\n          case ExtendedContent:\n            slots.extendedContent = child;\n            break;\n          case PrimaryContent:\n          default:\n            slots.primaryContent = child;\n            break;\n        }\n      }\n    });\n    return slots;\n  }, [children]);\n\n  return memoizedSlots;\n}\n\n/**\n * Panel with a show more/less control for the collapsing of segment presets.\n * @internal\n */\nconst ShowMorePanelRoot = ({ children }: PropsWithChildren) => {\n  const { primaryContent, extendedContent } = useChildrenSlots(children);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!children) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'SegmentSelector: The used child is not supported by the ExpandableSection.',\n      );\n    }\n    return null;\n  }\n\n  if (!extendedContent) {\n    return primaryContent;\n  }\n\n  const icon = isExpanded ? <ChevronUpSmallIcon /> : <ChevronDownSmallIcon />;\n  const dataDtName = isExpanded ? 'ShowLessSegments' : 'ShowMoreSegments';\n\n  return (\n    <>\n      <ul className={styles.list}>{primaryContent}</ul>\n      {isExpanded && (\n        <ul\n          className={clsx(styles.expandableWrapper, {\n            [styles.expandableWrapperExpanded]: isExpanded,\n            [styles.expandableWrapperCollapsed]: !isExpanded,\n          })}\n        >\n          {extendedContent}\n        </ul>\n      )}\n      <Button\n        onClick={() => setIsExpanded((previousState) => !previousState)}\n        width=\"full\"\n        textAlign=\"start\"\n        style={{\n          transitionTimingFunction: 'none',\n          transitionDuration: '0s',\n          transition: 'none',\n        }}\n        data-dt-name={dataDtName}\n      >\n        <Flex gap={2} as=\"span\" paddingLeft={4}>\n          <FormattedMessage\n            defaultMessage=\"Show {isExpanded, select, true {less} false {more} other{}}\"\n            id=\"mYmd/xMZulbADHsY\"\n            description=\"Text shown on the expanding button within the SegmentSelector preset list, when currently expanded.\"\n            values={{ isExpanded }}\n          />\n          {icon}\n        </Flex>\n      </Button>\n    </>\n  );\n};\n\n/**\n * Panel with a show more/less control for the collapsing of segment presets.\n * @internal\n */\nexport const ShowMorePanel = Object.assign(ShowMorePanelRoot, {\n  PrimaryContent,\n  ExtendedContent,\n});\n"],
-  "mappings": "AA+E4B,SAIxB,UAJwB,KA2BpB,YA3BoB;AA/E5B,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAGA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AAKrB,MAAM,kBAAkB,CAAC,EAAE,SAAS,MAAyB;AAK7D,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAyB;AAE5D,SAAS,iBAAiB,UAAqB;AAC7C,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,QAGF,CAAC;AAEL,aAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,UAAI,UAAU,KAAK,GAAG;AACpB,gBAAQ,MAAM,MAAM;AAAA,UAClB,KAAK;AACH,kBAAM,kBAAkB;AACxB;AAAA,UACF,KAAK;AAAA,UACL;AACE,kBAAM,iBAAiB;AACvB;AAAA,QACJ;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACT;AAMA,MAAM,oBAAoB,CAAC,EAAE,SAAS,MAAyB;AAC7D,QAAM,EAAE,gBAAgB,gBAAgB,IAAI,iBAAiB,QAAQ;AACrE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,MAAI,CAAC,UAAU;AACb,QAAI,MAAM,GAAG;AAEX,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,aAAa,oBAAC,sBAAmB,IAAK,oBAAC,wBAAqB;AACzE,QAAM,aAAa,aAAa,qBAAqB;AAErD,SACE,iCACE;AAAA,wBAAC,QAAG,WAAW,OAAO,MAAO,0BAAe;AAAA,IAC3C,cACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,OAAO,mBAAmB;AAAA,UACxC,CAAC,OAAO,yBAAyB,GAAG;AAAA,UACpC,CAAC,OAAO,0BAA0B,GAAG,CAAC;AAAA,QACxC,CAAC;AAAA,QAEA;AAAA;AAAA,IACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,cAAc,CAAC,kBAAkB,CAAC,aAAa;AAAA,QAC9D,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,oBAAoB;AAAA,UACpB,YAAY;AAAA,QACd;AAAA,QACA,gBAAc;AAAA,QAEd,+BAAC,QAAK,KAAK,GAAG,IAAG,QAAO,aAAa,GACnC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA,cACZ,QAAQ,EAAE,WAAW;AAAA;AAAA,UACvB;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAMO,MAAM,gBAAgB,OAAO,OAAO,mBAAmB;AAAA,EAC5D;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  useMemo,\n  useState,\n  type PropsWithChildren,\n  type ReactNode,\n  Children,\n} from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport {\n  ChevronDownSmallIcon,\n  ChevronUpSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport * as styles from './ShowMorePanel.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { isDev } from '../../../../core/utils/is-node-environment.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\n\n/**\n * Compound component for the extendable content of the show more panel.\n */\nconst ExtendedContent = ({ children }: PropsWithChildren) => children;\n\n/**\n * Compound component for the always visible content of the show more panel.\n */\nconst PrimaryContent = ({ children }: PropsWithChildren) => children;\n\nfunction useChildrenSlots(children: ReactNode) {\n  const memoizedSlots = useMemo(() => {\n    const slots: {\n      extendedContent?: ReactNode;\n      primaryContent?: ReactNode;\n    } = {};\n\n    Children.forEach(children, (child) => {\n      if (isElement(child)) {\n        switch (child.type) {\n          case ExtendedContent:\n            slots.extendedContent = child;\n            break;\n          case PrimaryContent:\n          default:\n            slots.primaryContent = child;\n            break;\n        }\n      }\n    });\n    return slots;\n  }, [children]);\n\n  return memoizedSlots;\n}\n\n/**\n * Panel with a show more/less control for the collapsing of segment presets.\n * @internal\n */\nconst ShowMorePanelRoot = ({ children }: PropsWithChildren) => {\n  const { primaryContent, extendedContent } = useChildrenSlots(children);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!children) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'SegmentSelector: The used child is not supported by the ExpandableSection.',\n      );\n    }\n    return null;\n  }\n\n  if (!extendedContent) {\n    return primaryContent;\n  }\n\n  const icon = isExpanded ? <ChevronUpSmallIcon /> : <ChevronDownSmallIcon />;\n  const dataDtProperties = `state:${isExpanded ? 'less' : 'more'}`;\n\n  return (\n    <>\n      <ul className={styles.list}>{primaryContent}</ul>\n      {isExpanded && (\n        <ul\n          className={clsx(styles.expandableWrapper, {\n            [styles.expandableWrapperExpanded]: isExpanded,\n            [styles.expandableWrapperCollapsed]: !isExpanded,\n          })}\n        >\n          {extendedContent}\n        </ul>\n      )}\n      <Button\n        onClick={() => setIsExpanded((previousState) => !previousState)}\n        width=\"full\"\n        textAlign=\"start\"\n        style={{\n          transitionTimingFunction: 'none',\n          transitionDuration: '0s',\n          transition: 'none',\n        }}\n        data-dt-name=\"ShowMoreLess\"\n        data-dt-properties={dataDtProperties}\n      >\n        <Flex gap={2} as=\"span\" paddingLeft={4}>\n          <FormattedMessage\n            defaultMessage=\"Show {isExpanded, select, true {less} false {more} other{}}\"\n            id=\"mYmd/xMZulbADHsY\"\n            description=\"Text shown on the expanding button within the SegmentSelector preset list, when currently expanded.\"\n            values={{ isExpanded }}\n          />\n          {icon}\n        </Flex>\n      </Button>\n    </>\n  );\n};\n\n/**\n * Panel with a show more/less control for the collapsing of segment presets.\n * @internal\n */\nexport const ShowMorePanel = Object.assign(ShowMorePanelRoot, {\n  PrimaryContent,\n  ExtendedContent,\n});\n"],
+  "mappings": "AA+E4B,SAIxB,UAJwB,KA4BpB,YA5BoB;AA/E5B,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAGA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AAKrB,MAAM,kBAAkB,CAAC,EAAE,SAAS,MAAyB;AAK7D,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAyB;AAE5D,SAAS,iBAAiB,UAAqB;AAC7C,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,QAGF,CAAC;AAEL,aAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,UAAI,UAAU,KAAK,GAAG;AACpB,gBAAQ,MAAM,MAAM;AAAA,UAClB,KAAK;AACH,kBAAM,kBAAkB;AACxB;AAAA,UACF,KAAK;AAAA,UACL;AACE,kBAAM,iBAAiB;AACvB;AAAA,QACJ;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACT;AAMA,MAAM,oBAAoB,CAAC,EAAE,SAAS,MAAyB;AAC7D,QAAM,EAAE,gBAAgB,gBAAgB,IAAI,iBAAiB,QAAQ;AACrE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,MAAI,CAAC,UAAU;AACb,QAAI,MAAM,GAAG;AAEX,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,aAAa,oBAAC,sBAAmB,IAAK,oBAAC,wBAAqB;AACzE,QAAM,mBAAmB,SAAS,aAAa,SAAS,MAAM;AAE9D,SACE,iCACE;AAAA,wBAAC,QAAG,WAAW,OAAO,MAAO,0BAAe;AAAA,IAC3C,cACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,OAAO,mBAAmB;AAAA,UACxC,CAAC,OAAO,yBAAyB,GAAG;AAAA,UACpC,CAAC,OAAO,0BAA0B,GAAG,CAAC;AAAA,QACxC,CAAC;AAAA,QAEA;AAAA;AAAA,IACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,cAAc,CAAC,kBAAkB,CAAC,aAAa;AAAA,QAC9D,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,oBAAoB;AAAA,UACpB,YAAY;AAAA,QACd;AAAA,QACA,gBAAa;AAAA,QACb,sBAAoB;AAAA,QAEpB,+BAAC,QAAK,KAAK,GAAG,IAAG,QAAO,aAAa,GACnC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA,cACZ,QAAQ,EAAE,WAAW;AAAA;AAAA,UACvB;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAMO,MAAM,gBAAgB,OAAO,OAAO,mBAAmB;AAAA,EAC5D;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 import "./ShowMorePanel.css";
-var expandableWrapper = "_7mq3is0-3-2-0";
-var expandableWrapperCollapsed = "_7mq3is1-3-2-0";
-var expandableWrapperExpanded = "_7mq3is2-3-2-0";
-var list = "_7mq3is3-3-2-0";
+var expandableWrapper = "_7mq3is0-3-3-0";
+var expandableWrapperCollapsed = "_7mq3is1-3-3-0";
+var expandableWrapperExpanded = "_7mq3is2-3-3-0";
+var list = "_7mq3is3-3-3-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-2-0';\nexport var expandableWrapperCollapsed = '_7mq3is1-3-2-0';\nexport var expandableWrapperExpanded = '_7mq3is2-3-2-0';\nexport var list = '_7mq3is3-3-2-0';"],
+  "sourcesContent": ["import './ShowMorePanel.css';\nexport var expandableWrapper = '_7mq3is0-3-3-0';\nexport var expandableWrapperCollapsed = '_7mq3is1-3-3-0';\nexport var expandableWrapperExpanded = '_7mq3is2-3-3-0';\nexport var list = '_7mq3is3-3-3-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,6BAA6B;AACjC,IAAI,4BAA4B;AAChC,IAAI,OAAO;",
   "names": []
 }

package/esm/filters/segment-selector/parts/segmentsPresets/SegmentsPreset.js

@@ -255,7 +255,7 @@ const SegmentsPreset = (props) => {
   const color = isSelected ? "primary" : "neutral";
   const pinningTooltipText = usePinningTooltipText(pinLimitReached, isPinned);
   const icon = isPinned ? /* @__PURE__ */ jsx(PinOffIcon, {}) : /* @__PURE__ */ jsx(PinIcon, {});
-  const pinButtonDataDtName = isPinned ? "Unpin" : "Pin";
+  const pinButtonDataDtProperties = `state:${isPinned ? "unpin" : "pin"}`;
   const onClick = () => isPinned ? unpin.mutate(uiPreset.id) : pin.mutate(segments);
   const labelRef = useRef(null);
   const [showTooltip, setShowTooltip] = useState(false);
@@ -336,7 +336,8 @@ const SegmentsPreset = (props) => {
                     onClick,
                     disabled: pinLimitReached && !isPinned,
                     "aria-label": pinningTooltipText,
-                    "data-dt-name": pinButtonDataDtName,
+                    "data-dt-name": "PinUnpin",
+                    "data-dt-properties": pinButtonDataDtProperties,
                     children: icon
                   }
                 )