aril 1.1.71 → 1.1.73

package/util/directives/src/detail-page-customization/models.ts

@@ -0,0 +1,61 @@
+import { InjectionToken, Signal } from '@angular/core';
+
+import { MenuItem } from 'primeng/api';
+import { TabView } from 'primeng/tabview';
+
+import { solidIcons } from 'aril/util/lib';
+
+export interface DetailComponent {
+	mdInfoPluginProps: {
+		generalMenu: Signal<MenuItem[]>;
+	};
+	// signals for reactive updates
+	configTabs: Signal<TabConfig[]>;
+	activeTabComponents: Signal<TabConfig['components']>;
+	tabs: TabConfig[];
+	tabView?: TabView;
+}
+
+export const DETAIL_COMPONENT = new InjectionToken<DetailComponent>('DETAIL_COMPONENT');
+export const PLUGIN_DIALOG_SERVICE = new InjectionToken('PLUGIN_DIALOG_SERVICE');
+
+export interface TabConfig {
+	id: string | number | null;
+	header: string;
+	icon: keyof typeof solidIcons;
+	visible: boolean;
+	position: number;
+	components: Array<{
+		id: string | null;
+		pluginName: string;
+		visible: boolean;
+		order?: number;
+	}>;
+}
+
+export interface DetailConfigMenuItem {
+	label: {
+		[key: string]: string;
+	};
+	command: string;
+	icon: string;
+}
+
+export interface DetailConfig {
+	menu: Array<DetailConfigMenuItem>;
+	tabs: Array<{
+		id: string | null;
+		icon: keyof typeof solidIcons;
+		label?: {
+			[key: string]: string;
+		};
+		visible: boolean;
+		position: number;
+		components: Array<{
+			id: string | null;
+			pluginName: string;
+			visible: boolean;
+			order?: number;
+		}>;
+	}>;
+}

package/util/directives/src/dialog-component/plugin-dialog.component.ts

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+
+import { DynamicDialogConfig } from 'primeng/dynamicdialog';
+
+import { ModuleFederationToolsModule } from '@angular-architects/module-federation-tools';
+
+import { PLUGINS } from 'aril/boot/config/plugins';
+
+@Component({
+	standalone: true,
+	imports: [ModuleFederationToolsModule],
+	template: `<mft-wc-wrapper [options]="PLUGINS[name].options" [props]="props" />`
+})
+export class CustomizedPluginDialogComponent {
+	name = this.dialogConfig.data.name;
+	props = this.dialogConfig.data.props || {};
+	PLUGINS = PLUGINS;
+
+	constructor(private readonly dialogConfig: DynamicDialogConfig) {
+		this.dialogConfig.draggable = true;
+	}
+}

package/util/directives/src/dialog-service/plugin-dialog.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from '@angular/core';
+
+import { DialogService, DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
+
+import { CustomizedPluginDialogComponent } from '../dialog-component/plugin-dialog.component';
+
+@Injectable({ providedIn: 'root' })
+export class CustomizedPluginDialogService extends DialogService {
+	openDialog(config: DynamicDialogConfig): DynamicDialogRef {
+		return super.open(CustomizedPluginDialogComponent, config);
+	}
+}

package/util/index.ts

@@ -0,0 +1 @@
+export const aril_util = 'ARiL-UTIL';

package/util/lib/ng-package.json

@@ -0,0 +1,6 @@
+{
+	"$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+	"lib": {
+		"entryFile": "./index.ts"
+	}
+}

package/util/lib/src/interfaces.ts

@@ -0,0 +1,44 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-namespace */
+
+export namespace Interfaces {
+	export interface MapStringString {
+		[key: string]: string;
+	}
+	export interface MapStringNumber {
+		[key: string]: number;
+	}
+	export interface MapStringBoolean {
+		[key: string]: boolean;
+	}
+	export interface MapStringObject<T> {
+		[key: string]: T;
+	}
+	export interface MapStringAny {
+		[key: string]: any;
+	}
+	export interface MapNumberString {
+		[key: number]: string;
+	}
+	export interface MapNumberNumber {
+		[key: number]: number;
+	}
+	export interface MapNumberBoolean {
+		[key: number]: boolean;
+	}
+	export interface MapNumberObject<T> {
+		[key: number]: T;
+	}
+	export interface MapNumberArray<T> {
+		[key: number]: Array<T>;
+	}
+	export interface MapStringArray<T> {
+		[key: string]: Array<T>;
+	}
+	export interface MapNumberAny {
+		[key: number]: any;
+	}
+	export interface MapEnums {
+		[key: number]: MapStringString;
+	}
+}

package/util/lib/src/module-router.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+	standalone: true,
+	template: `<router-outlet />`,
+	imports: [RouterOutlet]
+})
+export class ModuleRouterOutlet {}

package/util/lib/src/types.ts

@@ -0,0 +1,61 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/* eslint-disable @typescript-eslint/ban-types */
+
+/* eslint-disable @typescript-eslint/no-namespace */
+import { FormArray, FormControl, FormGroup } from '@angular/forms';
+
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import * as _regularIcons from '@fortawesome/free-regular-svg-icons';
+import * as _solidIcons from '@fortawesome/free-solid-svg-icons';
+
+export namespace Types {
+	type MarkComponentProps<Component> = {
+		[Key in keyof Component]: Component[Key] extends Function ? never : Key;
+	};
+	type KeyOfComponentProps<T> = MarkComponentProps<T>[keyof T];
+	type ComponentProps<T> = Pick<T, KeyOfComponentProps<T>>;
+	export type NgChanges<Component, Props = ComponentProps<Component>> = {
+		[Key in keyof Props]: {
+			previousValue: Props[Key];
+			currentValue: Props[Key];
+			firstChange: boolean;
+			isFirstChange(): boolean;
+		};
+	};
+
+	export type IsArray<T> = T extends (infer U)[] ? U : never;
+
+	export type ControlsOf<T extends Record<string, any>> = {
+		[K in keyof T]: T[K] extends Record<any, any> ?
+			T[K] extends any[] ?
+				FormArray | FormControl<T[K] | null>
+			:	FormGroup<ControlsOf<T[K]>>
+		:	FormControl<T[K] | null>;
+	};
+
+	type Enumerate<N extends number, Acc extends number[] = []> =
+		Acc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;
+
+	export type NumberRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;
+}
+
+export const solidIcons = _solidIcons as unknown as {
+	[K in keyof typeof _solidIcons]: IconProp;
+};
+
+export const regularIcons = _regularIcons as unknown as {
+	[K in keyof typeof _regularIcons]: IconProp;
+};
+
+export type DecimalRoundingType =
+	| 'UNNECESSARY'
+	| 'UP'
+	| 'DOWN'
+	| 'CEILING'
+	| 'FLOOR'
+	| 'HALF_UP'
+	| 'HALF_DOWN'
+	| 'HALF_EVEN';

package/util/lib/src/validators/iban.validator.ts

@@ -0,0 +1,202 @@
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+
+const codeLengths: { [key: string]: number } = {
+	AD: 24,
+	AE: 23,
+	AL: 28,
+	AO: 25,
+	AT: 20,
+	AZ: 28,
+	BA: 20,
+	BE: 16,
+	BF: 28,
+	BG: 22,
+	BH: 22,
+	BI: 27,
+	BJ: 28,
+	BR: 29,
+	BY: 28,
+	CF: 27,
+	CG: 27,
+	CH: 21,
+	CI: 28,
+	CM: 27,
+	CR: 22,
+	CV: 25,
+	CY: 28,
+	CZ: 24,
+	DE: 22,
+	DK: 18,
+	DJ: 27,
+	DO: 28,
+	DZ: 26,
+	EE: 20,
+	EG: 29,
+	ES: 24,
+	FI: 18,
+	FK: 18,
+	FO: 18,
+	FR: 27,
+	GA: 27,
+	GB: 22,
+	GE: 22,
+	GI: 23,
+	GL: 18,
+	GR: 27,
+	GQ: 27,
+	GT: 28,
+	GW: 25,
+	HN: 28,
+	HR: 21,
+	HU: 28,
+	IE: 22,
+	IL: 23,
+	IR: 26,
+	IQ: 23,
+	IS: 26,
+	IT: 27,
+	JO: 30,
+	KM: 27,
+	KW: 30,
+	KZ: 20,
+	LB: 28,
+	LC: 32,
+	LI: 21,
+	LT: 20,
+	LU: 20,
+	LV: 21,
+	LY: 25,
+	MA: 28,
+	MC: 27,
+	MD: 24,
+	ME: 22,
+	MG: 27,
+	MK: 19,
+	ML: 28,
+	MN: 20,
+	MR: 27,
+	MT: 31,
+	MU: 30,
+	MZ: 25,
+	NE: 28,
+	NI: 28,
+	NL: 18,
+	NO: 15,
+	OM: 23,
+	PK: 24,
+	PL: 28,
+	PS: 29,
+	PT: 25,
+	QA: 29,
+	RO: 24,
+	RU: 33,
+	RS: 22,
+	SA: 24,
+	SC: 31,
+	SD: 18,
+	SE: 24,
+	SI: 19,
+	SK: 24,
+	SM: 27,
+	SN: 28,
+	SO: 23,
+	ST: 25,
+	SV: 28,
+	TD: 27,
+	TG: 28,
+	TL: 23,
+	TN: 24,
+	TR: 26,
+	UA: 29,
+	VA: 22,
+	VG: 24,
+	XK: 20,
+	YE: 30
+};
+
+function mod97(digital: number | string) {
+	digital = digital.toString();
+	let checksum: number | string = digital.slice(0, 2);
+	let fragment = '';
+	for (let offset = 2; offset < digital.length; offset += 7) {
+		fragment = checksum + digital.substring(offset, offset + 7);
+		checksum = parseInt(fragment, 10) % 97;
+	}
+	return checksum;
+}
+
+function validate(value: string, control: boolean): ValidationErrors | null {
+	const iban = value.toUpperCase().replace(/[^A-Z0-9]/g, '');
+	const code = iban.match(/^([A-Z]{2})(\d{2})([A-Z\d]+)$/);
+
+	if (code && code[1] && typeof codeLengths[code[1]] === 'undefined') {
+		return {
+			invalidIBAN: true,
+			error: {
+				unsupportedCountry: true,
+				invalidCodeLength: false,
+				invalidPattern: false
+			}
+		};
+	}
+
+	if (!code || (iban && iban.length !== codeLengths[code[1]])) {
+		return {
+			invalidIBAN: true,
+			error: {
+				unsupportedCountry: false,
+				invalidCodeLength: true,
+				invalidPattern: false
+			}
+		};
+	}
+
+	if (!/^[A-Z]{2}\d{2}[A-Z\d]{1,30}$/.test(iban)) {
+		return {
+			invalidIBAN: true,
+			error: {
+				unsupportedCountry: false,
+				invalidCodeLength: false,
+				invalidPattern: true
+			}
+		};
+	}
+
+	let digits: string = (code[3] + code[1] + code[2]).replace(/[A-Z]/g, (letter: string) =>
+		(letter.charCodeAt(0) - 55).toString()
+	);
+
+	return (
+		mod97(digits) === 1 ?
+			control ? null
+			:	{
+					invalidIBAN: false,
+					error: null
+				}
+		:	{
+				invalidIBAN: true,
+				error: {
+					unsupportedCountry: false,
+					invalidCodeLength: false,
+					invalidPattern: true
+				}
+			}
+	);
+}
+
+/**
+ * Validate IBAN
+ * @param {AbstractControl} control: AbstractControl
+ * @returns ValidationErrors | null
+ */
+export function validateIBAN(control: AbstractControl): ValidationErrors | null {
+	if (control) {
+		if (typeof control === 'string') {
+			return validate(control, false);
+		}
+		if (control.hasOwnProperty('value') && control.value) {
+			return validate(control.value, true);
+		}
+	}
+	return null;
+}

package/util/lib/src/validators/max-array-length.validator.ts

@@ -0,0 +1,18 @@
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+
+/**
+ * Validate max array length
+ * @param {AbstractControl} control: AbstractControl
+ * @param {number} max: number
+ */
+export function maxArrayLength(max: number): ValidatorFn {
+	return (control: AbstractControl): ValidationErrors | null => {
+		if (!control.value || !Array.isArray(control.value)) {
+			return null;
+		}
+
+		return control.value.length <= max ?
+				null
+			:	{ maxArrayLength: { requiredLength: max, actualLength: control.value.length } };
+	};
+}

package/util/lib/src/validators/min-array-length.validator.ts

@@ -0,0 +1,18 @@
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+
+/**
+ * Validate min array length
+ * @param {AbstractControl} control: AbstractControl
+ * @param {number} min: number
+ */
+export function minArrayLength(min: number): ValidatorFn {
+	return (control: AbstractControl): ValidationErrors | null => {
+		if (!control.value || !Array.isArray(control.value)) {
+			return null;
+		}
+
+		return control.value.length >= min ?
+				null
+			:	{ minArrayLength: { requiredLength: min, actualLength: control.value.length } };
+	};
+}

package/util/lib/src/validators/tckn.validator.ts

@@ -0,0 +1,55 @@
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+
+/**
+ * Validate TCKN
+ * @param {AbstractControl} control: AbstractControl
+ * @returns ValidationErrors | null
+ */
+export function validateTCKN(control: AbstractControl): ValidationErrors | null {
+	const value = control.value;
+
+    if (!value) return null;
+
+    if (typeof value !== 'string')
+      throw new Error('TCKN input type="text" olmalıdır!');
+
+    const tckn = String(value);
+
+    const invalidTcknPattern =
+      /^(11111111110|22222222220|33333333330|44444444440|55555555550|66666666660|7777777770|88888888880|99999999990)$/;
+
+    const err: ValidationErrors = {
+      invalidTCKN: true,
+    };
+
+    if (
+      tckn.length !== 11 ||
+      isNaN(Number(tckn)) ||
+      tckn[0] === '0' ||
+      invalidTcknPattern.test(tckn)
+    )
+      return err;
+
+    const sumOdd =
+      Number(tckn[0]) +
+      Number(tckn[2]) +
+      Number(tckn[4]) +
+      Number(tckn[6]) +
+      Number(tckn[8]);
+
+    const sumEven =
+      Number(tckn[1]) + Number(tckn[3]) + Number(tckn[5]) + Number(tckn[7]);
+
+    const result = sumOdd * 7 - sumEven;
+
+    if (result % 10 !== Number(tckn[9])) return err;
+
+    let sumTCK: number = 0;
+    for (let i = 0; i < 10; i++) {
+      sumTCK += Number(tckn[i]);
+    }
+
+    if (sumTCK % 10 !== Number(tckn[10])) return err;
+
+    return null;
+}

package/util/lib/src/validators/validators.ts

@@ -0,0 +1,21 @@
+import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
+
+import { maxArrayLength, minArrayLength, validateIBAN, validateTCKN } from './';
+
+export class ArilValidators {
+	static validateIBAN(control: AbstractControl): ValidationErrors | null {
+		return validateIBAN(control);
+	}
+
+	static validateTCKN(control: AbstractControl): ValidationErrors | null {
+		return validateTCKN(control);
+	}
+
+	static minArrayLength(min: number): ValidatorFn {
+		return minArrayLength(min);
+	}
+
+	static maxArrayLength(min: number): ValidatorFn {
+		return maxArrayLength(min);
+	}
+}

package/util/loaders/index.ts

@@ -0,0 +1 @@
+export * from './style/style.loader.service';

package/util/loaders/ng-package.json

@@ -0,0 +1,6 @@
+{
+	"$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+	"lib": {
+		"entryFile": "./index.ts"
+	}
+}

package/util/loaders/style/style.loader.service.ts

@@ -0,0 +1,69 @@
+import { DOCUMENT } from '@angular/common';
+import { Inject, Injectable, Renderer2, RendererFactory2 } from '@angular/core';
+
+interface StyleItem {
+	src: string;
+	loaded: boolean;
+}
+interface Styles {
+	[key: string]: StyleItem;
+}
+
+@Injectable({ providedIn: 'root' })
+export class StyleLoaderService {
+	constructor(
+		rendererFactory: RendererFactory2,
+		@Inject(DOCUMENT) public document: Document
+	) {
+		this.renderer = rendererFactory.createRenderer(null, null);
+	}
+
+	private renderer: Renderer2;
+	private _styles: Styles = {};
+
+	load(styles: string[], loadOnce = true): Promise<any> {
+		let promises: any[] = [];
+		styles.forEach((style) => promises.push(this.loadStyle(style, loadOnce)));
+
+		return Promise.all(promises);
+	}
+
+	remove(styles: string[]) {
+		styles.forEach((src) => {
+			if (!this._styles[src]) {
+				console.warn('Style src=' + src + ' is not loaded');
+			} else {
+				const links = this.document.getElementsByTagName('link');
+
+				for (let i = 0; i < links.length; i++) {
+					if (links[i]?.href === src) {
+						this.renderer.removeChild(this.document.head, links[i]);
+						this._styles[src] = { src: src, loaded: false };
+					}
+				}
+			}
+		});
+	}
+
+	private loadStyle(src: string, loadOnce: boolean): Promise<any> {
+		return new Promise((resolve, reject) => {
+			if (this._styles[src]?.loaded && loadOnce) {
+				resolve({ src: src, loaded: true });
+			} else {
+				try {
+					const style = this.renderer.createElement('link');
+					style.rel = 'stylesheet';
+					style.href = src;
+
+					this.renderer.appendChild(this.document.head, style);
+
+					this._styles[src] = { src: src, loaded: true };
+
+					resolve({ src: src, loaded: true });
+				} catch (error) {
+					reject(error);
+				}
+			}
+		});
+	}
+}

package/util/ng-package.json

@@ -0,0 +1,6 @@
+{
+	"$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+	"lib": {
+		"entryFile": "./index.ts"
+	}
+}

package/util/pipes/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "./index.ts"
+  }
+} 

package/util/pipes/src/distance-to-now.pipe.ts

@@ -0,0 +1,37 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+import { TranslocoService } from '@ngneat/transloco';
+import { FormatDistanceToNowOptions, differenceInMinutes, differenceInMonths, formatDistanceToNow } from 'date-fns';
+import { tr } from 'date-fns/locale';
+
+import 'aril/util/primitive-extensions';
+
+@Pipe({
+	name: 'distanceToNow',
+	standalone: true
+})
+export class DistanceToNowPipe implements PipeTransform {
+	constructor(private readonly transloco: TranslocoService) {}
+
+	transform(value: number | Date): string {
+		if (!value) return '';
+
+		const date = value instanceof Date ? value : value.longToDate()!;
+
+		const opt: FormatDistanceToNowOptions = {
+			addSuffix: true
+		};
+
+		switch (this.transloco.getActiveLang()) {
+			case 'tr':
+				opt.locale = tr;
+				break;
+		}
+
+		if (differenceInMinutes(new Date(), date) < 1) {
+			return this.transloco.translate('justNow');
+		}
+
+		return differenceInMonths(new Date(), date) < 1 ? formatDistanceToNow(date, opt) : (date.dateToString() as string);
+	}
+}

package/util/pipes/src/get-column-by-field.pipe.ts

@@ -0,0 +1,11 @@
+import { Pipe, PipeTransform, Signal } from '@angular/core';
+
+@Pipe({
+	name: 'getColumnByField',
+	standalone: true
+})
+export class GetColumnByFieldPipe implements PipeTransform {
+	transform(columns: { _results: { field: Signal<string> }[] }, field: string): any {
+		return columns._results.find((col) => col?.field() === field);
+	}
+}