@unicef-polymer/etools-form-builder 2.1.4 → 2.1.6

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

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

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

@@ -1,20 +1,20 @@
-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, customElement, html } from 'lit-element';
-import { BaseField } from './base-field';
-import '@polymer/paper-input/paper-input';
-import { InputStyles } from '../../lib/styles/input-styles';
-import { getTranslation } from '../../lib/utils/translate';
-let NumberField = class NumberField extends BaseField {
-    constructor() {
-        super(...arguments);
-        this.isInteger = false;
-    }
-    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 { css, customElement, html } from 'lit-element';
+import { BaseField } from './base-field';
+import '@polymer/paper-input/paper-input';
+import { InputStyles } from '../../lib/styles/input-styles';
+import { getTranslation } from '../../lib/utils/translate';
+let NumberField = class NumberField extends BaseField {
+    constructor() {
+        super(...arguments);
+        this.isInteger = false;
+    }
+    controlTemplate() {
         return html `
       ${InputStyles}
       <paper-input
@@ -30,38 +30,38 @@ let NumberField = class NumberField extends BaseField {
         ?readonly="${this.isReadonly}"
       >
       </paper-input>
-    `;
-    }
-    valueChanged(newValue) {
-        const formatted = Number(newValue);
-        const isNumber = !isNaN(formatted) && `${newValue}` !== '' && `${newValue}` !== 'null';
-        super.valueChanged(isNumber ? formatted : newValue);
-    }
-    customValidation(value) {
-        if (!value) {
-            return null;
-        }
-        if (isNaN(value)) {
-            return 'Must be a number';
-        }
-        const integerValidation = !this.isInteger || value - Math.floor(value) === 0;
-        return integerValidation ? null : getTranslation(this.language, 'MUST_BE_INTEGER');
-    }
-    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) {
+        if (!value) {
+            return null;
+        }
+        if (isNaN(value)) {
+            return 'Must be a number';
+        }
+        const integerValidation = !this.isInteger || value - Math.floor(value) === 0;
+        return integerValidation ? null : getTranslation(this.language, 'MUST_BE_INTEGER');
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            ...BaseField.styles,
             css `
         @media (max-width: 380px) {
           .no-padding-left {
             padding-left: 0;
           }
         }
-      `
-        ];
-    }
-};
-NumberField = __decorate([
-    customElement('number-field')
-], NumberField);
-export { NumberField };
+      `
+        ];
+    }
+};
+NumberField = __decorate([
+    customElement('number-field')
+], NumberField);
+export { NumberField };

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

@@ -1,18 +1,18 @@
-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 | number | null> {
-    options: (FieldOption | string | number)[];
-    protected controlTemplate(): TemplateResult;
-    protected getLabel(option: FieldOption | string | number): unknown;
-    protected getValue(option: FieldOption | string | number): unknown;
-    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 | number | null> {
+    options: (FieldOption | string | number)[];
+    protected controlTemplate(): TemplateResult;
+    protected getLabel(option: FieldOption | string | number): unknown;
+    protected getValue(option: FieldOption | string | number): unknown;
+    protected onSelect(item: PaperRadioButtonElement): void;
+    protected customValidation(): string | null;
+    static get styles(): CSSResultArray;
+}

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

@@ -1,22 +1,22 @@
-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, customElement } 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';
-import { getTranslation } from '../../lib/utils/translate';
-let ScaleField = 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, customElement } 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';
+import { getTranslation } from '../../lib/utils/translate';
+let ScaleField = class ScaleField extends BaseField {
+    constructor() {
+        super(...arguments);
+        this.options = [];
+    }
+    controlTemplate() {
         return html `
       ${InputStyles}
       <div class="container">
@@ -37,28 +37,28 @@ let ScaleField = class ScaleField extends BaseField {
         </paper-button>
       </div>
       <div ?hidden="${!this.errorMessage}" class="error-text">${this.errorMessage}</div>
-    `;
-    }
-    getLabel(option) {
-        return typeof option === 'object' ? option.label : option;
-    }
-    getValue(option) {
-        return typeof option === 'object' ? option.value : option;
-    }
-    onSelect(item) {
-        const newValue = item.get('name');
-        if (newValue !== this.value) {
-            this.touched = true;
-        }
-        this.valueChanged(newValue);
-    }
-    customValidation() {
-        return null;
-    }
-    static get styles() {
-        // language=CSS
-        return [
-            ...BaseField.styles,
+    `;
+    }
+    getLabel(option) {
+        return typeof option === 'object' ? option.label : option;
+    }
+    getValue(option) {
+        return typeof option === 'object' ? option.value : option;
+    }
+    onSelect(item) {
+        const newValue = item.get('name');
+        if (newValue !== this.value) {
+            this.touched = true;
+        }
+        this.valueChanged(newValue);
+    }
+    customValidation() {
+        return null;
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            ...BaseField.styles,
             css `
         .container {
           position: relative;
@@ -95,14 +95,14 @@ let ScaleField = class ScaleField extends BaseField {
             padding-left: 0;
           }
         }
-      `
-        ];
-    }
-};
-__decorate([
-    property({ type: Array })
-], ScaleField.prototype, "options", void 0);
-ScaleField = __decorate([
-    customElement('scale-field')
-], ScaleField);
-export { ScaleField };
+      `
+        ];
+    }
+};
+__decorate([
+    property({ type: Array })
+], ScaleField.prototype, "options", void 0);
+ScaleField = __decorate([
+    customElement('scale-field')
+], ScaleField);
+export { ScaleField };

package/dist/form-fields/single-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/single-fields/text-field.js

@@ -1,15 +1,15 @@
-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, customElement, html } from 'lit-element';
-import { BaseField } from './base-field';
-import '@polymer/paper-input/paper-textarea';
-import { InputStyles } from '../../lib/styles/input-styles';
-let TextField = class TextField extends BaseField {
-    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 { css, customElement, html } from 'lit-element';
+import { BaseField } from './base-field';
+import '@polymer/paper-input/paper-textarea';
+import { InputStyles } from '../../lib/styles/input-styles';
+let TextField = class TextField extends BaseField {
+    controlTemplate() {
         return html `
       ${InputStyles}
       <paper-textarea
@@ -26,15 +26,15 @@ let TextField = 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 `
         :host(.wide) paper-textarea {
           padding-left: 0;
@@ -44,11 +44,11 @@ let TextField = class TextField extends BaseField {
             padding-left: 0;
           }
         }
-      `
-        ];
-    }
-};
-TextField = __decorate([
-    customElement('text-field')
-], TextField);
-export { TextField };
+      `
+        ];
+    }
+};
+TextField = __decorate([
+    customElement('text-field')
+], TextField);
+export { TextField };

package/dist/form-groups/form-abstract-group.d.ts

@@ -1,65 +1,65 @@
-import { LitElement, TemplateResult, CSSResultArray } from 'lit-element';
-import '../form-fields/single-fields/text-field';
-import '../form-fields/single-fields/number-field';
-import '../form-fields/single-fields/scale-field';
-import '@polymer/paper-input/paper-textarea';
-import { IFormBuilderAbstractGroup } from '../lib/types/form-builder.interfaces';
-import { BlueprintField, BlueprintGroup, BlueprintMetadata, Information } from '../lib/types/form-builder.types';
-import { GenericObject } from '../lib/types/global.types';
-export declare enum FieldTypes {
-    FILE_TYPE = "file",
-    TEXT_TYPE = "text",
-    NUMBER_TYPE = "number",
-    BOOL_TYPE = "bool",
-    SCALE_TYPE = "likert_scale",
-    NUMBER_INTEGER_TYPE = "number-integer",
-    NUMBER_FLOAT_TYPE = "number-float"
-}
-export declare enum StructureTypes {
-    WIDE = "wide",
-    ADDITIONAL = "additional",
-    CARD = "card",
-    ABSTRACT = "abstract",
-    COLLAPSED = "collapse",
-    ATTACHMENTS_BUTTON = "floating_attachments"
-}
-export declare class FormAbstractGroup extends LitElement implements IFormBuilderAbstractGroup {
-    groupStructure: BlueprintGroup;
-    metadata: BlueprintMetadata;
-    parentGroupName: string;
-    language: string;
-    readonly: boolean;
-    protected _errors: GenericObject;
-    protected _value: GenericObject;
-    computedPath: string[];
-    /**
-     * Make value property immutable
-     * @param value
-     */
-    set value(value: GenericObject);
-    get value(): GenericObject;
-    /**
-     * Setter for handling error.
-     * Normally we wouldn't have errors as string or string[] for FormGroups.
-     * In cases they appear - show toast with error text and reset it.
-     * Otherwise it will be impossible to clear that error from field elements
-     * @param errors
-     */
-    set errors(errors: GenericObject | string[] | null);
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleLanguageChange(e: CustomEvent): void;
-    render(): TemplateResult;
-    renderChild(child: BlueprintGroup | BlueprintField | Information): TemplateResult | TemplateResult[];
-    renderField(blueprintField: BlueprintField): TemplateResult;
-    renderInformation(information: Information): TemplateResult;
-    renderGroup(groupStructure: BlueprintGroup): TemplateResult | TemplateResult[];
-    getGroupTemplate(groupStructure: BlueprintGroup, index?: number): TemplateResult;
-    valueChanged(event: CustomEvent, name: string, index?: number): void;
-    errorChanged(event: CustomEvent, name: string, index?: number): void;
-    addGroup(name: string): void;
-    removeGroup(group: BlueprintGroup, index?: number): void;
-    protected getErrorMessage(fieldName: string): string | null;
-    static get styles(): CSSResultArray;
-}
+import { LitElement, TemplateResult, CSSResultArray } from 'lit-element';
+import '../form-fields/single-fields/text-field';
+import '../form-fields/single-fields/number-field';
+import '../form-fields/single-fields/scale-field';
+import '@polymer/paper-input/paper-textarea';
+import { IFormBuilderAbstractGroup } from '../lib/types/form-builder.interfaces';
+import { BlueprintField, BlueprintGroup, BlueprintMetadata, Information } from '../lib/types/form-builder.types';
+import { GenericObject } from '../lib/types/global.types';
+export declare enum FieldTypes {
+    FILE_TYPE = "file",
+    TEXT_TYPE = "text",
+    NUMBER_TYPE = "number",
+    BOOL_TYPE = "bool",
+    SCALE_TYPE = "likert_scale",
+    NUMBER_INTEGER_TYPE = "number-integer",
+    NUMBER_FLOAT_TYPE = "number-float"
+}
+export declare enum StructureTypes {
+    WIDE = "wide",
+    ADDITIONAL = "additional",
+    CARD = "card",
+    ABSTRACT = "abstract",
+    COLLAPSED = "collapse",
+    ATTACHMENTS_BUTTON = "floating_attachments"
+}
+export declare class FormAbstractGroup extends LitElement implements IFormBuilderAbstractGroup {
+    groupStructure: BlueprintGroup;
+    metadata: BlueprintMetadata;
+    parentGroupName: string;
+    language: string;
+    readonly: boolean;
+    protected _errors: GenericObject;
+    protected _value: GenericObject;
+    computedPath: string[];
+    /**
+     * Make value property immutable
+     * @param value
+     */
+    set value(value: GenericObject);
+    get value(): GenericObject;
+    /**
+     * Setter for handling error.
+     * Normally we wouldn't have errors as string or string[] for FormGroups.
+     * In cases they appear - show toast with error text and reset it.
+     * Otherwise it will be impossible to clear that error from field elements
+     * @param errors
+     */
+    set errors(errors: GenericObject | string[] | null);
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleLanguageChange(e: CustomEvent): void;
+    render(): TemplateResult;
+    renderChild(child: BlueprintGroup | BlueprintField | Information): TemplateResult | TemplateResult[];
+    renderField(blueprintField: BlueprintField): TemplateResult;
+    renderInformation(information: Information): TemplateResult;
+    renderGroup(groupStructure: BlueprintGroup): TemplateResult | TemplateResult[];
+    getGroupTemplate(groupStructure: BlueprintGroup, index?: number): TemplateResult;
+    valueChanged(event: CustomEvent, name: string, index?: number): void;
+    errorChanged(event: CustomEvent, name: string, index?: number): void;
+    addGroup(name: string): void;
+    removeGroup(group: BlueprintGroup, index?: number): void;
+    protected getErrorMessage(fieldName: string): string | null;
+    static get styles(): CSSResultArray;
+}