@dynatrace/strato-components 3.5.0 → 3.6.0

package/esm/charts/xy-chart/utils/generate-nice-unit-ticks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/generate-nice-unit-ticks.ts"],
-  "sourcesContent": ["import {\n  convert,\n  type ConvertibleUnit,\n  type FormatOptions,\n  type Unit,\n} from '@dynatrace-sdk/units';\n\nimport {\n  type AnyNumericFormatter,\n  type CategoricalFormatter,\n  type FormatterWithPrecision,\n  isFormatterOptions,\n} from '../../core/types/formatter.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { isLinear } from '../types/guards.js';\n\ninterface AxisFormatterConfig {\n  isRelative: boolean;\n  type: string;\n  formatter?: AnyNumericFormatter | CategoricalFormatter;\n}\n\n/**\n * Returns true when the axis should use nice unit-converted ticks.\n * Works with any axis shape that exposes isRelative, type and formatter.\n */\nexport function shouldUseNiceUnitTicks(\n  config: AxisFormatterConfig | undefined,\n): config is AxisFormatterConfig & {\n  formatter: FormatOptions<Unit, ConvertibleUnit>;\n} {\n  if (!config || config.isRelative || !isLinear(config.type)) {\n    return false;\n  }\n  const formatter = config.formatter as AnyNumericFormatter | undefined;\n  return (\n    isFormatterOptions(formatter) &&\n    formatter.input !== undefined &&\n    formatter.output !== undefined\n  );\n}\n\n/**\n * Finds the best divisor (between 4 and 8) for dividing the total domain\n * into tick steps that produce the least remainder.\n */\nexport function getBestModulusDivisor(totalDomain: number): number {\n  let bestDivisor = 4;\n  let minMod = totalDomain % 4;\n\n  for (let divisor = 4; divisor <= 8; divisor++) {\n    const mod = totalDomain % divisor;\n    if (mod === 0) {\n      return divisor;\n    }\n    if (mod < minMod || (mod === minMod && divisor < bestDivisor)) {\n      minMod = mod;\n      bestDivisor = divisor;\n    }\n  }\n\n  return bestDivisor;\n}\n\n/**\n * Converts domain endpoints to the target unit and returns them with the unit references.\n */\nfunction convertDomainToTargetUnit(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n) {\n  const inputUnit = formatterOptions.input as ConvertibleUnit;\n  const outputUnit = formatterOptions.output as ConvertibleUnit;\n  return {\n    targetMin: convert(domain[0], inputUnit, outputUnit, true),\n    targetMax: convert(domain[1], inputUnit, outputUnit, true),\n    inputUnit,\n    outputUnit,\n  };\n}\n\n/**\n * Computes a nice step size for the given total domain and tick divisor.\n */\nfunction computeNiceStep(totalDomain: number, tickDivisor: number): number {\n  if (totalDomain < 1) {\n    return 0;\n  }\n\n  const amount = totalDomain / Math.max(tickDivisor, 1);\n  return amount < 10 ? Math.ceil(amount) : Math.floor(amount / 10) * 10;\n}\n\n/**\n * Generates tick values from 0 outward in both directions based on step size.\n */\nexport function generateTicks(\n  domain: [number, number],\n  step: number,\n): number[] {\n  if (step <= 0) {\n    return [0];\n  }\n  const [min, max] = domain;\n  const allTicks: number[] = [0];\n\n  if (Math.sign(min) === Math.sign(max)) {\n    const sign = Math.sign(max) || 1;\n    const absMax = Math.max(Math.abs(min), Math.abs(max));\n    const count = Math.floor(absMax / step);\n    for (let i = 1; i <= count; i++) {\n      allTicks.push(step * i * sign);\n    }\n  } else {\n    const posCount = Math.floor(Math.abs(max) / step);\n    const negCount = Math.floor(Math.abs(min) / step);\n    for (let i = 1; i <= negCount; i++) {\n      allTicks.push(-step * i);\n    }\n    for (let i = 1; i <= posCount; i++) {\n      allTicks.push(step * i);\n    }\n  }\n\n  return allTicks.sort((a, b) => a - b);\n}\n\n/**\n * Nices a scale domain in the target (output) unit space.\n *\n * Converts the domain to the output unit, computes a nice step,\n * rounds boundaries to step multiples, and converts back.\n *\n * Returns null when the step is 0 (sub-unit domain), signaling\n * the caller should fall back to d3 nicing.\n */\nexport function niceUnitDomain(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  niceMin: boolean,\n  niceMax: boolean,\n): { min: number; max: number } | null {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  const step = computeNiceStep(totalDomain, getBestModulusDivisor(totalDomain));\n\n  if (step === 0) {\n    return null;\n  }\n\n  const nicedMin = niceMin ? Math.floor(targetMin / step) * step : targetMin;\n  const nicedMax = niceMax ? Math.ceil(targetMax / step) * step : targetMax;\n\n  return {\n    min: convert(nicedMin, outputUnit, inputUnit, true),\n    max: convert(nicedMax, outputUnit, inputUnit, true),\n  };\n}\n\nexport interface NiceUnitTicksResult {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks: number[];\n}\n\n/** Returned when the domain is too small for nice unit rounding; caller should fall back to default ticks. */\nexport type NiceUnitTicksResultOrNull = NiceUnitTicksResult | null;\n\n/**\n * Computes \"nice\" round ticks for a unit-converted numerical axis.\n *\n * Uses convert() for precise domain conversion to the target unit,\n * then generates ticks from 0 outward (staying within domain boundaries),\n * and converts back to base unit for scale positioning.\n *\n * Requires explicit input and output units in formatterOptions.\n */\nexport function computeNiceUnitTicks(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n  formatter: FormatterWithPrecision,\n): NiceUnitTicksResultOrNull {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  if (targetMin === targetMax) {\n    return {\n      ticks: ['0'],\n      formattedTicks: [formatter(0)],\n      numericTicks: [0],\n    };\n  }\n\n  // Total domain as sum of absolute values (handles mixed +/- domains)\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  let tickDivisor = getBestModulusDivisor(totalDomain);\n\n  // Prevent tick overcrowding in small charts\n  const TICK_SPACING = 20;\n\n  if (tickDivisor * TICK_SPACING >= availableSize) {\n    tickDivisor =\n      orientation === 'vertical'\n        ? getVerticalNumTicks(availableSize)\n        : getHorizontalNumTicks(availableSize);\n  }\n\n  const step = computeNiceStep(totalDomain, tickDivisor);\n\n  // Domain is sub-unit (e.g. 40 bytes \u2192 0.00004 MB) \u2014 nice rounding is\n  // meaningless; let the caller fall back to default tick generation.\n  if (step === 0) {\n    return null;\n  }\n\n  // Generate ticks from 0 outward, staying within domain boundaries\n  const targetTicks = generateTicks([targetMin, targetMax], step);\n\n  // Convert ticks back to base unit for scale positioning\n  const baseUnitTicks = targetTicks.map((tick) =>\n    convert(tick, outputUnit, inputUnit, true),\n  );\n\n  // Format ticks using the provided formatter\n  const formattedStrings = baseUnitTicks.map((tick) => formatter(tick));\n\n  return {\n    ticks: baseUnitTicks.map(String),\n    formattedTicks: formattedStrings,\n    numericTicks: baseUnitTicks,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  convert,\n  type ConvertibleUnit,\n  type FormatOptions,\n  type Unit,\n} from '@dynatrace-sdk/units';\n\nimport {\n  type AnyNumericFormatter,\n  type CategoricalFormatter,\n  type FormatterWithPrecision,\n  isFormatterOptions,\n} from '../../core/types/formatter.js';\nimport { adaptivelyReduceHorizontalTicks } from '../../core/utils/adaptively-reduce-horizontal-ticks.js';\nimport type { ContinuousScale } from '../../core/utils/has-horizontal-label-collision.js';\nimport {\n  getHorizontalNumTicks,\n  getVerticalNumTicks,\n} from '../../core/utils/ticks.js';\nimport { isLinear } from '../types/guards.js';\n\ninterface AxisFormatterConfig {\n  isRelative: boolean;\n  type: string;\n  formatter?: AnyNumericFormatter | CategoricalFormatter;\n}\n\n/**\n * Returns true when the axis should use nice unit-converted ticks.\n * Works with any axis shape that exposes isRelative, type and formatter.\n */\nexport function shouldUseNiceUnitTicks(\n  config: AxisFormatterConfig | undefined,\n): config is AxisFormatterConfig & {\n  formatter: FormatOptions<Unit, ConvertibleUnit>;\n} {\n  if (!config || config.isRelative || !isLinear(config.type)) {\n    return false;\n  }\n  const formatter = config.formatter as AnyNumericFormatter | undefined;\n  return (\n    isFormatterOptions(formatter) &&\n    formatter.input !== undefined &&\n    formatter.output !== undefined\n  );\n}\n\n/**\n * Finds the best divisor (between 4 and 8) for dividing the total domain\n * into tick steps that produce the least remainder.\n */\nexport function getBestModulusDivisor(totalDomain: number): number {\n  let bestDivisor = 4;\n  let minMod = totalDomain % 4;\n\n  for (let divisor = 4; divisor <= 8; divisor++) {\n    const mod = totalDomain % divisor;\n    if (mod === 0) {\n      return divisor;\n    }\n    if (mod < minMod || (mod === minMod && divisor < bestDivisor)) {\n      minMod = mod;\n      bestDivisor = divisor;\n    }\n  }\n\n  return bestDivisor;\n}\n\n/**\n * Converts domain endpoints to the target unit and returns them with the unit references.\n */\nfunction convertDomainToTargetUnit(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n) {\n  const inputUnit = formatterOptions.input as ConvertibleUnit;\n  const outputUnit = formatterOptions.output as ConvertibleUnit;\n  return {\n    targetMin: convert(domain[0], inputUnit, outputUnit, true),\n    targetMax: convert(domain[1], inputUnit, outputUnit, true),\n    inputUnit,\n    outputUnit,\n  };\n}\n\n/**\n * Computes a nice step size for the given total domain and tick divisor.\n */\nfunction computeNiceStep(totalDomain: number, tickDivisor: number): number {\n  if (totalDomain < 1) {\n    return 0;\n  }\n\n  const amount = totalDomain / Math.max(tickDivisor, 1);\n  return amount < 10 ? Math.ceil(amount) : Math.floor(amount / 10) * 10;\n}\n\n/**\n * Generates tick values from 0 outward in both directions based on step size.\n */\nexport function generateTicks(\n  domain: [number, number],\n  step: number,\n): number[] {\n  if (step <= 0) {\n    return [0];\n  }\n  const [min, max] = domain;\n  const allTicks: number[] = [0];\n\n  if (Math.sign(min) === Math.sign(max)) {\n    const sign = Math.sign(max) || 1;\n    const absMax = Math.max(Math.abs(min), Math.abs(max));\n    const count = Math.floor(absMax / step);\n    for (let i = 1; i <= count; i++) {\n      allTicks.push(step * i * sign);\n    }\n  } else {\n    const posCount = Math.floor(Math.abs(max) / step);\n    const negCount = Math.floor(Math.abs(min) / step);\n    for (let i = 1; i <= negCount; i++) {\n      allTicks.push(-step * i);\n    }\n    for (let i = 1; i <= posCount; i++) {\n      allTicks.push(step * i);\n    }\n  }\n\n  return allTicks.sort((a, b) => a - b);\n}\n\n/**\n * Nices a scale domain in the target (output) unit space.\n *\n * Converts the domain to the output unit, computes a nice step,\n * rounds boundaries to step multiples, and converts back.\n *\n * Returns null when the step is 0 (sub-unit domain), signaling\n * the caller should fall back to d3 nicing.\n */\nexport function niceUnitDomain(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  niceMin: boolean,\n  niceMax: boolean,\n): { min: number; max: number } | null {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  const step = computeNiceStep(totalDomain, getBestModulusDivisor(totalDomain));\n\n  if (step === 0) {\n    return null;\n  }\n\n  const nicedMin = niceMin ? Math.floor(targetMin / step) * step : targetMin;\n  const nicedMax = niceMax ? Math.ceil(targetMax / step) * step : targetMax;\n\n  return {\n    min: convert(nicedMin, outputUnit, inputUnit, true),\n    max: convert(nicedMax, outputUnit, inputUnit, true),\n  };\n}\n\nexport interface NiceUnitTicksResult {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks: number[];\n}\n\n/** Returned when the domain is too small for nice unit rounding; caller should fall back to default ticks. */\nexport type NiceUnitTicksResultOrNull = NiceUnitTicksResult | null;\n\n/**\n * Computes \"nice\" round ticks for a unit-converted numerical axis.\n *\n * Uses convert() for precise domain conversion to the target unit,\n * then generates ticks from 0 outward (staying within domain boundaries),\n * and converts back to base unit for scale positioning.\n *\n * Requires explicit input and output units in formatterOptions.\n */\nexport function computeNiceUnitTicks(\n  domain: [number, number],\n  formatterOptions: FormatOptions<Unit, ConvertibleUnit>,\n  availableSize: number,\n  orientation: 'horizontal' | 'vertical',\n  formatter: FormatterWithPrecision,\n  scale?: ContinuousScale,\n): NiceUnitTicksResultOrNull {\n  const { targetMin, targetMax, inputUnit, outputUnit } =\n    convertDomainToTargetUnit(domain, formatterOptions);\n\n  if (targetMin === targetMax) {\n    return {\n      ticks: ['0'],\n      formattedTicks: [formatter(0)],\n      numericTicks: [0],\n    };\n  }\n\n  // Total domain as sum of absolute values (handles mixed +/- domains)\n  const totalDomain = Math.abs(targetMin) + Math.abs(targetMax);\n  let tickDivisor = getBestModulusDivisor(totalDomain);\n\n  // Prevent tick overcrowding in very small charts (same guard as before).\n  const TICK_SPACING = 20;\n\n  if (tickDivisor * TICK_SPACING >= availableSize) {\n    tickDivisor =\n      orientation === 'vertical'\n        ? getVerticalNumTicks(availableSize)\n        : getHorizontalNumTicks(availableSize);\n  }\n\n  const step = computeNiceStep(totalDomain, tickDivisor);\n\n  // Domain is sub-unit (e.g. 40 bytes \u2192 0.00004 MB) \u2014 nice rounding is\n  // meaningless; let the caller fall back to default tick generation.\n  if (step === 0) {\n    return null;\n  }\n\n  const buildResult = (currentStep: number): NiceUnitTicksResult => {\n    const targetTicks = generateTicks([targetMin, targetMax], currentStep);\n\n    // When the step doesn't evenly divide the domain boundaries, generateTicks\n    // stops short (e.g. step=4 on a 14-unit domain yields [..., 12] not 14).\n    // The missing boundary tick would get `middle` alignment and overflow the\n    // chart edge, so we always pin the domain endpoints into the array.\n    if (targetTicks[targetTicks.length - 1] !== targetMax) {\n      targetTicks.push(targetMax);\n    }\n    if (targetTicks[0] !== targetMin) {\n      targetTicks.unshift(targetMin);\n    }\n\n    const baseUnitTicks = targetTicks.map((tick) =>\n      convert(tick, outputUnit, inputUnit, true),\n    );\n    return {\n      ticks: baseUnitTicks.map(String),\n      formattedTicks: baseUnitTicks.map((tick) => formatter(tick)),\n      numericTicks: baseUnitTicks,\n    };\n  };\n\n  // For vertical axes (or when no scale is available) return the initial\n  // result directly. For horizontal axes adaptively reduce tick count when\n  // labels would collide.\n  if (orientation !== 'horizontal' || scale === undefined) {\n    return buildResult(step);\n  }\n\n  const reduced = adaptivelyReduceHorizontalTicks(\n    createDoublingStepCandidateBuilder(step, buildResult),\n    scale,\n  );\n\n  return {\n    ticks: reduced.ticks,\n    formattedTicks: reduced.formattedTicks,\n    numericTicks: reduced.numericTicks,\n  };\n}\n\nexport type NiceUnitTickCandidate = NiceUnitTicksResult & {\n  rawTicks: number[];\n};\n\n/**\n * Returns a stateful candidate builder for `adaptivelyReduceHorizontalTicks`.\n *\n * Attempt 0 builds at `initialStep`; each subsequent attempt doubles the\n * step. Exposed for unit testing \u2014 production callers should pass the result\n * directly to `adaptivelyReduceHorizontalTicks`.\n */\nexport function createDoublingStepCandidateBuilder(\n  initialStep: number,\n  buildResult: (step: number) => NiceUnitTicksResult,\n): (attempt: number) => NiceUnitTickCandidate {\n  let currentStep = initialStep;\n  return (attempt) => {\n    if (attempt > 0) {\n      currentStep *= 2;\n    }\n    const r = buildResult(currentStep);\n    return { ...r, rawTicks: r.numericTicks };\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart/utils/get-ticks-formatted-by-config.js

@@ -1,30 +1,112 @@
+import { adaptivelyReduceHorizontalTicks } from "../../core/utils/adaptively-reduce-horizontal-ticks.js";
 import {
   getCategoricalTicks,
   getDateNumericalFormattedTicks,
   getFormattedTicks
 } from "../../core/utils/formatter-by-ticks.js";
 import { isCategorical, isLinear, isLogarithmic } from "../types/guards.js";
-function getTicksFormattedByConfig(config, numTicks, scale, formatter) {
+const MIN_TICK_COUNT = 2;
+function getTicksFormattedByConfig(config, numTicks, scale, formatter, availableWidth) {
   const axisType = config?.type || "";
   if (isCategorical(axisType)) {
     return getCategoricalTicks(scale, formatter);
   }
-  if (isLogarithmic(axisType)) {
-    return getFormattedTicks(
-      numTicks,
-      scale,
-      void 0,
-      formatter
-    );
-  }
-  return getDateNumericalFormattedTicks(
-    numTicks,
+  const getTicksForCount = isLogarithmic(axisType) ? (count) => getFormattedTicks(
+    count,
+    scale,
+    void 0,
+    formatter
+  ) : (count) => getDateNumericalFormattedTicks(
+    count,
     scale,
     isLinear(axisType) && !config?.isRelative ? config?.unit : void 0,
     formatter
   );
+  const result = getTicksForCount(numTicks);
+  if (availableWidth === void 0 || scale === void 0) {
+    return result;
+  }
+  let initialResult = result;
+  if (result.formattedTicks.length < MIN_TICK_COUNT) {
+    const boosted = getTicksForCount(MIN_TICK_COUNT);
+    if (boosted.formattedTicks.length >= MIN_TICK_COUNT) {
+      initialResult = boosted;
+    } else {
+      return result;
+    }
+  }
+  const continuousScale = scale;
+  const rawDomain = typeof scale.domain === "function" ? scale.domain() : null;
+  const domainBounds = rawDomain !== null && rawDomain.length >= 2 ? [+rawDomain[0], +rawDomain[rawDomain.length - 1]] : void 0;
+  const reduced = adaptivelyReduceHorizontalTicks(
+    isLogarithmic(axisType) ? createLogMajorTickThinningBuilder(initialResult, MIN_TICK_COUNT) : createHalvingHintCandidateBuilder(
+      initialResult,
+      getTicksForCount,
+      MIN_TICK_COUNT
+    ),
+    continuousScale,
+    { domainBounds }
+  );
+  return {
+    ...reduced,
+    numericTicks: reduced.rawTicks.map(Number)
+  };
+}
+function createLogMajorTickThinningBuilder(initialResult, minTickCount) {
+  const allTicks = initialResult.ticks;
+  const majorIndices = initialResult.formattedTicks.reduce(
+    (acc, label, i) => {
+      if (label !== "") {
+        acc.push(i);
+      }
+      return acc;
+    },
+    []
+  );
+  return (attempt) => {
+    if (attempt === 0) {
+      return {
+        ...initialResult,
+        rawTicks: allTicks
+      };
+    }
+    const step = Math.pow(2, attempt);
+    const selectedMajorIndices = majorIndices.filter(
+      (_, i) => i === 0 || i === majorIndices.length - 1 || i % step === 0
+    );
+    if (selectedMajorIndices.length < minTickCount) {
+      return null;
+    }
+    const selectedSet = new Set(selectedMajorIndices);
+    const newFormattedTicks = initialResult.formattedTicks.map((label, i) => {
+      if (label === "") {
+        return "";
+      }
+      return selectedSet.has(i) ? label : "";
+    });
+    return {
+      ...initialResult,
+      formattedTicks: newFormattedTicks,
+      rawTicks: allTicks
+    };
+  };
+}
+function createHalvingHintCandidateBuilder(initialResult, getTicksForCount, minTickCount) {
+  let hint = initialResult.formattedTicks.length;
+  return (attempt) => {
+    if (attempt === 0) {
+      return {
+        ...initialResult,
+        rawTicks: initialResult.ticks
+      };
+    }
+    hint = Math.max(Math.floor(hint / 2), minTickCount);
+    const next = getTicksForCount(hint);
+    return { ...next, rawTicks: next.ticks };
+  };
 }
 export {
+  createHalvingHintCandidateBuilder,
   getTicksFormattedByConfig
 };
 //# sourceMappingURL=get-ticks-formatted-by-config.js.map

package/esm/charts/xy-chart/utils/get-ticks-formatted-by-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart/utils/get-ticks-formatted-by-config.ts"],
-  "sourcesContent": ["import { ScaleSymLog } from 'd3-scale';\n\nimport type {\n  DateTimeFormatter,\n  FormatterWithPrecision,\n  StringFormatter,\n} from '../../core/types/formatter.js';\nimport {\n  getCategoricalTicks,\n  getDateNumericalFormattedTicks,\n  getFormattedTicks,\n} from '../../core/utils/formatter-by-ticks.js';\nimport { isCategorical, isLinear, isLogarithmic } from '../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\n\nexport function getTicksFormattedByConfig(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter:\n    | FormatterWithPrecision\n    | DateTimeFormatter\n    | StringFormatter\n    | undefined,\n) {\n  const axisType = config?.type || '';\n\n  if (isCategorical(axisType)) {\n    return getCategoricalTicks(scale, formatter as StringFormatter | undefined);\n  }\n\n  if (isLogarithmic(axisType)) {\n    return getFormattedTicks(\n      numTicks,\n      scale as ScaleSymLog<number, never>,\n      undefined,\n      formatter as FormatterWithPrecision | undefined,\n    );\n  }\n\n  return getDateNumericalFormattedTicks(\n    numTicks,\n    scale,\n    isLinear(axisType) && !config?.isRelative ? config?.unit : undefined,\n    formatter as FormatterWithPrecision | DateTimeFormatter | undefined,\n  );\n}\n"],
-  "mappings": "AAOA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe,UAAU,qBAAqB;AAMhD,SAAS,0BACd,QACA,UACA,OACA,WAKA;AACA,QAAM,WAAW,QAAQ,QAAQ;AAEjC,MAAI,cAAc,QAAQ,GAAG;AAC3B,WAAO,oBAAoB,OAAO,SAAwC;AAAA,EAC5E;AAEA,MAAI,cAAc,QAAQ,GAAG;AAC3B,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,SAAS,QAAQ,KAAK,CAAC,QAAQ,aAAa,QAAQ,OAAO;AAAA,IAC3D;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { type NumberValue, ScaleSymLog } from 'd3-scale';\n\nimport type {\n  DateTimeFormatter,\n  FormatterWithPrecision,\n  StringFormatter,\n} from '../../core/types/formatter.js';\nimport { adaptivelyReduceHorizontalTicks } from '../../core/utils/adaptively-reduce-horizontal-ticks.js';\nimport {\n  getCategoricalTicks,\n  getDateNumericalFormattedTicks,\n  getFormattedTicks,\n  type TickAxis,\n} from '../../core/utils/formatter-by-ticks.js';\nimport type { ContinuousScale } from '../../core/utils/has-horizontal-label-collision.js';\nimport { isCategorical, isLinear, isLogarithmic } from '../types/guards.js';\nimport type {\n  AnyXYChartScale,\n  XYChartAxisInternal,\n} from '../types/xy-chart-internals.js';\n\nconst MIN_TICK_COUNT = 2;\n\nexport function getTicksFormattedByConfig(\n  config: XYChartAxisInternal | undefined,\n  numTicks: number,\n  scale: AnyXYChartScale | undefined,\n  formatter:\n    | FormatterWithPrecision\n    | DateTimeFormatter\n    | StringFormatter\n    | undefined,\n  availableWidth?: number,\n) {\n  const axisType = config?.type || '';\n\n  if (isCategorical(axisType)) {\n    return getCategoricalTicks(scale, formatter as StringFormatter | undefined);\n  }\n\n  const getTicksForCount = isLogarithmic(axisType)\n    ? (count: number) =>\n        getFormattedTicks(\n          count,\n          scale as ScaleSymLog<number, never>,\n          undefined,\n          formatter as FormatterWithPrecision | undefined,\n        )\n    : (count: number) =>\n        getDateNumericalFormattedTicks(\n          count,\n          scale,\n          isLinear(axisType) && !config?.isRelative ? config?.unit : undefined,\n          formatter as FormatterWithPrecision | DateTimeFormatter | undefined,\n        );\n\n  const result = getTicksForCount(numTicks);\n\n  if (availableWidth === undefined || scale === undefined) {\n    return result;\n  }\n\n  // When D3 returned fewer than the minimum (e.g. numTicks=1 on a narrow chart),\n  // try once more with an explicit hint of MIN_TICK_COUNT before falling back.\n  let initialResult = result;\n  if (result.formattedTicks.length < MIN_TICK_COUNT) {\n    const boosted = getTicksForCount(MIN_TICK_COUNT);\n    if (boosted.formattedTicks.length >= MIN_TICK_COUNT) {\n      initialResult = boosted;\n    } else {\n      return result;\n    }\n  }\n\n  const continuousScale = scale as ContinuousScale;\n  const rawDomain =\n    typeof (scale as { domain?: unknown }).domain === 'function'\n      ? (scale as { domain(): (number | Date)[] }).domain()\n      : null;\n  const domainBounds: [number, number] | undefined =\n    rawDomain !== null && rawDomain.length >= 2\n      ? [+rawDomain[0], +rawDomain[rawDomain.length - 1]]\n      : undefined;\n\n  const reduced = adaptivelyReduceHorizontalTicks(\n    isLogarithmic(axisType)\n      ? createLogMajorTickThinningBuilder(initialResult, MIN_TICK_COUNT)\n      : createHalvingHintCandidateBuilder(\n          initialResult,\n          getTicksForCount,\n          MIN_TICK_COUNT,\n        ),\n    continuousScale,\n    { domainBounds },\n  );\n\n  return {\n    ...reduced,\n    numericTicks: reduced.rawTicks.map(Number),\n  };\n}\n\nexport type FormattedTickCandidate = TickAxis & {\n  // `TickAxis.ticks` is typed as `string[]` for legacy reasons, but at runtime\n  // `getTicks` returns the raw scale values (numbers/Dates) which satisfy\n  // `NumberValue`. We cast at the boundary so the collision check can use them\n  // as scale-position inputs.\n  rawTicks: NumberValue[];\n};\n\n/**\n * Returns a candidate builder for `adaptivelyReduceHorizontalTicks` that is\n * tailored to logarithmic (symlog) x-axes.\n *\n * Unlike the halving-hint builder, D3's symlog tick generator returns the same\n * set of major ticks regardless of the hint once the hint is below the number\n * of decades in the domain. This builder therefore skips the hint entirely and\n * instead manually thins the major (non-empty-label) ticks on each attempt,\n * keeping the first and last decade visible and dropping every other one in\n * between. Minor ticks (empty-string labels) are preserved so that their tick\n * marks remain visible on the axis.\n */\nfunction createLogMajorTickThinningBuilder(\n  initialResult: TickAxis,\n  minTickCount: number,\n): (attempt: number) => FormattedTickCandidate | null {\n  const allTicks = initialResult.ticks;\n  const majorIndices = initialResult.formattedTicks.reduce<number[]>(\n    (acc, label, i) => {\n      if (label !== '') {\n        acc.push(i);\n      }\n      return acc;\n    },\n    [],\n  );\n\n  return (attempt) => {\n    if (attempt === 0) {\n      return {\n        ...initialResult,\n        rawTicks: allTicks as unknown as NumberValue[],\n      };\n    }\n\n    // Keep the first and last major tick; between them retain every 2^attempt-th.\n    const step = Math.pow(2, attempt);\n    const selectedMajorIndices = majorIndices.filter(\n      (_, i) => i === 0 || i === majorIndices.length - 1 || i % step === 0,\n    );\n\n    if (selectedMajorIndices.length < minTickCount) {\n      return null;\n    }\n\n    const selectedSet = new Set(selectedMajorIndices);\n    const newFormattedTicks = initialResult.formattedTicks.map((label, i) => {\n      if (label === '') {\n        return ''; // minor tick \u2014 keep invisible\n      }\n      return selectedSet.has(i) ? label : ''; // deselected major tick\n    });\n\n    return {\n      ...initialResult,\n      formattedTicks: newFormattedTicks,\n      rawTicks: allTicks as unknown as NumberValue[],\n    };\n  };\n}\n\n/**\n * Returns a stateful candidate builder for `adaptivelyReduceHorizontalTicks`.\n *\n * Attempt 0 returns `initialResult` directly. Each subsequent attempt halves\n * the d3 tick-count hint (floored to `minTickCount`); if d3's nice-snapping\n * returns the same count for a given hint, the next halving eventually forces\n * d3 to pick a coarser nice step. Exposed for unit testing \u2014 production\n * callers should pass the result directly to `adaptivelyReduceHorizontalTicks`.\n */\nexport function createHalvingHintCandidateBuilder(\n  initialResult: TickAxis,\n  getTicksForCount: (count: number) => TickAxis,\n  minTickCount: number,\n): (attempt: number) => FormattedTickCandidate {\n  let hint = initialResult.formattedTicks.length;\n  return (attempt) => {\n    if (attempt === 0) {\n      return {\n        ...initialResult,\n        rawTicks: initialResult.ticks as unknown as NumberValue[],\n      };\n    }\n    hint = Math.max(Math.floor(hint / 2), minTickCount);\n    const next = getTicksForCount(hint);\n    return { ...next, rawTicks: next.ticks as unknown as NumberValue[] };\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/TimeseriesToXY.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { iterateSeriesSlots } from "./iterate-slots.js";
+import { transformTimeseriesDataToXYChart } from "./transformer-data-to-xy.js";
+import {
+  DEFAULT_VARIANT
+} from "./types/timeseries.js";
+import {
+  defineAxisId,
+  renderAreaSeries,
+  renderBandSeries,
+  renderBarSeries,
+  renderLineSeries,
+  xAxisId
+} from "./utils/render-series.js";
+import { XYChart } from "../../xy-chart/XYChartRoot.js";
+const TimeseriesToXY = forwardRef((props, _ref) => {
+  const { data = [], variant = DEFAULT_VARIANT, children } = props;
+  const { line, bar, area, band, shapePriority } = iterateSeriesSlots(children);
+  const buckets = {
+    line: variant === "line" ? [...data, ...line] : line,
+    area: variant === "area" ? [...data, ...area] : area,
+    bar: variant === "bar" ? [...data, ...bar] : bar,
+    band
+  };
+  const order = [...shapePriority];
+  if (data.length > 0 && !order.includes(variant)) {
+    order.push(variant);
+  }
+  const result = transformTimeseriesDataToXYChart(buckets, order);
+  const seriesForShape = (shape) => {
+    switch (shape) {
+      case "line":
+        return result.line.map(renderLineSeries);
+      case "area":
+        return result.area.map(renderAreaSeries);
+      case "bar":
+        return result.bar.map(renderBarSeries);
+      case "band":
+        return result.band.map(renderBandSeries);
+    }
+  };
+  return /* @__PURE__ */ jsxs(XYChart, { data: [], children: [
+    order.flatMap(seriesForShape),
+    /* @__PURE__ */ jsx(
+      XYChart.XAxis,
+      {
+        id: xAxisId,
+        type: "time",
+        position: "bottom",
+        min: "data-min",
+        max: "data-max"
+      }
+    ),
+    [...result.units].map((unit, index) => /* @__PURE__ */ jsx(
+      XYChart.YAxis,
+      {
+        id: defineAxisId(unit),
+        type: "numerical",
+        unit,
+        position: index % 2 === 0 ? "left" : "right"
+      },
+      defineAxisId(unit)
+    ))
+  ] });
+});
+export {
+  TimeseriesToXY
+};
+//# sourceMappingURL=TimeseriesToXY.js.map

package/esm/charts/xy-chart-adoption/timeseries/TimeseriesToXY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/TimeseriesToXY.tsx"],
+  "sourcesContent": ["import { forwardRef } from 'react';\n\nimport { iterateSeriesSlots } from './iterate-slots.js';\nimport { transformTimeseriesDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  DEFAULT_VARIANT,\n  type ChartVariantInternal,\n  type TimeseriesChartProps,\n  type TimeseriesChartRef,\n} from './types/timeseries.js';\nimport {\n  defineAxisId,\n  renderAreaSeries,\n  renderBandSeries,\n  renderBarSeries,\n  renderLineSeries,\n  xAxisId,\n} from './utils/render-series.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, _ref) => {\n  const { data = [], variant = DEFAULT_VARIANT, children } = props;\n\n  const { line, bar, area, band, shapePriority } = iterateSeriesSlots(children);\n\n  const buckets = {\n    line: variant === 'line' ? [...data, ...line] : line,\n    area: variant === 'area' ? [...data, ...area] : area,\n    bar: variant === 'bar' ? [...data, ...bar] : bar,\n    band,\n  };\n\n  const order: ChartVariantInternal[] = [...shapePriority];\n  if (data.length > 0 && !order.includes(variant)) {\n    order.push(variant);\n  }\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n\n  const seriesForShape = (shape: ChartVariantInternal) => {\n    switch (shape) {\n      case 'line':\n        return result.line.map(renderLineSeries);\n      case 'area':\n        return result.area.map(renderAreaSeries);\n      case 'bar':\n        return result.bar.map(renderBarSeries);\n      case 'band':\n        return result.band.map(renderBandSeries);\n    }\n  };\n\n  return (\n    <XYChart data={[]}>\n      {order.flatMap(seriesForShape)}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        // TimeseriesChart always spans the full data range on the time axis \u2014 there is no API to override it.\n        min=\"data-min\"\n        max=\"data-max\"\n      />\n      {[...result.units].map((unit, index) => (\n        <XYChart.YAxis\n          key={defineAxisId(unit)}\n          id={defineAxisId(unit)}\n          type=\"numerical\"\n          unit={unit}\n          position={index % 2 === 0 ? 'left' : 'right'}\n        />\n      ))}\n    </XYChart>\n  );\n});\n"],
+  "mappings": "AAwDI,SAEE,KAFF;AAxDJ,SAAS,kBAAkB;AAE3B,SAAS,0BAA0B;AACnC,SAAS,wCAAwC;AACjD;AAAA,EACE;AAAA,OAIK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAEjB,MAAM,iBAAiB,WAG5B,CAAC,OAAO,SAAS;AACjB,QAAM,EAAE,OAAO,CAAC,GAAG,UAAU,iBAAiB,SAAS,IAAI;AAE3D,QAAM,EAAE,MAAM,KAAK,MAAM,MAAM,cAAc,IAAI,mBAAmB,QAAQ;AAE5E,QAAM,UAAU;AAAA,IACd,MAAM,YAAY,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,IAAI;AAAA,IAChD,MAAM,YAAY,SAAS,CAAC,GAAG,MAAM,GAAG,IAAI,IAAI;AAAA,IAChD,KAAK,YAAY,QAAQ,CAAC,GAAG,MAAM,GAAG,GAAG,IAAI;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,QAAgC,CAAC,GAAG,aAAa;AACvD,MAAI,KAAK,SAAS,KAAK,CAAC,MAAM,SAAS,OAAO,GAAG;AAC/C,UAAM,KAAK,OAAO;AAAA,EACpB;AAEA,QAAM,SAAS,iCAAiC,SAAS,KAAK;AAE9D,QAAM,iBAAiB,CAAC,UAAgC;AACtD,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,OAAO,KAAK,IAAI,gBAAgB;AAAA,MACzC,KAAK;AACH,eAAO,OAAO,KAAK,IAAI,gBAAgB;AAAA,MACzC,KAAK;AACH,eAAO,OAAO,IAAI,IAAI,eAAe;AAAA,MACvC,KAAK;AACH,eAAO,OAAO,KAAK,IAAI,gBAAgB;AAAA,IAC3C;AAAA,EACF;AAEA,SACE,qBAAC,WAAQ,MAAM,CAAC,GACb;AAAA,UAAM,QAAQ,cAAc;AAAA,IAC7B;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,IAAI;AAAA,QACJ,MAAK;AAAA,QACL,UAAS;AAAA,QAET,KAAI;AAAA,QACJ,KAAI;AAAA;AAAA,IACN;AAAA,IACC,CAAC,GAAG,OAAO,KAAK,EAAE,IAAI,CAAC,MAAM,UAC5B;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QAEC,IAAI,aAAa,IAAI;AAAA,QACrB,MAAK;AAAA,QACL;AAAA,QACA,UAAU,QAAQ,MAAM,IAAI,SAAS;AAAA;AAAA,MAJhC,aAAa,IAAI;AAAA,IAKxB,CACD;AAAA,KACH;AAEJ,CAAC;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/iterate-slots.js

@@ -0,0 +1,60 @@
+import { Children } from "react";
+import { isElement } from "react-is";
+const SLOT_DISPLAY_NAMES = {
+  line: "TimeseriesChart.Line",
+  area: "TimeseriesChart.Area",
+  bar: "TimeseriesChart.Bar",
+  band: "TimeseriesChart.Band"
+};
+function iterateSeriesSlots(children) {
+  const line = [];
+  const area = [];
+  const bar = [];
+  const band = [];
+  const shapePriority = [];
+  Children.forEach(children, (child) => {
+    if (!isElement(child)) {
+      return;
+    }
+    const displayName = child.type.displayName;
+    switch (displayName) {
+      case SLOT_DISPLAY_NAMES.line: {
+        const { data } = child.props;
+        line.push(data);
+        if (!shapePriority.includes("line")) {
+          shapePriority.push("line");
+        }
+        break;
+      }
+      case SLOT_DISPLAY_NAMES.area: {
+        const { data } = child.props;
+        area.push(data);
+        if (!shapePriority.includes("area")) {
+          shapePriority.push("area");
+        }
+        break;
+      }
+      case SLOT_DISPLAY_NAMES.bar: {
+        const { data } = child.props;
+        bar.push(data);
+        if (!shapePriority.includes("bar")) {
+          shapePriority.push("bar");
+        }
+        break;
+      }
+      case SLOT_DISPLAY_NAMES.band: {
+        const { data } = child.props;
+        band.push(data);
+        if (!shapePriority.includes("band")) {
+          shapePriority.push("band");
+        }
+        break;
+      }
+    }
+  });
+  return { line, area, bar, band, shapePriority };
+}
+export {
+  iterateSeriesSlots
+};
+//# sourceMappingURL=iterate-slots.js.map

package/esm/charts/xy-chart-adoption/timeseries/iterate-slots.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/iterate-slots.ts"],
+  "sourcesContent": ["import { Children, type ReactNode } from 'react';\nimport { isElement } from 'react-is';\n\nimport type {\n  ChartVariantInternal,\n  TimeseriesBand,\n  TimeseriesChartAreaProps,\n  TimeseriesChartBandProps,\n  TimeseriesChartBarProps,\n  TimeseriesChartLineProps,\n} from './types/timeseries.js';\nimport type { Timeseries } from '../../core/types/timeseries.js';\n\nexport type SeriesSlots = {\n  line: Timeseries[];\n  area: Timeseries[];\n  bar: Timeseries[];\n  band: TimeseriesBand[];\n  shapePriority: ChartVariantInternal[];\n};\n\nconst SLOT_DISPLAY_NAMES = {\n  line: 'TimeseriesChart.Line',\n  area: 'TimeseriesChart.Area',\n  bar: 'TimeseriesChart.Bar',\n  band: 'TimeseriesChart.Band',\n} as const;\n\ntype WithDisplayName = { displayName?: string };\n\nexport function iterateSeriesSlots(children: ReactNode): SeriesSlots {\n  const line: Timeseries[] = [];\n  const area: Timeseries[] = [];\n  const bar: Timeseries[] = [];\n  const band: TimeseriesBand[] = [];\n  const shapePriority: ChartVariantInternal[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!isElement(child)) {\n      return;\n    }\n\n    const displayName = (child.type as WithDisplayName).displayName;\n\n    switch (displayName) {\n      case SLOT_DISPLAY_NAMES.line: {\n        const { data } = child.props as TimeseriesChartLineProps;\n        line.push(data);\n        if (!shapePriority.includes('line')) {\n          shapePriority.push('line');\n        }\n        break;\n      }\n      case SLOT_DISPLAY_NAMES.area: {\n        const { data } = child.props as TimeseriesChartAreaProps;\n        area.push(data);\n        if (!shapePriority.includes('area')) {\n          shapePriority.push('area');\n        }\n        break;\n      }\n      case SLOT_DISPLAY_NAMES.bar: {\n        const { data } = child.props as TimeseriesChartBarProps;\n        bar.push(data);\n        if (!shapePriority.includes('bar')) {\n          shapePriority.push('bar');\n        }\n        break;\n      }\n      case SLOT_DISPLAY_NAMES.band: {\n        const { data } = child.props as TimeseriesChartBandProps;\n        band.push(data);\n        if (!shapePriority.includes('band')) {\n          shapePriority.push('band');\n        }\n        break;\n      }\n    }\n  });\n\n  return { line, area, bar, band, shapePriority };\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgC;AACzC,SAAS,iBAAiB;AAoB1B,MAAM,qBAAqB;AAAA,EACzB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AACR;AAIO,SAAS,mBAAmB,UAAkC;AACnE,QAAM,OAAqB,CAAC;AAC5B,QAAM,OAAqB,CAAC;AAC5B,QAAM,MAAoB,CAAC;AAC3B,QAAM,OAAyB,CAAC;AAChC,QAAM,gBAAwC,CAAC;AAE/C,WAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,QAAI,CAAC,UAAU,KAAK,GAAG;AACrB;AAAA,IACF;AAEA,UAAM,cAAe,MAAM,KAAyB;AAEpD,YAAQ,aAAa;AAAA,MACnB,KAAK,mBAAmB,MAAM;AAC5B,cAAM,EAAE,KAAK,IAAI,MAAM;AACvB,aAAK,KAAK,IAAI;AACd,YAAI,CAAC,cAAc,SAAS,MAAM,GAAG;AACnC,wBAAc,KAAK,MAAM;AAAA,QAC3B;AACA;AAAA,MACF;AAAA,MACA,KAAK,mBAAmB,MAAM;AAC5B,cAAM,EAAE,KAAK,IAAI,MAAM;AACvB,aAAK,KAAK,IAAI;AACd,YAAI,CAAC,cAAc,SAAS,MAAM,GAAG;AACnC,wBAAc,KAAK,MAAM;AAAA,QAC3B;AACA;AAAA,MACF;AAAA,MACA,KAAK,mBAAmB,KAAK;AAC3B,cAAM,EAAE,KAAK,IAAI,MAAM;AACvB,YAAI,KAAK,IAAI;AACb,YAAI,CAAC,cAAc,SAAS,KAAK,GAAG;AAClC,wBAAc,KAAK,KAAK;AAAA,QAC1B;AACA;AAAA,MACF;AAAA,MACA,KAAK,mBAAmB,MAAM;AAC5B,cAAM,EAAE,KAAK,IAAI,MAAM;AACvB,aAAK,KAAK,IAAI;AACd,YAAI,CAAC,cAAc,SAAS,MAAM,GAAG;AACnC,wBAAc,KAAK,MAAM;AAAA,QAC3B;AACA;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,EAAE,MAAM,MAAM,KAAK,MAAM,cAAc;AAChD;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/transformer-data-to-xy.js

@@ -1,24 +1,60 @@
 import { singleLineName } from "../../core/utils/single-line-name.js";
-function transformTimeseriesDataToXYChart(data) {
+const mapTimeseries = (series, seriesId) => {
+  const { datapoints, name, unit, ...extraSeriesProps } = series;
+  const seriesName = singleLineName(name);
+  const data = datapoints.map((datapoint) => ({
+    ...extraSeriesProps,
+    start: datapoint.start,
+    end: datapoint.end,
+    center: datapoint.center,
+    value: datapoint.value,
+    seriesName,
+    seriesId
+  }));
+  return { data, unit, seriesId };
+};
+const mapBand = (band, seriesId) => {
+  const { datapoints, name, unit, ...extraSeriesProps } = band;
+  const seriesName = singleLineName(name);
+  const data = datapoints.map((datapoint) => ({
+    ...extraSeriesProps,
+    start: datapoint.start,
+    end: datapoint.end,
+    y0: datapoint.y0,
+    y1: datapoint.y1,
+    seriesName,
+    seriesId
+  }));
+  return { data, unit, seriesId };
+};
+function transformTimeseriesDataToXYChart(input, shapeRenderOrder) {
   const units = /* @__PURE__ */ new Set();
-  const seriesProps = [];
-  data.forEach((series, index) => {
-    const { datapoints, name, unit, ...extraSeriesProps } = series;
-    const seriesName = singleLineName(name);
-    const seriesId = index.toString();
-    const xyData = datapoints.map((datapoint) => ({
-      ...extraSeriesProps,
-      start: datapoint.start,
-      end: datapoint.end,
-      center: datapoint.center,
-      value: datapoint.value,
-      seriesName,
-      seriesId
-    }));
-    seriesProps.push({ data: xyData, unit });
-    units.add(unit);
+  const result = {
+    line: [],
+    area: [],
+    bar: [],
+    band: [],
+    units
+  };
+  let globalIndex = 0;
+  shapeRenderOrder.forEach((shape) => {
+    if (shape === "band") {
+      input.band.forEach((band) => {
+        const mapped = mapBand(band, `${shape}-${globalIndex}`);
+        result.band.push(mapped);
+        units.add(mapped.unit);
+        globalIndex++;
+      });
+    } else {
+      input[shape].forEach((series) => {
+        const mapped = mapTimeseries(series, `${shape}-${globalIndex}`);
+        result[shape].push(mapped);
+        units.add(mapped.unit);
+        globalIndex++;
+      });
+    }
   });
-  return { seriesProps, units };
+  return result;
 }
 export {
   transformTimeseriesDataToXYChart

package/esm/charts/xy-chart-adoption/timeseries/transformer-data-to-xy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/transformer-data-to-xy.ts"],
-  "sourcesContent": ["import type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { Timeseries } from '../../core/types/timeseries.js';\nimport { singleLineName } from '../../core/utils/single-line-name.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\ninterface TransformTimeseriesDataResult {\n  seriesProps: SeriesProps[];\n  units: Set<ChartUnit>;\n}\n\ntype SeriesProps = {\n  data: XYChartData[];\n  unit: ChartUnit;\n};\n\nexport function transformTimeseriesDataToXYChart(\n  data: Timeseries[],\n): TransformTimeseriesDataResult {\n  const units: Set<ChartUnit> = new Set();\n  const seriesProps: SeriesProps[] = [];\n\n  data.forEach((series, index) => {\n    const { datapoints, name, unit, ...extraSeriesProps } = series;\n\n    const seriesName = singleLineName(name);\n    const seriesId = index.toString();\n\n    const xyData: XYChartData[] = datapoints.map((datapoint) => ({\n      ...extraSeriesProps,\n      start: datapoint.start,\n      end: datapoint.end,\n      center: datapoint.center,\n      value: datapoint.value,\n      seriesName,\n      seriesId,\n    }));\n\n    seriesProps.push({ data: xyData, unit });\n    units.add(unit);\n  });\n\n  return { seriesProps, units };\n}\n"],
-  "mappings": "AAEA,SAAS,sBAAsB;AAaxB,SAAS,iCACd,MAC+B;AAC/B,QAAM,QAAwB,oBAAI,IAAI;AACtC,QAAM,cAA6B,CAAC;AAEpC,OAAK,QAAQ,CAAC,QAAQ,UAAU;AAC9B,UAAM,EAAE,YAAY,MAAM,MAAM,GAAG,iBAAiB,IAAI;AAExD,UAAM,aAAa,eAAe,IAAI;AACtC,UAAM,WAAW,MAAM,SAAS;AAEhC,UAAM,SAAwB,WAAW,IAAI,CAAC,eAAe;AAAA,MAC3D,GAAG;AAAA,MACH,OAAO,UAAU;AAAA,MACjB,KAAK,UAAU;AAAA,MACf,QAAQ,UAAU;AAAA,MAClB,OAAO,UAAU;AAAA,MACjB;AAAA,MACA;AAAA,IACF,EAAE;AAEF,gBAAY,KAAK,EAAE,MAAM,QAAQ,KAAK,CAAC;AACvC,UAAM,IAAI,IAAI;AAAA,EAChB,CAAC;AAED,SAAO,EAAE,aAAa,MAAM;AAC9B;",
+  "sourcesContent": ["import type {\n  ChartVariantInternal,\n  TimeseriesBand,\n} from './types/timeseries.js';\nimport type { ChartUnit } from '../../core/types/chart-unit.js';\nimport type { Timeseries } from '../../core/types/timeseries.js';\nimport { singleLineName } from '../../core/utils/single-line-name.js';\nimport type { XYChartData } from '../../xy-chart/types/xy-chart.js';\n\nexport interface TimeseriesPerShapeInput {\n  line: Timeseries[];\n  area: Timeseries[];\n  bar: Timeseries[];\n  band: TimeseriesBand[];\n}\n\nexport type SeriesProps = {\n  data: XYChartData[];\n  unit: ChartUnit;\n  seriesId: string;\n};\n\nexport interface TransformTimeseriesDataResult {\n  line: SeriesProps[];\n  area: SeriesProps[];\n  bar: SeriesProps[];\n  band: SeriesProps[];\n  units: Set<ChartUnit>;\n}\n\nconst mapTimeseries = (series: Timeseries, seriesId: string): SeriesProps => {\n  const { datapoints, name, unit, ...extraSeriesProps } = series;\n  const seriesName = singleLineName(name);\n\n  const data: XYChartData[] = datapoints.map((datapoint) => ({\n    ...extraSeriesProps,\n    start: datapoint.start,\n    end: datapoint.end,\n    center: datapoint.center,\n    value: datapoint.value,\n    seriesName,\n    seriesId,\n  }));\n\n  return { data, unit, seriesId };\n};\n\nconst mapBand = (band: TimeseriesBand, seriesId: string): SeriesProps => {\n  const { datapoints, name, unit, ...extraSeriesProps } = band;\n  const seriesName = singleLineName(name);\n\n  const data: XYChartData[] = datapoints.map((datapoint) => ({\n    ...extraSeriesProps,\n    start: datapoint.start,\n    end: datapoint.end,\n    y0: datapoint.y0,\n    y1: datapoint.y1,\n    seriesName,\n    seriesId,\n  }));\n\n  return { data, unit, seriesId };\n};\n\nexport function transformTimeseriesDataToXYChart(\n  input: TimeseriesPerShapeInput,\n  shapeRenderOrder: ChartVariantInternal[],\n): TransformTimeseriesDataResult {\n  const units: Set<ChartUnit> = new Set();\n  const result: TransformTimeseriesDataResult = {\n    line: [],\n    area: [],\n    bar: [],\n    band: [],\n    units,\n  };\n\n  let globalIndex = 0;\n\n  shapeRenderOrder.forEach((shape) => {\n    if (shape === 'band') {\n      input.band.forEach((band) => {\n        const mapped = mapBand(band, `${shape}-${globalIndex}`);\n        result.band.push(mapped);\n        units.add(mapped.unit);\n        globalIndex++;\n      });\n    } else {\n      input[shape].forEach((series) => {\n        const mapped = mapTimeseries(series, `${shape}-${globalIndex}`);\n        result[shape].push(mapped);\n        units.add(mapped.unit);\n        globalIndex++;\n      });\n    }\n  });\n\n  return result;\n}\n"],
+  "mappings": "AAMA,SAAS,sBAAsB;AAwB/B,MAAM,gBAAgB,CAAC,QAAoB,aAAkC;AAC3E,QAAM,EAAE,YAAY,MAAM,MAAM,GAAG,iBAAiB,IAAI;AACxD,QAAM,aAAa,eAAe,IAAI;AAEtC,QAAM,OAAsB,WAAW,IAAI,CAAC,eAAe;AAAA,IACzD,GAAG;AAAA,IACH,OAAO,UAAU;AAAA,IACjB,KAAK,UAAU;AAAA,IACf,QAAQ,UAAU;AAAA,IAClB,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,EACF,EAAE;AAEF,SAAO,EAAE,MAAM,MAAM,SAAS;AAChC;AAEA,MAAM,UAAU,CAAC,MAAsB,aAAkC;AACvE,QAAM,EAAE,YAAY,MAAM,MAAM,GAAG,iBAAiB,IAAI;AACxD,QAAM,aAAa,eAAe,IAAI;AAEtC,QAAM,OAAsB,WAAW,IAAI,CAAC,eAAe;AAAA,IACzD,GAAG;AAAA,IACH,OAAO,UAAU;AAAA,IACjB,KAAK,UAAU;AAAA,IACf,IAAI,UAAU;AAAA,IACd,IAAI,UAAU;AAAA,IACd;AAAA,IACA;AAAA,EACF,EAAE;AAEF,SAAO,EAAE,MAAM,MAAM,SAAS;AAChC;AAEO,SAAS,iCACd,OACA,kBAC+B;AAC/B,QAAM,QAAwB,oBAAI,IAAI;AACtC,QAAM,SAAwC;AAAA,IAC5C,MAAM,CAAC;AAAA,IACP,MAAM,CAAC;AAAA,IACP,KAAK,CAAC;AAAA,IACN,MAAM,CAAC;AAAA,IACP;AAAA,EACF;AAEA,MAAI,cAAc;AAElB,mBAAiB,QAAQ,CAAC,UAAU;AAClC,QAAI,UAAU,QAAQ;AACpB,YAAM,KAAK,QAAQ,CAAC,SAAS;AAC3B,cAAM,SAAS,QAAQ,MAAM,GAAG,KAAK,IAAI,WAAW,EAAE;AACtD,eAAO,KAAK,KAAK,MAAM;AACvB,cAAM,IAAI,OAAO,IAAI;AACrB;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,YAAM,KAAK,EAAE,QAAQ,CAAC,WAAW;AAC/B,cAAM,SAAS,cAAc,QAAQ,GAAG,KAAK,IAAI,WAAW,EAAE;AAC9D,eAAO,KAAK,EAAE,KAAK,MAAM;AACzB,cAAM,IAAI,OAAO,IAAI;AACrB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO;AACT;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/types/timeseries.js

@@ -0,0 +1,7 @@
+const CHART_VARIANT_OPTIONS = ["line", "area", "bar"];
+const DEFAULT_VARIANT = "line";
+export {
+  CHART_VARIANT_OPTIONS,
+  DEFAULT_VARIANT
+};
+//# sourceMappingURL=timeseries.js.map

package/esm/charts/xy-chart-adoption/timeseries/types/timeseries.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/types/timeseries.ts"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport type { Timeseries } from '../../../core/types/timeseries.js';\nimport type { ProgrammaticZoomHandlers } from '../../../core/types/zoom.js';\n\nexport const CHART_VARIANT_OPTIONS = ['line', 'area', 'bar'] as const;\nexport type ChartVariant = (typeof CHART_VARIANT_OPTIONS)[number];\nexport type ChartVariantInternal = ChartVariant | 'band';\nexport const DEFAULT_VARIANT: ChartVariant = 'line';\n\nexport interface TimeseriesBandDataPoint {\n  y0: number;\n  y1: number;\n  start: Date;\n  end?: Date;\n}\n\nexport interface TimeseriesBand extends Record<string, unknown> {\n  datapoints: TimeseriesBandDataPoint[];\n  name: string | string[];\n  unit?: ChartUnit;\n}\n\nexport interface TimeseriesChartLineProps {\n  data: Timeseries;\n}\n\nexport interface TimeseriesChartAreaProps {\n  data: Timeseries;\n}\n\nexport interface TimeseriesChartBarProps {\n  data: Timeseries;\n}\n\nexport interface TimeseriesChartBandProps {\n  data: TimeseriesBand;\n}\n\nexport type TimeseriesChartProps = {\n  data?: Timeseries[];\n  variant?: ChartVariant;\n  children?: ReactNode;\n} & Record<string, unknown>;\n\nexport interface TimeseriesChartRef extends ProgrammaticZoomHandlers {\n  element: HTMLDivElement | null;\n  getConfig: () => string;\n  downloadData: () => void;\n}\n"],
+  "mappings": "AAMO,MAAM,wBAAwB,CAAC,QAAQ,QAAQ,KAAK;AAGpD,MAAM,kBAAgC;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/render-series.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { getUnitAsString } from "../../../core/utils/get-unit-as-string.js";
+import { XYChart } from "../../../xy-chart/XYChartRoot.js";
+const xAxisId = "x-axis";
+const defineAxisId = (unit) => `y-axis-${getUnitAsString(unit)}`;
+const baseSeriesProps = ({ data, unit, seriesId }) => ({
+  data,
+  xAxisId,
+  yAxisId: defineAxisId(unit),
+  x0Accessor: "start",
+  x1Accessor: "end",
+  seriesIdAccessor: "seriesId",
+  nameAccessor: "seriesName",
+  key: seriesId
+});
+const renderLineSeries = (series) => /* @__PURE__ */ jsx(XYChart.LineSeries, { ...baseSeriesProps(series), y0Accessor: "value" });
+const renderAreaSeries = (series) => /* @__PURE__ */ jsx(XYChart.AreaSeries, { ...baseSeriesProps(series), y1Accessor: "value" });
+const renderBarSeries = (series) => /* @__PURE__ */ jsx(
+  XYChart.BarSeries,
+  {
+    ...baseSeriesProps(series),
+    variant: "stack",
+    y1Accessor: "value"
+  }
+);
+const renderBandSeries = (series) => /* @__PURE__ */ jsx(
+  XYChart.AreaSeries,
+  {
+    ...baseSeriesProps(series),
+    y0Accessor: "y0",
+    y1Accessor: "y1"
+  }
+);
+export {
+  defineAxisId,
+  renderAreaSeries,
+  renderBandSeries,
+  renderBarSeries,
+  renderLineSeries,
+  xAxisId
+};
+//# sourceMappingURL=render-series.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/render-series.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/render-series.tsx"],
+  "sourcesContent": ["import type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport { getUnitAsString } from '../../../core/utils/get-unit-as-string.js';\nimport { XYChart } from '../../../xy-chart/XYChartRoot.js';\nimport type { SeriesProps } from '../transformer-data-to-xy.js';\n\nexport const xAxisId = 'x-axis';\n\nexport const defineAxisId = (unit: ChartUnit) =>\n  `y-axis-${getUnitAsString(unit)}`;\n\nconst baseSeriesProps = ({ data, unit, seriesId }: SeriesProps) => ({\n  data,\n  xAxisId,\n  yAxisId: defineAxisId(unit),\n  x0Accessor: 'start',\n  x1Accessor: 'end',\n  seriesIdAccessor: 'seriesId',\n  nameAccessor: 'seriesName',\n  key: seriesId,\n});\n\nexport const renderLineSeries = (series: SeriesProps) => (\n  <XYChart.LineSeries {...baseSeriesProps(series)} y0Accessor=\"value\" />\n);\n\nexport const renderAreaSeries = (series: SeriesProps) => (\n  <XYChart.AreaSeries {...baseSeriesProps(series)} y1Accessor=\"value\" />\n);\n\nexport const renderBarSeries = (series: SeriesProps) => (\n  <XYChart.BarSeries\n    {...baseSeriesProps(series)}\n    variant=\"stack\"\n    y1Accessor=\"value\"\n  />\n);\n\nexport const renderBandSeries = (series: SeriesProps) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    y0Accessor=\"y0\"\n    y1Accessor=\"y1\"\n  />\n);\n"],
+  "mappings": "AAsBE;AArBF,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAGjB,MAAM,UAAU;AAEhB,MAAM,eAAe,CAAC,SAC3B,UAAU,gBAAgB,IAAI,CAAC;AAEjC,MAAM,kBAAkB,CAAC,EAAE,MAAM,MAAM,SAAS,OAAoB;AAAA,EAClE;AAAA,EACA;AAAA,EACA,SAAS,aAAa,IAAI;AAAA,EAC1B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,KAAK;AACP;AAEO,MAAM,mBAAmB,CAAC,WAC/B,oBAAC,QAAQ,YAAR,EAAoB,GAAG,gBAAgB,MAAM,GAAG,YAAW,SAAQ;AAG/D,MAAM,mBAAmB,CAAC,WAC/B,oBAAC,QAAQ,YAAR,EAAoB,GAAG,gBAAgB,MAAM,GAAG,YAAW,SAAQ;AAG/D,MAAM,kBAAkB,CAAC,WAC9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,SAAQ;AAAA,IACR,YAAW;AAAA;AACb;AAGK,MAAM,mBAAmB,CAAC,WAC/B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA;AACb;",
+  "names": []
+}

package/esm/content/accordion/Accordion.css

@@ -1,45 +1,45 @@
-._12zc70k0-3-5-0 {
+._12zc70k0-3-6-0 {
   width: 100%;
-  color: var(--_bx32h0-3-5-0);
+  color: var(--_bx32h0-3-6-0);
 }
-._12zc70k1-3-5-0 {
+._12zc70k1-3-6-0 {
   margin: var(--dt-spacings-size-8, 8px) 0;
 }
-._12zc70k2-3-5-0 {
+._12zc70k2-3-6-0 {
   margin: var(--dt-spacings-size-4, 4px) 0;
 }
-._12zc70k3-3-5-0 {
+._12zc70k3-3-6-0 {
   transition-duration: var(--dt-animations-expand-collapse-duration-fast, 250ms);
   transition-timing-function: var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
   transition-property: transform;
 }
-._12zc70k4-3-5-0 {
+._12zc70k4-3-6-0 {
   transform: rotate(-90deg);
 }
-._12zc70k5-3-5-0 {
+._12zc70k5-3-6-0 {
   transform: rotate(90deg);
 }
-._12zc70k6-3-5-0 {
+._12zc70k6-3-6-0 {
   transform: rotate(0);
 }
-._12zc70k7-3-5-0 {
+._12zc70k7-3-6-0 {
   box-sizing: border-box;
   transform-origin: top center;
   display: flex;
 }
-._12zc70k8-3-5-0 {
+._12zc70k8-3-6-0 {
   width: 100%;
   box-sizing: border-box;
-  color: var(--_bx32h0-3-5-0);
+  color: var(--_bx32h0-3-6-0);
 }
-._12zc70k9-3-5-0 {
+._12zc70k9-3-6-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
 }
-._12zc70ka-3-5-0 {
+._12zc70ka-3-6-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
 }
 @media (prefers-reduced-motion) {
-  ._12zc70k3-3-5-0 {
+  ._12zc70k3-3-6-0 {
     transition-duration: 0s;
   }
 }