Support customization / props of submit button using ui:submitButtonOptions

.gitpod.yml

@@ -0,0 +1,9 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
+# and commit this file to your remote git repository to share the goodness with others.
+
+tasks:
+  - init: npm install && npm run build
+    command: npm run start
+
+

CHANGELOG.md

@@ -94,7 +94,22 @@ should change the heading of the (upcoming) version to include a major version b
 ## @rjsf/core
 - Don't crash when non-object formData is passed in to a schema item with additionalProperties (https://github.com/rjsf-team/react-jsonschema-form/pull/2595)
 - Upgrade jsonpointer to 5.0.0 to address security vulnerability (https://github.com/rjsf-team/react-jsonschema-form/pull/2599)
+- Feature for ui:submitButtonOptions on the submit button for forms (https://github.com/rjsf-team/react-jsonschema-form/pull/2640)
 
+## Dev / docs / playground
+- Enable ui options in playground, to demonstrate submit button options (https://github.com/rjsf-team/react-jsonschema-form/pull/2640)
+
+## @rjsf/bootstrap-4
+- SubmitButton widget to use new ui:submitButtonOptions on the submit button for forms (https://github.com/rjsf-team/react-jsonschema-form/pull/2640)
+
+## @rjsf/semantic-ui
+- SubmitButton widget to use new ui:submitButtonOptions on the submit button for forms (https://github.com/rjsf-team/react-jsonschema-form/pull/2640)
+
+## @rjsf/antd
+- SubmitButton widget to use new ui:submitButtonOptions on the submit button for forms (https://github.com/rjsf-team/react-jsonschema-form/pull/2640)
+
+## @rjsf/fluent-ui
+- SubmitButton widget to use new ui:submitButtonOptions on the submit button for forms (https://github.com/rjsf-team/react-jsonschema-form/pull/2640)
 
 # v3.2.0
 

PULL_REQUEST_TEMPLATE.md

@@ -11,7 +11,7 @@ If your PR is non-trivial and you'd like to schedule a synchronous review, pleas
 * [ ] **I'm updating documentation**
   - [ ] I've [checked the rendering](https://react-jsonschema-form.readthedocs.io/en/latest/#contributing) of the Markdown text I've added
 * [ ] **I'm adding or updating code**
-  - [ ] I've added and/or updated tests
+  - [ ] I've added and/or updated tests. I've run `npm run test:update` to update snapshots, if needed.
   - [ ] I've updated [docs](https://react-jsonschema-form.readthedocs.io/) if needed
   - [ ] I've updated the [changelog](https://github.com/rjsf-team/react-jsonschema-form/blob/master/CHANGELOG.md) with a description of the PR
 * [ ] **I'm adding a new feature**

docs/api-reference/uiSchema.md

@@ -13,14 +13,30 @@ In other words, the following uiSchemas are equivalent:
 {
   "ui:title": "Title",
   "ui:description": "Description"
+  "ui:submitButtonOptions": {
+    "props": {
+      "disabled": false,
+      "className": "btn btn-info",
+    },
+      "norender": false,
+      "submitText": "Submit"
+    },
 }
 ```
 
 ```json
 {
   "ui:options": {
     "title": "Title",
-    "description": "Description"
+    "description": "Description",
+    "submitButtonOptions": {
+      "props": {
+        "disabled": false,
+        "className": "btn btn-info",
+      },
+      "norender": false,
+      "submitText": "Submit"
+    },
   }
 }
 ```
@@ -226,5 +242,45 @@ const uiSchema = {
   "ui:title": "Your password"
 };
 ```
+
+## submitButtonOptions
+
+Sometimes it's convenient to change the behavior of the submit button for the form. This is the purpose of the `ui:submitButtonOptions` uiSchema directive:
+
+You can pass any other prop to the submit button if you want, by default, this library will set the following options / props mentioned below for all submit buttons:
+
+### `norender` option
+
+You can set this property to `true` to remove the submit button completely from the form. Nice option, if the form is just for viewing purposes.
+
+### `submitText` option
+
+You can use this option to change the text of the submit button. Set to "Submit" by default.
+
+### `props` section
+
+You can pass any other prop to the submit button if you want, via this section.
+
+
+####  `disabled` prop
+
+You can use this option to disable the submit button.
+
+#### `className` prop
+
+You can use this option to specify a class name for the submit button.
+
+```js
+const uiSchema = {
+ "ui:submitButtonOptions": {
+   "props": {
+      "disabled": false,
+      "className": "btn btn-info",
+   },
+    "norender": false,
+    "submitText": "Submit"
+  }
+};
+```
 ## Theme Options
 [Semantic UI](themes/semantic-ui/uiSchema.md)