Skip to content

Commit e77c1fb

Browse files
Hyperkid123Hyperkid123
committed
Removed PF4 and PF3 mappers from MUI examples.
1 parent d6423f9 commit e77c1fb

File tree

18 files changed

+37
-201
lines changed

18 files changed

+37
-201
lines changed

‎packages/react-renderer-demo/src/app/pages/_app.js

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,6 @@ import Layout from '@docs/components/layout';
88
import { MDXProvider } from '@mdx-js/react';
99
import MdxComponents from '@docs/components/mdx/mdx-components';
1010

11-
import './vendor.css';
12-
1311
export default class MyApp extends App {
1412
componentDidMount() {
1513
// Remove the server-side injected CSS.

‎packages/react-renderer-demo/src/app/pages/component-example/checkbox-multiple.js

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,21 @@ import React, { Fragment } from 'react';
22
import ComponentText from '@docs/components/component-example-text';
33
import useComponentExample from '../../src/hooks/use-component-example';
44
import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
5-
import Pf4Checkbox from '@data-driven-forms/pf4-component-mapper/dist/cjs/checkbox';
6-
import Pf3Checkbox from '@data-driven-forms/pf3-component-mapper/dist/cjs/checkbox';
75
import MuiCheckbox from '@data-driven-forms/mui-component-mapper/dist/cjs/checkbox';
86
import CheckboxText from '@docs/components/mui-definitions/checkbox-text.md';
97

108
const mappers = {
11-
pf4: {
12-
[componentTypes.CHECKBOX]: Pf4Checkbox
13-
},
14-
pf3: {
15-
[componentTypes.CHECKBOX]: Pf3Checkbox
16-
},
179
mui: {
1810
[componentTypes.CHECKBOX]: MuiCheckbox
1911
}
2012
};
2113

2214
export default () => {
23-
const [component, baseStructure, activeMapper] = useComponentExample();
15+
const [component, baseStructure] = useComponentExample();
2416
return (
2517
<Fragment>
26-
<ComponentText component={component} baseStructure={baseStructure} activeMapper={activeMapper} componentMapper={mappers[activeMapper]} />
27-
{activeMapper === 'mui' && <CheckboxText />}
18+
<ComponentText component={component} baseStructure={baseStructure} activeMapper="mui" componentMapper={mappers.mui} />
19+
<CheckboxText />
2820
</Fragment>
2921
);
3022
};

‎packages/react-renderer-demo/src/app/pages/component-example/checkbox.js

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,10 @@ import React, { Fragment } from 'react';
22
import ComponentText from '@docs/components/component-example-text';
33
import useComponentExample from '../../src/hooks/use-component-example';
44
import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
5-
import Pf4Checkbox from '@data-driven-forms/pf4-component-mapper/dist/cjs/checkbox';
6-
import Pf3Checkbox from '@data-driven-forms/pf3-component-mapper/dist/cjs/checkbox';
75
import MuiCheckbox from '@data-driven-forms/mui-component-mapper/dist/cjs/checkbox';
86
import CheckboxText from '@docs/components/mui-definitions/checkbox-text.md';
97

108
const mappers = {
11-
pf4: {
12-
[componentTypes.CHECKBOX]: Pf4Checkbox
13-
},
14-
pf3: {
15-
[componentTypes.CHECKBOX]: Pf3Checkbox
16-
},
179
mui: {
1810
[componentTypes.CHECKBOX]: MuiCheckbox
1911
}
@@ -23,7 +15,7 @@ export default () => {
2315
const [component, baseStructure, activeMapper] = useComponentExample();
2416
return (
2517
<Fragment>
26-
<ComponentText component={component} baseStructure={baseStructure} activeMapper={activeMapper} componentMapper={mappers[activeMapper]} />
18+
<ComponentText component={component} baseStructure={baseStructure} activeMapper="mui" componentMapper={mappers.mui} />
2719
{activeMapper === 'mui' && <CheckboxText />}
2820
</Fragment>
2921
);

‎packages/react-renderer-demo/src/app/pages/component-example/date-picker.js

Lines changed: 1 addition & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,10 @@ import React, { Fragment } from 'react';
22
import ComponentText from '@docs/components/component-example-text';
33
import useComponentExample from '../../src/hooks/use-component-example';
44
import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
5-
import Pf4Datepicker from '@data-driven-forms/pf4-component-mapper/dist/cjs/date-picker';
65
import MuiDatepicker from '@data-driven-forms/mui-component-mapper/dist/cjs/date-picker';
76
import DatePickerText from '@docs/components/mui-definitions/date-picker-text.md';
87

9-
import dynamic from 'next/dynamic';
10-
11-
const Pf3Datepicker = dynamic(import('@data-driven-forms/pf3-component-mapper/dist/cjs/date-picker'), {
12-
ssr: false
13-
});
14-
158
const mappers = {
16-
pf4: {
17-
[componentTypes.DATE_PICKER]: Pf4Datepicker
18-
},
19-
pf3: {
20-
[componentTypes.DATE_PICKER]: Pf3Datepicker
21-
},
229
mui: {
2310
[componentTypes.DATE_PICKER]: MuiDatepicker
2411
}
@@ -28,7 +15,7 @@ export default () => {
2815
const [component, baseStructure, activeMapper] = useComponentExample();
2916
return (
3017
<Fragment>
31-
<ComponentText component={component} baseStructure={baseStructure} activeMapper={activeMapper} componentMapper={mappers[activeMapper]} />
18+
<ComponentText component={component} baseStructure={baseStructure} activeMapper="mui" componentMapper={mappers.mui} />
3219
{activeMapper === 'mui' && <DatePickerText />}
3320
</Fragment>
3421
);

‎packages/react-renderer-demo/src/app/pages/component-example/dual-list-select.js

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,16 @@
11
import React from 'react';
22
import ComponentText from '@docs/components/component-example-text';
33
import useComponentExample from '../../src/hooks/use-component-example';
4-
import Pf4DualListSelect from '@data-driven-forms/pf4-component-mapper/dist/cjs/dual-list-select';
54
import MuiDualListSelect from '@data-driven-forms/mui-component-mapper/dist/cjs/dual-list-select';
65
import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
76

87
const mappers = {
9-
pf4: {
10-
[componentTypes.DUAL_LIST_SELECT]: Pf4DualListSelect
11-
},
12-
pf3: {
13-
[componentTypes.DUAL_LIST_SELECT]: () => <h2>Not implemented</h2>
14-
},
158
mui: {
169
[componentTypes.DUAL_LIST_SELECT]: MuiDualListSelect
1710
}
1811
};
1912

2013
export default () => {
21-
const [component, baseStructure, activeMapper] = useComponentExample();
22-
return <ComponentText component={component} baseStructure={baseStructure} activeMapper={activeMapper} componentMapper={mappers[activeMapper]} />;
14+
const [component, baseStructure] = useComponentExample();
15+
return <ComponentText component={component} baseStructure={baseStructure} activeMapper="mui" componentMapper={mappers.mui} />;
2316
};

‎packages/react-renderer-demo/src/app/pages/component-example/field-array.js

Lines changed: 2 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2,28 +2,17 @@ import React from 'react';
22
import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
33
import ComponentText from '@docs/components/component-example-text';
44
import useComponentExample from '../../src/hooks/use-component-example';
5-
6-
import Pf4FieldArray from '@data-driven-forms/pf4-component-mapper/dist/cjs/field-array';
75
import MuiFieldArray from '@data-driven-forms/mui-component-mapper/dist/cjs/field-array';
8-
import Pf4TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
96
import MuiTextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
107

118
const mappers = {
12-
pf4: {
13-
[componentTypes.FIELD_ARRAY]: Pf4FieldArray,
14-
[componentTypes.TEXT_FIELD]: Pf4TextField
15-
},
16-
pf3: {
17-
[componentTypes.FIELD_ARRAY]: () => <h2>Not implemented</h2>,
18-
[componentTypes.TEXT_FIELD]: () => <h2>Not implemented</h2>
19-
},
209
mui: {
2110
[componentTypes.FIELD_ARRAY]: MuiFieldArray,
2211
[componentTypes.TEXT_FIELD]: MuiTextField
2312
}
2413
};
2514

2615
export default () => {
27-
const [component, baseStructure, activeMapper] = useComponentExample();
28-
return <ComponentText component={component} baseStructure={baseStructure} activeMapper={activeMapper} componentMapper={mappers[activeMapper]} />;
16+
const [component, baseStructure] = useComponentExample();
17+
return <ComponentText component={component} baseStructure={baseStructure} activeMapper="mui" componentMapper={mappers.mui} />;
2918
};

‎packages/react-renderer-demo/src/app/pages/component-example/plain-text.js

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,15 @@ import React from 'react';
22
import ComponentText from '@docs/components/component-example-text';
33
import useComponentExample from '../../src/hooks/use-component-example';
44
import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
5-
import Pf4PlainText from '@data-driven-forms/pf4-component-mapper/dist/cjs/plain-text';
6-
import Pf3PlainText from '@data-driven-forms/pf3-component-mapper/dist/cjs/plain-text';
75
import MuiPlainText from '@data-driven-forms/mui-component-mapper/dist/cjs/plain-text';
86

97
const mappers = {
10-
pf4: {
11-
[componentTypes.PLAIN_TEXT]: Pf4PlainText
12-
},
13-
pf3: {
14-
[componentTypes.PLAIN_TEXT]: Pf3PlainText
15-
},
168
mui: {
179
[componentTypes.PLAIN_TEXT]: MuiPlainText
1810
}
1911
};
2012

2113
export default () => {
22-
const [component, baseStructure, activeMapper] = useComponentExample();
23-
return <ComponentText component={component} baseStructure={baseStructure} activeMapper={activeMapper} componentMapper={mappers[activeMapper]} />;
14+
const [component, baseStructure] = useComponentExample();
15+
return <ComponentText component={component} baseStructure={baseStructure} activeMapper="mui" componentMapper={mappers.mui} />;
2416
};

‎packages/react-renderer-demo/src/app/pages/component-example/radio.js

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,10 @@ import React, { Fragment } from 'react';
22
import ComponentText from '@docs/components/component-example-text';
33
import useComponentExample from '../../src/hooks/use-component-example';
44
import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
5-
import Pf4Radio from '@data-driven-forms/pf4-component-mapper/dist/cjs/radio';
6-
import Pf3Radio from '@data-driven-forms/pf3-component-mapper/dist/cjs/radio';
75
import MuiRadio from '@data-driven-forms/mui-component-mapper/dist/cjs/radio';
86
import RadioText from '@docs/components/mui-definitions/radio-text.md';
97

108
const mappers = {
11-
pf4: {
12-
[componentTypes.RADIO]: Pf4Radio
13-
},
14-
pf3: {
15-
[componentTypes.RADIO]: Pf3Radio
16-
},
179
mui: {
1810
[componentTypes.RADIO]: MuiRadio
1911
}
@@ -23,7 +15,7 @@ export default () => {
2315
const [component, baseStructure, activeMapper] = useComponentExample();
2416
return (
2517
<Fragment>
26-
<ComponentText component={component} baseStructure={baseStructure} activeMapper={activeMapper} componentMapper={mappers[activeMapper]} />
18+
<ComponentText component={component} baseStructure={baseStructure} activeMapper="mui" componentMapper={mappers.mui} />
2719
{activeMapper === 'mui' && <RadioText />}
2820
</Fragment>
2921
);

‎packages/react-renderer-demo/src/app/pages/component-example/select.js

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,15 @@ import React from 'react';
22
import ComponentText from '@docs/components/component-example-text';
33
import useComponentExample from '../../src/hooks/use-component-example';
44
import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
5-
import Pf4Select from '@data-driven-forms/pf4-component-mapper/dist/cjs/select';
6-
import Pf3Select from '@data-driven-forms/pf3-component-mapper/dist/cjs/select';
75
import MuiSelect from '@data-driven-forms/mui-component-mapper/dist/cjs/select';
86

97
const mappers = {
10-
pf4: {
11-
[componentTypes.SELECT]: Pf4Select
12-
},
13-
pf3: {
14-
[componentTypes.SELECT]: Pf3Select
15-
},
168
mui: {
179
[componentTypes.SELECT]: MuiSelect
1810
}
1911
};
2012

2113
export default () => {
22-
const [component, baseStructure, activeMapper] = useComponentExample();
23-
return <ComponentText component={component} baseStructure={baseStructure} activeMapper={activeMapper} componentMapper={mappers[activeMapper]} />;
14+
const [component, baseStructure] = useComponentExample();
15+
return <ComponentText component={component} baseStructure={baseStructure} activeMapper="mui" componentMapper={mappers.mui} />;
2416
};

‎packages/react-renderer-demo/src/app/pages/component-example/sub-form.js

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,17 @@ import React from 'react';
22
import ComponentText from '@docs/components/component-example-text';
33
import useComponentExample from '../../src/hooks/use-component-example';
44
import componentTypes from '@data-driven-forms/react-form-renderer/dist/cjs/component-types';
5-
import Pf4SubForm from '@data-driven-forms/pf4-component-mapper/dist/cjs/sub-form';
6-
import Pf3SubForm from '@data-driven-forms/pf3-component-mapper/dist/cjs/sub-form';
75
import MuiSubForm from '@data-driven-forms/mui-component-mapper/dist/cjs/sub-form';
8-
import Pf4TextField from '@data-driven-forms/pf4-component-mapper/dist/cjs/text-field';
9-
import Pf3TextField from '@data-driven-forms/pf3-component-mapper/dist/cjs/text-field';
106
import MuiTextField from '@data-driven-forms/mui-component-mapper/dist/cjs/text-field';
117

128
const mappers = {
13-
pf4: {
14-
[componentTypes.SUB_FORM]: Pf4SubForm,
15-
[componentTypes.TEXT_FIELD]: Pf4TextField
16-
},
17-
pf3: {
18-
[componentTypes.SUB_FORM]: Pf3SubForm,
19-
[componentTypes.TEXT_FIELD]: Pf3TextField
20-
},
219
mui: {
2210
[componentTypes.SUB_FORM]: MuiSubForm,
2311
[componentTypes.TEXT_FIELD]: MuiTextField
2412
}
2513
};
2614

2715
export default () => {
28-
const [component, baseStructure, activeMapper] = useComponentExample();
29-
return <ComponentText component={component} baseStructure={baseStructure} activeMapper={activeMapper} componentMapper={mappers[activeMapper]} />;
16+
const [component, baseStructure] = useComponentExample();
17+
return <ComponentText component={component} baseStructure={baseStructure} activeMapper="mui" componentMapper={mappers.mui} />;
3018
};

0 commit comments

Comments
 (0)