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

+// 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

-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

 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

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