@storybook/react 7.0.0-alpha.4 → 7.0.0-alpha.40

package/dist/chunk-WO7CMEGS.mjs

@@ -0,0 +1 @@
+import E from"global";import n,{Component as w,StrictMode as y,Fragment as C,useLayoutEffect as F,useRef as g}from"react";import u,{version as c}from"react-dom";var{FRAMEWORK_OPTIONS:d}=E,s=new Map,P=(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 n.createElement(r,{...t})},x=({callback:t,children:o})=>{let e=g();return F(()=>{e.current!==t&&(e.current=t,t())},[t]),o},M=async(t,o)=>{let e=await D(o);return new Promise(r=>{e?e.render(n.createElement(x,{callback:()=>r(null)},t)):u.render(t,o,()=>r(null))})},S=c&&(c.startsWith("18")||c.startsWith("0.0.0")),A=d?.legacyRootApi!==!0,h=A&&S,p=t=>{let o=s.get(t);o&&h?(o.unmount(),s.delete(t)):u.unmountComponentAtNode(t)},D=async t=>{if(!h)return null;let o=s.get(t);return o||(o=(await import("react-dom/client")).default.createRoot(t),s.set(t,o)),o},i=class extends w{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:e}=this.state,{showMain:r}=this.props;e||r()}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:r}},l=d?.strictMode?y:C;async function T({storyContext:t,unboundStoryFn:o,showMain:e,showException:r,forceRemount:R},a){let m=n.createElement(i,{showMain:e,showException:r},n.createElement(o,{...t})),f=l?n.createElement(l,null,m):m;return R&&p(a),await M(f,a),()=>p(a)}export{P as a,T as b};

package/dist/config.d.ts

@@ -0,0 +1,23 @@
+import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
+import * as _storybook_csf from '@storybook/csf';
+import { ArgsStoryFn } from '@storybook/csf';
+import { R as ReactFramework, S as StoryFnReactReturnType } from './types-7e2d88a6.js';
+import { RenderContext } from '@storybook/store';
+import 'react';
+
+declare const decorators: ((storyFn: _storybook_csf.PartialStoryFn<ReactFramework, _storybook_csf.Args>, context: _storybook_csf.StoryContext<ReactFramework, _storybook_csf.Args>) => StoryFnReactReturnType)[];
+declare const argTypesEnhancers: (<TFramework extends _storybook_csf.AnyFramework>(context: _storybook_csf.StoryContextForEnhancers<TFramework, _storybook_csf.Args>) => _storybook_csf.StrictArgTypes<_storybook_csf.Args>)[];
+
+declare const render: ArgsStoryFn<ReactFramework>;
+declare function renderToDOM({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: RenderContext<ReactFramework>, domElement: Element): Promise<() => void>;
+
+declare const parameters: {
+    docs: {
+        inlineStories: boolean;
+        extractArgTypes: lib_docs_tools_dist.ArgTypesExtractor;
+        extractComponentDescription: typeof lib_docs_tools_dist.extractComponentDescription;
+    };
+    framework: string;
+};
+
+export { argTypesEnhancers, decorators, parameters, render, renderToDOM };

package/dist/config.js

@@ -0,0 +1,3 @@
+"use strict";var nt=Object.create;var V=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var it=Object.getPrototypeOf,at=Object.prototype.hasOwnProperty;var pt=(e,t)=>{for(var r in t)V(e,r,{get:t[r],enumerable:!0})},le=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of st(t))!at.call(e,o)&&o!==r&&V(e,o,{get:()=>t[o],enumerable:!(n=ot(t,o))||n.enumerable});return e};var l=(e,t,r)=>(r=e!=null?nt(it(e)):{},le(t||!e||!e.__esModule?V(r,"default",{value:e,enumerable:!0}):r,e)),ct=e=>le(V({},"__esModule",{value:!0}),e);var rr={};pt(rr,{argTypesEnhancers:()=>Ge,decorators:()=>Ke,parameters:()=>tr,render:()=>et,renderToDOM:()=>rt});module.exports=ct(rr);var z=require("@storybook/docs-tools");var ae=l(require("prop-types")),R=require("@storybook/docs-tools");var P=require("@storybook/docs-tools");function fe(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];if(r){let s=e.map(a=>{let p=a.getPrettyName(),i=a.getTypeName();return i!=null?`${p}: ${i}`:p});o.push(`(${s.join(", ")})`)}else o.push("()");return n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function me(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];return r?o.push("( ... )"):o.push("()"),n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function ye(e){return e.replace(/,/g,`,\r
+`)}var v="custom",I="object",j="array",Te="class",y="func",T="element";var de=l(require("html-tags"));function A(e){return de.default.includes(e.toLowerCase())}var ge=require("escodegen"),Ee=require("ts-dedent"),Ie={format:{indent:{style:"  "},semicolons:!1}},ut={...Ie,format:{newline:""}},lt={...Ie};function d(e,t=!1){return(0,ge.generate)(e,t?ut:lt)}function w(e,t=!1){return t?ft(e):d(e)}function ft(e){let t=d(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}function Z(e,t=!1){return t?yt(e):mt(e)}function mt(e){let t=d(e);return t.endsWith("  }]")&&(t=(0,Ee.dedent)(t)),t}function yt(e){let t=d(e,!0);return t.startsWith("[    ")&&(t=t.replace("[    ","[")),t}var _=e=>e.$$typeof===Symbol.for("react.memo"),he=e=>e.$$typeof===Symbol.for("react.forward_ref");var Pe=require("acorn"),Re=l(require("acorn-jsx")),C=l(require("acorn-walk"));var ee={...C.base,JSXElement:()=>{}},Tt=Pe.Parser.extend((0,Re.default)());function k(e){return e!=null?e.name:null}function Ce(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function Ne(e){let t=[];return C.ancestor(e,{ObjectExpression(r,n){t.push(Ce(n).length)},ArrayExpression(r,n){t.push(Ce(n).length)}},ee),Math.max(...t)}function dt(e){return{inferredType:{type:"Identifier",identifier:k(e)},ast:e}}function gt(e){return{inferredType:{type:"Literal"},ast:e}}function Et(e){let t;C.simple(e.body,{JSXElement(s){t=s}},ee);let n={type:t!=null?"Element":"Function",params:e.params,hasParams:e.params.length!==0},o=k(e.id);return o!=null&&(n.identifier=o),{inferredType:n,ast:e}}function It(e){let t;return C.simple(e.body,{JSXElement(n){t=n}},ee),{inferredType:{type:t!=null?"Element":"Class",identifier:k(e.id)},ast:e}}function ht(e){let t={type:"Element"},r=k(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}function Ct(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return k(t)==="shape"?Oe(e.arguments[0]):null}function Oe(e){return{inferredType:{type:"Object",depth:Ne(e)},ast:e}}function Pt(e){return{inferredType:{type:"Array",depth:Ne(e)},ast:e}}function Rt(e){switch(e.type){case"Identifier":return dt(e);case"Literal":return gt(e);case"FunctionExpression":case"ArrowFunctionExpression":return Et(e);case"ClassExpression":return It(e);case"JSXElement":return ht(e);case"CallExpression":return Ct(e);case"ObjectExpression":return Oe(e);case"ArrayExpression":return Pt(e);default:return null}}function Ae(e){let t=Tt.parse(`(${e})`),r={inferredType:{type:"Unknown"},ast:t};if(t.body[0]!=null){let n=t.body[0];switch(n.type){case"ExpressionStatement":{let o=Rt(n.expression);o!=null&&(r=o);break}default:break}}return r}function f(e){try{return{...Ae(e)}}catch{}return{inferredType:{type:"Unknown"}}}var Nt=150;function c({name:e,short:t,compact:r,full:n,inferredType:o}){return{name:e,short:t,compact:r,full:n??t,inferredType:o}}function be(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}function xe(e){return e.split(/\r?\n/)}function B(e,t=!1){return be(w(e,t))}function Se(e,t=!1){return be(d(e,t))}function Ot(e){switch(e){case"Object":return I;case"Array":return j;case"Class":return Te;case"Function":return y;case"Element":return T;default:return v}}function je(e,t){let{inferredType:r,ast:n}=f(e),{type:o}=r,s,a,p;switch(o){case"Identifier":case"Literal":s=e,a=e;break;case"Object":{let{depth:i}=r;s=I,a=i===1?B(n,!0):null,p=B(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!A(i)?i:T,a=xe(e).length===1?e:null,p=e;break}case"Array":{let{depth:i}=r;s=j,a=i<=2?Se(n,!0):null,p=Se(n);break}default:s=Ot(o),a=xe(e).length===1?e:null,p=e;break}return c({name:t,short:s,compact:a,full:p,inferredType:o})}function At({raw:e}){return e!=null?je(e,"custom"):c({name:"custom",short:v,compact:v})}function xt(e){let{jsDocTags:t}=e;return t!=null&&(t.params!=null||t.returns!=null)?c({name:"func",short:me(t.params,t.returns),compact:null,full:fe(t.params,t.returns)}):c({name:"func",short:y,compact:y})}function St(e,t){let r=Object.keys(e.value).map(a=>`${a}: ${x(e.value[a],t).full}`).join(", "),{inferredType:n,ast:o}=f(`{ ${r} }`),{depth:s}=n;return c({name:"shape",short:I,compact:s===1&&o?B(o,!0):null,full:o?B(o):null})}function te(e){return`objectOf(${e})`}function Ft(e,t){let{short:r,compact:n,full:o}=x(e.value,t);return c({name:"objectOf",short:te(r),compact:n!=null?te(n):null,full:o&&te(o)})}function Dt(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:a,full:p}=x(o,t);return n.short.push(s),n.compact.push(a),n.full.push(p),n},{short:[],compact:[],full:[]});return c({name:"union",short:r.short.join(" | "),compact:r.compact.every(n=>n!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return c({name:"union",short:e.value,compact:null})}function bt({value:e,computed:t}){return t?je(e,"enumvalue"):c({name:"enumvalue",short:e,compact:e})}function jt(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:o,compact:s,full:a}=bt(n);return r.short.push(o),r.compact.push(s),r.full.push(a),r},{short:[],compact:[],full:[]});return c({name:"enum",short:t.short.join(" | "),compact:t.compact.every(r=>r!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return c({name:"enum",short:e.value,compact:e.value})}function re(e){return`${e}[]`}function Fe(e){return`[${e}]`}function De(e,t,r){return c({name:"arrayOf",short:re(e),compact:t!=null?Fe(t):null,full:r&&Fe(r)})}function wt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:a}=x(e.value,t);if(r==="custom"){if(a==="Object")return De(n,o,s)}else if(r==="shape")return De(n,o,s);return c({name:"arrayOf",short:re(n),compact:re(n)})}function x(e,t){try{switch(e.name){case"custom":return At(e);case"func":return xt(t);case"shape":return St(e,t);case"instanceOf":return c({name:"instanceOf",short:e.value,compact:e.value});case"objectOf":return Ft(e,t);case"union":return Dt(e,t);case"enum":return jt(e);case"arrayOf":return wt(e,t);default:return c({name:e.name,short:e.name,compact:e.name})}}catch(r){console.error(r)}return c({name:"unknown",short:"unknown",compact:"unknown"})}function we(e){let{type:t}=e.docgenInfo;if(t==null)return null;try{switch(t.name){case"custom":case"shape":case"instanceOf":case"objectOf":case"union":case"enum":case"arrayOf":{let{short:r,compact:n,full:o}=x(t,e);return n!=null&&!(0,P.isTooLongForTypeSummary)(n)?(0,P.createSummaryValue)(n):o?(0,P.createSummaryValue)(r,o):(0,P.createSummaryValue)(r)}case"func":{let{short:r,full:n}=x(t,e),o=r,s;return n&&n.length<Nt?o=n:n&&(s=ye(n)),(0,P.createSummaryValue)(o,s)}default:return null}}catch(r){console.error(r)}return null}var g=require("@storybook/docs-tools");var M=require("@storybook/docs-tools");function Y({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=w(t,!0);if(!(0,M.isTooLongForDefaultValueSummary)(n))return(0,M.createSummaryValue)(n)}return(0,M.createSummaryValue)(I,w(t))}var J=require("@storybook/docs-tools");function W({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=Z(t,!0);if(!(0,J.isTooLongForDefaultValueSummary)(n))return(0,J.createSummaryValue)(n)}return(0,J.createSummaryValue)(j,Z(t))}function L(e,t){return t?`${e}( ... )`:`${e}()`}function S(e){return`<${e} />`}function ne(e){let{type:t,identifier:r}=e;switch(t){case"Function":return L(r,e.hasParams);case"Element":return S(r);default:return r}}function kt({inferredType:e,ast:t}){let{identifier:r}=e;if(r!=null)return(0,g.createSummaryValue)(ne(e),d(t));let n=d(t,!0);return(0,g.isTooLongForDefaultValueSummary)(n)?(0,g.createSummaryValue)(y,d(t)):(0,g.createSummaryValue)(n)}function Mt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!A(n)){let o=ne(r);return(0,g.createSummaryValue)(o,e)}return(0,g.isTooLongForDefaultValueSummary)(e)?(0,g.createSummaryValue)(T,e):(0,g.createSummaryValue)(e)}function X(e){try{let t=f(e);switch(t.inferredType.type){case"Object":return Y(t);case"Function":return kt(t);case"Element":return Mt(e,t);case"Array":return W(t);default:return null}}catch(t){console.error(t)}return null}var ke=l(require("lodash/isPlainObject")),oe=l(require("lodash/isFunction")),Me=l(require("lodash/isString")),se=l(require("react-element-to-jsx-string")),m=require("@storybook/docs-tools");function Je(e){return e.$$typeof!=null}function ie(e,t){let{name:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}var Jt=e=>(0,m.createSummaryValue)(JSON.stringify(e));function Lt(e){let{type:t}=e,{displayName:r}=t,n=(0,se.default)(e,{});if(r!=null){let o=S(r);return(0,m.createSummaryValue)(o,n)}if((0,Me.default)(t)&&A(t)){let s=(0,se.default)(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!(0,m.isTooLongForDefaultValueSummary)(s))return(0,m.createSummaryValue)(s)}return(0,m.createSummaryValue)(T,n)}var Ut=e=>{if(Je(e)&&e.type!=null)return Lt(e);if((0,ke.default)(e)){let t=f(JSON.stringify(e));return Y(t)}if(Array.isArray(e)){let t=f(JSON.stringify(e));return W(t)}return(0,m.createSummaryValue)(I)},Vt=(e,t)=>{let r=!1,n;if((0,oe.default)(e.render))r=!0;else if(e.prototype!=null&&(0,oe.default)(e.prototype.render))r=!0;else{let s;try{n=f(e.toString());let{hasParams:a,params:p}=n.inferredType;a?p.length===1&&p[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&Je(s)&&(r=!0)}catch{}}let o=ie(e,t.name);if(o!=null){if(r)return(0,m.createSummaryValue)(S(o));n!=null&&(n=f(e.toString()));let{hasParams:s}=n.inferredType;return(0,m.createSummaryValue)(L(o,s))}return(0,m.createSummaryValue)(r?T:y)},vt=e=>(0,m.createSummaryValue)(e.toString()),Le={string:Jt,object:Ut,function:Vt,default:vt};function Ue(e={}){return{...Le,...e}}function H(e,t,r=Le){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}function Ve(e,t){let{propTypes:r}=t;return r!=null?Object.keys(r).map(n=>e.find(o=>o.name===n)).filter(Boolean):e}var q=require("@storybook/docs-tools");var _t=(e,{name:t,type:r})=>{let n=r.summary==="element"||r.summary==="elementType",o=ie(e,t);if(o!=null){if(n)return(0,q.createSummaryValue)(S(o));let{hasParams:s}=f(e.toString()).inferredType;return(0,q.createSummaryValue)(L(o,s))}return(0,q.createSummaryValue)(n?T:y)},ve=Ue({function:_t});function $t(e,t){let{propDef:r}=e,n=we(e);n!=null&&(r.type=n);let{defaultValue:o}=e.docgenInfo;if(o!=null&&o.value!=null){let s=X(o.value);s!=null&&(r.defaultValue=s)}else if(t!=null){let s=H(t,r,ve);s!=null&&(r.defaultValue=s)}return r}function _e(e,t){let r=t.defaultProps!=null?t.defaultProps:{},n=e.map(o=>$t(o,r[o.propDef.name]));return Ve(n,t)}function Bt(e,t){let{propDef:r}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let o=X(n.value);o!=null&&(r.defaultValue=o)}else if(t!=null){let o=H(t,r);o!=null&&(r.defaultValue=o)}return r}function $e(e){return e.map(t=>Bt(t))}var Be=new Map;Object.keys(ae.default).forEach(e=>{let t=ae.default[e];Be.set(t,e),Be.set(t.isRequired,e)});function Yt(e,t){let r=e;!(0,R.hasDocgen)(e)&&!e.propTypes&&_(e)&&(r=e.type);let n=(0,R.extractComponentProps)(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case R.TypeSystem.JAVASCRIPT:return _e(n,e);case R.TypeSystem.TYPESCRIPT:return $e(n);default:return n.map(o=>o.propDef)}}var Ye=e=>({rows:Yt(e,"props")});var We=e=>{if(e){let{rows:t}=Ye(e);if(t)return t.reduce((r,n)=>{let{name:o,description:s,type:a,sbType:p,defaultValue:i,jsDocTags:h,required:b}=n;return r[o]={name:o,description:s,type:{required:b,...p},table:{type:a,jsDocTags:h,defaultValue:i}},r},{})}return null};var F=l(require("react")),K=l(require("react-element-to-jsx-string")),G=require("@storybook/addons"),N=require("@storybook/docs-tools"),U=require("@storybook/client-logger");var Wt=(e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),Xt=(e,t)=>{if(typeof e>"u")return U.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 U.logger.warn("Cannot skip undefined element"),null;if(F.default.Children.count(r)>1)return U.logger.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(U.logger.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=F.default.createElement(n,{...r.props}))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let a={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(0,N.getDocgenSection)(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(he(i.type)?i.type.render.name:null)||(_(i.type)?i.type.type.name:null)||i.type},...{filterProps:(i,h)=>i!==void 0},...t};return F.default.Children.map(e,i=>{let h=typeof i=="number"?i.toString():i,E=(typeof K.default=="function"?K.default:K.default.default)(h,a);if(E.indexOf("&quot;")>-1){let ce=E.match(/\S+=\\"([^"]*)\\"/g);ce&&ce.forEach(ue=>{E=E.replace(ue,ue.replace(/&quot;/g,"'"))})}return E}).join(`
+`).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},Ht={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},qt=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)===N.SourceType.DYNAMIC?!1:!r||(t==null?void 0:t.code)||(t==null?void 0:t.type)===N.SourceType.CODE},Kt=e=>{var t,r;return((t=e.type)==null?void 0:t.displayName)==="MDXCreateElement"&&!!((r=e.props)!=null&&r.mdxType)},Xe=e=>{if(!Kt(e))return e;let{mdxType:t,originalType:r,children:n,...o}=e.props,s=[];return n&&(s=(Array.isArray(n)?n:[n]).map(Xe)),(0,F.createElement)(r,o,...s)},He=(e,t)=>{var b,E;let r=G.addons.getChannel(),n=qt(t),o="";(0,G.useEffect)(()=>{n||r.emit(N.SNIPPET_RENDERED,(t||{}).id,o)});let s=e();if(n)return s;let a={...Ht,...(t==null?void 0:t.parameters.jsx)||{}},p=(E=(b=t==null?void 0:t.parameters.docs)==null?void 0:b.source)!=null&&E.excludeDecorators?t.originalStoryFn(t.args,t):s,i=Xe(p),h=Xt(i,a);return h&&(o=Wt(h,a,t)),s};var qe={docs:{inlineStories:!0,extractArgTypes:We,extractComponentDescription:z.extractComponentDescription}},Ke=[He],Ge=[z.enhanceArgTypes];var Ze=l(require("global")),u=l(require("react")),O=l(require("react-dom")),{FRAMEWORK_OPTIONS:D}=Ze.default,Q=new Map,et=(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 u.default.createElement(n,{...e})},Gt=({callback:e,children:t})=>{let r=(0,u.useRef)();return(0,u.useLayoutEffect)(()=>{r.current!==e&&(r.current=e,e())},[e]),t},zt=async(e,t)=>{let r=await er(t);return new Promise(n=>{r?r.render(u.default.createElement(Gt,{callback:()=>n(null)},e)):O.default.render(e,t,()=>n(null))})},Qt=O.version&&(O.version.startsWith("18")||O.version.startsWith("0.0.0")),Zt=(D==null?void 0:D.legacyRootApi)!==!0,tt=Zt&&Qt,ze=e=>{let t=Q.get(e);t&&tt?(t.unmount(),Q.delete(e)):O.default.unmountComponentAtNode(e)},er=async e=>{if(!tt)return null;let t=Q.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),Q.set(e,t)),t},pe=class extends u.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:r}=this.state,{showMain:n}=this.props;r||n()}componentDidCatch(r){let{showException:n}=this.props;n(r)}render(){let{hasError:r}=this.state,{children:n}=this.props;return r?null:n}},Qe=D!=null&&D.strictMode?u.StrictMode:u.Fragment;async function rt({storyContext:e,unboundStoryFn:t,showMain:r,showException:n,forceRemount:o},s){let p=u.default.createElement(pe,{showMain:r,showException:n},u.default.createElement(t,{...e})),i=Qe?u.default.createElement(Qe,null,p):p;return o&&ze(s),await zt(i,s),()=>ze(s)}var tr={framework:"react",...qe};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});

package/dist/config.mjs

@@ -0,0 +1,3 @@
+import{a as Le,b as Ve}from"./chunk-WO7CMEGS.mjs";import{extractComponentDescription as vt,enhanceArgTypes as wt}from"@storybook/docs-tools";import he from"prop-types";import{hasDocgen as Rt,extractComponentProps as St,TypeSystem as Ae}from"@storybook/docs-tools";import{createSummaryValue as b,isTooLongForTypeSummary as tt}from"@storybook/docs-tools";function G(e,t){let n=e!=null,r=t!=null;if(!n&&!r)return"";let o=[];if(n){let s=e.map(a=>{let c=a.getPrettyName(),i=a.getTypeName();return i!=null?`${c}: ${i}`:c});o.push(`(${s.join(", ")})`)}else o.push("()");return r&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function z(e,t){let n=e!=null,r=t!=null;if(!n&&!r)return"";let o=[];return n?o.push("( ... )"):o.push("()"),r&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function Q(e){return e.replace(/,/g,`,\r
+`)}var S="custom",d="object",C="array",Z="class",f="func",m="element";import ke from"html-tags";function E(e){return ke.includes(e.toLowerCase())}import{generate as Me}from"escodegen";import{dedent as Ue}from"ts-dedent";var ee={format:{indent:{style:"  "},semicolons:!1}},_e={...ee,format:{newline:""}},ve={...ee};function y(e,t=!1){return Me(e,t?_e:ve)}function h(e,t=!1){return t?we(e):y(e)}function we(e){let t=y(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}function U(e,t=!1){return t?Be(e):$e(e)}function $e(e){let t=y(e);return t.endsWith("  }]")&&(t=Ue(t)),t}function Be(e){let t=y(e,!0);return t.startsWith("[    ")&&(t=t.replace("[    ","[")),t}var F=e=>e.$$typeof===Symbol.for("react.memo"),te=e=>e.$$typeof===Symbol.for("react.forward_ref");import{Parser as Ye}from"acorn";import Xe from"acorn-jsx";import*as I from"acorn-walk";var _={...I.base,JSXElement:()=>{}},We=Ye.extend(Xe());function A(e){return e!=null?e.name:null}function ne(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function re(e){let t=[];return I.ancestor(e,{ObjectExpression(n,r){t.push(ne(r).length)},ArrayExpression(n,r){t.push(ne(r).length)}},_),Math.max(...t)}function He(e){return{inferredType:{type:"Identifier",identifier:A(e)},ast:e}}function qe(e){return{inferredType:{type:"Literal"},ast:e}}function Ke(e){let t;I.simple(e.body,{JSXElement(s){t=s}},_);let r={type:t!=null?"Element":"Function",params:e.params,hasParams:e.params.length!==0},o=A(e.id);return o!=null&&(r.identifier=o),{inferredType:r,ast:e}}function Ge(e){let t;return I.simple(e.body,{JSXElement(r){t=r}},_),{inferredType:{type:t!=null?"Element":"Class",identifier:A(e.id)},ast:e}}function ze(e){let t={type:"Element"},n=A(e.openingElement.name);return n!=null&&(t.identifier=n),{inferredType:t,ast:e}}function Qe(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return A(t)==="shape"?oe(e.arguments[0]):null}function oe(e){return{inferredType:{type:"Object",depth:re(e)},ast:e}}function Ze(e){return{inferredType:{type:"Array",depth:re(e)},ast:e}}function et(e){switch(e.type){case"Identifier":return He(e);case"Literal":return qe(e);case"FunctionExpression":case"ArrowFunctionExpression":return Ke(e);case"ClassExpression":return Ge(e);case"JSXElement":return ze(e);case"CallExpression":return Qe(e);case"ObjectExpression":return oe(e);case"ArrayExpression":return Ze(e);default:return null}}function se(e){let t=We.parse(`(${e})`),n={inferredType:{type:"Unknown"},ast:t};if(t.body[0]!=null){let r=t.body[0];switch(r.type){case"ExpressionStatement":{let o=et(r.expression);o!=null&&(n=o);break}default:break}}return n}function l(e){try{return{...se(e)}}catch{}return{inferredType:{type:"Unknown"}}}var nt=150;function u({name:e,short:t,compact:n,full:r,inferredType:o}){return{name:e,short:t,compact:n,full:r??t,inferredType:o}}function ue(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}function ie(e){return e.split(/\r?\n/)}function j(e,t=!1){return ue(h(e,t))}function ae(e,t=!1){return ue(y(e,t))}function rt(e){switch(e){case"Object":return d;case"Array":return C;case"Class":return Z;case"Function":return f;case"Element":return m;default:return S}}function le(e,t){let{inferredType:n,ast:r}=l(e),{type:o}=n,s,a,c;switch(o){case"Identifier":case"Literal":s=e,a=e;break;case"Object":{let{depth:i}=n;s=d,a=i===1?j(r,!0):null,c=j(r);break}case"Element":{let{identifier:i}=n;s=i!=null&&!E(i)?i:m,a=ie(e).length===1?e:null,c=e;break}case"Array":{let{depth:i}=n;s=C,a=i<=2?ae(r,!0):null,c=ae(r);break}default:s=rt(o),a=ie(e).length===1?e:null,c=e;break}return u({name:t,short:s,compact:a,full:c,inferredType:o})}function ot({raw:e}){return e!=null?le(e,"custom"):u({name:"custom",short:S,compact:S})}function st(e){let{jsDocTags:t}=e;return t!=null&&(t.params!=null||t.returns!=null)?u({name:"func",short:z(t.params,t.returns),compact:null,full:G(t.params,t.returns)}):u({name:"func",short:f,compact:f})}function it(e,t){let n=Object.keys(e.value).map(a=>`${a}: ${P(e.value[a],t).full}`).join(", "),{inferredType:r,ast:o}=l(`{ ${n} }`),{depth:s}=r;return u({name:"shape",short:d,compact:s===1&&o?j(o,!0):null,full:o?j(o):null})}function v(e){return`objectOf(${e})`}function at(e,t){let{short:n,compact:r,full:o}=P(e.value,t);return u({name:"objectOf",short:v(n),compact:r!=null?v(r):null,full:o&&v(o)})}function pt(e,t){if(Array.isArray(e.value)){let n=e.value.reduce((r,o)=>{let{short:s,compact:a,full:c}=P(o,t);return r.short.push(s),r.compact.push(a),r.full.push(c),r},{short:[],compact:[],full:[]});return u({name:"union",short:n.short.join(" | "),compact:n.compact.every(r=>r!=null)?n.compact.join(" | "):null,full:n.full.join(" | ")})}return u({name:"union",short:e.value,compact:null})}function ct({value:e,computed:t}){return t?le(e,"enumvalue"):u({name:"enumvalue",short:e,compact:e})}function ut(e){if(Array.isArray(e.value)){let t=e.value.reduce((n,r)=>{let{short:o,compact:s,full:a}=ct(r);return n.short.push(o),n.compact.push(s),n.full.push(a),n},{short:[],compact:[],full:[]});return u({name:"enum",short:t.short.join(" | "),compact:t.compact.every(n=>n!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return u({name:"enum",short:e.value,compact:e.value})}function w(e){return`${e}[]`}function pe(e){return`[${e}]`}function ce(e,t,n){return u({name:"arrayOf",short:w(e),compact:t!=null?pe(t):null,full:n&&pe(n)})}function lt(e,t){let{name:n,short:r,compact:o,full:s,inferredType:a}=P(e.value,t);if(n==="custom"){if(a==="Object")return ce(r,o,s)}else if(n==="shape")return ce(r,o,s);return u({name:"arrayOf",short:w(r),compact:w(r)})}function P(e,t){try{switch(e.name){case"custom":return ot(e);case"func":return st(t);case"shape":return it(e,t);case"instanceOf":return u({name:"instanceOf",short:e.value,compact:e.value});case"objectOf":return at(e,t);case"union":return pt(e,t);case"enum":return ut(e);case"arrayOf":return lt(e,t);default:return u({name:e.name,short:e.name,compact:e.name})}}catch(n){console.error(n)}return u({name:"unknown",short:"unknown",compact:"unknown"})}function fe(e){let{type:t}=e.docgenInfo;if(t==null)return null;try{switch(t.name){case"custom":case"shape":case"instanceOf":case"objectOf":case"union":case"enum":case"arrayOf":{let{short:n,compact:r,full:o}=P(t,e);return r!=null&&!tt(r)?b(r):o?b(n,o):b(n)}case"func":{let{short:n,full:r}=P(t,e),o=n,s;return r&&r.length<nt?o=r:r&&(s=Q(r)),b(o,s)}default:return null}}catch(n){console.error(n)}return null}import{createSummaryValue as N,isTooLongForDefaultValueSummary as Te}from"@storybook/docs-tools";import{createSummaryValue as me,isTooLongForDefaultValueSummary as ft}from"@storybook/docs-tools";function J({inferredType:e,ast:t}){let{depth:n}=e;if(n===1){let r=h(t,!0);if(!ft(r))return me(r)}return me(d,h(t))}import{createSummaryValue as ye,isTooLongForDefaultValueSummary as mt}from"@storybook/docs-tools";function L({inferredType:e,ast:t}){let{depth:n}=e;if(n<=2){let r=U(t,!0);if(!mt(r))return ye(r)}return ye(C,U(t))}function R(e,t){return t?`${e}( ... )`:`${e}()`}function O(e){return`<${e} />`}function $(e){let{type:t,identifier:n}=e;switch(t){case"Function":return R(n,e.hasParams);case"Element":return O(n);default:return n}}function yt({inferredType:e,ast:t}){let{identifier:n}=e;if(n!=null)return N($(e),y(t));let r=y(t,!0);return Te(r)?N(f,y(t)):N(r)}function Tt(e,t){let{inferredType:n}=t,{identifier:r}=n;if(r!=null&&!E(r)){let o=$(n);return N(o,e)}return Te(e)?N(m,e):N(e)}function V(e){try{let t=l(e);switch(t.inferredType.type){case"Object":return J(t);case"Function":return yt(t);case"Element":return Tt(e,t);case"Array":return L(t);default:return null}}catch(t){console.error(t)}return null}import dt from"lodash/isPlainObject";import de from"lodash/isFunction";import gt from"lodash/isString";import ge from"react-element-to-jsx-string";import{createSummaryValue as T,isTooLongForDefaultValueSummary as It}from"@storybook/docs-tools";function Ie(e){return e.$$typeof!=null}function B(e,t){let{name:n}=e;return n!==""&&n!=="anonymous"&&n!==t?n:null}var Et=e=>T(JSON.stringify(e));function Pt(e){let{type:t}=e,{displayName:n}=t,r=ge(e,{});if(n!=null){let o=O(n);return T(o,r)}if(gt(t)&&E(t)){let s=ge(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!It(s))return T(s)}return T(m,r)}var Ot=e=>{if(Ie(e)&&e.type!=null)return Pt(e);if(dt(e)){let t=l(JSON.stringify(e));return J(t)}if(Array.isArray(e)){let t=l(JSON.stringify(e));return L(t)}return T(d)},Nt=(e,t)=>{let n=!1,r;if(de(e.render))n=!0;else if(e.prototype!=null&&de(e.prototype.render))n=!0;else{let s;try{r=l(e.toString());let{hasParams:a,params:c}=r.inferredType;a?c.length===1&&c[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&Ie(s)&&(n=!0)}catch{}}let o=B(e,t.name);if(o!=null){if(n)return T(O(o));r!=null&&(r=l(e.toString()));let{hasParams:s}=r.inferredType;return T(R(o,s))}return T(n?m:f)},xt=e=>T(e.toString()),Ee={string:Et,object:Ot,function:Nt,default:xt};function Pe(e={}){return{...Ee,...e}}function k(e,t,n=Ee){try{switch(typeof e){case"string":return n.string(e,t);case"object":return n.object(e,t);case"function":return n.function(e,t);default:return n.default(e,t)}}catch(r){console.error(r)}return null}function Oe(e,t){let{propTypes:n}=t;return n!=null?Object.keys(n).map(r=>e.find(o=>o.name===r)).filter(Boolean):e}import{createSummaryValue as Y}from"@storybook/docs-tools";var Ct=(e,{name:t,type:n})=>{let r=n.summary==="element"||n.summary==="elementType",o=B(e,t);if(o!=null){if(r)return Y(O(o));let{hasParams:s}=l(e.toString()).inferredType;return Y(R(o,s))}return Y(r?m:f)},Ne=Pe({function:Ct});function ht(e,t){let{propDef:n}=e,r=fe(e);r!=null&&(n.type=r);let{defaultValue:o}=e.docgenInfo;if(o!=null&&o.value!=null){let s=V(o.value);s!=null&&(n.defaultValue=s)}else if(t!=null){let s=k(t,n,Ne);s!=null&&(n.defaultValue=s)}return n}function xe(e,t){let n=t.defaultProps!=null?t.defaultProps:{},r=e.map(o=>ht(o,n[o.propDef.name]));return Oe(r,t)}function At(e,t){let{propDef:n}=e,{defaultValue:r}=e.docgenInfo;if(r!=null&&r.value!=null){let o=V(r.value);o!=null&&(n.defaultValue=o)}else if(t!=null){let o=k(t,n);o!=null&&(n.defaultValue=o)}return n}function Ce(e){return e.map(t=>At(t))}var Re=new Map;Object.keys(he).forEach(e=>{let t=he[e];Re.set(t,e),Re.set(t.isRequired,e)});function Ft(e,t){let n=e;!Rt(e)&&!e.propTypes&&F(e)&&(n=e.type);let r=St(n,t);if(r.length===0)return[];switch(r[0].typeSystem){case Ae.JAVASCRIPT:return xe(r,e);case Ae.TYPESCRIPT:return Ce(r);default:return r.map(o=>o.propDef)}}var Se=e=>({rows:Ft(e,"props")});var Fe=e=>{if(e){let{rows:t}=Se(e);if(t)return t.reduce((n,r)=>{let{name:o,description:s,type:a,sbType:c,defaultValue:i,jsDocTags:g,required:H}=r;return n[o]={name:o,description:s,type:{required:H,...c},table:{type:a,jsDocTags:g,defaultValue:i}},n},{})}return null};import X,{createElement as Dt}from"react";import W from"react-element-to-jsx-string";import{addons as bt,useEffect as jt}from"@storybook/addons";import{SourceType as De,SNIPPET_RENDERED as Jt,getDocgenSection as Lt}from"@storybook/docs-tools";import{logger as M}from"@storybook/client-logger";var Vt=(e,t,n)=>typeof t.transformSource!="function"?e:t.transformSource(e,n),kt=(e,t)=>{if(typeof e>"u")return M.warn("Too many skip or undefined component"),null;let n=e,r=n.type;for(let i=0;i<t.skip;i+=1){if(typeof n>"u")return M.warn("Cannot skip undefined element"),null;if(X.Children.count(n)>1)return M.warn("Trying to skip an array of elements"),null;typeof n.props.children>"u"?(M.warn("Not enough children to skip elements."),typeof n.type=="function"&&n.type.name===""&&(n=X.createElement(r,{...n.props}))):typeof n.props.children=="function"?n=n.props.children():n=n.props.children}let a={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||Lt(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(te(i.type)?i.type.render.name:null)||(F(i.type)?i.type.type.name:null)||i.type},...{filterProps:(i,g)=>i!==void 0},...t};return X.Children.map(e,i=>{let g=typeof i=="number"?i.toString():i,x=(typeof W=="function"?W:W.default)(g,a);if(x.indexOf("&quot;")>-1){let q=x.match(/\S+=\\"([^"]*)\\"/g);q&&q.forEach(K=>{x=x.replace(K,K.replace(/&quot;/g,"'"))})}return x}).join(`
+`).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},Mt={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},Ut=e=>{let t=e?.parameters.docs?.source,n=e?.parameters.__isArgsStory;return t?.type===De.DYNAMIC?!1:!n||t?.code||t?.type===De.CODE},_t=e=>e.type?.displayName==="MDXCreateElement"&&!!e.props?.mdxType,be=e=>{if(!_t(e))return e;let{mdxType:t,originalType:n,children:r,...o}=e.props,s=[];return r&&(s=(Array.isArray(r)?r:[r]).map(be)),Dt(n,o,...s)},je=(e,t)=>{let n=bt.getChannel(),r=Ut(t),o="";jt(()=>{r||n.emit(Jt,(t||{}).id,o)});let s=e();if(r)return s;let a={...Mt,...t?.parameters.jsx||{}},c=t?.parameters.docs?.source?.excludeDecorators?t.originalStoryFn(t.args,t):s,i=be(c),g=kt(i,a);return g&&(o=Vt(g,a,t)),s};var Je={docs:{inlineStories:!0,extractArgTypes:Fe,extractComponentDescription:vt}},$t=[je],Bt=[wt];var uo={framework:"react",...Je};export{Bt as argTypesEnhancers,$t as decorators,uo as parameters,Le as render,Ve as renderToDOM};

package/dist/index.d.ts

@@ -0,0 +1,185 @@
+import { ClientStoryApi, Loadable } from '@storybook/addons';
+import * as _storybook_csf from '@storybook/csf';
+import { Args, DecoratorFunction, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, StoryAnnotations, LoaderFunction, ProjectAnnotations } from '@storybook/csf';
+import { R as ReactFramework, S as StoryFnReactReturnType } from './types-7e2d88a6.js';
+import { Simplify, SetOptional, UnionToIntersection } from 'type-fest';
+import { ComponentType, ComponentProps, JSXElementConstructor } from 'react';
+import * as _storybook_store from '@storybook/store';
+import { ComposedStory, CSFExports, StoriesWithPartialProps } from '@storybook/store';
+
+interface ClientApi extends ClientStoryApi<ReactFramework['storyResult']> {
+    configure(loader: Loadable, module: NodeModule): void;
+    forceReRender(): void;
+    raw: () => any;
+}
+declare const storiesOf: ClientApi['storiesOf'];
+declare const configure: ClientApi['configure'];
+declare const forceReRender: ClientApi['forceReRender'];
+declare const raw: ClientApi['raw'];
+declare type DecoratorFn<TArgs = Args> = DecoratorFunction<ReactFramework, TArgs>;
+
+declare type JSXElement = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+declare type Meta<CmpOrArgs = Args> = CmpOrArgs extends ComponentType<infer CmpArgs> ? ComponentAnnotations<ReactFramework, CmpArgs> : ComponentAnnotations<ReactFramework, CmpOrArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<ReactFramework, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+declare type StoryObj<MetaOrArgs = Args> = MetaOrArgs extends {
+    render?: ArgsStoryFn<ReactFramework, infer RArgs>;
+    component?: ComponentType<infer CmpArgs>;
+    loaders?: (infer Loaders)[];
+    args?: infer DefaultArgs;
+    decorators?: (infer Decorators)[];
+} ? Simplify<CmpArgs & RArgs & DecoratorsArgs<Decorators> & LoaderArgs<Loaders>> extends infer TArgs ? StoryAnnotations<ReactFramework, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof (DefaultArgs & ActionArgs<TArgs>)>>> : never : StoryAnnotations<ReactFramework, MetaOrArgs>;
+declare type DecoratorsArgs<Decorators> = UnionToIntersection<Decorators extends DecoratorFn<infer Args> ? Args : unknown>;
+declare type LoaderArgs<Loaders> = UnionToIntersection<Loaders extends LoaderFunction<ReactFramework, infer Args> ? Args : unknown>;
+declare type ActionArgs<Args> = {
+    [P in keyof Args as ((...args: any[]) => void) extends Args[P] ? P : never]: Args[P];
+};
+/**
+ * @deprecated Use `Meta` instead.
+ * For the common case where a component's stories are simple components that receives args as props:
+ *
+ * ```tsx
+ * export default { ... } as ComponentMeta<typeof Button>;
+ * ```
+ */
+declare type ComponentMeta<T extends JSXElement> = Meta<ComponentProps<T>>;
+/**
+ * For the common case where a (CSFv2) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const Template: ComponentStoryFn<typeof Button> = (args) => <Button {...args} />
+ * ```
+ */
+declare type ComponentStoryFn<T extends JSXElement> = StoryFn<ComponentProps<T>>;
+/**
+ * @deprecated Use `StoryObj` instead.
+ *
+ * For the common case where a (CSFv3) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const MyStory: ComponentStoryObj<typeof Button> = {
+ *   args: { buttonArg1: 'val' },
+ * }
+ * ```
+ */
+declare type ComponentStoryObj<T extends JSXElement> = StoryObj<ComponentProps<T>>;
+/**
+
+ /**
+ * @deprecated Use `StoryObj` instead.
+ *
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+declare type Story<TArgs = Args> = StoryFn<TArgs>;
+/**
+ * @deprecated Use StoryObj instead.
+ *
+ * For the common case where a (CSFv3) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const MyStory: ComponentStory<typeof Button> = {
+ *   args: { buttonArg1: 'val' },
+ * }
+ * ```
+ */
+declare type ComponentStory<T extends JSXElement> = ComponentStoryObj<T>;
+
+/** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
+ *
+ * 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`.
+ *
+ * Example:
+ *```jsx
+ * // setup.js (for jest)
+ * import { setProjectAnnotations } from '@storybook/react';
+ * import * as projectAnnotations from './.storybook/preview';
+ *
+ * setProjectAnnotations(projectAnnotations);
+ *```
+ *
+ * @param projectAnnotations - e.g. (import * as projectAnnotations from '../.storybook/preview')
+ */
+declare function setProjectAnnotations(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
+/** Preserved for users migrating from `@storybook/testing-react`.
+ *
+ * @deprecated Use setProjectAnnotations instead
+ */
+declare function setGlobalConfig(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
+/**
+ * Function that will receive a story along with meta (e.g. a default export from a .stories file)
+ * and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
+ * and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.
+ *
+ *
+ * It's very useful for reusing a story in scenarios outside of Storybook like unit testing.
+ *
+ * Example:
+ *```jsx
+ * import { render } from '@testing-library/react';
+ * import { composeStory } from '@storybook/react';
+ * import Meta, { Primary as PrimaryStory } from './Button.stories';
+ *
+ * const Primary = composeStory(PrimaryStory, Meta);
+ *
+ * test('renders primary button with Hello World', () => {
+ *   const { getByText } = render(<Primary>Hello world</Primary>);
+ *   expect(getByText(/Hello world/i)).not.toBeNull();
+ * });
+ *```
+ *
+ * @param story
+ * @param componentAnnotations - e.g. (import Meta from './Button.stories')
+ * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
+ * @param [exportsName] - in case your story does not contain a name and you want it to have a name.
+ */
+declare function composeStory<TArgs = Args>(story: ComposedStory<ReactFramework, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<ReactFramework>, exportsName?: string): {
+    (extraArgs: Partial<TArgs>): StoryFnReactReturnType;
+    storyName: string;
+    args: Args;
+    play: _storybook_store.ComposedStoryPlayFn;
+    parameters: _storybook_store.Parameters;
+};
+/**
+ * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
+ * and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
+ * 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.
+ *
+ *
+ * It's very useful for reusing stories in scenarios outside of Storybook like unit testing.
+ *
+ * Example:
+ *```jsx
+ * import { render } from '@testing-library/react';
+ * import { composeStories } from '@storybook/react';
+ * import * as stories from './Button.stories';
+ *
+ * const { Primary, Secondary } = composeStories(stories);
+ *
+ * test('renders primary button with Hello World', () => {
+ *   const { getByText } = render(<Primary>Hello world</Primary>);
+ *   expect(getByText(/Hello world/i)).not.toBeNull();
+ * });
+ *```
+ *
+ * @param csfExports - e.g. (import * as stories from './Button.stories')
+ * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
+ */
+declare function composeStories<TModule extends CSFExports<ReactFramework>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactFramework>): Omit<StoriesWithPartialProps<ReactFramework, TModule>, keyof CSFExports<_storybook_csf.AnyFramework>>;
+
+export { ComponentMeta, ComponentStory, ComponentStoryFn, ComponentStoryObj, DecoratorFn, Meta, Story, StoryFn, StoryObj, composeStories, composeStory, configure, forceReRender, raw, setGlobalConfig, setProjectAnnotations, storiesOf };

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";var T=Object.create;var p=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var N=(o,t)=>{for(var e in t)p(o,e,{get:t[e],enumerable:!0})},y=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of W(t))!L.call(o,s)&&s!==e&&p(o,s,{get:()=>t[s],enumerable:!(r=v(t,s))||r.enumerable});return o};var m=(o,t,e)=>(e=o!=null?T(U(o)):{},y(t||!o||!o.__esModule?p(e,"default",{value:o,enumerable:!0}):e,o)),O=o=>y(p({},"__esModule",{value:!0}),o);var K={};N(K,{composeStories:()=>Z,composeStory:()=>b,configure:()=>z,forceReRender:()=>H,raw:()=>J,setGlobalConfig:()=>Q,setProjectAnnotations:()=>M,storiesOf:()=>q});module.exports=O(K);var g=m(require("global")),{window:A}=g.default;A&&(A.STORYBOOK_ENV="react");var S=require("@storybook/core-client");var h=m(require("global")),n=m(require("react")),a=m(require("react-dom")),{FRAMEWORK_OPTIONS:i}=h.default,l=new Map,d=(o,t)=>{let{id:e,component:r}=t;if(!r)throw new Error(`Unable to render story ${e} as the component annotation is missing from the default export`);return n.default.createElement(r,{...o})},G=({callback:o,children:t})=>{let e=(0,n.useRef)();return(0,n.useLayoutEffect)(()=>{e.current!==o&&(e.current=o,o())},[o]),t},V=async(o,t)=>{let e=await $(t);return new Promise(r=>{e?e.render(n.default.createElement(G,{callback:()=>r(null)},o)):a.default.render(o,t,()=>r(null))})},B=a.version&&(a.version.startsWith("18")||a.version.startsWith("0.0.0")),Y=(i==null?void 0:i.legacyRootApi)!==!0,x=Y&&B,C=o=>{let t=l.get(o);t&&x?(t.unmount(),l.delete(o)):a.default.unmountComponentAtNode(o)},$=async o=>{if(!x)return null;let t=l.get(o);return t||(t=(await import("react-dom/client")).default.createRoot(o),l.set(o,t)),t},R=class extends n.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:e}=this.state,{showMain:r}=this.props;e||r()}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:r}},F=i!=null&&i.strictMode?n.StrictMode:n.Fragment;async function k({storyContext:o,unboundStoryFn:t,showMain:e,showException:r,forceRemount:s},u){let w=n.default.createElement(R,{showMain:e,showException:r},n.default.createElement(t,{...o})),D=F?n.default.createElement(F,null,w):w;return s&&C(u),await V(D,u),()=>C(u)}var E="react",f=(0,S.start)(k,{render:d}),q=(o,t)=>f.clientApi.storiesOf(o,t).addParameters({framework:E}),z=(...o)=>f.configure(E,...o),H=f.forceReRender,J=f.clientApi.raw;var c=require("@storybook/store"),P=require("@storybook/client-logger");function M(o){(0,c.setProjectAnnotations)(o)}function Q(o){(0,P.deprecate)("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),M(o)}var X={render:d};function b(o,t,e,r){return(0,c.composeStory)(o,t,e,X,r)}function Z(o,t){return(0,c.composeStories)(o,t,b)}var j;(j=module==null?void 0:module.hot)==null||j.decline();0&&(module.exports={composeStories,composeStory,configure,forceReRender,raw,setGlobalConfig,setProjectAnnotations,storiesOf});

package/dist/index.mjs

@@ -0,0 +1 @@
+import{a as e,b as a}from"./chunk-WO7CMEGS.mjs";import c from"global";var{window:i}=c;i&&(i.STORYBOOK_ENV="react");import{start as A}from"@storybook/core-client";var p="react",n=A(a,{render:e}),x=(o,r)=>n.clientApi.storiesOf(o,r).addParameters({framework:p}),w=(...o)=>n.configure(p,...o),T=n.forceReRender,u=n.clientApi.raw;import{composeStory as g,composeStories as y,setProjectAnnotations as d}from"@storybook/store";import{deprecate as f}from"@storybook/client-logger";function l(o){d(o)}function D(o){f("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),l(o)}var S={render:e};function F(o,r,s,m){return g(o,r,s,S,m)}function E(o,r){return y(o,r,F)}module?.hot?.decline();export{E as composeStories,F as composeStory,w as configure,T as forceReRender,u as raw,D as setGlobalConfig,l as setProjectAnnotations,x as storiesOf};

package/dist/types-7e2d88a6.d.ts

@@ -0,0 +1,10 @@
+import { ComponentType, ReactElement } from 'react';
+import { AnyFramework } from '@storybook/csf';
+
+interface ReactFramework extends AnyFramework {
+    component: ComponentType<this['T']>;
+    storyResult: StoryFnReactReturnType;
+}
+declare type StoryFnReactReturnType = ReactElement<unknown>;
+
+export { ReactFramework as R, StoryFnReactReturnType as S };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.4",
+  "version": "7.0.0-alpha.40",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -19,9 +19,26 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/config.js",
+      "import": "./dist/config.mjs",
+      "types": "./dist/config.d.ts"
+    },
+    "./package.json": {
+      "require": "./package.json",
+      "import": "./package.json",
+      "types": "./package.json"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "types/**/*",
@@ -30,39 +47,43 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "check": "../../../scripts/node_modules/.bin/tsc --noEmit",
+    "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.4",
-    "@storybook/client-logger": "7.0.0-alpha.4",
-    "@storybook/core-client": "7.0.0-alpha.4",
-    "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.4",
-    "@storybook/store": "7.0.0-alpha.4",
+    "@storybook/addons": "7.0.0-alpha.40",
+    "@storybook/client-logger": "7.0.0-alpha.40",
+    "@storybook/core-client": "7.0.0-alpha.40",
+    "@storybook/csf": "0.0.2--canary.49.258942b.0",
+    "@storybook/docs-tools": "7.0.0-alpha.40",
+    "@storybook/store": "7.0.0-alpha.40",
     "@types/estree": "^0.0.51",
-    "@types/node": "^14.14.20 || ^16.0.0",
+    "@types/node": "^16.0.0",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
-    "core-js": "^3.8.2",
     "escodegen": "^2.0.0",
     "global": "^4.4.0",
     "html-tags": "^3.1.0",
     "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
-    "react-element-to-jsx-string": "^14.3.4",
+    "react-element-to-jsx-string": "^15.0.0",
     "ts-dedent": "^2.0.0",
+    "type-fest": "^2.19.0",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.11.5",
-    "@types/util-deprecate": "^1.0.0"
+    "@jest/globals": "^26.6.2",
+    "@types/util-deprecate": "^1.0.0",
+    "expect-type": "^0.14.2",
+    "jest-specific-snapshot": "^4.0.0",
+    "require-from-string": "^2.0.2",
+    "typescript": "~4.6.3"
   },
   "peerDependencies": {
-    "jest-specific-snapshot": "^4.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "require-from-string": "^2.0.2"
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
@@ -75,5 +96,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "006ed54452dd7c37a8cbe91a84f5312182f7ca00"
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/config.ts"
+    ],
+    "platform": "browser"
+  },
+  "gitHead": "8f6d8629f1ad7e776c39e2c7621f4a0d538aa93c"
 }

package/preview.js

@@ -1 +1 @@
-export * from './dist/esm/config';
+export * from './dist/config.mjs';

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/dist/cjs/config.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  parameters: true,
-  decorators: true,
-  argTypesEnhancers: true
-};
-Object.defineProperty(exports, "argTypesEnhancers", {
-  enumerable: true,
-  get: function () {
-    return _config.argTypesEnhancers;
-  }
-});
-Object.defineProperty(exports, "decorators", {
-  enumerable: true,
-  get: function () {
-    return _config.decorators;
-  }
-});
-exports.parameters = void 0;
-
-var _config = require("./docs/config");
-
-var _config2 = require("./preview/config");
-
-Object.keys(_config2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _config2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _config2[key];
-    }
-  });
-});
-const parameters = Object.assign({
-  framework: 'react'
-}, _config.parameters);
-exports.parameters = parameters;

package/dist/cjs/docs/config.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parameters = exports.decorators = exports.argTypesEnhancers = void 0;
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _extractArgTypes = require("./extractArgTypes");
-
-var _jsxDecorator = require("./jsxDecorator");
-
-const parameters = {
-  docs: {
-    inlineStories: true,
-    extractArgTypes: _extractArgTypes.extractArgTypes,
-    extractComponentDescription: _docsTools.extractComponentDescription
-  }
-};
-exports.parameters = parameters;
-const decorators = [_jsxDecorator.jsxDecorator];
-exports.decorators = decorators;
-const argTypesEnhancers = [_docsTools.enhanceArgTypes];
-exports.argTypesEnhancers = argTypesEnhancers;

package/dist/cjs/docs/extractArgTypes.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractArgTypes = void 0;
-
-var _extractProps = require("./extractProps");
-
-const extractArgTypes = component => {
-  if (component) {
-    const {
-      rows
-    } = (0, _extractProps.extractProps)(component);
-
-    if (rows) {
-      return rows.reduce((acc, row) => {
-        const {
-          name,
-          description,
-          type,
-          sbType,
-          defaultValue: defaultSummary,
-          jsDocTags,
-          required
-        } = row;
-        acc[name] = {
-          name,
-          description,
-          type: Object.assign({
-            required
-          }, sbType),
-          table: {
-            type,
-            jsDocTags,
-            defaultValue: defaultSummary
-          }
-        };
-        return acc;
-      }, {});
-    }
-  }
-
-  return null;
-};
-
-exports.extractArgTypes = extractArgTypes;

package/dist/cjs/docs/extractProps.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractProps = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _handleProp = require("./propTypes/handleProp");
-
-var _handleProp2 = require("./typeScript/handleProp");
-
-var _lib = require("./lib");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const propTypesMap = new Map();
-Object.keys(_propTypes.default).forEach(typeName => {
-  // @ts-ignore
-  const type = _propTypes.default[typeName];
-  propTypesMap.set(type, typeName);
-  propTypesMap.set(type.isRequired, typeName);
-});
-
-function getPropDefs(component, section) {
-  let processedComponent = component; // eslint-disable-next-line react/forbid-foreign-prop-types
-
-  if (!(0, _docsTools.hasDocgen)(component) && !component.propTypes && (0, _lib.isMemo)(component)) {
-    processedComponent = component.type;
-  }
-
-  const extractedProps = (0, _docsTools.extractComponentProps)(processedComponent, section);
-
-  if (extractedProps.length === 0) {
-    return [];
-  }
-
-  switch (extractedProps[0].typeSystem) {
-    case _docsTools.TypeSystem.JAVASCRIPT:
-      return (0, _handleProp.enhancePropTypesProps)(extractedProps, component);
-
-    case _docsTools.TypeSystem.TYPESCRIPT:
-      return (0, _handleProp2.enhanceTypeScriptProps)(extractedProps);
-
-    default:
-      return extractedProps.map(x => x.propDef);
-  }
-}
-
-const extractProps = component => ({
-  rows: getPropDefs(component, 'props')
-});
-
-exports.extractProps = extractProps;