Feature/upgrade nx and storybook dependencies (#531)

* Upgrade dependencies
  * nx
  * storybook

* Update changelog

CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Upgraded `Nx` from version `13.2.2` to `13.3.0`
+- Upgraded `storybook` from version `6.4.0-rc.3` to `6.4.9`
+
 ## 1.88.0 - 09.12.2021
 
 ### Added

libs/ui/src/lib/line-chart/line-chart.component.ts

@@ -10,6 +10,8 @@ import {
   OnDestroy,
   ViewChild
 } from '@angular/core';
+import { primaryColorRgb, secondaryColorRgb } from '@ghostfolio/common/config';
+import { getBackgroundColor } from '@ghostfolio/common/helper';
 import {
   Chart,
   Filler,
@@ -20,11 +22,6 @@ import {
   TimeScale
 } from 'chart.js';
 
-import {
-  primaryColorRgb,
-  secondaryColorRgb
-} from '../../../../common/src/lib/config'; // TODO: @ghostfolio/common/config
-import { getBackgroundColor } from '../../../../common/src/lib/helper'; // TODO: @ghostfolio/common/helper
 import { LineChartItem } from './interfaces/line-chart.interface';
 
 @Component({

libs/ui/src/lib/no-transactions-info/no-transactions-info.component.stories.ts

@@ -1,6 +1,6 @@
+import { GfLogoModule } from '@ghostfolio/ui/logo';
 import { Meta, Story, moduleMetadata } from '@storybook/angular';
 
-import { GfLogoModule } from '../../../../ui/src/lib/logo'; // TODO: @ghostfolio/ui/logo
 import { NoTransactionsInfoComponent } from './no-transactions-info.component';
 
 export default {

libs/ui/src/lib/no-transactions-info/no-transactions-info.module.ts

@@ -2,8 +2,8 @@ import { CommonModule } from '@angular/common';
 import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
 import { RouterModule } from '@angular/router';
+import { GfLogoModule } from '@ghostfolio/ui/logo';
 
-import { GfLogoModule } from '../../../../ui/src/lib/logo'; // TODO: @ghostfolio/ui/logo
 import { NoTransactionsInfoComponent } from './no-transactions-info.component';
 
 @NgModule({

libs/ui/src/lib/portfolio-proportion-chart/portfolio-proportion-chart.component.ts

@@ -8,6 +8,8 @@ import {
   OnDestroy,
   ViewChild
 } from '@angular/core';
+import { UNKNOWN_KEY } from '@ghostfolio/common/config';
+import { getTextColor } from '@ghostfolio/common/helper';
 import { PortfolioPosition } from '@ghostfolio/common/interfaces';
 import { Tooltip } from 'chart.js';
 import { LinearScale } from 'chart.js';
@@ -17,9 +19,6 @@ import { Chart } from 'chart.js';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
 import * as Color from 'color';
 
-import { UNKNOWN_KEY } from '../../../../common/src/lib/config'; // TODO: @ghostfolio/common/config
-import { getTextColor } from '../../../../common/src/lib/helper'; // TODO: @ghostfolio/common/helper
-
 @Component({
   selector: 'gf-portfolio-proportion-chart',
   changeDetection: ChangeDetectionStrategy.OnPush,

libs/ui/src/lib/trend-indicator/trend-indicator.component.ts

@@ -1,7 +1,6 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-
-import { MarketState } from '../../../../../apps/api/src/services/interfaces/interfaces'; // TODO: @ghostfolio/api/services/interfaces/interfaces
-import { DateRange } from '../../../../common/src/lib/types'; // TODO: @ghostfolio/common/types
+import { MarketState } from '@ghostfolio/api/services/interfaces/interfaces';
+import { DateRange } from '@ghostfolio/common/types';
 
 @Component({
   selector: 'gf-trend-indicator',

libs/ui/src/lib/value/value.component.ts

@@ -4,11 +4,10 @@ import {
   Input,
   OnChanges
 } from '@angular/core';
+import { DEFAULT_DATE_FORMAT } from '@ghostfolio/common/config';
 import { format, isDate } from 'date-fns';
 import { isNumber } from 'lodash';
 
-import { DEFAULT_DATE_FORMAT } from '../../../../common/src/lib/config'; // TODO: @ghostfolio/common/config
-
 @Component({
   selector: 'gf-value',
   changeDetection: ChangeDetectionStrategy.OnPush,

package.json

@@ -68,7 +68,7 @@
     "@nestjs/platform-express": "8.2.3",
     "@nestjs/schedule": "1.0.2",
     "@nestjs/serve-static": "2.2.2",
-    "@nrwl/angular": "13.2.2",
+    "@nrwl/angular": "13.3.0",
     "@prisma/client": "3.6.0",
     "@simplewebauthn/browser": "4.1.0",
     "@simplewebauthn/server": "4.1.0",
@@ -126,19 +126,19 @@
     "@angular/localize": "13.0.2",
     "@nestjs/schematics": "8.0.5",
     "@nestjs/testing": "8.2.3",
-    "@nrwl/cli": "13.2.2",
-    "@nrwl/cypress": "13.2.2",
-    "@nrwl/eslint-plugin-nx": "13.2.2",
-    "@nrwl/jest": "13.2.2",
-    "@nrwl/nest": "13.2.2",
-    "@nrwl/node": "13.2.2",
-    "@nrwl/storybook": "13.2.2",
-    "@nrwl/tao": "13.2.2",
-    "@nrwl/workspace": "13.2.2",
-    "@storybook/addon-essentials": "6.4.0-rc.3",
-    "@storybook/angular": "6.4.0-rc.3",
-    "@storybook/builder-webpack5": "6.4.0-rc.3",
-    "@storybook/manager-webpack5": "6.4.0-rc.3",
+    "@nrwl/cli": "13.3.0",
+    "@nrwl/cypress": "13.3.0",
+    "@nrwl/eslint-plugin-nx": "13.3.0",
+    "@nrwl/jest": "13.3.0",
+    "@nrwl/nest": "13.3.0",
+    "@nrwl/node": "13.3.0",
+    "@nrwl/storybook": "13.3.0",
+    "@nrwl/tao": "13.3.0",
+    "@nrwl/workspace": "13.3.0",
+    "@storybook/addon-essentials": "6.4.9",
+    "@storybook/angular": "6.4.9",
+    "@storybook/builder-webpack5": "6.4.9",
+    "@storybook/manager-webpack5": "6.4.9",
     "@types/big.js": "6.1.2",
     "@types/cache-manager": "3.4.2",
     "@types/color": "3.0.2",