feat(antd): migrate to new build process.

Author: Hyperkid123

packages/ant-component-mapper/.gitignore

@@ -0,0 +1 @@
+../common/.gitignore

packages/ant-component-mapper/.npmignore

@@ -0,0 +1 @@
+../common/.npmignore

packages/ant-component-mapper/README.md

@@ -56,7 +56,7 @@ For using Data Driven Forms in your component you need the renderer and a compon
 
 ```jsx
 import React from 'react';
-import FormRenderer, { componentTypes } from '@data-driven-forms/react-form-renderer';
+import { FormRenderer, componentTypes } from '@data-driven-forms/react-form-renderer';
 import { componentMapper, layoutMapper } from '@data-driven-forms/ant-component-mapper';
 
 const schema = {

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

@@ -1,7 +1,7 @@
 /* eslint-disable */
 import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
-import FormRenderer from '@data-driven-forms/react-form-renderer';
+import { FormRenderer } from '@data-driven-forms/react-form-renderer';
 import 'antd/dist/antd.css';
 import './style.css';
 import demoSchema from '@data-driven-forms/common/src/demoschema';

packages/ant-component-mapper/package.json

@@ -2,23 +2,20 @@
   "name": "@data-driven-forms/ant-component-mapper",
   "version": "2.17.0",
   "description": "Component mapper for Ant Design component mapper form data-driven-forms.",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "typings": "dist/cjs/index.d.ts",
+  "main": "index.js",
+  "module": "esm/index.js",
+  "typings": "index.d.ts",
   "license": "Apache-2.0",
   "scripts": {
     "start": "webpack-dev-server --env dev --config ./config/webpack.config.js --open --hot",
-    "build": "yarn build:cjs && yarn build:esm && yarn build:umd && yarn build:typings",
-    "build:cjs": "BABEL_ENV=cjs rollup -c ./rollup.config.js --format=cjs --environment FORMAT:cjs",
-    "build:esm": "BABEL_ENV=esm rollup -c ./rollup.config.js --format=esm --environment FORMAT:esm",
-    "build:umd": "rollup -c ./rollup.config.js --format=umd --environment FORMAT:umd",
+    "build": "yarn build:cjs && yarn build:esm && yarn build:typings && yarn build:packages",
+    "build:cjs": "BABEL_ENV=cjs babel src --out-dir ./ --ignore \"src/tests/*\"",
+    "build:esm": "BABEL_ENV=esm babel src --out-dir ./esm --ignore \"src/tests/*\"",
+    "build:typings": "node ../../scripts/generate-typings.js",
+    "build:packages": "node ../../scripts/generate-packages.js",
     "vendor": "webpack --env vendor --config ./config/webpack.config.js",
-    "release": "semantic-release",
-    "build:typings": "node ../../scripts/copy-files.js"
+    "release": "semantic-release"
   },
-  "files": [
-    "dist/"
-  ],
   "repository": "[email protected]:data-driven-forms/react-forms.git",
   "devDependencies": {
     "@babel/core": "^7.1.6",
@@ -48,8 +45,6 @@
     "react-dom": "^16.13.0",
     "regenerator-runtime": "^0.12.1",
     "resolve-url-loader": "^3.0.0",
-    "rollup-plugin-sourcemaps": "^0.5.0",
-    "rollup-pluginutils": "^2.8.2",
     "sass-loader": "^7.1.0",
     "semantic-release": "17.2.3",
     "style-loader": "^0.23.1",

packages/ant-component-mapper/rollup.config.js

@@ -1,8 +1,7 @@
 import { AnyObject } from "@data-driven-forms/react-form-renderer";
 import { ReactNode } from "react";
-import { FormGroupProps } from "./form-group";
-
 import { CheckboxProps as AndCheckboxProps } from 'antd/es/checkbox/Checkbox';
+import { FormGroupProps } from "../form-group";
 
 export interface CheckboxOption extends AnyObject {
   value?: any;

packages/ant-component-mapper/src/files/checkbox.d.ts renamed to packages/ant-component-mapper/src/checkbox/checkbox.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Checkbox as AntCheckbox } from 'antd';
-import MultipleChoiceList from '../common/multiple-choice-list';
+import MultipleChoiceList from '../multiple-choice-list/multiple-choice-list';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
-import IsRequired from '../common/is-required';
-import AntForm from '../common/form-wrapper';
+import IsRequired from '../is-required';
+import FormGroup from '../form-group';
 
 export const SingleCheckbox = (props) => {
   const { input, isReadOnly, isDisabled, isRequired, label, helperText, description, validateOnMount, meta, FormItemProps, ...rest } = useFieldApi({
@@ -13,7 +13,7 @@ export const SingleCheckbox = (props) => {
   });
 
   return (
-    <AntForm
+    <FormGroup
       label={label}
       meta={meta}
       validateOnMount={validateOnMount}
@@ -33,7 +33,7 @@ export const SingleCheckbox = (props) => {
       >
         {isRequired ? <IsRequired>{label}</IsRequired> : label}
       </AntCheckbox>
-    </AntForm>
+    </FormGroup>
   );
 };
 

packages/ant-component-mapper/src/files/checkbox.js renamed to packages/ant-component-mapper/src/checkbox/checkbox.js

@@ -0,0 +1,2 @@
+export { default } from './checkbox';
+export * from './checkbox';

packages/ant-component-mapper/src/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './checkbox';
+export * from './checkbox';