kwikid-forms 0.3.21 → 0.5.1

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

@@ -0,0 +1,696 @@
+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[];
+        };
+        file: {};
+    };
+    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;
+    };
+    "api-call": {
+        readOnly: boolean;
+        placeholder: string;
+    };
+    "aadhaar-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;
+    };
+    file: {
+        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;
+        };
+    };
+    "api-call": {
+        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;
+        };
+    };
+    "aadhaar-number": {
+        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;
+        };
+    };
+    "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;
+        };
+    };
+    file: {
+        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;
+        };
+    };
+};

package/lib/builder/builder-form-editor/builder.form-editor.service.d.ts

@@ -0,0 +1,7 @@
+import { FormGroup } from "@angular/forms";
+export declare class KwikIDFormBuilderFormEditorService {
+    constructor();
+    createNestedFormGroup(object: any[]): FormGroup;
+    downloadJSON(object: any): void;
+    copyToClipboard(text: any): void;
+}

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

@@ -0,0 +1,20 @@
+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>;
+    getFormsList: 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"; "getFormsList": "getFormsList"; }, never, never>;
+}