@dynatrace/strato-components 3.3.0 → 3.3.2

package/esm/filters/filter-field/hooks/recent-and-pinned/usePersistedFilter.js

@@ -64,6 +64,11 @@ function usePersistedFilter(name, key, saveFn) {
 }
 function usePersistedFilterMutation(key, name, actionType) {
   const queryClient = useContext(RecentAndSavedFiltersQueryClientContext);
+  const { logger } = useFilterFieldLoggerContext();
+  const setCanPin = useRecentAndPinnedFiltersStore(
+    (state2) => state2.setCanPin,
+    name
+  );
   const state = useRecentAndPinnedFiltersStore((state2) => {
     if (actionType === "save") {
       return state2.recentFilters;
@@ -117,9 +122,16 @@ function usePersistedFilterMutation(key, name, actionType) {
         });
         return newState;
       },
-      onError: () => {
+      onError: (error) => {
         setState(previousState);
         queryClient.setQueryData([key], previousState);
+        if (isUnauthorized(error) || isForbidden(error)) {
+          logger?.warn(
+            "FilterField pinned and recent error - permissions not met",
+            error
+          );
+          setCanPin(false);
+        }
       },
       onSuccess: (newState) => {
         if (newState !== void 0) {

package/esm/filters/filter-field/hooks/recent-and-pinned/usePersistedFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/filter-field/hooks/recent-and-pinned/usePersistedFilter.ts"],
-  "sourcesContent": ["import { useMutation, useQuery } from '@tanstack/react-query';\nimport { cloneDeep } from 'lodash-es';\nimport { useContext, useState } from 'react';\n\nimport { getCurrentUserDetails } from '@dynatrace-sdk/app-environment';\nimport {\n  isForbidden,\n  isNotFound,\n  isUnauthorized,\n  stateClient,\n} from '@dynatrace-sdk/client-state';\n\nimport { useRecentAndPinnedFiltersStore } from './useRecentFiltersStore.js';\nimport { RecentAndSavedFiltersQueryClientContext } from '../../contexts/SavedAndRecentQueryClientContext.js';\nimport { type StoredFilter } from '../../state/recent-pinned-store.js';\nimport { useFilterFieldLoggerContext } from '../useFilterFieldLoggerContext.js';\n\nconst currentUser = getCurrentUserDetails();\n\n/**\n * Helper function to read a persisted stored filter from the app state.\n * @internal\n */\nexport function usePersistedFilter(\n  name: string | null,\n  key: string,\n  saveFn: (filters: Array<StoredFilter>) => void,\n) {\n  const queryClient = useContext(RecentAndSavedFiltersQueryClientContext);\n  const setCanPin = useRecentAndPinnedFiltersStore(\n    (state) => state.setCanPin,\n    name,\n  );\n  const { logger } = useFilterFieldLoggerContext();\n\n  return useQuery(\n    {\n      enabled: name !== null,\n      queryKey: [key],\n      throwOnError: false,\n      queryFn: async ({ signal }) => {\n        let savedFilters;\n\n        try {\n          savedFilters = await stateClient.getUserAppState({\n            key: key,\n            abortSignal: signal,\n          });\n        } catch (error) {\n          if (isUnauthorized(error) || isForbidden(error)) {\n            logger?.warn(\n              'FilterField pinned and recent error - permissions not met',\n              error,\n            );\n            setCanPin(false);\n          } else if (signal.aborted) {\n            // Query was intentionally cancelled (e.g. by a concurrent mutation) \u2014 not an error.\n          } else if (!isNotFound(error)) {\n            // Some other error.\n            logger?.warn('FilterField pinned and recent error', error);\n          }\n\n          return [];\n        }\n\n        const parsedValue = JSON.parse(savedFilters.value, (key, value) => {\n          if (key === 'timeUsed') {\n            return new Date(value);\n          }\n          return value;\n        });\n\n        // Migration if a stored filter does not have a time saved\n        for (const parsedFilter of parsedValue) {\n          if (!parsedFilter.timeUsed) {\n            parsedFilter.timeUsed = new Date();\n          }\n        }\n\n        saveFn(parsedValue);\n        return parsedValue;\n      },\n    },\n    queryClient,\n  );\n}\n\n/**\n * Helper function to mutate the persisted stored filters in the app state.\n * Depending on the actionType, it can pin, unpin or save filter.\n * @internal\n */\nexport function usePersistedFilterMutation(\n  key: string,\n  name: string | null,\n  actionType: 'pin' | 'unpin' | 'save',\n) {\n  const queryClient = useContext(RecentAndSavedFiltersQueryClientContext);\n\n  const state = useRecentAndPinnedFiltersStore((state) => {\n    if (actionType === 'save') {\n      return state.recentFilters;\n    }\n\n    return state.pinnedFilters;\n  }, name);\n\n  const setState = useRecentAndPinnedFiltersStore((state) => {\n    if (actionType === 'save') {\n      return state.setRecentFilters;\n    }\n\n    return state.setPinnedFilters;\n  }, name);\n\n  const action = useRecentAndPinnedFiltersStore((state) => {\n    if (actionType === 'save') {\n      return state.saveRecentFilter;\n    }\n\n    if (actionType === 'pin') {\n      return state.pinFilter;\n    }\n\n    return state.unpinFilter;\n  }, name);\n\n  const [previousState, setPreviousState] = useState<StoredFilter[]>(\n    cloneDeep(state),\n  );\n\n  return useMutation(\n    {\n      mutationKey: [key],\n      throwOnError: false,\n      mutationFn: async (filterString: string) => {\n        // Early exit for opt out\n        if (name === null) {\n          return Promise.resolve();\n        }\n\n        // Make sure we actually store values into the system.\n        if (filterString.trim() === '') {\n          return Promise.resolve();\n        }\n\n        setPreviousState(cloneDeep(state));\n        const newState = action(filterString);\n\n        await queryClient.cancelQueries({\n          queryKey: [key],\n        });\n\n        await stateClient.setUserAppState({\n          body: {\n            validUntilTime: null,\n            modificationInfo: {\n              lastModifiedBy: currentUser.id,\n              lastModifiedTime: new Date(),\n            },\n            value: JSON.stringify(newState),\n          },\n          key,\n        });\n\n        return newState;\n      },\n      onError: () => {\n        setState(previousState);\n        // Keep the TanStack cache consistent with the Zustand rollback.\n        queryClient.setQueryData([key], previousState);\n      },\n      onSuccess: (newState) => {\n        // We already know what we PUT \u2014 write it straight into the cache\n        // so no follow-up GET is needed.\n        if (newState !== undefined) {\n          queryClient.setQueryData([key], newState);\n        }\n      },\n    },\n    queryClient,\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useMutation, useQuery } from '@tanstack/react-query';\nimport { cloneDeep } from 'lodash-es';\nimport { useContext, useState } from 'react';\n\nimport { getCurrentUserDetails } from '@dynatrace-sdk/app-environment';\nimport {\n  isForbidden,\n  isNotFound,\n  isUnauthorized,\n  stateClient,\n} from '@dynatrace-sdk/client-state';\n\nimport { useRecentAndPinnedFiltersStore } from './useRecentFiltersStore.js';\nimport { RecentAndSavedFiltersQueryClientContext } from '../../contexts/SavedAndRecentQueryClientContext.js';\nimport { type StoredFilter } from '../../state/recent-pinned-store.js';\nimport { useFilterFieldLoggerContext } from '../useFilterFieldLoggerContext.js';\n\nconst currentUser = getCurrentUserDetails();\n\n/**\n * Helper function to read a persisted stored filter from the app state.\n * @internal\n */\nexport function usePersistedFilter(\n  name: string | null,\n  key: string,\n  saveFn: (filters: Array<StoredFilter>) => void,\n) {\n  const queryClient = useContext(RecentAndSavedFiltersQueryClientContext);\n  const setCanPin = useRecentAndPinnedFiltersStore(\n    (state) => state.setCanPin,\n    name,\n  );\n  const { logger } = useFilterFieldLoggerContext();\n\n  return useQuery(\n    {\n      enabled: name !== null,\n      queryKey: [key],\n      throwOnError: false,\n      queryFn: async ({ signal }) => {\n        let savedFilters;\n\n        try {\n          savedFilters = await stateClient.getUserAppState({\n            key: key,\n            abortSignal: signal,\n          });\n        } catch (error) {\n          if (isUnauthorized(error) || isForbidden(error)) {\n            logger?.warn(\n              'FilterField pinned and recent error - permissions not met',\n              error,\n            );\n            setCanPin(false);\n          } else if (signal.aborted) {\n            // Query was intentionally cancelled (e.g. by a concurrent mutation) \u2014 not an error.\n          } else if (!isNotFound(error)) {\n            // Some other error.\n            logger?.warn('FilterField pinned and recent error', error);\n          }\n\n          return [];\n        }\n\n        const parsedValue = JSON.parse(savedFilters.value, (key, value) => {\n          if (key === 'timeUsed') {\n            return new Date(value);\n          }\n          return value;\n        });\n\n        // Migration if a stored filter does not have a time saved\n        for (const parsedFilter of parsedValue) {\n          if (!parsedFilter.timeUsed) {\n            parsedFilter.timeUsed = new Date();\n          }\n        }\n\n        saveFn(parsedValue);\n        return parsedValue;\n      },\n    },\n    queryClient,\n  );\n}\n\n/**\n * Helper function to mutate the persisted stored filters in the app state.\n * Depending on the actionType, it can pin, unpin or save filter.\n * @internal\n */\nexport function usePersistedFilterMutation(\n  key: string,\n  name: string | null,\n  actionType: 'pin' | 'unpin' | 'save',\n) {\n  const queryClient = useContext(RecentAndSavedFiltersQueryClientContext);\n  const { logger } = useFilterFieldLoggerContext();\n  const setCanPin = useRecentAndPinnedFiltersStore(\n    (state) => state.setCanPin,\n    name,\n  );\n\n  const state = useRecentAndPinnedFiltersStore((state) => {\n    if (actionType === 'save') {\n      return state.recentFilters;\n    }\n\n    return state.pinnedFilters;\n  }, name);\n\n  const setState = useRecentAndPinnedFiltersStore((state) => {\n    if (actionType === 'save') {\n      return state.setRecentFilters;\n    }\n\n    return state.setPinnedFilters;\n  }, name);\n\n  const action = useRecentAndPinnedFiltersStore((state) => {\n    if (actionType === 'save') {\n      return state.saveRecentFilter;\n    }\n\n    if (actionType === 'pin') {\n      return state.pinFilter;\n    }\n\n    return state.unpinFilter;\n  }, name);\n\n  const [previousState, setPreviousState] = useState<StoredFilter[]>(\n    cloneDeep(state),\n  );\n\n  return useMutation(\n    {\n      mutationKey: [key],\n      throwOnError: false,\n      mutationFn: async (filterString: string) => {\n        // Early exit for opt out\n        if (name === null) {\n          return Promise.resolve();\n        }\n\n        // Make sure we actually store values into the system.\n        if (filterString.trim() === '') {\n          return Promise.resolve();\n        }\n\n        setPreviousState(cloneDeep(state));\n        const newState = action(filterString);\n\n        await queryClient.cancelQueries({\n          queryKey: [key],\n        });\n\n        await stateClient.setUserAppState({\n          body: {\n            validUntilTime: null,\n            modificationInfo: {\n              lastModifiedBy: currentUser.id,\n              lastModifiedTime: new Date(),\n            },\n            value: JSON.stringify(newState),\n          },\n          key,\n        });\n\n        return newState;\n      },\n      onError: (error) => {\n        setState(previousState);\n        // Keep the TanStack cache consistent with the Zustand rollback.\n        queryClient.setQueryData([key], previousState);\n        if (isUnauthorized(error) || isForbidden(error)) {\n          logger?.warn(\n            'FilterField pinned and recent error - permissions not met',\n            error,\n          );\n          setCanPin(false);\n        }\n      },\n      onSuccess: (newState) => {\n        // We already know what we PUT \u2014 write it straight into the cache\n        // so no follow-up GET is needed.\n        if (newState !== undefined) {\n          queryClient.setQueryData([key], newState);\n        }\n      },\n    },\n    queryClient,\n  );\n}\n"],
+  "mappings": "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",
   "names": ["key", "state"]
 }

package/esm/filters/filter-field/suggestions/RecentPinnedSuggestionItem.css

@@ -1,11 +1,11 @@
-._vt0w9g0-3-3-0 {
+._vt0w9g0-3-3-2 {
   display: grid;
   grid-template-columns: 1fr auto;
 }
-._vt0w9g1-3-3-0 {
+._vt0w9g1-3-3-2 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._vt0w9g2-3-3-0 {
+._vt0w9g2-3-3-2 {
   appearance: none;
   visibility: hidden;
   position: absolute;
@@ -16,23 +16,23 @@
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._1smjoa13-3-3-0:hover ._vt0w9g2-3-3-0, ._1smjoa13-3-3-0:has(.virtual-focus) ._vt0w9g2-3-3-0 {
+._1smjoa13-3-3-2:hover ._vt0w9g2-3-3-2, ._1smjoa13-3-3-2:has(.virtual-focus) ._vt0w9g2-3-3-2 {
   position: initial;
   visibility: visible;
   height: 100%;
 }
-._vt0w9g2-3-3-0.virtual-focus {
+._vt0w9g2-3-3-2.virtual-focus {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._vt0w9g3-3-3-0.virtual-focus {
+._vt0w9g3-3-3-2.virtual-focus {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._vt0w9g0-3-3-0 ._1smjoa10-3-3-0 > div {
+._vt0w9g0-3-3-2 ._1smjoa10-3-3-2 > div {
   background-color: transparent;
 }
-@container _ssu5rt0-3-3-0 (min-width: 641px) {
-  ._vt0w9g0-3-3-0:hover ._tn2lgm0-3-3-0, ._vt0w9g0-3-3-0.virtual-focus ._tn2lgm0-3-3-0, ._vt0w9g0-3-3-0:has(.virtual-focus) ._tn2lgm0-3-3-0 {
+@container _ssu5rt0-3-3-2 (min-width: 641px) {
+  ._vt0w9g0-3-3-2:hover ._tn2lgm0-3-3-2, ._vt0w9g0-3-3-2.virtual-focus ._tn2lgm0-3-3-2, ._vt0w9g0-3-3-2:has(.virtual-focus) ._tn2lgm0-3-3-2 {
     display: none;
   }
 }

package/esm/filters/filter-field/suggestions/RecentPinnedSuggestionItem.sty.js

@@ -2,10 +2,10 @@ import "./SuggestionsOverlay.css";
 import "./Suggestion.css";
 import "./SuggestionDetails.css";
 import "./RecentPinnedSuggestionItem.css";
-var pinButton = "_vt0w9g1-3-3-0";
-var recentSuggestion = "_vt0w9g0-3-3-0";
-var showMoreButton = "_vt0w9g3-3-3-0";
-var suggestionPin = "_vt0w9g2-3-3-0";
+var pinButton = "_vt0w9g1-3-3-2";
+var recentSuggestion = "_vt0w9g0-3-3-2";
+var showMoreButton = "_vt0w9g3-3-3-2";
+var suggestionPin = "_vt0w9g2-3-3-2";
 export {
   pinButton,
   recentSuggestion,

package/esm/filters/filter-field/suggestions/RecentPinnedSuggestionItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/RecentPinnedSuggestionItem.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './Suggestion.css';\nimport './SuggestionDetails.css';\nimport './RecentPinnedSuggestionItem.css';\nexport var pinButton = '_vt0w9g1-3-3-0';\nexport var recentSuggestion = '_vt0w9g0-3-3-0';\nexport var showMoreButton = '_vt0w9g3-3-3-0';\nexport var suggestionPin = '_vt0w9g2-3-3-0';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './Suggestion.css';\nimport './SuggestionDetails.css';\nimport './RecentPinnedSuggestionItem.css';\nexport var pinButton = '_vt0w9g1-3-3-2';\nexport var recentSuggestion = '_vt0w9g0-3-3-2';\nexport var showMoreButton = '_vt0w9g3-3-3-2';\nexport var suggestionPin = '_vt0w9g2-3-3-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/Suggestion.css

@@ -1,7 +1,7 @@
-._1smjoa11-3-3-0 {
+._1smjoa11-3-3-2 {
   min-width: 0;
 }
-._1smjoa13-3-3-0 {
+._1smjoa13-3-3-2 {
   cursor: pointer;
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -9,13 +9,13 @@
   border-radius: var(--dt-borders-radius-field-default, 6px);
   overflow: hidden;
 }
-._1smjoa13-3-3-0:hover {
+._1smjoa13-3-3-2:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1smjoa13-3-3-0:has(.virtual-focus) {
+._1smjoa13-3-3-2:has(.virtual-focus) {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1smjoa14-3-3-0 {
+._1smjoa14-3-3-2 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
@@ -23,71 +23,71 @@
   flex: 1;
   grid-auto-flow: row;
 }
-._1smjoa14-3-3-0:hover {
+._1smjoa14-3-3-2:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1smjoa14-3-3-0:active {
+._1smjoa14-3-3-2:active {
   background-color: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1smjoa14-3-3-0.virtual-focus {
+._1smjoa14-3-3-2.virtual-focus {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1smjoa13-3-3-0 span:only-child ._1smjoa14-3-3-0 {
+._1smjoa13-3-3-2 span:only-child ._1smjoa14-3-3-2 {
   border-radius: var(--dt-borders-radius-field-default, 6px);
 }
-._1smjoa15-3-3-0 {
+._1smjoa15-3-3-2 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1smjoa16-3-3-0 {
+._1smjoa16-3-3-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-weight: var(--dt-typography-text-base-default-weight, 400);
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
 }
-._1smjoa17-3-3-0 {
+._1smjoa17-3-3-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-weight: var(--dt-typography-text-base-default-weight, 400);
   padding: var(--dt-spacings-size-4, 4px) var(--dt-spacings-size-12, 12px);
 }
-._1smjoa18-3-3-0 {
+._1smjoa18-3-3-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1smjoa19-3-3-0 {
+._1smjoa19-3-3-2 {
   white-space: nowrap;
   gap: 0;
 }
-._1smjoa1a-3-3-0 {
+._1smjoa1a-3-3-2 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._1smjoa1a-3-3-0 mark, ._1smjoa13-3-3-0 mark, ._1smjoa13-3-3-0:not(._1smjoa1b-3-3-0) *::highlight(filterfield-suggestions-highlight) {
+._1smjoa1a-3-3-2 mark, ._1smjoa13-3-3-2 mark, ._1smjoa13-3-3-2:not(._1smjoa1b-3-3-2) *::highlight(filterfield-suggestions-highlight) {
   white-space: pre-wrap;
   background: none;
   color: inherit;
   text-decoration: underline;
 }
-._1smjoa15-3-3-0 > mark, ._1smjoa15-3-3-0 > span {
+._1smjoa15-3-3-2 > mark, ._1smjoa15-3-3-2 > span {
   white-space: nowrap;
 }
-._1smjoa1c-3-3-0 ._1smjoa10-3-3-0 > div {
+._1smjoa1c-3-3-2 ._1smjoa10-3-3-2 > div {
   background-color: transparent;
 }
-._1smjoa19-3-3-0 mark {
+._1smjoa19-3-3-2 mark {
   white-space: preserve nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1smjoa1e-3-3-0 ._1smjoa10-3-3-0 > div {
+._1smjoa1e-3-3-2 ._1smjoa10-3-3-2 > div {
   background-color: transparent;
 }
-@container _ssu5rt0-3-3-0 (min-width: 641px) {
-  ._1smjoa14-3-3-0 {
+@container _ssu5rt0-3-3-2 (min-width: 641px) {
+  ._1smjoa14-3-3-2 {
     grid-auto-flow: column;
     justify-content: space-between;
   }
 }
-@container _ssu5rt0-3-3-0 (min-width: 1921px) {
-  ._1smjoa14-3-3-0 {
+@container _ssu5rt0-3-3-2 (min-width: 1921px) {
+  ._1smjoa14-3-3-2 {
     grid-auto-columns: 30% auto;
     justify-content: start;
   }

package/esm/filters/filter-field/suggestions/Suggestion.sty.js

@@ -1,20 +1,20 @@
 import "./SuggestionsOverlay.css";
 import "./Suggestion.css";
-var defaultSuggestion = "_1smjoa1b-3-3-0";
-var icon = "_1smjoa10-3-3-0";
-var pastingSuggestion = "_1smjoa1e-3-3-0";
-var searchSuggestion = "_1smjoa1c-3-3-0";
-var statementSuggestionValue = "_1smjoa1d-3-3-0";
-var suggestion = "_1smjoa13-3-3-0";
-var suggestionContent = "_1smjoa14-3-3-0";
-var suggestionText = "_1smjoa15-3-3-0";
-var suggestionsEmptyState = "_1smjoa16-3-3-0";
-var suggestionsJSONPathHint = "_1smjoa17-3-3-0";
-var suggestionsLoading = "_1smjoa18-3-3-0";
-var tooltipWrapper = "_1smjoa1a-3-3-0";
-var truncateWithinMark = "_1smjoa19-3-3-0";
-var value = "_1smjoa11-3-3-0";
-var virtualizedSuggestion = "_1smjoa12-3-3-0";
+var defaultSuggestion = "_1smjoa1b-3-3-2";
+var icon = "_1smjoa10-3-3-2";
+var pastingSuggestion = "_1smjoa1e-3-3-2";
+var searchSuggestion = "_1smjoa1c-3-3-2";
+var statementSuggestionValue = "_1smjoa1d-3-3-2";
+var suggestion = "_1smjoa13-3-3-2";
+var suggestionContent = "_1smjoa14-3-3-2";
+var suggestionText = "_1smjoa15-3-3-2";
+var suggestionsEmptyState = "_1smjoa16-3-3-2";
+var suggestionsJSONPathHint = "_1smjoa17-3-3-2";
+var suggestionsLoading = "_1smjoa18-3-3-2";
+var tooltipWrapper = "_1smjoa1a-3-3-2";
+var truncateWithinMark = "_1smjoa19-3-3-2";
+var value = "_1smjoa11-3-3-2";
+var virtualizedSuggestion = "_1smjoa12-3-3-2";
 export {
   defaultSuggestion,
   icon,

package/esm/filters/filter-field/suggestions/Suggestion.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/Suggestion.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './Suggestion.css';\nexport var defaultSuggestion = '_1smjoa1b-3-3-0';\nexport var icon = '_1smjoa10-3-3-0';\nexport var pastingSuggestion = '_1smjoa1e-3-3-0';\nexport var searchSuggestion = '_1smjoa1c-3-3-0';\nexport var statementSuggestionValue = '_1smjoa1d-3-3-0';\nexport var suggestion = '_1smjoa13-3-3-0';\nexport var suggestionContent = '_1smjoa14-3-3-0';\nexport var suggestionText = '_1smjoa15-3-3-0';\nexport var suggestionsEmptyState = '_1smjoa16-3-3-0';\nexport var suggestionsJSONPathHint = '_1smjoa17-3-3-0';\nexport var suggestionsLoading = '_1smjoa18-3-3-0';\nexport var tooltipWrapper = '_1smjoa1a-3-3-0';\nexport var truncateWithinMark = '_1smjoa19-3-3-0';\nexport var value = '_1smjoa11-3-3-0';\nexport var virtualizedSuggestion = '_1smjoa12-3-3-0';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './Suggestion.css';\nexport var defaultSuggestion = '_1smjoa1b-3-3-2';\nexport var icon = '_1smjoa10-3-3-2';\nexport var pastingSuggestion = '_1smjoa1e-3-3-2';\nexport var searchSuggestion = '_1smjoa1c-3-3-2';\nexport var statementSuggestionValue = '_1smjoa1d-3-3-2';\nexport var suggestion = '_1smjoa13-3-3-2';\nexport var suggestionContent = '_1smjoa14-3-3-2';\nexport var suggestionText = '_1smjoa15-3-3-2';\nexport var suggestionsEmptyState = '_1smjoa16-3-3-2';\nexport var suggestionsJSONPathHint = '_1smjoa17-3-3-2';\nexport var suggestionsLoading = '_1smjoa18-3-3-2';\nexport var tooltipWrapper = '_1smjoa1a-3-3-2';\nexport var truncateWithinMark = '_1smjoa19-3-3-2';\nexport var value = '_1smjoa11-3-3-2';\nexport var virtualizedSuggestion = '_1smjoa12-3-3-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,OAAO;AACX,IAAI,oBAAoB;AACxB,IAAI,mBAAmB;AACvB,IAAI,2BAA2B;AAC/B,IAAI,aAAa;AACjB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,0BAA0B;AAC9B,IAAI,qBAAqB;AACzB,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;AACzB,IAAI,QAAQ;AACZ,IAAI,wBAAwB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionDetails.css

@@ -1,7 +1,7 @@
-._tn2lgm0-3-3-0 {
+._tn2lgm0-3-3-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   min-width: 0;
 }
-._tn2lgm1-3-3-0 {
+._tn2lgm1-3-3-2 {
   display: flex;
 }

package/esm/filters/filter-field/suggestions/SuggestionDetails.sty.js

@@ -1,6 +1,6 @@
 import "./SuggestionDetails.css";
-var suggestionDetails = "_tn2lgm0-3-3-0";
-var suggestionDetailsText = "_tn2lgm1-3-3-0";
+var suggestionDetails = "_tn2lgm0-3-3-2";
+var suggestionDetailsText = "_tn2lgm1-3-3-2";
 export {
   suggestionDetails,
   suggestionDetailsText

package/esm/filters/filter-field/suggestions/SuggestionDetails.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionDetails.css.ts"],
-  "sourcesContent": ["import './SuggestionDetails.css';\nexport var suggestionDetails = '_tn2lgm0-3-3-0';\nexport var suggestionDetailsText = '_tn2lgm1-3-3-0';"],
+  "sourcesContent": ["import './SuggestionDetails.css';\nexport var suggestionDetails = '_tn2lgm0-3-3-2';\nexport var suggestionDetailsText = '_tn2lgm1-3-3-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionGroup.css

@@ -1,4 +1,4 @@
-._1smjoa12-3-3-0:not(:first-child) > ._5cheea1-3-3-0::before {
+._1smjoa12-3-3-2:not(:first-child) > ._5cheea1-3-3-2::before {
   content: "";
   position: relative;
   display: block;
@@ -6,17 +6,17 @@
   padding-top: var(--dt-spacings-size-8, 8px);
   border-bottom: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._5cheea2-3-3-0 {
+._5cheea2-3-3-2 {
   position: relative;
   margin: 0;
   padding: 0;
   list-style-type: none;
   height: fit-content;
 }
-._5cheea2-3-3-0:not(:first-child)::before,
-    ._5cheea0-3-3-0:not(:first-child) ._5cheea2-3-3-0::before,
-    ._ssu5rt2-3-3-0:not(._5cheea0-3-3-0) ._1smjoa12-3-3-0:has(._5cheea2-3-3-0):not(:first-child) ._5cheea2-3-3-0::before,
-    ._ssu5rt2-3-3-0:not(._5cheea0-3-3-0) ._1smjoa12-3-3-0:has(._5cheea2-3-3-0):has(+ ._1smjoa12-3-3-0 > :not(._5cheea2-3-3-0)) ._5cheea2-3-3-0::after
+._5cheea2-3-3-2:not(:first-child)::before,
+    ._5cheea0-3-3-2:not(:first-child) ._5cheea2-3-3-2::before,
+    ._ssu5rt2-3-3-2:not(._5cheea0-3-3-2) ._1smjoa12-3-3-2:has(._5cheea2-3-3-2):not(:first-child) ._5cheea2-3-3-2::before,
+    ._ssu5rt2-3-3-2:not(._5cheea0-3-3-2) ._1smjoa12-3-3-2:has(._5cheea2-3-3-2):has(+ ._1smjoa12-3-3-2 > :not(._5cheea2-3-3-2)) ._5cheea2-3-3-2::after
    {
   content: "";
   position: relative;

package/esm/filters/filter-field/suggestions/SuggestionGroup.sty.js

@@ -1,9 +1,9 @@
 import "./SuggestionsOverlay.css";
 import "./Suggestion.css";
 import "./SuggestionGroup.css";
-var builtInSuggestionsContainer = "_5cheea0-3-3-0";
-var groupHeaderSeparator = "_5cheea1-3-3-0";
-var suggestionGroup = "_5cheea2-3-3-0";
+var builtInSuggestionsContainer = "_5cheea0-3-3-2";
+var groupHeaderSeparator = "_5cheea1-3-3-2";
+var suggestionGroup = "_5cheea2-3-3-2";
 export {
   builtInSuggestionsContainer,
   groupHeaderSeparator,

package/esm/filters/filter-field/suggestions/SuggestionGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionGroup.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './Suggestion.css';\nimport './SuggestionGroup.css';\nexport var builtInSuggestionsContainer = '_5cheea0-3-3-0';\nexport var groupHeaderSeparator = '_5cheea1-3-3-0';\nexport var suggestionGroup = '_5cheea2-3-3-0';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './Suggestion.css';\nimport './SuggestionGroup.css';\nexport var builtInSuggestionsContainer = '_5cheea0-3-3-2';\nexport var groupHeaderSeparator = '_5cheea1-3-3-2';\nexport var suggestionGroup = '_5cheea2-3-3-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,8BAA8B;AAClC,IAAI,uBAAuB;AAC3B,IAAI,kBAAkB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionGroupLabel.css

@@ -1,4 +1,4 @@
-._1mfalko0-3-3-0 {
+._1mfalko0-3-3-2 {
   padding: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);

package/esm/filters/filter-field/suggestions/SuggestionGroupLabel.sty.js

@@ -1,5 +1,5 @@
 import "./SuggestionGroupLabel.css";
-var suggestionGroupLabel = "_1mfalko0-3-3-0";
+var suggestionGroupLabel = "_1mfalko0-3-3-2";
 export {
   suggestionGroupLabel
 };

package/esm/filters/filter-field/suggestions/SuggestionGroupLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionGroupLabel.css.ts"],
-  "sourcesContent": ["import './SuggestionGroupLabel.css';\nexport var suggestionGroupLabel = '_1mfalko0-3-3-0';"],
+  "sourcesContent": ["import './SuggestionGroupLabel.css';\nexport var suggestionGroupLabel = '_1mfalko0-3-3-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionTips.css

@@ -1,22 +1,22 @@
-._1dx7u80-3-3-0 {
-  --_1igzksy0-3-3-0: var(--dt-borders-radius-surface-subdued, 9px);
+._1dx7u80-3-3-2 {
+  --_1igzksy0-3-3-2: var(--dt-borders-radius-surface-subdued, 9px);
 }
-._1dx7u81-3-3-0 {
+._1dx7u81-3-3-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   flex: 1;
 }
-._1dx7u82-3-3-0 {
+._1dx7u82-3-3-2 {
   width: 100%;
   overflow: hidden;
   transform-origin: center;
 }
-._1dx7u84-3-3-0 {
+._1dx7u84-3-3-2 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-@container _ssu5rt0-3-3-0 (max-width: 289px) {
-  ._1dx7u83-3-3-0 {
+@container _ssu5rt0-3-3-2 (max-width: 289px) {
+  ._1dx7u83-3-3-2 {
     flex-direction: column;
     width: 100%;
   }

package/esm/filters/filter-field/suggestions/SuggestionTips.sty.js

@@ -1,10 +1,10 @@
 import "./SuggestionsOverlay.css";
 import "./SuggestionTips.css";
-var docsLink = "_1dx7u84-3-3-0";
-var suggestionTips = "_1dx7u80-3-3-0";
-var suggestionTipsContent = "_1dx7u83-3-3-0";
-var suggestionTipsWrapper = "_1dx7u82-3-3-0";
-var suggstionTipsEllipsis = "_1dx7u81-3-3-0";
+var docsLink = "_1dx7u84-3-3-2";
+var suggestionTips = "_1dx7u80-3-3-2";
+var suggestionTipsContent = "_1dx7u83-3-3-2";
+var suggestionTipsWrapper = "_1dx7u82-3-3-2";
+var suggstionTipsEllipsis = "_1dx7u81-3-3-2";
 export {
   docsLink,
   suggestionTips,

package/esm/filters/filter-field/suggestions/SuggestionTips.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionTips.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './SuggestionTips.css';\nexport var docsLink = '_1dx7u84-3-3-0';\nexport var suggestionTips = '_1dx7u80-3-3-0';\nexport var suggestionTipsContent = '_1dx7u83-3-3-0';\nexport var suggestionTipsWrapper = '_1dx7u82-3-3-0';\nexport var suggstionTipsEllipsis = '_1dx7u81-3-3-0';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nimport './SuggestionTips.css';\nexport var docsLink = '_1dx7u84-3-3-2';\nexport var suggestionTips = '_1dx7u80-3-3-2';\nexport var suggestionTipsContent = '_1dx7u83-3-3-2';\nexport var suggestionTipsWrapper = '_1dx7u82-3-3-2';\nexport var suggstionTipsEllipsis = '_1dx7u81-3-3-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,WAAW;AACf,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;",
   "names": []
 }

package/esm/filters/filter-field/suggestions/SuggestionsOverlay.css

@@ -1,23 +1,23 @@
-._ssu5rt1-3-3-0 {
+._ssu5rt1-3-3-2 {
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
   container-type: inline-size;
-  container-name: _ssu5rt0-3-3-0;
+  container-name: _ssu5rt0-3-3-2;
   transform-origin: top;
 }
-._ssu5rt2-3-3-0 {
+._ssu5rt2-3-3-2 {
   box-sizing: border-box;
   padding: 0;
 }
-._ssu5rt2-3-3-0._ssu5rt2-3-3-0 {
-  --_1igzksy0-3-3-0: var(--dt-borders-radius-surface-subdued, 9px);
+._ssu5rt2-3-3-2._ssu5rt2-3-3-2 {
+  --_1igzksy0-3-3-2: var(--dt-borders-radius-surface-subdued, 9px);
 }
-._ssu5rt3-3-3-0 {
+._ssu5rt3-3-3-2 {
   overflow: hidden;
   height: 100%;
 }
-._ssu5rt4-3-3-0 {
+._ssu5rt4-3-3-2 {
   padding: var(--dt-spacings-size-4, 4px);
   height: 100%;
   max-height: 101vh;

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

@@ -1,9 +1,9 @@
 import "./SuggestionsOverlay.css";
-var suggestionsOverlay = "_ssu5rt2-3-3-0";
-var suggestionsOverlayWrapper = "_ssu5rt1-3-3-0";
-var suggestionsOverlayWrapperContainer = "_ssu5rt0-3-3-0";
-var suggestionsScrollContainer = "_ssu5rt4-3-3-0";
-var suggestionsScrollContainerWrapper = "_ssu5rt3-3-3-0";
+var suggestionsOverlay = "_ssu5rt2-3-3-2";
+var suggestionsOverlayWrapper = "_ssu5rt1-3-3-2";
+var suggestionsOverlayWrapperContainer = "_ssu5rt0-3-3-2";
+var suggestionsScrollContainer = "_ssu5rt4-3-3-2";
+var suggestionsScrollContainerWrapper = "_ssu5rt3-3-3-2";
 export {
   suggestionsOverlay,
   suggestionsOverlayWrapper,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter-field/suggestions/SuggestionsOverlay.css.ts"],
-  "sourcesContent": ["import './SuggestionsOverlay.css';\nexport var suggestionsOverlay = '_ssu5rt2-3-3-0';\nexport var suggestionsOverlayWrapper = '_ssu5rt1-3-3-0';\nexport var suggestionsOverlayWrapperContainer = '_ssu5rt0-3-3-0';\nexport var suggestionsScrollContainer = '_ssu5rt4-3-3-0';\nexport var suggestionsScrollContainerWrapper = '_ssu5rt3-3-3-0';"],
+  "sourcesContent": ["import './SuggestionsOverlay.css';\nexport var suggestionsOverlay = '_ssu5rt2-3-3-2';\nexport var suggestionsOverlayWrapper = '_ssu5rt1-3-3-2';\nexport var suggestionsOverlayWrapperContainer = '_ssu5rt0-3-3-2';\nexport var suggestionsScrollContainer = '_ssu5rt4-3-3-2';\nexport var suggestionsScrollContainerWrapper = '_ssu5rt3-3-3-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,4BAA4B;AAChC,IAAI,qCAAqC;AACzC,IAAI,6BAA6B;AACjC,IAAI,oCAAoC;",
   "names": []
 }

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

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

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

@@ -1,8 +1,8 @@
 import "./SegmentSelector.css";
-var overwriteTooltipElementPadding = "_11m6jkl3-3-3-0";
-var segmentSelectorList = "_11m6jkl0-3-3-0";
-var segmentSelectorListItem = "_11m6jkl1-3-3-0";
-var tooltipMaxHeight = "_11m6jkl2-3-3-0";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-3-2";
+var segmentSelectorList = "_11m6jkl0-3-3-2";
+var segmentSelectorListItem = "_11m6jkl1-3-3-2";
+var tooltipMaxHeight = "_11m6jkl2-3-3-2";
 export {
   overwriteTooltipElementPadding,
   segmentSelectorList,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/segment-selector/SegmentSelector.css.ts"],
-  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-3-0';\nexport var segmentSelectorList = '_11m6jkl0-3-3-0';\nexport var segmentSelectorListItem = '_11m6jkl1-3-3-0';\nexport var tooltipMaxHeight = '_11m6jkl2-3-3-0';"],
+  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-3-2';\nexport var segmentSelectorList = '_11m6jkl0-3-3-2';\nexport var segmentSelectorListItem = '_11m6jkl1-3-3-2';\nexport var tooltipMaxHeight = '_11m6jkl2-3-3-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iCAAiC;AACrC,IAAI,sBAAsB;AAC1B,IAAI,0BAA0B;AAC9B,IAAI,mBAAmB;",
   "names": []
 }

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

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