@storybook/react 7.0.0-alpha.43 → 7.0.0-alpha.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-WO7CMEGS.mjs → chunk-UWO3SUKR.mjs} +1 -1
- package/dist/config.d.ts +6 -7
- package/dist/config.js +1 -1
- package/dist/config.mjs +3 -3
- package/dist/index.d.ts +32 -26
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/{types-7e2d88a6.d.ts → types-e57bba30.d.ts} +1 -1
- package/package.json +8 -8
|
@@ -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,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},
|
|
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},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 _({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{P as a,_ as b};
|
package/dist/config.d.ts
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
|
|
2
|
-
import * as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { RenderContext } from '@storybook/store';
|
|
2
|
+
import * as lib_types_dist from 'lib/types/dist';
|
|
3
|
+
import { R as ReactFramework, S as StoryFnReactReturnType } from './types-e57bba30.js';
|
|
4
|
+
import { ArgsStoryFn, Store_RenderContext } from '@storybook/types';
|
|
6
5
|
import 'react';
|
|
7
6
|
|
|
8
|
-
declare const decorators: ((storyFn:
|
|
9
|
-
declare const argTypesEnhancers: (<TFramework extends
|
|
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>)[];
|
|
10
9
|
|
|
11
10
|
declare const render: ArgsStoryFn<ReactFramework>;
|
|
12
|
-
declare function renderToDOM({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }:
|
|
11
|
+
declare function renderToDOM({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: Store_RenderContext<ReactFramework>, domElement: Element): Promise<() => void>;
|
|
13
12
|
|
|
14
13
|
declare const parameters: {
|
|
15
14
|
docs: {
|
package/dist/config.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"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
|
|
2
|
-
`)}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(""")>-1){let ce=E.match(/\S+=\\"([^"]*)\\"/g);ce&&ce.forEach(ue=>{E=E.replace(ue,ue.replace(/"/g,"'"))})}return E}).join(`
|
|
2
|
+
`)}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 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 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(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,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 kt(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 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}=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=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&&!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 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)&&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,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: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=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(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(""")>-1){let ce=E.match(/\S+=\\"([^"]*)\\"/g);ce&&ce.forEach(ue=>{E=E.replace(ue,ue.replace(/"/g,"'"))})}return E}).join(`
|
|
3
3
|
`).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
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{a as
|
|
2
|
-
`)}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(""")>-1){let q=x.match(/\S+=\\"([^"]*)\\"/g);q&&q.forEach(K=>{x=x.replace(K,K.replace(/"/g,"'"))})}return x}).join(`
|
|
3
|
-
`).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(
|
|
1
|
+
import{a as Je,b as Le}from"./chunk-UWO3SUKR.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(p=>{let c=p.getPrettyName(),i=p.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
|
|
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 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 pe(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,p,c;switch(o){case"Identifier":case"Literal":s=e,p=e;break;case"Object":{let{depth:i}=n;s=d,p=i===1?j(r,!0):null,c=j(r);break}case"Element":{let{identifier:i}=n;s=i!=null&&!E(i)?i:m,p=ie(e).length===1?e:null,c=e;break}case"Array":{let{depth:i}=n;s=C,p=i<=2?pe(r,!0):null,c=pe(r);break}default:s=rt(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 n=Object.keys(e.value).map(p=>`${p}: ${P(e.value[p],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 pt(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 at(e,t){if(Array.isArray(e.value)){let n=e.value.reduce((r,o)=>{let{short:s,compact:p,full:c}=P(o,t);return r.short.push(s),r.compact.push(p),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:p}=ct(r);return n.short.push(o),n.compact.push(s),n.full.push(p),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 ae(e){return`[${e}]`}function ce(e,t,n){return u({name:"arrayOf",short:w(e),compact:t!=null?ae(t):null,full:n&&ae(n)})}function lt(e,t){let{name:n,short:r,compact:o,full:s,inferredType:p}=P(e.value,t);if(n==="custom"){if(p==="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 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(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 k({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 J({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 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: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 k(t)}if(Array.isArray(e)){let t=l(JSON.stringify(e));return J(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:p,params:c}=r.inferredType;p?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 V(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=L(o.value);s!=null&&(n.defaultValue=s)}else if(t!=null){let s=V(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=L(r.value);o!=null&&(n.defaultValue=o)}else if(t!=null){let o=V(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:p,sbType:c,defaultValue:i,jsDocTags:g,required:H}=r;return n[o]={name:o,description:s,type:{required:H,...c},table:{type:p,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 kt,getDocgenSection as Jt}from"@storybook/docs-tools";import{logger as M}from"@storybook/client-logger";var Lt=(e,t,n)=>typeof t.transformSource!="function"?e:t.transformSource(e,n),Vt=(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 p={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||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(""")>-1){let q=x.match(/\S+=\\"([^"]*)\\"/g);q&&q.forEach(K=>{x=x.replace(K,K.replace(/"/g,"'"))})}return x}).join(`
|
|
3
|
+
`).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(kt,(t||{}).id,o)});let s=e();if(r)return s;let p={...Mt,...t?.parameters.jsx||{}},c=t?.parameters.docs?.source?.excludeDecorators?t.originalStoryFn(t.args,t):s,i=be(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 oo={framework:"react",...ke};export{Bt as argTypesEnhancers,$t as decorators,oo as parameters,Je as render,Le as renderToDOM};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import { R as ReactFramework, S as StoryFnReactReturnType } from './types-7e2d88a6.js';
|
|
1
|
+
import * as _storybook_types from '@storybook/types';
|
|
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';
|
|
5
4
|
import { ComponentType, ComponentProps, JSXElementConstructor } from 'react';
|
|
6
5
|
import { Simplify, SetOptional } from 'type-fest';
|
|
7
|
-
import * as _storybook_store from '@storybook/store';
|
|
8
|
-
import { ComposedStory, CSFExports, StoriesWithPartialProps } from '@storybook/store';
|
|
9
6
|
|
|
10
|
-
interface ClientApi extends
|
|
11
|
-
configure(loader:
|
|
7
|
+
interface ClientApi extends Addon_ClientStoryApi<ReactFramework['storyResult']> {
|
|
8
|
+
configure(loader: Addon_Loadable, module: NodeModule): void;
|
|
12
9
|
forceReRender(): void;
|
|
13
10
|
raw: () => any;
|
|
14
11
|
}
|
|
@@ -24,28 +21,29 @@ declare type JSXElement = keyof JSX.IntrinsicElements | JSXElementConstructor<an
|
|
|
24
21
|
*
|
|
25
22
|
* @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
|
|
26
23
|
*/
|
|
27
|
-
declare type Meta<
|
|
24
|
+
declare type Meta<TCmpOrArgs = Args> = TCmpOrArgs extends ComponentType<any> ? ComponentAnnotations<ReactFramework, ComponentProps<TCmpOrArgs>> : ComponentAnnotations<ReactFramework, TCmpOrArgs>;
|
|
28
25
|
/**
|
|
29
26
|
* Story function that represents a CSFv2 component example.
|
|
30
27
|
*
|
|
31
28
|
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
32
29
|
*/
|
|
33
|
-
declare type StoryFn<
|
|
30
|
+
declare type StoryFn<TCmpOrArgs = Args> = TCmpOrArgs extends ComponentType<any> ? AnnotatedStoryFn<ReactFramework, ComponentProps<TCmpOrArgs>> : AnnotatedStoryFn<ReactFramework, TCmpOrArgs>;
|
|
34
31
|
/**
|
|
35
32
|
* Story function that represents a CSFv3 component example.
|
|
36
33
|
*
|
|
37
34
|
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
38
35
|
*/
|
|
39
|
-
declare type StoryObj<
|
|
36
|
+
declare type StoryObj<TMetaOrCmpOrArgs = Args> = TMetaOrCmpOrArgs extends {
|
|
40
37
|
render?: ArgsStoryFn<ReactFramework, any>;
|
|
41
38
|
component?: infer Component;
|
|
42
39
|
args?: infer DefaultArgs;
|
|
43
|
-
} ? Simplify<(Component extends ComponentType<any> ? ComponentProps<Component> : unknown) & ArgsFromMeta<ReactFramework,
|
|
44
|
-
declare type ActionArgs<
|
|
45
|
-
[P in keyof
|
|
40
|
+
} ? Simplify<(Component extends ComponentType<any> ? ComponentProps<Component> : unknown) & ArgsFromMeta<ReactFramework, TMetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<ReactFramework, TArgs, SetOptional<TArgs, Extract<keyof TArgs, keyof (DefaultArgs & ActionArgs<TArgs>)>>> : never : TMetaOrCmpOrArgs extends ComponentType<any> ? StoryAnnotations<ReactFramework, ComponentProps<TMetaOrCmpOrArgs>> : StoryAnnotations<ReactFramework, TMetaOrCmpOrArgs>;
|
|
41
|
+
declare type ActionArgs<RArgs> = {
|
|
42
|
+
[P in keyof RArgs as ((...args: any[]) => void) extends RArgs[P] ? P : never]: RArgs[P];
|
|
46
43
|
};
|
|
47
44
|
/**
|
|
48
|
-
* @deprecated Use `Meta` instead.
|
|
45
|
+
* @deprecated Use `Meta` instead, e.g. ComponentMeta<typeof Button> -> Meta<typeof Button>.
|
|
46
|
+
*
|
|
49
47
|
* For the common case where a component's stories are simple components that receives args as props:
|
|
50
48
|
*
|
|
51
49
|
* ```tsx
|
|
@@ -54,6 +52,10 @@ declare type ActionArgs<Args> = {
|
|
|
54
52
|
*/
|
|
55
53
|
declare type ComponentMeta<T extends JSXElement> = Meta<ComponentProps<T>>;
|
|
56
54
|
/**
|
|
55
|
+
* @deprecated Use `StoryFn` instead, e.g. ComponentStoryFn<typeof Button> -> StoryFn<typeof Button>.
|
|
56
|
+
* Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
|
|
57
|
+
* You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
|
|
58
|
+
*
|
|
57
59
|
* For the common case where a (CSFv2) story is a simple component that receives args as props:
|
|
58
60
|
*
|
|
59
61
|
* ```tsx
|
|
@@ -62,7 +64,7 @@ declare type ComponentMeta<T extends JSXElement> = Meta<ComponentProps<T>>;
|
|
|
62
64
|
*/
|
|
63
65
|
declare type ComponentStoryFn<T extends JSXElement> = StoryFn<ComponentProps<T>>;
|
|
64
66
|
/**
|
|
65
|
-
* @deprecated Use `StoryObj` instead.
|
|
67
|
+
* @deprecated Use `StoryObj` instead, e.g. ComponentStoryObj<typeof Button> -> StoryObj<typeof Button>.
|
|
66
68
|
*
|
|
67
69
|
* For the common case where a (CSFv3) story is a simple component that receives args as props:
|
|
68
70
|
*
|
|
@@ -74,17 +76,19 @@ declare type ComponentStoryFn<T extends JSXElement> = StoryFn<ComponentProps<T>>
|
|
|
74
76
|
*/
|
|
75
77
|
declare type ComponentStoryObj<T extends JSXElement> = StoryObj<ComponentProps<T>>;
|
|
76
78
|
/**
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
*
|
|
79
|
+
* @deprecated Use `StoryFn` instead.
|
|
80
|
+
* Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
|
|
81
|
+
* You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
|
|
80
82
|
*
|
|
81
|
-
* Story function that represents a
|
|
83
|
+
* Story function that represents a CSFv2 component example.
|
|
82
84
|
*
|
|
83
85
|
* @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
|
|
84
86
|
*/
|
|
85
87
|
declare type Story<TArgs = Args> = StoryFn<TArgs>;
|
|
86
88
|
/**
|
|
87
|
-
* @deprecated Use
|
|
89
|
+
* @deprecated Use `StoryFn` instead, e.g. ComponentStory<typeof Button> -> StoryFn<typeof Button>.
|
|
90
|
+
* Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories
|
|
91
|
+
* You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/.
|
|
88
92
|
*
|
|
89
93
|
* For the common case where a (CSFv3) story is a simple component that receives args as props:
|
|
90
94
|
*
|
|
@@ -94,7 +98,7 @@ declare type Story<TArgs = Args> = StoryFn<TArgs>;
|
|
|
94
98
|
* }
|
|
95
99
|
* ```
|
|
96
100
|
*/
|
|
97
|
-
declare type ComponentStory<T extends JSXElement> =
|
|
101
|
+
declare type ComponentStory<T extends JSXElement> = ComponentStoryFn<T>;
|
|
98
102
|
|
|
99
103
|
/** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
|
|
100
104
|
*
|
|
@@ -144,12 +148,14 @@ declare function setGlobalConfig(projectAnnotations: ProjectAnnotations<ReactFra
|
|
|
144
148
|
* @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
|
|
145
149
|
* @param [exportsName] - in case your story does not contain a name and you want it to have a name.
|
|
146
150
|
*/
|
|
147
|
-
declare function composeStory<TArgs = Args>(story:
|
|
151
|
+
declare function composeStory<TArgs = Args>(story: Store_ComposedStory<ReactFramework, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<ReactFramework>, exportsName?: string): {
|
|
148
152
|
(extraArgs: Partial<TArgs>): StoryFnReactReturnType;
|
|
149
153
|
storyName: string;
|
|
150
154
|
args: Args;
|
|
151
|
-
play:
|
|
152
|
-
parameters:
|
|
155
|
+
play: _storybook_types.Store_ComposedStoryPlayFn;
|
|
156
|
+
parameters: {
|
|
157
|
+
[name: string]: any;
|
|
158
|
+
};
|
|
153
159
|
};
|
|
154
160
|
/**
|
|
155
161
|
* Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
|
|
@@ -176,6 +182,6 @@ declare function composeStory<TArgs = Args>(story: ComposedStory<ReactFramework,
|
|
|
176
182
|
* @param csfExports - e.g. (import * as stories from './Button.stories')
|
|
177
183
|
* @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
|
|
178
184
|
*/
|
|
179
|
-
declare function composeStories<TModule extends
|
|
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>>;
|
|
180
186
|
|
|
181
187
|
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
|
|
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});
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as e,b as a}from"./chunk-UWO3SUKR.mjs";import A from"global";var{window:p}=A;p&&(p.STORYBOOK_ENV="react");import{start as c}from"@storybook/core-client";var m="react",n=c(a,{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};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/react",
|
|
3
|
-
"version": "7.0.0-alpha.
|
|
3
|
+
"version": "7.0.0-alpha.45",
|
|
4
4
|
"description": "Storybook React renderer",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -51,12 +51,12 @@
|
|
|
51
51
|
"prep": "../../../scripts/prepare/bundle.ts"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@storybook/addons": "7.0.0-alpha.
|
|
55
|
-
"@storybook/client-logger": "7.0.0-alpha.
|
|
56
|
-
"@storybook/core-client": "7.0.0-alpha.
|
|
57
|
-
"@storybook/
|
|
58
|
-
"@storybook/
|
|
59
|
-
"@storybook/
|
|
54
|
+
"@storybook/addons": "7.0.0-alpha.45",
|
|
55
|
+
"@storybook/client-logger": "7.0.0-alpha.45",
|
|
56
|
+
"@storybook/core-client": "7.0.0-alpha.45",
|
|
57
|
+
"@storybook/docs-tools": "7.0.0-alpha.45",
|
|
58
|
+
"@storybook/store": "7.0.0-alpha.45",
|
|
59
|
+
"@storybook/types": "7.0.0-alpha.45",
|
|
60
60
|
"@types/estree": "^0.0.51",
|
|
61
61
|
"@types/node": "^16.0.0",
|
|
62
62
|
"acorn": "^7.4.1",
|
|
@@ -103,5 +103,5 @@
|
|
|
103
103
|
],
|
|
104
104
|
"platform": "browser"
|
|
105
105
|
},
|
|
106
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "3ef14366115c56c1d45c0359ff681cc47ed50532"
|
|
107
107
|
}
|