improvements to setup

storybookjs · Jul 5, 2022 · a5c35e1 · a5c35e1
1 parent 379d8b8
commit a5c35e1
Show file tree

Hide file tree

Showing 179 changed files with 1,120 additions and 637 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -269,7 +269,7 @@ jobs:
           name: Run @storybook/bench on repro
           command: |
             cd ../cra-bench
-            npx @storybook/bench@1.0.0--canary.12.22336b6.0 'echo noop' --label cra
+            npx @storybook/bench@1.0.0--canary.11.52d1ee7.1 'echo noop' --label cra
   e2e-tests-pnp:
     executor:
       class: medium

diff --git a/addons/a11y/package.json b/addons/a11y/package.json
@@ -35,6 +35,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -56,7 +57,8 @@
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@testing-library/react": "^11.2.2"
+    "@testing-library/react": "^11.2.2",
+    "typescript": "~4.6.3"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

diff --git a/addons/a11y/src/index.ts b/addons/a11y/src/index.ts
@@ -1,6 +1,6 @@
 import type { AnyFramework, DecoratorFunction } from '@storybook/csf';
 import deprecate from 'util-deprecate';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 export { PARAM_KEY } from './constants';
 export * from './params';

diff --git a/addons/actions/package.json b/addons/actions/package.json
@@ -31,6 +31,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -54,7 +55,8 @@
     "uuid-browser": "^3.1.0"
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.167"
+    "@types/lodash": "^4.14.167",
+    "typescript": "~4.6.3"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

diff --git a/addons/actions/src/preview/decorateAction.ts b/addons/actions/src/preview/decorateAction.ts
@@ -1,5 +1,5 @@
 import deprecate from 'util-deprecate';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 import { DecoratorFunction } from '../models';
 

diff --git a/addons/actions/src/preview/withActions.ts b/addons/actions/src/preview/withActions.ts
@@ -2,7 +2,7 @@
 import global from 'global';
 import { useEffect, makeDecorator } from '@storybook/addons';
 import deprecate from 'util-deprecate';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 import { actions } from './actions';
 
@@ -15,8 +15,6 @@ const delegateEventSplitter = /^(\S+)\s*(.*)$/;
 const isIE = Element != null && !Element.prototype.matches;
 const matchesMethod = isIE ? 'msMatchesSelector' : 'matches';
 
-const root = document && document.getElementById('root');
-
 const hasMatchInAncestry = (element: any, selector: any): boolean => {
   if (element[matchesMethod](selector)) {
     return true;
@@ -45,6 +43,7 @@ const createHandlers = (actionsFn: (...arg: any[]) => object, ...handles: any[])
 
 const applyEventHandlers = deprecate(
   (actionsFn: any, ...handles: any[]) => {
+    const root = document && document.getElementById('root');
     useEffect(() => {
       if (root != null) {
         const handlers = createHandlers(actionsFn, ...handles);

diff --git a/addons/backgrounds/package.json b/addons/backgrounds/package.json
@@ -35,6 +35,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -51,6 +52,9 @@
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"

diff --git a/addons/backgrounds/src/decorators/withGrid.ts b/addons/backgrounds/src/decorators/withGrid.ts
@@ -1,4 +1,4 @@
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 import deprecate from 'util-deprecate';
 import { useMemo, useEffect } from '@storybook/addons';
 import type { AnyFramework, PartialStoryFn as StoryFunction, StoryContext } from '@storybook/csf';

diff --git a/addons/backgrounds/src/helpers/index.ts b/addons/backgrounds/src/helpers/index.ts
@@ -1,5 +1,5 @@
 import global from 'global';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 import { logger } from '@storybook/client-logger';
 

diff --git a/addons/controls/package.json b/addons/controls/package.json
@@ -35,6 +35,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {

diff --git a/addons/docs/blocks.js b/addons/docs/blocks.js
@@ -1,5 +1,5 @@
 import deprecate from 'util-deprecate';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 const warnBlocksImport = deprecate(
   () => {},

diff --git a/addons/docs/package.json b/addons/docs/package.json
@@ -45,6 +45,7 @@
     "!__testfixtures__"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -81,7 +82,8 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/mdx2-csf": "^0.0.3",
-    "@types/util-deprecate": "^1.0.0"
+    "@types/util-deprecate": "^1.0.0",
+    "typescript": "~4.6.3"
   },
   "peerDependencies": {
     "@storybook/mdx2-csf": "^0.0.3",

diff --git a/addons/essentials/package.json b/addons/essentials/package.json
@@ -29,6 +29,7 @@
     "README.md"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -51,7 +52,8 @@
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@storybook/vue": "7.0.0-alpha.10",
-    "@types/jest": "^26.0.16"
+    "@types/jest": "^26.0.16",
+    "typescript": "~4.6.3"
   },
   "peerDependencies": {
     "@babel/core": "^7.9.6"

diff --git a/addons/highlight/package.json b/addons/highlight/package.json
@@ -33,6 +33,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -42,7 +43,8 @@
     "global": "^4.4.0"
   },
   "devDependencies": {
-    "@types/webpack-env": "^1.16.0"
+    "@types/webpack-env": "^1.16.0",
+    "typescript": "~4.6.3"
   },
   "publishConfig": {
     "access": "public"

diff --git a/addons/interactions/package.json b/addons/interactions/package.json
@@ -31,6 +31,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -53,7 +54,8 @@
   "devDependencies": {
     "@storybook/jest": "^0.0.5",
     "@storybook/testing-library": "0.0.14-next.0",
-    "formik": "^2.2.9"
+    "formik": "^2.2.9",
+    "typescript": "~4.6.3"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

diff --git a/addons/jest/package.json b/addons/jest/package.json
@@ -37,6 +37,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -51,6 +52,9 @@
     "react-sizeme": "^3.0.1",
     "upath": "^1.2.0"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"

diff --git a/addons/links/package.json b/addons/links/package.json
@@ -31,6 +31,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -44,6 +45,9 @@
     "prop-types": "^15.7.2",
     "ts-dedent": "^2.0.0"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"

diff --git a/addons/links/src/index.ts b/addons/links/src/index.ts
@@ -1,4 +1,4 @@
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 let hasWarned = false;
 

diff --git a/addons/measure/package.json b/addons/measure/package.json
@@ -34,6 +34,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -46,6 +47,9 @@
     "core-js": "^3.8.2",
     "global": "^4.4.0"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"

diff --git a/addons/outline/package.json b/addons/outline/package.json
@@ -37,6 +37,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -50,6 +51,9 @@
     "global": "^4.4.0",
     "ts-dedent": "^2.0.0"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"

diff --git a/addons/outline/src/outlineCSS.ts b/addons/outline/src/outlineCSS.ts
@@ -1,4 +1,4 @@
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 /*
   From pesticide v1.3.0 . @mrmrs . MIT

diff --git a/addons/storyshots/storyshots-core/src/Stories2SnapsConverter.ts b/addons/storyshots/storyshots-core/src/Stories2SnapsConverter.ts
@@ -1,5 +1,5 @@
 import path from 'path';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 const defaultOptions: Stories2SnapsConverterOptions = {
   snapshotsDirName: '__snapshots__',

diff --git a/addons/storyshots/storyshots-core/src/api/integrityTestTemplate.ts b/addons/storyshots/storyshots-core/src/api/integrityTestTemplate.ts
@@ -2,7 +2,7 @@
 import fs from 'fs';
 import glob from 'glob';
 import global from 'global';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 const { describe, it } = global;
 

diff --git a/addons/storysource/package.json b/addons/storysource/package.json
@@ -31,6 +31,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -48,7 +49,8 @@
   },
   "devDependencies": {
     "@types/react": "^16.14.23",
-    "@types/react-syntax-highlighter": "11.0.5"
+    "@types/react-syntax-highlighter": "11.0.5",
+    "typescript": "~4.6.3"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",

diff --git a/addons/toolbars/package.json b/addons/toolbars/package.json
@@ -35,6 +35,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -45,6 +46,9 @@
     "@storybook/theming": "7.0.0-alpha.10",
     "core-js": "^3.8.2"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"

diff --git a/addons/viewport/package.json b/addons/viewport/package.json
@@ -32,6 +32,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
@@ -46,6 +47,9 @@
     "memoizerific": "^1.11.3",
     "prop-types": "^15.7.2"
   },
+  "devDependencies": {
+    "typescript": "~4.6.3"
+  },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"

diff --git a/docs/snippets/common/component-story-mdx-dedent.mdx.mdx b/docs/snippets/common/component-story-mdx-dedent.mdx.mdx
@@ -3,7 +3,7 @@
 
 import { Source } from '@storybook/addon-docs';
 
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 ## With code snippet
 

diff --git a/docs/snippets/common/component-story-mdx-description.mdx.mdx b/docs/snippets/common/component-story-mdx-description.mdx.mdx
@@ -3,7 +3,7 @@
 
 import { Description } from '@storybook/addon-docs';
 
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 import { Button } from './Button';
 

diff --git a/frameworks/angular/package.json b/frameworks/angular/package.json
@@ -30,6 +30,7 @@
     "*.d.ts"
   ],
   "scripts": {
+    "check": "tsc --noEmit",
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {

diff --git a/frameworks/angular/src/builders/utils/build-standalone-errors-handler.ts b/frameworks/angular/src/builders/utils/build-standalone-errors-handler.ts
@@ -1,5 +1,5 @@
 import { logger, instance as npmLog } from '@storybook/node-logger';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 export const buildStandaloneErrorHandler = (error: any): any => {
   // Duplicate code for Standalone error handling

diff --git a/frameworks/angular/src/client/angular-beta/StorybookModule.ts b/frameworks/angular/src/client/angular-beta/StorybookModule.ts
@@ -1,6 +1,6 @@
 import { NgModule, Type } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
-import dedent from 'ts-dedent';
+import { dedent } from 'ts-dedent';
 
 import { Subject } from 'rxjs';
 import deprecate from 'util-deprecate';