env: add babel and small refactorings

Signed-off-by: dittrichlucas <[email protected]>

.babelrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+    "plugins": [
+        "@babel/plugin-transform-runtime",
+        "transform-class-properties"
+    ],
+    "presets": [
+        "@babel/env",
+        "@babel/react",
+        "@babel/typescript"
+    ],
+    "ignore": [
+        "./src/tests/**/*",
+        "./src/stories/**/*",
+        "./src/core/**/*.test.tsx"
+    ]
+}

package.json

@@ -1,20 +1,27 @@
 {
     "name": "adonimals-ui",
-    "version": "0.1.3",
+    "version": "0.1.4",
     "description": "React UI toolkit for the web.",
     "main": "dist/index.js",
     "author": "<[email protected]>",
     "license": "MIT",
     "scripts": {
-        "build": "tsc",
+        "build:ts": "tsc",
+        "build:babel": "babel src --out-dir dist --extensions \".ts,.tsx\"",
+        "build": "yarn build:ts && yarn build:babel",
         "storybook": "start-storybook -p 6006",
         "build-storybook": "build-storybook",
         "lint": "eslint -c .eslintrc.json 'src/**/*.{ts,tsx}'",
         "lint:fix": "eslint -c .eslintrc.json --fix 'src/**/*.{ts,tsx}'",
         "test": "jest -c jest.config.js --watch"
     },
     "devDependencies": {
-        "@babel/core": "7.13.8",
+        "@babel/cli": "7.16.0",
+        "@babel/core": "7.16.0",
+        "@babel/plugin-transform-runtime": "7.16.0",
+        "@babel/preset-env": "7.16.0",
+        "@babel/preset-react": "7.16.0",
+        "@babel/preset-typescript": "7.16.0",
         "@storybook/addon-actions": "6.3.8",
         "@storybook/addon-essentials": "6.3.8",
         "@storybook/addon-links": "6.3.8",
@@ -30,6 +37,8 @@
         "@typescript-eslint/eslint-plugin": "4.31.1",
         "@typescript-eslint/parser": "4.31.1",
         "babel-loader": "8.2.2",
+        "babel-plugin-transform-class-properties": "6.24.1",
+        "babel-plugin-transform-imports": "2.0.0",
         "eslint": "7.32.0",
         "eslint-config-prettier": "8.3.0",
         "eslint-plugin-prefer-arrow": "1.2.3",

tsconfig.json

@@ -3,7 +3,6 @@
         "target": "es6",
         "module": "commonjs",
         "jsx": "react",
-        "declaration": true,
         "sourceMap": true,
         "sourceRoot": ".",
         "outDir": "./dist",
@@ -15,7 +14,11 @@
             "node",
             "jest"
         ],
-        "esModuleInterop": true
+        "esModuleInterop": true,
+        "declaration": true,
+        "emitDeclarationOnly": true,
+        // Ensure that Babel can safely transpile files in the TypeScript project
+        "isolatedModules": true
     },
     "include": [
         "./src/*",