Follow up to #3996: fix front-end checkbox label updating logic (#4238)

* Follow up to #3996: fix front-end checkbox label updating logic

* More descriptive name

Author: cpsievert

inst/www/shared/shiny.js

@@ -1,11 +1,16 @@
 import $ from "jquery";
+import type { HtmlDep } from "../../shiny/render";
+import { renderContent } from "../../shiny/render";
 import { hasDefinedProperty } from "../../utils";
 import { InputBinding } from "./inputBinding";
 
 type CheckedHTMLElement = HTMLInputElement;
 
 type CheckboxChecked = CheckedHTMLElement["checked"];
-type CheckboxReceiveMessageData = { value?: CheckboxChecked; label?: string };
+type CheckboxReceiveMessageData = {
+  value?: CheckboxChecked;
+  label?: { html: string; deps: HtmlDep[] };
+};
 
 class CheckboxInputBinding extends InputBinding {
   find(scope: HTMLElement): JQuery<HTMLElement> {
@@ -32,18 +37,19 @@ class CheckboxInputBinding extends InputBinding {
       value: el.checked,
     };
   }
-  receiveMessage(
+  async receiveMessage(
     el: CheckedHTMLElement,
     data: CheckboxReceiveMessageData
-  ): void {
+  ): Promise<void> {
     if (hasDefinedProperty(data, "value")) {
       el.checked = data.value;
     }
 
     // checkboxInput()'s label works different from other
     // input labels...the label container should always exist
     if (hasDefinedProperty(data, "label")) {
-      $(el).parent().find("span").text(data.label);
+      const labelSpan = $(el).parent().find("span");
+      await renderContent(labelSpan, data.label);
     }
 
     $(el).trigger("change");

inst/www/shared/shiny.js.map

@@ -1,9 +1,13 @@
+import type { HtmlDep } from "../../shiny/render";
 import { InputBinding } from "./inputBinding";
 type CheckedHTMLElement = HTMLInputElement;
 type CheckboxChecked = CheckedHTMLElement["checked"];
 type CheckboxReceiveMessageData = {
     value?: CheckboxChecked;
-    label?: string;
+    label?: {
+        html: string;
+        deps: HtmlDep[];
+    };
 };
 declare class CheckboxInputBinding extends InputBinding {
     find(scope: HTMLElement): JQuery<HTMLElement>;
@@ -15,7 +19,7 @@ declare class CheckboxInputBinding extends InputBinding {
         label: string;
         value: CheckboxChecked;
     };
-    receiveMessage(el: CheckedHTMLElement, data: CheckboxReceiveMessageData): void;
+    receiveMessage(el: CheckedHTMLElement, data: CheckboxReceiveMessageData): Promise<void>;
 }
 export { CheckboxInputBinding };
 export type { CheckedHTMLElement, CheckboxReceiveMessageData };