nuxeo-development-framework 3.1.1 → 3.1.2

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/nuxeo-development-framework'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/nuxeo-development-framework",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,70 +1,63 @@
-{
-  "name": "nuxeo-development-framework",
-  "version": "3.1.1",
-  "peerDependencies": {
-    "@angular/animations": "12.2.3",
-    "@angular/common": "12.2.3",
-    "@angular/compiler": "12.2.3",
-    "@angular/core": "12.2.3",
-    "@angular/forms": "~12.2.4",
-    "@angular/platform-browser": "~12.2.4",
-    "@angular/platform-browser-dynamic": "~12.2.4",
-    "@angular/router": "~12.2.4",
-    "rxjs": "~6.6.0",
-    "zone.js": "~0.11.4",
-    "@angular/cdk": "^12.1.2",
-    "@angular/elements": "^12.2.4",
-    "@angular/localize": "~12.2.4",
-    "@types/node": "^12.20.21",
-    "@angular/material": "^11.2.3",
-    "@angular/material-moment-adapter": "^11.2.3",
-    "@busacca/ng-pick-datetime": "^10.0.0",
-    "@fortawesome/fontawesome-free": "^5.15.4",
-    "@mat-datetimepicker/core": "^6.0.2",
-    "@mat-datetimepicker/moment": "^6.0.2",
-    "@ng-bootstrap/ng-bootstrap": "^8.0.4",
-    "@ng-select/ng-select": "^6.1.0",
-    "@ngx-translate/core": "^13.0.0",
-    "@ngx-translate/http-loader": "^6.0.0",
-    "@pdftron/webviewer": "^7.3.1",
-    "@rxweb/reactive-form-validators": "^2.1.3",
-    "@swimlane/ngx-datatable": "^19.0.0",
-    "@types/dwt": "^16.1.1",
-    "@webcomponents/custom-elements": "^1.4.3",
-    "angular-formio": "^4.11.5",
-    "angular-ng-autocomplete": "^2.0.5",
-    "bootstrap": "^4.6.0",
-    "bootstrap-icons": "^1.5.0",
-    "chart.js": "^2.9.4",
-    "chartjs-plugin-labels": "^1.1.0",
-    "chartjs-plugin-piechart-outlabels": "^0.1.4",
-    "dwt": "^17.1.1",
-    "keycloak-angular": "^8.1.0",
-    "keycloak-js": "^12.0.4",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.1",
-    "moment-es6": "^1.0.0",
-    "moment-hijri": "^2.1.2",
-    "ngx-hijri-gregorian-datepicker": "^1.0.8",
-    "ngx-infinite-scroll": "^10.0.1",
-    "ngx-moment": "^5.0.0",
-    "ngx-toastr": "^13.2.1",
-    "ngx-treeview": "^10.0.2",
-    "nuxeo": "^3.17.0",
-    "ts-cacheable": "^1.0.5",
-    "webstomp-client": "^1.2.6",
-    "file-saver": "^2.0.5",
-    "devextreme": "23.1",
-    "devextreme-angular": "^23.1"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "main": "bundles/nuxeo-development-framework.umd.js",
-  "module": "fesm2015/nuxeo-development-framework.js",
-  "es2015": "fesm2015/nuxeo-development-framework.js",
-  "esm2015": "esm2015/nuxeo-development-framework.js",
-  "fesm2015": "fesm2015/nuxeo-development-framework.js",
-  "typings": "nuxeo-development-framework.d.ts",
-  "sideEffects": false
-}
+{
+  "name": "nuxeo-development-framework",
+  "version": "3.1.2", 
+  "peerDependencies": {
+    "@angular/animations": "12.2.3",
+    "@angular/common": "12.2.3",
+    "@angular/compiler": "12.2.3",
+    "@angular/core": "12.2.3",
+    "@angular/forms": "~12.2.4",
+    "@angular/platform-browser": "~12.2.4",
+    "@angular/platform-browser-dynamic": "~12.2.4",
+    "@angular/router": "~12.2.4",
+    "rxjs": "~6.6.0",
+    "zone.js": "~0.11.4",
+    "@angular/cdk": "^12.1.2",
+    "@angular/elements": "^12.2.4",
+    "@angular/localize": "~12.2.4",
+    "@types/node": "^12.20.21",
+    "@angular/material": "^11.2.3",
+    "@angular/material-moment-adapter": "^11.2.3",
+    "@busacca/ng-pick-datetime": "^10.0.0",
+    "@fortawesome/fontawesome-free": "^5.15.4",
+    "@mat-datetimepicker/core": "^6.0.2",
+    "@mat-datetimepicker/moment": "^6.0.2",
+    "@ng-bootstrap/ng-bootstrap": "^8.0.4",
+    "@ng-select/ng-select": "^6.1.0",
+    "@ngx-translate/core": "^13.0.0",
+    "@ngx-translate/http-loader": "^6.0.0",
+    "@pdftron/webviewer": "^7.3.1",
+    "@rxweb/reactive-form-validators": "^2.1.3",
+    "@swimlane/ngx-datatable": "^19.0.0",
+    "@types/dwt": "^16.1.1",
+    "@webcomponents/custom-elements": "^1.4.3",
+    "angular-formio": "^4.11.5",
+    "angular-ng-autocomplete": "^2.0.5",
+    "bootstrap": "^4.6.0",
+    "bootstrap-icons": "^1.5.0",
+    "chart.js": "^2.9.4",
+    "chartjs-plugin-labels": "^1.1.0",
+    "chartjs-plugin-piechart-outlabels": "^0.1.4",
+    "dwt": "^17.1.1",
+    "keycloak-angular": "^8.1.0",
+    "keycloak-js": "^12.0.4",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.1",
+    "moment-es6": "^1.0.0",
+    "moment-hijri": "^2.1.2",
+    "ngx-hijri-gregorian-datepicker": "^1.0.8",
+    "ngx-infinite-scroll": "^10.0.1",
+    "ngx-moment": "^5.0.0",
+    "ngx-toastr": "^13.2.1",
+    "ngx-treeview": "^10.0.2",
+    "nuxeo": "^3.17.0",
+    "ts-cacheable": "^1.0.5",
+    "webstomp-client": "^1.2.6",
+    "file-saver": "^2.0.5",
+    "devextreme": "23.1",
+    "devextreme-angular": "^23.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

package/src/lib/Core/adapters/adapter.service.ts

@@ -0,0 +1,46 @@
+import { Injectable } from '@angular/core';
+import { UtilityService } from '../utilities/utility.service';
+@Injectable({
+  providedIn: 'root',
+})
+export class AdapterService {
+  constructor(private utiliService: UtilityService) {}
+
+  filterNullValues(formValue) {
+    const filtered = {};
+    for (let key in formValue) {
+      if (formValue[key]) {
+        filtered[key] =
+          !Array.isArray(formValue[key]) && typeof formValue[key] === 'object'
+            ? { ...this.filterNullValues(formValue[key]) }
+            : formValue[key];
+      }
+    }
+    return filtered;
+  }
+
+  adaptIn(item: any, fieldsobj: any) {
+    const fields = this.utiliService.objectFlip(fieldsobj);
+    const properties = { ...item.properties };
+    Object.keys(fields).forEach((key) => {
+      properties[fields[key]] = item.properties[key];
+      delete properties[key];
+    });
+    item.properties = properties;
+    return item;
+  }
+
+  adaptOut(item: any, fieldsobj: any) {
+    const fields = fieldsobj;
+    let properties = { ...item };
+    Object.keys(fields).forEach((key) => {
+      if (key) {
+        properties[fields[key]] = item[key];
+        delete properties[key];
+      }
+    });
+    properties = { ...this.filterNullValues(properties) };
+
+    return properties;
+  }
+}

package/src/lib/Core/core.module.ts

@@ -0,0 +1,65 @@
+import { CommonModule, registerLocaleData } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import localeAr from '@angular/common/locales/ar';
+import localeEn from '@angular/common/locales/en';
+import { APP_INITIALIZER, NgModule } from '@angular/core';
+import {
+  TranslateLoader,
+  TranslateModule,
+  TranslateService,
+  TranslateStore
+} from '@ngx-translate/core';
+import { RxReactiveFormsModule } from '@rxweb/reactive-form-validators';
+import { KeycloakAngularModule } from 'keycloak-angular';
+import { ToastrModule } from 'ngx-toastr';
+import { TreeviewModule } from 'ngx-treeview';
+import { AppConfigService } from '../configuration/app-config.service';
+import { appInitializer } from '../configuration/helpers/app-initializer';
+import { TranslateLoaderService } from './services/translation/translate-loader.service';
+import { TRANSLATION_PROVIDER } from './services/translation/translation.service';
+
+registerLocaleData(localeAr);
+registerLocaleData(localeEn);
+/** @ignore */
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule,
+    TreeviewModule.forRoot(),
+    HttpClientModule,
+    TranslateModule.forRoot(),
+    ToastrModule.forRoot({
+      preventDuplicates: true,
+    }),
+    KeycloakAngularModule,
+    RxReactiveFormsModule
+  ],
+  exports: [
+    KeycloakAngularModule,
+    TranslateModule,
+    TreeviewModule,
+    ToastrModule,
+    RxReactiveFormsModule
+  ],
+  providers: [
+    TranslateStore,
+    TranslateService,
+    { provide: TranslateLoader, useClass: TranslateLoaderService },
+    {
+      provide: TRANSLATION_PROVIDER,
+      multi: true,
+      useValue: {
+        name: 'app',
+        source: 'assets',
+      },
+    } ,
+    {
+      provide: APP_INITIALIZER,
+      useFactory: appInitializer,
+      deps: [AppConfigService],
+      multi: true,
+    },
+  ],
+})
+export class CoreModule {}

package/src/lib/Core/enums/language.enum.ts

@@ -0,0 +1,4 @@
+export enum Lang {
+  Arabic = 'ar',
+  English = 'en'
+}

package/src/lib/Core/models/component.model.ts

@@ -0,0 +1,11 @@
+export class ComponentTranslationModel {
+  name: string;
+  path: string;
+  json: string [];
+
+  constructor(obj?: any) {
+      this.name = obj && obj.name;
+      this.path = obj && obj.path;
+      this.json = obj && obj.json || [];
+  }
+}

package/src/lib/Core/services/callApi/call-api.service.ts

@@ -0,0 +1,31 @@
+import { Injectable } from '@angular/core';
+import { from, Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { NuxeoService } from '../nuxeo/nuxeo.service';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class CallApiService {
+  constructor(private nuxeoService: NuxeoService) {}
+
+  query(queryOptions, options): Observable<any> {
+    return this.inerQuery(queryOptions, options);
+  }
+
+  private inerQuery(queryOptions, options): Observable<any> {
+    return from(
+      this.nuxeoService.nuxeoClient.repository().query(queryOptions, options)
+    ).pipe(
+      map((res: any) => {
+        if (res.entries.length > 0) {
+          res.entries.forEach((data) => {
+            delete data._nuxeo;
+            delete data._repository;
+          });
+        }
+        return res;
+      })
+    );
+  }
+}

package/src/lib/Core/services/extension/action.extensions.ts

@@ -0,0 +1,35 @@
+import { ExtensionElement } from './extension-element';
+
+export enum ContentActionType {
+    default = 'default',
+    button = 'button',
+    separator = 'separator',
+    menu = 'menu',
+    custom = 'custom'
+}
+
+export interface ContentActionRef extends ExtensionElement {
+    type: ContentActionType;
+
+    title?: string;
+    description?: string;
+    icon?: string;
+    children?: Array<ContentActionRef>;
+    component?: string;
+    data?: any;
+    actions?: {
+        click?: string;
+        [key: string]: string;
+    };
+    rules?: {
+        enabled?: string;
+        visible?: string;
+        [key: string]: string;
+    };
+}
+
+export interface ActionRef {
+    id: string;
+    type: string;
+    payload?: any;
+}

package/src/lib/Core/services/extension/component-register.service.ts

@@ -0,0 +1,25 @@
+
+import { Injectable, Type } from '@angular/core';
+
+export interface ExtensionComponent {
+    data: any;
+}
+
+@Injectable({ providedIn: 'root' })
+export class ComponentRegisterService {
+    components: { [key: string]: Type<{}> } = {};
+
+    setComponents(values: { [key: string]: Type<{}> }) {
+        if (values) {
+            this.components = Object.assign({}, this.components, values);
+        }
+    }
+
+    getComponentById<T>(id: string): Type<T> {
+        return <Type<T>> this.components[id];
+    }
+
+    hasComponentById(id: string): boolean {
+        return !!this.getComponentById(id);
+    }
+}

package/src/lib/Core/services/extension/extenion-utils.ts

@@ -0,0 +1,142 @@
+
+import { ContentActionRef, ContentActionType } from './action.extensions';
+
+export function getValue(target: any, key: string): any {
+    if (!target) {
+        return undefined;
+    }
+
+    const keys = key.split('.');
+    key = '';
+
+    do {
+        key += keys.shift();
+        const value = target[key];
+        if (
+            value !== undefined &&
+            (typeof value === 'object' || !keys.length)
+        ) {
+            target = value;
+            key = '';
+        } else if (!keys.length) {
+            target = undefined;
+        } else {
+            key += '.';
+        }
+    } while (keys.length);
+
+    return target;
+}
+
+export function filterEnabled(entry: { disabled?: boolean }): boolean {
+    return !entry.disabled;
+}
+
+export function sortByOrder(
+    a: { order?: number | undefined },
+    b: { order?: number | undefined }
+) {
+    const left = a.order === undefined ? Number.MAX_SAFE_INTEGER : a.order;
+    const right = b.order === undefined ? Number.MAX_SAFE_INTEGER : b.order;
+    return left - right;
+}
+
+export function reduceSeparators(
+    acc: ContentActionRef[],
+    el: ContentActionRef,
+    i: number,
+    arr: ContentActionRef[]
+): ContentActionRef[] {
+    // remove leading separator
+    if (i === 0) {
+        if (arr[i].type === ContentActionType.separator) {
+            return acc;
+        }
+    }
+    // remove duplicate separators
+    if (i > 0) {
+        const prev = arr[i - 1];
+        if (
+            prev.type === ContentActionType.separator &&
+            el.type === ContentActionType.separator
+        ) {
+            return acc;
+        }
+
+        // remove trailing separator
+        if (i === arr.length - 1) {
+            if (el.type === ContentActionType.separator) {
+                return acc;
+            }
+        }
+    }
+
+    return acc.concat(el);
+}
+
+export function reduceEmptyMenus(
+    acc: ContentActionRef[],
+    el: ContentActionRef
+): ContentActionRef[] {
+    if (el.type === ContentActionType.menu) {
+        if ((el.children || []).length === 0) {
+            return acc;
+        }
+    }
+    return acc.concat(el);
+}
+
+export function mergeObjects(...objects: object[]): any {
+    const result = {};
+
+    objects.forEach((source) => {
+        Object.keys(source).forEach((prop) => {
+            let replace = false;
+
+            if (prop.endsWith('.$replace')) {
+                replace = true;
+                prop = prop.replace('.$replace', '');
+            }
+
+            if (!prop.startsWith('$')) {
+                if (replace) {
+                    result[prop] = source[`${prop}.$replace`];
+                } else if (prop in result && Array.isArray(result[prop])) {
+                    result[prop] = mergeArrays(result[prop], source[prop]);
+                } else if (prop in result && typeof result[prop] === 'object') {
+                    result[prop] = mergeObjects(result[prop], source[prop]);
+                } else {
+                    result[prop] = source[prop];
+                }
+            }
+        });
+    });
+
+    return result;
+}
+
+export function mergeArrays(left: any[], right: any[]): any[] {
+    const result = [];
+    const map = {};
+
+    (left || []).forEach((entry) => {
+        const element = entry;
+        if (element && element.hasOwnProperty('id')) {
+            map[element.id] = element;
+        } else {
+            result.push(element);
+        }
+    });
+
+    (right || []).forEach((entry) => {
+        const element = entry;
+        if (element && element.hasOwnProperty('id') && map[element.id]) {
+            const merged = mergeObjects(map[element.id], element);
+            map[element.id] = merged;
+        } else {
+            result.push(element);
+        }
+    });
+
+    return Object.keys(map).map((key) => map[key]).concat(result);
+}

package/src/lib/Core/services/extension/extension-element.ts

@@ -0,0 +1,6 @@
+export interface ExtensionElement {
+    id: string;
+
+    order?: number;
+    disabled?: boolean;
+}