@dynatrace/strato-components 3.5.0 → 3.6.0

package/filters/filter-field/suggestions/SuggestionsOverlay.sty.js

@@ -25,8 +25,8 @@ __export(SuggestionsOverlay_css_exports, {
 });
 module.exports = __toCommonJS(SuggestionsOverlay_css_exports);
 var import_SuggestionsOverlay_css_ts_vanilla = require("./SuggestionsOverlay.css");
-var suggestionsOverlay = "_ssu5rt2-3-5-0";
-var suggestionsOverlayWrapper = "_ssu5rt1-3-5-0";
-var suggestionsOverlayWrapperContainer = "_ssu5rt0-3-5-0";
-var suggestionsScrollContainer = "_ssu5rt4-3-5-0";
-var suggestionsScrollContainerWrapper = "_ssu5rt3-3-5-0";
+var suggestionsOverlay = "_ssu5rt2-3-6-0";
+var suggestionsOverlayWrapper = "_ssu5rt1-3-6-0";
+var suggestionsOverlayWrapperContainer = "_ssu5rt0-3-6-0";
+var suggestionsScrollContainer = "_ssu5rt4-3-6-0";
+var suggestionsScrollContainerWrapper = "_ssu5rt3-3-6-0";

package/filters/filter-field/utils/get-suggestion-transaction.js

@@ -206,6 +206,7 @@ function getSuggestionTransaction(suggestionValue, range, shouldEscapeSuggestion
       };
     }
   }
+  insertionRange = getSortedRange(insertionRange);
   let anchor = insertionStrategy === "insert" ? head + insertedValue.length : Math.min(currentDocumentLength, insertionRange.from) + (nextSibling && !isLastListValue ? appliedSuggestionValue.length : insertedValue.length) + (insertionStrategy === "replace-token" ? +startsWithOperator : 0) + +hasSpaceAfterQuotes;
   if (cursorBeforeTrailing || isWildcardSuggestionWithValuePlaceholder) {
     const trailingLength = trailing ? trailing.length : 0;
@@ -213,7 +214,6 @@ function getSuggestionTransaction(suggestionValue, range, shouldEscapeSuggestion
   }
   const newDocLength = currentDocumentLength - (insertionRange.to - insertionRange.from) + insertedValue.length;
   anchor = Math.max(0, Math.min(anchor, newDocLength));
-  insertionRange = getSortedRange(insertionRange);
   return {
     changes: {
       ...insertionRange,

package/filters/filter-field/utils/suggestions-utils/get-suggestions.d.ts

@@ -1,4 +1,5 @@
 import type { FilterFieldOverlappingSuggestions } from './get-suggestion-category.js';
+import { type SuggestionMatchingOptions } from './suggestion-matching.js';
 import type { FilterFieldProps } from '../../FilterField.types.js';
 import type { FilterFieldSuggestion } from '../../suggestions/Suggestion.types.js';
 import type { FilterFieldGroupedSuggestions, FilterFieldSuggestionsCallback } from '../../types/suggestions.js';
@@ -29,6 +30,12 @@ export declare function getSuggestions({ suggestionTypes, overlappingSuggestions
     pastedContentSuggestions: FilterFieldSuggestion[];
 };
 /**
+ * Filters validatorMap-derived suggestions against the user's typed value.
+ *
+ * Matching delegates to `suggestionMatchesTerm` so the rules (which fields
+ * count, normalization, displayValue/value mutual exclusion) live in one
+ * place. Pass `{ includeDetails: false }` for suggestion sets whose details
+ * are display-only (operators).
  * @internal
  */
-export declare function filterSuggestions(providedSuggestions: FilterFieldSuggestion[], currentToken: FilterFieldValueNode, currentValue: string): FilterFieldSuggestion[];
+export declare function filterSuggestions(providedSuggestions: FilterFieldSuggestion[], currentToken: FilterFieldValueNode, currentValue: string, options?: SuggestionMatchingOptions): FilterFieldSuggestion[];

package/filters/filter-field/utils/suggestions-utils/get-suggestions.js

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(get_suggestions_exports);
 var import_key_suggestions = require("./key-suggestions.js");
 var import_operator_suggestions = require("./operator-suggestions.js");
 var import_shared_suggestions = require("./shared-suggestions.js");
+var import_suggestion_matching = require("./suggestion-matching.js");
 var import_suggestion_type = require("./suggestion-type.js");
 var import_value_suggestions = require("./value-suggestions.js");
 var import_escape_suggestion = require("../escape-suggestion.js");
@@ -135,7 +136,10 @@ function getSuggestions({
     comparisonOperatorSuggestions = filterSuggestions(
       comparisonOperatorSuggestions,
       currentToken,
-      overlappingSuggestions ? overlappingSuggestions.subToken.textValue.trim() : getTypedOperatorFromCurrentStatement(currentStatement)
+      overlappingSuggestions ? overlappingSuggestions.subToken.textValue.trim() : getTypedOperatorFromCurrentStatement(currentStatement),
+      // Operator details (e.g. "equals", "not equals") are display-only
+      // localized labels — never a match target.
+      { includeDetails: false }
     );
     if (overlappingSuggestions) {
       comparisonOperatorSuggestions = comparisonOperatorSuggestions.map(
@@ -166,7 +170,8 @@ function getSuggestions({
     logicalOperatorSuggestions = filterSuggestions(
       import_operator_suggestions.defaultLogicalOperatorSuggestions,
       currentToken,
-      currentValue
+      currentValue,
+      { includeDetails: false }
     );
   }
   if (suggestionTypes.find((value) => value === "key") && (currentToken.type === "JSONPath" || currentToken.type === "Error" && currentToken.textValue.match(import_key_suggestions.JSONPATH_PATTERN_PARTIAL))) {
@@ -182,9 +187,9 @@ function getSuggestions({
   };
 }
 function trimEscapedCharacters(value) {
-  return value.replace(/(["'\\])/g, "").toLowerCase();
+  return (0, import_suggestion_matching.normalizeSuggestionMatchText)(value);
 }
-function filterSuggestions(providedSuggestions, currentToken, currentValue) {
+function filterSuggestions(providedSuggestions, currentToken, currentValue, options) {
   const textValue = trimEscapedCharacters(currentValue);
   return providedSuggestions.filter((suggestion) => {
     if (Array.isArray(currentToken.value)) {
@@ -196,10 +201,7 @@ function filterSuggestions(providedSuggestions, currentToken, currentValue) {
     if (suggestion.value === "OR" && currentToken.value !== currentToken.textValue) {
       return false;
     }
-    const trimmedValue = trimEscapedCharacters(suggestion.value);
-    const trimmedDisplayValue = typeof suggestion.displayValue === "string" ? trimEscapedCharacters(suggestion.displayValue) : void 0;
-    const matchTarget = trimmedDisplayValue ?? trimmedValue;
-    return matchTarget.includes(`${textValue ?? ""}`);
+    return (0, import_suggestion_matching.suggestionMatchesTerm)(suggestion, textValue, options);
   });
 }
 function isSuggestionTypeNumber(suggestion) {
@@ -241,15 +243,6 @@ function compareDurations(a, b) {
   }
   return getDurationNumericValue(a) - getDurationNumericValue(b);
 }
-function getMatchPriority(normalizedValue, needle) {
-  if (normalizedValue === needle) {
-    return 0;
-  }
-  if (normalizedValue.startsWith(needle)) {
-    return 1;
-  }
-  return 2;
-}
 function sortSuggestions(suggestions, isSortingEnabled, currentValue, suggestionsTypeOrder) {
   const { validatorMapSuggestions, otherSuggestions } = suggestions.reduce(
     (acc, currentSuggestion) => {
@@ -317,7 +310,7 @@ function sortSuggestionsGroup(suggestionsGroup, currentValue) {
     return suggestionsGroup.sort((a, b) => {
       const aNorm = trimEscapedCharacters(a.value ?? "");
       const bNorm = trimEscapedCharacters(b.value ?? "");
-      const priorityDiff = getMatchPriority(aNorm, currentValue) - getMatchPriority(bNorm, currentValue);
+      const priorityDiff = (0, import_suggestion_matching.getSuggestionMatchPriority)(a, currentValue) - (0, import_suggestion_matching.getSuggestionMatchPriority)(b, currentValue);
       if (priorityDiff !== 0) {
         return priorityDiff;
       }

package/filters/filter-field/utils/suggestions-utils/operator-suggestions.js

@@ -47,8 +47,10 @@ function getComparisonOperatorSuggestions(key, internalValidatorMap, parserConfi
   );
   return operators.map((operator) => {
     const operatorWithDetails = operatorSuggestionsWithDetails[operator];
-    const suggestionType = { suggestionType: "validatorMap" };
-    return operatorWithDetails ? { ...operatorWithDetails, ...suggestionType } : { value: operator, ...suggestionType };
+    const baseProps = {
+      suggestionType: "validatorMap"
+    };
+    return operatorWithDetails ? { ...operatorWithDetails, ...baseProps } : { value: operator, ...baseProps };
   });
 }
 const defaultLogicalOperatorSuggestions = [

package/filters/filter-field/utils/suggestions-utils/suggestion-matching.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Shared matching engine for FilterField suggestions.
+ *
+ * Two questions are asked of every suggestion against the current search term:
+ *  1. Does it match? (used for filtering — see `suggestionMatchesTerm`)
+ *  2. How well does it match? (used for sorting — see `getSuggestionMatchPriority`)
+ *
+ * Both questions are answered against the same set of "match targets" (see
+ * `getSuggestionMatchTargets`) and the same text normalization
+ * (see `normalizeSuggestionMatchText`) so filtering and sorting can never drift apart.
+ */
+import type { FilterFieldSuggestion } from '../../suggestions/Suggestion.types.js';
+export type SuggestionMatchingOptions = {
+    /**
+     * When `false`, the suggestion's `details` text is excluded from matching.
+     * Used at call sites that match suggestions which carry display-only details
+     * (e.g. logical-operator suggestions).
+     * @defaultValue true
+     */
+    includeDetails?: boolean;
+};
+/**
+ * Canonicalizes text for matching: strips quotes/backslashes and lowercases.
+ * Applied to both the search term and every match target so quoted/escaped
+ * user input compares against the same normalized form as raw suggestion text.
+ * @internal
+ */
+export declare function normalizeSuggestionMatchText(value: string): string;
+/**
+ * Filtering primitive: does any match target contain the normalized term?
+ * @internal
+ */
+export declare function suggestionMatchesTerm(suggestion: FilterFieldSuggestion, term: string, options?: SuggestionMatchingOptions): boolean;
+/**
+ * Sorting primitive: best (lowest) priority across all of the suggestion's
+ * match targets. A suggestion that matches by `value` exactly is ranked above
+ * one that only contains the term in `details`, etc.
+ *
+ * Returns 2 (worst bucket) when no targets exist, so suggestions without
+ * matchable text sort to the end without throwing.
+ * @internal
+ */
+export declare function getSuggestionMatchPriority(suggestion: FilterFieldSuggestion, normalizedTerm: string, options?: SuggestionMatchingOptions): number;

package/filters/filter-field/utils/suggestions-utils/suggestion-matching.js

@@ -0,0 +1,64 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var suggestion_matching_exports = {};
+__export(suggestion_matching_exports, {
+  getSuggestionMatchPriority: () => getSuggestionMatchPriority,
+  normalizeSuggestionMatchText: () => normalizeSuggestionMatchText,
+  suggestionMatchesTerm: () => suggestionMatchesTerm
+});
+module.exports = __toCommonJS(suggestion_matching_exports);
+function normalizeSuggestionMatchText(value) {
+  return value.replace(/(["'\\])/g, "").toLowerCase();
+}
+function getSuggestionMatchTargets(suggestion, options = {}) {
+  const { includeDetails = true } = options;
+  const targets = [];
+  if (typeof suggestion.displayValue === "string") {
+    targets.push(suggestion.displayValue);
+  } else if (typeof suggestion.value === "string") {
+    targets.push(suggestion.value);
+  }
+  if (includeDetails && typeof suggestion.details === "string") {
+    targets.push(suggestion.details);
+  }
+  return targets.map(normalizeSuggestionMatchText);
+}
+function suggestionMatchesTerm(suggestion, term, options) {
+  const normalizedTerm = normalizeSuggestionMatchText(term);
+  return getSuggestionMatchTargets(suggestion, options).some(
+    (target) => target.includes(normalizedTerm)
+  );
+}
+function getMatchPriority(normalizedValue, needle) {
+  if (normalizedValue === needle) {
+    return 0;
+  }
+  if (normalizedValue.startsWith(needle)) {
+    return 1;
+  }
+  return 2;
+}
+function getSuggestionMatchPriority(suggestion, normalizedTerm, options) {
+  const targets = getSuggestionMatchTargets(suggestion, options);
+  if (targets.length === 0) {
+    return 2;
+  }
+  return Math.min(
+    ...targets.map((target) => getMatchPriority(target, normalizedTerm))
+  );
+}

package/filters/segment-selector/SegmentSelector.css

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

package/filters/segment-selector/SegmentSelector.js

@@ -171,7 +171,7 @@ const SegmentSelectorFwd = (0, import_react.forwardRef)((props, forwardedRef) =>
           formFieldMessagesState.formControlMessages,
           errorId,
           true
-        );
+        ).catch(() => void 0);
       }
       onOpenChange?.(isOpen2);
     },
@@ -212,14 +212,14 @@ const SegmentSelectorFwd = (0, import_react.forwardRef)((props, forwardedRef) =>
             }
           });
         }
-        await (0, import_segmentValidationHelper.validateSegments)(
+        (0, import_segmentValidationHelper.validateSegments)(
           segments,
           onChange,
           formFieldMessagesDispatch,
           formFieldMessagesState.formControlMessages,
           errorId,
           true
-        );
+        ).catch(() => void 0);
       }
     }),
     [
@@ -241,7 +241,7 @@ const SegmentSelectorFwd = (0, import_react.forwardRef)((props, forwardedRef) =>
       formFieldMessagesDispatch,
       formFieldMessagesState.formControlMessages,
       errorId
-    );
+    ).catch(() => void 0);
   }, [
     errorId,
     formFieldMessagesDispatch,

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

@@ -24,7 +24,7 @@ __export(SegmentSelector_css_exports, {
 });
 module.exports = __toCommonJS(SegmentSelector_css_exports);
 var import_SegmentSelector_css_ts_vanilla = require("./SegmentSelector.css");
-var overwriteTooltipElementPadding = "_11m6jkl3-3-5-0";
-var segmentSelectorList = "_11m6jkl0-3-5-0";
-var segmentSelectorListItem = "_11m6jkl1-3-5-0";
-var tooltipMaxHeight = "_11m6jkl2-3-5-0";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-6-0";
+var segmentSelectorList = "_11m6jkl0-3-6-0";
+var segmentSelectorListItem = "_11m6jkl1-3-6-0";
+var tooltipMaxHeight = "_11m6jkl2-3-6-0";

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

@@ -1,4 +1,4 @@
-._awal5d0-3-5-0._awal5d0-3-5-0 {
+._awal5d0-3-6-0._awal5d0-3-6-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/filters/segment-selector/parts/EmptySegments.js

@@ -35,6 +35,7 @@ var import_react = require("react");
 var import_react_intl = require("react-intl");
 var import_strato_icons = require("@dynatrace/strato-icons");
 var import_Button = require("../../../buttons/button/Button.js");
+var import_external_links = require("../../../core/external-links.js");
 var import_Flex = require("../../../layouts/flex/Flex.js");
 var import_Heading = require("../../../typography/heading/Heading.js");
 var import_SegmentsCache = require("../contexts/SegmentsCache/SegmentsCache.js");
@@ -43,7 +44,7 @@ var import_segmentMessages = require("../segmentMessages.js");
 var import_EmptySegments_css = require("./EmptySegments.sty.js");
 var import_NoAccessWithoutSelection = require("./noAccessRights/NoAccessWithoutSelection.js");
 var styles = __toESM(require("./Overlay.sty.js"));
-var import_sendSegmentManagementAddOnIntent = require("./sendSegmentManagementAddOnIntent.js");
+var import_segmentManagementHref = require("./segmentManagementHref.js");
 const EmptySegments = (0, import_react.forwardRef)(
   (props, forwardedRef) => {
     const intl = (0, import_react_intl.useIntl)();
@@ -78,8 +79,11 @@ const EmptySegments = (0, import_react.forwardRef)(
                 !readOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   import_Button.Button,
                   {
+                    as: "a",
                     ref: buttonRef,
-                    onClick: import_sendSegmentManagementAddOnIntent.sendManagementAddOnIntent,
+                    href: (0, import_segmentManagementHref.getSegmentManagementHref)(),
+                    target: "_blank",
+                    rel: "noopener noreferrer",
                     variant: "emphasized",
                     className: import_EmptySegments_css.AppLinkButtonCSS,
                     children: intl.formatMessage(import_segmentMessages.SEGMENTSELECTOR_MESSAGES.manageSegments)
@@ -89,7 +93,7 @@ const EmptySegments = (0, import_react.forwardRef)(
                   import_Button.Button,
                   {
                     as: "a",
-                    href: "https://dt-url.net/segments-documentation",
+                    href: import_external_links.SEGMENTS_DOCUMENTATION_URL,
                     target: "_blank",
                     rel: "noopener noreferrer",
                     children: [

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

@@ -21,4 +21,4 @@ __export(EmptySegments_css_exports, {
 });
 module.exports = __toCommonJS(EmptySegments_css_exports);
 var import_EmptySegments_css_ts_vanilla = require("./EmptySegments.css");
-var AppLinkButtonCSS = "_awal5d0-3-5-0";
+var AppLinkButtonCSS = "_awal5d0-3-6-0";

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

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

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

@@ -204,16 +204,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/filters/segment-selector/parts/Overlay.sty.js

@@ -28,11 +28,11 @@ __export(Overlay_css_exports, {
 });
 module.exports = __toCommonJS(Overlay_css_exports);
 var import_Overlay_css_ts_vanilla = require("./Overlay.css");
-var divider = "_bqi6d90-3-5-0";
-var fieldSet = "_bqi6d97-3-5-0";
-var isAnimating = "_bqi6d94-3-5-0";
-var legend = "_bqi6d96-3-5-0";
-var link = "_bqi6d95-3-5-0";
-var menuLink = "_bqi6d91-3-5-0";
-var overlayDefaultWidth = "_bqi6d92-3-5-0";
-var scrollContainer = "_bqi6d93-3-5-0";
+var divider = "_bqi6d90-3-6-0";
+var fieldSet = "_bqi6d97-3-6-0";
+var isAnimating = "_bqi6d94-3-6-0";
+var legend = "_bqi6d96-3-6-0";
+var link = "_bqi6d95-3-6-0";
+var menuLink = "_bqi6d91-3-6-0";
+var overlayDefaultWidth = "_bqi6d92-3-6-0";
+var scrollContainer = "_bqi6d93-3-6-0";

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

@@ -34,10 +34,11 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_intl = require("react-intl");
 var import_strato_icons = require("@dynatrace/strato-icons");
-var import_sendSegmentManagementAddOnIntent = require("./sendSegmentManagementAddOnIntent.js");
+var import_segmentManagementHref = require("./segmentManagementHref.js");
 var import_segmentMessages = require("../segmentMessages.js");
 var styles = __toESM(require("./Overlay.sty.js"));
 var import_Button = require("../../../buttons/button/Button.js");
+var import_external_links = require("../../../core/external-links.js");
 var import_useOverlayStacking = require("../../../core/hooks/useOverlayStacking.js");
 var import_Grid = require("../../../layouts/grid/Grid.js");
 var import_Tooltip = require("../../../overlays/tooltip/Tooltip.js");
@@ -70,7 +71,10 @@ const SegmentFooter = () => {
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_Button.Button,
               {
-                onClick: import_sendSegmentManagementAddOnIntent.sendManagementAddOnIntent,
+                as: "a",
+                href: (0, import_segmentManagementHref.getSegmentManagementHref)(),
+                target: "_blank",
+                rel: "noopener noreferrer",
                 size: "condensed",
                 className: styles.link,
                 "aria-label": intl.formatMessage(
@@ -85,7 +89,7 @@ const SegmentFooter = () => {
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_ExternalLink.ExternalLink,
           {
-            href: "https://dt-url.net/segments-documentation",
+            href: import_external_links.SEGMENTS_DOCUMENTATION_URL,
             className: styles.link,
             "data-dt-name": "LearnMoreAboutSegments",
             children: intl.formatMessage(import_segmentMessages.SEGMENTSELECTOR_MESSAGES.docsLinkText)

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

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

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

@@ -24,7 +24,7 @@ __export(ShowMorePanel_css_exports, {
 });
 module.exports = __toCommonJS(ShowMorePanel_css_exports);
 var import_ShowMorePanel_css_ts_vanilla = require("./ShowMorePanel.css");
-var expandableWrapper = "_7mq3is0-3-5-0";
-var expandableWrapperCollapsed = "_7mq3is1-3-5-0";
-var expandableWrapperExpanded = "_7mq3is2-3-5-0";
-var list = "_7mq3is3-3-5-0";
+var expandableWrapper = "_7mq3is0-3-6-0";
+var expandableWrapperCollapsed = "_7mq3is1-3-6-0";
+var expandableWrapperExpanded = "_7mq3is2-3-6-0";
+var list = "_7mq3is3-3-6-0";

package/filters/segment-selector/parts/noAccessRights/CopyPermissionsButton.js

@@ -48,12 +48,10 @@ User ID: ${id}`;
       variant,
       ref: forwardedRef,
       color,
-      onClick: async (e) => {
+      onClick: (e) => {
         e.stopPropagation();
-        try {
-          await navigator.clipboard.writeText(clipboardText);
-        } catch {
-        }
+        navigator.clipboard.writeText(clipboardText).catch(() => {
+        });
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.Button.Prefix, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_strato_icons.CopyIcon, {}) }),

package/filters/segment-selector/parts/noAccessRights/NoAccessWithoutSelection.js

@@ -35,6 +35,7 @@ var import_react = require("react");
 var import_react_intl = require("react-intl");
 var import_strato_icons = require("@dynatrace/strato-icons");
 var import_Button = require("../../../../buttons/button/Button.js");
+var import_external_links = require("../../../../core/external-links.js");
 var import_Flex = require("../../../../layouts/flex/Flex.js");
 var import_Text = require("../../../../typography/text/Text.js");
 var import_segmentMessages = require("../../segmentMessages.js");
@@ -64,7 +65,7 @@ const NoAccessWithoutSelection = () => {
             import_Button.Button,
             {
               as: "a",
-              href: "https://dt-url.net/segments-documentation",
+              href: import_external_links.SEGMENTS_DOCUMENTATION_URL,
               target: "_blank",
               rel: "noopener noreferrer",
               children: [

package/filters/segment-selector/parts/segmentManagementHref.d.ts

@@ -0,0 +1,2 @@
+export declare const getSegmentManagementHref: () => string;
+export declare const getSegmentHref: (segmentId: string) => string;

package/filters/segment-selector/parts/segmentManagementHref.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var segmentManagementHref_exports = {};
+__export(segmentManagementHref_exports, {
+  getSegmentHref: () => getSegmentHref,
+  getSegmentManagementHref: () => getSegmentManagementHref
+});
+module.exports = __toCommonJS(segmentManagementHref_exports);
+var import_app_environment = require("@dynatrace-sdk/app-environment");
+const getSegmentManagementHref = () => `${(0, import_app_environment.getEnvironmentUrl)()}/ui/apps/dynatrace.settings/settings/segments`;
+const getSegmentHref = (segmentId) => `${(0, import_app_environment.getEnvironmentUrl)()}/ui/apps/dynatrace.settings/settings/segments/segment/${segmentId}`;