transform RUI to typescript (#394)

Author: lukasbriza

.eslintrc

@@ -1,23 +1,48 @@
 {
   "extends": [
-    "@visionappscz/eslint-config-visionapps"
+    "@visionappscz/eslint-config-visionapps",
+    "plugin:deprecation/recommended"
   ],
-  "env": {
-    "browser": true,
-    "jest": true
-  },
-  "ignorePatterns": ["src/docs/_assets/generated"],
   "overrides": [
     {
-      "files": ["**/*.md"],
+      "files": [
+        "**/*.ts",
+        "**/*.tsx"
+      ],
       "extends": [
-        "plugin:markdown/recommended"
-      ]
+        "@visionappscz/eslint-config-visionapps",
+        "airbnb-typescript",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:typescript-sort-keys/recommended"
+      ],
+      "parser": "@typescript-eslint/parser",
+      "parserOptions": {
+        "project": "tsconfig.json"
+      },
+      "plugins": ["@typescript-eslint"],
+      "rules": {
+        "@typescript-eslint/no-unused-vars": ["error"],
+        "@typescript-eslint/object-curly-spacing": ["error"],
+        "import/prefer-default-export": ["off"],
+        "no-console": ["error"],
+        "react/default-props-match-prop-types": ["off"],
+        "react/require-default-props": ["off"]
+      }
     }
   ],
-  "parser": "@babel/eslint-parser",
+  "env": {
+    "browser": true,
+    "jest": true
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json"
+  },
+  "plugins": [
+    "@typescript-eslint"
+  ],
   "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,22 +1,34 @@
 module.exports = {
+  extensionsToTreatAsEsm: [
+    '.ts',
+    '.tsx',
+  ],
   moduleFileExtensions: [
     'js',
     'jsx',
+    'ts',
+    'tsx',
   ],
   moduleNameMapper: {
     '\\.scss$': 'identity-obj-proxy',
     '\\.svg$': '<rootDir>/tests/jest/mocks/svgrMock.jsx',
   },
+  preset: 'ts-jest',
   setupFiles: [
     '<rootDir>/tests/jest/setupJest.js',
   ],
   setupFilesAfterEnv: [
-    '<rootDir>/tests/jest/setupTestingLibrary.js',
   ],
   testEnvironment: '@happy-dom/jest-environment',
   testMatch: [
-    '**/*.test.{js,jsx}',
+    '**/*.test.{ts,tsx}',
   ],
+  transform: {
+    '^.+\\.(ts|tsx)$': [
+      'ts-jest',
+      { useESM: true },
+    ],
+  },
   transformIgnorePatterns: [
     'node_modules/(?!(@react-ui-org))',
   ],