@unicef-polymer/etools-form-builder 2.1.0 → 2.1.2

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

@@ -1,248 +1,255 @@
-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';
-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');
-        }
-    }
-    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: 'Can not upload attachments. Please try again later' });
-        }
-    }
-    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%;
-          padding-left: 8px;
-          padding-right: 8px;
-        }
-        .file-selector__filename {
-          flex-basis: 35%;
-        }
-        .file-selector__download {
-          flex-basis: 10%;
-        }
-        .file-selector__delete {
-          flex-basis: 10%;
-        }
-        .file-selector-container.with-type-dropdown {
-          flex-wrap: nowrap;
-        }
-        .popup-container {
-          padding: 12px 12px 0;
-        }
-        @media (max-width: 380px) {
-          .file-selector-container.with-type-dropdown {
-            justify-content: center;
-          }
-          .file-selector-container.with-type-dropdown etools-dropdown.type-dropdown {
-            flex-basis: 90%;
-          }
-          .file-selector__filename {
-            flex-basis: 90%;
-          }
-          .file-selector__download {
-            flex-basis: 5%;
-          }
-          .file-selector__delete {
-            flex-basis: 5%;
-          }
-        }
-        @media (max-width: 600px) {
-          etools-dropdown {
-            padding: 0;
-          }
-          .file-selector-container.with-type-dropdown {
-            border-bottom: 1px solid lightgrey;
-            flex-wrap: wrap;
-            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([
-    query('#link')
-], FormAttachmentsPopup.prototype, "link", void 0);
-FormAttachmentsPopup = __decorate([
-    customElement('form-attachments-popup')
-], FormAttachmentsPopup);
-export { FormAttachmentsPopup };
+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%;
+          padding-left: 8px;
+          padding-right: 8px;
+        }
+        .file-selector__filename {
+          flex-basis: 35%;
+        }
+        .file-selector__download {
+          flex-basis: 10%;
+        }
+        .file-selector__delete {
+          flex-basis: 10%;
+        }
+        .file-selector-container.with-type-dropdown {
+          flex-wrap: nowrap;
+        }
+        .popup-container {
+          padding: 12px 12px 0;
+        }
+        @media (max-width: 380px) {
+          .file-selector-container.with-type-dropdown {
+            justify-content: center;
+          }
+          .file-selector-container.with-type-dropdown etools-dropdown.type-dropdown {
+            flex-basis: 90%;
+          }
+          .file-selector__filename {
+            flex-basis: 90%;
+          }
+          .file-selector__download {
+            flex-basis: 5%;
+          }
+          .file-selector__delete {
+            flex-basis: 5%;
+          }
+        }
+        @media (max-width: 600px) {
+          etools-dropdown {
+            padding: 0;
+          }
+          .file-selector-container.with-type-dropdown {
+            border-bottom: 1px solid lightgrey;
+            flex-wrap: wrap;
+            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 };

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;