@topkit/analytics-charts 35.1.0 → 36.0.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/AnalyticsChart/AnalyticsChart.js +2 -2
- package/AnalyticsChart/AnalyticsChart.js.map +1 -1
- package/CategoriesChart/CategoriesChart.js +1 -1
- package/CategoriesChart/CategoriesChart.js.map +1 -1
- package/CategoriesChart/utils/format-data/format-data.js +2 -2
- package/CategoriesChart/utils/get-color/get-color.d.ts +1 -1
- package/CategoriesChart/utils/get-color/get-color.js +2 -2
- package/CategoriesChart/utils/get-color/get-color.js.map +1 -1
- package/CategoriesChartTooltip/CategoriesChartTooltip.d.ts +1 -1
- package/CategoriesChartTooltip/CategoriesChartTooltip.js +2 -2
- package/CategoriesChartTooltip/CategoriesChartTooltip.js.map +1 -1
- package/CategoriesChartTooltip/utils/get-display-texts/get-display-texts.d.ts +1 -1
- package/CategoriesChartTooltip/utils/get-display-texts/get-display-texts.js +7 -7
- package/CategoriesChartTooltip/utils/get-display-texts/get-display-texts.js.map +1 -1
- package/package.json +2 -2
- package/utils/to-chart-format/to-chart-format.js +1 -1
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useMemo } from 'react';
|
|
13
13
|
import { LineChart } from '@toptal/picasso-charts';
|
|
14
|
-
import { toChartFormat, toHighlightFormat, toLineConfigFormat, getXAxisTicks, getYAxisTicks, formatYAxisTick } from './../utils';
|
|
14
|
+
import { toChartFormat, toHighlightFormat, toLineConfigFormat, getXAxisTicks, getYAxisTicks, formatYAxisTick, } from './../utils';
|
|
15
15
|
export const AnalyticsChart = (_a) => {
|
|
16
16
|
var { data, highlights, referenceLines, xAxisKey = 'x', lineConfig: lines, formatXAxisLabel = (label) => label, granularity, unit } = _a, rest = __rest(_a, ["data", "highlights", "referenceLines", "xAxisKey", "lineConfig", "formatXAxisLabel", "granularity", "unit"]);
|
|
17
17
|
const chartData = useMemo(() => toChartFormat(data, referenceLines, xAxisKey, formatXAxisLabel), [data, referenceLines, xAxisKey, formatXAxisLabel]);
|
|
@@ -22,7 +22,7 @@ export const AnalyticsChart = (_a) => {
|
|
|
22
22
|
};
|
|
23
23
|
AnalyticsChart.defaultProps = {
|
|
24
24
|
xAxisKey: 'x',
|
|
25
|
-
formatXAxisLabel: (label) => label
|
|
25
|
+
formatXAxisLabel: (label) => label,
|
|
26
26
|
};
|
|
27
27
|
AnalyticsChart.displayName = 'AnalyticsChart';
|
|
28
28
|
export default AnalyticsChart;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnalyticsChart.js","sourceRoot":"","sources":["../../src/AnalyticsChart/AnalyticsChart.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAsB,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,eAAe,
|
|
1
|
+
{"version":3,"file":"AnalyticsChart.js","sourceRoot":"","sources":["../../src/AnalyticsChart/AnalyticsChart.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAsB,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,eAAe,GAChB,MAAM,YAAY,CAAA;AAyBnB,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAUvB,EAAE,EAAE;QAVmB,EAC7B,IAAI,EACJ,UAAU,EACV,cAAc,EACd,QAAQ,GAAG,GAAG,EACd,UAAU,EAAE,KAAK,EACjB,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,EAC3C,WAAW,EACX,IAAI,OAEE,EADH,IAAI,cATsB,6GAU9B,CADQ;IAEP,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,CAAC,EACrE,CAAC,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CACnD,CAAA;IACD,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAC1E,CAAC,cAAc,EAAE,KAAK,CAAC,CACxB,CAAA;IACD,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CACH,UAAU;QACV,iBAAiB,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,CAAC,EACtE,CAAC,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,QAAQ,CAAC,CACpD,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,kBACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,SAAS,EACf,UAAU,EAAE,cAAc,IAAI,IAAI,EAClC,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,EAAE,WAAW,CAAC,EACrE,aAAa,EAAE,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC,EACpD,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,IACpE,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,cAAc,CAAC,YAAY,GAAG;IAC5B,QAAQ,EAAE,GAAG;IACb,gBAAgB,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK;CAC3C,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,eAAe,cAAc,CAAA"}
|
|
@@ -16,7 +16,7 @@ import CategoriesChartTooltip from '../CategoriesChartTooltip';
|
|
|
16
16
|
export const CategoriesChart = (_a) => {
|
|
17
17
|
var { data, labels, tooltips } = _a, restProps = __rest(_a, ["data", "labels", "tooltips"]);
|
|
18
18
|
const chartData = useMemo(() => formatData(data, labels), [data, labels]);
|
|
19
|
-
const getBarLabelColor = ({ index, dataKey }) => index !== undefined ? getColor({ dataKey, entry: chartData[index] }) : '';
|
|
19
|
+
const getBarLabelColor = ({ index, dataKey, }) => index !== undefined ? getColor({ dataKey, entry: chartData[index] }) : '';
|
|
20
20
|
return (React.createElement(BarChart, Object.assign({ labelKey: 'label', data: chartData, tooltip: true, getBarLabelColor: getBarLabelColor, customTooltip:
|
|
21
21
|
// @ts-expect-error: Recharts passes 2 props under the hood: active and payload. We need to assume they are there without explicitly passing them.
|
|
22
22
|
React.createElement(CategoriesChartTooltip, { originalData: data, tooltips: tooltips }), getBarColor: getColor }, restProps)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoriesChart.js","sourceRoot":"","sources":["../../src/CategoriesChart/CategoriesChart.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAiB,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAGhE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAW9D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAKxB,EAAE,EAAE;QALoB,EAC9B,IAAI,EACJ,MAAM,EACN,QAAQ,OAEF,EADH,SAAS,cAJkB,8BAK/B,CADa;IAEZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzE,MAAM,gBAAgB,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,
|
|
1
|
+
{"version":3,"file":"CategoriesChart.js","sourceRoot":"","sources":["../../src/CategoriesChart/CategoriesChart.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAiB,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAGhE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,sBAAsB,MAAM,2BAA2B,CAAA;AAW9D,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAKxB,EAAE,EAAE;QALoB,EAC9B,IAAI,EACJ,MAAM,EACN,QAAQ,OAEF,EADH,SAAS,cAJkB,8BAK/B,CADa;IAEZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAEzE,MAAM,gBAAgB,GAAG,CAAC,EACxB,KAAK,EACL,OAAO,GAIR,EAAE,EAAE,CACH,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE3E,OAAO,CACL,oBAAC,QAAQ,kBACP,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,SAAS,EACf,OAAO,QACP,gBAAgB,EAAE,gBAAgB,EAClC,aAAa;QACX,kJAAkJ;QAClJ,oBAAC,sBAAsB,IAAC,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAEpE,WAAW,EAAE,QAAQ,IACjB,SAAS,EACb,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,CAAC,YAAY,GAAG,EAAE,CAAA;AAEjC,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,eAAe,eAAe,CAAA"}
|
|
@@ -5,10 +5,10 @@ const COLOR_MAP = {
|
|
|
5
5
|
paused: [palette.yellow.main, palette.yellow.main],
|
|
6
6
|
removed: [palette.green.main, palette.green.main],
|
|
7
7
|
collections: [palette.red.main, palette.red.main],
|
|
8
|
-
pending: [palette.yellow.main, palette.yellow.main]
|
|
8
|
+
pending: [palette.yellow.main, palette.yellow.main],
|
|
9
9
|
};
|
|
10
10
|
const BAD_RESULT_COLOR = palette.red.main;
|
|
11
|
-
const getColor = ({ dataKey, entry }) => {
|
|
11
|
+
const getColor = ({ dataKey, entry, }) => {
|
|
12
12
|
var _a, _b;
|
|
13
13
|
if (!entry) {
|
|
14
14
|
return DEFAULT_COLORS[0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-color.js","sourceRoot":"","sources":["../../../../src/CategoriesChart/utils/get-color/get-color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAE/D,MAAM,SAAS,GAA6B;IAC1C,SAAS,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IAC/C,MAAM,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;IAClD,OAAO,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IACjD,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;CACpD,CAAA;AAED,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;AAEzC,MAAM,QAAQ,GAAG,CAAC,EAChB,OAAO,EACP,KAAK,
|
|
1
|
+
{"version":3,"file":"get-color.js","sourceRoot":"","sources":["../../../../src/CategoriesChart/utils/get-color/get-color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE/C,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;AAE/D,MAAM,SAAS,GAA6B;IAC1C,SAAS,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IAC/C,MAAM,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;IAClD,OAAO,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;IACjD,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC;IACjD,OAAO,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC;CACpD,CAAA;AAED,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;AAEzC,MAAM,QAAQ,GAAG,CAAC,EAChB,OAAO,EACP,KAAK,GAIN,EAAE,EAAE;;IACH,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,cAAc,CAAC,CAAC,CAAC,CAAA;KACzB;IAED,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,CAAA,MAAA,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAG,CAAC,CAAC,KAAI,cAAc,CAAC,CAAC,CAAC,CAAA;KACvD;IAED,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;QACnE,OAAO,gBAAgB,CAAA;KACxB;IAED,OAAO,CAAA,MAAA,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAG,CAAC,CAAC,KAAI,cAAc,CAAC,CAAC,CAAC,CAAA;AACxD,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -15,5 +15,5 @@ export declare type Props = {
|
|
|
15
15
|
paper?: string;
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
|
-
declare const CategoriesChartTooltip: ({ active, payload, tooltips, originalData, testIds }: Props) => JSX.Element | null;
|
|
18
|
+
declare const CategoriesChartTooltip: ({ active, payload, tooltips, originalData, testIds, }: Props) => JSX.Element | null;
|
|
19
19
|
export default CategoriesChartTooltip;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Paper, Container, Typography } from '@toptal/picasso';
|
|
3
3
|
import { getDisplayTexts } from './utils';
|
|
4
|
-
const CategoriesChartTooltip = ({ active, payload, tooltips, originalData, testIds }) => {
|
|
4
|
+
const CategoriesChartTooltip = ({ active, payload, tooltips, originalData, testIds, }) => {
|
|
5
5
|
if (active && payload && payload.length > 0) {
|
|
6
6
|
const currentData = originalData.find(({ id: dataId }) => dataId === payload[0].payload.name);
|
|
7
7
|
if (!currentData) {
|
|
@@ -10,7 +10,7 @@ const CategoriesChartTooltip = ({ active, payload, tooltips, originalData, testI
|
|
|
10
10
|
const { teamTexts, userTexts } = getDisplayTexts({
|
|
11
11
|
currentData,
|
|
12
12
|
tooltips,
|
|
13
|
-
currentPayload: payload[0].payload
|
|
13
|
+
currentPayload: payload[0].payload,
|
|
14
14
|
});
|
|
15
15
|
return (React.createElement(Paper, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.paper },
|
|
16
16
|
React.createElement(Container, { padded: 'xsmall' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CategoriesChartTooltip.js","sourceRoot":"","sources":["../../src/CategoriesChartTooltip/CategoriesChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG9D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAYzC,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,
|
|
1
|
+
{"version":3,"file":"CategoriesChartTooltip.js","sourceRoot":"","sources":["../../src/CategoriesChartTooltip/CategoriesChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG9D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAYzC,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,GACD,EAAE,EAAE;IACV,IAAI,MAAM,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QAC3C,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CACnC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CACvD,CAAA;QAED,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,IAAI,CAAA;SACZ;QAED,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;YAC/C,WAAW;YACX,QAAQ;YACR,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO;SACnC,CAAC,CAAA;QAEF,OAAO,CACL,oBAAC,KAAK,mBAAc,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK;YAChC,oBAAC,SAAS,IAAC,MAAM,EAAC,QAAQ;gBACvB,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/C,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG;oBACjD,KAAK;;oBAAI,KAAK,CACJ,CACd,CAAC;gBAED,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/C,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG;oBACjD,KAAK;;oBAAI,KAAK,CACJ,CACd,CAAC,CACQ,CACN,CACT,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -9,7 +9,7 @@ export declare type GetDisplayTextsParams = {
|
|
|
9
9
|
tooltips: TooltipMap;
|
|
10
10
|
currentPayload: CurrentPayload;
|
|
11
11
|
};
|
|
12
|
-
declare const getDisplayTexts: ({ currentData, tooltips, currentPayload }: GetDisplayTextsParams) => {
|
|
12
|
+
declare const getDisplayTexts: ({ currentData, tooltips, currentPayload, }: GetDisplayTextsParams) => {
|
|
13
13
|
teamTexts: {
|
|
14
14
|
key: string;
|
|
15
15
|
label: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getColor } from '../../../CategoriesChart/utils';
|
|
2
|
-
const getText = ({ originalValues, currentPayload: { name, user, team }, tooltips, dataKey }) => originalValues
|
|
2
|
+
const getText = ({ originalValues, currentPayload: { name, user, team }, tooltips, dataKey, }) => originalValues
|
|
3
3
|
.filter(({ value }) => !!value)
|
|
4
4
|
.map(({ id, value }) => ({
|
|
5
5
|
key: `${dataKey}-${id}`,
|
|
@@ -7,24 +7,24 @@ const getText = ({ originalValues, currentPayload: { name, user, team }, tooltip
|
|
|
7
7
|
value,
|
|
8
8
|
color: getColor({
|
|
9
9
|
dataKey,
|
|
10
|
-
entry: { name, value: { user, team } }
|
|
11
|
-
})
|
|
10
|
+
entry: { name, value: { user, team } },
|
|
11
|
+
}),
|
|
12
12
|
}));
|
|
13
|
-
const getDisplayTexts = ({ currentData, tooltips, currentPayload }) => {
|
|
13
|
+
const getDisplayTexts = ({ currentData, tooltips, currentPayload, }) => {
|
|
14
14
|
const [{ values: originalTeamValues }, { values: originalUserValues }] = currentData.values;
|
|
15
15
|
return {
|
|
16
16
|
teamTexts: getText({
|
|
17
17
|
originalValues: originalTeamValues,
|
|
18
18
|
currentPayload,
|
|
19
19
|
tooltips,
|
|
20
|
-
dataKey: 'team'
|
|
20
|
+
dataKey: 'team',
|
|
21
21
|
}),
|
|
22
22
|
userTexts: getText({
|
|
23
23
|
originalValues: originalUserValues,
|
|
24
24
|
currentPayload,
|
|
25
25
|
tooltips,
|
|
26
|
-
dataKey: 'user'
|
|
27
|
-
})
|
|
26
|
+
dataKey: 'user',
|
|
27
|
+
}),
|
|
28
28
|
};
|
|
29
29
|
};
|
|
30
30
|
export default getDisplayTexts;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-display-texts.js","sourceRoot":"","sources":["../../../../src/CategoriesChartTooltip/utils/get-display-texts/get-display-texts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAUzD,MAAM,OAAO,GAAG,CAAC,EACf,cAAc,EACd,cAAc,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EACpC,QAAQ,EACR,OAAO,
|
|
1
|
+
{"version":3,"file":"get-display-texts.js","sourceRoot":"","sources":["../../../../src/CategoriesChartTooltip/utils/get-display-texts/get-display-texts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AAUzD,MAAM,OAAO,GAAG,CAAC,EACf,cAAc,EACd,cAAc,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EACpC,QAAQ,EACR,OAAO,GAMR,EAAE,EAAE,CACH,cAAc;KACX,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;KAC9B,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvB,GAAG,EAAE,GAAG,OAAO,IAAI,EAAE,EAAE;IACvB,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;IAClC,KAAK;IACL,KAAK,EAAE,QAAQ,CAAC;QACd,OAAO;QACP,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;KACvC,CAAC;CACH,CAAC,CAAC,CAAA;AAEP,MAAM,eAAe,GAAG,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,cAAc,GACQ,EAAE,EAAE;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,kBAAkB,EAAE,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAC,GACpE,WAAW,CAAC,MAAM,CAAA;IAEpB,OAAO;QACL,SAAS,EAAE,OAAO,CAAC;YACjB,cAAc,EAAE,kBAAkB;YAClC,cAAc;YACd,QAAQ;YACR,OAAO,EAAE,MAAM;SAChB,CAAC;QACF,SAAS,EAAE,OAAO,CAAC;YACjB,cAAc,EAAE,kBAAkB;YAClC,cAAc;YACd,QAAQ;YACR,OAAO,EAAE,MAAM;SAChB,CAAC;KACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@topkit/analytics-charts",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "36.0.0",
|
|
4
4
|
"description": "Charts utilities",
|
|
5
5
|
"author": "Toptal",
|
|
6
6
|
"license": "MIT",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"url": "https://github.com/toptal/picasso/issues"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@toptal/picasso-charts": "^
|
|
25
|
+
"@toptal/picasso-charts": "^39.0.0",
|
|
26
26
|
"typescript": "4.6.x",
|
|
27
27
|
"react": ">=16.12.0 < 19.0.0"
|
|
28
28
|
},
|
|
@@ -20,7 +20,7 @@ const toChartFormat = (data, referenceLines, xAxisKey, formatLabel) => {
|
|
|
20
20
|
}
|
|
21
21
|
const dataPoint = {
|
|
22
22
|
[xAxisKey]: label,
|
|
23
|
-
[id]: nonNullValue
|
|
23
|
+
[id]: nonNullValue,
|
|
24
24
|
};
|
|
25
25
|
// We indicate that value is empty for particular data set with the special flag.
|
|
26
26
|
// Since single ChartDataPoint may contain values from multiple data sets, we'll may also have multiple number of flags.
|