@dynatrace/strato-components 3.10.4 → 3.11.1

package/charts/meter-bar/single-meter-bar/utils/build-thresholds.d.ts

@@ -1,8 +1,8 @@
 import { LegendItem } from '../../../core/components/legend/categorical/types/legend.js';
 import { ThresholdMetadata } from '../types/meter-bar-chart-internal.js';
-export declare function buildThresholds(value: number, min: number, max: number, width: number, thresholdsConfig?: ThresholdMetadata): {
+export declare function buildThresholds(value: number, min: number, max: number, fallbackColor: string, thresholdsConfig?: ThresholdMetadata): {
     matchingThreshold: import("../../../core/utils/find-matching-threshold.js").ThresholdProps | undefined;
-    thresholdIndicators: number[];
+    thresholdIntervals: import("../types/meter-bar-chart-internal.js").ThresholdIntervalRange[];
     legendItems: LegendItem[];
 };
 //# sourceMappingURL=build-thresholds.d.ts.map

package/charts/meter-bar/single-meter-bar/utils/build-thresholds.js

@@ -20,18 +20,18 @@ __export(build_thresholds_exports, {
   buildThresholds: () => buildThresholds
 });
 module.exports = __toCommonJS(build_thresholds_exports);
-var import_get_threshold_indicators = require("./get-threshold-indicators.js");
+var import_build_threshold_intervals = require("./build-threshold-intervals.js");
 var import_find_matching_threshold = require("../../../core/utils/find-matching-threshold.js");
-function buildThresholds(value, min, max, width, thresholdsConfig) {
+function buildThresholds(value, min, max, fallbackColor, thresholdsConfig) {
   const matchingThreshold = thresholdsConfig !== void 0 ? (0, import_find_matching_threshold.findMatchingThreshold)(value, thresholdsConfig.data) : void 0;
-  const thresholdIndicators = thresholdsConfig !== void 0 ? (0, import_get_threshold_indicators.getThresholdIndicators)(thresholdsConfig.data, min, max, width) : [];
+  const thresholdIntervals = thresholdsConfig !== void 0 ? (0, import_build_threshold_intervals.buildThresholdIntervals)(thresholdsConfig.data, min, max, fallbackColor) : [];
   const legendItems = thresholdsConfig !== void 0 ? thresholdsConfig.data.map((threshold, index) => {
     const name = threshold.name ?? `Threshold ${index + 1}`;
     return {
       id: `item-${name}-${index}`,
       name,
-      color: { Default: threshold.color }
+      color: { Default: threshold.color ?? fallbackColor }
     };
   }) : [];
-  return { matchingThreshold, thresholdIndicators, legendItems };
+  return { matchingThreshold, thresholdIntervals, legendItems };
 }

package/charts/meter-bar/single-meter-bar/utils/get-threshold-interval-sizing.d.ts

@@ -0,0 +1,15 @@
+export interface ThresholdIntervalSizing {
+    /** Height of each interval bar. */
+    thickness: number;
+    /** Gap between adjacent interval bars. */
+    gap: number;
+    /** Vertical offset between the meter bar and the interval bars. */
+    offset: number;
+}
+/**
+ * Resolves the interval bar sizing from the meter bar thickness.
+ *
+ * @param barThickness - The rendered meter bar thickness in pixels.
+ */
+export declare const getThresholdIntervalSizing: (barThickness: number) => ThresholdIntervalSizing;
+//# sourceMappingURL=get-threshold-interval-sizing.d.ts.map

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

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var get_threshold_interval_sizing_exports = {};
+__export(get_threshold_interval_sizing_exports, {
+  getThresholdIntervalSizing: () => getThresholdIntervalSizing
+});
+module.exports = __toCommonJS(get_threshold_interval_sizing_exports);
+var import_interpolate = require("../../../core/utils/interpolate.js");
+var import_constants = require("../../shared/constants.js");
+var import_constants2 = require("../constants.js");
+const getThresholdIntervalSizing = (barThickness) => {
+  const thickness = (0, import_interpolate.interpolateClamped)(
+    barThickness,
+    import_constants.MEDIUM_CHART_SIZE,
+    import_constants.LARGE_CHART_SIZE,
+    import_constants2.THRESHOLD_INTERVAL_MIN_THICKNESS,
+    import_constants2.THRESHOLD_INTERVAL_MAX_THICKNESS
+  );
+  const gap = (0, import_interpolate.interpolateClamped)(
+    barThickness,
+    import_constants.MEDIUM_CHART_SIZE,
+    import_constants.LARGE_CHART_SIZE,
+    import_constants2.THRESHOLD_INTERVAL_MIN_GAP,
+    import_constants2.THRESHOLD_INTERVAL_MAX_GAP
+  );
+  const offset = barThickness <= import_constants.MEDIUM_CHART_SIZE ? (0, import_interpolate.interpolateClamped)(
+    barThickness,
+    import_constants.SMALL_CHART_SIZE,
+    import_constants.MEDIUM_CHART_SIZE,
+    import_constants2.THRESHOLD_INTERVAL_MIN_OFFSET,
+    import_constants2.THRESHOLD_INTERVAL_MID_OFFSET
+  ) : (0, import_interpolate.interpolateClamped)(
+    barThickness,
+    import_constants.MEDIUM_CHART_SIZE,
+    import_constants.LARGE_CHART_SIZE,
+    import_constants2.THRESHOLD_INTERVAL_MID_OFFSET,
+    import_constants2.THRESHOLD_INTERVAL_MAX_OFFSET
+  );
+  return { thickness, gap, offset };
+};

package/charts/meter-bar/single-meter-bar/utils/resolve-show-threshold-indicators.d.ts

@@ -0,0 +1,15 @@
+import type { MeterBarChartThresholdIndicatorPropsInternal } from '../types/meter-bar-chart-internal.js';
+/**
+ * Resolves the effective chart-level `showThresholdIndicators` value from the
+ * deprecated per-threshold `showIndicator` flags.
+ *
+ * The chart-level `showThresholdIndicators` prop always takes precedence and is
+ * applied by the caller. This helper only kicks in as a fallback, so existing
+ * configs that still rely on the per-threshold `showIndicator` flags keep
+ * working without a breaking change. Returns `undefined` when no per-threshold
+ * flag is set (or the values are indeterminate), signalling the caller to fall
+ * back to the chart default.
+ * @internal
+ */
+export declare function resolveShowThresholdIndicators(thresholds: MeterBarChartThresholdIndicatorPropsInternal[]): boolean | undefined;
+//# sourceMappingURL=resolve-show-threshold-indicators.d.ts.map

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

@@ -0,0 +1,30 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var resolve_show_threshold_indicators_exports = {};
+__export(resolve_show_threshold_indicators_exports, {
+  resolveShowThresholdIndicators: () => resolveShowThresholdIndicators
+});
+module.exports = __toCommonJS(resolve_show_threshold_indicators_exports);
+var import_collapse_threshold_show_indicators = require("../../shared/utils/collapse-threshold-show-indicators.js");
+function resolveShowThresholdIndicators(thresholds) {
+  return (0, import_collapse_threshold_show_indicators.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."
+  );
+}

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

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

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

@@ -21,4 +21,4 @@ __export(InnerContainer_css_exports, {
 });
 module.exports = __toCommonJS(InnerContainer_css_exports);
 var import_InnerContainer_css_ts_vanilla = require("./InnerContainer.css");
-var container = "_1cob19w0-3-10-4";
+var container = "_1cob19w0-3-11-1";

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

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

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

@@ -21,4 +21,4 @@ __export(InnerDonut_css_exports, {
 });
 module.exports = __toCommonJS(InnerDonut_css_exports);
 var import_InnerDonut_css_ts_vanilla = require("./InnerDonut.css");
-var container = "_1gn0gqx0-3-10-4";
+var container = "_1gn0gqx0-3-11-1";

package/charts/pie/components/PieChartInternal.d.ts

@@ -1,8 +1,8 @@
 import { type AriaRole, type JSX, type ReactNode } from 'react';
-import type { AriaLabel } from '../../core/types/aria-label.js';
+import type { AriaLabelingProps } from '../../../core/types/a11y-props.js';
 import type { ChartVariant } from '../types/internal/pie-chart.js';
 import { PieChartProps } from '../types/pie-chart.config.js';
-export declare const PieChartInternal: (props: Omit<PieChartProps, "data"> & AriaLabel & {
+export declare const PieChartInternal: (props: Omit<PieChartProps, "data"> & AriaLabelingProps & {
     role?: AriaRole;
     variant: ChartVariant;
     height?: string | number;

package/charts/pie/components/PieChartInternal.js

@@ -53,6 +53,9 @@ const PieChartInternal = (0, import_react.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;
@@ -107,6 +110,9 @@ const PieChartInternal = (0, import_react.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__ */ (0, import_jsx_runtime.jsxs)(import_ChartLayout.ChartLayout.Provider, { provider: import_PieChartSlicesDataProvider.PieChartSlicesDataProvider, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartLayout.ChartLayout.Graph, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PieChartOverlays.PieChartOverlays, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PieChartPlot.PieChartPlot, { ...props, ref: mergedRef }) }) }),

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

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

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

@@ -21,4 +21,4 @@ __export(PieChartOverlays_css_exports, {
 });
 module.exports = __toCommonJS(PieChartOverlays_css_exports);
 var import_PieChartOverlays_css_ts_vanilla = require("./PieChartOverlays.css");
-var container = "_jxp4cr0-3-10-4";
+var container = "_jxp4cr0-3-11-1";

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

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

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

@@ -21,4 +21,4 @@ __export(PieChartPlot_css_exports, {
 });
 module.exports = __toCommonJS(PieChartPlot_css_exports);
 var import_PieChartPlot_css_ts_vanilla = require("./PieChartPlot.css");
-var container = "_1iotdmn0-3-10-4";
+var container = "_1iotdmn0-3-11-1";

package/charts/sankey-chart/SankeyChart.css

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

package/charts/sankey-chart/SankeyChart.css.d.ts

@@ -0,0 +1,2 @@
+export declare const graphAreaContainer: string;
+//# sourceMappingURL=SankeyChart.css.d.ts.map

package/charts/sankey-chart/SankeyChart.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+interface SankeyChartLayoutProps {
+    chartWidth?: number | string;
+    chartHeight?: number | string;
+    showLoader: boolean;
+    children?: ReactNode;
+}
+export declare function SankeyChartLayout({ chartWidth, chartHeight, showLoader, children, }: SankeyChartLayoutProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SankeyChart.d.ts.map

package/charts/sankey-chart/SankeyChart.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SankeyChart_exports = {};
+__export(SankeyChart_exports, {
+  SankeyChartLayout: () => SankeyChartLayout
+});
+module.exports = __toCommonJS(SankeyChart_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_SankeyGraphArea = require("./components/SankeyGraphArea.js");
+var import_SankeyData_context = require("./context/SankeyData.context.js");
+var import_get_sankey_is_empty = require("./utils/get-sankey-is-empty.js");
+var import_ChartLayout = require("../core/components/chart-layout/ChartLayout.js");
+var import_get_chart_states_template = require("../core/components/chart-states/utils/get-chart-states-template.js");
+function SankeyChartLayout({
+  chartWidth,
+  chartHeight,
+  showLoader,
+  children
+}) {
+  const graph = (0, import_react.useContext)(import_SankeyData_context.SankeyDataContext);
+  const isEmpty = (0, import_get_sankey_is_empty.getSankeyIsEmpty)(graph);
+  const { emptyState, errorState } = (0, import_get_chart_states_template.getChartStatesTemplates)(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ChartLayout.ChartLayout,
+    {
+      chartWidth,
+      chartHeight,
+      isEmpty,
+      emptyState,
+      errorState,
+      showLoader,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ChartLayout.ChartLayout.Graph, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyGraphArea.SankeyGraphArea, {}) })
+    }
+  );
+}

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

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SankeyChart_css_exports = {};
+__export(SankeyChart_css_exports, {
+  graphAreaContainer: () => graphAreaContainer
+});
+module.exports = __toCommonJS(SankeyChart_css_exports);
+var import_SankeyChart_css_ts_vanilla = require("./SankeyChart.css");
+var graphAreaContainer = "_s3m3d0-3-11-1";

package/charts/sankey-chart/SankeyChartRoot.d.ts

@@ -0,0 +1,18 @@
+import type { SankeyChartProps } from './types/sankey-props.js';
+/**
+ * @internal
+ */
+export declare const SankeyChartRoot: (props: SankeyChartProps) => import("react").JSX.Element;
+/**
+ * The `SankeyChart` visualizes directed flows between nodes across stages.
+ * @internal
+ */
+export declare const SankeyChart: ((props: SankeyChartProps) => import("react").JSX.Element) & {
+    Nodes: {
+        (props: import("./types/sankey-props.js").SankeyChartNodesProps): null;
+        displayName: string;
+    };
+    EmptyState: ({ children }: import("../index.js").EmptyStateProp) => import("react").JSX.Element;
+    ErrorState: ({ children }: import("../index.js").ErrorStateProps) => import("react").JSX.Element;
+};
+//# sourceMappingURL=SankeyChartRoot.d.ts.map

package/charts/sankey-chart/SankeyChartRoot.js

@@ -0,0 +1,86 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SankeyChartRoot_exports = {};
+__export(SankeyChartRoot_exports, {
+  SankeyChart: () => SankeyChart,
+  SankeyChartRoot: () => SankeyChartRoot
+});
+module.exports = __toCommonJS(SankeyChartRoot_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("./constants.js");
+var import_SankeyConfigProvider = require("./providers/SankeyConfigProvider.js");
+var import_SankeyDataProvider = require("./providers/SankeyDataProvider.js");
+var import_SankeyChart = require("./SankeyChart.js");
+var import_Nodes = require("./slots/Nodes.js");
+var import_iterate_slots = require("./utils/iterate-slots.js");
+var import_EmptyStateSlot = require("../core/slots/chart-states/EmptyStateSlot.js");
+var import_ErrorStateSlot = require("../core/slots/chart-states/ErrorStateSlot.js");
+const SankeyChartRoot = (props) => {
+  const {
+    data,
+    sourceAccessor,
+    targetAccessor,
+    valueAccessor,
+    nodes,
+    nodeIdAccessor,
+    nodeLabelAccessor,
+    columnAccessor,
+    width,
+    height,
+    loading = false,
+    truncationMode = import_constants.DEFAULT_TRUNCATION_MODE,
+    children
+  } = props;
+  const { nodes: nodesConfig } = (0, import_iterate_slots.iterateSlots)(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_SankeyConfigProvider.SankeyConfigProvider,
+    {
+      nodesConfig,
+      truncationMode,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_SankeyDataProvider.SankeyDataProvider,
+        {
+          data,
+          sourceAccessor,
+          targetAccessor,
+          valueAccessor,
+          nodes,
+          nodeIdAccessor,
+          nodeLabelAccessor,
+          columnAccessor,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_SankeyChart.SankeyChartLayout,
+            {
+              chartWidth: width,
+              chartHeight: height,
+              showLoader: loading,
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+};
+SankeyChartRoot.displayName = import_constants.DISPLAY_NAME;
+const SankeyChart = Object.assign(SankeyChartRoot, {
+  Nodes: import_Nodes.Nodes,
+  EmptyState: import_EmptyStateSlot.EmptyStateSlot,
+  ErrorState: import_ErrorStateSlot.ErrorStateSlot
+});
+SankeyChart.displayName = "SankeyChart";

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

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

package/charts/sankey-chart/components/SankeyCanvas.css.d.ts

@@ -0,0 +1,2 @@
+export declare const canvasContainer: string;
+//# sourceMappingURL=SankeyCanvas.css.d.ts.map

package/charts/sankey-chart/components/SankeyCanvas.d.ts

@@ -0,0 +1,5 @@
+export declare function SankeyCanvas(): import("react").JSX.Element;
+export declare namespace SankeyCanvas {
+    var displayName: string;
+}
+//# sourceMappingURL=SankeyCanvas.d.ts.map

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

@@ -0,0 +1,46 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SankeyCanvas_exports = {};
+__export(SankeyCanvas_exports, {
+  SankeyCanvas: () => SankeyCanvas
+});
+module.exports = __toCommonJS(SankeyCanvas_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_SankeyCanvas_css = require("./SankeyCanvas.sty.js");
+var import_Canvas = require("../../core/components/canvas/Canvas.js");
+var import_CanvasContext = require("../../core/components/canvas/CanvasContext.js");
+var import_useGraphSize = require("../../core/components/chart-layout/hooks/useGraphSize.js");
+var import_use_draw_sankey = require("../hooks/use-draw-sankey.js");
+var import_use_sankey_layout = require("../hooks/use-sankey-layout.js");
+function SankeyDraw({ layout }) {
+  (0, import_use_draw_sankey.useDrawSankey)(layout);
+  return null;
+}
+SankeyDraw["displayName"] = "SankeyDraw";
+function SankeyCanvas() {
+  const { width, height } = (0, import_useGraphSize.useGraphSize)();
+  const layout = (0, import_use_sankey_layout.useSankeyLayout)();
+  const shapeRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const canvasContextValue = (0, import_react.useMemo)(
+    () => ({ shapeRefs: shapeRefs.current }),
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyCanvas_css.canvasContainer, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CanvasContext.CanvasContext.Provider, { value: canvasContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Canvas.Canvas, { width, height, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SankeyDraw, { layout }) }) }) });
+}
+SankeyCanvas["displayName"] = "SankeyCanvas";

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

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SankeyCanvas_css_exports = {};
+__export(SankeyCanvas_css_exports, {
+  canvasContainer: () => canvasContainer
+});
+module.exports = __toCommonJS(SankeyCanvas_css_exports);
+var import_SankeyCanvas_css_ts_vanilla = require("./SankeyCanvas.css");
+var canvasContainer = "_1hfx9ue0-3-11-1";

package/charts/sankey-chart/components/SankeyGraphArea.d.ts

@@ -0,0 +1,5 @@
+export declare function SankeyGraphArea(): import("react").JSX.Element;
+export declare namespace SankeyGraphArea {
+    var displayName: string;
+}
+//# sourceMappingURL=SankeyGraphArea.d.ts.map

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

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SankeyGraphArea_exports = {};
+__export(SankeyGraphArea_exports, {
+  SankeyGraphArea: () => SankeyGraphArea
+});
+module.exports = __toCommonJS(SankeyGraphArea_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_SankeyChart_css = require("../SankeyChart.sty.js");
+var import_SankeyCanvas = require("./SankeyCanvas.js");
+function SankeyGraphArea() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_SankeyChart_css.graphAreaContainer, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SankeyCanvas.SankeyCanvas, {}) });
+}
+SankeyGraphArea["displayName"] = "SankeyGraphArea";

package/charts/sankey-chart/constants.d.ts

@@ -0,0 +1,15 @@
+import type { TruncationMode } from '../../typography/text-ellipsis/TextEllipsis.js';
+export declare const DISPLAY_NAME = "SankeyChart";
+export declare const DEFAULT_TRUNCATION_MODE: TruncationMode;
+/**
+ * Pixel dimensions used for the d3-sankey layout pass while the chart is not
+ * yet integrated with ChartLayout (which will later supply the observed graph
+ * size). Used only as a fallback when width/height are not pixel values.
+ */
+export declare const DEFAULT_LAYOUT_WIDTH = 600;
+export declare const DEFAULT_LAYOUT_HEIGHT = 300;
+/** d3-sankey node geometry defaults (visual tuning deferred). */
+export declare const DEFAULT_NODE_WIDTH = 24;
+export declare const DEFAULT_NODE_PADDING = 20;
+export declare const LAYOUT_MARGIN = 20;
+//# sourceMappingURL=constants.d.ts.map

package/charts/sankey-chart/constants.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  DEFAULT_LAYOUT_HEIGHT: () => DEFAULT_LAYOUT_HEIGHT,
+  DEFAULT_LAYOUT_WIDTH: () => DEFAULT_LAYOUT_WIDTH,
+  DEFAULT_NODE_PADDING: () => DEFAULT_NODE_PADDING,
+  DEFAULT_NODE_WIDTH: () => DEFAULT_NODE_WIDTH,
+  DEFAULT_TRUNCATION_MODE: () => DEFAULT_TRUNCATION_MODE,
+  DISPLAY_NAME: () => DISPLAY_NAME,
+  LAYOUT_MARGIN: () => LAYOUT_MARGIN
+});
+module.exports = __toCommonJS(constants_exports);
+var import_constants = require("../core/constants.js");
+const DISPLAY_NAME = "SankeyChart";
+const DEFAULT_TRUNCATION_MODE = import_constants.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;

package/charts/sankey-chart/context/SankeyData.context.d.ts

@@ -0,0 +1,3 @@
+import type { SankeyGraphModel } from '../types/sankey-internal.js';
+export declare const SankeyDataContext: import("react").Context<SankeyGraphModel>;
+//# sourceMappingURL=SankeyData.context.d.ts.map