@dynatrace/strato-components 3.10.4 → 3.11.0

package/esm/charts/meter-bar/single-meter-bar/utils/get-threshold-interval-sizing.js

@@ -0,0 +1,49 @@
+import { interpolateClamped } from "../../../core/utils/interpolate.js";
+import {
+  LARGE_CHART_SIZE,
+  MEDIUM_CHART_SIZE,
+  SMALL_CHART_SIZE
+} from "../../shared/constants.js";
+import {
+  THRESHOLD_INTERVAL_MAX_GAP,
+  THRESHOLD_INTERVAL_MAX_OFFSET,
+  THRESHOLD_INTERVAL_MAX_THICKNESS,
+  THRESHOLD_INTERVAL_MID_OFFSET,
+  THRESHOLD_INTERVAL_MIN_GAP,
+  THRESHOLD_INTERVAL_MIN_OFFSET,
+  THRESHOLD_INTERVAL_MIN_THICKNESS
+} from "../constants.js";
+const getThresholdIntervalSizing = (barThickness) => {
+  const thickness = interpolateClamped(
+    barThickness,
+    MEDIUM_CHART_SIZE,
+    LARGE_CHART_SIZE,
+    THRESHOLD_INTERVAL_MIN_THICKNESS,
+    THRESHOLD_INTERVAL_MAX_THICKNESS
+  );
+  const gap = interpolateClamped(
+    barThickness,
+    MEDIUM_CHART_SIZE,
+    LARGE_CHART_SIZE,
+    THRESHOLD_INTERVAL_MIN_GAP,
+    THRESHOLD_INTERVAL_MAX_GAP
+  );
+  const offset = barThickness <= MEDIUM_CHART_SIZE ? interpolateClamped(
+    barThickness,
+    SMALL_CHART_SIZE,
+    MEDIUM_CHART_SIZE,
+    THRESHOLD_INTERVAL_MIN_OFFSET,
+    THRESHOLD_INTERVAL_MID_OFFSET
+  ) : interpolateClamped(
+    barThickness,
+    MEDIUM_CHART_SIZE,
+    LARGE_CHART_SIZE,
+    THRESHOLD_INTERVAL_MID_OFFSET,
+    THRESHOLD_INTERVAL_MAX_OFFSET
+  );
+  return { thickness, gap, offset };
+};
+export {
+  getThresholdIntervalSizing
+};
+//# sourceMappingURL=get-threshold-interval-sizing.js.map

package/esm/charts/meter-bar/single-meter-bar/utils/get-threshold-interval-sizing.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/meter-bar/single-meter-bar/utils/get-threshold-interval-sizing.ts"],
+  "sourcesContent": ["import { interpolateClamped } from '../../../core/utils/interpolate.js';\nimport {\n  LARGE_CHART_SIZE,\n  MEDIUM_CHART_SIZE,\n  SMALL_CHART_SIZE,\n} from '../../shared/constants.js';\nimport {\n  THRESHOLD_INTERVAL_MAX_GAP,\n  THRESHOLD_INTERVAL_MAX_OFFSET,\n  THRESHOLD_INTERVAL_MAX_THICKNESS,\n  THRESHOLD_INTERVAL_MID_OFFSET,\n  THRESHOLD_INTERVAL_MIN_GAP,\n  THRESHOLD_INTERVAL_MIN_OFFSET,\n  THRESHOLD_INTERVAL_MIN_THICKNESS,\n} from '../constants.js';\n\nexport interface ThresholdIntervalSizing {\n  /** Height of each interval bar. */\n  thickness: number;\n  /** Gap between adjacent interval bars. */\n  gap: number;\n  /** Vertical offset between the meter bar and the interval bars. */\n  offset: number;\n}\n\n/**\n * Resolves the interval bar sizing from the meter bar thickness.\n *\n * @param barThickness - The rendered meter bar thickness in pixels.\n */\nexport const getThresholdIntervalSizing = (\n  barThickness: number,\n): ThresholdIntervalSizing => {\n  const thickness = interpolateClamped(\n    barThickness,\n    MEDIUM_CHART_SIZE,\n    LARGE_CHART_SIZE,\n    THRESHOLD_INTERVAL_MIN_THICKNESS,\n    THRESHOLD_INTERVAL_MAX_THICKNESS,\n  );\n  const gap = interpolateClamped(\n    barThickness,\n    MEDIUM_CHART_SIZE,\n    LARGE_CHART_SIZE,\n    THRESHOLD_INTERVAL_MIN_GAP,\n    THRESHOLD_INTERVAL_MAX_GAP,\n  );\n  const offset =\n    barThickness <= MEDIUM_CHART_SIZE\n      ? interpolateClamped(\n          barThickness,\n          SMALL_CHART_SIZE,\n          MEDIUM_CHART_SIZE,\n          THRESHOLD_INTERVAL_MIN_OFFSET,\n          THRESHOLD_INTERVAL_MID_OFFSET,\n        )\n      : interpolateClamped(\n          barThickness,\n          MEDIUM_CHART_SIZE,\n          LARGE_CHART_SIZE,\n          THRESHOLD_INTERVAL_MID_OFFSET,\n          THRESHOLD_INTERVAL_MAX_OFFSET,\n        );\n\n  return { thickness, gap, offset };\n};\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAgBA,MAAM,6BAA6B,CACxC,iBAC4B;AAC5B,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,MAAM;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,QAAM,SACJ,gBAAgB,oBACZ;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEN,SAAO,EAAE,WAAW,KAAK,OAAO;AAClC;",
+  "names": []
+}

package/esm/charts/meter-bar/single-meter-bar/utils/resolve-show-threshold-indicators.js

@@ -0,0 +1,12 @@
+import { collapseThresholdShowIndicators } from "../../shared/utils/collapse-threshold-show-indicators.js";
+function resolveShowThresholdIndicators(thresholds) {
+  return collapseThresholdShowIndicators(
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    thresholds.map((threshold) => threshold.showIndicator),
+    "[MeterBarChart] The deprecated per-threshold `showIndicator` config has mixed values and can no longer be represented per threshold. Use the chart-level `showThresholdIndicators` prop to show or hide all threshold indicators at once."
+  );
+}
+export {
+  resolveShowThresholdIndicators
+};
+//# sourceMappingURL=resolve-show-threshold-indicators.js.map

package/esm/charts/meter-bar/single-meter-bar/utils/resolve-show-threshold-indicators.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/meter-bar/single-meter-bar/utils/resolve-show-threshold-indicators.ts"],
+  "sourcesContent": ["import { collapseThresholdShowIndicators } from '../../shared/utils/collapse-threshold-show-indicators.js';\nimport type { MeterBarChartThresholdIndicatorPropsInternal } from '../types/meter-bar-chart-internal.js';\n\n/**\n * Resolves the effective chart-level `showThresholdIndicators` value from the\n * deprecated per-threshold `showIndicator` flags.\n *\n * The chart-level `showThresholdIndicators` prop always takes precedence and is\n * applied by the caller. This helper only kicks in as a fallback, so existing\n * configs that still rely on the per-threshold `showIndicator` flags keep\n * working without a breaking change. Returns `undefined` when no per-threshold\n * flag is set (or the values are indeterminate), signalling the caller to fall\n * back to the chart default.\n * @internal\n */\nexport function resolveShowThresholdIndicators(\n  thresholds: MeterBarChartThresholdIndicatorPropsInternal[],\n): boolean | undefined {\n  return collapseThresholdShowIndicators(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    thresholds.map((threshold) => threshold.showIndicator),\n    '[MeterBarChart] The deprecated per-threshold `showIndicator` config has ' +\n      'mixed values and can no longer be represented per threshold. Use the ' +\n      'chart-level `showThresholdIndicators` prop to show or hide all threshold ' +\n      'indicators at once.',\n  );\n}\n"],
+  "mappings": "AAAA,SAAS,uCAAuC;AAezC,SAAS,+BACd,YACqB;AACrB,SAAO;AAAA;AAAA,IAEL,WAAW,IAAI,CAAC,cAAc,UAAU,aAAa;AAAA,IACrD;AAAA,EAIF;AACF;",
+  "names": []
+}

package/esm/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.css

@@ -1,3 +1,3 @@
-._1cob19w0-3-10-4 {
+._1cob19w0-3-11-0 {
   position: absolute;
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.sty.js

@@ -1,5 +1,5 @@
 import "./InnerContainer.css";
-var container = "_1cob19w0-3-10-4";
+var container = "_1cob19w0-3-11-0";
 export {
   container
 };

package/esm/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.css.ts"],
-  "sourcesContent": ["import './InnerContainer.css';\nexport var container = '_1cob19w0-3-10-4';"],
+  "sourcesContent": ["import './InnerContainer.css';\nexport var container = '_1cob19w0-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.css

@@ -1,3 +1,3 @@
-._1gn0gqx0-3-10-4 {
+._1gn0gqx0-3-11-0 {
   overflow: hidden;
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.sty.js

@@ -1,5 +1,5 @@
 import "./InnerDonut.css";
-var container = "_1gn0gqx0-3-10-4";
+var container = "_1gn0gqx0-3-11-0";
 export {
   container
 };

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.css.ts"],
-  "sourcesContent": ["import './InnerDonut.css';\nexport var container = '_1gn0gqx0-3-10-4';"],
+  "sourcesContent": ["import './InnerDonut.css';\nexport var container = '_1gn0gqx0-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/PieChartInternal.js

@@ -38,6 +38,9 @@ const PieChartInternal = forwardRef((props, forwardedRef) => {
     "data-dtrum-allow": dataDtrumAllow,
     "data-testid": dataTestId,
     "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-details": ariaDetails,
     "data-dt-component": dataDtComponent,
     role
   } = props;
@@ -92,6 +95,9 @@ const PieChartInternal = forwardRef((props, forwardedRef) => {
       "data-dt-component": dataDtComponent,
       "data-testid": dataTestId,
       "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-details": ariaDetails,
       role,
       children: /* @__PURE__ */ jsxs(ChartLayout.Provider, { provider: PieChartSlicesDataProvider, children: [
         /* @__PURE__ */ jsx(ChartLayout.Graph, { children: /* @__PURE__ */ jsx(PieChartOverlays, { children: /* @__PURE__ */ jsx(PieChartPlot, { ...props, ref: mergedRef }) }) }),

package/esm/charts/pie/components/PieChartInternal.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/pie/components/PieChartInternal.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  useRef,\n  type AriaRole,\n  type JSX,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PieChartLegend } from './PieChartLegend/PieChartLegend.js';\nimport { PieChartOverlays } from './PieChartOverlays/PieChartOverlays.js';\nimport { PieChartPlot } from './PieChartPlot/PieChartPlot.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport { ChartLayout } from '../../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { OverrideRatioFunction } from '../../core/components/chart-layout/types/chart-layout.js';\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ORIENTATION } from '../../core/constants.js';\nimport type { AriaLabel } from '../../core/types/aria-label.js';\nimport { sanitizeLegendRatio } from '../../core/utils/sanitize-legend-ratio.js';\nimport { useChartLegend } from '../context/ChartLegendContext.js';\nimport { usePieChartRawData } from '../context/PieChartRawDataContext.js';\nimport { PIE_CHART_MESSAGES } from '../messages.js';\nimport { PieChartSlicesDataProvider } from '../providers/PieChartSlicesDataProvider.js';\nimport {\n  DEFAULT_CONTAINER_PADDING,\n  DEFAULT_SIZE,\n  PIE_CATEGORICAL_LEGEND_SIZES,\n} from '../types/default.js';\nimport type { ChartVariant } from '../types/internal/pie-chart.js';\nimport { PieChartProps } from '../types/pie-chart.config.js';\n\ntype PieChartInternalProps = Omit<PieChartProps, 'data'> &\n  AriaLabel & {\n    role?: AriaRole;\n    variant: ChartVariant;\n    height?: string | number;\n    width?: string | number;\n    isEmpty?: boolean;\n    emptyState?: ReactNode;\n    errorState?: ReactNode | ((message: string) => JSX.Element);\n    'data-dt-component': string;\n  };\n\nexport const PieChartInternal = forwardRef<\n  HTMLDivElement,\n  PieChartInternalProps\n>((props, forwardedRef) => {\n  const {\n    height,\n    width,\n    isEmpty,\n    emptyState,\n    errorState,\n    loading = false,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'data-dt-component': dataDtComponent,\n    role,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const {\n    hidden: legendHidden,\n    position: legendPosition,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n  } = useChartLegend();\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const plotAreaRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([forwardedRef, plotAreaRef]);\n  const intl = useIntl();\n\n  const chartData = usePieChartRawData();\n  const isInvalidDataset =\n    chartData.slices?.reduce((acc, slice) => acc + slice.value, 0) <= 0;\n  const invalidState =\n    !isEmpty && isInvalidDataset\n      ? emptyState ?? intl.formatMessage(PIE_CHART_MESSAGES.invalidDataset)\n      : emptyState;\n\n  const overrideRatio: OverrideRatioFunction = (\n    orientation,\n    width,\n    height,\n    ratio,\n    legendContainerDimensions,\n  ) => {\n    const isHorizontal = orientation === ORIENTATION.Horizontal;\n\n    if (!isHorizontal) {\n      return legendContainerDimensions;\n    }\n\n    const sanitizedRatio = sanitizeLegendRatio(ratio);\n    const legendHeight = isHorizontal ? height : sanitizedRatio * height * 0.01;\n    let legendWidth = width;\n\n    if (isHorizontal) {\n      legendWidth =\n        ratio === 'auto' ? width - height : width * sanitizedRatio * 0.01;\n    }\n\n    return {\n      width: legendWidth,\n      height: legendHeight,\n    };\n  };\n\n  const chartLayoutRef = useAutoLegendRefresh(chartData);\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider>\n        <ChartLayout\n          {...behavioralTrackingProps}\n          ref={chartLayoutRef}\n          chartWidth={width ?? '100%'}\n          chartHeight={height ?? DEFAULT_SIZE}\n          isEmpty={isEmpty || isInvalidDataset}\n          emptyState={isEmpty ? emptyState : emptyState ?? invalidState}\n          errorState={errorState}\n          showLoader={loading}\n          className={className}\n          style={{ padding: `0 ${DEFAULT_CONTAINER_PADDING}`, ...style }}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-dt-component={dataDtComponent}\n          data-testid={dataTestId}\n          aria-label={ariaLabel}\n          role={role}\n        >\n          <ChartLayout.Provider provider={PieChartSlicesDataProvider}>\n            <ChartLayout.Graph>\n              <PieChartOverlays>\n                <PieChartPlot {...props} ref={mergedRef} />\n              </PieChartOverlays>\n            </ChartLayout.Graph>\n            {!legendHidden && (\n              <ChartLayout.Legend\n                position={legendPosition}\n                initialRatio={legendRatio}\n                ratioBoundaries={PIE_CATEGORICAL_LEGEND_SIZES}\n                overrideRatio={overrideRatio}\n                onResize={onRatioChange}\n              >\n                <PieChartLegend />\n              </ChartLayout.Legend>\n            )}\n          </ChartLayout.Provider>\n        </ChartLayout>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n});\n\n(\n  PieChartInternal as typeof PieChartInternal & { displayName: string }\n).displayName = 'PieChartInternal';\n"],
-  "mappings": "AA+IU,SAGM,KAHN;AA/IV;AAAA,EACE;AAAA,EACA;AAAA,OAIK;AACP,SAAS,eAAe;AAExB,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AAErC,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAgBA,MAAM,mBAAmB,WAG9B,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,qBAAqB;AAAA,IACrB;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,KAAK;AAElE,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,IAEV;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,eAAe;AAEnB,QAAM,cAAc,gBAAgB;AAEpC,QAAM,cAAc,OAAuB,IAAI;AAC/C,QAAM,YAAY,aAAa,CAAC,cAAc,WAAW,CAAC;AAC1D,QAAM,OAAO,QAAQ;AAErB,QAAM,YAAY,mBAAmB;AACrC,QAAM,mBACJ,UAAU,QAAQ,OAAO,CAAC,KAAK,UAAU,MAAM,MAAM,OAAO,CAAC,KAAK;AACpE,QAAM,eACJ,CAAC,WAAW,mBACR,cAAc,KAAK,cAAc,mBAAmB,cAAc,IAClE;AAEN,QAAM,gBAAuC,CAC3C,aACAA,QACAC,SACAC,QACA,8BACG;AACH,UAAM,eAAe,gBAAgB,YAAY;AAEjD,QAAI,CAAC,cAAc;AACjB,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,oBAAoBA,MAAK;AAChD,UAAM,eAAe,eAAeD,UAAS,iBAAiBA,UAAS;AACvE,QAAI,cAAcD;AAElB,QAAI,cAAc;AAChB,oBACEE,WAAU,SAASF,SAAQC,UAASD,SAAQ,iBAAiB;AAAA,IACjE;AAEA,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAEA,QAAM,iBAAiB,qBAAqB,SAAS;AAErD,SACE,oBAAC,mBACC,8BAAC,mBACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,YAAY,SAAS;AAAA,MACrB,aAAa,UAAU;AAAA,MACvB,SAAS,WAAW;AAAA,MACpB,YAAY,UAAU,aAAa,cAAc;AAAA,MACjD;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,OAAO,EAAE,SAAS,KAAK,yBAAyB,IAAI,GAAG,MAAM;AAAA,MAC7D,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,qBAAmB;AAAA,MACnB,eAAa;AAAA,MACb,cAAY;AAAA,MACZ;AAAA,MAEA,+BAAC,YAAY,UAAZ,EAAqB,UAAU,4BAC9B;AAAA,4BAAC,YAAY,OAAZ,EACC,8BAAC,oBACC,8BAAC,gBAAc,GAAG,OAAO,KAAK,WAAW,GAC3C,GACF;AAAA,QACC,CAAC,gBACA;AAAA,UAAC,YAAY;AAAA,UAAZ;AAAA,YACC,UAAU;AAAA,YACV,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB;AAAA,YACA,UAAU;AAAA,YAEV,8BAAC,kBAAe;AAAA;AAAA,QAClB;AAAA,SAEJ;AAAA;AAAA,EACF,GACF,GACF;AAEJ,CAAC;AAGC,iBACA,cAAc;",
+  "sourcesContent": ["import {\n  forwardRef,\n  useRef,\n  type AriaRole,\n  type JSX,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PieChartLegend } from './PieChartLegend/PieChartLegend.js';\nimport { PieChartOverlays } from './PieChartOverlays/PieChartOverlays.js';\nimport { PieChartPlot } from './PieChartPlot/PieChartPlot.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../../core/hooks/useMergeRefs.js';\nimport type { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport { ChartLayout } from '../../core/components/chart-layout/ChartLayout.js';\nimport { useAutoLegendRefresh } from '../../core/components/chart-layout/hooks/useAutoLegendRefresh.js';\nimport { OverrideRatioFunction } from '../../core/components/chart-layout/types/chart-layout.js';\nimport { OverlayProvider } from '../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { TooltipProvider } from '../../core/components/overlay-tooltip/contexts/TooltipContext.js';\nimport { ORIENTATION } from '../../core/constants.js';\nimport { sanitizeLegendRatio } from '../../core/utils/sanitize-legend-ratio.js';\nimport { useChartLegend } from '../context/ChartLegendContext.js';\nimport { usePieChartRawData } from '../context/PieChartRawDataContext.js';\nimport { PIE_CHART_MESSAGES } from '../messages.js';\nimport { PieChartSlicesDataProvider } from '../providers/PieChartSlicesDataProvider.js';\nimport {\n  DEFAULT_CONTAINER_PADDING,\n  DEFAULT_SIZE,\n  PIE_CATEGORICAL_LEGEND_SIZES,\n} from '../types/default.js';\nimport type { ChartVariant } from '../types/internal/pie-chart.js';\nimport { PieChartProps } from '../types/pie-chart.config.js';\n\ntype PieChartInternalProps = Omit<PieChartProps, 'data'> &\n  AriaLabelingProps & {\n    role?: AriaRole;\n    variant: ChartVariant;\n    height?: string | number;\n    width?: string | number;\n    isEmpty?: boolean;\n    emptyState?: ReactNode;\n    errorState?: ReactNode | ((message: string) => JSX.Element);\n    'data-dt-component': string;\n  };\n\nexport const PieChartInternal = forwardRef<\n  HTMLDivElement,\n  PieChartInternalProps\n>((props, forwardedRef) => {\n  const {\n    height,\n    width,\n    isEmpty,\n    emptyState,\n    errorState,\n    loading = false,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n    'data-dt-component': dataDtComponent,\n    role,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const {\n    hidden: legendHidden,\n    position: legendPosition,\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    ratio,\n    initialRatio,\n    onRatioChange,\n  } = useChartLegend();\n\n  const legendRatio = initialRatio ?? ratio;\n\n  const plotAreaRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([forwardedRef, plotAreaRef]);\n  const intl = useIntl();\n\n  const chartData = usePieChartRawData();\n  const isInvalidDataset =\n    chartData.slices?.reduce((acc, slice) => acc + slice.value, 0) <= 0;\n  const invalidState =\n    !isEmpty && isInvalidDataset\n      ? emptyState ?? intl.formatMessage(PIE_CHART_MESSAGES.invalidDataset)\n      : emptyState;\n\n  const overrideRatio: OverrideRatioFunction = (\n    orientation,\n    width,\n    height,\n    ratio,\n    legendContainerDimensions,\n  ) => {\n    const isHorizontal = orientation === ORIENTATION.Horizontal;\n\n    if (!isHorizontal) {\n      return legendContainerDimensions;\n    }\n\n    const sanitizedRatio = sanitizeLegendRatio(ratio);\n    const legendHeight = isHorizontal ? height : sanitizedRatio * height * 0.01;\n    let legendWidth = width;\n\n    if (isHorizontal) {\n      legendWidth =\n        ratio === 'auto' ? width - height : width * sanitizedRatio * 0.01;\n    }\n\n    return {\n      width: legendWidth,\n      height: legendHeight,\n    };\n  };\n\n  const chartLayoutRef = useAutoLegendRefresh(chartData);\n\n  return (\n    <OverlayProvider>\n      <TooltipProvider>\n        <ChartLayout\n          {...behavioralTrackingProps}\n          ref={chartLayoutRef}\n          chartWidth={width ?? '100%'}\n          chartHeight={height ?? DEFAULT_SIZE}\n          isEmpty={isEmpty || isInvalidDataset}\n          emptyState={isEmpty ? emptyState : emptyState ?? invalidState}\n          errorState={errorState}\n          showLoader={loading}\n          className={className}\n          style={{ padding: `0 ${DEFAULT_CONTAINER_PADDING}`, ...style }}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          data-dt-component={dataDtComponent}\n          data-testid={dataTestId}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          aria-details={ariaDetails}\n          role={role}\n        >\n          <ChartLayout.Provider provider={PieChartSlicesDataProvider}>\n            <ChartLayout.Graph>\n              <PieChartOverlays>\n                <PieChartPlot {...props} ref={mergedRef} />\n              </PieChartOverlays>\n            </ChartLayout.Graph>\n            {!legendHidden && (\n              <ChartLayout.Legend\n                position={legendPosition}\n                initialRatio={legendRatio}\n                ratioBoundaries={PIE_CATEGORICAL_LEGEND_SIZES}\n                overrideRatio={overrideRatio}\n                onResize={onRatioChange}\n              >\n                <PieChartLegend />\n              </ChartLayout.Legend>\n            )}\n          </ChartLayout.Provider>\n        </ChartLayout>\n      </TooltipProvider>\n    </OverlayProvider>\n  );\n});\n\n(\n  PieChartInternal as typeof PieChartInternal & { displayName: string }\n).displayName = 'PieChartInternal';\n"],
+  "mappings": "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",
   "names": ["width", "height", "ratio"]
 }

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.css

@@ -1,4 +1,4 @@
-._jxp4cr0-3-10-4 {
+._jxp4cr0-3-11-0 {
   position: relative;
   height: 100%;
   z-index: 1;

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.sty.js

@@ -1,5 +1,5 @@
 import "./PieChartOverlays.css";
-var container = "_jxp4cr0-3-10-4";
+var container = "_jxp4cr0-3-11-0";
 export {
   container
 };

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartOverlays/PieChartOverlays.css.ts"],
-  "sourcesContent": ["import './PieChartOverlays.css';\nexport var container = '_jxp4cr0-3-10-4';"],
+  "sourcesContent": ["import './PieChartOverlays.css';\nexport var container = '_jxp4cr0-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.css

@@ -1,3 +1,3 @@
-._1iotdmn0-3-10-4 {
+._1iotdmn0-3-11-0 {
   position: relative;
 }

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.sty.js

@@ -1,5 +1,5 @@
 import "./PieChartPlot.css";
-var container = "_1iotdmn0-3-10-4";
+var container = "_1iotdmn0-3-11-0";
 export {
   container
 };

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartPlot/PieChartPlot.css.ts"],
-  "sourcesContent": ["import './PieChartPlot.css';\nexport var container = '_1iotdmn0-3-10-4';"],
+  "sourcesContent": ["import './PieChartPlot.css';\nexport var container = '_1iotdmn0-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/sankey-chart/SankeyChart.css

@@ -0,0 +1,5 @@
+._s3m3d0-3-11-0 {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}

package/esm/charts/sankey-chart/SankeyChart.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { SankeyGraphArea } from "./components/SankeyGraphArea.js";
+import { SankeyDataContext } from "./context/SankeyData.context.js";
+import { getSankeyIsEmpty } from "./utils/get-sankey-is-empty.js";
+import { ChartLayout } from "../core/components/chart-layout/ChartLayout.js";
+import { getChartStatesTemplates } from "../core/components/chart-states/utils/get-chart-states-template.js";
+function SankeyChartLayout({
+  chartWidth,
+  chartHeight,
+  showLoader,
+  children
+}) {
+  const graph = useContext(SankeyDataContext);
+  const isEmpty = getSankeyIsEmpty(graph);
+  const { emptyState, errorState } = getChartStatesTemplates(children);
+  return /* @__PURE__ */ jsx(
+    ChartLayout,
+    {
+      chartWidth,
+      chartHeight,
+      isEmpty,
+      emptyState,
+      errorState,
+      showLoader,
+      children: /* @__PURE__ */ jsx(ChartLayout.Graph, { children: /* @__PURE__ */ jsx(SankeyGraphArea, {}) })
+    }
+  );
+}
+export {
+  SankeyChartLayout
+};
+//# sourceMappingURL=SankeyChart.js.map

package/esm/charts/sankey-chart/SankeyChart.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/charts/sankey-chart/SankeyChart.tsx"],
+  "sourcesContent": ["import { useContext, type ReactNode } from 'react';\n\nimport { SankeyGraphArea } from './components/SankeyGraphArea.js';\nimport { SankeyDataContext } from './context/SankeyData.context.js';\nimport { getSankeyIsEmpty } from './utils/get-sankey-is-empty.js';\nimport { ChartLayout } from '../core/components/chart-layout/ChartLayout.js';\nimport { getChartStatesTemplates } from '../core/components/chart-states/utils/get-chart-states-template.js';\n\ninterface SankeyChartLayoutProps {\n  chartWidth?: number | string;\n  chartHeight?: number | string;\n  showLoader: boolean;\n  children?: ReactNode;\n}\n\nexport function SankeyChartLayout({\n  chartWidth,\n  chartHeight,\n  showLoader,\n  children,\n}: SankeyChartLayoutProps) {\n  const graph = useContext(SankeyDataContext);\n  const isEmpty = getSankeyIsEmpty(graph);\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  return (\n    <ChartLayout\n      chartWidth={chartWidth}\n      chartHeight={chartHeight}\n      isEmpty={isEmpty}\n      emptyState={emptyState}\n      errorState={errorState}\n      showLoader={showLoader}\n    >\n      <ChartLayout.Graph>\n        <SankeyGraphArea />\n      </ChartLayout.Graph>\n    </ChartLayout>\n  );\n}\n"],
+  "mappings": "AAmCQ;AAnCR,SAAS,kBAAkC;AAE3C,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,+BAA+B;AASjC,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,QAAQ,WAAW,iBAAiB;AAC1C,QAAM,UAAU,iBAAiB,KAAK;AACtC,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,YAAY,OAAZ,EACC,8BAAC,mBAAgB,GACnB;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/esm/charts/sankey-chart/SankeyChart.sty.js

@@ -0,0 +1,6 @@
+import "./SankeyChart.css";
+var graphAreaContainer = "_s3m3d0-3-11-0";
+export {
+  graphAreaContainer
+};
+//# sourceMappingURL=SankeyChart.sty.js.map

package/esm/charts/sankey-chart/SankeyChart.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/charts/sankey-chart/SankeyChart.css.ts"],
+  "sourcesContent": ["import './SankeyChart.css';\nexport var graphAreaContainer = '_s3m3d0-3-11-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
+  "names": []
+}

package/esm/charts/sankey-chart/SankeyChartRoot.js

@@ -0,0 +1,68 @@
+import { jsx } from "react/jsx-runtime";
+import { DEFAULT_TRUNCATION_MODE, DISPLAY_NAME } from "./constants.js";
+import { SankeyConfigProvider } from "./providers/SankeyConfigProvider.js";
+import { SankeyDataProvider } from "./providers/SankeyDataProvider.js";
+import { SankeyChartLayout } from "./SankeyChart.js";
+import { Nodes } from "./slots/Nodes.js";
+import { iterateSlots } from "./utils/iterate-slots.js";
+import { EmptyStateSlot } from "../core/slots/chart-states/EmptyStateSlot.js";
+import { ErrorStateSlot } from "../core/slots/chart-states/ErrorStateSlot.js";
+const SankeyChartRoot = (props) => {
+  const {
+    data,
+    sourceAccessor,
+    targetAccessor,
+    valueAccessor,
+    nodes,
+    nodeIdAccessor,
+    nodeLabelAccessor,
+    columnAccessor,
+    width,
+    height,
+    loading = false,
+    truncationMode = DEFAULT_TRUNCATION_MODE,
+    children
+  } = props;
+  const { nodes: nodesConfig } = iterateSlots(children);
+  return /* @__PURE__ */ jsx(
+    SankeyConfigProvider,
+    {
+      nodesConfig,
+      truncationMode,
+      children: /* @__PURE__ */ jsx(
+        SankeyDataProvider,
+        {
+          data,
+          sourceAccessor,
+          targetAccessor,
+          valueAccessor,
+          nodes,
+          nodeIdAccessor,
+          nodeLabelAccessor,
+          columnAccessor,
+          children: /* @__PURE__ */ jsx(
+            SankeyChartLayout,
+            {
+              chartWidth: width,
+              chartHeight: height,
+              showLoader: loading,
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+};
+SankeyChartRoot.displayName = DISPLAY_NAME;
+const SankeyChart = Object.assign(SankeyChartRoot, {
+  Nodes,
+  EmptyState: EmptyStateSlot,
+  ErrorState: ErrorStateSlot
+});
+SankeyChart.displayName = "SankeyChart";
+export {
+  SankeyChart,
+  SankeyChartRoot
+};
+//# sourceMappingURL=SankeyChartRoot.js.map

package/esm/charts/sankey-chart/SankeyChartRoot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/charts/sankey-chart/SankeyChartRoot.tsx"],
+  "sourcesContent": ["import { DEFAULT_TRUNCATION_MODE, DISPLAY_NAME } from './constants.js';\nimport { SankeyConfigProvider } from './providers/SankeyConfigProvider.js';\nimport { SankeyDataProvider } from './providers/SankeyDataProvider.js';\nimport { SankeyChartLayout } from './SankeyChart.js';\nimport { Nodes } from './slots/Nodes.js';\nimport type { SankeyChartProps } from './types/sankey-props.js';\nimport { iterateSlots } from './utils/iterate-slots.js';\nimport { EmptyStateSlot } from '../core/slots/chart-states/EmptyStateSlot.js';\nimport { ErrorStateSlot } from '../core/slots/chart-states/ErrorStateSlot.js';\n\n/**\n * @internal\n */\nexport const SankeyChartRoot = (props: SankeyChartProps) => {\n  const {\n    data,\n    sourceAccessor,\n    targetAccessor,\n    valueAccessor,\n    nodes,\n    nodeIdAccessor,\n    nodeLabelAccessor,\n    columnAccessor,\n    width,\n    height,\n    loading = false,\n    truncationMode = DEFAULT_TRUNCATION_MODE,\n    children,\n  } = props;\n\n  const { nodes: nodesConfig } = iterateSlots(children);\n\n  return (\n    <SankeyConfigProvider\n      nodesConfig={nodesConfig}\n      truncationMode={truncationMode}\n    >\n      <SankeyDataProvider\n        data={data}\n        sourceAccessor={sourceAccessor}\n        targetAccessor={targetAccessor}\n        valueAccessor={valueAccessor}\n        nodes={nodes}\n        nodeIdAccessor={nodeIdAccessor}\n        nodeLabelAccessor={nodeLabelAccessor}\n        columnAccessor={columnAccessor}\n      >\n        <SankeyChartLayout\n          chartWidth={width}\n          chartHeight={height}\n          showLoader={loading}\n        >\n          {children}\n        </SankeyChartLayout>\n      </SankeyDataProvider>\n    </SankeyConfigProvider>\n  );\n};\n\n(\n  SankeyChartRoot as typeof SankeyChartRoot & { displayName: string }\n).displayName = DISPLAY_NAME;\n\n/**\n * The `SankeyChart` visualizes directed flows between nodes across stages.\n * @internal\n */\nexport const SankeyChart = Object.assign(SankeyChartRoot, {\n  Nodes,\n  EmptyState: EmptyStateSlot,\n  ErrorState: ErrorStateSlot,\n});\n\n(SankeyChart as typeof SankeyChart & { displayName: string }).displayName =\n  'SankeyChart';\n"],
+  "mappings": "AA+CQ;AA/CR,SAAS,yBAAyB,oBAAoB;AACtD,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,aAAa;AAEtB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAKxB,MAAM,kBAAkB,CAAC,UAA4B;AAC1D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,OAAO,YAAY,IAAI,aAAa,QAAQ;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,YAAY;AAAA,cAEX;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAGE,gBACA,cAAc;AAMT,MAAM,cAAc,OAAO,OAAO,iBAAiB;AAAA,EACxD;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AACd,CAAC;AAEA,YAA6D,cAC5D;",
+  "names": []
+}

package/esm/charts/sankey-chart/components/SankeyCanvas.css

@@ -0,0 +1,5 @@
+._1hfx9ue0-3-11-0 {
+  position: absolute;
+  top: 0;
+  left: 0;
+}

package/esm/charts/sankey-chart/components/SankeyCanvas.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { canvasContainer } from "./SankeyCanvas.sty.js";
+import { Canvas } from "../../core/components/canvas/Canvas.js";
+import { CanvasContext } from "../../core/components/canvas/CanvasContext.js";
+import { useGraphSize } from "../../core/components/chart-layout/hooks/useGraphSize.js";
+import { useDrawSankey } from "../hooks/use-draw-sankey.js";
+import { useSankeyLayout } from "../hooks/use-sankey-layout.js";
+function SankeyDraw({ layout }) {
+  useDrawSankey(layout);
+  return null;
+}
+SankeyDraw["displayName"] = "SankeyDraw";
+function SankeyCanvas() {
+  const { width, height } = useGraphSize();
+  const layout = useSankeyLayout();
+  const shapeRefs = useRef(/* @__PURE__ */ new Map());
+  const canvasContextValue = useMemo(
+    () => ({ shapeRefs: shapeRefs.current }),
+    []
+  );
+  return /* @__PURE__ */ jsx("div", { className: canvasContainer, children: /* @__PURE__ */ jsx(CanvasContext.Provider, { value: canvasContextValue, children: /* @__PURE__ */ jsx(Canvas, { width, height, children: /* @__PURE__ */ jsx(SankeyDraw, { layout }) }) }) });
+}
+SankeyCanvas["displayName"] = "SankeyCanvas";
+export {
+  SankeyCanvas
+};
+//# sourceMappingURL=SankeyCanvas.js.map

package/esm/charts/sankey-chart/components/SankeyCanvas.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/components/SankeyCanvas.tsx"],
+  "sourcesContent": ["import { useMemo, useRef, type RefObject } from 'react';\n\nimport { canvasContainer } from './SankeyCanvas.sty.js';\nimport { Canvas } from '../../core/components/canvas/Canvas.js';\nimport { CanvasContext } from '../../core/components/canvas/CanvasContext.js';\nimport type { CanvasShape } from '../../core/components/canvas/types/canvas-shape.js';\nimport { useGraphSize } from '../../core/components/chart-layout/hooks/useGraphSize.js';\nimport { useDrawSankey } from '../hooks/use-draw-sankey.js';\nimport { useSankeyLayout } from '../hooks/use-sankey-layout.js';\nimport type { SankeyLayoutModel } from '../types/sankey-internal.js';\n\ninterface SankeyDrawProps {\n  layout: SankeyLayoutModel;\n}\n\nfunction SankeyDraw({ layout }: SankeyDrawProps) {\n  useDrawSankey(layout);\n  return null;\n}\n\nSankeyDraw['displayName'] = 'SankeyDraw';\n\nexport function SankeyCanvas() {\n  const { width, height } = useGraphSize();\n  const layout = useSankeyLayout();\n  const shapeRefs = useRef(new Map<string, RefObject<CanvasShape>>());\n  const canvasContextValue = useMemo(\n    () => ({ shapeRefs: shapeRefs.current }),\n    [],\n  );\n\n  return (\n    <div className={canvasContainer}>\n      <CanvasContext.Provider value={canvasContextValue}>\n        <Canvas width={width} height={height}>\n          <SankeyDraw layout={layout} />\n        </Canvas>\n      </CanvasContext.Provider>\n    </div>\n  );\n}\n\nSankeyCanvas['displayName'] = 'SankeyCanvas';\n"],
+  "mappings": "AAmCU;AAnCV,SAAS,SAAS,cAA8B;AAEhD,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAE9B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAOhC,SAAS,WAAW,EAAE,OAAO,GAAoB;AAC/C,gBAAc,MAAM;AACpB,SAAO;AACT;AAEA,WAAW,aAAa,IAAI;AAErB,SAAS,eAAe;AAC7B,QAAM,EAAE,OAAO,OAAO,IAAI,aAAa;AACvC,QAAM,SAAS,gBAAgB;AAC/B,QAAM,YAAY,OAAO,oBAAI,IAAoC,CAAC;AAClE,QAAM,qBAAqB;AAAA,IACzB,OAAO,EAAE,WAAW,UAAU,QAAQ;AAAA,IACtC,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,SAAI,WAAW,iBACd,8BAAC,cAAc,UAAd,EAAuB,OAAO,oBAC7B,8BAAC,UAAO,OAAc,QACpB,8BAAC,cAAW,QAAgB,GAC9B,GACF,GACF;AAEJ;AAEA,aAAa,aAAa,IAAI;",
+  "names": []
+}

package/esm/charts/sankey-chart/components/SankeyCanvas.sty.js

@@ -0,0 +1,6 @@
+import "./SankeyCanvas.css";
+var canvasContainer = "_1hfx9ue0-3-11-0";
+export {
+  canvasContainer
+};
+//# sourceMappingURL=SankeyCanvas.sty.js.map

package/esm/charts/sankey-chart/components/SankeyCanvas.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/components/SankeyCanvas.css.ts"],
+  "sourcesContent": ["import './SankeyCanvas.css';\nexport var canvasContainer = '_1hfx9ue0-3-11-0';"],
+  "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
+  "names": []
+}

package/esm/charts/sankey-chart/components/SankeyGraphArea.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { graphAreaContainer } from "../SankeyChart.sty.js";
+import { SankeyCanvas } from "./SankeyCanvas.js";
+function SankeyGraphArea() {
+  return /* @__PURE__ */ jsx("div", { className: graphAreaContainer, children: /* @__PURE__ */ jsx(SankeyCanvas, {}) });
+}
+SankeyGraphArea["displayName"] = "SankeyGraphArea";
+export {
+  SankeyGraphArea
+};
+//# sourceMappingURL=SankeyGraphArea.js.map

package/esm/charts/sankey-chart/components/SankeyGraphArea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/components/SankeyGraphArea.tsx"],
+  "sourcesContent": ["import { graphAreaContainer } from '../SankeyChart.sty.js';\nimport { SankeyCanvas } from './SankeyCanvas.js';\n\nexport function SankeyGraphArea() {\n  return (\n    <div className={graphAreaContainer}>\n      <SankeyCanvas />\n    </div>\n  );\n}\n\nSankeyGraphArea['displayName'] = 'SankeyGraphArea';\n"],
+  "mappings": "AAMM;AANN,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAEtB,SAAS,kBAAkB;AAChC,SACE,oBAAC,SAAI,WAAW,oBACd,8BAAC,gBAAa,GAChB;AAEJ;AAEA,gBAAgB,aAAa,IAAI;",
+  "names": []
+}

package/esm/charts/sankey-chart/constants.js

@@ -0,0 +1,18 @@
+import { TRUNCATION_MODE } from "../core/constants.js";
+const DISPLAY_NAME = "SankeyChart";
+const DEFAULT_TRUNCATION_MODE = TRUNCATION_MODE.Middle;
+const DEFAULT_LAYOUT_WIDTH = 600;
+const DEFAULT_LAYOUT_HEIGHT = 300;
+const DEFAULT_NODE_WIDTH = 24;
+const DEFAULT_NODE_PADDING = 20;
+const LAYOUT_MARGIN = 20;
+export {
+  DEFAULT_LAYOUT_HEIGHT,
+  DEFAULT_LAYOUT_WIDTH,
+  DEFAULT_NODE_PADDING,
+  DEFAULT_NODE_WIDTH,
+  DEFAULT_TRUNCATION_MODE,
+  DISPLAY_NAME,
+  LAYOUT_MARGIN
+};
+//# sourceMappingURL=constants.js.map

package/esm/charts/sankey-chart/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/charts/sankey-chart/constants.ts"],
+  "sourcesContent": ["import type { TruncationMode } from '../../typography/text-ellipsis/TextEllipsis.js';\nimport { TRUNCATION_MODE } from '../core/constants.js';\n\nexport const DISPLAY_NAME = 'SankeyChart';\n\nexport const DEFAULT_TRUNCATION_MODE: TruncationMode = TRUNCATION_MODE.Middle;\n\n/**\n * Pixel dimensions used for the d3-sankey layout pass while the chart is not\n * yet integrated with ChartLayout (which will later supply the observed graph\n * size). Used only as a fallback when width/height are not pixel values.\n */\nexport const DEFAULT_LAYOUT_WIDTH = 600;\nexport const DEFAULT_LAYOUT_HEIGHT = 300;\n\n/** d3-sankey node geometry defaults (visual tuning deferred). */\nexport const DEFAULT_NODE_WIDTH = 24;\nexport const DEFAULT_NODE_PADDING = 20;\nexport const LAYOUT_MARGIN = 20;\n"],
+  "mappings": "AACA,SAAS,uBAAuB;AAEzB,MAAM,eAAe;AAErB,MAAM,0BAA0C,gBAAgB;AAOhE,MAAM,uBAAuB;AAC7B,MAAM,wBAAwB;AAG9B,MAAM,qBAAqB;AAC3B,MAAM,uBAAuB;AAC7B,MAAM,gBAAgB;",
+  "names": []
+}

package/esm/charts/sankey-chart/context/SankeyData.context.js

@@ -0,0 +1,10 @@
+import { createContext } from "react";
+const SankeyDataContext = createContext({
+  nodes: [],
+  links: []
+});
+SankeyDataContext["displayName"] = "SankeyDataContext";
+export {
+  SankeyDataContext
+};
+//# sourceMappingURL=SankeyData.context.js.map

package/esm/charts/sankey-chart/context/SankeyData.context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/context/SankeyData.context.ts"],
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { SankeyGraphModel } from '../types/sankey-internal.js';\n\nexport const SankeyDataContext = createContext<SankeyGraphModel>({\n  nodes: [],\n  links: [],\n});\n\nSankeyDataContext['displayName'] = 'SankeyDataContext';\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,oBAAoB,cAAgC;AAAA,EAC/D,OAAO,CAAC;AAAA,EACR,OAAO,CAAC;AACV,CAAC;AAED,kBAAkB,aAAa,IAAI;",
+  "names": []
+}

package/esm/charts/sankey-chart/context/SankeyNodes.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+const SankeyNodesContext = createContext({});
+SankeyNodesContext["displayName"] = "SankeyNodesContext";
+export {
+  SankeyNodesContext
+};
+//# sourceMappingURL=SankeyNodes.context.js.map

package/esm/charts/sankey-chart/context/SankeyNodes.context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/context/SankeyNodes.context.ts"],
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { SankeyChartNodesProps } from '../types/sankey-props.js';\n\nexport const SankeyNodesContext = createContext<SankeyChartNodesProps>({});\n\nSankeyNodesContext['displayName'] = 'SankeyNodesContext';\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,qBAAqB,cAAqC,CAAC,CAAC;AAEzE,mBAAmB,aAAa,IAAI;",
+  "names": []
+}

package/esm/charts/sankey-chart/context/SankeyTruncationMode.context.js

@@ -0,0 +1,10 @@
+import { createContext } from "react";
+import { DEFAULT_TRUNCATION_MODE } from "../constants.js";
+const SankeyTruncationModeContext = createContext(
+  DEFAULT_TRUNCATION_MODE
+);
+SankeyTruncationModeContext["displayName"] = "SankeyTruncationModeContext";
+export {
+  SankeyTruncationModeContext
+};
+//# sourceMappingURL=SankeyTruncationMode.context.js.map

package/esm/charts/sankey-chart/context/SankeyTruncationMode.context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/sankey-chart/context/SankeyTruncationMode.context.ts"],
+  "sourcesContent": ["import { createContext } from 'react';\n\nimport type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js';\nimport { DEFAULT_TRUNCATION_MODE } from '../constants.js';\n\nexport const SankeyTruncationModeContext = createContext<TruncationMode>(\n  DEFAULT_TRUNCATION_MODE,\n);\n\nSankeyTruncationModeContext['displayName'] = 'SankeyTruncationModeContext';\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAG9B,SAAS,+BAA+B;AAEjC,MAAM,8BAA8B;AAAA,EACzC;AACF;AAEA,4BAA4B,aAAa,IAAI;",
+  "names": []
+}

package/esm/charts/sankey-chart/hooks/use-draw-sankey.js

@@ -0,0 +1,34 @@
+import { useCallback } from "react";
+import { useCanvas } from "../../core/components/canvas/hooks/useCanvas.js";
+import { sankeyLinkHorizontal } from "../vendor/d3-sankey/index.js";
+const linkPath = sankeyLinkHorizontal();
+function useDrawSankey(layout) {
+  const draw = useCallback(
+    (ctx) => {
+      ctx.fillStyle = "#888888";
+      for (const node of layout.nodes) {
+        ctx.fillRect(
+          node.x0 ?? 0,
+          node.y0 ?? 0,
+          (node.x1 ?? 0) - (node.x0 ?? 0),
+          (node.y1 ?? 0) - (node.y0 ?? 0)
+        );
+      }
+      ctx.strokeStyle = "rgba(0,0,0,0.2)";
+      for (const link of layout.links) {
+        const pathString = linkPath(link);
+        if (pathString) {
+          const path = new Path2D(pathString);
+          ctx.lineWidth = Math.max(link.width ?? 0, 1);
+          ctx.stroke(path);
+        }
+      }
+    },
+    [layout]
+  );
+  useCanvas("sankey", draw);
+}
+export {
+  useDrawSankey
+};
+//# sourceMappingURL=use-draw-sankey.js.map