@unicef-polymer/etools-form-builder 4.0.2 → 4.0.3

package/dist/form-fields/repeatable-fields/repeatable-choice-field.d.ts

@@ -10,6 +10,7 @@ export declare class RepeatableChoiceField extends RepeatableBaseField<(string |
     protected onToggle(itemValue: string | number, checked: boolean, index: number): void;
     protected getLabel(option: FieldOption | string | number): unknown;
     protected getValue(option: FieldOption | string | number): unknown;
+    protected getDisabled(option: FieldOption | string | number): unknown;
     protected customValidation(): string | null;
     static get styles(): CSSResultArray;
 }

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

@@ -25,7 +25,7 @@ let RepeatableChoiceField = class RepeatableChoiceField extends RepeatableBaseFi
                 class="checkbox"
                 value="${val}"
                 ?checked="${checked}"
-                ?disabled="${this.isReadonly}"
+                ?disabled="${this.isReadonly || this.getDisabled(option)}"
                 @sl-change="${(e) => this.onToggle(val, e.target.checked, index)}"
               >
                 ${this.getLabel(option)}
@@ -64,6 +64,9 @@ let RepeatableChoiceField = class RepeatableChoiceField extends RepeatableBaseFi
     getValue(option) {
         return typeof option === 'object' ? option.value : option;
     }
+    getDisabled(option) {
+        return typeof option === 'object' ? option.disabled : false;
+    }
     customValidation() {
         return null;
     }

package/dist/form-fields/single-fields/choice-field.d.ts

@@ -5,12 +5,14 @@ import '@unicef-polymer/etools-unicef/src/etools-checkbox/etools-checkbox';
 export type ChoiceFieldOption = {
     value: any;
     label: string;
+    disabled?: boolean;
 };
 export declare class ChoiceField extends BaseField<(string | number)[] | null> {
     options: (ChoiceFieldOption | string | number)[];
     protected controlTemplate(): TemplateResult;
     protected getLabel(option: ChoiceFieldOption | string | number): unknown;
     protected getValue(option: ChoiceFieldOption | string | number): unknown;
+    protected getDisabled(option: ChoiceFieldOption | string | number): unknown;
     protected onToggle(itemValue: string | number, checked: boolean): void;
     protected customValidation(): string | null;
     static get styles(): CSSResultArray;

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

@@ -23,7 +23,7 @@ let ChoiceField = class ChoiceField extends BaseField {
                 class="checkbox"
                 value="${val}"
                 ?checked="${checked}"
-                ?disabled="${this.isReadonly}"
+                ?disabled="${this.isReadonly || this.getDisabled(option)}"
                 @sl-change="${(e) => this.onToggle(val, e.target.checked)}"
               >
                 ${this.getLabel(option)}
@@ -52,6 +52,9 @@ let ChoiceField = class ChoiceField extends BaseField {
     getValue(option) {
         return typeof option === 'object' ? option.value : option;
     }
+    getDisabled(option) {
+        return typeof option === 'object' ? option.disabled : false;
+    }
     onToggle(itemValue, checked) {
         this.touched = true;
         let newValue = Array.isArray(this.value) ? [...this.value] : [];

package/dist/form-fields/single-fields/scale-field.d.ts

@@ -6,6 +6,7 @@ import '@unicef-polymer/etools-unicef/src/etools-button/etools-button';
 export type FieldOption = {
     value: any;
     label: string;
+    disabled?: boolean;
 };
 export declare class ScaleField extends BaseField<string | number | null> {
     options: (FieldOption | string | number)[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unicef-polymer/etools-form-builder",
   "description": "Etools FM Form Builder components",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "type": "module",
   "contributors": [
     "eTools Team"