@corp-products/ui-components 3.2.9 → 3.3.1

package/src/lib/dual-calender/hijri-calendar/hijri-calendar.component.html

@@ -1,10 +0,0 @@
-<ngb-datepicker #dp [class.rtl]="language === 'ar'" [class.ltr]="language === 'en'" [ngModel]="model"
-  [startDate]="startDate" (ngModelChange)="onDateChange($event)" (dateSelect)="dateSelected.emit($event)"
-  [dayTemplate]="dayTemplate" [markDisabled]="isDisabled">
-</ngb-datepicker>
-<ng-template #dayTemplate let-date let-currentMonth="currentMonth" let-selected="selected" let-disabled="disabled">
-  <span class="custom-day" [class.today]="isToday(date)" [class.selected]="selected"
-    [class.outside]="date.month !== currentMonth" [class.disabled]="disabled">
-    {{ date.day }}
-  </span>
-</ng-template>

package/src/lib/dual-calender/hijri-calendar/hijri-calendar.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { HijriCalendarComponent } from "./hijri-calendar.component";
-
-describe("ReadMoreComponent", () => {
-  let component: HijriCalendarComponent;
-  let fixture: ComponentFixture<HijriCalendarComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [HijriCalendarComponent]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(HijriCalendarComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it("should create", () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/dual-calender/hijri-calendar/hijri-calendar.component.ts

@@ -1,59 +0,0 @@
-import { ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
-import {
-  NgbCalendar,
-  NgbCalendarIslamicUmalqura,
-  NgbDatepickerI18n,
-  NgbDatepickerModule,
-  NgbDateStruct,
-} from '@ng-bootstrap/ng-bootstrap';
-import { FormsModule } from '@angular/forms';
-import { DynamicHijriI18n } from '../services/islamic-i18n.service';
-
-@Component({
-  selector: "app-hijri-calendar",
-  standalone: true,
-  imports: [NgbDatepickerModule, FormsModule],
-  providers: [
-    { provide: NgbCalendar, useClass: NgbCalendarIslamicUmalqura },
-    { provide: NgbDatepickerI18n, useClass: DynamicHijriI18n }
-  ],
-  templateUrl: "./hijri-calendar.component.html",
-  styleUrl: "./hijri-calendar.component.scss"
-})
-export class HijriCalendarComponent  implements OnChanges   {
-  @Input() model!: NgbDateStruct;
-  @Output() dateSelected = new EventEmitter<NgbDateStruct>();
-  @Input() language: 'ar' | 'en' = 'en';
-  startDate!: NgbDateStruct;
-  private calendar = new NgbCalendarIslamicUmalqura();
-  constructor(
-    private i18n: NgbDatepickerI18n,
-    private cdr: ChangeDetectorRef
-  ) {
-  }
-  ngOnChanges(changes: SimpleChanges) {
-    if (changes['model'] && changes['model'].currentValue) {
-      this.startDate = { ...changes['model'].currentValue };
-      console.log('Hijri navigating to:', this.startDate);
-    }
-
-    if (changes['language'] && this.i18n instanceof DynamicHijriI18n) {
-      this.i18n.setLanguage(this.language);
-      this.cdr.detectChanges(); // Force re-render to update labels
-    }
-  }
-
-  onDateChange(date: NgbDateStruct) {
-    this.model = date;
-    this.startDate = { ...date };
-  }
-
-  isToday(date: NgbDateStruct): boolean {
-    const today = this.calendar.getToday();
-    return date.year === today.year &&
-      date.month === today.month &&
-      date.day === today.day;
-  }
-
-  isDisabled = () => false;
-}

package/src/lib/dual-calender/services/gregorian-i18n.service.ts

@@ -1,123 +0,0 @@
-import { Injectable } from '@angular/core';
-import { NgbDatepickerI18n, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
-import { MONTHS_GREGORIAN, WEEKDAYS } from '../utils/date-i18n.utils';
-
-
-@Injectable()
-export class GregorianArabicI18n extends NgbDatepickerI18n {
-  getMonthShortName(month: number): string {
-    return MONTHS_GREGORIAN.ar[month - 1];
-  }
-
-  getMonthFullName(month: number): string {
-    return MONTHS_GREGORIAN.ar[month - 1];
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return WEEKDAYS.ar[weekday - 1];
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return WEEKDAYS.ar[weekday - 1];
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return `${date.day}-${date.month}-${date.year}`;
-  }
-
-  override getYearNumerals(year: number): string {
-    return String(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return String(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return String(date.day);
-  }
-}
-
-@Injectable()
-export class GregorianEnglishI18n extends NgbDatepickerI18n {
-  getMonthShortName(month: number): string {
-    return MONTHS_GREGORIAN.en[month - 1].substring(0, 3);
-  }
-
-  getMonthFullName(month: number): string {
-    return MONTHS_GREGORIAN.en[month - 1];
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return WEEKDAYS.en[weekday - 1];
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return WEEKDAYS.en[weekday - 1];
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return `${date.day}-${date.month}-${date.year}`;
-  }
-
-  override getYearNumerals(year: number): string {
-    return String(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return String(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return String(date.day);
-  }
-}
-
-// ============ Dynamic I18N Factory ============
-
-@Injectable()
-export class DynamicGregorianI18n extends NgbDatepickerI18n {
-  private currentLang: 'ar' | 'en' = 'en';
-  private arabicI18n = new GregorianArabicI18n();
-  private englishI18n = new GregorianEnglishI18n();
-
-  setLanguage(lang: 'ar' | 'en') {
-    this.currentLang = lang;
-  }
-
-  private get activeI18n() {
-    return this.currentLang === 'ar' ? this.arabicI18n : this.englishI18n;
-  }
-
-  getMonthShortName(month: number): string {
-    return this.activeI18n.getMonthShortName(month);
-  }
-
-  getMonthFullName(month: number): string {
-    return this.activeI18n.getMonthFullName(month);
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return this.activeI18n.getWeekdayLabel(weekday);
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return this.activeI18n.getWeekdayShortName(weekday);
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return this.activeI18n.getDayAriaLabel(date);
-  }
-
-  override getYearNumerals(year: number): string {
-    return this.activeI18n.getYearNumerals(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return this.activeI18n.getWeekNumerals(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return this.activeI18n.getDayNumerals(date);
-  }
-}

package/src/lib/dual-calender/services/islamic-i18n.service.ts

@@ -1,119 +0,0 @@
-import { Injectable } from '@angular/core';
-import { NgbDatepickerI18n, NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
-import { MONTHS_HIJRI, WEEKDAYS } from '../utils/date-i18n.utils';
-
-@Injectable()
-export class IslamicI18n extends NgbDatepickerI18n {
-  getMonthShortName(month: number): string {
-    return MONTHS_HIJRI.ar[month - 1];
-  }
-
-  getMonthFullName(month: number): string {
-    return MONTHS_HIJRI.ar[month - 1];
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return WEEKDAYS.ar[weekday - 1];
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return WEEKDAYS.ar[weekday - 1];
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return `${date.day}-${date.month}-${date.year}`;
-  }
-
-  override getYearNumerals(year: number): string {
-    return String(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return String(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return String(date.day);
-  }
-}
-
-@Injectable()
-export class HijriEnglishI18n extends NgbDatepickerI18n {
-  getMonthShortName(month: number): string {
-    return MONTHS_HIJRI.en[month - 1].substring(0, 3);
-  }
-
-  getMonthFullName(month: number): string {
-    return MONTHS_HIJRI.en[month - 1];
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return WEEKDAYS.en[weekday - 1];
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return WEEKDAYS.en[weekday - 1];
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return `${date.day}-${date.month}-${date.year}`;
-  }
-
-  override getYearNumerals(year: number): string {
-    return String(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return String(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return String(date.day);
-  }
-}
-@Injectable()
-export class DynamicHijriI18n extends NgbDatepickerI18n {
-  private currentLang: 'ar' | 'en' = 'ar';
-  private arabicI18n = new IslamicI18n();
-  private englishI18n = new HijriEnglishI18n();
-
-  setLanguage(lang: 'ar' | 'en') {
-    this.currentLang = lang;
-  }
-
-  private get activeI18n() {
-    return this.currentLang === 'ar' ? this.arabicI18n : this.englishI18n;
-  }
-
-  getMonthShortName(month: number): string {
-    return this.activeI18n.getMonthShortName(month);
-  }
-
-  getMonthFullName(month: number): string {
-    return this.activeI18n.getMonthFullName(month);
-  }
-
-  getWeekdayLabel(weekday: number): string {
-    return this.activeI18n.getWeekdayLabel(weekday);
-  }
-
-  getWeekdayShortName(weekday: number): string {
-    return this.activeI18n.getWeekdayShortName(weekday);
-  }
-
-  getDayAriaLabel(date: NgbDateStruct): string {
-    return this.activeI18n.getDayAriaLabel(date);
-  }
-
-  override getYearNumerals(year: number): string {
-    return this.activeI18n.getYearNumerals(year);
-  }
-
-  override getWeekNumerals(weekNumber: number): string {
-    return this.activeI18n.getWeekNumerals(weekNumber);
-  }
-
-  override getDayNumerals(date: NgbDateStruct): string {
-    return this.activeI18n.getDayNumerals(date);
-  }
-}

package/src/lib/dual-calender/utils/date-i18n.utils.ts

@@ -1,58 +0,0 @@
-export const WEEKDAYS = {
-  ar: ['ن', 'ث', 'ر', 'خ', 'ج', 'س', 'ح'],
-  en: ['M', 'T', 'W', 'T', 'F', 'S', 'S']
-};
-
-export const MONTHS_GREGORIAN = {
-  ar: [
-    'يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو',
-    'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'
-  ],
-  en: [
-    'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
-    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
-  ]
-};
-
-export const MONTHS_HIJRI = {
-  ar: [
-    'محرم',
-    'صفر',
-    'ربيع الأول',
-    'ربيع الآخر',
-    'جمادى الأولى',
-    'جمادى الآخرة',
-    'رجب',
-    'شعبان',
-    'رمضان',
-    'شوال',
-    'ذو القعدة',
-    'ذو الحجة'
-  ],
-  en: [
-    'Muharram',
-    'Safar',
-    'Rabi Al-Awwal',
-    'Rabi Al-Thani',
-    'Jumada Al-Awwal',
-    'Jumada Al-Thani',
-    'Rajab',
-    'Shaaban',
-    'Ramadan',
-    'Shawwal',
-    'Dhul-Qi’dah',
-    'Dhul-Hijjah'
-  ]
-};
-
-export function getGregorianMonthName(lang: 'ar' | 'en', month: number) {
-  return MONTHS_GREGORIAN[lang][month - 1] || '';
-}
-
-export function getHijriMonthName(lang: 'ar' | 'en', month: number) {
-  return MONTHS_HIJRI[lang][month - 1] || '';
-}
-
-export function getWeekdayName(lang: 'ar' | 'en', weekday: number) {
-  return WEEKDAYS[lang][weekday - 1];
-}

package/src/lib/dynamic-form/dynamic-form.component.html

@@ -1,86 +0,0 @@
-<form [formGroup]="formGroup" class="dynamic-form">
-  <div class="grid grid-cols-12 gap-x-2">
-    @for (inputName of inputsNames; track $index) {
-    <div [ngClass]="inputsMap[inputName].rowSize">
-      @switch (inputsMap[inputName].fieldType) {
-      @case (fieldType.HIJRI_DATE_PICKER) {
-         <app-dual-calendar [control]="getFormControl(inputName, formGroup)"  ></app-dual-calendar>
-      }
-
-      @case (fieldType.DATE_PICKER) {
-      <stc-date-picker [minDate]="inputsMap[inputName]?.dateRange?.min" [maxDate]="inputsMap[inputName]?.dateRange?.max"
-        [id]="inputsMap[inputName].inputId" [control]="getFormControl(inputName, formGroup)" [name]="inputName"
-        [label]="inputsMap[inputName].label" [placeholder]="inputsMap[inputName].placeholder || ''"
-        [hint]="inputsMap[inputName].hint"
-        [readonly]="inputsMap[inputName].readonly || dynamicFormData.isReadOnlyForm || false"
-        [disabled]="inputsMap[inputName].disabled || false" [variant]="inputsMap[inputName].variant || 'over'"
-        [showIcon]="inputsMap[inputName].showIcon !== false" [isTimeOnly]="inputsMap[inputName].isTimeOnly || false" />
-      }
-      @case (fieldType.SELECT_BUTTON) {
-      <stc-select-button [control]="getFormControl(inputName, formGroup)" [id]="inputsMap[inputName].inputId"
-        [name]="inputName" [label]="inputsMap[inputName].label"
-        [options]="inputsMap[inputName].selectButtonOptions || []"
-        (onChange)="selectButtonChange.emit({ name: inputName, value: $event })" />
-      }
-      @case (fieldType.INPUT) {
-      <stc-input [control]="getFormControl(inputName, formGroup)" [id]="inputsMap[inputName].inputId" [name]="inputName"
-        [label]="inputsMap[inputName].label" [placeholder]="inputsMap[inputName].placeholder || ''"
-        [hint]="inputsMap[inputName].hint"
-        [readonly]="inputsMap[inputName].readonly || dynamicFormData.isReadOnlyForm || false"
-        [disabled]="inputsMap[inputName].disabled || false" [type]="inputsMap[inputName].inputType || 'text'"
-        [contentType]="inputsMap[inputName].contentType || 'text'" [rows]="inputsMap[inputName].rows || 2"
-        [cols]="inputsMap[inputName].cols || 20" [autoResize]="inputsMap[inputName].autoResize ?? true"
-        [prefix]="inputsMap[inputName].prefix || ''" [size]="inputsMap[inputName].size || 'small'"
-        [variant]="inputsMap[inputName].variant || 'over'">
-        @if(inputsMap[inputName].maxLength){
-        <small class="text-sm text-gray-600 self-end">
-          {{ (getFormControl(inputName, formGroup).value?.length || 0) }}
-          <span>
-            / {{ inputsMap[inputName].maxLength}}
-          </span>
-        </small>
-        }
-      </stc-input>
-      }
-      @case (fieldType.SELECT) {
-      <stc-select [control]="getFormControl(inputName, formGroup)" [id]="inputsMap[inputName].inputId"
-        [name]="inputName" [label]="inputsMap[inputName].label" [placeholder]="inputsMap[inputName].placeholder || ''"
-        [hint]="inputsMap[inputName].hint"
-        [readonly]="inputsMap[inputName].readonly || dynamicFormData.isReadOnlyForm || false"
-        [disabled]="inputsMap[inputName].disabled || false" [options]="inputsMap[inputName].selectOptions || []"
-        [optionLabel]="inputsMap[inputName].optionLabel || 'label'" [filter]="inputsMap[inputName].filter || false"
-        [multiple]="inputsMap[inputName].multiple || false" [showClear]="inputsMap[inputName].showClear || false"
-        [checkmark]="inputsMap[inputName].checkmark ?? true" [filterBy]="inputsMap[inputName].filterBy || ''"
-        [selectedItemsLabel]="inputsMap[inputName].selectedItemsLabel || ''"
-        [size]="inputsMap[inputName].size || 'small'" [variant]="inputsMap[inputName].variant || 'over'"
-        (change)="selectChange.emit({ name: inputName, event: $event })"/>
-      }
-      @case (fieldType.SWITCH) {
-      <stc-switch [label]="inputsMap[inputName].label" [key]="inputName"
-        [checked]="getFormControl(inputName, formGroup).value"
-        (onChange)="getFormControl(inputName, formGroup).setValue(typeof $event === 'string' ? ($event === 'true') : $event); switchChange.emit({ name: inputName, value: (typeof $event === 'string' ? ($event === 'true') : $event) })" />
-      }
-      @case (fieldType.AUTO_COMPLETE) {
-      <stc-auto-complete [control]="getFormControl(inputName, formGroup)" [id]="inputsMap[inputName].inputId"
-        [name]="inputName" [label]="inputsMap[inputName].label" [placeholder]="inputsMap[inputName].placeholder || ''"
-        [hint]="inputsMap[inputName].hint"
-        [readonly]="inputsMap[inputName].readonly || dynamicFormData.isReadOnlyForm || false"
-        [disabled]="inputsMap[inputName].disabled || false" [items]="inputsMap[inputName].autoCompleteItems || []"
-        [minLengthToSearch]="inputsMap[inputName].minLengthToSearch || 2" [delay]="inputsMap[inputName].delay || 300"
-        (onSearch)="autoCompleteSearch.emit({ name: inputName, query: $event })"
-        (selectOption)="autoCompleteSelect.emit({ name: inputName, event: $event })"
-        [variant]="inputsMap[inputName].variant || 'over'" />
-      }
-      }
-    </div>
-    }
-  </div>
-  <div class="col-span-12">
-    <small class="p-error text-red-700">
-      @for (error of formGroup.errors | validationErrors: dynamicFormData.formValidationErrorsKeys;
-      track error) {
-      {{ error }}
-      }
-    </small>
-  </div>
-</form>

package/src/lib/dynamic-form/dynamic-form.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { DynamicFormComponent } from "./dynamic-form.component";
-
-describe("DynamicFormComponent", () => {
-  let component: DynamicFormComponent;
-  let fixture: ComponentFixture<DynamicFormComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [DynamicFormComponent]
-    }).compileComponents();
-
-    fixture = TestBed.createComponent(DynamicFormComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it("should create", () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/dynamic-form/dynamic-form.component.ts

@@ -1,58 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, EventEmitter,  Input, OnInit, Output } from '@angular/core';
-import { FormGroup, ReactiveFormsModule } from '@angular/forms';
-import { TranslateModule } from '@ngx-translate/core';
-import {
-  AutoCompleteComponent,
-  DatePickerComponent,
-  FormUtils,
-  InputComponent,
-  SelectButtonComponent,
-  SelectComponent,
-  SwitchComponent,
-  ValidationErrorsPipe,
-} from '../form-components';
-import { DynamicFormData, FormFieldTypeEnum, InputsMap } from './dynamic-form.interface';
-import { DualCalendarComponent } from './../dual-calender/dual-calendar.component';
-
-@Component({
-  selector: 'app-dynamic-form',
-  standalone: true,
-  imports: [
-  CommonModule,
-    ReactiveFormsModule,
-    DatePickerComponent,
-    ValidationErrorsPipe,
-    TranslateModule,
-    SelectButtonComponent,
-    DualCalendarComponent,
-    InputComponent,
-    SelectComponent,
-    AutoCompleteComponent,
-    SwitchComponent,
-  ],
-  templateUrl: './dynamic-form.component.html',
-  styleUrl: './dynamic-form.component.scss',
-})
-export class DynamicFormComponent implements OnInit {
-  @Input({ required: true }) dynamicFormData: DynamicFormData;
-  // Generic field change outputs (optional for consumers)
-  @Output() selectButtonChange = new EventEmitter<{ name: string; value: any }>();
-  @Output() selectChange = new EventEmitter<{ name: string; event: any }>();
-  @Output() switchChange = new EventEmitter<{ name: string; value: boolean }>();
-  @Output() autoCompleteSearch = new EventEmitter<{ name: string; query: string }>();
-  @Output() autoCompleteSelect = new EventEmitter<{ name: string; event: any }>();
-
-  inputsNames: string[] = [];
-  formGroup: FormGroup;
-  inputsMap: InputsMap;
-  readonly fieldType = FormFieldTypeEnum;
-  getFormControl = FormUtils.getFormControl;
-
-  ngOnInit(): void {
-    this.formGroup = this.dynamicFormData?.formGroup as FormGroup;
-    this.inputsMap = this.dynamicFormData?.inputsMap as InputsMap;
-    this.inputsNames = Object.keys(this.inputsMap || {});
-  }
-
-}

package/src/lib/dynamic-form/dynamic-form.interface.ts

@@ -1,94 +0,0 @@
-import { FormGroup } from '@angular/forms';
-import { LabelValue } from '../form-components';
-
-export type InputType = 'text' | 'textarea';
-export type InputContentType = 'text' | 'email' | 'number';
-
-export interface Dropdown<T = unknown> {
-  id?: string;
-  keyValue: T;
-  label: string;
-  icon?: string;
-  hidden?: boolean;
-  disabled?: boolean;
-}
-
-export interface InputsMapData {
-  // General props
-  label: string;
-  rowSize?: string;
-  fieldType: FormFieldTypeEnum;
-  inputId?: string;
-  placeholder?: string;
-  hint?: string;
-  readonly?: boolean;
-  disabled?: boolean;
-  hidden?: boolean;
-  required?: boolean;
-  maxLength?: number;
-  minlength?: number;
-  // Date
-  dateRange?: DateRangeInterface;
-  isTimeOnly?: boolean;
-  showIcon?: boolean;
-
-  //select button
-  selectButtonOptions?: LabelValue<any>[];
-
-  // Input (text/textarea)
-  inputType?: InputType;
-  contentType?: InputContentType;
-  rows?: number;
-  cols?: number;
-  autoResize?: boolean;
-  prefix?: string;
-  size?: 'small' | 'large';
-  variant?: 'in' | 'over' | 'on';
-
-  // Select dropdown
-  selectOptions?: unknown[]; // Array of objects or primitives
-  optionLabel?: string; // property name to display when options are objects
-  filter?: boolean;
-  multiple?: boolean;
-  showClear?: boolean;
-  checkmark?: boolean;
-  filterBy?: string;
-  selectedItemsLabel?: string;
-
-  // Auto-complete
-  autoCompleteItems?: unknown[];
-  minLengthToSearch?: number;
-  delay?: number;
-}
-
-export interface InputsMap {
-  [key: string]: InputsMapData;
-}
-
-export interface DynamicFormData {
-  isActive?: boolean;
-  formGroup: FormGroup | null;
-  inputsMap: InputsMap | null;
-  title?: string;
-  isReadOnlyForm?: boolean;
-  formValidationErrorsKeys?: string[];
-}
-
-export interface DateRangeInterface {
-  min?: Date | null; // Static range, hard coded
-  max?: Date | null; // Static range, hard coded
-  notBeforeDateInput?: string; // For dynamic date range validation
-  notAfterDateInput?: string; // For dynamic date range validation
-  notBeforeOrSameDateInput?: string;
-  notAfterOrSameDateInput?: string;
-}
-
-export enum FormFieldTypeEnum {
-  DATE_PICKER = 'date-picker',
-  SELECT_BUTTON = 'select-button',
-  INPUT = 'input',
-  SELECT = 'select',
-  SWITCH = 'switch',
-  AUTO_COMPLETE = 'auto-complete',
-  HIJRI_DATE_PICKER = 'hijri-date'
-}