@sproutsocial/seeds-react-data-viz 0.7.32 → 0.15.0

package/dist/line-area/index.d.mts

@@ -0,0 +1,83 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { TypeIconName } from '@sproutsocial/seeds-react-icon';
+import { C as ChartDataPoint, a as CategoryAxis, D as DatetimeAxis, V as ValueFormat, b as ChartTooltipProps, c as ChartAnnotation } from '../axis-DXzufRRj.mjs';
+import { C as ChartExportHandle } from '../chartExport-CKYpuhik.mjs';
+import { h as TypeChartStylePattern } from '../types-B7ILUQ6_.mjs';
+import 'highcharts';
+
+/**
+ * Chart variant. `line`/`area` connect points with straight segments;
+ * `spline`/`areaspline` smooth them into curves; `area`/`areaspline` fill the
+ * region below the line. Maps directly to the Highcharts series type.
+ */
+type LineAreaVariant = "line" | "spline" | "area" | "areaspline";
+interface LineAreaSeries {
+    name: string;
+    /**
+     * Y-values indexed parallel to `xAxis.categories` on a category axis, or
+     * `[timestamp, value]` / `{ x, y }` points on a datetime axis.
+     */
+    data: Array<ChartDataPoint>;
+    color?: string;
+    /** Seeds icon or partner-logo name rendered before the series name in the legend. */
+    icon?: TypeIconName;
+    /** Line dash style. Applies to `line`/`spline` variants; a no-op on filled area variants. Default `"solid"`. */
+    pattern?: TypeChartStylePattern;
+}
+type LineAreaXAxis = CategoryAxis | DatetimeAxis;
+interface LineAreaYAxis {
+    min?: number;
+    max?: number;
+    /** Default: true. */
+    showGridLines?: boolean;
+    title?: string;
+    /**
+     * Declarative value formatting applied to y-axis tick labels. Omit for the
+     * zero-config decimal default (smart 1k/10k abbreviation).
+     */
+    format?: ValueFormat;
+}
+interface LineAreaChartProps {
+    /** Wired into Highcharts' `accessibility.description`. */
+    description: string;
+    /** Applied to the chart's container element — e.g. Tailwind utility classes for sizing or spacing. */
+    className?: string;
+    /** Chart variant: `line` | `spline` | `area` | `areaspline`. */
+    variant: LineAreaVariant;
+    series: Array<LineAreaSeries>;
+    xAxis: LineAreaXAxis;
+    yAxis?: LineAreaYAxis;
+    /** IANA timezone for datetime-axis ticks and tooltips. Default `"UTC"`. Ignored for category axes. */
+    timezone?: string;
+    /**
+     * Stacking for multi-series charts. `"normal"` stacks values; `"percent"`
+     * normalizes each point to 100%. Honored only on `area`/`areaspline` variants
+     * (a `stacked-area` chart); ignored on `line`/`spline`. Unstacked when omitted.
+     */
+    stacking?: "normal" | "percent";
+    /** Appended to each tooltip value (e.g., `"%"`). */
+    valueSuffix?: string;
+    /** Override for the default tooltip content. */
+    tooltip?: (args: ChartTooltipProps) => ReactNode;
+    /** Declarative annotations rendered at positions on the chart. */
+    annotations?: ChartAnnotation[];
+    /** Click handler invoked with the x-axis value of the clicked point — the category name on a category axis, the numeric timestamp on a datetime axis. */
+    onClick?: ({ position }: {
+        position: number | string;
+    }) => void;
+    /** Footer content shown in the default tooltip when `onClick` is set. */
+    tooltipClickLabel?: ReactNode;
+    /** Override for the value shown when a data point is invalid/missing (null). Defaults to an em-dash. */
+    invalidNumberLabel?: ReactNode;
+    /**
+     * Fired once per chart instance with an opaque {@link ChartExportHandle} for
+     * triggering PNG/SVG/PDF/CSV downloads. Re-fires only on a genuine remount,
+     * never on data or prop updates.
+     */
+    onReady?: (handle: ChartExportHandle) => void;
+}
+
+declare const LineAreaChart: react.NamedExoticComponent<LineAreaChartProps>;
+
+export { CategoryAxis, ChartExportHandle, DatetimeAxis, LineAreaChart, type LineAreaChartProps, type LineAreaSeries, type LineAreaVariant, type LineAreaXAxis, type LineAreaYAxis };

package/dist/line-area/index.d.ts

@@ -0,0 +1,83 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { TypeIconName } from '@sproutsocial/seeds-react-icon';
+import { C as ChartDataPoint, a as CategoryAxis, D as DatetimeAxis, V as ValueFormat, b as ChartTooltipProps, c as ChartAnnotation } from '../axis-PJwu5Xmo.js';
+import { C as ChartExportHandle } from '../chartExport-CKYpuhik.js';
+import { h as TypeChartStylePattern } from '../types-B7ILUQ6_.js';
+import 'highcharts';
+
+/**
+ * Chart variant. `line`/`area` connect points with straight segments;
+ * `spline`/`areaspline` smooth them into curves; `area`/`areaspline` fill the
+ * region below the line. Maps directly to the Highcharts series type.
+ */
+type LineAreaVariant = "line" | "spline" | "area" | "areaspline";
+interface LineAreaSeries {
+    name: string;
+    /**
+     * Y-values indexed parallel to `xAxis.categories` on a category axis, or
+     * `[timestamp, value]` / `{ x, y }` points on a datetime axis.
+     */
+    data: Array<ChartDataPoint>;
+    color?: string;
+    /** Seeds icon or partner-logo name rendered before the series name in the legend. */
+    icon?: TypeIconName;
+    /** Line dash style. Applies to `line`/`spline` variants; a no-op on filled area variants. Default `"solid"`. */
+    pattern?: TypeChartStylePattern;
+}
+type LineAreaXAxis = CategoryAxis | DatetimeAxis;
+interface LineAreaYAxis {
+    min?: number;
+    max?: number;
+    /** Default: true. */
+    showGridLines?: boolean;
+    title?: string;
+    /**
+     * Declarative value formatting applied to y-axis tick labels. Omit for the
+     * zero-config decimal default (smart 1k/10k abbreviation).
+     */
+    format?: ValueFormat;
+}
+interface LineAreaChartProps {
+    /** Wired into Highcharts' `accessibility.description`. */
+    description: string;
+    /** Applied to the chart's container element — e.g. Tailwind utility classes for sizing or spacing. */
+    className?: string;
+    /** Chart variant: `line` | `spline` | `area` | `areaspline`. */
+    variant: LineAreaVariant;
+    series: Array<LineAreaSeries>;
+    xAxis: LineAreaXAxis;
+    yAxis?: LineAreaYAxis;
+    /** IANA timezone for datetime-axis ticks and tooltips. Default `"UTC"`. Ignored for category axes. */
+    timezone?: string;
+    /**
+     * Stacking for multi-series charts. `"normal"` stacks values; `"percent"`
+     * normalizes each point to 100%. Honored only on `area`/`areaspline` variants
+     * (a `stacked-area` chart); ignored on `line`/`spline`. Unstacked when omitted.
+     */
+    stacking?: "normal" | "percent";
+    /** Appended to each tooltip value (e.g., `"%"`). */
+    valueSuffix?: string;
+    /** Override for the default tooltip content. */
+    tooltip?: (args: ChartTooltipProps) => ReactNode;
+    /** Declarative annotations rendered at positions on the chart. */
+    annotations?: ChartAnnotation[];
+    /** Click handler invoked with the x-axis value of the clicked point — the category name on a category axis, the numeric timestamp on a datetime axis. */
+    onClick?: ({ position }: {
+        position: number | string;
+    }) => void;
+    /** Footer content shown in the default tooltip when `onClick` is set. */
+    tooltipClickLabel?: ReactNode;
+    /** Override for the value shown when a data point is invalid/missing (null). Defaults to an em-dash. */
+    invalidNumberLabel?: ReactNode;
+    /**
+     * Fired once per chart instance with an opaque {@link ChartExportHandle} for
+     * triggering PNG/SVG/PDF/CSV downloads. Re-fires only on a genuine remount,
+     * never on data or prop updates.
+     */
+    onReady?: (handle: ChartExportHandle) => void;
+}
+
+declare const LineAreaChart: react.NamedExoticComponent<LineAreaChartProps>;
+
+export { CategoryAxis, ChartExportHandle, DatetimeAxis, LineAreaChart, type LineAreaChartProps, type LineAreaSeries, type LineAreaVariant, type LineAreaXAxis, type LineAreaYAxis };

package/dist/line-area/index.js

@@ -0,0 +1,151 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+
+
+
+
+
+
+var _chunkVSZSIN34js = require('../chunk-VSZSIN34.js');
+
+
+
+var _chunkEEVKTTT3js = require('../chunk-EEVKTTT3.js');
+
+// src/charts/line-area/LineAreaChart.tsx
+var _react = require('react');
+
+// src/charts/line-area/adapter.ts
+var AREA_VARIANTS = /* @__PURE__ */ new Set(["area", "areaspline"]);
+function pointY(point) {
+  if (point === null) return null;
+  if (typeof point === "number") return point;
+  if (Array.isArray(point)) return point[1];
+  return point.y;
+}
+function withIsolatedPointMarkers(data) {
+  return data.map((point, i) => {
+    if (point === null) return null;
+    if (pointY(point) === null) return point;
+    const prevY = i === 0 ? null : pointY(data[i - 1]);
+    const nextY = i === data.length - 1 ? null : pointY(data[i + 1]);
+    if (prevY !== null || nextY !== null) return point;
+    const marker = { enabled: true, symbol: "circle" };
+    if (typeof point === "number") return { y: point, marker };
+    if (Array.isArray(point)) return { x: point[0], y: point[1], marker };
+    return { ...point, marker };
+  });
+}
+function buildLineAreaChartOptions(props) {
+  const tooltipTimezone = _chunkVSZSIN34js.resolveTooltipTimezone.call(void 0, props.xAxis, props.timezone);
+  const isStacked = AREA_VARIANTS.has(props.variant) && Boolean(props.stacking);
+  const { annotations, lookup: annotationLookup } = _chunkVSZSIN34js.buildAnnotationConfig.call(void 0, 
+    props.annotations
+  );
+  const options = {
+    ..._chunkVSZSIN34js.buildBaseChartOptions.call(void 0, {
+      type: props.variant,
+      description: props.description,
+      valueSuffix: props.valueSuffix,
+      reserveTopMargin: Boolean(annotations),
+      timezone: tooltipTimezone
+    }),
+    xAxis: _chunkVSZSIN34js.buildDimensionalAxis.call(void 0, props.xAxis, _nullishCoalesce(tooltipTimezone, () => ( "UTC"))),
+    yAxis: {
+      min: _optionalChain([props, 'access', _ => _.yAxis, 'optionalAccess', _2 => _2.min]),
+      max: _optionalChain([props, 'access', _3 => _3.yAxis, 'optionalAccess', _4 => _4.max]),
+      // Anchor the value axis to 0 (like v1/bar/area): line/spline otherwise
+      // auto-scale above 0, which truncates the axis and pushes the annotation
+      // anchor (y: 0) out of range. `soft` still extends for negative data.
+      softMin: 0,
+      softMax: 0,
+      gridLineWidth: _optionalChain([props, 'access', _5 => _5.yAxis, 'optionalAccess', _6 => _6.showGridLines]) === false ? 0 : 1,
+      title: { text: _nullishCoalesce(_optionalChain([props, 'access', _7 => _7.yAxis, 'optionalAccess', _8 => _8.title]), () => ( "")) },
+      // Zero-config default: abbreviate value-axis ticks (1.20K / 1.20M / 1.20B).
+      labels: {
+        // A declarative `format` drives ticks through the shared valueFormatter;
+        // absent it, the zero-config decimal default (1.20K / 1.20M / 1.20B).
+        formatter: _optionalChain([props, 'access', _9 => _9.yAxis, 'optionalAccess', _10 => _10.format]) ? _chunkVSZSIN34js.makeValueAxisLabelFormatter.call(void 0, props.yAxis.format) : _chunkVSZSIN34js.defaultValueAxisLabelFormatter
+      }
+    },
+    plotOptions: {
+      series: {
+        animation: false,
+        // Hide point markers by default (matching v1 + designs); isolated points
+        // re-enable their own marker via `withIsolatedPointMarkers`.
+        marker: { enabled: false },
+        ...props.onClick ? {
+          point: {
+            events: {
+              click: (event) => props.onClick({ position: event.point.x })
+            }
+          }
+        } : {}
+      },
+      // Type-scoped stacking: only the (area) variant stacks. `isStacked` already
+      // guarantees `props.variant` is an area variant here, so the computed key is
+      // always a valid plotOptions slot. Matches bar's per-type placement and keeps
+      // line/spline unstacked.
+      ...isStacked ? { [props.variant]: { stacking: props.stacking } } : {}
+    },
+    series: props.series.map((s) => ({
+      type: props.variant,
+      name: s.name,
+      data: withIsolatedPointMarkers(s.data)
+    })),
+    ...annotations ? { annotations } : {}
+  };
+  return { options, annotationLookup, tooltipTimezone };
+}
+
+// src/charts/line-area/styles.ts
+var _styledcomponents = require('styled-components'); var _styledcomponents2 = _interopRequireDefault(_styledcomponents);
+var LineAreaChartContainer = _styledcomponents2.default.div`
+  background-color: ${({ theme }) => theme.colors.container.background.base};
+  ${(props) => props.$isArea ? _chunkEEVKTTT3js.areaChartStyles : _chunkEEVKTTT3js.lineChartStyles}
+`;
+
+// src/charts/line-area/LineAreaChart.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var AREA_VARIANTS2 = /* @__PURE__ */ new Set(["area", "areaspline"]);
+var LineAreaChart = _react.memo.call(void 0, function LineAreaChart2(props) {
+  const { colors, patterns } = _chunkVSZSIN34js.useSeedsChartSetup.call(void 0, {
+    series: props.series,
+    includePatterns: true
+  });
+  const { options, annotationLookup, tooltipTimezone } = _react.useMemo.call(void 0, 
+    () => buildLineAreaChartOptions(props),
+    [props]
+  );
+  const hasOnClick = Boolean(props.onClick);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    LineAreaChartContainer,
+    {
+      $colors: colors,
+      $patterns: patterns,
+      $hasOnClick: hasOnClick,
+      $isArea: AREA_VARIANTS2.has(props.variant),
+      className: props.className,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkVSZSIN34js.ChartRenderer,
+        {
+          options,
+          series: props.series,
+          colors,
+          tooltip: props.tooltip,
+          annotationLookup,
+          hasOnClick,
+          tooltipClickLabel: props.tooltipClickLabel,
+          timezone: tooltipTimezone,
+          invalidNumberLabel: props.invalidNumberLabel,
+          onReady: props.onReady
+        }
+      )
+    }
+  );
+});
+
+
+exports.LineAreaChart = LineAreaChart;
+//# sourceMappingURL=index.js.map

package/dist/line-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/line-area/index.js","../../src/charts/line-area/LineAreaChart.tsx","../../src/charts/line-area/adapter.ts","../../src/charts/line-area/styles.ts"],"names":["AREA_VARIANTS","LineAreaChart"],"mappings":"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","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/line-area/index.js","sourcesContent":[null,"import { memo, useMemo } from \"react\";\nimport { useSeedsChartSetup, ChartRenderer } from \"../shared/chartBase\";\nimport { buildLineAreaChartOptions } from \"./adapter\";\nimport { LineAreaChartContainer } from \"./styles\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\nexport const LineAreaChart = memo(function LineAreaChart(\n  props: LineAreaChartProps\n) {\n  const { colors, patterns } = useSeedsChartSetup({\n    series: props.series,\n    includePatterns: true,\n  });\n  const { options, annotationLookup, tooltipTimezone } = useMemo(\n    () => buildLineAreaChartOptions(props),\n    [props]\n  );\n  const hasOnClick = Boolean(props.onClick);\n\n  return (\n    <LineAreaChartContainer\n      $colors={colors}\n      $patterns={patterns}\n      $hasOnClick={hasOnClick}\n      $isArea={AREA_VARIANTS.has(props.variant)}\n      className={props.className}\n    >\n      <ChartRenderer\n        options={options}\n        series={props.series}\n        colors={colors}\n        tooltip={props.tooltip}\n        annotationLookup={annotationLookup}\n        hasOnClick={hasOnClick}\n        tooltipClickLabel={props.tooltipClickLabel}\n        timezone={tooltipTimezone}\n        invalidNumberLabel={props.invalidNumberLabel}\n        onReady={props.onReady}\n      />\n    </LineAreaChartContainer>\n  );\n});\n","import { buildAnnotationConfig } from \"../shared/annotations\";\nimport type { ChartAnnotationLookup } from \"../shared/annotations\";\nimport type {\n  SeedsChartDataPoint,\n  SeedsChartOptions,\n} from \"../shared/chartBase\";\nimport { buildBaseChartOptions } from \"../shared/baseChartOptions\";\nimport {\n  buildDimensionalAxis,\n  resolveTooltipTimezone,\n} from \"../shared/axisOptions\";\nimport {\n  defaultValueAxisLabelFormatter,\n  makeValueAxisLabelFormatter,\n} from \"../shared/valueAxisLabelFormatter\";\nimport type { ChartDataPoint } from \"../shared/axis\";\nimport type { LineAreaChartProps, LineAreaVariant } from \"./types\";\n\n// `stacking` is meaningful only for filled variants; on `line`/`spline` it's a\n// no-op, so the adapter drops it rather than emitting a misleading option.\nconst AREA_VARIANTS = new Set<LineAreaVariant>([\"area\", \"areaspline\"]);\n\ntype SeriesPoint =\n  | number\n  | null\n  | [number, number | null]\n  | SeedsChartDataPoint;\n\nfunction pointY(point: ChartDataPoint): number | null {\n  if (point === null) return null;\n  if (typeof point === \"number\") return point;\n  if (Array.isArray(point)) return point[1];\n  return point.y;\n}\n\n// Mirrors v1's marker handling: point markers are hidden by default (set on\n// `plotOptions.series`), but an *isolated* non-null point — one with a null (or\n// the chart edge) on both sides — gets a circle marker so a point with no\n// connecting line segment stays visible. Connected points pass through\n// unchanged so the line/area renders dot-free, matching v1 and the designs.\nfunction withIsolatedPointMarkers(\n  data: ReadonlyArray<ChartDataPoint>\n): SeriesPoint[] {\n  return data.map((point, i): SeriesPoint => {\n    if (point === null) return null; // explicit gap\n    if (pointY(point) === null) return point; // tuple/object with null y — a gap\n    const prevY = i === 0 ? null : pointY(data[i - 1]!);\n    const nextY = i === data.length - 1 ? null : pointY(data[i + 1]!);\n    if (prevY !== null || nextY !== null) return point; // connected → no marker\n    const marker = { enabled: true, symbol: \"circle\" as const };\n    if (typeof point === \"number\") return { y: point, marker };\n    if (Array.isArray(point)) return { x: point[0], y: point[1], marker };\n    return { ...point, marker };\n  });\n}\n\nexport function buildLineAreaChartOptions(props: LineAreaChartProps): {\n  options: SeedsChartOptions;\n  annotationLookup: ChartAnnotationLookup | undefined;\n  /** Resolved timezone for the tooltip date formatter; undefined on category axes. */\n  tooltipTimezone: string | undefined;\n} {\n  const tooltipTimezone = resolveTooltipTimezone(props.xAxis, props.timezone);\n  const isStacked = AREA_VARIANTS.has(props.variant) && Boolean(props.stacking);\n  const { annotations, lookup: annotationLookup } = buildAnnotationConfig(\n    props.annotations\n  );\n\n  const options: SeedsChartOptions = {\n    ...buildBaseChartOptions({\n      type: props.variant,\n      description: props.description,\n      valueSuffix: props.valueSuffix,\n      reserveTopMargin: Boolean(annotations),\n      timezone: tooltipTimezone,\n    }),\n    xAxis: buildDimensionalAxis(props.xAxis, tooltipTimezone ?? \"UTC\"),\n    yAxis: {\n      min: props.yAxis?.min,\n      max: props.yAxis?.max,\n      // Anchor the value axis to 0 (like v1/bar/area): line/spline otherwise\n      // auto-scale above 0, which truncates the axis and pushes the annotation\n      // anchor (y: 0) out of range. `soft` still extends for negative data.\n      softMin: 0,\n      softMax: 0,\n      gridLineWidth: props.yAxis?.showGridLines === false ? 0 : 1,\n      title: { text: props.yAxis?.title ?? \"\" },\n      // Zero-config default: abbreviate value-axis ticks (1.20K / 1.20M / 1.20B).\n      labels: {\n        // A declarative `format` drives ticks through the shared valueFormatter;\n        // absent it, the zero-config decimal default (1.20K / 1.20M / 1.20B).\n        formatter: props.yAxis?.format\n          ? makeValueAxisLabelFormatter(props.yAxis.format)\n          : defaultValueAxisLabelFormatter,\n      },\n    },\n    plotOptions: {\n      series: {\n        animation: false,\n        // Hide point markers by default (matching v1 + designs); isolated points\n        // re-enable their own marker via `withIsolatedPointMarkers`.\n        marker: { enabled: false },\n        ...(props.onClick\n          ? {\n              point: {\n                events: {\n                  click: (event) => props.onClick!({ position: event.point.x }),\n                },\n              },\n            }\n          : {}),\n      },\n      // Type-scoped stacking: only the (area) variant stacks. `isStacked` already\n      // guarantees `props.variant` is an area variant here, so the computed key is\n      // always a valid plotOptions slot. Matches bar's per-type placement and keeps\n      // line/spline unstacked.\n      ...(isStacked ? { [props.variant]: { stacking: props.stacking } } : {}),\n    },\n    series: props.series.map((s) => ({\n      type: props.variant,\n      name: s.name,\n      data: withIsolatedPointMarkers(s.data),\n    })),\n    ...(annotations ? { annotations } : {}),\n  };\n\n  return { options, annotationLookup, tooltipTimezone };\n}\n","import styled from \"styled-components\";\nimport { lineChartStyles, areaChartStyles } from \"../../styles/chartStyles\";\nimport type {\n  TypeChartStyleColor,\n  TypeChartStyleHasOnClick,\n  TypeChartStylePattern,\n} from \"../../types\";\n\ntype StyleProps = Readonly<{\n  $colors: ReadonlyArray<TypeChartStyleColor>;\n  $patterns: ReadonlyArray<TypeChartStylePattern>;\n  $hasOnClick: TypeChartStyleHasOnClick;\n  /** `area`/`areaspline` fill below the line; `line`/`spline` show only the stroke. */\n  $isArea: boolean;\n}>;\n\n// Plain styled `div` — not `Box`. Per the DS Tailwind direction, components\n// render semantic elements internally (and accept `className`) rather than\n// depending on the `Box` component. The container background — previously Box's\n// `bg` prop — is set explicitly here.\n//\n// The line/area CSS is still v1's styled-components layer (`chartStyles.ts`);\n// migrating those styles to CSS modules is a tracked clean-up follow-up.\nexport const LineAreaChartContainer = styled.div<StyleProps>`\n  background-color: ${({ theme }) => theme.colors.container.background.base};\n  ${(props) => (props.$isArea ? areaChartStyles : lineChartStyles)}\n`;\n"]}

package/dist/pdfExportLibs-BZR2D3RA.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/charts/shared/pdfExportLibs.ts
+var _jspdf = require('jspdf');
+require('svg2pdf.js');
+function loadPdfExportLibs() {
+  window.jspdf = { jsPDF: _jspdf.jsPDF };
+}
+
+
+exports.loadPdfExportLibs = loadPdfExportLibs;
+//# sourceMappingURL=pdfExportLibs-BZR2D3RA.js.map

package/dist/pdfExportLibs-BZR2D3RA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/pdfExportLibs-BZR2D3RA.js","../src/charts/shared/pdfExportLibs.ts"],"names":[],"mappings":"AAAA;ACOA,8BAAsB;AAGtB,sBAAO;AAYA,SAAS,iBAAA,CAAA,EAA0B;AACxC,EAAC,MAAA,CAAkC,MAAA,EAAQ,EAAE,oBAAM,CAAA;AACrD;ADlBA;AACE;AACF,8CAAC","file":"/home/runner/_work/seeds/seeds/seeds-react/seeds-react-data-viz/dist/pdfExportLibs-BZR2D3RA.js","sourcesContent":[null,"// Lazily-loaded PDF export dependencies. This module is imported via a dynamic\n// `import(\"./pdfExportLibs\")` from `chartBase` so jspdf + svg2pdf.js land in a\n// deferred chunk (tsup `splitting: true`) and are fetched only when a consumer\n// actually exports a PDF — they stay out of the main bundle.\n//\n// It is Highcharts-free (imports jspdf/svg2pdf, never \"highcharts\"), so it does\n// not touch the engine-boundary invariant.\nimport { jsPDF } from \"jspdf\";\n// Side-effect import: svg2pdf.js patches `jsPDF.API.svg`, the method Highcharts'\n// offline-exporting calls (`pdfDoc.svg(...)`) to render the chart SVG into the PDF.\nimport \"svg2pdf.js\";\n\ninterface JsPdfGlobal {\n  jspdf?: { jsPDF: typeof jsPDF };\n}\n\n/**\n * Expose jsPDF on `window.jspdf` so Highcharts' offline-exporting resolves PDF\n * support locally instead of fetching jspdf/svg2pdf from its CDN\n * (`exporting.libURL`). Highcharts checks `window.jspdf.jsPDF` and constructs\n * `new window.jspdf.jsPDF(...)`. Idempotent — safe to call before every export.\n */\nexport function loadPdfExportLibs(): void {\n  (window as unknown as JsPdfGlobal).jspdf = { jsPDF };\n}\n"]}

package/dist/types-B7ILUQ6_.d.mts

@@ -0,0 +1,99 @@
+import { ReactNode } from 'react';
+import { AxisLabelsFormatterContextObject, TimeTicksInfoObject, Chart, Annotation } from 'highcharts';
+
+/**
+ * Type of series to render. See {@link https://api.highcharts.com/highcharts/series} for detailed series configuration options.
+ */
+type TypeSeriesType = "areaspline" | "spline" | "column";
+interface ExtendedTimeTicksInfoObject extends TimeTicksInfoObject {
+    unitName: "hour" | "day" | "week" | "month" | "year";
+}
+interface ExtendedAxisLabelsFormatterContextObject extends AxisLabelsFormatterContextObject {
+    tickPositionInfo: ExtendedTimeTicksInfoObject;
+}
+type TypeChartDataPoint = Readonly<{
+    x: number | string;
+    y: number | null;
+}>;
+type TypeChartDataStyles = Readonly<{
+    color?: TypeChartStyleColor;
+}>;
+type TypeChartNumberFormat = "decimal" | "percent" | "currency" | "duration";
+type TypeChartTimeFormat = "12" | "24";
+type TypeChartTooltipDateFormatter = ({ x, }: {
+    x: number | string;
+}) => ReactNode;
+type TypeChartTooltipProps = Readonly<{
+    data: ReadonlyArray<Readonly<{
+        color: TypeChartStyleColor;
+        name: string;
+        value: number | null;
+        icon?: ReactNode;
+    }>>;
+    x: number | string;
+    /** True when the chart has an `onClick` handler — used by the default tooltip to render the click-label footer. */
+    hasOnClick?: boolean;
+    /** Footer content shown in the default tooltip when the chart is clickable. */
+    tooltipClickLabel?: ReactNode;
+}>;
+type TypeChartYAxisLabelFormatter = ({ y, yValues, }: Readonly<{
+    y: number;
+    yValues: ReadonlyArray<number>;
+}>) => string;
+type TypeChartXAnnotationsDetails = () => ReactNode;
+type TypeChartXAnnotations = Readonly<{
+    [x: number]: Readonly<{
+        marker: () => ReactNode;
+        details: TypeChartXAnnotationsDetails;
+    }>;
+}> | undefined;
+type TypeChartStyleColor = string;
+type TypeChartStylePattern = "solid" | "dashed";
+type TypeChartStyleHasOnClick = boolean;
+type TypeVerticalBarChartProps = Readonly<{
+    data: ReadonlyArray<Readonly<{
+        name: string;
+        points: ReadonlyArray<TypeChartDataPoint>;
+        icon?: ReactNode;
+        styles?: TypeChartDataStyles & Readonly<{
+            pattern?: TypeChartStylePattern;
+        }>;
+    }>>;
+    invalidNumberLabel: ReactNode;
+    numberLocale: Intl.LocalesArgument;
+    textLocale: Intl.LocalesArgument;
+    tooltipDateFormatter: TypeChartTooltipDateFormatter;
+    currency?: string;
+    numberFormat?: TypeChartNumberFormat;
+    /**
+     * The maximum number of series to display.
+     * @default 10
+     * @description We recommend limiting the number of series to 10 to maintain chart readability and accessibility.
+     */
+    seriesLimit?: number;
+    /**
+     * If false, disables the warning when the number of series exceeds the seriesLimit.
+     * @default true
+     */
+    showSeriesLimitWarning?: boolean;
+    tooltip?: ({ data, x }: TypeChartTooltipProps) => ReactNode;
+    yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
+    onClick?: ({ x }: Readonly<{
+        x: number;
+    }>) => void;
+    tooltipClickLabel?: ReactNode;
+    timeFormat?: TypeChartTimeFormat;
+    xAnnotations?: TypeChartXAnnotations;
+    xAxisLabelFormatter?: (params: {
+        textLocale: Intl.LocalesArgument;
+        tickPositions: number[];
+        unitName: string;
+        value: string | number;
+        timeFormat?: string;
+    }) => string;
+}>;
+interface TypeExtendedChart extends Chart {
+    annotations?: Annotation[];
+}
+
+export type { ExtendedTimeTicksInfoObject as E, TypeChartDataPoint as T, TypeChartDataStyles as a, TypeChartTooltipDateFormatter as b, TypeChartNumberFormat as c, TypeChartTooltipProps as d, TypeChartYAxisLabelFormatter as e, TypeChartTimeFormat as f, TypeChartXAnnotations as g, TypeChartStylePattern as h, TypeVerticalBarChartProps as i, TypeSeriesType as j, TypeChartStyleColor as k, TypeChartStyleHasOnClick as l, ExtendedAxisLabelsFormatterContextObject as m, TypeChartXAnnotationsDetails as n, TypeExtendedChart as o };

package/dist/types-B7ILUQ6_.d.ts

@@ -0,0 +1,99 @@
+import { ReactNode } from 'react';
+import { AxisLabelsFormatterContextObject, TimeTicksInfoObject, Chart, Annotation } from 'highcharts';
+
+/**
+ * Type of series to render. See {@link https://api.highcharts.com/highcharts/series} for detailed series configuration options.
+ */
+type TypeSeriesType = "areaspline" | "spline" | "column";
+interface ExtendedTimeTicksInfoObject extends TimeTicksInfoObject {
+    unitName: "hour" | "day" | "week" | "month" | "year";
+}
+interface ExtendedAxisLabelsFormatterContextObject extends AxisLabelsFormatterContextObject {
+    tickPositionInfo: ExtendedTimeTicksInfoObject;
+}
+type TypeChartDataPoint = Readonly<{
+    x: number | string;
+    y: number | null;
+}>;
+type TypeChartDataStyles = Readonly<{
+    color?: TypeChartStyleColor;
+}>;
+type TypeChartNumberFormat = "decimal" | "percent" | "currency" | "duration";
+type TypeChartTimeFormat = "12" | "24";
+type TypeChartTooltipDateFormatter = ({ x, }: {
+    x: number | string;
+}) => ReactNode;
+type TypeChartTooltipProps = Readonly<{
+    data: ReadonlyArray<Readonly<{
+        color: TypeChartStyleColor;
+        name: string;
+        value: number | null;
+        icon?: ReactNode;
+    }>>;
+    x: number | string;
+    /** True when the chart has an `onClick` handler — used by the default tooltip to render the click-label footer. */
+    hasOnClick?: boolean;
+    /** Footer content shown in the default tooltip when the chart is clickable. */
+    tooltipClickLabel?: ReactNode;
+}>;
+type TypeChartYAxisLabelFormatter = ({ y, yValues, }: Readonly<{
+    y: number;
+    yValues: ReadonlyArray<number>;
+}>) => string;
+type TypeChartXAnnotationsDetails = () => ReactNode;
+type TypeChartXAnnotations = Readonly<{
+    [x: number]: Readonly<{
+        marker: () => ReactNode;
+        details: TypeChartXAnnotationsDetails;
+    }>;
+}> | undefined;
+type TypeChartStyleColor = string;
+type TypeChartStylePattern = "solid" | "dashed";
+type TypeChartStyleHasOnClick = boolean;
+type TypeVerticalBarChartProps = Readonly<{
+    data: ReadonlyArray<Readonly<{
+        name: string;
+        points: ReadonlyArray<TypeChartDataPoint>;
+        icon?: ReactNode;
+        styles?: TypeChartDataStyles & Readonly<{
+            pattern?: TypeChartStylePattern;
+        }>;
+    }>>;
+    invalidNumberLabel: ReactNode;
+    numberLocale: Intl.LocalesArgument;
+    textLocale: Intl.LocalesArgument;
+    tooltipDateFormatter: TypeChartTooltipDateFormatter;
+    currency?: string;
+    numberFormat?: TypeChartNumberFormat;
+    /**
+     * The maximum number of series to display.
+     * @default 10
+     * @description We recommend limiting the number of series to 10 to maintain chart readability and accessibility.
+     */
+    seriesLimit?: number;
+    /**
+     * If false, disables the warning when the number of series exceeds the seriesLimit.
+     * @default true
+     */
+    showSeriesLimitWarning?: boolean;
+    tooltip?: ({ data, x }: TypeChartTooltipProps) => ReactNode;
+    yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
+    onClick?: ({ x }: Readonly<{
+        x: number;
+    }>) => void;
+    tooltipClickLabel?: ReactNode;
+    timeFormat?: TypeChartTimeFormat;
+    xAnnotations?: TypeChartXAnnotations;
+    xAxisLabelFormatter?: (params: {
+        textLocale: Intl.LocalesArgument;
+        tickPositions: number[];
+        unitName: string;
+        value: string | number;
+        timeFormat?: string;
+    }) => string;
+}>;
+interface TypeExtendedChart extends Chart {
+    annotations?: Annotation[];
+}
+
+export type { ExtendedTimeTicksInfoObject as E, TypeChartDataPoint as T, TypeChartDataStyles as a, TypeChartTooltipDateFormatter as b, TypeChartNumberFormat as c, TypeChartTooltipProps as d, TypeChartYAxisLabelFormatter as e, TypeChartTimeFormat as f, TypeChartXAnnotations as g, TypeChartStylePattern as h, TypeVerticalBarChartProps as i, TypeSeriesType as j, TypeChartStyleColor as k, TypeChartStyleHasOnClick as l, ExtendedAxisLabelsFormatterContextObject as m, TypeChartXAnnotationsDetails as n, TypeExtendedChart as o };

package/package.json

@@ -1,12 +1,34 @@
 {
   "name": "@sproutsocial/seeds-react-data-viz",
-  "version": "0.7.32",
+  "version": "0.15.0",
   "description": "Seeds React Data Viz Components",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/index.js"
+    },
+    "./bar": {
+      "types": "./dist/bar/index.d.ts",
+      "import": "./dist/esm/bar/index.js",
+      "require": "./dist/bar/index.js"
+    },
+    "./line-area": {
+      "types": "./dist/line-area/index.d.ts",
+      "import": "./dist/esm/line-area/index.js",
+      "require": "./dist/line-area/index.js"
+    },
+    "./export": {
+      "types": "./dist/export/index.d.ts",
+      "import": "./dist/esm/export/index.js",
+      "require": "./dist/export/index.js"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -23,18 +45,22 @@
   "dependencies": {
     "@sproutsocial/seeds-dataviz": "^0.7.3",
     "@sproutsocial/seeds-networkcolor": "^2.22.0",
-    "@sproutsocial/seeds-react-box": "^1.1.16",
-    "@sproutsocial/seeds-react-duration": "^1.0.17",
-    "@sproutsocial/seeds-react-icon": "^2.3.7",
-    "@sproutsocial/seeds-react-numeral": "^1.0.39",
-    "@sproutsocial/seeds-react-partner-logo": "^1.7.8",
-    "@sproutsocial/seeds-react-system-props": "^3.0.1",
-    "@sproutsocial/seeds-react-table": "^1.0.33",
-    "@sproutsocial/seeds-react-text": "^1.4.0",
-    "@sproutsocial/seeds-react-theme": "^3.6.2",
+    "@sproutsocial/seeds-react-box": "^1.1.21",
+    "@sproutsocial/seeds-react-button": "^2.2.1",
+    "@sproutsocial/seeds-react-duration": "^1.0.23",
+    "@sproutsocial/seeds-react-icon": "^2.4.0",
+    "@sproutsocial/seeds-react-menu": "^1.15.10",
+    "@sproutsocial/seeds-react-numeral": "^1.0.47",
+    "@sproutsocial/seeds-react-partner-logo": "^1.7.13",
+    "@sproutsocial/seeds-react-system-props": "^3.1.1",
+    "@sproutsocial/seeds-react-table": "^1.0.41",
+    "@sproutsocial/seeds-react-text": "^1.4.3",
+    "@sproutsocial/seeds-react-theme": "^4.1.0",
     "highcharts": "^11.4.3",
     "highcharts-react-official": "^3.2.1",
-    "lodash": "^4.17.23"
+    "jspdf": "^4.2.1",
+    "lodash": "^4.17.23",
+    "svg2pdf.js": "^2.7.0"
   },
   "devDependencies": {
     "@sproutsocial/seeds-react-testing-library": "*",