From cca8a9e98b2cf3a475b81fa8fe786a9082a941a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tomasz=20=C5=81o=C5=9B?= <tloszabno@gmail.com>
Date: Thu, 27 Jun 2019 02:36:24 +0200
Subject: [PATCH] feat(radar): pass key to tooltip format function (#587)

---
 packages/radar/src/RadarTooltipItem.js  |  2 +-
 packages/radar/stories/radar.stories.js | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/radar/src/RadarTooltipItem.js b/packages/radar/src/RadarTooltipItem.js
index ba900e62a0..17aaa90507 100644
--- a/packages/radar/src/RadarTooltipItem.js
+++ b/packages/radar/src/RadarTooltipItem.js
@@ -42,7 +42,7 @@ const RadarTooltipItem = memo(
                         keys.map(key => [
                             <Chip key={key} color={colorByKey[key]} />,
                             key,
-                            format ? format(datum[key]) : datum[key],
+                            format ? format(datum[key], key) : datum[key],
                         ]),
                         '2'
                     ).reverse()}
diff --git a/packages/radar/stories/radar.stories.js b/packages/radar/stories/radar.stories.js
index 1192d1fc1c..53422193a2 100644
--- a/packages/radar/stories/radar.stories.js
+++ b/packages/radar/stories/radar.stories.js
@@ -92,6 +92,21 @@ stories.add('with formatted values', () => (
     />
 ))
 
+stories.add('with formatted values per key', () => (
+    <Radar
+        {...commonProperties}
+        tooltipFormat={(value, key) => {
+            if (key === 'syrah') {
+                return value + ' BitCoins'
+            } else {
+                return `${Number(value).toLocaleString('ru-RU', {
+                    minimumFractionDigits: 2,
+                })} ₽`
+            }
+        }}
+    />
+))
+
 const LabelComponent = ({ id, anchor }) => (
     <g transform={`translate(${anchor === 'end' ? -60 : anchor === 'middle' ? -30 : 0}, -20)`}>
         <text>{id}</text>