chore(console): bump particles to 12.0.1

gravitee-apim-console-webui/package.json

@@ -21,9 +21,9 @@
     "@danielmoncada/angular-datetime-picker-moment-adapter": "4.0.0",
     "@fontsource/libre-franklin": "4.4.5",
     "@gravitee/ui-analytics": "11.2.0",
-    "@gravitee/ui-components": "4.2.2",
-    "@gravitee/ui-particles-angular": "11.2.0",
-    "@gravitee/ui-policy-studio-angular": "11.2.0",
+    "@gravitee/ui-components": "4.2.3",
+    "@gravitee/ui-particles-angular": "12.0.1",
+    "@gravitee/ui-policy-studio-angular": "12.0.1",
     "@highcharts/map-collection": "1.1.4",
     "@ngx-formly/core": "6.3.0",
     "@ngx-formly/material": "6.3.0",
@@ -68,7 +68,6 @@
     "marked-highlight": "2.1.1",
     "md-color-picker": "0.2.6",
     "md-steppers": "0.4.1",
-    "messageformat": "2.3.0",
     "moment": "2.30.1",
     "monaco-editor": "0.46.0",
     "ng-file-upload": "12.2.13",

gravitee-apim-console-webui/src/app.module.ajs.ts

@@ -24,7 +24,7 @@ import { marked } from 'marked';
 import * as hljs from 'highlight.js';
 // Codemirror
 import * as CodeMirror from 'codemirror';
-import * as moment from 'moment';
+import moment from 'moment';
 import * as tinycolor from 'tinycolor2';
 import AutofocusDirective from './components/autofocus/autofocus.directive';
 import GvModelDirective from './libraries/gv-model.directive';

gravitee-apim-console-webui/src/index.scss

@@ -60,7 +60,7 @@
 
 @import './scss/material-layout-compatibility.scss';
 
-@include gio.import-fonts(true);
+@include gio.import-fonts();
 
 body {
   font-family: 'Golos UI', 'Roboto', 'Helvetica Neue', sans-serif;

gravitee-apim-console-webui/src/management/api/api-traffic-v4/runtime-logs/api-runtime-logs.component.spec.ts

@@ -18,7 +18,7 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
 import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { MatIconTestingModule } from '@angular/material/icon/testing';
-import * as moment from 'moment';
+import moment from 'moment';
 import { OwlDateTimeModule } from '@danielmoncada/angular-datetime-picker';
 import { OwlMomentDateTimeModule } from '@danielmoncada/angular-datetime-picker-moment-adapter';
 import { ActivatedRoute, Router } from '@angular/router';

gravitee-apim-console-webui/src/management/api/api-traffic-v4/runtime-logs/api-runtime-logs.component.ts

@@ -18,7 +18,7 @@ import { Component, OnDestroy, OnInit } from '@angular/core';
 import { PageEvent } from '@angular/material/paginator';
 import { map, shareReplay, skip, switchMap, takeUntil, tap } from 'rxjs/operators';
 import { forkJoin, of, ReplaySubject, Subject } from 'rxjs';
-import * as moment from 'moment';
+import moment from 'moment';
 import { ActivatedRoute, Router } from '@angular/router';
 
 import { QuickFiltersStoreService } from './services';

gravitee-apim-console-webui/src/management/api/api-traffic-v4/runtime-logs/services/quick-filters-store.service.ts

@@ -15,7 +15,7 @@
  */
 import { BehaviorSubject } from 'rxjs';
 import { Injectable } from '@angular/core';
-import * as moment from 'moment';
+import moment from 'moment';
 
 import DurationConstructor = moment.unitOfTime.DurationConstructor;
 

gravitee-apim-console-webui/src/management/api/health-check-dashboard/healthcheck-dashboard.controller.ajs.ts

@@ -15,7 +15,7 @@
  */
 import { IQService, IRootScopeService } from 'angular';
 
-import * as moment from 'moment';
+import moment from 'moment';
 import { ActivatedRoute, Router } from '@angular/router';
 import { assign, forEach } from 'lodash';
 

gravitee-apim-console-webui/src/setup-jest.ts

@@ -19,6 +19,10 @@ import 'jest-preset-angular/setup-jest';
 // This means we will not be able to test Swagger in our components tests
 jest.mock('swagger-ui', () => jest.fn());
 
+// mocking asciidoctor for tests as it contains some JS incompatible with Jest
+// This means we will not be able to test Asciidoctor in our components tests
+jest.mock('@asciidoctor/core', () => jest.fn());
+
 // Mocking the Range object to avoid errors in tests (policy-studio-debug.component.spec.ts)
 document.createRange = () => {
   const range = new Range();

gravitee-apim-console-webui/tsconfig.spec.json

@@ -4,7 +4,8 @@
     "outDir": "./out-tsc/spec",
     "module": "CommonJs",
     "types": ["jest", "angular", "node"],
-    "target": "ES2016"
+    "target": "ES2016",
+    "esModuleInterop": true
   },
   "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
 }

gravitee-apim-portal-webui/package.json

@@ -35,9 +35,8 @@
     "@asciidoctor/core": "3.0.2",
     "@asyncapi/web-component": "1.2.23",
     "@fontsource/ibm-plex-sans": "4.5.5",
-    "@gravitee/ui-components": "4.2.2",
+    "@gravitee/ui-components": "4.2.3",
     "@highcharts/map-collection": "2.0.0",
-    "@messageformat/core": "3.3.0",
     "@ngx-translate/core": "14.0.0",
     "@ngx-translate/http-loader": "7.0.0",
     "@types/swagger-ui": "3.52.4",