@ldquocc/dynamic-form 0.0.9 → 0.0.11

package/src/lib/shared/services/form-data.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { FormDataService } from './form-data.service';
-
-describe('FormDataService', () => {
-  let service: FormDataService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(FormDataService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/shared/services/form-data.service.ts

@@ -1,114 +0,0 @@
-import { Injectable, signal, untracked, WritableSignal } from '@angular/core';
-
-
-@Injectable({
-  providedIn: 'root',
-})
-export class FormDataService {
-  // Lưu một hoặc nhiều form data.
-  private formDataMap = new Map<string, WritableSignal<Record<string, unknown>>>();
-
-  /**
-   * Kiểm tra xem đã tồn tại form data với form id truyền vào.
-   * @param formId Id của form.
-   * @returns true nếu có và ngược lại
-   */
-  has(formId: string): boolean {
-    if (!this.formDataMap.has(formId)) return false;
-    return true;
-  }
-
-  /**
-   * Cập nhật giá trị của một hoặc nhiều field vào form data theo form id.
-   * @param formId Id của form.
-   * @param data Đối tượng các field theo dạng key:value.
-   */
-  patch(formId: string, data: Record<string, unknown>) {
-    // Lấy form data từ formDataMap.
-    let formData = this.formDataMap.get(formId);
-
-    // Nếu chưa có form data trong formDataMap thì thêm mới. Ngược lại cập nhật field data vào formData.
-    if (!formData) {
-      formData = signal(data);
-    } else {
-      formData.update(curr => ({ ...curr, ...data }));
-    }
-
-    // Tiến hành cập nhật vào formDataMap.
-    this.formDataMap.set(formId, formData);
-  }
-
-  /**
-   * Gán form data theo form id.
-   * @param formId Id của form.
-   * @param data Đối tượng các field theo dạng key:value.
-   */
-  set(formId: string, data: Record<string, unknown>) {
-    this.formDataMap.set(formId, signal(data));
-  }
-
-  /**
-   * Lấy giá trị của form data theo form id có track signal.
-   * @param formId Id của form.
-   * @returns Record<string, unknown> nếu có giá trị. Ngược lại undefined.
-   */
-  get(formId: string): Record<string, unknown> | undefined {
-    const formData = this.formDataMap.get(formId);
-
-    if (!formData) return undefined;
-
-    return formData();
-  }
-
-  /**
-   * Lấy giá trị của form data theo form id không track signal.
-   * @param formId Id của form.
-   * @returns Record<string, unknown> nếu có giá trị. Ngược lại undefined.
-   */
-  getSnapshot(formId: string): Record<string, unknown> | undefined {
-    const formData = this.formDataMap.get(formId);
-
-    if (!formData) return undefined;
-
-    return untracked(() => formData());
-  }
-
-  /**
-   * Clear giá trị form data theo form id. Clear chứ không xóa khỏi formDataMap hoàn toàn.
-   * @param formId Id của form.
-   */
-  clear(formId: string) {
-    let formData = this.formDataMap.get(formId);
-
-    if (formData) {
-      formData.set({});
-      this.formDataMap.set(formId, formData);
-    }
-  }
-
-  /**
-   * Delete form data theo form id khỏi formDataMap.
-   * @param formId Id của form.
-   */
-  delete(formId: string) {
-    let formData = this.formDataMap.get(formId);
-    if (formData) this.formDataMap.delete(formId);
-  }
-
-  /**
-   *
-   * @param formId Id của form.
-   * @param key mã trường trong object form data.
-   * @returns unknown.
-   */
-  getFieldValue(formId: string, key: string): unknown {
-    let formData = this.formDataMap.get(formId);
-    let fieldValue: unknown = undefined;
-
-    if (formData) {
-      fieldValue = formData()?.[key];
-    }
-
-    return fieldValue;
-  }
-}

package/src/lib/shared/services/form-utils.ts

@@ -1,52 +0,0 @@
-import { format } from 'date-fns';
-
-export class FormUtils {
-  public static makeFileNameEncode(str: string): string {
-    str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, 'a');
-    str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, 'e');
-    str = str.replace(/ì|í|ị|ỉ|ĩ/g, 'i');
-    str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, 'o');
-    str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, 'u');
-    str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, 'y');
-    str = str.replace(/đ/g, 'd');
-    str = str.replace(/À|Á|Ạ|Ả|Ã|Â|Ầ|Ấ|Ậ|Ẩ|Ẫ|Ă|Ằ|Ắ|Ặ|Ẳ|Ẵ/g, 'A');
-    str = str.replace(/È|É|Ẹ|Ẻ|Ẽ|Ê|Ề|Ế|Ệ|Ể|Ễ/g, 'E');
-    str = str.replace(/Ì|Í|Ị|Ỉ|Ĩ/g, 'I');
-    str = str.replace(/Ò|Ó|Ọ|Ỏ|Õ|Ô|Ồ|Ố|Ộ|Ổ|Ỗ|Ơ|Ờ|Ớ|Ợ|Ở|Ỡ/g, 'O');
-    str = str.replace(/Ù|Ú|Ụ|Ủ|Ũ|Ư|Ừ|Ứ|Ự|Ử|Ữ/g, 'U');
-    str = str.replace(/Ỳ|Ý|Ỵ|Ỷ|Ỹ/g, 'Y');
-    str = str.replace(/Đ/g, 'D');
-    str = str.replace(/\u0300|\u0301|\u0303|\u0309|\u0323/g, ''); 
-    str = str.replace(/\u02C6|\u0306|\u031B/g, ''); 
-    return str;
-  }
-
-  public static randomFileName(name: string): string {
-    const ns = name.split('.');
-    const extension = ns.pop();
-    const encodedName = FormUtils.makeFileNameEncode(ns.join('.'));
-    return `${encodedName}_${Math.floor(Math.random() * 90000) + 10000}.${extension}`.toLocaleLowerCase();
-  }
-
-  public static convertViewDate(date: unknown, ft: string = 'dd/MM/yyyy'): string {
-    let d: Date | null = null;
-    if (date instanceof Date) {
-      d = date;
-    } else if (typeof date === 'string') {
-      if (/^\d{4}-\d{2}-\d{2}/.test(date)) {
-        d = new Date(date);
-      } else if (/^\d{2}\/\d{2}\/\d{4}\s\d{2}:\d{2}:\d{2}$/.test(date)) {
-        const [datePart, timePart] = date.split(' ');
-        const [month, day, year] = datePart.split('/').map(Number);
-        const [hour, min, sec] = timePart.split(':').map(Number);
-        d = new Date(year, month - 1, day, hour, min, sec);
-      } else {
-        const parsed = new Date(date);
-        if (!isNaN(parsed.getTime())) {
-          d = parsed;
-        }
-      }
-    }
-    return d && !isNaN(d.getTime()) ? format(d, ft) : '';
-  }
-}

package/src/lib/shared/services/suffix.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { SuffixService } from './suffix.service';
-
-describe('SuffixService', () => {
-  let service: SuffixService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(SuffixService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/shared/services/suffix.service.ts

@@ -1,16 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class SuffixService {
-  private suffixClick$ = new Subject<{ key: string; formId: string }>();
-
-  suffixClick = this.suffixClick$.asObservable(); // expose ra ngoài.
-
-  onSuffixClick(key: string, formId: string) {
-    this.suffixClick$.next({ key, formId });
-  }
-  constructor() {}
-}

package/src/lib/shared/services/validation.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { ValidationService } from './validation.service';
-
-describe('ValidationService', () => {
-  let service: ValidationService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(ValidationService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/shared/services/validation.service.ts

@@ -1,38 +0,0 @@
-import { Injectable } from '@angular/core';
-import { AbstractControl } from '@angular/forms';
-import { BaseField } from '../models/fields/field.model';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class ValidationService {
-  constructor() {}
-
-  getFirstError(control: AbstractControl, field: BaseField<any>, fields: BaseField<any>[]): string {
-    // if (field.key === 'reminder') console.log("control?.errors", field.key, control?.errors);
-    if (!control?.errors || !field) return '';
-
-    const errorKey = Object.keys(control.errors)?.[0] || '';
-    const errorValue = control.errors?.[errorKey];
-
-    return this.getErrorMessage(errorKey, errorValue, field, fields);
-  }
-
-  private getErrorMessage(
-    errorKey: string,
-    errorValue: any,
-    field: BaseField<any>,
-    allFields: BaseField<any>[],
-  ): string {
-    let finalErrorMessage = '';
-
-    const customMessage = field.errorMessages?.[errorKey];
-    if (customMessage) return customMessage;
-
-    // 2. Nếu field có hàm getErrorMessage riêng.
-    const defaultErrorMessage = field.getErrorMessage(errorKey, errorValue, allFields);
-    if (defaultErrorMessage) return defaultErrorMessage;
-
-    return `Chưa cấu hình message lỗi cho trường ${field.key}`;
-  }
-}

package/src/lib/shared/utils/common/common.utils.ts

@@ -1,52 +0,0 @@
-import { BaseField } from '../../models/fields/field.model';
-
-// Kiểm tra tính hợp lệ của JSON string.
-export const isValidJSON = (str: string): boolean => {
-  try {
-    JSON.parse(str);
-  } catch (e) {
-    return false;
-  }
-  return true;
-};
-
-// Tạo một chuỗi uuid.
-export const uuidGenerator = (): string => {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    var r = (Math.random() * 16) | 0,
-      v = c == 'x' ? r : (r & 0x3) | 0x8;
-    return v.toString(16);
-  });
-};
-
-export const lowerCaseFirstChar = (str: string): string => {
-  return str.charAt(0).toLowerCase() + str.slice(1);
-};
-
-export const upperCaseFirstChar = (str: string): string => {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-};
-
-export const deepCopyArray = (array: BaseField<any>[]): BaseField<any>[] => {
-  return array.map(item => {
-    if (Array.isArray(item)) {
-      return deepCopyArray(item); // Deep copy nếu phần tử là mảng lồng nhau
-    } else if (item && typeof item === 'object') {
-      return deepCopyObject(item); // Deep copy nếu phần tử là đối tượng
-    }
-    return item; // Trả về giá trị gốc nếu không phải mảng hoặc đối tượng
-  }) as BaseField<any>[];
-};
-
-export const deepCopyObject = (obj: BaseField<any>): BaseField<any> => {
-  return Object.fromEntries(
-    Object.entries(obj).map(([key, value]) => {
-      if (Array.isArray(value)) {
-        return [key, deepCopyArray(value)]; // Deep copy nếu giá trị là mảng
-      } else if (value && typeof value === 'object') {
-        return [key, deepCopyObject(value)]; // Deep copy nếu giá trị là đối tượng
-      }
-      return [key, value]; // Trả về giá trị gốc
-    }),
-  ) as BaseField<any>;
-};

package/src/lib/shared/utils/date/date.utils.ts

@@ -1,129 +0,0 @@
-import { FORMAT_DATE_PATTERNS } from '../../consts/fields';
-
-// Chuyển đổi đối tượng Date thành string có format DDMMYYYY.
-export const formatDateToDDMMYYYY = (date: Date, separator: '-' | '/' = '-'): string => {
-  const dd = String(date.getDate()).padStart(2, '0');
-  const mm = String(date.getMonth() + 1).padStart(2, '0');
-  const yyyy = date.getFullYear();
-
-  return `${dd}${separator}${mm}${separator}${yyyy}`;
-};
-
-// Chuyển đổi đối tượng Date thành string có format DDMMYYYY.
-export const formatDateToYYYYMMDD = (date: Date, separator: '-' | '/' = '-'): string => {
-  const dd = String(date.getDate()).padStart(2, '0');
-  const mm = String(date.getMonth() + 1).padStart(2, '0');
-  const yyyy = date.getFullYear();
-
-  return `${yyyy}${separator}${mm}${separator}${dd}`;
-};
-
-// Chuyển đổi string ở các dạng: YYYY-MM-DD, DD-MM-YYYY, MM-DD-YYYY đến Date, nếu sẵn là Date thì mặc định không đổi.
-export const normalizeToDate = (input: string | Date | undefined): Date | null => {
-  if (!input) return null;
-
-  if (input instanceof Date && !isNaN(input.getTime())) return input;
-  if (typeof input !== 'string') return null;
-
-  const inputTrimed = input.trim();
-
-  let match: RegExpMatchArray | null;
-  let year: number, month: number, day: number;
-  let hour = 0,
-    minute = 0,
-    second = 0;
-
-  if ((match = inputTrimed.match(FORMAT_DATE_PATTERNS.YYYY_MM_DD))) {
-    year = +match[1];
-    month = +match[3] - 1;
-    day = +match[4];
-  } else if ((match = inputTrimed.match(FORMAT_DATE_PATTERNS.DD_MM_YYYY))) {
-    day = +match[1];
-    month = +match[3] - 1;
-    year = +match[4];
-  } else if ((match = inputTrimed.match(FORMAT_DATE_PATTERNS.MM_DD_YYYY))) {
-    month = +match[1] - 1;
-    day = +match[3];
-    year = +match[4];
-  } else if ((match = inputTrimed.match(FORMAT_DATE_PATTERNS.MM_DD_YYYY_HMS))) {
-    month = +match[1] - 1;
-    day = +match[3];
-    year = +match[4];
-    hour = +match[5];
-    minute = +match[6];
-    second = +match[7];
-  } else {
-    console.warn('Sai định dạng chuỗi date');
-    return null;
-  }
-
-  const date = new Date(year, month, day, hour, minute, second);
-
-  if (
-    date.getFullYear() === year &&
-    date.getMonth() === month &&
-    date.getDate() === day &&
-    date.getHours() === hour &&
-    date.getMinutes() === minute &&
-    date.getSeconds() === second
-  ) {
-    return date;
-  }
-
-  console.warn('Ngày hoặc giờ không hợp lệ');
-  return null;
-};
-
-export const normalizeToDate1 = (input: string | Date | undefined): Date | null => {
-  if (input) {
-    if (input instanceof Date && !isNaN(input.getTime())) return input;
-    if (typeof input !== 'string') return null;
-    const inputTrimed = String(input).trim();
-    let match: RegExpMatchArray | null;
-    let year: number, month: number, day: number;
-    if ((match = inputTrimed.match(FORMAT_DATE_PATTERNS.YYYY_MM_DD))) {
-      year = +match[1];
-      month = +match[3] - 1;
-      day = +match[4];
-    } else if ((match = inputTrimed.match(FORMAT_DATE_PATTERNS.DD_MM_YYYY))) {
-      day = +match[1];
-      month = +match[3] - 1;
-      year = +match[4];
-    } else if ((match = inputTrimed.match(FORMAT_DATE_PATTERNS.MM_DD_YYYY))) {
-      month = +match[1] - 1;
-      day = +match[3];
-      year = +match[4];
-    } else {
-      console.warn('Sai định dạng chuỗi date');
-      return null;
-    }
-    const date = new Date(year, month, day); // Validate: kiểm tra lại giá trị date (28/29/30/31 hợp lệ)
-    if (date.getFullYear() === year && date.getMonth() === month && date.getDate() === day) {
-      return date;
-    } else {
-      console.warn('Ngày đưa vào không hợp lệ');
-      return null;
-    }
-  }
-  return null;
-};
-
-// Tạo danh sách năm chạy ngược từ hiện tại đến năm chỉ định.
-export const generateYearsDesc = (from: number): number[] => {
-  const currentYear = new Date().getFullYear();
-  const years: number[] = [];
-  for (let year = currentYear; year >= from; year--) {
-    years.push(year);
-  }
-  return years;
-};
-
-// Tạo danh sách năm chạy từ năm chỉ định đến năm hiện tại.
-export const generateYearsAsc = (from: number): number[] => {
-  const currentYear = new Date().getFullYear();
-  const years: number[] = [];
-  for (let year = from; year <= currentYear; year++) {
-    years.push(year);
-  }
-  return years;
-};

package/src/lib/shared/utils/dynamic-form/dynamic-form.ts

@@ -1,114 +0,0 @@
-import { AbstractControl, FormGroup } from "@angular/forms";
-import { BaseField } from "../../models/fields/field.model";
-import { FormMode } from "../../models/form";
-import { FormModeEnum } from "../../enums/form";
-import { SelectBaseField } from "../../models/fields/select/select-base-field.model";
-import { InputPasswordField } from "../../models/fields/input";
-import { FieldTypeEnum } from "../../enums/fields";
-
-export const buildForm = (
-  fields: BaseField<any>[],
-  mode: FormMode,
-  model?: Record<string, any>,
-): FormGroup => {
-  const groupObj: Record<string, AbstractControl<any, any>> = {};
-  // console.log("model", model);
-
-  for (const field of fields) {
-    // Loại bỏ nếu quyết định ẩn field đi.
-    if (field.isHidden) continue;
-    // Nếu là dạng InputPasswordField nhưng ở mode edit và view thì không được dùng.
-    if (
-      field instanceof InputPasswordField &&
-      (mode === FormModeEnum.Edit || mode === FormModeEnum.View)
-    )
-      continue;
-
-    const fieldKey = field?.key;
-    // field.value = field.allowSetValue ? (model?.[fieldKey] || field.value) : null;
-
-    if (field.allowSetValue) {
-      field.value = field.getDefaultValue();
-      field.modelValue = null;
-      if (model?.[fieldKey]) {
-        field.value = field.toFormValue(model[fieldKey]);
-        field.modelValue = model[fieldKey];
-      }
-
-      field.initialValue = field.value;
-    }
-    //  console.log("e", field.value );
-    // field.value = field.allowSetValue ? field.toFormValue(model?.[fieldKey] | field.getDefaultValue()) : field.getDefaultValue();
-    const control = field.toFormControl();
-    control.reset(field.value);
-    if (field.isDisabled) {
-      //console.log(field.key, 'dfdfdfdf');
-
-      control?.disable();
-    }
-    groupObj[fieldKey] = control;
-  }
-
-  return new FormGroup(groupObj);
-};
-
-// Tạo tự động placeholder cho các dạng control nhập với label hoặc key từ field
-export const createInputPlaceholder = (field: BaseField<any>): string => {
-  const label = field?.label;
-  if (label) return `Nhập ${label?.toLowerCase()}`;
-
-  return `Nhập ${field.key?.toLowerCase()}`;
-};
-
-// Tạo tự động placeholder cho các dạng single select với label hoặc key từ field
-export const createSingleSelectPlaceholder = (
-  field: BaseField<any>,
-): string => {
-  const label = field?.label;
-  if (label) return `Chọn ${label?.toLowerCase()}`;
-
-  return `Chọn ${field.key?.toLowerCase()}`;
-};
-
-// Tạo tự động placeholder cho các dạng multi select với label hoặc key từ field
-export const createMultiSelectPlaceholder = (field: BaseField<any>): string => {
-  const label = field?.label;
-  if (label) return `Chọn các ${label?.toLowerCase()}`;
-
-  return `Chọn các ${field.key?.toLowerCase()}`;
-};
-
-// Tạo tự động placeholder cho các dạng date-picker với label hoặc key từ field
-export const createDatePickerPlaceholder = (field: BaseField<any>): string => {
-  const label = field?.label;
-  if (label) return `Chọn ${label?.toLowerCase()}`;
-
-  return `Chọn ${field.key?.toLowerCase()}`;
-};
-
-// Tạo placeholder mặc định cho các dạng Input, Textarea.
-export const createPlaceholder = (field: BaseField<any>): string => {
-  const placeholder = field?.placeholder;
-  if (placeholder) return placeholder;
-
-  const label = field?.label;
-  if (label) return `Nhập ${label?.toLowerCase()}`;
-
-  return `Nhập ${field.key?.toLowerCase()}`;
-};
-
-// Tạo placeholder mặc định cho các dạng Select.
-export const createSelectPlaceholder = <K>(
-  field: SelectBaseField<K>,
-): string => {
-  const placeholder = field?.placeholder;
-  if (placeholder) return placeholder;
-
-  const label = field?.label;
-  if (label) {
-    const isSingleSelect = field?.type === FieldTypeEnum.SingleSelect;
-    return `Chọn ${isSingleSelect ? "" : "các"} ${label?.toLowerCase()}`;
-  }
-
-  return `Nhập ${field.key?.toLowerCase()}`;
-};

package/src/lib/shared/utils/fields/fields.ts

@@ -1,78 +0,0 @@
-import { ControlTypeEnum } from '../../enums/controls';
-import { FieldTypeEnum, InputFieldTypeEnum } from '../../enums/fields';
-import { DateFieldTypeEnum } from '../../enums/fields/date-field.enum';
-import { SelectFieldTypeEnum } from '../../enums/fields/select-field.enum';
-import { UploadFieldTypeEnum } from '../../enums/fields/upload-field.enum';
-import { DatePickerField } from '../../models/fields/date/date-picker-field.model';
-import { DateRangeField } from '../../models/fields/date/date-range-field.model';
-import { FieldGroup, GroupedFields } from '../../models/fields/field-group.model';
-import { BaseField } from '../../models/fields/field.model';
-import { InputPasswordField, InputTextField } from '../../models/fields/input';
-import { MultiSelectField } from '../../models/fields/select/multi-select-field.model';
-import { SingleSelectField } from '../../models/fields/select/single-select-field.model';
-import { AvatarUploadField } from '../../models/fields/upload/avatar-upload-field.model';
-import { MultiFileUploadField } from '../../models/fields/upload/multi-file-upload-field.model';
-import { SingleFileUploadField } from '../../models/fields/upload/single-file-upload-field.model';
-
-export const isInputTextField = (field: BaseField<any>): field is InputTextField => {
-  return field.controlType === ControlTypeEnum.Input && field.type === FieldTypeEnum.InputText;
-};
-
-export const isInputPasswordField = (field: BaseField<any>): field is InputPasswordField => {
-  return field.controlType === ControlTypeEnum.Input && field.type === FieldTypeEnum.InputPassword;
-};
-
-export const isSingleSelectField = (field: BaseField<any>): field is SingleSelectField => {
-  return field.controlType === ControlTypeEnum.Select && field.type === FieldTypeEnum.SingleSelect;
-};
-
-export const isMultiSelectField = (field: BaseField<any>): field is MultiSelectField => {
-  return field.controlType === ControlTypeEnum.Select && field.type === FieldTypeEnum.MultiSelect;
-};
-
-export const isDatePickerField = (field: BaseField<any>): field is DatePickerField => {
-  return field.controlType === ControlTypeEnum.Date && field.type === FieldTypeEnum.DatePicker;
-};
-
-export const isDateRangeField = (field: BaseField<any>): field is DateRangeField => {
-  return field.controlType === ControlTypeEnum.Date && field.type === FieldTypeEnum.DateRange;
-};
-
-export const isSingleFileUploadField = (field: BaseField<any>): field is SingleFileUploadField => {
-  return (
-    field.controlType === ControlTypeEnum.Upload && field.type === FieldTypeEnum.SingleFileUpload
-  );
-};
-
-export const isMultiFileUploadField = (field: BaseField<any>): field is MultiFileUploadField => {
-  return (
-    field.controlType === ControlTypeEnum.Upload && field.type === FieldTypeEnum.MultiFileUpload
-  );
-};
-
-export const isAvatarUploadField = (field: BaseField<any>): field is AvatarUploadField => {
-  return field.controlType === ControlTypeEnum.Upload && field.type === FieldTypeEnum.AvatarUpload;
-};
-
-// Tạo FieldGroup render UI từ thông tin fields và groups truyền vào cho dynamic-form.
-export const buildGroupedFields = (
-  fields: BaseField<any>[],
-  groups: FieldGroup[] = [],
-): GroupedFields => {
-  const noGroup = fields.filter(
-    field => !field?.groupCode || field?.groupCode.toLowerCase() === 'none',
-  );
-
-  const sortedGroups = [...groups].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-  const grouped = sortedGroups
-    .map(group => ({
-      group,
-      fields: fields.filter(field => field.groupCode?.toLowerCase() === group.code.toLowerCase()),
-    }))
-    .filter(groupedFields => groupedFields.fields.length > 0);
-
-  return new GroupedFields({
-    noGroup,
-    grouped,
-  });
-};