chrv-components 1.10.21 → 1.10.23

package/lib/animations/in-out.animation.d.ts

@@ -0,0 +1 @@
+export declare const inOutAnimation: (duration?: number) => import("@angular/animations").AnimationTriggerMetadata;

package/lib/chr-default-modal/chr-default-modal.component.d.ts

@@ -1,6 +1,6 @@
 import { MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
-import { IAction } from '../chr-table-wip/chr-table.component';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { IAction } from '../chr-table/chr-table.component';
 import * as i0 from "@angular/core";
 export interface IDefaultDialogConfig extends MatDialogConfig<any> {
     config?: MatDialogConfig<any>;

package/lib/chr-form/chr-base-input/chr-base-input.component.d.ts

@@ -121,6 +121,11 @@ export declare class ChrBaseInputComponent implements OnInit, ControlValueAccess
      * To use in any component inheriting the BaseInput Class, please call super.ngOnDestroy() at any point within the overriden ngOnDestroy() method.
      */
     ngOnDestroy(): void;
+    /**
+     * A method that returns the input's value. If it's linked to a formcontrol returns the formcontrol's value otherwise the local value
+     * @returns value any
+     */
+    getValue: () => any;
     /**
      * A method that can be used instead of onChange(value). It will pass the new value to an observable that will in turn add a debounce time then call the onchange function.
      *
@@ -154,6 +159,7 @@ export declare class ChrBaseInputComponent implements OnInit, ControlValueAccess
     private configureValidityReplication;
     private configureFormControl;
     private buildFormControl;
+    protected doCallback: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChrBaseInputComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChrBaseInputComponent, "chr-base-input", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "span": { "alias": "span"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconCallback": { "alias": "iconCallback"; "required": false; }; "iconCallbackDisabled": { "alias": "iconCallbackDisabled"; "required": false; }; "iconTooltip": { "alias": "iconTooltip"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "validations": { "alias": "validations"; "required": false; }; "standalone": { "alias": "standalone"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "siblings": { "alias": "siblings"; "required": false; }; }, { "valueChanges": "valueChanges"; }, never, never, true, never>;
 }

package/lib/chr-search-select/chr-search-select.component.d.ts

@@ -1,7 +1,7 @@
 import { OnInit, OnDestroy } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatAutocomplete } from '@angular/material/autocomplete';
-import { Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
 import { ChrBaseInputComponent } from '../chr-form/chr-base-input/chr-base-input.component';
 import * as i0 from "@angular/core";
 export interface IInputSearchFilter {
@@ -18,6 +18,19 @@ export declare class ChrSearchSelectComponent extends ChrBaseInputComponent impl
     data: any[] | null;
     display?: (entry: any) => string;
     filters?: IInputSearchFilter[];
+    /**
+     * Callback that will be called BEFORE the value is added with the selected value passed as parameter.
+     * If this callback returns null, the entry will NOT be added.
+     * This lets you update the value before it's added.
+     */
+    addCallback?: ((entry: any, subject: Subject<any>) => any | null | void) | null;
+    private addSubject;
+    /**
+     * Indicate if the input accepts raw text or if the requires the selection to be made from the search list.
+     * This defaults to false.
+     * If there are neither data nor display function, this defaults to true.
+     */
+    acceptText: boolean | null;
     protected filterIndex: number;
     protected overrideShowResults: boolean;
     constructor(ngControl: NgControl);
@@ -48,10 +61,11 @@ export declare class ChrSearchSelectComponent extends ChrBaseInputComponent impl
     protected void: () => void;
     protected enableShowPanel: (input: any) => void;
     protected disableShowPanel: () => void;
+    protected addFromText: (event: any) => void;
     private _filterModel;
     private _doFilterModelInt;
     private _doFilterModelString;
     private _filterValues;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChrSearchSelectComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChrSearchSelectComponent, "app-chr-search-select, [app-chr-search-select]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "data": { "alias": "data"; "required": false; }; "display": { "alias": "display"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChrSearchSelectComponent, "app-chr-search-select, [app-chr-search-select]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "data": { "alias": "data"; "required": false; }; "display": { "alias": "display"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "addCallback": { "alias": "addCallback"; "required": false; }; "acceptText": { "alias": "acceptText"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/chr-table-new/chr-table-new.component.d.ts

@@ -0,0 +1,155 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { IAction } from '../chr-table/chr-table.component';
+import { DataService } from '../services/data.service';
+import { Color } from '../models/colors';
+import { IControlValidation } from '../models/chr-validators/base-validator';
+import * as i0 from "@angular/core";
+export type TColumn = {
+    /**
+     * Nom de la colonne
+     */
+    display: string;
+    /**
+     * Taille en pourcent
+     */
+    width?: number;
+    /**
+     * Sélecteur qui représente la propriété ciblée. Ex: 'obj.id'.
+     */
+    properties?: string;
+    /**
+     * Méthode callback qui sera appelée avec la valeur de la propriété cible.
+     * Elle est utilisée pour apporter un traitement personnalisé à la valeur.
+     * @param value valeur de la propriété cible
+     * @returns
+     */
+    callback?: (value: any | null | undefined) => string;
+    /**
+     * Type de la colonne: lien, chips, input, date, default
+     */
+    type?: TColumnType;
+    /**
+     * Format de la date pour les colonnes de type date
+     */
+    format?: string;
+    /**
+     * Url de base pour les colonnes de type lien
+     */
+    url?: string;
+    /**
+     * Type d'input pour les colonnes de type input
+     */
+    inputType?: 'text' | 'number' | 'password' | 'date' | 'datetime' | 'file' | 'color' | 'toggle';
+    /**
+     * Règles de validations pour les colonnes de type input
+     */
+    validations?: IControlValidation[];
+    /**
+     * Chips disponibles pour les colonnes de type chips
+     */
+    chips?: {
+        [key: string]: IChip;
+    };
+    /**
+     * Méthode callback qui sera avec la valeur de la propriété cible.
+     * Elle est utilisée comme clef pour sélectionner quel chips afficher
+     * @param entry
+     * @returns
+     */
+    chipsCallback?: (entry: any) => string;
+};
+export interface IChip {
+    /**
+     * Le text qui sera affiché dans le chips
+     */
+    display: string;
+    /**
+     * La couleur du background du chips
+     */
+    color: Color;
+}
+export type TColumnType = 'link' | 'chips' | 'input' | 'date' | 'default';
+export declare class ChrTableNewComponent {
+    private dataService;
+    private changeDetector;
+    private _data;
+    /**
+     * Data to display.
+     * @see If it's piped with | Async, please note that the input column may not work as expected
+     */
+    get data(): any[] | null;
+    set data(value: any[] | null);
+    /**
+     * Whether or not the table will show a column with a checkbox to select entries. Default is false
+     */
+    selectable: boolean;
+    /**
+     * The selected entries
+     */
+    selection: any[];
+    /**
+     * The selected entries change event. This will be triggered on each selection and contain the full array of selected entries
+     */
+    selectionChange: EventEmitter<any[]>;
+    /**
+     * The table's action column definition
+     */
+    actions?: IAction[];
+    /**
+     * The tabl'es action column's width in percentage
+     */
+    actionsWidth?: number;
+    /**
+     * Wheter or not the current sort is ascendant. Default is true
+     */
+    isAsc: boolean;
+    isAscChange: EventEmitter<boolean>;
+    /**
+     * The property by which the data will be sorted
+     */
+    sortBy?: string;
+    sortByChange: EventEmitter<string>;
+    /**
+     * The page size for the table. Default is 20
+     */
+    pageSize: number;
+    pageSizeChange: EventEmitter<number>;
+    /**
+     * The current page of the table. Default is 1
+     */
+    currentPage: number;
+    currentPageChange: EventEmitter<number>;
+    /**
+     * The ID of the table. It's used to persist page size and currentpage when the user change pages
+     */
+    id?: string;
+    /**
+     * The color to use for the table's header
+     */
+    color?: Color;
+    /**
+     * The table's columns definitions
+     */
+    columns: TColumn[];
+    constructor(dataService: DataService, changeDetector: ChangeDetectorRef);
+    ngOnInit(): void;
+    protected emitIsAsc(isAsc: any): void;
+    protected emitSortBy(sortBy: any): void;
+    protected emitPageSize(pageSize: any): void;
+    protected emitCurrentPage(currentPage: any): void;
+    protected getNestedProperty(obj: any, path?: string): any;
+    protected select: (entry: any, event: MouseEvent) => void;
+    getSelection: () => any[];
+    setSelection: (data: any[]) => void;
+    protected contains: (entry: any) => boolean;
+    updateModel: (entry: any, properties: string, value: {
+        key: any;
+    }) => void;
+    protected getTextColor: (color?: Color) => string;
+    protected getBackgroundColor: (color?: Color) => string;
+    protected getContrastTextColor: (color?: Color) => string;
+    protected getBorderColor: (color?: Color) => string;
+    protected sort: (properties?: string) => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChrTableNewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChrTableNewComponent, "chr-table", never, { "data": { "alias": "data"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "actionsWidth": { "alias": "actionsWidth"; "required": false; }; "isAsc": { "alias": "isAsc"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "id": { "alias": "id"; "required": false; }; "color": { "alias": "color"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, { "selectionChange": "selectionChange"; "isAscChange": "isAscChange"; "sortByChange": "sortByChange"; "pageSizeChange": "pageSizeChange"; "currentPageChange": "currentPageChange"; }, never, never, true, never>;
+}

package/lib/chr-tag-select/chr-tag-select.component.d.ts

@@ -50,11 +50,10 @@ export declare class ChrTagSelectComponent extends ChrBaseInputComponent impleme
     protected getModelDisplay: (model: any) => any;
     protected addFromText: (event: any) => void;
     protected add: (event: any) => void;
-    protected edit: (entry: any) => void | import("rxjs").Subscription;
+    protected edit: (entry: any) => void;
     protected remove(value: any): void;
     protected registerFilters: () => void;
     protected increment: (input: any) => void;
-    protected getValue: () => any[] | null;
     protected void: () => void;
     protected enableShowPanel: (input: any) => void;
     protected disableShowPanel: () => void;

package/lib/directives/tab-input-only-handler.directive.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TabToInputHandlerDirective {
+    private el;
+    constructor(el: ElementRef);
+    handleTab(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabToInputHandlerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabToInputHandlerDirective, "[tab-input-only]", never, {}, {}, never, never, true, never>;
+}

package/lib/directives/tab-to-enter-handler.directive.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TabToEnterHandlerDirective {
+    private el;
+    constructor(el: ElementRef);
+    handleTab(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabToEnterHandlerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabToEnterHandlerDirective, "[tab-enter]", never, {}, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrv-components",
-  "version": "1.10.21",
+  "version": "1.10.23",
   "peerDependencies": {
     "@angular/common": ">=17.3.0",
     "@angular/core": ">=17.3.0",
@@ -8,7 +8,7 @@
     "@angular/material": ">=17.3.0",
     "tailwindcss": ">=3.2.4",
     "ngx-pagination": ">=6.0.3",
-    "chrv-pipes": ">=1.1.6",
+    "chrv-pipes": ">=1.3.3",
     "@microsoft/signalr": ">=8.0.7"
   },
   "dependencies": {

package/public-api.d.ts

@@ -11,6 +11,7 @@ export * from './lib/chr-form/chr-textarea-input/chr-textarea-input.component';
 export * from './lib/chr-form/chr-toggle-input/chr-toggle-input.component';
 export * from './lib/chr-search-select/chr-search-select.component';
 export * from './lib/chr-tag-select/chr-tag-select.component';
+export * from './lib/chr-table-new/chr-table-new.component';
 export * from './lib/chr-searchbar/chr-searchbar.component';
 export * from './lib/chr-paginator/chr-paginator.component';
 export * from './lib/chr-table/chr-table.component';
@@ -23,6 +24,10 @@ export * from './lib/models/chr-validators/type-validator';
 export * from './lib/chr-spinner/chr-spinner.component';
 export * from './lib/chr-toast/chr-toast.component';
 export * from './lib/chr-default-modal/chr-default-modal.component';
+export * from './lib/directives/tab-input-only-handler.directive';
+export * from './lib/directives/tab-to-enter-handler.directive';
+export * from './lib/animations/in-out.animation';
+export * from './lib/animations/rotation.animation';
 export * from './lib/services/dialog.service';
 export * from './lib/services/data.service';
 export * from './lib/services/live-update.service';

package/lib/chr-table-wip/chr-table.component.d.ts

@@ -1,93 +0,0 @@
-import { AfterViewInit, EventEmitter, ChangeDetectorRef, OnInit } from '@angular/core';
-import { DatePipe } from '@angular/common';
-import { DataService } from '../services/data.service';
-import { Color } from '../models/colors';
-import * as i0 from "@angular/core";
-export type Alignment = 'left' | 'center' | 'right';
-export declare const Aligments: {
-    [key: string]: string;
-};
-export interface IChips {
-    display: string;
-    name: string;
-    callback: (entry: any) => string | boolean;
-    textColor?: Color;
-    backgroundColor?: Color;
-}
-export interface IColumn {
-    display: string;
-    alignment?: 'left' | 'center' | 'right';
-    chips?: IChips[];
-    properties?: string[];
-    callback?: Function;
-    date?: string;
-    isLink?: boolean;
-    linkStaticUrl?: string;
-}
-export interface IComputedRow {
-    columns: IComputedColumn[];
-}
-export interface IComputedColumn {
-    label?: string;
-    value?: any;
-    callback?: Function;
-    alignment?: 'left' | 'center' | 'right';
-    after?: string;
-}
-export interface IAction {
-    display?: string;
-    icon?: string;
-    callback: Function;
-    disabled?: boolean;
-    disabledCallback?: Function;
-    color: Color;
-}
-export declare class ChrTableComponent implements OnInit, AfterViewInit {
-    private _date;
-    private dataService;
-    private changeDetector;
-    computedRows?: IComputedRow[];
-    columns?: IColumn[];
-    data: any[] | null;
-    actions?: IAction[];
-    isAsc: boolean;
-    isAscChange: EventEmitter<boolean>;
-    sortBy?: string[];
-    sortByChange: EventEmitter<string[]>;
-    pageSize: number;
-    pageSizeChange: EventEmitter<number>;
-    currentPage: number;
-    currentPageChange: EventEmitter<number>;
-    selectable: boolean;
-    selection: any[];
-    selectionChange: EventEmitter<any[]>;
-    id?: string;
-    color?: Color;
-    textColor?: Color;
-    private _page;
-    currentProperty: any | null;
-    currentText: string | null;
-    constructor(_date: DatePipe, dataService: DataService, changeDetector: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    protected emitIsAsc(isAsc: any): void;
-    protected emitSortBy(sortBy: any): void;
-    protected emitPageSize(pageSize: any): void;
-    protected emitCurrentPage(currentPage: any): void;
-    protected getProperty: (entry: any, properties?: any[]) => any;
-    protected explore: (entry: any, column: IColumn) => any;
-    protected _explore: (entry: any, properties?: any[], value?: any | null) => any;
-    protected getText: (property: any, column: IColumn) => any;
-    protected select: (entry: any, event: MouseEvent) => void;
-    getSelection: () => any[];
-    setSelection: (data: any[]) => void;
-    protected contains: (entry: any) => boolean;
-    protected getIsAsc: () => boolean;
-    protected getSortBy: () => string[] | undefined;
-    protected getTextColor: (color?: Color) => string;
-    protected getBackgroundColor: (color?: Color) => string;
-    protected getBorderColor: (color?: Color) => string;
-    protected getAlignment: (alignment?: Alignment) => string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChrTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChrTableComponent, "app-chr-table, [app-chr-table]", never, { "computedRows": { "alias": "computedRows"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "isAsc": { "alias": "isAsc"; "required": false; }; "sortBy": { "alias": "sortBy"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "id": { "alias": "id"; "required": false; }; "color": { "alias": "color"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; }, { "isAscChange": "isAscChange"; "sortByChange": "sortByChange"; "pageSizeChange": "pageSizeChange"; "currentPageChange": "currentPageChange"; "selectionChange": "selectionChange"; }, never, ["*"], true, never>;
-}