@storybook/react 7.0.0-alpha.4 → 7.0.0-alpha.7
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-DGYCFUMN.mjs +1 -0
- package/dist/config.d.ts +24 -0
- package/dist/config.js +7 -0
- package/dist/config.mjs +7 -0
- package/dist/index.d.ts +173 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/dist/types-9f8d440a.d.ts +17 -0
- package/package.json +33 -11
- package/preview.js +1 -1
- package/dist/cjs/config.js +0 -43
- package/dist/cjs/docs/config.js +0 -25
- package/dist/cjs/docs/extractArgTypes.js +0 -47
- package/dist/cjs/docs/extractProps.js +0 -57
- package/dist/cjs/docs/jsxDecorator.js +0 -210
- package/dist/cjs/docs/lib/captions.js +0 -18
- package/dist/cjs/docs/lib/componentTypes.js +0 -14
- package/dist/cjs/docs/lib/defaultValues/createDefaultValue.js +0 -86
- package/dist/cjs/docs/lib/defaultValues/createFromRawDefaultProp.js +0 -206
- package/dist/cjs/docs/lib/defaultValues/generateArray.js +0 -31
- package/dist/cjs/docs/lib/defaultValues/generateObject.js +0 -31
- package/dist/cjs/docs/lib/defaultValues/index.js +0 -31
- package/dist/cjs/docs/lib/defaultValues/prettyIdentifier.js +0 -38
- package/dist/cjs/docs/lib/generateCode.js +0 -74
- package/dist/cjs/docs/lib/index.js +0 -57
- package/dist/cjs/docs/lib/inspection/acornParser.js +0 -230
- package/dist/cjs/docs/lib/inspection/index.js +0 -31
- package/dist/cjs/docs/lib/inspection/inspectValue.js +0 -24
- package/dist/cjs/docs/lib/inspection/types.js +0 -19
- package/dist/cjs/docs/lib/isHtmlTag.js +0 -14
- package/dist/cjs/docs/propTypes/createType.js +0 -458
- package/dist/cjs/docs/propTypes/generateFuncSignature.js +0 -68
- package/dist/cjs/docs/propTypes/handleProp.js +0 -52
- package/dist/cjs/docs/propTypes/rawDefaultPropResolvers.js +0 -43
- package/dist/cjs/docs/propTypes/sortProps.js +0 -21
- package/dist/cjs/docs/react-argtypes.stories.js +0 -67
- package/dist/cjs/docs/typeScript/handleProp.js +0 -38
- package/dist/cjs/index.js +0 -98
- package/dist/cjs/preview/config.js +0 -19
- package/dist/cjs/preview/globals.js +0 -13
- package/dist/cjs/preview/index.js +0 -44
- package/dist/cjs/preview/render.js +0 -165
- package/dist/cjs/preview/types-6-0.js +0 -5
- package/dist/cjs/preview/types-6-3.js +0 -18
- package/dist/cjs/preview/types-7-0.js +0 -5
- package/dist/cjs/preview/types.js +0 -5
- package/dist/cjs/testing/index.js +0 -113
- package/dist/esm/config.js +0 -6
- package/dist/esm/docs/config.js +0 -12
- package/dist/esm/docs/extractArgTypes.js +0 -37
- package/dist/esm/docs/extractProps.js +0 -42
- package/dist/esm/docs/jsxDecorator.js +0 -170
- package/dist/esm/docs/lib/captions.js +0 -6
- package/dist/esm/docs/lib/componentTypes.js +0 -2
- package/dist/esm/docs/lib/defaultValues/createDefaultValue.js +0 -72
- package/dist/esm/docs/lib/defaultValues/createFromRawDefaultProp.js +0 -183
- package/dist/esm/docs/lib/defaultValues/generateArray.js +0 -21
- package/dist/esm/docs/lib/defaultValues/generateObject.js +0 -21
- package/dist/esm/docs/lib/defaultValues/index.js +0 -2
- package/dist/esm/docs/lib/defaultValues/prettyIdentifier.js +0 -26
- package/dist/esm/docs/lib/generateCode.js +0 -59
- package/dist/esm/docs/lib/index.js +0 -4
- package/dist/esm/docs/lib/inspection/acornParser.js +0 -211
- package/dist/esm/docs/lib/inspection/index.js +0 -2
- package/dist/esm/docs/lib/inspection/inspectValue.js +0 -15
- package/dist/esm/docs/lib/inspection/types.js +0 -12
- package/dist/esm/docs/lib/isHtmlTag.js +0 -4
- package/dist/esm/docs/propTypes/createType.js +0 -447
- package/dist/esm/docs/propTypes/generateFuncSignature.js +0 -57
- package/dist/esm/docs/propTypes/handleProp.js +0 -39
- package/dist/esm/docs/propTypes/rawDefaultPropResolvers.js +0 -31
- package/dist/esm/docs/propTypes/sortProps.js +0 -14
- package/dist/esm/docs/react-argtypes.stories.js +0 -54
- package/dist/esm/docs/typeScript/handleProp.js +0 -28
- package/dist/esm/index.js +0 -5
- package/dist/esm/preview/config.js +0 -1
- package/dist/esm/preview/globals.js +0 -8
- package/dist/esm/preview/index.js +0 -21
- package/dist/esm/preview/render.js +0 -141
- package/dist/esm/preview/types-6-0.js +0 -1
- package/dist/esm/preview/types-6-3.js +0 -10
- package/dist/esm/preview/types-7-0.js +0 -1
- package/dist/esm/preview/types.js +0 -1
- package/dist/esm/testing/index.js +0 -97
- package/dist/types/config.d.ts +0 -10
- package/dist/types/docs/config.d.ts +0 -10
- package/dist/types/docs/extractArgTypes.d.ts +0 -2
- package/dist/types/docs/extractProps.d.ts +0 -9
- package/dist/types/docs/jsxDecorator.d.ts +0 -23
- package/dist/types/docs/lib/captions.d.ts +0 -6
- package/dist/types/docs/lib/componentTypes.d.ts +0 -2
- package/dist/types/docs/lib/defaultValues/createDefaultValue.d.ts +0 -2
- package/dist/types/docs/lib/defaultValues/createFromRawDefaultProp.d.ts +0 -11
- package/dist/types/docs/lib/defaultValues/generateArray.d.ts +0 -3
- package/dist/types/docs/lib/defaultValues/generateObject.d.ts +0 -3
- package/dist/types/docs/lib/defaultValues/index.d.ts +0 -2
- package/dist/types/docs/lib/defaultValues/prettyIdentifier.d.ts +0 -4
- package/dist/types/docs/lib/generateCode.d.ts +0 -3
- package/dist/types/docs/lib/index.d.ts +0 -4
- package/dist/types/docs/lib/inspection/acornParser.d.ts +0 -7
- package/dist/types/docs/lib/inspection/index.d.ts +0 -2
- package/dist/types/docs/lib/inspection/inspectValue.d.ts +0 -2
- package/dist/types/docs/lib/inspection/types.d.ts +0 -50
- package/dist/types/docs/lib/isHtmlTag.d.ts +0 -1
- package/dist/types/docs/propTypes/createType.d.ts +0 -2
- package/dist/types/docs/propTypes/generateFuncSignature.d.ts +0 -4
- package/dist/types/docs/propTypes/handleProp.d.ts +0 -5
- package/dist/types/docs/propTypes/rawDefaultPropResolvers.d.ts +0 -1
- package/dist/types/docs/propTypes/sortProps.d.ts +0 -4
- package/dist/types/docs/react-argtypes.stories.d.ts +0 -1
- package/dist/types/docs/typeScript/handleProp.d.ts +0 -3
- package/dist/types/index.d.ts +0 -4
- package/dist/types/preview/config.d.ts +0 -1
- package/dist/types/preview/globals.d.ts +0 -1
- package/dist/types/preview/index.d.ts +0 -25
- package/dist/types/preview/render.d.ts +0 -5
- package/dist/types/preview/types-6-0.d.ts +0 -35
- package/dist/types/preview/types-6-3.d.ts +0 -40
- package/dist/types/preview/types-7-0.d.ts +0 -21
- package/dist/types/preview/types.d.ts +0 -16
- package/dist/types/testing/index.d.ts +0 -84
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var d=Object.defineProperty,M=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var h=(e,t,o)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,z=(e,t)=>{for(var o in t||(t={}))f.call(t,o)&&h(e,o,t[o]);if(a)for(var o of a(t))w.call(t,o)&&h(e,o,t[o]);return e},G=(e,t)=>M(e,b(t)),r=(e,t)=>d(e,"name",{value:t,configurable:!0});var H=(e,t)=>{var o={};for(var n in e)f.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&a)for(var n of a(e))t.indexOf(n)<0&&w.call(e,n)&&(o[n]=e[n]);return o};import v from"global";import c,{Component as U,StrictMode as j,Fragment as A}from"react";import y,{version as u}from"react-dom";function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i.apply(this,arguments)}r(i,"_extends");var{FRAMEWORK_OPTIONS:s}=v,p=new Map,Y=r((e,t)=>{let{id:o,component:n}=t;if(!n)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return c.createElement(n,i({},e))},"render"),B=r(async(e,t)=>{let o=await $(t);return new Promise(n=>{o?(o.render(e),setTimeout(()=>{n(null)},0)):y.render(e,t,()=>n(null))})},"renderElement"),N=u&&(u.startsWith("18")||u.startsWith("0.0.0")),V=(s==null?void 0:s.legacyRootApi)!==!0,D=V&&N,g=r(e=>{let t=p.get(e);t&&D?(t.unmount(),p.delete(e)):y.unmountComponentAtNode(e)},"unmountElement"),$=r(async e=>{if(!D)return null;let t=p.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),p.set(e,t)),t},"getReactRoot"),q=r(class extends U{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:t}=this.state,{showMain:o}=this.props;t||o()}componentDidCatch(t){let{showException:o}=this.props;o(t)}render(){let{hasError:t}=this.state,{children:o}=this.props;return t?null:o}},"ErrorBoundary"),E=s!=null&&s.strictMode?j:A;async function F({storyContext:e,unboundStoryFn:t,showMain:o,showException:n,forceRemount:x},m){let C=t,l=c.createElement(q,{showMain:o,showException:n},c.createElement(C,i({},e))),R=E?c.createElement(E,null,l):l;return x&&g(m),await B(R,m),()=>g(m)}r(F,"renderToDOM");export{z as a,G as b,r as c,H as d,Y as e,F as f};
|
package/dist/config.d.ts
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as lib_docs_tools_dist_types from 'lib/docs-tools/dist/types';
|
|
2
|
+
import * as lib_addons_dist_types from 'lib/addons/dist/types';
|
|
3
|
+
import * as _storybook_csf from '@storybook/csf';
|
|
4
|
+
import { ArgsStoryFn } from '@storybook/csf';
|
|
5
|
+
import { R as ReactFramework, S as StoryFnReactReturnType } from './types-9f8d440a.js';
|
|
6
|
+
import { RenderContext } from '@storybook/store';
|
|
7
|
+
import 'react';
|
|
8
|
+
|
|
9
|
+
declare const decorators: ((storyFn: _storybook_csf.PartialStoryFn<ReactFramework, _storybook_csf.Args>, context: _storybook_csf.StoryContext<ReactFramework, _storybook_csf.Args>) => StoryFnReactReturnType)[];
|
|
10
|
+
declare const argTypesEnhancers: (<TFramework extends _storybook_csf.AnyFramework>(context: _storybook_csf.StoryContextForEnhancers<TFramework, _storybook_csf.Args>) => _storybook_csf.StrictArgTypes<_storybook_csf.Args> | lib_addons_dist_types.Parameters)[];
|
|
11
|
+
|
|
12
|
+
declare const render: ArgsStoryFn<ReactFramework>;
|
|
13
|
+
declare function renderToDOM({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: RenderContext<ReactFramework>, domElement: Element): Promise<() => void>;
|
|
14
|
+
|
|
15
|
+
declare const parameters: {
|
|
16
|
+
docs: {
|
|
17
|
+
inlineStories: boolean;
|
|
18
|
+
extractArgTypes: lib_docs_tools_dist_types.ArgTypesExtractor;
|
|
19
|
+
extractComponentDescription: typeof lib_docs_tools_dist_types.extractComponentDescription;
|
|
20
|
+
};
|
|
21
|
+
framework: string;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export { argTypesEnhancers, decorators, parameters, render, renderToDOM };
|
package/dist/config.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
var yt=Object.create;var M=Object.defineProperty,ht=Object.defineProperties,Et=Object.getOwnPropertyDescriptor,Tt=Object.getOwnPropertyDescriptors,gt=Object.getOwnPropertyNames,W=Object.getOwnPropertySymbols,Nt=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty,Te=Object.prototype.propertyIsEnumerable;var Ee=(e,t,r)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))se.call(t,r)&&Ee(e,r,t[r]);if(W)for(var r of W(t))Te.call(t,r)&&Ee(e,r,t[r]);return e},H=(e,t)=>ht(e,Tt(t)),o=(e,t)=>M(e,"name",{value:t,configurable:!0});var ge=(e,t)=>{var r={};for(var n in e)se.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&W)for(var n of W(e))t.indexOf(n)<0&&Te.call(e,n)&&(r[n]=e[n]);return r};var Ot=(e,t)=>{for(var r in t)M(e,r,{get:t[r],enumerable:!0})},Ne=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of gt(t))!se.call(e,s)&&s!==r&&M(e,s,{get:()=>t[s],enumerable:!(n=Et(t,s))||n.enumerable});return e};var d=(e,t,r)=>(r=e!=null?yt(Nt(e)):{},Ne(t||!e||!e.__esModule?M(r,"default",{value:e,enumerable:!0}):r,e)),Ct=e=>Ne(M({},"__esModule",{value:!0}),e);var hr={};Ot(hr,{argTypesEnhancers:()=>ut,decorators:()=>it,parameters:()=>yr,render:()=>pt,renderToDOM:()=>dt});module.exports=Ct(hr);var re=require("@storybook/docs-tools");var de=d(require("prop-types")),F=require("@storybook/docs-tools");var x=require("@storybook/docs-tools");function Oe(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let s=[];if(r){let a=e.map(c=>{let p=c.getPrettyName(),i=c.getTypeName();return i!=null?`${p}: ${i}`:p});s.push(`(${a.join(", ")})`)}else s.push("()");return n&&s.push(`=> ${t.getTypeName()}`),s.join(" ")}o(Oe,"generateFuncSignature");function Ce(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let s=[];return r?s.push("( ... )"):s.push("()"),n&&s.push(`=> ${t.getTypeName()}`),s.join(" ")}o(Ce,"generateShortFuncSignature");function Ae(e){return e.replace(/,/g,`,\r
|
|
2
|
+
`)}o(Ae,"toMultilineSignature");var X="custom",S="object",_="array",Se="class",N="func",O="element";var Re=d(require("html-tags"));function U(e){return Re.default.includes(e.toLowerCase())}o(U,"isHtmlTag");var Ie=require("escodegen"),xe=d(require("ts-dedent")),Fe={format:{indent:{style:" "},semicolons:!1}},At=H(m({},Fe),{format:{newline:""}}),St=m({},Fe);function C(e,t=!1){return(0,Ie.generate)(e,t?At:St)}o(C,"generateCode");function V(e,t=!1){return t?Rt(e):C(e)}o(V,"generateObjectCode");function Rt(e){let t=C(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}o(Rt,"generateCompactObjectCode");function ae(e,t=!1){return t?xt(e):It(e)}o(ae,"generateArrayCode");function It(e){let t=C(e);return t.endsWith(" }]")&&(t=(0,xe.default)(t)),t}o(It,"generateMultilineArrayCode");function xt(e){let t=C(e,!0);return t.startsWith("[ ")&&(t=t.replace("[ ","[")),t}o(xt,"generateCompactArrayCode");var q=o(e=>e.$$typeof===Symbol.for("react.memo"),"isMemo"),be=o(e=>e.$$typeof===Symbol.for("react.forward_ref"),"isForwardRef");var u;(function(e){e.IDENTIFIER="Identifier",e.LITERAL="Literal",e.OBJECT="Object",e.ARRAY="Array",e.FUNCTION="Function",e.CLASS="Class",e.ELEMENT="Element",e.UNKNOWN="Unknown"})(u||(u={}));var Me=require("acorn"),Ue=d(require("acorn-jsx")),I=d(require("acorn-walk"));var ie=H(m({},I.base),{JSXElement:()=>{}}),Ft=Me.Parser.extend((0,Ue.default)());function k(e){return e!=null?e.name:null}o(k,"extractIdentifierName");function je(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}o(je,"filterAncestors");function Pe(e){let t=[];return I.ancestor(e,{ObjectExpression(r,n){t.push(je(n).length)},ArrayExpression(r,n){t.push(je(n).length)}},ie),Math.max(...t)}o(Pe,"calculateNodeDepth");function bt(e){return{inferredType:{type:u.IDENTIFIER,identifier:k(e)},ast:e}}o(bt,"parseIdentifier");function jt(e){return{inferredType:{type:u.LITERAL},ast:e}}o(jt,"parseLiteral");function Mt(e){let t;I.simple(e.body,{JSXElement(a){t=a}},ie);let n={type:t!=null?u.ELEMENT:u.FUNCTION,params:e.params,hasParams:e.params.length!==0},s=k(e.id);return s!=null&&(n.identifier=s),{inferredType:n,ast:e}}o(Mt,"parseFunction");function Ut(e){let t;return I.simple(e.body,{JSXElement(n){t=n}},ie),{inferredType:{type:t!=null?u.ELEMENT:u.CLASS,identifier:k(e.id)},ast:e}}o(Ut,"parseClass");function Pt(e){let t={type:u.ELEMENT},r=k(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}o(Pt,"parseJsxElement");function Lt(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return k(t)==="shape"?Le(e.arguments[0]):null}o(Lt,"parseCall");function Le(e){return{inferredType:{type:u.OBJECT,depth:Pe(e)},ast:e}}o(Le,"parseObject");function wt(e){return{inferredType:{type:u.ARRAY,depth:Pe(e)},ast:e}}o(wt,"parseArray");function Dt(e){switch(e.type){case"Identifier":return bt(e);case"Literal":return jt(e);case"FunctionExpression":case"ArrowFunctionExpression":return Mt(e);case"ClassExpression":return Ut(e);case"JSXElement":return Pt(e);case"CallExpression":return Lt(e);case"ObjectExpression":return Le(e);case"ArrayExpression":return wt(e);default:return null}}o(Dt,"parseExpression");function we(e){let t=Ft.parse(`(${e})`),r={inferredType:{type:u.UNKNOWN},ast:t};if(t.body[0]!=null){let n=t.body[0];switch(n.type){case"ExpressionStatement":{let s=Dt(n.expression);s!=null&&(r=s);break}default:break}}return r}o(we,"parse");function h(e){try{let t=we(e);return m({},t)}catch{}return{inferredType:{type:u.UNKNOWN}}}o(h,"inspectValue");var Jt=150,l;(function(e){e.CUSTOM="custom",e.ANY="any",e.FUNC="func",e.SHAPE="shape",e.OBJECT="object",e.INSTANCEOF="instanceOf",e.OBJECTOF="objectOf",e.UNION="union",e.ENUM="enum",e.ARRAYOF="arrayOf",e.ELEMENT="element",e.ELEMENTTYPE="elementType",e.NODE="node"})(l||(l={}));function y({name:e,short:t,compact:r,full:n,inferredType:s}){return{name:e,short:t,compact:r,full:n??t,inferredType:s}}o(y,"createTypeDef");function ke(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}o(ke,"cleanPropTypes");function De(e){return e.split(/\r?\n/)}o(De,"splitIntoLines");function G(e,t=!1){return ke(V(e,t))}o(G,"prettyObject");function Je(e,t=!1){return ke(C(e,t))}o(Je,"prettyArray");function _t(e){switch(e){case u.OBJECT:return S;case u.ARRAY:return _;case u.CLASS:return Se;case u.FUNCTION:return N;case u.ELEMENT:return O;default:return X}}o(_t,"getCaptionForInspectionType");function ve(e,t){let{inferredType:r,ast:n}=h(e),{type:s}=r,a,c,p;switch(s){case u.IDENTIFIER:case u.LITERAL:a=e,c=e;break;case u.OBJECT:{let{depth:i}=r;a=S,c=i===1?G(n,!0):null,p=G(n);break}case u.ELEMENT:{let{identifier:i}=r;a=i!=null&&!U(i)?i:O,c=De(e).length===1?e:null,p=e;break}case u.ARRAY:{let{depth:i}=r;a=_,c=i<=2?Je(n,!0):null,p=Je(n);break}default:a=_t(s),c=De(e).length===1?e:null,p=e;break}return y({name:t,short:a,compact:c,full:p,inferredType:s})}o(ve,"generateTypeFromString");function Vt({raw:e}){return e!=null?ve(e,l.CUSTOM):y({name:l.CUSTOM,short:X,compact:X})}o(Vt,"generateCustom");function kt(e){let{jsDocTags:t}=e;return t!=null&&(t.params!=null||t.returns!=null)?y({name:l.FUNC,short:Ce(t.params,t.returns),compact:null,full:Oe(t.params,t.returns)}):y({name:l.FUNC,short:N,compact:N})}o(kt,"generateFunc");function vt(e,t){let r=Object.keys(e.value).map(c=>`${c}: ${P(e.value[c],t).full}`).join(", "),{inferredType:n,ast:s}=h(`{ ${r} }`),{depth:a}=n;return y({name:l.SHAPE,short:S,compact:a===1&&s?G(s,!0):null,full:s?G(s):null})}o(vt,"generateShape");function ue(e){return`objectOf(${e})`}o(ue,"objectOf");function Bt(e,t){let{short:r,compact:n,full:s}=P(e.value,t);return y({name:l.OBJECTOF,short:ue(r),compact:n!=null?ue(n):null,full:s&&ue(s)})}o(Bt,"generateObjectOf");function $t(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,s)=>{let{short:a,compact:c,full:p}=P(s,t);return n.short.push(a),n.compact.push(c),n.full.push(p),n},{short:[],compact:[],full:[]});return y({name:l.UNION,short:r.short.join(" | "),compact:r.compact.every(n=>n!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return y({name:l.UNION,short:e.value,compact:null})}o($t,"generateUnion");function Yt({value:e,computed:t}){return t?ve(e,"enumvalue"):y({name:"enumvalue",short:e,compact:e})}o(Yt,"generateEnumValue");function Wt(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:s,compact:a,full:c}=Yt(n);return r.short.push(s),r.compact.push(a),r.full.push(c),r},{short:[],compact:[],full:[]});return y({name:l.ENUM,short:t.short.join(" | "),compact:t.compact.every(r=>r!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return y({name:l.ENUM,short:e.value,compact:e.value})}o(Wt,"generateEnum");function ce(e){return`${e}[]`}o(ce,"braceAfter");function _e(e){return`[${e}]`}o(_e,"braceAround");function Ve(e,t,r){return y({name:l.ARRAYOF,short:ce(e),compact:t!=null?_e(t):null,full:r&&_e(r)})}o(Ve,"createArrayOfObjectTypeDef");function Ht(e,t){let{name:r,short:n,compact:s,full:a,inferredType:c}=P(e.value,t);if(r===l.CUSTOM){if(c===u.OBJECT)return Ve(n,s,a)}else if(r===l.SHAPE)return Ve(n,s,a);return y({name:l.ARRAYOF,short:ce(n),compact:ce(n)})}o(Ht,"generateArray");function P(e,t){try{switch(e.name){case l.CUSTOM:return Vt(e);case l.FUNC:return kt(t);case l.SHAPE:return vt(e,t);case l.INSTANCEOF:return y({name:l.INSTANCEOF,short:e.value,compact:e.value});case l.OBJECTOF:return Bt(e,t);case l.UNION:return $t(e,t);case l.ENUM:return Wt(e);case l.ARRAYOF:return Ht(e,t);default:return y({name:e.name,short:e.name,compact:e.name})}}catch(r){console.error(r)}return y({name:"unknown",short:"unknown",compact:"unknown"})}o(P,"generateType");function Be(e){let{type:t}=e.docgenInfo;if(t==null)return null;try{switch(t.name){case l.CUSTOM:case l.SHAPE:case l.INSTANCEOF:case l.OBJECTOF:case l.UNION:case l.ENUM:case l.ARRAYOF:{let{short:r,compact:n,full:s}=P(t,e);return n!=null&&!(0,x.isTooLongForTypeSummary)(n)?(0,x.createSummaryValue)(n):s?(0,x.createSummaryValue)(r,s):(0,x.createSummaryValue)(r)}case l.FUNC:{let{short:r,full:n}=P(t,e),s=r,a;return n&&n.length<Jt?s=n:n&&(a=Ae(n)),(0,x.createSummaryValue)(s,a)}default:return null}}catch(r){console.error(r)}return null}o(Be,"createType");var A=require("@storybook/docs-tools");var v=require("@storybook/docs-tools");function K({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=V(t,!0);if(!(0,v.isTooLongForDefaultValueSummary)(n))return(0,v.createSummaryValue)(n)}return(0,v.createSummaryValue)(S,V(t))}o(K,"generateObject");var B=require("@storybook/docs-tools");function z({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=ae(t,!0);if(!(0,B.isTooLongForDefaultValueSummary)(n))return(0,B.createSummaryValue)(n)}return(0,B.createSummaryValue)(_,ae(t))}o(z,"generateArray");function $(e,t){return t?`${e}( ... )`:`${e}()`}o($,"getPrettyFuncIdentifier");function L(e){return`<${e} />`}o(L,"getPrettyElementIdentifier");function le(e){let{type:t,identifier:r}=e;switch(t){case u.FUNCTION:return $(r,e.hasParams);case u.ELEMENT:return L(r);default:return r}}o(le,"getPrettyIdentifier");function Xt({inferredType:e,ast:t}){let{identifier:r}=e;if(r!=null)return(0,A.createSummaryValue)(le(e),C(t));let n=C(t,!0);return(0,A.isTooLongForDefaultValueSummary)(n)?(0,A.createSummaryValue)(N,C(t)):(0,A.createSummaryValue)(n)}o(Xt,"generateFunc");function qt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!U(n)){let s=le(r);return(0,A.createSummaryValue)(s,e)}return(0,A.isTooLongForDefaultValueSummary)(e)?(0,A.createSummaryValue)(O,e):(0,A.createSummaryValue)(e)}o(qt,"generateElement");function Q(e){try{let t=h(e);switch(t.inferredType.type){case u.OBJECT:return K(t);case u.FUNCTION:return Xt(t);case u.ELEMENT:return qt(e,t);case u.ARRAY:return z(t);default:return null}}catch(t){console.error(t)}return null}o(Q,"createDefaultValue");var $e=d(require("lodash/isPlainObject")),fe=d(require("lodash/isFunction")),Ye=d(require("lodash/isString")),pe=d(require("react-element-to-jsx-string")),E=require("@storybook/docs-tools");function We(e){return e.$$typeof!=null}o(We,"isReactElement");function me(e,t){let{name:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}o(me,"extractFunctionName");var Gt=o(e=>(0,E.createSummaryValue)(JSON.stringify(e)),"stringResolver");function Kt(e){let{type:t}=e,{displayName:r}=t,n=(0,pe.default)(e,{});if(r!=null){let s=L(r);return(0,E.createSummaryValue)(s,n)}if((0,Ye.default)(t)&&U(t)){let a=(0,pe.default)(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!(0,E.isTooLongForDefaultValueSummary)(a))return(0,E.createSummaryValue)(a)}return(0,E.createSummaryValue)(O,n)}o(Kt,"generateReactObject");var zt=o(e=>{if(We(e)&&e.type!=null)return Kt(e);if((0,$e.default)(e)){let t=h(JSON.stringify(e));return K(t)}if(Array.isArray(e)){let t=h(JSON.stringify(e));return z(t)}return(0,E.createSummaryValue)(S)},"objectResolver"),Qt=o((e,t)=>{let r=!1,n;if((0,fe.default)(e.render))r=!0;else if(e.prototype!=null&&(0,fe.default)(e.prototype.render))r=!0;else{let a;try{n=h(e.toString());let{hasParams:c,params:p}=n.inferredType;c?p.length===1&&p[0].type==="ObjectPattern"&&(a=e({})):a=e(),a!=null&&We(a)&&(r=!0)}catch{}}let s=me(e,t.name);if(s!=null){if(r)return(0,E.createSummaryValue)(L(s));n!=null&&(n=h(e.toString()));let{hasParams:a}=n.inferredType;return(0,E.createSummaryValue)($(s,a))}return(0,E.createSummaryValue)(r?O:N)},"functionResolver"),Zt=o(e=>(0,E.createSummaryValue)(e.toString()),"defaultResolver"),He={string:Gt,object:zt,function:Qt,default:Zt};function Xe(e={}){return m(m({},He),e)}o(Xe,"createTypeResolvers");function Z(e,t,r=He){try{switch(typeof e){case"string":return r.string(e,t);case"object":return r.object(e,t);case"function":return r.function(e,t);default:return r.default(e,t)}}catch(n){console.error(n)}return null}o(Z,"createDefaultValueFromRawDefaultProp");function qe(e,t){let{propTypes:r}=t;return r!=null?Object.keys(r).map(n=>e.find(s=>s.name===n)).filter(Boolean):e}o(qe,"keepOriginalDefinitionOrder");var ee=require("@storybook/docs-tools");var er=o((e,{name:t,type:r})=>{let n=r.summary==="element"||r.summary==="elementType",s=me(e,t);if(s!=null){if(n)return(0,ee.createSummaryValue)(L(s));let{hasParams:a}=h(e.toString()).inferredType;return(0,ee.createSummaryValue)($(s,a))}return(0,ee.createSummaryValue)(n?O:N)},"funcResolver"),Ge=Xe({function:er});function tr(e,t){let{propDef:r}=e,n=Be(e);n!=null&&(r.type=n);let{defaultValue:s}=e.docgenInfo;if(s!=null&&s.value!=null){let a=Q(s.value);a!=null&&(r.defaultValue=a)}else if(t!=null){let a=Z(t,r,Ge);a!=null&&(r.defaultValue=a)}return r}o(tr,"enhancePropTypesProp");function Ke(e,t){let r=t.defaultProps!=null?t.defaultProps:{},n=e.map(s=>tr(s,r[s.propDef.name]));return qe(n,t)}o(Ke,"enhancePropTypesProps");function rr(e,t){let{propDef:r}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let s=Q(n.value);s!=null&&(r.defaultValue=s)}else if(t!=null){let s=Z(t,r);s!=null&&(r.defaultValue=s)}return r}o(rr,"enhanceTypeScriptProp");function ze(e){return e.map(t=>rr(t))}o(ze,"enhanceTypeScriptProps");var Qe=new Map;Object.keys(de.default).forEach(e=>{let t=de.default[e];Qe.set(t,e),Qe.set(t.isRequired,e)});function nr(e,t){let r=e;!(0,F.hasDocgen)(e)&&!e.propTypes&&q(e)&&(r=e.type);let n=(0,F.extractComponentProps)(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case F.TypeSystem.JAVASCRIPT:return Ke(n,e);case F.TypeSystem.TYPESCRIPT:return ze(n);default:return n.map(s=>s.propDef)}}o(nr,"getPropDefs");var Ze=o(e=>({rows:nr(e,"props")}),"extractProps");var et=o(e=>{if(e){let{rows:t}=Ze(e);if(t)return t.reduce((r,n)=>{let{name:s,description:a,type:c,sbType:p,defaultValue:i,jsDocTags:R,required:g}=n;return r[s]={name:s,description:a,type:m({required:g},p),table:{type:c,jsDocTags:R,defaultValue:i}},r},{})}return null},"extractArgTypes");var w=d(require("react")),tt=d(require("react-element-to-jsx-string")),rt=d(require("ts-dedent")),nt=d(require("util-deprecate")),te=require("@storybook/addons"),b=require("@storybook/docs-tools"),Y=require("@storybook/client-logger");function ye(){return ye=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ye.apply(this,arguments)}o(ye,"_extends");var or=o((e,t)=>typeof t.onBeforeRender!="function"?e:(0,nt.default)(t.onBeforeRender,rt.default`
|
|
3
|
+
StoryFn.parameters.jsx.onBeforeRender was deprecated.
|
|
4
|
+
Prefer StoryFn.parameters.jsx.transformSource instead.
|
|
5
|
+
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.
|
|
6
|
+
`)(e),"applyBeforeRender"),sr=o((e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),"applyTransformSource"),ar=o((e,t)=>{if(typeof e>"u")return Y.logger.warn("Too many skip or undefined component"),null;let r=e,n=r.type;for(let i=0;i<t.skip;i+=1){if(typeof r>"u")return Y.logger.warn("Cannot skip undefined element"),null;if(w.default.Children.count(r)>1)return Y.logger.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(Y.logger.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=w.default.createElement(n,ye({},r.props)))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let s=typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(0,b.getDocgenSection)(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(be(i.type)?i.type.render.name:null)||(q(i.type)?i.type.type.name:null)||i.type},a={filterProps:(i,R)=>i!==void 0},c=m(m(m({},s),a),t);return w.default.Children.map(e,i=>{let R=typeof i=="number"?i.toString():i,g=or((0,tt.default)(R,c),t);if(g.indexOf(""")>-1){let J=g.match(/\S+=\\"([^"]*)\\"/g);J&&J.forEach(he=>{g=g.replace(he,he.replace(/"/g,"'"))})}return g}).join(`
|
|
7
|
+
`).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},"renderJsx"),ir={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},ur=o(e=>{var n;let t=(n=e==null?void 0:e.parameters.docs)==null?void 0:n.source,r=e==null?void 0:e.parameters.__isArgsStory;return(t==null?void 0:t.type)===b.SourceType.DYNAMIC?!1:!r||(t==null?void 0:t.code)||(t==null?void 0:t.type)===b.SourceType.CODE},"skipJsxRender"),cr=o(e=>{var t,r;return((t=e.type)==null?void 0:t.displayName)==="MDXCreateElement"&&!!((r=e.props)!=null&&r.mdxType)},"isMdx"),ot=o(e=>{if(!cr(e))return e;let c=e.props,{mdxType:t,originalType:r,children:n}=c,s=ge(c,["mdxType","originalType","children"]),a=[];return n&&(a=(Array.isArray(n)?n:[n]).map(ot)),(0,w.createElement)(r,s,...a)},"mdxToJsx"),st=o((e,t)=>{var g,J;let r=te.addons.getChannel(),n=ur(t),s=e(),a="";if((0,te.useEffect)(()=>{n||r.emit(b.SNIPPET_RENDERED,(t||{}).id,a)}),n)return s;let c=m(m({},ir),(t==null?void 0:t.parameters.jsx)||{}),p=(J=(g=t==null?void 0:t.parameters.docs)==null?void 0:g.source)!=null&&J.excludeDecorators?t.originalStoryFn(t.args,t):s,i=ot(p),R=ar(i,c);return R&&(a=sr(R,c,t)),s},"jsxDecorator");var at={docs:{inlineStories:!0,extractArgTypes:et,extractComponentDescription:re.extractComponentDescription}},it=[st],ut=[re.enhanceArgTypes];var ft=d(require("global")),T=d(require("react")),j=d(require("react-dom"));function ne(){return ne=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ne.apply(this,arguments)}o(ne,"_extends");var{FRAMEWORK_OPTIONS:D}=ft.default,oe=new Map,pt=o((e,t)=>{let{id:r,component:n}=t;if(!n)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return T.default.createElement(n,ne({},e))},"render"),lr=o(async(e,t)=>{let r=await mr(t);return new Promise(n=>{r?(r.render(e),setTimeout(()=>{n(null)},0)):j.default.render(e,t,()=>n(null))})},"renderElement"),fr=j.version&&(j.version.startsWith("18")||j.version.startsWith("0.0.0")),pr=(D==null?void 0:D.legacyRootApi)!==!0,mt=pr&&fr,ct=o(e=>{let t=oe.get(e);t&&mt?(t.unmount(),oe.delete(e)):j.default.unmountComponentAtNode(e)},"unmountElement"),mr=o(async e=>{if(!mt)return null;let t=oe.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),oe.set(e,t)),t},"getReactRoot"),dr=o(class extends T.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:t}=this.state,{showMain:r}=this.props;t||r()}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:r}},"ErrorBoundary"),lt=D!=null&&D.strictMode?T.StrictMode:T.Fragment;async function dt({storyContext:e,unboundStoryFn:t,showMain:r,showException:n,forceRemount:s},a){let c=t,p=T.default.createElement(dr,{showMain:r,showException:n},T.default.createElement(c,ne({},e))),i=lt?T.default.createElement(lt,null,p):p;return s&&ct(a),await lr(i,a),()=>ct(a)}o(dt,"renderToDOM");var yr=m({framework:"react"},at);0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});
|
package/dist/config.mjs
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import{a as m,b as U,c as o,d as ee,e as De,f as ve}from"./chunk-DGYCFUMN.mjs";import{extractComponentDescription as Kr,enhanceArgTypes as Gr}from"@storybook/docs-tools";import je from"prop-types";import{hasDocgen as Pr,extractComponentProps as Lr,TypeSystem as Me}from"@storybook/docs-tools";import{createSummaryValue as V,isTooLongForTypeSummary as ar}from"@storybook/docs-tools";function re(e,r){let t=e!=null,n=r!=null;if(!t&&!n)return"";let s=[];if(t){let a=e.map(l=>{let y=l.getPrettyName(),i=l.getTypeName();return i!=null?`${y}: ${i}`:y});s.push(`(${a.join(", ")})`)}else s.push("()");return n&&s.push(`=> ${r.getTypeName()}`),s.join(" ")}o(re,"generateFuncSignature");function te(e,r){let t=e!=null,n=r!=null;if(!t&&!n)return"";let s=[];return t?s.push("( ... )"):s.push("()"),n&&s.push(`=> ${r.getTypeName()}`),s.join(" ")}o(te,"generateShortFuncSignature");function ne(e){return e.replace(/,/g,`,\r
|
|
2
|
+
`)}o(ne,"toMultilineSignature");var _="custom",C="object",j="array",oe="class",O="func",g="element";import Be from"html-tags";function I(e){return Be.includes(e.toLowerCase())}o(I,"isHtmlTag");import{generate as $e}from"escodegen";import we from"ts-dedent";var se={format:{indent:{style:" "},semicolons:!1}},Ye=U(m({},se),{format:{newline:""}}),We=m({},se);function h(e,r=!1){return $e(e,r?Ye:We)}o(h,"generateCode");function M(e,r=!1){return r?He(e):h(e)}o(M,"generateObjectCode");function He(e){let r=h(e,!0);return r.endsWith(" }")||(r=`${r.slice(0,-1)} }`),r}o(He,"generateCompactObjectCode");function Y(e,r=!1){return r?qe(e):Xe(e)}o(Y,"generateArrayCode");function Xe(e){let r=h(e);return r.endsWith(" }]")&&(r=we(r)),r}o(Xe,"generateMultilineArrayCode");function qe(e){let r=h(e,!0);return r.startsWith("[ ")&&(r=r.replace("[ ","[")),r}o(qe,"generateCompactArrayCode");var J=o(e=>e.$$typeof===Symbol.for("react.memo"),"isMemo"),ae=o(e=>e.$$typeof===Symbol.for("react.forward_ref"),"isForwardRef");var u;(function(e){e.IDENTIFIER="Identifier",e.LITERAL="Literal",e.OBJECT="Object",e.ARRAY="Array",e.FUNCTION="Function",e.CLASS="Class",e.ELEMENT="Element",e.UNKNOWN="Unknown"})(u||(u={}));import{Parser as Ke}from"acorn";import Ge from"acorn-jsx";import*as S from"acorn-walk";var W=U(m({},S.base),{JSXElement:()=>{}}),ze=Ke.extend(Ge());function P(e){return e!=null?e.name:null}o(P,"extractIdentifierName");function ue(e){return e.filter(r=>r.type==="ObjectExpression"||r.type==="ArrayExpression")}o(ue,"filterAncestors");function ie(e){let r=[];return S.ancestor(e,{ObjectExpression(t,n){r.push(ue(n).length)},ArrayExpression(t,n){r.push(ue(n).length)}},W),Math.max(...r)}o(ie,"calculateNodeDepth");function Qe(e){return{inferredType:{type:u.IDENTIFIER,identifier:P(e)},ast:e}}o(Qe,"parseIdentifier");function Ze(e){return{inferredType:{type:u.LITERAL},ast:e}}o(Ze,"parseLiteral");function er(e){let r;S.simple(e.body,{JSXElement(a){r=a}},W);let n={type:r!=null?u.ELEMENT:u.FUNCTION,params:e.params,hasParams:e.params.length!==0},s=P(e.id);return s!=null&&(n.identifier=s),{inferredType:n,ast:e}}o(er,"parseFunction");function rr(e){let r;return S.simple(e.body,{JSXElement(n){r=n}},W),{inferredType:{type:r!=null?u.ELEMENT:u.CLASS,identifier:P(e.id)},ast:e}}o(rr,"parseClass");function tr(e){let r={type:u.ELEMENT},t=P(e.openingElement.name);return t!=null&&(r.identifier=t),{inferredType:r,ast:e}}o(tr,"parseJsxElement");function nr(e){let r=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return P(r)==="shape"?ce(e.arguments[0]):null}o(nr,"parseCall");function ce(e){return{inferredType:{type:u.OBJECT,depth:ie(e)},ast:e}}o(ce,"parseObject");function or(e){return{inferredType:{type:u.ARRAY,depth:ie(e)},ast:e}}o(or,"parseArray");function sr(e){switch(e.type){case"Identifier":return Qe(e);case"Literal":return Ze(e);case"FunctionExpression":case"ArrowFunctionExpression":return er(e);case"ClassExpression":return rr(e);case"JSXElement":return tr(e);case"CallExpression":return nr(e);case"ObjectExpression":return ce(e);case"ArrayExpression":return or(e);default:return null}}o(sr,"parseExpression");function le(e){let r=ze.parse(`(${e})`),t={inferredType:{type:u.UNKNOWN},ast:r};if(r.body[0]!=null){let n=r.body[0];switch(n.type){case"ExpressionStatement":{let s=sr(n.expression);s!=null&&(t=s);break}default:break}}return t}o(le,"parse");function T(e){try{let r=le(e);return m({},r)}catch{}return{inferredType:{type:u.UNKNOWN}}}o(T,"inspectValue");var ur=150,c;(function(e){e.CUSTOM="custom",e.ANY="any",e.FUNC="func",e.SHAPE="shape",e.OBJECT="object",e.INSTANCEOF="instanceOf",e.OBJECTOF="objectOf",e.UNION="union",e.ENUM="enum",e.ARRAYOF="arrayOf",e.ELEMENT="element",e.ELEMENTTYPE="elementType",e.NODE="node"})(c||(c={}));function d({name:e,short:r,compact:t,full:n,inferredType:s}){return{name:e,short:r,compact:t,full:n??r,inferredType:s}}o(d,"createTypeDef");function de(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}o(de,"cleanPropTypes");function fe(e){return e.split(/\r?\n/)}o(fe,"splitIntoLines");function k(e,r=!1){return de(M(e,r))}o(k,"prettyObject");function pe(e,r=!1){return de(h(e,r))}o(pe,"prettyArray");function ir(e){switch(e){case u.OBJECT:return C;case u.ARRAY:return j;case u.CLASS:return oe;case u.FUNCTION:return O;case u.ELEMENT:return g;default:return _}}o(ir,"getCaptionForInspectionType");function Te(e,r){let{inferredType:t,ast:n}=T(e),{type:s}=t,a,l,y;switch(s){case u.IDENTIFIER:case u.LITERAL:a=e,l=e;break;case u.OBJECT:{let{depth:i}=t;a=C,l=i===1?k(n,!0):null,y=k(n);break}case u.ELEMENT:{let{identifier:i}=t;a=i!=null&&!I(i)?i:g,l=fe(e).length===1?e:null,y=e;break}case u.ARRAY:{let{depth:i}=t;a=j,l=i<=2?pe(n,!0):null,y=pe(n);break}default:a=ir(s),l=fe(e).length===1?e:null,y=e;break}return d({name:r,short:a,compact:l,full:y,inferredType:s})}o(Te,"generateTypeFromString");function cr({raw:e}){return e!=null?Te(e,c.CUSTOM):d({name:c.CUSTOM,short:_,compact:_})}o(cr,"generateCustom");function lr(e){let{jsDocTags:r}=e;return r!=null&&(r.params!=null||r.returns!=null)?d({name:c.FUNC,short:te(r.params,r.returns),compact:null,full:re(r.params,r.returns)}):d({name:c.FUNC,short:O,compact:O})}o(lr,"generateFunc");function fr(e,r){let t=Object.keys(e.value).map(l=>`${l}: ${R(e.value[l],r).full}`).join(", "),{inferredType:n,ast:s}=T(`{ ${t} }`),{depth:a}=n;return d({name:c.SHAPE,short:C,compact:a===1&&s?k(s,!0):null,full:s?k(s):null})}o(fr,"generateShape");function H(e){return`objectOf(${e})`}o(H,"objectOf");function pr(e,r){let{short:t,compact:n,full:s}=R(e.value,r);return d({name:c.OBJECTOF,short:H(t),compact:n!=null?H(n):null,full:s&&H(s)})}o(pr,"generateObjectOf");function mr(e,r){if(Array.isArray(e.value)){let t=e.value.reduce((n,s)=>{let{short:a,compact:l,full:y}=R(s,r);return n.short.push(a),n.compact.push(l),n.full.push(y),n},{short:[],compact:[],full:[]});return d({name:c.UNION,short:t.short.join(" | "),compact:t.compact.every(n=>n!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return d({name:c.UNION,short:e.value,compact:null})}o(mr,"generateUnion");function yr({value:e,computed:r}){return r?Te(e,"enumvalue"):d({name:"enumvalue",short:e,compact:e})}o(yr,"generateEnumValue");function dr(e){if(Array.isArray(e.value)){let r=e.value.reduce((t,n)=>{let{short:s,compact:a,full:l}=yr(n);return t.short.push(s),t.compact.push(a),t.full.push(l),t},{short:[],compact:[],full:[]});return d({name:c.ENUM,short:r.short.join(" | "),compact:r.compact.every(t=>t!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return d({name:c.ENUM,short:e.value,compact:e.value})}o(dr,"generateEnum");function X(e){return`${e}[]`}o(X,"braceAfter");function me(e){return`[${e}]`}o(me,"braceAround");function ye(e,r,t){return d({name:c.ARRAYOF,short:X(e),compact:r!=null?me(r):null,full:t&&me(t)})}o(ye,"createArrayOfObjectTypeDef");function Tr(e,r){let{name:t,short:n,compact:s,full:a,inferredType:l}=R(e.value,r);if(t===c.CUSTOM){if(l===u.OBJECT)return ye(n,s,a)}else if(t===c.SHAPE)return ye(n,s,a);return d({name:c.ARRAYOF,short:X(n),compact:X(n)})}o(Tr,"generateArray");function R(e,r){try{switch(e.name){case c.CUSTOM:return cr(e);case c.FUNC:return lr(r);case c.SHAPE:return fr(e,r);case c.INSTANCEOF:return d({name:c.INSTANCEOF,short:e.value,compact:e.value});case c.OBJECTOF:return pr(e,r);case c.UNION:return mr(e,r);case c.ENUM:return dr(e);case c.ARRAYOF:return Tr(e,r);default:return d({name:e.name,short:e.name,compact:e.name})}}catch(t){console.error(t)}return d({name:"unknown",short:"unknown",compact:"unknown"})}o(R,"generateType");function Ee(e){let{type:r}=e.docgenInfo;if(r==null)return null;try{switch(r.name){case c.CUSTOM:case c.SHAPE:case c.INSTANCEOF:case c.OBJECTOF:case c.UNION:case c.ENUM:case c.ARRAYOF:{let{short:t,compact:n,full:s}=R(r,e);return n!=null&&!ar(n)?V(n):s?V(t,s):V(t)}case c.FUNC:{let{short:t,full:n}=R(r,e),s=t,a;return n&&n.length<ur?s=n:n&&(a=ne(n)),V(s,a)}default:return null}}catch(t){console.error(t)}return null}o(Ee,"createType");import{createSummaryValue as x,isTooLongForDefaultValueSummary as he}from"@storybook/docs-tools";import{createSummaryValue as Oe,isTooLongForDefaultValueSummary as Er}from"@storybook/docs-tools";function D({inferredType:e,ast:r}){let{depth:t}=e;if(t===1){let n=M(r,!0);if(!Er(n))return Oe(n)}return Oe(C,M(r))}o(D,"generateObject");import{createSummaryValue as ge,isTooLongForDefaultValueSummary as Or}from"@storybook/docs-tools";function v({inferredType:e,ast:r}){let{depth:t}=e;if(t<=2){let n=Y(r,!0);if(!Or(n))return ge(n)}return ge(j,Y(r))}o(v,"generateArray");function L(e,r){return r?`${e}( ... )`:`${e}()`}o(L,"getPrettyFuncIdentifier");function F(e){return`<${e} />`}o(F,"getPrettyElementIdentifier");function q(e){let{type:r,identifier:t}=e;switch(r){case u.FUNCTION:return L(t,e.hasParams);case u.ELEMENT:return F(t);default:return t}}o(q,"getPrettyIdentifier");function gr({inferredType:e,ast:r}){let{identifier:t}=e;if(t!=null)return x(q(e),h(r));let n=h(r,!0);return he(n)?x(O,h(r)):x(n)}o(gr,"generateFunc");function hr(e,r){let{inferredType:t}=r,{identifier:n}=t;if(n!=null&&!I(n)){let s=q(t);return x(s,e)}return he(e)?x(g,e):x(e)}o(hr,"generateElement");function B(e){try{let r=T(e);switch(r.inferredType.type){case u.OBJECT:return D(r);case u.FUNCTION:return gr(r);case u.ELEMENT:return hr(e,r);case u.ARRAY:return v(r);default:return null}}catch(r){console.error(r)}return null}o(B,"createDefaultValue");import Nr from"lodash/isPlainObject";import Ne from"lodash/isFunction";import Cr from"lodash/isString";import Ce from"react-element-to-jsx-string";import{createSummaryValue as N,isTooLongForDefaultValueSummary as Ar}from"@storybook/docs-tools";function Ae(e){return e.$$typeof!=null}o(Ae,"isReactElement");function K(e,r){let{name:t}=e;return t!==""&&t!=="anonymous"&&t!==r?t:null}o(K,"extractFunctionName");var Sr=o(e=>N(JSON.stringify(e)),"stringResolver");function Ir(e){let{type:r}=e,{displayName:t}=r,n=Ce(e,{});if(t!=null){let s=F(t);return N(s,n)}if(Cr(r)&&I(r)){let a=Ce(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!Ar(a))return N(a)}return N(g,n)}o(Ir,"generateReactObject");var Rr=o(e=>{if(Ae(e)&&e.type!=null)return Ir(e);if(Nr(e)){let r=T(JSON.stringify(e));return D(r)}if(Array.isArray(e)){let r=T(JSON.stringify(e));return v(r)}return N(C)},"objectResolver"),Fr=o((e,r)=>{let t=!1,n;if(Ne(e.render))t=!0;else if(e.prototype!=null&&Ne(e.prototype.render))t=!0;else{let a;try{n=T(e.toString());let{hasParams:l,params:y}=n.inferredType;l?y.length===1&&y[0].type==="ObjectPattern"&&(a=e({})):a=e(),a!=null&&Ae(a)&&(t=!0)}catch{}}let s=K(e,r.name);if(s!=null){if(t)return N(F(s));n!=null&&(n=T(e.toString()));let{hasParams:a}=n.inferredType;return N(L(s,a))}return N(t?g:O)},"functionResolver"),xr=o(e=>N(e.toString()),"defaultResolver"),Se={string:Sr,object:Rr,function:Fr,default:xr};function Ie(e={}){return m(m({},Se),e)}o(Ie,"createTypeResolvers");function $(e,r,t=Se){try{switch(typeof e){case"string":return t.string(e,r);case"object":return t.object(e,r);case"function":return t.function(e,r);default:return t.default(e,r)}}catch(n){console.error(n)}return null}o($,"createDefaultValueFromRawDefaultProp");function Re(e,r){let{propTypes:t}=r;return t!=null?Object.keys(t).map(n=>e.find(s=>s.name===n)).filter(Boolean):e}o(Re,"keepOriginalDefinitionOrder");import{createSummaryValue as G}from"@storybook/docs-tools";var br=o((e,{name:r,type:t})=>{let n=t.summary==="element"||t.summary==="elementType",s=K(e,r);if(s!=null){if(n)return G(F(s));let{hasParams:a}=T(e.toString()).inferredType;return G(L(s,a))}return G(n?g:O)},"funcResolver"),Fe=Ie({function:br});function jr(e,r){let{propDef:t}=e,n=Ee(e);n!=null&&(t.type=n);let{defaultValue:s}=e.docgenInfo;if(s!=null&&s.value!=null){let a=B(s.value);a!=null&&(t.defaultValue=a)}else if(r!=null){let a=$(r,t,Fe);a!=null&&(t.defaultValue=a)}return t}o(jr,"enhancePropTypesProp");function xe(e,r){let t=r.defaultProps!=null?r.defaultProps:{},n=e.map(s=>jr(s,t[s.propDef.name]));return Re(n,r)}o(xe,"enhancePropTypesProps");function Mr(e,r){let{propDef:t}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let s=B(n.value);s!=null&&(t.defaultValue=s)}else if(r!=null){let s=$(r,t);s!=null&&(t.defaultValue=s)}return t}o(Mr,"enhanceTypeScriptProp");function be(e){return e.map(r=>Mr(r))}o(be,"enhanceTypeScriptProps");var Pe=new Map;Object.keys(je).forEach(e=>{let r=je[e];Pe.set(r,e),Pe.set(r.isRequired,e)});function Ur(e,r){let t=e;!Pr(e)&&!e.propTypes&&J(e)&&(t=e.type);let n=Lr(t,r);if(n.length===0)return[];switch(n[0].typeSystem){case Me.JAVASCRIPT:return xe(n,e);case Me.TYPESCRIPT:return be(n);default:return n.map(s=>s.propDef)}}o(Ur,"getPropDefs");var Le=o(e=>({rows:Ur(e,"props")}),"extractProps");var Ue=o(e=>{if(e){let{rows:r}=Le(e);if(r)return r.reduce((t,n)=>{let{name:s,description:a,type:l,sbType:y,defaultValue:i,jsDocTags:A,required:E}=n;return t[s]={name:s,description:a,type:m({required:E},y),table:{type:l,jsDocTags:A,defaultValue:i}},t},{})}return null},"extractArgTypes");import z,{createElement as _r}from"react";import Jr from"react-element-to-jsx-string";import Vr from"ts-dedent";import kr from"util-deprecate";import{addons as Dr,useEffect as vr}from"@storybook/addons";import{SourceType as _e,SNIPPET_RENDERED as Br,getDocgenSection as $r}from"@storybook/docs-tools";import{logger as w}from"@storybook/client-logger";function Q(){return Q=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Q.apply(this,arguments)}o(Q,"_extends");var wr=o((e,r)=>typeof r.onBeforeRender!="function"?e:kr(r.onBeforeRender,Vr`
|
|
3
|
+
StoryFn.parameters.jsx.onBeforeRender was deprecated.
|
|
4
|
+
Prefer StoryFn.parameters.jsx.transformSource instead.
|
|
5
|
+
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.
|
|
6
|
+
`)(e),"applyBeforeRender"),Yr=o((e,r,t)=>typeof r.transformSource!="function"?e:r.transformSource(e,t),"applyTransformSource"),Wr=o((e,r)=>{if(typeof e>"u")return w.warn("Too many skip or undefined component"),null;let t=e,n=t.type;for(let i=0;i<r.skip;i+=1){if(typeof t>"u")return w.warn("Cannot skip undefined element"),null;if(z.Children.count(t)>1)return w.warn("Trying to skip an array of elements"),null;typeof t.props.children>"u"?(w.warn("Not enough children to skip elements."),typeof t.type=="function"&&t.type.name===""&&(t=z.createElement(n,Q({},t.props)))):typeof t.props.children=="function"?t=t.props.children():t=t.props.children}let s=typeof r.displayName=="string"?{showFunctions:!0,displayName:()=>r.displayName}:{displayName:i=>i.type.displayName||$r(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(ae(i.type)?i.type.render.name:null)||(J(i.type)?i.type.type.name:null)||i.type},a={filterProps:(i,A)=>i!==void 0},l=m(m(m({},s),a),r);return z.Children.map(e,i=>{let A=typeof i=="number"?i.toString():i,E=wr(Jr(A,l),r);if(E.indexOf(""")>-1){let b=E.match(/\S+=\\"([^"]*)\\"/g);b&&b.forEach(Z=>{E=E.replace(Z,Z.replace(/"/g,"'"))})}return E}).join(`
|
|
7
|
+
`).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},"renderJsx"),Hr={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},Xr=o(e=>{var n;let r=(n=e==null?void 0:e.parameters.docs)==null?void 0:n.source,t=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===_e.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===_e.CODE},"skipJsxRender"),qr=o(e=>{var r,t;return((r=e.type)==null?void 0:r.displayName)==="MDXCreateElement"&&!!((t=e.props)!=null&&t.mdxType)},"isMdx"),Je=o(e=>{if(!qr(e))return e;let l=e.props,{mdxType:r,originalType:t,children:n}=l,s=ee(l,["mdxType","originalType","children"]),a=[];return n&&(a=(Array.isArray(n)?n:[n]).map(Je)),_r(t,s,...a)},"mdxToJsx"),Ve=o((e,r)=>{var E,b;let t=Dr.getChannel(),n=Xr(r),s=e(),a="";if(vr(()=>{n||t.emit(Br,(r||{}).id,a)}),n)return s;let l=m(m({},Hr),(r==null?void 0:r.parameters.jsx)||{}),y=(b=(E=r==null?void 0:r.parameters.docs)==null?void 0:E.source)!=null&&b.excludeDecorators?r.originalStoryFn(r.args,r):s,i=Je(y),A=Wr(i,l);return A&&(a=Yr(A,l,r)),s},"jsxDecorator");var ke={docs:{inlineStories:!0,extractArgTypes:Ue,extractComponentDescription:Kr}},zr=[Ve],Qr=[Gr];var Wn=m({framework:"react"},ke);export{Qr as argTypesEnhancers,zr as decorators,Wn as parameters,De as render,ve as renderToDOM};
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
import { ClientStoryApi, Loadable } from '@storybook/addons';
|
|
2
|
+
import { R as ReactFramework, I as IStorybookSection, S as StoryFnReactReturnType } from './types-9f8d440a.js';
|
|
3
|
+
import * as _storybook_csf from '@storybook/csf';
|
|
4
|
+
import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, ProjectAnnotations } from '@storybook/csf';
|
|
5
|
+
import { ComponentProps, JSXElementConstructor } from 'react';
|
|
6
|
+
import * as _storybook_store from '@storybook/store';
|
|
7
|
+
import { ComposedStory, CSFExports, StoriesWithPartialProps } from '@storybook/store';
|
|
8
|
+
|
|
9
|
+
interface ClientApi extends ClientStoryApi<ReactFramework['storyResult']> {
|
|
10
|
+
setAddon(addon: any): void;
|
|
11
|
+
configure(loader: Loadable, module: NodeModule): void;
|
|
12
|
+
getStorybook(): IStorybookSection[];
|
|
13
|
+
clearDecorators(): void;
|
|
14
|
+
forceReRender(): void;
|
|
15
|
+
raw: () => any;
|
|
16
|
+
}
|
|
17
|
+
declare const storiesOf: ClientApi['storiesOf'];
|
|
18
|
+
declare const configure: ClientApi['configure'];
|
|
19
|
+
declare const addDecorator: ClientApi['addDecorator'];
|
|
20
|
+
declare type DecoratorFn = Parameters<typeof addDecorator>[0];
|
|
21
|
+
declare const addParameters: ClientApi['addParameters'];
|
|
22
|
+
declare const clearDecorators: ClientApi['clearDecorators'];
|
|
23
|
+
declare const setAddon: ClientApi['setAddon'];
|
|
24
|
+
declare const forceReRender: ClientApi['forceReRender'];
|
|
25
|
+
declare const getStorybook: ClientApi['getStorybook'];
|
|
26
|
+
declare const raw: ClientApi['raw'];
|
|
27
|
+
|
|
28
|
+
declare type JSXElement = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
|
|
29
|
+
/**
|
|
30
|
+
* Metadata to configure the stories for a component.
|
|
31
|
+
*
|
|
32
|
+
* @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
|
|
33
|
+
*/
|
|
34
|
+
declare type Meta<TArgs = Args> = ComponentAnnotations<ReactFramework, TArgs>;
|
|
35
|
+
/**
|
|
36
|
+
* Story function that represents a CSFv2 component example.
|
|
37
|
+
*
|
|
38
|
+
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
39
|
+
*/
|
|
40
|
+
declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<ReactFramework, TArgs>;
|
|
41
|
+
/**
|
|
42
|
+
* Story function that represents a CSFv3 component example.
|
|
43
|
+
*
|
|
44
|
+
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
45
|
+
*/
|
|
46
|
+
declare type StoryObj<TArgs = Args> = StoryAnnotations<ReactFramework, TArgs>;
|
|
47
|
+
/**
|
|
48
|
+
* For the common case where a component's stories are simple components that receives args as props:
|
|
49
|
+
*
|
|
50
|
+
* ```tsx
|
|
51
|
+
* export default { ... } as ComponentMeta<typeof Button>;
|
|
52
|
+
* ```
|
|
53
|
+
*/
|
|
54
|
+
declare type ComponentMeta<T extends JSXElement> = Meta<ComponentProps<T>>;
|
|
55
|
+
/**
|
|
56
|
+
* For the common case where a (CSFv2) story is a simple component that receives args as props:
|
|
57
|
+
*
|
|
58
|
+
* ```tsx
|
|
59
|
+
* const Template: ComponentStoryFn<typeof Button> = (args) => <Button {...args} />
|
|
60
|
+
* ```
|
|
61
|
+
*/
|
|
62
|
+
declare type ComponentStoryFn<T extends JSXElement> = StoryFn<ComponentProps<T>>;
|
|
63
|
+
/**
|
|
64
|
+
* For the common case where a (CSFv3) story is a simple component that receives args as props:
|
|
65
|
+
*
|
|
66
|
+
* ```tsx
|
|
67
|
+
* const MyStory: ComponentStoryObj<typeof Button> = {
|
|
68
|
+
* args: { buttonArg1: 'val' },
|
|
69
|
+
* }
|
|
70
|
+
* ```
|
|
71
|
+
*/
|
|
72
|
+
declare type ComponentStoryObj<T extends JSXElement> = StoryObj<ComponentProps<T>>;
|
|
73
|
+
/**
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* Story function that represents a CSFv3 component example.
|
|
77
|
+
*
|
|
78
|
+
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
79
|
+
*/
|
|
80
|
+
declare type Story<TArgs = Args> = StoryObj<TArgs>;
|
|
81
|
+
/**
|
|
82
|
+
* For the common case where a (CSFv3) story is a simple component that receives args as props:
|
|
83
|
+
*
|
|
84
|
+
* ```tsx
|
|
85
|
+
* const MyStory: ComponentStory<typeof Button> = {
|
|
86
|
+
* args: { buttonArg1: 'val' },
|
|
87
|
+
* }
|
|
88
|
+
* ```
|
|
89
|
+
*/ declare type ComponentStory<T extends JSXElement> = ComponentStoryObj<T>;
|
|
90
|
+
|
|
91
|
+
/** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
|
|
92
|
+
*
|
|
93
|
+
* It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
|
|
94
|
+
*
|
|
95
|
+
* Example:
|
|
96
|
+
*```jsx
|
|
97
|
+
* // setup.js (for jest)
|
|
98
|
+
* import { setProjectAnnotations } from '@storybook/react';
|
|
99
|
+
* import * as projectAnnotations from './.storybook/preview';
|
|
100
|
+
*
|
|
101
|
+
* setProjectAnnotations(projectAnnotations);
|
|
102
|
+
*```
|
|
103
|
+
*
|
|
104
|
+
* @param projectAnnotations - e.g. (import * as projectAnnotations from '../.storybook/preview')
|
|
105
|
+
*/
|
|
106
|
+
declare function setProjectAnnotations(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
|
|
107
|
+
/** Preserved for users migrating from `@storybook/testing-react`.
|
|
108
|
+
*
|
|
109
|
+
* @deprecated Use setProjectAnnotations instead
|
|
110
|
+
*/
|
|
111
|
+
declare function setGlobalConfig(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
|
|
112
|
+
/**
|
|
113
|
+
* Function that will receive a story along with meta (e.g. a default export from a .stories file)
|
|
114
|
+
* and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
|
|
115
|
+
* and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.
|
|
116
|
+
*
|
|
117
|
+
*
|
|
118
|
+
* It's very useful for reusing a story in scenarios outside of Storybook like unit testing.
|
|
119
|
+
*
|
|
120
|
+
* Example:
|
|
121
|
+
*```jsx
|
|
122
|
+
* import { render } from '@testing-library/react';
|
|
123
|
+
* import { composeStory } from '@storybook/react';
|
|
124
|
+
* import Meta, { Primary as PrimaryStory } from './Button.stories';
|
|
125
|
+
*
|
|
126
|
+
* const Primary = composeStory(PrimaryStory, Meta);
|
|
127
|
+
*
|
|
128
|
+
* test('renders primary button with Hello World', () => {
|
|
129
|
+
* const { getByText } = render(<Primary>Hello world</Primary>);
|
|
130
|
+
* expect(getByText(/Hello world/i)).not.toBeNull();
|
|
131
|
+
* });
|
|
132
|
+
*```
|
|
133
|
+
*
|
|
134
|
+
* @param story
|
|
135
|
+
* @param componentAnnotations - e.g. (import Meta from './Button.stories')
|
|
136
|
+
* @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
|
|
137
|
+
* @param [exportsName] - in case your story does not contain a name and you want it to have a name.
|
|
138
|
+
*/
|
|
139
|
+
declare function composeStory<TArgs = Args>(story: ComposedStory<ReactFramework, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<ReactFramework>, exportsName?: string): {
|
|
140
|
+
(extraArgs: Partial<TArgs>): StoryFnReactReturnType;
|
|
141
|
+
storyName: string;
|
|
142
|
+
args: Args;
|
|
143
|
+
play: _storybook_store.ComposedStoryPlayFn;
|
|
144
|
+
parameters: _storybook_store.Parameters;
|
|
145
|
+
};
|
|
146
|
+
/**
|
|
147
|
+
* Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
|
|
148
|
+
* and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
|
|
149
|
+
* and will return an object containing all the stories passed, but now as a composed component that has all args/parameters/decorators/etc combined and applied to it.
|
|
150
|
+
*
|
|
151
|
+
*
|
|
152
|
+
* It's very useful for reusing stories in scenarios outside of Storybook like unit testing.
|
|
153
|
+
*
|
|
154
|
+
* Example:
|
|
155
|
+
*```jsx
|
|
156
|
+
* import { render } from '@testing-library/react';
|
|
157
|
+
* import { composeStories } from '@storybook/react';
|
|
158
|
+
* import * as stories from './Button.stories';
|
|
159
|
+
*
|
|
160
|
+
* const { Primary, Secondary } = composeStories(stories);
|
|
161
|
+
*
|
|
162
|
+
* test('renders primary button with Hello World', () => {
|
|
163
|
+
* const { getByText } = render(<Primary>Hello world</Primary>);
|
|
164
|
+
* expect(getByText(/Hello world/i)).not.toBeNull();
|
|
165
|
+
* });
|
|
166
|
+
*```
|
|
167
|
+
*
|
|
168
|
+
* @param csfExports - e.g. (import * as stories from './Button.stories')
|
|
169
|
+
* @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
|
|
170
|
+
*/
|
|
171
|
+
declare function composeStories<TModule extends CSFExports<ReactFramework>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactFramework>): Omit<StoriesWithPartialProps<ReactFramework, TModule>, keyof CSFExports<_storybook_csf.AnyFramework>>;
|
|
172
|
+
|
|
173
|
+
export { ComponentMeta, ComponentStory, ComponentStoryFn, ComponentStoryObj, DecoratorFn, Meta, Story, StoryFn, StoryObj, addDecorator, addParameters, clearDecorators, composeStories, composeStory, configure, forceReRender, getStorybook, raw, setAddon, setGlobalConfig, setProjectAnnotations, storiesOf };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var N=Object.create;var l=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var n=(t,o)=>l(t,"name",{value:o,configurable:!0});var Y=(t,o)=>{for(var e in o)l(t,e,{get:o[e],enumerable:!0})},A=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of W(o))!T.call(t,i)&&i!==e&&l(t,i,{get:()=>o[i],enumerable:!(r=V(o,i))||r.enumerable});return t};var d=(t,o,e)=>(e=t!=null?N(k(t)):{},A(o||!t||!t.__esModule?l(e,"default",{value:t,enumerable:!0}):e,t)),$=t=>A(l({},"__esModule",{value:!0}),t);var st={};Y(st,{addDecorator:()=>X,addParameters:()=>Z,clearDecorators:()=>K,composeStories:()=>nt,composeStory:()=>v,configure:()=>Q,forceReRender:()=>I,getStorybook:()=>tt,raw:()=>ot,setAddon:()=>_,setGlobalConfig:()=>et,setProjectAnnotations:()=>U,storiesOf:()=>L});module.exports=$(st);var D=d(require("global")),{window:y}=D.default;y&&(y.STORYBOOK_ENV="react");var j=require("@storybook/core-client");var S=d(require("global")),s=d(require("react")),a=d(require("react-dom"));function u(){return u=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},u.apply(this,arguments)}n(u,"_extends");var{FRAMEWORK_OPTIONS:p}=S.default,h=new Map,g=n((t,o)=>{let{id:e,component:r}=o;if(!r)throw new Error(`Unable to render story ${e} as the component annotation is missing from the default export`);return s.default.createElement(r,u({},t))},"render"),q=n(async(t,o)=>{let e=await H(o);return new Promise(r=>{e?(e.render(t),setTimeout(()=>{r(null)},0)):a.default.render(t,o,()=>r(null))})},"renderElement"),z=a.version&&(a.version.startsWith("18")||a.version.startsWith("0.0.0")),F=(p==null?void 0:p.legacyRootApi)!==!0,C=F&&z,E=n(t=>{let o=h.get(t);o&&C?(o.unmount(),h.delete(t)):a.default.unmountComponentAtNode(t)},"unmountElement"),H=n(async t=>{if(!C)return null;let o=h.get(t);return o||(o=(await import("react-dom/client")).default.createRoot(t),h.set(t,o)),o},"getReactRoot"),J=n(class extends s.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:o}=this.state,{showMain:e}=this.props;o||e()}componentDidCatch(o){let{showException:e}=this.props;e(o)}render(){let{hasError:o}=this.state,{children:e}=this.props;return o?null:e}},"ErrorBoundary"),R=p!=null&&p.strictMode?s.StrictMode:s.Fragment;async function b({storyContext:t,unboundStoryFn:o,showMain:e,showException:r,forceRemount:i},x){let O=o,w=s.default.createElement(J,{showMain:e,showException:r},s.default.createElement(O,u({},t))),G=R?s.default.createElement(R,null,w):w;return i&&E(x),await q(G,x),()=>E(x)}n(b,"renderToDOM");var M="react",c=(0,j.start)(b,{render:g}),L=n((t,o)=>c.clientApi.storiesOf(t,o).addParameters({framework:M}),"storiesOf"),Q=n((...t)=>c.configure(M,...t),"configure"),X=c.clientApi.addDecorator,Z=c.clientApi.addParameters,K=c.clientApi.clearDecorators,_=c.clientApi.setAddon,I=c.forceReRender,tt=c.clientApi.getStorybook,ot=c.clientApi.raw;var m=require("@storybook/store"),P=require("@storybook/client-logger");function U(t){(0,m.setProjectAnnotations)(t)}n(U,"setProjectAnnotations");function et(t){P.once.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),U(t)}n(et,"setGlobalConfig");var rt={render:g};function v(t,o,e,r){return(0,m.composeStory)(t,o,e,rt,r)}n(v,"composeStory");function nt(t,o){return(0,m.composeStories)(t,o,v)}n(nt,"composeStories");var B;(B=module==null?void 0:module.hot)==null||B.decline();0&&(module.exports={addDecorator,addParameters,clearDecorators,composeStories,composeStory,configure,forceReRender,getStorybook,raw,setAddon,setGlobalConfig,setProjectAnnotations,storiesOf});
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as e,e as n,f as a}from"./chunk-DGYCFUMN.mjs";import l from"global";var{window:p}=l;p&&(p.STORYBOOK_ENV="react");import{start as x}from"@storybook/core-client";var d="react",t=x(a,{render:n}),y=e((o,r)=>t.clientApi.storiesOf(o,r).addParameters({framework:d}),"storiesOf"),D=e((...o)=>t.configure(d,...o),"configure"),C=t.clientApi.addDecorator,k=t.clientApi.addParameters,E=t.clientApi.clearDecorators,G=t.clientApi.setAddon,K=t.forceReRender,M=t.clientApi.getStorybook,T=t.clientApi.raw;import{composeStory as A,composeStories as S,setProjectAnnotations as g}from"@storybook/store";import{once as u}from"@storybook/client-logger";function P(o){g(o)}e(P,"setProjectAnnotations");function N(o){u.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),P(o)}e(N,"setGlobalConfig");var w={render:n};function O(o,r,c,f){return A(o,r,c,w,f)}e(O,"composeStory");function U(o,r){return S(o,r,O)}e(U,"composeStories");var m;(m=module==null?void 0:module.hot)==null||m.decline();export{C as addDecorator,k as addParameters,E as clearDecorators,U as composeStories,O as composeStory,D as configure,K as forceReRender,M as getStorybook,T as raw,G as setAddon,N as setGlobalConfig,P as setProjectAnnotations,y as storiesOf};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ComponentType, ReactElement } from 'react';
|
|
2
|
+
|
|
3
|
+
declare type ReactFramework = {
|
|
4
|
+
component: ComponentType<any>;
|
|
5
|
+
storyResult: StoryFnReactReturnType;
|
|
6
|
+
};
|
|
7
|
+
declare type StoryFnReactReturnType = ReactElement<unknown>;
|
|
8
|
+
interface IStorybookStory {
|
|
9
|
+
name: string;
|
|
10
|
+
render: (context: any) => any;
|
|
11
|
+
}
|
|
12
|
+
interface IStorybookSection {
|
|
13
|
+
kind: string;
|
|
14
|
+
stories: IStorybookStory[];
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export { IStorybookSection as I, ReactFramework as R, StoryFnReactReturnType as S };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/react",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.7",
|
|
4
4
|
"description": "Storybook React renderer",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -19,9 +19,26 @@
|
|
|
19
19
|
"url": "https://opencollective.com/storybook"
|
|
20
20
|
},
|
|
21
21
|
"license": "MIT",
|
|
22
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
"exports": {
|
|
23
|
+
".": {
|
|
24
|
+
"require": "./dist/index.js",
|
|
25
|
+
"import": "./dist/index.mjs",
|
|
26
|
+
"types": "./dist/index.d.ts"
|
|
27
|
+
},
|
|
28
|
+
"./preview": {
|
|
29
|
+
"require": "./dist/config.js",
|
|
30
|
+
"import": "./dist/config.mjs",
|
|
31
|
+
"types": "./dist/config.d.ts"
|
|
32
|
+
},
|
|
33
|
+
"./package.json": {
|
|
34
|
+
"require": "./package.json",
|
|
35
|
+
"import": "./package.json",
|
|
36
|
+
"types": "./package.json"
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
"main": "dist/index.js",
|
|
40
|
+
"module": "dist/index.mjs",
|
|
41
|
+
"types": "dist/index.d.ts",
|
|
25
42
|
"files": [
|
|
26
43
|
"dist/**/*",
|
|
27
44
|
"types/**/*",
|
|
@@ -30,15 +47,15 @@
|
|
|
30
47
|
"*.d.ts"
|
|
31
48
|
],
|
|
32
49
|
"scripts": {
|
|
33
|
-
"prepare": "
|
|
50
|
+
"prepare": "esrun ../../scripts/prepare/bundle.ts"
|
|
34
51
|
},
|
|
35
52
|
"dependencies": {
|
|
36
|
-
"@storybook/addons": "7.0.0-alpha.
|
|
37
|
-
"@storybook/client-logger": "7.0.0-alpha.
|
|
38
|
-
"@storybook/core-client": "7.0.0-alpha.
|
|
53
|
+
"@storybook/addons": "7.0.0-alpha.7",
|
|
54
|
+
"@storybook/client-logger": "7.0.0-alpha.7",
|
|
55
|
+
"@storybook/core-client": "7.0.0-alpha.7",
|
|
39
56
|
"@storybook/csf": "0.0.2--canary.4566f4d.1",
|
|
40
|
-
"@storybook/docs-tools": "7.0.0-alpha.
|
|
41
|
-
"@storybook/store": "7.0.0-alpha.
|
|
57
|
+
"@storybook/docs-tools": "7.0.0-alpha.7",
|
|
58
|
+
"@storybook/store": "7.0.0-alpha.7",
|
|
42
59
|
"@types/estree": "^0.0.51",
|
|
43
60
|
"@types/node": "^14.14.20 || ^16.0.0",
|
|
44
61
|
"acorn": "^7.4.1",
|
|
@@ -56,6 +73,7 @@
|
|
|
56
73
|
},
|
|
57
74
|
"devDependencies": {
|
|
58
75
|
"@babel/core": "^7.11.5",
|
|
76
|
+
"@digitak/esrun": "^3.2.2",
|
|
59
77
|
"@types/util-deprecate": "^1.0.0"
|
|
60
78
|
},
|
|
61
79
|
"peerDependencies": {
|
|
@@ -75,5 +93,9 @@
|
|
|
75
93
|
"publishConfig": {
|
|
76
94
|
"access": "public"
|
|
77
95
|
},
|
|
78
|
-
"
|
|
96
|
+
"bundlerEntrypoint": [
|
|
97
|
+
"./src/index.ts",
|
|
98
|
+
"./src/config.ts"
|
|
99
|
+
],
|
|
100
|
+
"gitHead": "d334cabd251cd0ed8b845a87707dc84f007d4074"
|
|
79
101
|
}
|
package/preview.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './dist/
|
|
1
|
+
export * from './dist/config.mjs';
|
package/dist/cjs/config.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _exportNames = {
|
|
7
|
-
parameters: true,
|
|
8
|
-
decorators: true,
|
|
9
|
-
argTypesEnhancers: true
|
|
10
|
-
};
|
|
11
|
-
Object.defineProperty(exports, "argTypesEnhancers", {
|
|
12
|
-
enumerable: true,
|
|
13
|
-
get: function () {
|
|
14
|
-
return _config.argTypesEnhancers;
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
Object.defineProperty(exports, "decorators", {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
get: function () {
|
|
20
|
-
return _config.decorators;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
exports.parameters = void 0;
|
|
24
|
-
|
|
25
|
-
var _config = require("./docs/config");
|
|
26
|
-
|
|
27
|
-
var _config2 = require("./preview/config");
|
|
28
|
-
|
|
29
|
-
Object.keys(_config2).forEach(function (key) {
|
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
|
31
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
32
|
-
if (key in exports && exports[key] === _config2[key]) return;
|
|
33
|
-
Object.defineProperty(exports, key, {
|
|
34
|
-
enumerable: true,
|
|
35
|
-
get: function () {
|
|
36
|
-
return _config2[key];
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
});
|
|
40
|
-
const parameters = Object.assign({
|
|
41
|
-
framework: 'react'
|
|
42
|
-
}, _config.parameters);
|
|
43
|
-
exports.parameters = parameters;
|
package/dist/cjs/docs/config.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.parameters = exports.decorators = exports.argTypesEnhancers = void 0;
|
|
7
|
-
|
|
8
|
-
var _docsTools = require("@storybook/docs-tools");
|
|
9
|
-
|
|
10
|
-
var _extractArgTypes = require("./extractArgTypes");
|
|
11
|
-
|
|
12
|
-
var _jsxDecorator = require("./jsxDecorator");
|
|
13
|
-
|
|
14
|
-
const parameters = {
|
|
15
|
-
docs: {
|
|
16
|
-
inlineStories: true,
|
|
17
|
-
extractArgTypes: _extractArgTypes.extractArgTypes,
|
|
18
|
-
extractComponentDescription: _docsTools.extractComponentDescription
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
exports.parameters = parameters;
|
|
22
|
-
const decorators = [_jsxDecorator.jsxDecorator];
|
|
23
|
-
exports.decorators = decorators;
|
|
24
|
-
const argTypesEnhancers = [_docsTools.enhanceArgTypes];
|
|
25
|
-
exports.argTypesEnhancers = argTypesEnhancers;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.extractArgTypes = void 0;
|
|
7
|
-
|
|
8
|
-
var _extractProps = require("./extractProps");
|
|
9
|
-
|
|
10
|
-
const extractArgTypes = component => {
|
|
11
|
-
if (component) {
|
|
12
|
-
const {
|
|
13
|
-
rows
|
|
14
|
-
} = (0, _extractProps.extractProps)(component);
|
|
15
|
-
|
|
16
|
-
if (rows) {
|
|
17
|
-
return rows.reduce((acc, row) => {
|
|
18
|
-
const {
|
|
19
|
-
name,
|
|
20
|
-
description,
|
|
21
|
-
type,
|
|
22
|
-
sbType,
|
|
23
|
-
defaultValue: defaultSummary,
|
|
24
|
-
jsDocTags,
|
|
25
|
-
required
|
|
26
|
-
} = row;
|
|
27
|
-
acc[name] = {
|
|
28
|
-
name,
|
|
29
|
-
description,
|
|
30
|
-
type: Object.assign({
|
|
31
|
-
required
|
|
32
|
-
}, sbType),
|
|
33
|
-
table: {
|
|
34
|
-
type,
|
|
35
|
-
jsDocTags,
|
|
36
|
-
defaultValue: defaultSummary
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
return acc;
|
|
40
|
-
}, {});
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
return null;
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
exports.extractArgTypes = extractArgTypes;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.extractProps = void 0;
|
|
7
|
-
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
|
-
var _docsTools = require("@storybook/docs-tools");
|
|
11
|
-
|
|
12
|
-
var _handleProp = require("./propTypes/handleProp");
|
|
13
|
-
|
|
14
|
-
var _handleProp2 = require("./typeScript/handleProp");
|
|
15
|
-
|
|
16
|
-
var _lib = require("./lib");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
const propTypesMap = new Map();
|
|
21
|
-
Object.keys(_propTypes.default).forEach(typeName => {
|
|
22
|
-
// @ts-ignore
|
|
23
|
-
const type = _propTypes.default[typeName];
|
|
24
|
-
propTypesMap.set(type, typeName);
|
|
25
|
-
propTypesMap.set(type.isRequired, typeName);
|
|
26
|
-
});
|
|
27
|
-
|
|
28
|
-
function getPropDefs(component, section) {
|
|
29
|
-
let processedComponent = component; // eslint-disable-next-line react/forbid-foreign-prop-types
|
|
30
|
-
|
|
31
|
-
if (!(0, _docsTools.hasDocgen)(component) && !component.propTypes && (0, _lib.isMemo)(component)) {
|
|
32
|
-
processedComponent = component.type;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
const extractedProps = (0, _docsTools.extractComponentProps)(processedComponent, section);
|
|
36
|
-
|
|
37
|
-
if (extractedProps.length === 0) {
|
|
38
|
-
return [];
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
switch (extractedProps[0].typeSystem) {
|
|
42
|
-
case _docsTools.TypeSystem.JAVASCRIPT:
|
|
43
|
-
return (0, _handleProp.enhancePropTypesProps)(extractedProps, component);
|
|
44
|
-
|
|
45
|
-
case _docsTools.TypeSystem.TYPESCRIPT:
|
|
46
|
-
return (0, _handleProp2.enhanceTypeScriptProps)(extractedProps);
|
|
47
|
-
|
|
48
|
-
default:
|
|
49
|
-
return extractedProps.map(x => x.propDef);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
const extractProps = component => ({
|
|
54
|
-
rows: getPropDefs(component, 'props')
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
exports.extractProps = extractProps;
|