kwikid-forms 0.1.19 → 0.1.21

package/lib/builder/builder.component.d.ts

@@ -1,68 +1,36 @@
+import { CdkDrag } from "@angular/cdk/drag-drop";
 import { OnInit } from "@angular/core";
 import { FormGroup } from "@angular/forms";
 import * as i0 from "@angular/core";
-declare type IMenu = {
-    title: string;
-    id?: string;
-    key?: string;
-    temp?: string;
-    component?: any;
-    props?: any;
-};
 export declare class KwikIDFormsBuilderComponent implements OnInit {
-    buttonComponent: {
-        disabled: boolean;
-        id: string;
-        label: string;
-        showLoader: boolean;
-        styles: string;
-        class: string;
-        type: string;
-        appearance: string;
-        icon: string;
-        iconRight: string;
-        shape: any;
-        size: string;
-    };
-    progressSegmentedComponent: {
-        colors: string;
-        max: string;
-        size: string;
-        value: string;
-    };
-    inputComponent: {
-        case: string;
-        disabled: boolean;
-        focus: boolean;
-        id: string;
-        invalid: boolean;
-        label: string;
-        placeholder: string;
-        type: string;
-        validators: {
-            required: boolean;
-        };
-    };
-    formGroup: FormGroup;
+    formKey: string;
+    formTitle: string;
+    builderFormGroup: FormGroup;
+    basicElements: Array<any>;
+    documentElements: Array<any>;
+    otherElements: Array<any>;
+    templateElements: Array<any>;
+    elementsMapping: any;
+    formElementsDragList: Array<any>;
+    formElementsDropList: Array<any>;
+    elementEditorElementConfig: any;
     constructor();
     ngOnInit(): void;
-    revisedRandId(): string;
     handleOnChange(event: {
         target: {
             value: any;
         };
     }, id: string | number, key: string | number, idx: any): void;
-    toggleShow(id: any): void;
-    name: string;
-    menu: Array<IMenu>;
-    table: Array<IMenu>;
-    drop(event: any): void;
-    exited(event: any): void;
-    entered(): void;
-    isNumber(val: any): "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
+    handleGetKeyValue(e: any): void;
+    drop(event: any, elementCategory: string): void;
+    exit(event: any, elementCategory: string): void;
+    enter(event: any, elementCategory: string): void;
+    /** Predicate function that only allows isElement: true items to be dropped into a list. */
+    isElementPredicate(item: CdkDrag<any>): any;
     removeElement(idx: number, id: string): void;
-    getJSON(): void;
+    editElement(idx: number, item: any): void;
+    handleOnSaveUpdateElement(event: any): void;
+    handleOnClickSaveForms(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDFormsBuilderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KwikIDFormsBuilderComponent, "kwikid-forms-builder", never, {}, {}, never, never>;
 }
-export {};

package/lib/builder/builder.module.d.ts

@@ -1,10 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./builder.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@angular/cdk/drag-drop";
+import * as i2 from "./element-config-editor/element-config-editor.component";
+import * as i3 from "./element-config-editor/editors/basic-element-config.editor.component";
+import * as i4 from "./element-config-editor/editors/basic/text-config.editor.component";
+import * as i5 from "./element-config-editor/editors/basic/radio-config.editor.component";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/cdk/drag-drop";
+import * as i9 from "kwikui";
 export declare class KwikIDFormBuilderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDFormBuilderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormBuilderModule, [typeof i1.KwikIDFormsBuilderComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.DragDropModule], [typeof i1.KwikIDFormsBuilderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormBuilderModule, [typeof i1.KwikIDFormsBuilderComponent, typeof i2.ElementConfigEditor, typeof i3.BasicElementConfigEditor, typeof i4.BasicTextConfigEditor, typeof i5.BasicRadioConfigEditor], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.DragDropModule, typeof i9.KwikUIButtonModule, typeof i9.KwikUIInputModule, typeof i9.KwikUIButtonIconModule], [typeof i1.KwikIDFormsBuilderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KwikIDFormBuilderModule>;
 }

package/lib/builder/element-config-editor/editors/basic/radio-config.editor.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter, OnInit, SimpleChanges } from "@angular/core";
+import { FormArray, FormGroup } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class BasicRadioConfigEditor implements OnInit {
+    readonly optionType: {
+        label: string;
+        disabled: boolean;
+        description: string;
+    };
+    saveBasicClickCounter: number;
+    elementConfig: any;
+    updateElement: EventEmitter<any>;
+    basicRadioFormGroup: FormGroup;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    createBasicRadioFormGroup(): void;
+    handleOnSave(): void;
+    get optionsArray(): FormArray;
+    createOptionConfigFormGroup(optionConfig: any): FormGroup;
+    addOption(): void;
+    removeOption(optionIndex: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicRadioConfigEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicRadioConfigEditor, "basic-radio-config-editor", never, { "saveBasicClickCounter": "saveBasicClickCounter"; "elementConfig": "elementConfig"; }, { "updateElement": "updateElement"; }, never, never>;
+}

package/lib/builder/element-config-editor/editors/basic/text-config.editor.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter, OnInit, SimpleChanges } from "@angular/core";
+import { FormGroup } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class BasicTextConfigEditor implements OnInit {
+    saveBasicClickCounter: number;
+    elementConfig: any;
+    updateElement: EventEmitter<any>;
+    basicTextFormGroup: FormGroup;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    createBasicTextFormGroup(): void;
+    handleOnSave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicTextConfigEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicTextConfigEditor, "basic-text-config-editor", never, { "saveBasicClickCounter": "saveBasicClickCounter"; "elementConfig": "elementConfig"; }, { "updateElement": "updateElement"; }, never, never>;
+}

package/lib/builder/element-config-editor/editors/basic-element-config.editor.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter, OnInit, SimpleChanges } from "@angular/core";
+import { FormGroup } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class BasicElementConfigEditor implements OnInit {
+    saveClickCounter: number;
+    elementConfig: any;
+    updateElement: EventEmitter<any>;
+    elementType: string;
+    saveBasicClickCounter: number;
+    basicFormGroup: FormGroup;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    assignVariables(): void;
+    createBasicFormGroup(): void;
+    handleOnSaveUpdateElement(event: any): void;
+    handleOnSave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicElementConfigEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicElementConfigEditor, "basic-element-config-editor", never, { "saveClickCounter": "saveClickCounter"; "elementConfig": "elementConfig"; }, { "updateElement": "updateElement"; }, never, never>;
+}

package/lib/builder/element-config-editor/element-config-editor.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 ElementConfigEditor implements OnInit, OnChanges {
+    formKey: string;
+    elementConfig: any;
+    updateElement: EventEmitter<any>;
+    elementType: string;
+    elementCategory: string;
+    elementEditorFormGroup: FormGroup;
+    saveClickCounter: number;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    updateFormGroup(): void;
+    handleOnSaveUpdateElement(event: any): void;
+    handleOnClickSave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElementConfigEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElementConfigEditor, "element-config-editor", never, { "formKey": "formKey"; "elementConfig": "elementConfig"; }, { "updateElement": "updateElement"; }, never, never>;
+}

package/lib/builder/shared/elements.d.ts

@@ -0,0 +1,32 @@
+export declare class Elements {
+    commonValidators: {
+        max: any;
+        maxLength: any;
+        min: any;
+        minLength: any;
+        required: boolean;
+    };
+    commonProperties: {
+        placeholder: string;
+        readOnly: boolean;
+    };
+    commonCore: {
+        key: string;
+        label: string;
+        disabled: boolean;
+        messages: any[];
+        default: {
+            value: boolean;
+        };
+    };
+    basic: Array<any>;
+    documents: Array<any>;
+    others: Array<any>;
+    templates: Array<any>;
+    elementMapping: {
+        basic: string[];
+        documents: string[];
+        others: any[];
+        templates: any[];
+    };
+}

package/lib/builder/shared/helpers.d.ts

@@ -0,0 +1 @@
+export declare function revisedRandId(): string;

package/lib/renderer/{renderer.config-converter.helper.d.ts → config-converter.helper.d.ts}

@@ -3,5 +3,7 @@ export declare class Converter {
     setMissingFieldKeyValue: (field: any, key: string, value: any) => any;
     setFieldKeyValue: (field: any, key: string, value: any) => any;
     removeFieldKey: (field: any, key: string) => any;
+    updateFormConfigMiscellaneous(formConfig: any, args: any): any;
+    updateFormConfigProperties(formConfig: any): any;
     convertFormConfig(formConfig: any): any;
 }

package/lib/renderer/form-view/definitions/form-view.apis.definition.d.ts

@@ -26,7 +26,8 @@ export declare type TApiRequestHeaders = {
     validation: TValidation;
 };
 export declare type TApiRequest = {
-    url: string;
+    url: string | any;
+    method?: string;
     headers?: TApiRequestHeaders;
     body: TApiRequestBody;
 };

package/lib/renderer/form-view/form-view.component.d.ts

@@ -13,17 +13,14 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     private formViewService;
     formConfig: any;
     formData: any;
-    apiCallResponse: any;
     isMobileView: boolean;
     allFormsData: any;
-    formsList: any[];
     onClickViewForms: EventEmitter<any>;
     onClickSaveForm: EventEmitter<any>;
     onClickApiCall: EventEmitter<any>;
     fieldGroups: any;
     formFields: any[];
     previousFormData: any;
-    formsListLength: number;
     loading: boolean;
     viewFormsButton: {
         disabled: boolean;
@@ -38,7 +35,6 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    findFormsListLength(formsList: any[]): number;
     initFormConfig(formConfig: any): Promise<void>;
     setFormFieldsFromFormConfig(formConfig: any): void;
     setFormFieldGroupsFromFormConfig(formConfig: any): void;
@@ -51,6 +47,13 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     handleGetKeyValue(e: any): void;
     handleOnClickResetFormFields(e: any, field: TFieldTitle): Promise<void>;
     handleOnClickApiCall(e: any): Promise<void>;
+    /**
+     * Method to optimize the DOM update by Angular for using *ngFor on large no. of items.
+     * @param index number
+     * @param item fieldConfig
+     * @returns string
+     */
+    getUniqueIdentifier(index: number, item: any): string;
     handleOnClickViewForms(e: any): void;
     handleOnClickSaveForm(e: any): Promise<void>;
     showErrorNotification: boolean;
@@ -77,5 +80,5 @@ export declare class KwikIDFormViewComponent implements OnInit, AfterViewInit {
     takeActionOnFieldGroup(action: TAction, object: any): Promise<void>;
     takeAction(action: TAction, object: any): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDFormViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KwikIDFormViewComponent, "kwikid-form-view", never, { "formConfig": "formConfig"; "formData": "formData"; "apiCallResponse": "apiCallResponse"; "isMobileView": "isMobileView"; "allFormsData": "allFormsData"; "formsList": "formsList"; }, { "onClickViewForms": "onClickViewForms"; "onClickSaveForm": "onClickSaveForm"; "onClickApiCall": "onClickApiCall"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KwikIDFormViewComponent, "kwikid-form-view", never, { "formConfig": "formConfig"; "formData": "formData"; "isMobileView": "isMobileView"; "allFormsData": "allFormsData"; }, { "onClickViewForms": "onClickViewForms"; "onClickSaveForm": "onClickSaveForm"; "onClickApiCall": "onClickApiCall"; }, never, never>;
 }

package/lib/renderer/renderer.component.d.ts

@@ -16,7 +16,6 @@ export declare class KwikIDFormsRendererComponent implements OnInit, OnChanges {
     showErrorNotification: boolean;
     toggleErrorNotification(show: any): void;
     activeFormConfig: any;
-    activeFormData: any;
     activeFormFields: any[];
     allFormsData: any;
     formsList: any[];
@@ -29,7 +28,7 @@ export declare class KwikIDFormsRendererComponent implements OnInit, OnChanges {
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     fetchFormConfig(url: string): Promise<any>;
-    initializeForms(): Promise<void>;
+    initializeForms(eventType: string): Promise<void>;
     convertFormListConfig(formsList: any[]): any[];
     /**
      * NOTE: To be deprecated.
@@ -61,6 +60,7 @@ export declare class KwikIDFormsRendererComponent implements OnInit, OnChanges {
     formHide(formKey: string): void;
     formShow(formKey: string): void;
     takeAction(action: any, object: any): Promise<void>;
+    findFormsListLength(formsList: any[]): number;
     /**
      * Library Event Listeners
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kwikid-forms",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "Kwik.ID's JSON based Forms Builder and Renderer.",
   "author": {
     "name": "Baiju Dodhia"
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "jsonpath": "^1.1.1",
-    "kwikid-toolkit": "0.0.13",
-    "kwikui": "^0.2.7",
+    "kwikid-toolkit": "0.0.15",
+    "kwikui": "^0.2.12",
     "lodash": "^4.17.21",
     "tslib": "^2.2.0"
   },