transform RUI to typescript (#394)

Author: lukasbriza

.eslintrc

@@ -1,23 +1,25 @@
 {
   "extends": [
-    "@visionappscz/eslint-config-visionapps"
+    "@visionappscz/eslint-config-visionapps",
+    "airbnb-typescript",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:@typescript-eslint/recommended-requiring-type-checking",
+    "plugin:deprecation/recommended",
+    "plugin:typescript-sort-keys/recommended",
   ],
   "env": {
     "browser": true,
     "jest": true
   },
-  "ignorePatterns": ["src/docs/_assets/generated"],
-  "overrides": [
-    {
-      "files": ["**/*.md"],
-      "extends": [
-        "plugin:markdown/recommended"
-      ]
-    }
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "plugins": [
+    "@typescript-eslint"
   ],
-  "parser": "@babel/eslint-parser",
   "rules": {
     "import/prefer-default-export": "off",
     "no-console": "error"
   }
-}
+}

.npmignore

@@ -7,7 +7,7 @@
 /site
 /src/**/__tests__
 /src/docs/
-/src/docsCustomProperties.js
+/src/docsCustomProperties.ts
 /src/index.md
 /tests
 .browserslistrc

babel.config.js

@@ -12,5 +12,6 @@ module.exports = {
       },
     ],
     '@babel/preset-react',
+    '@babel/preset-typescript',
   ],
 };

declaration.d.ts

@@ -0,0 +1,2 @@
+declare module '*.css';
+declare module '*.scss';

jest.config.js

@@ -1,19 +1,34 @@
 module.exports = {
+  extensionsToTreatAsEsm: [
+    '.ts',
+    '.tsx',
+  ],
   moduleFileExtensions: [
     'js',
     'jsx',
+    'ts',
+    'tsx',
   ],
   moduleNameMapper: {
     '\\.scss$': 'identity-obj-proxy',
-    '\\.svg$': '<rootDir>/tests/mocks/svgrMock.jsx',
+    '\\.svg$': '<rootDir>/tests/jest/mocks/svgrMock.jsx',
   },
+  preset: 'ts-jest',
   setupFiles: [
-    '<rootDir>/tests/setupJest.js',
+    '<rootDir>/tests/jest/setupJest.js',
   ],
   setupFilesAfterEnv: [
-    '<rootDir>/tests/setupTestingLibrary.js',
   ],
   testEnvironment: '@happy-dom/jest-environment',
+  testMatch: [
+    '**/*.test.{ts,tsx}',
+  ],
+  transform: {
+    '^.+\\.(ts|tsx)$': [
+      'ts-jest',
+      { useESM: true },
+    ],
+  },
   transformIgnorePatterns: [
     'node_modules/(?!(@react-ui-org))',
   ],