@dynatrace/strato-components 3.7.0 → 3.8.0

package/esm/content/ai-response/tests/vite-helpers.js

@@ -1,50 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import {
-  render as rtlRender
-} from "@testing-library/react";
-import { IntlProvider } from "react-intl";
-import { vi } from "vitest";
-const pristineMatchMedia = window.matchMedia;
-function setupMatchMediaMock(isMatching = false) {
-  Object.defineProperty(window, "matchMedia", {
-    writable: true,
-    value: vi.fn().mockImplementation((query) => ({
-      matches: isMatching,
-      media: query,
-      onchange: null,
-      addListener: vi.fn(),
-      // Deprecated
-      removeListener: vi.fn(),
-      // Deprecated
-      addEventListener: vi.fn(),
-      removeEventListener: vi.fn(),
-      dispatchEvent: vi.fn()
-    }))
-  });
-}
-function clearMatchMediaMock() {
-  window.matchMedia = pristineMatchMedia;
-}
-const AllProviders = ({
-  children,
-  locale = "en",
-  timeZone = "UTC"
-}) => {
-  return /* @__PURE__ */ jsx(IntlProvider, { locale, timeZone, children });
-};
-function render(ui, {
-  locale = "en",
-  timeZone = "UTC",
-  ...renderOptions
-} = {}) {
-  return rtlRender(ui, {
-    wrapper: ({ children }) => /* @__PURE__ */ jsx(AllProviders, { locale, timeZone, children }),
-    ...renderOptions
-  });
-}
-export {
-  clearMatchMediaMock,
-  render,
-  setupMatchMediaMock
-};
-//# sourceMappingURL=vite-helpers.js.map

package/esm/content/ai-response/tests/vite-helpers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/content/ai-response/tests/vite-helpers.tsx"],
-  "sourcesContent": ["import {\n  /* eslint-disable-next-line no-restricted-imports */\n  render as rtlRender,\n  type RenderOptions,\n  type RenderResult,\n} from '@testing-library/react';\nimport { type ReactElement, type PropsWithChildren } from 'react';\nimport { IntlProvider } from 'react-intl';\nimport { vi } from 'vitest';\n\n// Vitest-compatible matchMedia mock\nconst pristineMatchMedia = window.matchMedia;\n\nexport function setupMatchMediaMock(isMatching: boolean = false) {\n  Object.defineProperty(window, 'matchMedia', {\n    writable: true,\n    value: vi.fn().mockImplementation((query) => ({\n      matches: isMatching,\n      media: query,\n      onchange: null,\n      addListener: vi.fn(), // Deprecated\n      removeListener: vi.fn(), // Deprecated\n      addEventListener: vi.fn(),\n      removeEventListener: vi.fn(),\n      dispatchEvent: vi.fn(),\n    })),\n  });\n}\n\nexport function clearMatchMediaMock() {\n  window.matchMedia = pristineMatchMedia;\n}\n\n// Custom render with IntlProvider (same as components-testing/jest/custom-render.tsx)\nconst AllProviders = ({\n  children,\n  locale = 'en',\n  timeZone = 'UTC',\n}: PropsWithChildren<{ locale?: string; timeZone?: string }>) => {\n  return (\n    <IntlProvider locale={locale} timeZone={timeZone}>\n      {children}\n    </IntlProvider>\n  );\n};\n\nexport function render(\n  ui: ReactElement,\n  {\n    locale = 'en',\n    timeZone = 'UTC',\n    ...renderOptions\n  }: { locale?: string; timeZone?: string } & Omit<\n    RenderOptions,\n    'queries'\n  > = {},\n): RenderResult {\n  return rtlRender(ui, {\n    wrapper: ({ children }) => (\n      <AllProviders locale={locale} timeZone={timeZone}>\n        {children}\n      </AllProviders>\n    ),\n    ...renderOptions,\n  });\n}\n"],
-  "mappings": "AAwCI;AAxCJ;AAAA,EAEE,UAAU;AAAA,OAGL;AAEP,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AAGnB,MAAM,qBAAqB,OAAO;AAE3B,SAAS,oBAAoB,aAAsB,OAAO;AAC/D,SAAO,eAAe,QAAQ,cAAc;AAAA,IAC1C,UAAU;AAAA,IACV,OAAO,GAAG,GAAG,EAAE,mBAAmB,CAAC,WAAW;AAAA,MAC5C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,GAAG,GAAG;AAAA;AAAA,MACnB,gBAAgB,GAAG,GAAG;AAAA;AAAA,MACtB,kBAAkB,GAAG,GAAG;AAAA,MACxB,qBAAqB,GAAG,GAAG;AAAA,MAC3B,eAAe,GAAG,GAAG;AAAA,IACvB,EAAE;AAAA,EACJ,CAAC;AACH;AAEO,SAAS,sBAAsB;AACpC,SAAO,aAAa;AACtB;AAGA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AACb,MAAiE;AAC/D,SACE,oBAAC,gBAAa,QAAgB,UAC3B,UACH;AAEJ;AAEO,SAAS,OACd,IACA;AAAA,EACE,SAAS;AAAA,EACT,WAAW;AAAA,EACX,GAAG;AACL,IAGI,CAAC,GACS;AACd,SAAO,UAAU,IAAI;AAAA,IACnB,SAAS,CAAC,EAAE,SAAS,MACnB,oBAAC,gBAAa,QAAgB,UAC3B,UACH;AAAA,IAEF,GAAG;AAAA,EACL,CAAC;AACH;",
-  "names": []
-}

package/esm/filters/filter-field/contexts/SavedAndRecentQueryClientContext.js

@@ -1,19 +0,0 @@
-import { QueryClient } from "@tanstack/react-query";
-import { createContext } from "react";
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      retry: false,
-      // Data only changes via explicit mutations — we can set the staleTime to infinity to prevent unnecessary refetches.
-      staleTime: Infinity
-    },
-    mutations: {
-      retry: false
-    }
-  }
-});
-const RecentAndSavedFiltersQueryClientContext = createContext(queryClient);
-export {
-  RecentAndSavedFiltersQueryClientContext
-};
-//# sourceMappingURL=SavedAndRecentQueryClientContext.js.map

package/esm/filters/filter-field/contexts/SavedAndRecentQueryClientContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/filters/filter-field/contexts/SavedAndRecentQueryClientContext.tsx"],
-  "sourcesContent": ["import { QueryClient } from '@tanstack/react-query';\nimport { createContext } from 'react';\n\n/** Default query client for the userAppState queries. */\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      retry: false,\n      // Data only changes via explicit mutations \u2014 we can set the staleTime to infinity to prevent unnecessary refetches.\n      staleTime: Infinity,\n    },\n    mutations: {\n      retry: false,\n    },\n  },\n});\n\n/**\n * Exposes the recent and saved filters query client with a context.\n * @internal\n */\nexport const RecentAndSavedFiltersQueryClientContext =\n  createContext(queryClient);\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAG9B,MAAM,cAAc,IAAI,YAAY;AAAA,EAClC,gBAAgB;AAAA,IACd,SAAS;AAAA,MACP,OAAO;AAAA;AAAA,MAEP,WAAW;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAMM,MAAM,0CACX,cAAc,WAAW;",
-  "names": []
-}

package/esm/filters/filter-field/error-fallback/ErrorFallback.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/filters/filter-field/error-fallback/ErrorFallback.tsx"],
-  "sourcesContent": ["import type { FallbackProps } from 'react-error-boundary';\nimport { FormattedMessage } from 'react-intl';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport { CriticalIcon, ResetIcon } from '@dynatrace/strato-icons';\n\nimport { errorFallbackMessages } from './messages.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { Container } from '../../../layouts/container/Container.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { Text } from '../../../typography/text/Text.js';\n\n\n/**\n * Fallback component which replaces the filter field in case of unhandled exception is thrown, instead of crashing the app.\n * Includes a reset button to allow gracefully restoring the previous component state\n * @internal\n */\nexport const ErrorFallback = ({ resetErrorBoundary }: FallbackProps) => {\n  return (\n    <Container\n      padding={2}\n      paddingLeft={4}\n      color=\"critical\"\n      style={{\n        borderRadius: Borders.Radius.Container.Subdued,\n      }}\n    >\n      <Flex\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        gap={4}\n      >\n        <CriticalIcon />\n        <Text\n          textStyle=\"base-emphasized\"\n          style={{\n            flex: 1,\n            overflow: 'hidden',\n            whiteSpace: 'nowrap',\n            textOverflow: 'ellipsis',\n          }}\n        >\n          <FormattedMessage {...errorFallbackMessages.errorTitleMessage} />\n        </Text>\n        <Button\n          variant=\"emphasized\"\n          color=\"critical\"\n          onClick={resetErrorBoundary}\n          size=\"condensed\"\n          style={{ borderRadius: Borders.Radius.Field.Subdued }}\n        >\n          <Button.Prefix>\n            <ResetIcon />\n          </Button.Prefix>\n          <FormattedMessage {...errorFallbackMessages.recoverStateButtonText} />\n        </Button>\n      </Flex>\n    </Container>\n  );\n};\n"],
-  "mappings": "AAkCQ,cAYA,YAZA;AAjCR,SAAS,wBAAwB;AAEjC,OAAO,aAAa;AACpB,SAAS,cAAc,iBAAiB;AAExC,SAAS,6BAA6B;AACtC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,YAAY;AAQd,MAAM,gBAAgB,CAAC,EAAE,mBAAmB,MAAqB;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,aAAa;AAAA,MACb,OAAM;AAAA,MACN,OAAO;AAAA,QACL,cAAc,QAAQ,OAAO,UAAU;AAAA,MACzC;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,YAAW;AAAA,UACX,KAAK;AAAA,UAEL;AAAA,gCAAC,gBAAa;AAAA,YACd;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,MAAM;AAAA,kBACN,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,cAAc;AAAA,gBAChB;AAAA,gBAEA,8BAAC,oBAAkB,GAAG,sBAAsB,mBAAmB;AAAA;AAAA,YACjE;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,SAAS;AAAA,gBACT,MAAK;AAAA,gBACL,OAAO,EAAE,cAAc,QAAQ,OAAO,MAAM,QAAQ;AAAA,gBAEpD;AAAA,sCAAC,OAAO,QAAP,EACC,8BAAC,aAAU,GACb;AAAA,kBACA,oBAAC,oBAAkB,GAAG,sBAAsB,wBAAwB;AAAA;AAAA;AAAA,YACtE;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/esm/filters/filter-field/error-fallback/messages.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/filters/filter-field/error-fallback/messages.ts"],
-  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\n/**\n * Error messages shown on error fall-back component\n * @internal\n */\nexport const errorFallbackMessages = defineMessages({\n  errorTitleMessage: {\n    defaultMessage: 'An error occurred',\n    id: 'JYch5LSreqEKVk0q',\n    description:\n      'The message that is shown once the filter field reaches an invalid state when an uncaught exception was thrown',\n  },\n\n  recoverStateButtonText: {\n    defaultMessage: 'Reset',\n    id: 'IigYU5spaVAkF/1K',\n    description:\n      'Button text for trying to recover the filter field state from an invalid state',\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAMxB,MAAM,wBAAwB,eAAe;AAAA,EAClD,mBAAmB;AAAA,IACjB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EAEA,wBAAwB;AAAA,IACtB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AACF,CAAC;",
-  "names": []
-}

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

@@ -1,163 +0,0 @@
-import { useMutation, useQuery } from "@tanstack/react-query";
-import { cloneDeep } from "lodash-es";
-import { useContext, useState } from "react";
-import { getCurrentUserDetails } from "@dynatrace-sdk/app-environment";
-import {
-  isForbidden,
-  isNotFound,
-  isUnauthorized,
-  stateClient
-} from "@dynatrace-sdk/client-state";
-import { useRecentAndPinnedFiltersStore } from "./useRecentFiltersStore.js";
-import { RecentAndSavedFiltersQueryClientContext } from "../../contexts/SavedAndRecentQueryClientContext.js";
-import { useFilterFieldLoggerContext } from "../useFilterFieldLoggerContext.js";
-const currentUser = getCurrentUserDetails();
-function usePersistedFilter(name, key, saveFn) {
-  const queryClient = useContext(RecentAndSavedFiltersQueryClientContext);
-  const setCanPin = useRecentAndPinnedFiltersStore(
-    (state) => state.setCanPin,
-    name
-  );
-  const { logger } = useFilterFieldLoggerContext();
-  return useQuery(
-    {
-      enabled: name !== null,
-      queryKey: [key],
-      throwOnError: false,
-      queryFn: async ({ signal }) => {
-        let savedFilters;
-        try {
-          savedFilters = await stateClient.getUserAppState({
-            key,
-            abortSignal: signal
-          });
-        } catch (error) {
-          if (isUnauthorized(error) || isForbidden(error)) {
-            logger?.warn(
-              "FilterField pinned and recent error - permissions not met",
-              error
-            );
-            setCanPin(false);
-          } else if (signal.aborted) {
-          } else if (!isNotFound(error)) {
-            logger?.warn("FilterField pinned and recent error", error);
-          }
-          return [];
-        }
-        const parsedValue = JSON.parse(savedFilters.value, (key2, value) => {
-          if (key2 === "timeUsed") {
-            return new Date(value);
-          }
-          return value;
-        });
-        for (const parsedFilter of parsedValue) {
-          if (!parsedFilter.timeUsed) {
-            parsedFilter.timeUsed = /* @__PURE__ */ new Date();
-          }
-        }
-        saveFn(parsedValue);
-        return parsedValue;
-      }
-    },
-    queryClient
-  );
-}
-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;
-    }
-    return state2.pinnedFilters;
-  }, name);
-  const setState = useRecentAndPinnedFiltersStore((state2) => {
-    if (actionType === "save") {
-      return state2.setRecentFilters;
-    }
-    return state2.setPinnedFilters;
-  }, name);
-  const action = useRecentAndPinnedFiltersStore((state2) => {
-    if (actionType === "save") {
-      return state2.saveRecentFilter;
-    }
-    if (actionType === "pin") {
-      return state2.pinFilter;
-    }
-    return state2.unpinFilter;
-  }, name);
-  const [previousState, setPreviousState] = useState(
-    cloneDeep(state)
-  );
-  return useMutation(
-    {
-      mutationKey: [key],
-      throwOnError: false,
-      mutationFn: async (filterString) => {
-        if (name === null) {
-          return Promise.resolve();
-        }
-        if (filterString.trim() === "") {
-          return Promise.resolve();
-        }
-        setPreviousState(cloneDeep(state));
-        const newState = action(filterString);
-        await queryClient.cancelQueries({
-          queryKey: [key]
-        });
-        try {
-          await stateClient.setUserAppState({
-            body: {
-              validUntilTime: null,
-              modificationInfo: {
-                lastModifiedBy: currentUser.id,
-                lastModifiedTime: /* @__PURE__ */ new Date()
-              },
-              value: JSON.stringify(newState)
-            },
-            key
-          });
-          return newState;
-        } catch (error) {
-          if (isUnauthorized(error) || isForbidden(error)) {
-            logger?.warn(
-              "FilterField pinned and recent error - permissions not met",
-              error
-            );
-            setCanPin(false);
-          } else {
-            logger?.warn("FilterField pinned and recent error", error);
-          }
-          setState(previousState);
-        }
-        return state;
-      },
-      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) {
-          queryClient.setQueryData([key], newState);
-        }
-      }
-    },
-    queryClient
-  );
-}
-export {
-  usePersistedFilter,
-  usePersistedFilterMutation
-};
-//# sourceMappingURL=usePersistedFilter.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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  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        try {\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        } 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 {\n            // Some other error.\n            logger?.warn('FilterField pinned and recent error', error);\n          }\n          setState(previousState);\n        }\n        return state;\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/hooks/recent-and-pinned/useRecentFiltersStore.js

@@ -1,25 +0,0 @@
-import { useMemo } from "react";
-import { useStore } from "zustand";
-import {
-  scopedRecentAndPinnedFiltersStores,
-  createRecentAndPinnedFilterStore,
-  voidStore
-} from "../../state/recent-pinned-store.js";
-function useRecentAndPinnedFiltersStore(selector, name = null) {
-  const store = useMemo(() => {
-    if (name === null) {
-      return null;
-    }
-    let scopedStore = scopedRecentAndPinnedFiltersStores.get(name);
-    if (scopedStore === void 0) {
-      scopedStore = createRecentAndPinnedFilterStore();
-      scopedRecentAndPinnedFiltersStores.set(name, scopedStore);
-    }
-    return scopedStore;
-  }, [name]);
-  return useStore(store ?? voidStore, selector);
-}
-export {
-  useRecentAndPinnedFiltersStore
-};
-//# sourceMappingURL=useRecentFiltersStore.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/filters/filter-field/hooks/recent-and-pinned/useRecentFiltersStore.ts"],
-  "sourcesContent": ["import { useMemo } from 'react';\nimport { type ExtractState, type StoreApi, useStore } from 'zustand';\n\nimport {\n  type RecentAndPinnedFiltersState,\n  scopedRecentAndPinnedFiltersStores,\n  createRecentAndPinnedFilterStore,\n  voidStore,\n} from '../../state/recent-pinned-store.js';\n\n/**\n * Allows access to the namespaced store in order to share filters.\n */\nexport function useRecentAndPinnedFiltersStore<U>(\n  selector: (state: ExtractState<StoreApi<RecentAndPinnedFiltersState>>) => U,\n  name: string | null = null,\n): U {\n  const store = useMemo(() => {\n    if (name === null) {\n      return null;\n    }\n\n    let scopedStore = scopedRecentAndPinnedFiltersStores.get(name);\n    if (scopedStore === undefined) {\n      scopedStore = createRecentAndPinnedFilterStore();\n      scopedRecentAndPinnedFiltersStores.set(name, scopedStore);\n    }\n    return scopedStore;\n  }, [name]);\n\n  return useStore(store ?? voidStore, selector);\n}\n"],
-  "mappings": "AAAA,SAAS,eAAe;AACxB,SAA2C,gBAAgB;AAE3D;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKA,SAAS,+BACd,UACA,OAAsB,MACnB;AACH,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,SAAS,MAAM;AACjB,aAAO;AAAA,IACT;AAEA,QAAI,cAAc,mCAAmC,IAAI,IAAI;AAC7D,QAAI,gBAAgB,QAAW;AAC7B,oBAAc,iCAAiC;AAC/C,yCAAmC,IAAI,MAAM,WAAW;AAAA,IAC1D;AACA,WAAO;AAAA,EACT,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,SAAS,SAAS,WAAW,QAAQ;AAC9C;",
-  "names": []
-}

package/filters/filter-field/contexts/SavedAndRecentQueryClientContext.d.ts

@@ -1,6 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-/**
- * Exposes the recent and saved filters query client with a context.
- * @internal
- */
-export declare const RecentAndSavedFiltersQueryClientContext: import("react").Context<QueryClient>;

package/filters/filter-field/error-fallback/ErrorFallback.d.ts

@@ -1,7 +0,0 @@
-import type { FallbackProps } from 'react-error-boundary';
-/**
- * Fallback component which replaces the filter field in case of unhandled exception is thrown, instead of crashing the app.
- * Includes a reset button to allow gracefully restoring the previous component state
- * @internal
- */
-export declare const ErrorFallback: ({ resetErrorBoundary }: FallbackProps) => import("react/jsx-runtime").JSX.Element;

package/filters/filter-field/hooks/recent-and-pinned/usePersistedFilter.d.ts

@@ -1,12 +0,0 @@
-import { type StoredFilter } from '../../state/recent-pinned-store.js';
-/**
- * Helper function to read a persisted stored filter from the app state.
- * @internal
- */
-export declare function usePersistedFilter(name: string | null, key: string, saveFn: (filters: Array<StoredFilter>) => void): import("@tanstack/react-query").UseQueryResult<any, Error>;
-/**
- * Helper function to mutate the persisted stored filters in the app state.
- * Depending on the actionType, it can pin, unpin or save filter.
- * @internal
- */
-export declare function usePersistedFilterMutation(key: string, name: string | null, actionType: 'pin' | 'unpin' | 'save'): import("@tanstack/react-query").UseMutationResult<void | StoredFilter[], Error, string, unknown>;

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

@@ -1,176 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var usePersistedFilter_exports = {};
-__export(usePersistedFilter_exports, {
-  usePersistedFilter: () => usePersistedFilter,
-  usePersistedFilterMutation: () => usePersistedFilterMutation
-});
-module.exports = __toCommonJS(usePersistedFilter_exports);
-var import_react_query = require("@tanstack/react-query");
-var import_lodash_es = require("lodash");
-var import_react = require("react");
-var import_app_environment = require("@dynatrace-sdk/app-environment");
-var import_client_state = require("@dynatrace-sdk/client-state");
-var import_useRecentFiltersStore = require("./useRecentFiltersStore.js");
-var import_SavedAndRecentQueryClientContext = require("../../contexts/SavedAndRecentQueryClientContext.js");
-var import_useFilterFieldLoggerContext = require("../useFilterFieldLoggerContext.js");
-const currentUser = (0, import_app_environment.getCurrentUserDetails)();
-function usePersistedFilter(name, key, saveFn) {
-  const queryClient = (0, import_react.useContext)(import_SavedAndRecentQueryClientContext.RecentAndSavedFiltersQueryClientContext);
-  const setCanPin = (0, import_useRecentFiltersStore.useRecentAndPinnedFiltersStore)(
-    (state) => state.setCanPin,
-    name
-  );
-  const { logger } = (0, import_useFilterFieldLoggerContext.useFilterFieldLoggerContext)();
-  return (0, import_react_query.useQuery)(
-    {
-      enabled: name !== null,
-      queryKey: [key],
-      throwOnError: false,
-      queryFn: async ({ signal }) => {
-        let savedFilters;
-        try {
-          savedFilters = await import_client_state.stateClient.getUserAppState({
-            key,
-            abortSignal: signal
-          });
-        } catch (error) {
-          if ((0, import_client_state.isUnauthorized)(error) || (0, import_client_state.isForbidden)(error)) {
-            logger?.warn(
-              "FilterField pinned and recent error - permissions not met",
-              error
-            );
-            setCanPin(false);
-          } else if (signal.aborted) {
-          } else if (!(0, import_client_state.isNotFound)(error)) {
-            logger?.warn("FilterField pinned and recent error", error);
-          }
-          return [];
-        }
-        const parsedValue = JSON.parse(savedFilters.value, (key2, value) => {
-          if (key2 === "timeUsed") {
-            return new Date(value);
-          }
-          return value;
-        });
-        for (const parsedFilter of parsedValue) {
-          if (!parsedFilter.timeUsed) {
-            parsedFilter.timeUsed = /* @__PURE__ */ new Date();
-          }
-        }
-        saveFn(parsedValue);
-        return parsedValue;
-      }
-    },
-    queryClient
-  );
-}
-function usePersistedFilterMutation(key, name, actionType) {
-  const queryClient = (0, import_react.useContext)(import_SavedAndRecentQueryClientContext.RecentAndSavedFiltersQueryClientContext);
-  const { logger } = (0, import_useFilterFieldLoggerContext.useFilterFieldLoggerContext)();
-  const setCanPin = (0, import_useRecentFiltersStore.useRecentAndPinnedFiltersStore)(
-    (state2) => state2.setCanPin,
-    name
-  );
-  const state = (0, import_useRecentFiltersStore.useRecentAndPinnedFiltersStore)((state2) => {
-    if (actionType === "save") {
-      return state2.recentFilters;
-    }
-    return state2.pinnedFilters;
-  }, name);
-  const setState = (0, import_useRecentFiltersStore.useRecentAndPinnedFiltersStore)((state2) => {
-    if (actionType === "save") {
-      return state2.setRecentFilters;
-    }
-    return state2.setPinnedFilters;
-  }, name);
-  const action = (0, import_useRecentFiltersStore.useRecentAndPinnedFiltersStore)((state2) => {
-    if (actionType === "save") {
-      return state2.saveRecentFilter;
-    }
-    if (actionType === "pin") {
-      return state2.pinFilter;
-    }
-    return state2.unpinFilter;
-  }, name);
-  const [previousState, setPreviousState] = (0, import_react.useState)(
-    (0, import_lodash_es.cloneDeep)(state)
-  );
-  return (0, import_react_query.useMutation)(
-    {
-      mutationKey: [key],
-      throwOnError: false,
-      mutationFn: async (filterString) => {
-        if (name === null) {
-          return Promise.resolve();
-        }
-        if (filterString.trim() === "") {
-          return Promise.resolve();
-        }
-        setPreviousState((0, import_lodash_es.cloneDeep)(state));
-        const newState = action(filterString);
-        await queryClient.cancelQueries({
-          queryKey: [key]
-        });
-        try {
-          await import_client_state.stateClient.setUserAppState({
-            body: {
-              validUntilTime: null,
-              modificationInfo: {
-                lastModifiedBy: currentUser.id,
-                lastModifiedTime: /* @__PURE__ */ new Date()
-              },
-              value: JSON.stringify(newState)
-            },
-            key
-          });
-          return newState;
-        } catch (error) {
-          if ((0, import_client_state.isUnauthorized)(error) || (0, import_client_state.isForbidden)(error)) {
-            logger?.warn(
-              "FilterField pinned and recent error - permissions not met",
-              error
-            );
-            setCanPin(false);
-          } else {
-            logger?.warn("FilterField pinned and recent error", error);
-          }
-          setState(previousState);
-        }
-        return state;
-      },
-      onError: (error) => {
-        setState(previousState);
-        queryClient.setQueryData([key], previousState);
-        if ((0, import_client_state.isUnauthorized)(error) || (0, import_client_state.isForbidden)(error)) {
-          logger?.warn(
-            "FilterField pinned and recent error - permissions not met",
-            error
-          );
-          setCanPin(false);
-        }
-      },
-      onSuccess: (newState) => {
-        if (newState !== void 0) {
-          queryClient.setQueryData([key], newState);
-        }
-      }
-    },
-    queryClient
-  );
-}

package/filters/filter-field/hooks/recent-and-pinned/useRecentFiltersStore.d.ts

@@ -1,6 +0,0 @@
-import { type ExtractState, type StoreApi } from 'zustand';
-import { type RecentAndPinnedFiltersState } from '../../state/recent-pinned-store.js';
-/**
- * Allows access to the namespaced store in order to share filters.
- */
-export declare function useRecentAndPinnedFiltersStore<U>(selector: (state: ExtractState<StoreApi<RecentAndPinnedFiltersState>>) => U, name?: string | null): U;

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

@@ -1,39 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useRecentFiltersStore_exports = {};
-__export(useRecentFiltersStore_exports, {
-  useRecentAndPinnedFiltersStore: () => useRecentAndPinnedFiltersStore
-});
-module.exports = __toCommonJS(useRecentFiltersStore_exports);
-var import_react = require("react");
-var import_zustand = require("zustand");
-var import_recent_pinned_store = require("../../state/recent-pinned-store.js");
-function useRecentAndPinnedFiltersStore(selector, name = null) {
-  const store = (0, import_react.useMemo)(() => {
-    if (name === null) {
-      return null;
-    }
-    let scopedStore = import_recent_pinned_store.scopedRecentAndPinnedFiltersStores.get(name);
-    if (scopedStore === void 0) {
-      scopedStore = (0, import_recent_pinned_store.createRecentAndPinnedFilterStore)();
-      import_recent_pinned_store.scopedRecentAndPinnedFiltersStores.set(name, scopedStore);
-    }
-    return scopedStore;
-  }, [name]);
-  return (0, import_zustand.useStore)(store ?? import_recent_pinned_store.voidStore, selector);
-}