kwikid-forms 0.5.15 → 0.6.1

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

@@ -1,8 +1,8 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from "@angular/core";
 import { FormGroup } from "@angular/forms";
+import { KwikUILoaderService } from "kwikui";
 import { TFormEditorType } from "./builder-form-editor.definitions";
 import { KwikIDFormBuilderFormEditorService } from "./builder.form-editor.service";
-import { KwikUILoaderService } from "kwikui";
 import * as i0 from "@angular/core";
 export declare class KwikIDBuilderFormEditorComponent implements OnInit, OnChanges {
     loaderService: KwikUILoaderService;
@@ -88,6 +88,8 @@ export declare class KwikIDBuilderFormEditorComponent implements OnInit, OnChang
      * Other Helper Methods
      */
     copyToClipboard(): void;
+    convertToMinifiedJson(): void;
+    convertToCompleteJson(): void;
     downloadJSON(): void;
     /**
      * Misc Methods

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

@@ -3,6 +3,7 @@ export declare const OPTIONS: {
     type: string[];
     disabled: boolean[];
     properties: {
+        button: {};
         text: {
             case: string[];
         };
@@ -65,6 +66,10 @@ export declare const FIELD_PROPERTIES_COMMON_CONFIG: {
     placeholder: string;
 };
 export declare const FIELD_PROPERTIES_CONFIG: {
+    button: {
+        readOnly: boolean;
+        placeholder: string;
+    };
     title: {
         readOnly: boolean;
         placeholder: string;
@@ -270,6 +275,27 @@ export declare const FIELD_CONFIG: {
             max: number;
         };
     };
+    button: {
+        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;
+        };
+    };
     textarea: {
         type: string;
         properties: {
@@ -719,3 +745,49 @@ export declare const FIELD_CONFIG: {
         };
     };
 };
+export declare const NOFIELD_CONFIG: {
+    required: boolean;
+    type: string;
+    props: {
+        url: string;
+        title: string;
+    };
+    hidden: boolean;
+    disabled: boolean;
+    dependentOn: any[];
+    title: string;
+    properties: {
+        header: {
+            logo: {
+                src: string;
+                alt: string;
+                hidden: boolean;
+            };
+            backButton: {
+                mode: string;
+                bypassConfirmation: boolean;
+                hidden: boolean;
+            };
+            title: {
+                hidden: boolean;
+                label: string;
+            };
+            steps: {
+                hidden: boolean;
+            };
+        };
+        footer: {
+            viewFormsButton: {
+                bypassConfirmation: boolean;
+                hidden: boolean;
+                label: string;
+            };
+            saveButton: {
+                hidden: boolean;
+                label: string;
+            };
+        };
+        isUnsavedDataAlertEnabled: boolean;
+    };
+    fieldGroups: {};
+};

package/lib/renderer/config-converter/config-converter.constants.d.ts

@@ -8,12 +8,15 @@ export declare const FIELD_PROPERTIES: {
         iconRight: string;
         shape: any;
         size: string;
+        containerStyles: string;
     };
     text: {
         case: string;
+        containerStyles: string;
     };
     "aadhaar-number": {
         mask: string;
+        containerStyles: string;
     };
     number: {
         decimal: string;
@@ -23,12 +26,34 @@ export declare const FIELD_PROPERTIES: {
         prefix: string;
         postfix: string;
         precision: number;
+        containerStyles: string;
     };
     phone: {
         countryCode: string;
         phoneMaskAfterCountryCode: string;
         removeCountryCodeFromValue: boolean;
         placeholder: string;
+        containerStyles: string;
+    };
+    html: {
+        properties: {
+            containerStyles: string;
+        };
+    };
+    checkbox: {
+        properties: {
+            containerStyles: string;
+        };
+    };
+    textarea: {
+        properties: {
+            containerStyles: string;
+        };
+    };
+    title: {
+        properties: {
+            containerStyles: string;
+        };
     };
     image: {
         altText: string;
@@ -39,6 +64,7 @@ export declare const FIELD_PROPERTIES: {
         loadingType: string;
         styles: string;
         class: string;
+        containerStyles: string;
     };
     date: {
         minCalculatedFromToday: {
@@ -52,10 +78,12 @@ export declare const FIELD_PROPERTIES: {
             day: number;
         };
         placeholder: string;
+        containerStyles: string;
     };
     radio: {
         size: string;
         orientation: string;
+        containerStyles: string;
     };
     slider: {
         min: number;
@@ -63,16 +91,19 @@ export declare const FIELD_PROPERTIES: {
         steps: number;
         quantum: number;
         size: string;
+        containerStyles: string;
     };
     api: {
         shape: any;
         size: string;
+        containerStyles: string;
     };
     otp: {
         size: string;
         mode: string;
         otpLength: number;
         placeholder: string;
+        containerStyles: string;
     };
     file: {
         multiple: boolean;
@@ -82,11 +113,14 @@ export declare const FIELD_PROPERTIES: {
         link: string;
         size: string;
         maxFileSize: number;
+        containerStyles: string;
     };
     select: {
         searchable: boolean;
+        containerStyles: string;
     };
     "dropdown-with-search": {
         searchable: boolean;
+        containerStyles: string;
     };
 };

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

@@ -1,13 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./form-view.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@taiga-ui/core";
-import * as i5 from "@taiga-ui/kit";
-import * as i6 from "@taiga-ui/addon-preview";
-import * as i7 from "kwikui";
+import * as i2 from "./helpers/styles-sanitizer.pipe";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@taiga-ui/core";
+import * as i6 from "@taiga-ui/kit";
+import * as i7 from "@taiga-ui/addon-preview";
+import * as i8 from "kwikui";
 export declare class KwikIDFormViewModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KwikIDFormViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormViewModule, [typeof i1.KwikIDFormViewComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.TuiLabelModule, typeof i5.TuiPushModule, typeof i4.TuiSvgModule, typeof i6.TuiPreviewModule, typeof i4.TuiButtonModule, typeof i6.TuiPreviewActionModule, typeof i4.TuiDialogModule, typeof i7.KwikUIPipeModule, typeof i7.KwikUIModule], [typeof i1.KwikIDFormViewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KwikIDFormViewModule, [typeof i1.KwikIDFormViewComponent, typeof i2.StyleSanitizerPipe], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.TuiLabelModule, typeof i6.TuiPushModule, typeof i5.TuiSvgModule, typeof i7.TuiPreviewModule, typeof i5.TuiButtonModule, typeof i7.TuiPreviewActionModule, typeof i5.TuiDialogModule, typeof i8.KwikUIPipeModule, typeof i8.KwikUIModule], [typeof i1.KwikIDFormViewComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KwikIDFormViewModule>;
 }

package/lib/renderer/form-view/helpers/styles-sanitizer.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from "@angular/core";
+import { DomSanitizer, SafeStyle } from "@angular/platform-browser";
+import * as i0 from "@angular/core";
+export declare class StyleSanitizerPipe implements PipeTransform {
+    private sanitizer;
+    constructor(sanitizer: DomSanitizer);
+    transform(style: string): SafeStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StyleSanitizerPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<StyleSanitizerPipe, "styleSanitizer">;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kwikid-forms",
-  "version": "0.5.15",
+  "version": "0.6.1",
   "description": "KwikID's JSON Configuration based Forms Renderer and Builder",
   "author": {
     "name": "Baiju Dodhia"