feat(suir): Migrate to new build process.

Author: Hyperkid123

packages/suir-component-mapper/package.json

@@ -11,11 +11,11 @@
   "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:typings": "node ../../scripts/copy-files.js",
+    "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",
     "release": "semantic-release"
   },
   "repository": "[email protected]:data-driven-forms/react-forms.git",

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

@@ -1,7 +1,7 @@
 import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
 import { CheckboxProps as SuirCheckboxProps } from 'semantic-ui-react';
 import { ReactNode } from "react";
-import { CommonFieldProps } from "./common-field-props";
+import { CommonFieldProps } from "../common/common-field-props";
 
 export interface CheckboxOption extends AnyObject {
   label: ReactNode;

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

@@ -2,9 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { FormCheckbox } from 'semantic-ui-react';
 
-import FormFieldGrid from '../common/form-field-grid';
+import FormFieldGrid from '../form-field-grid/form-field-grid';
 import { validationError, validationWarning } from '../common/helpers';
-import MultipleChoiceList from '../common/multiple-choice-list';
+import MultipleChoiceList from './multiple-choice-list';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 
 export const SingleCheckbox = (props) => {

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

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

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

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

packages/suir-component-mapper/src/checkbox/index.js

@@ -5,8 +5,8 @@ import { FormCheckbox, Header, FormField } from 'semantic-ui-react';
 import { createUseStyles } from 'react-jss';
 import clsx from 'clsx';
 
-import { validationError } from './helpers';
-import FormFieldGrid from './form-field-grid';
+import { validationError } from '../common/helpers';
+import FormFieldGrid from '../form-field-grid/form-field-grid';
 
 const useStyles = createUseStyles({
   header: {

packages/suir-component-mapper/src/common/multiple-choice-list.js renamed to packages/suir-component-mapper/src/checkbox/multiple-choice-list.js

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { FormFieldGridProps, HelperTextProps } from "./form-field-grid";
+import { ReactNode } from 'react';
+import { FormFieldGridProps, HelperTextProps } from '../form-field-grid';
 
 export interface CommonFieldProps {
   isReadOnly?: boolean;

packages/suir-component-mapper/src/files/common-field-props.d.ts renamed to packages/suir-component-mapper/src/common/common-field-props.d.ts

@@ -34,7 +34,7 @@ interface componentMapper extends ComponentMapper {
   [ComponentTypes.SLIDER]: React.ComponentType;
 }
 
-interface RawComponents {
+export interface RawComponents {
   RawSelect: React.ComponentType;
 }