chore(ui-toolkit): leftover dependencies (#3485)

Co-authored-by: Joe <joe@vega.xyz>

apps/governance-e2e/src/integration/view/wallet-vega.cy.ts

@@ -334,11 +334,8 @@ context(
                 .parent()
                 .siblings()
                 .invoke('text')
-                .should('have.length.above', 3)
-                .then((el) => {
-                  const value = parseFloat(el);
-                  cy.wrap(value).should('be.gte', parseFloat(expectedAmount));
-                });
+                .then(parseFloat)
+                .should('be.gte', parseFloat(expectedAmount));
 
               cy.get(vegaWalletCurrencyTitle)
                 .contains(id)

apps/governance-e2e/src/integration/view/withdraw.cy.ts

@@ -12,6 +12,7 @@ context(
   { tags: '@smoke' },
   function () {
     before('navigate to withdrawals page', function () {
+      cy.clearAllLocalStorage();
       cy.visit('/');
       navigateTo(navigation.withdraw);
     });

apps/trading/client-pages/market/trade-grid.tsx

@@ -15,8 +15,6 @@ import { CandlesChartContainer } from '@vegaprotocol/candles-chart';
 import {
   Tab,
   LocalStoragePersistTabs as Tabs,
-  ResizableGrid,
-  ResizableGridPanel,
   Splash,
 } from '@vegaprotocol/ui-toolkit';
 import { t } from '@vegaprotocol/i18n';
@@ -33,6 +31,10 @@ import {
   useMarketClickHandler,
   useMarketLiquidityClickHandler,
 } from '../../lib/hooks/use-market-click-handler';
+import {
+  ResizableGrid,
+  ResizableGridPanel,
+} from '../../components/resizable-grid';
 
 type MarketDependantView =
   | typeof CandlesChartContainer

apps/trading/client-pages/portfolio/portfolio.tsx

@@ -2,18 +2,13 @@ import { titlefy } from '@vegaprotocol/utils';
 import { t } from '@vegaprotocol/i18n';
 import { PositionsContainer } from '@vegaprotocol/positions';
 import { OrderListContainer } from '@vegaprotocol/orders';
-import {
-  ResizableGridPanel,
-  Tab,
-  LocalStoragePersistTabs as Tabs,
-} from '@vegaprotocol/ui-toolkit';
+import { Tab, LocalStoragePersistTabs as Tabs } from '@vegaprotocol/ui-toolkit';
 import { WithdrawalsContainer } from './withdrawals-container';
 import { FillsContainer } from '@vegaprotocol/fills';
 import type { ReactNode } from 'react';
 import { useEffect } from 'react';
 import { VegaWalletContainer } from '../../components/vega-wallet-container';
 import { DepositsContainer } from './deposits-container';
-import { ResizableGrid } from '@vegaprotocol/ui-toolkit';
 import { LayoutPriority } from 'allotment';
 import { usePageTitleStore } from '../../stores';
 import { LedgerContainer } from '@vegaprotocol/ledger';
@@ -23,6 +18,10 @@ import {
   useMarketClickHandler,
   useMarketLiquidityClickHandler,
 } from '../../lib/hooks/use-market-click-handler';
+import {
+  ResizableGrid,
+  ResizableGridPanel,
+} from '../../components/resizable-grid';
 
 export const Portfolio = () => {
   const { updateTitle } = usePageTitleStore((store) => ({

libs/accounts/src/lib/breakdown-table.tsx

@@ -1,16 +1,16 @@
 import { forwardRef } from 'react';
 import { addDecimalsFormatNumber } from '@vegaprotocol/utils';
 import { t } from '@vegaprotocol/i18n';
-import {
-  Intent,
-  progressBarCellRendererSelector,
-} from '@vegaprotocol/ui-toolkit';
+import { Intent } from '@vegaprotocol/ui-toolkit';
 import { AgGridColumn } from 'ag-grid-react';
 import type { AgGridReact, AgGridReactProps } from 'ag-grid-react';
 import type { AccountFields } from './accounts-data-provider';
 import { AccountTypeMapping } from '@vegaprotocol/types';
-import type { ValueProps } from '@vegaprotocol/ui-toolkit';
-import type { VegaValueFormatterParams } from '@vegaprotocol/datagrid';
+import type {
+  ValueProps,
+  VegaValueFormatterParams,
+} from '@vegaprotocol/datagrid';
+import { progressBarCellRendererSelector } from '@vegaprotocol/datagrid';
 import { AgGridDynamic as AgGrid, PriceCell } from '@vegaprotocol/datagrid';
 import type { ValueFormatterParams } from 'ag-grid-community';
 import { accountValuesComparator } from './accounts-table';

libs/datagrid/src/index.ts

@@ -17,3 +17,5 @@ export * from './lib/filters/set-filter';
 
 export * from './lib/cell-class-rules';
 export * from './lib/type-helpers';
+
+export * from './lib/cells/grid-progress-bar';

libs/datagrid/src/lib/cells/grid-progress-bar.tsx

@@ -1,9 +1,9 @@
+import type { Intent } from '@vegaprotocol/ui-toolkit';
+import { ProgressBar } from '@vegaprotocol/ui-toolkit';
 import type {
   CellRendererSelectorResult,
   ICellRendererParams,
 } from 'ag-grid-community';
-import type { Intent } from '../../utils/intent';
-import { ProgressBar } from './progress-bar';
 
 export interface ValueProps {
   valueFormatted?: {

libs/positions/src/lib/positions-table.tsx

@@ -8,6 +8,7 @@ import type {
   TypedDataAgGrid,
   VegaICellRendererParams,
 } from '@vegaprotocol/datagrid';
+import { ProgressBarCell } from '@vegaprotocol/datagrid';
 import {
   AgGridDynamic as AgGrid,
   DateRangeFilter,
@@ -22,7 +23,6 @@ import {
   TooltipCellComponent,
   ExternalLink,
   Icon,
-  ProgressBarCell,
 } from '@vegaprotocol/ui-toolkit';
 import {
   volumePrefix,

libs/ui-toolkit/src/components/index.ts

@@ -29,7 +29,6 @@ export * from './pagination';
 export * from './popover';
 export * from './progress-bar';
 export * from './radio-group';
-export * from './resizable-grid';
 export * from './rounded-wrapper';
 export * from './select';
 export * from './simple-grid';

libs/ui-toolkit/src/components/progress-bar/index.ts

@@ -1,2 +1 @@
-export * from './grid-progress-bar';
 export * from './progress-bar';

libs/ui-toolkit/src/components/resizable-grid/resizable-grid.stories.tsx

@@ -1,24 +0,0 @@
-import type { Story, Meta } from '@storybook/react';
-import { ResizableGrid } from './resizable-grid';
-import { Allotment } from 'allotment';
-import 'allotment/dist/style.css';
-
-export default {
-  component: ResizableGrid,
-  title: 'ResizablePanel',
-} as Meta;
-
-const Template: Story = (args) => (
-  <div className="h-48">
-    <ResizableGrid vertical={true}>
-      <Allotment.Pane minSize={20}>
-        <div>Panel 1</div>
-      </Allotment.Pane>
-      <Allotment.Pane minSize={20}>
-        <div>Panel 2</div>
-      </Allotment.Pane>
-    </ResizableGrid>
-  </div>
-);
-
-export const Default = Template.bind({});