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

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,29 @@
 {
   "name": "@sproutsocial/seeds-react-data-viz",
-  "version": "0.7.32",
+  "version": "0.14.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"
+    },
+    "./export": {
+      "types": "./dist/export/index.d.ts",
+      "import": "./dist/esm/export/index.js",
+      "require": "./dist/export/index.js"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -23,18 +40,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": "*",