Transform typescript

.eslintrc

@@ -1,22 +1,44 @@
 {
-  "extends" : [
-    "@visionappscz/eslint-config-visionapps"
-  ],
-  "env": {
-    "browser": true,
-    "jest": true
-  },
   "overrides": [
     {
       "files": ["**/*.md", "**/*.mdx"],
+      "extends": ["plugin:markdown/recommended", "plugin:mdx/recommended"],
+      "rules": {
+        "@typescript-eslint/*": "off"
+      }
+    },
+    {
+      "files": ["**/*.js"],
+      "extends": ["@visionappscz/eslint-config-visionapps"],
+      "parser": "@babel/eslint-parser",
+      "rules": {
+        "@typescript-eslint/*": "off"
+      }
+    },
+    {
+      "files": ["**/*.ts", "**/*.tsx"],
       "extends": [
-        "plugin:markdown/recommended",
-        "plugin:mdx/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"]
+      }
     }
   ],
-  "parser": "@babel/eslint-parser",
-  "rules": {
-    "import/prefer-default-export": "off"
+  "env": {
+    "browser": true,
+    "jest": true
   }
-}
+}

.npmignore

@@ -23,3 +23,4 @@ postcss.config.js
 RELEASING.md
 stylelint.config.js
 webpack.config.js
+tsconfig.json

declaration.d.ts

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

definitions.d.ts

@@ -0,0 +1,26 @@
+declare type Color = 'primary' | 'secondary' | 'selected' | 'success' | 'warning' | 'danger' | 'help' | 'info' | 'note' | 'light' | 'dark';
+declare type Scrolling = 'auto' | 'custom' | 'none';
+declare type Type = 'button' | 'submit';
+declare type Align = 'top' | 'middle' | 'bottom' | 'baseline';
+declare type Justify = 'start' | 'center' | 'end' | 'space-between' | 'stretch';
+declare type InputType = 'email' | 'number' | 'password' | 'tel' | 'text';
+declare type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'x2l' | 'x3l' | 'none';
+declare type Priority = 'filled' | 'outline' | 'flat';
+declare type Size = 'small' | 'medium' | 'large';
+declare type Position = 'before' | 'after';
+declare type Validation = 'invalid' | 'valid' | 'warning';
+declare type Layout = 'horizontal' | 'vertical';
+declare type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+declare type AutoScroll = 'always' | 'detectEnd' | 'off';
+declare type Direction = 'asc' | 'desc';
+declare type Hyphens = 'none' | 'auto' | 'manual';
+declare type WordWrapping = 'normal' | 'long-words' | 'anywhere';
+declare type VerticalModalPosition = 'top' | 'center';
+declare type PredefinedLabelWidthValues = 'auto' | 'default' | 'limited';
+
+declare type AssertFn = (rootElement: HTMLElement) => void;
+declare interface NonMandatoryProps {
+  [key: string]: unknown;
+}
+declare type TestingProps = [nonMandatoryProps, AssertFn];
+

jest.config.js

@@ -1,20 +1,15 @@
 module.exports = {
-  moduleFileExtensions: [
-    'js',
-    'jsx',
-  ],
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'],
   moduleNameMapper: {
     '\\.scss$': 'identity-obj-proxy',
   },
-  modulePathIgnorePatterns: [
-    '<rootDir>/.docz/',
-  ],
-  setupFiles: [
-    '<rootDir>/tests/setupJest.js',
-  ],
-  setupFilesAfterEnv: [
-    '<rootDir>/tests/setupTestingLibrary.js',
-  ],
+  modulePathIgnorePatterns: ['<rootDir>/.docz/'],
+  preset: 'ts-jest',
+  setupFiles: ['<rootDir>/tests/setupJest.ts'],
+  setupFilesAfterEnv: ['<rootDir>/tests/setupTestingLibrary.ts'],
   testEnvironment: 'jsdom',
+  transform: {
+    '^.+\\.(t|j)sx?$': 'ts-jest',
+  },
   verbose: true,
-};
+};