Add newElementDefaultUiSchema mod

Author: raymond-lam

docs/Mods.md

@@ -41,6 +41,7 @@ declare type Mods = {|
     $ref?: string,
     default?: string,
   },
+  newElementDefaultUiSchema?: { [string]: any },
 |};
 ```
 

docs/Usage.md

@@ -271,9 +271,9 @@ mods = {
 
 This will hide these Input Types on the `FormBuilder` component.
 
-### Default New Form Element (newElementDefaultDataOptions)
+### Default New Form Element (newElementDefaultDataOptions and newElementDefaultUiSchema)
 
-By default, when adding a new form element, the dataOptions are set to:
+By default, when adding a new form element, the schema for the new form element is set to:
 
 ```react
 {
@@ -283,7 +283,7 @@ By default, when adding a new form element, the dataOptions are set to:
 }
 ```
 
-This means that by default, a new form element has the "Short answer" input type.  If you wish to override this (for example, if the "Short answer" input is deactivated), you can do so by using the `newElementDefaultDataOptions` mod.  For example, setting the mods to the following:
+and the UI schema is not set at all. This means that by default, a new form element has the "Short answer" input type.  If you wish to override this (for example, if the "Short answer" input is deactivated), you can do so by using the `newElementDefaultDataOptions` and `newElementDefaultUiSchema` mods.  For example, setting the mods to the following:
 
 ```react
 mods = {
@@ -294,7 +294,17 @@ mods = {
 };
 ```
 
-will default new form elements to a "Reference" type to some definition "firstNames" defined in the schema.
+will default new form elements to a "Reference" type to some definition "firstNames" defined in the schema. Setting the mods to the following:
+
+```react
+mods = {
+  newElementDefaultUiSchema: {
+    'ui:widget': 'customWidget',
+  }
+};
+```
+
+will set the UI schema for a new element to use the `customWidget` widget.
 
 ### Styling
 

flow-libdef/@ginkgo-bioworks/react-json-schema-form-builder_v1.x.x/flow_v0.92.x-/react-json-schema-form-builder_v1.x.x.js

@@ -89,6 +89,7 @@ declare module '@ginkgo-bioworks/react-json-schema-form-builder' {
     showFormHead?: boolean,
     deactivatedFormInputs?: Array<string>,
     newElementDefaultDataOptions?: DataOptions,
+    newElementDefaultUiSchema?: { [string]: any },
   |};
 
   declare type FormBuilderProps = {|

src/formBuilder/types.js

@@ -136,6 +136,7 @@ export type Mods = {
   showFormHead?: boolean,
   deactivatedFormInputs?: Array<string>,
   newElementDefaultDataOptions?: DataOptions,
+  newElementDefaultUiSchema?: { [string]: any },
 };
 
 export type FormInput = FormInputType<Mods>;

src/formBuilder/utils.js

@@ -915,7 +915,7 @@ export function addCardObj(parameters: {
     name: `newInput${i}`,
     required: false,
     dataOptions: dataOptions,
-    uiOptions: {},
+    uiOptions: (mods && mods.newElementDefaultUiSchema) || {},
     propType: 'card',
     schema: {},
     uischema: {},