From 4436b62046bfc2152ec8a2b96d2b1c57b94fbe69 Mon Sep 17 00:00:00 2001
From: Diana Derevyankina <dziyana_dzeraviankina@epam.com>
Date: Mon, 25 Jan 2021 13:54:16 +0300
Subject: [PATCH] Move chart splitter id to const

---
 src/plugins/vis_type_xy/public/chart_splitter.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/plugins/vis_type_xy/public/chart_splitter.tsx b/src/plugins/vis_type_xy/public/chart_splitter.tsx
index b28d9b5e8b072..bf63ac1896bd1 100644
--- a/src/plugins/vis_type_xy/public/chart_splitter.tsx
+++ b/src/plugins/vis_type_xy/public/chart_splitter.tsx
@@ -15,6 +15,8 @@ interface ChartSplitterProps {
   sort?: GroupBySort;
 }
 
+const CHART_SPLITTER_ID = '__chart_splitter__';
+
 export const ChartSplitter = ({
   splitColumnAccessor,
   splitRowAccessor,
@@ -23,7 +25,7 @@ export const ChartSplitter = ({
   splitColumnAccessor || splitRowAccessor ? (
     <>
       <GroupBy
-        id="__chart_splitter__"
+        id={CHART_SPLITTER_ID}
         by={(spec, datum) => {
           const splitTypeAccessor = splitColumnAccessor || splitRowAccessor;
           if (splitTypeAccessor) {
@@ -36,8 +38,8 @@ export const ChartSplitter = ({
         sort={sort || 'dataIndex'}
       />
       <SmallMultiples
-        splitVertically={splitRowAccessor ? '__chart_splitter__' : undefined}
-        splitHorizontally={splitColumnAccessor ? '__chart_splitter__' : undefined}
+        splitVertically={splitRowAccessor ? CHART_SPLITTER_ID : undefined}
+        splitHorizontally={splitColumnAccessor ? CHART_SPLITTER_ID : undefined}
       />
     </>
   ) : null;