@ssa-ui-kit/widgets 0.0.32-alpha → 1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/widgets",
-  "version": "0.0.32-alpha",
+  "version": "1.0.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,
@@ -29,9 +29,9 @@
     "js-tokens": "^4.0.0",
     "loose-envify": "^1.4.0",
     "scheduler": "^0.23.0",
-    "@ssa-ui-kit/hooks": "^0.0.2-alpha",
-    "@ssa-ui-kit/core": "^0.0.29-alpha",
-    "@ssa-ui-kit/utils": "^0.0.1-alpha"
+    "@ssa-ui-kit/core": "^1.0.0",
+    "@ssa-ui-kit/hooks": "^1.0.0",
+    "@ssa-ui-kit/utils": "^1.0.0"
   },
   "browserslist": [
     ">0.1%",
@@ -58,6 +58,7 @@
     "@nivo/core": "^0.83.0",
     "@nivo/line": "^0.83.0",
     "@nivo/scales": "^0.83.0",
+    "@nivo/pie": "^0.83.0",
     "react": "18.x",
     "react-dom": "18.x",
     "react-hook-form": "^7.46.1",

package/src/components/AccountBalance/{AccountBalance.spec.old.tsx → AccountBalance.spec.tsx}

@@ -3,21 +3,15 @@ import { MemoryRouter, Route, Routes } from 'react-router-dom';
 import { data } from './stories/fixtures';
 import { AccountBalance } from './index';
 
-const ResponsivePieMock = () => <div data-testid="responsive-pie"></div>;
-
-jest.mock('@nivo/pie', () => ({
-  PieCustomLayerProps: {},
-  ResponsivePie: ResponsivePieMock,
-}));
-
 describe('AccountBalance', () => {
   it('Renders', () => {
-    const { getByRole, getByText, getByTestId } = render(
+    const { getByRole, getByText, container } = render(
       <AccountBalance total="798" currency="USDT" data={data} />,
     );
+    const pieChartWrapper = container.querySelector('.pie-chart-wrapper');
+    expect(pieChartWrapper).toBeInTheDocument();
 
     getByRole('heading', { name: 'Balance' });
-    getByTestId('responsive-pie');
     getByText('798');
     getByText('USDT');
 

package/src/components/ExchangeAccount/{ExchangeAccount.spec.old.tsx → ExchangeAccount.spec.tsx}

@@ -11,13 +11,6 @@ const commonProps = {
   onDelete: jest.fn(),
 };
 
-const ResponsivePieMock = () => <div data-testid="responsive-pie"></div>;
-
-jest.mock('@nivo/pie', () => ({
-  PieCustomLayerProps: {},
-  ResponsivePie: ResponsivePieMock,
-}));
-
 describe('ExchangeAccount', () => {
   it('Renders with platform', () => {
     const { getByText } = render(<ExchangeAccount {...commonProps} />);
@@ -42,9 +35,10 @@ describe('ExchangeAccount', () => {
   });
 
   it('Renders with BalancePieChart component', () => {
-    const { getByTestId } = render(<ExchangeAccount {...commonProps} />);
+    const { container } = render(<ExchangeAccount {...commonProps} />);
 
-    getByTestId('responsive-pie');
+    const pieChartWrapper = container.querySelector('.pie-chart-wrapper');
+    expect(pieChartWrapper).toBeInTheDocument();
   });
 
   it('Clicks on delete button', async () => {