Build: fixing failing release packaged build due to uPlot dependency not properly setup (#27887)

* removed dependency from grafana/ui on public/app.

* fixed so we don't get rollup issues when building the packages.

* fixed so import path is working properly.

* removed uncommented code.

packages/grafana-ui/src/components/index.scss

@@ -12,3 +12,4 @@
 @import 'TimePicker/TimeOfDayPicker';
 @import 'Tooltip/Tooltip';
 @import 'Slider/Slider';
+@import 'uPlot/Plot';

packages/grafana-ui/src/components/uPlot/Plot.scss

@@ -0,0 +1,2 @@
+// importing the uPlot css so it will be bundled with the rest of the styling.
+@import '../../node_modules/uplot/dist/uPlot.min.css';

packages/grafana-ui/src/components/uPlot/Plot.tsx

@@ -1,4 +1,3 @@
-import 'uplot/dist/uPlot.min.css';
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { css } from 'emotion';
 import uPlot from 'uplot';

packages/grafana-ui/src/components/uPlot/types.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import uPlot from 'uplot';
 import { DataFrame, FieldColor, TimeRange, TimeZone } from '@grafana/data';
-import { NullValuesMode } from '../../../../../public/app/plugins/panel/graph3/types';
+
+export type NullValuesMode = 'null' | 'connected' | 'asZero';
 
 export enum MicroPlotAxisSide {
   top = 0,

public/app/plugins/panel/graph3/types.ts

@@ -1,6 +1,5 @@
 import { LegendOptions, GraphTooltipOptions } from '@grafana/ui';
 
-export type NullValuesMode = 'null' | 'connected' | 'asZero';
 export type LegendPlacement = 'top' | 'bottom' | 'left' | 'right';
 
 export interface GraphOptions {