aril 1.1.73 → 1.1.74

package/ui/tree/ng-package.json

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

package/ui/tree/src/tree.component.html

@@ -1,17 +0,0 @@
-<!-- <div class="mb-3">
-	<aril-button [label]="isExpended ? 'Daralt' : 'Genişlet'" size="sm" [color]="isExpended ? 'primary' :'warning'" (clickEvent)="toggleTree()"></aril-button>
-</div> -->
-<p-tree
-	[value]="data()"
-	[selectionMode]="selectionMode()"
-	[(selection)]="selectionNodes"
-	[contextMenu]="contextMenu()?.length ? contextMenuRef : null"
-	[filter]="filter()"
-	filterMode="lenient"
-	filterBy="label"
-	[filterPlaceholder]="filterPlaceholder()"
-	[styleClass]="styleClass()!"
-	(onNodeExpand)="expandEvent.emit($event.node)"
-	(selectionChange)="selectionEvent.emit(selectionNodes)">
-</p-tree>
-<p-contextMenu #contextMenuRef [model]="contextMenu()"></p-contextMenu>

package/ui/tree/src/tree.component.ts

@@ -1,65 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ChangeDetectionStrategy, Component, EventEmitter, Output, effect, input } from '@angular/core';
-
-import { MenuItem, TreeNode } from 'primeng/api';
-import { ContextMenuModule } from 'primeng/contextmenu';
-import { TreeModule } from 'primeng/tree';
-
-type SelectionModes = 'multiple' | 'checkbox' | 'single';
-
-@Component({
-	standalone: true,
-	selector: 'aril-tree',
-	templateUrl: './tree.component.html',
-	imports: [TreeModule, ContextMenuModule],
-	changeDetection: ChangeDetectionStrategy.OnPush,
-	styles: [
-		`
-			::ng-deep .p-tree .p-tree-filter {
-				padding: 0.75rem 2rem 0.75rem 0.75rem !important;
-			}
-		`
-	]
-})
-export class TreeComponent {
-	constructor() {
-		effect(() => {
-			this.selectionNodes = this.selectedNode();
-		});
-
-		effect(() => {
-			if (this.data() && this.isAllExpanded()) {
-				this.expandAll();
-			}
-		});
-	}
-
-	data = input.required<TreeNode[]>();
-	contextMenu = input<MenuItem[]>();
-	filterPlaceholder = input<string>('Arama');
-	filter = input<boolean>(true);
-	selectionMode = input<SelectionModes>();
-	selectedNode = input<TreeNode | TreeNode[] | null>(null);
-	styleClass = input<string | null>(null);
-	isAllExpanded = input<boolean>(false);
-
-	@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();
-	@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();
-
-	selectionNodes!: TreeNode | TreeNode[] | null;
-
-	expandAll() {
-		this.data().forEach((node) => {
-			this.expandRecursive(node, true);
-		});
-	}
-
-	private expandRecursive(node: TreeNode, isExpand: boolean) {
-		node.expanded = isExpand;
-		if (node.children) {
-			node.children.forEach((childNode) => {
-				this.expandRecursive(childNode, isExpand);
-			});
-		}
-	}
-}

package/ui/treeSelect/ng-package.json

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

package/ui/treeSelect/src/treeSelect.component.html

@@ -1,18 +0,0 @@
-<p-treeSelect
-  class="w-full"
-  [options]="options()"
-  [placeholder]="placeholder()"
-  [showClear]="showClear()"
-  [display]="display()"
-  [selectionMode]="selectionMode()"
-  [propagateSelectionUp]="propagateSelectionUp()"
-  [propagateSelectionDown]="propagateSelectionDown()"
-  [metaKeySelection]="metaKeySelection()"
-  [filter]="filter()"
-  [filterPlaceholder]="filterPlaceholder()"
-  [ngModel]="modelValue()"
-  (ngModelChange)="modelValueChange.emit($event)"
-  (onNodeSelect)="nodeSelect.emit($event)"
-  (onNodeUnselect)="nodeUnselect.emit($event)"
-  (onClear)="cleared.emit()"
-></p-treeSelect>

package/ui/treeSelect/src/treeSelect.component.ts

@@ -1,43 +0,0 @@
-import { ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { ChangeDetectionStrategy, Component, EventEmitter, Output, input } from '@angular/core';
-
-import { TreeNode } from 'primeng/api';
-import { TreeSelectModule } from 'primeng/treeselect';
-
-@Component({
-  standalone: true,
-  selector: 'aril-treeSelect',
-  templateUrl: './treeSelect.component.html',
-  imports: [TreeSelectModule, ReactiveFormsModule, FormsModule],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-	styles: [
-		`
-			:host ::ng-deep .p-treenode-content.p-highlight {
-				background: transparent !important;
-			}
-
-			:host ::ng-deep .p-treenode-content.p-highlight .p-treenode-label {
-				color: #000 !important;
-			}
-		`
-	]
-})
-export class TreeSelectComponent {
-  options = input.required<TreeNode[]>();
-  modelValue = input<any>(null);
-  placeholder = input<string>('Select');
-  selectionMode = input<'single' | 'multiple' | 'checkbox'>('checkbox');
-  display = input<'comma' | 'chip'>('chip');
-  showClear = input<boolean>(true);
-  filter = input<boolean>(false);
-  filterPlaceholder = input<string>('Filter');
-  propagateSelectionUp = input<boolean>(true);
-  propagateSelectionDown = input<boolean>(true);
-  metaKeySelection = input<boolean>(false);
-  formControlName = input<string | number | null>(null);
-
-  @Output() modelValueChange = new EventEmitter<any>();
-  @Output() nodeSelect = new EventEmitter<any>();
-  @Output() nodeUnselect = new EventEmitter<any>();
-  @Output() cleared = new EventEmitter<void>();
-}

package/ui/treeTable/ng-package.json

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

package/ui/treeTable/src/tree-table.component.html

@@ -1,88 +0,0 @@
-<p-treeTable
-	#ref
-	[value]="data()"
-	[columns]="columns._results"
-	[rows]="pageSize()"
-	[rowHover]="true"
-	[paginator]="true"
-	[rowsPerPageOptions]="pageOptions"
-	[filterDelay]="0"
-	sortMode="multiple"
-	[scrollable]="scrollable()"
-	[scrollHeight]="scrollHeight()"
-	[(selection)]="selectedNodes"
-	(onNodeExpand)="expandEvent.emit($event.node)"
-	(selectionChange)="selectionEvent.emit(selectedNodes)"
-	[showCurrentPageReport]="true"
-	currentPageReportTemplate="Toplam : {totalRecords} kayıt | Sayfa : {currentPage} / {totalPages}"
-	styleClass="p-treetable-gridlines p-treetable-striped p-treetable-sm">
-	<ng-template pTemplate="caption">
-		<div class="flex">
-			<aril-button
-				size="sm"
-				icon="FILE_EXCEL"
-				color="primary"
-				pTooltip="XLS"
-				tooltipPosition="top"
-				(clickEvent)="excelExport()">
-			</aril-button>
-			<!-- <span class="p-input-icon-left ml-auto">
-				<aril-text
-					icon="SEARCH"
-					iconPos="left"
-					placeholder="Arama"
-					[ngModel]="filterText"
-					(ngModelChange)="ref.filterGlobal($event, 'contains')">
-				</aril-text>
-			</span> -->
-		</div>
-	</ng-template>
-	<ng-template pTemplate="header" let-columns>
-		<tr>
-			@if (checkboxSelection()) {
-				<th>
-					<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>
-				</th>
-			}
-			@for (column of columns; track $index) {
-				@if (column.isOperation) {
-					<th>
-						<div class="flex justify-content-center">Operations</div>
-					</th>
-				} @else {
-					<th [ttSortableColumn]="column.field">
-						<div class="flex justify-content-between align-items-center">
-							{{ column.header }}
-							<!-- <p-treeTableSortIcon [field]="column.field"></p-treeTableSortIcon> -->
-						</div>
-					</th>
-				}
-			}
-		</tr>
-	</ng-template>
-	<ng-template pTemplate="body" let-rowNode let-rowData="rowData" let-columns="columns">
-		<tr [ttRow]="rowNode">
-			@if (checkboxSelection()) {
-				<td>
-					<p-treeTableCheckbox [value]="rowNode"></p-treeTableCheckbox>
-				</td>
-			}
-			@for (column of columns; track $index) {
-				<td>
-					@if ($first) {
-						<p-treeTableToggler [rowNode]="rowNode"></p-treeTableToggler>
-					}
-					<ng-template ngFor [ngForOf]="[rowNode.node]" [ngForTemplate]="column.template"> </ng-template>
-				</td>
-			}
-		</tr>
-	</ng-template>
-	<ng-template pTemplate="summary">
-		<ng-content select="[footer]"></ng-content>
-	</ng-template>
-	<ng-template pTemplate="emptymessage">
-		<tr>
-			<td [attr.colspan]="columns._results.length">No Data Found</td>
-		</tr>
-	</ng-template>
-</p-treeTable>

package/ui/treeTable/src/tree-table.component.ts

@@ -1,57 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';
-import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Output, input } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-
-import { TreeNode, TreeTableNode } from 'primeng/api';
-import { TreeTableModule } from 'primeng/treetable';
-
-import * as FileSaver from 'file-saver';
-
-import { ButtonComponent } from 'aril/ui/button';
-import { TableColumnComponent, TableColumns } from 'aril/ui/table';
-import { TextComponent } from 'aril/ui/text';
-
-const pageOptions = [10, 20, 50, 100];
-
-@Component({
-	standalone: true,
-	selector: 'aril-tree-table',
-	templateUrl: './tree-table.component.html',
-	imports: [TreeTableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],
-	changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class TreeTableComponent {
-	data = input.required<TreeNode[]>();
-	checkboxSelection = input<boolean>();
-	pageSize = input<(typeof pageOptions)[number]>(10);
-	scrollable = input<boolean>(false);
-	scrollHeight = input<string>();
-
-	@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();
-	@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();
-
-	@ContentChildren(TableColumnComponent) columns!: TableColumns;
-
-	filterText!: string;
-	pageOptions = pageOptions;
-	selectedNodes!: TreeTableNode<any> | TreeTableNode<any>[] | null;
-
-	excelExport() {
-		// import('xlsx').then((xlsx) => {
-		// 	const worksheet = xlsx.utils.json_to_sheet(this.data());
-		// 	const workbook = { Sheets: { data: worksheet }, SheetNames: ['data'] };
-		// 	const excelBuffer: any = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });
-		// 	this.saveAsExcelFile(excelBuffer, 'excel_worksheet');
-		// });
-	}
-
-	saveAsExcelFile(buffer: any, fileName: string): void {
-		const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
-		const EXCEL_EXTENSION = '.xlsx';
-		const data: Blob = new Blob([buffer], {
-			type: EXCEL_TYPE
-		});
-		FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
-	}
-}

package/ui/value/ng-package.json

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

package/ui/value/src/value.component.html

@@ -1,94 +0,0 @@
-@if (model() == undefined || model() == null) {
-	<i
-		class="pi pi-minus"
-		style="color: red"
-		[pTooltip]="this.translocoService.translate('validations.noItemToShow')"></i>
-} @else {
-	@if (type() == 'bool') {
-		@if (!!model()) {
-			<i class="pi pi-check" style="color: green"></i>
-		} @else {
-			<i class="pi pi-times" style="color: crimson"></i>
-		}
-	} @else if (type() === 'enum') {
-		@if (isModelArray()) {
-			<div class="flex align-items-center gap-1">
-				@for (display of enumArrayDisplays().slice(0, 2); track display; let i = $index) {
-					<aril-badge [background]="enumArrayBackgroundColors()[i]" [value]="display" />
-				}
-				@if (enumArrayDisplays().length > 2) {
-					<i class="pi pi-ellipsis-v cursor-pointer" (click)="enumOp.toggle($event)"></i>
-
-					<p-overlayPanel #enumOp class="shadow-4" appendTo="body">
-						<div class="flex flex-column gap-2 max-w-30rem max-h-20rem pr-3 overflow-y-auto">
-							@for (display of enumArrayDisplays() | slice: 2; track display; let i = $index) {
-								<aril-badge [background]="enumArrayBackgroundColors()[i + 2]" [value]="display" />
-							}
-						</div>
-					</p-overlayPanel>
-				}
-			</div>
-		} @else {
-			<aril-badge [background]="enumBadgeBackgroundColor()" [value]="enumSelectionDisplay()" />
-		}
-	} @else if (type() === 'array') {
-		<div class="flex align-items-center gap-1">
-			@for (item of model().slice(0, arrayTypeMaxBadgeCount()); track item) {
-				<aril-badge [background]="getArrayItemValue(item) || '' | enumColorPicker" [value]="getArrayItemValue(item)" />
-			}
-			@if (model().length > arrayTypeMaxBadgeCount()) {
-				<i class="pi pi-ellipsis-v cursor-pointer" (click)="op.toggle($event)"></i>
-
-				<p-overlayPanel #op class="shadow-4" appendTo="body">
-					<div class="flex flex-column gap-2 max-w-30rem max-h-20rem pr-3 overflow-y-auto">
-						@for (item of model() | slice: arrayTypeMaxBadgeCount(); track item) {
-							<aril-badge
-								[background]="getArrayItemValue(item) || '' | enumColorPicker"
-								[value]="getArrayItemValue(item)" />
-						}
-					</div>
-				</p-overlayPanel>
-			}
-		</div>
-	} @else {
-		@if (display() == undefined) {
-			<i
-				class="pi pi-exclamation-circle"
-				style="color: red"
-				[pTooltip]="this.translocoService.translate('validations.invalidDataFormat')">
-			</i>
-		} @else {
-			<span class="flex align-items-center gap-2">
-				@if (showCopyIcon()) {
-					<i
-						class="pi pi-copy cursor-pointer"
-						(click)="copyToClipboard(display()?.toString()); $event.stopPropagation()"
-						style="font-size: 1rem; color: green"></i>
-				}
-				<span
-					[pTooltip]="
-						type() === 'text' && isTextClamp() && display()?.toString().length > textClampCharacters() ?
-							display()?.toString()
-						:	''
-					"
-					tooltipPosition="top"
-					[class.text-no-wrap]="isTextClamp()"
-					[style]="isClickable() ? { 'text-decoration': 'underline', color: '#0000EE', cursor: 'pointer' } : ''">
-					@if (type() === 'number' || type() === 'decimal') {
-						{{ model() | number: getNumberFormat() : 'tr-TR' }}
-					} @else if (type() === 'big_decimal') {
-						{{ model() | roundNumber: bigDecimalScale() : bigDecimalRoundingMode() : 'tr-TR' }}
-					} @else if (type() === 'currency') {
-						{{ model() | currency: format() ?? 'TRY' : 'symbol' : '1.0-2' }}
-					} @else if (type() === 'text' && isTextClamp()) {
-						{{
-							display().length > textClampCharacters() ? display().slice(0, textClampCharacters()) + '...' : display()
-						}}
-					} @else {
-						{{ display() }}
-					}
-				</span>
-			</span>
-		}
-	}
-}

package/ui/value/src/value.component.scss

@@ -1,6 +0,0 @@
-.text-no-wrap {
-   display: inline-block;
-   white-space: nowrap ; 
-   overflow: hidden ;
-   text-overflow: ellipsis
-}