@unicef-polymer/etools-form-builder 0.1.25 → 1.0.1

package/dist/lib/types/form-builder.types.d.ts

@@ -1,53 +1,53 @@
-import { FieldValidator } from '../utils/validations.helper';
-import { GenericObject } from './global.types';
-/** JSON file from backend */
-export declare type ChecklistFormJson = {
-    blueprint: {
-        code: string;
-        metadata: BlueprintMetadata;
-        structure: BlueprintGroup;
-        title: string;
-    };
-    value: GenericObject;
-};
-/** --------- */
-export declare type BlueprintGroup = {
-    type: 'group';
-    extra: GenericObject;
-    styling: string[];
-    name: string;
-    repeatable: boolean;
-    required: boolean;
-    title: string | null;
-    children: (BlueprintGroup | BlueprintField)[];
-};
-export declare type BlueprintField = {
-    type: 'field';
-    extra: GenericObject;
-    styling: string[];
-    name: string;
-    repeatable: boolean;
-    required: boolean;
-    input_type: 'text' | 'likert_scale' | 'bool' | 'number' | 'number-integer' | 'number-float';
-    label: string;
-    validations: string[];
-    help_text: string;
-    placeholder: string;
-    default_value: null;
-    options_key: null;
-};
-/** Metadata for blueprint structure */
-export declare type BlueprintMetadata = {
-    options: GenericObject<BlueprintMetadataOptions>;
-    validations: GenericObject<FieldValidator>;
-    offline_enabled: boolean;
-    allow_multiple_responses: boolean;
-};
-export declare type BlueprintMetadataOptions = {
-    option_type: string;
-    values: BlueprintMetadataOption[];
-};
-export declare type BlueprintMetadataOption = {
-    value: string;
-    label: string;
-};
+import { FieldValidator } from '../utils/validations.helper';
+import { GenericObject } from './global.types';
+/** JSON file from backend */
+export declare type ChecklistFormJson = {
+    blueprint: {
+        code: string;
+        metadata: BlueprintMetadata;
+        structure: BlueprintGroup;
+        title: string;
+    };
+    value: GenericObject;
+};
+/** --------- */
+export declare type BlueprintGroup = {
+    type: 'group';
+    extra: GenericObject;
+    styling: string[];
+    name: string;
+    repeatable: boolean;
+    required: boolean;
+    title: string | null;
+    children: (BlueprintGroup | BlueprintField)[];
+};
+export declare type BlueprintField = {
+    type: 'field';
+    extra: GenericObject;
+    styling: string[];
+    name: string;
+    repeatable: boolean;
+    required: boolean;
+    input_type: 'text' | 'likert_scale' | 'bool' | 'number' | 'number-integer' | 'number-float';
+    label: string;
+    validations: string[];
+    help_text: string;
+    placeholder: string;
+    default_value: null;
+    options_key: null;
+};
+/** Metadata for blueprint structure */
+export declare type BlueprintMetadata = {
+    options: GenericObject<BlueprintMetadataOptions>;
+    validations: GenericObject<FieldValidator>;
+    offline_enabled: boolean;
+    allow_multiple_responses: boolean;
+};
+export declare type BlueprintMetadataOptions = {
+    option_type: string;
+    values: BlueprintMetadataOption[];
+};
+export declare type BlueprintMetadataOption = {
+    value: string;
+    label: string;
+};

package/dist/lib/types/global.types.d.ts

@@ -1,4 +1,4 @@
-export declare type GenericObject<T = any> = {
-    [key: string]: T;
-};
-export declare type Callback = (...args: any) => void;
+export declare type GenericObject<T = any> = {
+    [key: string]: T;
+};
+export declare type Callback = (...args: any) => void;

package/dist/lib/utils/dialog.d.ts

@@ -1,10 +1,10 @@
-export interface IDialog<D> {
-    dialog: string;
-    dialogData?: D;
-    readonly?: boolean;
-}
-export interface IDialogResponse<R> {
-    response?: R;
-    confirmed: boolean;
-}
-export declare function openDialog<D, R = any>({ dialog, dialogData, readonly }: IDialog<D>): Promise<IDialogResponse<R>>;
+export interface IDialog<D> {
+    dialog: string;
+    dialogData?: D;
+    readonly?: boolean;
+}
+export interface IDialogResponse<R> {
+    response?: R;
+    confirmed: boolean;
+}
+export declare function openDialog<D, R = any>({ dialog, dialogData, readonly }: IDialog<D>): Promise<IDialogResponse<R>>;

package/dist/lib/utils/dialog.js

@@ -1,21 +1,21 @@
-export function openDialog({ dialog, dialogData, readonly }) {
-    return new Promise((resolve, reject) => {
-        const dialogElement = document.createElement(dialog);
-        const body = document.querySelector('body');
-        if (body) {
-            body.appendChild(dialogElement);
-        }
-        else {
-            reject(new Error('Body not exist'));
-        }
-        dialogElement.dialogData = dialogData;
-        if (readonly) {
-            dialogElement.readonly = readonly;
-        }
-        dialogElement.addEventListener('response', (e) => {
-            const event = e;
-            resolve(event.detail);
-            dialogElement.remove();
-        });
-    });
-}
+export function openDialog({ dialog, dialogData, readonly }) {
+    return new Promise((resolve, reject) => {
+        const dialogElement = document.createElement(dialog);
+        const body = document.querySelector('body');
+        if (body) {
+            body.appendChild(dialogElement);
+        }
+        else {
+            reject(new Error('Body not exist'));
+        }
+        dialogElement.dialogData = dialogData;
+        if (readonly) {
+            dialogElement.readonly = readonly;
+        }
+        dialogElement.addEventListener('response', (e) => {
+            const event = e;
+            resolve(event.detail);
+            dialogElement.remove();
+        });
+    });
+}

package/dist/lib/utils/fire-custom-event.d.ts

@@ -1 +1 @@
-export declare function fireEvent(el: HTMLElement, eventName: string, detail?: any): void;
+export declare function fireEvent(el: HTMLElement, eventName: string, detail?: any): void;

package/dist/lib/utils/fire-custom-event.js

@@ -1,7 +1,7 @@
-export function fireEvent(el, eventName, detail) {
-    el.dispatchEvent(new CustomEvent(eventName, {
-        detail,
-        bubbles: true,
-        composed: true
-    }));
-}
+export function fireEvent(el, eventName, detail) {
+    el.dispatchEvent(new CustomEvent(eventName, {
+        detail,
+        bubbles: true,
+        composed: true
+    }));
+}

package/dist/lib/utils/validations.helper.d.ts

@@ -1,26 +1,26 @@
-export declare enum Validations {
-    MAX_LENGTH = "max_length",
-    REGEX = "regex",
-    LOWER_THAN = "lt",
-    GREATER_THAN = "gt"
-}
-export declare type MaxLengthValidation = {
-    name: Validations.MAX_LENGTH;
-    [Validations.MAX_LENGTH]: string;
-};
-export declare type RegexValidation = {
-    name: Validations.REGEX;
-    [Validations.REGEX]: string;
-};
-export declare type GreaterValidation = {
-    name: Validations.GREATER_THAN;
-    [Validations.GREATER_THAN]: string;
-    allow_equality: boolean;
-};
-export declare type LowerValidation = {
-    name: Validations.LOWER_THAN;
-    [Validations.LOWER_THAN]: string;
-    allow_equality: boolean;
-};
-export declare type FieldValidator = MaxLengthValidation | RegexValidation | GreaterValidation | LowerValidation;
-export declare function validate(validators: FieldValidator[], value: any): string | null;
+export declare enum Validations {
+    MAX_LENGTH = "max_length",
+    REGEX = "regex",
+    LOWER_THAN = "lt",
+    GREATER_THAN = "gt"
+}
+export declare type MaxLengthValidation = {
+    name: Validations.MAX_LENGTH;
+    [Validations.MAX_LENGTH]: string;
+};
+export declare type RegexValidation = {
+    name: Validations.REGEX;
+    [Validations.REGEX]: string;
+};
+export declare type GreaterValidation = {
+    name: Validations.GREATER_THAN;
+    [Validations.GREATER_THAN]: string;
+    allow_equality: boolean;
+};
+export declare type LowerValidation = {
+    name: Validations.LOWER_THAN;
+    [Validations.LOWER_THAN]: string;
+    allow_equality: boolean;
+};
+export declare type FieldValidator = MaxLengthValidation | RegexValidation | GreaterValidation | LowerValidation;
+export declare function validate(validators: FieldValidator[], value: any): string | null;

package/dist/lib/utils/validations.helper.js

@@ -1,35 +1,35 @@
-export var Validations;
-(function (Validations) {
-    Validations["MAX_LENGTH"] = "max_length";
-    Validations["REGEX"] = "regex";
-    Validations["LOWER_THAN"] = "lt";
-    Validations["GREATER_THAN"] = "gt";
-})(Validations || (Validations = {}));
-export function validate(validators, value) {
-    let message = null;
-    for (const validator of validators) {
-        message = checkValidation(validator, value);
-        if (message) {
-            break;
-        }
-    }
-    return message;
-}
-function checkValidation(validation, value) {
-    switch (validation.name) {
-        case Validations.MAX_LENGTH:
-            const maxLength = Number(validation[Validations.MAX_LENGTH]);
-            return String(value).length < maxLength ? null : `Text must be less than ${maxLength} character`;
-        case Validations.REGEX:
-            // TODO: Implements Regex validation
-            return null;
-        case Validations.GREATER_THAN:
-            const greaterThan = Number(validation[Validations.GREATER_THAN]) - Number(validation.allow_equality);
-            return Number(value) > greaterThan ? null : `Number must be greater than ${greaterThan} character`;
-        case Validations.LOWER_THAN:
-            const lowerThan = Number(validation[Validations.LOWER_THAN]) + Number(validation.allow_equality);
-            return Number(value) < lowerThan ? null : `Number must be lower than ${lowerThan} character`;
-        default:
-            return null;
-    }
-}
+export var Validations;
+(function (Validations) {
+    Validations["MAX_LENGTH"] = "max_length";
+    Validations["REGEX"] = "regex";
+    Validations["LOWER_THAN"] = "lt";
+    Validations["GREATER_THAN"] = "gt";
+})(Validations || (Validations = {}));
+export function validate(validators, value) {
+    let message = null;
+    for (const validator of validators) {
+        message = checkValidation(validator, value);
+        if (message) {
+            break;
+        }
+    }
+    return message;
+}
+function checkValidation(validation, value) {
+    switch (validation.name) {
+        case Validations.MAX_LENGTH:
+            const maxLength = Number(validation[Validations.MAX_LENGTH]);
+            return String(value).length < maxLength ? null : `Text must be less than ${maxLength} character`;
+        case Validations.REGEX:
+            // TODO: Implements Regex validation
+            return null;
+        case Validations.GREATER_THAN:
+            const greaterThan = Number(validation[Validations.GREATER_THAN]) - Number(validation.allow_equality);
+            return Number(value) > greaterThan ? null : `Number must be greater than ${greaterThan} character`;
+        case Validations.LOWER_THAN:
+            const lowerThan = Number(validation[Validations.LOWER_THAN]) + Number(validation.allow_equality);
+            return Number(value) < lowerThan ? null : `Number must be lower than ${lowerThan} character`;
+        default:
+            return null;
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unicef-polymer/etools-form-builder",
   "description": "Etools FM Form Builder components",
-  "version": "0.1.25",
+  "version": "1.0.1",
   "contributors": [
     "eTools Team"
   ],
@@ -14,7 +14,7 @@
   ],
   "scripts": {
     "build": "tsc --skipLibCheck",
-    "lint": "./node_modules/eslint/bin/eslint.js 'src/**'",
+    "lint": "eslint src/",
     "prepare": "rm -rf ./dist && npm run build",
     "prepublishOnly": "npm run lint"
   },
@@ -27,12 +27,12 @@
     "@polymer/paper-radio-group": "^3.0.1",
     "@polymer/paper-toast": "^3.0.1",
     "@types/ramda": "^0.26.43",
-    "@unicef-polymer/etools-dialog": "^4.2.2",
-    "@unicef-polymer/etools-dropdown": "^3.4.0",
+    "@unicef-polymer/etools-dialog": "5.0.0-rc.2",
+    "@unicef-polymer/etools-dropdown": "^3.7.6",
     "@unicef-polymer/etools-upload": "^3.5.0",
-    "@webcomponents/webcomponentsjs": "^2.5.0",
+    "@webcomponents/webcomponentsjs": "^2.6.0",
     "lit-element": "^2.4.0",
-    "lit-translate": "^1.1.20",
+    "lit-translate": "^1.2.1",
     "ramda": "^0.27.1",
     "web-animations-js": "^2.3.2"
   },
@@ -46,7 +46,7 @@
     "eslint-plugin-lit": "^1.2.4",
     "eslint-plugin-prettier": "^3.1.3",
     "minimist": ">=0.2.1",
-    "prettier": "^2.2.0",
+    "prettier": "~2.2.0",
     "typescript": "^3.9.7"
   }
 }