nuxeo-development-framework 5.6.4 → 5.6.5

package/src/lib/components/ndf-datepicker/ndf-datepicker.component.html

@@ -1,26 +0,0 @@
-<div *ngIf="calendarService.dateType$ | async as dateType" class="ndf-datepicker ndf-datepicker--{{ dateType }}">
-	<label class="ndf-datepicker__label" *ngIf="label">{{ label }}</label>
-	<div>
-		<ndf-gregorian-datepicker
-			*ngIf="calendarService.isGregorian"
-			[formControl]="dateControl"
-			class="ndf-datepicker__input"
-		>
-			<ng-container [ngTemplateOutlet]="actions"></ng-container>
-		</ndf-gregorian-datepicker>
-
-		<ndf-hijri-datepicker *ngIf="calendarService.isHijri" class="ndf-datepicker__input" [formControl]="dateControl"
-			><ng-container [ngTemplateOutlet]="actions"></ng-container>
-		</ndf-hijri-datepicker>
-	</div>
-	<ng-template #actions>
-		<mat-icon
-      class="datepicker-button"
-			role="button"
-			(click)="toggleCalendar()"
-			[matTooltip]="(dateType == dateTypes.Hijri ? 'DATE_PICKER.gregorian' : 'DATE_PICKER.hijri') | translate"
-		>
-			{{ dateType == dateTypes.Hijri ? 'light_mode' : ' dark_mode' }}
-		</mat-icon>
-	</ng-template>
-</div>

package/src/lib/components/ndf-datepicker/ndf-datepicker.component.ts

@@ -1,173 +0,0 @@
-import { Component, EventEmitter, forwardRef, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';
-import { AbstractControl, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR, ValidationErrors } from '@angular/forms';
-import { debounceTime, distinctUntilChanged, map } from 'rxjs/operators';
-
-import { DateFilterFn } from '@angular/material/datepicker';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
-import _ from 'lodash';
-import { Moment } from 'moment-hijri';
-import { BaseDateValueAccessor } from './base';
-import { DATE_TYPE } from './constants';
-import { DateValueObject } from './models';
-import { CalendarService, LocalizeState } from './services';
-
-@Component({
-	selector: 'ndf-datepicker',
-	templateUrl: './ndf-datepicker.component.html',
-	encapsulation: ViewEncapsulation.None,
-	providers: [
-		LocalizeState,
-		CalendarService,
-		{
-			provide: NG_VALUE_ACCESSOR,
-			useExisting: forwardRef(() => NdfDatepickerComponent),
-			multi: true
-		},
-		{
-			provide: NG_VALIDATORS,
-			useExisting: forwardRef(() => NdfDatepickerComponent),
-			multi: true
-		}
-	]
-})
-export class NdfDatepickerComponent extends BaseDateValueAccessor implements OnInit {
-	@Input() label!: string;
-	dateTypes = DATE_TYPE;
-	dateControl = new FormControl();
-
-	@Input()
-	set showActions(val: boolean) {
-		this.localState.showActions = val;
-	}
-
-	@Input()
-	set autoFill(val: boolean) {
-		this.localState.autoFill = val;
-	}
-
-	@Input()
-	set panelClass(className: string) {
-		this.localState.panelClass = className;
-	}
-
-	@Input()
-	set endDatePlaceholder(plh: string) {
-		this.localState.endDatePlaceholder = plh;
-	}
-
-	@Input()
-	set startDatePlaceholder(plh: string) {
-		this.localState.startDatePlaceholder = plh;
-	}
-
-	@Input()
-	set placeholder(plh: string) {
-		this.localState.placeholder = plh;
-	}
-
-	@Input()
-	set startView(view: 'month' | 'year' | 'multi-year') {
-		if (view) {
-			this.localState.startView = view;
-		}
-	}
-
-	@Input()
-	set appearance(appearance: MatFormFieldAppearance) {
-		if (appearance) {
-			this.localState.appearance = appearance;
-		}
-	}
-
-	@Input() set dateFilter(fn: DateFilterFn<any>) {
-		this.localState.dateFilter = fn;
-	}
-
-	@Input() set max(val: Date | string | null) {
-		this.localState.max = val;
-	}
-	@Input() set min(val: Date | string | null) {
-		this.localState.min = val;
-	}
-	@Input() set startAt(val: Date | string | null) {
-		this.localState.startAt = val;
-	}
-
-	@Input() set updateLocalLang(val: boolean) {
-		this.localState.updateLocalLang = val;
-	}
-
-	@Input() set hijriDisplayFormat(format: string) {
-		if (format) {
-			this.localState.hijriDisplayFormat = format;
-		}
-	}
-	@Input() set displayFormat(format: string) {
-		if (format) {
-			this.localState.displayFormat = format;
-		}
-	}
-
-	@Output() yearSelected: EventEmitter<Moment> = this.localState.yearSelectedEmitter;
-	@Output() monthSelected: EventEmitter<Moment> = this.localState.monthSelectedEmitter;
-
-	writeValue(obj: string | DateValueObject): void {
-		if (obj) {
-			switch (typeof obj) {
-				case 'string':
-					return this._handleSingleValue(obj);
-
-				case 'object':
-					return this._handleRangeValue(obj);
-			}
-		} else {
-			this.dateControl.reset(null, {
-				emitEvent: false
-			});
-		}
-	}
-
-	validate(control: AbstractControl): ValidationErrors | null {
-		const isValid = this.range
-			? this.calendarService.validateRangeDate(control.value)
-			: this.calendarService.validateDate(control.value);
-		return control.valid && isValid ? null : { invalid: true };
-	}
-
-	ngOnInit(): void {
-		super.ngOnInit();
-		this._listenToValueChange();
-	}
-
-	private _listenToValueChange(): void {
-		this.dateControl.valueChanges
-			.pipe(
-				debounceTime(100),
-				map((data) =>
-					this.range
-						? this.calendarService.prepareRangeOutputValue(data)
-						: this.calendarService.prepareOutputValue(data)
-				),
-				distinctUntilChanged((a, b) => _.isEqual(a?.value, b?.value))
-			)
-			.subscribe((value) => {
-				this.onChange(value);
-			});
-	}
-
-	toggleCalendar() {
-		this.calendarService.toggleCalendar();
-	}
-
-	private _handleRangeValue(obj: DateValueObject): void {
-		this.dateControl.setValue(this.calendarService.formatRangeInputDate(obj), {
-			emitEvent: false
-		});
-	}
-
-	private _handleSingleValue(obj: string): void {
-		this.dateControl.setValue(this.calendarService.createMoment(obj), {
-			emitEvent: false
-		});
-	}
-}

package/src/lib/components/ndf-datepicker/ndf-datepicker.module.ts

@@ -1,36 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatDatepickerModule } from '@angular/material/datepicker';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import { MatIconModule } from '@angular/material/icon';
-import { MatInputModule } from '@angular/material/input';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { TranslateModule } from '@ngx-translate/core';
-import { InputDateComponent, InputRangeDateComponent } from './components/';
-import { NdfGregorianDatepickerComponent, NdfHijriDatepickerComponent } from './containers';
-import { NdfDatepickerComponent } from './ndf-datepicker.component';
-
-@NgModule({
-	declarations: [
-		NdfDatepickerComponent,
-		NdfHijriDatepickerComponent,
-		NdfGregorianDatepickerComponent,
-		InputRangeDateComponent,
-		InputDateComponent
-	],
-	imports: [
-		CommonModule,
-		MatDatepickerModule,
-		MatFormFieldModule,
-		ReactiveFormsModule,
-		MatButtonModule,
-		MatInputModule,
-		MatIconModule,
-		MatTooltipModule,
-		TranslateModule
-	],
-	exports: [NdfDatepickerComponent, NdfHijriDatepickerComponent, NdfGregorianDatepickerComponent]
-})
-export class NdfDatepickerModule {}

package/src/lib/components/ndf-datepicker/services/calendar.service.ts

@@ -1,160 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { DATE_TYPE, GREGORIAN_FORMAT, HIJRI_FORMAT } from '../constants';
-import { DateType, DateValueObject, LocalizeDateValue } from '../models';
-
-import * as _moment from 'moment';
-import { default as _rollupMoment, Moment } from 'moment';
-import * as _momentHjr from 'moment-hijri';
-import { default as _rollupMomentHijri } from 'moment-hijri';
-
-const moment = _rollupMoment || _moment;
-const momentHijri = _rollupMomentHijri || _momentHjr;
-
-@Injectable()
-export class CalendarService {
-	private _dateTypeSub = new BehaviorSubject<DateType>(DATE_TYPE.Gregorian);
-
-	dateType$ = this._dateTypeSub.asObservable();
-
-	private readonly _gregorianFormat = GREGORIAN_FORMAT;
-	private readonly _hijriFormat = HIJRI_FORMAT;
-
-	get dateType() {
-		return this._dateTypeSub.value;
-	}
-
-	get isHijri() {
-		return this.dateType === DATE_TYPE.Hijri;
-	}
-
-	get isGregorian() {
-		return this.dateType === DATE_TYPE.Gregorian;
-	}
-
-	toggleCalendar() {
-		const newValue = this.dateType === DATE_TYPE.Gregorian ? DATE_TYPE.Hijri : DATE_TYPE.Gregorian;
-		this._dateTypeSub.next(newValue);
-	}
-
-	formatInputDate(date: string | Moment): string {
-		if (!date) {
-			return '';
-		}
-
-		return momentHijri(date).locale('en').format();
-	}
-
-	formatOutputDate(date: string | Moment): string {
-		if (!date) {
-			return '';
-		}
-		return date as string;
-	}
-
-	formatRangeInputDate(date: DateValueObject): DateValueObject {
-		if (!date) {
-			return {};
-		}
-		return Object.entries(date).reduce((acc, [key, value]) => {
-			return {
-				...acc,
-				[key]: this.formatInputDate(value as any)
-			};
-		}, {}) as DateValueObject;
-	}
-
-	formatRangeOutputDate(date: DateValueObject) {
-		if (!date) {
-			return null;
-		}
-		return date;
-	}
-
-	validateDate(value: any): boolean {
-		if (!value) {
-			return true;
-		}
-
-		return this.isHijri ? this._validateHijriDate(value) : this._validateGregorianDate(value);
-	}
-
-	validateRangeDate(value: any): boolean {
-		//TODO Implement method
-		return true;
-	}
-
-	prepareOutputValue(date: string | _moment.Moment): LocalizeDateValue<string> | null {
-		if (!date || !moment(date).isValid()) {
-			return null;
-		}
-
-		return {
-			value: this.formatToISOString(date),
-			hijriValue: this.formatToHijri(date)
-		};
-	}
-
-	prepareRangeOutputValue(date: DateValueObject): LocalizeDateValue<DateValueObject> | null {
-		if (!date || Object.values(date).every((value) => !value)) {
-			return null;
-		}
-
-		return {
-			value: this._format(date, this.formatToISOString.bind(this)),
-			hijriValue: this._format(date, this.formatToHijri.bind(this))
-		};
-	}
-
-	createMoment(value: string): any {
-		return momentHijri(new Date(value).toISOString()).format(this._gregorianFormat);
-	}
-
-	formatToGregorian(date: string | _moment.Moment): string {
-		return momentHijri(date).locale('en').format(this._gregorianFormat);
-	}
-
-	formatToHijri(date: string | _moment.Moment): string {
-		const result = momentHijri(date).locale('en').format(this._hijriFormat);
-		return result !== 'Invalid date' ? result : (null as unknown as string);
-	}
-
-	formatToISOString(date: string | _moment.Moment): string {
-		return momentHijri(date).locale('en').toISOString();
-	}
-
-	createFullDateFromYear(year: number) {
-		const yearNum = Number(year);
-
-		if (isNaN(yearNum) || yearNum.toString().length !== 4) {
-			return null;
-		}
-
-		return momentHijri({ year: yearNum }).locale('en').startOf('year').format(this._gregorianFormat);
-	}
-
-	createFullDateFromMonth(month: number, year: number = moment().year()) {
-		if (isNaN(year) || isNaN(month)) {
-			return null;
-		}
-
-		return momentHijri({ year, month: month }).locale('en').startOf('month').format(this._gregorianFormat);
-	}
-
-	private _validateGregorianDate(value: any) {
-		return moment(value)?.isValid();
-	}
-
-	private _validateHijriDate(value: any) {
-		return momentHijri(value)?.isValid();
-	}
-
-	private _format(data: DateValueObject, map: (date: string | _moment.Moment) => string) {
-		return Object.entries(data).reduce((acc, [key, value]) => {
-			return {
-				...acc,
-				[key]: map(value as any)
-			};
-		}, {}) as DateValueObject;
-	}
-}

package/src/lib/components/ndf-datepicker/services/localize-state.service.ts

@@ -1,47 +0,0 @@
-import { EventEmitter, Injectable } from '@angular/core';
-import { DateFilterFn } from '@angular/material/datepicker';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { BehaviorSubject, Subject } from 'rxjs';
-import { Moment } from 'moment-hijri';
-
-@Injectable()
-export class LocalizeState {
-	readonly stateChange = new Subject<void>();
-
-	appearance: MatFormFieldAppearance = 'outline';
-	autoFill = false;
-	showActions = false;
-	range = false;
-	placeholder = '';
-	endDatePlaceholder = '';
-	startDatePlaceholder = '';
-	panelClass = '';
-	startView: 'month' | 'year' | 'multi-year' = 'month';
-	max: string | Date | null = null;
-	min: string | Date | null = null;
-	startAt: string | Date | null = null;
-	dateFilter!: DateFilterFn<any>;
-	updateLocalLang = false;
-
-	hijriDisplayFormat!: string;
-	displayFormat!: string;
-
-	readonly disabledState = new BehaviorSubject<boolean>(false);
-
-	get disabled() {
-		return this.disabledState.value;
-	}
-
-	readonly requiredState = new BehaviorSubject<boolean>(false);
-	get required() {
-		return this.requiredState.value;
-	}
-
-	readonly statusState = new BehaviorSubject<string>('');
-	get status() {
-		return this.statusState.value;
-	}
-
-	yearSelectedEmitter = new EventEmitter<Moment>();
-	monthSelectedEmitter = new EventEmitter<Moment>();
-}

package/src/lib/components/ndf-filters/base/base-aggregation-field.component.ts

@@ -1,117 +0,0 @@
-import { Directive, Injector, Input, TemplateRef } from '@angular/core';
-import { AbstractControl, ValidationErrors } from '@angular/forms';
-import { BehaviorSubject } from 'rxjs';
-import { filter, map, switchMap, tap } from 'rxjs/operators';
-import { BaseSelector } from '../../../shared/components';
-import { FIELD_SEND_MODE } from '../constants';
-import {
-  AggregationFieldConfig,
-  AggregationFieldType,
-  AggregationResponse,
-  FieldOptionsType,
-  FieldValueObject,
-  FilterOption,
-  OptionsType
-} from '../models';
-import { AggregationFieldService } from '../services';
-
-@Directive()
-export abstract class BaseAggregationField<TType extends AggregationFieldType, TValue = any> extends BaseSelector<
-	FilterOption[],
-	TValue
-> {
-	private readonly _aggregationService = this.injector.get(AggregationFieldService);
-	searchText: string = '';
-
-	@Input() contentTemplate: TemplateRef<any> | undefined;
-	protected _isFieldDirty = false;
-	protected _sourceState = new BehaviorSubject<FieldOptionsType>({
-		fieldConfig: null,
-		aggregation: null
-	});
-
-	sourceState$ = this._sourceState.asObservable().pipe(filter((data) => !!data?.fieldConfig && !!data.aggregation));
-
-	renderOptions$ = this.sourceState$.pipe(
-		map((data) => data.fieldConfig?.render?.options),
-		filter<OptionsType<TType>>(Boolean)
-	);
-
-	protected _optionsSub = new BehaviorSubject<FilterOption[]>([]);
-
-	@Input() prefix: string;
-
-	@Input() set fieldConfig(val: AggregationFieldConfig) {
-		if (val) {
-			this._updateOption({ fieldConfig: val });
-		}
-	}
-
-	get fieldConfig() {
-		return this._sourceState.getValue().fieldConfig;
-	}
-
-	@Input() set aggregation(val: AggregationResponse) {
-		if (val) {
-			this._updateOption({ aggregation: val });
-		}
-	}
-
-	get aggregation() {
-		return this._sourceState.getValue().aggregation;
-	}
-
-	get renderOptions() {
-		return this.fieldConfig?.render?.options as OptionsType<TType>;
-	}
-
-	get language() {
-		return this.translateService.currentLang;
-	}
-
-	/**
-	 *
-	 */
-	constructor(protected injector: Injector) {
-		super(injector);
-		this.options$ = this.sourceState$.pipe(
-			switchMap((res) => this._aggregationService.prepareAggregationFiled(res)),
-			filter((data) => !!data?.length),
-			tap((options) => {
-				this._optionsSub.next(options);
-			})
-		);
-	}
-
-	validate(control: AbstractControl): ValidationErrors {
-		return control.valid ? null : control.errors;
-	}
-
-	protected _isValueObject() {
-		return this.fieldConfig?.valueType === 'valueObject';
-	}
-
-	protected _isSendAsQueryParams() {
-		return this.fieldConfig?.sendMode === FIELD_SEND_MODE.queryParam;
-	}
-
-	protected _prepareValueObject(
-		value: TValue,
-		operator = this.fieldConfig?.operator,
-		prefix?: string
-	): FieldValueObject<TValue> {
-		return new FieldValueObject({
-			operator: operator,
-			value: value,
-			prefix
-		});
-	}
-
-	private _updateOption(data: Partial<FieldOptionsType>) {
-		const currentData = this._sourceState.getValue();
-		this._sourceState.next({
-			...currentData,
-			...data
-		});
-	}
-}

package/src/lib/components/ndf-filters/base/base-checkbox-radio.component.ts

@@ -1,90 +0,0 @@
-import { SelectionModel } from '@angular/cdk/collections';
-import { Directive, Injector } from '@angular/core';
-import _ from 'lodash';
-import { distinctUntilChanged, filter, map, takeUntil } from 'rxjs/operators';
-
-import { BaseAggregationField } from '.';
-import { COMPARISON_OPERATOR, MIN_VISIBLE_COUNT } from '../constants';
-import { FieldValueObject, OptionsType, SortModel } from '../models';
-import { isFieldValueObject } from '../utility';
-
-@Directive()
-export abstract class AggregationBaseSelectionComponent<
-	OptType extends 'checkbox' | 'radio' | 'switch'
-> extends BaseAggregationField<OptType> {
-	internalValue: any;
-	abstract selectionModel: SelectionModel<unknown>;
-	visibleItemsCount = MIN_VISIBLE_COUNT;
-	expandedCount = MIN_VISIBLE_COUNT;
-	sort: SortModel = {
-		key: 'countDesc',
-		value: 'count',
-		direction: 'desc'
-	};
-
-	/**
-	 *
-	 */
-	constructor(injector: Injector) {
-		super(injector);
-		this.renderOptions$.pipe(takeUntil(this.destroy$)).subscribe((res: OptionsType<OptType>) => {
-			if (res?.minVisibleCount) {
-				this.visibleItemsCount = res?.minVisibleCount;
-			}
-			if (res?.expandedCount) {
-				this.expandedCount = res?.expandedCount;
-			}
-		});
-	}
-
-	writeValue(values: any[] | FieldValueObject): void {
-		if (values) {
-			const _values = this._getValues(values);
-
-			if (_.isEqual(_values, this.internalValue)) {
-				return;
-			}
-
-			const _vals = Array.isArray(_values) ? _values : [_values];
-			this.internalValue = _values;
-			this.selectionModel.select(..._vals);
-			this._isFieldDirty = true;
-			this.cdr.markForCheck();
-		} else if (this._isFieldDirty) {
-			this.selectionModel.clear();
-			this._isFieldDirty = false;
-		}
-	}
-
-	updateValue() {
-		this.selectionModel.changed
-			.asObservable()
-			.pipe(
-				map((data) => data.source.selected),
-				distinctUntilChanged((a, b) => _.isEqual(a, b)),
-				filter((value) => !_.isEqual(this.internalValue, value)),
-				takeUntil(this.destroy$)
-			)
-			.subscribe((value: string[]) => {
-				this.emitValue(value);
-			});
-	}
-
-	emitValue(value: string[]) {
-		this.internalValue = value;
-		this._isFieldDirty = !!value?.length;
-		if (value?.length !== 0 && this._isValueObject()) {
-			this.onChange(this._prepareValueObject(value, this.fieldConfig?.operator || COMPARISON_OPERATOR.in));
-			return;
-		}
-		this.onChange(value);
-	}
-
-	sortChange(event: SortModel) {
-		this.sort = { ...event };
-	}
-
-	private _getValues(values: any[] | FieldValueObject) {
-		return Array.isArray(values) ? values : (values as FieldValueObject)?.value || [];
-	}
-}

package/src/lib/components/ndf-filters/base/base-custom-field.component.ts

@@ -1,43 +0,0 @@
-import { Directive, Injector, Input } from '@angular/core';
-import { BaseCustomValueAccessor } from './base-value-accessor.component';
-import { AbstractControl, ValidationErrors } from '@angular/forms';
-import { AggregationResponse, CustomFieldConfig, CustomFieldType, FieldValueObject, OptionsType } from '../models';
-import { FIELD_SEND_MODE } from '../constants';
-
-@Directive()
-export abstract class BaseCustomField<FType extends CustomFieldType, T = any, R = any> extends BaseCustomValueAccessor<
-	T,
-	R
-> {
-	@Input() aggregations!: Record<string, AggregationResponse>;
-
-	@Input() field: CustomFieldConfig;
-	protected _isFieldDirty = false;
-	get renderOptions() {
-		return this.field?.render?.options as OptionsType<FType>;
-	}
-
-	constructor(public injector: Injector) {
-		super(injector);
-	}
-
-	validate(control: AbstractControl): ValidationErrors {
-		return control.valid ? null : control.errors;
-	}
-
-	protected _isValueObject() {
-		return this.field?.valueType === 'valueObject';
-	}
-
-	protected _isSendAsQueryParams() {
-		return this.field?.sendMode === FIELD_SEND_MODE.queryParam;
-	}
-
-	protected _prepareValueObject(value: R, operator = this.field?.operator, prefix?: string): FieldValueObject<R> {
-		return new FieldValueObject({
-			operator: operator,
-			value: value,
-			prefix
-		});
-	}
-}