npm - @dynatrace/strato-components - Versions diffs - 3.7.1 → 3.9.0 - Mend

@dynatrace/strato-components 3.7.1 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3207) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,14 +1,61 @@
 import { jsx } from "react/jsx-runtime";
-import { isArray } from "lodash-es";
 import { FormattedMessage } from "react-intl";
 import {
   FormFieldMessagesAction
 } from "../../../../forms/forms-core/state/formfield-messages-state-reducer.js";
+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;
@@ -18,15 +65,28 @@ async function getErrorKey(uiSegment) {
     queryFn: () => getSegment(uiSegment.id).catch(() => null)
   });
   if (!cachedSegment) {
-    return "unavailable";
+    return StratoValidityStateKeys.unavailable;
   }
-  const uiSegmentHasNoVariables = uiSegment.variables === void 0 || isArray(uiSegment.variables) && uiSegment.variables.length === 0;
-  const cachedSegmentHasNoVariables = !cachedSegment.segment.variables;
-  if (!cachedSegmentHasNoVariables && uiSegmentHasNoVariables) {
-    return "needs-variables";
+  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 (!serverHasVariables && uiVariableNames.size > 0) {
+    return StratoValidityStateKeys.needsUpdate;
   }
-  if (!uiSegmentHasNoVariables && cachedSegmentHasNoVariables) {
-    return "needs-update";
+  if (serverVariableNames.size > 0) {
+    for (const name of serverVariableNames) {
+      if (!uiVariableNames.has(name)) {
+        return StratoValidityStateKeys.invalidVariables;
+      }
+    }
+    return null;
   }
   return null;
 }
@@ -80,7 +140,7 @@ async function validateSegments(segments, onChange, formFieldMessagesDispatch, f
       }
     });
   }
-  if (isValid === false && !hasFormControlError) {
+  if (isValid === false && (!hasFormControlError || showError)) {
     formFieldMessagesDispatch?.({
       type: FormFieldMessagesAction.ADDMESSAGE,
       payload: {
@@ -88,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 })
       }
     });
@@ -96,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 CHANGED Viewed

@@ -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 { 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:\n    | (FilterSegment | CachedSegment['segment']) & {\n        isPlaceholder?: boolean;\n        errorKey?: 'unavailable' | 'needs-variables' | 'needs-update';\n      },\n): Promise<'unavailable' | 'needs-update' | 'needs-variables' | 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 '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 'needs-variables';\n  }\n\n  if (!uiSegmentHasNoVariables && cachedSegmentHasNoVariables) {\n    return 'needs-update';\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": "AAyIU;AAzIV,SAAS,eAAe;AAExB,SAAS,wBAAwB;AAKjC;AAAA,EAEE;AAAA,OACK;AAEP,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAGP,eAAsB,YACpB,WAKoE;AACpE,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;AAAA,EACT;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;AAAA,EACT;AAEA,MAAI,CAAC,2BAA2B,6BAA6B;AAC3D,WAAO;AAAA,EACT;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 CHANGED Viewed

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

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

@@ -1,5 +1,5 @@
 import "./EmptySegments.css";
-var AppLinkButtonCSS = "_awal5d0-3-7-1";
+var AppLinkButtonCSS = "_awal5d0-3-9-0";
 export {
   AppLinkButtonCSS
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/EmptySegments.css.ts"],
-  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-7-1';"],
+  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

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

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

@@ -23,6 +23,7 @@ import { FieldSet } from "../../../forms/forms-core/components/field-set/FieldSe
 import { FormFieldMessageContextProvider } from "../../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js";
 import { useFormFieldMessagesContext } from "../../../forms/forms-core/hooks/useFormFieldMessagesContext.js";
 import { FormFieldMessagesAction } from "../../../forms/forms-core/state/formfield-messages-state-reducer.js";
+import { StratoValidityStateKeys } from "../../../forms/validation/types.js";
 import { Divider } from "../../../layouts/divider/Divider.js";
 import { Flex } from "../../../layouts/flex/Flex.js";
 import { Grid } from "../../../layouts/grid/Grid.js";
@@ -79,7 +80,7 @@ async function applySegments(uiSegments, setSegments, overlayState) {
     const applicableSegments = await Promise.all(
       uiSegments.filter((uiSegment) => !uiSegment.isPlaceholder).map(async (uiSegment) => {
         const errorKey = await getErrorKey(uiSegment);
-        if (errorKey === "needs-update") {
+        if (errorKey?.equals(StratoValidityStateKeys.needsUpdate)) {
           return {
             id: uiSegment.id
           };

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

@@ -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={(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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",
+  "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 { StratoValidityStateKeys } from '../../../forms/validation/types.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?.equals(StratoValidityStateKeys.needsUpdate)) {\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 CHANGED Viewed

@@ -1,12 +1,12 @@
 import "./Overlay.css";
-var divider = "_bqi6d90-3-7-1";
-var fieldSet = "_bqi6d97-3-7-1";
-var isAnimating = "_bqi6d94-3-7-1";
-var legend = "_bqi6d96-3-7-1";
-var link = "_bqi6d95-3-7-1";
-var menuLink = "_bqi6d91-3-7-1";
-var overlayDefaultWidth = "_bqi6d92-3-7-1";
-var scrollContainer = "_bqi6d93-3-7-1";
+var divider = "_bqi6d90-3-9-0";
+var fieldSet = "_bqi6d97-3-9-0";
+var isAnimating = "_bqi6d94-3-9-0";
+var legend = "_bqi6d96-3-9-0";
+var link = "_bqi6d95-3-9-0";
+var menuLink = "_bqi6d91-3-9-0";
+var overlayDefaultWidth = "_bqi6d92-3-9-0";
+var scrollContainer = "_bqi6d93-3-9-0";
 export {
   divider,
   fieldSet,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/Overlay.css.ts"],
-  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-7-1';\nexport var fieldSet = '_bqi6d97-3-7-1';\nexport var isAnimating = '_bqi6d94-3-7-1';\nexport var legend = '_bqi6d96-3-7-1';\nexport var link = '_bqi6d95-3-7-1';\nexport var menuLink = '_bqi6d91-3-7-1';\nexport var overlayDefaultWidth = '_bqi6d92-3-7-1';\nexport var scrollContainer = '_bqi6d93-3-7-1';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-9-0';\nexport var fieldSet = '_bqi6d97-3-9-0';\nexport var isAnimating = '_bqi6d94-3-9-0';\nexport var legend = '_bqi6d96-3-9-0';\nexport var link = '_bqi6d95-3-9-0';\nexport var menuLink = '_bqi6d91-3-9-0';\nexport var overlayDefaultWidth = '_bqi6d92-3-9-0';\nexport var scrollContainer = '_bqi6d93-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,sBAAsB;AAC1B,IAAI,kBAAkB;",
   "names": []
 }

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

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

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

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

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

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