Initial storybook integration (#665)

* TS4 migration

* Updated jest, ts-jest, tslib, typedoc

* Updated typedoc config

* Updated @types/jest

* Removed old packages

* Initial storybook integration

* adding storybook options for each vis type, iris dataset

* adding i18n for error message header

* build files, small linting error

* pushing build files

* Removed jsdom annotation in tests

* Cleanup stories

Co-authored-by: Moritz Schöfl <[email protected]>
Co-authored-by: dvdanielrehberger <[email protected]>
Co-authored-by: dvzacharycutler <[email protected]>

.eslintrc.js

@@ -9,7 +9,8 @@ module.exports = {
     "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:jest/recommended",
-    "plugin:prettier/recommended"
+    "plugin:prettier/recommended",
+    "plugin:storybook/recommended",
   ],
   plugins: ["react", "@typescript-eslint", "jest"],
   ignorePatterns: ["*.js"],

.gitignore

@@ -3,6 +3,7 @@
 /.eslintcache
 /.idea
 /build/
+/storybook-static/
 /dist/tsBuildInfoFile
 /lib/
 *.egg-info/

.storybook/main.js

@@ -0,0 +1,13 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/preset-scss"
+  ],
+  "framework": "@storybook/react"
+}

.storybook/preview.js

@@ -0,0 +1,15 @@
+import '../src/scss/storybook.scss';
+import { initializeLibrary } from '../src/initialize';
+
+// TODO: This is async, how to wait for it?
+initializeLibrary();
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};