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