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

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

@@ -1,77 +1,77 @@
-import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
-import { GenericObject } from '../lib/types/global.types';
-import { BlueprintMetadata } from '../lib/types/form-builder.types';
-export declare type FormBuilderAttachmentsPopupData = {
-    attachments: StoredAttachment[];
-    metadata: BlueprintMetadata;
-    title: string;
-    readonly?: boolean;
-    computedPath: string[];
-    errors: GenericObject[];
-};
-export declare type StoredAttachment = {
-    attachment: string | number;
-    filename: string;
-    file_type: number | null;
-    url?: string;
-    composedPath?: string[];
-};
-export declare type UploadedAttachment = {
-    id: number;
-    object_link: string;
-    file_type: string;
-    file_link: string;
-    filename: string;
-    uploaded_by: string;
-    created: string;
-    attachment: number;
-};
-export declare type OfflineSavedAttachment = {
-    id: string;
-    filetype: string;
-    filename: string;
-    extraInfo: string[];
-    unsynced: boolean;
-};
-declare type UploadFinishedDetails = {
-    success: (UploadedAttachment | OfflineSavedAttachment)[];
-    error: any[];
-};
-export declare class FormAttachmentsPopup extends LitElement {
-    dialogOpened: boolean;
-    saveBtnClicked: boolean;
-    attachments: StoredAttachment[];
-    metadata: BlueprintMetadata;
-    link: HTMLLinkElement;
-    readonly: boolean;
-    popupTitle: string;
-    computedPath: string[];
-    errors: GenericObject;
-    /**
-     * Array of offline saved fileIds that was remove from popup.
-     * We need to remove them from IDB but only after confirm button click
-     */
-    private filesForRemove;
-    private originalAttachments;
-    set dialogData({ attachments, title, metadata, readonly, computedPath, errors }: FormBuilderAttachmentsPopupData);
-    get uploadUrl(): string;
-    get jwtLocalStorageKey(): string;
-    constructor();
-    render(): TemplateResult | void;
-    /**
-     * on Cancel button click
-     * Remove offline saved attachments from IDB if they are missing in originalAttachments
-     */
-    onClose(): void;
-    saveChanges(): Promise<void>;
-    checkFileType(index: number): boolean;
-    retrieveErrorMessage(index: number): string;
-    protected downloadFile(attachment: GenericObject): void;
-    protected changeFileType(attachment: GenericObject, newType: number | null, index: number): void;
-    protected attachmentsUploaded({ success, error }: UploadFinishedDetails): void;
-    protected deleteAttachment(index: number): void;
-    private isUploadedAttachment;
-    private isOfflineSavedAttachment;
-    static get styles(): CSSResultArray;
-}
-export {};
+import { CSSResultArray, LitElement, TemplateResult } from 'lit-element';
+import { GenericObject } from '../lib/types/global.types';
+import { BlueprintMetadata } from '../lib/types/form-builder.types';
+export declare type FormBuilderAttachmentsPopupData = {
+    attachments: StoredAttachment[];
+    metadata: BlueprintMetadata;
+    title: string;
+    readonly?: boolean;
+    computedPath: string[];
+    errors: GenericObject[];
+};
+export declare type StoredAttachment = {
+    attachment: string | number;
+    filename: string;
+    file_type: number | null;
+    url?: string;
+    composedPath?: string[];
+};
+export declare type UploadedAttachment = {
+    id: number;
+    object_link: string;
+    file_type: string;
+    file_link: string;
+    filename: string;
+    uploaded_by: string;
+    created: string;
+    attachment: number;
+};
+export declare type OfflineSavedAttachment = {
+    id: string;
+    filetype: string;
+    filename: string;
+    extraInfo: string[];
+    unsynced: boolean;
+};
+declare type UploadFinishedDetails = {
+    success: (UploadedAttachment | OfflineSavedAttachment)[];
+    error: any[];
+};
+export declare class FormAttachmentsPopup extends LitElement {
+    dialogOpened: boolean;
+    saveBtnClicked: boolean;
+    attachments: StoredAttachment[];
+    metadata: BlueprintMetadata;
+    link: HTMLLinkElement;
+    readonly: boolean;
+    popupTitle: string;
+    computedPath: string[];
+    errors: GenericObject;
+    /**
+     * Array of offline saved fileIds that was remove from popup.
+     * We need to remove them from IDB but only after confirm button click
+     */
+    private filesForRemove;
+    private originalAttachments;
+    set dialogData({ attachments, title, metadata, readonly, computedPath, errors }: FormBuilderAttachmentsPopupData);
+    get uploadUrl(): string;
+    get jwtLocalStorageKey(): string;
+    constructor();
+    render(): TemplateResult | void;
+    /**
+     * on Cancel button click
+     * Remove offline saved attachments from IDB if they are missing in originalAttachments
+     */
+    onClose(): void;
+    saveChanges(): Promise<void>;
+    checkFileType(index: number): boolean;
+    retrieveErrorMessage(index: number): string;
+    protected downloadFile(attachment: GenericObject): void;
+    protected changeFileType(attachment: GenericObject, newType: number | null, index: number): void;
+    protected attachmentsUploaded({ success, error }: UploadFinishedDetails): void;
+    protected deleteAttachment(index: number): void;
+    private isUploadedAttachment;
+    private isOfflineSavedAttachment;
+    static get styles(): CSSResultArray;
+}
+export {};

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

@@ -1,8 +1,8 @@
-export declare class FormAttachmentsPopupHelper {
-    get isInitialized(): boolean;
-    uploadUrl: string | null;
-    jwtLocalStorageKey?: string;
-    initialize(uploadUrl: string, jwtLocalStorageKey?: string): void;
-}
-declare const AttachmentsHelper: FormAttachmentsPopupHelper;
-export { AttachmentsHelper };
+export declare class FormAttachmentsPopupHelper {
+    get isInitialized(): boolean;
+    uploadUrl: string | null;
+    jwtLocalStorageKey?: string;
+    initialize(uploadUrl: string, jwtLocalStorageKey?: string): void;
+}
+declare const AttachmentsHelper: FormAttachmentsPopupHelper;
+export { AttachmentsHelper };

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

@@ -1,14 +1,14 @@
-export class FormAttachmentsPopupHelper {
-    constructor() {
-        this.uploadUrl = null;
-    }
-    get isInitialized() {
-        return Boolean(this.uploadUrl);
-    }
-    initialize(uploadUrl, jwtLocalStorageKey) {
-        this.uploadUrl = uploadUrl;
-        this.jwtLocalStorageKey = jwtLocalStorageKey;
-    }
-}
-const AttachmentsHelper = new FormAttachmentsPopupHelper();
-export { AttachmentsHelper };
+export class FormAttachmentsPopupHelper {
+    constructor() {
+        this.uploadUrl = null;
+    }
+    get isInitialized() {
+        return Boolean(this.uploadUrl);
+    }
+    initialize(uploadUrl, jwtLocalStorageKey) {
+        this.uploadUrl = uploadUrl;
+        this.jwtLocalStorageKey = jwtLocalStorageKey;
+    }
+}
+const AttachmentsHelper = new FormAttachmentsPopupHelper();
+export { AttachmentsHelper };

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

@@ -1,175 +1,175 @@
-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, 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';
-export 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,
+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, 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';
+export 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%;
@@ -218,22 +218,22 @@ export 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([
-    query('#link')
-], FormAttachmentsPopup.prototype, "link", void 0);
+      `
+        ];
+    }
+}
+__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);

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

@@ -1,8 +1,8 @@
-import { FormAttachmentsPopup } from './form-attachments-popup';
-import { TemplateResult } from 'lit-html';
-import '@unicef-polymer/etools-upload/etools-upload-multi';
-import '@unicef-polymer/etools-dialog/etools-dialog';
-import '@unicef-polymer/etools-dropdown/etools-dropdown';
-import '@polymer/paper-button/paper-button';
-import '@polymer/iron-icons/iron-icons';
-export declare function template(this: FormAttachmentsPopup): TemplateResult;
+import { FormAttachmentsPopup } from './form-attachments-popup';
+import { TemplateResult } from 'lit-html';
+import '@unicef-polymer/etools-upload/etools-upload-multi';
+import '@unicef-polymer/etools-dialog/etools-dialog';
+import '@unicef-polymer/etools-dropdown/etools-dropdown';
+import '@polymer/paper-button/paper-button';
+import '@polymer/iron-icons/iron-icons';
+export declare function template(this: FormAttachmentsPopup): TemplateResult;

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

@@ -1,13 +1,13 @@
-import { html } from 'lit-html';
-import '@unicef-polymer/etools-upload/etools-upload-multi';
-import '@unicef-polymer/etools-dialog/etools-dialog';
-import '@unicef-polymer/etools-dropdown/etools-dropdown';
-import '@polymer/paper-button/paper-button';
-import '@polymer/iron-icons/iron-icons';
-import { InputStyles } from '../lib/styles/input-styles';
-import { DialogStyles } from '../lib/styles/dialog.styles';
-export function template() {
-    var _a;
+import { html } from 'lit-html';
+import '@unicef-polymer/etools-upload/etools-upload-multi';
+import '@unicef-polymer/etools-dialog/etools-dialog';
+import '@unicef-polymer/etools-dropdown/etools-dropdown';
+import '@polymer/paper-button/paper-button';
+import '@polymer/iron-icons/iron-icons';
+import { InputStyles } from '../lib/styles/input-styles';
+import { DialogStyles } from '../lib/styles/dialog.styles';
+export function template() {
+    var _a;
     return html `
     ${InputStyles} ${DialogStyles}
     <etools-dialog
@@ -26,8 +26,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        -->
@@ -76,7 +76,7 @@ export function template() {
                 Delete
               </paper-button>
             </div>
-          `;
+          `;
     })}
 
         <!--     Upload button     -->
@@ -91,5 +91,5 @@ export function template() {
         </etools-upload-multi>
       </div>
     </etools-dialog>
-  `;
-}
+  `;
+}