fix(playground): antd styles are added as part of table scaffolding

Author: paveltiunov

packages/cubejs-playground/src/ChartRenderer.js

@@ -63,7 +63,8 @@ export default ChartRenderer;
 `;
 };
 
-const withDomRender = (source) => `import ReactDOM from 'react-dom';
+const forCodeSandBox = (source) => `import ReactDOM from 'react-dom';
+import "antd/dist/antd.css";
 ${source}
 
 const rootElement = document.getElementById("root");
@@ -120,7 +121,7 @@ export const ChartRenderer = (props) => {
             error={error}
             sqlQuery={sqlQuery}
             codeExample={source}
-            codeSandboxSource={withDomRender(source)}
+            codeSandboxSource={forCodeSandBox(source)}
             dependencies={dependencies}
             dashboardSource={dashboardSource}
             chartLibrary={chartLibrary}

packages/cubejs-playground/src/libraries/bizChart.js

@@ -1,5 +1,4 @@
 import * as bizcharts from 'bizcharts';
-import moment from 'moment';
 
 const chartTypeToTemplate = {
   line: `
@@ -36,8 +35,6 @@ const chartTypeToTemplate = {
 
 export const sourceCodeTemplate = ({ chartType, renderFnName }) => (
   `import { Chart, Axis, Tooltip, Geom, Coord, Legend } from 'bizcharts';
-import { Row, Col, Statistic, Table } from 'antd';
-import moment from 'moment';
 
 const stackedChartData = (resultSet) => {
   const data = resultSet.pivot().map(
@@ -57,6 +54,5 @@ const ${renderFnName} = ({ resultSet }) => (${chartTypeToTemplate[chartType]}
 );
 
 export const imports = {
-  bizcharts,
-  moment
+  bizcharts
 };

packages/cubejs-playground/src/libraries/chartjs.js

@@ -1,5 +1,4 @@
 import * as reactChartjs from 'react-chartjs-2';
-import moment from 'moment';
 
 const chartTypeToTemplate = {
   line: `
@@ -66,7 +65,6 @@ const chartTypeToTemplate = {
 
 export const sourceCodeTemplate = ({ chartType, renderFnName }) => (
   `import { Line, Bar, Pie } from 'react-chartjs-2';
-import moment from 'moment';
 
 const COLORS_SERIES = ['#FF6492', '#141446', '#7A77FF'];
 
@@ -75,6 +73,5 @@ const ${renderFnName} = ({ resultSet }) => {${chartTypeToTemplate[chartType]}
 );
 
 export const imports = {
-  'react-chartjs-2': reactChartjs,
-  moment
+  'react-chartjs-2': reactChartjs
 };

packages/cubejs-playground/src/libraries/tables.js

@@ -22,7 +22,6 @@ const chartTypeToTemplate = {
 
 export const sourceCodeTemplate = ({ chartType, renderFnName }) => (
   `import { Row, Col, Statistic, Table } from 'antd';
-import "antd/dist/antd.css";
 
 const ${renderFnName} = ({ resultSet }) => (${chartTypeToTemplate[chartType]}
 );`