@toptal/picasso-charts 33.1.0 → 33.2.0
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/BarChart/BarChart.d.ts +19 -18
- package/BarChart/BarChart.js +2 -2
- package/BarChart/BarChart.js.map +1 -1
- package/LineChart/LineChart.d.ts +12 -0
- package/LineChart/LineChart.js.map +1 -1
- package/package.json +1 -1
- package/types.d.ts +16 -0
package/BarChart/BarChart.d.ts
CHANGED
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BaseChartProps } from '../types';
|
|
3
|
+
export declare type BarChartDataItem<K extends string | number | symbol> = {
|
|
4
|
+
name: string;
|
|
5
|
+
value: {
|
|
6
|
+
[key in K]: number;
|
|
7
|
+
};
|
|
8
|
+
};
|
|
3
9
|
export interface Props<K extends string | number | symbol> extends BaseChartProps {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
+
/**
|
|
11
|
+
* A list of data points to be rendered as a bar chart
|
|
12
|
+
* @type { name: string; value: { [key in K]: number }; }[]
|
|
13
|
+
*/
|
|
14
|
+
data: BarChartDataItem<K>[];
|
|
15
|
+
/** Name of point on the horizontal axis */
|
|
10
16
|
labelKey?: string;
|
|
17
|
+
/** Maps bar's key with a color to fill */
|
|
11
18
|
getBarColor: (params: {
|
|
12
19
|
dataKey: string;
|
|
13
20
|
entry?: {
|
|
@@ -18,6 +25,7 @@ export interface Props<K extends string | number | symbol> extends BaseChartProp
|
|
|
18
25
|
};
|
|
19
26
|
index?: number;
|
|
20
27
|
}) => string;
|
|
28
|
+
/** Maps bar's key with a label color */
|
|
21
29
|
getBarLabelColor?: (params: {
|
|
22
30
|
dataKey: string;
|
|
23
31
|
index?: number;
|
|
@@ -27,20 +35,13 @@ export interface Props<K extends string | number | symbol> extends BaseChartProp
|
|
|
27
35
|
};
|
|
28
36
|
/** Shows label of each bar */
|
|
29
37
|
showBarLabel?: boolean;
|
|
38
|
+
/** If set false, animation of bar will be disabled */
|
|
39
|
+
isAnimationActive?: boolean;
|
|
30
40
|
}
|
|
31
|
-
export declare const formatData: <K extends string>(data: {
|
|
32
|
-
|
|
33
|
-
value: { [key in K]: number; };
|
|
34
|
-
}[]) => ({ [key in K]: number; } & {
|
|
35
|
-
name: string;
|
|
36
|
-
value: { [key in K]: number; };
|
|
37
|
-
})[];
|
|
38
|
-
export declare const extractValues: <K extends string>(data: {
|
|
39
|
-
name: string;
|
|
40
|
-
value: { [key in K]: number; };
|
|
41
|
-
}[]) => { [key in K]: number; }[];
|
|
41
|
+
export declare const formatData: <K extends string>(data: BarChartDataItem<K>[]) => ({ [key in K]: number; } & BarChartDataItem<K>)[];
|
|
42
|
+
export declare const extractValues: <K extends string>(data: BarChartDataItem<K>[]) => { [key in K]: number; }[];
|
|
42
43
|
declare const BarChart: {
|
|
43
|
-
<K extends string>({ data, className, height, width, tooltip, customTooltip, allowTooltipEscapeViewBox, getBarColor, labelKey, getBarLabelColor, testIds, showBarLabel, ...rest }: Props<K>): JSX.Element;
|
|
44
|
+
<K extends string>({ data, className, height, width, tooltip, customTooltip, allowTooltipEscapeViewBox, getBarColor, labelKey, getBarLabelColor, testIds, showBarLabel, isAnimationActive, ...rest }: Props<K>): JSX.Element;
|
|
44
45
|
defaultProps: {
|
|
45
46
|
height: number;
|
|
46
47
|
width: string;
|
package/BarChart/BarChart.js
CHANGED
|
@@ -35,7 +35,7 @@ const defaultGetBarColor = () => palette.blue.main;
|
|
|
35
35
|
const defaultGetBarLabelColor = () => palette.grey.dark;
|
|
36
36
|
export const extractValues = (data) => data.map(dataItem => dataItem.value);
|
|
37
37
|
const BarChart = (_a) => {
|
|
38
|
-
var { data, className, height, width, tooltip, customTooltip, allowTooltipEscapeViewBox, getBarColor = defaultGetBarColor, labelKey, getBarLabelColor = defaultGetBarLabelColor, testIds, showBarLabel } = _a, rest = __rest(_a, ["data", "className", "height", "width", "tooltip", "customTooltip", "allowTooltipEscapeViewBox", "getBarColor", "labelKey", "getBarLabelColor", "testIds", "showBarLabel"]);
|
|
38
|
+
var { data, className, height, width, tooltip, customTooltip, allowTooltipEscapeViewBox, getBarColor = defaultGetBarColor, labelKey, getBarLabelColor = defaultGetBarLabelColor, testIds, showBarLabel, isAnimationActive } = _a, rest = __rest(_a, ["data", "className", "height", "width", "tooltip", "customTooltip", "allowTooltipEscapeViewBox", "getBarColor", "labelKey", "getBarLabelColor", "testIds", "showBarLabel", "isAnimationActive"]);
|
|
39
39
|
const dataKeys = Object.keys(data[0].value);
|
|
40
40
|
const formattedData = formatData(data);
|
|
41
41
|
const tooltipElement = useMemo(() => tooltip ? (React.createElement(Tooltip, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.tooltip, allowEscapeViewBox: allowTooltipEscapeViewBox ? { x: true, y: true } : undefined, content: customTooltip, cursor: false })) : undefined, [tooltip, customTooltip, allowTooltipEscapeViewBox]);
|
|
@@ -49,7 +49,7 @@ const BarChart = (_a) => {
|
|
|
49
49
|
React.createElement(XAxis, { dataKey: labelKey || 'name', tickLine: TICK_LINE, axisLine: AXIS_LINE, minTickGap: MIN_TICK_GAP, tickMargin: TICK_MARGIN, height: TICK_HEIGHT, interval: 0, tick: { width: TICK_WIDTH } }),
|
|
50
50
|
React.createElement(YAxis, { type: 'number', tickLine: TICK_LINE, axisLine: AXIS_LINE, minTickGap: MIN_TICK_GAP, tickMargin: TICK_MARGIN, width: Y_AXIS_WIDTH, ticks: ticks, domain: [ticks[0], ticks[ticks.length - 1]] }),
|
|
51
51
|
tooltipElement,
|
|
52
|
-
dataKeys.map(dataKey => (React.createElement(Bar, { key: dataKey, dataKey: dataKey, label: showBarLabel ? (React.createElement(BarChartLabel, { dataKey: dataKey, getBarLabelColor: getBarLabelColor })) : undefined }, data.map((entry, index) => {
|
|
52
|
+
dataKeys.map(dataKey => (React.createElement(Bar, { key: dataKey, dataKey: dataKey, label: showBarLabel ? (React.createElement(BarChartLabel, { dataKey: dataKey, getBarLabelColor: getBarLabelColor })) : undefined, isAnimationActive: isAnimationActive }, data.map((entry, index) => {
|
|
53
53
|
const fill = getBarColor === null || getBarColor === void 0 ? void 0 : getBarColor({ dataKey, entry, index });
|
|
54
54
|
return (React.createElement(Cell, { key: `${entry.value}-${entry.name}-${String(index)}`, fill: fill }));
|
|
55
55
|
}))))))));
|
package/BarChart/BarChart.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../src/BarChart/BarChart.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EACL,QAAQ,IAAI,gBAAgB,EAC5B,aAAa,EACb,KAAK,EACL,OAAO,EACP,GAAG,EACH,KAAK,EACL,mBAAmB,EACnB,IAAI,EACL,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAElE,MAAM,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,YAAY,EACZ,aAAa,EACb,eAAe,EACf,UAAU,EACV,WAAW,EACZ,GAAG,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../src/BarChart/BarChart.tsx"],"names":[],"mappings":"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"}
|
package/LineChart/LineChart.d.ts
CHANGED
|
@@ -10,8 +10,20 @@ export declare type HighlightConfig = {
|
|
|
10
10
|
color: string;
|
|
11
11
|
};
|
|
12
12
|
export declare type Props = BaseLineChartProps & {
|
|
13
|
+
/**
|
|
14
|
+
* A list of data points to be rendered as a line chart
|
|
15
|
+
* @type { [key: string]: string|number; }[]
|
|
16
|
+
*/
|
|
13
17
|
data: ChartDataPoint[];
|
|
18
|
+
/**
|
|
19
|
+
* A list of regions to be highlighted
|
|
20
|
+
* @type { from: number; to: number; color: string; }[]
|
|
21
|
+
*/
|
|
14
22
|
highlights?: HighlightConfig[] | null;
|
|
23
|
+
/**
|
|
24
|
+
* Will display a full-width horizontal dashed line at the specified height in the specified color
|
|
25
|
+
* @type { y: number; color: string; }[]
|
|
26
|
+
*/
|
|
15
27
|
referenceLines?: ReferenceLineType[];
|
|
16
28
|
};
|
|
17
29
|
export declare const LineChart: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../src/LineChart/LineChart.tsx"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EACL,aAAa,EACb,KAAK,EACL,KAAK,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,IAAI,EACJ,IAAI,EACJ,mBAAmB,EACnB,OAAO,EACR,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAS,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,wBAAwB,MAAM,qCAAqC,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAClE,OAAO,MAAM,MAAM,UAAU,CAAA;AAU7B,MAAM,EACJ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,YAAY,EACZ,eAAe,EAChB,GAAG,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../src/LineChart/LineChart.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/types.d.ts
CHANGED
|
@@ -25,10 +25,15 @@ export declare type PositionTranslate = {
|
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
27
|
export interface BaseChartProps extends BaseProps {
|
|
28
|
+
/** Height of chart */
|
|
28
29
|
height?: number;
|
|
30
|
+
/** Width of chart */
|
|
29
31
|
width?: number;
|
|
32
|
+
/** Toggle tooltip on hover */
|
|
30
33
|
tooltip?: boolean;
|
|
34
|
+
/** Requires `tooltip` to be `true` */
|
|
31
35
|
customTooltip?: React.ReactElement;
|
|
36
|
+
/** Allows the tooltip to extend beyond the viewBox of the chart itself */
|
|
32
37
|
allowTooltipEscapeViewBox?: boolean;
|
|
33
38
|
}
|
|
34
39
|
export declare type ChartDataPoint = Record<string, string | number | boolean>;
|
|
@@ -41,12 +46,23 @@ export declare type LineConfig = Record<string, {
|
|
|
41
46
|
}>;
|
|
42
47
|
export declare type Domain = [number, number];
|
|
43
48
|
export declare type BaseLineChartProps = BaseChartProps & {
|
|
49
|
+
/** Text label to be displayed on the Y axis */
|
|
44
50
|
unit?: string;
|
|
51
|
+
/** Name of point on the horizontal axis */
|
|
45
52
|
xAxisKey?: string;
|
|
53
|
+
/**
|
|
54
|
+
* A dictionary of each line name as a key and the line's color and variant for value
|
|
55
|
+
* @type Record<string, { color: string; variant?: 'solid' | 'reference' }>
|
|
56
|
+
*/
|
|
46
57
|
lineConfig: LineConfig;
|
|
58
|
+
/** Children component which will be rendered below the line graphs */
|
|
47
59
|
children?: ReactNode;
|
|
60
|
+
/** Shows the bottom Y axis label */
|
|
48
61
|
showBottomYAxisLabel?: boolean;
|
|
62
|
+
/** Returns X axis ticks based on data */
|
|
49
63
|
getXAxisTicks?: (orderedChartData: OrderedChartDataPoint[]) => number[];
|
|
64
|
+
/** Returns Y axis ticks */
|
|
50
65
|
getYAxisTicks?: (domain: Domain) => number[];
|
|
66
|
+
/** The formatter function of tick. */
|
|
51
67
|
formatYAxisTick?: (value: number, domain: Domain) => string;
|
|
52
68
|
};
|