mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 16:51:09 +08:00
Merge branch 'next' into update-cypress-and-node
This commit is contained in:
commit
6fa76e2880
@ -145,7 +145,7 @@ jobs:
|
||||
- run:
|
||||
name: examples
|
||||
command: |
|
||||
yarn build-storybooks
|
||||
yarn build-storybooks --all
|
||||
- persist_to_workspace:
|
||||
root: .
|
||||
paths:
|
||||
|
2
.teamcity/settings.kts
vendored
2
.teamcity/settings.kts
vendored
@ -177,7 +177,7 @@ object ExamplesTemplate : Template({
|
||||
rm -rf built-storybooks
|
||||
mkdir -p built-storybooks
|
||||
|
||||
yarn build-storybooks
|
||||
yarn build-storybooks --all
|
||||
""".trimIndent()
|
||||
dockerImage = "buildkite/puppeteer"
|
||||
dockerImagePlatform = ScriptBuildStep.ImagePlatform.Linux
|
||||
|
83
CHANGELOG.md
83
CHANGELOG.md
@ -1,3 +1,86 @@
|
||||
## 6.4.0-beta.19 (October 22, 2021)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Core: Fix some slashes for windows ([#16445](https://github.com/storybookjs/storybook/pull/16445))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Core: Add typing for StorybookConfig.refs ([#16443](https://github.com/storybookjs/storybook/pull/16443))
|
||||
|
||||
## 6.4.0-beta.18 (October 21, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
- StoryIndex: Detect added/moved directories and batch invalidations ([#16432](https://github.com/storybookjs/storybook/pull/16432))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Core: Fix module loading support ([#16404](https://github.com/storybookjs/storybook/pull/16404))
|
||||
- Addon-links: Modernize to be compatible with v7 store ([#16420](https://github.com/storybookjs/storybook/pull/16420))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- CLI: Improve build-storybooks script in the monorepo ([#16433](https://github.com/storybookjs/storybook/pull/16433))
|
||||
|
||||
## 6.4.0-beta.17 (October 21, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
- Core: Add `core.channelOptions` main.js config ([#16415](https://github.com/storybookjs/storybook/pull/16415))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Addon-docs: Lazy load docs to reduce bundle size ([#16412](https://github.com/storybookjs/storybook/pull/16412))
|
||||
- UI: Update mono font stack ([#16409](https://github.com/storybookjs/storybook/pull/16409))
|
||||
- UI: Update sidebar hover color to be a refreshing transparent blue ([#16408](https://github.com/storybookjs/storybook/pull/16408))
|
||||
|
||||
## 6.4.0-beta.16 (October 20, 2021)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Core: Consolidate framework presets ([#16417](https://github.com/storybookjs/storybook/pull/16417))
|
||||
- Addon-a11y: Fix to use `loadStory` over deprecated `fromId` ([#16398](https://github.com/storybookjs/storybook/pull/16398))
|
||||
- Core: Restore `queryparams` exports in `client-api` ([#16414](https://github.com/storybookjs/storybook/pull/16414))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Core: Minor cleanup of `PreviewWeb` ([#16418](https://github.com/storybookjs/storybook/pull/16418))
|
||||
|
||||
### Dependency Upgrades
|
||||
|
||||
- Update `react-element-to-jsx-string` package ([#16407](https://github.com/storybookjs/storybook/pull/16407))
|
||||
|
||||
## 6.4.0-beta.15 (October 19, 2021)
|
||||
|
||||
### Features
|
||||
|
||||
- Core: Add `framework` field support to main.js ([#16393](https://github.com/storybookjs/storybook/pull/16393))
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Addon-docs: Spread all the old docs context fields ([#16399](https://github.com/storybookjs/storybook/pull/16399))
|
||||
- Core: Reverse checking of promise so it's OK if we get it wrong ([#16396](https://github.com/storybookjs/storybook/pull/16396))
|
||||
|
||||
### Maintenance
|
||||
|
||||
- Addon-interactions: Update interaction hover icon ([#16388](https://github.com/storybookjs/storybook/pull/16388))
|
||||
- Core: Refactor story store to be simpler when getting the index ([#16397](https://github.com/storybookjs/storybook/pull/16397))
|
||||
|
||||
## 6.4.0-beta.14 (October 19, 2021)
|
||||
|
||||
### Bug Fixes
|
||||
|
||||
- Core: Fix bad deprecation link for argType.defaultValue ([#16391](https://github.com/storybookjs/storybook/pull/16391))
|
||||
- Storyshots/vue3: Fix story render with singleton vue3 app ([#15983](https://github.com/storybookjs/storybook/pull/15983))
|
||||
- Angular: Fix preset for storyStoreV7 ([#16380](https://github.com/storybookjs/storybook/pull/16380))
|
||||
- Core: Fix Args combination to allow `undefined` overrides ([#16385](https://github.com/storybookjs/storybook/pull/16385))
|
||||
- Core: Fix missing FEATURES global ([#16389](https://github.com/storybookjs/storybook/pull/16389))
|
||||
|
||||
### Dependency Upgrades
|
||||
|
||||
- Upgrade chromatic CLI ([#16320](https://github.com/storybookjs/storybook/pull/16320))
|
||||
|
||||
## 6.4.0-beta.13 (October 18, 2021)
|
||||
|
||||
### Features
|
||||
|
@ -133,7 +133,7 @@ This should enable auto-fix for all source files, and give linting warnings and
|
||||
|
||||
First make sure the repo is bootstrapped.
|
||||
|
||||
Then run `yarn build-storybooks`, this creates a static website from all examples.
|
||||
Then run `yarn build-storybooks --all`, this creates a static website from all examples.
|
||||
|
||||
Then run `yarn serve-storybooks`, this will run the static site on the port cypress expects.
|
||||
|
||||
|
33
MIGRATION.md
33
MIGRATION.md
@ -7,8 +7,10 @@
|
||||
- [String literal titles](#string-literal-titles)
|
||||
- [Story Store v7](#story-store-v7)
|
||||
- [Behavioral differences](#behavioral-differences)
|
||||
- [Main.js framework field](#mainjs-framework-field)
|
||||
- [Using the v7 store](#using-the-v7-store)
|
||||
- [V7-style story sort](#v7-style-story-sort)
|
||||
- [V7 Store API changes for addon authors](#v7-store-api-changes-for-addon-authors)
|
||||
- [Babel mode v7](#babel-mode-v7)
|
||||
- [Loader behavior with args changes](#loader-behavior-with-args-changes)
|
||||
- [Angular component parameter removed](#angular-component-parameter-removed)
|
||||
@ -221,7 +223,7 @@ Consider a project configuration `/path/to/project/.storybook/main.js` containin
|
||||
module.exports = { stories: ['../src/**/*.stories.*'] };
|
||||
```
|
||||
|
||||
And te file `/path/to/project/src/components/Button.stories.tsx` containing the default export:
|
||||
And the file `/path/to/project/src/components/Button.stories.tsx` containing the default export:
|
||||
|
||||
```js
|
||||
import { Button } from './Button';
|
||||
@ -234,7 +236,7 @@ We will provide more documentation soon on how to configure this.
|
||||
|
||||
#### String literal titles
|
||||
|
||||
Starting in 6.4 CSF component [titles are optional](#optional-titles). However, if you do specify titles, title handing is becoming more strict in V7 and are limited to string literals.
|
||||
Starting in 6.4 CSF component [titles are optional](#optional-titles). However, if you do specify titles, title handing is becoming more strict in V7 and is limited to string literals.
|
||||
|
||||
Earlier versions of Storybook supported story titles that are dynamic Javascript expressions
|
||||
|
||||
@ -269,7 +271,7 @@ The key benefit of the on demand store is that stories are code-split automatica
|
||||
The on-demand store relies on the "story index" data structure which is generated in the server (node) via static code analysis. As such, it has the following limitations:
|
||||
|
||||
- Does not work with `storiesOf()`
|
||||
- Does not work if you used dynamic story names or component titles.
|
||||
- Does not work if you use dynamic story names or component titles.
|
||||
|
||||
However, the `autoTitle` feature is supported.
|
||||
|
||||
@ -281,6 +283,21 @@ The key behavioral differences of the v7 store are:
|
||||
- A new event `STORY_PREPARED` is emitted when a story is rendered for the first time, which contains metadata about the story, such as `parameters`.
|
||||
- All "entire" store APIs such as `extract()` need to be proceeded by an async call to `loadAllCSFFiles()` which fetches all CSF files and processes them.
|
||||
|
||||
#### Main.js framework field
|
||||
|
||||
In earlier versions of Storybook, each framework package (e.g. `@storybook/react`) provided its own `start-storybook` and `build-storybook` binaries, which automatically filled in various settings.
|
||||
|
||||
In 7.0, we're moving towards a model where the user specifies their framework in `main.js`.
|
||||
|
||||
```js
|
||||
module.exports = {
|
||||
// ... your existing config
|
||||
framework: '@storybook/react', // OR whatever framework you're using
|
||||
};
|
||||
```
|
||||
|
||||
Each framework must export a `renderToDOM` function and `parameters.framework`. We'll be adding more documentation for framework authors in a future release.
|
||||
|
||||
#### Using the v7 store
|
||||
|
||||
To activate the v7 mode set the feature flag in your `.storybook/main.js` config:
|
||||
@ -288,6 +305,7 @@ To activate the v7 mode set the feature flag in your `.storybook/main.js` config
|
||||
```js
|
||||
module.exports = {
|
||||
// ... your existing config
|
||||
framework: '@storybook/react', // OR whatever framework you're using
|
||||
features: {
|
||||
storyStoreV7: true,
|
||||
},
|
||||
@ -332,6 +350,13 @@ function storySort(a, b) {
|
||||
},
|
||||
```
|
||||
|
||||
#### V7 Store API changes for addon authors
|
||||
|
||||
The Story Store in v7 mode is async, so synchronous story loading APIs no longer work. In particular:
|
||||
|
||||
- `store.fromId()` has been replaced by `store.loadStory()`, which is async (i.e. returns a `Promise` you will need to await).
|
||||
- `store.raw()/store.extract()` and friends that list all stories require a prior call to `store.cacheAllCSFFiles()` (which is async). This will load all stories, and isn't generally a good idea in an addon, as it will force the whole store to load.
|
||||
|
||||
### Babel mode v7
|
||||
|
||||
SB6.4 introduces an opt-in feature flag, `features.babelModeV7`, that reworks the way Babel is configured in Storybook to make it more consistent with the Babel is configured in your app. This breaking change will become the default in SB 7.0, but we encourage you to migrate today.
|
||||
@ -365,7 +390,7 @@ This will create a `.babelrc.json` file. This file includes a bunch of babel plu
|
||||
|
||||
### Loader behavior with args changes
|
||||
|
||||
In 6.4 the behavior of loaders when arg changes occurred was tweaked so loaders do not re-run. Instead the previous value of the loader in passed to the story, irrespective of the new args.
|
||||
In 6.4 the behavior of loaders when arg changes occurred was tweaked so loaders do not re-run. Instead the previous value of the loader is passed to the story, irrespective of the new args.
|
||||
|
||||
### Angular component parameter removed
|
||||
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-a11y",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Test component compliance with web accessibility standards",
|
||||
"keywords": [
|
||||
"a11y",
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/channels": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/channels": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"axe-core": "^4.2.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,7 +81,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Accessibility",
|
||||
|
@ -25,17 +25,17 @@ const getElement = () => {
|
||||
* Handle A11yContext events.
|
||||
* Because the event are sent without manual check, we split calls
|
||||
*/
|
||||
const handleRequest = (storyId: string) => {
|
||||
const { manual } = getParams(storyId);
|
||||
const handleRequest = async (storyId: string) => {
|
||||
const { manual } = await getParams(storyId);
|
||||
if (!manual) {
|
||||
run(storyId);
|
||||
await run(storyId);
|
||||
}
|
||||
};
|
||||
|
||||
const run = async (storyId: string) => {
|
||||
activeStoryId = storyId;
|
||||
try {
|
||||
const input = getParams(storyId);
|
||||
const input = await getParams(storyId);
|
||||
|
||||
if (!active) {
|
||||
active = true;
|
||||
@ -67,8 +67,9 @@ const run = async (storyId: string) => {
|
||||
};
|
||||
|
||||
/** Returns story parameters or default ones. */
|
||||
const getParams = (storyId: string): A11yParameters => {
|
||||
const { parameters } = globalWindow.__STORYBOOK_STORY_STORE__.fromId(storyId) || {};
|
||||
const getParams = async (storyId: string): Promise<A11yParameters> => {
|
||||
const { parameters } =
|
||||
(await globalWindow.__STORYBOOK_STORY_STORE__.loadStory({ storyId })) || {};
|
||||
return (
|
||||
parameters.a11y || {
|
||||
config: {},
|
||||
|
@ -60,7 +60,7 @@ To apply the configuration globally use the `configureActions` function in your
|
||||
import { configureActions } from '@storybook/addon-actions';
|
||||
|
||||
configureActions({
|
||||
depth: 100,
|
||||
maxDepth: 100,
|
||||
// Limit the number of items logged into the actions panel
|
||||
limit: 20,
|
||||
});
|
||||
@ -70,7 +70,7 @@ To apply the configuration per action use:
|
||||
|
||||
```js
|
||||
action('my-action', {
|
||||
depth: 5,
|
||||
maxDepth: 5,
|
||||
});
|
||||
```
|
||||
|
||||
@ -78,6 +78,6 @@ action('my-action', {
|
||||
|
||||
| Name | Type | Description | Default |
|
||||
| -------------------- | ------- | ----------------------------------------------------------------------------------- | ------- |
|
||||
| `depth` | Number | Configures the transferred depth of any logged objects. | `10` |
|
||||
| `maxDepth` | Number | Configures the transferred depth of any logged objects. | `10` |
|
||||
| `clearOnStoryChange` | Boolean | Flag whether to clear the action logger when switching away from the current story. | `true` |
|
||||
| `limit` | Number | Limits the number of items logged in the action logger | `50` |
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-actions",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Get UI feedback when an action is performed on an interactive element",
|
||||
"keywords": [
|
||||
"storybook",
|
||||
@ -41,12 +41,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"fast-deep-equal": "^3.1.3",
|
||||
"global": "^4.4.0",
|
||||
@ -55,6 +55,7 @@
|
||||
"prop-types": "^15.7.2",
|
||||
"react-inspector": "^5.1.0",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"telejson": "^5.3.2",
|
||||
"ts-dedent": "^2.0.0",
|
||||
"util-deprecate": "^1.0.2",
|
||||
"uuid-browser": "^3.1.0"
|
||||
@ -78,7 +79,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Actions",
|
||||
|
@ -1,6 +1,9 @@
|
||||
export interface ActionOptions {
|
||||
depth?: number;
|
||||
clearOnStoryChange?: boolean;
|
||||
limit?: number;
|
||||
allowFunction?: boolean;
|
||||
import type { Options as TelejsonOptions } from 'telejson';
|
||||
|
||||
interface Options {
|
||||
depth: number; // backards compatibility, remove in 7.0
|
||||
clearOnStoryChange: boolean;
|
||||
limit: number;
|
||||
}
|
||||
|
||||
export type ActionOptions = Partial<Options> & Partial<TelejsonOptions>;
|
||||
|
@ -22,7 +22,7 @@ export function action(name: string, options: ActionOptions = {}): HandlerFuncti
|
||||
data: { name, args: normalizedArgs },
|
||||
options: {
|
||||
...actionOptions,
|
||||
depth: minDepth + (actionOptions.depth || 3),
|
||||
maxDepth: minDepth + (actionOptions.depth || 3),
|
||||
allowFunction: actionOptions.allowFunction || false,
|
||||
},
|
||||
};
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-backgrounds",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Switch backgrounds to view components in different settings",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,13 +45,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -77,7 +77,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Backgrounds",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-controls",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Interact with component inputs dynamically in the Storybook UI",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,15 +45,15 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/node-logger": "6.4.0-beta.19",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"lodash": "^4.17.20",
|
||||
"ts-dedent": "^2.0.0"
|
||||
@ -73,7 +73,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/register.js",
|
||||
"storybook": {
|
||||
"displayName": "Controls",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-docs",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Document component usage and properties in Markdown",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -63,22 +63,21 @@
|
||||
"@mdx-js/loader": "^1.6.22",
|
||||
"@mdx-js/mdx": "^1.6.22",
|
||||
"@mdx-js/react": "^1.6.22",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.13",
|
||||
"@storybook/client-api": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/csf-tools": "6.4.0-beta.13",
|
||||
"@storybook/node-logger": "6.4.0-beta.13",
|
||||
"@storybook/postinstall": "6.4.0-beta.13",
|
||||
"@storybook/preview-web": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/csf-tools": "6.4.0-beta.19",
|
||||
"@storybook/node-logger": "6.4.0-beta.19",
|
||||
"@storybook/postinstall": "6.4.0-beta.19",
|
||||
"@storybook/preview-web": "6.4.0-beta.19",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"acorn": "^7.4.1",
|
||||
"acorn-jsx": "^5.3.1",
|
||||
"acorn-walk": "^7.2.0",
|
||||
@ -95,7 +94,7 @@
|
||||
"p-limit": "^3.1.0",
|
||||
"prettier": "^2.2.1",
|
||||
"prop-types": "^15.7.2",
|
||||
"react-element-to-jsx-string": "^14.3.2",
|
||||
"react-element-to-jsx-string": "^14.3.4",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"remark-external-links": "^8.0.0",
|
||||
"remark-slug": "^6.0.0",
|
||||
@ -107,11 +106,11 @@
|
||||
"@babel/core": "^7.12.10",
|
||||
"@emotion/core": "^10.1.1",
|
||||
"@emotion/styled": "^10.0.27",
|
||||
"@storybook/angular": "6.4.0-beta.13",
|
||||
"@storybook/html": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/vue": "6.4.0-beta.13",
|
||||
"@storybook/web-components": "6.4.0-beta.13",
|
||||
"@storybook/angular": "6.4.0-beta.19",
|
||||
"@storybook/html": "6.4.0-beta.19",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"@storybook/vue": "6.4.0-beta.19",
|
||||
"@storybook/web-components": "6.4.0-beta.19",
|
||||
"@types/cross-spawn": "^6.0.2",
|
||||
"@types/doctrine": "^0.0.3",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
@ -141,12 +140,12 @@
|
||||
"zone.js": "^0.11.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/angular": "6.4.0-beta.13",
|
||||
"@storybook/html": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/vue": "6.4.0-beta.13",
|
||||
"@storybook/vue3": "6.4.0-beta.13",
|
||||
"@storybook/web-components": "6.4.0-beta.13",
|
||||
"@storybook/angular": "6.4.0-beta.19",
|
||||
"@storybook/html": "6.4.0-beta.19",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"@storybook/vue": "6.4.0-beta.19",
|
||||
"@storybook/vue3": "6.4.0-beta.19",
|
||||
"@storybook/web-components": "6.4.0-beta.19",
|
||||
"lit": "^2.0.0-rc.1",
|
||||
"lit-html": "^1.4.1 || ^2.0.0-rc.3",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -203,7 +202,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Docs",
|
||||
|
@ -1,6 +1,5 @@
|
||||
import { combineParameters } from '@storybook/client-api';
|
||||
import { Parameters } from '@storybook/addons';
|
||||
import { Story } from '@storybook/store';
|
||||
import { Story, combineParameters } from '@storybook/store';
|
||||
|
||||
// ============================================================
|
||||
// START @storybook/source-loader/extract-source
|
||||
|
@ -1,11 +1,10 @@
|
||||
import { DocsContainer, DocsPage } from '../../blocks';
|
||||
import { enhanceArgTypes } from './enhanceArgTypes';
|
||||
|
||||
export const parameters = {
|
||||
docs: {
|
||||
inlineStories: false,
|
||||
container: DocsContainer,
|
||||
page: DocsPage,
|
||||
getContainer: async () => (await import('../../blocks')).DocsContainer,
|
||||
getPage: async () => (await import('../../blocks')).DocsPage,
|
||||
iframeHeight: 100,
|
||||
},
|
||||
};
|
||||
|
@ -3,7 +3,7 @@ import mapValues from 'lodash/mapValues';
|
||||
import { storiesOf, StoryContext } from '@storybook/react';
|
||||
import { ArgsTable } from '@storybook/components';
|
||||
import { Args } from '@storybook/api';
|
||||
import { inferControls } from '@storybook/client-api';
|
||||
import { inferControls } from '@storybook/store';
|
||||
|
||||
import { extractArgTypes } from './extractArgTypes';
|
||||
import { Component } from '../../blocks';
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-essentials",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Curated addons to bring out the best of Storybook",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -39,31 +39,31 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/addon-measure": "6.4.0-beta.13",
|
||||
"@storybook/addon-outline": "6.4.0-beta.13",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.13",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/node-logger": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/addon-measure": "6.4.0-beta.19",
|
||||
"@storybook/addon-outline": "6.4.0-beta.19",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.19",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/node-logger": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7",
|
||||
"ts-dedent": "^2.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/vue": "6.4.0-beta.13",
|
||||
"@storybook/vue": "6.4.0-beta.19",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/webpack-env": "^1.16.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@babel/core": "^7.9.6",
|
||||
"@storybook/vue": "6.4.0-beta.13",
|
||||
"@storybook/web-components": "6.4.0-beta.13",
|
||||
"@storybook/vue": "6.4.0-beta.19",
|
||||
"@storybook/web-components": "6.4.0-beta.19",
|
||||
"babel-loader": "^8.0.0",
|
||||
"lit-html": "^1.4.1 || ^2.0.0-rc.3",
|
||||
"react": "^16.8.0 || ^17.0.0",
|
||||
@ -93,6 +93,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js"
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-interactions",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Automate, test and debug user interactions",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -41,14 +41,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/instrumenter": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/instrumenter": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"global": "^4.4.0",
|
||||
"jest-mock": "^27.0.6",
|
||||
"polished": "^4.0.5",
|
||||
@ -74,7 +74,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Interactions",
|
||||
|
@ -5,13 +5,10 @@ import { useChannel, useParameter, useStorybookState } from '@storybook/api';
|
||||
import { STORY_RENDER_PHASE_CHANGED } from '@storybook/core-events';
|
||||
import { AddonPanel, Link, Placeholder } from '@storybook/components';
|
||||
import { EVENTS, Call, CallStates, LogItem } from '@storybook/instrumenter';
|
||||
import { styled, typography } from '@storybook/theming';
|
||||
|
||||
import { transparentize } from 'polished';
|
||||
import { MatcherResult } from './components/MatcherResult';
|
||||
import { MethodCall } from './components/MethodCall';
|
||||
import { styled } from '@storybook/theming';
|
||||
import { StatusIcon } from './components/StatusIcon/StatusIcon';
|
||||
import { Subnav } from './components/Subnav/Subnav';
|
||||
import { Interaction } from './components/Interaction/Interaction';
|
||||
|
||||
interface PanelProps {
|
||||
active: boolean;
|
||||
@ -24,89 +21,6 @@ const TabIcon = styled(StatusIcon)({
|
||||
marginLeft: 5,
|
||||
});
|
||||
|
||||
const MethodCallWrapper = styled.div(({ theme }) => ({
|
||||
fontFamily: typography.fonts.mono,
|
||||
fontSize: typography.size.s1,
|
||||
}));
|
||||
|
||||
const RowContainer = styled('div', { shouldForwardProp: (prop) => !['call'].includes(prop) })<{
|
||||
call: Call;
|
||||
}>(({ theme, call }) => ({
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
borderBottom: `1px solid ${theme.appBorderColor}`,
|
||||
fontFamily: typography.fonts.base,
|
||||
fontSize: 13,
|
||||
...(call.state === CallStates.ERROR && {
|
||||
backgroundColor:
|
||||
theme.base === 'dark' ? transparentize(0.93, theme.color.negative) : theme.background.warning,
|
||||
}),
|
||||
}));
|
||||
|
||||
const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].includes(prop) })<
|
||||
React.ButtonHTMLAttributes<HTMLButtonElement> & { call: Call }
|
||||
>(({ theme, disabled, call }) => ({
|
||||
display: 'grid',
|
||||
background: 'none',
|
||||
border: 0,
|
||||
gridTemplateColumns: '15px 1fr',
|
||||
alignItems: 'center',
|
||||
minHeight: 40,
|
||||
margin: 0,
|
||||
padding: '8px 15px',
|
||||
textAlign: 'start',
|
||||
cursor: disabled || call.state === CallStates.ERROR ? 'default' : 'pointer',
|
||||
'&:hover': {
|
||||
background: theme.base === 'dark' ? transparentize(0.9, theme.color.secondary) : '#F3FAFF',
|
||||
},
|
||||
'&:focus-visible': {
|
||||
outline: 0,
|
||||
boxShadow: `inset 3px 0 0 0 ${
|
||||
call.state === CallStates.ERROR ? theme.color.warning : theme.color.secondary
|
||||
}`,
|
||||
background: call.state === CallStates.ERROR ? 'transparent' : '#F3FAFF',
|
||||
},
|
||||
'& > div': {
|
||||
opacity: call.state === CallStates.WAITING ? 0.5 : 1,
|
||||
},
|
||||
}));
|
||||
|
||||
const RowMessage = styled('pre')({
|
||||
margin: 0,
|
||||
padding: '8px 10px 8px 30px',
|
||||
fontSize: typography.size.s1,
|
||||
});
|
||||
|
||||
const Interaction = ({
|
||||
call,
|
||||
callsById,
|
||||
onClick,
|
||||
isDisabled,
|
||||
}: {
|
||||
call: Call;
|
||||
callsById: Map<Call['id'], Call>;
|
||||
onClick: React.MouseEventHandler<HTMLElement>;
|
||||
isDisabled: boolean;
|
||||
}) => {
|
||||
return (
|
||||
<RowContainer call={call}>
|
||||
<RowLabel call={call} onClick={onClick} disabled={isDisabled}>
|
||||
<StatusIcon status={call.state} />
|
||||
<MethodCallWrapper style={{ marginLeft: 6, marginBottom: 1 }}>
|
||||
<MethodCall call={call} callsById={callsById} />
|
||||
</MethodCallWrapper>
|
||||
</RowLabel>
|
||||
{call.state === CallStates.ERROR &&
|
||||
call.exception &&
|
||||
(call.exception.message.startsWith('expect(') ? (
|
||||
<MatcherResult {...call.exception} />
|
||||
) : (
|
||||
<RowMessage>{call.exception.message}</RowMessage>
|
||||
))}
|
||||
</RowContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export const Panel: React.FC<PanelProps> = (props) => {
|
||||
const [isLocked, setLock] = React.useState(false);
|
||||
const [isPlaying, setPlaying] = React.useState(true);
|
||||
@ -139,7 +53,8 @@ export const Panel: React.FC<PanelProps> = (props) => {
|
||||
});
|
||||
|
||||
const { storyId } = useStorybookState();
|
||||
const [fileName] = useParameter('fileName', '').split('/').slice(-1);
|
||||
const storyFilePath = useParameter('fileName', '');
|
||||
const [fileName] = storyFilePath.toString().split('/').slice(-1);
|
||||
const scrollToTarget = () => scrollTarget?.scrollIntoView({ behavior: 'smooth', block: 'end' });
|
||||
|
||||
const isDebugging = log.some((item) => pendingStates.includes(item.state));
|
||||
|
@ -0,0 +1,87 @@
|
||||
import { ComponentStoryObj, ComponentMeta } from '@storybook/react';
|
||||
import { expect } from '@storybook/jest';
|
||||
import { Call, CallStates } from '@storybook/instrumenter';
|
||||
import { userEvent, within } from '@storybook/testing-library';
|
||||
|
||||
import { Interaction } from './Interaction';
|
||||
|
||||
type Story = ComponentStoryObj<typeof Interaction>;
|
||||
|
||||
export default {
|
||||
title: 'Addons/Interactions/Interaction',
|
||||
component: Interaction,
|
||||
args: {
|
||||
callsById: new Map(),
|
||||
isDisabled: false,
|
||||
},
|
||||
} as ComponentMeta<typeof Interaction>;
|
||||
|
||||
const getCallMock = (state: CallStates): Call => {
|
||||
const defaultData = {
|
||||
id: 'addons-interactions-accountform--standard-email-filled [3] change',
|
||||
path: ['fireEvent'],
|
||||
method: 'change',
|
||||
storyId: 'addons-interactions-accountform--standard-email-filled',
|
||||
args: [
|
||||
{
|
||||
__callId__: 'addons-interactions-accountform--standard-email-filled [2] getByTestId',
|
||||
retain: false,
|
||||
},
|
||||
{
|
||||
target: {
|
||||
value: 'michael@chromatic.com',
|
||||
},
|
||||
},
|
||||
],
|
||||
interceptable: true,
|
||||
retain: false,
|
||||
state,
|
||||
};
|
||||
|
||||
const overrides = CallStates.ERROR
|
||||
? { exception: { callId: '', stack: '', message: "Things didn't work!" } }
|
||||
: {};
|
||||
|
||||
return { ...defaultData, ...overrides };
|
||||
};
|
||||
|
||||
export const Active: Story = {
|
||||
args: {
|
||||
call: getCallMock(CallStates.ACTIVE),
|
||||
},
|
||||
};
|
||||
|
||||
export const Waiting: Story = {
|
||||
args: {
|
||||
call: getCallMock(CallStates.WAITING),
|
||||
},
|
||||
};
|
||||
|
||||
export const Failed: Story = {
|
||||
args: {
|
||||
call: getCallMock(CallStates.ERROR),
|
||||
},
|
||||
};
|
||||
|
||||
export const Done: Story = {
|
||||
args: {
|
||||
call: getCallMock(CallStates.DONE),
|
||||
},
|
||||
};
|
||||
|
||||
export const Disabled: Story = {
|
||||
args: { ...Done.args, isDisabled: true },
|
||||
};
|
||||
|
||||
export const Hovered: Story = {
|
||||
...Done,
|
||||
parameters: {
|
||||
// Set light theme to avoid stacked theme in chromatic
|
||||
theme: 'light',
|
||||
},
|
||||
play: async ({ canvasElement }) => {
|
||||
const canvas = within(canvasElement);
|
||||
await userEvent.hover(canvas.getByRole('button'));
|
||||
await expect(canvas.getByTestId('icon-active')).not.toBeNull();
|
||||
},
|
||||
};
|
@ -0,0 +1,98 @@
|
||||
import * as React from 'react';
|
||||
import { Call, CallStates } from '@storybook/instrumenter';
|
||||
import { styled, typography } from '@storybook/theming';
|
||||
import { transparentize } from 'polished';
|
||||
|
||||
import { MatcherResult } from '../MatcherResult';
|
||||
import { MethodCall } from '../MethodCall';
|
||||
import { StatusIcon } from '../StatusIcon/StatusIcon';
|
||||
|
||||
const MethodCallWrapper = styled.div(() => ({
|
||||
fontFamily: typography.fonts.mono,
|
||||
fontSize: typography.size.s1,
|
||||
}));
|
||||
|
||||
const RowContainer = styled('div', { shouldForwardProp: (prop) => !['call'].includes(prop) })<{
|
||||
call: Call;
|
||||
}>(({ theme, call }) => ({
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
borderBottom: `1px solid ${theme.appBorderColor}`,
|
||||
fontFamily: typography.fonts.base,
|
||||
fontSize: 13,
|
||||
...(call.state === CallStates.ERROR && {
|
||||
backgroundColor:
|
||||
theme.base === 'dark' ? transparentize(0.93, theme.color.negative) : theme.background.warning,
|
||||
}),
|
||||
}));
|
||||
|
||||
const RowLabel = styled('button', { shouldForwardProp: (prop) => !['call'].includes(prop) })<
|
||||
React.ButtonHTMLAttributes<HTMLButtonElement> & { call: Call }
|
||||
>(({ theme, disabled, call }) => ({
|
||||
display: 'grid',
|
||||
background: 'none',
|
||||
border: 0,
|
||||
gridTemplateColumns: '15px 1fr',
|
||||
alignItems: 'center',
|
||||
minHeight: 40,
|
||||
margin: 0,
|
||||
padding: '8px 15px',
|
||||
textAlign: 'start',
|
||||
cursor: disabled || call.state === CallStates.ERROR ? 'default' : 'pointer',
|
||||
'&:hover': {
|
||||
background: theme.background.hoverable,
|
||||
},
|
||||
'&:focus-visible': {
|
||||
outline: 0,
|
||||
boxShadow: `inset 3px 0 0 0 ${
|
||||
call.state === CallStates.ERROR ? theme.color.warning : theme.color.secondary
|
||||
}`,
|
||||
background: call.state === CallStates.ERROR ? 'transparent' : theme.background.hoverable,
|
||||
},
|
||||
'& > div': {
|
||||
opacity: call.state === CallStates.WAITING ? 0.5 : 1,
|
||||
},
|
||||
}));
|
||||
|
||||
const RowMessage = styled('pre')({
|
||||
margin: 0,
|
||||
padding: '8px 10px 8px 30px',
|
||||
fontSize: typography.size.s1,
|
||||
});
|
||||
|
||||
export const Interaction = ({
|
||||
call,
|
||||
callsById,
|
||||
onClick,
|
||||
isDisabled,
|
||||
}: {
|
||||
call: Call;
|
||||
callsById: Map<Call['id'], Call>;
|
||||
onClick: React.MouseEventHandler<HTMLElement>;
|
||||
isDisabled: boolean;
|
||||
}) => {
|
||||
const [isHovered, setIsHovered] = React.useState(false);
|
||||
return (
|
||||
<RowContainer call={call}>
|
||||
<RowLabel
|
||||
call={call}
|
||||
onClick={onClick}
|
||||
onMouseEnter={() => setIsHovered(true)}
|
||||
onMouseLeave={() => setIsHovered(false)}
|
||||
disabled={isDisabled}
|
||||
>
|
||||
<StatusIcon status={isHovered ? CallStates.ACTIVE : call.state} />
|
||||
<MethodCallWrapper style={{ marginLeft: 6, marginBottom: 1 }}>
|
||||
<MethodCall call={call} callsById={callsById} />
|
||||
</MethodCallWrapper>
|
||||
</RowLabel>
|
||||
{call.state === CallStates.ERROR &&
|
||||
call.exception &&
|
||||
(call.exception.message.startsWith('expect(') ? (
|
||||
<MatcherResult {...call.exception} />
|
||||
) : (
|
||||
<RowMessage>{call.exception.message}</RowMessage>
|
||||
))}
|
||||
</RowContainer>
|
||||
);
|
||||
};
|
@ -38,5 +38,5 @@ export const StatusIcon: React.FC<StatusIconProps> = ({ status }) => {
|
||||
[CallStates.ACTIVE]: 'play',
|
||||
[CallStates.WAITING]: 'circle',
|
||||
}[status] as IconsProps['icon'];
|
||||
return <StyledStatusIcon status={status} icon={icon} />;
|
||||
return <StyledStatusIcon data-testid={`icon-${status}`} status={status} icon={icon} />;
|
||||
};
|
||||
|
@ -2,7 +2,6 @@ import React from 'react';
|
||||
import { Button, Icons, Separator, P, TooltipNote, WithTooltip, Bar } from '@storybook/components';
|
||||
import { Call, CallStates } from '@storybook/instrumenter';
|
||||
import { styled } from '@storybook/theming';
|
||||
import { transparentize } from 'polished';
|
||||
|
||||
import { StatusBadge } from '../StatusBadge/StatusBadge';
|
||||
|
||||
@ -52,7 +51,7 @@ export const StyledIconButton = styled(StyledButton)(({ theme }) => ({
|
||||
margin: '0 3px',
|
||||
'&:not(:disabled)': {
|
||||
'&:hover,&:focus-visible': {
|
||||
background: transparentize(0.9, theme.color.secondary),
|
||||
background: theme.background.hoverable,
|
||||
},
|
||||
},
|
||||
}));
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-jest",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "React storybook addon that show component jest report",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -47,11 +47,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react-sizeme": "^3.0.1",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Jest",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-links",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Link stories together to build demos and prototypes with your UI components",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,11 +41,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/router": "6.4.0-beta.13",
|
||||
"@storybook/router": "6.4.0-beta.19",
|
||||
"@types/qs": "^6.9.5",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -72,7 +72,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Links",
|
||||
|
@ -1,39 +1,14 @@
|
||||
import { addons } from '@storybook/addons';
|
||||
import { SELECT_STORY } from '@storybook/core-events';
|
||||
|
||||
import globalPkg from 'global';
|
||||
import { linkTo, hrefTo } from './preview';
|
||||
|
||||
const { __STORYBOOK_STORY_STORE__ } = globalPkg;
|
||||
|
||||
jest.mock('@storybook/addons');
|
||||
jest.mock('global', () => ({
|
||||
// @ts-ignore
|
||||
document: global.document,
|
||||
__STORYBOOK_STORY_STORE__: {
|
||||
getSelection: jest.fn(() => ({
|
||||
storyId: 'name',
|
||||
kind: 'kind',
|
||||
})),
|
||||
fromId: jest.fn(() => ({
|
||||
story: 'name',
|
||||
kind: 'kind',
|
||||
})),
|
||||
},
|
||||
// @ts-ignore
|
||||
window: global,
|
||||
__STORYBOOK_CLIENT_API__: {
|
||||
raw: jest.fn(() => [
|
||||
{
|
||||
story: 'name',
|
||||
kind: 'kind',
|
||||
},
|
||||
{
|
||||
story: 'namekind',
|
||||
kind: 'kindname',
|
||||
},
|
||||
]),
|
||||
},
|
||||
}));
|
||||
|
||||
const mockAddons = (addons as unknown) as jest.Mocked<typeof addons>;
|
||||
@ -45,82 +20,57 @@ describe('preview', () => {
|
||||
});
|
||||
beforeEach(channel.emit.mockReset);
|
||||
describe('linkTo()', () => {
|
||||
it('should select the kind and story provided', () => {
|
||||
const handler = linkTo('kind', 'name');
|
||||
it('should select the title and name provided', () => {
|
||||
const handler = linkTo('title', 'name');
|
||||
handler();
|
||||
|
||||
expect(channel.emit).toHaveBeenCalledWith(SELECT_STORY, {
|
||||
kind: 'kind',
|
||||
kind: 'title',
|
||||
story: 'name',
|
||||
});
|
||||
});
|
||||
|
||||
it('should select the kind (only) provided', () => {
|
||||
__STORYBOOK_STORY_STORE__.fromId.mockImplementation((): any => null);
|
||||
|
||||
const handler = linkTo('kind');
|
||||
it('should select the title (only) provided', () => {
|
||||
const handler = linkTo('title');
|
||||
handler();
|
||||
|
||||
expect(channel.emit).toHaveBeenCalledWith(SELECT_STORY, {
|
||||
kind: 'kind',
|
||||
story: 'name',
|
||||
kind: 'title',
|
||||
});
|
||||
});
|
||||
|
||||
it('should select the story (only) provided', () => {
|
||||
// simulate a currently selected, but not found as ID
|
||||
__STORYBOOK_STORY_STORE__.fromId.mockImplementation((input: any) =>
|
||||
!input
|
||||
? {
|
||||
kind: 'kind',
|
||||
story: 'name',
|
||||
}
|
||||
: null
|
||||
);
|
||||
|
||||
const handler = linkTo(undefined, 'kind');
|
||||
const handler = linkTo(undefined, 'name');
|
||||
handler();
|
||||
|
||||
expect(channel.emit).toHaveBeenCalledWith(SELECT_STORY, {
|
||||
kind: 'kind',
|
||||
story: 'name',
|
||||
});
|
||||
});
|
||||
|
||||
it('should select the id provided', () => {
|
||||
__STORYBOOK_STORY_STORE__.fromId.mockImplementation((input: any) =>
|
||||
input === 'kind--story'
|
||||
? {
|
||||
story: 'name',
|
||||
kind: 'kind',
|
||||
}
|
||||
: null
|
||||
);
|
||||
|
||||
const handler = linkTo('kind--story');
|
||||
const handler = linkTo('title--name');
|
||||
handler();
|
||||
|
||||
expect(channel.emit).toHaveBeenCalledWith(SELECT_STORY, {
|
||||
kind: 'kind',
|
||||
story: 'name',
|
||||
storyId: 'title--name',
|
||||
});
|
||||
});
|
||||
|
||||
it('should handle functions returning strings', () => {
|
||||
__STORYBOOK_STORY_STORE__.fromId.mockImplementation((input: any): any => null);
|
||||
|
||||
const handler = linkTo(
|
||||
// @ts-expect-error
|
||||
(a, b) => a + b,
|
||||
(a, b) => b + a
|
||||
);
|
||||
handler('kind', 'name');
|
||||
handler('title', 'name');
|
||||
|
||||
expect(channel.emit.mock.calls).toContainEqual([
|
||||
SELECT_STORY,
|
||||
{
|
||||
kind: 'kindname',
|
||||
story: 'namekind',
|
||||
kind: 'titlename',
|
||||
story: 'nametitle',
|
||||
},
|
||||
]);
|
||||
});
|
||||
@ -128,8 +78,8 @@ describe('preview', () => {
|
||||
|
||||
describe('hrefTo()', () => {
|
||||
it('should return promise resolved with story href', async () => {
|
||||
const href = await hrefTo('kind', 'name');
|
||||
expect(href).toContain('?id=kind--name');
|
||||
const href = await hrefTo('title', 'name');
|
||||
expect(href).toContain('?id=title--name');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
@ -2,88 +2,55 @@ import global from 'global';
|
||||
import qs from 'qs';
|
||||
import { addons, makeDecorator } from '@storybook/addons';
|
||||
import { STORY_CHANGED, SELECT_STORY } from '@storybook/core-events';
|
||||
import { toId } from '@storybook/csf';
|
||||
import { logger } from '@storybook/client-logger';
|
||||
import { toId, StoryId, StoryName, ComponentTitle } from '@storybook/csf';
|
||||
import { PARAM_KEY } from './constants';
|
||||
|
||||
const {
|
||||
document,
|
||||
HTMLElement,
|
||||
__STORYBOOK_STORY_STORE__: storyStore,
|
||||
__STORYBOOK_CLIENT_API__: clientApi,
|
||||
} = global;
|
||||
const { document, HTMLElement } = global;
|
||||
|
||||
interface ParamsId {
|
||||
storyId: string;
|
||||
storyId: StoryId;
|
||||
}
|
||||
interface ParamsCombo {
|
||||
kind: string;
|
||||
story: string;
|
||||
kind?: ComponentTitle;
|
||||
story?: StoryName;
|
||||
}
|
||||
|
||||
export const navigate = (params: ParamsId | ParamsCombo) =>
|
||||
addons.getChannel().emit(SELECT_STORY, params);
|
||||
|
||||
const generateUrl = (id: string) => {
|
||||
const { location } = document;
|
||||
const query = qs.parse(location.search, { ignoreQueryPrefix: true });
|
||||
return `${location.origin + location.pathname}?${qs.stringify(
|
||||
{ ...query, id },
|
||||
{ encode: false }
|
||||
)}`;
|
||||
export const hrefTo = (title: ComponentTitle, name: StoryName): Promise<string> => {
|
||||
return new Promise((resolve) => {
|
||||
const { location } = document;
|
||||
const query = qs.parse(location.search, { ignoreQueryPrefix: true });
|
||||
const existingId = [].concat(query.id)[0];
|
||||
const titleToLink = title || existingId.split('--', 2)[0];
|
||||
const id = toId(titleToLink, name);
|
||||
const url = `${location.origin + location.pathname}?${qs.stringify(
|
||||
{ ...query, id },
|
||||
{ encode: false }
|
||||
)}`;
|
||||
|
||||
resolve(url);
|
||||
});
|
||||
};
|
||||
|
||||
const valueOrCall = (args: string[]) => (value: string | ((...args: string[]) => string)) =>
|
||||
typeof value === 'function' ? value(...args) : value;
|
||||
|
||||
export const linkTo = (
|
||||
idOrKindInput: string,
|
||||
storyInput?: string | ((...args: any[]) => string)
|
||||
) => (...args: any[]) => {
|
||||
export const linkTo = (idOrTitle: string, nameInput?: string | ((...args: any[]) => string)) => (
|
||||
...args: any[]
|
||||
) => {
|
||||
const resolver = valueOrCall(args);
|
||||
const { storyId } = storyStore.getSelection();
|
||||
const current = storyStore.fromId(storyId) || {};
|
||||
const kindVal = resolver(idOrKindInput);
|
||||
const storyVal = resolver(storyInput);
|
||||
const title = resolver(idOrTitle);
|
||||
const name = resolver(nameInput);
|
||||
|
||||
const fromid = storyStore.fromId(kindVal);
|
||||
|
||||
const item =
|
||||
fromid ||
|
||||
clientApi.raw().find((i: any) => {
|
||||
if (kindVal && storyVal) {
|
||||
return i.kind === kindVal && i.story === storyVal;
|
||||
}
|
||||
if (!kindVal && storyVal) {
|
||||
return i.kind === current.kind && i.story === storyVal;
|
||||
}
|
||||
if (kindVal && !storyVal) {
|
||||
return i.kind === kindVal;
|
||||
}
|
||||
if (!kindVal && !storyVal) {
|
||||
return i.kind === current.kind;
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
if (item) {
|
||||
navigate({
|
||||
kind: item.kind,
|
||||
story: item.story,
|
||||
});
|
||||
if (title?.match(/--/) && !name) {
|
||||
navigate({ storyId: title });
|
||||
} else {
|
||||
logger.error('could not navigate to provided story');
|
||||
navigate({ kind: title, story: name });
|
||||
}
|
||||
};
|
||||
|
||||
export const hrefTo = (kind: string, name: string): Promise<string> => {
|
||||
return new Promise((resolve) => {
|
||||
const { storyId } = storyStore.getSelection();
|
||||
const current = storyStore.fromId(storyId);
|
||||
resolve(generateUrl(toId(kind || current.kind, name)));
|
||||
});
|
||||
};
|
||||
|
||||
const linksListener = (e: Event) => {
|
||||
const { target } = e;
|
||||
if (!(target instanceof HTMLElement)) {
|
||||
@ -115,7 +82,7 @@ const off = () => {
|
||||
export const withLinks = makeDecorator({
|
||||
name: 'withLinks',
|
||||
parameterName: PARAM_KEY,
|
||||
wrapper: (getStory, context, { parameters }) => {
|
||||
wrapper: (getStory, context) => {
|
||||
on();
|
||||
addons.getChannel().once(STORY_CHANGED, off);
|
||||
return getStory(context);
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-measure",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Inspect layouts by visualizing the box model",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -44,11 +44,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0"
|
||||
@ -71,7 +71,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Measure",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-outline",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Outline all elements with CSS to help with layout placement and alignment",
|
||||
"keywords": [
|
||||
"storybook-addons",
|
||||
@ -47,11 +47,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -76,7 +76,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Outline",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Take a code snapshot of every story automatically with Jest",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,11 +45,11 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.6.2",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/client-api": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-client": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/client-api": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-client": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest": "^26.0.16",
|
||||
@ -69,11 +69,11 @@
|
||||
"devDependencies": {
|
||||
"@angular/core": "^11.2.0",
|
||||
"@angular/platform-browser-dynamic": "^11.2.0",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/angular": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/vue": "6.4.0-beta.13",
|
||||
"@storybook/vue3": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/angular": "6.4.0-beta.19",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"@storybook/vue": "6.4.0-beta.19",
|
||||
"@storybook/vue3": "6.4.0-beta.19",
|
||||
"babel-loader": "^8.0.0",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-to-json": "^3.6.1",
|
||||
@ -151,7 +151,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"storybook": {
|
||||
"displayName": "Storyshots",
|
||||
"icon": "https://user-images.githubusercontent.com/263385/101991676-48cdf300-3c7c-11eb-8aa1-944dab6ab29b.png",
|
||||
|
@ -1,12 +1,14 @@
|
||||
import * as Vue from 'vue';
|
||||
import global from 'global';
|
||||
import dedent from 'ts-dedent';
|
||||
import { app, activeStoryComponent } from '@storybook/vue3';
|
||||
|
||||
const { document } = global;
|
||||
|
||||
// This is cast as `any` to workaround type errors caused by Vue 2 types
|
||||
const { render, h } = Vue as any;
|
||||
const { h } = Vue as any;
|
||||
|
||||
let vm: any;
|
||||
function getRenderedTree(story: any) {
|
||||
const component = story.render();
|
||||
|
||||
@ -14,20 +16,12 @@ function getRenderedTree(story: any) {
|
||||
|
||||
// Vue 3's Jest renderer throws if all of the required props aren't specified
|
||||
// So we try/catch and warn the user if they forgot to specify one in their args
|
||||
try {
|
||||
render(vnode, document.createElement('div'));
|
||||
} catch (err) {
|
||||
// Jest throws an error when you call `console.error`
|
||||
// eslint-disable-next-line no-console
|
||||
console.error(
|
||||
dedent`
|
||||
Storyshots encountered an error while rendering Vue 3 story: ${story.id}
|
||||
Did you remember to define every prop you are using in the story?
|
||||
`
|
||||
);
|
||||
activeStoryComponent.value = vnode;
|
||||
if (!vm) {
|
||||
vm = app.mount(document.createElement('div'));
|
||||
}
|
||||
|
||||
return vnode.el;
|
||||
vm.$forceUpdate();
|
||||
return vm.$el;
|
||||
}
|
||||
|
||||
export default getRenderedTree;
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storyshots-puppeteer",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Image snapshots addition to StoryShots based on puppeteer",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -42,7 +42,7 @@
|
||||
"dependencies": {
|
||||
"@axe-core/puppeteer": "^4.2.0",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.13",
|
||||
"@storybook/node-logger": "6.4.0-beta.19",
|
||||
"@types/jest-image-snapshot": "^4.1.3",
|
||||
"core-js": "^3.8.2",
|
||||
"jest-image-snapshot": "^4.3.0",
|
||||
@ -53,7 +53,7 @@
|
||||
"@types/puppeteer": "^5.4.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"puppeteer": "^2.0.0 || ^3.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
@ -64,5 +64,5 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f"
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d"
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-storysource",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "View a story’s source code to see how it works and paste into your app",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -41,13 +41,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/router": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/router": "6.4.0-beta.19",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"estraverse": "^5.2.0",
|
||||
"loader-utils": "^2.0.0",
|
||||
@ -75,7 +75,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/index.js",
|
||||
"storybook": {
|
||||
"displayName": "Storysource",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-toolbars",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Create your own toolbar items that control story rendering",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -45,10 +45,10 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"regenerator-runtime": "^0.13.7"
|
||||
},
|
||||
@ -67,7 +67,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/register.js",
|
||||
"storybook": {
|
||||
"displayName": "Toolbars",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addon-viewport",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
|
||||
"keywords": [
|
||||
"addon",
|
||||
@ -42,12 +42,12 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"memoizerific": "^1.11.3",
|
||||
@ -69,7 +69,7 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/preview.js",
|
||||
"storybook": {
|
||||
"displayName": "Viewport",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/angular",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,14 +45,14 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/node-logger": "6.4.0-beta.19",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"autoprefixer": "^9.8.6",
|
||||
"core-js": "^3.8.2",
|
||||
@ -131,5 +131,5 @@
|
||||
"access": "public"
|
||||
},
|
||||
"builders": "dist/ts3.9/builders/builders.json",
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f"
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d"
|
||||
}
|
||||
|
8
app/angular/preset.js
vendored
8
app/angular/preset.js
vendored
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/ts3.9/server/preset');
|
||||
|
@ -4,9 +4,5 @@ import { LoadOptions } from '@storybook/core-common';
|
||||
export default {
|
||||
packageJson: sync({ cwd: __dirname }).packageJson,
|
||||
framework: 'angular',
|
||||
frameworkPresets: [
|
||||
require.resolve('./framework-preset-angular'),
|
||||
require.resolve('./framework-preset-angular-cli'),
|
||||
require.resolve('./framework-preset-angular-ivy'),
|
||||
],
|
||||
frameworkPresets: [require.resolve('./preset')],
|
||||
} as LoadOptions;
|
||||
|
12
app/angular/src/server/preset.ts
Normal file
12
app/angular/src/server/preset.ts
Normal file
@ -0,0 +1,12 @@
|
||||
import type { StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export const config: StorybookConfig['config'] = (entries = []) => [
|
||||
...entries,
|
||||
require.resolve('../client/preview/config'),
|
||||
];
|
||||
|
||||
export const addons: StorybookConfig['addons'] = [
|
||||
require.resolve('./framework-preset-angular'),
|
||||
require.resolve('./framework-preset-angular-cli'),
|
||||
require.resolve('./framework-preset-angular-ivy'),
|
||||
];
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/ember",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for Ember: Develop Ember Component in isolation with Hot Reloading.",
|
||||
"homepage": "https://github.com/storybookjs/storybook/tree/main/app/ember",
|
||||
"bugs": {
|
||||
@ -43,9 +43,9 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@ember/test-helpers": "^2.1.4",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -66,6 +66,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/cjs/server/framework-preset-babel-ember');
|
||||
|
@ -1,5 +1,6 @@
|
||||
import { TransformOptions } from '@babel/core';
|
||||
import { precompile } from 'ember-source/dist/ember-template-compiler';
|
||||
import { findDistEsm, StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
let emberOptions: any;
|
||||
|
||||
@ -45,3 +46,7 @@ export function babel(config: TransformOptions, options: any) {
|
||||
plugins: [].concat(babelConfigPlugins, extraPlugins),
|
||||
};
|
||||
}
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = []) => {
|
||||
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
||||
};
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/html",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for HTML: View HTML snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,13 +45,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/client-api": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/client-api": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/preview-web": "6.4.0-beta.19",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -71,6 +71,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/cjs/server/framework-preset-html');
|
||||
|
@ -1,5 +1,6 @@
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import { Configuration } from 'webpack';
|
||||
import { findDistEsm, StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export function webpack(config: Configuration) {
|
||||
config.module.rules.push({
|
||||
@ -9,3 +10,7 @@ export function webpack(config: Configuration) {
|
||||
|
||||
return config;
|
||||
}
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = []) => {
|
||||
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
||||
};
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/preact",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for Preact: Develop Preact Component in isolation.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -46,11 +46,11 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -74,6 +74,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/cjs/server/framework-preset-babel-preact');
|
||||
|
@ -1,6 +1,7 @@
|
||||
import path from 'path';
|
||||
import { TransformOptions } from '@babel/core';
|
||||
import { Configuration } from 'webpack';
|
||||
import { findDistEsm, StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export function babelDefault(config: TransformOptions) {
|
||||
return {
|
||||
@ -26,3 +27,7 @@ export function webpackFinal(config: Configuration) {
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = []) => {
|
||||
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
||||
};
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/react",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -49,14 +49,14 @@
|
||||
"@babel/preset-flow": "^7.12.1",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.13",
|
||||
"@storybook/node-logger": "6.4.0-beta.19",
|
||||
"@storybook/react-docgen-typescript-plugin": "1.0.2-canary.253f8c1.0",
|
||||
"@storybook/semver": "^7.3.2",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-add-react-displayname": "^0.0.5",
|
||||
"babel-plugin-named-asset-import": "^0.3.1",
|
||||
@ -73,7 +73,7 @@
|
||||
"webpack": "4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/client-api": "6.4.0-beta.13",
|
||||
"@storybook/client-api": "6.4.0-beta.19",
|
||||
"@types/node": "^14.14.20",
|
||||
"@types/prompts": "^2.0.9"
|
||||
},
|
||||
@ -96,6 +96,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/cjs/server/preset');
|
||||
|
@ -4,9 +4,5 @@ import { LoadOptions } from '@storybook/core-common';
|
||||
export default {
|
||||
packageJson: sync({ cwd: __dirname }).packageJson,
|
||||
framework: 'react',
|
||||
frameworkPresets: [
|
||||
require.resolve('./framework-preset-react'),
|
||||
require.resolve('./framework-preset-cra'),
|
||||
require.resolve('./framework-preset-react-docgen'),
|
||||
],
|
||||
frameworkPresets: [require.resolve('./preset')],
|
||||
} as LoadOptions;
|
||||
|
12
app/react/src/server/preset.ts
Normal file
12
app/react/src/server/preset.ts
Normal file
@ -0,0 +1,12 @@
|
||||
import { findDistEsm, StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export const config: StorybookConfig['config'] = (entries = []) => [
|
||||
...entries,
|
||||
findDistEsm(__dirname, 'client/preview/config'),
|
||||
];
|
||||
|
||||
export const addons: StorybookConfig['addons'] = [
|
||||
require.resolve('./framework-preset-react'),
|
||||
require.resolve('./framework-preset-cra'),
|
||||
require.resolve('./framework-preset-react-docgen'),
|
||||
];
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/server",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for Server: View HTML snippets from a server in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,15 +45,15 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/client-api": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/client-api": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/node-logger": "6.4.0-beta.13",
|
||||
"@storybook/preview-web": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/node-logger": "6.4.0-beta.19",
|
||||
"@storybook/preview-web": "6.4.0-beta.19",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -75,6 +75,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/cjs/server/framework-preset-server');
|
||||
|
@ -1,6 +1,7 @@
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import { Configuration } from 'webpack';
|
||||
import path from 'path';
|
||||
import { findDistEsm, StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export function webpack(config: Configuration) {
|
||||
config.module.rules.push({
|
||||
@ -17,3 +18,7 @@ export function webpack(config: Configuration) {
|
||||
|
||||
return config;
|
||||
}
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = []) => {
|
||||
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
||||
};
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/svelte",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for Svelte: Develop Svelte Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
"react": "16.14.0",
|
||||
@ -75,6 +75,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/cjs/server/framework-preset-svelte');
|
||||
|
@ -1,6 +1,6 @@
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import { Configuration } from 'webpack';
|
||||
import type { Options } from '@storybook/core-common';
|
||||
import { findDistEsm, Options, StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export async function webpack(config: Configuration, options: Options): Promise<Configuration> {
|
||||
const { preprocess = undefined, loader = {} } = await options.presets.apply(
|
||||
@ -32,3 +32,7 @@ export async function webpack(config: Configuration, options: Options): Promise<
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = []) => {
|
||||
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
||||
};
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for Vue: Develop Vue Component in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -83,6 +83,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/cjs/server/framework-preset-babel-vue');
|
||||
|
@ -2,7 +2,7 @@
|
||||
import VueLoaderPlugin from 'vue-loader/lib/plugin';
|
||||
import type { Configuration } from 'webpack';
|
||||
|
||||
import type { Options, TypescriptConfig } from '@storybook/core-common';
|
||||
import { findDistEsm, Options, TypescriptConfig, StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export async function webpack(config: Configuration, { presets }: Options) {
|
||||
const typescriptOptions = await presets.apply<TypescriptConfig>('typescript', {} as any);
|
||||
@ -43,3 +43,7 @@ export async function webpack(config: Configuration, { presets }: Options) {
|
||||
|
||||
return config;
|
||||
}
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = []) => {
|
||||
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
||||
};
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/vue3",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for Vue 3: Develop Vue 3 Components in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -45,11 +45,11 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -81,6 +81,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/cjs/server/framework-preset-vue3');
|
||||
|
@ -8,6 +8,7 @@ export {
|
||||
forceReRender,
|
||||
raw,
|
||||
app,
|
||||
activeStoryComponent,
|
||||
} from './preview';
|
||||
|
||||
export * from './preview/types-6-0';
|
||||
|
@ -104,3 +104,4 @@ export const { forceReRender } = api;
|
||||
export const { getStorybook } = api.clientApi;
|
||||
export const { raw } = api.clientApi;
|
||||
export const app: ClientApi['app'] = storybookApp;
|
||||
export { activeStoryComponent } from './render';
|
||||
|
@ -4,7 +4,7 @@ import { RenderContext } from '@storybook/store';
|
||||
import { StoryFnVueReturnType } from './types';
|
||||
import { VueFramework } from './types-6-0';
|
||||
|
||||
const activeStoryComponent = shallowRef<StoryFnVueReturnType | null>(null);
|
||||
export const activeStoryComponent = shallowRef<StoryFnVueReturnType | null>(null);
|
||||
|
||||
let root: ComponentPublicInstance | null = null;
|
||||
|
||||
|
@ -1,5 +1,6 @@
|
||||
import { VueLoaderPlugin } from 'vue-loader';
|
||||
import { Configuration, DefinePlugin } from 'webpack';
|
||||
import { findDistEsm, StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export function webpack(config: Configuration): Configuration {
|
||||
return {
|
||||
@ -45,3 +46,7 @@ export function webpack(config: Configuration): Configuration {
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = []) => {
|
||||
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
||||
};
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/web-components",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook for web-components: View web components snippets in isolation with Hot Reloading.",
|
||||
"keywords": [
|
||||
"lit-html",
|
||||
@ -50,13 +50,13 @@
|
||||
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
||||
"@babel/plugin-syntax-import-meta": "^7.10.4",
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/client-api": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-common": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/client-api": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-common": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/preview-web": "6.4.0-beta.13",
|
||||
"@storybook/store": "6.4.0-beta.13",
|
||||
"@storybook/preview-web": "6.4.0-beta.19",
|
||||
"@storybook/store": "6.4.0-beta.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"babel-plugin-bundled-import-meta": "^0.3.1",
|
||||
"core-js": "^3.8.2",
|
||||
@ -79,6 +79,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/client/index.js"
|
||||
}
|
||||
|
@ -1,7 +1 @@
|
||||
function config(entry = []) {
|
||||
return [...entry, require.resolve('./dist/esm/client/preview/config')];
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
config,
|
||||
};
|
||||
module.exports = require('./dist/cjs/server/framework-preset-web-components');
|
||||
|
@ -1,6 +1,6 @@
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import { Configuration } from 'webpack';
|
||||
import type { Options } from '@storybook/core-common';
|
||||
import { findDistEsm, Options, StorybookConfig } from '@storybook/core-common';
|
||||
|
||||
export function webpack(config: Configuration, options: Options) {
|
||||
const babelrcOptions = options.features?.babelModeV7 ? null : { babelrc: false };
|
||||
@ -39,3 +39,7 @@ export function webpack(config: Configuration, options: Options) {
|
||||
|
||||
return config;
|
||||
}
|
||||
|
||||
export const config: StorybookConfig['config'] = (entry = []) => {
|
||||
return [...entry, findDistEsm(__dirname, 'client/preview/config')];
|
||||
};
|
||||
|
@ -1,6 +1,6 @@
|
||||
import { skipOn } from '@cypress/skip-test';
|
||||
|
||||
describe('addon-action', () => {
|
||||
describe('addon-docs', () => {
|
||||
beforeEach(() => {
|
||||
cy.visitStorybook();
|
||||
cy.navigateToStory('example-button', 'primary');
|
||||
|
17
cypress/integration/addon-links.spec.ts
Normal file
17
cypress/integration/addon-links.spec.ts
Normal file
@ -0,0 +1,17 @@
|
||||
import { visit } from '../helper';
|
||||
|
||||
describe('addon-links', () => {
|
||||
before(() => {
|
||||
visit('official-storybook?path=/story/addons-links-button--first');
|
||||
});
|
||||
|
||||
it('should navigate on link', () => {
|
||||
cy.getStoryElement().find('button').should('contain.text', 'Go to "Second"').click();
|
||||
|
||||
cy.url().should('include', 'path=/story/addons-links-button--second');
|
||||
|
||||
cy.getStoryElement().find('button').should('contain.text', 'Go to "First"').click();
|
||||
|
||||
cy.url().should('include', 'path=/story/addons-links-button--first');
|
||||
});
|
||||
});
|
@ -2,7 +2,7 @@
|
||||
title: 'TypeScript'
|
||||
---
|
||||
|
||||
Storybook has built-in Typescript support, so your Typescript project should work with zero configuration needed.
|
||||
Storybook has built-in Typescript support, so your Typescript project should work with zero configuration needed [unless you use the `paths` option in your TSConfig.](./webpack#typescript-module-resolution)
|
||||
|
||||
### Default configuration
|
||||
|
||||
@ -30,14 +30,12 @@ The following code snippets shows the fields for you to use with TypeScript:
|
||||
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
| Field | Framework | Description | Type |
|
||||
| :------------------------------- | :-------- | :------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------- |
|
||||
| **check** | All | Optionally run fork-ts-checker-webpack-plugin | boolean |
|
||||
| Field | Framework | Description | Type |
|
||||
| :------------------------------- | :-------- | :------------------------------------------------------------------------------------------ | :---------------------------------------------------------------------------------------------------------------- |
|
||||
| **check** | All | Optionally run fork-ts-checker-webpack-plugin | boolean |
|
||||
| **checkOptions** | All | Options to pass to fork-ts-checker-webpack-plugin if it's enabled | <a href="https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/blob/v4.1.6/README.md#options">See Docs</a> |
|
||||
| **reactDocgen** | React | Which react docgen processor to run: `"react-docgen-typescript"`, `"react-docgen"`, `false` | string or false |
|
||||
| **reactDocgenTypescriptOptions** | React | Options to pass to react-docgen-typescript-plugin if react-docgen-typescript is enabled. | [See docs](https://github.com/hipstersmoothie/react-docgen-typescript-plugin) |
|
||||
|
||||
|
||||
| **reactDocgen** | React | Which react docgen processor to run: `"react-docgen-typescript"`, `"react-docgen"`, `false` | string or false |
|
||||
| **reactDocgenTypescriptOptions** | React | Options to pass to react-docgen-typescript-plugin if react-docgen-typescript is enabled. | [See docs](https://github.com/hipstersmoothie/react-docgen-typescript-plugin) |
|
||||
|
||||
### Overriding the configuration to infer additional props
|
||||
|
||||
@ -61,4 +59,4 @@ Next time you restart your Storybook the extra props will also be in the UI.
|
||||
|
||||
<div class="aside">
|
||||
If you run into an issue where the extra props aren't included, check how your component is being exported. If it's using a default export, change it to a named export and the extra props will be included as well.
|
||||
</div>
|
||||
</div>
|
||||
|
@ -40,10 +40,14 @@ You can import `.json` files and have them expanded to a JavaScript object:
|
||||
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
If you want to know the exact details of the webpack config, the best way is to run:
|
||||
If you want to know the exact details of the webpack config, the best way is to run either of the following:
|
||||
|
||||
```shell
|
||||
yarn storybook --debug-webpack
|
||||
yarn start-storybook --debug-webpack
|
||||
```
|
||||
|
||||
```shell
|
||||
yarn build-storybook --debug-webpack
|
||||
```
|
||||
|
||||
### Extending Storybook’s webpack config
|
||||
@ -123,4 +127,4 @@ When working with TypeScript projects the default Webpack configuration may fail
|
||||
|
||||
<div class="aside">
|
||||
💡 Learn more about Storybook's <a href="./typescript">built-in TypeScript support</a> or see <a href="https://github.com/storybookjs/storybook/issues/14087">this issue</a> for more information.
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1 +1 @@
|
||||
{"version":"6.4.0-beta.13","info":{"plain":"### Features\n\n- Core: Listen to story change events as soon as the preview is created ([#16331](https://github.com/storybookjs/storybook/pull/16331))\n\n### Bug Fixes\n\n- Addon-controls: Fix `{control: false}` handling ([#16366](https://github.com/storybookjs/storybook/pull/16366))\n- CLI: Fix broken link in react native template ([#16372](https://github.com/storybookjs/storybook/pull/16372))\n- UI: Fix scrollbar color to be visible in dark theme ([#16345](https://github.com/storybookjs/storybook/pull/16345))"}}
|
||||
{"version":"6.4.0-beta.19","info":{"plain":"### Bug Fixes\n\n- Core: Fix some slashes for windows ([#16445](https://github.com/storybookjs/storybook/pull/16445))\n\n### Maintenance\n\n- Core: Add typing for StorybookConfig.refs ([#16443](https://github.com/storybookjs/storybook/pull/16443))"}}
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "angular-cli",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
@ -39,20 +39,20 @@
|
||||
"@angular/compiler-cli": "^11.2.14",
|
||||
"@angular/elements": "^11.2.14",
|
||||
"@compodoc/compodoc": "^1.1.14",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.13",
|
||||
"@storybook/addon-jest": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/angular": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.19",
|
||||
"@storybook/addon-jest": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/angular": "6.4.0-beta.19",
|
||||
"@storybook/jest": "0.0.0-alpha.5",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"@storybook/testing-library": "0.0.0-alpha.3",
|
||||
"@types/core-js": "^2.5.4",
|
||||
"@types/jest": "^26.0.16",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-kitchen-sink",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -11,7 +11,7 @@
|
||||
"test": "react-scripts test --env=jsdom"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"global": "^4.4.0",
|
||||
"prop-types": "^15.7.2",
|
||||
"react": "16.14.0",
|
||||
@ -21,19 +21,19 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
|
||||
"@storybook/addon-jest": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.13",
|
||||
"@storybook/addon-jest": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.19",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-react15",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -19,14 +19,14 @@
|
||||
"react-scripts": "3.4.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.19",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"babel-core": "6",
|
||||
"babel-runtime": "6",
|
||||
"webpack": "4"
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-essentials",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,12 +34,12 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-essentials": "6.4.0-beta.13",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.19",
|
||||
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.19",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"webpack": "4"
|
||||
},
|
||||
"storybook": {
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "cra-ts-kitchen-sink",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "react-scripts build",
|
||||
@ -34,15 +34,15 @@
|
||||
"typescript": "^3.9.7"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/addon-ie11": "0.0.7--canary.5e87b64.0",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.19",
|
||||
"@storybook/preset-create-react-app": "^3.1.6",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"@types/enzyme": "^3.10.8",
|
||||
"enzyme": "^3.11.0",
|
||||
"enzyme-adapter-react-16": "^1.9.1",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "ember-example",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "ember build --output-path ember-output",
|
||||
@ -17,18 +17,18 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@ember/optional-features": "^2.0.0",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.13",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/ember": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.19",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/ember": "6.4.0-beta.19",
|
||||
"@storybook/ember-cli-storybook": "^0.2.1",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"babel-loader": "^8.0.0",
|
||||
"broccoli-asset-rev": "^3.0.0",
|
||||
"cross-env": "^7.0.3",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "html-kitchen-sink",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -13,23 +13,23 @@
|
||||
"storybook": "start-storybook -p 9006 --no-manager-cache"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/addon-jest": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/addon-jest": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addon-postcss": "^2.0.0",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.13",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/client-api": "6.4.0-beta.13",
|
||||
"@storybook/core": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/html": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.19",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/client-api": "6.4.0-beta.19",
|
||||
"@storybook/core": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/html": "6.4.0-beta.19",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"autoprefixer": "^10.0.1",
|
||||
"eventemitter3": "^4.0.7",
|
||||
"format-json": "^1.0.3",
|
||||
|
@ -16,7 +16,6 @@ const config: StorybookConfig = {
|
||||
strictMode: true,
|
||||
},
|
||||
addons: [
|
||||
'@storybook/react',
|
||||
{
|
||||
name: '@storybook/addon-docs',
|
||||
options: {
|
||||
@ -31,6 +30,7 @@ const config: StorybookConfig = {
|
||||
'@storybook/addon-storysource',
|
||||
'@storybook/addon-links',
|
||||
'@storybook/addon-jest',
|
||||
'@storybook/addon-a11y',
|
||||
],
|
||||
core: {
|
||||
builder: 'webpack4',
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "official-storybook",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -14,33 +14,33 @@
|
||||
"devDependencies": {
|
||||
"@packtracker/webpack-plugin": "^2.3.0",
|
||||
"@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.13",
|
||||
"@storybook/addon-jest": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.13",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.13",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.13",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/cli": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.19",
|
||||
"@storybook/addon-jest": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"@storybook/addon-storyshots-puppeteer": "6.4.0-beta.19",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.19",
|
||||
"@storybook/addon-toolbars": "6.4.0-beta.19",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/cli": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/design-system": "^5.4.7",
|
||||
"@storybook/jest": "0.0.0-alpha.5",
|
||||
"@storybook/node-logger": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/node-logger": "6.4.0-beta.19",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"@storybook/testing-library": "0.0.0-alpha.3",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"@testing-library/dom": "^7.31.2",
|
||||
"@testing-library/user-event": "^13.1.9",
|
||||
"chromatic": "^5.6.0",
|
||||
"chromatic": "^6.0.2",
|
||||
"cors": "^2.8.5",
|
||||
"cross-env": "^7.0.3",
|
||||
"enzyme-to-json": "^3.6.1",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "preact-example",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -15,16 +15,16 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-transform-runtime": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.13",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/preact": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.19",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/preact": "6.4.0-beta.19",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"@types/prop-types": "^15.7.3",
|
||||
"@types/react": "^17",
|
||||
"@types/react-dom": "^17",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts-webpack4",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook -c ./",
|
||||
@ -8,10 +8,10 @@
|
||||
"storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true start-storybook -p 9011 -c ./ --no-manager-cache"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.13",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.19",
|
||||
"@storybook/builder-webpack4": "6.4.0-beta.19",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"@types/react": "^16.14.2",
|
||||
"@types/react-dom": "^16.9.10",
|
||||
"prop-types": "15.7.2",
|
||||
|
@ -1,13 +1,18 @@
|
||||
import type { StorybookConfig } from '@storybook/react/types';
|
||||
|
||||
const config: StorybookConfig = {
|
||||
stories: [{ directory: '../src', titlePrefix: 'Demo' }],
|
||||
stories: [
|
||||
{
|
||||
directory: '../src',
|
||||
titlePrefix: 'Demo',
|
||||
},
|
||||
],
|
||||
logLevel: 'debug',
|
||||
addons: [
|
||||
'@storybook/react',
|
||||
'@storybook/addon-essentials',
|
||||
'@storybook/addon-storysource',
|
||||
'@storybook/addon-storyshots',
|
||||
'@storybook/addon-a11y',
|
||||
],
|
||||
typescript: {
|
||||
check: true,
|
||||
@ -18,6 +23,7 @@ const config: StorybookConfig = {
|
||||
},
|
||||
core: {
|
||||
builder: 'webpack4',
|
||||
channelOptions: { allowFunction: false, maxDepth: 10 },
|
||||
},
|
||||
features: {
|
||||
postcss: false,
|
||||
@ -26,6 +32,6 @@ const config: StorybookConfig = {
|
||||
buildStoriesJson: true,
|
||||
babelModeV7: true,
|
||||
},
|
||||
framework: '@storybook/react',
|
||||
};
|
||||
|
||||
module.exports = config;
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/example-react-ts",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "cross-env STORYBOOK_DISPLAY_WARNING=true DISPLAY_WARNING=true build-storybook",
|
||||
@ -17,12 +17,12 @@
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@babel/preset-react": "^7.12.10",
|
||||
"@babel/preset-typescript": "^7.12.7",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.13",
|
||||
"@storybook/components": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.19",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.19",
|
||||
"@storybook/components": "6.4.0-beta.19",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"@testing-library/dom": "^7.31.2",
|
||||
"@testing-library/user-event": "^13.1.9",
|
||||
"@types/babel__preset-env": "^7",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "server-kitchen-sink",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
@ -14,13 +14,13 @@
|
||||
"storybook": "SERVER_PORT=1137 start-storybook -p 9006 --quiet"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/node-logger": "6.4.0-beta.13",
|
||||
"@storybook/server": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/node-logger": "6.4.0-beta.19",
|
||||
"@storybook/server": "6.4.0-beta.19",
|
||||
"concurrently": "^5.3.0",
|
||||
"cors": "^2.8.5",
|
||||
"express": "~4.17.1",
|
||||
|
@ -1,13 +1,13 @@
|
||||
{
|
||||
"name": "standalone-preview",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"storybook": "parcel ./storybook.html --port 1337"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/react": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/react": "6.4.0-beta.19",
|
||||
"parcel": "^1.12.4",
|
||||
"react": "16.14.0",
|
||||
"react-dom": "16.14.0"
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "svelte-example",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build-storybook": "build-storybook -s public",
|
||||
@ -10,20 +10,20 @@
|
||||
"global": "^4.4.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.13",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.19",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/jest": "0.0.0-alpha.5",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/svelte": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"@storybook/svelte": "6.4.0-beta.19",
|
||||
"@storybook/testing-library": "0.0.0-alpha.3",
|
||||
"svelte-jester": "1.3.0",
|
||||
"svelte-preprocess": "4.6.8"
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-3-cli-example",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -14,14 +14,14 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.13",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.19",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"@storybook/jest": "0.0.0-alpha.5",
|
||||
"@storybook/testing-library": "0.0.0-alpha.3",
|
||||
"@storybook/vue3": "6.4.0-beta.13",
|
||||
"@storybook/vue3": "6.4.0-beta.19",
|
||||
"@vue/cli-plugin-babel": "~4.5.0",
|
||||
"@vue/cli-plugin-typescript": "~4.5.0",
|
||||
"@vue/cli-service": "~4.5.0",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-cli-example",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "vue-cli-service build",
|
||||
@ -15,11 +15,11 @@
|
||||
"vue-property-decorator": "^9.1.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-essentials": "6.4.0-beta.19",
|
||||
"@storybook/preset-scss": "^1.0.3",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/vue": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"@storybook/vue": "6.4.0-beta.19",
|
||||
"@vue/cli-plugin-babel": "~4.3.1",
|
||||
"@vue/cli-plugin-typescript": "~4.3.1",
|
||||
"@vue/cli-service": "~4.3.1",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vue-example",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
|
||||
@ -14,21 +14,21 @@
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.13",
|
||||
"@storybook/addon-actions": "6.4.0-beta.13",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.13",
|
||||
"@storybook/addon-controls": "6.4.0-beta.13",
|
||||
"@storybook/addon-docs": "6.4.0-beta.13",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.13",
|
||||
"@storybook/addon-links": "6.4.0-beta.13",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.13",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.13",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.13",
|
||||
"@storybook/addons": "6.4.0-beta.13",
|
||||
"@storybook/addon-a11y": "6.4.0-beta.19",
|
||||
"@storybook/addon-actions": "6.4.0-beta.19",
|
||||
"@storybook/addon-backgrounds": "6.4.0-beta.19",
|
||||
"@storybook/addon-controls": "6.4.0-beta.19",
|
||||
"@storybook/addon-docs": "6.4.0-beta.19",
|
||||
"@storybook/addon-interactions": "6.4.0-beta.19",
|
||||
"@storybook/addon-links": "6.4.0-beta.19",
|
||||
"@storybook/addon-storyshots": "6.4.0-beta.19",
|
||||
"@storybook/addon-storysource": "6.4.0-beta.19",
|
||||
"@storybook/addon-viewport": "6.4.0-beta.19",
|
||||
"@storybook/addons": "6.4.0-beta.19",
|
||||
"@storybook/jest": "0.0.0-alpha.5",
|
||||
"@storybook/source-loader": "6.4.0-beta.13",
|
||||
"@storybook/source-loader": "6.4.0-beta.19",
|
||||
"@storybook/testing-library": "0.0.0-alpha.3",
|
||||
"@storybook/vue": "6.4.0-beta.13",
|
||||
"@storybook/vue": "6.4.0-beta.19",
|
||||
"@vue/babel-preset-jsx": "^1.2.4",
|
||||
"babel-loader": "^8.0.0",
|
||||
"cross-env": "^7.0.3",
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "web-components-kitchen-sink",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"private": true,
|
||||
"description": "",
|
||||
"keywords": [],
|
||||
|
@ -12,3 +12,6 @@ export const inTemplate = () => html`
|
||||
`;
|
||||
|
||||
export const inString = () => '<div>JS alert</div><script>alert("hello")</script>';
|
||||
|
||||
export const typeModule = () =>
|
||||
'<div>JS alert from module</div><script type="module">alert("hello from module"); export const a = 1;</script>';
|
||||
|
@ -1484,10 +1484,10 @@ __metadata:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"@base2/pretty-print-object@npm:1.0.0":
|
||||
version: 1.0.0
|
||||
resolution: "@base2/pretty-print-object@npm:1.0.0"
|
||||
checksum: e2e64db97e4e6084865040de6905c855309762f5af43884f843f3335f0da4531d5bd59d2b415e0e4aba604f637e467104ed9799852321218966578ac065ba344
|
||||
"@base2/pretty-print-object@npm:1.0.1":
|
||||
version: 1.0.1
|
||||
resolution: "@base2/pretty-print-object@npm:1.0.1"
|
||||
checksum: 98f77ea185a30c854897feb2a68fe51be8451a1a0b531bac61a5dd67033926a0ba0c9be6e0f819b8cb72ca349b3e7648bf81c12fd21df0b45219c75a3a75784b
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -2090,14 +2090,14 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-a11y@portal:../../addons/a11y::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/channels": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/components": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/channels": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/components": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
axe-core: ^4.2.0
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -2121,12 +2121,12 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-actions@portal:../../addons/actions::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/components": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/components": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
core-js: ^3.8.2
|
||||
fast-deep-equal: ^3.1.3
|
||||
global: ^4.4.0
|
||||
@ -2153,13 +2153,13 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-backgrounds@portal:../../addons/backgrounds::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/components": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/components": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
memoizerific: ^1.11.3
|
||||
@ -2181,14 +2181,15 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-controls@portal:../../addons/controls::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/components": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/components": 6.4.0-beta.14
|
||||
"@storybook/core-common": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/node-logger": 6.4.0-beta.9
|
||||
"@storybook/store": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/node-logger": 6.4.0-beta.14
|
||||
"@storybook/store": 6.4.0-beta.14
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
core-js: ^3.8.2
|
||||
lodash: ^4.17.20
|
||||
ts-dedent: ^2.0.0
|
||||
@ -2216,22 +2217,22 @@ __metadata:
|
||||
"@mdx-js/loader": ^1.6.22
|
||||
"@mdx-js/mdx": ^1.6.22
|
||||
"@mdx-js/react": ^1.6.22
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/builder-webpack4": 6.4.0-beta.9
|
||||
"@storybook/client-api": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/components": 6.4.0-beta.9
|
||||
"@storybook/core": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/builder-webpack4": 6.4.0-beta.14
|
||||
"@storybook/client-api": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/components": 6.4.0-beta.14
|
||||
"@storybook/core": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf-tools": 6.4.0-beta.9
|
||||
"@storybook/node-logger": 6.4.0-beta.9
|
||||
"@storybook/postinstall": 6.4.0-beta.9
|
||||
"@storybook/preview-web": 6.4.0-beta.9
|
||||
"@storybook/source-loader": 6.4.0-beta.9
|
||||
"@storybook/store": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/csf-tools": 6.4.0-beta.14
|
||||
"@storybook/node-logger": 6.4.0-beta.14
|
||||
"@storybook/postinstall": 6.4.0-beta.14
|
||||
"@storybook/preview-web": 6.4.0-beta.14
|
||||
"@storybook/source-loader": 6.4.0-beta.14
|
||||
"@storybook/store": 6.4.0-beta.14
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
acorn: ^7.4.1
|
||||
acorn-jsx: ^5.3.1
|
||||
acorn-walk: ^7.2.0
|
||||
@ -2248,19 +2249,19 @@ __metadata:
|
||||
p-limit: ^3.1.0
|
||||
prettier: ^2.2.1
|
||||
prop-types: ^15.7.2
|
||||
react-element-to-jsx-string: ^14.3.2
|
||||
react-element-to-jsx-string: ^14.3.4
|
||||
regenerator-runtime: ^0.13.7
|
||||
remark-external-links: ^8.0.0
|
||||
remark-slug: ^6.0.0
|
||||
ts-dedent: ^2.0.0
|
||||
util-deprecate: ^1.0.2
|
||||
peerDependencies:
|
||||
"@storybook/angular": 6.4.0-beta.9
|
||||
"@storybook/html": 6.4.0-beta.9
|
||||
"@storybook/react": 6.4.0-beta.9
|
||||
"@storybook/vue": 6.4.0-beta.9
|
||||
"@storybook/vue3": 6.4.0-beta.9
|
||||
"@storybook/web-components": 6.4.0-beta.9
|
||||
"@storybook/angular": 6.4.0-beta.14
|
||||
"@storybook/html": 6.4.0-beta.14
|
||||
"@storybook/react": 6.4.0-beta.14
|
||||
"@storybook/vue": 6.4.0-beta.14
|
||||
"@storybook/vue3": 6.4.0-beta.14
|
||||
"@storybook/web-components": 6.4.0-beta.14
|
||||
lit: ^2.0.0-rc.1
|
||||
lit-html: ^1.4.1 || ^2.0.0-rc.3
|
||||
react: ^16.8.0 || ^17.0.0
|
||||
@ -2331,11 +2332,11 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-links@portal:../../addons/links::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/router": 6.4.0-beta.9
|
||||
"@storybook/router": 6.4.0-beta.14
|
||||
"@types/qs": ^6.9.5
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -2359,11 +2360,11 @@ __metadata:
|
||||
resolution: "@storybook/addon-storyshots@portal:../../addons/storyshots/storyshots-core::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@jest/transform": ^26.6.2
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/client-api": 6.4.0-beta.9
|
||||
"@storybook/core": 6.4.0-beta.9
|
||||
"@storybook/core-client": 6.4.0-beta.9
|
||||
"@storybook/core-common": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/client-api": 6.4.0-beta.14
|
||||
"@storybook/core": 6.4.0-beta.14
|
||||
"@storybook/core-client": 6.4.0-beta.14
|
||||
"@storybook/core-common": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@types/glob": ^7.1.3
|
||||
"@types/jest": ^26.0.16
|
||||
@ -2434,13 +2435,13 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-storysource@portal:../../addons/storysource::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/components": 6.4.0-beta.9
|
||||
"@storybook/router": 6.4.0-beta.9
|
||||
"@storybook/source-loader": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/components": 6.4.0-beta.14
|
||||
"@storybook/router": 6.4.0-beta.14
|
||||
"@storybook/source-loader": 6.4.0-beta.14
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
core-js: ^3.8.2
|
||||
estraverse: ^5.2.0
|
||||
loader-utils: ^2.0.0
|
||||
@ -2463,12 +2464,12 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addon-viewport@portal:../../addons/viewport::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/components": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/components": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
memoizerific: ^1.11.3
|
||||
@ -2489,13 +2490,13 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/addons@portal:../../lib/addons::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/channels": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/channels": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/router": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/router": 6.4.0-beta.14
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
"@types/webpack-env": ^1.16.0
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -2511,13 +2512,13 @@ __metadata:
|
||||
resolution: "@storybook/api@portal:../../lib/api::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@reach/router": ^1.3.4
|
||||
"@storybook/channels": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/channels": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/router": 6.4.0-beta.9
|
||||
"@storybook/router": 6.4.0-beta.14
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
"@types/reach__router": ^1.3.7
|
||||
core-js: ^3.8.2
|
||||
fast-deep-equal: ^3.1.3
|
||||
@ -2561,22 +2562,22 @@ __metadata:
|
||||
"@babel/preset-env": ^7.12.11
|
||||
"@babel/preset-react": ^7.12.10
|
||||
"@babel/preset-typescript": ^7.12.7
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/channel-postmessage": 6.4.0-beta.9
|
||||
"@storybook/channels": 6.4.0-beta.9
|
||||
"@storybook/client-api": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/components": 6.4.0-beta.9
|
||||
"@storybook/core-common": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/node-logger": 6.4.0-beta.9
|
||||
"@storybook/preview-web": 6.4.0-beta.9
|
||||
"@storybook/router": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/channel-postmessage": 6.4.0-beta.14
|
||||
"@storybook/channels": 6.4.0-beta.14
|
||||
"@storybook/client-api": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/components": 6.4.0-beta.14
|
||||
"@storybook/core-common": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/node-logger": 6.4.0-beta.14
|
||||
"@storybook/preview-web": 6.4.0-beta.14
|
||||
"@storybook/router": 6.4.0-beta.14
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@storybook/store": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/ui": 6.4.0-beta.9
|
||||
"@storybook/store": 6.4.0-beta.14
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
"@storybook/ui": 6.4.0-beta.14
|
||||
"@types/node": ^14.0.10
|
||||
"@types/webpack": ^4.41.26
|
||||
autoprefixer: ^9.8.6
|
||||
@ -2623,9 +2624,9 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/channel-postmessage@portal:../../lib/channel-postmessage::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/channels": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/channels": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
qs: ^6.10.0
|
||||
@ -2647,13 +2648,13 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/client-api@portal:../../lib/client-api::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/channel-postmessage": 6.4.0-beta.9
|
||||
"@storybook/channels": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/channel-postmessage": 6.4.0-beta.14
|
||||
"@storybook/channels": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/store": 6.4.0-beta.9
|
||||
"@storybook/store": 6.4.0-beta.14
|
||||
"@types/qs": ^6.9.5
|
||||
"@types/webpack-env": ^1.16.0
|
||||
core-js: ^3.8.2
|
||||
@ -2686,9 +2687,9 @@ __metadata:
|
||||
resolution: "@storybook/components@portal:../../lib/components::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@popperjs/core": ^2.6.0
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
"@types/color-convert": ^2.0.0
|
||||
"@types/overlayscrollbars": ^1.12.0
|
||||
"@types/react-syntax-highlighter": 11.0.5
|
||||
@ -2719,15 +2720,15 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/core-client@portal:../../lib/core-client::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/channel-postmessage": 6.4.0-beta.9
|
||||
"@storybook/client-api": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/channel-postmessage": 6.4.0-beta.14
|
||||
"@storybook/client-api": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/preview-web": 6.4.0-beta.9
|
||||
"@storybook/store": 6.4.0-beta.9
|
||||
"@storybook/ui": 6.4.0-beta.9
|
||||
"@storybook/preview-web": 6.4.0-beta.14
|
||||
"@storybook/store": 6.4.0-beta.14
|
||||
"@storybook/ui": 6.4.0-beta.14
|
||||
airbnb-js-shims: ^2.2.1
|
||||
ansi-to-html: ^0.6.11
|
||||
core-js: ^3.8.2
|
||||
@ -2773,7 +2774,7 @@ __metadata:
|
||||
"@babel/preset-react": ^7.12.10
|
||||
"@babel/preset-typescript": ^7.12.7
|
||||
"@babel/register": ^7.12.1
|
||||
"@storybook/node-logger": 6.4.0-beta.9
|
||||
"@storybook/node-logger": 6.4.0-beta.14
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@types/micromatch": ^4.0.1
|
||||
"@types/node": ^14.0.10
|
||||
@ -2823,15 +2824,15 @@ __metadata:
|
||||
resolution: "@storybook/core-server@portal:../../lib/core-server::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@discoveryjs/json-ext": ^0.5.3
|
||||
"@storybook/builder-webpack4": 6.4.0-beta.9
|
||||
"@storybook/core-client": 6.4.0-beta.9
|
||||
"@storybook/core-common": 6.4.0-beta.9
|
||||
"@storybook/builder-webpack4": 6.4.0-beta.14
|
||||
"@storybook/core-client": 6.4.0-beta.14
|
||||
"@storybook/core-common": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/csf-tools": 6.4.0-beta.9
|
||||
"@storybook/manager-webpack4": 6.4.0-beta.9
|
||||
"@storybook/node-logger": 6.4.0-beta.9
|
||||
"@storybook/csf-tools": 6.4.0-beta.14
|
||||
"@storybook/manager-webpack4": 6.4.0-beta.14
|
||||
"@storybook/node-logger": 6.4.0-beta.14
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@storybook/store": 6.4.0-beta.9
|
||||
"@storybook/store": 6.4.0-beta.14
|
||||
"@types/node": ^14.0.10
|
||||
"@types/node-fetch": ^2.5.7
|
||||
"@types/pretty-hrtime": ^1.0.0
|
||||
@ -2860,8 +2861,8 @@ __metadata:
|
||||
watchpack: ^2.2.0
|
||||
webpack: 4
|
||||
peerDependencies:
|
||||
"@storybook/builder-webpack5": 6.4.0-beta.9
|
||||
"@storybook/manager-webpack5": 6.4.0-beta.9
|
||||
"@storybook/builder-webpack5": 6.4.0-beta.14
|
||||
"@storybook/manager-webpack5": 6.4.0-beta.14
|
||||
react: ^16.8.0 || ^17.0.0
|
||||
react-dom: ^16.8.0 || ^17.0.0
|
||||
peerDependenciesMeta:
|
||||
@ -2878,10 +2879,10 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/core@portal:../../lib/core::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/core-client": 6.4.0-beta.9
|
||||
"@storybook/core-server": 6.4.0-beta.9
|
||||
"@storybook/core-client": 6.4.0-beta.14
|
||||
"@storybook/core-server": 6.4.0-beta.14
|
||||
peerDependencies:
|
||||
"@storybook/builder-webpack5": 6.4.0-beta.9
|
||||
"@storybook/builder-webpack5": 6.4.0-beta.14
|
||||
react: ^16.8.0 || ^17.0.0
|
||||
react-dom: ^16.8.0 || ^17.0.0
|
||||
webpack: "*"
|
||||
@ -2933,12 +2934,12 @@ __metadata:
|
||||
"@babel/core": ^7.12.10
|
||||
"@babel/plugin-transform-template-literals": ^7.12.1
|
||||
"@babel/preset-react": ^7.12.10
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/core-client": 6.4.0-beta.9
|
||||
"@storybook/core-common": 6.4.0-beta.9
|
||||
"@storybook/node-logger": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/ui": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/core-client": 6.4.0-beta.14
|
||||
"@storybook/core-common": 6.4.0-beta.14
|
||||
"@storybook/node-logger": 6.4.0-beta.14
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
"@storybook/ui": 6.4.0-beta.14
|
||||
"@types/node": ^14.0.10
|
||||
"@types/webpack": ^4.41.26
|
||||
babel-loader: ^8.0.0
|
||||
@ -2999,12 +3000,12 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/preview-web@portal:../../lib/preview-web::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/channel-postmessage": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/channel-postmessage": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/store": 6.4.0-beta.9
|
||||
"@storybook/store": 6.4.0-beta.14
|
||||
ansi-to-html: ^0.6.11
|
||||
core-js: ^3.8.2
|
||||
global: ^4.4.0
|
||||
@ -3025,7 +3026,7 @@ __metadata:
|
||||
resolution: "@storybook/router@portal:../../lib/router::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@reach/router": ^1.3.4
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@types/reach__router": ^1.3.7
|
||||
core-js: ^3.8.2
|
||||
fast-deep-equal: ^3.1.3
|
||||
@ -3056,8 +3057,8 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/source-loader@portal:../../lib/source-loader::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
core-js: ^3.8.2
|
||||
estraverse: ^5.2.0
|
||||
@ -3076,9 +3077,9 @@ __metadata:
|
||||
version: 0.0.0-use.local
|
||||
resolution: "@storybook/store@portal:../../lib/store::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
core-js: ^3.8.2
|
||||
fast-deep-equal: ^3.1.3
|
||||
@ -3100,7 +3101,7 @@ __metadata:
|
||||
"@emotion/core": ^10.1.1
|
||||
"@emotion/is-prop-valid": ^0.8.6
|
||||
"@emotion/styled": ^10.0.27
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
core-js: ^3.8.2
|
||||
deep-object-diff: ^1.1.0
|
||||
emotion-theming: ^10.0.27
|
||||
@ -3120,15 +3121,15 @@ __metadata:
|
||||
resolution: "@storybook/ui@portal:../../lib/ui::locator=web-components-kitchen-sink%40workspace%3A."
|
||||
dependencies:
|
||||
"@emotion/core": ^10.1.1
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/api": 6.4.0-beta.9
|
||||
"@storybook/channels": 6.4.0-beta.9
|
||||
"@storybook/client-logger": 6.4.0-beta.9
|
||||
"@storybook/components": 6.4.0-beta.9
|
||||
"@storybook/core-events": 6.4.0-beta.9
|
||||
"@storybook/router": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/api": 6.4.0-beta.14
|
||||
"@storybook/channels": 6.4.0-beta.14
|
||||
"@storybook/client-logger": 6.4.0-beta.14
|
||||
"@storybook/components": 6.4.0-beta.14
|
||||
"@storybook/core-events": 6.4.0-beta.14
|
||||
"@storybook/router": 6.4.0-beta.14
|
||||
"@storybook/semver": ^7.3.2
|
||||
"@storybook/theming": 6.4.0-beta.9
|
||||
"@storybook/theming": 6.4.0-beta.14
|
||||
copy-to-clipboard: ^3.3.1
|
||||
core-js: ^3.8.2
|
||||
core-js-pure: ^3.8.2
|
||||
@ -3160,13 +3161,13 @@ __metadata:
|
||||
"@babel/plugin-syntax-dynamic-import": ^7.8.3
|
||||
"@babel/plugin-syntax-import-meta": ^7.10.4
|
||||
"@babel/preset-env": ^7.12.11
|
||||
"@storybook/addons": 6.4.0-beta.9
|
||||
"@storybook/client-api": 6.4.0-beta.9
|
||||
"@storybook/core": 6.4.0-beta.9
|
||||
"@storybook/core-common": 6.4.0-beta.9
|
||||
"@storybook/addons": 6.4.0-beta.14
|
||||
"@storybook/client-api": 6.4.0-beta.14
|
||||
"@storybook/core": 6.4.0-beta.14
|
||||
"@storybook/core-common": 6.4.0-beta.14
|
||||
"@storybook/csf": 0.0.2--canary.87bc651.0
|
||||
"@storybook/preview-web": 6.4.0-beta.9
|
||||
"@storybook/store": 6.4.0-beta.9
|
||||
"@storybook/preview-web": 6.4.0-beta.14
|
||||
"@storybook/store": 6.4.0-beta.14
|
||||
"@types/webpack-env": ^1.16.0
|
||||
babel-plugin-bundled-import-meta: ^0.3.1
|
||||
core-js: ^3.8.2
|
||||
@ -8474,10 +8475,10 @@ fsevents@^1.2.7:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"is-plain-object@npm:3.0.1":
|
||||
version: 3.0.1
|
||||
resolution: "is-plain-object@npm:3.0.1"
|
||||
checksum: eac88599d3f030b313aa5a12d09bd3c52ce3b8cd975b2fdda6bb3bb69ac0bc1b93cd292123769eb480b914d1dd1fed7633cdeb490458d41294eb32efdedec230
|
||||
"is-plain-object@npm:5.0.0":
|
||||
version: 5.0.0
|
||||
resolution: "is-plain-object@npm:5.0.0"
|
||||
checksum: 893e42bad832aae3511c71fd61c0bf61aa3a6d853061c62a307261842727d0d25f761ce9379f7ba7226d6179db2a3157efa918e7fe26360f3bf0842d9f28942c
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -11699,16 +11700,17 @@ fsevents@^1.2.7:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react-element-to-jsx-string@npm:^14.3.2":
|
||||
version: 14.3.2
|
||||
resolution: "react-element-to-jsx-string@npm:14.3.2"
|
||||
"react-element-to-jsx-string@npm:^14.3.4":
|
||||
version: 14.3.4
|
||||
resolution: "react-element-to-jsx-string@npm:14.3.4"
|
||||
dependencies:
|
||||
"@base2/pretty-print-object": 1.0.0
|
||||
is-plain-object: 3.0.1
|
||||
"@base2/pretty-print-object": 1.0.1
|
||||
is-plain-object: 5.0.0
|
||||
react-is: 17.0.2
|
||||
peerDependencies:
|
||||
react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
|
||||
react-dom: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1
|
||||
checksum: f6a071cf5fdd43d5648863257a3f0c110f3df6cdb869a62dc021b4ec9fc2d8abaef8f68d84c87e28b9700f86588bba7bec59128df7672edddbbd6a6c53d84789
|
||||
checksum: 4ead664b2e26e76af57c9ce2f2a46e79fda1d3a408afb5f34d03357d195b7f41a1a86bb9286b6d6ba76c9c2611fe56bc038665cf27fdb56f571d235ddfce9ffb
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
@ -11755,7 +11757,7 @@ fsevents@^1.2.7:
|
||||
languageName: node
|
||||
linkType: hard
|
||||
|
||||
"react-is@npm:^16.12.0 || ^17.0.0, react-is@npm:^17.0.1, react-is@npm:^17.0.2":
|
||||
"react-is@npm:17.0.2, react-is@npm:^16.12.0 || ^17.0.0, react-is@npm:^17.0.1, react-is@npm:^17.0.2":
|
||||
version: 17.0.2
|
||||
resolution: "react-is@npm:17.0.2"
|
||||
checksum: 2bdb6b93fbb1820b024b496042cce405c57e2f85e777c9aabd55f9b26d145408f9f74f5934676ffdc46f3dcff656d78413a6e43968e7b3f92eea35b3052e9053
|
||||
|
@ -2,5 +2,5 @@
|
||||
"npmClient": "yarn",
|
||||
"useWorkspaces": true,
|
||||
"registry": "https://registry.npmjs.org",
|
||||
"version": "6.4.0-beta.13"
|
||||
"version": "6.4.0-beta.19"
|
||||
}
|
||||
|
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "@storybook/addons",
|
||||
"version": "6.4.0-beta.13",
|
||||
"version": "6.4.0-beta.19",
|
||||
"description": "Storybook addons store",
|
||||
"keywords": [
|
||||
"storybook"
|
||||
@ -40,13 +40,13 @@
|
||||
"prepare": "node ../../scripts/prepare.js"
|
||||
},
|
||||
"dependencies": {
|
||||
"@storybook/api": "6.4.0-beta.13",
|
||||
"@storybook/channels": "6.4.0-beta.13",
|
||||
"@storybook/client-logger": "6.4.0-beta.13",
|
||||
"@storybook/core-events": "6.4.0-beta.13",
|
||||
"@storybook/api": "6.4.0-beta.19",
|
||||
"@storybook/channels": "6.4.0-beta.19",
|
||||
"@storybook/client-logger": "6.4.0-beta.19",
|
||||
"@storybook/core-events": "6.4.0-beta.19",
|
||||
"@storybook/csf": "0.0.2--canary.87bc651.0",
|
||||
"@storybook/router": "6.4.0-beta.13",
|
||||
"@storybook/theming": "6.4.0-beta.13",
|
||||
"@storybook/router": "6.4.0-beta.19",
|
||||
"@storybook/theming": "6.4.0-beta.19",
|
||||
"@types/webpack-env": "^1.16.0",
|
||||
"core-js": "^3.8.2",
|
||||
"global": "^4.4.0",
|
||||
@ -59,6 +59,6 @@
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
},
|
||||
"gitHead": "c9b8b07f1b6e8ec9a87d47a0dbf9d5756feb408f",
|
||||
"gitHead": "60b9bd1e5123938a66ad1ae25a8a63d03324a14d",
|
||||
"sbmodern": "dist/modern/public_api.js"
|
||||
}
|
||||
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user