npm - @dynatrace/strato-components - Versions diffs - 3.11.2 → 3.12.0 - Mend

@dynatrace/strato-components 3.11.2 → 3.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2357) hide show

package/esm/charts/xy-chart-adoption/categorical-bar/constants.js ADDED Viewed

@@ -0,0 +1,5 @@
+const CATEGORICAL_BAR_CHART_ARIA_LABEL = "Categorical Bar Chart";
+export {
+  CATEGORICAL_BAR_CHART_ARIA_LABEL
+};
+//# sourceMappingURL=constants.js.map

package/esm/charts/xy-chart-adoption/categorical-bar/constants.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/categorical-bar/constants.ts"],
+  "sourcesContent": ["export const CATEGORICAL_BAR_CHART_ARIA_LABEL = 'Categorical Bar Chart';\n"],
+  "mappings": "AAAO,MAAM,mCAAmC;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/categorical-bar/utils/map-axes-to-xy.js CHANGED Viewed

@@ -5,7 +5,7 @@ function mapCategoryAxisToXAxis(config) {
     ...config.maxSize !== void 0 && { tickLabelMaxSize: config.maxSize }
   };
 }
-function mapValueAxisToYAxis(config) {
+function mapValueAxisToYAxis(config, valueRepresentation) {
   return {
     type: config.scale === "log" ? "log" : "numerical",
     label: config.label,
@@ -13,7 +13,8 @@ function mapValueAxisToYAxis(config) {
     max: config.max ?? "auto",
     formatter: config.formatter,
     disableZoom: true,
-    disablePan: true
+    disablePan: true,
+    valueRepresentation
   };
 }
 export {

package/esm/charts/xy-chart-adoption/categorical-bar/utils/map-axes-to-xy.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/categorical-bar/utils/map-axes-to-xy.ts"],
-  "sourcesContent": ["import type {\n  XYChartNumericalAxisProps,\n  XYChartXAxisProps,\n} from '../../../xy-chart/types/xy-chart-props.js';\nimport type { CategoricalSlotsConfig } from '../iterate-slots.js';\n\nexport function mapCategoryAxisToXAxis(\n  config: CategoricalSlotsConfig['categoryAxis'],\n): {\n  label?: string;\n  tickLabelLayout?: XYChartXAxisProps['tickLabelLayout'];\n  tickLabelMaxSize?: number;\n} {\n  return {\n    label: config.label,\n    tickLabelLayout: config.tickLabelLayout,\n    ...(config.maxSize !== undefined && { tickLabelMaxSize: config.maxSize }),\n  };\n}\n\nexport function mapValueAxisToYAxis(\n  config: CategoricalSlotsConfig['valueAxis'],\n): {\n  type: 'numerical' | 'log';\n  label?: string;\n  min?: number | 'auto';\n  max?: number | 'auto';\n  formatter?: XYChartNumericalAxisProps['formatter'];\n  disableZoom?: boolean;\n  disablePan?: boolean;\n} {\n  // We need to force auto for min and max as there's bug in XYChart. This is a temporary workaround until this bug is solved APPDEV-19012.\n  return {\n    type: config.scale === 'log' ? 'log' : 'numerical',\n    label: config.label,\n    min: config.min ?? 'auto',\n    max: config.max ?? 'auto',\n    formatter: config.formatter,\n    disableZoom: true,\n    disablePan: true,\n  };\n}\n"],
-  "mappings": "AAMO,SAAS,uBACd,QAKA;AACA,SAAO;AAAA,IACL,OAAO,OAAO;AAAA,IACd,iBAAiB,OAAO;AAAA,IACxB,GAAI,OAAO,YAAY,UAAa,EAAE,kBAAkB,OAAO,QAAQ;AAAA,EACzE;AACF;AAEO,SAAS,oBACd,QASA;AAEA,SAAO;AAAA,IACL,MAAM,OAAO,UAAU,QAAQ,QAAQ;AAAA,IACvC,OAAO,OAAO;AAAA,IACd,KAAK,OAAO,OAAO;AAAA,IACnB,KAAK,OAAO,OAAO;AAAA,IACnB,WAAW,OAAO;AAAA,IAClB,aAAa;AAAA,IACb,YAAY;AAAA,EACd;AACF;",
+  "sourcesContent": ["import type { ValueRepresentation } from '../../../core/types/scales.js';\nimport type {\n  XYChartNumericalAxisProps,\n  XYChartXAxisProps,\n} from '../../../xy-chart/types/xy-chart-props.js';\nimport type { CategoricalSlotsConfig } from '../iterate-slots.js';\n\nexport function mapCategoryAxisToXAxis(\n  config: CategoricalSlotsConfig['categoryAxis'],\n): {\n  label?: string;\n  tickLabelLayout?: XYChartXAxisProps['tickLabelLayout'];\n  tickLabelMaxSize?: number;\n} {\n  return {\n    label: config.label,\n    tickLabelLayout: config.tickLabelLayout,\n    ...(config.maxSize !== undefined && { tickLabelMaxSize: config.maxSize }),\n  };\n}\n\nexport function mapValueAxisToYAxis(\n  config: CategoricalSlotsConfig['valueAxis'],\n  valueRepresentation: ValueRepresentation,\n): {\n  type: 'numerical' | 'log';\n  label?: string;\n  min?: number | 'auto';\n  max?: number | 'auto';\n  formatter?: XYChartNumericalAxisProps['formatter'];\n  disableZoom?: boolean;\n  disablePan?: boolean;\n  valueRepresentation: ValueRepresentation;\n} {\n  // We need to force auto for min and max as there's bug in XYChart. This is a temporary workaround until this bug is solved APPDEV-19012.\n  return {\n    type: config.scale === 'log' ? 'log' : 'numerical',\n    label: config.label,\n    min: config.min ?? 'auto',\n    max: config.max ?? 'auto',\n    formatter: config.formatter,\n    disableZoom: true,\n    disablePan: true,\n    valueRepresentation,\n  };\n}\n"],
+  "mappings": "AAOO,SAAS,uBACd,QAKA;AACA,SAAO;AAAA,IACL,OAAO,OAAO;AAAA,IACd,iBAAiB,OAAO;AAAA,IACxB,GAAI,OAAO,YAAY,UAAa,EAAE,kBAAkB,OAAO,QAAQ;AAAA,EACzE;AACF;AAEO,SAAS,oBACd,QACA,qBAUA;AAEA,SAAO;AAAA,IACL,MAAM,OAAO,UAAU,QAAQ,QAAQ;AAAA,IACvC,OAAO,OAAO;AAAA,IACd,KAAK,OAAO,OAAO;AAAA,IACnB,KAAK,OAAO,OAAO;AAAA,IACnB,WAAW,OAAO;AAAA,IAClB,aAAa;AAAA,IACb,YAAY;AAAA,IACZ;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js CHANGED Viewed

@@ -6,6 +6,7 @@ import {
   useMemo,
   useRef
 } from "react";
+import { HISTOGRAM_CHART_ARIA_LABEL } from "./constants.js";
 import { useHistogramToXYColorRules } from "./hooks/use-histogram-to-xy-color-rules.js";
 import { transformHistogramAnnotationsToXY } from "./transformer-annotations-to-xy.js";
 import { transformHistogramDataToXYChart } from "./transformer-data-to-xy.js";
@@ -46,7 +47,11 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
     initialZoom,
     currentZoom,
     onZoomChange,
-    infiniteZoom
+    infiniteZoom,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-details": ariaDetails
   } = props;
   const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
   const config = useHistogramChartConfig(children, {
@@ -118,6 +123,10 @@ const HistogramToXY = forwardRef((props, forwardedRef) => {
       truncationMode: config.truncationMode,
       __downloadDataCallback: downloadDataCallback,
       "data-dt-component": "HistogramChart",
+      "aria-label": ariaLabel ?? HISTOGRAM_CHART_ARIA_LABEL,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-details": ariaDetails,
       ...behaviorTrackingProps,
       children: [
         /* @__PURE__ */ jsx(XYChart.Tooltip, { _variant: tooltipVariant }),

package/esm/charts/xy-chart-adoption/histogram/HistogramToXY.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/HistogramToXY.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { useHistogramToXYColorRules } from './hooks/use-histogram-to-xy-color-rules.js';\nimport { transformHistogramAnnotationsToXY } from './transformer-annotations-to-xy.js';\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  mapSelectedSeriesToHistogram,\n  mapSelectionDomainToHistogramDomains,\n} from './transformer-selection-to-histogram.js';\nimport { mapHistogramSeriesActionsToXY } from './transformer-series-actions-to-xy.js';\nimport { mapHistogramThresholdsToXY } from './transformer-thresholds-to-xy.js';\nimport { buildYAxisProps } from './utils/axis-props-mapping.js';\nimport { buildHistogramImperativeHandle } from './utils/build-histogram-imperative-handle.js';\nimport { buildYAxesConfigFromConfig } from './utils/build-y-axes-config.js';\nimport { defineAxisId } from './utils/define-axis-id.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { useHistogramChartConfig } from '../../histogram/hooks/useHistogramChartConfig.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    data: propsData,\n    loading,\n    children,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { barSeriesProps, units, seriesColors } =\n    transformHistogramDataToXYChart(propsData);\n\n  const allColorRules = useHistogramToXYColorRules({\n    data: propsData,\n    seriesColors,\n    colorRules: config.colorRules,\n  });\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const downloadDataCallback = useCallback(() => {\n    const csvString = formatCSV(propsData);\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  }, [propsData]);\n\n  const selectActions = config.select?.actions;\n  const mappedSeriesActions = useMemo(\n    () =>\n      seriesActions\n        ? mapHistogramSeriesActionsToXY(seriesActions, propsData)\n        : undefined,\n    [seriesActions, propsData],\n  );\n\n  const yAxesConfig = buildYAxesConfigFromConfig(config);\n\n  const renderedAxisEntries = [...units].map((unit, index) => ({\n    unit,\n    axisId: defineAxisId(unit),\n    position: (index % 2 === 0 ? 'left' : 'right') as 'left' | 'right',\n  }));\n\n  const mappedThresholds = mapHistogramThresholdsToXY(\n    config.thresholds,\n    renderedAxisEntries,\n  );\n\n  const {\n    xAxisConfig,\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildHistogramImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const annotations = config.annotations;\n  const xAxisId = 'x-axis';\n  // 'grouped' is a Histogram-only variant \u2014 XYChart only knows 'single' | 'shared'\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n      data-dt-component=\"HistogramChart\"\n      {...behaviorTrackingProps}\n    >\n      <XYChart.Tooltip _variant={tooltipVariant} />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) =>\n            selectActions(\n              mapSelectedSeriesToHistogram(selectedSeries),\n              mapSelectionDomainToHistogramDomains(selectionDomain),\n            )\n          }\n        />\n      ) : null}\n      {barSeriesProps.map(({ data, unit }, index) => (\n        <XYChart.BarSeries\n          key={index}\n          data={data}\n          xAxisId={xAxisId}\n          yAxisId={defineAxisId(unit)}\n          x0Accessor=\"x0\"\n          x1Accessor=\"x1\"\n          y1Accessor=\"y1\"\n          variant={\n            config.valueRepresentation === 'relative' && propsData.length === 1\n              ? 'single'\n              : 'stack'\n          }\n          seriesIdAccessor=\"seriesId\"\n          nameAccessor=\"name\"\n          actions={mappedSeriesActions}\n        />\n      ))}\n      <XYChart.XAxis\n        id={xAxisId}\n        type={xAxisConfig.scale === 'log' ? 'log' : 'numerical'}\n        position=\"bottom\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={config.initialZoom as [number, number]}\n        currentZoom={config.currentZoom as [number, number]}\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        {...xAxisConfig}\n      />\n      {renderedAxisEntries.map(({ unit, axisId }, index) => (\n        <XYChart.YAxis\n          key={axisId}\n          {...buildYAxisProps(\n            index,\n            unit,\n            yAxesConfig,\n            config.valueRepresentation,\n          )}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      {mappedThresholds.map((threshold) => (\n        <XYChart.ThresholdIndicator\n          key={`${threshold.yAxisId}-${threshold.color}-${\n            threshold.label ?? ''\n          }`}\n          {...threshold}\n        />\n      ))}\n      <XYChart.Toolbar hidden={!toolbarEnabled} placement={toolbarPlacement} />\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {annotations &&\n        renderXYAnnotations(\n          transformHistogramAnnotationsToXY(annotations.tracks),\n          xAxisId,\n          annotations,\n        )}\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  forwardRef,\n  type PropsWithChildren,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { HISTOGRAM_CHART_ARIA_LABEL } from './constants.js';\nimport { useHistogramToXYColorRules } from './hooks/use-histogram-to-xy-color-rules.js';\nimport { transformHistogramAnnotationsToXY } from './transformer-annotations-to-xy.js';\nimport { transformHistogramDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  mapSelectedSeriesToHistogram,\n  mapSelectionDomainToHistogramDomains,\n} from './transformer-selection-to-histogram.js';\nimport { mapHistogramSeriesActionsToXY } from './transformer-series-actions-to-xy.js';\nimport { mapHistogramThresholdsToXY } from './transformer-thresholds-to-xy.js';\nimport { buildYAxisProps } from './utils/axis-props-mapping.js';\nimport { buildHistogramImperativeHandle } from './utils/build-histogram-imperative-handle.js';\nimport { buildYAxesConfigFromConfig } from './utils/build-y-axes-config.js';\nimport { defineAxisId } from './utils/define-axis-id.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/format-csv.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { useHistogramChartConfig } from '../../histogram/hooks/useHistogramChartConfig.js';\nimport type { HistogramChartProps } from '../../histogram/types/histogram-props.js';\nimport type { HistogramChartRef } from '../../histogram/types/histogram-ref.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const HistogramToXY = forwardRef<\n  HistogramChartRef,\n  PropsWithChildren<HistogramChartProps>\n>((props, forwardedRef) => {\n  const {\n    data: propsData,\n    loading,\n    children,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    seriesActions,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useHistogramChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { barSeriesProps, units, seriesColors } =\n    transformHistogramDataToXYChart(propsData);\n\n  const allColorRules = useHistogramToXYColorRules({\n    data: propsData,\n    seriesColors,\n    colorRules: config.colorRules,\n  });\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const downloadDataCallback = useCallback(() => {\n    const csvString = formatCSV(propsData);\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  }, [propsData]);\n\n  const selectActions = config.select?.actions;\n  const mappedSeriesActions = useMemo(\n    () =>\n      seriesActions\n        ? mapHistogramSeriesActionsToXY(seriesActions, propsData)\n        : undefined,\n    [seriesActions, propsData],\n  );\n\n  const yAxesConfig = buildYAxesConfigFromConfig(config);\n\n  const renderedAxisEntries = [...units].map((unit, index) => ({\n    unit,\n    axisId: defineAxisId(unit),\n    position: (index % 2 === 0 ? 'left' : 'right') as 'left' | 'right',\n  }));\n\n  const mappedThresholds = mapHistogramThresholdsToXY(\n    config.thresholds,\n    renderedAxisEntries,\n  );\n\n  const {\n    xAxisConfig,\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildHistogramImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const annotations = config.annotations;\n  const xAxisId = 'x-axis';\n  // 'grouped' is a Histogram-only variant \u2014 XYChart only knows 'single' | 'shared'\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n      data-dt-component=\"HistogramChart\"\n      aria-label={ariaLabel ?? HISTOGRAM_CHART_ARIA_LABEL}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      aria-details={ariaDetails}\n      {...behaviorTrackingProps}\n    >\n      <XYChart.Tooltip _variant={tooltipVariant} />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) =>\n            selectActions(\n              mapSelectedSeriesToHistogram(selectedSeries),\n              mapSelectionDomainToHistogramDomains(selectionDomain),\n            )\n          }\n        />\n      ) : null}\n      {barSeriesProps.map(({ data, unit }, index) => (\n        <XYChart.BarSeries\n          key={index}\n          data={data}\n          xAxisId={xAxisId}\n          yAxisId={defineAxisId(unit)}\n          x0Accessor=\"x0\"\n          x1Accessor=\"x1\"\n          y1Accessor=\"y1\"\n          variant={\n            config.valueRepresentation === 'relative' && propsData.length === 1\n              ? 'single'\n              : 'stack'\n          }\n          seriesIdAccessor=\"seriesId\"\n          nameAccessor=\"name\"\n          actions={mappedSeriesActions}\n        />\n      ))}\n      <XYChart.XAxis\n        id={xAxisId}\n        type={xAxisConfig.scale === 'log' ? 'log' : 'numerical'}\n        position=\"bottom\"\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={config.initialZoom as [number, number]}\n        currentZoom={config.currentZoom as [number, number]}\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        {...xAxisConfig}\n      />\n      {renderedAxisEntries.map(({ unit, axisId }, index) => (\n        <XYChart.YAxis\n          key={axisId}\n          {...buildYAxisProps(\n            index,\n            unit,\n            yAxesConfig,\n            config.valueRepresentation,\n          )}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      {mappedThresholds.map((threshold) => (\n        <XYChart.ThresholdIndicator\n          key={`${threshold.yAxisId}-${threshold.color}-${\n            threshold.label ?? ''\n          }`}\n          {...threshold}\n        />\n      ))}\n      <XYChart.Toolbar hidden={!toolbarEnabled} placement={toolbarPlacement} />\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {annotations &&\n        renderXYAnnotations(\n          transformHistogramAnnotationsToXY(annotations.tracks),\n          xAxisId,\n          annotations,\n        )}\n    </XYChart>\n  );\n});\n\n(\n  HistogramToXY as typeof HistogramToXY & {\n    displayName: string;\n  }\n).displayName = 'HistogramToXY';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/histogram/constants.js ADDED Viewed

@@ -0,0 +1,5 @@
+const HISTOGRAM_CHART_ARIA_LABEL = "Histogram Chart";
+export {
+  HISTOGRAM_CHART_ARIA_LABEL
+};
+//# sourceMappingURL=constants.js.map

package/esm/charts/xy-chart-adoption/histogram/constants.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/constants.ts"],
+  "sourcesContent": ["export const HISTOGRAM_CHART_ARIA_LABEL = 'Histogram Chart';\n"],
+  "mappings": "AAAO,MAAM,6BAA6B;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/histogram/transformer-thresholds-to-xy.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/histogram/transformer-thresholds-to-xy.ts"],
-  "sourcesContent": ["import {\n  isDynamicNumeric,\n  isDynamicNumericRange,\n} from '../../core/types/type-guards.js';\nimport type { HistogramThresholdsConfig } from '../../histogram/types/histogram-props.js';\nimport type { XYChartThresholdIndicatorProps } from '../../xy-chart/types/xy-chart-props.js';\nimport {\n  type AxisEntry,\n  reduceThresholdsToXY,\n} from '../shared/utils/thresholds/reduce-thresholds-to-xy.js';\n\nconst X_AXIS_ID = 'x-axis';\n\nexport function mapHistogramThresholdsToXY(\n  thresholds: HistogramThresholdsConfig | undefined,\n  axisEntries: AxisEntry[],\n): XYChartThresholdIndicatorProps[] {\n  if (!thresholds) {\n    return [];\n  }\n\n  const flatThresholds = [\n    ...(thresholds.leftThreshold ?? []),\n    ...(thresholds.rightThreshold ?? []),\n  ];\n\n  return reduceThresholdsToXY(\n    flatThresholds,\n    axisEntries,\n    X_AXIS_ID,\n    (data) => {\n      if (isDynamicNumeric(data)) {\n        return data.map((d) => ({ y: d.value, x: d.point }));\n      }\n      if (isDynamicNumericRange(data)) {\n        return data.map((d) => ({ yMin: d.min, yMax: d.max, x: d.point }));\n      }\n      return null;\n    },\n  );\n}\n"],
-  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGP;AAAA,EAEE;AAAA,OACK;AAEP,MAAM,YAAY;AAEX,SAAS,2BACd,YACA,aACkC;AAClC,MAAI,CAAC,YAAY;AACf,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,iBAAiB;AAAA,IACrB,GAAI,WAAW,iBAAiB,CAAC;AAAA,IACjC,GAAI,WAAW,kBAAkB,CAAC;AAAA,EACpC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,CAAC,SAAS;AACR,UAAI,iBAAiB,IAAI,GAAG;AAC1B,eAAO,KAAK,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,MAAM,EAAE;AAAA,MACrD;AACA,UAAI,sBAAsB,IAAI,GAAG;AAC/B,eAAO,KAAK,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,GAAG,EAAE,MAAM,EAAE;AAAA,MACnE;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "sourcesContent": ["import {\n  isDynamicNumeric,\n  isDynamicNumericRange,\n} from '../../core/types/type-guards.js';\nimport type { HistogramThresholdsConfig } from '../../histogram/types/histogram-props.js';\nimport type {\n  XYChartThresholdDynamicProps,\n  XYChartThresholdStaticProps,\n} from '../../xy-chart/types/xy-chart-props.js';\nimport {\n  type AxisEntry,\n  reduceThresholdsToXY,\n} from '../shared/utils/thresholds/reduce-thresholds-to-xy.js';\n\nconst X_AXIS_ID = 'x-axis';\n\nexport function mapHistogramThresholdsToXY(\n  thresholds: HistogramThresholdsConfig | undefined,\n  axisEntries: AxisEntry[],\n): (XYChartThresholdStaticProps | XYChartThresholdDynamicProps)[] {\n  if (!thresholds) {\n    return [];\n  }\n\n  const flatThresholds = [\n    ...(thresholds.leftThreshold ?? []),\n    ...(thresholds.rightThreshold ?? []),\n  ];\n\n  return reduceThresholdsToXY(\n    flatThresholds,\n    axisEntries,\n    X_AXIS_ID,\n    (data) => {\n      if (isDynamicNumeric(data)) {\n        return data.map((d) => ({ y: d.value, x: d.point }));\n      }\n      if (isDynamicNumericRange(data)) {\n        return data.map((d) => ({ yMin: d.min, yMax: d.max, x: d.point }));\n      }\n      return null;\n    },\n  ) as (XYChartThresholdStaticProps | XYChartThresholdDynamicProps)[];\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMP;AAAA,EAEE;AAAA,OACK;AAEP,MAAM,YAAY;AAEX,SAAS,2BACd,YACA,aACgE;AAChE,MAAI,CAAC,YAAY;AACf,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,iBAAiB;AAAA,IACrB,GAAI,WAAW,iBAAiB,CAAC;AAAA,IACjC,GAAI,WAAW,kBAAkB,CAAC;AAAA,EACpC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,CAAC,SAAS;AACR,UAAI,iBAAiB,IAAI,GAAG;AAC1B,eAAO,KAAK,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,MAAM,EAAE;AAAA,MACrD;AACA,UAAI,sBAAsB,IAAI,GAAG;AAC/B,eAAO,KAAK,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,GAAG,EAAE,MAAM,EAAE;AAAA,MACnE;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useImperativeHandle, useRef } from "react";
+import { TIMESERIES_CHART_ARIA_LABEL } from "./constants.js";
 import { useTimeseriesChartConfig } from "./hooks/use-timeseries-chart-config.js";
 import { iterateSlots } from "./iterate-slots.js";
 import {
@@ -65,7 +66,11 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
     seriesActions,
     gapPolicy,
     pointsDisplay,
-    curve
+    curve,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-details": ariaDetails
   } = props;
   const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
   const config = useTimeseriesChartConfig(children, {
@@ -195,6 +200,10 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
       truncationMode: config.truncationMode,
       __downloadDataCallback: downloadDataCallback,
       "data-dt-component": "TimeseriesChart",
+      "aria-label": ariaLabel ?? TIMESERIES_CHART_ARIA_LABEL,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-details": ariaDetails,
       ...behaviorTrackingProps,
       children: [
         /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/TimeseriesToXY.tsx"],
-  "sourcesContent": ["import { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { useTimeseriesChartConfig } from './hooks/use-timeseries-chart-config.js';\nimport { iterateSlots } from './iterate-slots.js';\nimport {\n  mapSelectedSeriesToTimeseries,\n  mapSelectionDomainToTimeseries,\n} from './map-select-actions.js';\nimport {\n  mapBandSeriesActionsToXY,\n  mapSeriesActionsToXY,\n} from './map-series-actions.js';\nimport { resolveValueRepresentation } from './resolve-value-representation.js';\nimport { transformTimeseriesAnnotationsToXY } from './transformer-annotations-to-xy.js';\nimport { transformTimeseriesDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  type ChartVariantInternal,\n  DEFAULT_VARIANT,\n  type TimeseriesChartProps,\n  type TimeseriesChartRef,\n} from './types/timeseries.js';\nimport { buildBuckets } from './utils/build-buckets.js';\nimport { buildTimeseriesImperativeHandle } from './utils/build-timeseries-imperative-handle.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/download/format-csv.js';\nimport {\n  mapXAxisSlot,\n  mapYAxisSlots,\n  mapYAxisSlotToProps,\n} from './utils/map-axis-slots.js';\nimport { resolveTimeseriesColorRules } from './utils/map-timeseries-to-xy-color-rules.js';\nimport {\n  defineAxisId,\n  renderAreaSeries,\n  renderBandSeries,\n  renderBarSeries,\n  renderLineSeries,\n  xAxisId,\n} from './utils/render-series.js';\nimport { resolveGapPolicy } from './utils/resolve-gap-policy.js';\nimport { mapTimeseriesToXYThresholds } from './utils/transformer-thresholds-to-xy.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    data = [],\n    variant = DEFAULT_VARIANT,\n    children,\n    loading,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    seriesActions,\n    gapPolicy,\n    pointsDisplay,\n    curve,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useTimeseriesChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    gapPolicy,\n    pointsDisplay,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    curve,\n  });\n\n  const { line, bar, area, band, shapePriority, deprecatedToolbar } =\n    iterateSlots(children);\n\n  const resolvedValueRepresentation = resolveValueRepresentation(\n    config.valueRepresentation,\n    ...line.map((s) => s.valueRepresentation),\n    ...area.map((s) => s.valueRepresentation),\n    ...bar.map((s) => s.valueRepresentation),\n  );\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const {\n    buckets,\n    lineAreaBarData,\n    bandData,\n    allSeriesData,\n    gapPolicies,\n    order,\n  } = buildBuckets(\n    data,\n    variant,\n    { line, area, bar, band, shapePriority },\n    config.pointsDisplay,\n  );\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n  const effectiveGapPolicy = resolveGapPolicy(gapPolicies, config.gapPolicy);\n\n  const allColorRules = resolveTimeseriesColorRules(\n    allSeriesData,\n    config.colorRules,\n  );\n\n  const xAxisConfig = mapXAxisSlot(config.xAxis);\n\n  const { configuredAxes, renderedUnits } = mapYAxisSlots(\n    config.yAxis.left,\n    config.yAxis.right,\n    [...result.units],\n  );\n\n  const yAxesConfig = renderedUnits.map((unit, index) => ({\n    unit,\n    axisId: defineAxisId(unit),\n    ...mapYAxisSlotToProps(index, configuredAxes[index]),\n  }));\n\n  const flatThresholds = config.thresholds\n    ? [...(config.thresholds.left ?? []), ...(config.thresholds.right ?? [])]\n    : [];\n  const mappedThresholds = mapTimeseriesToXYThresholds(\n    flatThresholds,\n    yAxesConfig,\n  );\n\n  const mappedSeriesActions = seriesActions\n    ? mapSeriesActionsToXY(seriesActions, lineAreaBarData)\n    : undefined;\n\n  const mappedBandActions = seriesActions\n    ? mapBandSeriesActionsToXY(seriesActions, bandData)\n    : undefined;\n\n  const seriesForShape = (shape: ChartVariantInternal) => {\n    switch (shape) {\n      case 'line':\n        return result.line.map((s) =>\n          renderLineSeries(s, {\n            actions: mappedSeriesActions,\n            curve: config.curve,\n          }),\n        );\n      case 'area':\n        return result.area.map((s) =>\n          renderAreaSeries(s, {\n            actions: mappedSeriesActions,\n            curve: config.curve,\n          }),\n        );\n      case 'bar':\n        return result.bar.map((s) =>\n          renderBarSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'band':\n        return result.band.map((s) =>\n          renderBandSeries(s, {\n            actions: mappedBandActions,\n            curve: config.curve,\n          }),\n        );\n    }\n  };\n\n  const {\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const selectActions = config.select?.actions;\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildTimeseriesImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const downloadDataCallback = () => {\n    const csvString = formatCSV({\n      line: buckets.line.map((s) => s.data),\n      area: buckets.area.map((s) => s.data),\n      bar: buckets.bar.map((s) => s.data),\n      band: bandData,\n    });\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  };\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n      data-dt-component=\"TimeseriesChart\"\n      {...behaviorTrackingProps}\n    >\n      <XYChart.Tooltip\n        _variant={tooltipVariant}\n        _seriesDisplayMode={config.tooltip.seriesDisplayMode}\n      />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {order.flatMap(seriesForShape)}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) => {\n            const hasNoDataInSelection = selectionDomain.length === 0;\n            if (hasNoDataInSelection) {\n              return;\n            }\n            return selectActions(\n              mapSelectedSeriesToTimeseries(selectedSeries, allSeriesData),\n              mapSelectionDomainToTimeseries(selectionDomain),\n            );\n          }}\n        />\n      ) : null}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        min={xAxisConfig.min}\n        max={xAxisConfig.max}\n        label={xAxisConfig.label}\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={\n          config.initialZoom as [Date, Date] | [number, number] | undefined\n        }\n        currentZoom={\n          config.currentZoom as [Date, Date] | [number, number] | undefined\n        }\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        gapPolicy={effectiveGapPolicy}\n      />\n      {yAxesConfig.map(({ unit, axisId, ...axisProps }) => (\n        <XYChart.YAxis\n          key={axisId}\n          id={axisId}\n          unit={unit}\n          {...axisProps}\n          valueRepresentation={resolvedValueRepresentation}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      <XYChart.Toolbar\n        hidden={!toolbarEnabled}\n        placement={toolbarPlacement}\n        {...extractBehaviorTrackingProps(config.toolbar ?? {})}\n      />\n      {/* TODO: Remove after deprecating ChartToolbar (APPDEV-15613) */}\n      {deprecatedToolbar.enabled && (\n        <XYChart.Toolbar placement={deprecatedToolbar.placement} />\n      )}\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {config.annotations &&\n        renderXYAnnotations(\n          transformTimeseriesAnnotationsToXY(config.annotations.tracks),\n          xAxisId,\n          config.annotations,\n        )}\n      {mappedThresholds.map((threshold, index) => (\n        <XYChart.ThresholdIndicator key={index} {...threshold} />\n      ))}\n    </XYChart>\n  );\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { TIMESERIES_CHART_ARIA_LABEL } from './constants.js';\nimport { useTimeseriesChartConfig } from './hooks/use-timeseries-chart-config.js';\nimport { iterateSlots } from './iterate-slots.js';\nimport {\n  mapSelectedSeriesToTimeseries,\n  mapSelectionDomainToTimeseries,\n} from './map-select-actions.js';\nimport {\n  mapBandSeriesActionsToXY,\n  mapSeriesActionsToXY,\n} from './map-series-actions.js';\nimport { resolveValueRepresentation } from './resolve-value-representation.js';\nimport { transformTimeseriesAnnotationsToXY } from './transformer-annotations-to-xy.js';\nimport { transformTimeseriesDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  type ChartVariantInternal,\n  DEFAULT_VARIANT,\n  type TimeseriesChartProps,\n  type TimeseriesChartRef,\n} from './types/timeseries.js';\nimport { buildBuckets } from './utils/build-buckets.js';\nimport { buildTimeseriesImperativeHandle } from './utils/build-timeseries-imperative-handle.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/download/format-csv.js';\nimport {\n  mapXAxisSlot,\n  mapYAxisSlots,\n  mapYAxisSlotToProps,\n} from './utils/map-axis-slots.js';\nimport { resolveTimeseriesColorRules } from './utils/map-timeseries-to-xy-color-rules.js';\nimport {\n  defineAxisId,\n  renderAreaSeries,\n  renderBandSeries,\n  renderBarSeries,\n  renderLineSeries,\n  xAxisId,\n} from './utils/render-series.js';\nimport { resolveGapPolicy } from './utils/resolve-gap-policy.js';\nimport { mapTimeseriesToXYThresholds } from './utils/transformer-thresholds-to-xy.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    data = [],\n    variant = DEFAULT_VARIANT,\n    children,\n    loading,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    seriesActions,\n    gapPolicy,\n    pointsDisplay,\n    curve,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useTimeseriesChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    gapPolicy,\n    pointsDisplay,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    curve,\n  });\n\n  const { line, bar, area, band, shapePriority, deprecatedToolbar } =\n    iterateSlots(children);\n\n  const resolvedValueRepresentation = resolveValueRepresentation(\n    config.valueRepresentation,\n    ...line.map((s) => s.valueRepresentation),\n    ...area.map((s) => s.valueRepresentation),\n    ...bar.map((s) => s.valueRepresentation),\n  );\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const {\n    buckets,\n    lineAreaBarData,\n    bandData,\n    allSeriesData,\n    gapPolicies,\n    order,\n  } = buildBuckets(\n    data,\n    variant,\n    { line, area, bar, band, shapePriority },\n    config.pointsDisplay,\n  );\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n  const effectiveGapPolicy = resolveGapPolicy(gapPolicies, config.gapPolicy);\n\n  const allColorRules = resolveTimeseriesColorRules(\n    allSeriesData,\n    config.colorRules,\n  );\n\n  const xAxisConfig = mapXAxisSlot(config.xAxis);\n\n  const { configuredAxes, renderedUnits } = mapYAxisSlots(\n    config.yAxis.left,\n    config.yAxis.right,\n    [...result.units],\n  );\n\n  const yAxesConfig = renderedUnits.map((unit, index) => ({\n    unit,\n    axisId: defineAxisId(unit),\n    ...mapYAxisSlotToProps(index, configuredAxes[index]),\n  }));\n\n  const flatThresholds = config.thresholds\n    ? [...(config.thresholds.left ?? []), ...(config.thresholds.right ?? [])]\n    : [];\n  const mappedThresholds = mapTimeseriesToXYThresholds(\n    flatThresholds,\n    yAxesConfig,\n  );\n\n  const mappedSeriesActions = seriesActions\n    ? mapSeriesActionsToXY(seriesActions, lineAreaBarData)\n    : undefined;\n\n  const mappedBandActions = seriesActions\n    ? mapBandSeriesActionsToXY(seriesActions, bandData)\n    : undefined;\n\n  const seriesForShape = (shape: ChartVariantInternal) => {\n    switch (shape) {\n      case 'line':\n        return result.line.map((s) =>\n          renderLineSeries(s, {\n            actions: mappedSeriesActions,\n            curve: config.curve,\n          }),\n        );\n      case 'area':\n        return result.area.map((s) =>\n          renderAreaSeries(s, {\n            actions: mappedSeriesActions,\n            curve: config.curve,\n          }),\n        );\n      case 'bar':\n        return result.bar.map((s) =>\n          renderBarSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'band':\n        return result.band.map((s) =>\n          renderBandSeries(s, {\n            actions: mappedBandActions,\n            curve: config.curve,\n          }),\n        );\n    }\n  };\n\n  const {\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const selectActions = config.select?.actions;\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildTimeseriesImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const downloadDataCallback = () => {\n    const csvString = formatCSV({\n      line: buckets.line.map((s) => s.data),\n      area: buckets.area.map((s) => s.data),\n      bar: buckets.bar.map((s) => s.data),\n      band: bandData,\n    });\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  };\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n      data-dt-component=\"TimeseriesChart\"\n      aria-label={ariaLabel ?? TIMESERIES_CHART_ARIA_LABEL}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={ariaDescribedBy}\n      aria-details={ariaDetails}\n      {...behaviorTrackingProps}\n    >\n      <XYChart.Tooltip\n        _variant={tooltipVariant}\n        _seriesDisplayMode={config.tooltip.seriesDisplayMode}\n      />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {order.flatMap(seriesForShape)}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) => {\n            const hasNoDataInSelection = selectionDomain.length === 0;\n            if (hasNoDataInSelection) {\n              return;\n            }\n            return selectActions(\n              mapSelectedSeriesToTimeseries(selectedSeries, allSeriesData),\n              mapSelectionDomainToTimeseries(selectionDomain),\n            );\n          }}\n        />\n      ) : null}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        min={xAxisConfig.min}\n        max={xAxisConfig.max}\n        label={xAxisConfig.label}\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={\n          config.initialZoom as [Date, Date] | [number, number] | undefined\n        }\n        currentZoom={\n          config.currentZoom as [Date, Date] | [number, number] | undefined\n        }\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        gapPolicy={effectiveGapPolicy}\n      />\n      {yAxesConfig.map(({ unit, axisId, ...axisProps }) => (\n        <XYChart.YAxis\n          key={axisId}\n          id={axisId}\n          unit={unit}\n          {...axisProps}\n          valueRepresentation={resolvedValueRepresentation}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      <XYChart.Toolbar\n        hidden={!toolbarEnabled}\n        placement={toolbarPlacement}\n        {...extractBehaviorTrackingProps(config.toolbar ?? {})}\n      />\n      {/* TODO: Remove after deprecating ChartToolbar (APPDEV-15613) */}\n      {deprecatedToolbar.enabled && (\n        <XYChart.Toolbar placement={deprecatedToolbar.placement} />\n      )}\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {config.annotations &&\n        renderXYAnnotations(\n          transformTimeseriesAnnotationsToXY(config.annotations.tracks),\n          xAxisId,\n          config.annotations,\n        )}\n      {mappedThresholds.map((threshold, index) => (\n        <XYChart.ThresholdIndicator key={index} {...threshold} />\n      ))}\n    </XYChart>\n  );\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/constants.js CHANGED Viewed

@@ -29,6 +29,7 @@ const defaultInteractions = {
   }
 };
 const defaultColorPalette = "categorical";
+const TIMESERIES_CHART_ARIA_LABEL = "Timeseries Chart";
 const defaultTimeseriesChartConfig = {
   legend: defaultLegend,
   colorPalette: defaultColorPalette,
@@ -44,6 +45,7 @@ const defaultTimeseriesChartConfig = {
 };
 export {
   DEFAULT_SCALE_FALLBACK_COLOR,
+  TIMESERIES_CHART_ARIA_LABEL,
   defaultColorPalette,
   defaultGapPolicy,
   defaultInteractions,

package/esm/charts/xy-chart-adoption/timeseries/constants.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/constants.ts"],
-  "sourcesContent": ["import {\n  TimeseriesChartConfigProperties,\n  TimeseriesChartLegendConfig,\n  TimeseriesChartYAxisConfig,\n} from './types/timeseries-config.js';\nimport { TimeseriesToolbarInternalProps } from './types/toolbar.js';\nimport type { PointsDisplay } from '../../core/components/canvas/types/canvas-shape.js';\nimport { defaultRatio, SCALE_FALLBACK_COLOR } from '../../core/constants.js';\nimport {\n  GAP_POLICY_GAP,\n  type TimeGapPolicy,\n} from '../../core/types/gap-policy.js';\nimport { ChartInteractionsConfig } from '../../core/types/interactions.js';\nimport { ValueRepresentation } from '../../core/types/scales.js';\nimport { SeriesCurve } from '../../core/types/timeseries.js';\nimport { ToolbarPlacement } from '../../core/types/toolbar.js';\nimport { TooltipVariant } from '../../core/types/tooltip.js';\n\nexport const defaultTooltipVariant: TooltipVariant = 'single';\nexport const defaultSeriesDisplayMode = 'multi-line';\n\nexport const defaultYAxis: TimeseriesChartYAxisConfig = {};\n\nexport const defaultGapPolicy: TimeGapPolicy = GAP_POLICY_GAP;\nexport const defaultSeriesCurve: SeriesCurve = 'linear';\nexport const defaultPointsDisplay: PointsDisplay = 'auto';\nexport const defaultValueRepresentation: ValueRepresentation = 'absolute';\n\nexport const DEFAULT_SCALE_FALLBACK_COLOR = SCALE_FALLBACK_COLOR;\n\nexport const defaultLegend: TimeseriesChartLegendConfig = {\n  hidden: false,\n  position: 'auto',\n  ratio: defaultRatio,\n};\n\nexport const defaultToolbar: TimeseriesToolbarInternalProps = {\n  placement: 'top-right' as ToolbarPlacement,\n  enabled: true,\n};\n\nexport const defaultInteractions: ChartInteractionsConfig = {\n  onZoomChange: undefined,\n  pan: {\n    enabled: true,\n  },\n  zoom: {\n    enabled: true,\n  },\n};\n\nexport const defaultColorPalette = 'categorical';\n\nexport const defaultTimeseriesChartConfig: TimeseriesChartConfigProperties = {\n  legend: defaultLegend,\n  colorPalette: defaultColorPalette,\n  gapPolicy: defaultGapPolicy,\n  pointsDisplay: defaultPointsDisplay,\n  valueRepresentation: defaultValueRepresentation,\n  tooltip: {\n    variant: defaultTooltipVariant,\n    seriesDisplayMode: defaultSeriesDisplayMode,\n  },\n  toolbar: defaultToolbar,\n  interactions: defaultInteractions,\n};\n"],
-  "mappings": "AAOA,SAAS,cAAc,4BAA4B;AACnD;AAAA,EACE;AAAA,OAEK;AAOA,MAAM,wBAAwC;AAC9C,MAAM,2BAA2B;AAEjC,MAAM,eAA2C,CAAC;AAElD,MAAM,mBAAkC;AACxC,MAAM,qBAAkC;AACxC,MAAM,uBAAsC;AAC5C,MAAM,6BAAkD;AAExD,MAAM,+BAA+B;AAErC,MAAM,gBAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,iBAAiD;AAAA,EAC5D,WAAW;AAAA,EACX,SAAS;AACX;AAEO,MAAM,sBAA+C;AAAA,EAC1D,cAAc;AAAA,EACd,KAAK;AAAA,IACH,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,MAAM,sBAAsB;AAE5B,MAAM,+BAAgE;AAAA,EAC3E,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,EACX,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,mBAAmB;AAAA,EACrB;AAAA,EACA,SAAS;AAAA,EACT,cAAc;AAChB;",
+  "sourcesContent": ["import {\n  TimeseriesChartConfigProperties,\n  TimeseriesChartLegendConfig,\n  TimeseriesChartYAxisConfig,\n} from './types/timeseries-config.js';\nimport { TimeseriesToolbarInternalProps } from './types/toolbar.js';\nimport type { PointsDisplay } from '../../core/components/canvas/types/canvas-shape.js';\nimport { defaultRatio, SCALE_FALLBACK_COLOR } from '../../core/constants.js';\nimport {\n  GAP_POLICY_GAP,\n  type TimeGapPolicy,\n} from '../../core/types/gap-policy.js';\nimport { ChartInteractionsConfig } from '../../core/types/interactions.js';\nimport { ValueRepresentation } from '../../core/types/scales.js';\nimport { SeriesCurve } from '../../core/types/timeseries.js';\nimport { ToolbarPlacement } from '../../core/types/toolbar.js';\nimport { TooltipVariant } from '../../core/types/tooltip.js';\n\nexport const defaultTooltipVariant: TooltipVariant = 'single';\nexport const defaultSeriesDisplayMode = 'multi-line';\n\nexport const defaultYAxis: TimeseriesChartYAxisConfig = {};\n\nexport const defaultGapPolicy: TimeGapPolicy = GAP_POLICY_GAP;\nexport const defaultSeriesCurve: SeriesCurve = 'linear';\nexport const defaultPointsDisplay: PointsDisplay = 'auto';\nexport const defaultValueRepresentation: ValueRepresentation = 'absolute';\n\nexport const DEFAULT_SCALE_FALLBACK_COLOR = SCALE_FALLBACK_COLOR;\n\nexport const defaultLegend: TimeseriesChartLegendConfig = {\n  hidden: false,\n  position: 'auto',\n  ratio: defaultRatio,\n};\n\nexport const defaultToolbar: TimeseriesToolbarInternalProps = {\n  placement: 'top-right' as ToolbarPlacement,\n  enabled: true,\n};\n\nexport const defaultInteractions: ChartInteractionsConfig = {\n  onZoomChange: undefined,\n  pan: {\n    enabled: true,\n  },\n  zoom: {\n    enabled: true,\n  },\n};\n\nexport const defaultColorPalette = 'categorical';\n\nexport const TIMESERIES_CHART_ARIA_LABEL = 'Timeseries Chart';\n\nexport const defaultTimeseriesChartConfig: TimeseriesChartConfigProperties = {\n  legend: defaultLegend,\n  colorPalette: defaultColorPalette,\n  gapPolicy: defaultGapPolicy,\n  pointsDisplay: defaultPointsDisplay,\n  valueRepresentation: defaultValueRepresentation,\n  tooltip: {\n    variant: defaultTooltipVariant,\n    seriesDisplayMode: defaultSeriesDisplayMode,\n  },\n  toolbar: defaultToolbar,\n  interactions: defaultInteractions,\n};\n"],
+  "mappings": "AAOA,SAAS,cAAc,4BAA4B;AACnD;AAAA,EACE;AAAA,OAEK;AAOA,MAAM,wBAAwC;AAC9C,MAAM,2BAA2B;AAEjC,MAAM,eAA2C,CAAC;AAElD,MAAM,mBAAkC;AACxC,MAAM,qBAAkC;AACxC,MAAM,uBAAsC;AAC5C,MAAM,6BAAkD;AAExD,MAAM,+BAA+B;AAErC,MAAM,gBAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,iBAAiD;AAAA,EAC5D,WAAW;AAAA,EACX,SAAS;AACX;AAEO,MAAM,sBAA+C;AAAA,EAC1D,cAAc;AAAA,EACd,KAAK;AAAA,IACH,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,EACX;AACF;AAEO,MAAM,sBAAsB;AAE5B,MAAM,8BAA8B;AAEpC,MAAM,+BAAgE;AAAA,EAC3E,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,WAAW;AAAA,EACX,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,mBAAmB;AAAA,EACrB;AAAA,EACA,SAAS;AAAA,EACT,cAAc;AAChB;",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/types/timeseries.ts"],
-  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport type { TimeseriesChartConfiguration } from './timeseries-config.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { PointsDisplay } from '../../../core/components/canvas/types/canvas-shape.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../core/types/color-palette.js';\nimport type { TimeGapPolicy } from '../../../core/types/gap-policy.js';\nimport type { ZoomChangeHandler } from '../../../core/types/interactions.js';\nimport type { ValueRepresentation } from '../../../core/types/scales.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport type { DateThresholdConfig } from '../../../core/types/thresholds.js';\nimport type {\n  SeriesCurve,\n  Timeseries,\n  TimeseriesDatapoint,\n  TimeseriesUnit,\n} from '../../../core/types/timeseries.js';\nimport type { ProgrammaticZoomHandlers } from '../../../core/types/zoom.js';\n\nexport type TimeseriesChartThresholdIndicatorProps = DateThresholdConfig;\n\nexport type ResolvedTimeseriesChartConfig = TimeseriesChartConfiguration;\n\nexport type TimeseriesSelectActions = (\n  selectedSeries: Timeseries[],\n  selectionDomain: [Date, Date],\n) => ReactNode | Promise<ReactNode>;\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 type TimeseriesBand = {\n  datapoints: TimeseriesBandDataPoint[];\n  name: string | string[];\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  unit?: TimeseriesUnit | string | Unit;\n};\n\nexport type TimeseriesSeriesActions = (\n  timeseries: unknown,\n  datapoint?: TimeseriesDatapoint | TimeseriesBandDataPoint,\n) => SeriesActionsTemplate;\n\nexport interface TimeseriesChartLineProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartAreaProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartBarProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n}\n\nexport interface TimeseriesChartBandProps {\n  data: TimeseriesBand;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n}\n\nexport type TimeseriesChartProps = StylingProps &\n  MaskingProps & {\n    data?: Timeseries[];\n    variant?: ChartVariant;\n    valueRepresentation?: ValueRepresentation;\n    children?: ReactNode;\n    loading?: boolean;\n    height?: number | string;\n    width?: number | string;\n    colorPalette?: ColorPalette | CustomColorPalette;\n    truncationMode?: TruncationMode;\n    initialZoom?: Date[] | number[];\n    currentZoom?: Date[] | number[];\n    onZoomChange?: ZoomChangeHandler;\n    infiniteZoom?: boolean;\n    seriesActions?: TimeseriesSeriesActions;\n    /** The gap policy to be applied to all series of the chart */\n    gapPolicy?: TimeGapPolicy;\n    /**\n     * Show the datapoints always, never or based on a threshold amount.\n     * @defaultValue 'auto'\n     */\n    pointsDisplay?: PointsDisplay;\n    /** Defines the curve shape of line and area series. @defaultValue 'linear' */\n    curve?: SeriesCurve;\n  };\n\nexport interface TimeseriesChartRef extends ProgrammaticZoomHandlers {\n  element: HTMLDivElement | null;\n  getConfig: () => string;\n  downloadData: () => void;\n}\n"],
-  "mappings": "AAmCO,MAAM,wBAAwB,CAAC,QAAQ,QAAQ,KAAK;AAGpD,MAAM,kBAAgC;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport type { TimeseriesChartConfiguration } from './timeseries-config.js';\nimport type { AriaLabelingProps } from '../../../../core/types/a11y-props.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { PointsDisplay } from '../../../core/components/canvas/types/canvas-shape.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../core/types/color-palette.js';\nimport type { TimeGapPolicy } from '../../../core/types/gap-policy.js';\nimport type { ZoomChangeHandler } from '../../../core/types/interactions.js';\nimport type { ValueRepresentation } from '../../../core/types/scales.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport type { DateThresholdConfig } from '../../../core/types/thresholds.js';\nimport type {\n  SeriesCurve,\n  Timeseries,\n  TimeseriesDatapoint,\n  TimeseriesUnit,\n} from '../../../core/types/timeseries.js';\nimport type { ProgrammaticZoomHandlers } from '../../../core/types/zoom.js';\n\nexport type TimeseriesChartThresholdIndicatorProps = DateThresholdConfig;\n\nexport type ResolvedTimeseriesChartConfig = TimeseriesChartConfiguration;\n\nexport type TimeseriesSelectActions = (\n  selectedSeries: Timeseries[],\n  selectionDomain: [Date, Date],\n) => ReactNode | Promise<ReactNode>;\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 type TimeseriesBand = {\n  datapoints: TimeseriesBandDataPoint[];\n  name: string | string[];\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  unit?: TimeseriesUnit | string | Unit;\n};\n\nexport type TimeseriesSeriesActions = (\n  timeseries: unknown,\n  datapoint?: TimeseriesDatapoint | TimeseriesBandDataPoint,\n) => SeriesActionsTemplate;\n\nexport interface TimeseriesChartLineProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartAreaProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartBarProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n}\n\nexport interface TimeseriesChartBandProps {\n  data: TimeseriesBand;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n}\n\nexport type TimeseriesChartProps = StylingProps &\n  MaskingProps &\n  AriaLabelingProps & {\n    data?: Timeseries[];\n    variant?: ChartVariant;\n    valueRepresentation?: ValueRepresentation;\n    children?: ReactNode;\n    loading?: boolean;\n    height?: number | string;\n    width?: number | string;\n    colorPalette?: ColorPalette | CustomColorPalette;\n    truncationMode?: TruncationMode;\n    initialZoom?: Date[] | number[];\n    currentZoom?: Date[] | number[];\n    onZoomChange?: ZoomChangeHandler;\n    infiniteZoom?: boolean;\n    seriesActions?: TimeseriesSeriesActions;\n    /** The gap policy to be applied to all series of the chart */\n    gapPolicy?: TimeGapPolicy;\n    /**\n     * Show the datapoints always, never or based on a threshold amount.\n     * @defaultValue 'auto'\n     */\n    pointsDisplay?: PointsDisplay;\n    /** Defines the curve shape of line and area series. @defaultValue 'linear' */\n    curve?: SeriesCurve;\n  };\n\nexport interface TimeseriesChartRef extends ProgrammaticZoomHandlers {\n  element: HTMLDivElement | null;\n  getConfig: () => string;\n  downloadData: () => void;\n}\n"],
+  "mappings": "AAoCO,MAAM,wBAAwB,CAAC,QAAQ,QAAQ,KAAK;AAGpD,MAAM,kBAAgC;",
   "names": []
 }

package/esm/content/accordion/Accordion.css CHANGED Viewed

@@ -1,45 +1,45 @@
-._12zc70k0-3-11-2 {
+._12zc70k0-3-12-0 {
   width: 100%;
-  color: var(--_bx32h0-3-11-2);
+  color: var(--_bx32h0-3-12-0);
 }
-._12zc70k1-3-11-2 {
+._12zc70k1-3-12-0 {
   margin: var(--dt-spacings-size-8, 8px) 0;
 }
-._12zc70k2-3-11-2 {
+._12zc70k2-3-12-0 {
   margin: var(--dt-spacings-size-4, 4px) 0;
 }
-._12zc70k3-3-11-2 {
+._12zc70k3-3-12-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-11-2 {
+._12zc70k4-3-12-0 {
   transform: rotate(-90deg);
 }
-._12zc70k5-3-11-2 {
+._12zc70k5-3-12-0 {
   transform: rotate(90deg);
 }
-._12zc70k6-3-11-2 {
+._12zc70k6-3-12-0 {
   transform: rotate(0);
 }
-._12zc70k7-3-11-2 {
+._12zc70k7-3-12-0 {
   box-sizing: border-box;
   transform-origin: top center;
   display: flex;
 }
-._12zc70k8-3-11-2 {
+._12zc70k8-3-12-0 {
   width: 100%;
   box-sizing: border-box;
-  color: var(--_bx32h0-3-11-2);
+  color: var(--_bx32h0-3-12-0);
 }
-._12zc70k9-3-11-2 {
+._12zc70k9-3-12-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
 }
-._12zc70ka-3-11-2 {
+._12zc70ka-3-12-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
 }
 @media (prefers-reduced-motion) {
-  ._12zc70k3-3-11-2 {
+  ._12zc70k3-3-12-0 {
     transition-duration: 0s;
   }
 }

package/esm/content/accordion/Accordion.js CHANGED Viewed

@@ -37,7 +37,14 @@ function RootAccordion(props, forwardedRef) {
   const sectionCount = Children.count(children);
   const accordionSections = Children.map(children, (child, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
     child,
-    showDividers && sectionCount > 1 && index < sectionCount - 1 && /* @__PURE__ */ jsx(Divider, { className: accordionDividerMarginCSS[size], color })
+    showDividers && sectionCount > 1 && index < sectionCount - 1 && /* @__PURE__ */ jsx(
+      Divider,
+      {
+        className: accordionDividerMarginCSS[size],
+        color,
+        "aria-hidden": true
+      }
+    )
   ] }));
   const [state, dispatch] = useAccordionState({
     expanded,

package/esm/content/accordion/Accordion.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/accordion/Accordion.tsx"],
-  "sourcesContent": ["import { forwardRef, useRef, type Ref, Children } from 'react';\n\nimport { AccordionActions, useAccordionState } from './accordion-state.js';\nimport type { AccordionProps } from './accordion-types.js';\nimport { accordionDividerMarginCSS } from './Accordion.sty.js';\nimport { AccordionSection } from './AccordionSection.js';\nimport { AccordionSectionContent } from './AccordionSectionContent.js';\nimport { AccordionSectionLabel } from './AccordionSectionLabel.js';\nimport { AccordionContextProvider } from './contexts/AccordionContext.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { Divider } from '../../layouts/divider/Divider.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\n\nconst COMPONENT_NAME = 'Accordion';\n\n/**\n * Accordion component\n */\nfunction RootAccordion<Multiple extends boolean = false>(\n  props: AccordionProps<Multiple>,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  const {\n    expanded,\n    defaultExpanded,\n    onExpandChange,\n    multiple = false as Multiple,\n    triggerPosition = 'end',\n    interactive = true,\n    color = 'neutral',\n    showDividers = true,\n    size = 'default',\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const sectionCount = Children.count(children);\n  const accordionSections = Children.map(children, (child, index) => (\n    <>\n      {child}\n      {showDividers && sectionCount > 1 && index < sectionCount - 1 && (\n        <Divider className={accordionDividerMarginCSS[size]} color={color} />\n      )}\n    </>\n  ));\n\n  const [state, dispatch] = useAccordionState<Multiple>({\n    expanded,\n    defaultExpanded,\n    multiple,\n    onExpandChange,\n  });\n\n  // Syncronize the open elements if multiple changes.\n  const lastMultiple = useRef(multiple);\n  if (multiple !== lastMultiple.current) {\n    dispatch({ type: AccordionActions.SET_MULTIPLE, payload: multiple });\n    lastMultiple.current = multiple;\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <AccordionContextProvider\n        value={{\n          triggerPosition,\n          size,\n          interactive,\n          state,\n          color,\n          dispatch,\n        }}\n      >\n        <Flex\n          flexDirection=\"column\"\n          gap={showDividers ? 0 : size === 'default' ? 8 : 4}\n        >\n          {accordionSections}\n        </Flex>\n      </AccordionContextProvider>\n    </div>\n  );\n}\n\nRootAccordion.displayName = COMPONENT_NAME;\n\nconst AccordionForwardRef = forwardRef(RootAccordion);\n\n/**\n * Use the `Accordion` to progressively disclose grouped content, letting users reveal and hide sections to reduce page length and focus on what matters.\n * @public\n */\nexport const Accordion = Object.assign(AccordionForwardRef, {\n  Section: AccordionSection,\n  SectionLabel: AccordionSectionLabel,\n  SectionContent: AccordionSectionContent,\n});\n"],
-  "mappings": "AAkDI,mBAGI,KAHJ;AAlDJ,SAAS,YAAY,QAAkB,gBAAgB;AAEvD,SAAS,kBAAkB,yBAAyB;AAEpD,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AACpC,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,MAAM,iBAAiB;AAKvB,SAAS,cACP,OACA,cACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,QAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,QAAM,eAAe,SAAS,MAAM,QAAQ;AAC5C,QAAM,oBAAoB,SAAS,IAAI,UAAU,CAAC,OAAO,UACvD,iCACG;AAAA;AAAA,IACA,gBAAgB,eAAe,KAAK,QAAQ,eAAe,KAC1D,oBAAC,WAAQ,WAAW,0BAA0B,IAAI,GAAG,OAAc;AAAA,KAEvE,CACD;AAED,QAAM,CAAC,OAAO,QAAQ,IAAI,kBAA4B;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAGD,QAAM,eAAe,OAAO,QAAQ;AACpC,MAAI,aAAa,aAAa,SAAS;AACrC,aAAS,EAAE,MAAM,iBAAiB,cAAc,SAAS,SAAS,CAAC;AACnE,iBAAa,UAAU;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,eAAc;AAAA,cACd,KAAK,eAAe,IAAI,SAAS,YAAY,IAAI;AAAA,cAEhD;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AAE5B,MAAM,sBAAsB,WAAW,aAAa;AAM7C,MAAM,YAAY,OAAO,OAAO,qBAAqB;AAAA,EAC1D,SAAS;AAAA,EACT,cAAc;AAAA,EACd,gBAAgB;AAClB,CAAC;",
+  "sourcesContent": ["import { forwardRef, useRef, type Ref, Children } from 'react';\n\nimport { AccordionActions, useAccordionState } from './accordion-state.js';\nimport type { AccordionProps } from './accordion-types.js';\nimport { accordionDividerMarginCSS } from './Accordion.sty.js';\nimport { AccordionSection } from './AccordionSection.js';\nimport { AccordionSectionContent } from './AccordionSectionContent.js';\nimport { AccordionSectionLabel } from './AccordionSectionLabel.js';\nimport { AccordionContextProvider } from './contexts/AccordionContext.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { Divider } from '../../layouts/divider/Divider.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\n\nconst COMPONENT_NAME = 'Accordion';\n\n/**\n * Accordion component\n */\nfunction RootAccordion<Multiple extends boolean = false>(\n  props: AccordionProps<Multiple>,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  const {\n    expanded,\n    defaultExpanded,\n    onExpandChange,\n    multiple = false as Multiple,\n    triggerPosition = 'end',\n    interactive = true,\n    color = 'neutral',\n    showDividers = true,\n    size = 'default',\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  const sectionCount = Children.count(children);\n  const accordionSections = Children.map(children, (child, index) => (\n    <>\n      {child}\n      {showDividers && sectionCount > 1 && index < sectionCount - 1 && (\n        <Divider\n          className={accordionDividerMarginCSS[size]}\n          color={color}\n          aria-hidden\n        />\n      )}\n    </>\n  ));\n\n  const [state, dispatch] = useAccordionState<Multiple>({\n    expanded,\n    defaultExpanded,\n    multiple,\n    onExpandChange,\n  });\n\n  // Syncronize the open elements if multiple changes.\n  const lastMultiple = useRef(multiple);\n  if (multiple !== lastMultiple.current) {\n    dispatch({ type: AccordionActions.SET_MULTIPLE, payload: multiple });\n    lastMultiple.current = multiple;\n  }\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <AccordionContextProvider\n        value={{\n          triggerPosition,\n          size,\n          interactive,\n          state,\n          color,\n          dispatch,\n        }}\n      >\n        <Flex\n          flexDirection=\"column\"\n          gap={showDividers ? 0 : size === 'default' ? 8 : 4}\n        >\n          {accordionSections}\n        </Flex>\n      </AccordionContextProvider>\n    </div>\n  );\n}\n\nRootAccordion.displayName = COMPONENT_NAME;\n\nconst AccordionForwardRef = forwardRef(RootAccordion);\n\n/**\n * Use the `Accordion` to progressively disclose grouped content, letting users reveal and hide sections to reduce page length and focus on what matters.\n * @public\n */\nexport const Accordion = Object.assign(AccordionForwardRef, {\n  Section: AccordionSection,\n  SectionLabel: AccordionSectionLabel,\n  SectionContent: AccordionSectionContent,\n});\n"],
+  "mappings": "AAkDI,mBAGI,KAHJ;AAlDJ,SAAS,YAAY,QAAkB,gBAAgB;AAEvD,SAAS,kBAAkB,yBAAyB;AAEpD,SAAS,iCAAiC;AAC1C,SAAS,wBAAwB;AACjC,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AACpC,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,MAAM,iBAAiB;AAKvB,SAAS,cACP,OACA,cACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,QAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,QAAM,eAAe,SAAS,MAAM,QAAQ;AAC5C,QAAM,oBAAoB,SAAS,IAAI,UAAU,CAAC,OAAO,UACvD,iCACG;AAAA;AAAA,IACA,gBAAgB,eAAe,KAAK,QAAQ,eAAe,KAC1D;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,0BAA0B,IAAI;AAAA,QACzC;AAAA,QACA,eAAW;AAAA;AAAA,IACb;AAAA,KAEJ,CACD;AAED,QAAM,CAAC,OAAO,QAAQ,IAAI,kBAA4B;AAAA,IACpD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAGD,QAAM,eAAe,OAAO,QAAQ;AACpC,MAAI,aAAa,aAAa,SAAS;AACrC,aAAS,EAAE,MAAM,iBAAiB,cAAc,SAAS,SAAS,CAAC;AACnE,iBAAa,UAAU;AAAA,EACzB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MACjB,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,eAAc;AAAA,cACd,KAAK,eAAe,IAAI,SAAS,YAAY,IAAI;AAAA,cAEhD;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAAc;AAE5B,MAAM,sBAAsB,WAAW,aAAa;AAM7C,MAAM,YAAY,OAAO,OAAO,qBAAqB;AAAA,EAC1D,SAAS;AAAA,EACT,cAAc;AAAA,EACd,gBAAgB;AAClB,CAAC;",
   "names": []
 }

package/esm/content/accordion/Accordion.sty.js CHANGED Viewed

@@ -2,14 +2,14 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./Accordion.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-11-2", variantClassNames: { size: { "default": "_12zc70k9-3-11-2", condensed: "_12zc70ka-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var accordionContentWrapperCSS = "_12zc70k7-3-11-2";
-var accordionDividerMarginCSS = { "default": "_12zc70k1-3-11-2", condensed: "_12zc70k2-3-11-2" };
-var accordionLabelCSS = "_12zc70k0-3-11-2";
-var accordionTriggerIconCSS = "_12zc70k3-3-11-2";
-var accordionTriggerIconEndCSS = "_12zc70k5-3-11-2";
-var accordionTriggerIconExpandedCSS = "_12zc70k6-3-11-2";
-var accordionTriggerIconStartCSS = "_12zc70k4-3-11-2";
+var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-12-0", variantClassNames: { size: { "default": "_12zc70k9-3-12-0", condensed: "_12zc70ka-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var accordionContentWrapperCSS = "_12zc70k7-3-12-0";
+var accordionDividerMarginCSS = { "default": "_12zc70k1-3-12-0", condensed: "_12zc70k2-3-12-0" };
+var accordionLabelCSS = "_12zc70k0-3-12-0";
+var accordionTriggerIconCSS = "_12zc70k3-3-12-0";
+var accordionTriggerIconEndCSS = "_12zc70k5-3-12-0";
+var accordionTriggerIconExpandedCSS = "_12zc70k6-3-12-0";
+var accordionTriggerIconStartCSS = "_12zc70k4-3-12-0";
 export {
   accordionContentCSS,
   accordionContentWrapperCSS,

package/esm/content/accordion/Accordion.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/accordion/Accordion.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-11-2',variantClassNames:{size:{'default':'_12zc70k9-3-11-2',condensed:'_12zc70ka-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-11-2';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-11-2',condensed:'_12zc70k2-3-11-2'};\nexport var accordionLabelCSS = '_12zc70k0-3-11-2';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-11-2';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-11-2';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-11-2';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-11-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-12-0',variantClassNames:{size:{'default':'_12zc70k9-3-12-0',condensed:'_12zc70ka-3-12-0'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-12-0';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-12-0',condensed:'_12zc70k2-3-12-0'};\nexport var accordionLabelCSS = '_12zc70k0-3-12-0';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-12-0';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-12-0';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-12-0';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-12-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClM,IAAI,6BAA6B;AACjC,IAAI,4BAA4B,EAAC,WAAU,oBAAmB,WAAU,mBAAkB;AAC1F,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,6BAA6B;AACjC,IAAI,kCAAkC;AACtC,IAAI,+BAA+B;",
   "names": []
 }

package/esm/content/accordion/AccordionSection.js CHANGED Viewed

@@ -43,6 +43,8 @@ const AccordionSection = /* @__PURE__ */ forwardRef(
       label: AccordionSectionLabel,
       content: AccordionSectionContent
     });
+    const sectionLabel = slots.label;
+    const triggerAriaLabel = sectionLabel?.props?.["aria-label"];
     const { triggerPosition, interactive, color, size, state, dispatch } = useAccordionContext();
     const sectionColor = props.color ?? color;
     const triggerId = useId();
@@ -77,7 +79,8 @@ const AccordionSection = /* @__PURE__ */ forwardRef(
         color: sectionColor,
         size,
         disabled,
-        "aria-labelledby": labelId,
+        "aria-label": triggerAriaLabel,
+        "aria-labelledby": triggerAriaLabel ? void 0 : labelId,
         "aria-expanded": isExpanded,
         "aria-controls": isExpanded || keepMounted ? contentId : void 0,
         "data-dt-children-name": "ExpandCollapse",
@@ -106,11 +109,12 @@ const AccordionSection = /* @__PURE__ */ forwardRef(
         ),
         style: consumerStyle,
         ...remainingProps,
-        children: (slots.label || slots.content) && /* @__PURE__ */ jsxs(
+        children: (sectionLabel || slots.content) && /* @__PURE__ */ jsxs(
           AccordionSectionContext.Provider,
           {
             value: {
               labelId,
+              triggerId,
               contentId,
               isExpanded,
               keepMounted,
@@ -125,7 +129,6 @@ const AccordionSection = /* @__PURE__ */ forwardRef(
                   alignItems: "center",
                   justifyContent: triggerIsStart ? void 0 : "space-between",
                   gap: size === "default" ? 8 : 4,
-                  id: labelId,
                   onClick: () => {
                     if (interactive && !disabled) {
                       dispatch({
@@ -142,7 +145,7 @@ const AccordionSection = /* @__PURE__ */ forwardRef(
                   "data-dt-properties": dataDtProperties,
                   children: [
                     triggerIsStart && trigger,
-                    slots.label,
+                    sectionLabel,
                     !triggerIsStart && trigger
                   ]
                 }