Panel: removes deprecated componets

examples/panel-basic/src/components/SimplePanel/SimplePanel.tsx

@@ -1,25 +1,24 @@
 import React from 'react';
 import { PanelProps } from '@grafana/data';
-import { TimeSeries, TooltipPlugin, TooltipDisplayMode, ZoomPlugin } from '@grafana/ui';
+import { PanelDataErrorView } from '@grafana/runtime';
+import { Table } from '@grafana/ui';
+
 import { SimpleOptions } from '../../types';
 import { testIds } from '../testIds';
-import { PanelDataErrorView } from '@grafana/runtime';
 
 interface Props extends PanelProps<SimpleOptions> {}
 
 export function SimplePanel({
   // Takes in a list of props used in this example
   options, // Options declared within module.ts and standard Grafana options
   data,
+  fieldConfig,
+  id,
   width,
   height,
-  timeZone,
   timeRange,
-  onChangeTimeRange,
-  fieldConfig,
-  id,
 }: Props) {
-  if (data.series.length === 0) {
+  if (!data.series.length) {
     return <PanelDataErrorView fieldConfig={fieldConfig} panelId={id} data={data} needsStringField />;
   }
 
@@ -29,29 +28,9 @@ export function SimplePanel({
         {options.showSeriesCount && (
           <div data-testid="simple-panel-series-counter">Number of series: {data.series.length}</div>
         )}
+
+        <Table data={data.series[0]} width={width} height={height} timeRange={timeRange}></Table>
       </div>
-      <TimeSeries
-        width={width}
-        height={height}
-        timeRange={timeRange}
-        timeZone={timeZone}
-        frames={data.series}
-        legend={options.legend}
-      >
-        {(config, alignedDataFrame) => {
-          return (
-            <>
-              <TooltipPlugin
-                config={config}
-                data={alignedDataFrame}
-                mode={TooltipDisplayMode.Multi}
-                timeZone={timeZone}
-              />
-              <ZoomPlugin config={config} onZoom={onChangeTimeRange} />
-            </>
-          );
-        }}
-      </TimeSeries>
     </div>
   );
 }