@dynatrace/strato-components 3.7.1 → 3.8.0

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

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

package/content/ai-response/tests/vite-helpers.d.ts

@@ -1,8 +0,0 @@
-import { type RenderOptions, type RenderResult } from '@testing-library/react';
-import { type ReactElement } from 'react';
-export declare function setupMatchMediaMock(isMatching?: boolean): void;
-export declare function clearMatchMediaMock(): void;
-export declare function render(ui: ReactElement, { locale, timeZone, ...renderOptions }?: {
-    locale?: string;
-    timeZone?: string;
-} & Omit<RenderOptions, 'queries'>): RenderResult;

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

@@ -1,66 +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 vite_helpers_exports = {};
-__export(vite_helpers_exports, {
-  clearMatchMediaMock: () => clearMatchMediaMock,
-  render: () => render,
-  setupMatchMediaMock: () => setupMatchMediaMock
-});
-module.exports = __toCommonJS(vite_helpers_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("@testing-library/react");
-var import_react_intl = require("react-intl");
-var import_vitest = require("vitest");
-const pristineMatchMedia = window.matchMedia;
-function setupMatchMediaMock(isMatching = false) {
-  Object.defineProperty(window, "matchMedia", {
-    writable: true,
-    value: import_vitest.vi.fn().mockImplementation((query) => ({
-      matches: isMatching,
-      media: query,
-      onchange: null,
-      addListener: import_vitest.vi.fn(),
-      // Deprecated
-      removeListener: import_vitest.vi.fn(),
-      // Deprecated
-      addEventListener: import_vitest.vi.fn(),
-      removeEventListener: import_vitest.vi.fn(),
-      dispatchEvent: import_vitest.vi.fn()
-    }))
-  });
-}
-function clearMatchMediaMock() {
-  window.matchMedia = pristineMatchMedia;
-}
-const AllProviders = ({
-  children,
-  locale = "en",
-  timeZone = "UTC"
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_intl.IntlProvider, { locale, timeZone, children });
-};
-function render(ui, {
-  locale = "en",
-  timeZone = "UTC",
-  ...renderOptions
-} = {}) {
-  return (0, import_react.render)(ui, {
-    wrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AllProviders, { locale, timeZone, children }),
-    ...renderOptions
-  });
-}

package/esm/charts/core/components/toolbar/utils/estimate-toolbar-width.js

@@ -1,16 +0,0 @@
-import { Children, isValidElement } from "react";
-const CONTROL_WIDTH = 37.5;
-const estimateToolbarWidth = (children) => {
-  let definedChildren = 0;
-  Children.forEach(children, (child) => {
-    if (isValidElement(child)) {
-      definedChildren++;
-    }
-  });
-  return definedChildren * CONTROL_WIDTH;
-};
-export {
-  CONTROL_WIDTH,
-  estimateToolbarWidth
-};
-//# sourceMappingURL=estimate-toolbar-width.js.map

package/esm/charts/core/components/toolbar/utils/estimate-toolbar-width.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/charts/core/components/toolbar/utils/estimate-toolbar-width.ts"],
-  "sourcesContent": ["import { type ReactNode, Children, isValidElement } from 'react';\n\nexport const CONTROL_WIDTH = 37.5;\n\n/**\n * Estimates toolbar size depending on defined children count\n *\n * @param children -\n */\nexport const estimateToolbarWidth = (children: ReactNode) => {\n  let definedChildren = 0;\n  Children.forEach(children, (child) => {\n    if (isValidElement(child)) {\n      definedChildren++;\n    }\n  });\n  return definedChildren * CONTROL_WIDTH;\n};\n"],
-  "mappings": "AAAA,SAAyB,UAAU,sBAAsB;AAElD,MAAM,gBAAgB;AAOtB,MAAM,uBAAuB,CAAC,aAAwB;AAC3D,MAAI,kBAAkB;AACtB,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,eAAe,KAAK,GAAG;AACzB;AAAA,IACF;AAAA,EACF,CAAC;AACD,SAAO,kBAAkB;AAC3B;",
-  "names": []
-}

package/esm/charts/honeycomb/components/canvas/utils/define-text-to-render.js

@@ -1,19 +0,0 @@
-import {
-  charsFontWidth12pixelsSize500Map,
-  charsFontWidth16pixelsSize500Map
-} from "../../../../core/components/text-ellipsis/chars-font-width-map.js";
-import { truncateString } from "../../../../core/components/text-ellipsis/truncate-string.js";
-const defineTextToRender = (name, truncationMode, textArea, contentType = "label") => {
-  const fontWidthMap = contentType === "label" ? charsFontWidth12pixelsSize500Map : charsFontWidth16pixelsSize500Map;
-  return truncateString(
-    name,
-    textArea.width,
-    fontWidthMap,
-    truncationMode,
-    "start"
-  );
-};
-export {
-  defineTextToRender
-};
-//# sourceMappingURL=define-text-to-render.js.map

package/esm/charts/honeycomb/components/canvas/utils/define-text-to-render.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/charts/honeycomb/components/canvas/utils/define-text-to-render.ts"],
-  "sourcesContent": ["import type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js';\nimport {\n  charsFontWidth12pixelsSize500Map,\n  charsFontWidth16pixelsSize500Map,\n} from '../../../../core/components/text-ellipsis/chars-font-width-map.js';\nimport { truncateString } from '../../../../core/components/text-ellipsis/truncate-string.js';\nimport { CanvasTextAreaProps } from '../../../types/canvas-text-area.js';\n\nexport const defineTextToRender = (\n  name: string,\n  truncationMode: TruncationMode,\n  textArea: CanvasTextAreaProps,\n  contentType: 'value' | 'label' = 'label',\n) => {\n  const fontWidthMap =\n    contentType === 'label'\n      ? charsFontWidth12pixelsSize500Map\n      : charsFontWidth16pixelsSize500Map;\n\n  return truncateString(\n    name,\n    textArea.width,\n    fontWidthMap,\n    truncationMode,\n    'start',\n  );\n};\n"],
-  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAGxB,MAAM,qBAAqB,CAChC,MACA,gBACA,UACA,cAAiC,YAC9B;AACH,QAAM,eACJ,gBAAgB,UACZ,mCACA;AAEN,SAAO;AAAA,IACL;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": []
-}

package/esm/charts/tree-map/hooks/useSetOverlayState.js

@@ -1,21 +0,0 @@
-import { useSetState } from "../store/selectors.js";
-const useSetOverlayState = () => {
-  const setState = useSetState();
-  const setToolbarVisible = (toolbarVisible) => {
-    setState((prev) => {
-      return {
-        ...prev,
-        overlay: {
-          toolbarVisible
-        }
-      };
-    });
-  };
-  return {
-    setToolbarVisible
-  };
-};
-export {
-  useSetOverlayState
-};
-//# sourceMappingURL=useSetOverlayState.js.map

package/esm/charts/tree-map/hooks/useSetOverlayState.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/charts/tree-map/hooks/useSetOverlayState.ts"],
-  "sourcesContent": ["import { useSetState } from '../store/selectors.js';\n\nexport const useSetOverlayState = () => {\n  const setState = useSetState();\n\n  const setToolbarVisible = (toolbarVisible: boolean) => {\n    setState((prev) => {\n      return {\n        ...prev,\n        overlay: {\n          toolbarVisible,\n        },\n      };\n    });\n  };\n\n  return {\n    setToolbarVisible,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAErB,MAAM,qBAAqB,MAAM;AACtC,QAAM,WAAW,YAAY;AAE7B,QAAM,oBAAoB,CAAC,mBAA4B;AACrD,aAAS,CAAC,SAAS;AACjB,aAAO;AAAA,QACL,GAAG;AAAA,QACH,SAAS;AAAA,UACP;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AAAA,IACL;AAAA,EACF;AACF;",
-  "names": []
-}

package/esm/charts/tree-map/utils/text-measure.js

@@ -1,41 +0,0 @@
-import {
-  charsFontWidth12pixelsSize400Map,
-  charsFontWidth14pixelsSize400Map,
-  charsFontWidth16pixelsSize500Map,
-  charsFontWidth18pixelsSize400Map
-} from "../../core/components/text-ellipsis/chars-font-width-map.js";
-import { calculateWidth } from "../../core/components/text-ellipsis/truncate-string.js";
-import { getFontDetails } from "../../core/utils/get-font-details.js";
-import {
-  AUTO_TEXT_SIZE_PRESETS,
-  INCREASED_FONT_WEIGHT
-} from "../constants.js";
-const getTextMeasurer = (ctx, textSize) => {
-  if (textSize === "auto" || isPresetFontSize(textSize)) {
-    return fontWidthMapMeasurer;
-  }
-  return getCanvasContextMeasurer(ctx);
-};
-const isPresetFontSize = (fontSize) => AUTO_TEXT_SIZE_PRESETS.includes(fontSize);
-const fontWidthMapMeasurer = (text, fontSize) => {
-  switch (fontSize) {
-    case 18:
-      return calculateWidth(text, charsFontWidth18pixelsSize400Map);
-    case 16:
-      return calculateWidth(text, charsFontWidth16pixelsSize500Map);
-    case 14:
-      return calculateWidth(text, charsFontWidth14pixelsSize400Map);
-    default:
-      return calculateWidth(text, charsFontWidth12pixelsSize400Map);
-  }
-};
-const getCanvasContextMeasurer = (ctx) => (text, fontSize) => {
-  const lineHeight = fontSize * 1.25;
-  ctx.font = getFontDetails(INCREASED_FONT_WEIGHT, fontSize, lineHeight);
-  const textWidth = ctx.measureText(text).width;
-  return textWidth;
-};
-export {
-  getTextMeasurer
-};
-//# sourceMappingURL=text-measure.js.map

package/esm/charts/tree-map/utils/text-measure.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/charts/tree-map/utils/text-measure.ts"],
-  "sourcesContent": ["import {\n  charsFontWidth12pixelsSize400Map,\n  charsFontWidth14pixelsSize400Map,\n  charsFontWidth16pixelsSize500Map,\n  charsFontWidth18pixelsSize400Map,\n} from '../../core/components/text-ellipsis/chars-font-width-map.js';\nimport { calculateWidth } from '../../core/components/text-ellipsis/truncate-string.js';\nimport { getFontDetails } from '../../core/utils/get-font-details.js';\nimport {\n  AUTO_TEXT_SIZE_PRESETS,\n  INCREASED_FONT_WEIGHT,\n} from '../constants.js';\n\n/** A function that measures the pixel width of a string at a given font size. */\nexport type TextMeasurer = (text: string, fontSize: number) => number;\n\n/**\n * Returns the appropriate {@link TextMeasurer} for the given text size.\n *\n * When `textSize` is `'auto'` or one of the preset font sizes defined in\n * `AUTO_TEXT_SIZE_PRESETS`, a fast lookup-table measurer is returned.\n * Otherwise a measurer backed by `CanvasRenderingContext2D.measureText` is\n * returned for accurate results with arbitrary font sizes.\n *\n * @param ctx - The 2-D canvas rendering context used as a fallback measurer.\n * @param textSize - The configured font size, or `'auto'` for automatic sizing.\n * @returns A {@link TextMeasurer} suited to the given size.\n */\nexport const getTextMeasurer = (\n  ctx: CanvasRenderingContext2D,\n  textSize: number | 'auto',\n): TextMeasurer => {\n  if (textSize === 'auto' || isPresetFontSize(textSize)) {\n    return fontWidthMapMeasurer;\n  }\n\n  return getCanvasContextMeasurer(ctx);\n};\n\n/** Returns `true` when `fontSize` is one of the predefined preset sizes. */\nconst isPresetFontSize = (fontSize: number) =>\n  AUTO_TEXT_SIZE_PRESETS.includes(fontSize);\n\n/**\n * Measures text width using pre-computed character-width lookup tables.\n * Supports 12 px, 14 px, 16 px, and 18 px font sizes; falls back to the\n * 12 px map for any other size.\n */\nconst fontWidthMapMeasurer: TextMeasurer = (text: string, fontSize: number) => {\n  switch (fontSize) {\n    case 18:\n      return calculateWidth(text, charsFontWidth18pixelsSize400Map);\n    case 16:\n      return calculateWidth(text, charsFontWidth16pixelsSize500Map);\n    case 14:\n      return calculateWidth(text, charsFontWidth14pixelsSize400Map);\n    default:\n      return calculateWidth(text, charsFontWidth12pixelsSize400Map);\n  }\n};\n\n/**\n * Creates a {@link TextMeasurer} that delegates to\n * `CanvasRenderingContext2D.measureText` for accurate width calculation at\n * arbitrary font sizes.\n *\n * @param ctx - The canvas rendering context whose `measureText` will be used.\n * @returns A {@link TextMeasurer} backed by the canvas context.\n */\nconst getCanvasContextMeasurer =\n  (ctx: CanvasRenderingContext2D): TextMeasurer =>\n  (text: string, fontSize: number) => {\n    const lineHeight = fontSize * 1.25;\n    ctx.font = getFontDetails(INCREASED_FONT_WEIGHT, fontSize, lineHeight);\n    const textWidth = ctx.measureText(text).width;\n\n    return textWidth;\n  };\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAiBA,MAAM,kBAAkB,CAC7B,KACA,aACiB;AACjB,MAAI,aAAa,UAAU,iBAAiB,QAAQ,GAAG;AACrD,WAAO;AAAA,EACT;AAEA,SAAO,yBAAyB,GAAG;AACrC;AAGA,MAAM,mBAAmB,CAAC,aACxB,uBAAuB,SAAS,QAAQ;AAO1C,MAAM,uBAAqC,CAAC,MAAc,aAAqB;AAC7E,UAAQ,UAAU;AAAA,IAChB,KAAK;AACH,aAAO,eAAe,MAAM,gCAAgC;AAAA,IAC9D,KAAK;AACH,aAAO,eAAe,MAAM,gCAAgC;AAAA,IAC9D,KAAK;AACH,aAAO,eAAe,MAAM,gCAAgC;AAAA,IAC9D;AACE,aAAO,eAAe,MAAM,gCAAgC;AAAA,EAChE;AACF;AAUA,MAAM,2BACJ,CAAC,QACD,CAAC,MAAc,aAAqB;AAClC,QAAM,aAAa,WAAW;AAC9B,MAAI,OAAO,eAAe,uBAAuB,UAAU,UAAU;AACrE,QAAM,YAAY,IAAI,YAAY,IAAI,EAAE;AAExC,SAAO;AACT;",
-  "names": []
-}