@storybook/react 7.0.0-alpha.47 → 7.0.0-alpha.49

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.
Files changed (13) hide show
  1. package/dist/{chunk-Y6TTZ4RO.mjs → chunk-UY6SH3YX.mjs} +1 -1
  2. package/dist/config.d.ts +4 -4
  3. package/dist/config.js +3 -3
  4. package/dist/config.mjs +3 -3
  5. package/dist/index.d.ts +3 -2
  6. package/dist/index.js +1 -1
  7. package/dist/index.mjs +1 -1
  8. package/dist/{types-e57bba30.d.ts → types-53756156.d.ts} +2 -2
  9. package/package.json +8 -8
  10. package/template/cli/js/Button.stories.js +2 -0
  11. package/template/cli/js/Header.stories.js +2 -0
  12. package/template/cli/ts/Button.stories.ts +2 -0
  13. package/template/cli/ts/Header.stories.ts +2 -0
package/dist/{chunk-Y6TTZ4RO.mjs → chunk-UY6SH3YX.mjs} RENAMED
@@ -1 +1 @@
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,b=(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},S=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))})},M=c&&(c.startsWith("18")||c.startsWith("0.0.0")),A=d?.legacyRootApi!==!0,h=A&&M,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 U({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 S(f,a),()=>p(a)}export{b as a,U as b};
1
+ import w from"global";import n,{Component as E,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}=w,s=new Map,b=(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},S=async(t,o)=>{let e=await k(o);return new Promise(r=>{e?e.render(n.createElement(x,{callback:()=>r(null)},t)):u.render(t,o,()=>r(null))})},M=c&&(c.startsWith("18")||c.startsWith("0.0.0")),A=d?.legacyRootApi!==!0,R=A&&M,p=t=>{let o=s.get(t);o&&R?(o.unmount(),s.delete(t)):u.unmountComponentAtNode(t)},k=async t=>{if(!R)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 E{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 O({storyContext:t,unboundStoryFn:o,showMain:e,showException:r,forceRemount:h},a){let m=n.createElement(i,{showMain:e,showException:r},n.createElement(o,{...t})),f=l?n.createElement(l,null,m):m;return h&&p(a),await S(f,a),()=>p(a)}export{b as a,O as b};
package/dist/config.d.ts CHANGED
@@ -1,14 +1,14 @@
1
1
  import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
2
+ import { R as ReactFramework, S as StoryFnReactReturnType } from './types-53756156.js';
2
3
  import * as lib_types_dist from 'lib/types/dist';
3
- import { R as ReactFramework, S as StoryFnReactReturnType } from './types-e57bba30.js';
4
4
  import { ArgsStoryFn, Store_RenderContext } from '@storybook/types';
5
5
  import 'react';
6
6
 
7
7
  declare const decorators: ((storyFn: lib_types_dist.PartialStoryFn<ReactFramework, lib_types_dist.Args>, context: lib_types_dist.StoryContext<ReactFramework, lib_types_dist.Args>) => StoryFnReactReturnType)[];
8
- declare const argTypesEnhancers: (<TFramework extends lib_types_dist.AnyFramework>(context: lib_types_dist.StoryContextForEnhancers<TFramework, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
8
+ declare const argTypesEnhancers: (<TFramework extends lib_types_dist.Framework>(context: lib_types_dist.StoryContextForEnhancers<TFramework, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
9
9
 
10
10
  declare const render: ArgsStoryFn<ReactFramework>;
11
- declare function renderToDOM({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: Store_RenderContext<ReactFramework>, domElement: Element): Promise<() => void>;
11
+ declare function renderToCanvas({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: Store_RenderContext<ReactFramework>, canvasElement: ReactFramework['canvasElement']): Promise<() => void>;
12
12
 
13
13
  declare const parameters: {
14
14
  docs: {
@@ -19,4 +19,4 @@ declare const parameters: {
19
19
  framework: string;
20
20
  };
21
21
 
22
- export { argTypesEnhancers, decorators, parameters, render, renderToDOM };
22
+ export { argTypesEnhancers, decorators, parameters, render, renderToCanvas };
package/dist/config.js CHANGED
@@ -1,3 +1,3 @@
1
- "use strict";var nt=Object.create;var V=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var it=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var at=(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))!pt.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={};at(rr,{argTypesEnhancers:()=>Ge,decorators:()=>Ke,parameters:()=>tr,render:()=>et,renderToDOM:()=>rt});module.exports=ct(rr);var z=require("@storybook/docs-tools");var pe=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(p=>{let a=p.getPrettyName(),i=p.getTypeName();return i!=null?`${a}: ${i}`:a});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
2
- `)}var v="custom",I="object",j="array",Te="class",y="func",T="element";var de=l(require("html-tags"));function x(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 k(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 w(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:w(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=w(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:w(e.id)},ast:e}}function ht(e){let t={type:"Element"},r=w(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 w(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 xe(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{...xe(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 Ae(e){return e.split(/\r?\n/)}function B(e,t=!1){return be(k(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,p,a;switch(o){case"Identifier":case"Literal":s=e,p=e;break;case"Object":{let{depth:i}=r;s=I,p=i===1?B(n,!0):null,a=B(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!x(i)?i:T,p=Ae(e).length===1?e:null,a=e;break}case"Array":{let{depth:i}=r;s=j,p=i<=2?Se(n,!0):null,a=Se(n);break}default:s=Ot(o),p=Ae(e).length===1?e:null,a=e;break}return c({name:t,short:s,compact:p,full:a,inferredType:o})}function xt({raw:e}){return e!=null?je(e,"custom"):c({name:"custom",short:v,compact:v})}function At(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(p=>`${p}: ${A(e.value[p],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}=A(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:p,full:a}=A(o,t);return n.short.push(s),n.compact.push(p),n.full.push(a),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:p}=bt(n);return r.short.push(o),r.compact.push(s),r.full.push(p),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 kt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:p}=A(e.value,t);if(r==="custom"){if(p==="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 A(e,t){try{switch(e.name){case"custom":return xt(e);case"func":return At(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 kt(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 ke(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}=A(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}=A(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=k(t,!0);if(!(0,M.isTooLongForDefaultValueSummary)(n))return(0,M.createSummaryValue)(n)}return(0,M.createSummaryValue)(I,k(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 wt({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&&!x(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 wt(t);case"Element":return Mt(e,t);case"Array":return W(t);default:return null}}catch(t){console.error(t)}return null}var we=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)&&x(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,we.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:p,params:a}=n.inferredType;p?a.length===1&&a[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=ke(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(pe.default).forEach(e=>{let t=pe.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:p,sbType:a,defaultValue:i,jsDocTags:h,required:b}=n;return r[o]={name:o,description:s,type:{required:b,...a},table:{type:p,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 p={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(i.type===Symbol.for("react.profiler")?"Profiler":null)||(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,p);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(`
3
- `).replace(/function\s+noRefCheck\(\)\s+\{\}/g,"() => {}")},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 p={...Ht,...(t==null?void 0:t.parameters.jsx)||{}},a=(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(a),h=Xt(i,p);return h&&(o=Wt(h,p,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},ae=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 a=u.default.createElement(ae,{showMain:r,showException:n},u.default.createElement(t,{...e})),i=Qe?u.default.createElement(Qe,null,a):a;return o&&ze(s),await zt(i,s),()=>ze(s)}var tr={framework:"react",...qe};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});
1
+ "use strict";var nt=Object.create;var V=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var it=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var at=(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))!pt.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={};at(rr,{argTypesEnhancers:()=>Ge,decorators:()=>Ke,parameters:()=>tr,render:()=>et,renderToCanvas:()=>rt});module.exports=ct(rr);var z=require("@storybook/docs-tools");var pe=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(p=>{let a=p.getPrettyName(),i=p.getTypeName();return i!=null?`${a}: ${i}`:a});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
2
+ `)}var v="custom",I="object",j="array",Te="class",y="func",T="element";var de=l(require("html-tags"));function x(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 k(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 w(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:w(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=w(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:w(e.id)},ast:e}}function ht(e){let t={type:"Element"},r=w(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 w(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 xe(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{...xe(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 De(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}function Ae(e){return e.split(/\r?\n/)}function B(e,t=!1){return De(k(e,t))}function Se(e,t=!1){return De(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,p,a;switch(o){case"Identifier":case"Literal":s=e,p=e;break;case"Object":{let{depth:i}=r;s=I,p=i===1?B(n,!0):null,a=B(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!x(i)?i:T,p=Ae(e).length===1?e:null,a=e;break}case"Array":{let{depth:i}=r;s=j,p=i<=2?Se(n,!0):null,a=Se(n);break}default:s=Ot(o),p=Ae(e).length===1?e:null,a=e;break}return c({name:t,short:s,compact:p,full:a,inferredType:o})}function xt({raw:e}){return e!=null?je(e,"custom"):c({name:"custom",short:v,compact:v})}function At(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(p=>`${p}: ${A(e.value[p],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}=A(e.value,t);return c({name:"objectOf",short:te(r),compact:n!=null?te(n):null,full:o&&te(o)})}function bt(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:p,full:a}=A(o,t);return n.short.push(s),n.compact.push(p),n.full.push(a),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 Dt({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:p}=Dt(n);return r.short.push(o),r.compact.push(s),r.full.push(p),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 be(e,t,r){return c({name:"arrayOf",short:re(e),compact:t!=null?Fe(t):null,full:r&&Fe(r)})}function kt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:p}=A(e.value,t);if(r==="custom"){if(p==="Object")return be(n,o,s)}else if(r==="shape")return be(n,o,s);return c({name:"arrayOf",short:re(n),compact:re(n)})}function A(e,t){try{switch(e.name){case"custom":return xt(e);case"func":return At(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 bt(e,t);case"enum":return jt(e);case"arrayOf":return kt(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 ke(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}=A(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}=A(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 J=require("@storybook/docs-tools");function Y({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=k(t,!0);if(!(0,J.isTooLongForDefaultValueSummary)(n))return(0,J.createSummaryValue)(n)}return(0,J.createSummaryValue)(I,k(t))}var M=require("@storybook/docs-tools");function W({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=Z(t,!0);if(!(0,M.isTooLongForDefaultValueSummary)(n))return(0,M.createSummaryValue)(n)}return(0,M.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 wt({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 Jt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!x(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 wt(t);case"Element":return Jt(e,t);case"Array":return W(t);default:return null}}catch(t){console.error(t)}return null}var we=l(require("lodash/isPlainObject")),oe=l(require("lodash/isFunction")),Je=l(require("lodash/isString")),se=l(require("react-element-to-jsx-string")),m=require("@storybook/docs-tools");function Me(e){return e.$$typeof!=null}function ie(e,t){let{name:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}var Mt=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,Je.default)(t)&&x(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(Me(e)&&e.type!=null)return Lt(e);if((0,we.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:p,params:a}=n.inferredType;p?a.length===1&&a[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&Me(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:Mt,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=ke(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(pe.default).forEach(e=>{let t=pe.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:p,sbType:a,defaultValue:i,jsDocTags:h,required:D}=n;return r[o]={name:o,description:s,type:{required:D,...a},table:{type:p,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 p={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(i.type===Symbol.for("react.profiler")?"Profiler":null)||(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,p);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(`
3
+ `).replace(/function\s+noRefCheck\(\)\s+\{\}/g,"() => {}")},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 D,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 p={...Ht,...(t==null?void 0:t.parameters.jsx)||{}},a=(E=(D=t==null?void 0:t.parameters.docs)==null?void 0:D.source)!=null&&E.excludeDecorators?t.originalStoryFn(t.args,t):s,i=Xe(a),h=Xt(i,p);return h&&(o=Wt(h,p,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:b}=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=(b==null?void 0:b.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},ae=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=b!=null&&b.strictMode?u.StrictMode:u.Fragment;async function rt({storyContext:e,unboundStoryFn:t,showMain:r,showException:n,forceRemount:o},s){let a=u.default.createElement(ae,{showMain:r,showException:n},u.default.createElement(t,{...e})),i=Qe?u.default.createElement(Qe,null,a):a;return o&&ze(s),await zt(i,s),()=>ze(s)}var tr={framework:"react",...qe};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToCanvas});
package/dist/config.mjs CHANGED
@@ -1,3 +1,3 @@
1
- import{a as Je,b as Le}from"./chunk-Y6TTZ4RO.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 D,isTooLongForTypeSummary as tt}from"@storybook/docs-tools";function G(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];if(r){let s=e.map(p=>{let c=p.getPrettyName(),i=p.getTypeName();return i!=null?`${c}: ${i}`:c});o.push(`(${s.join(", ")})`)}else o.push("()");return n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function z(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 Q(e){return e.replace(/,/g,`,\r
2
- `)}var S="custom",d="object",C="array",Z="class",f="func",m="element";import Ve from"html-tags";function E(e){return Ve.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 re(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function ne(e){let t=[];return I.ancestor(e,{ObjectExpression(r,n){t.push(re(n).length)},ArrayExpression(r,n){t.push(re(n).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 n={type:t!=null?"Element":"Function",params:e.params,hasParams:e.params.length!==0},o=A(e.id);return o!=null&&(n.identifier=o),{inferredType:n,ast:e}}function Ge(e){let t;return I.simple(e.body,{JSXElement(n){t=n}},_),{inferredType:{type:t!=null?"Element":"Class",identifier:A(e.id)},ast:e}}function ze(e){let t={type:"Element"},r=A(e.openingElement.name);return r!=null&&(t.identifier=r),{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:ne(e)},ast:e}}function Ze(e){return{inferredType:{type:"Array",depth:ne(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})`),r={inferredType:{type:"Unknown"},ast:t};if(t.body[0]!=null){let n=t.body[0];switch(n.type){case"ExpressionStatement":{let o=et(n.expression);o!=null&&(r=o);break}default:break}}return r}function l(e){try{return{...se(e)}}catch{}return{inferredType:{type:"Unknown"}}}var rt=150;function u({name:e,short:t,compact:r,full:n,inferredType:o}){return{name:e,short:t,compact:r,full:n??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 pe(e,t=!1){return ue(y(e,t))}function nt(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:r,ast:n}=l(e),{type:o}=r,s,p,c;switch(o){case"Identifier":case"Literal":s=e,p=e;break;case"Object":{let{depth:i}=r;s=d,p=i===1?j(n,!0):null,c=j(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!E(i)?i:m,p=ie(e).length===1?e:null,c=e;break}case"Array":{let{depth:i}=r;s=C,p=i<=2?pe(n,!0):null,c=pe(n);break}default:s=nt(o),p=ie(e).length===1?e:null,c=e;break}return u({name:t,short:s,compact:p,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 r=Object.keys(e.value).map(p=>`${p}: ${P(e.value[p],t).full}`).join(", "),{inferredType:n,ast:o}=l(`{ ${r} }`),{depth:s}=n;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 pt(e,t){let{short:r,compact:n,full:o}=P(e.value,t);return u({name:"objectOf",short:v(r),compact:n!=null?v(n):null,full:o&&v(o)})}function at(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:p,full:c}=P(o,t);return n.short.push(s),n.compact.push(p),n.full.push(c),n},{short:[],compact:[],full:[]});return u({name:"union",short:r.short.join(" | "),compact:r.compact.every(n=>n!=null)?r.compact.join(" | "):null,full:r.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((r,n)=>{let{short:o,compact:s,full:p}=ct(n);return r.short.push(o),r.compact.push(s),r.full.push(p),r},{short:[],compact:[],full:[]});return u({name:"enum",short:t.short.join(" | "),compact:t.compact.every(r=>r!=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 ae(e){return`[${e}]`}function ce(e,t,r){return u({name:"arrayOf",short:w(e),compact:t!=null?ae(t):null,full:r&&ae(r)})}function lt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:p}=P(e.value,t);if(r==="custom"){if(p==="Object")return ce(n,o,s)}else if(r==="shape")return ce(n,o,s);return u({name:"arrayOf",short:w(n),compact:w(n)})}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 pt(e,t);case"union":return at(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(r){console.error(r)}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:r,compact:n,full:o}=P(t,e);return n!=null&&!tt(n)?D(n):o?D(r,o):D(r)}case"func":{let{short:r,full:n}=P(t,e),o=r,s;return n&&n.length<rt?o=n:n&&(s=Q(n)),D(o,s)}default:return null}}catch(r){console.error(r)}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 k({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=h(t,!0);if(!ft(n))return me(n)}return me(d,h(t))}import{createSummaryValue as ye,isTooLongForDefaultValueSummary as mt}from"@storybook/docs-tools";function J({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=U(t,!0);if(!mt(n))return ye(n)}return ye(C,U(t))}function R(e,t){return t?`${e}( ... )`:`${e}()`}function O(e){return`<${e} />`}function $(e){let{type:t,identifier:r}=e;switch(t){case"Function":return R(r,e.hasParams);case"Element":return O(r);default:return r}}function yt({inferredType:e,ast:t}){let{identifier:r}=e;if(r!=null)return N($(e),y(t));let n=y(t,!0);return Te(n)?N(f,y(t)):N(n)}function Tt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!E(n)){let o=$(r);return N(o,e)}return Te(e)?N(m,e):N(e)}function L(e){try{let t=l(e);switch(t.inferredType.type){case"Object":return k(t);case"Function":return yt(t);case"Element":return Tt(e,t);case"Array":return J(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:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}var Et=e=>T(JSON.stringify(e));function Pt(e){let{type:t}=e,{displayName:r}=t,n=ge(e,{});if(r!=null){let o=O(r);return T(o,n)}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,n)}var Ot=e=>{if(Ie(e)&&e.type!=null)return Pt(e);if(dt(e)){let t=l(JSON.stringify(e));return k(t)}if(Array.isArray(e)){let t=l(JSON.stringify(e));return J(t)}return T(d)},Nt=(e,t)=>{let r=!1,n;if(de(e.render))r=!0;else if(e.prototype!=null&&de(e.prototype.render))r=!0;else{let s;try{n=l(e.toString());let{hasParams:p,params:c}=n.inferredType;p?c.length===1&&c[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&Ie(s)&&(r=!0)}catch{}}let o=B(e,t.name);if(o!=null){if(r)return T(O(o));n!=null&&(n=l(e.toString()));let{hasParams:s}=n.inferredType;return T(R(o,s))}return T(r?m:f)},xt=e=>T(e.toString()),Ee={string:Et,object:Ot,function:Nt,default:xt};function Pe(e={}){return{...Ee,...e}}function V(e,t,r=Ee){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 Oe(e,t){let{propTypes:r}=t;return r!=null?Object.keys(r).map(n=>e.find(o=>o.name===n)).filter(Boolean):e}import{createSummaryValue as Y}from"@storybook/docs-tools";var Ct=(e,{name:t,type:r})=>{let n=r.summary==="element"||r.summary==="elementType",o=B(e,t);if(o!=null){if(n)return Y(O(o));let{hasParams:s}=l(e.toString()).inferredType;return Y(R(o,s))}return Y(n?m:f)},Ne=Pe({function:Ct});function ht(e,t){let{propDef:r}=e,n=fe(e);n!=null&&(r.type=n);let{defaultValue:o}=e.docgenInfo;if(o!=null&&o.value!=null){let s=L(o.value);s!=null&&(r.defaultValue=s)}else if(t!=null){let s=V(t,r,Ne);s!=null&&(r.defaultValue=s)}return r}function xe(e,t){let r=t.defaultProps!=null?t.defaultProps:{},n=e.map(o=>ht(o,r[o.propDef.name]));return Oe(n,t)}function At(e,t){let{propDef:r}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let o=L(n.value);o!=null&&(r.defaultValue=o)}else if(t!=null){let o=V(t,r);o!=null&&(r.defaultValue=o)}return r}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 r=e;!Rt(e)&&!e.propTypes&&F(e)&&(r=e.type);let n=St(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case Ae.JAVASCRIPT:return xe(n,e);case Ae.TYPESCRIPT:return Ce(n);default:return n.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((r,n)=>{let{name:o,description:s,type:p,sbType:c,defaultValue:i,jsDocTags:g,required:H}=n;return r[o]={name:o,description:s,type:{required:H,...c},table:{type:p,jsDocTags:g,defaultValue:i}},r},{})}return null};import X,{createElement as bt}from"react";import W from"react-element-to-jsx-string";import{addons as Dt,useEffect as jt}from"@storybook/addons";import{SourceType as be,SNIPPET_RENDERED as kt,getDocgenSection as Jt}from"@storybook/docs-tools";import{logger as M}from"@storybook/client-logger";var Lt=(e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),Vt=(e,t)=>{if(typeof e>"u")return M.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 M.warn("Cannot skip undefined element"),null;if(X.Children.count(r)>1)return M.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(M.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=X.createElement(n,{...r.props}))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let p={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(i.type===Symbol.for("react.profiler")?"Profiler":null)||Jt(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,p);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(`
3
- `).replace(/function\s+noRefCheck\(\)\s+\{\}/g,"() => {}")},Mt={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},Ut=e=>{let t=e?.parameters.docs?.source,r=e?.parameters.__isArgsStory;return t?.type===be.DYNAMIC?!1:!r||t?.code||t?.type===be.CODE},_t=e=>e.type?.displayName==="MDXCreateElement"&&!!e.props?.mdxType,De=e=>{if(!_t(e))return e;let{mdxType:t,originalType:r,children:n,...o}=e.props,s=[];return n&&(s=(Array.isArray(n)?n:[n]).map(De)),bt(r,o,...s)},je=(e,t)=>{let r=Dt.getChannel(),n=Ut(t),o="";jt(()=>{n||r.emit(kt,(t||{}).id,o)});let s=e();if(n)return s;let p={...Mt,...t?.parameters.jsx||{}},c=t?.parameters.docs?.source?.excludeDecorators?t.originalStoryFn(t.args,t):s,i=De(c),g=Vt(i,p);return g&&(o=Lt(g,p,t)),s};var ke={docs:{inlineStories:!0,extractArgTypes:Fe,extractComponentDescription:vt}},$t=[je],Bt=[wt];var Jn={framework:"react",...ke};export{Bt as argTypesEnhancers,$t as decorators,Jn as parameters,Je as render,Le as renderToDOM};
1
+ import{a as ke,b as Je}from"./chunk-UY6SH3YX.mjs";import{extractComponentDescription as vt,enhanceArgTypes as _t}from"@storybook/docs-tools";import Ce from"prop-types";import{hasDocgen as At,extractComponentProps as Rt,TypeSystem as he}from"@storybook/docs-tools";import{createSummaryValue as b,isTooLongForTypeSummary as et}from"@storybook/docs-tools";function K(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];if(r){let s=e.map(p=>{let a=p.getPrettyName(),i=p.getTypeName();return i!=null?`${a}: ${i}`:a});o.push(`(${s.join(", ")})`)}else o.push("()");return n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function G(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 z(e){return e.replace(/,/g,`,\r
2
+ `)}var R="custom",T="object",x="array",Q="class",l="func",f="element";import Le from"html-tags";function I(e){return Le.includes(e.toLowerCase())}import{generate as Ve}from"escodegen";import{dedent as Me}from"ts-dedent";var Z={format:{indent:{style:" "},semicolons:!1}},Ue={...Z,format:{newline:""}},ve={...Z};function m(e,t=!1){return Ve(e,t?Ue:ve)}function C(e,t=!1){return t?_e(e):m(e)}function _e(e){let t=m(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}function M(e,t=!1){return t?$e(e):we(e)}function we(e){let t=m(e);return t.endsWith(" }]")&&(t=Me(t)),t}function $e(e){let t=m(e,!0);return t.startsWith("[ ")&&(t=t.replace("[ ","[")),t}var S=e=>e.$$typeof===Symbol.for("react.memo"),ee=e=>e.$$typeof===Symbol.for("react.forward_ref");import{Parser as Be}from"acorn";import Ye from"acorn-jsx";import*as g from"acorn-walk";var U={...g.base,JSXElement:()=>{}},Xe=Be.extend(Ye());function h(e){return e!=null?e.name:null}function te(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function re(e){let t=[];return g.ancestor(e,{ObjectExpression(r,n){t.push(te(n).length)},ArrayExpression(r,n){t.push(te(n).length)}},U),Math.max(...t)}function We(e){return{inferredType:{type:"Identifier",identifier:h(e)},ast:e}}function He(e){return{inferredType:{type:"Literal"},ast:e}}function qe(e){let t;g.simple(e.body,{JSXElement(s){t=s}},U);let n={type:t!=null?"Element":"Function",params:e.params,hasParams:e.params.length!==0},o=h(e.id);return o!=null&&(n.identifier=o),{inferredType:n,ast:e}}function Ke(e){let t;return g.simple(e.body,{JSXElement(n){t=n}},U),{inferredType:{type:t!=null?"Element":"Class",identifier:h(e.id)},ast:e}}function Ge(e){let t={type:"Element"},r=h(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}function ze(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return h(t)==="shape"?ne(e.arguments[0]):null}function ne(e){return{inferredType:{type:"Object",depth:re(e)},ast:e}}function Qe(e){return{inferredType:{type:"Array",depth:re(e)},ast:e}}function Ze(e){switch(e.type){case"Identifier":return We(e);case"Literal":return He(e);case"FunctionExpression":case"ArrowFunctionExpression":return qe(e);case"ClassExpression":return Ke(e);case"JSXElement":return Ge(e);case"CallExpression":return ze(e);case"ObjectExpression":return ne(e);case"ArrayExpression":return Qe(e);default:return null}}function oe(e){let t=Xe.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=Ze(n.expression);o!=null&&(r=o);break}default:break}}return r}function u(e){try{return{...oe(e)}}catch{}return{inferredType:{type:"Unknown"}}}var tt=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 ce(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}function se(e){return e.split(/\r?\n/)}function D(e,t=!1){return ce(C(e,t))}function ie(e,t=!1){return ce(m(e,t))}function rt(e){switch(e){case"Object":return T;case"Array":return x;case"Class":return Q;case"Function":return l;case"Element":return f;default:return R}}function ue(e,t){let{inferredType:r,ast:n}=u(e),{type:o}=r,s,p,a;switch(o){case"Identifier":case"Literal":s=e,p=e;break;case"Object":{let{depth:i}=r;s=T,p=i===1?D(n,!0):null,a=D(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!I(i)?i:f,p=se(e).length===1?e:null,a=e;break}case"Array":{let{depth:i}=r;s=x,p=i<=2?ie(n,!0):null,a=ie(n);break}default:s=rt(o),p=se(e).length===1?e:null,a=e;break}return c({name:t,short:s,compact:p,full:a,inferredType:o})}function nt({raw:e}){return e!=null?ue(e,"custom"):c({name:"custom",short:R,compact:R})}function ot(e){let{jsDocTags:t}=e;return t!=null&&(t.params!=null||t.returns!=null)?c({name:"func",short:G(t.params,t.returns),compact:null,full:K(t.params,t.returns)}):c({name:"func",short:l,compact:l})}function st(e,t){let r=Object.keys(e.value).map(p=>`${p}: ${E(e.value[p],t).full}`).join(", "),{inferredType:n,ast:o}=u(`{ ${r} }`),{depth:s}=n;return c({name:"shape",short:T,compact:s===1&&o?D(o,!0):null,full:o?D(o):null})}function v(e){return`objectOf(${e})`}function it(e,t){let{short:r,compact:n,full:o}=E(e.value,t);return c({name:"objectOf",short:v(r),compact:n!=null?v(n):null,full:o&&v(o)})}function pt(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:p,full:a}=E(o,t);return n.short.push(s),n.compact.push(p),n.full.push(a),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 at({value:e,computed:t}){return t?ue(e,"enumvalue"):c({name:"enumvalue",short:e,compact:e})}function ct(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:o,compact:s,full:p}=at(n);return r.short.push(o),r.compact.push(s),r.full.push(p),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 _(e){return`${e}[]`}function pe(e){return`[${e}]`}function ae(e,t,r){return c({name:"arrayOf",short:_(e),compact:t!=null?pe(t):null,full:r&&pe(r)})}function ut(e,t){let{name:r,short:n,compact:o,full:s,inferredType:p}=E(e.value,t);if(r==="custom"){if(p==="Object")return ae(n,o,s)}else if(r==="shape")return ae(n,o,s);return c({name:"arrayOf",short:_(n),compact:_(n)})}function E(e,t){try{switch(e.name){case"custom":return nt(e);case"func":return ot(t);case"shape":return st(e,t);case"instanceOf":return c({name:"instanceOf",short:e.value,compact:e.value});case"objectOf":return it(e,t);case"union":return pt(e,t);case"enum":return ct(e);case"arrayOf":return ut(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 le(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}=E(t,e);return n!=null&&!et(n)?b(n):o?b(r,o):b(r)}case"func":{let{short:r,full:n}=E(t,e),o=r,s;return n&&n.length<tt?o=n:n&&(s=z(n)),b(o,s)}default:return null}}catch(r){console.error(r)}return null}import{createSummaryValue as O,isTooLongForDefaultValueSummary as ye}from"@storybook/docs-tools";import{createSummaryValue as fe,isTooLongForDefaultValueSummary as lt}from"@storybook/docs-tools";function j({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=C(t,!0);if(!lt(n))return fe(n)}return fe(T,C(t))}import{createSummaryValue as me,isTooLongForDefaultValueSummary as ft}from"@storybook/docs-tools";function k({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=M(t,!0);if(!ft(n))return me(n)}return me(x,M(t))}function A(e,t){return t?`${e}( ... )`:`${e}()`}function P(e){return`<${e} />`}function w(e){let{type:t,identifier:r}=e;switch(t){case"Function":return A(r,e.hasParams);case"Element":return P(r);default:return r}}function mt({inferredType:e,ast:t}){let{identifier:r}=e;if(r!=null)return O(w(e),m(t));let n=m(t,!0);return ye(n)?O(l,m(t)):O(n)}function yt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!I(n)){let o=w(r);return O(o,e)}return ye(e)?O(f,e):O(e)}function J(e){try{let t=u(e);switch(t.inferredType.type){case"Object":return j(t);case"Function":return mt(t);case"Element":return yt(e,t);case"Array":return k(t);default:return null}}catch(t){console.error(t)}return null}import Tt from"lodash/isPlainObject";import Te from"lodash/isFunction";import dt from"lodash/isString";import de from"react-element-to-jsx-string";import{createSummaryValue as y,isTooLongForDefaultValueSummary as gt}from"@storybook/docs-tools";function ge(e){return e.$$typeof!=null}function $(e,t){let{name:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}var It=e=>y(JSON.stringify(e));function Et(e){let{type:t}=e,{displayName:r}=t,n=de(e,{});if(r!=null){let o=P(r);return y(o,n)}if(dt(t)&&I(t)){let s=de(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!gt(s))return y(s)}return y(f,n)}var Pt=e=>{if(ge(e)&&e.type!=null)return Et(e);if(Tt(e)){let t=u(JSON.stringify(e));return j(t)}if(Array.isArray(e)){let t=u(JSON.stringify(e));return k(t)}return y(T)},Ot=(e,t)=>{let r=!1,n;if(Te(e.render))r=!0;else if(e.prototype!=null&&Te(e.prototype.render))r=!0;else{let s;try{n=u(e.toString());let{hasParams:p,params:a}=n.inferredType;p?a.length===1&&a[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&ge(s)&&(r=!0)}catch{}}let o=$(e,t.name);if(o!=null){if(r)return y(P(o));n!=null&&(n=u(e.toString()));let{hasParams:s}=n.inferredType;return y(A(o,s))}return y(r?f:l)},Nt=e=>y(e.toString()),Ie={string:It,object:Pt,function:Ot,default:Nt};function Ee(e={}){return{...Ie,...e}}function L(e,t,r=Ie){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 Pe(e,t){let{propTypes:r}=t;return r!=null?Object.keys(r).map(n=>e.find(o=>o.name===n)).filter(Boolean):e}import{createSummaryValue as B}from"@storybook/docs-tools";var xt=(e,{name:t,type:r})=>{let n=r.summary==="element"||r.summary==="elementType",o=$(e,t);if(o!=null){if(n)return B(P(o));let{hasParams:s}=u(e.toString()).inferredType;return B(A(o,s))}return B(n?f:l)},Oe=Ee({function:xt});function Ct(e,t){let{propDef:r}=e,n=le(e);n!=null&&(r.type=n);let{defaultValue:o}=e.docgenInfo;if(o!=null&&o.value!=null){let s=J(o.value);s!=null&&(r.defaultValue=s)}else if(t!=null){let s=L(t,r,Oe);s!=null&&(r.defaultValue=s)}return r}function Ne(e,t){let r=t.defaultProps!=null?t.defaultProps:{},n=e.map(o=>Ct(o,r[o.propDef.name]));return Pe(n,t)}function ht(e,t){let{propDef:r}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let o=J(n.value);o!=null&&(r.defaultValue=o)}else if(t!=null){let o=L(t,r);o!=null&&(r.defaultValue=o)}return r}function xe(e){return e.map(t=>ht(t))}var Ae=new Map;Object.keys(Ce).forEach(e=>{let t=Ce[e];Ae.set(t,e),Ae.set(t.isRequired,e)});function St(e,t){let r=e;!At(e)&&!e.propTypes&&S(e)&&(r=e.type);let n=Rt(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case he.JAVASCRIPT:return Ne(n,e);case he.TYPESCRIPT:return xe(n);default:return n.map(o=>o.propDef)}}var Re=e=>({rows:St(e,"props")});var Se=e=>{if(e){let{rows:t}=Re(e);if(t)return t.reduce((r,n)=>{let{name:o,description:s,type:p,sbType:a,defaultValue:i,jsDocTags:d,required:W}=n;return r[o]={name:o,description:s,type:{required:W,...a},table:{type:p,jsDocTags:d,defaultValue:i}},r},{})}return null};import Y,{createElement as Ft}from"react";import X from"react-element-to-jsx-string";import{addons as bt,useEffect as Dt}from"@storybook/addons";import{SourceType as Fe,SNIPPET_RENDERED as jt,getDocgenSection as kt}from"@storybook/docs-tools";import{logger as V}from"@storybook/client-logger";var Jt=(e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),Lt=(e,t)=>{if(typeof e>"u")return V.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 V.warn("Cannot skip undefined element"),null;if(Y.Children.count(r)>1)return V.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(V.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=Y.createElement(n,{...r.props}))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let p={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(i.type===Symbol.for("react.profiler")?"Profiler":null)||kt(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(ee(i.type)?i.type.render.name:null)||(S(i.type)?i.type.type.name:null)||i.type},...{filterProps:(i,d)=>i!==void 0},...t};return Y.Children.map(e,i=>{let d=typeof i=="number"?i.toString():i,N=(typeof X=="function"?X:X.default)(d,p);if(N.indexOf("&quot;")>-1){let H=N.match(/\S+=\\"([^"]*)\\"/g);H&&H.forEach(q=>{N=N.replace(q,q.replace(/&quot;/g,"'"))})}return N}).join(`
3
+ `).replace(/function\s+noRefCheck\(\)\s+\{\}/g,"() => {}")},Vt={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},Mt=e=>{let t=e?.parameters.docs?.source,r=e?.parameters.__isArgsStory;return t?.type===Fe.DYNAMIC?!1:!r||t?.code||t?.type===Fe.CODE},Ut=e=>e.type?.displayName==="MDXCreateElement"&&!!e.props?.mdxType,be=e=>{if(!Ut(e))return e;let{mdxType:t,originalType:r,children:n,...o}=e.props,s=[];return n&&(s=(Array.isArray(n)?n:[n]).map(be)),Ft(r,o,...s)},De=(e,t)=>{let r=bt.getChannel(),n=Mt(t),o="";Dt(()=>{n||r.emit(jt,(t||{}).id,o)});let s=e();if(n)return s;let p={...Vt,...t?.parameters.jsx||{}},a=t?.parameters.docs?.source?.excludeDecorators?t.originalStoryFn(t.args,t):s,i=be(a),d=Lt(i,p);return d&&(o=Jt(d,p,t)),s};var je={docs:{inlineStories:!0,extractArgTypes:Se,extractComponentDescription:vt}},wt=[De],$t=[_t];var kn={framework:"react",...je};export{$t as argTypesEnhancers,wt as decorators,kn as parameters,ke as render,Je as renderToCanvas};
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as _storybook_types from '@storybook/types';
2
2
  import { Args, DecoratorFunction, Addon_ClientStoryApi, Addon_Loadable, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, ProjectAnnotations, Store_ComposedStory, Store_CSFExports, Store_StoriesWithPartialProps } from '@storybook/types';
3
- import { R as ReactFramework, S as StoryFnReactReturnType } from './types-e57bba30.js';
3
+ import { R as ReactFramework, S as StoryFnReactReturnType } from './types-53756156.js';
4
+ export { R as ReactFramework } from './types-53756156.js';
4
5
  import { ComponentType, ComponentProps, JSXElementConstructor } from 'react';
5
6
  import { Simplify, SetOptional } from 'type-fest';
6
7
 
@@ -182,6 +183,6 @@ declare function composeStory<TArgs = Args>(story: Store_ComposedStory<ReactFram
182
183
  * @param csfExports - e.g. (import * as stories from './Button.stories')
183
184
  * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
184
185
  */
185
- declare function composeStories<TModule extends Store_CSFExports<ReactFramework>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactFramework>): Omit<Store_StoriesWithPartialProps<ReactFramework, TModule>, keyof Store_CSFExports<_storybook_types.AnyFramework>>;
186
+ declare function composeStories<TModule extends Store_CSFExports<ReactFramework>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactFramework>): Omit<Store_StoriesWithPartialProps<ReactFramework, TModule>, keyof Store_CSFExports<_storybook_types.Framework>>;
186
187
 
187
188
  export { ComponentMeta, ComponentStory, ComponentStoryFn, ComponentStoryObj, DecoratorFn, Meta, Story, StoryFn, StoryObj, composeStories, composeStory, configure, forceReRender, raw, setGlobalConfig, setProjectAnnotations, storiesOf };
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var _=Object.create;var m=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var L=(o,t)=>{for(var e in t)m(o,e,{get:t[e],enumerable:!0})},y=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of v(t))!U.call(o,s)&&s!==e&&m(o,s,{get:()=>t[s],enumerable:!(r=T(t,s))||r.enumerable});return o};var p=(o,t,e)=>(e=o!=null?_(W(o)):{},y(t||!o||!o.__esModule?m(e,"default",{value:o,enumerable:!0}):e,o)),N=o=>y(m({},"__esModule",{value:!0}),o);var Z={};L(Z,{composeStories:()=>X,composeStory:()=>b,configure:()=>q,forceReRender:()=>z,raw:()=>H,setGlobalConfig:()=>J,setProjectAnnotations:()=>M,storiesOf:()=>$});module.exports=N(Z);var S=p(require("global")),{window:A}=S.default;A&&(A.STORYBOOK_ENV="react");var k=require("@storybook/core-client");var F=p(require("global")),n=p(require("react")),a=p(require("react-dom")),{FRAMEWORK_OPTIONS:i}=F.default,d=new Map,l=(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})},O=({callback:o,children:t})=>{let e=(0,n.useRef)();return(0,n.useLayoutEffect)(()=>{e.current!==o&&(e.current=o,o())},[o]),t},G=async(o,t)=>{let e=await Y(t);return new Promise(r=>{e?e.render(n.default.createElement(O,{callback:()=>r(null)},o)):a.default.render(o,t,()=>r(null))})},V=a.version&&(a.version.startsWith("18")||a.version.startsWith("0.0.0")),B=(i==null?void 0:i.legacyRootApi)!==!0,h=B&&V,g=o=>{let t=d.get(o);t&&h?(t.unmount(),d.delete(o)):a.default.unmountComponentAtNode(o)},Y=async o=>{if(!h)return null;let t=d.get(o);return t||(t=(await import("react-dom/client")).default.createRoot(o),d.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}},C=i!=null&&i.strictMode?n.StrictMode:n.Fragment;async function x({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=C?n.default.createElement(C,null,w):w;return s&&g(u),await G(D,u),()=>g(u)}var E="react",f=(0,k.start)(x,{render:l}),$=(o,t)=>f.clientApi.storiesOf(o,t).addParameters({framework:E}),q=(...o)=>f.configure(E,...o),z=f.forceReRender,H=f.clientApi.raw;var c=require("@storybook/store"),P=require("@storybook/client-logger");function M(o){(0,c.setProjectAnnotations)(o)}function J(o){(0,P.deprecate)("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),M(o)}var Q={render:l};function b(o,t,e,r){return(0,c.composeStory)(o,t,e,Q,r)}function X(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});
1
+ "use strict";var j=Object.create;var c=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var X=(t,o)=>{for(var e in o)c(t,e,{get:o[e],enumerable:!0})},g=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of _(o))!J.call(t,s)&&s!==e&&c(t,s,{get:()=>o[s],enumerable:!(r=D(o,s))||r.enumerable});return t};var m=(t,o,e)=>(e=t!=null?j(v(t)):{},g(o||!t||!t.__esModule?c(e,"default",{value:t,enumerable:!0}):e,t)),W=t=>g(c({},"__esModule",{value:!0}),t);var Z={};X(Z,{composeStories:()=>Q,composeStory:()=>O,configure:()=>Y,forceReRender:()=>$,raw:()=>q,setGlobalConfig:()=>z,setProjectAnnotations:()=>P,storiesOf:()=>B});module.exports=W(Z);var R=m(require("global")),{window:S}=R.default;S&&(S.STORYBOOK_ENV="react");var T=require("@storybook/core-client");var F=m(require("global")),n=m(require("react")),a=m(require("react-dom")),{FRAMEWORK_OPTIONS:p}=F.default,y=new Map,A=(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.default.createElement(r,{...t})},U=({callback:t,children:o})=>{let e=(0,n.useRef)();return(0,n.useLayoutEffect)(()=>{e.current!==t&&(e.current=t,t())},[t]),o},L=async(t,o)=>{let e=await V(o);return new Promise(r=>{e?e.render(n.default.createElement(U,{callback:()=>r(null)},t)):a.default.render(t,o,()=>r(null))})},N=a.version&&(a.version.startsWith("18")||a.version.startsWith("0.0.0")),G=(p==null?void 0:p.legacyRootApi)!==!0,x=G&&N,u=t=>{let o=y.get(t);o&&x?(o.unmount(),y.delete(t)):a.default.unmountComponentAtNode(t)},V=async t=>{if(!x)return null;let o=y.get(t);return o||(o=(await import("react-dom/client")).default.createRoot(t),y.set(t,o)),o},f=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}},w=p!=null&&p.strictMode?n.StrictMode:n.Fragment;async function k({storyContext:t,unboundStoryFn:o,showMain:e,showException:r,forceRemount:s},l){let C=n.default.createElement(f,{showMain:e,showException:r},n.default.createElement(o,{...t})),b=w?n.default.createElement(w,null,C):C;return s&&u(l),await L(b,l),()=>u(l)}var E="react",d=(0,T.start)(k,{render:A}),B=(t,o)=>d.clientApi.storiesOf(t,o).addParameters({framework:E}),Y=(...t)=>d.configure(E,...t),$=d.forceReRender,q=d.clientApi.raw;var i=require("@storybook/store"),h=require("@storybook/client-logger");function P(t){(0,i.setProjectAnnotations)(t)}function z(t){(0,h.deprecate)("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),P(t)}var H={render:A};function O(t,o,e,r){return(0,i.composeStory)(t,o,e,H,r)}function Q(t,o){return(0,i.composeStories)(t,o,O)}var M;(M=module==null?void 0:module.hot)==null||M.decline();0&&(module.exports={composeStories,composeStory,configure,forceReRender,raw,setGlobalConfig,setProjectAnnotations,storiesOf});
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{a as e,b as p}from"./chunk-Y6TTZ4RO.mjs";import A from"global";var{window:a}=A;a&&(a.STORYBOOK_ENV="react");import{start as c}from"@storybook/core-client";var m="react",n=c(p,{render:e}),k=(o,t)=>n.clientApi.storiesOf(o,t).addParameters({framework:m}),x=(...o)=>n.configure(m,...o),w=n.forceReRender,O=n.clientApi.raw;import{composeStory as y,composeStories as g,setProjectAnnotations as d}from"@storybook/store";import{deprecate as S}from"@storybook/client-logger";function C(o){d(o)}function E(o){S("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),C(o)}var f={render:e};function l(o,t,s,i){return y(o,t,s,f,i)}function b(o,t){return g(o,t,l)}module?.hot?.decline();export{b as composeStories,l as composeStory,x as configure,w as forceReRender,O as raw,E as setGlobalConfig,C as setProjectAnnotations,k as storiesOf};
1
+ import{a as e,b as s}from"./chunk-UY6SH3YX.mjs";import i from"global";var{window:a}=i;a&&(a.STORYBOOK_ENV="react");import{start as c}from"@storybook/core-client";var p="react",r=c(s,{render:e}),R=(o,t)=>r.clientApi.storiesOf(o,t).addParameters({framework:p}),k=(...o)=>r.configure(p,...o),x=r.forceReRender,w=r.clientApi.raw;import{composeStory as A,composeStories as y,setProjectAnnotations as g}from"@storybook/store";import{deprecate as d}from"@storybook/client-logger";function C(o){g(o)}function j(o){d("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),C(o)}var S={render:e};function f(o,t,n,m){return A(o,t,n,S,m)}function E(o,t){return y(o,t,f)}module?.hot?.decline();export{E as composeStories,f as composeStory,k as configure,x as forceReRender,w as raw,j as setGlobalConfig,C as setProjectAnnotations,R as storiesOf};
package/dist/{types-e57bba30.d.ts → types-53756156.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  import { ComponentType, ReactElement } from 'react';
2
- import { AnyFramework } from '@storybook/types';
2
+ import { WebFramework } from '@storybook/types';
3
3
 
4
- interface ReactFramework extends AnyFramework {
4
+ interface ReactFramework extends WebFramework {
5
5
  component: ComponentType<this['T']>;
6
6
  storyResult: StoryFnReactReturnType;
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/react",
3
- "version": "7.0.0-alpha.47",
3
+ "version": "7.0.0-alpha.49",
4
4
  "description": "Storybook React renderer",
5
5
  "keywords": [
6
6
  "storybook"
@@ -52,12 +52,12 @@
52
52
  "prep": "../../../scripts/prepare/bundle.ts"
53
53
  },
54
54
  "dependencies": {
55
- "@storybook/addons": "7.0.0-alpha.47",
56
- "@storybook/client-logger": "7.0.0-alpha.47",
57
- "@storybook/core-client": "7.0.0-alpha.47",
58
- "@storybook/docs-tools": "7.0.0-alpha.47",
59
- "@storybook/store": "7.0.0-alpha.47",
60
- "@storybook/types": "7.0.0-alpha.47",
55
+ "@storybook/addons": "7.0.0-alpha.49",
56
+ "@storybook/client-logger": "7.0.0-alpha.49",
57
+ "@storybook/core-client": "7.0.0-alpha.49",
58
+ "@storybook/docs-tools": "7.0.0-alpha.49",
59
+ "@storybook/store": "7.0.0-alpha.49",
60
+ "@storybook/types": "7.0.0-alpha.49",
61
61
  "@types/estree": "^0.0.51",
62
62
  "@types/node": "^16.0.0",
63
63
  "acorn": "^7.4.1",
@@ -104,5 +104,5 @@
104
104
  ],
105
105
  "platform": "browser"
106
106
  },
107
- "gitHead": "1c706a4a778831e012343c905f86225fa71491a7"
107
+ "gitHead": "d7eb433300cac55d3c7256c8181eb6fd7a47b4c8"
108
108
  }
package/template/cli/js/Button.stories.js CHANGED
@@ -4,6 +4,8 @@ import { Button } from './Button';
4
4
  export default {
5
5
  title: 'Example/Button',
6
6
  component: Button,
7
+ // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/react/writing-docs/docs-page
8
+ tags: ['docsPage'],
7
9
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
8
10
  argTypes: {
9
11
  backgroundColor: { control: 'color' },
package/template/cli/js/Header.stories.js CHANGED
@@ -3,6 +3,8 @@ import { Header } from './Header';
3
3
  export default {
4
4
  title: 'Example/Header',
5
5
  component: Header,
6
+ // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/react/writing-docs/docs-page
7
+ tags: ['docsPage'],
6
8
  parameters: {
7
9
  // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
8
10
  layout: 'fullscreen',
package/template/cli/ts/Button.stories.ts CHANGED
@@ -6,6 +6,8 @@ import { Button } from './Button';
6
6
  const meta: Meta<typeof Button> = {
7
7
  title: 'Example/Button',
8
8
  component: Button,
9
+ // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/react/writing-docs/docs-page
10
+ tags: ['docsPage'],
9
11
  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
10
12
  argTypes: {
11
13
  backgroundColor: { control: 'color' },
package/template/cli/ts/Header.stories.ts CHANGED
@@ -4,6 +4,8 @@ import { Header } from './Header';
4
4
  const meta: Meta<typeof Header> = {
5
5
  title: 'Example/Header',
6
6
  component: Header,
7
+ // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/react/writing-docs/docs-page
8
+ tags: ['docsPage'],
7
9
  parameters: {
8
10
  // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
9
11
  layout: 'fullscreen',