angular-dumb-lib 0.0.30 → 0.0.32

package/lib/components/atoms/file-selection/file-selection.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { IButtonConfig } from '../../../shared/interfaces/interface';
 import * as i0 from "@angular/core";
@@ -7,19 +7,23 @@ export declare class FileSelectionComponent implements OnInit, ControlValueAcces
     chooseFileLabel: string;
     imageUrl: string | ArrayBuffer | null;
     fileName: string | null;
+    valueChange: EventEmitter<File | null>;
+    fileInputRef: ElementRef<HTMLInputElement>;
     config: IButtonConfig;
+    private _value;
+    isDisabled: boolean;
     onChange: any;
     onTouched: any;
-    private _value;
-    get value(): any;
-    set value(value: any);
+    get value(): File | string | null;
+    set value(val: File | null);
     ngOnInit(): void;
     onFileSelected(event: Event): void;
+    previewImage(file: File): void;
     triggerFileInput(): void;
-    writeValue(value: any): void;
+    writeValue(value: string | File | null): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
+    setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileSelectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileSelectionComponent, "app-file-selection", never, { "label": { "alias": "label"; "required": false; }; "chooseFileLabel": { "alias": "chooseFileLabel"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileSelectionComponent, "app-file-selection", never, { "label": { "alias": "label"; "required": false; }; "chooseFileLabel": { "alias": "chooseFileLabel"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "fileName": { "alias": "fileName"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/lib/components/atoms/selection/selection.component.d.ts

@@ -1,28 +1,21 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { SelectionType } from '../../../shared/enums/enum';
 import { IDropdownOption } from '../../../shared/interfaces/interface';
 import * as i0 from "@angular/core";
-export declare class SelectionComponent implements OnInit, ControlValueAccessor {
+export declare class SelectionComponent implements ControlValueAccessor {
     label: string;
     options: IDropdownOption[] | undefined;
-    selectedValue: any;
-    selectedValues: any[];
     isMultiSelect: boolean;
-    displayType: SelectionType;
     selectedChange: EventEmitter<any>;
-    onChange: any;
-    onTouched: any;
+    private _value;
+    onChange: (value: any) => void;
+    onTouched: () => void;
     get value(): any;
-    set value(value: any);
-    ngOnInit(): void;
-    onSelectChange(event: Event): void;
-    onMultiSelectChange(event: Event): void;
-    isSelected(value: any): boolean;
+    set value(val: any);
+    onDropdownChange(value: any): void;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionComponent, "app-selection", never, { "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; "isMultiSelect": { "alias": "isMultiSelect"; "required": false; }; "displayType": { "alias": "displayType"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectionComponent, "app-selection", never, { "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "isMultiSelect": { "alias": "isMultiSelect"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
 }

package/lib/components/molecules/actions/actions.component.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { CRUDType } from '../../../shared/enums/enum';
+import { IButtonConfig } from '../../../shared/interfaces/interface';
+import * as i0 from "@angular/core";
+export declare class ActionsComponent implements OnInit {
+    actionButtons: IButtonConfig[];
+    crudActions: CRUDType[];
+    selectedAction: EventEmitter<string>;
+    crudButtons: IButtonConfig[];
+    constructor();
+    ngOnInit(): void;
+    clickButton(action: string | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionsComponent, "app-actions", never, { "actionButtons": { "alias": "actionButtons"; "required": false; }; "crudActions": { "alias": "crudActions"; "required": false; }; }, { "selectedAction": "selectedAction"; }, never, never, true, never>;
+}

package/lib/components/molecules/paginator/paginator.component.d.ts

@@ -19,7 +19,7 @@ export declare class PaginatorComponent implements OnInit {
     ngOnInit(): void;
     ngOnChanges(): void;
     selectPage(i: number): void;
-    onChangeNumberOfPage(itemsPerPageId: string): void;
+    onChangeNumberOfPage(itemsPerPage: any): void;
     private emitPaging;
     private calculateNumberOfPage;
     private updateButtonConfigs;

package/lib/components/pages/admin/admin.component.d.ts

@@ -0,0 +1,47 @@
+import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { IButtonConfig, IDataColumnConfig, IInputConfig, IModalEvent, IPaginator } from '../../../shared/interfaces/interface';
+import { TableColumnType } from '../../../shared/enums/enum';
+import { PagesFacade } from '../../../shared/facades/pages.facade';
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class AdminComponent<T> implements OnInit {
+    private pageFacade;
+    itemFormTpl: TemplateRef<unknown>;
+    warningDialogTpl: TemplateRef<unknown>;
+    modalEvent: IModalEvent;
+    formGroup: FormGroup;
+    selectedItems: any[];
+    TableColumnType: typeof TableColumnType;
+    tableContents: T[];
+    columns: IDataColumnConfig[];
+    formFields: IInputConfig[];
+    tableName: string;
+    totalRecords: number;
+    loadingState: Observable<boolean>;
+    actionButtons: IButtonConfig[];
+    validationMessages: {
+        [fieldName: string]: {
+            [errorKey: string]: string;
+        };
+    };
+    paginator: EventEmitter<IPaginator>;
+    itemAction: EventEmitter<{
+        action: string;
+        item: T[];
+    }>;
+    formSubmit: EventEmitter<any>;
+    constructor(pageFacade: PagesFacade);
+    ngOnInit(): void;
+    changePaginator(paginator: IPaginator): void;
+    toggleSelection(item: T, event: Event): void;
+    isSelected(item: T): boolean;
+    private _initPageEventHandler;
+    private _subscribeToPageReady;
+    private _initializeForm;
+    openDialog(detailAction: string, items?: T[]): void;
+    selectedItem(action: string): void;
+    saveForm(formGroup: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdminComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdminComponent<any>, "app-admin", never, { "tableContents": { "alias": "tableContents"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "formFields": { "alias": "formFields"; "required": false; }; "tableName": { "alias": "tableName"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "loadingState": { "alias": "loadingState"; "required": false; }; "actionButtons": { "alias": "actionButtons"; "required": false; }; "validationMessages": { "alias": "validationMessages"; "required": false; }; }, { "paginator": "paginator"; "itemAction": "itemAction"; "formSubmit": "formSubmit"; }, never, never, true, never>;
+}

package/lib/shared/enums/enum.d.ts

@@ -35,17 +35,16 @@ export declare enum InputType {
     select = "select",
     file = "file"
 }
+export declare enum TableColumnType {
+    text = "text",
+    image = "image"
+}
 export declare enum ContentDirection {
     left = "left",
     right = "right",
     up = "up",
     down = "down"
 }
-export declare enum SelectionType {
-    dropdown = "dropdown",
-    radio = "radio",
-    checkbox = "checkbox"
-}
 export declare enum Size {
     Xbig = "xbig",
     Big = "big",

package/lib/shared/facades/event-abstract.facade.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare abstract class EventAbstractFacade<T> {
+    private readonly _eventsDictionary;
+    addEventListener(name: string, handler: (...argument: T[] | unknown[]) => void): void;
+    dispatch(name: string, ...args: T[] | unknown[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EventAbstractFacade<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EventAbstractFacade<any>>;
+}

package/lib/shared/facades/pages.facade.d.ts

@@ -0,0 +1,31 @@
+import { Observable } from "rxjs";
+import { EventAbstractFacade } from "./event-abstract.facade";
+import { IModalEvent } from "../interfaces/interface";
+import * as i0 from "@angular/core";
+export declare enum PageEvent {
+    Modal = "Modal",
+    Loading = "Loading"
+}
+export interface ILoadingEvent {
+    text: string;
+    position?: 'top' | 'bottom';
+}
+export type PageEventDetails = IModalEvent | ILoadingEvent | unknown;
+export interface IPageEvent {
+    type?: 'start' | 'end' | unknown;
+    details?: PageEventDetails;
+}
+export declare class PagesFacade extends EventAbstractFacade<IPageEvent> {
+    private readonly _isPageReady;
+    private _params;
+    private _validated;
+    get isPageReady(): Observable<boolean>;
+    get params(): Record<string | number | symbol, unknown>;
+    get validated(): boolean;
+    setParams(value: Record<string | number | symbol, unknown>): void;
+    markAsReady(): void;
+    markAsLoading(): void;
+    validate(status: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagesFacade, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PagesFacade>;
+}

package/lib/shared/interfaces/interface.d.ts

@@ -1,5 +1,5 @@
 import { TemplateRef } from "@angular/core";
-import { ButtonType, ContentDirection, DesignType, InputDirection, InputType, WidgetPosition } from "../enums/enum";
+import { ButtonType, ContentDirection, DesignType, InputDirection, InputType, TableColumnType, WidgetPosition } from "../enums/enum";
 import { ValidatorFn } from "@angular/forms";
 export interface IButtonConfig {
     isDisabled?: boolean;
@@ -71,6 +71,7 @@ export interface IPaginator {
 export interface IDataColumnConfig {
     name: string;
     label: string;
+    type: TableColumnType;
 }
 export interface IItemList<T> {
     totalRecords: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-dumb-lib",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "peerDependencies": {
     "@angular/common": "^19.2.4",
     "@angular/core": "^19.2.4"

package/public-api.d.ts

@@ -22,5 +22,6 @@ export * from './lib/components/pages/login/login.component';
 export * from './lib/components/pages/menu/menu.component';
 export * from './lib/components/pages/version/version.component';
 export * from './lib/components/pages/detail/detail.component';
+export * from './lib/components/pages/admin/admin.component';
 export * from './lib/shared/interfaces/interface';
 export * from './lib/shared/enums/enum';