@eqproject/eqp-dynamic-module 0.0.7 → 0.0.9

package/{src/lib/models/fields/listValueField.model.ts → lib/models/fields/listValueField.model.d.ts}

@@ -1,28 +1,24 @@
 import { AttachmentType, IAttachmentDTO } from "@eqproject/eqp-attachments";
 import { BaseField } from "../baseField.model";
-
 /**Lista di valori */
-export class ListValueField extends BaseField {
+export declare class ListValueField extends BaseField {
     /**
-     * Lista di valori ordinata. La parte "Value", viene utilizzata in modi diversi a seconda del tipo di presentazione, e/o 
+     * Lista di valori ordinata. La parte "Value", viene utilizzata in modi diversi a seconda del tipo di presentazione, e/o
      * come valore relazionato nelle formule
      */
-    ValuePairs: { [key: string]: any };
-
+    ValuePairs: {
+        [key: string]: any;
+    };
     /**Se true è l'utente può scegliere più di un valore */
     IsMultiChoiche: boolean;
-
     /**Modalità di presentazione */
     PresentationMode: ListPresentationEnum;
-
     /**Elenco delle immagini per la visualizzazione a immagini (ListPresentationEnum.Immagini) */
     ButtonImageList: Array<ButtonImage>;
 }
-
-export class ButtonImage implements IAttachmentDTO {
+export declare class ButtonImage implements IAttachmentDTO {
     ButtonKey: string;
     ButtonValue: string;
-
     ID: string | number;
     FileName?: string;
     FileContentType?: string;
@@ -34,10 +30,9 @@ export class ButtonImage implements IAttachmentDTO {
     FileThumbnailBase64?: string;
     TrustedUrl?: any;
 }
-
-export enum ListPresentationEnum {
+export declare enum ListPresentationEnum {
     "Combo box" = 1,
     "Radio button" = 2,
     "Pulsante con testo" = 3,
     "Immagini" = 4
-}
+}

package/{src/lib/models/fields/lookupField.model.ts → lib/models/fields/lookupField.model.d.ts}

@@ -1,13 +1,10 @@
 import { BaseField } from "../baseField.model";
-
 /**Questo tipo di campo rappresenta una lookup ad altri valori */
-export class LookupField extends BaseField {
+export declare class LookupField extends BaseField {
     /**Entità relazionata (il padre) */
     EntitySourceName: string;
-
     /**Elenco di campi ordinato che verrà visualizzato nella lookup */
     FieldNames: string[];
-
     /**Se true la lookup viene visualizzata in una modale per lo scegli scarta  */
     UseAsGetOrDiscard: boolean;
-}
+}

package/{src/lib/models/fields/numericField.model.ts → lib/models/fields/numericField.model.d.ts}

@@ -1,7 +1,6 @@
 import { BaseField } from "../baseField.model";
-
 /**Classe contiene la configurazione dei campi numerici */
-export class NumericField extends BaseField {
+export declare class NumericField extends BaseField {
     IsInteger: boolean;
     MinValue: number;
     MaxValue: number;
@@ -9,4 +8,4 @@ export class NumericField extends BaseField {
     DecimalPrecision: number;
     ThousandsSeparator: string;
     CurrencySymbol: string;
-}
+}

package/{src/lib/models/fields/testareaField.model.ts → lib/models/fields/testareaField.model.d.ts}

@@ -1,8 +1,7 @@
 import { BaseField } from "../baseField.model";
-
-export class TextareaField extends BaseField {
+export declare class TextareaField extends BaseField {
     /**Numero di righe in altezza con cui viene rappresentata la text area */
     Rows: number;
     MaxLenght: number;
     MinLenght: number;
-}
+}

package/lib/models/fields/textField.model.d.ts

@@ -0,0 +1,15 @@
+import { BaseField } from "../baseField.model";
+/**Campo di testo */
+export declare class TextField extends BaseField {
+    TextMask: TextMaskEnum;
+    MaxLenght: number;
+    MinLenght: number;
+}
+export declare enum TextMaskEnum {
+    'Password' = 1,
+    'Email' = 2,
+    'Telefono' = 3,
+    'Url' = 4
+}
+export declare const UrlRegex = "(https?://)?([\\da-z.-]+)\\.([a-z.]{2,6})[/\\w .-]*/?";
+export declare const TelRegex = "([+]?[0-9]{10,14})";

package/{src/lib/models/form.model.ts → lib/models/form.model.d.ts}

@@ -1,59 +1,46 @@
 import { BaseObj } from "./baseObj.model";
 import { IRootObject } from "../interfaces/iRootObject.interface";
 import { BaseField } from "./baseField.model";
-
 /**
  * Classe che rappresenta una Form completa.
  * Si tratta dell'oggetto che viene rappresentato a video e con cui l'utente interagisce.
  */
-export class Form extends BaseObj implements IRootObject {
+export declare class Form extends BaseObj implements IRootObject {
     Name: string;
     OrgaID: string;
-    // FormType: FormTypeEnum;
     FormScalarType: FormScalarTypeEnum;
     FormFieldsGroups: Array<FormFieldGroup>;
-
     /**
      * Elenco dei campi rappresentati nella form
      * possono appartenere ad una sola entità
      */
     Fields: Array<BaseField>;
-
     ActionsOnRecord: Array<ActionOnRecord>;
-
     /**
      * Elenco delle form contenute nella form base, ad esempio possono essere le varie form di
      * dettaglio
      */
     InnerForms: Array<Form>;
-
     RootEntityID: string;
-
-    // Proprietà client
     OldName?: string;
 }
-
-export class FormFieldGroup {
+export declare class FormFieldGroup {
     Name: string;
     OrdinalPosition?: number;
 }
-
-export class ActionOnRecord {
+export declare class ActionOnRecord {
     Name: string;
     Icon: string;
-    Action: string; //Codice js
+    Action: string;
     OrdinalPosition: number;
 }
-
-export enum FormTypeEnum {
-    SCALAR = 1,     /* form di tipo scalare */
-    LIST = 2        /* form di tipo lista che viene rappresentata con molti record */
+export declare enum FormTypeEnum {
+    SCALAR = 1,
+    LIST = 2
 }
-
-export enum FormScalarTypeEnum {
-    "Semplice" = 1, //FLAT
-    "A step" = 2, //STEPPER
-    "In tab" = 3, //GROUPED_BY_TAB
-    "In accordion" = 4 //GROUPED_BY_ACCORDION
+export declare enum FormScalarTypeEnum {
+    "Semplice" = 1,
+    "A step" = 2,
+    "In tab" = 3,
+    "In accordion" = 4
 }
-

package/{src/lib/models/record.model.ts → lib/models/record.model.d.ts}

@@ -1,12 +1,13 @@
-export class Record {
+export declare class Record {
     ID: string;
     EntID: string;
     [key: string]: any;
 }
-
-export class DynRecord {
+export declare class DynRecord {
     ID: string;
     EntID: string;
-    Values: { [key: string]: any; } = {};
+    Values: {
+        [key: string]: any;
+    };
     SerializedValues: string;
 }

package/lib/modules/material.module.d.ts

@@ -0,0 +1,2 @@
+export declare class MaterialModule {
+}

package/lib/services/custom-form-validators.service.d.ts

@@ -0,0 +1,5 @@
+import { ValidationErrors } from "@angular/forms";
+export declare class ArrayValidators {
+    static minLenght(minLenght: number): (AbstractControl: any) => ValidationErrors | null;
+    static maxLenght(maxLenght: number): (AbstractControl: any) => ValidationErrors | null;
+}

package/lib/services/eqp-dynamic-module-dialog.service.d.ts

@@ -0,0 +1,34 @@
+export declare class EqpDynamicModuleDialogService {
+    constructor();
+    /**
+     * Mostra uno sweet alert di tipo SUCCESS con il messaggio passato come parametro.
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Operazione completata')
+     */
+    static Success(message: string, title?: string): void;
+    /**
+     * Mostra uno sweet alert di tipo ERROR con il messaggio passato come parametro.
+     * @param message Messaggio d'errore da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Errore')
+     */
+    static Error(message: string | string[], title?: string): void;
+    /**
+     * Mostra uno sweetalert di tipo CONFIRM con il messaggio passato come parametro e se viene premuto
+     * CONFERMA lancia la funzione di callback passata come parametro
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Info')
+     */
+    static Confirm(message: string | string[], confirmCallback: any, isWarning?: boolean, title?: string, customWidth?: string): void;
+    /**
+     * Mostra uno sweetalert di tipo INFO con il messaggio passato come parametro
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Info')
+     */
+    static Info(message: string, title?: string, isToast?: boolean): void;
+    /**
+     * Mostra uno sweetalert di tipo WARNING con il messaggio passato come parametro
+     * @param message Messaggio da mostrare nello sweetalert
+     * @param title Titolo dello sweetalert (di default mostra 'Attenzione!')
+     */
+    static Warning(message: string | string[], title?: string, isToast?: boolean): void;
+}

package/lib/services/spinner.service.d.ts

@@ -0,0 +1,15 @@
+import { Subject } from 'rxjs';
+export declare class SpinnerService {
+    isLoading: Subject<boolean>;
+    private requestsCount;
+    /**
+     * Mostra lo spinner
+     */
+    show(): void;
+    /**
+     * Nasconde lo spinner
+     */
+    hide(): void;
+    addRequestCounter(): void;
+    removeRequestCounter(): void;
+}

package/lib/services/utilityHelper.services.d.ts

@@ -0,0 +1,77 @@
+import { HttpClient } from "@angular/common/http";
+import { FormBuilder, FormGroup } from "@angular/forms";
+import { BaseField } from "../models/baseField.model";
+import { Context } from "../models/context.model";
+import { EndPointConfiguration, EndPointData, EndPointDataParams } from "../models/endPointConfiguration.model";
+import { TextField } from "../models/fields/textField.model";
+import { Form } from "../models/form.model";
+import { Record } from "../models/record.model";
+import { SpinnerService } from "./spinner.service";
+export declare class UtilityHelperService {
+    private formBuilder;
+    private http;
+    private spinnerService;
+    static context: Context;
+    constructor(formBuilder: FormBuilder, http: HttpClient, spinnerService: SpinnerService);
+    static EvaluateFieldFormula(formula: string, rec: Record, ctx: any): any;
+    static SetContext(ctx: Context): void;
+    static GetFieldType(field: BaseField): TextField;
+    /**
+     * Metodo per impostare i valori da suggerire nell'autocomplete per i campi in cui l'utente deve scrivere comandi javascript.
+     * In base all'ultimo carattere digitato viene impostato un elenco di oggetti o proprietà che l'utente ha a disposizione in quel momento.
+     * @param fields Array di BaseField aggiunti alla Form
+     * @param typedFormula Stringa digitata dall'utente
+     * @summary Il metodo imposta i suggerimenti basandosi su 3 casi:
+     *  1) l'utente non ha digitato nulla o la stringa digitata dall'utente finisce con uno spazio vuoto
+     *  2) la stringa digitata dall'utente finisce con un "."
+     *  3) la stringa digitata dall'utente non coincide con nessun altro caso sopra (finisce con un carattere qualunque)
+     */
+    static GetAutocompleteOptions(fields: Array<BaseField>, typedFormula: string): Array<{
+        label: string;
+        value: string;
+    }>;
+    /**
+     * Metodo invocato dall'html per impostare le classi css per visualizzare il campo all'interno della form.
+     * Se per il field sono state specificate delle classi allora vengono applcate quelle, altrimenti vengono usate
+     * delle classi di default.
+     * @param field BaseField da visualizzare.
+     * @returns Restituisce una stringa contenente le classi css da applicare.
+     */
+    getFieldSyleClass(field: BaseField): string;
+    /**
+     * Metodo per creare il FormGroup che rappresenta una Form a partire dai suoi BaseField.
+     * @param formFields Lista dei BaseField che compongono la form.
+     * @param record Oggetto di tipo Record che contiene i valori dei campi.
+     * @param onlyView Se TRUE disabilita la form per renderla in sola lettura.
+     * @param includeCurrentFormInField Se TRUE popola la proprietà FormFormGroup all'interno di ogni BaseField con il FormGroup corrente.
+     * @returns Restituisce un FormGroup rappresentate la Form a cui appartengono i BaseField ricevuti in input.
+     */
+    CreateFormFormGroup(formFields: Array<BaseField>, record: Record, onlyView?: boolean, includeCurrentFormInField?: boolean): FormGroup;
+    /**
+     * Funzione per creare e aggiungere al FormGroup rappresentante la form un nuovo FormControl a partire da un Field.
+     * In nuovo FormControl avrà il nome del campo passato e verranno impostati i Validators in base al tipo del campo stesso.
+     * @param field BaseField per cui creare il FormControl da inserire nel FormGroup dela form.
+     */
+    private createFieldFormControl;
+    /**
+     * Metodo per configurare gli endpoint da usare di default a partire dall'url base del server
+     * a cui si deve connettere e al token da passare per autenticarsi.
+     * @param baseServerUrl Stringa dell'url base del server (es: "http://localhost:5000").
+     * @param userToken Token dell'utente loggato da usare per autenticarsi se necessario.
+     * @returns Resituisce la configurazione completa degli endPoint da usare di default.
+     */
+    ConfigureDefaultEndPoints(baseServerUrl: string, userToken: string): EndPointConfiguration;
+    /**
+     * Metodo che data la configurazione di un endpoint costruisce l'url da chiamare, gli eventuali parametri
+     * da passare (nel body o nella rotta) ed effettua la chiamata. Al termine della chiamata esegue le eventuali
+     * funzioni di callback (sia in caso di successo che in caso di errore) passate in input.
+     * @param endPointData Cofigurazione dell'endpoint da chiamare.
+     * @param dynamicModuleParams Array dei parametri aggiunti dal modulo dinamico a quelli già configurati
+     * (ad esempio il record o la form da salvare oppure l'ID per recuperare una particolare entità).
+     * @param callback Metodo da eseguire in caso di successo dopo la chiamata http.
+     * NOTA: in input viene passata la risposta della chiamata stessa.
+     * @param errorCallBack Metodo da eseguire in caso di errore dopo la chiamata http.
+     * NOTA: in input viene passato l'errore generato della chiamata stessa.
+     */
+    RunEndPointCall(endPointData: EndPointData, dynamicModuleParams?: Array<EndPointDataParams>, callback?: (e: Form | Record | Array<Record>) => void, errorCallBack?: (err: unknown) => void): void;
+}

package/package.json

@@ -1,31 +1,41 @@
-{
-  "name": "@eqproject/eqp-dynamic-module",
-  "description": "Dynamic module component - Angular Material based",
-  "author": {
-    "name": "EqProject"
-  },
-  "version": "0.0.7",
-  "peerDependencies": {
-    "@angular/common": "^9.0.7",
-    "@angular/core": "^9.0.7",
-    "@angular/material": "^10.0.1",
-    "@angular-material-components/datetime-picker": "^2.0.4",
-    "@angular-material-components/moment-adapter": "^6.0.0",
-    "moment": "^2.29.1",
-    "sweetalert2": "^9.10.9",
-    "tslib": "^1.10.0"
-  },
-  "dependencies": {
-    "@eqproject/eqp-attachments": "^0.1.16",
-    "@eqproject/eqp-datetimepicker": "^0.0.19",
-    "@eqproject/eqp-filters": "^0.1.6",
-    "@eqproject/eqp-img-drawing": "0.0.2",
-    "@eqproject/eqp-numeric": "^0.0.1",
-    "@eqproject/eqp-select": "^0.4.7",
-    "@eqproject/eqp-table": "^0.8.5",
-    "browser-image-compression": "^1.0.15",
-    "fabric": "^3.6.2",
-    "ngx-image-cropper": "^3.3.5",
-    "ngx-mat-select-search": "^3.3.0"
-  }
-}
+{
+  "name": "@eqproject/eqp-dynamic-module",
+  "description": "Dynamic module component - Angular Material based",
+  "author": {
+    "name": "EqProject"
+  },
+  "version": "0.0.9",
+  "peerDependencies": {
+    "@angular/common": "^9.0.7",
+    "@angular/core": "^9.0.7",
+    "@angular/material": "^10.0.1",
+    "@angular-material-components/datetime-picker": "^2.0.4",
+    "@angular-material-components/moment-adapter": "^6.0.0",
+    "moment": "^2.29.1",
+    "sweetalert2": "^9.10.9"
+  },
+  "dependencies": {
+    "@eqproject/eqp-attachments": "^0.1.16",
+    "@eqproject/eqp-datetimepicker": "^0.0.19",
+    "@eqproject/eqp-filters": "^0.1.6",
+    "@eqproject/eqp-img-drawing": "0.0.2",
+    "@eqproject/eqp-numeric": "^0.0.1",
+    "@eqproject/eqp-select": "^0.4.7",
+    "@eqproject/eqp-table": "^0.8.5",
+    "browser-image-compression": "^1.0.15",
+    "fabric": "^3.6.2",
+    "ngx-image-cropper": "^3.3.5",
+    "ngx-mat-select-search": "^3.3.0",
+    "tslib": "^1.10.0"
+  },
+  "main": "bundles/eqproject-eqp-dynamic-module.umd.js",
+  "module": "fesm5/eqproject-eqp-dynamic-module.js",
+  "es2015": "fesm2015/eqproject-eqp-dynamic-module.js",
+  "esm5": "esm5/eqproject-eqp-dynamic-module.js",
+  "esm2015": "esm2015/eqproject-eqp-dynamic-module.js",
+  "fesm5": "fesm5/eqproject-eqp-dynamic-module.js",
+  "fesm2015": "fesm2015/eqproject-eqp-dynamic-module.js",
+  "typings": "eqproject-eqp-dynamic-module.d.ts",
+  "metadata": "eqproject-eqp-dynamic-module.metadata.json",
+  "sideEffects": false
+}

package/{src/public-api.ts → public-api.d.ts}

@@ -1,6 +1,3 @@
-/*
- * Public API Surface of eqp-dynamic-module
- */
 export * from './lib/eqp-dynamic-module.module';
 export * from './lib/components/exported/eqp-dynamic-module/eqp-dynamic-module.component';
 export * from './lib/components/exported/eqp-dynamic-module-configurator/eqp-dynamic-module-configurator.component';

package/karma.conf.js

@@ -1,32 +0,0 @@
-// 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-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma')
-    ],
-    client: {
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
-    },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, '../../coverage/eqp-dynamic-module'),
-      reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true
-    },
-    reporters: ['progress', 'kjhtml'],
-    port: 9876,
-    colors: true,
-    logLevel: config.LOG_INFO,
-    autoWatch: true,
-    browsers: ['Chrome'],
-    singleRun: false,
-    restartOnFileChange: true
-  });
-};

package/ng-package.json

@@ -1,18 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/eqp-dynamic-module",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "whitelistedNonPeerDependencies": [
-    "@eqproject/eqp-datetimepicker",
-    "@eqproject/eqp-select",
-    "@eqproject/eqp-table",
-    "@eqproject/eqp-attachments",
-    "@eqproject/eqp-numeric",
-    "@eqproject/eqp-filters",
-    "browser-image-compression",
-    "ngx-image-cropper",
-    "."
-  ]
-}

package/src/lib/components/exported/eqp-dynamic-module/eqp-dynamic-module.component.html

@@ -1,10 +0,0 @@
-<eqp-dynamic-module-spinner></eqp-dynamic-module-spinner>
-
-<add-form-record *ngIf="viewMode == FormTypeEnum.SCALAR" [form]="form" [record]="selectedRecord"
-    [showButtons]="showButtons" [onlyView]="onlyView" (saveRecordEvent)="onSaveRecord($event)" [showTitle]="showTitle">
-</add-form-record>
-
-<list-form-record *ngIf="viewMode == FormTypeEnum.LIST && values" [form]="form" [values]="values"
-    (onAddViewEditRecord)="onAddViewEditRecord($event)" [showTitle]="showTitle"
-    (onDeleteRecord)="onDeleteRecord($event)" (onDuplicateRecord)="onDuplicateRecord($event)">
-</list-form-record>

package/src/lib/components/exported/eqp-dynamic-module/eqp-dynamic-module.component.scss

@@ -1,3 +0,0 @@
-::ng-deep mat-form-field {
-    width: 100%;
-}