@ssa-ui-kit/core 0.0.29-alpha → 0.0.33-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/core",
-  "version": "0.0.29-alpha",
+  "version": "0.0.33-alpha",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,
@@ -29,8 +29,8 @@
     "loose-envify": "^1.4.0",
     "scheduler": "^0.23.0",
     "uuid": "^9.0.0",
-    "@ssa-ui-kit/utils": "^0.0.1-alpha",
-    "@ssa-ui-kit/hooks": "^0.0.2-alpha"
+    "@ssa-ui-kit/hooks": "^0.0.2-alpha",
+    "@ssa-ui-kit/utils": "^0.0.1-alpha"
   },
   "devDependencies": {
     "@emotion/jest": "^11.11.0",
@@ -58,7 +58,8 @@
     "@nivo/pie": "0.83.0",
     "react": "18.x",
     "react-dom": "18.x",
-    "react-hook-form": "^7.46.1"
+    "react-hook-form": "^7.46.1",
+    "react-router-dom": "6.x"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/src/components/Filters/Filters.e2e.ts

@@ -64,7 +64,7 @@ test('Widgets: Filters - More button count notification should be changed', asyn
     return window.getComputedStyle(el, ':before').content;
   });
   expect(beforeContent).toEqual('"More"');
-  let buttonText = await triggerButton.innerText();
+  const buttonText = await triggerButton.innerText();
   expect(buttonText).toEqual('2');
 
   await page.getByText('Status: Running').click();
@@ -79,8 +79,6 @@ test('Widgets: Filters - More button count notification should be changed', asyn
     return window.getComputedStyle(el, ':before').content;
   });
   expect(beforeContent).toEqual('"More"');
-  buttonText = await triggerButton.innerText();
-  expect(buttonText).toEqual('3');
 });
 
 test('Widgets: Filters - Filter button should be shown when items not selected', async ({

package/src/components/LinksTabBar/LinksTabBar.spec.tsx

@@ -5,8 +5,6 @@ import { MemoryRouterDecorator } from './stories/decorators';
 
 import { LinksTabBar } from './index';
 
-jest.mock('d3-color', () => ({}));
-
 function setup(Component: React.ElementType) {
   return {
     user: userEvent.setup(),

package/src/components/NavBar/NavBarWrapper.ts

@@ -22,7 +22,7 @@ const NavBarWrapper = styled.div`
     width: 64px;
   }
 
-  ${({ theme }) => theme.mediaQueries.xlg} {
+  ${({ theme }) => theme.mediaQueries.lg} {
     display: flex;
     position: fixed;
 

package/src/components/ProgressInfo/ProgressInfo.tsx

@@ -36,9 +36,10 @@ export const ProgressInfo = ({ data, className }: ProgressInfoProps) => {
       });
 
       setOptions(options);
-      setSelected(options[0]);
-
-      filterData(options[0].id as Period);
+      if (options.length > 0) {
+        setSelected(options[0]);
+        filterData(options[0].id as Period);
+      }
     }
   }, [data]);
 

package/src/components/WithVisibleLG/WithVisibleLG.spec.tsx

@@ -4,8 +4,6 @@ import { ThemeProvider } from '@emotion/react';
 import { WithVisibleLG } from '.';
 import { mainTheme } from '../..';
 
-jest.mock('d3-color', () => ({}));
-
 const TestComponent = () => {
   return <p>Test</p>;
 };

package/src/components/WithVisibleMD/WithVisibleMD.spec.tsx

@@ -4,8 +4,6 @@ import { ThemeProvider } from '@emotion/react';
 import { WithVisibleMD } from '.';
 import { mainTheme } from '../..';
 
-jest.mock('d3-color', () => ({}));
-
 const TestComponent = () => {
   return <p>Test</p>;
 };

package/src/components/WithVisibleSM/WithVisibleSM.spec.tsx

@@ -4,8 +4,6 @@ import { ThemeProvider } from '@emotion/react';
 import { WithVisibleSM } from '.';
 import { mainTheme } from '../..';
 
-jest.mock('d3-color', () => ({}));
-
 const TestComponent = () => {
   return <p>Test</p>;
 };

package/src/components/WithVisibleUpToLG/WithVisibleUpToLG.spec.tsx

@@ -4,8 +4,6 @@ import { ThemeProvider } from '@emotion/react';
 import { WithVisibleUpToLG } from '.';
 import { mainTheme } from '../..';
 
-jest.mock('d3-color', () => ({}));
-
 const TestComponent = () => {
   return <p>Test</p>;
 };