@openmrs/ngx-formentry 4.0.1-pre.287 → 4.0.1-pre.293

package/fesm2020/openmrs-ngx-formentry.mjs

@@ -3260,6 +3260,7 @@ class CheckboxControlComponent {
             if (this.selected.indexOf(option.value) !== -1) {
                 Object.assign(option, { checked: true });
             }
+            option.isDisabled = this.evaluateDisabledExpression(option, option.value);
             return option;
         });
     }
@@ -3292,17 +3293,41 @@ class CheckboxControlComponent {
         }
     }
     selectOpt(option, event) {
+        let myValue = option.value;
         if (event.target.checked) {
-            this.selected = [...this.selected, option.value];
+            this.selected = [...this.selected, myValue];
         }
         else {
-            this.selected = this.selected.filter(function (o) {
-                return o !== option.value;
-            });
+            this.selected = this.selected.filter((o) => o !== myValue);
+            myValue = null;
         }
+        this.options.forEach((opt) => {
+            opt.isDisabled = this.evaluateDisabledExpression(opt, myValue);
+            if (opt.isDisabled && this.selected.includes(opt.value)) {
+                this.selected = this.selected.filter((val) => val !== opt.value);
+                opt.checked = false;
+            }
+            else if (!opt.isDisabled) {
+                opt.checked = this.selected.includes(opt.value);
+            }
+        });
+        // Update the component's internal value
         this._value = [...this.selected];
         this.onChange(this._value);
     }
+    evaluateExpression(expression, myValue) {
+        const matches = expression.match(/^myValue\s*===\s*['"]([^'"]+)['"]$/);
+        if (matches && matches[1]) {
+            return myValue === matches[1];
+        }
+        return false;
+    }
+    evaluateDisabledExpression(option, myValue) {
+        if (option.disableWhenExpression) {
+            return this.evaluateExpression(option.disableWhenExpression, myValue);
+        }
+        return false;
+    }
 }
 CheckboxControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 CheckboxControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CheckboxControlComponent, selector: "ofe-checkbox", inputs: { id: "id", options: "options", selected: "selected" }, providers: [
@@ -3311,7 +3336,7 @@ CheckboxControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             useExisting: forwardRef(() => CheckboxControlComponent),
             multi: true
         }
-    ], ngImport: i0, template: "<fieldset class=\"cds--fieldset\">\n  <div\n    class=\"cds--form-item cds--checkbox-wrapper\"\n    *ngFor=\"let option of options; let i = index\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"cds--checkbox\"\n      [id]=\"i + id\"\n      [checked]=\"option.checked\"\n      (change)=\"selectOpt(option, $event)\"\n      [value]=\"option.value\"\n    />\n    <label [for]=\"i + id\" class=\"cds--checkbox-label\">\n      <span class=\"cds--checkbox-label-text\">{{ option.label }}</span>\n    </label>\n  </div>\n</fieldset>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+    ], ngImport: i0, template: "<fieldset class=\"cds--fieldset\">\n  <div\n    class=\"cds--form-item cds--checkbox-wrapper\"\n    *ngFor=\"let option of options; let i = index\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"cds--checkbox\"\n      [id]=\"i + id\"\n      [checked]=\"option.checked\"\n      (change)=\"selectOpt(option, $event)\"\n      [value]=\"option.value\"\n      [disabled]=\"option.isDisabled\"\n    />\n    <label [for]=\"i + id\" class=\"cds--checkbox-label\">\n      <span class=\"cds--checkbox-label-text\">{{ option.label }}</span>\n    </label>\n  </div>\n</fieldset>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CheckboxControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ofe-checkbox', providers: [
@@ -3320,7 +3345,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                             useExisting: forwardRef(() => CheckboxControlComponent),
                             multi: true
                         }
-                    ], template: "<fieldset class=\"cds--fieldset\">\n  <div\n    class=\"cds--form-item cds--checkbox-wrapper\"\n    *ngFor=\"let option of options; let i = index\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"cds--checkbox\"\n      [id]=\"i + id\"\n      [checked]=\"option.checked\"\n      (change)=\"selectOpt(option, $event)\"\n      [value]=\"option.value\"\n    />\n    <label [for]=\"i + id\" class=\"cds--checkbox-label\">\n      <span class=\"cds--checkbox-label-text\">{{ option.label }}</span>\n    </label>\n  </div>\n</fieldset>\n" }]
+                    ], template: "<fieldset class=\"cds--fieldset\">\n  <div\n    class=\"cds--form-item cds--checkbox-wrapper\"\n    *ngFor=\"let option of options; let i = index\"\n  >\n    <input\n      type=\"checkbox\"\n      class=\"cds--checkbox\"\n      [id]=\"i + id\"\n      [checked]=\"option.checked\"\n      (change)=\"selectOpt(option, $event)\"\n      [value]=\"option.value\"\n      [disabled]=\"option.isDisabled\"\n    />\n    <label [for]=\"i + id\" class=\"cds--checkbox-label\">\n      <span class=\"cds--checkbox-label-text\">{{ option.label }}</span>\n    </label>\n  </div>\n</fieldset>\n" }]
         }], propDecorators: { id: [{
                 type: Input
             }], options: [{
@@ -11411,7 +11436,8 @@ class QuestionFactory {
         question.options = schemaQuestion.questionOptions.answers.map((obj) => {
             return {
                 label: obj.label,
-                value: obj.concept
+                value: obj.concept,
+                disableWhenExpression: obj.disableWhenExpression
             };
         });
         question.options.splice(0, 0);