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

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

@@ -1,184 +1,184 @@
-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 '@unicef-polymer/etools-dialog/etools-dialog';
-import '@unicef-polymer/etools-upload/etools-upload-multi';
-import '@unicef-polymer/etools-dropdown/etools-dropdown';
-import '@polymer/paper-button/paper-button';
-import '@polymer/iron-icons/iron-icons';
-import { css, customElement, LitElement, property, query } from 'lit-element';
-import { clone, equals } from 'ramda';
-import { template } from './form-attachments-popup.tpl';
-import { fireEvent } from '../lib/utils/fire-custom-event';
-import { SharedStyles } from '../lib/styles/shared-styles';
-import { AttachmentsStyles } from '../lib/styles/attachments.styles';
-import { AttachmentsHelper } from './form-attachments-popup.helper';
-import { deleteFileFromDexie } from '@unicef-polymer/etools-upload/offline/dexie-operations';
-import { getTranslation } from '../lib/utils/translate';
-let FormAttachmentsPopup = class FormAttachmentsPopup extends LitElement {
-    constructor() {
-        super();
-        this.dialogOpened = true;
-        this.saveBtnClicked = false;
-        this.attachments = [];
-        this.readonly = false;
-        this.popupTitle = '';
-        this.computedPath = [];
-        this.errors = [];
-        /**
-         * Array of offline saved fileIds that was remove from popup.
-         * We need to remove them from IDB but only after confirm button click
-         */
-        this.filesForRemove = [];
-        this.originalAttachments = [];
-        if (!AttachmentsHelper.isInitialized) {
-            throw new Error('Please initialize attachments popup before use');
-        }
-        if (!this.language) {
-            this.language = window.localStorage.defaultLanguage || 'en';
-        }
-    }
-    set dialogData({ attachments, title, metadata, readonly, computedPath, errors }) {
-        this.popupTitle = title;
-        this.attachments = clone(attachments) || [];
-        this.originalAttachments = clone(attachments) || [];
-        this.metadata = clone(metadata);
-        this.readonly = Boolean(readonly);
-        this.computedPath = computedPath;
-        this.errors = clone(errors) || [];
-    }
-    get uploadUrl() {
-        return AttachmentsHelper.uploadUrl;
-    }
-    get jwtLocalStorageKey() {
-        return AttachmentsHelper.jwtLocalStorageKey;
-    }
-    render() {
-        return template.call(this);
-    }
-    /**
-     * on Cancel button click
-     * Remove offline saved attachments from IDB if they are missing in originalAttachments
-     */
-    onClose() {
-        this.attachments.forEach(({ url, attachment }) => {
-            const existsInOriginal = this.originalAttachments
-                .map((item) => item.attachment || [])
-                .includes(attachment);
-            if (!existsInOriginal && !url) {
-                deleteFileFromDexie(attachment);
-            }
-        });
-        fireEvent(this, 'response', { confirmed: false });
-    }
-    async saveChanges() {
-        let fileTypeNotSelected = false;
-        this.attachments.forEach((attachment, index) => {
-            if (!attachment.file_type) {
-                fileTypeNotSelected = true;
-                this.errors[index] = { file_type: ['This field is required'] };
-            }
-            else {
-                this.errors[index] = [];
-            }
-        });
-        this.requestUpdate();
-        if (fileTypeNotSelected) {
-            return;
-        }
-        if (this.filesForRemove.length) {
-            for (const fileId of this.filesForRemove) {
-                await deleteFileFromDexie(fileId);
-            }
-        }
-        /**
-         * Don't confirm popup if no changes was made
-         */
-        if (!equals(this.attachments, this.originalAttachments)) {
-            fireEvent(this, 'response', { confirmed: true, attachments: this.attachments });
-        }
-        else {
-            fireEvent(this, 'response', { confirmed: false });
-        }
-    }
-    checkFileType(index) {
-        var _a;
-        return (_a = this.errors[index]) === null || _a === void 0 ? void 0 : _a.file_type;
-    }
-    retrieveErrorMessage(index) {
-        return this.errors[index] && this.errors[index].file_type ? this.errors[index].file_type[0] : '';
-    }
-    downloadFile(attachment) {
-        const url = attachment.url;
-        this.link.href = url;
-        this.link.click();
-        window.URL.revokeObjectURL(url);
-    }
-    changeFileType(attachment, newType, index) {
-        if (newType && attachment.file_type !== newType) {
-            attachment.file_type = newType;
-            this.errors[index] = [];
-            this.requestUpdate();
-        }
-    }
-    attachmentsUploaded({ success, error }) {
-        const parsedAttachments = success
-            .map((attachment) => {
-            if (this.isUploadedAttachment(attachment)) {
-                return {
-                    url: attachment.file_link,
-                    attachment: attachment.id,
-                    filename: attachment.filename,
-                    file_type: null
-                };
-            }
-            else if (this.isOfflineSavedAttachment(attachment)) {
-                return {
-                    attachment: attachment.id,
-                    filename: attachment.filename,
-                    composedPath: this.computedPath,
-                    file_type: null
-                };
-            }
-            else {
-                console.warn('Missing fields in parsed attachment');
-                return null;
-            }
-        })
-            .filter((attachment) => Boolean(attachment));
-        this.attachments = [...this.attachments, ...parsedAttachments];
-        if (error && error.length) {
-            console.error(error);
-            fireEvent(this, 'toast', { text: getTranslation(this.language, 'UPLOAD_ATTACHMENTS_FAILED') });
-        }
-    }
-    deleteAttachment(index) {
-        const [attachment] = this.attachments.splice(index, 1);
-        if (!attachment.hasOwnProperty('url')) {
-            /**
-             * prepare attachment for remove from IDB after Popup confirm
-             */
-            this.filesForRemove.push(attachment.attachment);
-        }
-        this.attachments = [...this.attachments];
-    }
-    isUploadedAttachment(attachment) {
-        return (attachment.hasOwnProperty('filename') &&
-            attachment.hasOwnProperty('id') &&
-            attachment.hasOwnProperty('file_link') &&
-            !attachment.hasOwnProperty('unsynced'));
-    }
-    isOfflineSavedAttachment(attachment) {
-        return (attachment.hasOwnProperty('filename') && attachment.hasOwnProperty('id') && attachment.hasOwnProperty('unsynced'));
-    }
-    static get styles() {
-        // language=CSS
-        return [
-            SharedStyles,
-            AttachmentsStyles,
+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 '@unicef-polymer/etools-dialog/etools-dialog';
+import '@unicef-polymer/etools-upload/etools-upload-multi';
+import '@unicef-polymer/etools-dropdown/etools-dropdown';
+import '@polymer/paper-button/paper-button';
+import '@polymer/iron-icons/iron-icons';
+import { css, customElement, LitElement, property, query } from 'lit-element';
+import { clone, equals } from 'ramda';
+import { template } from './form-attachments-popup.tpl';
+import { fireEvent } from '../lib/utils/fire-custom-event';
+import { SharedStyles } from '../lib/styles/shared-styles';
+import { AttachmentsStyles } from '../lib/styles/attachments.styles';
+import { AttachmentsHelper } from './form-attachments-popup.helper';
+import { deleteFileFromDexie } from '@unicef-polymer/etools-upload/offline/dexie-operations';
+import { getTranslation } from '../lib/utils/translate';
+let FormAttachmentsPopup = class FormAttachmentsPopup extends LitElement {
+    constructor() {
+        super();
+        this.dialogOpened = true;
+        this.saveBtnClicked = false;
+        this.attachments = [];
+        this.readonly = false;
+        this.popupTitle = '';
+        this.computedPath = [];
+        this.errors = [];
+        /**
+         * Array of offline saved fileIds that was remove from popup.
+         * We need to remove them from IDB but only after confirm button click
+         */
+        this.filesForRemove = [];
+        this.originalAttachments = [];
+        if (!AttachmentsHelper.isInitialized) {
+            throw new Error('Please initialize attachments popup before use');
+        }
+        if (!this.language) {
+            this.language = window.localStorage.defaultLanguage || 'en';
+        }
+    }
+    set dialogData({ attachments, title, metadata, readonly, computedPath, errors }) {
+        this.popupTitle = title;
+        this.attachments = clone(attachments) || [];
+        this.originalAttachments = clone(attachments) || [];
+        this.metadata = clone(metadata);
+        this.readonly = Boolean(readonly);
+        this.computedPath = computedPath;
+        this.errors = clone(errors) || [];
+    }
+    get uploadUrl() {
+        return AttachmentsHelper.uploadUrl;
+    }
+    get jwtLocalStorageKey() {
+        return AttachmentsHelper.jwtLocalStorageKey;
+    }
+    render() {
+        return template.call(this);
+    }
+    /**
+     * on Cancel button click
+     * Remove offline saved attachments from IDB if they are missing in originalAttachments
+     */
+    onClose() {
+        this.attachments.forEach(({ url, attachment }) => {
+            const existsInOriginal = this.originalAttachments
+                .map((item) => item.attachment || [])
+                .includes(attachment);
+            if (!existsInOriginal && !url) {
+                deleteFileFromDexie(attachment);
+            }
+        });
+        fireEvent(this, 'response', { confirmed: false });
+    }
+    async saveChanges() {
+        let fileTypeNotSelected = false;
+        this.attachments.forEach((attachment, index) => {
+            if (!attachment.file_type) {
+                fileTypeNotSelected = true;
+                this.errors[index] = { file_type: ['This field is required'] };
+            }
+            else {
+                this.errors[index] = [];
+            }
+        });
+        this.requestUpdate();
+        if (fileTypeNotSelected) {
+            return;
+        }
+        if (this.filesForRemove.length) {
+            for (const fileId of this.filesForRemove) {
+                await deleteFileFromDexie(fileId);
+            }
+        }
+        /**
+         * Don't confirm popup if no changes was made
+         */
+        if (!equals(this.attachments, this.originalAttachments)) {
+            fireEvent(this, 'response', { confirmed: true, attachments: this.attachments });
+        }
+        else {
+            fireEvent(this, 'response', { confirmed: false });
+        }
+    }
+    checkFileType(index) {
+        var _a;
+        return (_a = this.errors[index]) === null || _a === void 0 ? void 0 : _a.file_type;
+    }
+    retrieveErrorMessage(index) {
+        return this.errors[index] && this.errors[index].file_type ? this.errors[index].file_type[0] : '';
+    }
+    downloadFile(attachment) {
+        const url = attachment.url;
+        this.link.href = url;
+        this.link.click();
+        window.URL.revokeObjectURL(url);
+    }
+    changeFileType(attachment, newType, index) {
+        if (newType && attachment.file_type !== newType) {
+            attachment.file_type = newType;
+            this.errors[index] = [];
+            this.requestUpdate();
+        }
+    }
+    attachmentsUploaded({ success, error }) {
+        const parsedAttachments = success
+            .map((attachment) => {
+            if (this.isUploadedAttachment(attachment)) {
+                return {
+                    url: attachment.file_link,
+                    attachment: attachment.id,
+                    filename: attachment.filename,
+                    file_type: null
+                };
+            }
+            else if (this.isOfflineSavedAttachment(attachment)) {
+                return {
+                    attachment: attachment.id,
+                    filename: attachment.filename,
+                    composedPath: this.computedPath,
+                    file_type: null
+                };
+            }
+            else {
+                console.warn('Missing fields in parsed attachment');
+                return null;
+            }
+        })
+            .filter((attachment) => Boolean(attachment));
+        this.attachments = [...this.attachments, ...parsedAttachments];
+        if (error && error.length) {
+            console.error(error);
+            fireEvent(this, 'toast', { text: getTranslation(this.language, 'UPLOAD_ATTACHMENTS_FAILED') });
+        }
+    }
+    deleteAttachment(index) {
+        const [attachment] = this.attachments.splice(index, 1);
+        if (!attachment.hasOwnProperty('url')) {
+            /**
+             * prepare attachment for remove from IDB after Popup confirm
+             */
+            this.filesForRemove.push(attachment.attachment);
+        }
+        this.attachments = [...this.attachments];
+    }
+    isUploadedAttachment(attachment) {
+        return (attachment.hasOwnProperty('filename') &&
+            attachment.hasOwnProperty('id') &&
+            attachment.hasOwnProperty('file_link') &&
+            !attachment.hasOwnProperty('unsynced'));
+    }
+    isOfflineSavedAttachment(attachment) {
+        return (attachment.hasOwnProperty('filename') && attachment.hasOwnProperty('id') && attachment.hasOwnProperty('unsynced'));
+    }
+    static get styles() {
+        // language=CSS
+        return [
+            SharedStyles,
+            AttachmentsStyles,
             css `
         .file-selector__type-dropdown {
           flex-basis: 25%;
@@ -227,29 +227,29 @@ let FormAttachmentsPopup = class FormAttachmentsPopup extends LitElement {
             padding-bottom: 10px;
           }
         }
-      `
-        ];
-    }
-};
-__decorate([
-    property()
-], FormAttachmentsPopup.prototype, "dialogOpened", void 0);
-__decorate([
-    property()
-], FormAttachmentsPopup.prototype, "saveBtnClicked", void 0);
-__decorate([
-    property()
-], FormAttachmentsPopup.prototype, "attachments", void 0);
-__decorate([
-    property()
-], FormAttachmentsPopup.prototype, "metadata", void 0);
-__decorate([
-    property()
-], FormAttachmentsPopup.prototype, "language", void 0);
-__decorate([
-    query('#link')
-], FormAttachmentsPopup.prototype, "link", void 0);
-FormAttachmentsPopup = __decorate([
-    customElement('form-attachments-popup')
-], FormAttachmentsPopup);
-export { FormAttachmentsPopup };
+      `
+        ];
+    }
+};
+__decorate([
+    property()
+], FormAttachmentsPopup.prototype, "dialogOpened", void 0);
+__decorate([
+    property()
+], FormAttachmentsPopup.prototype, "saveBtnClicked", void 0);
+__decorate([
+    property()
+], FormAttachmentsPopup.prototype, "attachments", void 0);
+__decorate([
+    property()
+], FormAttachmentsPopup.prototype, "metadata", void 0);
+__decorate([
+    property()
+], FormAttachmentsPopup.prototype, "language", void 0);
+__decorate([
+    query('#link')
+], FormAttachmentsPopup.prototype, "link", void 0);
+FormAttachmentsPopup = __decorate([
+    customElement('form-attachments-popup')
+], FormAttachmentsPopup);
+export { FormAttachmentsPopup };

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

@@ -1,3 +1,3 @@
-import { FormAttachmentsPopup } from './form-attachments-popup';
-import { TemplateResult } from 'lit-html';
-export declare function template(this: FormAttachmentsPopup): TemplateResult;
+import { FormAttachmentsPopup } from './form-attachments-popup';
+import { TemplateResult } from 'lit-html';
+export declare function template(this: FormAttachmentsPopup): TemplateResult;

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

@@ -1,9 +1,9 @@
-import { html } from 'lit-html';
-import { InputStyles } from '../lib/styles/input-styles';
-import { DialogStyles } from '../lib/styles/dialog.styles';
-import { getTranslation } from '../lib/utils/translate';
-export function template() {
-    var _a;
+import { html } from 'lit-html';
+import { InputStyles } from '../lib/styles/input-styles';
+import { DialogStyles } from '../lib/styles/dialog.styles';
+import { getTranslation } from '../lib/utils/translate';
+export function template() {
+    var _a;
     return html `
     ${InputStyles} ${DialogStyles}
     <etools-dialog
@@ -23,8 +23,8 @@ export function template() {
       <a id="link" target="_blank" hidden></a>
 
       <div class="popup-container">
-        ${(_a = this.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment, index) => {
-        var _a, _b;
+        ${(_a = this.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment, index) => {
+        var _a, _b;
         return html `
             <div class="file-selector-container with-type-dropdown">
               <!--        Type select Dropdown        -->
@@ -72,7 +72,7 @@ export function template() {
                 ${getTranslation(this.language, 'DELETE')}
               </paper-button>
             </div>
-          `;
+          `;
     })}
 
         <!--     Upload button     -->
@@ -87,5 +87,5 @@ export function template() {
         </etools-upload-multi>
       </div>
     </etools-dialog>
-  `;
-}
+  `;
+}

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/abstract-field-base.class.d.ts

@@ -1,33 +1,33 @@
-import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
-import { FieldValidator } from '../lib/utils/validations.helper';
-/**
- * Class that contains common properties and methods for single and repeatable fields
- */
-export declare abstract class AbstractFieldBaseClass<T> extends LitElement {
-    questionText: string;
-    language: string;
-    set isReadonly(readonly: boolean);
-    get isReadonly(): boolean;
-    required: boolean;
-    placeholder: string;
-    value: T | null;
-    validators: FieldValidator[];
-    touched: boolean;
-    set defaultValue(value: any);
-    private _defaultValue;
-    private _readonly;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleLanguageChange(e: CustomEvent): void;
-    protected render(): TemplateResult;
-    protected questionTemplate(): TemplateResult;
-    protected metaValidation(value: unknown): string | null;
-    private setDefaultValue;
-    protected abstract valueChanged(...args: any): void;
-    protected abstract customValidation(value: unknown): string | null;
-    protected abstract controlTemplate(...args: any): TemplateResult;
-    protected abstract setValue(value: T): void;
-    protected abstract validateField(value: T): void;
-    static get styles(): CSSResultArray;
-}
+import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
+import { FieldValidator } from '../lib/utils/validations.helper';
+/**
+ * Class that contains common properties and methods for single and repeatable fields
+ */
+export declare abstract class AbstractFieldBaseClass<T> extends LitElement {
+    questionText: string;
+    language: string;
+    set isReadonly(readonly: boolean);
+    get isReadonly(): boolean;
+    required: boolean;
+    placeholder: string;
+    value: T | null;
+    validators: FieldValidator[];
+    touched: boolean;
+    set defaultValue(value: any);
+    private _defaultValue;
+    private _readonly;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleLanguageChange(e: CustomEvent): void;
+    protected render(): TemplateResult;
+    protected questionTemplate(): TemplateResult;
+    protected metaValidation(value: unknown): string | null;
+    private setDefaultValue;
+    protected abstract valueChanged(...args: any): void;
+    protected abstract customValidation(value: unknown): string | null;
+    protected abstract controlTemplate(...args: any): TemplateResult;
+    protected abstract setValue(value: T): void;
+    protected abstract validateField(value: T): void;
+    static get styles(): CSSResultArray;
+}