@unicef-polymer/etools-form-builder 0.1.23 → 1.0.0-rc.2

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

@@ -42,11 +42,11 @@ export declare class FormAttachmentsPopup extends LitElement {
     saveBtnClicked: boolean;
     attachments: StoredAttachment[];
     metadata: BlueprintMetadata;
+    link: HTMLLinkElement;
     readonly: boolean;
     popupTitle: string;
     computedPath: string[];
     errors: GenericObject;
-    link: HTMLLinkElement;
     /**
      * Array of offline saved fileIds that was remove from popup.
      * We need to remove them from IDB but only after confirm button click

package/dist/form-fields/base-field.d.ts

@@ -5,10 +5,10 @@ export declare abstract class BaseField<T> extends LitElement {
     isReadonly: boolean;
     required: boolean;
     value: T | null;
+    protected _errorMessage: string | null;
     validators: FieldValidator[];
     set errorMessage(message: string | null);
     get errorMessage(): string | null;
-    protected _errorMessage: string | null;
     protected render(): TemplateResult;
     protected questionTemplate(): TemplateResult;
     protected valueChanged(newValue: T): void;

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

@@ -15,8 +15,8 @@ export class BaseField extends LitElement {
         this.isReadonly = false;
         this.required = false;
         this.value = null;
-        this.validators = [];
         this._errorMessage = null;
+        this.validators = [];
     }
     set errorMessage(message) {
         this._errorMessage = message;
@@ -33,9 +33,7 @@ export class BaseField extends LitElement {
     `;
     }
     questionTemplate() {
-        return html `
-      <span class="question-text">${this.questionText}</span>
-    `;
+        return html ` <span class="question-text">${this.questionText}</span> `;
     }
     valueChanged(newValue) {
         this.validateField(newValue);

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

@@ -25,9 +25,7 @@ export class ScaleField extends BaseField {
           @iron-select="${({ detail }) => this.onSelect(detail.item)}"
         >
           ${repeat(this.options, (option) => html `
-              <paper-radio-button class="radio-button" name="${option.value}">
-                ${option.label}
-              </paper-radio-button>
+              <paper-radio-button class="radio-button" name="${option.value}"> ${option.label} </paper-radio-button>
             `)}
         </paper-radio-group>
 

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

@@ -29,6 +29,8 @@ export declare class FormAbstractGroup extends LitElement implements IFormBuilde
     metadata: BlueprintMetadata;
     parentGroupName: string;
     readonly: boolean;
+    protected _errors: GenericObject;
+    protected _value: GenericObject;
     computedPath: string[];
     /**
      * Make value property immutable
@@ -44,8 +46,6 @@ export declare class FormAbstractGroup extends LitElement implements IFormBuilde
      * @param errors
      */
     set errors(errors: GenericObject | string[] | null);
-    protected _errors: GenericObject;
-    protected _value: GenericObject;
     render(): TemplateResult;
     renderChild(child: BlueprintGroup | BlueprintField): TemplateResult;
     renderField(blueprintField: BlueprintField): TemplateResult;

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

@@ -42,9 +42,9 @@ export class FormAbstractGroup extends LitElement {
         super(...arguments);
         this.parentGroupName = '';
         this.readonly = true;
-        this.computedPath = [];
         this._errors = {};
         this._value = {};
+        this.computedPath = [];
     }
     /**
      * Make value property immutable
@@ -97,9 +97,7 @@ export class FormAbstractGroup extends LitElement {
         const isAdditional = blueprintField.styling.includes(StructureTypes.ADDITIONAL);
         if (isWide) {
             return html `
-        <div class="${isAdditional ? 'additional-field' : ''}">
-          ${this.renderWideField(blueprintField)}
-        </div>
+        <div class="${isAdditional ? 'additional-field' : ''}">${this.renderWideField(blueprintField)}</div>
       `;
         }
         else {

package/dist/form-groups/form-card.d.ts

@@ -4,6 +4,11 @@ import { FormAbstractGroup } from './form-abstract-group';
 import { GenericObject } from '../lib/types/global.types';
 import '@polymer/iron-collapse';
 export declare class FormCard extends FormAbstractGroup implements IFormBuilderCard {
+    protected _value: GenericObject;
+    /**
+     * Show save button only if value was changed by user
+     */
+    private showSaveButton;
     /**
      * Overrides value property. Saves originalValue.
      * We need to update inner _value only if it wasn't change
@@ -11,12 +16,7 @@ export declare class FormCard extends FormAbstractGroup implements IFormBuilderC
      */
     set value(value: GenericObject);
     get value(): GenericObject;
-    protected _value: GenericObject;
     protected originalValue: GenericObject;
-    /**
-     * Show save button only if value was changed by user
-     */
-    private showSaveButton;
     /**
      * Extends parent render method,
      * adds card-container html wrapper and dynamic save button

package/dist/form-groups/form-card.js

@@ -13,11 +13,11 @@ export class FormCard extends FormAbstractGroup {
     constructor() {
         super(...arguments);
         this._value = {};
-        this.originalValue = {};
         /**
          * Show save button only if value was changed by user
          */
         this.showSaveButton = false;
+        this.originalValue = {};
     }
     /**
      * Overrides value property. Saves originalValue.

package/dist/form-groups/form-collapsed-card.js

@@ -81,12 +81,8 @@ export class FormCollapsedCard extends FormAbstractGroup {
           @cancel="${() => this.cancelEdit()}"
         >
           <!-- Open Attachments popup button -->
-          <div slot="actions" class="layout horizontal center">
-            ${this.getAdditionalButtons()}
-          </div>
-          <div slot="content">
-            ${this.renderGroupChildren()}
-          </div>
+          <div slot="actions" class="layout horizontal center">${this.getAdditionalButtons()}</div>
+          <div slot="content">${this.renderGroupChildren()}</div>
         </etools-fb-card>
       </section>
     `;

package/dist/lib/styles/form-builder-card.styles.js

@@ -15,6 +15,11 @@ export const FormBuilderCardStyles = css `
     color: var(--primary-color);
     font-weight: 500;
   }
+  .attachments-button:focus {
+    outline: 0;
+    box-shadow: 0 0 5px 5px rgb(170 165 165 / 20%);
+    background-color: rgba(170, 165, 165, 0.2);
+  }
   .attachments-button iron-icon {
     margin-right: 8px;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unicef-polymer/etools-form-builder",
   "description": "Etools FM Form Builder components",
-  "version": "0.1.23",
+  "version": "1.0.0-rc.2",
   "contributors": [
     "eTools Team"
   ],
@@ -14,9 +14,9 @@
   ],
   "scripts": {
     "build": "tsc --skipLibCheck",
-    "lint": "./node_modules/eslint/bin/eslint.js 'src/**'",
+    "lint": "eslint src/",
     "prepare": "rm -rf ./dist && npm run build",
-    "preversion": "npm run lint"
+    "prepublishOnly": "npm run lint"
   },
   "dependencies": {
     "@polymer/iron-collapse": "^3.0.1",
@@ -27,12 +27,12 @@
     "@polymer/paper-radio-group": "^3.0.1",
     "@polymer/paper-toast": "^3.0.1",
     "@types/ramda": "^0.26.43",
-    "@unicef-polymer/etools-dialog": "^4.2.2",
-    "@unicef-polymer/etools-dropdown": "^3.4.0",
+    "@unicef-polymer/etools-dialog": "5.0.0-rc.2",
+    "@unicef-polymer/etools-dropdown": "^3.7.6",
     "@unicef-polymer/etools-upload": "^3.5.0",
-    "@webcomponents/webcomponentsjs": "^2.5.0",
+    "@webcomponents/webcomponentsjs": "^2.6.0",
     "lit-element": "^2.4.0",
-    "lit-translate": "^1.1.20",
+    "lit-translate": "^1.2.1",
     "ramda": "^0.27.1",
     "web-animations-js": "^2.3.2"
   },
@@ -46,7 +46,7 @@
     "eslint-plugin-lit": "^1.2.4",
     "eslint-plugin-prettier": "^3.1.3",
     "minimist": ">=0.2.1",
-    "prettier": "^2.2.0",
+    "prettier": "~2.2.0",
     "typescript": "^3.9.7"
   }
 }