@codex-ts/core-lib 1.0.2 → 1.0.4

package/src/lib/components/formly/types/date.type.ts

@@ -1,88 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { FieldType, FormlyModule } from '@ngx-formly/core';
-import { DatePickerModule } from 'primeng/datepicker';
-import { formatDate } from '@angular/common';
-
-@Component({
-  selector: 'formly-field-date',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    FormlyModule,
-    DatePickerModule
-  ],
-  template: `
-    <p-datepicker
-      [formControl]="$any(formControl)"
-      [formlyAttributes]="field"
-      [showIcon]="true"
-      [dateFormat]="props['dateFormat'] || 'dd-mm-yy'"
-      [showTime]="props['showTime'] || false"
-      [touchUI]="props['touchUI'] || false"
-      [placeholder]="props['placeholder'] || ''"
-      [minDate]="props['minDate']"
-      [maxDate]="props['maxDate']"
-      [showOnFocus]="false"
-      [todayButtonStyleClass]="'p-button-secondary'"
-      [clearButtonStyleClass]="'p-button-secondary'"
-      styleClass="w-full"
-      (onSelect)="onDateSelect($event)"
-      (onInput)="onDateInput($event)">
-    </p-datepicker>
-  `
-})
-export class DateType extends FieldType {
-  override defaultOptions = {
-    props: {
-      dateFormat: 'dd-mm-yy',
-      showTime: false,
-      touchUI: false,
-      placeholder: '',
-      showButtonBar: true,
-    }
-  };
-
-  onDateSelect(event: Date): void {
-    this.formatAndSetDate(event);
-  }
-
-  onDateInput(event: any): void {
-    const inputValue = event.target.value.trim();
-    if (this.isValidDateInput(inputValue, this.props['dateFormat'] || 'dd-mm-yy')) {
-      const parsedDate = this.parseDate(inputValue, this.props['dateFormat'] || 'dd-mm-yy');
-      if (parsedDate) {
-        this.formatAndSetDate(parsedDate);
-      }
-    } else {
-      this.formControl?.setErrors({ invalidDate: true });
-    }
-  }
-
-  private formatAndSetDate(date: Date): void {
-    if (this.formControl) {
-      const formattedDate = formatDate(date, 'dd-MM-yyyy', 'en-US');
-      this.formControl.setValue(formattedDate);
-    }
-  }
-
-  private parseDate(value: string, format: string): Date | null {
-    const parts = value.split(/[-/]/); // Split by common delimiters
-    if (parts.length === 3) {
-      const [day, month, year] = format === 'dd-mm-yy'
-        ? [parseInt(parts[0], 10), parseInt(parts[1], 10) - 1, parseInt(parts[2], 10)]
-        : [parseInt(parts[1], 10), parseInt(parts[0], 10) - 1, parseInt(parts[2], 10)];
-      return new Date(year, month, day);
-    }
-    return null;
-  }
-
-  private isValidDateInput(value: string, format: string): boolean {
-    const dateRegex = format === 'dd-mm-yy'
-      ? /^\d{2}-\d{2}-\d{4}$/
-      : /^\d{2}\/\d{2}\/\d{4}$/;
-    return dateRegex.test(value);
-  }
-}

package/src/lib/components/formly/types/multiselect.type.ts

@@ -1,61 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { FieldType, FormlyModule } from '@ngx-formly/core';
-import { MultiSelectModule } from 'primeng/multiselect';
-import { Observable, isObservable, of } from 'rxjs';
-
-interface SelectOption {
-  value: any;
-  label: string;
-  [key: string]: any;
-}
-
-@Component({
-  selector: 'formly-field-multiselect',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    FormlyModule,
-    MultiSelectModule
-  ],
-  template: `
-    <ng-container *ngIf="options$ | async as options">
-      <p-multiSelect
-        [formControl]="$any(formControl)"
-        [formlyAttributes]="field"
-        [options]="options"
-        [optionLabel]="props['optionLabel'] || 'label'"
-        [optionValue]="props['optionValue'] || 'value'"
-        [placeholder]="props['placeholder'] || 'Select'"
-        [filter]="props['filter'] || true"
-        [filterBy]="props['filterBy'] || 'label'"
-        [maxSelectedLabels]="props['maxSelectedLabels'] || 2"
-        [showToggleAll]="props['showToggleAll'] || true"
-        [virtualScroll]="props['virtualScroll'] || false"
-        [display]="props['display'] || 'chip'"
-        styleClass="w-full">
-      </p-multiSelect>
-    </ng-container>
-  `
-})
-export class MultiselectType extends FieldType {
-  get options$(): Observable<SelectOption[]> {
-    const options = this.props['options'];
-    return isObservable(options) ? options : of(options || []);
-  }
-
-  override defaultOptions = {
-    props: {
-      options: [] as SelectOption[],
-      optionLabel: 'label',
-      optionValue: 'value',
-      placeholder: 'Select',
-      filter: false,
-      maxSelectedLabels: 3,
-      showToggleAll: true,
-      virtualScroll: false
-    }
-  };
-}

package/src/lib/components/formly/types/numeric-input.type.ts

@@ -1,45 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { FieldType, FormlyModule } from '@ngx-formly/core';
-import { InputNumberModule } from 'primeng/inputnumber';
-
-@Component({
-  selector: 'formly-field-numeric-input',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    FormlyModule,
-    InputNumberModule
-  ],
-  template: `
-    <p-inputNumber
-      [formControl]="$any(formControl)"
-      [formlyAttributes]="field"
-      [placeholder]="props['placeholder'] || ''"
-      [min]="props['min'] || 0"
-      [max]="props['max']"
-      [minFractionDigits]="props['minFractionDigits'] || 0"
-      [maxFractionDigits]="props['maxFractionDigits'] || 0"
-      [prefix]="props['prefix'] || ''"
-      [suffix]="props['suffix'] || ''"
-      [useGrouping]="props['useGrouping'] ?? true"
-      [showButtons]="true"
-      class="w-full">
-    </p-inputNumber>
-  `
-})
-export class NumericInputType extends FieldType {
-  override defaultOptions = {
-    props: {
-      min: undefined,
-      max: undefined,
-      minFractionDigits: 0,
-      maxFractionDigits: 0,
-      prefix: '',
-      suffix: '',
-      useGrouping: true
-    }
-  };
-}

package/src/lib/components/formly/types/radio.type.ts

@@ -1,47 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { FormlyModule, FieldType } from '@ngx-formly/core';
-import { RadioButtonModule } from 'primeng/radiobutton';
-import { Observable, isObservable, of } from 'rxjs';
-
-interface RadioOption {
-  value: any;
-  label: string;
-}
-
-@Component({
-  selector: 'formly-field-radio',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    FormlyModule,
-    RadioButtonModule
-  ],
-  template: `
-    <div class="flex flex-column gap-1">
-      <ng-container *ngIf="options$ | async as options">
-        <div *ngFor="let option of options; let i = index" class="flex align-items-center gap-2">
-          <p-radioButton
-            [name]="field.name || ''"
-            [value]="option.value"
-            [formControl]="$any(formControl)"
-            [formlyAttributes]="field"
-            [size]="'small'"
-            [inputId]="field.key + '_' + i">
-          </p-radioButton>
-          <label [for]="field.key + '_' + i" class="p-radio-label cursor-pointer">
-            {{option.label}}
-          </label>
-        </div>
-      </ng-container>
-    </div>
-  `
-})
-export class RadioType extends FieldType {
-  get options$(): Observable<RadioOption[]> {
-    const options = this.props['options'];
-    return isObservable(options) ? options : of(options || []);
-  }
-}

package/src/lib/components/formly/types/select.type.ts

@@ -1,54 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { FieldType, FormlyModule } from '@ngx-formly/core';
-import { SelectModule } from 'primeng/select';
-import { Observable, of, isObservable } from 'rxjs';
-
-interface SelectOption {
-  value: any;
-  label: string;
-  [key: string]: any; // For additional properties
-}
-
-@Component({
-  selector: 'formly-field-select',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    FormlyModule,
-    SelectModule
-  ],
-  template: `
-    <ng-container *ngIf="options$ | async as options">
-      <p-select
-        [formControl]="$any(formControl)"
-        [formlyAttributes]="field"
-        [options]="options"
-        [virtualScroll]="false"
-        [showClear]="false"
-        [placeholder]="props['placeholder'] || 'Select'"
-        styleClass="w-full">
-      </p-select>
-    </ng-container>
-  `
-})
-export class SelectType extends FieldType {
-  get options$(): Observable<SelectOption[]> {
-    const options = this.props['options'];
-    return isObservable(options) ? options : of(options || []);
-  }
-
-  override defaultOptions = {
-    props: {
-      options: [],
-      optionLabel: 'label',
-      optionValue: 'value',
-      placeholder: 'Select',
-      showClear: false,
-      filter: false,
-      virtualScroll: false
-    }
-  };
-}

package/src/lib/components/formly/types/text-input.type.ts

@@ -1,33 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { FieldType, FormlyModule } from '@ngx-formly/core';
-import { InputTextModule } from 'primeng/inputtext';
-
-@Component({
-  selector: 'formly-field-text-input',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    FormlyModule,
-    InputTextModule
-  ],
-  template: `
-    <input pInputText
-           [type]="props['type'] || 'text'"
-           [formControl]="$any(formControl)"
-           [formlyAttributes]="field"
-           [placeholder]="props['placeholder'] || ''"
-           [attr.aria-label]="props['label'] || props['placeholder'] || ''"
-           class="w-full"/>
-  `
-})
-export class TextInputType extends FieldType {
-  override defaultOptions = {
-    props: {
-      type: 'text',
-      placeholder: ''
-    }
-  };
-}

package/src/lib/components/formly/types/textarea.type.ts

@@ -1,37 +0,0 @@
-import { Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { FieldType, FormlyModule } from '@ngx-formly/core';
-import { Textarea } from 'primeng/inputtextarea';
-
-@Component({
-  selector: 'formly-field-textarea',
-  standalone: true,
-  imports: [
-    CommonModule,
-    ReactiveFormsModule,
-    FormlyModule,
-    Textarea
-  ],
-  template: `
-    <textarea pInputTextarea
-      [formControl]="$any(formControl)"
-      [formlyAttributes]="field"
-      [rows]="props['rows'] || 3"
-      [cols]="props['cols']"
-      [autoResize]="props['autoResize']"
-      [placeholder]="props['placeholder'] || ''"
-      class="w-full">
-    </textarea>
-  `
-})
-export class TextareaType extends FieldType {
-  override defaultOptions = {
-    props: {
-      rows: 3,
-      cols: undefined,
-      autoResize: true,
-      placeholder: ''
-    }
-  };
-}

package/src/lib/constants/app.constants.ts

@@ -1,15 +0,0 @@
-export class AppConstants {
-    static readonly FORM = {
-        MODE: 'mode',
-        UUID: 'uuid',
-        NEW: 'new'
-    } as const;
-
-    static readonly PAGE_MODE = {
-        CREATE: 'create',
-        EDIT: 'edit',
-        VIEW: 'view'
-    } as const;
-}
-
-export type PageMode = typeof AppConstants.PAGE_MODE[keyof typeof AppConstants.PAGE_MODE];

package/src/lib/constants/app.messages.ts

@@ -1,36 +0,0 @@
-export const AppMessages = {
-    COMMON: {
-        ERROR: {
-            GENERAL: 'An error occurred',
-            INVALID_INPUT: 'Invalid input provided',
-            REQUIRED_FIELD: 'This field is required'
-        },
-        SUCCESS: {
-            SAVE: 'saved successfully',
-            UPDATE: 'updated successfully',
-            DELETE: 'deleted successfully'
-        }
-    },
-    FORM: {
-        ERROR: {
-            INIT: 'Failed to initialize form',
-            SAVE: 'Failed to save',
-            LOAD: 'Failed to load',
-            VALIDATION: 'Please fill in all required fields correctly'
-        },
-        SUCCESS: {
-            SAVE: 'saved successfully'
-        }
-    },
-    LIST: {
-        ERROR: {
-            LOAD: 'Failed to load',
-            DELETE: 'Failed to delete',
-            NAVIGATION: 'Navigation failed',
-            INVALID_ID: 'Cannot perform action without ID'
-        },
-        SUCCESS: {
-            DELETE: 'deleted successfully'
-        }
-    }
-} as const;

package/src/lib/enums/component-context.enum.ts

@@ -1,6 +0,0 @@
-export enum ComponentContext {
-  STANDALONE = 'STANDALONE',
-  TABBED = 'TABBED',
-  MODAL = 'MODAL',
-  EMBEDDED = 'EMBEDDED'
-}

package/src/lib/enums/tabbed-form-type.enum.ts

@@ -1,4 +0,0 @@
-export enum TabbedFormType {
-    STANDARD = 'STANDARD',
-    LIST = 'LIST'
-}

package/src/lib/models/pagination/filter-criteria.interface.ts

@@ -1,19 +0,0 @@
-/**
- * Matches backend FilterCriteria and FilterOperator
- */
-export type FilterOperator = 
-    | 'EQUALS'
-    | 'NOT_EQUALS'
-    | 'CONTAINS'
-    | 'STARTS_WITH'
-    | 'ENDS_WITH'
-    | 'LESS_THAN'
-    | 'LESS_THAN_EQUALS'
-    | 'GREATER_THAN'
-    | 'GREATER_THAN_EQUALS';
-
-export interface FilterCriteria {
-    field: string;
-    value: string;  // Backend expects all values as strings
-    operator: FilterOperator;
-}

package/src/lib/models/pagination/page-request.interface.ts

@@ -1,13 +0,0 @@
-import { FilterCriteria } from './filter-criteria.interface';
-import { SortCriteria } from './sort-criteria.interface';
-
-export interface PageRequest {
-    page?: number;
-    size?: number;
-    sorts?: SortCriteria[];
-    filters?: FilterCriteria[];
-}
-
-// Re-export for convenience
-export type { FilterCriteria } from './filter-criteria.interface';
-export type { SortCriteria } from './sort-criteria.interface';

package/src/lib/models/pagination/page.interface.ts

@@ -1,9 +0,0 @@
-export interface Page<T> {
-    content: T[];
-    page:{
-        totalElements: number;
-        totalPages: number;
-        size: number;
-        number: number;
-    }
-}

package/src/lib/models/pagination/sort-criteria.interface.ts

@@ -1,4 +0,0 @@
-export interface SortCriteria {
-  field: string;
-  direction: 'asc' | 'desc';
-}

package/src/lib/pipes/indian-date.pipe.ts

@@ -1,46 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { DatePipe } from '@angular/common';
-
-type DateFormat = 'default' | 'short' | 'medium';
-
-@Pipe({
-    name: 'indianDate',
-    standalone: true
-})
-export class IndianDatePipe implements PipeTransform {
-    constructor(private datePipe: DatePipe) {}
-
-    transform(value: string | null, format: DateFormat = 'default'): string | null {
-        if (!value) return null;
-
-        // First validate dd-MM-yyyy format
-        const dateRegex = /^(0[1-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
-        if (!dateRegex.test(value)) {
-            throw new Error(`Invalid date format: ${value}. Expected format: dd-MM-yyyy`);
-        }
-
-        // Validate real date
-        const [day, month, year] = value.split('-').map(Number);
-        const date = new Date(year, month - 1, day);
-        if (
-            date.getFullYear() !== year ||
-            date.getMonth() !== month - 1 ||
-            date.getDate() !== day
-        ) {
-            throw new Error(`Invalid date: ${value}`);
-        }
-
-        // Apply requested format
-        switch (format) {
-            case 'short':
-                // Pad with leading zeros for consistent format
-                const paddedDay = day.toString().padStart(2, '0');
-                const paddedMonth = month.toString().padStart(2, '0');
-                return `${paddedDay}-${paddedMonth}-${year}`; // 10-03-2025
-            case 'medium':
-                return this.datePipe.transform(date, 'dd MMM yyyy'); // 10 Jan 2019
-            default:
-                return value; // original dd-MM-yyyy
-        }
-    }
-}

package/src/lib/services/base-crud.service.ts

@@ -1,81 +0,0 @@
-import { HttpParams, HttpErrorResponse } from '@angular/common/http';
-import { Observable, throwError } from 'rxjs';
-import { HttpUtilityService } from './http-utility.service';
-import { UtilsService } from './utils.service';
-import { MessageService } from 'primeng/api';
-import { Page } from '../models/pagination/page.interface';
-import { PageRequest } from '../models/pagination/page-request.interface';
-import { EntityService } from './entity.service';
-
-export abstract class BaseCrudService<T extends { uuid: string }> implements EntityService<T> {
-  // Use the loading state from HttpUtilityService
-  get loading$() {
-    return this.httpUtility.loading$;
-  }
-
-  protected apiUrl: string;
-
-  /**
-   * Creates an instance of BaseCrudService.
-   * @param httpUtility - Service for making HTTP requests
-   * @param utilsService - Utility service for common operations
-   * @param resourcePath - API resource path (e.g., 'customers', 'products')
-   * @param backendBaseUrl - Base URL for the backend API
-   * @param messageService - Optional service for showing messages
-   */
-  protected constructor(
-    protected httpUtility: HttpUtilityService,
-    protected utilsService: UtilsService,
-    protected resourcePath: string,
-    protected backendBaseUrl: string,
-    protected messageService: MessageService | undefined
-  ) {
-    this.apiUrl = this.joinUrls(backendBaseUrl, resourcePath);
-  }
-
-  /**
-   * Joins URL parts ensuring no double slashes
-   */
-  private joinUrls(...parts: string[]): string {
-    return parts.map(part => part.replace(/^\/+|\/+$/g, '')).join('/');
-  }
-
-  getAll(pageRequest?: PageRequest): Observable<Page<T>> {
-    if (pageRequest) {
-      return this.httpUtility.post<Page<T>>(`${this.apiUrl}/page`, pageRequest);
-    } else {
-      return this.httpUtility.get<Page<T>>(this.apiUrl);
-    }
-  }
-
-  getById(uuid: string): Observable<T> {
-    if (!this.utilsService.isValidUUID(uuid)) {
-      this.utilsService.showError('Invalid UUID format', this.messageService);
-      return throwError(() => new Error('Invalid UUID format'));
-    }
-
-    return this.httpUtility.get<T>(`${this.apiUrl}/${uuid}`);
-  }
-
-  create(entity: Omit<T, 'uuid'>): Observable<T> {
-    return this.httpUtility.post<T>(this.apiUrl, entity);
-  }
-
-  update(uuid: string, entity: Omit<T, 'uuid'>): Observable<T> {
-    if (!this.utilsService.isValidUUID(uuid)) {
-      this.utilsService.showError('Invalid UUID format', this.messageService);
-      return throwError(() => new Error('Invalid UUID format'));
-    }
-
-    return this.httpUtility.put<T>(`${this.apiUrl}/${uuid}`, entity);
-  }
-
-  delete(uuid: string): Observable<void> {
-    if (!this.utilsService.isValidUUID(uuid)) {
-      this.utilsService.showError('Invalid UUID format', this.messageService);
-      return throwError(() => new Error('Invalid UUID format'));
-    }
-
-    return this.httpUtility.delete<void>(`${this.apiUrl}/${uuid}`);
-  }
-}

package/src/lib/services/entity-registry.service.ts

@@ -1,51 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Observable, map } from 'rxjs';
-import { HttpUtilityService } from './http-utility.service';
-import { ReferenceDataProviderService } from './reference-data-provider.service';
-
-export interface ReferenceDto {
-    key: string;
-    displayLabel: string;
-    data?: any;
-}
-
-@Injectable({
-    providedIn: 'root'
-})
-export class EntityRegistryService {
-  constructor(
-    private httpUtility: HttpUtilityService,
-    private dataProvider: ReferenceDataProviderService
-  ) {}
-
-  /**
-   * Gets reference options for an entity, suitable for select/dropdown components
-   * @param entityName The name of the entity (e.g., 'customers', 'departments')
-   * @returns Observable of options array with label/value pairs
-   */
-  getEntityOptions(entityName: string): Observable<{ label: string; value: string; data?: any; }[]> {
-    console.log('getEntityOptions', entityName);
-    const url = this.dataProvider.getReferenceEndpoint(entityName);
-
-    if (!url) {
-      console.warn(`No endpoint configured for entity: ${entityName}`);
-      return new Observable(subscriber => {
-        subscriber.next([]);
-        subscriber.complete();
-      });
-    }
-
-    return this.httpUtility.get<ReferenceDto[]>(url, {
-      retries: 1,
-      timeoutMs: 10000,
-    }).pipe(
-      map((items) =>
-        items?.map((item) => ({
-          label: item.displayLabel,
-          value: item.key,
-          data: item.data,
-        })) || []
-      )
-    );
-  }
-}

package/src/lib/services/entity.service.ts

@@ -1,10 +0,0 @@
-import { Observable } from 'rxjs';
-
-/**
- * Interface for basic CRUD operations that all entity services must implement
- */
-export interface EntityService<T> {
-    create(data: Omit<T, 'uuid'>): Observable<T>;
-    update(uuid: string, data: Omit<T, 'uuid'>): Observable<T>;
-    getById(uuid: string): Observable<T>;
-}