@dynatrace/strato-components 3.8.0 → 3.9.1

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

@@ -1,3 +1,9 @@
+function updateErrorIds(errorIds, id, hasError) {
+  if (hasError) {
+    return Array.from(/* @__PURE__ */ new Set([...errorIds ?? [], id]));
+  }
+  return errorIds?.filter((errorId) => errorId !== id) ?? [];
+}
 function segmentsUIReducer(state, action) {
   const { type } = action;
   switch (type) {
@@ -106,17 +112,14 @@ function segmentsUIReducer(state, action) {
     case "setArrayIdentifierError": {
       const { payload } = action;
       const { hasError, id } = payload;
-      if (hasError) {
-        const newState2 = {
-          ...state,
-          arrayIdentifierErrorIds: state.arrayIdentifierErrorIds ?? []
-        };
-        newState2.arrayIdentifierErrorIds.push(id);
-        return newState2;
-      }
-      const newState = { ...state };
-      newState.arrayIdentifierErrorIds?.filter((errorId) => errorId !== id);
-      return newState;
+      return {
+        ...state,
+        arrayIdentifierErrorIds: updateErrorIds(
+          state.arrayIdentifierErrorIds,
+          id,
+          hasError
+        )
+      };
     }
   }
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/contexts/SegmentsUI/SegmentsUIReducer.ts"],
-  "sourcesContent": ["import type { FilterSegment as QueryFilterSegment } from '@dynatrace-sdk/client-query';\n\nimport type { UISegment } from './UISegments.types.js';\n\nexport type SegmentSelectorReducerActions =\n  | {\n      type: 'add';\n      payload: { segments?: QueryFilterSegment; isPlaceholder: boolean };\n    }\n  | {\n      type: 'remove';\n      payload: { id: string };\n    }\n  | {\n      type: 'removeAll';\n    }\n  | {\n      type: 'update';\n      payload: {\n        oldSegment: QueryFilterSegment;\n        newSegment: QueryFilterSegment;\n      };\n    }\n  | { type: 'clearPlaceholder' }\n  | {\n      type: 'setArrayIdentifierError';\n      payload: { hasError: boolean; id: string };\n    }\n  | {\n      type: 'setUISegments';\n      payload: {\n        uiSegments: SegmentSelectorUIState['uiSegments'];\n        hasSelection?: boolean;\n      };\n    };\n\nexport type SegmentSelectorUIState = {\n  uiSegments: UISegment[];\n  hasSelection: boolean;\n  readOnly?: boolean;\n  focusedSegmentId?: string;\n  isTouched?: boolean;\n  arrayIdentifierErrorIds?: string[];\n};\n\nexport function segmentsUIReducer(\n  state: SegmentSelectorUIState,\n  action: SegmentSelectorReducerActions,\n): SegmentSelectorUIState {\n  const { type } = action;\n\n  switch (type) {\n    case 'add': {\n      const { segments: segment, isPlaceholder } = action.payload;\n\n      if (segment && !isPlaceholder) {\n        return {\n          ...state,\n          isTouched: true,\n          hasSelection: true,\n          uiSegments: [...state.uiSegments, { ...segment }],\n          focusedSegmentId: segment.id,\n        };\n      }\n\n      const placeholderId = crypto.randomUUID();\n\n      return {\n        ...state,\n        hasSelection: true,\n        uiSegments: [\n          ...state.uiSegments,\n          {\n            id: placeholderId,\n            isPlaceholder: true,\n          },\n        ],\n      };\n    }\n    case 'remove': {\n      const { id } = action.payload;\n      const newSegments = state.uiSegments.filter(\n        (uiSegment) => id !== uiSegment.id,\n      );\n      const arrayIdentifierErrorIds = state.arrayIdentifierErrorIds?.filter(\n        (errorId) => errorId !== id,\n      );\n\n      if (newSegments.length === 0) {\n        return {\n          isTouched: true,\n          hasSelection: true,\n          uiSegments: [\n            {\n              id: crypto.randomUUID(),\n              isPlaceholder: true,\n            },\n          ],\n          arrayIdentifierErrorIds: [],\n        };\n      }\n\n      return {\n        isTouched: true,\n        hasSelection: true,\n        uiSegments: newSegments,\n        arrayIdentifierErrorIds,\n      };\n    }\n    case 'removeAll': {\n      return {\n        isTouched: true,\n        hasSelection: false,\n        uiSegments: [\n          {\n            id: crypto.randomUUID(),\n            isPlaceholder: true,\n          },\n        ],\n        arrayIdentifierErrorIds: [],\n      };\n    }\n    case 'update': {\n      const { newSegment, oldSegment } = action.payload;\n\n      const index = state.uiSegments.findIndex(\n        (uiSegment) => uiSegment.id === oldSegment.id,\n      );\n\n      if (index !== -1) {\n        const updatedSegments = [...state.uiSegments];\n        updatedSegments[index] = { ...newSegment };\n\n        return {\n          ...state,\n          isTouched: true,\n          hasSelection: state.uiSegments.length > 0,\n          uiSegments: updatedSegments,\n          focusedSegmentId: newSegment.id,\n        };\n      }\n\n      return state;\n    }\n    case 'clearPlaceholder': {\n      const actualSegmentsOnly = state.uiSegments.filter(\n        (uiSegment) => !uiSegment.isPlaceholder,\n      );\n\n      return {\n        ...state,\n        uiSegments: actualSegmentsOnly,\n      };\n    }\n    case 'setUISegments': {\n      const { payload } = action;\n      const { hasSelection, uiSegments } = payload;\n\n      return {\n        ...state,\n        isTouched: false,\n        uiSegments,\n        hasSelection: hasSelection ?? state.hasSelection,\n      };\n    }\n    case 'setArrayIdentifierError': {\n      const { payload } = action;\n      const { hasError, id } = payload;\n\n      if (hasError) {\n        const newState = {\n          ...state,\n          arrayIdentifierErrorIds: state.arrayIdentifierErrorIds ?? [],\n        };\n        newState.arrayIdentifierErrorIds.push(id);\n        return newState;\n      }\n\n      const newState = { ...state };\n      newState.arrayIdentifierErrorIds?.filter((errorId) => errorId !== id);\n      return newState;\n    }\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["newState"]
+  "sourcesContent": ["import type { FilterSegment as QueryFilterSegment } from '@dynatrace-sdk/client-query';\n\nimport type { UISegment } from './UISegments.types.js';\n\nexport type SegmentSelectorReducerActions =\n  | {\n      type: 'add';\n      payload: { segments?: QueryFilterSegment; isPlaceholder: boolean };\n    }\n  | {\n      type: 'remove';\n      payload: { id: string };\n    }\n  | {\n      type: 'removeAll';\n    }\n  | {\n      type: 'update';\n      payload: {\n        oldSegment: QueryFilterSegment;\n        newSegment: QueryFilterSegment;\n      };\n    }\n  | { type: 'clearPlaceholder' }\n  | {\n      type: 'setArrayIdentifierError';\n      payload: { hasError: boolean; id: string };\n    }\n  | {\n      type: 'setUISegments';\n      payload: {\n        uiSegments: SegmentSelectorUIState['uiSegments'];\n        hasSelection?: boolean;\n      };\n    };\n\nexport type SegmentSelectorUIState = {\n  uiSegments: UISegment[];\n  hasSelection: boolean;\n  readOnly?: boolean;\n  focusedSegmentId?: string;\n  isTouched?: boolean;\n  arrayIdentifierErrorIds?: string[];\n};\n\nfunction updateErrorIds(\n  errorIds: string[] | undefined,\n  id: string,\n  hasError: boolean,\n) {\n  if (hasError) {\n    return Array.from(new Set([...(errorIds ?? []), id]));\n  }\n\n  return errorIds?.filter((errorId) => errorId !== id) ?? [];\n}\n\nexport function segmentsUIReducer(\n  state: SegmentSelectorUIState,\n  action: SegmentSelectorReducerActions,\n): SegmentSelectorUIState {\n  const { type } = action;\n\n  switch (type) {\n    case 'add': {\n      const { segments: segment, isPlaceholder } = action.payload;\n\n      if (segment && !isPlaceholder) {\n        return {\n          ...state,\n          isTouched: true,\n          hasSelection: true,\n          uiSegments: [...state.uiSegments, { ...segment }],\n          focusedSegmentId: segment.id,\n        };\n      }\n\n      const placeholderId = crypto.randomUUID();\n\n      return {\n        ...state,\n        hasSelection: true,\n        uiSegments: [\n          ...state.uiSegments,\n          {\n            id: placeholderId,\n            isPlaceholder: true,\n          },\n        ],\n      };\n    }\n    case 'remove': {\n      const { id } = action.payload;\n      const newSegments = state.uiSegments.filter(\n        (uiSegment) => id !== uiSegment.id,\n      );\n      const arrayIdentifierErrorIds = state.arrayIdentifierErrorIds?.filter(\n        (errorId) => errorId !== id,\n      );\n\n      if (newSegments.length === 0) {\n        return {\n          isTouched: true,\n          hasSelection: true,\n          uiSegments: [\n            {\n              id: crypto.randomUUID(),\n              isPlaceholder: true,\n            },\n          ],\n          arrayIdentifierErrorIds: [],\n        };\n      }\n\n      return {\n        isTouched: true,\n        hasSelection: true,\n        uiSegments: newSegments,\n        arrayIdentifierErrorIds,\n      };\n    }\n    case 'removeAll': {\n      return {\n        isTouched: true,\n        hasSelection: false,\n        uiSegments: [\n          {\n            id: crypto.randomUUID(),\n            isPlaceholder: true,\n          },\n        ],\n        arrayIdentifierErrorIds: [],\n      };\n    }\n    case 'update': {\n      const { newSegment, oldSegment } = action.payload;\n\n      const index = state.uiSegments.findIndex(\n        (uiSegment) => uiSegment.id === oldSegment.id,\n      );\n\n      if (index !== -1) {\n        const updatedSegments = [...state.uiSegments];\n        updatedSegments[index] = { ...newSegment };\n\n        return {\n          ...state,\n          isTouched: true,\n          hasSelection: state.uiSegments.length > 0,\n          uiSegments: updatedSegments,\n          focusedSegmentId: newSegment.id,\n        };\n      }\n\n      return state;\n    }\n    case 'clearPlaceholder': {\n      const actualSegmentsOnly = state.uiSegments.filter(\n        (uiSegment) => !uiSegment.isPlaceholder,\n      );\n\n      return {\n        ...state,\n        uiSegments: actualSegmentsOnly,\n      };\n    }\n    case 'setUISegments': {\n      const { payload } = action;\n      const { hasSelection, uiSegments } = payload;\n\n      return {\n        ...state,\n        isTouched: false,\n        uiSegments,\n        hasSelection: hasSelection ?? state.hasSelection,\n      };\n    }\n    case 'setArrayIdentifierError': {\n      const { payload } = action;\n      const { hasError, id } = payload;\n\n      return {\n        ...state,\n        arrayIdentifierErrorIds: updateErrorIds(\n          state.arrayIdentifierErrorIds,\n          id,\n          hasError,\n        ),\n      };\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
 }

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

@@ -1,5 +1,4 @@
 import { jsx } from "react/jsx-runtime";
-import { isArray } from "lodash-es";
 import { FormattedMessage } from "react-intl";
 import {
   FormFieldMessagesAction
@@ -7,11 +6,56 @@ import {
 import {
   StratoValidityStateKeys
 } from "../../../../forms/validation/types.js";
+import {
+  isFilterFieldGroupNode,
+  isFilterFieldStatementNode,
+  isFilterFieldVariableNode
+} from "../../../filter-field/utils/tree-node-guards.js";
 import { SEGMENTSELECTOR_MESSAGES } from "../../segmentMessages.js";
+import { parsePossibleJson } from "../../utils.js";
 import {
   getSegment,
   segmentsClient
 } from "../SegmentsCache/SegmentsCache.js";
+function collectVariableNames(node, names) {
+  if (!node) {
+    return;
+  }
+  if (isFilterFieldVariableNode(node)) {
+    names.add(node.value.replace(/^\$/, ""));
+    return;
+  }
+  if (isFilterFieldGroupNode(node)) {
+    for (const child of node.children) {
+      collectVariableNames(child, names);
+    }
+    return;
+  }
+  if (isFilterFieldStatementNode(node)) {
+    collectVariableNames(node.value, names);
+    return;
+  }
+  const asRecord = node;
+  if (Array.isArray(asRecord.value)) {
+    for (const item of asRecord.value) {
+      collectVariableNames(item, names);
+    }
+  }
+}
+function extractVariableNamesFromIncludes(includes) {
+  const names = /* @__PURE__ */ new Set();
+  if (!includes) {
+    return names;
+  }
+  for (const include of includes) {
+    const tree = parsePossibleJson(include.filter);
+    if (typeof tree !== "object" || tree === null) {
+      continue;
+    }
+    collectVariableNames(tree, names);
+  }
+  return names;
+}
 async function getErrorKey(uiSegment) {
   if ("isPlaceholder" in uiSegment && uiSegment.isPlaceholder) {
     return null;
@@ -23,14 +67,27 @@ async function getErrorKey(uiSegment) {
   if (!cachedSegment) {
     return StratoValidityStateKeys.unavailable;
   }
-  const uiSegmentHasNoVariables = uiSegment.variables === void 0 || isArray(uiSegment.variables) && uiSegment.variables.length === 0;
-  const cachedSegmentHasNoVariables = !cachedSegment.segment.variables;
-  if (!cachedSegmentHasNoVariables && uiSegmentHasNoVariables) {
+  const serverVariableNames = extractVariableNamesFromIncludes(
+    cachedSegment.segment.includes
+  );
+  const uiVariableNames = new Set(
+    Array.isArray(uiSegment.variables) ? uiSegment.variables.map((v) => v.name) : []
+  );
+  const serverHasVariables = !!cachedSegment.segment.variables;
+  if (serverHasVariables && uiVariableNames.size === 0) {
     return StratoValidityStateKeys.missingVariables;
   }
-  if (!uiSegmentHasNoVariables && cachedSegmentHasNoVariables) {
+  if (!serverHasVariables && uiVariableNames.size > 0) {
     return StratoValidityStateKeys.needsUpdate;
   }
+  if (serverVariableNames.size > 0) {
+    for (const name of serverVariableNames) {
+      if (!uiVariableNames.has(name)) {
+        return StratoValidityStateKeys.invalidVariables;
+      }
+    }
+    return null;
+  }
   return null;
 }
 async function areUiSegmentsValid(uiSegments) {
@@ -83,7 +140,7 @@ async function validateSegments(segments, onChange, formFieldMessagesDispatch, f
       }
     });
   }
-  if (isValid === false && !hasFormControlError) {
+  if (isValid === false && (!hasFormControlError || showError)) {
     formFieldMessagesDispatch?.({
       type: FormFieldMessagesAction.ADDMESSAGE,
       payload: {
@@ -91,7 +148,7 @@ async function validateSegments(segments, onChange, formFieldMessagesDispatch, f
         variant: "error",
         validityStateKey: "customError",
         messageType: "formcontrol",
-        showError,
+        showError: showError ? true : void 0,
         message: /* @__PURE__ */ jsx(FormattedMessage, { ...SEGMENTSELECTOR_MESSAGES.genericSegmentError })
       }
     });
@@ -99,6 +156,7 @@ async function validateSegments(segments, onChange, formFieldMessagesDispatch, f
 }
 export {
   areUiSegmentsValid,
+  extractVariableNamesFromIncludes,
   getErrorKey,
   validateSegments
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/contexts/SegmentsUI/segmentValidationHelper.tsx"],
-  "sourcesContent": ["import { isArray } from 'lodash-es';\nimport type { ChangeEvent, Dispatch } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport type { FilterSegment } from '@dynatrace-sdk/client-query';\n\nimport type { SegmentSelectorUIState } from './SegmentsUIReducer.js';\nimport {\n  type FormFieldMessagesReducerAction,\n  FormFieldMessagesAction,\n} from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormFieldMessageContextState } from '../../../../forms/forms-core/types/formfield-messages.types.js';\nimport {\n  StratoValidityStateKeys,\n  type StratoValidityStateKey,\n} from '../../../../forms/validation/types.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../../segmentMessages.js';\nimport {\n  getSegment,\n  segmentsClient,\n  type CachedSegment,\n} from '../SegmentsCache/SegmentsCache.js';\n\n/** @internal */\nexport async function getErrorKey(\n  uiSegment: (FilterSegment | CachedSegment['segment']) & {\n    isPlaceholder?: boolean;\n  },\n): Promise<StratoValidityStateKey | null> {\n  if ('isPlaceholder' in uiSegment && uiSegment.isPlaceholder) {\n    return null;\n  }\n\n  const cachedSegment = await segmentsClient.queryClient.fetchQuery({\n    queryKey: ['getSegment', uiSegment.id],\n    queryFn: () => getSegment(uiSegment.id).catch(() => null),\n  });\n\n  if (!cachedSegment) {\n    return StratoValidityStateKeys.unavailable;\n  }\n\n  const uiSegmentHasNoVariables =\n    uiSegment.variables === undefined ||\n    (isArray(uiSegment.variables) && uiSegment.variables.length === 0);\n  const cachedSegmentHasNoVariables = !cachedSegment.segment.variables;\n\n  if (!cachedSegmentHasNoVariables && uiSegmentHasNoVariables) {\n    return StratoValidityStateKeys.missingVariables;\n  }\n\n  if (!uiSegmentHasNoVariables && cachedSegmentHasNoVariables) {\n    return StratoValidityStateKeys.needsUpdate;\n  }\n\n  return null;\n}\n\n/**\n * Helper function that checks every segment for errors and returns a boolean indicating\n * whether the segments are valid or not.\n * If the user has no access rights, it returns undefined.\n * @internal\n */\nexport async function areUiSegmentsValid(\n  uiSegments?: SegmentSelectorUIState['uiSegments'],\n): Promise<boolean | undefined> {\n  if (segmentsClient.hasAccessRights === false || !uiSegments) {\n    return undefined;\n  }\n\n  let hasError = false;\n\n  await Promise.all(\n    uiSegments?.map(async (uiSegment) => {\n      const errorKey = await getErrorKey(uiSegment);\n\n      if (errorKey) {\n        hasError = true;\n      }\n\n      return errorKey;\n    }),\n  );\n\n  return !hasError;\n}\n\n/**\n * Iterates over selected segments and checks their availability.\n * If they are no longer available it adds an error.\n * Similarly it removes the error if it no longer applies.\n */\nexport async function validateSegments(\n  segments: FilterSegment[],\n  onChange: (\n    event?: ChangeEvent<\n      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n    >,\n  ) => void,\n  formFieldMessagesDispatch:\n    | Dispatch<FormFieldMessagesReducerAction>\n    | undefined,\n  formControlMessages: FormFieldMessageContextState['formControlMessages'],\n  errorId: string,\n  showError: boolean = false,\n) {\n  onChange();\n  const isValid = await areUiSegmentsValid(segments);\n  const hasFormControlError = formControlMessages.some(\n    (message) => message.id === errorId,\n  );\n\n  if (\n    hasFormControlError &&\n    ((segmentsClient.hasAccessRights === false && segments.length === 0) ||\n      isValid)\n  ) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: {\n        id: errorId,\n        messageType: 'formcontrol',\n      },\n    });\n\n    return;\n  }\n\n  if (segmentsClient.hasAccessRights === false && segments.length > 0) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id: errorId,\n        variant: 'error',\n        validityStateKey: 'customError',\n        messageType: 'formcontrol',\n        showError: true,\n        message: (\n          <FormattedMessage\n            {...SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess}\n          />\n        ),\n      },\n    });\n  }\n\n  if (isValid === false && !hasFormControlError) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id: errorId,\n        variant: 'error',\n        validityStateKey: 'customError',\n        messageType: 'formcontrol',\n        showError,\n        message: (\n          <FormattedMessage {...SEGMENTSELECTOR_MESSAGES.genericSegmentError} />\n        ),\n      },\n    });\n  }\n}\n"],
-  "mappings": "AA2IU;AA3IV,SAAS,eAAe;AAExB,SAAS,wBAAwB;AAKjC;AAAA,EAEE;AAAA,OACK;AAEP;AAAA,EACE;AAAA,OAEK;AACP,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAGP,eAAsB,YACpB,WAGwC;AACxC,MAAI,mBAAmB,aAAa,UAAU,eAAe;AAC3D,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,MAAM,eAAe,YAAY,WAAW;AAAA,IAChE,UAAU,CAAC,cAAc,UAAU,EAAE;AAAA,IACrC,SAAS,MAAM,WAAW,UAAU,EAAE,EAAE,MAAM,MAAM,IAAI;AAAA,EAC1D,CAAC;AAED,MAAI,CAAC,eAAe;AAClB,WAAO,wBAAwB;AAAA,EACjC;AAEA,QAAM,0BACJ,UAAU,cAAc,UACvB,QAAQ,UAAU,SAAS,KAAK,UAAU,UAAU,WAAW;AAClE,QAAM,8BAA8B,CAAC,cAAc,QAAQ;AAE3D,MAAI,CAAC,+BAA+B,yBAAyB;AAC3D,WAAO,wBAAwB;AAAA,EACjC;AAEA,MAAI,CAAC,2BAA2B,6BAA6B;AAC3D,WAAO,wBAAwB;AAAA,EACjC;AAEA,SAAO;AACT;AAQA,eAAsB,mBACpB,YAC8B;AAC9B,MAAI,eAAe,oBAAoB,SAAS,CAAC,YAAY;AAC3D,WAAO;AAAA,EACT;AAEA,MAAI,WAAW;AAEf,QAAM,QAAQ;AAAA,IACZ,YAAY,IAAI,OAAO,cAAc;AACnC,YAAM,WAAW,MAAM,YAAY,SAAS;AAE5C,UAAI,UAAU;AACZ,mBAAW;AAAA,MACb;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SAAO,CAAC;AACV;AAOA,eAAsB,iBACpB,UACA,UAKA,2BAGA,qBACA,SACA,YAAqB,OACrB;AACA,WAAS;AACT,QAAM,UAAU,MAAM,mBAAmB,QAAQ;AACjD,QAAM,sBAAsB,oBAAoB;AAAA,IAC9C,CAAC,YAAY,QAAQ,OAAO;AAAA,EAC9B;AAEA,MACE,wBACE,eAAe,oBAAoB,SAAS,SAAS,WAAW,KAChE,UACF;AACA,gCAA4B;AAAA,MAC1B,MAAM,wBAAwB;AAAA,MAC9B,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,aAAa;AAAA,MACf;AAAA,IACF,CAAC;AAED;AAAA,EACF;AAEA,MAAI,eAAe,oBAAoB,SAAS,SAAS,SAAS,GAAG;AACnE,gCAA4B;AAAA,MAC1B,MAAM,wBAAwB;AAAA,MAC9B,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,kBAAkB;AAAA,QAClB,aAAa;AAAA,QACb,WAAW;AAAA,QACX,SACE;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,yBAAyB;AAAA;AAAA,QAC/B;AAAA,MAEJ;AAAA,IACF,CAAC;AAAA,EACH;AAEA,MAAI,YAAY,SAAS,CAAC,qBAAqB;AAC7C,gCAA4B;AAAA,MAC1B,MAAM,wBAAwB;AAAA,MAC9B,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,kBAAkB;AAAA,QAClB,aAAa;AAAA,QACb;AAAA,QACA,SACE,oBAAC,oBAAkB,GAAG,yBAAyB,qBAAqB;AAAA,MAExE;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import type { ChangeEvent, Dispatch } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport type { Include } from '@dynatrace-sdk/client-filter-segment-management';\nimport type { FilterSegment } from '@dynatrace-sdk/client-query';\n\nimport type { SegmentSelectorUIState } from './SegmentsUIReducer.js';\nimport {\n  type FormFieldMessagesReducerAction,\n  FormFieldMessagesAction,\n} from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormFieldMessageContextState } from '../../../../forms/forms-core/types/formfield-messages.types.js';\nimport {\n  StratoValidityStateKeys,\n  type StratoValidityStateKey,\n} from '../../../../forms/validation/types.js';\nimport type {\n  FilterFieldNode,\n  FilterFieldTree,\n} from '../../../filter-field/types/tree-nodes.js';\nimport {\n  isFilterFieldGroupNode,\n  isFilterFieldStatementNode,\n  isFilterFieldVariableNode,\n} from '../../../filter-field/utils/tree-node-guards.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../../segmentMessages.js';\nimport { parsePossibleJson } from '../../utils.js';\nimport {\n  getSegment,\n  segmentsClient,\n  type CachedSegment,\n} from '../SegmentsCache/SegmentsCache.js';\n\n/** @internal */\nexport type SegmentErrorKey =\n  | 'unavailable'\n  | 'needs-variables'\n  | 'needs-update'\n  | 'incomplete-variables';\n\nfunction collectVariableNames(\n  node: FilterFieldTree | FilterFieldNode | undefined | null,\n  names: Set<string>,\n): void {\n  if (!node) {\n    return;\n  }\n\n  if (isFilterFieldVariableNode(node)) {\n    names.add(node.value.replace(/^\\$/, ''));\n    return;\n  }\n\n  if (isFilterFieldGroupNode(node)) {\n    for (const child of node.children) {\n      collectVariableNames(child, names);\n    }\n    return;\n  }\n\n  if (isFilterFieldStatementNode(node)) {\n    collectVariableNames(node.value, names);\n    return;\n  }\n\n  // FilterFieldListNode: value is an array of leaf nodes (e.g. \"key in [$var1, $var2]\").\n  // We can't use isFilterFieldListNode here \u2014 its guard checks `textValue` which list nodes\n  // from the API don't carry. A plain Array.isArray check is reliable.\n  const asRecord = node as Record<string, unknown>;\n  if (Array.isArray(asRecord.value)) {\n    for (const item of asRecord.value as FilterFieldNode[]) {\n      collectVariableNames(item, names);\n    }\n  }\n}\n\n/**\n * Extracts variable names from the filter expressions in includes by parsing\n * each filter JSON into a FilterFieldTree and collecting Variable nodes.\n * @internal\n */\nexport function extractVariableNamesFromIncludes(\n  includes: Include[] | undefined,\n): Set<string> {\n  const names = new Set<string>();\n\n  if (!includes) {\n    return names;\n  }\n\n  for (const include of includes) {\n    const tree = parsePossibleJson(include.filter);\n    if (typeof tree !== 'object' || tree === null) {\n      continue;\n    }\n    collectVariableNames(tree as FilterFieldTree, names);\n  }\n\n  return names;\n}\n\n/** @internal */\nexport async function getErrorKey(\n  uiSegment: (FilterSegment | CachedSegment['segment']) & {\n    isPlaceholder?: boolean;\n  },\n): Promise<StratoValidityStateKey | null> {\n  if ('isPlaceholder' in uiSegment && uiSegment.isPlaceholder) {\n    return null;\n  }\n\n  const cachedSegment = await segmentsClient.queryClient.fetchQuery({\n    queryKey: ['getSegment', uiSegment.id],\n    queryFn: () => getSegment(uiSegment.id).catch(() => null),\n  });\n\n  if (!cachedSegment) {\n    return StratoValidityStateKeys.unavailable;\n  }\n\n  const serverVariableNames = extractVariableNamesFromIncludes(\n    cachedSegment.segment.includes,\n  );\n  const uiVariableNames = new Set(\n    Array.isArray(uiSegment.variables)\n      ? uiSegment.variables.map((v) => v.name)\n      : [],\n  );\n  const serverHasVariables = !!cachedSegment.segment.variables;\n\n  if (serverHasVariables && uiVariableNames.size === 0) {\n    return StratoValidityStateKeys.missingVariables;\n  }\n\n  if (!serverHasVariables && uiVariableNames.size > 0) {\n    return StratoValidityStateKeys.needsUpdate;\n  }\n\n  // When the includes field contains variable expressions we can do precise\n  // name-level validation.\n  if (serverVariableNames.size > 0) {\n    for (const name of serverVariableNames) {\n      if (!uiVariableNames.has(name)) {\n        return StratoValidityStateKeys.invalidVariables;\n      }\n    }\n    return null;\n  }\n\n  // Fallback: the includes field is absent or contains no variable expressions\n  // (e.g. older segments that pre-date the includes field, or the bulk endpoint\n  // that may not return filter expressions). Fall back to a binary check using\n  // the variables metadata field to know whether the segment expects variables.\n  return null;\n}\n\n/**\n * Helper function that checks every segment for errors and returns a boolean indicating\n * whether the segments are valid or not.\n * If the user has no access rights, it returns undefined.\n * @internal\n */\nexport async function areUiSegmentsValid(\n  uiSegments?: SegmentSelectorUIState['uiSegments'],\n): Promise<boolean | undefined> {\n  if (segmentsClient.hasAccessRights === false || !uiSegments) {\n    return undefined;\n  }\n\n  let hasError = false;\n\n  await Promise.all(\n    uiSegments?.map(async (uiSegment) => {\n      const errorKey = await getErrorKey(uiSegment);\n\n      if (errorKey) {\n        hasError = true;\n      }\n\n      return errorKey;\n    }),\n  );\n\n  return !hasError;\n}\n\n/**\n * Iterates over selected segments and checks their availability.\n * If they are no longer available it adds an error.\n * Similarly it removes the error if it no longer applies.\n */\nexport async function validateSegments(\n  segments: FilterSegment[],\n  onChange: (\n    event?: ChangeEvent<\n      HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n    >,\n  ) => void,\n  formFieldMessagesDispatch:\n    | Dispatch<FormFieldMessagesReducerAction>\n    | undefined,\n  formControlMessages: FormFieldMessageContextState['formControlMessages'],\n  errorId: string,\n  showError: boolean = false,\n) {\n  onChange();\n  const isValid = await areUiSegmentsValid(segments);\n  const hasFormControlError = formControlMessages.some(\n    (message) => message.id === errorId,\n  );\n\n  if (\n    hasFormControlError &&\n    ((segmentsClient.hasAccessRights === false && segments.length === 0) ||\n      isValid)\n  ) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: {\n        id: errorId,\n        messageType: 'formcontrol',\n      },\n    });\n\n    return;\n  }\n\n  if (segmentsClient.hasAccessRights === false && segments.length > 0) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id: errorId,\n        variant: 'error',\n        validityStateKey: 'customError',\n        messageType: 'formcontrol',\n        showError: true,\n        message: (\n          <FormattedMessage\n            {...SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess}\n          />\n        ),\n      },\n    });\n  }\n\n  if (isValid === false && (!hasFormControlError || showError)) {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id: errorId,\n        variant: 'error',\n        validityStateKey: 'customError',\n        messageType: 'formcontrol',\n        showError: showError ? true : undefined,\n        message: (\n          <FormattedMessage {...SEGMENTSELECTOR_MESSAGES.genericSegmentError} />\n        ),\n      },\n    });\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

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

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

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

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

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

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

@@ -1,12 +1,12 @@
 import "./Overlay.css";
-var divider = "_bqi6d90-3-8-0";
-var fieldSet = "_bqi6d97-3-8-0";
-var isAnimating = "_bqi6d94-3-8-0";
-var legend = "_bqi6d96-3-8-0";
-var link = "_bqi6d95-3-8-0";
-var menuLink = "_bqi6d91-3-8-0";
-var overlayDefaultWidth = "_bqi6d92-3-8-0";
-var scrollContainer = "_bqi6d93-3-8-0";
+var divider = "_bqi6d90-3-9-1";
+var fieldSet = "_bqi6d97-3-9-1";
+var isAnimating = "_bqi6d94-3-9-1";
+var legend = "_bqi6d96-3-9-1";
+var link = "_bqi6d95-3-9-1";
+var menuLink = "_bqi6d91-3-9-1";
+var overlayDefaultWidth = "_bqi6d92-3-9-1";
+var scrollContainer = "_bqi6d93-3-9-1";
 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-8-0';\nexport var fieldSet = '_bqi6d97-3-8-0';\nexport var isAnimating = '_bqi6d94-3-8-0';\nexport var legend = '_bqi6d96-3-8-0';\nexport var link = '_bqi6d95-3-8-0';\nexport var menuLink = '_bqi6d91-3-8-0';\nexport var overlayDefaultWidth = '_bqi6d92-3-8-0';\nexport var scrollContainer = '_bqi6d93-3-8-0';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-9-1';\nexport var fieldSet = '_bqi6d97-3-9-1';\nexport var isAnimating = '_bqi6d94-3-9-1';\nexport var legend = '_bqi6d96-3-9-1';\nexport var link = '_bqi6d95-3-9-1';\nexport var menuLink = '_bqi6d91-3-9-1';\nexport var overlayDefaultWidth = '_bqi6d92-3-9-1';\nexport var scrollContainer = '_bqi6d93-3-9-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,sBAAsB;AAC1B,IAAI,kBAAkB;",
   "names": []
 }

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

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

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

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

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

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

package/esm/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.css

@@ -1,27 +1,27 @@
-._1oehqvw3-3-8-0 {
+._1oehqvw3-3-9-1 {
   all: unset;
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1oehqvw4-3-8-0 {
+._1oehqvw4-3-9-1 {
   all: unset;
   display: block;
 }
-._1oehqvw5-3-8-0._1oehqvw5-3-8-0 {
-  color: var(--_1oehqvw2-3-8-0);
+._1oehqvw5-3-9-1._1oehqvw5-3-9-1 {
+  color: var(--_1oehqvw2-3-9-1);
 }
-._1oehqvw6-3-8-0 {
+._1oehqvw6-3-9-1 {
   align-items: center;
   display: inline-block;
   text-wrap: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1oehqvw7-3-8-0._1oehqvw7-3-8-0 {
+._1oehqvw7-3-9-1._1oehqvw7-3-9-1 {
   padding-left: var(--dt-spacings-size-12, 12px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1oehqvw8-3-8-0::before {
+._1oehqvw8-3-9-1::before {
   content: " ";
   position: absolute;
   display: block;
@@ -32,50 +32,50 @@
   left: 0px;
   transform: translate(4px);
 }
-._1oehqvw9-3-8-0 {
-  --_1oehqvw0-3-8-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_1oehqvw1-3-8-0: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
-  --_1oehqvw2-3-8-0: var(--dt-colors-text-neutral-subdued, #595a7d);
+._1oehqvw9-3-9-1 {
+  --_1oehqvw0-3-9-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_1oehqvw1-3-9-1: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
+  --_1oehqvw2-3-9-1: var(--dt-colors-text-neutral-subdued, #595a7d);
   grid-template-columns: 1fr max-content;
 }
-._1jgl8s50-3-8-0 ._1oehqvw9-3-8-0._1oehqvw9-3-8-0._1oehqvw9-3-8-0 {
+._1jgl8s50-3-9-1 ._1oehqvw9-3-9-1._1oehqvw9-3-9-1._1oehqvw9-3-9-1 {
   gap: 1px;
 }
-._1jgl8s50-3-8-0 ._1oehqvw9-3-8-0 {
-  --_1oehqvw0-3-8-0: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
+._1jgl8s50-3-9-1 ._1oehqvw9-3-9-1 {
+  --_1oehqvw0-3-9-1: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1oehqvwa-3-8-0 {
-  --_1oehqvw0-3-8-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-  --_1oehqvw1-3-8-0: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
-  --_1oehqvw2-3-8-0: var(--dt-colors-text-primary-default, #464cce);
+._1oehqvwa-3-9-1 {
+  --_1oehqvw0-3-9-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+  --_1oehqvw1-3-9-1: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
+  --_1oehqvw2-3-9-1: var(--dt-colors-text-primary-default, #464cce);
 }
-._1jgl8s50-3-8-0 ._1oehqvwa-3-8-0 {
-  --_1oehqvw0-3-8-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+._1jgl8s50-3-9-1 ._1oehqvwa-3-9-1 {
+  --_1oehqvw0-3-9-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
 }
-._1oehqvwb-3-8-0:hover._1oehqvwb-3-8-0:hover, ._1oehqvwb-3-8-0:focus-visible._1oehqvwb-3-8-0:focus-visible {
-  background-color: var(--_1oehqvw1-3-8-0);
+._1oehqvwb-3-9-1:hover._1oehqvwb-3-9-1:hover, ._1oehqvwb-3-9-1:focus-visible._1oehqvwb-3-9-1:focus-visible {
+  background-color: var(--_1oehqvw1-3-9-1);
 }
-._1oehqvwc-3-8-0._1oehqvwc-3-8-0 {
+._1oehqvwc-3-9-1._1oehqvwc-3-9-1 {
   opacity: 0;
-  background-color: var(--_1oehqvw0-3-8-0);
+  background-color: var(--_1oehqvw0-3-9-1);
 }
-._1oehqvwc-3-8-0:hover._1oehqvwc-3-8-0:hover, ._1oehqvwc-3-8-0:focus-visible._1oehqvwc-3-8-0:focus-visible {
-  background-color: var(--_1oehqvw1-3-8-0);
+._1oehqvwc-3-9-1:hover._1oehqvwc-3-9-1:hover, ._1oehqvwc-3-9-1:focus-visible._1oehqvwc-3-9-1:focus-visible {
+  background-color: var(--_1oehqvw1-3-9-1);
 }
-._1oehqvwc-3-8-0:disabled, ._1oehqvwc-3-8-0:disabled:hover._1oehqvwc-3-8-0:disabled:hover {
+._1oehqvwc-3-9-1:disabled, ._1oehqvwc-3-9-1:disabled:hover._1oehqvwc-3-9-1:disabled:hover {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   cursor: not-allowed;
 }
-._1jgl8s50-3-8-0 ._1oehqvwc-3-8-0._1oehqvwc-3-8-0._1oehqvwc-3-8-0 {
+._1jgl8s50-3-9-1 ._1oehqvwc-3-9-1._1oehqvwc-3-9-1._1oehqvwc-3-9-1 {
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._1oehqvw9-3-8-0:has(button:focus-visible) ._1oehqvwc-3-8-0, ._1oehqvw9-3-8-0:hover ._1oehqvwc-3-8-0 {
+._1oehqvw9-3-9-1:has(button:focus-visible) ._1oehqvwc-3-9-1, ._1oehqvw9-3-9-1:hover ._1oehqvwc-3-9-1 {
   opacity: 1;
 }
-._1oehqvw9-3-8-0:has(._1oehqvwc-3-8-0:focus-visible) ._1oehqvwb-3-8-0, ._1oehqvw9-3-8-0:hover ._1oehqvwb-3-8-0:not(:hover) {
-  background-color: var(--_1oehqvw0-3-8-0);
+._1oehqvw9-3-9-1:has(._1oehqvwc-3-9-1:focus-visible) ._1oehqvwb-3-9-1, ._1oehqvw9-3-9-1:hover ._1oehqvwb-3-9-1:not(:hover) {
+  background-color: var(--_1oehqvw0-3-9-1);
 }
-._1oehqvw9-3-8-0 button, ._1oehqvw9-3-8-0:hover button {
+._1oehqvw9-3-9-1 button, ._1oehqvw9-3-9-1:hover button {
   transition-timing-function: unset;
   transition-duration: 0s;
   transition: none;

package/esm/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.sty.js

@@ -1,15 +1,15 @@
 import "../../../../core/components/app-root/AppRoot.css";
 import "./SegmentsPresets.css";
-var and = "_1oehqvw5-3-8-0";
-var buttonLabel = "_1oehqvw6-3-8-0";
-var inputGroup = "_1oehqvw9-3-8-0";
-var inputGroupSelected = "_1oehqvwa-3-8-0";
-var list = "_1oehqvw3-3-8-0";
-var listItem = "_1oehqvw4-3-8-0";
-var presetButton = "_1oehqvwb-3-8-0";
-var sectionHeadline = "_1oehqvw7-3-8-0";
-var selectionMark = "_1oehqvw8-3-8-0";
-var suffixButton = "_1oehqvwc-3-8-0";
+var and = "_1oehqvw5-3-9-1";
+var buttonLabel = "_1oehqvw6-3-9-1";
+var inputGroup = "_1oehqvw9-3-9-1";
+var inputGroupSelected = "_1oehqvwa-3-9-1";
+var list = "_1oehqvw3-3-9-1";
+var listItem = "_1oehqvw4-3-9-1";
+var presetButton = "_1oehqvwb-3-9-1";
+var sectionHeadline = "_1oehqvw7-3-9-1";
+var selectionMark = "_1oehqvw8-3-9-1";
+var suffixButton = "_1oehqvwc-3-9-1";
 export {
   and,
   buttonLabel,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport './SegmentsPresets.css';\nexport var and = '_1oehqvw5-3-8-0';\nexport var buttonLabel = '_1oehqvw6-3-8-0';\nexport var inputGroup = '_1oehqvw9-3-8-0';\nexport var inputGroupSelected = '_1oehqvwa-3-8-0';\nexport var list = '_1oehqvw3-3-8-0';\nexport var listItem = '_1oehqvw4-3-8-0';\nexport var presetButton = '_1oehqvwb-3-8-0';\nexport var sectionHeadline = '_1oehqvw7-3-8-0';\nexport var selectionMark = '_1oehqvw8-3-8-0';\nexport var suffixButton = '_1oehqvwc-3-8-0';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport './SegmentsPresets.css';\nexport var and = '_1oehqvw5-3-9-1';\nexport var buttonLabel = '_1oehqvw6-3-9-1';\nexport var inputGroup = '_1oehqvw9-3-9-1';\nexport var inputGroupSelected = '_1oehqvwa-3-9-1';\nexport var list = '_1oehqvw3-3-9-1';\nexport var listItem = '_1oehqvw4-3-9-1';\nexport var presetButton = '_1oehqvwb-3-9-1';\nexport var sectionHeadline = '_1oehqvw7-3-9-1';\nexport var selectionMark = '_1oehqvw8-3-9-1';\nexport var suffixButton = '_1oehqvwc-3-9-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,aAAa;AACjB,IAAI,qBAAqB;AACzB,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,eAAe;AACnB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,eAAe;",
   "names": []
 }