kwikid-forms 0.3.20 → 0.4.1

package/lib/builder2/builder-form-editor/builder.form-editor.constants.d.ts

@@ -0,0 +1,620 @@
+export declare const TABLE_COLUMNS: string[];
+export declare const OPTIONS: {
+    type: string[];
+    disabled: boolean[];
+    properties: {
+        text: {
+            case: string[];
+        };
+        checkbox: {
+            contentAlign: string[];
+            size: string[];
+            variant: string[];
+        };
+        number: {
+            decimal: boolean[];
+        };
+        phone: {
+            removeCountryCodeFromValue: boolean[];
+        };
+        radio: {
+            orientation: string[];
+            size: string[];
+        };
+        "radio-list": {
+            orientation: string[];
+            size: string[];
+        };
+        slider: {
+            size: string[];
+        };
+        otp: {
+            size: string[];
+            mode: string[];
+        };
+        image: {
+            imageType: string[];
+            loadingType: string[];
+        };
+        "preview-image": {
+            imageType: string[];
+            loadingType: string[];
+        };
+    };
+    validators: {
+        required: boolean[];
+        pattern: {
+            key: string[];
+        };
+    };
+};
+export declare const FIELD_VALIDATORS_CONFIG: {
+    required: boolean;
+    minLength: number;
+    maxLength: number;
+    pattern: {
+        key: string;
+        pattern: string;
+    };
+    min: number;
+    max: number;
+};
+export declare const FIELD_PROPERTIES_COMMON_CONFIG: {
+    readOnly: boolean;
+    placeholder: string;
+};
+export declare const FIELD_PROPERTIES_CONFIG: {
+    title: {
+        readOnly: boolean;
+        placeholder: string;
+    };
+    text: {
+        case: string;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    textarea: {
+        readOnly: boolean;
+        placeholder: string;
+    };
+    checkbox: {
+        contentAlign: string;
+        size: string;
+        variant: string;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    number: {
+        decimal: boolean;
+        min: number;
+        max: number;
+        postfix: string;
+        prefix: string;
+        precision: number;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    date: {
+        min: {
+            month: number;
+            day: number;
+            year: number;
+        };
+        max: {
+            month: number;
+            day: number;
+            year: number;
+        };
+        minCalculated: {
+            month: number;
+            day: number;
+            year: number;
+        };
+        maxCalculated: {
+            month: number;
+            day: number;
+            year: number;
+        };
+        readOnly: boolean;
+        placeholder: string;
+    };
+    phone: {
+        countryCode: string;
+        phoneMaskAfterCountryCode: string;
+        removeCountryCodeFromValue: boolean;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    radio: {
+        orientation: string;
+        size: string;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    "radio-list": {
+        orientation: string;
+        size: string;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    select: {
+        readOnly: boolean;
+        placeholder: string;
+    };
+    slider: {
+        min: number;
+        max: number;
+        quantum: number;
+        size: string;
+        steps: number;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    otp: {
+        mask: string;
+        size: string;
+        mode: string;
+        otpLength: number;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    "input-aadhaar": {
+        readOnly: boolean;
+        placeholder: string;
+    };
+    image: {
+        altText: string;
+        html: {
+            before: string;
+            after: string;
+        };
+        imageType: string;
+        loadingType: string;
+        styles: string;
+        class: string;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    "preview-image": {
+        altText: string;
+        html: {
+            before: string;
+            after: string;
+        };
+        imageType: string;
+        loadingType: string;
+        styles: string;
+        class: string;
+        readOnly: boolean;
+        placeholder: string;
+    };
+    html: {
+        readOnly: boolean;
+        placeholder: string;
+    };
+};
+export declare const FIELD_COMMON_CONFIG: {
+    key: string;
+    label: string;
+    disabled: boolean;
+    validators: {
+        required: boolean;
+        minLength: number;
+        maxLength: number;
+        pattern: {
+            key: string;
+            pattern: string;
+        };
+        min: number;
+        max: number;
+    };
+};
+export declare const FIELD_CONFIG: {
+    title: {
+        type: string;
+        properties: {
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    text: {
+        type: string;
+        properties: {
+            case: string;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    textarea: {
+        type: string;
+        properties: {
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    checkbox: {
+        type: string;
+        properties: {
+            contentAlign: string;
+            size: string;
+            variant: string;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    number: {
+        type: string;
+        properties: {
+            decimal: boolean;
+            min: number;
+            max: number;
+            postfix: string;
+            prefix: string;
+            precision: number;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    date: {
+        type: string;
+        properties: {
+            min: {
+                month: number;
+                day: number;
+                year: number;
+            };
+            max: {
+                month: number;
+                day: number;
+                year: number;
+            };
+            minCalculated: {
+                month: number;
+                day: number;
+                year: number;
+            };
+            maxCalculated: {
+                month: number;
+                day: number;
+                year: number;
+            };
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    phone: {
+        type: string;
+        properties: {
+            countryCode: string;
+            phoneMaskAfterCountryCode: string;
+            removeCountryCodeFromValue: boolean;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    radio: {
+        type: string;
+        properties: {
+            orientation: string;
+            size: string;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        options: any[];
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    "radio-list": {
+        type: string;
+        properties: {
+            orientation: string;
+            size: string;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        options: any[];
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    select: {
+        type: string;
+        properties: {
+            readOnly: boolean;
+            placeholder: string;
+        };
+        options: any[];
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    slider: {
+        type: string;
+        properties: {
+            min: number;
+            max: number;
+            quantum: number;
+            size: string;
+            steps: number;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    otp: {
+        type: string;
+        properties: {
+            mask: string;
+            size: string;
+            mode: string;
+            otpLength: number;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    "input-aadhaar": {
+        type: string;
+        properties: {
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    image: {
+        type: string;
+        properties: {
+            altText: string;
+            html: {
+                before: string;
+                after: string;
+            };
+            imageType: string;
+            loadingType: string;
+            styles: string;
+            class: string;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    "preview-image": {
+        type: string;
+        properties: {
+            altText: string;
+            html: {
+                before: string;
+                after: string;
+            };
+            imageType: string;
+            loadingType: string;
+            styles: string;
+            class: string;
+            readOnly: boolean;
+            placeholder: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+    html: {
+        type: string;
+        properties: {
+            readOnly: boolean;
+            placeholder: string;
+        };
+        html: {
+            before: string;
+            after: string;
+        };
+        key: string;
+        label: string;
+        disabled: boolean;
+        validators: {
+            required: boolean;
+            minLength: number;
+            maxLength: number;
+            pattern: {
+                key: string;
+                pattern: string;
+            };
+            min: number;
+            max: number;
+        };
+    };
+};

package/lib/builder2/builder-form-list/builder-forms-list.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from "@angular/core";
+import { FormGroup } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class KwikIDBuilderFormsListComponent implements OnInit, OnChanges {
+    activeFormConfig: any;
+    formsList: any[];
+    onClickSetActiveForm: EventEmitter<any>;
+    loader: boolean;
+    selectedForm: string;
+    setSelectedForm(selected_form: string): void;
+    addForm: FormGroup;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    handleOnClickSetActiveForm(selectedForm: string): void;
+    handleOnClickAddForm(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDBuilderFormsListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KwikIDBuilderFormsListComponent, "kwikid-builder-forms-list", never, { "activeFormConfig": "activeFormConfig"; "formsList": "formsList"; }, { "onClickSetActiveForm": "onClickSetActiveForm"; }, never, never>;
+}

package/lib/builder2/builder-form-list/builder-forms-list.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./builder-forms-list.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "kwikui";
+import * as i5 from "@taiga-ui/core";
+export declare class KwikIDBuilderFormsListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDBuilderFormsListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDBuilderFormsListModule, [typeof i1.KwikIDBuilderFormsListComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.KwikUIModule, typeof i5.TuiSvgModule], [typeof i1.KwikIDBuilderFormsListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KwikIDBuilderFormsListModule>;
+}

package/lib/builder2/builder2.component.d.ts

@@ -0,0 +1,37 @@
+import { OnInit } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class KwikIDFormsBuilder2Component implements OnInit {
+    userConfig: any;
+    formsList: ({
+        required: boolean;
+        formContent: {
+            url: string;
+        };
+        key: string;
+        title: string;
+        dependentOn?: undefined;
+    } | {
+        dependentOn: string[];
+        required: boolean;
+        formContent: {
+            url: string;
+        };
+        key: string;
+        title: string;
+    })[];
+    activeFormConfig: any;
+    loader: boolean;
+    constructor();
+    ngOnInit(): void;
+    fetchFormConfig(url: string): Promise<any>;
+    /**
+     * Forms List Listeners
+     */
+    handleOnClickSetActiveForm(selectedFormKey: string): Promise<void>;
+    /**
+     * Form Editor Listeners
+     */
+    handleOnClickSaveActiveFormConfig(activeFormConfig: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDFormsBuilder2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KwikIDFormsBuilder2Component, "kwikid-forms-builder2", never, { "userConfig": "userConfig"; }, {}, never, never>;
+}

package/lib/builder2/builder2.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./builder2.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/cdk/drag-drop";
+import * as i5 from "./builder-form-list/builder-forms-list.module";
+import * as i6 from "./builder-form-editor/builder-form-editor.module";
+import * as i7 from "kwikui";
+export declare class KwikIDFormBuilder2Module {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDFormBuilder2Module, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormBuilder2Module, [typeof i1.KwikIDFormsBuilder2Component], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.DragDropModule, typeof i5.KwikIDBuilderFormsListModule, typeof i6.KwikIDBuilderFormEditorModule, typeof i7.KwikUIModule], [typeof i1.KwikIDFormsBuilder2Component]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KwikIDFormBuilder2Module>;
+}

package/lib/kwikid-forms.module.d.ts

@@ -2,9 +2,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
 import * as i3 from "./builder/builder.module";
-import * as i4 from "./renderer/renderer.module";
+import * as i4 from "./builder2/builder2.module";
+import * as i5 from "./renderer/renderer.module";
 export declare class KwikIDFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.KwikIDFormBuilderModule, typeof i4.KwikIDFormRendererModule], [typeof i3.KwikIDFormBuilderModule, typeof i4.KwikIDFormRendererModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.KwikIDFormBuilderModule, typeof i4.KwikIDFormBuilder2Module, typeof i5.KwikIDFormRendererModule], [typeof i3.KwikIDFormBuilderModule, typeof i5.KwikIDFormRendererModule, typeof i4.KwikIDFormBuilder2Module]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KwikIDFormsModule>;
 }