1be75589-3424-4db9-83be-d6f97eddc070

Committed 05 Dec 2023 09:43AM UTC coverage: 90.367% (+0.02%) from 90.351%

Build # 1be75589-3424-4db9-83be-d6f97eddc070

Build Type

push

circleci

Committed by

web-flow

Commit Message

feat(select):  support thyOptions #INFR-10686 (#2933)

* feat(select):  support thyOptions #INFR-10686

* fix(select):  fix lint error #INFR-10686

* fix(select):  fix description for thyPreset #INFR-10686

* fix(select):  fix code review #INFR-10686

* fix(select):  add buildOptionGroups

* fix(select):  fix interface name

* fix(select): add black line

* fix(select):  add black line

Run Details

5351 of 6582 branches covered (0.0%)

Branch coverage included in aggregate %.

61 of 63 new or added lines in 3 files covered. (96.83%)

16 existing lines in 2 files now uncovered.

13326 of 14086 relevant lines covered (94.6%)

972.83 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

85.71

/src/shared/option/group/option-group.component.ts

import {
    Component,
    HostBinding,
    Input,
    ContentChildren,
    QueryList,
    NgZone,
    OnDestroy,
    AfterContentInit,
    ChangeDetectorRef
} from '@angular/core';
import { Observable, defer, Subject, merge } from 'rxjs';
import { ThyOptionVisibleChangeEvent, ThyOptionComponent } from '../option.component';
import { take, switchMap, startWith, takeUntil, debounceTime, map } from 'rxjs/operators';
import { THY_OPTION_GROUP_COMPONENT } from '../option.token';
import { InputBoolean } from 'ngx-tethys/core';

/**
 * @private
 */
@Component({
    selector: 'thy-option-group',
    templateUrl: './option-group.component.html',
    providers: [
        {
            provide: THY_OPTION_GROUP_COMPONENT,
            useExisting: ThySelectOptionGroupComponent
        }
    ],
    standalone: true
})
export class ThySelectOptionGroupComponent implements OnDestroy, AfterContentInit {
    _hidden = false;
    @Input()
    @InputBoolean()
    @HostBinding(`class.disabled`)
    thyDisabled: boolean;

    @HostBinding('class.thy-option-item-group') _isOptionGroup = true;

    @HostBinding('class.thy-select-option-group-hidden')
    get hidden(): boolean {
        return this._hidden;
    }

    @Input() thyGroupLabel: string;

    @ContentChildren(ThyOptionComponent) options: QueryList<ThyOptionComponent>;

    _destroy$: Subject<void> = new Subject<void>();

    optionVisibleChanges: Observable<ThyOptionVisibleChangeEvent> = defer(() => {
        if (this.options) {
            return merge(...this.options.map(option => option.visibleChange));
        }
        return this._ngZone.onStable.asObservable().pipe(
            take(1),
            switchMap(() => this.optionVisibleChanges)
        );
    }) as Observable<ThyOptionVisibleChangeEvent>;

    constructor(private _ngZone: NgZone, private cdr: ChangeDetectorRef) {}

    ngAfterContentInit() {
        this.options.changes.pipe(startWith(null), takeUntil(this._destroy$)).subscribe(() => {
            this._resetOptions();
        });
    }

    _resetOptions() {
        const changedOrDestroyed$ = merge(this.options.changes, this._destroy$);
        merge(...this.options.map(option => option.visibleChange))
            .pipe(
                takeUntil(changedOrDestroyed$),
                debounceTime(10),
                map((event: ThyOptionVisibleChangeEvent) => {
                    const hasOption = this.options.find(option => {
                        if (!option.hidden) {
                            return true;
                        }
                    });
                    if (hasOption) {
                        return false;
                    } else {
                        return true;
                    }
                })
            )
            .subscribe((data: boolean) => {
                this._hidden = data;
                this.cdr.markForCheck();
            });
    }

    ngOnDestroy() {
        this._destroy$.next();
        this._destroy$.complete();
    }
}

1	import {
2	Component,
3	HostBinding,
4	Input,
5	ContentChildren,
6	QueryList,
7	NgZone,
8	OnDestroy,
9	AfterContentInit,
10	ChangeDetectorRef
11	} from '@angular/core';
12	import { Observable, defer, Subject, merge } from 'rxjs';
13	import { ThyOptionVisibleChangeEvent, ThyOptionComponent } from '../option.component';	1✔
14	import { take, switchMap, startWith, takeUntil, debounceTime, map } from 'rxjs/operators';
15	import { THY_OPTION_GROUP_COMPONENT } from '../option.token';	43✔
16	import { InputBoolean } from 'ngx-tethys/core';
17
18	/**	8✔
19	* @private	8✔
20	*/	8✔
21	@Component({	8✔
22	selector: 'thy-option-group',	8✔
23	templateUrl: './option-group.component.html',	8✔
UNCOV 24	providers: [	×
UNCOV 25	{	×
26	provide: THY_OPTION_GROUP_COMPONENT,
UNCOV 27	useExisting: ThySelectOptionGroupComponent	×
28	}
29	],
30	standalone: true
31	})	8✔
32	export class ThySelectOptionGroupComponent implements OnDestroy, AfterContentInit {	8✔
33	_hidden = false;
34	@Input()
35	@InputBoolean()
36	@HostBinding(`class.disabled`)	8✔
37	thyDisabled: boolean;	11✔
38
39	@HostBinding('class.thy-option-item-group') _isOptionGroup = true;	5✔
40		10✔
41	@HostBinding('class.thy-select-option-group-hidden')	1✔
42	get hidden(): boolean {
43	return this._hidden;
44	}	5✔
45		1✔
46	@Input() thyGroupLabel: string;
47
48	@ContentChildren(ThyOptionComponent) options: QueryList<ThyOptionComponent>;	4✔
49
50	_destroy$: Subject<void> = new Subject<void>();
51
52	optionVisibleChanges: Observable<ThyOptionVisibleChangeEvent> = defer(() => {	5✔
53	if (this.options) {	5✔
54	return merge(...this.options.map(option => option.visibleChange));
55	}
56	return this._ngZone.onStable.asObservable().pipe(
57	take(1),	8✔
58	switchMap(() => this.optionVisibleChanges)	8✔
59	);
60	}) as Observable<ThyOptionVisibleChangeEvent>;	1✔
61
62	constructor(private _ngZone: NgZone, private cdr: ChangeDetectorRef) {}
63
64	ngAfterContentInit() {	1✔
65	this.options.changes.pipe(startWith(null), takeUntil(this._destroy$)).subscribe(() => {
66	this._resetOptions();
67	});
68	}
69
70	_resetOptions() {
71	const changedOrDestroyed$ = merge(this.options.changes, this._destroy$);
72	merge(...this.options.map(option => option.visibleChange))	1✔
73	.pipe(
74	takeUntil(changedOrDestroyed$),
75	debounceTime(10),
76	map((event: ThyOptionVisibleChangeEvent) => {	1✔
77	const hasOption = this.options.find(option => {
78	if (!option.hidden) {
79	return true;
80	}
81	});
82	if (hasOption) {
83	return false;
84	} else {
85	return true;
86	}
87	})
88	)
89	.subscribe((data: boolean) => {
90	this._hidden = data;
91	this.cdr.markForCheck();
92	});
93	}
94
95	ngOnDestroy() {
96	this._destroy$.next();
97	this._destroy$.complete();
98	}
99	}

atinc / ngx-tethys / 1be75589-3424-4db9-83be-d6f97eddc070

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous