Add support for Core components written in TypeScript

Upgrade to Storybook 6

apps/storybook/.storybook/main.js

@@ -1,37 +1,8 @@
-const path = require('path')
-
-const reactComponentRoot = path.resolve(__dirname, '../../../packages')
-
 module.exports = {
   addons: [
     '@storybook/addon-a11y/',
-    '@storybook/addon-actions/',
     '@storybook/addon-knobs/',
-    '@storybook/addon-viewport/',
+    '@storybook/addon-essentials',
   ],
-  presets: [
-    {
-      name: '@storybook/addon-docs/preset',
-      options: {
-        configureJSX: true,
-      },
-    },
-  ],
-  stories: ['../../../packages/**/src/**/*.stories.js'],
-  webpackFinal: async (config, { configType }) => {
-    const rushCIPath = process.env.RUSH_TEMP_FOLDER
-
-    const mdxJsxRule = config.module.rules.find(
-      (rule) => rule && rule.include && rule.include[0]
-    )
-
-    mdxJsxRule && mdxJsxRule.include.push(reactComponentRoot)
-    mdxJsxRule && mdxJsxRule.exclude.push(/\/node_modules\//)
-
-    if (mdxJsxRule && rushCIPath) {
-      mdxJsxRule.include.push(path.resolve(rushCIPath))
-    }
-
-    return config
-  },
+  stories: ['../../../packages/**/src/**/*.stories.@(js|tsx|mdx)'],
 }

apps/storybook/package.json

@@ -21,12 +21,13 @@
     "@compositor/kit": "^1.0.47",
     "@priceline/babel-preset": "workspace:*",
     "@priceline/eslint-config": "workspace:*",
-    "@storybook/addon-a11y": "^5.3.21",
-    "@storybook/addon-actions": "^5.3.21",
-    "@storybook/addon-docs": "^5.3.21",
-    "@storybook/addon-knobs": "^5.3.21",
-    "@storybook/addon-viewport": "^5.3.21",
-    "@storybook/react": "^5.3.21",
+    "@storybook/addon-a11y": "^6.1.8",
+    "@storybook/addon-actions": "^6.1.8",
+    "@storybook/addon-docs": "^6.1.8",
+    "@storybook/addon-knobs": "^6.1.8",
+    "@storybook/addon-viewport": "^6.1.8",
+    "@storybook/addon-essentials": "^6.1.8",
+    "@storybook/react": "^6.1.8",
     "babel-loader": "^8.1.0",
     "babel-plugin-react-docgen": "4.1.0",
     "chromatic": "^5.2.0",
@@ -36,7 +37,8 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-draggable-playground": "^1.0.0",
+    "@rushstack/eslint-config": "^2.3.1",
     "styled-components": "^4.4.1",
-    "@rushstack/eslint-config": "^2.3.1"
+    "webpack": "^4.44.2"
   }
 }

common/changes/pcln-design-system/typescript-support_2020-11-29-05-56.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-design-system",
+      "comment": "",
+      "type": "none"
+    }
+  ],
+  "packageName": "pcln-design-system",
+  "email": "[email protected]"
+}

common/changes/pcln-icons/typescript-support_2020-11-29-05-56.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "pcln-icons",
+      "comment": "",
+      "type": "none"
+    }
+  ],
+  "packageName": "pcln-icons",
+  "email": "[email protected]"
+}