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

package/dist/form-attachments-popup/index.d.ts

@@ -1,2 +1,2 @@
-export * from './form-attachments-popup';
-export * from './form-attachments-popup.helper';
+export * from './form-attachments-popup';
+export * from './form-attachments-popup.helper';

package/dist/form-attachments-popup/index.js

@@ -1,2 +1,2 @@
-export * from './form-attachments-popup';
-export * from './form-attachments-popup.helper';
+export * from './form-attachments-popup';
+export * from './form-attachments-popup.helper';

package/dist/form-fields/base-field.d.ts

@@ -1,20 +1,20 @@
-import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
-import { FieldValidator } from '../lib/utils/validations.helper';
-export declare abstract class BaseField<T> extends LitElement {
-    questionText: string;
-    isReadonly: boolean;
-    required: boolean;
-    value: T | null;
-    protected _errorMessage: string | null;
-    validators: FieldValidator[];
-    set errorMessage(message: string | null);
-    get errorMessage(): string | null;
-    protected render(): TemplateResult;
-    protected questionTemplate(): TemplateResult;
-    protected valueChanged(newValue: T): void;
-    protected validateField(value: T): void;
-    protected metaValidation(value: T): string | null;
-    protected abstract customValidation(value: T): string | null;
-    protected abstract controlTemplate(): TemplateResult;
-    static get styles(): CSSResultArray;
-}
+import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
+import { FieldValidator } from '../lib/utils/validations.helper';
+export declare abstract class BaseField<T> extends LitElement {
+    questionText: string;
+    isReadonly: boolean;
+    required: boolean;
+    value: T | null;
+    protected _errorMessage: string | null;
+    validators: FieldValidator[];
+    set errorMessage(message: string | null);
+    get errorMessage(): string | null;
+    protected render(): TemplateResult;
+    protected questionTemplate(): TemplateResult;
+    protected valueChanged(newValue: T): void;
+    protected validateField(value: T): void;
+    protected metaValidation(value: T): string | null;
+    protected abstract customValidation(value: T): string | null;
+    protected abstract controlTemplate(): TemplateResult;
+    static get styles(): CSSResultArray;
+}

package/dist/form-fields/base-field.js

@@ -1,69 +1,69 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, html, LitElement, property } from 'lit-element';
-import { fireEvent } from '../lib/utils/fire-custom-event';
-import { FlexLayoutClasses } from '../lib/styles/flex-layout-classes';
-import { validate } from '../lib/utils/validations.helper';
-export class BaseField extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.questionText = '';
-        this.isReadonly = false;
-        this.required = false;
-        this.value = null;
-        this._errorMessage = null;
-        this.validators = [];
-    }
-    set errorMessage(message) {
-        this._errorMessage = message;
-    }
-    get errorMessage() {
-        return this.isReadonly ? null : this._errorMessage;
-    }
-    render() {
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, LitElement, property } from 'lit-element';
+import { fireEvent } from '../lib/utils/fire-custom-event';
+import { FlexLayoutClasses } from '../lib/styles/flex-layout-classes';
+import { validate } from '../lib/utils/validations.helper';
+export class BaseField extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.questionText = '';
+        this.isReadonly = false;
+        this.required = false;
+        this.value = null;
+        this._errorMessage = null;
+        this.validators = [];
+    }
+    set errorMessage(message) {
+        this._errorMessage = message;
+    }
+    get errorMessage() {
+        return this.isReadonly ? null : this._errorMessage;
+    }
+    render() {
         return html `
       <div class="finding-container">
         <div class="question"><slot>${this.questionTemplate()}</slot></div>
         <div class="question-control">${this.controlTemplate()}</div>
       </div>
-    `;
-    }
-    questionTemplate() {
-        return html ` <span class="question-text">${this.questionText}</span> `;
-    }
-    valueChanged(newValue) {
-        this.validateField(newValue);
-        if (newValue !== this.value) {
-            this.value = newValue;
-            fireEvent(this, 'value-changed', { value: newValue });
-        }
-    }
-    validateField(value) {
-        let errorMessage;
-        if (this.required && !value) {
-            errorMessage = 'This field is required!';
-        }
-        else {
-            errorMessage = this.metaValidation(value);
-        }
-        if (this._errorMessage !== errorMessage) {
-            fireEvent(this, 'error-changed', { error: errorMessage });
-            this._errorMessage = errorMessage;
-            this.requestUpdate();
-        }
-    }
-    metaValidation(value) {
-        const message = validate(this.validators, value);
-        return message ? message : this.customValidation(value);
-    }
-    static get styles() {
-        // language=CSS
-        return [
-            FlexLayoutClasses,
+    `;
+    }
+    questionTemplate() {
+        return html ` <span class="question-text">${this.questionText}</span> `;
+    }
+    valueChanged(newValue) {
+        this.validateField(newValue);
+        if (newValue !== this.value) {
+            this.value = newValue;
+            fireEvent(this, 'value-changed', { value: newValue });
+        }
+    }
+    validateField(value) {
+        let errorMessage;
+        if (this.required && !value) {
+            errorMessage = 'This field is required!';
+        }
+        else {
+            errorMessage = this.metaValidation(value);
+        }
+        if (this._errorMessage !== errorMessage) {
+            fireEvent(this, 'error-changed', { error: errorMessage });
+            this._errorMessage = errorMessage;
+            this.requestUpdate();
+        }
+    }
+    metaValidation(value) {
+        const message = validate(this.validators, value);
+        return message ? message : this.customValidation(value);
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            FlexLayoutClasses,
             css `
         :host {
           display: block;
@@ -133,22 +133,22 @@ export class BaseField extends LitElement {
             flex: 0 1 auto;
           }
         }
-      `
-        ];
-    }
-}
-__decorate([
-    property({ type: String })
-], BaseField.prototype, "questionText", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'is-readonly' })
-], BaseField.prototype, "isReadonly", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'required', reflect: true })
-], BaseField.prototype, "required", void 0);
-__decorate([
-    property()
-], BaseField.prototype, "value", void 0);
-__decorate([
-    property()
-], BaseField.prototype, "_errorMessage", void 0);
+      `
+        ];
+    }
+}
+__decorate([
+    property({ type: String })
+], BaseField.prototype, "questionText", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-readonly' })
+], BaseField.prototype, "isReadonly", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'required', reflect: true })
+], BaseField.prototype, "required", void 0);
+__decorate([
+    property()
+], BaseField.prototype, "value", void 0);
+__decorate([
+    property()
+], BaseField.prototype, "_errorMessage", void 0);

package/dist/form-fields/custom-elements.define.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/dist/form-fields/custom-elements.define.js

@@ -1,11 +1,11 @@
-/**
- * Form field elements
- */
-import { TextField } from './text-field';
-import { NumberField } from './number-field';
-import { ScaleField } from './scale-field';
-import { WideField } from './wide-field';
-window.customElements.define('number-field', NumberField);
-window.customElements.define('text-field', TextField);
-window.customElements.define('scale-field', ScaleField);
-window.customElements.define('wide-field', WideField);
+/**
+ * Form field elements
+ */
+import { TextField } from './text-field';
+import { NumberField } from './number-field';
+import { ScaleField } from './scale-field';
+import { WideField } from './wide-field';
+window.customElements.define('number-field', NumberField);
+window.customElements.define('text-field', TextField);
+window.customElements.define('scale-field', ScaleField);
+window.customElements.define('wide-field', WideField);

package/dist/form-fields/index.d.ts

@@ -1,5 +1,5 @@
-export * from './base-field';
-export * from './number-field';
-export * from './text-field';
-export * from './scale-field';
-export * from './wide-field';
+export * from './base-field';
+export * from './number-field';
+export * from './text-field';
+export * from './scale-field';
+export * from './wide-field';

package/dist/form-fields/index.js

@@ -1,5 +1,5 @@
-export * from './base-field';
-export * from './number-field';
-export * from './text-field';
-export * from './scale-field';
-export * from './wide-field';
+export * from './base-field';
+export * from './number-field';
+export * from './text-field';
+export * from './scale-field';
+export * from './wide-field';

package/dist/form-fields/number-field.d.ts

@@ -1,9 +1,9 @@
-import { CSSResultArray, TemplateResult } from 'lit-element';
-import { BaseField } from './base-field';
-import '@polymer/paper-input/paper-input';
-export declare class NumberField extends BaseField<number> {
-    protected controlTemplate(): TemplateResult;
-    protected valueChanged(newValue: number): void;
-    protected customValidation(value: number): string | null;
-    static get styles(): CSSResultArray;
-}
+import { CSSResultArray, TemplateResult } from 'lit-element';
+import { BaseField } from './base-field';
+import '@polymer/paper-input/paper-input';
+export declare class NumberField extends BaseField<number> {
+    protected controlTemplate(): TemplateResult;
+    protected valueChanged(newValue: number): void;
+    protected customValidation(value: number): string | null;
+    static get styles(): CSSResultArray;
+}

package/dist/form-fields/number-field.js

@@ -1,9 +1,9 @@
-import { css, html } from 'lit-element';
-import { BaseField } from './base-field';
-import '@polymer/paper-input/paper-input';
-import { InputStyles } from '../lib/styles/input-styles';
-export class NumberField extends BaseField {
-    controlTemplate() {
+import { css, html } from 'lit-element';
+import { BaseField } from './base-field';
+import '@polymer/paper-input/paper-input';
+import { InputStyles } from '../lib/styles/input-styles';
+export class NumberField extends BaseField {
+    controlTemplate() {
         return html `
       ${InputStyles}
       <paper-input
@@ -17,27 +17,27 @@ export class NumberField extends BaseField {
         ?disabled="${this.isReadonly}"
       >
       </paper-input>
-    `;
-    }
-    valueChanged(newValue) {
-        const formatted = Number(newValue);
-        const isNumber = !isNaN(formatted) && `${newValue}` !== '' && `${newValue}` !== 'null';
-        super.valueChanged(isNumber ? formatted : newValue);
-    }
-    customValidation(value) {
-        return value && isNaN(value) ? 'Must be a number' : null;
-    }
-    static get styles() {
-        // language=CSS
-        return [
-            ...BaseField.styles,
+    `;
+    }
+    valueChanged(newValue) {
+        const formatted = Number(newValue);
+        const isNumber = !isNaN(formatted) && `${newValue}` !== '' && `${newValue}` !== 'null';
+        super.valueChanged(isNumber ? formatted : newValue);
+    }
+    customValidation(value) {
+        return value && isNaN(value) ? 'Must be a number' : null;
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            ...BaseField.styles,
             css `
         @media (max-width: 380px) {
           .no-padding-left {
             padding-left: 0;
           }
         }
-      `
-        ];
-    }
-}
+      `
+        ];
+    }
+}

package/dist/form-fields/scale-field.d.ts

@@ -1,16 +1,16 @@
-import { TemplateResult, CSSResultArray } from 'lit-element';
-import { BaseField } from './base-field';
-import '@polymer/paper-radio-group/paper-radio-group';
-import '@polymer/paper-radio-button/paper-radio-button';
-import { PaperRadioButtonElement } from '@polymer/paper-radio-button/paper-radio-button';
-export declare type FieldOption = {
-    value: any;
-    label: string;
-};
-export declare class ScaleField extends BaseField<string | null> {
-    options: FieldOption[];
-    protected controlTemplate(): TemplateResult;
-    protected onSelect(item: PaperRadioButtonElement): void;
-    protected customValidation(): string | null;
-    static get styles(): CSSResultArray;
-}
+import { TemplateResult, CSSResultArray } from 'lit-element';
+import { BaseField } from './base-field';
+import '@polymer/paper-radio-group/paper-radio-group';
+import '@polymer/paper-radio-button/paper-radio-button';
+import { PaperRadioButtonElement } from '@polymer/paper-radio-button/paper-radio-button';
+export declare type FieldOption = {
+    value: any;
+    label: string;
+};
+export declare class ScaleField extends BaseField<string | null> {
+    options: FieldOption[];
+    protected controlTemplate(): TemplateResult;
+    protected onSelect(item: PaperRadioButtonElement): void;
+    protected customValidation(): string | null;
+    static get styles(): CSSResultArray;
+}

package/dist/form-fields/scale-field.js

@@ -1,21 +1,21 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { html, property, css } from 'lit-element';
-import { BaseField } from './base-field';
-import { repeat } from 'lit-html/directives/repeat';
-import '@polymer/paper-radio-group/paper-radio-group';
-import '@polymer/paper-radio-button/paper-radio-button';
-import { InputStyles } from '../lib/styles/input-styles';
-export class ScaleField extends BaseField {
-    constructor() {
-        super(...arguments);
-        this.options = [];
-    }
-    controlTemplate() {
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, property, css } from 'lit-element';
+import { BaseField } from './base-field';
+import { repeat } from 'lit-html/directives/repeat';
+import '@polymer/paper-radio-group/paper-radio-group';
+import '@polymer/paper-radio-button/paper-radio-button';
+import { InputStyles } from '../lib/styles/input-styles';
+export class ScaleField extends BaseField {
+    constructor() {
+        super(...arguments);
+        this.options = [];
+    }
+    controlTemplate() {
         return html `
       ${InputStyles}
       <div class="container">
@@ -33,19 +33,19 @@ export class ScaleField extends BaseField {
           <iron-icon icon="clear"></iron-icon>Clear
         </paper-button>
       </div>
-    `;
-    }
-    onSelect(item) {
-        const newValue = item.get('name');
-        this.valueChanged(newValue);
-    }
-    customValidation() {
-        return null;
-    }
-    static get styles() {
-        // language=CSS
-        return [
-            ...BaseField.styles,
+    `;
+    }
+    onSelect(item) {
+        const newValue = item.get('name');
+        this.valueChanged(newValue);
+    }
+    customValidation() {
+        return null;
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            ...BaseField.styles,
             css `
         .container {
           position: relative;
@@ -82,10 +82,10 @@ export class ScaleField extends BaseField {
             padding-left: 0;
           }
         }
-      `
-        ];
-    }
-}
-__decorate([
-    property({ type: Array })
-], ScaleField.prototype, "options", void 0);
+      `
+        ];
+    }
+}
+__decorate([
+    property({ type: Array })
+], ScaleField.prototype, "options", void 0);

package/dist/form-fields/text-field.d.ts

@@ -1,8 +1,8 @@
-import { CSSResultArray, TemplateResult } from 'lit-element';
-import { BaseField } from './base-field';
-import '@polymer/paper-input/paper-textarea';
-export declare class TextField extends BaseField<string> {
-    protected controlTemplate(): TemplateResult;
-    protected customValidation(): string | null;
-    static get styles(): CSSResultArray;
-}
+import { CSSResultArray, TemplateResult } from 'lit-element';
+import { BaseField } from './base-field';
+import '@polymer/paper-input/paper-textarea';
+export declare class TextField extends BaseField<string> {
+    protected controlTemplate(): TemplateResult;
+    protected customValidation(): string | null;
+    static get styles(): CSSResultArray;
+}

package/dist/form-fields/text-field.js

@@ -1,9 +1,9 @@
-import { css, html } from 'lit-element';
-import { BaseField } from './base-field';
-import '@polymer/paper-input/paper-textarea';
-import { InputStyles } from '../lib/styles/input-styles';
-export class TextField extends BaseField {
-    controlTemplate() {
+import { css, html } from 'lit-element';
+import { BaseField } from './base-field';
+import '@polymer/paper-input/paper-textarea';
+import { InputStyles } from '../lib/styles/input-styles';
+export class TextField extends BaseField {
+    controlTemplate() {
         return html `
       ${InputStyles}
       <paper-textarea
@@ -18,22 +18,22 @@ export class TextField extends BaseField {
         error-message="${this.errorMessage}"
       >
       </paper-textarea>
-    `;
-    }
-    customValidation() {
-        return null;
-    }
-    static get styles() {
-        // language=CSS
-        return [
-            ...BaseField.styles,
+    `;
+    }
+    customValidation() {
+        return null;
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            ...BaseField.styles,
             css `
         @media (max-width: 380px) {
           .no-padding-left {
             padding-left: 0;
           }
         }
-      `
-        ];
-    }
-}
+      `
+        ];
+    }
+}

package/dist/form-fields/wide-field.d.ts

@@ -1,11 +1,11 @@
-import { TemplateResult, CSSResultArray } from 'lit-element';
-import { BaseField } from './base-field';
-import '@polymer/paper-input/paper-textarea';
-export declare class WideField extends BaseField<string> {
-    label: string;
-    placeholder: string;
-    protected render(): TemplateResult;
-    protected controlTemplate(): TemplateResult;
-    protected customValidation(): string | null;
-    static get styles(): CSSResultArray;
-}
+import { TemplateResult, CSSResultArray } from 'lit-element';
+import { BaseField } from './base-field';
+import '@polymer/paper-input/paper-textarea';
+export declare class WideField extends BaseField<string> {
+    label: string;
+    placeholder: string;
+    protected render(): TemplateResult;
+    protected controlTemplate(): TemplateResult;
+    protected customValidation(): string | null;
+    static get styles(): CSSResultArray;
+}