From c902fa43b6f60a36bfbfde2c54d6654a4c83d09c Mon Sep 17 00:00:00 2001
From: Artur Pryka <artur.pryka@keen.io>
Date: Tue, 6 Oct 2020 08:57:55 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20table=20in=20edit=20mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../EditorVisualization.styles.ts             |  2 +
 .../QueryVisualization.styles.ts              |  2 +
 package.json                                  |  3 +-
 yarn.lock                                     | 41 +++++++++++--------
 4 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/lib/js/app/components/EditorVisualization/EditorVisualization.styles.ts b/lib/js/app/components/EditorVisualization/EditorVisualization.styles.ts
index 995876c0f..18d9158e9 100644
--- a/lib/js/app/components/EditorVisualization/EditorVisualization.styles.ts
+++ b/lib/js/app/components/EditorVisualization/EditorVisualization.styles.ts
@@ -2,8 +2,10 @@ import styled from 'styled-components';
 
 export const Container = styled.div`
   display: flex;
+  min-width: 0;
 `;
 
 export const PickerContainer = styled.div`
   padding: 10px;
+  flex-shrink: 0;
 `;
diff --git a/lib/js/app/components/QueryVisualization/QueryVisualization.styles.ts b/lib/js/app/components/QueryVisualization/QueryVisualization.styles.ts
index 625e4982e..5aa4107d6 100644
--- a/lib/js/app/components/QueryVisualization/QueryVisualization.styles.ts
+++ b/lib/js/app/components/QueryVisualization/QueryVisualization.styles.ts
@@ -4,6 +4,8 @@ export const Container = styled.div`
   display: flex;
   width: 100%;
   flex-grow: 1;
+  padding: 10px;
+  box-sizing: border-box;
 `;
 
 export const JSONContainer = styled.div`
diff --git a/package.json b/package.json
index 4f0b15006..fcb7f1f18 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
   },
   "dependencies": {
     "@keen.io/colors": "^1.1.0",
-    "@keen.io/dataviz": "^2.0.2",
+    "@keen.io/dataviz": "^2.1.4",
     "@keen.io/forms": "^2.0.2",
     "@keen.io/icons": "^1.1.0",
     "@keen.io/parser": "^2.0.2",
@@ -107,7 +107,6 @@
     "@types/qs": "^6.9.3",
     "@types/rc-time-picker": "^3.4.1",
     "@types/react": "^16.9.35",
-    "@types/react-dom": "^16.9.8",
     "@types/react-dates": "^17.1.12",
     "@types/react-redux": "^7.1.9",
     "@types/react-window": "^1.8.2",
diff --git a/yarn.lock b/yarn.lock
index e78ea4535..74a2b04c8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1492,10 +1492,10 @@
     d3-scale "^3.2.1"
     d3-time "^2.0.0"
 
-"@keen.io/charts@^2.2.3":
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/@keen.io/charts/-/charts-2.2.3.tgz#e859876081d9d35efbe964aafda625080be69807"
-  integrity sha512-tEKia6kxcGJwVz7FGSD59SeA3aj0G/U6kaiOuclzIOY9u2GyUdVU6ljboBYccK0BoSb8WYz1dMiH1QRZ7qNS9g==
+"@keen.io/charts@^2.2.4":
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/@keen.io/charts/-/charts-2.2.4.tgz#fce6471d4fbd24317ad50a0e8313c293a7fe9561"
+  integrity sha512-lVWXL2D+Fygwlf8xOfYwV2O/b/otFF8TSTXFu5bzLD4SZlbq5Gelc2i3yjRwyeozC7ADkdaGa5FOfo7BsWN1Hw==
   dependencies:
     "@keen.io/charts-utils" "^1.0.2"
     "@keen.io/colors" "^1.1.0"
@@ -1528,15 +1528,15 @@
   resolved "https://registry.yarnpkg.com/@keen.io/colors/-/colors-1.1.0.tgz#feda3fc31056cd67c9d36abfce30470b95ef6879"
   integrity sha512-ATUL4zpj6NNHZChCVfI3ellRIzfJMsYzSCqnkcd7AqZseSGVLe6A8yK0yqlzzYVtz3yunX9nDN1AMpJH2dFIfA==
 
-"@keen.io/dataviz@^2.0.2":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@keen.io/dataviz/-/dataviz-2.1.3.tgz#996747050b247a6a8035d2dab9f79b5e0b7f42f1"
-  integrity sha512-jU5JMYYPcBXVS4FtBrlM8wwRam5kVCPBxlQwPoJJUoJau3YXg7ljoCqV5JeaMvgltFODsh9qwpuvmRVBKZ0sUA==
+"@keen.io/dataviz@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@keen.io/dataviz/-/dataviz-2.1.4.tgz#44900b6560d9a82942fcfb340aee1d32bb361856"
+  integrity sha512-Wip7LnG11FQgVjp8MjDj1uz3kcQPRyBApGt7OotX3xXD6eTqGpLwKA5Umtm5z8EO/V14dOdAVpAKZsz4eMe4hw==
   dependencies:
-    "@keen.io/charts" "^2.2.3"
+    "@keen.io/charts" "^2.2.4"
     "@keen.io/colors" "^1.1.0"
-    "@keen.io/parser" "^2.0.14"
-    "@keen.io/widgets" "^2.1.3"
+    "@keen.io/parser" "^2.0.15"
+    "@keen.io/widgets" "^2.1.4"
     deepmerge "4.2.2"
     react "^16.12.0"
     react-dom "^16.12.0"
@@ -1564,7 +1564,14 @@
     "@keen.io/colors" "^1.1.0"
     react "^16.12.0"
 
-"@keen.io/parser@^2.0.14", "@keen.io/parser@^2.0.2":
+"@keen.io/parser@^2.0.15":
+  version "2.0.15"
+  resolved "https://registry.yarnpkg.com/@keen.io/parser/-/parser-2.0.15.tgz#3f13e112a496396c716edbe3bffcc8379a65af3a"
+  integrity sha512-Hd7Ou72UNC98VguWFm7lHL/yVLs2i9IHRZ28e5UImgwigKTv7ID7FlvD/TCnurFwSPargdMtKvTBK+ykhRW8zg==
+  dependencies:
+    d3-time-format "^2.2.3"
+
+"@keen.io/parser@^2.0.2":
   version "2.0.14"
   resolved "https://registry.yarnpkg.com/@keen.io/parser/-/parser-2.0.14.tgz#4b476cb7e8887f29cb6c43358a0488f4e3f46350"
   integrity sha512-HpTASq7ceTmnvWlrd9S4FALESPBvoghp6EfFAu8IVAg2hiCmAOv1Psf7DIDNe4Ojo7fAnKO4GhJzfAjlZMAgug==
@@ -1630,12 +1637,12 @@
     react-dom "^16.12.0"
     styled-components "5.1.0"
 
-"@keen.io/widgets@^2.1.3":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@keen.io/widgets/-/widgets-2.1.3.tgz#7d1acf435d0ce9aa6ae0dc5b12ff18ac31db6f46"
-  integrity sha512-h5OFDACMZb9d4iPq4omDx81dEdlpBptl5KkAZwm6A9cmcZa+qKlPohRo1nGLhnM8LAZI25sGPYorSNkRxhmxOw==
+"@keen.io/widgets@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@keen.io/widgets/-/widgets-2.1.4.tgz#4184dcd9bff934fe3186a5040e6df9897a7becd1"
+  integrity sha512-klXvmv73kdLWE3D0GCWR/ijVioPiXbQIAbpTxoRuqztJEEbbszu4l7KKyia8KzQWT3NHv0pFb9UGh/dd52bzfQ==
   dependencies:
-    "@keen.io/charts" "^2.2.3"
+    "@keen.io/charts" "^2.2.4"
     "@keen.io/charts-utils" "^1.0.2"
     "@keen.io/colors" "^1.1.0"
     "@keen.io/react-hooks" "^1.0.2"