Moved schema component to defaultComponentDetector (closes #1114).

docs/migrating-3-to-4.md

@@ -7,5 +7,6 @@ This guide is designed to help you through the migration. If you went through it
 
 ## Breaking API changes
 
+- `componentDetector` in `AutoField`s now always takes precedence over `component` property on a schema. This may make your `AutoField` render a different component when you were using both previously. If that's the case, move your schema's `component` definition to a [`AutoField.componentDetectorContext.Provider`](/docs/uth-autofield-algorithm/#overriding-autofield) instead.
 - Dropped support for `initialCount` in bridges and `ListField`s. Pass a model object to the form with the appropriate amount of initial items instead.
 - `AutoFields` component in all themes now renders a `React.Fragment` instead of a `div`. Explicitly render a wrapper component around if you need one.

packages/uniforms-antd/src/AutoField.tsx

@@ -12,6 +12,10 @@ import SelectField from './SelectField';
 import TextField from './TextField';
 
 const AutoField = createAutoField(props => {
+  if (props.component) {
+    return props.component;
+  }
+
   if (props.allowedValues) {
     return props.checkboxes && props.fieldType !== Array
       ? RadioField

packages/uniforms-bootstrap3/src/AutoField.tsx

@@ -12,6 +12,10 @@ import SelectField from './SelectField';
 import TextField from './TextField';
 
 const AutoField = createAutoField(props => {
+  if (props.component) {
+    return props.component;
+  }
+
   if (props.allowedValues) {
     return props.checkboxes && props.fieldType !== Array
       ? RadioField

packages/uniforms-bootstrap4/src/AutoField.tsx

@@ -12,6 +12,10 @@ import SelectField from './SelectField';
 import TextField from './TextField';
 
 const AutoField = createAutoField(props => {
+  if (props.component) {
+    return props.component;
+  }
+
   if (props.allowedValues) {
     return props.checkboxes && props.fieldType !== Array
       ? RadioField

packages/uniforms-bootstrap5/src/AutoField.tsx

@@ -12,6 +12,10 @@ import SelectField from './SelectField';
 import TextField from './TextField';
 
 const AutoField = createAutoField(props => {
+  if (props.component) {
+    return props.component;
+  }
+
   if (props.allowedValues) {
     return props.checkboxes && props.fieldType !== Array
       ? RadioField

packages/uniforms-material/src/AutoField.tsx

@@ -12,6 +12,10 @@ import SelectField from './SelectField';
 import TextField from './TextField';
 
 const AutoField = createAutoField(props => {
+  if (props.component) {
+    return props.component;
+  }
+
   if (props.allowedValues) {
     return props.checkboxes && props.fieldType !== Array
       ? RadioField

packages/uniforms-mui/src/AutoField.tsx

@@ -12,6 +12,10 @@ import SelectField from './SelectField';
 import TextField from './TextField';
 
 const AutoField = createAutoField(props => {
+  if (props.component) {
+    return props.component;
+  }
+
   if (props.allowedValues) {
     return props.checkboxes && props.fieldType !== Array
       ? RadioField

packages/uniforms-semantic/src/AutoField.tsx

@@ -12,6 +12,10 @@ import SelectField from './SelectField';
 import TextField from './TextField';
 
 const AutoField = createAutoField(props => {
+  if (props.component) {
+    return props.component;
+  }
+
   if (props.allowedValues) {
     return props.checkboxes && props.fieldType !== Array
       ? RadioField

packages/uniforms-unstyled/src/AutoField.tsx

@@ -12,6 +12,10 @@ import SelectField from './SelectField';
 import TextField from './TextField';
 
 const AutoField = createAutoField(props => {
+  if (props.component) {
+    return props.component;
+  }
+
   if (props.allowedValues) {
     return props.checkboxes && props.fieldType !== Array
       ? RadioField

packages/uniforms/src/createAutoField.tsx

@@ -32,7 +32,7 @@ export function createAutoField(defaultComponentDetector: ComponentDetector) {
   function AutoField(rawProps: AutoFieldProps): ReactElement {
     const [props, uniforms] = useField(rawProps.name, rawProps);
     const componentDetector = useContext(context);
-    const component = props.component ?? componentDetector(props, uniforms);
+    const component = componentDetector(props, uniforms);
 
     invariant(component, 'AutoField received no component for: %s', props.name);