feat(renderer): remove parsers from renderer

Author: rvsia

packages/pf3-component-mapper/demo/index.js

@@ -111,7 +111,6 @@ class App extends React.Component {
           <FormRenderer
             initialValues={{}}
             onSubmit={console.log}
-            schemaType="default"
             formFieldsMapper={formFieldsMapper}
             layoutMapper={layoutMapper}
             schema={sandbox}

packages/pf3-component-mapper/src/tests/wizard.test.js

@@ -224,7 +224,6 @@ describe('<Wizard />', () => {
         onCancel={ () => {} }
         showFormControls={ false }
         onSubmit={ jest.fn() }
-        schemaType="default"
         initialValues={{ 'source-type': 'google' }}
       />
     );

packages/pf4-component-mapper/demo/index.js

@@ -11,7 +11,7 @@ import sandboxSchema from './demo-schemas/sandbox';
 
 const Summary = props => <div>Custom summary component.</div>;
 
-const fieldArrayState = { schema: arraySchemaDDF, schemaString: 'default', ui: uiArraySchema, additionalOptions: {
+const fieldArrayState = { schema: arraySchemaDDF, additionalOptions: {
     initialValues: {
         number: [1,2,3,4],
         minMax: [null, null, null, null]
@@ -30,27 +30,17 @@ class App extends React.Component {
             <Title size="4xl">Pf4 component mapper</Title>
             <Toolbar style={{ marginBottom: 20, marginTop: 20 }}>
                 <ToolbarGroup>
-                    <Button onClick={() => this.setState(state => ({ schema: wizardSchema, schemaString: 'default', additionalOptions: { showFormControls: false, wizard: true } }))}>Wizard</Button>
+                    <Button onClick={() => this.setState(state => ({ schema: wizardSchema, additionalOptions: { showFormControls: false, wizard: true } }))}>Wizard</Button>
                 </ToolbarGroup>
                 <ToolbarGroup>
                     <Button onClick={() => this.setState(state => fieldArrayState)}>arraySchema</Button>
                 </ToolbarGroup>
                 <ToolbarGroup>
-                    <Button onClick={() => this.setState(state => ({ schema: schema, schemaString: 'mozilla', ui: uiSchema, additionalOptions: {}}))}>schema</Button>
-                </ToolbarGroup>
-                <ToolbarGroup>
-                    <Button onClick={() => this.setState(state => ({ schema: miqSchema, schemaString: 'miq', additionalOptions: {}}))}>miq</Button>
-                </ToolbarGroup>
-                <ToolbarGroup>
-                    <Button onClick={() => this.setState(state => ({ schema: conditionalSchema, schemaString: 'mozilla', ui: uiSchema, additionalOptions: {}}))}>conditional</Button>
-                </ToolbarGroup>
-                <ToolbarGroup>
-                    <Button onClick={() => this.setState(state => ({ schema: sandboxSchema, schemaString: 'default', additionalOptions: {}}))}>Sandbox</Button>
+                    <Button onClick={() => this.setState(state => ({ schema: sandboxSchema, additionalOptions: {}}))}>Sandbox</Button>
                 </ToolbarGroup>
             </Toolbar>
             <FormRenderer
                 onSubmit={console.log}
-                schemaType={this.state.schemaString}
                 formFieldsMapper={{
                     ...formFieldsMapper,
                     summary: Summary

packages/react-form-renderer/demo/index.js

@@ -35,7 +35,6 @@ const App = () => (
             onCancel={console.log}
             canReset
             onReset={() => console.log('i am resseting')}
-            schemaType="default"
             schema={sandboxSchema}
             buttonOrder={['cancel', 'reset', 'submit']}
             buttonClassName="Foo"

packages/react-form-renderer/src/form-renderer/index.js

@@ -4,21 +4,13 @@ import arrayMutators from 'final-form-arrays';
 import PropTypes from 'prop-types';
 import createFocusDecorator from 'final-form-focus';
 
-import miqParser from '../parsers/miq-parser/miq-parser';
-import mozillaParser from '../parsers/mozilla-parser/mozilla-schema-parser';
 import RendererContext from './renderer-context';
 import FormControls from './form-controls';
 import renderForm from './render-form';
 import defaultSchemaValidator from '../parsers/default-schema-validator';
 import SchemaErrorComponent from './schema-error-component';
 import { renderTitle, renderDescription } from './form-information';
 
-const schemaMapper = type => ({
-  mozilla: (schema, uiSchema) => mozillaParser(schema, uiSchema),
-  miq: schema => miqParser(schema),
-  default: schema => ({ schema }),
-})[type];
-
 const isDisabled = (disableStates, getState) => disableStates.map(item => getState()[item]).find(item => !!item);
 
 const FormRenderer = ({
@@ -28,12 +20,9 @@ const FormRenderer = ({
   onCancel,
   canReset,
   onReset,
-  schema,
-  schemaType,
   buttonsLabels,
   disableSubmit,
   initialValues,
-  uiSchema,
   showFormControls,
   buttonOrder,
   buttonClassName,
@@ -43,11 +32,11 @@ const FormRenderer = ({
   renderFormButtons,
   subscription,
   clearedValue,
+  schema,
 }) => {
-  const inputSchema = schemaMapper(schemaType)(schema, uiSchema);
   let schemaError;
   try {
-    defaultSchemaValidator(inputSchema.schema, formFieldsMapper, layoutMapper);
+    defaultSchemaValidator(schema, formFieldsMapper, layoutMapper);
   } catch (error) {
     schemaError = error;
     console.error(error);
@@ -58,17 +47,14 @@ const FormRenderer = ({
     return <SchemaErrorComponent name={ schemaError.name } message={ schemaError.message } />;
   }
 
-  const label = inputSchema.schema.title || inputSchema.schema.label;
+  const label = schema.title || schema.label;
 
   return (
     <Form
       onSubmit={ onSubmit }
       mutators={{ ...arrayMutators }}
       decorators={ [ createFocusDecorator() ] }
-      initialValues={{
-        ...inputSchema.defaultValues,
-        ...initialValues,
-      }}
+      initialValues={ initialValues }
       validate={ validate }
       subscription={{ pristine: true, submitting: true, valid: true, ...subscription }}
       render={ ({ handleSubmit, pristine, valid, form: { reset, mutators, getState, submit, ...form }, ...state }) => (
@@ -95,8 +81,8 @@ const FormRenderer = ({
             { ({ layoutMapper: { FormWrapper }}) => (
               <FormWrapper onSubmit={ handleSubmit }>
                 { label && renderTitle(label) }
-                { inputSchema.schema.description && renderDescription(inputSchema.schema.description) }
-                { renderForm(inputSchema.schema.fields) }
+                { schema.description && renderDescription(schema.description) }
+                { renderForm(schema.fields) }
                 { onStateUpdate && <FormSpy onChange={ onStateUpdate } /> }
                 { showFormControls && (
                   <FormControls
@@ -127,11 +113,9 @@ FormRenderer.propTypes = {
   onReset: PropTypes.func,
   canReset: PropTypes.bool,
   schema: PropTypes.object.isRequired,
-  schemaType: PropTypes.oneOf([ 'mozilla', 'miq', 'default' ]),
   buttonsLabels: PropTypes.object,
   disableSubmit: PropTypes.arrayOf(PropTypes.string),
   initialValues: PropTypes.object,
-  uiSchema: PropTypes.object,
   showFormControls: PropTypes.bool,
   buttonOrder: PropTypes.arrayOf(PropTypes.string),
   buttonClassName: PropTypes.string,
@@ -145,11 +129,9 @@ FormRenderer.propTypes = {
 
 FormRenderer.defaultProps = {
   resetAble: false,
-  schemaType: 'default',
   buttonsLabels: {},
   disableSubmit: [],
   initialValues: {},
-  uiSchema: {},
   showFormControls: true,
   clearOnUnmount: false,
   buttonClassName: '',

packages/react-form-renderer/src/tests/form-renderer/__snapshots__/form-information.test.js.snap

@@ -26,9 +26,7 @@ exports[`<FormControls /> should render with description 1`] = `
         "fields": Array [],
       }
     }
-    schemaType="default"
     showFormControls={true}
-    uiSchema={Object {}}
   >
     <ReactFinalForm
       decorators={
@@ -185,9 +183,7 @@ exports[`<FormControls /> should render with title and description 1`] = `
         "title": "Title",
       }
     }
-    schemaType="default"
     showFormControls={true}
-    uiSchema={Object {}}
   >
     <ReactFinalForm
       decorators={
@@ -347,9 +343,7 @@ exports[`<FormControls /> should render without title and description 1`] = `
         "fields": Array [],
       }
     }
-    schemaType="default"
     showFormControls={true}
-    uiSchema={Object {}}
   >
     <ReactFinalForm
       decorators={