@sproutsocial/seeds-react-data-viz 0.15.0 → 0.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{axis-PJwu5Xmo.d.ts → axis-BVPkC6iF.d.ts} +1 -1
- package/dist/{axis-DXzufRRj.d.mts → axis-BjucJt39.d.mts} +1 -1
- package/dist/bar/index.d.mts +16 -46
- package/dist/bar/index.d.ts +16 -46
- package/dist/bar/index.js +88 -71
- package/dist/bar/index.js.map +1 -1
- package/dist/{chunk-VSZSIN34.js → chunk-EJYDQYLE.js} +15 -15
- package/dist/chunk-EJYDQYLE.js.map +1 -0
- package/dist/{chunk-EEVKTTT3.js → chunk-WEKDYQ4T.js} +1 -1
- package/dist/chunk-WEKDYQ4T.js.map +1 -0
- package/dist/esm/bar/index.js +79 -62
- package/dist/esm/bar/index.js.map +1 -1
- package/dist/esm/{chunk-OAN5VC7M.js → chunk-DKTW56NJ.js} +3 -3
- package/dist/esm/chunk-DKTW56NJ.js.map +1 -0
- package/dist/esm/{chunk-LC3HGWDD.js → chunk-Z4LOM4OZ.js} +1 -1
- package/dist/esm/chunk-Z4LOM4OZ.js.map +1 -0
- package/dist/esm/export/index.js.map +1 -1
- package/dist/esm/index.js +185 -21
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/line-area/index.js +2 -2
- package/dist/export/index.js.map +1 -1
- package/dist/index.d.mts +23 -23
- package/dist/index.d.ts +23 -23
- package/dist/index.js +278 -114
- package/dist/index.js.map +1 -1
- package/dist/line-area/index.d.mts +2 -2
- package/dist/line-area/index.d.ts +2 -2
- package/dist/line-area/index.js +10 -10
- package/dist/{types-B7ILUQ6_.d.mts → types-DxrhdAdn.d.mts} +3 -3
- package/dist/{types-B7ILUQ6_.d.ts → types-DxrhdAdn.d.ts} +3 -3
- package/package.json +3 -2
- package/dist/chunk-EEVKTTT3.js.map +0 -1
- package/dist/chunk-JXARPHQE.js +0 -193
- package/dist/chunk-JXARPHQE.js.map +0 -1
- package/dist/chunk-VSZSIN34.js.map +0 -1
- package/dist/esm/chunk-HQM3EIZW.js +0 -193
- package/dist/esm/chunk-HQM3EIZW.js.map +0 -1
- package/dist/esm/chunk-LC3HGWDD.js.map +0 -1
- package/dist/esm/chunk-OAN5VC7M.js.map +0 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import { T as TypeChartDataPoint, a as TypeChartDataStyles, b as TypeChartTooltipDateFormatter, c as TypeChartNumberFormat, d as TypeChartTooltipProps, e as TypeChartYAxisLabelFormatter, f as TypeChartTimeFormat, g as TypeChartXAnnotations, h as TypeChartStylePattern, i as TypeVerticalBarChartProps, j as TypeSeriesType, E as ExtendedTimeTicksInfoObject, k as TypeChartStyleColor, l as TypeChartStyleHasOnClick } from './types-
|
|
4
|
-
export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotationsDetails, o as TypeExtendedChart } from './types-
|
|
3
|
+
import { T as TypeChartDataPoint, a as TypeChartDataStyles, b as TypeChartTooltipDateFormatter, c as TypeChartNumberFormat, d as TypeChartTooltipProps, e as TypeChartYAxisLabelFormatter, f as TypeChartTimeFormat, g as TypeChartXAnnotations, h as TypeChartStylePattern, i as TypeVerticalBarChartProps, j as TypeSeriesType, E as ExtendedTimeTicksInfoObject, k as TypeChartStyleColor, l as TypeChartStyleHasOnClick } from './types-DxrhdAdn.mjs';
|
|
4
|
+
export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotationsDetails, o as TypeExtendedChart } from './types-DxrhdAdn.mjs';
|
|
5
5
|
import * as _sproutsocial_seeds_react_box from '@sproutsocial/seeds-react-box';
|
|
6
6
|
import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
|
|
7
7
|
import { Table } from '@sproutsocial/seeds-react-table';
|
|
@@ -25,11 +25,11 @@ type TypeAreaChartProps = Readonly<{
|
|
|
25
25
|
currency?: string;
|
|
26
26
|
disableTooltips?: boolean;
|
|
27
27
|
numberFormat?: TypeChartNumberFormat;
|
|
28
|
-
tooltip?: (
|
|
28
|
+
tooltip?: (_props: TypeChartTooltipProps & Readonly<{
|
|
29
29
|
total: number | null;
|
|
30
30
|
}>) => ReactNode;
|
|
31
31
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
32
|
-
onClick?: (
|
|
32
|
+
onClick?: (_props: Readonly<{
|
|
33
33
|
x: number;
|
|
34
34
|
}>) => void;
|
|
35
35
|
tooltipClickLabel?: ReactNode;
|
|
@@ -65,11 +65,11 @@ declare const AreaChart: react.NamedExoticComponent<Readonly<{
|
|
|
65
65
|
currency?: string;
|
|
66
66
|
disableTooltips?: boolean;
|
|
67
67
|
numberFormat?: TypeChartNumberFormat;
|
|
68
|
-
tooltip?: (
|
|
68
|
+
tooltip?: (_props: TypeChartTooltipProps & Readonly<{
|
|
69
69
|
total: number | null;
|
|
70
70
|
}>) => ReactNode;
|
|
71
71
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
72
|
-
onClick?: (
|
|
72
|
+
onClick?: (_props: Readonly<{
|
|
73
73
|
x: number;
|
|
74
74
|
}>) => void;
|
|
75
75
|
tooltipClickLabel?: ReactNode;
|
|
@@ -142,7 +142,7 @@ declare const ChartTooltipHeader: react.NamedExoticComponent<TypeChartTooltipHea
|
|
|
142
142
|
declare const generateChartTooltipPortalId: (chartId: number) => string;
|
|
143
143
|
declare const ChartTooltipPortal: react.NamedExoticComponent<Readonly<{
|
|
144
144
|
chart: Chart;
|
|
145
|
-
renderContent: (
|
|
145
|
+
renderContent: (_context: TooltipFormatterContextObject) => ReactNode;
|
|
146
146
|
}>>;
|
|
147
147
|
|
|
148
148
|
type TypeChartTooltipTableProps = {
|
|
@@ -220,8 +220,8 @@ type TypeDonutChartProps = Readonly<{
|
|
|
220
220
|
disableTooltips?: boolean;
|
|
221
221
|
hideLegend?: boolean;
|
|
222
222
|
numberFormat?: TypeChartNumberFormat;
|
|
223
|
-
tooltip?: (
|
|
224
|
-
onClick?: (
|
|
223
|
+
tooltip?: (_props: TypeDonutChartTooltipProps) => ReactNode;
|
|
224
|
+
onClick?: (_props: Readonly<{
|
|
225
225
|
x: string;
|
|
226
226
|
} & TypeDonutChartDataItem>) => void;
|
|
227
227
|
tooltipClickLabel?: ReactNode;
|
|
@@ -234,8 +234,8 @@ declare const DonutChart: react.NamedExoticComponent<Readonly<{
|
|
|
234
234
|
disableTooltips?: boolean;
|
|
235
235
|
hideLegend?: boolean;
|
|
236
236
|
numberFormat?: TypeChartNumberFormat;
|
|
237
|
-
tooltip?: (
|
|
238
|
-
onClick?: (
|
|
237
|
+
tooltip?: (_props: TypeDonutChartTooltipProps) => ReactNode;
|
|
238
|
+
onClick?: (_props: Readonly<{
|
|
239
239
|
x: string;
|
|
240
240
|
} & TypeDonutChartDataItem>) => void;
|
|
241
241
|
tooltipClickLabel?: ReactNode;
|
|
@@ -274,16 +274,16 @@ type TypeLineChartProps = Readonly<{
|
|
|
274
274
|
currency?: string;
|
|
275
275
|
disableTooltips?: boolean;
|
|
276
276
|
numberFormat?: TypeChartNumberFormat;
|
|
277
|
-
tooltip?: (
|
|
277
|
+
tooltip?: (_props: TypeChartTooltipProps) => ReactNode;
|
|
278
278
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
279
|
-
onClick?: (
|
|
279
|
+
onClick?: (_props: Readonly<{
|
|
280
280
|
x: number;
|
|
281
281
|
}>) => void;
|
|
282
282
|
tooltipClickLabel?: ReactNode;
|
|
283
283
|
timeFormat?: TypeChartTimeFormat;
|
|
284
284
|
timezone?: string;
|
|
285
285
|
xAnnotations?: TypeChartXAnnotations;
|
|
286
|
-
xAxisLabelFormatter?: (
|
|
286
|
+
xAxisLabelFormatter?: (_params: {
|
|
287
287
|
textLocale: Intl.LocalesArgument;
|
|
288
288
|
tickPositions: number[];
|
|
289
289
|
unitName: string;
|
|
@@ -320,16 +320,16 @@ declare const LineChart: react.NamedExoticComponent<Readonly<{
|
|
|
320
320
|
currency?: string;
|
|
321
321
|
disableTooltips?: boolean;
|
|
322
322
|
numberFormat?: TypeChartNumberFormat;
|
|
323
|
-
tooltip?: (
|
|
323
|
+
tooltip?: (_props: TypeChartTooltipProps) => ReactNode;
|
|
324
324
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
325
|
-
onClick?: (
|
|
325
|
+
onClick?: (_props: Readonly<{
|
|
326
326
|
x: number;
|
|
327
327
|
}>) => void;
|
|
328
328
|
tooltipClickLabel?: ReactNode;
|
|
329
329
|
timeFormat?: TypeChartTimeFormat;
|
|
330
330
|
timezone?: string;
|
|
331
331
|
xAnnotations?: TypeChartXAnnotations;
|
|
332
|
-
xAxisLabelFormatter?: (
|
|
332
|
+
xAxisLabelFormatter?: (_params: {
|
|
333
333
|
textLocale: Intl.LocalesArgument;
|
|
334
334
|
tickPositions: number[];
|
|
335
335
|
unitName: string;
|
|
@@ -358,12 +358,12 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
|
|
|
358
358
|
data: ReadonlyArray<Readonly<{
|
|
359
359
|
name: string;
|
|
360
360
|
points: ReadonlyArray<TypeChartDataPoint>;
|
|
361
|
-
icon?: ReactNode;
|
|
361
|
+
icon?: react.ReactNode;
|
|
362
362
|
styles?: TypeChartDataStyles & Readonly<{
|
|
363
363
|
pattern?: TypeChartStylePattern;
|
|
364
364
|
}>;
|
|
365
365
|
}>>;
|
|
366
|
-
invalidNumberLabel: ReactNode;
|
|
366
|
+
invalidNumberLabel: react.ReactNode;
|
|
367
367
|
numberLocale: Intl.LocalesArgument;
|
|
368
368
|
textLocale: Intl.LocalesArgument;
|
|
369
369
|
tooltipDateFormatter: TypeChartTooltipDateFormatter;
|
|
@@ -371,15 +371,15 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
|
|
|
371
371
|
numberFormat?: TypeChartNumberFormat;
|
|
372
372
|
seriesLimit?: number;
|
|
373
373
|
showSeriesLimitWarning?: boolean;
|
|
374
|
-
tooltip?: (
|
|
374
|
+
tooltip?: (_props: TypeChartTooltipProps) => react.ReactNode;
|
|
375
375
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
376
|
-
onClick?: (
|
|
376
|
+
onClick?: (_props: Readonly<{
|
|
377
377
|
x: number;
|
|
378
378
|
}>) => void;
|
|
379
|
-
tooltipClickLabel?: ReactNode;
|
|
379
|
+
tooltipClickLabel?: react.ReactNode;
|
|
380
380
|
timeFormat?: TypeChartTimeFormat;
|
|
381
381
|
xAnnotations?: TypeChartXAnnotations;
|
|
382
|
-
xAxisLabelFormatter?: (
|
|
382
|
+
xAxisLabelFormatter?: (_params: {
|
|
383
383
|
textLocale: Intl.LocalesArgument;
|
|
384
384
|
tickPositions: number[];
|
|
385
385
|
unitName: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import { T as TypeChartDataPoint, a as TypeChartDataStyles, b as TypeChartTooltipDateFormatter, c as TypeChartNumberFormat, d as TypeChartTooltipProps, e as TypeChartYAxisLabelFormatter, f as TypeChartTimeFormat, g as TypeChartXAnnotations, h as TypeChartStylePattern, i as TypeVerticalBarChartProps, j as TypeSeriesType, E as ExtendedTimeTicksInfoObject, k as TypeChartStyleColor, l as TypeChartStyleHasOnClick } from './types-
|
|
4
|
-
export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotationsDetails, o as TypeExtendedChart } from './types-
|
|
3
|
+
import { T as TypeChartDataPoint, a as TypeChartDataStyles, b as TypeChartTooltipDateFormatter, c as TypeChartNumberFormat, d as TypeChartTooltipProps, e as TypeChartYAxisLabelFormatter, f as TypeChartTimeFormat, g as TypeChartXAnnotations, h as TypeChartStylePattern, i as TypeVerticalBarChartProps, j as TypeSeriesType, E as ExtendedTimeTicksInfoObject, k as TypeChartStyleColor, l as TypeChartStyleHasOnClick } from './types-DxrhdAdn.js';
|
|
4
|
+
export { m as ExtendedAxisLabelsFormatterContextObject, n as TypeChartXAnnotationsDetails, o as TypeExtendedChart } from './types-DxrhdAdn.js';
|
|
5
5
|
import * as _sproutsocial_seeds_react_box from '@sproutsocial/seeds-react-box';
|
|
6
6
|
import { TypeBoxProps } from '@sproutsocial/seeds-react-box';
|
|
7
7
|
import { Table } from '@sproutsocial/seeds-react-table';
|
|
@@ -25,11 +25,11 @@ type TypeAreaChartProps = Readonly<{
|
|
|
25
25
|
currency?: string;
|
|
26
26
|
disableTooltips?: boolean;
|
|
27
27
|
numberFormat?: TypeChartNumberFormat;
|
|
28
|
-
tooltip?: (
|
|
28
|
+
tooltip?: (_props: TypeChartTooltipProps & Readonly<{
|
|
29
29
|
total: number | null;
|
|
30
30
|
}>) => ReactNode;
|
|
31
31
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
32
|
-
onClick?: (
|
|
32
|
+
onClick?: (_props: Readonly<{
|
|
33
33
|
x: number;
|
|
34
34
|
}>) => void;
|
|
35
35
|
tooltipClickLabel?: ReactNode;
|
|
@@ -65,11 +65,11 @@ declare const AreaChart: react.NamedExoticComponent<Readonly<{
|
|
|
65
65
|
currency?: string;
|
|
66
66
|
disableTooltips?: boolean;
|
|
67
67
|
numberFormat?: TypeChartNumberFormat;
|
|
68
|
-
tooltip?: (
|
|
68
|
+
tooltip?: (_props: TypeChartTooltipProps & Readonly<{
|
|
69
69
|
total: number | null;
|
|
70
70
|
}>) => ReactNode;
|
|
71
71
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
72
|
-
onClick?: (
|
|
72
|
+
onClick?: (_props: Readonly<{
|
|
73
73
|
x: number;
|
|
74
74
|
}>) => void;
|
|
75
75
|
tooltipClickLabel?: ReactNode;
|
|
@@ -142,7 +142,7 @@ declare const ChartTooltipHeader: react.NamedExoticComponent<TypeChartTooltipHea
|
|
|
142
142
|
declare const generateChartTooltipPortalId: (chartId: number) => string;
|
|
143
143
|
declare const ChartTooltipPortal: react.NamedExoticComponent<Readonly<{
|
|
144
144
|
chart: Chart;
|
|
145
|
-
renderContent: (
|
|
145
|
+
renderContent: (_context: TooltipFormatterContextObject) => ReactNode;
|
|
146
146
|
}>>;
|
|
147
147
|
|
|
148
148
|
type TypeChartTooltipTableProps = {
|
|
@@ -220,8 +220,8 @@ type TypeDonutChartProps = Readonly<{
|
|
|
220
220
|
disableTooltips?: boolean;
|
|
221
221
|
hideLegend?: boolean;
|
|
222
222
|
numberFormat?: TypeChartNumberFormat;
|
|
223
|
-
tooltip?: (
|
|
224
|
-
onClick?: (
|
|
223
|
+
tooltip?: (_props: TypeDonutChartTooltipProps) => ReactNode;
|
|
224
|
+
onClick?: (_props: Readonly<{
|
|
225
225
|
x: string;
|
|
226
226
|
} & TypeDonutChartDataItem>) => void;
|
|
227
227
|
tooltipClickLabel?: ReactNode;
|
|
@@ -234,8 +234,8 @@ declare const DonutChart: react.NamedExoticComponent<Readonly<{
|
|
|
234
234
|
disableTooltips?: boolean;
|
|
235
235
|
hideLegend?: boolean;
|
|
236
236
|
numberFormat?: TypeChartNumberFormat;
|
|
237
|
-
tooltip?: (
|
|
238
|
-
onClick?: (
|
|
237
|
+
tooltip?: (_props: TypeDonutChartTooltipProps) => ReactNode;
|
|
238
|
+
onClick?: (_props: Readonly<{
|
|
239
239
|
x: string;
|
|
240
240
|
} & TypeDonutChartDataItem>) => void;
|
|
241
241
|
tooltipClickLabel?: ReactNode;
|
|
@@ -274,16 +274,16 @@ type TypeLineChartProps = Readonly<{
|
|
|
274
274
|
currency?: string;
|
|
275
275
|
disableTooltips?: boolean;
|
|
276
276
|
numberFormat?: TypeChartNumberFormat;
|
|
277
|
-
tooltip?: (
|
|
277
|
+
tooltip?: (_props: TypeChartTooltipProps) => ReactNode;
|
|
278
278
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
279
|
-
onClick?: (
|
|
279
|
+
onClick?: (_props: Readonly<{
|
|
280
280
|
x: number;
|
|
281
281
|
}>) => void;
|
|
282
282
|
tooltipClickLabel?: ReactNode;
|
|
283
283
|
timeFormat?: TypeChartTimeFormat;
|
|
284
284
|
timezone?: string;
|
|
285
285
|
xAnnotations?: TypeChartXAnnotations;
|
|
286
|
-
xAxisLabelFormatter?: (
|
|
286
|
+
xAxisLabelFormatter?: (_params: {
|
|
287
287
|
textLocale: Intl.LocalesArgument;
|
|
288
288
|
tickPositions: number[];
|
|
289
289
|
unitName: string;
|
|
@@ -320,16 +320,16 @@ declare const LineChart: react.NamedExoticComponent<Readonly<{
|
|
|
320
320
|
currency?: string;
|
|
321
321
|
disableTooltips?: boolean;
|
|
322
322
|
numberFormat?: TypeChartNumberFormat;
|
|
323
|
-
tooltip?: (
|
|
323
|
+
tooltip?: (_props: TypeChartTooltipProps) => ReactNode;
|
|
324
324
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
325
|
-
onClick?: (
|
|
325
|
+
onClick?: (_props: Readonly<{
|
|
326
326
|
x: number;
|
|
327
327
|
}>) => void;
|
|
328
328
|
tooltipClickLabel?: ReactNode;
|
|
329
329
|
timeFormat?: TypeChartTimeFormat;
|
|
330
330
|
timezone?: string;
|
|
331
331
|
xAnnotations?: TypeChartXAnnotations;
|
|
332
|
-
xAxisLabelFormatter?: (
|
|
332
|
+
xAxisLabelFormatter?: (_params: {
|
|
333
333
|
textLocale: Intl.LocalesArgument;
|
|
334
334
|
tickPositions: number[];
|
|
335
335
|
unitName: string;
|
|
@@ -358,12 +358,12 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
|
|
|
358
358
|
data: ReadonlyArray<Readonly<{
|
|
359
359
|
name: string;
|
|
360
360
|
points: ReadonlyArray<TypeChartDataPoint>;
|
|
361
|
-
icon?: ReactNode;
|
|
361
|
+
icon?: react.ReactNode;
|
|
362
362
|
styles?: TypeChartDataStyles & Readonly<{
|
|
363
363
|
pattern?: TypeChartStylePattern;
|
|
364
364
|
}>;
|
|
365
365
|
}>>;
|
|
366
|
-
invalidNumberLabel: ReactNode;
|
|
366
|
+
invalidNumberLabel: react.ReactNode;
|
|
367
367
|
numberLocale: Intl.LocalesArgument;
|
|
368
368
|
textLocale: Intl.LocalesArgument;
|
|
369
369
|
tooltipDateFormatter: TypeChartTooltipDateFormatter;
|
|
@@ -371,15 +371,15 @@ declare const VerticalBarChart: react.NamedExoticComponent<Readonly<{
|
|
|
371
371
|
numberFormat?: TypeChartNumberFormat;
|
|
372
372
|
seriesLimit?: number;
|
|
373
373
|
showSeriesLimitWarning?: boolean;
|
|
374
|
-
tooltip?: (
|
|
374
|
+
tooltip?: (_props: TypeChartTooltipProps) => react.ReactNode;
|
|
375
375
|
yAxisLabelFormatter?: TypeChartYAxisLabelFormatter;
|
|
376
|
-
onClick?: (
|
|
376
|
+
onClick?: (_props: Readonly<{
|
|
377
377
|
x: number;
|
|
378
378
|
}>) => void;
|
|
379
|
-
tooltipClickLabel?: ReactNode;
|
|
379
|
+
tooltipClickLabel?: react.ReactNode;
|
|
380
380
|
timeFormat?: TypeChartTimeFormat;
|
|
381
381
|
xAnnotations?: TypeChartXAnnotations;
|
|
382
|
-
xAxisLabelFormatter?: (
|
|
382
|
+
xAxisLabelFormatter?: (_params: {
|
|
383
383
|
textLocale: Intl.LocalesArgument;
|
|
384
384
|
tickPositions: number[];
|
|
385
385
|
unitName: string;
|