@unicef-polymer/etools-form-builder 3.0.0-rc.15 → 3.0.0-rc.17

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

@@ -65,6 +65,9 @@ export declare class FormAttachmentsPopup extends LitElement {
     get uploadUrl(): string;
     get jwtLocalStorageKey(): string;
     constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleLanguageChange(e: CustomEvent): void;
     render(): TemplateResult | void;
     /**
      * on Cancel button click

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

@@ -47,9 +47,20 @@ let FormAttachmentsPopup = class FormAttachmentsPopup extends LitElement {
             throw new Error('Please initialize attachments popup before use');
         }
         if (!this.language) {
-            this.language = window.localStorage.defaultLanguage || 'en';
+            this.language = window.EtoolsLanguage || 'en';
         }
     }
+    connectedCallback() {
+        super.connectedCallback();
+        document.addEventListener('language-changed', this.handleLanguageChange.bind(this));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener('language-changed', this.handleLanguageChange.bind(this));
+    }
+    handleLanguageChange(e) {
+        this.language = e.detail.language;
+    }
     render() {
         return template.call(this);
     }
@@ -73,7 +84,7 @@ let FormAttachmentsPopup = class FormAttachmentsPopup extends LitElement {
         this.attachments.forEach((attachment, index) => {
             if (!attachment.file_type) {
                 fileTypeNotSelected = true;
-                this.errors[index] = { file_type: ['This field is required'] };
+                this.errors[index] = { file_type: [getTranslation(this.language, 'REQUIRED_FIELD')] };
             }
             else {
                 this.errors[index] = [];

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

@@ -30,7 +30,7 @@ export class AbstractFieldBaseClass extends LitElement {
         this.touched = false;
         this._readonly = false;
         if (!this.language) {
-            this.language = window.localStorage.defaultLanguage || 'en';
+            this.language = window.EtoolsLanguage || 'en';
         }
         this.handleLanguageChange = this.handleLanguageChange.bind(this);
     }

package/dist/form-fields/repeatable-fields/repeatable-attachment-field.js

@@ -107,7 +107,7 @@ let RepeatableAttachmentField = class RepeatableAttachmentField extends Repeatab
         });
         if (error && error.length) {
             console.error(error);
-            fireEvent(this, 'toast', { text: 'Can not upload attachments. Please try again later' });
+            fireEvent(this, 'toast', { text: getTranslation(this.language, 'UPLOAD_ATTACHMENTS_FAILED') });
         }
     }
     downloadFile(attachment) {

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

@@ -38,7 +38,7 @@ let NumberField = class NumberField extends BaseField {
             return null;
         }
         if (isNaN(value)) {
-            return 'Must be a number';
+            return getTranslation(this.language, 'MUST_BE_NUMBER');
         }
         const integerValidation = !this.isInteger || value - Math.floor(value) === 0;
         return integerValidation ? null : getTranslation(this.language, 'MUST_BE_INTEGER');

package/dist/form-groups/form-abstract-group.js

@@ -79,7 +79,7 @@ let FormAbstractGroup = class FormAbstractGroup extends LitElement {
         this._value = {};
         this.computedPath = [];
         if (!this.language) {
-            this.language = window.localStorage.defaultLanguage || 'en';
+            this.language = window.EtoolsLanguage || 'en';
         }
         this.handleLanguageChange = this.handleLanguageChange.bind(this);
     }

package/dist/lib/additional-components/confirmation-dialog.js

@@ -17,7 +17,7 @@ let ConfirmationDialog = class ConfirmationDialog extends LitElement {
         this.dialogTitle = '';
         this.hideConfirmBtn = false;
         if (!this.language) {
-            this.language = window.localStorage.defaultLanguage || 'en';
+            this.language = window.EtoolsLanguage || 'en';
         }
     }
     render() {

package/dist/lib/additional-components/etools-fb-card.js

@@ -18,12 +18,12 @@ let EtoolsFbCard = class EtoolsFbCard extends LitElement {
         :host {
           display: block;
         }
-        
+
         etools-icon {
             cursor: pointer;
             margin: 6px;
         }
-        
+
         .card-container {
           background-color: var(--primary-background-color);
         }
@@ -126,7 +126,7 @@ let EtoolsFbCard = class EtoolsFbCard extends LitElement {
         this.collapsed = false;
         this.edit = false;
         if (!this.language) {
-            this.language = window.localStorage.defaultLanguage || 'en';
+            this.language = window.EtoolsLanguage || 'en';
         }
         this.handleLanguageChange = this.handleLanguageChange.bind(this);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unicef-polymer/etools-form-builder",
   "description": "Etools FM Form Builder components",
-  "version": "3.0.0-rc.15",
+  "version": "3.0.0-rc.17",
   "contributors": [
     "eTools Team"
   ],
@@ -25,7 +25,6 @@
   "dependencies": {
     "@shoelace-style/shoelace": "^2.10.0",
     "@types/ramda": "^0.26.43",
-    "@unicef-polymer/etools-unicef": "^1.0.0-rc.56",
     "@webcomponents/webcomponentsjs": "^2.6.0",
     "lit": "^2.7.5",
     "lit-element": "^2.5.1",
@@ -35,7 +34,11 @@
     "typescript": "^4.9.5",
     "web-animations-js": "^2.3.2"
   },
+  "peerDependencies": {
+    "@unicef-polymer/etools-unicef": ">=1.0.0"
+  },
   "devDependencies": {
+    "@unicef-polymer/etools-unicef": "^1.0.0-rc.64",
     "@typescript-eslint/eslint-plugin": "^5.7.0",
     "@typescript-eslint/parser": "^5.7.0",
     "@typescript-eslint/typescript-estree": "^5.7.0",