@openmrs/ngx-formentry 3.0.1-pre.159 → 3.0.1-pre.169

package/bundles/openmrs-ngx-formentry.umd.js

@@ -9328,15 +9328,8 @@
             this.onTouched = function () { };
         }
         RadioButtonControlComponent.prototype.ngOnInit = function () {
-            var _this = this;
             this.options = this.options.map(function (opt) { return (Object.assign(Object.assign({}, opt), { checked: false })); });
-            if (Boolean(this.selected)) {
-                var maybeOpt = this.options.find(function (opt) { return opt.value === _this.selected; });
-                if (maybeOpt) {
-                    Object.assign(maybeOpt, { checked: true });
-                    this.value = this.selected;
-                }
-            }
+            this.updateSelectedOption();
         };
         RadioButtonControlComponent.prototype.writeValue = function (value) {
             this.value = value;
@@ -9381,6 +9374,21 @@
             }
             this.onChange(this.value);
         };
+        RadioButtonControlComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.selected) {
+                this.updateSelectedOption();
+            }
+        };
+        RadioButtonControlComponent.prototype.updateSelectedOption = function () {
+            var _this = this;
+            if (this.selected) {
+                var maybeOpt_1 = this.options.find(function (opt) { return opt.value === _this.selected; });
+                if (maybeOpt_1) {
+                    this.options.forEach(function (opt) { return opt.checked = opt === maybeOpt_1; });
+                    this.value = this.selected;
+                }
+            }
+        };
         return RadioButtonControlComponent;
     }());
     RadioButtonControlComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RadioButtonControlComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
@@ -9390,7 +9398,7 @@
                 useExisting: i0.forwardRef(function () { return RadioButtonControlComponent; }),
                 multi: true
             }
-        ], ngImport: i0__namespace, template: "<fieldset class=\"cds--fieldset\">\n  <div\n    *ngFor=\"let option of options; let i = index\"\n    class=\"cds--form-item cds--radio-wrapper\"\n    [ngClass]=\"{'inline': orientation === 'horizontal'}\"\n  >\n    <label class=\"form-control no-border\">\n      <input\n        type=\"radio\"\n        [id]=\"id + '_' + i\"\n        [name]=\"id\"\n        [checked]=\"option.checked\"\n        [value]=\"option.value\"\n        (click)=\"handleClick(option)\"\n        (change)=\"handleChange(option)\"\n      />\n      {{ option.label }}\n    </label>\n  </div>\n</fieldset>\n", styles: [".inline{display:inline-block;padding-right:.5rem}\n"], directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+        ], usesOnChanges: true, ngImport: i0__namespace, template: "<fieldset class=\"cds--fieldset\">\n  <div\n    *ngFor=\"let option of options; let i = index\"\n    class=\"cds--form-item cds--radio-wrapper\"\n    [ngClass]=\"{'inline': orientation === 'horizontal'}\"\n  >\n    <label class=\"form-control no-border\">\n      <input\n        type=\"radio\"\n        [id]=\"id + '_' + i\"\n        [name]=\"id\"\n        [checked]=\"option.checked\"\n        [value]=\"option.value\"\n        (click)=\"handleClick(option)\"\n        (change)=\"handleChange(option)\"\n      />\n      {{ option.label }}\n    </label>\n  </div>\n</fieldset>\n", styles: [".inline{display:inline-block;padding-right:.5rem}\n"], directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: RadioButtonControlComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -9692,7 +9700,8 @@
                         var display = { text: '', _date: '' };
                         if (this._node.question.renderingType === 'select' ||
                             this._node.question.renderingType === 'multi-select' ||
-                            this._node.question.renderingType === 'single-select') {
+                            this._node.question.renderingType === 'single-select' ||
+                            this._node.question.renderingType === 'radio') {
                             display.text = this.historicalFieldHelper.getDisplayTextFromOptions(this._node.question, 'value', 'label');
                             display._date = this._node.question.historicalDataValue.valueDate;
                             this._node.question['historicalDisplay'] = display;