@eui/tools 6.21.124 → 6.21.126

package/scripts/csdr/install/common.js

@@ -149,7 +149,7 @@ const executeInstall = (module.exports.executeInstall = (cwdPath, npmRegistry) =
         installRegistry = getInstallRegistry();
       }
 
-      tools.logInfo(`Install from : ${installRegistry}`);
+      // tools.logInfo(`Install from : ${installRegistry}`);
       if (!dryRun && !skipInstall) {
         if (installRegistry) {
           return execa.shellSync(`yarn --registry ${installRegistry}`, { cwd: cwdPath, stdio: 'inherit' });

package/scripts/csdr/init/remotes/10.x/base/angular.json

@@ -1,89 +0,0 @@
-{
-    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-    "version": 1,
-    "newProjectRoot": "apps",
-    "projects": {
-      "@remote.name@": {
-        "root": ".",
-      "sourceRoot": "src",
-      "projectType": "application",
-      "prefix": "app",
-      "schematics": {},
-      "architect": {
-        "build": {
-          "builder": "ngx-build-plus:build",
-          "options": {
-            "deployUrl": "@remote.deploy.url.root@/assets/elements/@remote.name@/bundles/",
-            "outputPath": "dist",
-            "index": "src/index.html",
-            "main": "src/main.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "tsconfig.app.json",
-            "scripts": [
-              "./node_modules/@webcomponents/custom-elements/src/native-shim.js"
-            ],
-            "assets": [
-              "src/assets"
-            ],
-              "styles": [
-                  "./node_modules/@eui/styles/dist/styles/eui-primeng.css",
-                  "./node_modules/@eui/styles/dist/styles/eui.css",
-                  "./node_modules/@eui/styles/dist/styles/eui-next.css",
-                  "./node_modules/@eui/styles/dist/styles/eui-components.css",
-                  "./node_modules/@eui/styles/dist/assets/fonts/font-awesome/font-awesome.min.css",
-                  "./node_modules/@eui/styles/dist/assets/fonts/flag-icons/css/flag-icon.min.css"
-              ]
-          },
-          "configurations": {
-            "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
-              "optimization": true,
-              "outputHashing": "all",
-              "sourceMap": false,
-              "extractCss": true,
-              "namedChunks": false,
-              "aot": true,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true
-            },
-            "serve-dist": {
-              "outputPath": "serve-dist",
-              "wath": true
-            }
-          }
-        },
-        "serve": {
-          "builder": "./node_modules/@angular-devkit/build-angular:dev-server",
-          "options": {
-              "deployUrl": "/assets/elements/@remote.name@/bundles/",
-              "browserTarget": "@remote.name@:build:serve-dist"
-          },
-          "configurations": {
-            "production": {
-              "browserTarget": "@remote.name@:build:production"
-            }
-          }
-        },
-        "test": {
-          "builder": "./node_modules/@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "src/test.ts",
-            "polyfills": "src/polyfills.ts",
-            "tsConfig": "tsconfig.spec.json",
-            "karmaConfig": "karma.conf.js",
-            "scripts": []
-          }
-        }
-      }
-      }
-    },
-    "cli": {
-      "analytics": false
-    }
-  }

package/scripts/csdr/init/remotes/10.x/base/browserslist

@@ -1,6 +0,0 @@
-last 1 Chrome version
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-Firefox ESR

package/scripts/csdr/init/remotes/10.x/base/package.json_TO_REPLACE

@@ -1,14 +0,0 @@
-{
-    "name": "generated",
-    "version": "1.0.0-SNAPSHOT.0",
-    "files": [
-        "bundles"
-    ],
-    "dependencies": {},
-    "resolutions": {
-        "minimist": ">=1.2.6",
-        "xmlhttprequest-ssl": ">=1.6.1",
-        "@types/node": "14.14.10",
-        "get-stream": "4.1.0"
-    }
-}

package/scripts/csdr/init/remotes/10.x/base/tsconfig.app.json

@@ -1,20 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "module": "es2015",
-    "target": "es2015",
-      "types": [
-          "node"
-      ],
-    "paths": {
-        "os": ["./node_modules/empty-module/index.js"],
-        "node-fetch": ["./node_modules/empty-module/index.js"],
-        "zipkin": ["./node_modules/zipkin/dist/zipkin.js"]
-    }
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
-}

package/scripts/csdr/init/remotes/10.x/full/common/app/eui-components.ts

@@ -1,11 +0,0 @@
-import {
-    EuiBlockContentComponentModule,
-    EuiButtonModule,
-    EuiLabelModule,
-} from '@eui/components-next';
-
-export const EUI_COMPONENTS_MODULES = [
-    EuiBlockContentComponentModule,
-    EuiButtonModule,
-    EuiLabelModule,
-];

package/scripts/csdr/init/remotes/10.x/full/common/app/fallback.component.ts

@@ -1,11 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    template: `
-        <eui-block-content [isBlocked]="true">
-            <div style="height: 100%"></div>
-        </eui-block-content>
-    `,
-})
-export class FallbackComponent {
-}

package/scripts/csdr/init/remotes/10.x/full/common/app/module.component.ts

@@ -1,98 +0,0 @@
-import { Component, OnInit, Inject, ElementRef, OnDestroy } from '@angular/core';
-
-import { Subscription } from 'rxjs';
-import { first } from 'rxjs/operators';
-
-import { CONFIG_TOKEN } from '@eui/core';
-import { ElementSetupService, ElementLifeCycleService } from '@csdr/integration/element';
-
-enum ElementStatus {
-    Loading = 'loading',
-    Loaded = 'loaded',
-    Error = 'error',
-}
-
-@Component({
-    template: `
-        <eui-block-content *ngIf="moduleStatus === ElementStatus.Loading" [isBlocked]="true">
-            <div style="height: 100%"></div>
-        </eui-block-content>
-        <ng-container *ngIf="moduleStatus === ElementStatus.Loaded">
-            <router-outlet></router-outlet>
-        </ng-container>
-        <ng-container *ngIf="moduleStatus === ElementStatus.Error">
-            <div class="error-container">
-                <div>
-                    <h1>Translations or user data for this module failed to load.</h1>
-                    <p>Do you want to try again?</p>
-                    <button euiButton euiPrimary (click)="loadData()">
-                        <span euiLabel>{{ 'global.RELOAD' | translate }}</span>
-                    </button>
-                </div>
-            </div>
-        </ng-container>
-    `,
-    styles: [`
-        .error-container {
-            width: 50vw;
-            height: 50vh;
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-        }
-
-        .error-container div {
-            text-align: center
-        }
-    `],
-})
-export class ModuleComponent implements OnInit, OnDestroy {
-    ElementStatus = ElementStatus;
-    moduleStatus: ElementStatus;
-
-    private initSubscription: Subscription;
-
-    constructor(private elRef: ElementRef,
-                @Inject(CONFIG_TOKEN) public config: any,
-                private elementLifeCycleService: ElementLifeCycleService,
-                private elementSetupService: ElementSetupService) {
-    }
-
-    ngOnInit() {
-        const elementData = this.elementLifeCycleService.getElementData(this.elRef);
-        this.elementLifeCycleService.setup(elementData);
-        this.loadData();
-    }
-
-    ngOnDestroy(): void {
-        this.initSubscription?.unsubscribe();
-        this.elementLifeCycleService.cleanup();
-    }
-
-    private loadData() {
-        this.setStatus(ElementStatus.Loading);
-        try {
-            this.initSubscription?.unsubscribe();
-
-            this.initSubscription = this.elementSetupService
-                .init()
-                .pipe(first())
-                .subscribe((loadStatus: { success: boolean; error?: string }) => {
-                    if (!loadStatus.success) {
-                        this.setStatus(ElementStatus.Error);
-                        console.error(`[ELEMENT: ${this.config.global.elementName}] `, loadStatus.error);
-                    } else {
-                        this.setStatus(ElementStatus.Loaded);
-                    }
-                });
-        } catch (e) {
-            console.log(e);
-            this.setStatus(ElementStatus.Error);
-        }
-    }
-
-    private setStatus(status: ElementStatus) {
-        this.moduleStatus = status;
-    }
-}

package/scripts/csdr/init/remotes/10.x/full/common/app/module.ts

@@ -1,97 +0,0 @@
-import { NgModule, Injector, DoBootstrap, ApplicationRef } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { HttpClient, HttpClientModule, HttpHeaders } from '@angular/common/http';
-import { createCustomElement } from '@angular/elements';
-
-import { StoreModule, USER_PROVIDED_META_REDUCERS } from '@ngrx/store';
-import { EffectsModule } from '@ngrx/effects';
-import { StoreRouterConnectingModule } from '@ngrx/router-store';
-import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-
-import { TranslateModule } from '@ngx-translate/core';
-
-import {
-    CoreModule,
-    CONFIG_TOKEN,
-    EUI_CONFIG_TOKEN,
-    translateConfig,
-} from '@eui/core';
-import { EUI_COMPONENTS_MODULES } from './eui-components';
-import {
-    CsdrCoreModule,
-    ElementStorageService,
-} from '@csdr/core';
-
-import { TOKEN, reducerProvider, metaReducers, runtimeChecks } from './reducers/index';
-import { CustomSerializer } from './reducers/custom-route-serializer';
-
-import { environment } from '../environments/environment';
-import { appConfig } from '../config';
-
-import { @root.common.module@ as RootCommonModule } from '@root.npm.pkg@';
-import {
-    DEFAULT_MAPPED_PROVIDERS,
-} from '@csdr/integration/element';
-import { RoutingModule } from './routing.module';
-
-import { FallbackComponent } from './fallback.component';
-import { ModuleComponent } from './module.component';
-
-// IMPORTS
-
-// DECLARATIONS
-
-@NgModule({
-    imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        HttpClientModule,
-        StoreRouterConnectingModule.forRoot({ stateKey: 'router', serializer: CustomSerializer }),
-        EffectsModule.forRoot([]),
-        StoreDevtoolsModule.instrument({ name: appConfig.global.storeName, maxAge: 150, logOnly: environment.production }),
-        TranslateModule.forRoot(translateConfig),
-
-        CoreModule.forRoot(),
-        CsdrCoreModule.forRoot(),
-        RootCommonModule,
-        RoutingModule,
-        ...EUI_COMPONENTS_MODULES,
-
-       // DEFINITIONS
-    ],
-    declarations: [
-        FallbackComponent,
-        ModuleComponent,
-    ],
-    entryComponents: [
-        FallbackComponent,
-        ModuleComponent,
-    ],
-    providers: [
-        reducerProvider,
-        {
-            provide: EUI_CONFIG_TOKEN,
-            useValue: { appConfig: { ...appConfig, ...environment }, environment },
-        },
-
-        ...DEFAULT_MAPPED_PROVIDERS,
-
-        // PROVIDERS
-    ],
-})
-export class AppModule implements DoBootstrap {
-
-    constructor(private injector: Injector, private http: HttpClient) {
-        // CONSTRUCTOR DECLARATIONS
-    }
-
-    ngDoBootstrap(appRef: ApplicationRef): void {
-        const elementSampleEui = createCustomElement(ModuleComponent, { injector: this.injector });
-        try {
-            customElements.define(appConfig.global.elementName, elementSampleEui);
-        } catch (e) {
-            console.log(e);
-        }
-    }
-}

package/scripts/csdr/init/remotes/10.x/full/common/app/reducers/custom-route-serializer.ts

@@ -1,28 +0,0 @@
-import { Params, RouterStateSnapshot } from '@angular/router';
-import { RouterStateSerializer } from '@ngrx/router-store';
-
-export interface RouterStateUrl {
-    url: string;
-    params: Params;
-    queryParams: Params;
-}
-
-export class CustomSerializer implements RouterStateSerializer<RouterStateUrl> {
-    serialize(routerState: RouterStateSnapshot): RouterStateUrl {
-        let route = routerState.root;
-
-        while (route.firstChild) {
-            route = route.firstChild;
-        }
-
-        const {
-            url,
-            root: { queryParams },
-        } = routerState;
-        const { params } = route;
-
-        // Only return an object including the URL, params and query params
-        // instead of the entire snapshot
-        return { url, params, queryParams };
-    }
-}

package/scripts/csdr/init/remotes/10.x/full/common/app/reducers/index.ts

@@ -1,51 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { ActionReducer, ActionReducerMap, MetaReducer, RuntimeChecks } from '@ngrx/store';
-import * as fromRouter from '@ngrx/router-store';
-import { storeFreeze } from 'ngrx-store-freeze';
-import { reducers as coreReducers, CoreState, localStorageSync } from '@eui/core';
-
-import { environment } from '../../environments/environment';
-
-export interface AppState extends CoreState {
-    router: fromRouter.RouterReducerState<any>;
-}
-
-// -----------------
-// ------------ AOT
-export const TOKEN = new InjectionToken<any>('AppReducers');
-
-export function getReducers(): ActionReducerMap<AppState, any> {
-    return {
-        router: fromRouter.routerReducer,
-        ...coreReducers,
-    };
-}
-
-export const reducerProvider = [
-    { provide: TOKEN, useFactory: getReducers },
-];
-
-// console.log all actions
-export function logger(reducer: ActionReducer<AppState>): ActionReducer<AppState> {
-    return (state, action) => {
-        const result = reducer(state, action);
-        console.groupCollapsed(action.type);
-        console.log('prev state', state);
-        console.log('action', action);
-        console.log('next state', result);
-        console.groupEnd();
-
-        return result;
-    };
-}
-
-export const metaReducers: MetaReducer<AppState>[] = !environment.production ? [logger, localStorageSync, storeFreeze] : [localStorageSync];
-
-export const runtimeChecks: RuntimeChecks = {
-    strictStateSerializability: false,
-    strictActionSerializability: false,
-    strictStateImmutability: false,
-    strictActionImmutability: false,
-    strictActionWithinNgZone: false,
-    strictActionTypeUniqueness: false,
-};

package/scripts/csdr/init/remotes/10.x/full/common/app/routing.module.ts

@@ -1,34 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { ELEMENT_ROUTES_TOKEN } from '@csdr/integration/element';
-
-import { routes } from '@root.npm.pkg@';
-// DON'T PAY ATTENTION TO IMPORT ERRORS HERE, those files are injected at serve/build time
-import { appConfig } from '../config/index';
-import { FallbackComponent } from './fallback.component';
-import { ModuleComponent } from './module.component';
-
-const elementRoutes: Routes = [
-    { path: '', component: ModuleComponent },
-    {
-        path: appConfig.global.baseUrl,
-        children: routes,
-    },
-    { path: '**', component: FallbackComponent },
-];
-
-// @dynamic
-@NgModule({
-    imports: [
-        RouterModule.forRoot(elementRoutes),
-    ],
-    providers: [
-        { provide: ELEMENT_ROUTES_TOKEN, useValue: elementRoutes },
-    ],
-    exports: [
-        RouterModule,
-    ],
-})
-export class RoutingModule {
-}

package/scripts/csdr/init/remotes/10.x/full/common/config/global.ts

@@ -1,115 +0,0 @@
-import { registerLocaleData } from '@angular/common';
-
-// import and register locale manually
-import localeEn from '@angular/common/locales/en';
-import localeEN_150 from '@angular/common/locales/en-150';
-import localeEN_AT from '@angular/common/locales/en-AT';
-import localeEN_BE from '@angular/common/locales/en-BE';
-import localeEN_CH from '@angular/common/locales/en-CH';
-import localeEN_CY from '@angular/common/locales/en-CY';
-import localeEN_DE from '@angular/common/locales/en-DE';
-import localeEN_DK from '@angular/common/locales/en-DK';
-import localeEN_FI from '@angular/common/locales/en-FI';
-import localeEN_GG from '@angular/common/locales/en-GG';
-import localeEN_GI from '@angular/common/locales/en-GI';
-import localeEN_IE from '@angular/common/locales/en-IE';
-import localeEN_IM from '@angular/common/locales/en-IM';
-import localeEN_JE from '@angular/common/locales/en-JE';
-import localeEN_MT from '@angular/common/locales/en-MT';
-import localeEN_NL from '@angular/common/locales/en-NL';
-import localeEN_SE from '@angular/common/locales/en-SE';
-import localeEN_SI from '@angular/common/locales/en-SI';
-import localeEnExtra from '@angular/common/locales/extra/en';
-import localeEnExtra_150 from '@angular/common/locales/extra/en-150';
-import localeEnExtra_AT from '@angular/common/locales/extra/en-AT';
-import localeEnExtra_BE from '@angular/common/locales/extra/en-BE';
-import localeEnExtra_CH from '@angular/common/locales/extra/en-CH';
-import localeEnExtra_CY from '@angular/common/locales/extra/en-CY';
-import localeEnExtra_DE from '@angular/common/locales/extra/en-DE';
-import localeEnExtra_DK from '@angular/common/locales/extra/en-DK';
-import localeEnExtra_FI from '@angular/common/locales/extra/en-FI';
-import localeEnExtra_GG from '@angular/common/locales/extra/en-GG';
-import localeEnExtra_GI from '@angular/common/locales/extra/en-GI';
-import localeEnExtra_IE from '@angular/common/locales/extra/en-IE';
-import localeEnExtra_IM from '@angular/common/locales/extra/en-IM';
-import localeEnExtra_JE from '@angular/common/locales/extra/en-JE';
-import localeEnExtra_MT from '@angular/common/locales/extra/en-MT';
-import localeEnExtra_NL from '@angular/common/locales/extra/en-NL';
-import localeEnExtra_SE from '@angular/common/locales/extra/en-SE';
-import localeEnExtra_SI from '@angular/common/locales/extra/en-SI';
-import localeFr from '@angular/common/locales/fr';
-import localeFR_MC from '@angular/common/locales/fr-MC';
-import localeFR_LU from '@angular/common/locales/fr-LU';
-import localeFR_CH from '@angular/common/locales/fr-CH';
-import localeFR_BE from '@angular/common/locales/fr-BE';
-import localeFRExtra_BE from '@angular/common/locales/extra/fr-BE';
-import localeFRExtra_CH from '@angular/common/locales/extra/fr-CH';
-import localeFRExtra_LU from '@angular/common/locales/extra/fr-LU';
-import localeFRExtra_MC from '@angular/common/locales/extra/fr-MC';
-import localeFrExtra from '@angular/common/locales/extra/fr';
-
-import { GlobalConfig, I18nConfig, LocaleServiceConfig } from '@eui/core';
-
-/**
- * import and register locales (currently MWP uses only French and English)
- */
-registerLocaleData(localeEn, localeEnExtra);
-registerLocaleData(localeFr, localeFrExtra);
-registerLocaleData(localeEN_150, localeEnExtra_150);
-registerLocaleData(localeEN_AT, localeEnExtra_AT);
-registerLocaleData(localeEN_BE, localeEnExtra_BE);
-registerLocaleData(localeEN_CH, localeEnExtra_CH);
-registerLocaleData(localeEN_CY, localeEnExtra_CY);
-registerLocaleData(localeEN_DE, localeEnExtra_DE);
-registerLocaleData(localeEN_DK, localeEnExtra_DK);
-registerLocaleData(localeEN_FI, localeEnExtra_FI);
-registerLocaleData(localeEN_GG, localeEnExtra_GG);
-registerLocaleData(localeEN_GI, localeEnExtra_GI);
-registerLocaleData(localeEN_IE, localeEnExtra_IE);
-registerLocaleData(localeEN_IM, localeEnExtra_IM);
-registerLocaleData(localeEN_JE, localeEnExtra_JE);
-registerLocaleData(localeEN_MT, localeEnExtra_MT);
-registerLocaleData(localeEN_NL, localeEnExtra_NL);
-registerLocaleData(localeEN_SE, localeEnExtra_SE);
-registerLocaleData(localeEN_SI, localeEnExtra_SI);
-registerLocaleData(localeFR_MC, localeFRExtra_MC);
-registerLocaleData(localeFR_LU, localeFRExtra_LU);
-registerLocaleData(localeFR_CH, localeFRExtra_CH);
-registerLocaleData(localeFR_BE, localeFRExtra_BE);
-
-/**
- * Internationalization Configuration
- */
-const i18nConfig: I18nConfig = {
-    i18nLoader: {
-        i18nFolders: ['elements/@remote.name@/bundles/assets/i18n-compiled'],
-    },
-    i18nService: {
-        languages: ['en', 'fr'],
-        defaultLanguage: 'en',
-    },
-};
-
-/**
- * Locale Configuration
- */
-const localeConfig: LocaleServiceConfig = {
-    id: 'en',
-    available: ['en', 'fr'],
-    bindWithTranslate: true,
-    affectGlobalLocale: true,
-};
-
-/**
- * Global Configuration
- */
-export const GLOBAL: GlobalConfig = {
-    /* URL that needs to be used in the appRouting of the MWP */
-    baseUrl: '@base.url@',
-    /* Element tag name that needs to be unique - make sure it doesn't collide with any other MWP element */
-    elementName: '@element.name@',
-    /* in case you are using NgRx give it a unique name (mostly for debugging) */
-    storeName: '@store.name@',
-    i18n: i18nConfig,
-    locale: localeConfig,
-};

package/scripts/csdr/init/remotes/10.x/full/common/config/index.ts

@@ -1,10 +0,0 @@
-import { GLOBAL } from './global';
-import { MODULES } from './modules';
-
-import { EuiAppConfig } from '@eui/core';
-import { configMapping } from '@csdr/integration/element';
-
-export const appConfig: EuiAppConfig = configMapping({
-    global: GLOBAL,
-    modules: MODULES,
-});

package/scripts/csdr/init/remotes/10.x/full/common/config/modules.ts

@@ -1,3 +0,0 @@
-import { ModulesConfig } from '@eui/core';
-
-export const MODULES: ModulesConfig = {};

package/scripts/csdr/init/remotes/10.x/full/common/environments/environment.prod.ts

@@ -1,3 +0,0 @@
-export const environment = {
-    production: true,
-};

package/scripts/csdr/init/remotes/10.x/full/common/environments/environment.ts

@@ -1,3 +0,0 @@
-export const environment = {
-    production: false,
-};

package/scripts/csdr/init/remotes/10.x/full/common/index.html

@@ -1,10 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <base href="/">
-</head>
-<body>
-  dummy index.html
-</body>
-</html>

package/scripts/csdr/init/remotes/10.x/full/common/main.ts

@@ -1,11 +0,0 @@
-import { enableProdMode } from '@angular/core';
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import { AppModule } from './app/module';
-import { environment } from './environments/environment';
-if (environment.production) {
-    enableProdMode();
-}
-
-platformBrowserDynamic()
-    .bootstrapModule(AppModule)
-    .catch(err => console.log(err));