@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/content/ai-response/tests/AiResponse-reduced-motion.spec.js

@@ -1,258 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { act, screen } from "@testing-library/react";
-import { createRef } from "react";
-import { beforeAll, afterAll, describe, it, expect } from "vitest";
-import "@testing-library/jest-dom/vitest";
-import { AiResponse } from "../AiResponse.js";
-import {
-  render,
-  setupMatchMediaMock,
-  clearMatchMediaMock
-} from "./vite-helpers.js";
-const imageSrc = "data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==";
-describe("AiResponse reduced motion", () => {
-  beforeAll(() => {
-    setupMatchMediaMock(true);
-  });
-  afterAll(() => {
-    clearMatchMediaMock();
-  });
-  it("should not render anything if displayedText is an empty string", async () => {
-    const response = "";
-    render(/* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", children: response }));
-    expect(screen.queryByTestId("ai-response")).toBeNull();
-  });
-  describe("markdown rendering", () => {
-    it("should render headings correctly", async () => {
-      const response = `
-# How to Optimize Your Workflow
-
-## Introduction
-In today's fast-paced environment, efficiency is key. Here are some strategies to help you optimize your workflow:
-
-### 1. Automate Repetitive Tasks
-Use tools and scripts to automate tasks you perform frequently. For example:
-`;
-      const headings = [
-        "How to Optimize Your Workflow",
-        "Introduction",
-        "1. Automate Repetitive Tasks"
-      ];
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      headings.forEach((text, i) => {
-        const headingElement = screen.getByText(text);
-        expect(headingElement).toBeInTheDocument();
-        expect(headingElement.getAttribute("data-testid")).toBe("heading");
-        expect(headingElement.tagName).toBe(`H${i + 1}`);
-      });
-    });
-    it("should render link correctly", async () => {
-      const response = "[Link text](https://example.com)";
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const link = screen.getByText("Link text");
-      expect(link.tagName).toBe("A");
-      expect(link).toHaveAttribute("href", "https://example.com/");
-    });
-    it("should render code block correctly", async () => {
-      const response = `
-\`\`\`js
-const greet = name => \`Hello, \${name}!\`;
-console.log(greet('World'));
-\`\`\`
-`;
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const codeblock = screen.getByTestId("code-snippet");
-      expect(
-        codeblock.textContent?.endsWith("console.log(greet('World'));")
-      ).toBeTruthy();
-    });
-    it("should render list items correctly", async () => {
-      const response = `
-* Urgent & Important
-* Important but Not Urgent
-* Urgent but Not Important
-* Neither
-`;
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const items = screen.getAllByRole("listitem");
-      expect(items.map((item) => item.textContent)).toStrictEqual([
-        "Urgent & Important",
-        "Important but Not Urgent",
-        "Urgent but Not Important",
-        "Neither"
-      ]);
-    });
-    it("should render plain text correctly", async () => {
-      const response = "Regular breaks improve focus and productivity.";
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const plainText = screen.getByText(
-        "Regular breaks improve focus and productivity."
-      );
-      expect(plainText.tagName).toBe("P");
-    });
-    it("should render bold text correctly", async () => {
-      const response = "**Tip: Try the Pomodoro Technique for time management.**";
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const bold = screen.getByText(
-        "Tip: Try the Pomodoro Technique for time management."
-      );
-      expect(bold.tagName).toBe("STRONG");
-    });
-    it("should render image correctly", async () => {
-      const response = `![Workflow Diagram](${imageSrc})`;
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const placeholder = screen.getByText("[Image blocked: Workflow Diagram]");
-      expect(placeholder).toBeInTheDocument();
-    });
-  });
-  describe("a11y", () => {
-    it("should have correct aria attributes by default", async () => {
-      await act(
-        async () => render(
-          /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", children: "Some AI-generated response." })
-        )
-      );
-      const root = screen.getByTestId("ai-response");
-      expect(root).toHaveAttribute("aria-live", "polite");
-      expect(root).toHaveAttribute("aria-atomic", "true");
-    });
-    it("should support other aria attributes", async () => {
-      await act(
-        async () => render(
-          /* @__PURE__ */ jsxs("section", { "aria-busy": "true", "aria-label": "AI Response Section", children: [
-            /* @__PURE__ */ jsx("div", { id: "response-label", children: "AI Response" }),
-            /* @__PURE__ */ jsx("div", { id: "description", children: "AI-generated content generating..." }),
-            /* @__PURE__ */ jsx("div", { id: "details", children: "This may take a few seconds." }),
-            /* @__PURE__ */ jsx(
-              AiResponse,
-              {
-                "data-testid": "ai-response",
-                "aria-label": "label",
-                "aria-labelledby": "response-label",
-                "aria-describedby": "description",
-                "aria-details": "details",
-                children: "This is an AI-generated answer about your request."
-              }
-            )
-          ] })
-        )
-      );
-      const response = screen.getByTestId("ai-response");
-      expect(response).toHaveAttribute("aria-label", "label");
-      expect(response).toHaveAttribute("aria-labelledby", "response-label");
-      expect(response).toHaveAttribute("aria-describedby", "description");
-      expect(response).toHaveAttribute("aria-details", "details");
-    });
-  });
-  it("should forward the ref", async () => {
-    const forwardedRef = createRef();
-    await act(
-      async () => render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", ref: forwardedRef, children: "Some AI-generated response." })
-      )
-    );
-    expect(forwardedRef.current).not.toBeNull();
-    expect(forwardedRef.current?.tagName).toBe("DIV");
-  });
-  it("should set data-dtrum on the root level of the component", async () => {
-    await act(
-      async () => render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-dtrum-mask": true, "data-dtrum-allow": true, "data-testid": "dtrum", children: "Some AI-generated response." })
-      )
-    );
-    const dtrum = screen.getByTestId("dtrum");
-    expect(dtrum).toHaveAttribute("data-dtrum-mask");
-    expect(dtrum).toHaveAttribute("data-dtrum-allow");
-  });
-  it("should apply consumer className and style", async () => {
-    await act(
-      async () => render(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            "data-testid": "ai-response",
-            className: "ai-response-class",
-            style: { backgroundColor: "rgb(255, 182, 193)" },
-            children: "Some AI-generated response."
-          }
-        )
-      )
-    );
-    expect(screen.getByTestId("ai-response")).toHaveClass("ai-response-class");
-    expect(screen.getByTestId("ai-response")).toHaveStyle(
-      "background-color: rgb(255, 182, 193)"
-    );
-  });
-  it("should spread remaining props", async () => {
-    await act(
-      async () => render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", "data-custom": "test-custom-data", children: "Some AI-generated response." })
-      )
-    );
-    expect(screen.getByTestId("ai-response")).toHaveAttribute(
-      "data-custom",
-      "test-custom-data"
-    );
-  });
-  describe("behavior tracking attributes", () => {
-    it("should add data-dt-* attributes", () => {
-      render(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            "data-testid": "ai-response",
-            "data-dt-content": "AiContent",
-            "data-dt-value-content": true,
-            "data-dt-children-value-content": true,
-            children: "This is an AI-generated answer about your request."
-          }
-        )
-      );
-      const aiResponse = screen.getByTestId("ai-response");
-      expect(aiResponse).toHaveAttribute("data-dt-content", "AiContent");
-      expect(aiResponse).toHaveAttribute("data-dt-value-content", "true");
-      expect(aiResponse).toHaveAttribute(
-        "data-dt-children-value-content",
-        "true"
-      );
-    });
-    describe("data-dt-component", () => {
-      it("should have the default data-dt-component attribute", () => {
-        render(
-          /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", children: "This is an AI-generated answer about your request." })
-        );
-        const aiResponse = screen.getByTestId("ai-response");
-        expect(aiResponse).toHaveAttribute("data-dt-component", "AiResponse");
-      });
-      it("should not override the data-dt-component attribute if provided", () => {
-        render(
-          /* @__PURE__ */ jsx(
-            AiResponse,
-            {
-              "data-testid": "ai-response",
-              "data-dt-component": "CustomAiResponse",
-              children: "This is an AI-generated answer about your request."
-            }
-          )
-        );
-        const aiResponse = screen.getByTestId("ai-response");
-        expect(aiResponse).toHaveAttribute("data-dt-component", "AiResponse");
-      });
-    });
-  });
-});
-//# sourceMappingURL=AiResponse-reduced-motion.spec.js.map

package/esm/content/ai-response/tests/AiResponse-reduced-motion.spec.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/content/ai-response/tests/AiResponse-reduced-motion.spec.tsx"],
-  "sourcesContent": ["import { act, screen } from '@testing-library/react';\nimport { createRef } from 'react';\nimport { beforeAll, afterAll, describe, it, expect } from 'vitest';\nimport '@testing-library/jest-dom/vitest';\n\nimport { AiResponse } from '../AiResponse.js';\nimport {\n  render,\n  setupMatchMediaMock,\n  clearMatchMediaMock,\n} from './vite-helpers.js';\n\nconst imageSrc =\n  'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==';\n\ndescribe('AiResponse reduced motion', () => {\n  beforeAll(() => {\n    // simulate reduced motion preference - these tests solely should check if the response is rendered correctly\n    // we keep these tests in a separate file since framer motion caches the matchMedia result and changing it within the same test file is not possible\n    setupMatchMediaMock(true);\n  });\n\n  afterAll(() => {\n    clearMatchMediaMock();\n  });\n\n  it('should not render anything if displayedText is an empty string', async () => {\n    // given\n    const response = '';\n\n    // when\n    render(<AiResponse data-testid=\"ai-response\">{response}</AiResponse>);\n\n    // then\n    expect(screen.queryByTestId('ai-response')).toBeNull();\n  });\n\n  describe('markdown rendering', () => {\n    it('should render headings correctly', async () => {\n      // given\n      const response = `\n# How to Optimize Your Workflow\n\n## Introduction\nIn today's fast-paced environment, efficiency is key. Here are some strategies to help you optimize your workflow:\n\n### 1. Automate Repetitive Tasks\nUse tools and scripts to automate tasks you perform frequently. For example:\n`;\n      const headings = [\n        'How to Optimize Your Workflow',\n        'Introduction',\n        '1. Automate Repetitive Tasks',\n      ];\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      headings.forEach((text, i) => {\n        const headingElement = screen.getByText(text);\n        expect(headingElement).toBeInTheDocument();\n        expect(headingElement.getAttribute('data-testid')).toBe('heading');\n        expect(headingElement.tagName).toBe(`H${i + 1}`);\n      });\n    });\n\n    it('should render link correctly', async () => {\n      // given\n      const response = '[Link text](https://example.com)';\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const link = screen.getByText('Link text');\n      expect(link.tagName).toBe('A');\n      expect(link).toHaveAttribute('href', 'https://example.com/');\n    });\n\n    it('should render code block correctly', async () => {\n      // given\n      const response = `\n\\`\\`\\`js\nconst greet = name => \\`Hello, \\${name}!\\`;\nconsole.log(greet('World'));\n\\`\\`\\`\n`;\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const codeblock = screen.getByTestId('code-snippet');\n      expect(\n        codeblock.textContent?.endsWith(\"console.log(greet('World'));\"),\n      ).toBeTruthy();\n    });\n\n    it('should render list items correctly', async () => {\n      // given\n      const response = `\n* Urgent & Important\n* Important but Not Urgent\n* Urgent but Not Important\n* Neither\n`;\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const items = screen.getAllByRole('listitem');\n      expect(items.map((item) => item.textContent)).toStrictEqual([\n        'Urgent & Important',\n        'Important but Not Urgent',\n        'Urgent but Not Important',\n        'Neither',\n      ]);\n    });\n\n    it('should render plain text correctly', async () => {\n      // given\n      const response = 'Regular breaks improve focus and productivity.';\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const plainText = screen.getByText(\n        'Regular breaks improve focus and productivity.',\n      );\n      expect(plainText.tagName).toBe('P');\n    });\n\n    it('should render bold text correctly', async () => {\n      // given\n      const response =\n        '**Tip: Try the Pomodoro Technique for time management.**';\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const bold = screen.getByText(\n        'Tip: Try the Pomodoro Technique for time management.',\n      );\n      expect(bold.tagName).toBe('STRONG');\n    });\n\n    it('should render image correctly', async () => {\n      // given\n      const response = `![Workflow Diagram](${imageSrc})`;\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      // Streamdown blocks images by default and renders a placeholder\n      const placeholder = screen.getByText('[Image blocked: Workflow Diagram]');\n      expect(placeholder).toBeInTheDocument();\n    });\n  });\n\n  describe('a11y', () => {\n    it('should have correct aria attributes by default', async () => {\n      // given / when\n      await act(async () =>\n        render(\n          <AiResponse data-testid=\"ai-response\">\n            Some AI-generated response.\n          </AiResponse>,\n        ),\n      );\n\n      // then\n      const root = screen.getByTestId('ai-response');\n      expect(root).toHaveAttribute('aria-live', 'polite');\n      expect(root).toHaveAttribute('aria-atomic', 'true');\n    });\n\n    it('should support other aria attributes', async () => {\n      // given/when\n      await act(async () =>\n        render(\n          <section aria-busy=\"true\" aria-label=\"AI Response Section\">\n            <div id=\"response-label\">AI Response</div>\n            <div id=\"description\">AI-generated content generating...</div>\n            <div id=\"details\">This may take a few seconds.</div>\n            <AiResponse\n              data-testid=\"ai-response\"\n              aria-label=\"label\"\n              aria-labelledby=\"response-label\"\n              aria-describedby=\"description\"\n              aria-details=\"details\"\n            >\n              This is an AI-generated answer about your request.\n            </AiResponse>\n          </section>,\n        ),\n      );\n\n      // then\n      const response = screen.getByTestId('ai-response');\n      expect(response).toHaveAttribute('aria-label', 'label');\n      expect(response).toHaveAttribute('aria-labelledby', 'response-label');\n      expect(response).toHaveAttribute('aria-describedby', 'description');\n      expect(response).toHaveAttribute('aria-details', 'details');\n    });\n  });\n\n  it('should forward the ref', async () => {\n    // given\n    const forwardedRef = createRef<HTMLDivElement>();\n\n    // when\n    await act(async () =>\n      render(\n        <AiResponse data-testid=\"ai-response\" ref={forwardedRef}>\n          Some AI-generated response.\n        </AiResponse>,\n      ),\n    );\n\n    // then\n    expect(forwardedRef.current).not.toBeNull();\n    expect(forwardedRef.current?.tagName).toBe('DIV');\n  });\n\n  it('should set data-dtrum on the root level of the component', async () => {\n    // given/when\n    await act(async () =>\n      render(\n        <AiResponse data-dtrum-mask data-dtrum-allow data-testid=\"dtrum\">\n          Some AI-generated response.\n        </AiResponse>,\n      ),\n    );\n\n    // then\n    const dtrum = screen.getByTestId('dtrum');\n    expect(dtrum).toHaveAttribute('data-dtrum-mask');\n    expect(dtrum).toHaveAttribute('data-dtrum-allow');\n  });\n\n  it('should apply consumer className and style', async () => {\n    // given/when\n    await act(async () =>\n      render(\n        <AiResponse\n          data-testid=\"ai-response\"\n          className=\"ai-response-class\"\n          style={{ backgroundColor: 'rgb(255, 182, 193)' }}\n        >\n          Some AI-generated response.\n        </AiResponse>,\n      ),\n    );\n\n    // then\n    expect(screen.getByTestId('ai-response')).toHaveClass('ai-response-class');\n    expect(screen.getByTestId('ai-response')).toHaveStyle(\n      'background-color: rgb(255, 182, 193)',\n    );\n  });\n\n  it('should spread remaining props', async () => {\n    // given/when\n    await act(async () =>\n      render(\n        <AiResponse data-testid=\"ai-response\" data-custom=\"test-custom-data\">\n          Some AI-generated response.\n        </AiResponse>,\n      ),\n    );\n\n    // then\n    expect(screen.getByTestId('ai-response')).toHaveAttribute(\n      'data-custom',\n      'test-custom-data',\n    );\n  });\n\n  describe('behavior tracking attributes', () => {\n    it('should add data-dt-* attributes', () => {\n      render(\n        <AiResponse\n          data-testid=\"ai-response\"\n          data-dt-content=\"AiContent\"\n          data-dt-value-content={true}\n          data-dt-children-value-content={true}\n        >\n          This is an AI-generated answer about your request.\n        </AiResponse>,\n      );\n\n      const aiResponse = screen.getByTestId('ai-response');\n      expect(aiResponse).toHaveAttribute('data-dt-content', 'AiContent');\n      expect(aiResponse).toHaveAttribute('data-dt-value-content', 'true');\n      expect(aiResponse).toHaveAttribute(\n        'data-dt-children-value-content',\n        'true',\n      );\n    });\n\n    describe('data-dt-component', () => {\n      it('should have the default data-dt-component attribute', () => {\n        render(\n          <AiResponse data-testid=\"ai-response\">\n            This is an AI-generated answer about your request.\n          </AiResponse>,\n        );\n        const aiResponse = screen.getByTestId('ai-response');\n        expect(aiResponse).toHaveAttribute('data-dt-component', 'AiResponse');\n      });\n\n      it('should not override the data-dt-component attribute if provided', () => {\n        render(\n          <AiResponse\n            data-testid=\"ai-response\"\n            data-dt-component=\"CustomAiResponse\"\n          >\n            This is an AI-generated answer about your request.\n          </AiResponse>,\n        );\n        const aiResponse = screen.getByTestId('ai-response');\n        expect(aiResponse).toHaveAttribute('data-dt-component', 'AiResponse');\n      });\n    });\n  });\n});\n"],
-  "mappings": "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",
-  "names": []
-}

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": []
-}