inviton-powerduck 0.0.221 → 0.0.222

package/components/input/radio-button-group.tsx

@@ -131,7 +131,7 @@ class RadioButtonGroupComponent extends TsxComponent<RadioButtonGroupArgs> imple
 				opts.forEach((item) => {
 					retVal.push({
 						id: this.getReflectedRowValue(item, true),
-						text: this.customRenderOption != null ? this.handleCustomRenderResult(h, this.customRenderOption(h, item)) : this.getReflectedRowValue(item, false),
+						text: this.getReflectedRowValue(item, false),
 						dataRow: item,
 					});
 				});
@@ -141,7 +141,7 @@ class RadioButtonGroupComponent extends TsxComponent<RadioButtonGroupArgs> imple
 		return retVal;
 	}
 
-	private handleCustomRenderResult(h: any, renderResult: any): string {
+	private handleCustomRenderResult(renderResult: any): string {
 		if (renderResult == null) {
 			return '';
 		}
@@ -226,6 +226,7 @@ class RadioButtonGroupComponent extends TsxComponent<RadioButtonGroupArgs> imple
 		const nameId = `iei-group-${PortalUtils.randomString(6)}`;
 		const selectedItem = this.getSelectedItem(h);
 		const isSmall = this.radioButtonSize === RadioButtonSize.Small;
+		const hasCustomRender = this.customRenderOption != null;
 
 		return (
 			<div class="radio-group-wrap">
@@ -257,7 +258,9 @@ class RadioButtonGroupComponent extends TsxComponent<RadioButtonGroupArgs> imple
 									onChange={() => this.handleRadioValueChanged(h)}
 								/>
 								<label class="form-check-label" for={uuid}>
-									<HtmlLiteral innerHTML={optionItem.text} />
+									{hasCustomRender
+										? this.customRenderOption(h, optionItem.dataRow)
+										: <HtmlLiteral innerHTML={this.handleCustomRenderResult(optionItem.text)} />}
 								</label>
 							</div>
 						</div>

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "inviton-powerduck",
 	"type": "module",
-	"version": "0.0.221",
+	"version": "0.0.222",
 	"files": [
 		"app/",
 		"common/",