@storybook/html 7.0.0-alpha.49 → 7.0.0-alpha.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-3CDDCMPH.mjs → chunk-SVMFJQBI.mjs} +3 -3
- package/dist/config.d.ts +1 -1
- package/dist/config.js +2 -2
- package/dist/config.mjs +1 -1
- package/dist/index.d.ts +12 -8
- package/dist/index.js +3 -3
- package/dist/index.mjs +1 -1
- package/dist/types-becdd26a.d.ts +36 -0
- package/jest.config.js +7 -0
- package/package.json +8 -8
- package/dist/types-84590f3a.d.ts +0 -36
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import f from"global";import{dedent as d}from"ts-dedent";import{simulatePageLoad as l,simulateDOMContentLoaded as m}from"@storybook/preview-web";var{Node:u}=f,h=(e,s)=>{let{id:p,component:t}=s;if(typeof t=="string"){let r=t;return Object.keys(e).forEach(o=>{r=r.replace(`{{${o}}}`,e[o])}),r}if(t instanceof HTMLElement){let r=t.cloneNode(!0);return Object.keys(e).forEach(o=>{r.setAttribute(o,typeof e[o]=="string"?e[o]:JSON.stringify(e[o]))}),r}if(typeof t=="function")return t(e,s);throw console.warn(d`
|
|
2
2
|
Storybook's HTML renderer only supports rendering DOM elements and strings.
|
|
3
3
|
Received: ${t}
|
|
4
|
-
`),new Error(`Unable to render story ${p}`)};function
|
|
4
|
+
`),new Error(`Unable to render story ${p}`)};function M({storyFn:e,kind:s,name:p,showMain:t,showError:r,forceRemount:o},n){let i=e();if(t(),typeof i=="string")n.innerHTML=i,l(n);else if(i instanceof u){if(n.firstChild===i&&o===!1)return;n.innerHTML="",n.appendChild(i),m()}else r({title:`Expecting an HTML snippet or DOM node from the story: "${p}" of "${s}".`,description:d`
|
|
5
5
|
Did you forget to return the HTML snippet from the story?
|
|
6
6
|
Use "() => <your snippet or node>" or when defining the story.
|
|
7
|
-
`})}export{
|
|
7
|
+
`})}export{h as a,M as b};
|
package/dist/config.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import 'lib/docs-tools/dist';
|
|
2
|
-
export { a as argTypesEnhancers, d as decorators, p as parameters, b as render, r as renderToCanvas } from './types-
|
|
2
|
+
export { a as argTypesEnhancers, d as decorators, p as parameters, b as render, r as renderToCanvas } from './types-becdd26a.js';
|
|
3
3
|
import '@storybook/types';
|
|
4
4
|
import 'lib/types/dist';
|
package/dist/config.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var M=Object.create;var d=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var w=(e,r)=>{for(var t in r)d(e,t,{get:r[t],enumerable:!0})},c=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of R(r))!b.call(e,n)&&n!==t&&d(e,n,{get:()=>r[n],enumerable:!(o=E(r,n))||o.enumerable});return e};var A=(e,r,t)=>(t=e!=null?M(L(e)):{},c(r||!e||!e.__esModule?d(t,"default",{value:e,enumerable:!0}):t,e)),F=e=>c(d({},"__esModule",{value:!0}),e);var I={};w(I,{argTypesEnhancers:()=>h,decorators:()=>g,parameters:()=>$,render:()=>H,renderToCanvas:()=>D});module.exports=F(I);var a=require("@storybook/docs-tools");var f=require("@storybook/docs-tools"),m=require("@storybook/addons"),l=require("ts-dedent");function N(e){var o;let r=(o=e==null?void 0:e.parameters.docs)==null?void 0:o.source,t=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===f.SourceType.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===f.SourceType.CODE}function O(e){return(0,l.dedent)(e)}function k(e,r){return((r.parameters.docs??{}).transformSource??O)(e,r)}function S(e,r){var n,s;let t=(s=(n=r==null?void 0:r.parameters.docs)==null?void 0:n.source)!=null&&s.excludeDecorators?r.originalStoryFn(r.args,r):e(),o;return N(r)||(typeof t=="string"?o=t:t instanceof Element&&(o=t.outerHTML),o&&(o=k(o,r))),(0,m.useEffect)(()=>{o&&m.addons.getChannel().emit(f.SNIPPET_RENDERED,r.id,o)}),t}var g=[S],T={docs:{inlineStories:!0,transformSource:void 0,source:{type:a.SourceType.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},h=[a.enhanceArgTypes];var C=A(require("global")),y=require("ts-dedent"),u=require("@storybook/preview-web"),{Node:_}=C.default,H=(e,r)=>{let{id:t,component:o}=r;if(typeof o=="string"){let n=o;return Object.keys(e).forEach(s=>{n=n.replace(`{{${s}}}`,e[s])}),n}if(o instanceof HTMLElement){let n=o.cloneNode(!0);return Object.keys(e).forEach(s=>{n.setAttribute(s,typeof e[s]=="string"?e[s]:JSON.stringify(e[s]))}),n}if(typeof o=="function")return o(e,r);throw console.warn(y.dedent`
|
|
2
2
|
Storybook's HTML renderer only supports rendering DOM elements and strings.
|
|
3
3
|
Received: ${o}
|
|
4
|
-
`),new Error(`Unable to render story ${t}`)};function
|
|
4
|
+
`),new Error(`Unable to render story ${t}`)};function D({storyFn:e,kind:r,name:t,showMain:o,showError:n,forceRemount:s},i){let p=e();if(o(),typeof p=="string")i.innerHTML=p,(0,u.simulatePageLoad)(i);else if(p instanceof _){if(i.firstChild===p&&s===!1)return;i.innerHTML="",i.appendChild(p),(0,u.simulateDOMContentLoaded)()}else n({title:`Expecting an HTML snippet or DOM node from the story: "${t}" of "${r}".`,description:y.dedent`
|
|
5
5
|
Did you forget to return the HTML snippet from the story?
|
|
6
6
|
Use "() => <your snippet or node>" or when defining the story.
|
|
7
7
|
`})}var $={framework:"html",...T};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToCanvas});
|
package/dist/config.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as c,b as
|
|
1
|
+
import{a as c,b as i}from"./chunk-SVMFJQBI.mjs";import{SourceType as l,enhanceArgTypes as g}from"@storybook/docs-tools";import{SNIPPET_RENDERED as m,SourceType as s}from"@storybook/docs-tools";import{addons as p,useEffect as u}from"@storybook/addons";import{dedent as f}from"ts-dedent";function d(e){let r=e?.parameters.docs?.source,o=e?.parameters.__isArgsStory;return r?.type===s.DYNAMIC?!1:!o||r?.code||r?.type===s.CODE}function y(e){return f(e)}function S(e,r){return((r.parameters.docs??{}).transformSource??y)(e,r)}function n(e,r){let o=r?.parameters.docs?.source?.excludeDecorators?r.originalStoryFn(r.args,r):e(),t;return d(r)||(typeof o=="string"?t=o:o instanceof Element&&(t=o.outerHTML),t&&(t=S(t,r))),u(()=>{t&&p.getChannel().emit(m,r.id,t)}),o}var T=[n],a={docs:{inlineStories:!0,transformSource:void 0,source:{type:l.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},C=[g];var R={framework:"html",...a};export{C as argTypesEnhancers,T as decorators,R as parameters,c as render,i as renderToCanvas};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { Addon_ClientStoryApi, Addon_Loadable, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations } from '@storybook/types';
|
|
2
|
-
export { ArgTypes, Args, Parameters } from '@storybook/types';
|
|
3
|
-
import { H as
|
|
1
|
+
import { Addon_ClientStoryApi, Addon_Loadable, Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, StrictArgs, DecoratorFunction, LoaderFunction, StoryContext as StoryContext$1 } from '@storybook/types';
|
|
2
|
+
export { ArgTypes, Args, Parameters, StrictArgs } from '@storybook/types';
|
|
3
|
+
import { H as HtmlRenderer } from './types-becdd26a.js';
|
|
4
|
+
export { H as HtmlRenderer } from './types-becdd26a.js';
|
|
4
5
|
import 'lib/docs-tools/dist';
|
|
5
6
|
import 'lib/types/dist';
|
|
6
7
|
|
|
7
|
-
interface ClientApi extends Addon_ClientStoryApi<
|
|
8
|
+
interface ClientApi extends Addon_ClientStoryApi<HtmlRenderer['storyResult']> {
|
|
8
9
|
configure(loader: Addon_Loadable, module: NodeModule): void;
|
|
9
10
|
forceReRender(): void;
|
|
10
11
|
raw: () => any;
|
|
@@ -19,19 +20,19 @@ declare const raw: ClientApi['raw'];
|
|
|
19
20
|
*
|
|
20
21
|
* @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
|
|
21
22
|
*/
|
|
22
|
-
declare type Meta<TArgs = Args> = ComponentAnnotations<
|
|
23
|
+
declare type Meta<TArgs = Args> = ComponentAnnotations<HtmlRenderer, TArgs>;
|
|
23
24
|
/**
|
|
24
25
|
* Story function that represents a CSFv2 component example.
|
|
25
26
|
*
|
|
26
27
|
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
27
28
|
*/
|
|
28
|
-
declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<
|
|
29
|
+
declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<HtmlRenderer, TArgs>;
|
|
29
30
|
/**
|
|
30
31
|
* Story function that represents a CSFv3 component example.
|
|
31
32
|
*
|
|
32
33
|
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
33
34
|
*/
|
|
34
|
-
declare type StoryObj<TArgs = Args> = StoryAnnotations<
|
|
35
|
+
declare type StoryObj<TArgs = Args> = StoryAnnotations<HtmlRenderer, TArgs>;
|
|
35
36
|
/**
|
|
36
37
|
* @deprecated Use `StoryFn` instead.
|
|
37
38
|
* Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
|
|
@@ -42,5 +43,8 @@ declare type StoryObj<TArgs = Args> = StoryAnnotations<HtmlFramework, TArgs>;
|
|
|
42
43
|
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
43
44
|
*/
|
|
44
45
|
declare type Story<TArgs = Args> = StoryFn<TArgs>;
|
|
46
|
+
declare type Decorator<TArgs = StrictArgs> = DecoratorFunction<HtmlRenderer, TArgs>;
|
|
47
|
+
declare type Loader<TArgs = StrictArgs> = LoaderFunction<HtmlRenderer, TArgs>;
|
|
48
|
+
declare type StoryContext<TArgs = StrictArgs> = StoryContext$1<HtmlRenderer, TArgs>;
|
|
45
49
|
|
|
46
|
-
export { Meta, Story, StoryFn, StoryObj, configure, forceReRender, raw, storiesOf };
|
|
50
|
+
export { Decorator, Loader, Meta, Story, StoryContext, StoryFn, StoryObj, configure, forceReRender, raw, storiesOf };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var g=Object.create;var s=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var r in t)s(e,r,{get:t[r],enumerable:!0})},c=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of b(t))!w.call(e,o)&&o!==r&&s(e,o,{get:()=>t[o],enumerable:!(n=M(t,o))||n.enumerable});return e};var a=(e,t,r)=>(r=e!=null?g(h(e)):{},c(t||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),T=e=>c(s({},"__esModule",{value:!0}),e);var D={};L(D,{configure:()=>E,forceReRender:()=>N,raw:()=>$,storiesOf:()=>_});module.exports=T(D);var u=a(require("global")),{window:x}=u.default;x.STORYBOOK_ENV="HTML";var C=require("@storybook/core-client");var y=a(require("global")),m=require("ts-dedent"),f=require("@storybook/preview-web"),{Node:S}=y.default,R=(e,t)=>{let{id:r,component:n}=t;if(typeof n=="string"){let o=n;return Object.keys(e).forEach(i=>{o=o.replace(`{{${i}}}`,e[i])}),o}if(n instanceof HTMLElement){let o=n.cloneNode(!0);return Object.keys(e).forEach(i=>{o.setAttribute(i,typeof e[i]=="string"?e[i]:JSON.stringify(e[i]))}),o}if(typeof n=="function")return n(e,t);throw console.warn(m.dedent`
|
|
2
2
|
Storybook's HTML renderer only supports rendering DOM elements and strings.
|
|
3
3
|
Received: ${n}
|
|
4
|
-
`),new Error(`Unable to render story ${r}`)};function A({storyFn:e,kind:
|
|
4
|
+
`),new Error(`Unable to render story ${r}`)};function A({storyFn:e,kind:t,name:r,showMain:n,showError:o,forceRemount:i},d){let p=e();if(n(),typeof p=="string")d.innerHTML=p,(0,f.simulatePageLoad)(d);else if(p instanceof S){if(d.firstChild===p&&i===!1)return;d.innerHTML="",d.appendChild(p),(0,f.simulateDOMContentLoaded)()}else o({title:`Expecting an HTML snippet or DOM node from the story: "${r}" of "${t}".`,description:m.dedent`
|
|
5
5
|
Did you forget to return the HTML snippet from the story?
|
|
6
6
|
Use "() => <your snippet or node>" or when defining the story.
|
|
7
|
-
`})}var
|
|
7
|
+
`})}var H="html",l=(0,C.start)(A,{render:R}),_=(e,t)=>l.clientApi.storiesOf(e,t).addParameters({framework:H}),E=(...e)=>l.configure(H,...e),N=l.forceReRender,$=l.clientApi.raw;var O;(O=module==null?void 0:module.hot)==null||O.decline();0&&(module.exports={configure,forceReRender,raw,storiesOf});
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as r,b as t}from"./chunk-
|
|
1
|
+
import{a as r,b as t}from"./chunk-SVMFJQBI.mjs";import d from"global";var{window:p}=d;p.STORYBOOK_ENV="HTML";import{start as l}from"@storybook/core-client";var n="html",e=l(t,{render:r}),m=(o,i)=>e.clientApi.storiesOf(o,i).addParameters({framework:n}),c=(...o)=>e.configure(n,...o),R=e.forceReRender,A=e.clientApi.raw;module?.hot?.decline();export{c as configure,R as forceReRender,A as raw,m as storiesOf};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { PartialStoryFn, ArgsStoryFn, Store_RenderContext, WebRenderer, StoryContext as StoryContext$1 } from '@storybook/types';
|
|
2
|
+
import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
|
|
3
|
+
import * as lib_types_dist from 'lib/types/dist';
|
|
4
|
+
|
|
5
|
+
declare function sourceDecorator(storyFn: PartialStoryFn<HtmlRenderer>, context: StoryContext): StoryFnHtmlReturnType;
|
|
6
|
+
|
|
7
|
+
declare const decorators: (typeof sourceDecorator)[];
|
|
8
|
+
declare const argTypesEnhancers: (<TRenderer extends lib_types_dist.Renderer>(context: lib_types_dist.StoryContextForEnhancers<TRenderer, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
|
|
9
|
+
|
|
10
|
+
declare const render: ArgsStoryFn<HtmlRenderer>;
|
|
11
|
+
declare function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount }: Store_RenderContext<HtmlRenderer>, canvasElement: HtmlRenderer['canvasElement']): void;
|
|
12
|
+
|
|
13
|
+
declare const parameters: {
|
|
14
|
+
docs: {
|
|
15
|
+
inlineStories: boolean;
|
|
16
|
+
transformSource: unknown;
|
|
17
|
+
source: {
|
|
18
|
+
type: lib_docs_tools_dist.SourceType;
|
|
19
|
+
language: string;
|
|
20
|
+
code: unknown;
|
|
21
|
+
excludeDecorators: unknown;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
framework: "html";
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
declare type StoryFnHtmlReturnType = string | Node;
|
|
28
|
+
interface HtmlRenderer extends WebRenderer {
|
|
29
|
+
component: string | HTMLElement | ArgsStoryFn<HtmlRenderer>;
|
|
30
|
+
storyResult: StoryFnHtmlReturnType;
|
|
31
|
+
}
|
|
32
|
+
declare type StoryContext = StoryContext$1<HtmlRenderer> & {
|
|
33
|
+
parameters: StoryContext$1<HtmlRenderer>['parameters'] & typeof parameters;
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export { HtmlRenderer as H, argTypesEnhancers as a, render as b, decorators as d, parameters as p, renderToCanvas as r };
|
package/jest.config.js
ADDED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/html",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.50",
|
|
4
4
|
"description": "Storybook HTML renderer",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -51,12 +51,12 @@
|
|
|
51
51
|
"prep": "../../../scripts/prepare/bundle.ts"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@storybook/addons": "7.0.0-alpha.
|
|
55
|
-
"@storybook/core-client": "7.0.0-alpha.
|
|
56
|
-
"@storybook/docs-tools": "7.0.0-alpha.
|
|
57
|
-
"@storybook/preview-web": "7.0.0-alpha.
|
|
58
|
-
"@storybook/store": "7.0.0-alpha.
|
|
59
|
-
"@storybook/types": "7.0.0-alpha.
|
|
54
|
+
"@storybook/addons": "7.0.0-alpha.50",
|
|
55
|
+
"@storybook/core-client": "7.0.0-alpha.50",
|
|
56
|
+
"@storybook/docs-tools": "7.0.0-alpha.50",
|
|
57
|
+
"@storybook/preview-web": "7.0.0-alpha.50",
|
|
58
|
+
"@storybook/store": "7.0.0-alpha.50",
|
|
59
|
+
"@storybook/types": "7.0.0-alpha.50",
|
|
60
60
|
"global": "^4.4.0",
|
|
61
61
|
"react": "16.14.0",
|
|
62
62
|
"react-dom": "16.14.0",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
],
|
|
82
82
|
"platform": "browser"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "77184d039091f4782dc4540df6d271a24fb3e242"
|
|
85
85
|
}
|
package/dist/types-84590f3a.d.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { PartialStoryFn, ArgsStoryFn, Store_RenderContext, WebFramework, StoryContext as StoryContext$1 } from '@storybook/types';
|
|
2
|
-
import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
|
|
3
|
-
import * as lib_types_dist from 'lib/types/dist';
|
|
4
|
-
|
|
5
|
-
declare function sourceDecorator(storyFn: PartialStoryFn<HtmlFramework>, context: StoryContext): StoryFnHtmlReturnType;
|
|
6
|
-
|
|
7
|
-
declare const decorators: (typeof sourceDecorator)[];
|
|
8
|
-
declare const argTypesEnhancers: (<TFramework extends lib_types_dist.Framework>(context: lib_types_dist.StoryContextForEnhancers<TFramework, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
|
|
9
|
-
|
|
10
|
-
declare const render: ArgsStoryFn<HtmlFramework>;
|
|
11
|
-
declare function renderToCanvas({ storyFn, kind, name, showMain, showError, forceRemount }: Store_RenderContext<HtmlFramework>, canvasElement: HtmlFramework['canvasElement']): void;
|
|
12
|
-
|
|
13
|
-
declare const parameters: {
|
|
14
|
-
docs: {
|
|
15
|
-
inlineStories: boolean;
|
|
16
|
-
transformSource: unknown;
|
|
17
|
-
source: {
|
|
18
|
-
type: lib_docs_tools_dist.SourceType;
|
|
19
|
-
language: string;
|
|
20
|
-
code: unknown;
|
|
21
|
-
excludeDecorators: unknown;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
framework: "html";
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
declare type StoryFnHtmlReturnType = string | Node;
|
|
28
|
-
interface HtmlFramework extends WebFramework {
|
|
29
|
-
component: string | HTMLElement | ArgsStoryFn<HtmlFramework>;
|
|
30
|
-
storyResult: StoryFnHtmlReturnType;
|
|
31
|
-
}
|
|
32
|
-
declare type StoryContext = StoryContext$1<HtmlFramework> & {
|
|
33
|
-
parameters: StoryContext$1<HtmlFramework>['parameters'] & typeof parameters;
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export { HtmlFramework as H, argTypesEnhancers as a, render as b, decorators as d, parameters as p, renderToCanvas as r };
|