Merge pull request #409 from data-driven-forms/builder-integration

Builder integration

Author: rvsia

packages/common/src/select/index.js

@@ -6,7 +6,6 @@ import CreatableSelect from 'react-select/creatable';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import isEqual from 'lodash/isEqual';
-import { input } from '../prop-types-templates';
 import fnToString from '../utils/fn-to-string';
 import reducer from './reducer';
 import useIsMounted from '../hooks/use-is-mounted';
@@ -169,7 +168,15 @@ Select.propTypes = {
   value: PropTypes.any,
   placeholder: PropTypes.string,
   loadOptionsChangeCounter: PropTypes.number,
-  ...input
+  isDisabled: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  loadOptions: PropTypes.func,
+  loadingMessage: PropTypes.node,
+  loadingProps: PropTypes.object,
+  selectVariant: PropTypes.string,
+  updatingMessage: PropTypes.node,
+  noOptionsMessage: PropTypes.node,
+  isSearchable: PropTypes.bool
 };
 
 Select.defaultProps = {

packages/mui-component-mapper/src/files/select.js

@@ -52,3 +52,5 @@ Select.defaultProps = {
 };
 
 export default Select;
+
+export const InternalSelect = MUISelect;

packages/mui-component-mapper/src/files/select/integration-select.js

@@ -158,7 +158,7 @@ Option.propTypes = {
    */
   innerProps: PropTypes.shape({
     id: PropTypes.string.isRequired,
-    key: PropTypes.string.isRequired,
+    key: PropTypes.string,
     onClick: PropTypes.func.isRequired,
     onMouseMove: PropTypes.func.isRequired,
     onMouseOver: PropTypes.func.isRequired,
@@ -173,7 +173,7 @@ Option.propTypes = {
     PropTypes.shape({
       current: PropTypes.any.isRequired
     })
-  ]).isRequired,
+  ]),
   /**
    * Whether the option is focused.
    */
@@ -221,7 +221,7 @@ SingleValue.propTypes = {
   /**
    * Props passed to the wrapping element for the group.
    */
-  innerProps: PropTypes.any.isRequired,
+  innerProps: PropTypes.any,
   selectProps: PropTypes.object.isRequired
 };
 

packages/pf3-component-mapper/src/files/select.js

@@ -42,3 +42,5 @@ Select.propTypes = {
 };
 
 export default Select;
+
+export const InternalSelect = DataDrivenSelect;

packages/pf4-component-mapper/src/files/select.js

@@ -33,3 +33,5 @@ Select.propTypes = {
 };
 
 export default Select;
+
+export const InternalSelect = DataDrivenSelect;

packages/react-form-renderer/src/files/use-field-api.js

@@ -49,11 +49,13 @@ const useFieldApi = ({ name, initializeOnMount, component, render, validate, dat
     });
   }
 
+  const { initialValue, ...cleanProps } = props;
+
   /**
    * construct component props necessary that would live in field provider
    */
   return {
-    ...props,
+    ...cleanProps,
     ...overrideProps,
     ...fieldProps,
     input: {