@igo2/common 1.10.0 → 1.11.0

package/lib/entity/entity-table/entity-table.component.d.ts

@@ -1,13 +1,26 @@
-import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
+import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { EntityRecord, EntityState, EntityStore, EntityTableTemplate, EntityTableColumn, EntityTableColumnRenderer, EntityTableSelectionState, EntityTableScrollBehavior } from '../shared';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatTableDataSource } from '@angular/material/table';
 import { EntityTablePaginatorOptions } from '../entity-table-paginator/entity-table-paginator.interface';
+import { FormBuilder, NgControl, NgForm, FormControlName, FormGroup } from '@angular/forms';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { DateAdapter, ErrorStateMatcher } from '@angular/material/core';
 import * as i0 from "@angular/core";
 export declare class EntityTableComponent implements OnInit, OnChanges, OnDestroy {
     private cdRef;
+    private formBuilder;
+    protected _focusMonitor: FocusMonitor;
+    protected _elementRef: ElementRef<HTMLElement>;
+    ngControl: NgControl;
+    protected _parentForm: NgForm;
+    protected _controlName: FormControlName;
+    protected _defaultErrorStateMatcher: ErrorStateMatcher;
+    private dateAdapter;
     entitySortChange$: BehaviorSubject<boolean>;
+    formGroup: FormGroup;
+    filteredOptions: Observable<any[]>;
     /**
      * Reference to the column renderer types
      * @internal
@@ -114,7 +127,7 @@ export declare class EntityTableComponent implements OnInit, OnChanges, OnDestro
      * @internal
      */
     get fixedHeader(): boolean;
-    constructor(cdRef: ChangeDetectorRef);
+    constructor(cdRef: ChangeDetectorRef, formBuilder: FormBuilder, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, ngControl: NgControl, _parentForm: NgForm, _controlName: FormControlName, _defaultErrorStateMatcher: ErrorStateMatcher, dateAdapter: DateAdapter<Date>);
     /**
      * Track the selection state to properly display the selection checkboxes
      * @internal
@@ -124,6 +137,31 @@ export declare class EntityTableComponent implements OnInit, OnChanges, OnDestro
      * @internal
      */
     ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Process text or number value change (edition)
+     */
+    onValueChange(column: string, record: EntityRecord<any>, event: any): void;
+    /**
+     * Process boolean value change (edition)
+     */
+    onBooleanValueChange(column: string, record: EntityRecord<any>, event: any): void;
+    /**
+     * Process select value change (edition)
+     */
+    onSelectValueChange(column: string, record: EntityRecord<any>, event: any): void;
+    /**
+     * Process autocomplete value change (edition)
+     */
+    onAutocompleteValueChange(column: string, record: EntityRecord<any>, event: any): void;
+    /**
+     * Process date value change (edition)
+     */
+    onDateChange(column: string, record: EntityRecord<any>, event: any): void;
+    /**
+     * Enable edition mode for one row
+     * More than one row can be edited at the same time
+     */
+    private enableEdit;
     private handleDatasource;
     /**
      * Unbind the store watcher
@@ -221,6 +259,15 @@ export declare class EntityTableComponent implements OnInit, OnChanges, OnDestro
      * @internal
      */
     getValue(record: EntityRecord<object>, column: EntityTableColumn): any;
+    /**
+     * Method to access an entity's validation values
+     * @param column Column
+     * @param validationType string
+     * @returns Any value (false if no validation or not the one concerned)
+     * @internal
+     */
+    getValidationAttributeValue(column: EntityTableColumn, validationType: string): any;
+    isEdition(record: any): boolean;
     /**
      * Return the type of renderer of a column
      * @param column Column
@@ -270,6 +317,10 @@ export declare class EntityTableComponent implements OnInit, OnChanges, OnDestro
      * @internal
      */
     onButtonClick(clickFunc: (entity: object, record?: EntityRecord<object>) => void, record: EntityRecord<object>): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EntityTableComponent, never>;
+    /**
+     * Retrieve column name without his "properties" tag (useful for edition workspace properties)
+     */
+    getColumnKeyWithoutPropertiesTag(column: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityTableComponent, [null, null, null, null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EntityTableComponent, "igo-entity-table", never, { "store": "store"; "paginator": "paginator"; "template": "template"; "scrollBehavior": "scrollBehavior"; "sortNullsFirst": "sortNullsFirst"; "withPaginator": "withPaginator"; "paginatorOptions": "paginatorOptions"; }, { "entityClick": "entityClick"; "entitySelectChange": "entitySelectChange"; "entitySortChange": "entitySortChange"; }, never, never>;
 }

package/lib/entity/entity-table/entity-table.module.d.ts

@@ -3,21 +3,27 @@ import * as i1 from "./entity-table.component";
 import * as i2 from "./entity-table-row.directive";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/material/table";
-import * as i5 from "@angular/material/sort";
-import * as i6 from "@angular/material/icon";
-import * as i7 from "@angular/material/button";
-import * as i8 from "@angular/material/checkbox";
-import * as i9 from "@angular/material/paginator";
-import * as i10 from "../../stop-propagation/stop-propagation.module";
-import * as i11 from "../../custom-html/custom-html.module";
-import * as i12 from "../entity-table-paginator/entity-table-paginator.module";
-import * as i13 from "../../image/image.module";
-import * as i14 from "@igo2/core";
+import * as i5 from "@angular/material/autocomplete";
+import * as i6 from "@angular/material/sort";
+import * as i7 from "@angular/material/icon";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@angular/material/checkbox";
+import * as i10 from "@angular/material/paginator";
+import * as i11 from "@angular/material/select";
+import * as i12 from "../../stop-propagation/stop-propagation.module";
+import * as i13 from "../../custom-html/custom-html.module";
+import * as i14 from "../entity-table-paginator/entity-table-paginator.module";
+import * as i15 from "../../image/image.module";
+import * as i16 from "@igo2/core";
+import * as i17 from "@angular/forms";
+import * as i18 from "@angular/material/input";
+import * as i19 from "@angular/material/datepicker";
+import * as i20 from "@angular/material/tooltip";
 /**
  * @ignore
  */
 export declare class IgoEntityTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IgoEntityTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoEntityTableModule, [typeof i1.EntityTableComponent, typeof i2.EntityTableRowDirective], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatSortModule, typeof i6.MatIconModule, typeof i7.MatButtonModule, typeof i8.MatCheckboxModule, typeof i9.MatPaginatorModule, typeof i10.IgoStopPropagationModule, typeof i11.IgoCustomHtmlModule, typeof i12.IgoEntityTablePaginatorModule, typeof i13.IgoImageModule, typeof i14.IgoLanguageModule], [typeof i1.EntityTableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoEntityTableModule, [typeof i1.EntityTableComponent, typeof i2.EntityTableRowDirective], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatAutocompleteModule, typeof i6.MatSortModule, typeof i7.MatIconModule, typeof i8.MatButtonModule, typeof i9.MatCheckboxModule, typeof i10.MatPaginatorModule, typeof i11.MatSelectModule, typeof i12.IgoStopPropagationModule, typeof i13.IgoCustomHtmlModule, typeof i14.IgoEntityTablePaginatorModule, typeof i15.IgoImageModule, typeof i16.IgoLanguageModule, typeof i17.FormsModule, typeof i17.ReactiveFormsModule, typeof i18.MatInputModule, typeof i19.MatDatepickerModule, typeof i20.MatTooltipModule], [typeof i1.EntityTableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IgoEntityTableModule>;
 }

package/lib/entity/shared/entity.enums.d.ts

@@ -7,6 +7,7 @@ export declare enum EntityTableColumnRenderer {
     Default = "Default",
     HTML = "HTML",
     UnsanitizedHTML = "UnsanitizedHTML",
+    Editable = "Editable",
     Icon = "Icon",
     ButtonGroup = "ButtonGroup"
 }

package/lib/entity/shared/entity.interfaces.d.ts

@@ -10,6 +10,7 @@ export interface EntityRecord<E extends object, S extends EntityState = EntitySt
     state: S;
     revision: number;
     ref: string;
+    edition?: boolean;
 }
 export interface EntityStoreOptions {
     getKey?: (entity: object) => EntityKey;
@@ -69,20 +70,42 @@ export interface EntityTableTemplate {
         [key: string]: boolean;
     };
 }
+export interface EntityTableColumnValidation {
+    readonly?: boolean;
+    mandatory?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    minValue?: number;
+    maxValue?: number;
+}
+export interface TableRelation {
+    table: string;
+}
 export interface EntityTableColumn {
+    validation?: EntityTableColumnValidation;
     name: string;
     title: string;
     renderer?: EntityTableColumnRenderer;
     valueAccessor?: (entity: object, record: EntityRecord<object>) => any;
     visible?: boolean;
     sort?: boolean;
+    type?: string;
+    multiple?: boolean;
+    domainValues?: Array<SelectOption>;
+    relation?: TableRelation;
     cellClassFunc?: (entity: object, record: EntityRecord<object>) => {
         [key: string]: boolean;
     };
 }
+export interface SelectOption {
+    id: number;
+    value: string;
+}
 export interface EntityTableButton {
     icon: string;
     click: (entity: object, record: EntityRecord<object>) => void;
     color?: 'primary' | 'accent' | 'warn';
+    disabled?: boolean;
     style?: 'mat-mini-fab' | 'mat-icon-button';
+    editMode?: boolean;
 }

package/lib/workspace/workspace-selector/workspace-selector.component.d.ts

@@ -10,6 +10,10 @@ export declare class WorkspaceSelectorComponent {
      * Store that holds the available workspaces.
      */
     store: WorkspaceStore;
+    /**
+     * Wheither the selector must be disabled or not.
+     */
+    disabled: boolean;
     /**
      * Event emitted when an workspace is selected or unselected
      */
@@ -31,5 +35,5 @@ export declare class WorkspaceSelectorComponent {
         value: Workspace;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<WorkspaceSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceSelectorComponent, "igo-workspace-selector", never, { "store": "store"; }, { "selectedChange": "selectedChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WorkspaceSelectorComponent, "igo-workspace-selector", never, { "store": "store"; "disabled": "disabled"; }, { "selectedChange": "selectedChange"; }, never, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igo2/common",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "IGO Library",
   "author": "MSP",
   "keywords": [
@@ -19,8 +19,8 @@
     "@angular/common": "^12.2.9",
     "@angular/core": "^12.2.9",
     "@angular/material": "^12.2.9",
-    "@igo2/core": "^1.10.0",
-    "@igo2/utils": "^1.10.0",
+    "@igo2/core": "^1.11.0",
+    "@igo2/utils": "^1.11.0",
     "scroll-into-view-if-needed": "^2.2.20",
     "typy": "^3.3.0"
   },

package/style/common.theming.scss

@@ -1,12 +1,12 @@
-@import '~shepherd.js/dist/css/shepherd.css';
-
-@mixin igo-common-theming($theme, $typography) {
-  @include igo-action-theming($theme);
-  @include igo-collapsible-theming($theme);
-  @include igo-entity-theming($theme);
-  @include igo-list-theming($theme);
-  @include igo-panel-theming($theme);
-  @include igo-tool-theming($theme);
-  @include igo-tour-theming($theme);
-  @include igo-home-button-theming($theme);
-}
+@import '~shepherd.js/dist/css/shepherd.css';
+
+@mixin igo-common-theming($theme, $typography) {
+  @include igo-action-theming($theme);
+  @include igo-collapsible-theming($theme);
+  @include igo-entity-theming($theme);
+  @include igo-list-theming($theme);
+  @include igo-panel-theming($theme);
+  @include igo-tool-theming($theme);
+  @include igo-tour-theming($theme);
+  @include igo-home-button-theming($theme);
+}

package/style/partial/action.scss

@@ -1,18 +1,18 @@
-.igo-actionbar-overlay {
-  min-width: inherit !important;
-  padding-top: 0;
-  padding-bottom: 0;
-
-  .mat-list {
-    padding-top: 0
-  }
-
-  .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
-    padding-right: 16px;
-  }
-
-  .mat-menu-content:not(:empty) {
-    padding-top: 0;
-    padding-bottom: 0;
-  }
-}
+.igo-actionbar-overlay {
+  min-width: inherit !important;
+  padding-top: 0;
+  padding-bottom: 0;
+
+  .mat-list {
+    padding-top: 0
+  }
+
+  .mat-list .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text {
+    padding-right: 16px;
+  }
+
+  .mat-menu-content:not(:empty) {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}

package/style/partial/common.variables.scss

@@ -1,8 +1,8 @@
-/*** List ***/
-$igo-list-item-height: 46px;
-$igo-list-item-padding: 3px;
-$igo-list-item-icon-padding: 8px;
-
-/*** Panel ***/
-$igo-panel-header-height: 46px;
-$igo-panel-header-padding: 3px;
+/*** List ***/
+$igo-list-item-height: 46px;
+$igo-list-item-padding: 3px;
+$igo-list-item-icon-padding: 8px;
+
+/*** Panel ***/
+$igo-panel-header-height: 46px;
+$igo-panel-header-padding: 3px;