@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/filters/filter-field/utils/value-operations/value-operation-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/filters/filter-field/utils/value-operations/value-operation-utils.ts"],
+  "sourcesContent": ["import { getNumberParser } from '../../parser/getNumberParser.js';\nimport type {\n  SimpleFilterFieldComparisonOperatorNode,\n  SimpleFilterFieldExistsOperatorNode,\n  SimpleFilterFieldGroupNode,\n  SimpleFilterFieldInclusionOperatorNode,\n  SimpleFilterFieldLeafNode,\n  SimpleFilterFieldSearchOperatorNode,\n  SimpleFilterFieldStatementNode,\n} from '../../types/conversion-tree-nodes.js';\nimport {\n  isFilterFieldGroupNode,\n  isFilterFieldListNode,\n  isFilterFieldStatementNode,\n} from '../tree-node-guards.js';\n\n/** @internal */\nexport const DURATION_REGEX = /^(\\d+)(ns|ms|s|m|h|d)$/i;\n/** @internal */\nexport const VARIABLE_REGEX = /^\\$[A-Za-z_]\\w*$/;\n\n/** @internal */\nexport type NewOperatorNode =\n  | SimpleFilterFieldComparisonOperatorNode\n  | SimpleFilterFieldInclusionOperatorNode\n  | SimpleFilterFieldExistsOperatorNode\n  | SimpleFilterFieldSearchOperatorNode;\n\n/** @internal */\nexport type Polarity = 'positive' | 'negative' | 'none';\n\n/** @internal */\nexport type OperatorDescriptor = {\n  node: NewOperatorNode;\n  polarity: Polarity;\n};\n\n/** @internal */\nexport const OPERATOR_MAP: Partial<Record<string, OperatorDescriptor>> = {\n  equals: {\n    node: { type: 'ComparisonOperator', value: '=' },\n    polarity: 'positive',\n  },\n  'not-equals': {\n    node: { type: 'ComparisonOperator', value: '!=' },\n    polarity: 'negative',\n  },\n  in: {\n    node: { type: 'InclusionOperator', value: 'in' },\n    polarity: 'positive',\n  },\n  'not in': {\n    node: { type: 'InclusionOperator', value: 'not in' },\n    polarity: 'negative',\n  },\n  'less-than': {\n    node: { type: 'ComparisonOperator', value: '<' },\n    polarity: 'none',\n  },\n  'less-or-equal': {\n    node: { type: 'ComparisonOperator', value: '<=' },\n    polarity: 'none',\n  },\n  'greater-than': {\n    node: { type: 'ComparisonOperator', value: '>' },\n    polarity: 'none',\n  },\n  'greater-or-equal': {\n    node: { type: 'ComparisonOperator', value: '>=' },\n    polarity: 'none',\n  },\n  exists: { node: { type: 'ExistsOperator', value: true }, polarity: 'none' },\n  'not-exists': {\n    node: { type: 'ExistsOperator', value: false },\n    polarity: 'none',\n  },\n  search: {\n    node: { type: 'SearchOperator', value: 'search' },\n    polarity: 'none',\n  },\n};\n\n/** @internal */\nexport function mapInputOperator(\n  operator: string | undefined,\n): OperatorDescriptor {\n  const op = operator ?? 'equals';\n  return (\n    OPERATOR_MAP[op] ?? {\n      node: {\n        type: 'ComparisonOperator',\n        value: op as SimpleFilterFieldComparisonOperatorNode['value'],\n      },\n      polarity: 'none',\n    }\n  );\n}\n\n/** @internal */\nexport function statementPolarity(\n  statement: SimpleFilterFieldStatementNode,\n): Polarity {\n  const op = statement.comparisonOperator;\n  if (!op) {\n    return 'none';\n  }\n  if (op.type === 'ComparisonOperator') {\n    if (op.value === '=') {\n      return 'positive';\n    }\n    if (op.value === '!=') {\n      return 'negative';\n    }\n  }\n  if (op.type === 'InclusionOperator') {\n    if (op.value === 'in') {\n      return 'positive';\n    }\n    if (op.value === 'not in') {\n      return 'negative';\n    }\n  }\n  return 'none';\n}\n\n/** @internal */\nexport function leafEquals(\n  leaf: SimpleFilterFieldLeafNode,\n  value: string | number | boolean,\n): boolean {\n  switch (leaf.type) {\n    case 'Number':\n      if (typeof value === 'number') {\n        return leaf.value === value;\n      }\n      if (typeof value === 'string') {\n        const asNumber = getNumberParser().parse(value);\n        return !isNaN(asNumber) && leaf.value === asNumber;\n      }\n      return false;\n    case 'Boolean':\n      if (typeof value === 'boolean') {\n        return leaf.value === value;\n      }\n      if (value === 'true' || value === 'false') {\n        return leaf.value === (value === 'true');\n      }\n      return false;\n    // Duration compares against its rendered form (`30m`) so a string input\n    // and an existing Duration leaf deduplicate correctly.\n    case 'Duration':\n      return typeof value === 'string' && value === `${leaf.value}${leaf.unit}`;\n    case 'String':\n    case 'IPAddress':\n    case 'Timestamp':\n    case 'UID':\n    case 'SmartscapeId':\n    case 'Variable':\n      return typeof value === 'string' && leaf.value === value;\n    default:\n      return false;\n  }\n}\n\n/** @internal */\nexport function findSearchStatement(\n  group: SimpleFilterFieldGroupNode,\n  value: string | number | boolean,\n): SimpleFilterFieldStatementNode | undefined {\n  for (let i = group.children.length - 1; i >= 0; i--) {\n    const child = group.children[i];\n    if (isFilterFieldGroupNode(child)) {\n      const nested = findSearchStatement(child, value);\n      if (nested) {\n        return nested;\n      }\n    } else if (isFilterFieldStatementNode(child)) {\n      const op = child.comparisonOperator;\n      const leafValue = child.value;\n      if (\n        op?.type === 'SearchOperator' &&\n        leafValue !== undefined &&\n        !isFilterFieldListNode(leafValue) &&\n        leafEquals(leafValue as SimpleFilterFieldLeafNode, value)\n      ) {\n        return child;\n      }\n    }\n  }\n  return undefined;\n}\n\n/** @internal */\nexport function findIdenticalStatement(\n  group: SimpleFilterFieldGroupNode,\n  key: string,\n  operatorNode: NewOperatorNode,\n  value: string | number | boolean | undefined,\n): SimpleFilterFieldStatementNode | undefined {\n  for (let i = group.children.length - 1; i >= 0; i--) {\n    const child = group.children[i];\n    if (isFilterFieldGroupNode(child)) {\n      const nested = findIdenticalStatement(child, key, operatorNode, value);\n      if (nested) {\n        return nested;\n      }\n    } else if (isFilterFieldStatementNode(child)) {\n      const childKey = child.key;\n      if (\n        !childKey ||\n        (childKey.type !== 'Key' && childKey.type !== 'JSONPath') ||\n        childKey.value !== key\n      ) {\n        continue;\n      }\n      const childOp = child.comparisonOperator;\n      if (\n        !childOp ||\n        childOp.type !== operatorNode.type ||\n        childOp.value !== operatorNode.value\n      ) {\n        continue;\n      }\n      if (operatorNode.type === 'ExistsOperator' || value === undefined) {\n        return child;\n      }\n      const childValue = child.value;\n      if (\n        childValue &&\n        !isFilterFieldListNode(childValue) &&\n        childValue.type !== 'Error' &&\n        leafEquals(childValue as SimpleFilterFieldLeafNode, value)\n      ) {\n        return child;\n      }\n    }\n  }\n  return undefined;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/filters/index.js

@@ -10,6 +10,8 @@ import {
 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 { addFilter } from "./filter-field/utils/value-operations/add-filter.js";
+import { removeFilter } from "./filter-field/utils/value-operations/remove-filter.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";
@@ -26,12 +28,14 @@ export {
   TIMEFRAME_SELECTOR_PRESETS,
   TimeframeSelector,
   FilterStatement as _FilterStatement,
+  addFilter,
   convertFilterFieldTreeToString,
   convertStringToFilterFieldTree,
   escapeSuggestion as escapeFilterFieldSuggestion,
   isFilterFieldLeafNode,
   isFilterFieldListNode,
   migrateFilterFieldKeyPredicatesToArray,
+  removeFilter,
   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  // 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;",
+  "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 { 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  // 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,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;",
   "names": []
 }

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

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

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

@@ -146,7 +146,7 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
           formFieldMessagesState.formControlMessages,
           errorId,
           true
-        );
+        ).catch(() => void 0);
       }
       onOpenChange?.(isOpen2);
     },
@@ -187,14 +187,14 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
             }
           });
         }
-        await validateSegments(
+        validateSegments(
           segments,
           onChange,
           formFieldMessagesDispatch,
           formFieldMessagesState.formControlMessages,
           errorId,
           true
-        );
+        ).catch(() => void 0);
       }
     }),
     [
@@ -216,7 +216,7 @@ const SegmentSelectorFwd = forwardRef((props, forwardedRef) => {
       formFieldMessagesDispatch,
       formFieldMessagesState.formControlMessages,
       errorId
-    );
+    ).catch(() => void 0);
   }, [
     errorId,
     formFieldMessagesDispatch,

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

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

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

@@ -1,8 +1,8 @@
 import "./SegmentSelector.css";
-var overwriteTooltipElementPadding = "_11m6jkl3-3-5-2";
-var segmentSelectorList = "_11m6jkl0-3-5-2";
-var segmentSelectorListItem = "_11m6jkl1-3-5-2";
-var tooltipMaxHeight = "_11m6jkl2-3-5-2";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-7-0";
+var segmentSelectorList = "_11m6jkl0-3-7-0";
+var segmentSelectorListItem = "_11m6jkl1-3-7-0";
+var tooltipMaxHeight = "_11m6jkl2-3-7-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-5-2';\nexport var segmentSelectorList = '_11m6jkl0-3-5-2';\nexport var segmentSelectorListItem = '_11m6jkl1-3-5-2';\nexport var tooltipMaxHeight = '_11m6jkl2-3-5-2';"],
+  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-7-0';\nexport var segmentSelectorList = '_11m6jkl0-3-7-0';\nexport var segmentSelectorListItem = '_11m6jkl1-3-7-0';\nexport var tooltipMaxHeight = '_11m6jkl2-3-7-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-5-2._awal5d0-3-5-2 {
+._awal5d0-3-7-0._awal5d0-3-7-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.js

@@ -3,6 +3,7 @@ import { forwardRef, useContext, useEffect, useRef } from "react";
 import { useIntl } from "react-intl";
 import { ContainerIcon, ExternalLinkIcon } from "@dynatrace/strato-icons";
 import { Button } from "../../../buttons/button/Button.js";
+import { SEGMENTS_DOCUMENTATION_URL } from "../../../core/external-links.js";
 import { Flex } from "../../../layouts/flex/Flex.js";
 import { Heading } from "../../../typography/heading/Heading.js";
 import { segmentsClient } from "../contexts/SegmentsCache/SegmentsCache.js";
@@ -11,7 +12,7 @@ import { SEGMENTSELECTOR_MESSAGES } from "../segmentMessages.js";
 import { AppLinkButtonCSS } from "./EmptySegments.sty.js";
 import { NoAccessWithoutSelection } from "./noAccessRights/NoAccessWithoutSelection.js";
 import * as styles from "./Overlay.sty.js";
-import { sendManagementAddOnIntent } from "./sendSegmentManagementAddOnIntent.js";
+import { getSegmentManagementHref } from "./segmentManagementHref.js";
 const EmptySegments = forwardRef(
   (props, forwardedRef) => {
     const intl = useIntl();
@@ -32,7 +33,6 @@ const EmptySegments = forwardRef(
         ref: forwardedRef,
         width: "100vw",
         className: styles.overlayDefaultWidth,
-        style: { maxWidth: "320px" },
         children: [
           /* @__PURE__ */ jsx(ContainerIcon, {}),
           /* @__PURE__ */ jsx(Heading, { level: 6, children: intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noSegmentsConfigured) }),
@@ -46,8 +46,11 @@ const EmptySegments = forwardRef(
                 !readOnly && /* @__PURE__ */ jsx(
                   Button,
                   {
+                    as: "a",
                     ref: buttonRef,
-                    onClick: sendManagementAddOnIntent,
+                    href: getSegmentManagementHref(),
+                    target: "_blank",
+                    rel: "noopener noreferrer",
                     variant: "emphasized",
                     className: AppLinkButtonCSS,
                     children: intl.formatMessage(SEGMENTSELECTOR_MESSAGES.manageSegments)
@@ -57,7 +60,7 @@ const EmptySegments = forwardRef(
                   Button,
                   {
                     as: "a",
-                    href: "https://dt-url.net/segments-documentation",
+                    href: SEGMENTS_DOCUMENTATION_URL,
                     target: "_blank",
                     rel: "noopener noreferrer",
                     children: [

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/EmptySegments.tsx"],
-  "sourcesContent": ["import { forwardRef, useContext, useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ContainerIcon, ExternalLinkIcon } from '@dynatrace/strato-icons';\n\nimport { Button } from '../../../buttons/button/Button.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Heading } from '../../../typography/heading/Heading.js';\nimport { segmentsClient } from '../contexts/SegmentsCache/SegmentsCache.js';\nimport { UISegmentsContext } from '../contexts/SegmentsUI/SegmentsUIContext.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../segmentMessages.js';\nimport { AppLinkButtonCSS } from './EmptySegments.sty.js';\nimport { NoAccessWithoutSelection } from './noAccessRights/NoAccessWithoutSelection.js';\nimport * as styles from './Overlay.sty.js';\nimport { sendManagementAddOnIntent } from './sendSegmentManagementAddOnIntent.js';\n\n/**\n * EmptyState-component for SegmentSelector Overlay\n * @internal\n */\nexport const EmptySegments = forwardRef<HTMLDivElement>(\n  (props, forwardedRef) => {\n    const intl = useIntl();\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    const { readOnly } = useContext(UISegmentsContext);\n    useEffect(() => {\n      // Focus the button when the component is mounted. Due to the possible loading\n      // state, the overlay can't handle the focus as it tries it too early.\n      buttonRef.current?.focus();\n    }, []);\n\n    if (segmentsClient.hasAccessRights === false) {\n      return <NoAccessWithoutSelection />;\n    }\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        alignItems=\"center\"\n        padding={16}\n        ref={forwardedRef}\n        width=\"100vw\"\n        className={styles.overlayDefaultWidth}\n        style={{ maxWidth: '320px' }}\n      >\n        <ContainerIcon />\n        <Heading level={6}>\n          {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noSegmentsConfigured)}\n        </Heading>\n        <Flex\n          paddingTop={8}\n          width=\"100%\"\n          justifyContent={readOnly ? 'center' : 'space-between'}\n        >\n          {!readOnly && (\n            <Button\n              ref={buttonRef}\n              onClick={sendManagementAddOnIntent}\n              variant=\"emphasized\"\n              className={AppLinkButtonCSS}\n            >\n              {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.manageSegments)}\n            </Button>\n          )}\n          <Button\n            as=\"a\"\n            href=\"https://dt-url.net/segments-documentation\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.docsLinkText)}\n            <Button.Suffix>\n              <ExternalLinkIcon />\n            </Button.Suffix>\n          </Button>\n        </Flex>\n      </Flex>\n    );\n  },\n);\n"],
-  "mappings": "AAgCa,cAgCH,YAhCG;AAhCb,SAAS,YAAY,YAAY,WAAW,cAAc;AAC1D,SAAS,eAAe;AAExB,SAAS,eAAe,wBAAwB;AAEhD,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,YAAY,YAAY;AACxB,SAAS,iCAAiC;AAMnC,MAAM,gBAAgB;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM,OAAO,QAAQ;AACrB,UAAM,YAAY,OAA0B,IAAI;AAChD,UAAM,EAAE,SAAS,IAAI,WAAW,iBAAiB;AACjD,cAAU,MAAM;AAGd,gBAAU,SAAS,MAAM;AAAA,IAC3B,GAAG,CAAC,CAAC;AAEL,QAAI,eAAe,oBAAoB,OAAO;AAC5C,aAAO,oBAAC,4BAAyB;AAAA,IACnC;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACd,YAAW;AAAA,QACX,SAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QACN,WAAW,OAAO;AAAA,QAClB,OAAO,EAAE,UAAU,QAAQ;AAAA,QAE3B;AAAA,8BAAC,iBAAc;AAAA,UACf,oBAAC,WAAQ,OAAO,GACb,eAAK,cAAc,yBAAyB,oBAAoB,GACnE;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAM;AAAA,cACN,gBAAgB,WAAW,WAAW;AAAA,cAErC;AAAA,iBAAC,YACA;AAAA,kBAAC;AAAA;AAAA,oBACC,KAAK;AAAA,oBACL,SAAS;AAAA,oBACT,SAAQ;AAAA,oBACR,WAAW;AAAA,oBAEV,eAAK,cAAc,yBAAyB,cAAc;AAAA;AAAA,gBAC7D;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,MAAK;AAAA,oBACL,QAAO;AAAA,oBACP,KAAI;AAAA,oBAEH;AAAA,2BAAK,cAAc,yBAAyB,YAAY;AAAA,sBACzD,oBAAC,OAAO,QAAP,EACC,8BAAC,oBAAiB,GACpB;AAAA;AAAA;AAAA,gBACF;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import { forwardRef, useContext, useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { ContainerIcon, ExternalLinkIcon } from '@dynatrace/strato-icons';\n\nimport { Button } from '../../../buttons/button/Button.js';\nimport { SEGMENTS_DOCUMENTATION_URL } from '../../../core/external-links.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Heading } from '../../../typography/heading/Heading.js';\nimport { segmentsClient } from '../contexts/SegmentsCache/SegmentsCache.js';\nimport { UISegmentsContext } from '../contexts/SegmentsUI/SegmentsUIContext.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../segmentMessages.js';\nimport { AppLinkButtonCSS } from './EmptySegments.sty.js';\nimport { NoAccessWithoutSelection } from './noAccessRights/NoAccessWithoutSelection.js';\nimport * as styles from './Overlay.sty.js';\nimport { getSegmentManagementHref } from './segmentManagementHref.js';\n\n/**\n * EmptyState-component for SegmentSelector Overlay\n * @internal\n */\nexport const EmptySegments = forwardRef<HTMLDivElement>(\n  (props, forwardedRef) => {\n    const intl = useIntl();\n    const buttonRef = useRef<HTMLAnchorElement>(null);\n    const { readOnly } = useContext(UISegmentsContext);\n    useEffect(() => {\n      // Focus the button when the component is mounted. Due to the possible loading\n      // state, the overlay can't handle the focus as it tries it too early.\n      buttonRef.current?.focus();\n    }, []);\n\n    if (segmentsClient.hasAccessRights === false) {\n      return <NoAccessWithoutSelection />;\n    }\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        alignItems=\"center\"\n        padding={16}\n        ref={forwardedRef}\n        width=\"100vw\"\n        className={styles.overlayDefaultWidth}\n      >\n        <ContainerIcon />\n        <Heading level={6}>\n          {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.noSegmentsConfigured)}\n        </Heading>\n        <Flex\n          paddingTop={8}\n          width=\"100%\"\n          justifyContent={readOnly ? 'center' : 'space-between'}\n        >\n          {!readOnly && (\n            <Button\n              as=\"a\"\n              ref={buttonRef}\n              href={getSegmentManagementHref()}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              variant=\"emphasized\"\n              className={AppLinkButtonCSS}\n            >\n              {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.manageSegments)}\n            </Button>\n          )}\n          <Button\n            as=\"a\"\n            href={SEGMENTS_DOCUMENTATION_URL}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.docsLinkText)}\n            <Button.Suffix>\n              <ExternalLinkIcon />\n            </Button.Suffix>\n          </Button>\n        </Flex>\n      </Flex>\n    );\n  },\n);\n"],
+  "mappings": "AAiCa,cAkCH,YAlCG;AAjCb,SAAS,YAAY,YAAY,WAAW,cAAc;AAC1D,SAAS,eAAe;AAExB,SAAS,eAAe,wBAAwB;AAEhD,SAAS,cAAc;AACvB,SAAS,kCAAkC;AAC3C,SAAS,YAAY;AACrB,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,gCAAgC;AACzC,YAAY,YAAY;AACxB,SAAS,gCAAgC;AAMlC,MAAM,gBAAgB;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM,OAAO,QAAQ;AACrB,UAAM,YAAY,OAA0B,IAAI;AAChD,UAAM,EAAE,SAAS,IAAI,WAAW,iBAAiB;AACjD,cAAU,MAAM;AAGd,gBAAU,SAAS,MAAM;AAAA,IAC3B,GAAG,CAAC,CAAC;AAEL,QAAI,eAAe,oBAAoB,OAAO;AAC5C,aAAO,oBAAC,4BAAyB;AAAA,IACnC;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAc;AAAA,QACd,YAAW;AAAA,QACX,SAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAM;AAAA,QACN,WAAW,OAAO;AAAA,QAElB;AAAA,8BAAC,iBAAc;AAAA,UACf,oBAAC,WAAQ,OAAO,GACb,eAAK,cAAc,yBAAyB,oBAAoB,GACnE;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,OAAM;AAAA,cACN,gBAAgB,WAAW,WAAW;AAAA,cAErC;AAAA,iBAAC,YACA;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,KAAK;AAAA,oBACL,MAAM,yBAAyB;AAAA,oBAC/B,QAAO;AAAA,oBACP,KAAI;AAAA,oBACJ,SAAQ;AAAA,oBACR,WAAW;AAAA,oBAEV,eAAK,cAAc,yBAAyB,cAAc;AAAA;AAAA,gBAC7D;AAAA,gBAEF;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAG;AAAA,oBACH,MAAM;AAAA,oBACN,QAAO;AAAA,oBACP,KAAI;AAAA,oBAEH;AAAA,2BAAK,cAAc,yBAAyB,YAAY;AAAA,sBACzD,oBAAC,OAAO,QAAP,EACC,8BAAC,oBAAiB,GACpB;AAAA;AAAA;AAAA,gBACF;AAAA;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
   "names": []
 }

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

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

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

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

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

@@ -187,16 +187,20 @@ const SegmentsContent = ({ cachedSegments, id }) => {
               px: 12,
               pt: 12,
               pb: 16,
-              onInvalid: async (event) => {
+              onInvalid: (event) => {
                 event.stopPropagation();
                 if (event.nativeEvent.target.validity.customError && !event.nativeEvent.target.validity.valueMissing) {
-                  await applySegments(uiSegments, setSegments, overlayState);
+                  applySegments(uiSegments, setSegments, overlayState).catch(
+                    () => void 0
+                  );
                 }
               },
-              onSubmit: async (event) => {
+              onSubmit: (event) => {
                 event.preventDefault();
                 event.stopPropagation();
-                await applySegments(uiSegments, setSegments, overlayState);
+                applySegments(uiSegments, setSegments, overlayState).catch(
+                  () => void 0
+                );
               },
               onKeyDown: (event) => {
                 if (event.key === "Enter" && (event.ctrlKey || event.metaKey)) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/Overlay.tsx"],
-  "sourcesContent": ["import { useQuery } from '@tanstack/react-query';\nimport {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type FormEvent as ReactFormEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n} from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport { PlusIcon } from '@dynatrace/strato-icons';\nimport type { FilterSegment as QueryFilterSegment } from '@dynatrace-sdk/client-query';\nimport { getSegmentsPresets } from '@dynatrace-sdk/segments-presets';\n\nimport { EmptySegments } from './EmptySegments.js';\nimport { LoadingSegments } from './LoadingSegments.js';\nimport { NoAccessHint } from './noAccessRights/NoAccessHint.js';\nimport * as overlayStyles from './Overlay.sty.js';\nimport { SegmentFooter } from './SegmentFooter.js';\nimport { SegmentsPresetList } from './segmentsPresets/SegmentsPresetsList.js';\nimport { SelectionBar } from './selectionBar/SelectionBar.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { FieldSet } from '../../../forms/forms-core/components/field-set/FieldSet.js';\nimport { FormFieldMessageContextProvider } from '../../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { useFormFieldMessagesContext } from '../../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { Divider } from '../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Grid } from '../../../layouts/grid/Grid.js';\nimport type { OverlayTriggerState } from '../../../overlays/hooks/useOverlay.js';\nimport {\n  segmentsClient,\n  useSegmentsCache,\n  type CachedSegment,\n} from '../contexts/SegmentsCache/SegmentsCache.js';\nimport {\n  UISegmentsContext,\n  useSegmentsUIContext,\n} from '../contexts/SegmentsUI/SegmentsUIContext.js';\nimport { UISegmentsDispatchContext } from '../contexts/SegmentsUI/SegmentsUIDispatchContext.js';\nimport type { SegmentSelectorUIState } from '../contexts/SegmentsUI/SegmentsUIReducer.js';\nimport {\n  areUiSegmentsValid,\n  getErrorKey,\n} from '../contexts/SegmentsUI/segmentValidationHelper.js';\nimport { useSegments } from '../hooks/useSegments.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../segmentMessages.js';\nimport * as styles from '../SegmentSelector.sty.js';\n\n/** @internal */\nexport const SegmentsOverlay = ({ labelId }: { labelId: string }) => {\n  const { getAllSegments } = useSegmentsCache();\n  const { data, isLoading } = useQuery(\n    {\n      queryKey: ['getAllSegments'],\n      queryFn: () => getAllSegments().catch(() => new Map()),\n      notifyOnChangeProps: ['dataUpdatedAt'],\n      throwOnError: false,\n    },\n    segmentsClient.queryClient,\n  );\n\n  const { isLoading: isLoadingPresets } = useQuery(\n    {\n      queryKey: ['getSegmentsPresets'],\n      queryFn: () =>\n        // We don't want to render the error fallback in case the presets are not available.\n        // However, we sill want to keep the loading state until both queries are resolved.\n        getSegmentsPresets().catch(() => {\n          return {\n            pinnedPresets: [],\n            recentPresets: [],\n          };\n        }),\n    },\n    segmentsClient.queryClient,\n  );\n\n  if (isLoading || isLoadingPresets) {\n    return <LoadingSegments />;\n  }\n\n  return <SegmentsContent cachedSegments={data ?? new Map()} id={labelId} />;\n};\n\ntype SegmentsContentProps = {\n  cachedSegments: Map<string, CachedSegment>;\n  id: string;\n};\n\nasync function applySegments(\n  uiSegments: SegmentSelectorUIState['uiSegments'],\n  setSegments: (segments: QueryFilterSegment[]) => Promise<void>,\n  overlayState?: OverlayTriggerState,\n) {\n  try {\n    const applicableSegments = await Promise.all(\n      uiSegments\n        .filter((uiSegment) => !uiSegment.isPlaceholder)\n        .map(async (uiSegment) => {\n          const errorKey = await getErrorKey(uiSegment);\n\n          if (errorKey === 'needs-update') {\n            return {\n              id: uiSegment.id,\n            };\n          }\n\n          return {\n            id: uiSegment.id,\n            variables: uiSegment.variables,\n          };\n        }),\n    );\n\n    await setSegments(applicableSegments);\n    const isValid = await areUiSegmentsValid(applicableSegments);\n\n    if (isValid) {\n      overlayState?.close();\n    }\n  } catch {\n    /** we don't want to log the error again. */\n  }\n}\n\n/**\n * SegmentsManager-component for the SegmentSelector Overlay\n * @internal\n */\nconst SegmentsContent = ({ cachedSegments, id }: SegmentsContentProps) => {\n  const { dispatch, overlayState } = useContext(UISegmentsDispatchContext);\n  const { dispatch: parentErrorDispatch } = useFormFieldMessagesContext();\n\n  const intl = useIntl();\n  const addButtonRef = useRef<null | HTMLButtonElement>(null);\n  const {\n    uiSegments,\n    hasSelection,\n    readOnly,\n    focusedSegmentId,\n    arrayIdentifierErrorIds,\n  } = useContext(UISegmentsContext);\n\n  const formId = useId();\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  useEffect(() => {\n    const errorIds = arrayIdentifierErrorIds;\n\n    // We only want to show the error once the overlay closes to be consistent in the validation flow.\n    return () => {\n      if (!errorIds) {\n        return;\n      }\n\n      if (errorIds.length > 0) {\n        parentErrorDispatch?.({\n          type: FormFieldMessagesAction.ADDMESSAGE,\n          payload: {\n            id: 'array-identifier',\n            validityStateKey: 'customError',\n            variant: 'error',\n            messageType: 'formcontrol',\n            message: (\n              <FormattedMessage\n                {...SEGMENTSELECTOR_MESSAGES.arrayIdentifierError}\n              />\n            ),\n          },\n        });\n        return;\n      }\n\n      parentErrorDispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: {\n          id: 'array-identifier',\n          messageType: 'formcontrol',\n        },\n      });\n    };\n  }, [arrayIdentifierErrorIds]);\n\n  const availableSegments = useMemo(() => {\n    const tmp: CachedSegment['segment'][] = [];\n    cachedSegments.forEach((value, key) => {\n      // Remove all the segments that have already been selected or are private\n      if (\n        !value.temporarilyApplied &&\n        !uiSegments.some((segment) => segment.id === key)\n      ) {\n        tmp.push({ ...value.segment });\n      }\n    });\n\n    return tmp.sort((firstSegment, secondSegment) =>\n      firstSegment.name.localeCompare(secondSegment.name),\n    );\n  }, [cachedSegments, uiSegments]);\n\n  const {\n    segments,\n    removeAllSegments: removeAllSegmentsFromStore,\n    setSegments,\n  } = useSegments();\n  const { removeAllUISegments, clearPlaceholder } = useSegmentsUIContext();\n\n  if (segments.length === 0 && cachedSegments.size === 0) {\n    return <EmptySegments />;\n  }\n\n  // If the segmentsClient has no access rights, we want to rely on the trigger's validity state.\n  const MessageWrapper = segmentsClient.hasAccessRights\n    ? FormFieldMessageContextProvider\n    : Fragment;\n\n  return (\n    <Flex\n      px={4}\n      pb={8}\n      gap={0}\n      flexDirection=\"column\"\n      id={id}\n      width=\"100vw\"\n      className={overlayStyles.overlayDefaultWidth}\n    >\n      <div className={overlayStyles.scrollContainer}>\n        <Grid\n          as=\"form\"\n          ref={formRef}\n          id={formId}\n          px={12}\n          pt={12}\n          pb={16}\n          onInvalid={async (event: ReactFormEvent) => {\n            event.stopPropagation();\n\n            if (\n              (event.nativeEvent.target as HTMLSelectElement).validity\n                .customError &&\n              !(event.nativeEvent.target as HTMLSelectElement).validity\n                .valueMissing\n            ) {\n              await applySegments(uiSegments, setSegments, overlayState);\n            }\n          }}\n          onSubmit={async (event: ReactFormEvent) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            await applySegments(uiSegments, setSegments, overlayState);\n          }}\n          onKeyDown={(event: ReactKeyboardEvent) => {\n            // Enables form submission on cmd/strg + enter\n            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n              // Fires an submit as if triggered via the submit button and, therefore, triggers validation as well.\n              formRef?.current?.requestSubmit();\n            }\n          }}\n        >\n          <FieldSet className={overlayStyles.fieldSet}>\n            <FieldSet.Legend className={overlayStyles.legend}>\n              {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.legend)}\n            </FieldSet.Legend>\n            <ul className={styles.segmentSelectorList}>\n              {uiSegments?.map((segment) => (\n                <MessageWrapper key={segment.id}>\n                  {/** ^ We don't want the outside error message influence the inside error messages and vice versa. */}\n                  <SelectionBar\n                    key={segment.id}\n                    uiSegment={segment}\n                    segment={cachedSegments.get(segment.id)}\n                    readOnly={readOnly}\n                    availableSegments={availableSegments}\n                    clearable={\n                      segment.isPlaceholder ? uiSegments.length > 1 : true\n                    }\n                    autoFocus={segment.id === focusedSegmentId}\n                    returnFocusTo={addButtonRef}\n                  />\n                </MessageWrapper>\n              ))}\n            </ul>\n            {!readOnly &&\n              hasSelection &&\n              segmentsClient.hasAccessRights !== false && (\n                <Grid gridTemplateColumns=\"1fr auto auto\">\n                  <Button\n                    onClick={() =>\n                      dispatch({\n                        type: 'add',\n                        payload: { isPlaceholder: true },\n                      })\n                    }\n                    variant=\"emphasized\"\n                    ref={addButtonRef}\n                    data-dt-name=\"Add\"\n                  >\n                    <Button.Prefix\n                      aria-label={intl.formatMessage(\n                        SEGMENTSELECTOR_MESSAGES.addSegment,\n                      )}\n                    >\n                      <PlusIcon />\n                    </Button.Prefix>\n                    Segment\n                  </Button>\n                  <Button\n                    onClick={() => {\n                      removeAllSegmentsFromStore();\n                      removeAllUISegments();\n                      overlayState?.close();\n                    }}\n                    type=\"reset\"\n                    form={formId}\n                    data-dt-name=\"ClearAll\"\n                  >\n                    {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.clearAll)}\n                  </Button>\n                  <Button\n                    type=\"submit\"\n                    form={formId}\n                    color=\"primary\"\n                    variant=\"accent\"\n                    data-dt-name=\"Apply\"\n                    onClick={() => clearPlaceholder()}\n                  >\n                    {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.applyButton)}\n                  </Button>\n                </Grid>\n              )}\n          </FieldSet>\n          {segmentsClient.hasAccessRights === false && (\n            <NoAccessHint readOnly={readOnly} />\n          )}\n        </Grid>\n        {!readOnly && segmentsClient.hasAccessRights === true && (\n          <SegmentsPresetList showDivider={hasSelection} />\n        )}\n      </div>\n      <Divider />\n      <SegmentFooter />\n    </Flex>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useQuery } from '@tanstack/react-query';\nimport {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  type FormEvent as ReactFormEvent,\n  type KeyboardEvent as ReactKeyboardEvent,\n} from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport { PlusIcon } from '@dynatrace/strato-icons';\nimport type { FilterSegment as QueryFilterSegment } from '@dynatrace-sdk/client-query';\nimport { getSegmentsPresets } from '@dynatrace-sdk/segments-presets';\n\nimport { EmptySegments } from './EmptySegments.js';\nimport { LoadingSegments } from './LoadingSegments.js';\nimport { NoAccessHint } from './noAccessRights/NoAccessHint.js';\nimport * as overlayStyles from './Overlay.sty.js';\nimport { SegmentFooter } from './SegmentFooter.js';\nimport { SegmentsPresetList } from './segmentsPresets/SegmentsPresetsList.js';\nimport { SelectionBar } from './selectionBar/SelectionBar.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { useId } from '../../../core/hooks/useId.js';\nimport { FieldSet } from '../../../forms/forms-core/components/field-set/FieldSet.js';\nimport { FormFieldMessageContextProvider } from '../../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport { useFormFieldMessagesContext } from '../../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { Divider } from '../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Grid } from '../../../layouts/grid/Grid.js';\nimport type { OverlayTriggerState } from '../../../overlays/hooks/useOverlay.js';\nimport {\n  segmentsClient,\n  useSegmentsCache,\n  type CachedSegment,\n} from '../contexts/SegmentsCache/SegmentsCache.js';\nimport {\n  UISegmentsContext,\n  useSegmentsUIContext,\n} from '../contexts/SegmentsUI/SegmentsUIContext.js';\nimport { UISegmentsDispatchContext } from '../contexts/SegmentsUI/SegmentsUIDispatchContext.js';\nimport type { SegmentSelectorUIState } from '../contexts/SegmentsUI/SegmentsUIReducer.js';\nimport {\n  areUiSegmentsValid,\n  getErrorKey,\n} from '../contexts/SegmentsUI/segmentValidationHelper.js';\nimport { useSegments } from '../hooks/useSegments.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../segmentMessages.js';\nimport * as styles from '../SegmentSelector.sty.js';\n\n/** @internal */\nexport const SegmentsOverlay = ({ labelId }: { labelId: string }) => {\n  const { getAllSegments } = useSegmentsCache();\n  const { data, isLoading } = useQuery(\n    {\n      queryKey: ['getAllSegments'],\n      queryFn: () => getAllSegments().catch(() => new Map()),\n      notifyOnChangeProps: ['dataUpdatedAt'],\n      throwOnError: false,\n    },\n    segmentsClient.queryClient,\n  );\n\n  const { isLoading: isLoadingPresets } = useQuery(\n    {\n      queryKey: ['getSegmentsPresets'],\n      queryFn: () =>\n        // We don't want to render the error fallback in case the presets are not available.\n        // However, we sill want to keep the loading state until both queries are resolved.\n        getSegmentsPresets().catch(() => {\n          return {\n            pinnedPresets: [],\n            recentPresets: [],\n          };\n        }),\n    },\n    segmentsClient.queryClient,\n  );\n\n  if (isLoading || isLoadingPresets) {\n    return <LoadingSegments />;\n  }\n\n  return <SegmentsContent cachedSegments={data ?? new Map()} id={labelId} />;\n};\n\ntype SegmentsContentProps = {\n  cachedSegments: Map<string, CachedSegment>;\n  id: string;\n};\n\nasync function applySegments(\n  uiSegments: SegmentSelectorUIState['uiSegments'],\n  setSegments: (segments: QueryFilterSegment[]) => Promise<void>,\n  overlayState?: OverlayTriggerState,\n) {\n  try {\n    const applicableSegments = await Promise.all(\n      uiSegments\n        .filter((uiSegment) => !uiSegment.isPlaceholder)\n        .map(async (uiSegment) => {\n          const errorKey = await getErrorKey(uiSegment);\n\n          if (errorKey === 'needs-update') {\n            return {\n              id: uiSegment.id,\n            };\n          }\n\n          return {\n            id: uiSegment.id,\n            variables: uiSegment.variables,\n          };\n        }),\n    );\n\n    await setSegments(applicableSegments);\n    const isValid = await areUiSegmentsValid(applicableSegments);\n\n    if (isValid) {\n      overlayState?.close();\n    }\n  } catch {\n    /** we don't want to log the error again. */\n  }\n}\n\n/**\n * SegmentsManager-component for the SegmentSelector Overlay\n * @internal\n */\nconst SegmentsContent = ({ cachedSegments, id }: SegmentsContentProps) => {\n  const { dispatch, overlayState } = useContext(UISegmentsDispatchContext);\n  const { dispatch: parentErrorDispatch } = useFormFieldMessagesContext();\n\n  const intl = useIntl();\n  const addButtonRef = useRef<null | HTMLButtonElement>(null);\n  const {\n    uiSegments,\n    hasSelection,\n    readOnly,\n    focusedSegmentId,\n    arrayIdentifierErrorIds,\n  } = useContext(UISegmentsContext);\n\n  const formId = useId();\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  useEffect(() => {\n    const errorIds = arrayIdentifierErrorIds;\n\n    // We only want to show the error once the overlay closes to be consistent in the validation flow.\n    return () => {\n      if (!errorIds) {\n        return;\n      }\n\n      if (errorIds.length > 0) {\n        parentErrorDispatch?.({\n          type: FormFieldMessagesAction.ADDMESSAGE,\n          payload: {\n            id: 'array-identifier',\n            validityStateKey: 'customError',\n            variant: 'error',\n            messageType: 'formcontrol',\n            message: (\n              <FormattedMessage\n                {...SEGMENTSELECTOR_MESSAGES.arrayIdentifierError}\n              />\n            ),\n          },\n        });\n        return;\n      }\n\n      parentErrorDispatch?.({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: {\n          id: 'array-identifier',\n          messageType: 'formcontrol',\n        },\n      });\n    };\n  }, [arrayIdentifierErrorIds]);\n\n  const availableSegments = useMemo(() => {\n    const tmp: CachedSegment['segment'][] = [];\n    cachedSegments.forEach((value, key) => {\n      // Remove all the segments that have already been selected or are private\n      if (\n        !value.temporarilyApplied &&\n        !uiSegments.some((segment) => segment.id === key)\n      ) {\n        tmp.push({ ...value.segment });\n      }\n    });\n\n    return tmp.sort((firstSegment, secondSegment) =>\n      firstSegment.name.localeCompare(secondSegment.name),\n    );\n  }, [cachedSegments, uiSegments]);\n\n  const {\n    segments,\n    removeAllSegments: removeAllSegmentsFromStore,\n    setSegments,\n  } = useSegments();\n  const { removeAllUISegments, clearPlaceholder } = useSegmentsUIContext();\n\n  if (segments.length === 0 && cachedSegments.size === 0) {\n    return <EmptySegments />;\n  }\n\n  // If the segmentsClient has no access rights, we want to rely on the trigger's validity state.\n  const MessageWrapper = segmentsClient.hasAccessRights\n    ? FormFieldMessageContextProvider\n    : Fragment;\n\n  return (\n    <Flex\n      px={4}\n      pb={8}\n      gap={0}\n      flexDirection=\"column\"\n      id={id}\n      width=\"100vw\"\n      className={overlayStyles.overlayDefaultWidth}\n    >\n      <div className={overlayStyles.scrollContainer}>\n        <Grid\n          as=\"form\"\n          ref={formRef}\n          id={formId}\n          px={12}\n          pt={12}\n          pb={16}\n          onInvalid={(event: ReactFormEvent) => {\n            event.stopPropagation();\n\n            if (\n              (event.nativeEvent.target as HTMLSelectElement).validity\n                .customError &&\n              !(event.nativeEvent.target as HTMLSelectElement).validity\n                .valueMissing\n            ) {\n              applySegments(uiSegments, setSegments, overlayState).catch(\n                () => undefined,\n              );\n            }\n          }}\n          onSubmit={(event: ReactFormEvent) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            applySegments(uiSegments, setSegments, overlayState).catch(\n              () => undefined,\n            );\n          }}\n          onKeyDown={(event: ReactKeyboardEvent) => {\n            // Enables form submission on cmd/strg + enter\n            if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n              // Fires an submit as if triggered via the submit button and, therefore, triggers validation as well.\n              formRef?.current?.requestSubmit();\n            }\n          }}\n        >\n          <FieldSet className={overlayStyles.fieldSet}>\n            <FieldSet.Legend className={overlayStyles.legend}>\n              {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.legend)}\n            </FieldSet.Legend>\n            <ul className={styles.segmentSelectorList}>\n              {uiSegments?.map((segment) => (\n                <MessageWrapper key={segment.id}>\n                  {/** ^ We don't want the outside error message influence the inside error messages and vice versa. */}\n                  <SelectionBar\n                    key={segment.id}\n                    uiSegment={segment}\n                    segment={cachedSegments.get(segment.id)}\n                    readOnly={readOnly}\n                    availableSegments={availableSegments}\n                    clearable={\n                      segment.isPlaceholder ? uiSegments.length > 1 : true\n                    }\n                    autoFocus={segment.id === focusedSegmentId}\n                    returnFocusTo={addButtonRef}\n                  />\n                </MessageWrapper>\n              ))}\n            </ul>\n            {!readOnly &&\n              hasSelection &&\n              segmentsClient.hasAccessRights !== false && (\n                <Grid gridTemplateColumns=\"1fr auto auto\">\n                  <Button\n                    onClick={() =>\n                      dispatch({\n                        type: 'add',\n                        payload: { isPlaceholder: true },\n                      })\n                    }\n                    variant=\"emphasized\"\n                    ref={addButtonRef}\n                    data-dt-name=\"Add\"\n                  >\n                    <Button.Prefix\n                      aria-label={intl.formatMessage(\n                        SEGMENTSELECTOR_MESSAGES.addSegment,\n                      )}\n                    >\n                      <PlusIcon />\n                    </Button.Prefix>\n                    Segment\n                  </Button>\n                  <Button\n                    onClick={() => {\n                      removeAllSegmentsFromStore();\n                      removeAllUISegments();\n                      overlayState?.close();\n                    }}\n                    type=\"reset\"\n                    form={formId}\n                    data-dt-name=\"ClearAll\"\n                  >\n                    {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.clearAll)}\n                  </Button>\n                  <Button\n                    type=\"submit\"\n                    form={formId}\n                    color=\"primary\"\n                    variant=\"accent\"\n                    data-dt-name=\"Apply\"\n                    onClick={() => clearPlaceholder()}\n                  >\n                    {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.applyButton)}\n                  </Button>\n                </Grid>\n              )}\n          </FieldSet>\n          {segmentsClient.hasAccessRights === false && (\n            <NoAccessHint readOnly={readOnly} />\n          )}\n        </Grid>\n        {!readOnly && segmentsClient.hasAccessRights === true && (\n          <SegmentsPresetList showDivider={hasSelection} />\n        )}\n      </div>\n      <Divider />\n      <SegmentFooter />\n    </Flex>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,12 +1,12 @@
 import "./Overlay.css";
-var divider = "_bqi6d90-3-5-2";
-var fieldSet = "_bqi6d97-3-5-2";
-var isAnimating = "_bqi6d94-3-5-2";
-var legend = "_bqi6d96-3-5-2";
-var link = "_bqi6d95-3-5-2";
-var menuLink = "_bqi6d91-3-5-2";
-var overlayDefaultWidth = "_bqi6d92-3-5-2";
-var scrollContainer = "_bqi6d93-3-5-2";
+var divider = "_bqi6d90-3-7-0";
+var fieldSet = "_bqi6d97-3-7-0";
+var isAnimating = "_bqi6d94-3-7-0";
+var legend = "_bqi6d96-3-7-0";
+var link = "_bqi6d95-3-7-0";
+var menuLink = "_bqi6d91-3-7-0";
+var overlayDefaultWidth = "_bqi6d92-3-7-0";
+var scrollContainer = "_bqi6d93-3-7-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-5-2';\nexport var fieldSet = '_bqi6d97-3-5-2';\nexport var isAnimating = '_bqi6d94-3-5-2';\nexport var legend = '_bqi6d96-3-5-2';\nexport var link = '_bqi6d95-3-5-2';\nexport var menuLink = '_bqi6d91-3-5-2';\nexport var overlayDefaultWidth = '_bqi6d92-3-5-2';\nexport var scrollContainer = '_bqi6d93-3-5-2';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-7-0';\nexport var fieldSet = '_bqi6d97-3-7-0';\nexport var isAnimating = '_bqi6d94-3-7-0';\nexport var legend = '_bqi6d96-3-7-0';\nexport var link = '_bqi6d95-3-7-0';\nexport var menuLink = '_bqi6d91-3-7-0';\nexport var overlayDefaultWidth = '_bqi6d92-3-7-0';\nexport var scrollContainer = '_bqi6d93-3-7-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": []
 }