@dynatrace/strato-components 3.13.2 → 3.14.0

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  // oxlint-disable-next-line typescript/no-deprecated\n  FilterFieldValidatorMapTypePredicate,\n  FilterFieldComparisonOperators,\n  FilterFieldValuePredicate,\n  FilterFieldValuePredicateItem,\n  FilterFieldValueSuggestionGroupConfig,\n  FilterFieldPrimitive,\n  // oxlint-disable-next-line typescript/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 type {\n  FilterFieldDqlStatementNode,\n  FilterFieldDqlGroupNode,\n  FilterFieldDqlNode,\n  FilterFieldDqlRootNode,\n  FilterFieldDqlTree,\n  FilterFieldDqlOptions,\n} from './filter-field/types/dql-conversion-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// oxlint-disable-next-line typescript/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 {\n  convertFilterFieldTreeToDql,\n  enrichFilterFieldTreeWithDql,\n} from './filter-field/utils/conversion/dql-conversion/tree-dql-conversion.js';\nexport {\n  escapeDqlIdentifier,\n  escapeDqlStringLiteral,\n} from './filter-field/utils/conversion/dql-conversion/escape-dql.js';\nexport { addFilter } from './filter-field/utils/value-operations/add-filter.js';\nexport { removeFilter } from './filter-field/utils/value-operations/remove-filter.js';\nexport type {\n  FilterFieldValueOperationStatement,\n  FilterFieldValueOperationResult,\n} from './filter-field/types/value-operations.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  // oxlint-disable-next-line typescript/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;AAoGP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAA6B,wBAAmC;AAEhE,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAK7B,SAAS,qCAAqC;AAC9C,SAAS,8CAA8C;AAEvD,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  // oxlint-disable-next-line typescript/no-deprecated\n  FilterFieldValidatorMapTypePredicate,\n  FilterFieldComparisonOperators,\n  FilterFieldValuePredicate,\n  FilterFieldValuePredicateItem,\n  FilterFieldValueSuggestionGroupConfig,\n  FilterFieldPrimitive,\n  // oxlint-disable-next-line typescript/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 type {\n  FilterFieldDqlStatementNode,\n  FilterFieldDqlGroupNode,\n  FilterFieldDqlNode,\n  FilterFieldDqlRootNode,\n  FilterFieldDqlTree,\n  FilterFieldDqlOptions,\n} from './filter-field/types/dql-conversion-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// oxlint-disable-next-line typescript/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 {\n  convertFilterFieldTreeToDql,\n  enrichFilterFieldTreeWithDql,\n} from './filter-field/utils/conversion/dql-conversion/tree-dql-conversion.js';\nexport {\n  escapeDqlIdentifier,\n  escapeDqlStringLiteral,\n} from './filter-field/utils/conversion/dql-conversion/escape-dql.js';\nexport { addFilter } from './filter-field/utils/value-operations/add-filter.js';\nexport { removeFilter } from './filter-field/utils/value-operations/remove-filter.js';\nexport type {\n  FilterFieldValueOperationStatement,\n  FilterFieldValueOperationResult,\n  FilterFieldKeyOnlyStatement,\n  FilterFieldRemoveStatement,\n} from './filter-field/types/value-operations.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  // oxlint-disable-next-line typescript/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;AAoGP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAA6B,wBAAmC;AAEhE,SAAS,sCAAsC;AAC/C,SAAS,sCAAsC;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAO7B,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-13-2 {
+._11m6jkl0-3-14-0 {
   all: unset;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-8, 8px);
 }
-._11m6jkl1-3-13-2 {
+._11m6jkl1-3-14-0 {
   all: unset;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
 }
-._11m6jkl2-3-13-2 {
+._11m6jkl2-3-14-0 {
   max-height: 100px;
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._11m6jkl3-3-13-2 > div {
+._11m6jkl3-3-14-0 > div {
   padding-right: var(--dt-spacings-size-0, 0);
 }

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

@@ -46,6 +46,10 @@ import {
   useFormFieldValidation
 } from "../../forms/forms-core/hooks/useFormFieldValidation.js";
 import { useContainerFocus } from "../../forms/hooks/useContainerFocus.js";
+import {
+  NativeValidityStateKeys,
+  ValidationError
+} from "../../forms/validation/types.js";
 import { useCustomMessageEmitter } from "../../forms/validation/useCustomMessageEmitter.js";
 import { useValidationStateEmitter } from "../../forms/validation/useValidationStateEmitter.js";
 import { getValidationState } from "../../forms/validation/validation-builders.js";
@@ -157,12 +161,13 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
         type: FormFieldMessagesAction.ADDMESSAGE,
         payload: {
           id: errorId,
-          variant: "error",
-          validityStateKey: "customError",
-          messageType: "formcontrol",
           showError: true,
-          message: intl.formatMessage(
-            SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess
+          error: new ValidationError(
+            intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess),
+            {
+              source: "strato",
+              validityStateKey: NativeValidityStateKeys.customError
+            }
           )
         }
       });
@@ -171,14 +176,15 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
       segments,
       onChange,
       formFieldMessagesDispatch,
-      formFieldMessagesState.formControlMessages,
+      formFieldMessagesState.errors,
       errorId,
+      intl,
       true
     ).catch(() => void 0);
   }, [
     errorId,
     formFieldMessagesDispatch,
-    formFieldMessagesState.formControlMessages,
+    formFieldMessagesState.errors,
     intl,
     onChange,
     segments
@@ -247,8 +253,9 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
           segments,
           onChange,
           formFieldMessagesDispatch,
-          formFieldMessagesState.formControlMessages,
+          formFieldMessagesState.errors,
           errorId,
+          intl,
           true
         ).catch(() => void 0);
       }
@@ -324,13 +331,15 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
       segments,
       onChange,
       formFieldMessagesDispatch,
-      formFieldMessagesState.formControlMessages,
-      errorId
+      formFieldMessagesState.errors,
+      errorId,
+      intl
     ).catch(() => void 0);
   }, [
     errorId,
     formFieldMessagesDispatch,
-    formFieldMessagesState.formControlMessages,
+    formFieldMessagesState.errors,
+    intl,
     onChange,
     segments,
     stringifiedValue

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  isValidElement,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useInternalFormRegistration } from '../../forms/form/hooks/useInternalFormRegistration.js';\nimport { useFormControl } from '../../forms/forms-core/hooks/useFormControl.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 {\n  getErrorKey,\n  validateSegments,\n} 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 { FocusScope } from '../../core/components/focus-scope/FocusScope.js';\nimport { OverlayContainer } from '../../core/components/OverlayContainer.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { StratoLoggerContext } from '../../core/sdk/StratoLoggerContext.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport { withFormFieldMessageContextProvider } from '../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport {\n  getI18nValidationState,\n  useFormFieldValidation,\n} from '../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport { useContainerFocus } from '../../forms/hooks/useContainerFocus.js';\nimport type {\n  ValidationState,\n  ValidationTrigger,\n} from '../../forms/validation/types.js';\nimport { useCustomMessageEmitter } from '../../forms/validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../../forms/validation/useValidationStateEmitter.js';\nimport { getValidationState } from '../../forms/validation/validation-builders.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 (isValidElement(child)) {\n      if (isSlot(child, CustomTrigger)) {\n        customTrigger = child;\n      } else if (child) {\n        devLog('Only CustomTrigger is a valid child of the SegmentSelector.');\n      }\n    } else {\n      devLog('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    onValidityChange,\n    onFocus,\n    onBlur,\n    readOnly: propReadOnly,\n    disabled: propDisabled,\n    required: propRequired,\n    name,\n    _form,\n    _messageTarget,\n    ...remainingProps\n  }: SegmentSelectorProps = props;\n\n  const intl = useIntl();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalButtonRef = useRef<HTMLButtonElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n\n  const {\n    disabled,\n    required,\n    id,\n    ariaDisabled,\n    readOnly,\n    showError,\n    messageState: formFieldMessagesState,\n    messageDispatch: formFieldMessagesDispatch,\n  } = useFormControl({\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 errorId = useId();\n  const overlayOwnerId = useId();\n\n  const { segments } = useSegments();\n  const stringifiedValue = JSON.stringify(segments);\n\n  const getSegmentValidationState = useCallback(\n    async (trigger: ValidationTrigger): Promise<ValidationState> => {\n      if (inputRef.current && !inputRef.current.validity.valid) {\n        return getI18nValidationState(intl, inputRef.current, trigger);\n      }\n\n      const errorKeys = await Promise.all(segments.map(getErrorKey));\n      return getValidationState(\n        errorKeys.find((key) => key !== null) ?? undefined,\n        trigger,\n        undefined,\n        id,\n      );\n    },\n    [id, intl, segments],\n  );\n\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getSegmentValidationState('manual'),\n  );\n\n  const runValidation = useCallback(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    await validateSegments(\n      segments,\n      onChange,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.formControlMessages,\n      errorId,\n      true,\n    ).catch(() => undefined);\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.formControlMessages,\n    intl,\n    onChange,\n    segments,\n  ]);\n\n  const formControl = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    value: segments.length > 0 ? stringifiedValue : '',\n    onValidityChange,\n    focus: () => internalButtonRef.current?.focus(),\n    validateField: async ({ reveal, trigger }) => {\n      inputRef.current?.checkValidity();\n      if (reveal) {\n        await runValidation();\n      }\n      const validationState = await getSegmentValidationState(trigger);\n      return emitValidationState(validationState);\n    },\n    resetValidation: () => {\n      inputRef.current?.setCustomValidity('');\n      formFieldMessagesDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n    },\n  });\n  formValidityChangeRef.current = formControl.onValidityChange;\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        inputRef.current?.checkValidity();\n        void getSegmentValidationState('blur').then(emitValidationState);\n      }\n\n      if (!isOpen) {\n        validateSegments(\n          segments,\n          onChange,\n          formFieldMessagesDispatch,\n          formFieldMessagesState.formControlMessages,\n          errorId,\n          true,\n        ).catch(() => undefined);\n      }\n\n      if (isOpen) {\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getAllSegments'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getSegment'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['errorKey'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getSegmentVariables'],\n        });\n      }\n\n      onOpenChange?.(isOpen);\n    },\n    additionalElevation: 'overlay',\n    disabled,\n  });\n  const { trapFocus, ...overlayProps } = _overlayProps;\n\n  const { onFocus: handleFocus, onBlur: handleBlur } = useContainerFocus({\n    onFocus,\n    onBlur: (e) => {\n      if (!formFieldMessagesState.isTouched) {\n        inputRef.current?.checkValidity();\n        void getSegmentValidationState('blur').then(emitValidationState);\n      }\n      onBlur?.(e);\n    },\n    disabled,\n    overlayOwnerId,\n  });\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        inputRef.current?.checkValidity();\n        await runValidation();\n\n        emitValidationState(await getSegmentValidationState('manual'));\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        inputRef.current?.checkValidity();\n        await runValidation();\n\n        const state = await getSegmentValidationState('manual');\n        return emitValidationState(state);\n      },\n    }),\n    [\n      runValidation,\n      emitValidationState,\n      overlayState.close,\n      overlayState.open,\n      getSegmentValidationState,\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    ).catch(() => undefined);\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.formControlMessages,\n    onChange,\n    segments,\n    stringifiedValue,\n  ]);\n\n  // Surface validation state whenever the selected segments change (`change`\n  // trigger), keeping `onValidityChange` in sync as the selection is edited.\n  useEffect(() => {\n    void getSegmentValidationState('change').then(emitValidationState);\n    // Fire only on actual segment changes.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [stringifiedValue]);\n\n  const providerValue = useMemo(\n    () => ({\n      isLoading,\n      displayValue: text,\n      triggerProps: {\n        ...overlayTriggerProps,\n        'data-dt-component': COMPONENT_NAME,\n        onFocus: handleFocus,\n        onBlur: handleBlur,\n      },\n      buttonRef,\n      showError,\n      ...ariaProps,\n    }),\n    [\n      isLoading,\n      text,\n      overlayTriggerProps,\n      handleFocus,\n      handleBlur,\n      buttonRef,\n      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            form={_form}\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-dt-owner={overlayOwnerId}\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  HTMLButtonElement\n>(SegmentSelectorFwd);\n\n/**\n * Use the `SegmentSelector` as a top-level filter to narrow data by segment, setting the scope for any additional filters applied alongside it.\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  isValidElement,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useInternalFormRegistration } from '../../forms/form/hooks/useInternalFormRegistration.js';\nimport { useFormControl } from '../../forms/forms-core/hooks/useFormControl.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 {\n  getErrorKey,\n  validateSegments,\n} 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 { FocusScope } from '../../core/components/focus-scope/FocusScope.js';\nimport { OverlayContainer } from '../../core/components/OverlayContainer.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { StratoLoggerContext } from '../../core/sdk/StratoLoggerContext.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport { withFormFieldMessageContextProvider } from '../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport {\n  getI18nValidationState,\n  useFormFieldValidation,\n} from '../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport { useContainerFocus } from '../../forms/hooks/useContainerFocus.js';\nimport {\n  NativeValidityStateKeys,\n  ValidationError,\n  type ValidationState,\n  type ValidationTrigger,\n} from '../../forms/validation/types.js';\nimport { useCustomMessageEmitter } from '../../forms/validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../../forms/validation/useValidationStateEmitter.js';\nimport { getValidationState } from '../../forms/validation/validation-builders.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 (isValidElement(child)) {\n      if (isSlot(child, CustomTrigger)) {\n        customTrigger = child;\n      } else if (child) {\n        devLog('Only CustomTrigger is a valid child of the SegmentSelector.');\n      }\n    } else {\n      devLog('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    onValidityChange,\n    onFocus,\n    onBlur,\n    readOnly: propReadOnly,\n    disabled: propDisabled,\n    required: propRequired,\n    name,\n    _form,\n    _messageTarget,\n    ...remainingProps\n  }: SegmentSelectorProps = props;\n\n  const intl = useIntl();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalButtonRef = useRef<HTMLButtonElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n\n  const {\n    disabled,\n    required,\n    id,\n    ariaDisabled,\n    readOnly,\n    showError,\n    messageState: formFieldMessagesState,\n    messageDispatch: formFieldMessagesDispatch,\n  } = useFormControl({\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 errorId = useId();\n  const overlayOwnerId = useId();\n\n  const { segments } = useSegments();\n  const stringifiedValue = JSON.stringify(segments);\n\n  const getSegmentValidationState = useCallback(\n    async (trigger: ValidationTrigger): Promise<ValidationState> => {\n      if (inputRef.current && !inputRef.current.validity.valid) {\n        return getI18nValidationState(intl, inputRef.current, trigger);\n      }\n\n      const errorKeys = await Promise.all(segments.map(getErrorKey));\n      return getValidationState(\n        errorKeys.find((key) => key !== null) ?? undefined,\n        trigger,\n        undefined,\n        id,\n      );\n    },\n    [id, intl, segments],\n  );\n\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getSegmentValidationState('manual'),\n  );\n\n  const runValidation = useCallback(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          showError: true,\n          error: new ValidationError(\n            intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess),\n            {\n              source: 'strato',\n              validityStateKey: NativeValidityStateKeys.customError,\n            },\n          ),\n        },\n      });\n    }\n    await validateSegments(\n      segments,\n      onChange,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.errors,\n      errorId,\n      intl,\n      true,\n    ).catch(() => undefined);\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.errors,\n    intl,\n    onChange,\n    segments,\n  ]);\n\n  const formControl = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    value: segments.length > 0 ? stringifiedValue : '',\n    onValidityChange,\n    focus: () => internalButtonRef.current?.focus(),\n    validateField: async ({ reveal, trigger }) => {\n      inputRef.current?.checkValidity();\n      if (reveal) {\n        await runValidation();\n      }\n      const validationState = await getSegmentValidationState(trigger);\n      return emitValidationState(validationState);\n    },\n    resetValidation: () => {\n      inputRef.current?.setCustomValidity('');\n      formFieldMessagesDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n    },\n  });\n  formValidityChangeRef.current = formControl.onValidityChange;\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        inputRef.current?.checkValidity();\n        void getSegmentValidationState('blur').then(emitValidationState);\n      }\n\n      if (!isOpen) {\n        validateSegments(\n          segments,\n          onChange,\n          formFieldMessagesDispatch,\n          formFieldMessagesState.errors,\n          errorId,\n          intl,\n          true,\n        ).catch(() => undefined);\n      }\n\n      if (isOpen) {\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getAllSegments'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getSegment'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['errorKey'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getSegmentVariables'],\n        });\n      }\n\n      onOpenChange?.(isOpen);\n    },\n    additionalElevation: 'overlay',\n    disabled,\n  });\n  const { trapFocus, ...overlayProps } = _overlayProps;\n\n  const { onFocus: handleFocus, onBlur: handleBlur } = useContainerFocus({\n    onFocus,\n    onBlur: (e) => {\n      if (!formFieldMessagesState.isTouched) {\n        inputRef.current?.checkValidity();\n        void getSegmentValidationState('blur').then(emitValidationState);\n      }\n      onBlur?.(e);\n    },\n    disabled,\n    overlayOwnerId,\n  });\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        inputRef.current?.checkValidity();\n        await runValidation();\n\n        emitValidationState(await getSegmentValidationState('manual'));\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        inputRef.current?.checkValidity();\n        await runValidation();\n\n        const state = await getSegmentValidationState('manual');\n        return emitValidationState(state);\n      },\n    }),\n    [\n      runValidation,\n      emitValidationState,\n      overlayState.close,\n      overlayState.open,\n      getSegmentValidationState,\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.errors,\n      errorId,\n      intl,\n    ).catch(() => undefined);\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.errors,\n    intl,\n    onChange,\n    segments,\n    stringifiedValue,\n  ]);\n\n  // Surface validation state whenever the selected segments change (`change`\n  // trigger), keeping `onValidityChange` in sync as the selection is edited.\n  useEffect(() => {\n    void getSegmentValidationState('change').then(emitValidationState);\n    // Fire only on actual segment changes.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [stringifiedValue]);\n\n  const providerValue = useMemo(\n    () => ({\n      isLoading,\n      displayValue: text,\n      triggerProps: {\n        ...overlayTriggerProps,\n        'data-dt-component': COMPONENT_NAME,\n        onFocus: handleFocus,\n        onBlur: handleBlur,\n      },\n      buttonRef,\n      showError,\n      ...ariaProps,\n    }),\n    [\n      isLoading,\n      text,\n      overlayTriggerProps,\n      handleFocus,\n      handleBlur,\n      buttonRef,\n      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            form={_form}\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-dt-owner={overlayOwnerId}\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  HTMLButtonElement\n>(SegmentSelectorFwd);\n\n/**\n * Use the `SegmentSelector` as a top-level filter to narrow data by segment, setting the scope for any additional filters applied alongside it.\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-13-2";
-var segmentSelectorList = "_11m6jkl0-3-13-2";
-var segmentSelectorListItem = "_11m6jkl1-3-13-2";
-var tooltipMaxHeight = "_11m6jkl2-3-13-2";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-14-0";
+var segmentSelectorList = "_11m6jkl0-3-14-0";
+var segmentSelectorListItem = "_11m6jkl1-3-14-0";
+var tooltipMaxHeight = "_11m6jkl2-3-14-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-13-2';\nexport var segmentSelectorList = '_11m6jkl0-3-13-2';\nexport var segmentSelectorListItem = '_11m6jkl1-3-13-2';\nexport var tooltipMaxHeight = '_11m6jkl2-3-13-2';"],
+  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-14-0';\nexport var segmentSelectorList = '_11m6jkl0-3-14-0';\nexport var segmentSelectorListItem = '_11m6jkl1-3-14-0';\nexport var tooltipMaxHeight = '_11m6jkl2-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iCAAiC;AACrC,IAAI,sBAAsB;AAC1B,IAAI,0BAA0B;AAC9B,IAAI,mBAAmB;",
   "names": []
 }

package/esm/filters/segment-selector/contexts/SegmentsUI/SegmentsTriggerContext.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/contexts/SegmentsUI/SegmentsTriggerContext.tsx"],
-  "sourcesContent": ["import {\n  createContext,\n  type AnchorHTMLAttributes,\n  type Ref,\n  type Context,\n} from 'react';\n\nimport type { AriaButtonProps, ButtonAria } from '../../../../buttons/button/types/button-aria.js';\nimport type { AriaLabelingProps } from '../../../../core/types/a11y-props.js';\n\n/** @internal */\nexport interface SegmentsTriggerContextProps extends AriaLabelingProps {\n  /** Element displayed in the trigger of the segments selector */\n  displayValue: string | null;\n  /** Whether the element is loading. */\n  isLoading: boolean;\n  /** Necessary props for the trigger. */\n  triggerProps:\n    | (Partial<ButtonAria<AnchorHTMLAttributes<HTMLButtonElement>>> &\n        AriaButtonProps)\n    | null;\n  /** Ref of the trigger button. */\n  buttonRef: Ref<HTMLButtonElement>;\n  /** Whether the SegmentSelector shows an error. */\n  showError?: boolean;\n}\n\n/**\n * SegmentSelector trigger context, used to access the trigger props.\n * @internal\n */\nexport const SegmentsTriggerContext: Context<SegmentsTriggerContextProps> =\n  createContext<SegmentsTriggerContextProps>({\n    displayValue: null,\n    isLoading: true,\n    triggerProps: null,\n    buttonRef: null,\n  });\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AA0BA,MAAM,yBACX,cAA2C;AAAA,EACzC,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AACb,CAAC;",
+  "sourcesContent": ["import {\n  createContext,\n  type AnchorHTMLAttributes,\n  type Ref,\n  type Context,\n} from 'react';\n\nimport type {\n  AriaButtonProps,\n  ButtonAria,\n} from '../../../../buttons/button/types/button-aria.js';\nimport type { AriaLabelingProps } from '../../../../core/types/a11y-props.js';\n\n/** @internal */\nexport interface SegmentsTriggerContextProps extends AriaLabelingProps {\n  /** Element displayed in the trigger of the segments selector */\n  displayValue: string | null;\n  /** Whether the element is loading. */\n  isLoading: boolean;\n  /** Necessary props for the trigger. */\n  triggerProps:\n    | (Partial<ButtonAria<AnchorHTMLAttributes<HTMLButtonElement>>> &\n        AriaButtonProps)\n    | null;\n  /** Ref of the trigger button. */\n  buttonRef: Ref<HTMLButtonElement>;\n  /** Whether the SegmentSelector shows an error. */\n  showError?: boolean;\n}\n\n/**\n * SegmentSelector trigger context, used to access the trigger props.\n * @internal\n */\nexport const SegmentsTriggerContext: Context<SegmentsTriggerContextProps> =\n  createContext<SegmentsTriggerContextProps>({\n    displayValue: null,\n    isLoading: true,\n    triggerProps: null,\n    buttonRef: null,\n  });\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AA6BA,MAAM,yBACX,cAA2C;AAAA,EACzC,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AACb,CAAC;",
   "names": []
 }

package/esm/filters/segment-selector/contexts/SegmentsUI/segmentValidationHelper.js

@@ -1,10 +1,10 @@
-import { jsx } from "react/jsx-runtime";
-import { FormattedMessage } from "react-intl";
 import {
   FormFieldMessagesAction
 } from "../../../../forms/forms-core/state/formfield-messages-state-reducer.js";
 import {
-  StratoValidityStateKeys
+  NativeValidityStateKeys,
+  StratoValidityStateKeys,
+  ValidationError
 } from "../../../../forms/validation/types.js";
 import {
   isFilterFieldGroupNode,
@@ -106,10 +106,10 @@ async function areUiSegmentsValid(uiSegments) {
   );
   return !hasError;
 }
-async function validateSegments(segments, onChange, formFieldMessagesDispatch, formControlMessages, errorId, showError = false) {
+async function validateSegments(segments, onChange, formFieldMessagesDispatch, formControlErrors, errorId, intl, showError = false) {
   onChange();
   const isValid = await areUiSegmentsValid(segments);
-  const hasFormControlError = formControlMessages.some(
+  const hasFormControlError = formControlErrors.some(
     (message) => message.id === errorId
   );
   if (hasFormControlError && (segmentsClient.hasAccessRights === false && segments.length === 0 || isValid)) {
@@ -117,7 +117,7 @@ async function validateSegments(segments, onChange, formFieldMessagesDispatch, f
       type: FormFieldMessagesAction.REMOVEMESSAGE,
       payload: {
         id: errorId,
-        messageType: "formcontrol"
+        source: "strato"
       }
     });
     return;
@@ -127,14 +127,12 @@ async function validateSegments(segments, onChange, formFieldMessagesDispatch, f
       type: FormFieldMessagesAction.ADDMESSAGE,
       payload: {
         id: errorId,
-        variant: "error",
-        validityStateKey: "customError",
-        messageType: "formcontrol",
         showError: true,
-        message: /* @__PURE__ */ jsx(
-          FormattedMessage,
+        error: new ValidationError(
+          intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess),
           {
-            ...SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess
+            source: "strato",
+            validityStateKey: NativeValidityStateKeys.customError
           }
         )
       }
@@ -145,11 +143,14 @@ async function validateSegments(segments, onChange, formFieldMessagesDispatch, f
       type: FormFieldMessagesAction.ADDMESSAGE,
       payload: {
         id: errorId,
-        variant: "error",
-        validityStateKey: "customError",
-        messageType: "formcontrol",
         showError: showError ? true : void 0,
-        message: /* @__PURE__ */ jsx(FormattedMessage, { ...SEGMENTSELECTOR_MESSAGES.genericSegmentError })
+        error: new ValidationError(
+          intl.formatMessage(SEGMENTSELECTOR_MESSAGES.genericSegmentError),
+          {
+            source: "strato",
+            validityStateKey: NativeValidityStateKeys.customError
+          }
+        )
       }
     });
   }

package/esm/filters/segment-selector/contexts/SegmentsUI/segmentValidationHelper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/contexts/SegmentsUI/segmentValidationHelper.tsx"],
-  "sourcesContent": ["import type { ChangeEvent, Dispatch } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport type { Include } from '@dynatrace-sdk/client-filter-segment-management';\nimport type { FilterSegment } from '@dynatrace-sdk/client-query';\n\nimport type { SegmentSelectorUIState } from './SegmentsUIReducer.js';\nimport {\n  type FormFieldMessagesReducerAction,\n  FormFieldMessagesAction,\n} from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormFieldMessageContextState } from '../../../../forms/forms-core/types/formfield-messages.types.js';\nimport {\n  StratoValidityStateKeys,\n  type StratoValidityStateKey,\n} from '../../../../forms/validation/types.js';\nimport type {\n  FilterFieldNode,\n  FilterFieldTree,\n} from '../../../filter-field/types/tree-nodes.js';\nimport {\n  isFilterFieldGroupNode,\n  isFilterFieldStatementNode,\n  isFilterFieldVariableNode,\n} from '../../../filter-field/utils/tree-node-guards.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../../segmentMessages.js';\nimport { parsePossibleJson } from '../../utils.js';\nimport {\n  getSegment,\n  segmentsClient,\n  type CachedSegment,\n} from '../SegmentsCache/SegmentsCache.js';\n\n/** @internal */\nexport type SegmentErrorKey =\n  | 'unavailable'\n  | 'needs-variables'\n  | 'needs-update'\n  | 'incomplete-variables';\n\nfunction collectVariableNames(\n  node: FilterFieldTree | FilterFieldNode | undefined | null,\n  names: Set<string>,\n): void {\n  if (!node) {\n    return;\n  }\n\n  if (isFilterFieldVariableNode(node)) {\n    names.add(node.value.replace(/^\\$/, ''));\n    return;\n  }\n\n  if (isFilterFieldGroupNode(node)) {\n    for (const child of node.children) {\n      collectVariableNames(child, names);\n    }\n    return;\n  }\n\n  if (isFilterFieldStatementNode(node)) {\n    collectVariableNames(node.value, names);\n    return;\n  }\n\n  // FilterFieldListNode: value is an array of leaf nodes (e.g. \"key in [$var1, $var2]\").\n  // We can't use isFilterFieldListNode here \u2014 its guard checks `textValue` which list nodes\n  // from the API don't carry. A plain Array.isArray check is reliable.\n  const asRecord = node as Record<string, unknown>;\n  if (Array.isArray(asRecord.value)) {\n    for (const item of asRecord.value as FilterFieldNode[]) {\n      collectVariableNames(item, names);\n    }\n  }\n}\n\n/**\n * Extracts variable names from the filter expressions in includes by parsing\n * each filter JSON into a FilterFieldTree and collecting Variable nodes.\n * @internal\n */\nexport function extractVariableNamesFromIncludes(\n  includes: Include[] | undefined,\n): Set<string> {\n  const names = new Set<string>();\n\n  if (!includes) {\n    return names;\n  }\n\n  for (const include of includes) {\n    const tree = parsePossibleJson(include.filter);\n    if (typeof tree !== 'object' || tree === null) {\n      continue;\n    }\n    collectVariableNames(tree as FilterFieldTree, names);\n  }\n\n  return names;\n}\n\n/** @internal */\nexport async function getErrorKey(\n  uiSegment: (FilterSegment | CachedSegment['segment']) & {\n    isPlaceholder?: boolean;\n  },\n): Promise<StratoValidityStateKey | null> {\n  if ('isPlaceholder' in uiSegment && uiSegment.isPlaceholder) {\n    return null;\n  }\n\n  const cachedSegment = await segmentsClient.queryClient.fetchQuery({\n    queryKey: ['getSegment', uiSegment.id],\n    queryFn: () => getSegment(uiSegment.id).catch(() => null),\n  });\n\n  if (!cachedSegment) {\n    return StratoValidityStateKeys.unavailable;\n  }\n\n  const serverVariableNames = extractVariableNamesFromIncludes(\n    cachedSegment.segment.includes,\n  );\n  const uiVariableNames = new Set(\n    Array.isArray(uiSegment.variables)\n      ? uiSegment.variables.map((v) => v.name)\n      : [],\n  );\n  const serverHasVariables = !!cachedSegment.segment.variables;\n\n  if (serverHasVariables && uiVariableNames.size === 0) {\n    return StratoValidityStateKeys.missingVariables;\n  }\n\n  if (!serverHasVariables && uiVariableNames.size > 0) {\n    return StratoValidityStateKeys.needsUpdate;\n  }\n\n  // When the includes field contains variable expressions we can do precise\n  // name-level validation.\n  if (serverVariableNames.size > 0) {\n    for (const name of serverVariableNames) {\n      if (!uiVariableNames.has(name)) {\n        return StratoValidityStateKeys.invalidVariables;\n      }\n    }\n    return null;\n  }\n\n  // Fallback: the includes field is absent or contains no variable expressions\n  // (e.g. older segments that pre-date the includes field, or the bulk endpoint\n  // that may not return filter expressions). Fall back to a binary check using\n  // the variables metadata field to know whether the segment expects variables.\n  return null;\n}\n\n/**\n * Helper function that checks every segment for errors and returns a boolean indicating\n * whether the segments are valid or not.\n * If the user has no access rights, it returns undefined.\n * @internal\n */\nexport async function areUiSegmentsValid(\n  uiSegments?: SegmentSelectorUIState['uiSegments'],\n): Promise<boolean | undefined> {\n  if (segmentsClient.hasAccessRights === false || !uiSegments) {\n    return undefined;\n  }\n\n  let hasError = false;\n\n  await Promise.all(\n    uiSegments?.map(async (uiSegment) => {\n      const errorKey = await getErrorKey(uiSegment);\n\n      if (errorKey) {\n        hasError = true;\n      }\n\n      return errorKey;\n    }),\n  );\n\n  return !hasError;\n}\n\n/**\n * Iterates over selected segments and checks their availability.\n * If they are no longer available it adds an error.\n * Similarly it removes the error if it no longer applies.\n */\nexport async function validateSegments(\n  segments: FilterSegment[],\n  onChange: (\n    event?: ChangeEvent<\n      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n    >,\n  ) => void,\n  formFieldMessagesDispatch:\n    | Dispatch<FormFieldMessagesReducerAction>\n    | undefined,\n  formControlMessages: FormFieldMessageContextState['formControlMessages'],\n  errorId: string,\n  showError: boolean = false,\n) {\n  onChange();\n  const isValid = await areUiSegmentsValid(segments);\n  const hasFormControlError = formControlMessages.some(\n    (message) => message.id === errorId,\n  );\n\n  if (\n    hasFormControlError &&\n    ((segmentsClient.hasAccessRights === false && segments.length === 0) ||\n      isValid)\n  ) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: {\n        id: errorId,\n        messageType: 'formcontrol',\n      },\n    });\n\n    return;\n  }\n\n  if (segmentsClient.hasAccessRights === false && segments.length > 0) {\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: (\n          <FormattedMessage\n            {...SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess}\n          />\n        ),\n      },\n    });\n  }\n\n  if (isValid === false && (!hasFormControlError || showError)) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id: errorId,\n        variant: 'error',\n        validityStateKey: 'customError',\n        messageType: 'formcontrol',\n        showError: showError ? true : undefined,\n        message: (\n          <FormattedMessage {...SEGMENTSELECTOR_MESSAGES.genericSegmentError} />\n        ),\n      },\n    });\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ChangeEvent, Dispatch } from 'react';\nimport type { IntlShape } from 'react-intl';\n\nimport type { Include } from '@dynatrace-sdk/client-filter-segment-management';\nimport type { FilterSegment } from '@dynatrace-sdk/client-query';\n\nimport type { SegmentSelectorUIState } from './SegmentsUIReducer.js';\nimport {\n  type FormFieldMessagesReducerAction,\n  FormFieldMessagesAction,\n} from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormFieldMessageContextState } from '../../../../forms/forms-core/types/formfield-messages.types.js';\nimport {\n  NativeValidityStateKeys,\n  StratoValidityStateKeys,\n  ValidationError,\n  type StratoValidityStateKey,\n} from '../../../../forms/validation/types.js';\nimport type {\n  FilterFieldNode,\n  FilterFieldTree,\n} from '../../../filter-field/types/tree-nodes.js';\nimport {\n  isFilterFieldGroupNode,\n  isFilterFieldStatementNode,\n  isFilterFieldVariableNode,\n} from '../../../filter-field/utils/tree-node-guards.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../../segmentMessages.js';\nimport { parsePossibleJson } from '../../utils.js';\nimport {\n  getSegment,\n  segmentsClient,\n  type CachedSegment,\n} from '../SegmentsCache/SegmentsCache.js';\n\n/** @internal */\nexport type SegmentErrorKey =\n  | 'unavailable'\n  | 'needs-variables'\n  | 'needs-update'\n  | 'incomplete-variables';\n\nfunction collectVariableNames(\n  node: FilterFieldTree | FilterFieldNode | undefined | null,\n  names: Set<string>,\n): void {\n  if (!node) {\n    return;\n  }\n\n  if (isFilterFieldVariableNode(node)) {\n    names.add(node.value.replace(/^\\$/, ''));\n    return;\n  }\n\n  if (isFilterFieldGroupNode(node)) {\n    for (const child of node.children) {\n      collectVariableNames(child, names);\n    }\n    return;\n  }\n\n  if (isFilterFieldStatementNode(node)) {\n    collectVariableNames(node.value, names);\n    return;\n  }\n\n  // FilterFieldListNode: value is an array of leaf nodes (e.g. \"key in [$var1, $var2]\").\n  // We can't use isFilterFieldListNode here \u2014 its guard checks `textValue` which list nodes\n  // from the API don't carry. A plain Array.isArray check is reliable.\n  const asRecord = node as Record<string, unknown>;\n  if (Array.isArray(asRecord.value)) {\n    for (const item of asRecord.value as FilterFieldNode[]) {\n      collectVariableNames(item, names);\n    }\n  }\n}\n\n/**\n * Extracts variable names from the filter expressions in includes by parsing\n * each filter JSON into a FilterFieldTree and collecting Variable nodes.\n * @internal\n */\nexport function extractVariableNamesFromIncludes(\n  includes: Include[] | undefined,\n): Set<string> {\n  const names = new Set<string>();\n\n  if (!includes) {\n    return names;\n  }\n\n  for (const include of includes) {\n    const tree = parsePossibleJson(include.filter);\n    if (typeof tree !== 'object' || tree === null) {\n      continue;\n    }\n    collectVariableNames(tree as FilterFieldTree, names);\n  }\n\n  return names;\n}\n\n/** @internal */\nexport async function getErrorKey(\n  uiSegment: (FilterSegment | CachedSegment['segment']) & {\n    isPlaceholder?: boolean;\n  },\n): Promise<StratoValidityStateKey | null> {\n  if ('isPlaceholder' in uiSegment && uiSegment.isPlaceholder) {\n    return null;\n  }\n\n  const cachedSegment = await segmentsClient.queryClient.fetchQuery({\n    queryKey: ['getSegment', uiSegment.id],\n    queryFn: () => getSegment(uiSegment.id).catch(() => null),\n  });\n\n  if (!cachedSegment) {\n    return StratoValidityStateKeys.unavailable;\n  }\n\n  const serverVariableNames = extractVariableNamesFromIncludes(\n    cachedSegment.segment.includes,\n  );\n  const uiVariableNames = new Set(\n    Array.isArray(uiSegment.variables)\n      ? uiSegment.variables.map((v) => v.name)\n      : [],\n  );\n  const serverHasVariables = !!cachedSegment.segment.variables;\n\n  if (serverHasVariables && uiVariableNames.size === 0) {\n    return StratoValidityStateKeys.missingVariables;\n  }\n\n  if (!serverHasVariables && uiVariableNames.size > 0) {\n    return StratoValidityStateKeys.needsUpdate;\n  }\n\n  // When the includes field contains variable expressions we can do precise\n  // name-level validation.\n  if (serverVariableNames.size > 0) {\n    for (const name of serverVariableNames) {\n      if (!uiVariableNames.has(name)) {\n        return StratoValidityStateKeys.invalidVariables;\n      }\n    }\n    return null;\n  }\n\n  // Fallback: the includes field is absent or contains no variable expressions\n  // (e.g. older segments that pre-date the includes field, or the bulk endpoint\n  // that may not return filter expressions). Fall back to a binary check using\n  // the variables metadata field to know whether the segment expects variables.\n  return null;\n}\n\n/**\n * Helper function that checks every segment for errors and returns a boolean indicating\n * whether the segments are valid or not.\n * If the user has no access rights, it returns undefined.\n * @internal\n */\nexport async function areUiSegmentsValid(\n  uiSegments?: SegmentSelectorUIState['uiSegments'],\n): Promise<boolean | undefined> {\n  if (segmentsClient.hasAccessRights === false || !uiSegments) {\n    return undefined;\n  }\n\n  let hasError = false;\n\n  await Promise.all(\n    uiSegments?.map(async (uiSegment) => {\n      const errorKey = await getErrorKey(uiSegment);\n\n      if (errorKey) {\n        hasError = true;\n      }\n\n      return errorKey;\n    }),\n  );\n\n  return !hasError;\n}\n\n/**\n * Iterates over selected segments and checks their availability.\n * If they are no longer available it adds an error.\n * Similarly it removes the error if it no longer applies.\n */\nexport async function validateSegments(\n  segments: FilterSegment[],\n  onChange: (\n    event?: ChangeEvent<\n      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n    >,\n  ) => void,\n  formFieldMessagesDispatch:\n    | Dispatch<FormFieldMessagesReducerAction>\n    | undefined,\n  formControlErrors: FormFieldMessageContextState['errors'],\n  errorId: string,\n  intl: IntlShape,\n  showError: boolean = false,\n) {\n  onChange();\n  const isValid = await areUiSegmentsValid(segments);\n  const hasFormControlError = formControlErrors.some(\n    (message) => message.id === errorId,\n  );\n\n  if (\n    hasFormControlError &&\n    ((segmentsClient.hasAccessRights === false && segments.length === 0) ||\n      isValid)\n  ) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: {\n        id: errorId,\n        source: 'strato',\n      },\n    });\n\n    return;\n  }\n\n  if (segmentsClient.hasAccessRights === false && segments.length > 0) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id: errorId,\n        showError: true,\n        error: new ValidationError(\n          intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess),\n          {\n            source: 'strato',\n            validityStateKey: NativeValidityStateKeys.customError,\n          },\n        ),\n      },\n    });\n  }\n\n  if (isValid === false && (!hasFormControlError || showError)) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id: errorId,\n        showError: showError ? true : undefined,\n        error: new ValidationError(\n          intl.formatMessage(SEGMENTSELECTOR_MESSAGES.genericSegmentError),\n          {\n            source: 'strato',\n            validityStateKey: NativeValidityStateKeys.customError,\n          },\n        ),\n      },\n    });\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._awal5d0-3-13-2._awal5d0-3-13-2 {
+._awal5d0-3-14-0._awal5d0-3-14-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-13-2";
+var AppLinkButtonCSS = "_awal5d0-3-14-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-13-2';"],
+  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-14-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,10 +1,10 @@
-._bqi6d90-3-13-2 {
+._bqi6d90-3-14-0 {
   height: 15px;
   align-self: center;
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: var(--dt-spacings-size-8, 8px);
 }
-._bqi6d91-3-13-2._bqi6d91-3-13-2 {
+._bqi6d91-3-14-0._bqi6d91-3-14-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-13-2 {
+._bqi6d92-3-14-0 {
   max-width: 480px;
   min-width: 320px;
   box-sizing: border-box;
   overflow: hidden;
 }
-._bqi6d93-3-13-2 {
+._bqi6d93-3-14-0 {
   max-height: 396px;
   overflow: auto;
   box-sizing: border-box;
 }
-._bqi6d93-3-13-2 ._bqi6d94-3-13-2 {
+._bqi6d93-3-14-0 ._bqi6d94-3-14-0 {
   overflow: hidden;
 }
-._bqi6d95-3-13-2 {
+._bqi6d95-3-14-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._bqi6d96-3-13-2._bqi6d96-3-13-2 {
+._bqi6d96-3-14-0._bqi6d96-3-14-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-13-2 > fieldset > div {
+._bqi6d97-3-14-0 > fieldset > div {
   gap: var(--dt-spacings-size-8, 8px);
 }

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

@@ -7,7 +7,7 @@ import {
   useMemo,
   useRef
 } from "react";
-import { FormattedMessage, useIntl } from "react-intl";
+import { useIntl } from "react-intl";
 import { PlusIcon } from "@dynatrace/strato-icons";
 import { getSegmentsPresets } from "@dynatrace-sdk/segments-presets";
 import { EmptySegments } from "./EmptySegments.js";
@@ -23,7 +23,11 @@ import { FieldSet } from "../../../forms/forms-core/components/field-set/FieldSe
 import { FormFieldMessageContextProvider } from "../../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js";
 import { useFormFieldMessagesContext } from "../../../forms/forms-core/hooks/useFormFieldMessagesContext.js";
 import { FormFieldMessagesAction } from "../../../forms/forms-core/state/formfield-messages-state-reducer.js";
-import { StratoValidityStateKeys } from "../../../forms/validation/types.js";
+import {
+  NativeValidityStateKeys,
+  StratoValidityStateKeys,
+  ValidationError
+} from "../../../forms/validation/types.js";
 import { Divider } from "../../../layouts/divider/Divider.js";
 import { Flex } from "../../../layouts/flex/Flex.js";
 import { Grid } from "../../../layouts/grid/Grid.js";
@@ -124,13 +128,11 @@ const SegmentsContent = ({ cachedSegments, id }) => {
           type: FormFieldMessagesAction.ADDMESSAGE,
           payload: {
             id: "array-identifier",
-            validityStateKey: "customError",
-            variant: "error",
-            messageType: "formcontrol",
-            message: /* @__PURE__ */ jsx(
-              FormattedMessage,
+            error: new ValidationError(
+              intl.formatMessage(SEGMENTSELECTOR_MESSAGES.arrayIdentifierError),
               {
-                ...SEGMENTSELECTOR_MESSAGES.arrayIdentifierError
+                source: "strato",
+                validityStateKey: NativeValidityStateKeys.customError
               }
             )
           }
@@ -141,11 +143,11 @@ const SegmentsContent = ({ cachedSegments, id }) => {
         type: FormFieldMessagesAction.REMOVEMESSAGE,
         payload: {
           id: "array-identifier",
-          messageType: "formcontrol"
+          source: "strato"
         }
       });
     };
-  }, [arrayIdentifierErrorIds]);
+  }, [arrayIdentifierErrorIds, intl, parentErrorDispatch]);
   const availableSegments = useMemo(() => {
     const tmp = [];
     cachedSegments.forEach((value, key) => {