Fixed exports (#27)

Author: EranNL

babel.config.js

@@ -1,10 +1,6 @@
 module.exports = {
     plugins: [
-        '@babel/plugin-proposal-class-properties',
-        ['babel-plugin-root-import', {
-            "rootPathSuffix": "src/",
-            "rootPathPrefix": "@/"
-        }]
+        '@babel/plugin-proposal-class-properties'
     ],
     presets: [
         '@babel/typescript',

jest.config.json

@@ -1,6 +1,3 @@
 {
-    "setupFilesAfterEnv": ["./setupTests.ts"],
-    "moduleNameMapper": {
-        "@/(.*)": "<rootDir>/src/$1"
-    }
+    "setupFilesAfterEnv": ["./setupTests.ts"]
 }

package-lock.json

@@ -24,7 +24,6 @@
         "@types/react-is": "^16.7.1",
         "@typescript-eslint/eslint-plugin": "^4.6.1",
         "@typescript-eslint/parser": "^4.6.1",
-        "babel-plugin-root-import": "^6.6.0",
         "dart-sass": "^1.25.0",
         "enzyme": "^3.11.0",
         "enzyme-adapter-react-16": "^1.15.3",

package.json

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
-import { Variant } from '@/components';
+import { Variant } from '../utils';
 
 export type ButtonComponentTypes = 'button' | 'a';
 

src/components/Button/Button.tsx

@@ -1,7 +1,7 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import { Button } from '@/components/Button';
-import { Variant } from '@/components';
+import { Variant } from '../../utils';
+import Button from '../Button';
 
 describe('Button test', () => {
     it('should render button', () => {

__tests__/Button.test.tsx renamed to src/components/Button/__tests__/Button.test.tsx

@@ -1 +1,2 @@
 export { default as Button } from './Button';
+export type { ButtonProps, ButtonComponentTypes } from './Button';

src/components/Button/index.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
-import CardContent from '@/components/Card/Content';
-import { ForwardComponentWithStatics } from '@/components/utils/ForwardComponentWithStatics';
-import CardHeader from '@/components/Card/Header';
-import { Variant } from '@/components';
+import CardContent from './Content';
+import { ForwardComponentWithStatics } from '../utils/ForwardComponentWithStatics';
+import CardHeader from './Header';
+import { Variant } from '../utils';
 
 export type CardStatics = {
     Content: typeof CardContent;

src/components/Card/Card.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 
-type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
 
 const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>((
     {

src/components/Card/Content.tsx

@@ -1,9 +1,9 @@
 import { render } from 'enzyme';
 import React from 'react';
-import Card from '@/components/Card/Card';
-import CardContent from '@/components/Card/Content';
-import CardHeader from '@/components/Card/Header';
-import { Variant } from '@/components';
+import { Variant } from '../../utils';
+import Card from '../Card';
+import CardContent from '../Content';
+import CardHeader from '../Header';
 
 describe('Card test', () => {
     it('should render card', () => {