@ssa-ui-kit/widgets 0.0.29-alpha → 0.0.31-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/widgets",
-  "version": "0.0.29-alpha",
+  "version": "0.0.31-alpha",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,
@@ -29,7 +29,7 @@
     "js-tokens": "^4.0.0",
     "loose-envify": "^1.4.0",
     "scheduler": "^0.23.0",
-    "@ssa-ui-kit/core": "^0.0.26-alpha",
+    "@ssa-ui-kit/core": "^0.0.28-alpha",
     "@ssa-ui-kit/utils": "^0.0.1-alpha",
     "@ssa-ui-kit/hooks": "^0.0.2-alpha"
   },
@@ -46,7 +46,6 @@
     "@types/testing-library__jest-dom": "^5.14.6",
     "copy-webpack-plugin": "^11.0.0",
     "html-webpack-plugin": "^5.5.1",
-    "jsdom-testing-mocks": "^1.11.0",
     "resolve-tspaths": "^0.8.16",
     "terser-webpack-plugin": "^5.3.9",
     "webpack": "^5.85.0"
@@ -58,12 +57,11 @@
     "@emotion/styled": "^11.10.5",
     "@nivo/core": "^0.83.0",
     "@nivo/line": "^0.83.0",
-    "@nivo/pie": "^0.83.0",
     "@nivo/scales": "^0.83.0",
     "react": "18.x",
     "react-dom": "18.x",
-    "react-router-dom": "6.x",
-    "react-hook-form": "^7.46.1"
+    "react-hook-form": "^7.46.1",
+    "react-router-dom": "6.x"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/src/components/AccountBalance/AccountBalance.stories.tsx

@@ -8,7 +8,7 @@ import { data } from './stories/fixtures';
 import { AccountBalance, AccountBalanceProps } from './index';
 
 export default {
-  title: 'Widgets/AccountBalance',
+  title: 'Trading/AccountBalance',
   component: AccountBalance,
 } as Meta<typeof AccountBalance>;
 

package/src/components/AccountBalance/BalancePieChart.tsx

@@ -1,10 +1,6 @@
 import { withTheme, css } from '@emotion/react';
 
-import {
-  PieChart,
-  PieChartLegend,
-  pieChartPalettes,
-} from '@components/PieChart';
+import { PieChart, PieChartLegend, pieChartPalettes } from '@ssa-ui-kit/core';
 import { BalancePieChartTitle } from './BalancePieChartTitle';
 
 import { BalancePieChartProps } from './types';

package/src/components/Activity/Activity.stories.tsx

@@ -5,7 +5,7 @@ import { mealActivityData as data } from './mockActivityRequest';
 import { Activity } from './Activity';
 
 export default {
-  title: 'Widgets/Activity',
+  title: 'Fitness/Activity',
   component: Activity,
   args: {
     data,

package/src/components/Bmi/Bmi.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta } from '@storybook/react';
 import Bmi from './index';
 
 export default {
-  title: 'Widgets/BMI',
+  title: 'Fitness/BMI',
   component: Bmi,
 } as Meta<typeof Bmi>;
 

package/src/components/BotsTable/BotsTable.e2e.ts

@@ -6,11 +6,11 @@ let SCREENSHOT_PREFIX = `${WIDGETS_CUSTOM_SHOTS_PATH}widgets-bots-table--`;
 
 const gotoPage = (page: Page) => {
   return page.goto(
-    'http://localhost:6007/iframe.html?args=&id=widgets-botstable--bots-table&viewMode=story',
+    'http://localhost:6007/iframe.html?args=&id=trading-botstable--bots-table&viewMode=story',
   );
 };
 
-test.describe('Widgets: BotsTable', () => {
+test.describe('Industry Specific Widgets - Training - BotsTable', () => {
   test('Renders correctly', async ({ page }) => {
     await page.setViewportSize(SCREEN_SIZES[1920]);
     await gotoPage(page);
@@ -50,13 +50,13 @@ test.describe('Widgets: BotsTable', () => {
 
 const gotoPageNoControlOrders = (page: Page) => {
   return page.goto(
-    'http://localhost:6007/iframe.html?args=&id=widgets-botstable--no-control-orders&viewMode=story',
+    'http://localhost:6007/iframe.html?args=&id=trading-botstable--no-control-orders&viewMode=story',
   );
 };
 
 SCREENSHOT_PREFIX = `${WIDGETS_CUSTOM_SHOTS_PATH}widgets-bots-table--no-control-orders--`;
 
-test.describe('Widgets: BotsTable (NoControlOrders)', () => {
+test.describe('Industry Specific Widgets - Training - BotsTable (NoControlOrders)', () => {
   test('Renders correctly', async ({ page }) => {
     await page.setViewportSize(SCREEN_SIZES[1920]);
     await gotoPageNoControlOrders(page);

package/src/components/BotsTable/stories/BotsTable.stories.tsx

@@ -4,7 +4,7 @@ import { BotsTableStory } from './BotsTable/StoryComponent';
 import { NoControlOrdersStory } from './NoControlOrders/StoryComponent';
 
 export default {
-  title: 'Widgets/BotsTable',
+  title: 'Trading/BotsTable',
   component: Table,
 } as Meta<typeof Table>;
 

package/src/components/Calories/Calories.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta } from '@storybook/react';
 import { Calories } from './Calories';
 
 export default {
-  title: 'Widgets/Calories',
+  title: 'Fitness/Calories',
   component: Calories,
   argTypes: {
     max: {

package/src/components/ExchangeAccount/ExchangeAccount.stories.tsx

@@ -1,13 +1,12 @@
 import { MemoryRouter, Route, Routes } from 'react-router-dom';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { css, useTheme } from '@emotion/react';
-import { Icon } from '@ssa-ui-kit/core';
-import { AddNewAccountCard } from '@components/AddNewAccountCard';
+import { Icon, AddNewAccountCard } from '@ssa-ui-kit/core';
 import { ExchangeAccount } from './ExchangeAccount';
 import { dataValues } from './helpers';
 
 export default {
-  title: 'Widgets/ExchangeAccount',
+  title: 'Trading/ExchangeAccount',
   component: ExchangeAccount,
 } as Meta<typeof ExchangeAccount>;
 

package/src/components/ExchangeAccountKeys/ExchangeAccountKeys.stories.tsx

@@ -1,9 +1,9 @@
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { ExchangeAccountKeys } from './ExchangeAccountKeys';
 import { StoryComponent } from './stories/StoryComponent';
 
 export default {
-  title: 'Widgets/ExchangeAccountKeys',
+  title: 'Trading/ExchangeAccountKeys',
   component: ExchangeAccountKeys,
 } as Meta<typeof ExchangeAccountKeys>;
 

package/src/components/HeartRate/HeartRate.e2e.ts

@@ -25,7 +25,7 @@ const MOUSE_POSITIONS = {
 
 const gotoPage = (page: Page) => {
   return page.goto(
-    'http://localhost:6007/iframe.html?args=&id=widgets-heartrate--default&viewMode=story',
+    'http://localhost:6007/iframe.html?args=&id=fitness-heartrate--default&viewMode=story',
   );
 };
 
@@ -43,7 +43,7 @@ const replaceBPMValue = (page: Page) => {
     .evaluate((element: HTMLSpanElement) => (element.textContent = 'N'));
 };
 
-test.describe('Widgets: HeartRate', () => {
+test.describe('Industry Specific Widgets - Fitness - HeartRate', () => {
   test('Renders correctly', async ({ page }) => {
     await gotoPage(page);
     await expect(

package/src/components/HeartRate/HeartRate.stories.tsx

@@ -5,7 +5,7 @@ import { HeartRate } from './index';
 import { heartRateData as data } from './mockHeartRateRequest';
 
 export default {
-  title: 'Widgets/HeartRate',
+  title: 'Fitness/HeartRate',
   component: HeartRate,
   argTypes: {
     color: {

package/src/components/ListGoals/ListGoals.stories.tsx

@@ -4,7 +4,7 @@ import { MainColors } from '@ssa-ui-kit/core';
 import { ListGoals } from './ListGoals';
 
 export default {
-  title: 'Widgets/ListGoals',
+  title: 'Fitness/ListGoals',
   component: ListGoals,
 } as Meta<typeof ListGoals>;
 

package/src/components/ListGoals/ListGoals.tsx

@@ -1,4 +1,4 @@
-import CardList from '@components/CardList';
+import { CardList } from '@ssa-ui-kit/core';
 
 import { ListGoalsCard } from './ListGoalsCard';
 

package/src/components/MealNutrients/MealNutrients.e2e.ts

@@ -24,11 +24,11 @@ const MOUSE_POSITIONS = {
 
 const gotoPage = (page: Page) => {
   return page.goto(
-    'http://localhost:6007/iframe.html?args=&id=widgets-mealnutrients--default&viewMode=story',
+    'http://localhost:6007/iframe.html?args=&id=fitness-mealnutrients--default&viewMode=story',
   );
 };
 
-test.describe('Widgets: MealNutrients', () => {
+test.describe('Industry Specific Widgets - Fitness - MealNutrients', () => {
   test('Should be rendered', async ({ page }) => {
     await gotoPage(page);
 

package/src/components/MealNutrients/MealNutrients.stories.tsx

@@ -8,7 +8,7 @@ import { mockStaticApi } from './mockMealNutrientsRequest';
 const { getData, getOptions } = mockStaticApi;
 
 export default {
-  title: 'Widgets/MealNutrients',
+  title: 'Fitness/MealNutrients',
   component: MealNutrients,
 } as Meta<typeof MealNutrients>;
 

package/src/components/MealPlanner/MealPlanner.stories.tsx

@@ -5,7 +5,7 @@ import { mealPlannerData as data } from './mockMealPlannerRequest';
 import MealPlanner from './index';
 
 export default {
-  title: 'Widgets/MealPlanner',
+  title: 'Fitness/MealPlanner',
   component: MealPlanner,
   args: {
     data,

package/src/components/StepsCounter/StepsCounter.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta } from '@storybook/react';
 import { StepsCounter } from './StepsCounter';
 
 export default {
-  title: 'Widgets/StepsCounter',
+  title: 'Fitness/StepsCounter',
   component: StepsCounter,
 } as Meta<typeof StepsCounter>;
 

package/src/components/TradingInfoCard/TradingInfoCard.e2e.ts

@@ -3,10 +3,12 @@ import { SCREEN_SIZES } from '../../consts';
 
 const WIDGETS_CUSTOM_SHOTS_PATH = './custom-shots/';
 
-test('Widgets: Trading Info Card Hover', async ({ page }) => {
+test('Industry Specific Widgets - Fitness - Trading Info Card Hover', async ({
+  page,
+}) => {
   await page.setViewportSize(SCREEN_SIZES[1920]);
   await page.goto(
-    'http://localhost:6007/iframe.html?args=&id=widgets-tradinginfocard--with-tooltip&viewMode=story',
+    'http://localhost:6007/iframe.html?args=&id=trading-tradinginfocard--with-tooltip&viewMode=story',
   );
   await page.getByTestId('tooltip-trigger').hover();
 

package/src/components/TradingInfoCard/TradingInfoCard.stories.tsx

@@ -5,7 +5,7 @@ import TradingInfoCard from './TradingInfoCard';
 import { TradingInfoCardProps } from './types';
 
 export default {
-  title: 'Widgets/TradingInfoCard',
+  title: 'Trading/TradingInfoCard',
   component: TradingInfoCard,
 } as Meta<typeof TradingInfoCard>;
 

package/src/components/TradingScoreboard/TradingScoreboard.stories.tsx

@@ -1,5 +1,5 @@
 import { MemoryRouter, Route, Routes } from 'react-router-dom';
-import { Meta, StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { css } from '@emotion/react';
 import { Button } from '@ssa-ui-kit/core';
 import TradingScoreboard from './TradingScoreboard';
@@ -7,7 +7,7 @@ import { TradingScoreboardProps } from './types';
 import { defaultBoardArr, linkBoardArr, oneLineBoardArr } from './helpers';
 
 export default {
-  title: 'Widgets/TradingScoreboard',
+  title: 'Trading/TradingScoreboard',
   component: TradingScoreboard,
 } as Meta<typeof TradingScoreboard>;
 

package/src/components/UpcomingWorkouts/UpcomingWorkouts.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import { UpcomingWorkouts } from './UpcomingWorkouts';
 
 export default {
-  title: 'Widgets/UpcomingWorkouts',
+  title: 'Fitness/UpcomingWorkouts',
   component: UpcomingWorkouts,
 } as Meta<typeof UpcomingWorkouts>;
 

package/src/components/UpcomingWorkouts/UpcomingWorkouts.tsx

@@ -1,6 +1,6 @@
 import { Fragment } from 'react';
 
-import CardList from '@components/CardList';
+import { CardList } from '@ssa-ui-kit/core';
 
 import { UpcomingWorkoutCard } from './UpcomingWorkoutCard';
 

package/src/components/WaterConsume/WaterConsume.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta } from '@storybook/react';
 import { WaterConsume } from './WaterConsume';
 
 export default {
-  title: 'Widgets/WaterConsume',
+  title: 'Fitness/WaterConsume',
   component: WaterConsume,
 } as Meta<typeof WaterConsume>;
 

package/src/index.ts

@@ -14,18 +14,12 @@ export { default as Calories } from './components/Calories';
 export * from './components/Calories';
 export * from './components/HeartRate';
 export * from './components/MealNutrients';
-export { default as NavBar } from './components/NavBar';
-export * from './components/NavBar';
-export { default as ProgressInfo } from './components/ProgressInfo';
-export * from './components/ProgressInfo';
 export { default as UpcomingWorkouts } from './components/UpcomingWorkouts';
 export * from './components/UpcomingWorkouts';
 export { default as WaterConsume } from './components/WaterConsume';
 export * from './components/WaterConsume';
 export { default as Bmi } from './components/Bmi';
 export * from './components/Bmi';
-export { default as CardList } from './components/CardList';
-export * from './components/CardList';
 export { default as ListGoals } from './components/ListGoals';
 export * from './components/ListGoals';
 export { default as MealPlanner } from './components/MealPlanner';
@@ -34,20 +28,9 @@ export { default as StepsCounter } from './components/StepsCounter';
 export * from './components/StepsCounter';
 export { default as UserCard } from './components/UserCard';
 export * from './components/UserCard';
-export * from './components/Pagination';
 export * from './components/TradingInfoCard';
 export * from './components/TradingScoreboard';
-export * from './components/NotificationCard';
-export * from './components/LinksTabBar';
-export * from './components/NotificationMenu';
-export * from './components/SearchBox';
-export * from './components/UserProfile';
 export * from './components/BotsTable';
-export * from './components/AddNewAccountCard';
-export * from './components/PieChart';
 export * from './components/AccountBalance';
 export * from './components/ExchangeAccount';
-export * from './components/CollapsibleNavBar';
 export * from './components/ExchangeAccountKeys';
-export * from './components/Filters';
-export * from './components/TableFilters';