@toptal/picasso-charts 33.0.0 → 33.1.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
CHANGED
|
@@ -25,6 +25,8 @@ export interface Props<K extends string | number | symbol> extends BaseChartProp
|
|
|
25
25
|
testIds?: {
|
|
26
26
|
tooltip?: string;
|
|
27
27
|
};
|
|
28
|
+
/** Shows label of each bar */
|
|
29
|
+
showBarLabel?: boolean;
|
|
28
30
|
}
|
|
29
31
|
export declare const formatData: <K extends string>(data: {
|
|
30
32
|
name: string;
|
|
@@ -38,11 +40,12 @@ export declare const extractValues: <K extends string>(data: {
|
|
|
38
40
|
value: { [key in K]: number; };
|
|
39
41
|
}[]) => { [key in K]: number; }[];
|
|
40
42
|
declare const BarChart: {
|
|
41
|
-
<K extends string>({ data, className, height, width, tooltip, customTooltip, allowTooltipEscapeViewBox, getBarColor, labelKey, getBarLabelColor, testIds, ...rest }: Props<K>): JSX.Element;
|
|
43
|
+
<K extends string>({ data, className, height, width, tooltip, customTooltip, allowTooltipEscapeViewBox, getBarColor, labelKey, getBarLabelColor, testIds, showBarLabel, ...rest }: Props<K>): JSX.Element;
|
|
42
44
|
defaultProps: {
|
|
43
45
|
height: number;
|
|
44
46
|
width: string;
|
|
45
47
|
tooltip: boolean;
|
|
48
|
+
showBarLabel: boolean;
|
|
46
49
|
};
|
|
47
50
|
};
|
|
48
51
|
export default BarChart;
|
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 } = _a, rest = __rest(_a, ["data", "className", "height", "width", "tooltip", "customTooltip", "allowTooltipEscapeViewBox", "getBarColor", "labelKey", "getBarLabelColor", "testIds"]);
|
|
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"]);
|
|
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: React.createElement(BarChartLabel, { dataKey: dataKey, getBarLabelColor: getBarLabelColor }) }, 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 }, 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
|
}))))))));
|
|
@@ -57,7 +57,8 @@ const BarChart = (_a) => {
|
|
|
57
57
|
BarChart.defaultProps = {
|
|
58
58
|
height: 200,
|
|
59
59
|
width: 'auto',
|
|
60
|
-
tooltip: false
|
|
60
|
+
tooltip: false,
|
|
61
|
+
showBarLabel: true
|
|
61
62
|
};
|
|
62
63
|
export default BarChart;
|
|
63
64
|
//# sourceMappingURL=BarChart.js.map
|
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":";;;;;;;;;;;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;AAsBnB,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CAC3B,+BACE,uBAAuB,EAAE;QACvB,MAAM,EAAE;;;oBAGM,OAAO,CAAC,IAAI,CAAC,IAAI;;;;;;;OAO9B;KACF,GACD,CACH,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAmB,IAAsB,EAAE,EAAE,CACrE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,iCAChB,QAAQ,CAAC,KAAK,GACd,QAAQ,EACX,CAAC,CAAA;AAEL,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;AAClD,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAmB,IAAsB,EAAE,EAAE,CACxE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAEtC,MAAM,QAAQ,GAAG,CAAmB,EAczB,EAAE,EAAE;QAdqB,EAClC,IAAI,EACJ,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,EACP,aAAa,EACb,yBAAyB,EACzB,WAAW,GAAG,kBAAkB,EAChC,QAAQ,EACR,gBAAgB,GAAG,uBAAuB,EAC1C,OAAO,EACP,YAAY,OAEH,EADN,IAAI,cAb2B,2KAcnC,CADQ;IAEP,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAQ,CAAA;IAElD,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,CAAC,CAAA;IAEtC,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CACH,OAAO,CAAC,CAAC,CAAC,CACR,oBAAC,OAAO,mBACO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAC7B,kBAAkB,EAChB,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,EAE9D,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,KAAK,GACb,CACH,CAAC,CAAC,CAAC,SAAS,EACf,CAAC,OAAO,EAAE,aAAa,EAAE,yBAAyB,CAAC,CACpD,CAAA;IAED,MAAM,SAAS,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;IACpD,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE,eAAe,CAAC,CAAA;IAEnE,OAAO,CACL,2CAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,IAAM,IAAI;QAC3D,oBAAC,cAAc,OAAG;QAClB,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM;YAC/C,oBAAC,gBAAgB,IACf,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,CAAC,EACT,cAAc,EAAE,EAAE,EAClB,OAAO,EAAE,EAAE;gBAEX,oBAAC,aAAa,IACZ,eAAe,EAAC,KAAK,EACrB,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,EAC7B,QAAQ,EAAE,KAAK,GACf;gBACF,oBAAC,KAAK,IACJ,OAAO,EAAE,QAAQ,IAAI,MAAM,EAC3B,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,UAAU,EAAE,YAAY,EACxB,UAAU,EAAE,WAAW,EACvB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,GAC3B;gBACF,oBAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,SAAS,EACnB,UAAU,EAAE,YAAY,EACxB,UAAU,EAAE,WAAW,EACvB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAC3C;gBACD,cAAc;gBACd,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvB,oBAAC,GAAG,IACF,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,YAAY,CAAC,CAAC,CAAC,CACb,oBAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC,CAAC,CAAC,SAAS,IAGd,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBACzB,MAAM,IAAI,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAA;oBAErD,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,EACpD,IAAI,EAAE,IAAI,GACV,CACH,CAAA;gBACH,CAAC,CAAC,CACE,CACP,CAAC,CACe,CACC,CAClB,CACP,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG;IACtB,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,IAAI;CACnB,CAAA;AAED,eAAe,QAAQ,CAAA"}
|