@ldquocc/dynamic-form 0.0.9 → 0.0.10

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

@@ -0,0 +1,53 @@
+import * as i0 from "@angular/core";
+export declare class FormDataService {
+    private formDataMap;
+    /**
+     * 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;
+    /**
+     * 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>): void;
+    /**
+     * 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>): void;
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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): void;
+    /**
+     * Delete form data theo form id khỏi formDataMap.
+     * @param formId Id của form.
+     */
+    delete(formId: string): void;
+    /**
+     *
+     * @param formId Id của form.
+     * @param key mã trường trong object form data.
+     * @returns unknown.
+     */
+    getFieldValue(formId: string, key: string): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormDataService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FormDataService>;
+}

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

@@ -0,0 +1,5 @@
+export declare class FormUtils {
+    static makeFileNameEncode(str: string): string;
+    static randomFileName(name: string): string;
+    static convertViewDate(date: unknown, ft?: string): string;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class SuffixService {
+    private suffixClick$;
+    suffixClick: import("rxjs").Observable<{
+        key: string;
+        formId: string;
+    }>;
+    onSuffixClick(key: string, formId: string): void;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<SuffixService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SuffixService>;
+}

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

@@ -0,0 +1,10 @@
+import { AbstractControl } from '@angular/forms';
+import { BaseField } from '../models/fields/field.model';
+import * as i0 from "@angular/core";
+export declare class ValidationService {
+    constructor();
+    getFirstError(control: AbstractControl, field: BaseField<any>, fields: BaseField<any>[]): string;
+    private getErrorMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ValidationService>;
+}

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

@@ -0,0 +1,7 @@
+import { BaseField } from '../../models/fields/field.model';
+export declare const isValidJSON: (str: string) => boolean;
+export declare const uuidGenerator: () => string;
+export declare const lowerCaseFirstChar: (str: string) => string;
+export declare const upperCaseFirstChar: (str: string) => string;
+export declare const deepCopyArray: (array: BaseField<any>[]) => BaseField<any>[];
+export declare const deepCopyObject: (obj: BaseField<any>) => BaseField<any>;

package/{src/lib/shared/utils/common/index.ts → lib/shared/utils/common/index.d.ts}

@@ -1 +1 @@
-export * from './common.utils';
+export * from './common.utils';

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

@@ -0,0 +1,6 @@
+export declare const formatDateToDDMMYYYY: (date: Date, separator?: "-" | "/") => string;
+export declare const formatDateToYYYYMMDD: (date: Date, separator?: "-" | "/") => string;
+export declare const normalizeToDate: (input: string | Date | undefined) => Date | null;
+export declare const normalizeToDate1: (input: string | Date | undefined) => Date | null;
+export declare const generateYearsDesc: (from: number) => number[];
+export declare const generateYearsAsc: (from: number) => number[];

package/{src/lib/shared/utils/date/index.ts → lib/shared/utils/date/index.d.ts}

@@ -1 +1 @@
-export * from './date.utils';
+export * from './date.utils';

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

@@ -0,0 +1,11 @@
+import { FormGroup } from "@angular/forms";
+import { BaseField } from "../../models/fields/field.model";
+import { FormMode } from "../../models/form";
+import { SelectBaseField } from "../../models/fields/select/select-base-field.model";
+export declare const buildForm: (fields: BaseField<any>[], mode: FormMode, model?: Record<string, any>) => FormGroup;
+export declare const createInputPlaceholder: (field: BaseField<any>) => string;
+export declare const createSingleSelectPlaceholder: (field: BaseField<any>) => string;
+export declare const createMultiSelectPlaceholder: (field: BaseField<any>) => string;
+export declare const createDatePickerPlaceholder: (field: BaseField<any>) => string;
+export declare const createPlaceholder: (field: BaseField<any>) => string;
+export declare const createSelectPlaceholder: <K>(field: SelectBaseField<K>) => string;

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

@@ -0,0 +1,20 @@
+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 declare const isInputTextField: (field: BaseField<any>) => field is InputTextField;
+export declare const isInputPasswordField: (field: BaseField<any>) => field is InputPasswordField;
+export declare const isSingleSelectField: (field: BaseField<any>) => field is SingleSelectField;
+export declare const isMultiSelectField: (field: BaseField<any>) => field is MultiSelectField;
+export declare const isDatePickerField: (field: BaseField<any>) => field is DatePickerField;
+export declare const isDateRangeField: (field: BaseField<any>) => field is DateRangeField;
+export declare const isSingleFileUploadField: (field: BaseField<any>) => field is SingleFileUploadField;
+export declare const isMultiFileUploadField: (field: BaseField<any>) => field is MultiFileUploadField;
+export declare const isAvatarUploadField: (field: BaseField<any>) => field is AvatarUploadField;
+export declare const buildGroupedFields: (fields: BaseField<any>[], groups?: FieldGroup[]) => GroupedFields;

package/{src/lib/shared/utils/fields/index.ts → lib/shared/utils/fields/index.d.ts}

@@ -1 +1 @@
-export * from './fields';
+export * from './fields';

package/lib/shared/utils/file/file.utils.d.ts

@@ -0,0 +1,4 @@
+import { FileSizeTypeEnum } from '../../enums/common/file-size-type.enum';
+export declare const formatFileSize: (size: number, type: FileSizeTypeEnum) => number;
+export declare const getExtensions: (acptMimeTypes: string[]) => string[];
+export declare const createFakeFile: (name: string, type: string, size: number) => File;

package/{src/lib/shared/utils/file/index.ts → lib/shared/utils/file/index.d.ts}

@@ -1 +1 @@
-export * from './file.utils';
+export * from './file.utils';

package/lib/shared/utils/validators/custom-validators.d.ts

@@ -0,0 +1,11 @@
+import { AsyncValidatorFn, ValidatorFn } from "@angular/forms";
+export declare const noLeadingSpaceValidator: () => ValidatorFn;
+export declare const noWhitespaceValidator: () => ValidatorFn;
+export declare const startsWithValidator: (prefix: string) => ValidatorFn;
+export declare const minMaxFieldValidator: (minKey: string, maxKey: string) => ValidatorFn;
+export declare const matchFieldsValidator: (fieldToMatch: string) => ValidatorFn;
+export declare const asyncUsernameValidator: (takenUsernames: string[]) => AsyncValidatorFn;
+export declare const noSpecialCharValidator: () => ValidatorFn;
+export declare const usernameBlacklistValidator: (blacklist: string[]) => ValidatorFn;
+export declare const acceptedMimeTypesValidator: (acceptedMimeTypes: string[]) => ValidatorFn;
+export declare const maxFileSizeInMBValidator: (maxSizeInMB: number) => ValidatorFn;

package/lib/shared/utils/validators/default-error-message.d.ts

@@ -0,0 +1,6 @@
+export declare const getDefaultPatternErrorMessage: (label: string, pattern: string | RegExp) => string;
+export declare const getDefaultMinLengthErrorMessage: (label: string, errorValue: any) => string;
+export declare const getDefaultMaxLengthErrorMessage: (label: string, errorValue: any) => string;
+export declare const getDefaultAcptMimeTypesErrorMessage: (typeString: string) => string;
+export declare const getDefaultMaxSizeInMBErrorMessage: (maxSizeInMB: number) => string;
+export declare const getLeadingSpaceErrorMessage: (label: string) => string;

package/{src/lib/shared/utils/validators/index.ts → lib/shared/utils/validators/index.d.ts}

@@ -1,3 +1,3 @@
-export * from './custom-validators';
-export * from './pattern';
-export * from './default-error-message';
+export * from './custom-validators';
+export * from './pattern';
+export * from './default-error-message';

package/lib/shared/utils/validators/pattern.d.ts

@@ -0,0 +1,4 @@
+export declare const resolvePattern: (pattern: string | RegExp | undefined) => {
+    type: "regexKey" | "regexString" | "regexObject" | "unknown";
+    value: string | RegExp;
+};

package/package.json

@@ -1,20 +1,31 @@
-{
-  "name": "@ldquocc/dynamic-form",
-  "version": "0.0.9",
-  "peerDependencies": {
-    "@angular/common": "^19.2.0",
-    "@angular/core": "^19.2.0",
-    "@angular/forms": "^19.2.0",
-    "@angular/router": "^19.2.0",
-    "ng-zorro-antd": "^19.2.1",
-    "ngx-currency": "^19.0.0",
-    "rxjs": "~7.8.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0",
-    "date-fns": "^2.30.0",
-    "lodash-es": "^4.17.21",
-    "@zeedhi/autonumeric": "^4.6.5"
-  },
-  "sideEffects": false
-}
+{
+  "name": "@ldquocc/dynamic-form",
+  "version": "0.0.10",
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "@angular/forms": "^19.2.0",
+    "@angular/router": "^19.2.0",
+    "ng-zorro-antd": "^19.2.1",
+    "ngx-currency": "^19.0.0",
+    "rxjs": "~7.8.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0",
+    "date-fns": "^2.30.0",
+    "lodash-es": "^4.17.21",
+    "@zeedhi/autonumeric": "^4.6.5"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ldquocc-dynamic-form.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ldquocc-dynamic-form.mjs"
+    }
+  }
+}

package/{src/public-api.ts → public-api.d.ts}

@@ -1,68 +1,29 @@
-/*
- * Public API Surface of dynamic-form
- */
-
-// ==========================================
-// 0. BASE FIELD MODELS (export truoc de tranh loi circular dependency)
-// ==========================================
-export * from "./lib/shared/models/fields/field.model";
-export * from "./lib/shared/models/fields/field-grid.model";
-export * from "./lib/shared/models/fields/field-group.model";
-export * from "./lib/shared/models/fields/index";
-
-// ==========================================
-// 1. MODULE & COMPONENT & SERVICE CHINH
-// ==========================================
-export * from "./lib/dynamic-form.component";
-
-// ==========================================
-// 2. CONFIGURATION & DI TOKENS
-// ==========================================
-export * from "./lib/shared/config/dynamic-form.config";
-export * from "./lib/shared/services/form-config.service";
-export * from "./lib/shared/services/dynamic-form.service";
-export * from "./lib/shared/services/form-data.service";
-export * from "./lib/shared/services/suffix.service";
-export * from "./lib/shared/services/file.service";
-export * from "./lib/shared/consts/common/file.const";
-
-// ==========================================
-// 3. ENUMS
-// ==========================================
-export * from "./lib/shared/enums/controls/index";
-export * from "./lib/shared/enums/fields/index";
-export * from "./lib/shared/enums/validators/index";
-export * from "./lib/shared/enums/common/index";
-export * from "./lib/shared/enums/form/index";
-
-// ==========================================
-// 4. COMMON MODELS
-// ==========================================
-export * from "./lib/shared/models/common/index";
-export * from "./lib/shared/models/common/table-models";
-
-// ==========================================
-// 5. CAC CLASS CAU HINH CU THE CHO TUNG LOAI DIEU KHIEN
-// ==========================================
-
-// Input Fields
-export * from "./lib/shared/models/fields/input/index";
-export * from "./lib/shared/models/fields/input/input-formatted-field.model";
-
-// Textarea Fields
-export * from "./lib/shared/models/fields/textarea/textarea-field.model";
-
-// Date Fields
-export * from "./lib/shared/models/fields/date/index";
-
-// Select Fields
-export * from "./lib/shared/models/fields/select/select-base-field.model";
-export * from "./lib/shared/models/fields/select/single-select-field.model";
-export * from "./lib/shared/models/fields/select/multi-select-field.model";
-// export * from "./lib/shared/models/fields/select/tree-select-field.model";
-
-// Upload Fields
-export * from "./lib/shared/models/fields/upload/index";
-
-// Radio & Checkbox
-export * from "./lib/shared/models/fields/radio/radio-base-field.model";
+export * from "./lib/shared/models/fields/field.model";
+export * from "./lib/shared/models/fields/field-grid.model";
+export * from "./lib/shared/models/fields/field-group.model";
+export * from "./lib/shared/models/fields/index";
+export * from "./lib/dynamic-form.component";
+export * from "./lib/shared/config/dynamic-form.config";
+export * from "./lib/shared/services/form-config.service";
+export * from "./lib/shared/services/dynamic-form.service";
+export * from "./lib/shared/services/form-data.service";
+export * from "./lib/shared/services/suffix.service";
+export * from "./lib/shared/services/file.service";
+export * from "./lib/shared/consts/common/file.const";
+export * from "./lib/shared/enums/controls/index";
+export * from "./lib/shared/enums/fields/index";
+export * from "./lib/shared/enums/validators/index";
+export * from "./lib/shared/enums/common/index";
+export * from "./lib/shared/enums/form/index";
+export * from "./lib/shared/enums/form/dynamic-form.enum";
+export * from "./lib/shared/models/common/index";
+export * from "./lib/shared/models/common/table-models";
+export * from "./lib/shared/models/fields/input/index";
+export * from "./lib/shared/models/fields/input/input-formatted-field.model";
+export * from "./lib/shared/models/fields/textarea/textarea-field.model";
+export * from "./lib/shared/models/fields/date/index";
+export * from "./lib/shared/models/fields/select/select-base-field.model";
+export * from "./lib/shared/models/fields/select/single-select-field.model";
+export * from "./lib/shared/models/fields/select/multi-select-field.model";
+export * from "./lib/shared/models/fields/upload/index";
+export * from "./lib/shared/models/fields/radio/radio-base-field.model";

package/ng-package.json

@@ -1,15 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/dynamic-form",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "assets": [
-    {
-      "glob": "**/*.scss",
-      "input": "src/lib/shared/styles",
-      "output": "/styles"
-    }
-  ],
-  "allowedNonPeerDependencies": ["lodash-es", "date-fns", "@zeedhi/autonumeric"]
-}

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

@@ -1,121 +0,0 @@
-@if (formGroup) {
-  <form [formGroup]="formGroup">
-    @if (oldFields().length > 0) {
-      <!-- 1. Nếu không có groups thì render từ fields -->
-      @if (!fieldGroups() || fieldGroups().length === 0) {
-        <div nz-row [nzGutter]="[12, 0]">
-          @for (field of oldFields(); track field?.id) {
-            @if (!isHiddenField(field)) {
-              <div
-                nz-col
-                [nzXXl]="field?.grid?.xxl ?? null"
-                [nzXl]="field?.grid?.xl ?? null"
-                [nzLg]="field?.grid?.lg ?? null"
-                [nzMd]="field?.grid?.md ?? null"
-                [nzSm]="field?.grid?.sm ?? null"
-                [nzXs]="field?.grid?.xs ?? null"
-                [nzFlex]="
-                  !field?.grid?.xs &&
-                  !field?.grid?.sm &&
-                  !field?.grid?.md &&
-                  !field?.grid?.lg &&
-                  !field?.grid?.xl &&
-                  !field?.grid?.xxl
-                    ? '1 0 0'
-                    : null
-                "
-                class="field"
-              >
-                <app-dynamic-field
-                  [field]="field"
-                  [fields]="oldFields()"
-                  [mode]="mode()"
-                  [control]="formGroup.get(field.key)!"
-                  [formGroup]="formGroup"
-                  [formId]="formId"
-                />
-              </div>
-            }
-          }
-        </div>
-      }
-
-      <!-- 2. Nếu có groups thì render từ groupedFields -->
-      @if (fieldGroups() && fieldGroups().length > 0) {
-        <!-- Các field noGroup -->
-        @if (groupedFields().noGroup.length > 0 && displayNonGroupedFields()) {
-          <div nz-row [nzGutter]="24">
-            @for (field of groupedFields().noGroup; track field?.id) {
-              @if (!isHiddenField(field)) {
-                <div
-                  nz-col
-                  [nzXXl]="field?.grid?.xxl ?? null"
-                  [nzXl]="field?.grid?.xl ?? null"
-                  [nzLg]="field?.grid?.lg ?? null"
-                  [nzMd]="field?.grid?.md ?? null"
-                  [nzSm]="field?.grid?.sm ?? null"
-                  [nzXs]="field?.grid?.xs ?? null"
-                  class="field"
-                >
-                  <app-dynamic-field
-                    [field]="field"
-                    [fields]="oldFields()"
-                    [mode]="mode()"
-                    [control]="formGroup.get(field.key)!"
-                    [formGroup]="formGroup"
-                    [formId]="formId"
-                  />
-                </div>
-              }
-            }
-          </div>
-        }
-
-        <!-- Group các field -->
-        @if (groupedFields().grouped.length > 0) {
-          <nz-collapse [nzBordered]="false">
-            @for (
-              groupField of groupedFields().grouped;
-              track groupField.group.code
-            ) {
-              <nz-collapse-panel
-                [nzHeader]="groupField.group.template ?? groupField.group.label"
-                [nzActive]="groupField.group.isActive"
-                [nzShowArrow]="groupField.group.showArrow"
-                [nzDisabled]="groupField.group.disabled"
-                [style]="collapseCustomStyle"
-                class="mt-sm"
-              >
-                <div nz-row [nzGutter]="24">
-                  @for (field of groupField.fields; track field?.id) {
-                    @if (!isHiddenField(field)) {
-                      <div
-                        nz-col
-                        [nzXXl]="field?.grid?.xxl ?? null"
-                        [nzXl]="field?.grid?.xl ?? null"
-                        [nzLg]="field?.grid?.lg ?? null"
-                        [nzMd]="field?.grid?.md ?? null"
-                        [nzSm]="field?.grid?.sm ?? null"
-                        [nzXs]="field?.grid?.xs ?? null"
-                        class="field"
-                      >
-                        <app-dynamic-field
-                          [field]="field"
-                          [fields]="oldFields()"
-                          [mode]="mode()"
-                          [control]="formGroup.get(field.key)!"
-                          [formGroup]="formGroup"
-                          [formId]="formId"
-                        />
-                      </div>
-                    }
-                  }
-                </div>
-              </nz-collapse-panel>
-            }
-          </nz-collapse>
-        }
-      }
-    }
-  </form>
-}

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

@@ -1,7 +0,0 @@
-:host ::ng-deep {
-  .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
-  .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
-    color: #575757;
-    cursor: not-allowed;
-  }
-}

package/src/lib/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(() => {
-    TestBed.configureTestingModule({
-      imports: [DynamicFormComponent],
-    });
-    fixture = TestBed.createComponent(DynamicFormComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});