Pass uiSchema to custom Boolean widget (#2587)

* Pass uiSchema to custom Boolean widget * Update packages/core/test/BooleanField_test.js Co-authored-by: Ashwin Ramaswami <aramaswamis@gmail.com> Co-authored-by: Ashwin Ramaswami <aramaswamis@gmail.com>
rjsf-team · Oct 20, 2021 · 42eabc6 · 42eabc6
1 parent a74099d
commit 42eabc6
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/packages/core/src/components/fields/BooleanField.js b/packages/core/src/components/fields/BooleanField.js
@@ -54,6 +54,7 @@ function BooleanField(props) {
     <Widget
       options={{ ...options, enumOptions }}
       schema={schema}
+      uiSchema={uiSchema}
       id={idSchema && idSchema.$id}
       onChange={onChange}
       onFocus={onFocus}

diff --git a/packages/core/test/BooleanField_test.js b/packages/core/test/BooleanField_test.js
@@ -184,6 +184,38 @@ describe("BooleanField", () => {
     expect(description.textContent).eql("my description");
   });
 
+  it("should pass uiSchema to custom widget", () => {
+    const CustomCheckboxWidget = ({ uiSchema }) => {
+      return (
+        <div id="custom-ui-option-value">
+          {uiSchema.custom_field_key["ui:options"].test}
+        </div>
+      );
+    };
+
+    const { node } = createFormComponent({
+      schema: {
+        type: "boolean",
+        description: "my description",
+      },
+      widgets: {
+        CheckboxWidget: CustomCheckboxWidget,
+      },
+      uiSchema: {
+        custom_field_key: {
+          "ui:widget": "checkbox",
+          "ui:options": {
+            test: "foo",
+          },
+        },
+      },
+    });
+
+    expect(node.querySelector("#custom-ui-option-value").textContent).to.eql(
+      "foo"
+    );
+  });
+
   it("should render the description using provided description field", () => {
     const { node } = createFormComponent({
       schema: {