@sproutsocial/seeds-react-data-viz 0.16.1 → 0.17.0

package/dist/esm/index.js

@@ -1,3 +1,16 @@
+import {
+  DONUT_CHART_HALO_SIZE,
+  DONUT_CHART_HEIGHT,
+  DONUT_CHART_WIDTH,
+  TIME_SERIES_CHART_HEIGHT,
+  VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT,
+  areaChartOptions,
+  baseChartOptions,
+  columnChartOptions,
+  donutChartOptions,
+  lineChartOptions,
+  timeSeriesChartOptions
+} from "./chunk-XMYGML25.js";
 import {
   ChartLegend,
   ChartLegendLabel,
@@ -215,163 +228,6 @@ var ChartXAnnotationMarkerPortal = memo3(
 
 // src/hooks/useTimeSeriesChartOptions.ts
 import { useState as useState2, useCallback, useMemo } from "react";
-
-// src/constants/chartOptions.ts
-import _ from "lodash";
-var baseChartOptions = {
-  chart: {
-    animation: false,
-    styledMode: true
-  },
-  credits: {
-    enabled: false
-  },
-  exporting: {
-    enabled: false,
-    fallbackToExportServer: false
-  },
-  legend: {
-    enabled: false
-  },
-  title: {
-    text: void 0
-  },
-  tooltip: {
-    hideDelay: 0,
-    outside: true,
-    padding: 0,
-    shape: "rect",
-    shared: true,
-    useHTML: true
-  }
-};
-var TIME_SERIES_CHART_HEIGHT = 275;
-var timeSeriesChartOptions = _.merge({}, baseChartOptions, {
-  annotations: [
-    {
-      draggable: "",
-      labelOptions: {
-        useHTML: true,
-        padding: 0
-        // removes "left" property padding created by highcharts so that label is centered
-      }
-    }
-  ],
-  chart: {
-    // events.click is set at the component level because of the optional onClick prop
-    height: TIME_SERIES_CHART_HEIGHT,
-    spacing: [5, 1, 0, 2]
-  },
-  plotOptions: {
-    series: {
-      animation: false,
-      clip: false,
-      marker: {
-        enabled: false,
-        states: {
-          hover: {
-            enabled: false
-          }
-        }
-      }
-    }
-  },
-  xAxis: {
-    crosshair: {
-      zIndex: 3
-    },
-    minPadding: 0,
-    // must be handled dynamically instead of css
-    maxPadding: 0,
-    // must be handled dynamically instead of css
-    type: "datetime",
-    labels: {
-      useHTML: true
-      // formatter is set at the component level because of the required text locale prop
-    }
-  },
-  yAxis: {
-    labels: {
-      useHTML: true
-      // formatter is set at the component level because of the optional yAxisLabelFormatter prop
-    },
-    softMax: 0,
-    softMin: 0,
-    title: {
-      text: void 0
-    },
-    plotLines: [
-      /* Adds a custom plotLine at y=0 to represent the chart baseline.
-        This approach allows full control over the line's appearance (e.g., color, z-index),
-        unlike relying on the default xAxis line, which always renders at the bottom of the chart
-        even when y=0 appears elsewhere (e.g., with negative values).
-      */
-      {
-        className: "y-axis-zero-line",
-        value: 0,
-        zIndex: 3
-        // ensures the line appears over the default y=0 line, which we can't seleect as specifically
-      }
-    ]
-  }
-});
-var lineChartOptions = _.merge({}, timeSeriesChartOptions, {
-  // plotOptions.spline.events.click is set at the component level because of the optional onClick prop
-});
-var areaChartOptions = _.merge({}, timeSeriesChartOptions, {
-  plotOptions: {
-    areaspline: {
-      // events.click is set at the component level because of the optional onClick prop
-      stacking: "normal"
-    }
-  }
-});
-var columnChartOptions = _.merge({}, timeSeriesChartOptions, {
-  plotOptions: {
-    column: {
-      stacking: "normal",
-      pointPadding: 0.25,
-      groupPadding: 0.25,
-      borderRadius: 4
-    }
-  },
-  xAxis: {
-    crosshair: false
-  },
-  yAxis: {
-    plotLines: [
-      {
-        // For stacked column charts with visible borders (e.g., white for contrast),
-        // we raise the zIndex of the y=0 plotLine to ensure it remains visible
-        // and isn't visually covered by overlapping column borders.
-        zIndex: 5
-      }
-    ]
-  }
-});
-var VERTICAL_BAR_CHART_DEFAULT_SERIES_LIMIT = 10;
-var DONUT_CHART_HALO_SIZE = 10;
-var DONUT_CHART_HEIGHT = 250 + DONUT_CHART_HALO_SIZE * 2;
-var DONUT_CHART_WIDTH = DONUT_CHART_HEIGHT;
-var donutChartOptions = _.merge({}, baseChartOptions, {
-  chart: {
-    height: DONUT_CHART_HEIGHT,
-    spacing: [0, 0, 0, 0]
-  },
-  plotOptions: {
-    pie: {
-      animation: false,
-      borderRadius: 0,
-      // must be handled here instead of css because of path rendering
-      dataLabels: {
-        enabled: false
-      },
-      innerSize: "50%"
-    }
-  }
-});
-
-// src/hooks/useTimeSeriesChartOptions.ts
 import { merge } from "lodash";
 var useTimeSeriesChartOptions = ({
   xAnnotations,