feature: typescript support, build optimizations and currency support

.babelrc

@@ -1,8 +1,13 @@
 {
-  "presets": ["react","env","stage-0"],
-  "env": {
-    "test": {
-      "plugins": ["require-context-hook"]
-    }
-  }
+  "presets": [
+    "@babel/preset-react",
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "esmodules": true
+        }
+      }
+    ]
+  ]
 }

.eslintrc

@@ -1,41 +1,84 @@
 {
-  "plugins": [
-    "babel"
-  ],
-  "parser": "babel-eslint",
+  "plugins": ["babel", "react", "react-hooks", "@typescript-eslint"],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "legacyDecorators": true
+    }
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
   "rules": {
-    "comma-dangle": ["error", "always-multiline"],
-    "space-before-function-paren": ["error", {
-      "anonymous": "never",
-      "named": "never",
-      "asyncArrow": "always"
-    }],
+    "camelcase": "off",
+    "comma-dangle": [
+      "error",
+      {
+        "arrays": "always-multiline",
+        "objects": "always-multiline",
+        "imports": "always-multiline",
+        "exports": "always-multiline",
+        "functions": "never"
+      }
+    ],
+    "space-before-function-paren": [
+      "error",
+      {
+        "anonymous": "never",
+        "named": "never",
+        "asyncArrow": "always"
+      }
+    ],
     "jsx-quotes": ["error", "prefer-double"],
     "no-var": "error",
     "prefer-const": "warn",
-
-    "babel/no-invalid-this": "warn",
-    "babel/semi": ["error", "never"],
-    "react/prop-types": "warn",
+    "new-cap": [
+      "error",
+      {
+        "newIsCapExceptions": ["api.batch"],
+        "capIsNew": false
+      }
+    ],
+    "no-invalid-this": "warn",
+    "no-unused-expressions": "error",
+    "semi": ["error", "never"],
+    "lines-between-class-members": [
+      "error",
+      "always",
+      { "exceptAfterSingleLine": true }
+    ],
+    "react/prop-types": "off",
+    "react/jsx-handler-names": "off",
+    "react/jsx-indent": [
+      "error",
+      2,
+      { "checkAttributes": false, "indentLogicalExpressions": true }
+    ],
+    "react/jsx-pascal-case": ["error", { "allowAllCaps": true }],
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
     "react/no-unused-state": "warn",
     "react/no-access-state-in-setstate": "warn",
-    "object-curly-spacing": "off"
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "object-curly-spacing": "off",
+    "multiline-ternary": "off",
+    "no-use-before-define": "off"
   },
   "overrides": [
     {
-      "files": [ "*.test.js", "*.stories.js" ],
+      "files": ["*.test.js", "*.stories.js"],
       "rules": {
         "react/prop-types": "off"
       }
     }
   ],
   "extends": ["standard", "standard-react"],
   "env": {
-    "browser": true,
     "jest": true,
+    "browser": true,
     "jasmine": true
-  },
-  "globals": {
-    "mapboxgl": true
   }
 }

.gitignore

@@ -1,17 +1,15 @@
 node_modules/
 dist/
 demo-site/_site/
-/cells.js
-/filters.js
-/main.js
-/renderers.js
-/utils.js
-/icons.js
 coverage/
 .vscode/
 .DS_Store
+
 **~
 
+bundle-analysis.json
+stats.html
+
 *.log
 
 demo-site/.jekyll-cache

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "useTabs": false,
+  "tabWidth": 2
+}

.storybook/main.js

@@ -0,0 +1,30 @@
+// .storybook/main.js
+
+const path = require('path');
+
+// Export a function. Accept the base config as the only param.
+module.exports = {
+
+  stories: ["../src/**/*.stories.js"],
+
+  webpackFinal: async (config, { configType }) => {
+    config.module.rules.push({
+      test: /\.(scss|sass|css)$/,
+      use: [{
+          loader: 'style-loader' // creates style nodes from JS strings
+      }, {
+          loader: 'css-loader' // translates CSS into CommonJS
+      }, {
+          loader: 'resolve-url-loader' // resolve relative urls inside the css files
+      },{
+          loader: 'sass-loader?sourceMap' // compiles Sass to CSS
+      }],
+      include: [
+        path.resolve(__dirname, '../src'),
+        path.resolve(__dirname, '../node_modules/@fortawesome'),
+      ],
+    });
+    // Return the altered config
+    return config;
+  },
+}

.storybook/preview.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import "../dist/react-object-list.css"
+
+export const decorators = [(Story) => <Story/>];

jest.config.js

@@ -1,15 +1,6 @@
 module.exports = {
-  setupFiles: ['./.jest/jest.setup.js', './.jest/register-context.js'],
-  snapshotSerializers: ['enzyme-to-json/serializer'],
-  modulePaths: [
-    '.',
+  preset: 'ts-jest/presets/js-with-babel',
+  setupFilesAfterEnv: [
+    '<rootDir>/setupTests.js',
   ],
-  moduleNameMapper: {
-    '\\.(css|less|sass)$': '<rootDir>/__mocks__/styleMock.js',
-  },
-  collectCoverageFrom: [
-    'src/**/*.js',
-    '!src/**/*.stories.js',
-  ],
-  testURL: 'http://localhost/',
 }