@storybook/react 7.0.0-alpha.7 → 7.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (181) hide show
  1. package/dist/chunk-LSK4KSW4.mjs +1 -0
  2. package/dist/config.d.ts +11 -13
  3. package/dist/config.js +3 -7
  4. package/dist/config.mjs +3 -7
  5. package/dist/index.d.ts +57 -37
  6. package/dist/index.js +1 -1
  7. package/dist/index.mjs +1 -1
  8. package/dist/types-0a347bb9.d.ts +10 -0
  9. package/jest.config.js +7 -0
  10. package/package.json +27 -22
  11. package/template/cli/.eslintrc.json +5 -0
  12. package/template/cli/js/Button.jsx +50 -0
  13. package/template/cli/js/Button.stories.js +39 -0
  14. package/template/cli/js/Header.jsx +59 -0
  15. package/template/cli/js/Header.stories.js +22 -0
  16. package/template/cli/js/Page.jsx +69 -0
  17. package/template/cli/js/Page.stories.js +25 -0
  18. package/template/cli/ts/Button.stories.ts +44 -0
  19. package/template/cli/ts/Button.tsx +48 -0
  20. package/template/cli/ts/Header.stories.ts +26 -0
  21. package/template/cli/ts/Header.tsx +56 -0
  22. package/template/cli/ts/Page.stories.ts +29 -0
  23. package/template/cli/ts/Page.tsx +73 -0
  24. package/template/cli/ts-legacy/Button.stories.ts +45 -0
  25. package/template/cli/ts-legacy/Button.tsx +48 -0
  26. package/template/cli/ts-legacy/Header.stories.ts +24 -0
  27. package/template/cli/ts-legacy/Header.tsx +56 -0
  28. package/template/cli/ts-legacy/Page.stories.ts +29 -0
  29. package/template/cli/ts-legacy/Page.tsx +73 -0
  30. package/template/components/Button.jsx +13 -0
  31. package/template/components/Form.jsx +36 -0
  32. package/template/components/Html.jsx +9 -0
  33. package/template/components/Pre.jsx +20 -0
  34. package/template/components/index.js +9 -0
  35. package/template/stories/decorators.stories.tsx +28 -0
  36. package/template/stories/docgen-components/10017-ts-union/argTypes.snapshot +36 -0
  37. package/template/stories/docgen-components/10017-ts-union/docgen.snapshot +34 -0
  38. package/template/stories/docgen-components/10017-ts-union/input.tsx +12 -0
  39. package/template/stories/docgen-components/10017-ts-union/properties.snapshot +32 -0
  40. package/template/stories/docgen-components/10278-ts-multiple-components/argTypes.snapshot +26 -0
  41. package/template/stories/docgen-components/10278-ts-multiple-components/docgen.snapshot +49 -0
  42. package/template/stories/docgen-components/10278-ts-multiple-components/input.tsx +27 -0
  43. package/template/stories/docgen-components/10278-ts-multiple-components/properties.snapshot +22 -0
  44. package/template/stories/docgen-components/8140-js-prop-types-oneof/argTypes.snapshot +127 -0
  45. package/template/stories/docgen-components/8140-js-prop-types-oneof/docgen.snapshot +97 -0
  46. package/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx +27 -0
  47. package/template/stories/docgen-components/8140-js-prop-types-oneof/properties.snapshot +89 -0
  48. package/template/stories/docgen-components/8143-ts-imported-types/argTypes.snapshot +27 -0
  49. package/template/stories/docgen-components/8143-ts-imported-types/docgen.snapshot +22 -0
  50. package/template/stories/docgen-components/8143-ts-imported-types/input.tsx +10 -0
  51. package/template/stories/docgen-components/8143-ts-imported-types/properties.snapshot +23 -0
  52. package/template/stories/docgen-components/8143-ts-imported-types/types.ts +3 -0
  53. package/template/stories/docgen-components/8143-ts-react-fc-generics/argTypes.snapshot +27 -0
  54. package/template/stories/docgen-components/8143-ts-react-fc-generics/docgen.snapshot +24 -0
  55. package/template/stories/docgen-components/8143-ts-react-fc-generics/input.tsx +10 -0
  56. package/template/stories/docgen-components/8143-ts-react-fc-generics/properties.snapshot +21 -0
  57. package/template/stories/docgen-components/8428-js-static-prop-types/argTypes.snapshot +25 -0
  58. package/template/stories/docgen-components/8428-js-static-prop-types/docgen.snapshot +39 -0
  59. package/template/stories/docgen-components/8428-js-static-prop-types/input.jsx +20 -0
  60. package/template/stories/docgen-components/8428-js-static-prop-types/properties.snapshot +21 -0
  61. package/template/stories/docgen-components/8740-ts-multi-props/argTypes.snapshot +27 -0
  62. package/template/stories/docgen-components/8740-ts-multi-props/docgen.snapshot +49 -0
  63. package/template/stories/docgen-components/8740-ts-multi-props/input.tsx +23 -0
  64. package/template/stories/docgen-components/8740-ts-multi-props/properties.snapshot +21 -0
  65. package/template/stories/docgen-components/8894-9511-ts-forward-ref/argTypes.snapshot +48 -0
  66. package/template/stories/docgen-components/8894-9511-ts-forward-ref/docgen.snapshot +39 -0
  67. package/template/stories/docgen-components/8894-9511-ts-forward-ref/input.tsx +31 -0
  68. package/template/stories/docgen-components/8894-9511-ts-forward-ref/properties.snapshot +34 -0
  69. package/template/stories/docgen-components/9023-js-hoc/argTypes.snapshot +89 -0
  70. package/template/stories/docgen-components/9023-js-hoc/docgen.snapshot +84 -0
  71. package/template/stories/docgen-components/9023-js-hoc/input.jsx +40 -0
  72. package/template/stories/docgen-components/9023-js-hoc/properties.snapshot +67 -0
  73. package/template/stories/docgen-components/9399-js-proptypes-shape/argTypes.snapshot +39 -0
  74. package/template/stories/docgen-components/9399-js-proptypes-shape/docgen.snapshot +48 -0
  75. package/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx +16 -0
  76. package/template/stories/docgen-components/9399-js-proptypes-shape/properties.snapshot +35 -0
  77. package/template/stories/docgen-components/9465-ts-type-props/argTypes.snapshot +28 -0
  78. package/template/stories/docgen-components/9465-ts-type-props/docgen.snapshot +33 -0
  79. package/template/stories/docgen-components/9465-ts-type-props/input.tsx +12 -0
  80. package/template/stories/docgen-components/9465-ts-type-props/properties.snapshot +24 -0
  81. package/template/stories/docgen-components/9493-ts-display-name/argTypes.snapshot +62 -0
  82. package/template/stories/docgen-components/9493-ts-display-name/docgen.snapshot +50 -0
  83. package/template/stories/docgen-components/9493-ts-display-name/input.tsx +30 -0
  84. package/template/stories/docgen-components/9493-ts-display-name/properties.snapshot +52 -0
  85. package/template/stories/docgen-components/9556-ts-react-default-exports/argTypes.snapshot +28 -0
  86. package/template/stories/docgen-components/9556-ts-react-default-exports/docgen.snapshot +32 -0
  87. package/template/stories/docgen-components/9556-ts-react-default-exports/input.tsx +12 -0
  88. package/template/stories/docgen-components/9556-ts-react-default-exports/properties.snapshot +24 -0
  89. package/template/stories/docgen-components/9575-ts-camel-case/argTypes.snapshot +28 -0
  90. package/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot +38 -0
  91. package/template/stories/docgen-components/9575-ts-camel-case/input.tsx +26 -0
  92. package/template/stories/docgen-components/9575-ts-camel-case/properties.snapshot +24 -0
  93. package/template/stories/docgen-components/9586-js-react-memo/argTypes.snapshot +41 -0
  94. package/template/stories/docgen-components/9586-js-react-memo/docgen.snapshot +42 -0
  95. package/template/stories/docgen-components/9586-js-react-memo/input.jsx +15 -0
  96. package/template/stories/docgen-components/9586-js-react-memo/properties.snapshot +34 -0
  97. package/template/stories/docgen-components/9591-ts-import-types/Bar.tsx +3 -0
  98. package/template/stories/docgen-components/9591-ts-import-types/argTypes.snapshot +25 -0
  99. package/template/stories/docgen-components/9591-ts-import-types/docgen.snapshot +21 -0
  100. package/template/stories/docgen-components/9591-ts-import-types/input.tsx +10 -0
  101. package/template/stories/docgen-components/9591-ts-import-types/properties.snapshot +21 -0
  102. package/template/stories/docgen-components/9626-js-default-values/argTypes.snapshot +27 -0
  103. package/template/stories/docgen-components/9626-js-default-values/docgen.snapshot +25 -0
  104. package/template/stories/docgen-components/9626-js-default-values/input.jsx +5 -0
  105. package/template/stories/docgen-components/9626-js-default-values/properties.snapshot +21 -0
  106. package/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/argTypes.snapshot +42 -0
  107. package/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/docgen.snapshot +36 -0
  108. package/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx +13 -0
  109. package/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/properties.snapshot +35 -0
  110. package/template/stories/docgen-components/9721-ts-deprecated-jsdoc/argTypes.snapshot +53 -0
  111. package/template/stories/docgen-components/9721-ts-deprecated-jsdoc/docgen.snapshot +45 -0
  112. package/template/stories/docgen-components/9721-ts-deprecated-jsdoc/input.tsx +18 -0
  113. package/template/stories/docgen-components/9721-ts-deprecated-jsdoc/properties.snapshot +43 -0
  114. package/template/stories/docgen-components/9764-ts-extend-props/argTypes.snapshot +72 -0
  115. package/template/stories/docgen-components/9764-ts-extend-props/docgen.snapshot +41 -0
  116. package/template/stories/docgen-components/9764-ts-extend-props/input.tsx +17 -0
  117. package/template/stories/docgen-components/9764-ts-extend-props/properties.snapshot +56 -0
  118. package/template/stories/docgen-components/9827-ts-default-values/argTypes.snapshot +72 -0
  119. package/template/stories/docgen-components/9827-ts-default-values/docgen.snapshot +52 -0
  120. package/template/stories/docgen-components/9827-ts-default-values/input.tsx +17 -0
  121. package/template/stories/docgen-components/9827-ts-default-values/properties.snapshot +56 -0
  122. package/template/stories/docgen-components/9832-ts-enum-export/argTypes.snapshot +3 -0
  123. package/template/stories/docgen-components/9832-ts-enum-export/docgen.snapshot +16 -0
  124. package/template/stories/docgen-components/9832-ts-enum-export/input.tsx +8 -0
  125. package/template/stories/docgen-components/9832-ts-enum-export/properties.snapshot +7 -0
  126. package/template/stories/docgen-components/9922-ts-component-props/argTypes.snapshot +25 -0
  127. package/template/stories/docgen-components/9922-ts-component-props/docgen.snapshot +35 -0
  128. package/template/stories/docgen-components/9922-ts-component-props/input.tsx +24 -0
  129. package/template/stories/docgen-components/9922-ts-component-props/properties.snapshot +21 -0
  130. package/template/stories/docgen-components/imported.js +1 -0
  131. package/template/stories/docgen-components/js-class-component/argTypes.snapshot +386 -0
  132. package/template/stories/docgen-components/js-class-component/docgen.snapshot +252 -0
  133. package/template/stories/docgen-components/js-class-component/input.jsx +57 -0
  134. package/template/stories/docgen-components/js-class-component/properties.snapshot +286 -0
  135. package/template/stories/docgen-components/js-function-component/argTypes.snapshot +386 -0
  136. package/template/stories/docgen-components/js-function-component/docgen.snapshot +236 -0
  137. package/template/stories/docgen-components/js-function-component/input.jsx +50 -0
  138. package/template/stories/docgen-components/js-function-component/properties.snapshot +286 -0
  139. package/template/stories/docgen-components/js-function-component-inline-defaults/argTypes.snapshot +386 -0
  140. package/template/stories/docgen-components/js-function-component-inline-defaults/docgen.snapshot +247 -0
  141. package/template/stories/docgen-components/js-function-component-inline-defaults/input.jsx +65 -0
  142. package/template/stories/docgen-components/js-function-component-inline-defaults/properties.snapshot +286 -0
  143. package/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/argTypes.snapshot +237 -0
  144. package/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/docgen.snapshot +124 -0
  145. package/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/input.jsx +41 -0
  146. package/template/stories/docgen-components/js-function-component-inline-defaults-no-propTypes/properties.snapshot +151 -0
  147. package/template/stories/docgen-components/js-proptypes/docgen.snapshot +1770 -0
  148. package/template/stories/docgen-components/js-proptypes/ext.js +13 -0
  149. package/template/stories/docgen-components/js-proptypes/input.jsx +497 -0
  150. package/template/stories/docgen-components/jsdoc/argTypes.snapshot +969 -0
  151. package/template/stories/docgen-components/jsdoc/docgen.snapshot +548 -0
  152. package/template/stories/docgen-components/jsdoc/input.jsx +231 -0
  153. package/template/stories/docgen-components/jsdoc/properties.snapshot +857 -0
  154. package/template/stories/docgen-components/ts-function-component/argTypes.snapshot +396 -0
  155. package/template/stories/docgen-components/ts-function-component/docgen.snapshot +241 -0
  156. package/template/stories/docgen-components/ts-function-component/input.tsx +52 -0
  157. package/template/stories/docgen-components/ts-function-component/properties.snapshot +296 -0
  158. package/template/stories/docgen-components/ts-function-component-inline-defaults/argTypes.snapshot +279 -0
  159. package/template/stories/docgen-components/ts-function-component-inline-defaults/docgen.snapshot +151 -0
  160. package/template/stories/docgen-components/ts-function-component-inline-defaults/input.tsx +80 -0
  161. package/template/stories/docgen-components/ts-function-component-inline-defaults/properties.snapshot +177 -0
  162. package/template/stories/docgen-components/ts-html/argTypes.snapshot +3 -0
  163. package/template/stories/docgen-components/ts-html/docgen.snapshot +12 -0
  164. package/template/stories/docgen-components/ts-html/input.tsx +12 -0
  165. package/template/stories/docgen-components/ts-html/properties.snapshot +7 -0
  166. package/template/stories/docgen-components/ts-jsdoc/argTypes.snapshot +3 -0
  167. package/template/stories/docgen-components/ts-jsdoc/docgen.snapshot +21 -0
  168. package/template/stories/docgen-components/ts-jsdoc/input.tsx +27 -0
  169. package/template/stories/docgen-components/ts-jsdoc/properties.snapshot +7 -0
  170. package/template/stories/docgen-components/ts-types/argTypes.snapshot +656 -0
  171. package/template/stories/docgen-components/ts-types/docgen.snapshot +317 -0
  172. package/template/stories/docgen-components/ts-types/input.tsx +130 -0
  173. package/template/stories/docgen-components/ts-types/properties.snapshot +410 -0
  174. package/template/stories/errors.stories.tsx +37 -0
  175. package/template/stories/hooks.stories.tsx +17 -0
  176. package/template/stories/js-argtypes.stories.jsx +91 -0
  177. package/template/stories/react-mdx.stories.mdx +26 -0
  178. package/template/stories/ts-argtypes.stories.tsx +81 -0
  179. package/LICENSE +0 -21
  180. package/dist/chunk-DGYCFUMN.mjs +0 -1
  181. package/dist/types-9f8d440a.d.ts +0 -17
@@ -0,0 +1 @@
1
+ import global from"global";import React,{Component as ReactComponent,StrictMode,Fragment,useLayoutEffect,useRef}from"react";import ReactDOM,{version as reactDomVersion}from"react-dom";var{FRAMEWORK_OPTIONS}=global,nodes=new Map,render=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return React.createElement(Component,{...args})},WithCallback=({callback,children})=>{let once=useRef();return useLayoutEffect(()=>{once.current!==callback&&(once.current=callback,callback())},[callback]),children},renderElement=async(node,el)=>{let root=await getReactRoot(el);return new Promise(resolve=>{root?root.render(React.createElement(WithCallback,{callback:()=>resolve(null)},node)):ReactDOM.render(node,el,()=>resolve(null))})},canUseNewReactRootApi=reactDomVersion&&(reactDomVersion.startsWith("18")||reactDomVersion.startsWith("0.0.0")),shouldUseNewRootApi=FRAMEWORK_OPTIONS?.legacyRootApi!==!0,isUsingNewReactRootApi=shouldUseNewRootApi&&canUseNewReactRootApi,unmountElement=el=>{let root=nodes.get(el);root&&isUsingNewReactRootApi?(root.unmount(),nodes.delete(el)):ReactDOM.unmountComponentAtNode(el)},getReactRoot=async el=>{if(!isUsingNewReactRootApi)return null;let root=nodes.get(el);return root||(root=(await import("react-dom/client")).default.createRoot(el),nodes.set(el,root)),root},ErrorBoundary=class extends ReactComponent{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError}=this.state,{showMain}=this.props;hasError||showMain()}componentDidCatch(err){let{showException}=this.props;showException(err)}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:children}},Wrapper=FRAMEWORK_OPTIONS?.strictMode?StrictMode:Fragment;async function renderToCanvas({storyContext,unboundStoryFn,showMain,showException,forceRemount},canvasElement){let content=React.createElement(ErrorBoundary,{showMain,showException},React.createElement(unboundStoryFn,{...storyContext})),element=Wrapper?React.createElement(Wrapper,null,content):content;return forceRemount&&unmountElement(canvasElement),await renderElement(element,canvasElement),()=>unmountElement(canvasElement)}export{render,renderToCanvas};
package/dist/config.d.ts CHANGED
@@ -1,24 +1,22 @@
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';
1
+ import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
2
+ import { R as ReactRenderer, S as StoryFnReactReturnType } from './types-0a347bb9.js';
3
+ import * as lib_types_dist from 'lib/types/dist';
4
+ import { ArgsStoryFn, RenderContext } from '@storybook/types';
7
5
  import 'react';
8
6
 
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)[];
7
+ declare const decorators: ((storyFn: lib_types_dist.PartialStoryFn<ReactRenderer, lib_types_dist.Args>, context: lib_types_dist.StoryContext<ReactRenderer, lib_types_dist.Args>) => StoryFnReactReturnType)[];
8
+ declare const argTypesEnhancers: (<TRenderer extends lib_types_dist.Renderer>(context: lib_types_dist.StoryContextForEnhancers<TRenderer, lib_types_dist.Args>) => lib_types_dist.StrictArgTypes<lib_types_dist.Args>)[];
11
9
 
12
- declare const render: ArgsStoryFn<ReactFramework>;
13
- declare function renderToDOM({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: RenderContext<ReactFramework>, domElement: Element): Promise<() => void>;
10
+ declare const render: ArgsStoryFn<ReactRenderer>;
11
+ declare function renderToCanvas({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: RenderContext<ReactRenderer>, canvasElement: ReactRenderer['canvasElement']): Promise<() => void>;
14
12
 
15
13
  declare const parameters: {
16
14
  docs: {
17
15
  inlineStories: boolean;
18
- extractArgTypes: lib_docs_tools_dist_types.ArgTypesExtractor;
19
- extractComponentDescription: typeof lib_docs_tools_dist_types.extractComponentDescription;
16
+ extractArgTypes: lib_docs_tools_dist.ArgTypesExtractor;
17
+ extractComponentDescription: typeof lib_docs_tools_dist.extractComponentDescription;
20
18
  };
21
19
  framework: string;
22
20
  };
23
21
 
24
- export { argTypesEnhancers, decorators, parameters, render, renderToDOM };
22
+ export { argTypesEnhancers, decorators, parameters, render, renderToCanvas };
package/dist/config.js CHANGED
@@ -1,7 +1,3 @@
1
- var yt=Object.create;var M=Object.defineProperty,ht=Object.defineProperties,Et=Object.getOwnPropertyDescriptor,Tt=Object.getOwnPropertyDescriptors,gt=Object.getOwnPropertyNames,W=Object.getOwnPropertySymbols,Nt=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty,Te=Object.prototype.propertyIsEnumerable;var Ee=(e,t,r)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))se.call(t,r)&&Ee(e,r,t[r]);if(W)for(var r of W(t))Te.call(t,r)&&Ee(e,r,t[r]);return e},H=(e,t)=>ht(e,Tt(t)),o=(e,t)=>M(e,"name",{value:t,configurable:!0});var ge=(e,t)=>{var r={};for(var n in e)se.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&W)for(var n of W(e))t.indexOf(n)<0&&Te.call(e,n)&&(r[n]=e[n]);return r};var Ot=(e,t)=>{for(var r in t)M(e,r,{get:t[r],enumerable:!0})},Ne=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of gt(t))!se.call(e,s)&&s!==r&&M(e,s,{get:()=>t[s],enumerable:!(n=Et(t,s))||n.enumerable});return e};var d=(e,t,r)=>(r=e!=null?yt(Nt(e)):{},Ne(t||!e||!e.__esModule?M(r,"default",{value:e,enumerable:!0}):r,e)),Ct=e=>Ne(M({},"__esModule",{value:!0}),e);var hr={};Ot(hr,{argTypesEnhancers:()=>ut,decorators:()=>it,parameters:()=>yr,render:()=>pt,renderToDOM:()=>dt});module.exports=Ct(hr);var re=require("@storybook/docs-tools");var de=d(require("prop-types")),F=require("@storybook/docs-tools");var x=require("@storybook/docs-tools");function Oe(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let s=[];if(r){let a=e.map(c=>{let p=c.getPrettyName(),i=c.getTypeName();return i!=null?`${p}: ${i}`:p});s.push(`(${a.join(", ")})`)}else s.push("()");return n&&s.push(`=> ${t.getTypeName()}`),s.join(" ")}o(Oe,"generateFuncSignature");function Ce(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let s=[];return r?s.push("( ... )"):s.push("()"),n&&s.push(`=> ${t.getTypeName()}`),s.join(" ")}o(Ce,"generateShortFuncSignature");function Ae(e){return e.replace(/,/g,`,\r
2
- `)}o(Ae,"toMultilineSignature");var X="custom",S="object",_="array",Se="class",N="func",O="element";var Re=d(require("html-tags"));function U(e){return Re.default.includes(e.toLowerCase())}o(U,"isHtmlTag");var Ie=require("escodegen"),xe=d(require("ts-dedent")),Fe={format:{indent:{style:" "},semicolons:!1}},At=H(m({},Fe),{format:{newline:""}}),St=m({},Fe);function C(e,t=!1){return(0,Ie.generate)(e,t?At:St)}o(C,"generateCode");function V(e,t=!1){return t?Rt(e):C(e)}o(V,"generateObjectCode");function Rt(e){let t=C(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}o(Rt,"generateCompactObjectCode");function ae(e,t=!1){return t?xt(e):It(e)}o(ae,"generateArrayCode");function It(e){let t=C(e);return t.endsWith(" }]")&&(t=(0,xe.default)(t)),t}o(It,"generateMultilineArrayCode");function xt(e){let t=C(e,!0);return t.startsWith("[ ")&&(t=t.replace("[ ","[")),t}o(xt,"generateCompactArrayCode");var q=o(e=>e.$$typeof===Symbol.for("react.memo"),"isMemo"),be=o(e=>e.$$typeof===Symbol.for("react.forward_ref"),"isForwardRef");var u;(function(e){e.IDENTIFIER="Identifier",e.LITERAL="Literal",e.OBJECT="Object",e.ARRAY="Array",e.FUNCTION="Function",e.CLASS="Class",e.ELEMENT="Element",e.UNKNOWN="Unknown"})(u||(u={}));var Me=require("acorn"),Ue=d(require("acorn-jsx")),I=d(require("acorn-walk"));var ie=H(m({},I.base),{JSXElement:()=>{}}),Ft=Me.Parser.extend((0,Ue.default)());function k(e){return e!=null?e.name:null}o(k,"extractIdentifierName");function je(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}o(je,"filterAncestors");function Pe(e){let t=[];return I.ancestor(e,{ObjectExpression(r,n){t.push(je(n).length)},ArrayExpression(r,n){t.push(je(n).length)}},ie),Math.max(...t)}o(Pe,"calculateNodeDepth");function bt(e){return{inferredType:{type:u.IDENTIFIER,identifier:k(e)},ast:e}}o(bt,"parseIdentifier");function jt(e){return{inferredType:{type:u.LITERAL},ast:e}}o(jt,"parseLiteral");function Mt(e){let t;I.simple(e.body,{JSXElement(a){t=a}},ie);let n={type:t!=null?u.ELEMENT:u.FUNCTION,params:e.params,hasParams:e.params.length!==0},s=k(e.id);return s!=null&&(n.identifier=s),{inferredType:n,ast:e}}o(Mt,"parseFunction");function Ut(e){let t;return I.simple(e.body,{JSXElement(n){t=n}},ie),{inferredType:{type:t!=null?u.ELEMENT:u.CLASS,identifier:k(e.id)},ast:e}}o(Ut,"parseClass");function Pt(e){let t={type:u.ELEMENT},r=k(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}o(Pt,"parseJsxElement");function Lt(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return k(t)==="shape"?Le(e.arguments[0]):null}o(Lt,"parseCall");function Le(e){return{inferredType:{type:u.OBJECT,depth:Pe(e)},ast:e}}o(Le,"parseObject");function wt(e){return{inferredType:{type:u.ARRAY,depth:Pe(e)},ast:e}}o(wt,"parseArray");function Dt(e){switch(e.type){case"Identifier":return bt(e);case"Literal":return jt(e);case"FunctionExpression":case"ArrowFunctionExpression":return Mt(e);case"ClassExpression":return Ut(e);case"JSXElement":return Pt(e);case"CallExpression":return Lt(e);case"ObjectExpression":return Le(e);case"ArrayExpression":return wt(e);default:return null}}o(Dt,"parseExpression");function we(e){let t=Ft.parse(`(${e})`),r={inferredType:{type:u.UNKNOWN},ast:t};if(t.body[0]!=null){let n=t.body[0];switch(n.type){case"ExpressionStatement":{let s=Dt(n.expression);s!=null&&(r=s);break}default:break}}return r}o(we,"parse");function h(e){try{let t=we(e);return m({},t)}catch{}return{inferredType:{type:u.UNKNOWN}}}o(h,"inspectValue");var Jt=150,l;(function(e){e.CUSTOM="custom",e.ANY="any",e.FUNC="func",e.SHAPE="shape",e.OBJECT="object",e.INSTANCEOF="instanceOf",e.OBJECTOF="objectOf",e.UNION="union",e.ENUM="enum",e.ARRAYOF="arrayOf",e.ELEMENT="element",e.ELEMENTTYPE="elementType",e.NODE="node"})(l||(l={}));function y({name:e,short:t,compact:r,full:n,inferredType:s}){return{name:e,short:t,compact:r,full:n??t,inferredType:s}}o(y,"createTypeDef");function ke(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}o(ke,"cleanPropTypes");function De(e){return e.split(/\r?\n/)}o(De,"splitIntoLines");function G(e,t=!1){return ke(V(e,t))}o(G,"prettyObject");function Je(e,t=!1){return ke(C(e,t))}o(Je,"prettyArray");function _t(e){switch(e){case u.OBJECT:return S;case u.ARRAY:return _;case u.CLASS:return Se;case u.FUNCTION:return N;case u.ELEMENT:return O;default:return X}}o(_t,"getCaptionForInspectionType");function ve(e,t){let{inferredType:r,ast:n}=h(e),{type:s}=r,a,c,p;switch(s){case u.IDENTIFIER:case u.LITERAL:a=e,c=e;break;case u.OBJECT:{let{depth:i}=r;a=S,c=i===1?G(n,!0):null,p=G(n);break}case u.ELEMENT:{let{identifier:i}=r;a=i!=null&&!U(i)?i:O,c=De(e).length===1?e:null,p=e;break}case u.ARRAY:{let{depth:i}=r;a=_,c=i<=2?Je(n,!0):null,p=Je(n);break}default:a=_t(s),c=De(e).length===1?e:null,p=e;break}return y({name:t,short:a,compact:c,full:p,inferredType:s})}o(ve,"generateTypeFromString");function Vt({raw:e}){return e!=null?ve(e,l.CUSTOM):y({name:l.CUSTOM,short:X,compact:X})}o(Vt,"generateCustom");function kt(e){let{jsDocTags:t}=e;return t!=null&&(t.params!=null||t.returns!=null)?y({name:l.FUNC,short:Ce(t.params,t.returns),compact:null,full:Oe(t.params,t.returns)}):y({name:l.FUNC,short:N,compact:N})}o(kt,"generateFunc");function vt(e,t){let r=Object.keys(e.value).map(c=>`${c}: ${P(e.value[c],t).full}`).join(", "),{inferredType:n,ast:s}=h(`{ ${r} }`),{depth:a}=n;return y({name:l.SHAPE,short:S,compact:a===1&&s?G(s,!0):null,full:s?G(s):null})}o(vt,"generateShape");function ue(e){return`objectOf(${e})`}o(ue,"objectOf");function Bt(e,t){let{short:r,compact:n,full:s}=P(e.value,t);return y({name:l.OBJECTOF,short:ue(r),compact:n!=null?ue(n):null,full:s&&ue(s)})}o(Bt,"generateObjectOf");function $t(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,s)=>{let{short:a,compact:c,full:p}=P(s,t);return n.short.push(a),n.compact.push(c),n.full.push(p),n},{short:[],compact:[],full:[]});return y({name:l.UNION,short:r.short.join(" | "),compact:r.compact.every(n=>n!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return y({name:l.UNION,short:e.value,compact:null})}o($t,"generateUnion");function Yt({value:e,computed:t}){return t?ve(e,"enumvalue"):y({name:"enumvalue",short:e,compact:e})}o(Yt,"generateEnumValue");function Wt(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:s,compact:a,full:c}=Yt(n);return r.short.push(s),r.compact.push(a),r.full.push(c),r},{short:[],compact:[],full:[]});return y({name:l.ENUM,short:t.short.join(" | "),compact:t.compact.every(r=>r!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return y({name:l.ENUM,short:e.value,compact:e.value})}o(Wt,"generateEnum");function ce(e){return`${e}[]`}o(ce,"braceAfter");function _e(e){return`[${e}]`}o(_e,"braceAround");function Ve(e,t,r){return y({name:l.ARRAYOF,short:ce(e),compact:t!=null?_e(t):null,full:r&&_e(r)})}o(Ve,"createArrayOfObjectTypeDef");function Ht(e,t){let{name:r,short:n,compact:s,full:a,inferredType:c}=P(e.value,t);if(r===l.CUSTOM){if(c===u.OBJECT)return Ve(n,s,a)}else if(r===l.SHAPE)return Ve(n,s,a);return y({name:l.ARRAYOF,short:ce(n),compact:ce(n)})}o(Ht,"generateArray");function P(e,t){try{switch(e.name){case l.CUSTOM:return Vt(e);case l.FUNC:return kt(t);case l.SHAPE:return vt(e,t);case l.INSTANCEOF:return y({name:l.INSTANCEOF,short:e.value,compact:e.value});case l.OBJECTOF:return Bt(e,t);case l.UNION:return $t(e,t);case l.ENUM:return Wt(e);case l.ARRAYOF:return Ht(e,t);default:return y({name:e.name,short:e.name,compact:e.name})}}catch(r){console.error(r)}return y({name:"unknown",short:"unknown",compact:"unknown"})}o(P,"generateType");function Be(e){let{type:t}=e.docgenInfo;if(t==null)return null;try{switch(t.name){case l.CUSTOM:case l.SHAPE:case l.INSTANCEOF:case l.OBJECTOF:case l.UNION:case l.ENUM:case l.ARRAYOF:{let{short:r,compact:n,full:s}=P(t,e);return n!=null&&!(0,x.isTooLongForTypeSummary)(n)?(0,x.createSummaryValue)(n):s?(0,x.createSummaryValue)(r,s):(0,x.createSummaryValue)(r)}case l.FUNC:{let{short:r,full:n}=P(t,e),s=r,a;return n&&n.length<Jt?s=n:n&&(a=Ae(n)),(0,x.createSummaryValue)(s,a)}default:return null}}catch(r){console.error(r)}return null}o(Be,"createType");var A=require("@storybook/docs-tools");var v=require("@storybook/docs-tools");function K({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=V(t,!0);if(!(0,v.isTooLongForDefaultValueSummary)(n))return(0,v.createSummaryValue)(n)}return(0,v.createSummaryValue)(S,V(t))}o(K,"generateObject");var B=require("@storybook/docs-tools");function z({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=ae(t,!0);if(!(0,B.isTooLongForDefaultValueSummary)(n))return(0,B.createSummaryValue)(n)}return(0,B.createSummaryValue)(_,ae(t))}o(z,"generateArray");function $(e,t){return t?`${e}( ... )`:`${e}()`}o($,"getPrettyFuncIdentifier");function L(e){return`<${e} />`}o(L,"getPrettyElementIdentifier");function le(e){let{type:t,identifier:r}=e;switch(t){case u.FUNCTION:return $(r,e.hasParams);case u.ELEMENT:return L(r);default:return r}}o(le,"getPrettyIdentifier");function Xt({inferredType:e,ast:t}){let{identifier:r}=e;if(r!=null)return(0,A.createSummaryValue)(le(e),C(t));let n=C(t,!0);return(0,A.isTooLongForDefaultValueSummary)(n)?(0,A.createSummaryValue)(N,C(t)):(0,A.createSummaryValue)(n)}o(Xt,"generateFunc");function qt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!U(n)){let s=le(r);return(0,A.createSummaryValue)(s,e)}return(0,A.isTooLongForDefaultValueSummary)(e)?(0,A.createSummaryValue)(O,e):(0,A.createSummaryValue)(e)}o(qt,"generateElement");function Q(e){try{let t=h(e);switch(t.inferredType.type){case u.OBJECT:return K(t);case u.FUNCTION:return Xt(t);case u.ELEMENT:return qt(e,t);case u.ARRAY:return z(t);default:return null}}catch(t){console.error(t)}return null}o(Q,"createDefaultValue");var $e=d(require("lodash/isPlainObject")),fe=d(require("lodash/isFunction")),Ye=d(require("lodash/isString")),pe=d(require("react-element-to-jsx-string")),E=require("@storybook/docs-tools");function We(e){return e.$$typeof!=null}o(We,"isReactElement");function me(e,t){let{name:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}o(me,"extractFunctionName");var Gt=o(e=>(0,E.createSummaryValue)(JSON.stringify(e)),"stringResolver");function Kt(e){let{type:t}=e,{displayName:r}=t,n=(0,pe.default)(e,{});if(r!=null){let s=L(r);return(0,E.createSummaryValue)(s,n)}if((0,Ye.default)(t)&&U(t)){let a=(0,pe.default)(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!(0,E.isTooLongForDefaultValueSummary)(a))return(0,E.createSummaryValue)(a)}return(0,E.createSummaryValue)(O,n)}o(Kt,"generateReactObject");var zt=o(e=>{if(We(e)&&e.type!=null)return Kt(e);if((0,$e.default)(e)){let t=h(JSON.stringify(e));return K(t)}if(Array.isArray(e)){let t=h(JSON.stringify(e));return z(t)}return(0,E.createSummaryValue)(S)},"objectResolver"),Qt=o((e,t)=>{let r=!1,n;if((0,fe.default)(e.render))r=!0;else if(e.prototype!=null&&(0,fe.default)(e.prototype.render))r=!0;else{let a;try{n=h(e.toString());let{hasParams:c,params:p}=n.inferredType;c?p.length===1&&p[0].type==="ObjectPattern"&&(a=e({})):a=e(),a!=null&&We(a)&&(r=!0)}catch{}}let s=me(e,t.name);if(s!=null){if(r)return(0,E.createSummaryValue)(L(s));n!=null&&(n=h(e.toString()));let{hasParams:a}=n.inferredType;return(0,E.createSummaryValue)($(s,a))}return(0,E.createSummaryValue)(r?O:N)},"functionResolver"),Zt=o(e=>(0,E.createSummaryValue)(e.toString()),"defaultResolver"),He={string:Gt,object:zt,function:Qt,default:Zt};function Xe(e={}){return m(m({},He),e)}o(Xe,"createTypeResolvers");function Z(e,t,r=He){try{switch(typeof e){case"string":return r.string(e,t);case"object":return r.object(e,t);case"function":return r.function(e,t);default:return r.default(e,t)}}catch(n){console.error(n)}return null}o(Z,"createDefaultValueFromRawDefaultProp");function qe(e,t){let{propTypes:r}=t;return r!=null?Object.keys(r).map(n=>e.find(s=>s.name===n)).filter(Boolean):e}o(qe,"keepOriginalDefinitionOrder");var ee=require("@storybook/docs-tools");var er=o((e,{name:t,type:r})=>{let n=r.summary==="element"||r.summary==="elementType",s=me(e,t);if(s!=null){if(n)return(0,ee.createSummaryValue)(L(s));let{hasParams:a}=h(e.toString()).inferredType;return(0,ee.createSummaryValue)($(s,a))}return(0,ee.createSummaryValue)(n?O:N)},"funcResolver"),Ge=Xe({function:er});function tr(e,t){let{propDef:r}=e,n=Be(e);n!=null&&(r.type=n);let{defaultValue:s}=e.docgenInfo;if(s!=null&&s.value!=null){let a=Q(s.value);a!=null&&(r.defaultValue=a)}else if(t!=null){let a=Z(t,r,Ge);a!=null&&(r.defaultValue=a)}return r}o(tr,"enhancePropTypesProp");function Ke(e,t){let r=t.defaultProps!=null?t.defaultProps:{},n=e.map(s=>tr(s,r[s.propDef.name]));return qe(n,t)}o(Ke,"enhancePropTypesProps");function rr(e,t){let{propDef:r}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let s=Q(n.value);s!=null&&(r.defaultValue=s)}else if(t!=null){let s=Z(t,r);s!=null&&(r.defaultValue=s)}return r}o(rr,"enhanceTypeScriptProp");function ze(e){return e.map(t=>rr(t))}o(ze,"enhanceTypeScriptProps");var Qe=new Map;Object.keys(de.default).forEach(e=>{let t=de.default[e];Qe.set(t,e),Qe.set(t.isRequired,e)});function nr(e,t){let r=e;!(0,F.hasDocgen)(e)&&!e.propTypes&&q(e)&&(r=e.type);let n=(0,F.extractComponentProps)(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case F.TypeSystem.JAVASCRIPT:return Ke(n,e);case F.TypeSystem.TYPESCRIPT:return ze(n);default:return n.map(s=>s.propDef)}}o(nr,"getPropDefs");var Ze=o(e=>({rows:nr(e,"props")}),"extractProps");var et=o(e=>{if(e){let{rows:t}=Ze(e);if(t)return t.reduce((r,n)=>{let{name:s,description:a,type:c,sbType:p,defaultValue:i,jsDocTags:R,required:g}=n;return r[s]={name:s,description:a,type:m({required:g},p),table:{type:c,jsDocTags:R,defaultValue:i}},r},{})}return null},"extractArgTypes");var w=d(require("react")),tt=d(require("react-element-to-jsx-string")),rt=d(require("ts-dedent")),nt=d(require("util-deprecate")),te=require("@storybook/addons"),b=require("@storybook/docs-tools"),Y=require("@storybook/client-logger");function ye(){return ye=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ye.apply(this,arguments)}o(ye,"_extends");var or=o((e,t)=>typeof t.onBeforeRender!="function"?e:(0,nt.default)(t.onBeforeRender,rt.default`
3
- StoryFn.parameters.jsx.onBeforeRender was deprecated.
4
- Prefer StoryFn.parameters.jsx.transformSource instead.
5
- See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.
6
- `)(e),"applyBeforeRender"),sr=o((e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),"applyTransformSource"),ar=o((e,t)=>{if(typeof e>"u")return Y.logger.warn("Too many skip or undefined component"),null;let r=e,n=r.type;for(let i=0;i<t.skip;i+=1){if(typeof r>"u")return Y.logger.warn("Cannot skip undefined element"),null;if(w.default.Children.count(r)>1)return Y.logger.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(Y.logger.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=w.default.createElement(n,ye({},r.props)))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let s=typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(0,b.getDocgenSection)(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(be(i.type)?i.type.render.name:null)||(q(i.type)?i.type.type.name:null)||i.type},a={filterProps:(i,R)=>i!==void 0},c=m(m(m({},s),a),t);return w.default.Children.map(e,i=>{let R=typeof i=="number"?i.toString():i,g=or((0,tt.default)(R,c),t);if(g.indexOf("&quot;")>-1){let J=g.match(/\S+=\\"([^"]*)\\"/g);J&&J.forEach(he=>{g=g.replace(he,he.replace(/&quot;/g,"'"))})}return g}).join(`
7
- `).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},"renderJsx"),ir={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},ur=o(e=>{var n;let t=(n=e==null?void 0:e.parameters.docs)==null?void 0:n.source,r=e==null?void 0:e.parameters.__isArgsStory;return(t==null?void 0:t.type)===b.SourceType.DYNAMIC?!1:!r||(t==null?void 0:t.code)||(t==null?void 0:t.type)===b.SourceType.CODE},"skipJsxRender"),cr=o(e=>{var t,r;return((t=e.type)==null?void 0:t.displayName)==="MDXCreateElement"&&!!((r=e.props)!=null&&r.mdxType)},"isMdx"),ot=o(e=>{if(!cr(e))return e;let c=e.props,{mdxType:t,originalType:r,children:n}=c,s=ge(c,["mdxType","originalType","children"]),a=[];return n&&(a=(Array.isArray(n)?n:[n]).map(ot)),(0,w.createElement)(r,s,...a)},"mdxToJsx"),st=o((e,t)=>{var g,J;let r=te.addons.getChannel(),n=ur(t),s=e(),a="";if((0,te.useEffect)(()=>{n||r.emit(b.SNIPPET_RENDERED,(t||{}).id,a)}),n)return s;let c=m(m({},ir),(t==null?void 0:t.parameters.jsx)||{}),p=(J=(g=t==null?void 0:t.parameters.docs)==null?void 0:g.source)!=null&&J.excludeDecorators?t.originalStoryFn(t.args,t):s,i=ot(p),R=ar(i,c);return R&&(a=sr(R,c,t)),s},"jsxDecorator");var at={docs:{inlineStories:!0,extractArgTypes:et,extractComponentDescription:re.extractComponentDescription}},it=[st],ut=[re.enhanceArgTypes];var ft=d(require("global")),T=d(require("react")),j=d(require("react-dom"));function ne(){return ne=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ne.apply(this,arguments)}o(ne,"_extends");var{FRAMEWORK_OPTIONS:D}=ft.default,oe=new Map,pt=o((e,t)=>{let{id:r,component:n}=t;if(!n)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return T.default.createElement(n,ne({},e))},"render"),lr=o(async(e,t)=>{let r=await mr(t);return new Promise(n=>{r?(r.render(e),setTimeout(()=>{n(null)},0)):j.default.render(e,t,()=>n(null))})},"renderElement"),fr=j.version&&(j.version.startsWith("18")||j.version.startsWith("0.0.0")),pr=(D==null?void 0:D.legacyRootApi)!==!0,mt=pr&&fr,ct=o(e=>{let t=oe.get(e);t&&mt?(t.unmount(),oe.delete(e)):j.default.unmountComponentAtNode(e)},"unmountElement"),mr=o(async e=>{if(!mt)return null;let t=oe.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),oe.set(e,t)),t},"getReactRoot"),dr=o(class extends T.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:t}=this.state,{showMain:r}=this.props;t||r()}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:r}},"ErrorBoundary"),lt=D!=null&&D.strictMode?T.StrictMode:T.Fragment;async function dt({storyContext:e,unboundStoryFn:t,showMain:r,showException:n,forceRemount:s},a){let c=t,p=T.default.createElement(dr,{showMain:r,showException:n},T.default.createElement(c,ne({},e))),i=lt?T.default.createElement(lt,null,p):p;return s&&ct(a),await lr(i,a),()=>ct(a)}o(dt,"renderToDOM");var yr=m({framework:"react"},at);0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});
1
+ "use strict";var nt=Object.create;var v=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var it=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var at=(e,t)=>{for(var r in t)v(e,r,{get:t[r],enumerable:!0})},le=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of st(t))!pt.call(e,o)&&o!==r&&v(e,o,{get:()=>t[o],enumerable:!(n=ot(t,o))||n.enumerable});return e};var l=(e,t,r)=>(r=e!=null?nt(it(e)):{},le(t||!e||!e.__esModule?v(r,"default",{value:e,enumerable:!0}):r,e)),ct=e=>le(v({},"__esModule",{value:!0}),e);var rr={};at(rr,{argTypesEnhancers:()=>Ge,decorators:()=>Ke,parameters:()=>tr,render:()=>et,renderToCanvas:()=>rt});module.exports=ct(rr);var z=require("@storybook/docs-tools");var pe=l(require("prop-types")),P=require("@storybook/docs-tools");var C=require("@storybook/docs-tools");function fe(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];if(r){let s=e.map(p=>{let a=p.getPrettyName(),i=p.getTypeName();return i!=null?`${a}: ${i}`:a});o.push(`(${s.join(", ")})`)}else o.push("()");return n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function me(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];return r?o.push("( ... )"):o.push("()"),n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function ye(e){return e.replace(/,/g,`,\r
2
+ `)}var w="custom",I="object",j="array",Te="class",y="func",T="element";var de=l(require("html-tags"));function x(e){return de.default.includes(e.toLowerCase())}var ge=require("escodegen"),Ee=require("ts-dedent"),Ie={format:{indent:{style:" "},semicolons:!1}},ut={...Ie,format:{newline:""}},lt={...Ie};function d(e,t=!1){return(0,ge.generate)(e,t?ut:lt)}function J(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 Ce=require("acorn"),Pe=l(require("acorn-jsx")),R=l(require("acorn-walk"));var ee={...R.base,JSXElement:()=>{}},Tt=Ce.Parser.extend((0,Pe.default)());function M(e){return e!=null?e.name:null}function Re(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function Ne(e){let t=[];return R.ancestor(e,{ObjectExpression(r,n){t.push(Re(n).length)},ArrayExpression(r,n){t.push(Re(n).length)}},ee),Math.max(...t)}function dt(e){return{inferredType:{type:"Identifier",identifier:M(e)},ast:e}}function gt(e){return{inferredType:{type:"Literal"},ast:e}}function Et(e){let t;R.simple(e.body,{JSXElement(s){t=s}},ee);let n={type:t!=null?"Element":"Function",params:e.params,hasParams:e.params.length!==0},o=M(e.id);return o!=null&&(n.identifier=o),{inferredType:n,ast:e}}function It(e){let t;return R.simple(e.body,{JSXElement(n){t=n}},ee),{inferredType:{type:t!=null?"Element":"Class",identifier:M(e.id)},ast:e}}function ht(e){let t={type:"Element"},r=M(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}function Rt(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return M(t)==="shape"?Oe(e.arguments[0]):null}function Oe(e){return{inferredType:{type:"Object",depth:Ne(e)},ast:e}}function Ct(e){return{inferredType:{type:"Array",depth:Ne(e)},ast:e}}function Pt(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 Rt(e);case"ObjectExpression":return Oe(e);case"ArrayExpression":return Ct(e);default:return null}}function xe(e){let t=Tt.parse(`(${e})`),r={inferredType:{type:"Unknown"},ast:t};if(t.body[0]!=null){let n=t.body[0];switch(n.type){case"ExpressionStatement":{let o=Pt(n.expression);o!=null&&(r=o);break}default:break}}return r}function f(e){try{return{...xe(e)}}catch{}return{inferredType:{type:"Unknown"}}}var Nt=150;function c({name:e,short:t,compact:r,full:n,inferredType:o}){return{name:e,short:t,compact:r,full:n??t,inferredType:o}}function Fe(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}function Ae(e){return e.split(/\r?\n/)}function B(e,t=!1){return Fe(J(e,t))}function Se(e,t=!1){return Fe(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 w}}function je(e,t){let{inferredType:r,ast:n}=f(e),{type:o}=r,s,p,a;switch(o){case"Identifier":case"Literal":s=e,p=e;break;case"Object":{let{depth:i}=r;s=I,p=i===1?B(n,!0):null,a=B(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!x(i)?i:T,p=Ae(e).length===1?e:null,a=e;break}case"Array":{let{depth:i}=r;s=j,p=i<=2?Se(n,!0):null,a=Se(n);break}default:s=Ot(o),p=Ae(e).length===1?e:null,a=e;break}return c({name:t,short:s,compact:p,full:a,inferredType:o})}function xt({raw:e}){return e!=null?je(e,"custom"):c({name:"custom",short:w,compact:w})}function At(e){let{jsDocTags:t}=e;return t!=null&&(t.params!=null||t.returns!=null)?c({name:"func",short:me(t.params,t.returns),compact:null,full:fe(t.params,t.returns)}):c({name:"func",short:y,compact:y})}function St(e,t){let r=Object.keys(e.value).map(p=>`${p}: ${A(e.value[p],t).full}`).join(", "),{inferredType:n,ast:o}=f(`{ ${r} }`),{depth:s}=n;return c({name:"shape",short:I,compact:s===1&&o?B(o,!0):null,full:o?B(o):null})}function te(e){return`objectOf(${e})`}function bt(e,t){let{short:r,compact:n,full:o}=A(e.value,t);return c({name:"objectOf",short:te(r),compact:n!=null?te(n):null,full:o&&te(o)})}function Dt(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:p,full:a}=A(o,t);return n.short.push(s),n.compact.push(p),n.full.push(a),n},{short:[],compact:[],full:[]});return c({name:"union",short:r.short.join(" | "),compact:r.compact.every(n=>n!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return c({name:"union",short:e.value,compact:null})}function Ft({value:e,computed:t}){return t?je(e,"enumvalue"):c({name:"enumvalue",short:e,compact:e})}function jt(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:o,compact:s,full:p}=Ft(n);return r.short.push(o),r.compact.push(s),r.full.push(p),r},{short:[],compact:[],full:[]});return c({name:"enum",short:t.short.join(" | "),compact:t.compact.every(r=>r!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return c({name:"enum",short:e.value,compact:e.value})}function re(e){return`${e}[]`}function be(e){return`[${e}]`}function De(e,t,r){return c({name:"arrayOf",short:re(e),compact:t!=null?be(t):null,full:r&&be(r)})}function Jt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:p}=A(e.value,t);if(r==="custom"){if(p==="Object")return De(n,o,s)}else if(r==="shape")return De(n,o,s);return c({name:"arrayOf",short:re(n),compact:re(n)})}function A(e,t){try{switch(e.name){case"custom":return xt(e);case"func":return At(t);case"shape":return St(e,t);case"instanceOf":return c({name:"instanceOf",short:e.value,compact:e.value});case"objectOf":return bt(e,t);case"union":return Dt(e,t);case"enum":return jt(e);case"arrayOf":return Jt(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 Je(e){let{type:t}=e.docgenInfo;if(t==null)return null;try{switch(t.name){case"custom":case"shape":case"instanceOf":case"objectOf":case"union":case"enum":case"arrayOf":{let{short:r,compact:n,full:o}=A(t,e);return n!=null&&!(0,C.isTooLongForTypeSummary)(n)?(0,C.createSummaryValue)(n):o?(0,C.createSummaryValue)(r,o):(0,C.createSummaryValue)(r)}case"func":{let{short:r,full:n}=A(t,e),o=r,s;return n&&n.length<Nt?o=n:n&&(s=ye(n)),(0,C.createSummaryValue)(o,s)}default:return null}}catch(r){console.error(r)}return null}var g=require("@storybook/docs-tools");var L=require("@storybook/docs-tools");function Y({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=J(t,!0);if(!(0,L.isTooLongForDefaultValueSummary)(n))return(0,L.createSummaryValue)(n)}return(0,L.createSummaryValue)(I,J(t))}var U=require("@storybook/docs-tools");function W({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=Z(t,!0);if(!(0,U.isTooLongForDefaultValueSummary)(n))return(0,U.createSummaryValue)(n)}return(0,U.createSummaryValue)(j,Z(t))}function V(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 V(r,e.hasParams);case"Element":return S(r);default:return r}}function Mt({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 Lt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!x(n)){let o=ne(r);return(0,g.createSummaryValue)(o,e)}return(0,g.isTooLongForDefaultValueSummary)(e)?(0,g.createSummaryValue)(T,e):(0,g.createSummaryValue)(e)}function X(e){try{let t=f(e);switch(t.inferredType.type){case"Object":return Y(t);case"Function":return Mt(t);case"Element":return Lt(e,t);case"Array":return W(t);default:return null}}catch(t){console.error(t)}return null}var Me=l(require("lodash/isPlainObject")),oe=l(require("lodash/isFunction")),Le=l(require("lodash/isString")),se=l(require("react-element-to-jsx-string")),m=require("@storybook/docs-tools");function Ue(e){return e.$$typeof!=null}function ie(e,t){let{name:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}var Ut=e=>(0,m.createSummaryValue)(JSON.stringify(e));function Vt(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,Le.default)(t)&&x(t)){let s=(0,se.default)(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!(0,m.isTooLongForDefaultValueSummary)(s))return(0,m.createSummaryValue)(s)}return(0,m.createSummaryValue)(T,n)}var kt=e=>{if(Ue(e)&&e.type!=null)return Vt(e);if((0,Me.default)(e)){let t=f(JSON.stringify(e));return Y(t)}if(Array.isArray(e)){let t=f(JSON.stringify(e));return W(t)}return(0,m.createSummaryValue)(I)},vt=(e,t)=>{let r=!1,n;if((0,oe.default)(e.render))r=!0;else if(e.prototype!=null&&(0,oe.default)(e.prototype.render))r=!0;else{let s;try{n=f(e.toString());let{hasParams:p,params:a}=n.inferredType;p?a.length===1&&a[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&Ue(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)(V(o,s))}return(0,m.createSummaryValue)(r?T:y)},wt=e=>(0,m.createSummaryValue)(e.toString()),Ve={string:Ut,object:kt,function:vt,default:wt};function ke(e={}){return{...Ve,...e}}function H(e,t,r=Ve){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)(V(o,s))}return(0,q.createSummaryValue)(n?T:y)},we=ke({function:_t});function $t(e,t){let{propDef:r}=e,n=Je(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,we);s!=null&&(r.defaultValue=s)}return r}function _e(e,t){let r=t.defaultProps!=null?t.defaultProps:{},n=e.map(o=>$t(o,r[o.propDef.name]));return ve(n,t)}function Bt(e,t){let{propDef:r}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let o=X(n.value);o!=null&&(r.defaultValue=o)}else if(t!=null){let o=H(t,r);o!=null&&(r.defaultValue=o)}return r}function $e(e){return e.map(t=>Bt(t))}var Be=new Map;Object.keys(pe.default).forEach(e=>{let t=pe.default[e];Be.set(t,e),Be.set(t.isRequired,e)});function Yt(e,t){let r=e;!(0,P.hasDocgen)(e)&&!e.propTypes&&_(e)&&(r=e.type);let n=(0,P.extractComponentProps)(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case P.TypeSystem.JAVASCRIPT:return _e(n,e);case P.TypeSystem.TYPESCRIPT:return $e(n);default:return n.map(o=>o.propDef)}}var Ye=e=>({rows:Yt(e,"props")});var We=e=>{if(e){let{rows:t}=Ye(e);if(t)return t.reduce((r,n)=>{let{name:o,description:s,type:p,sbType:a,defaultValue:i,jsDocTags:h,required:F}=n;return r[o]={name:o,description:s,type:{required:F,...a},table:{type:p,jsDocTags:h,defaultValue:i}},r},{})}return null};var b=l(require("react")),K=l(require("react-element-to-jsx-string")),G=require("@storybook/preview-api"),N=require("@storybook/docs-tools"),k=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 k.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 k.logger.warn("Cannot skip undefined element"),null;if(b.default.Children.count(r)>1)return k.logger.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(k.logger.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=b.default.createElement(n,{...r.props}))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let p={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(i.type===Symbol.for("react.profiler")?"Profiler":null)||(0,N.getDocgenSection)(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(he(i.type)?i.type.render.name:null)||(_(i.type)?i.type.type.name:null)||i.type},...{filterProps:(i,h)=>i!==void 0},...t};return b.default.Children.map(e,i=>{let h=typeof i=="number"?i.toString():i,E=(typeof K.default=="function"?K.default:K.default.default)(h,p);if(E.indexOf("&quot;")>-1){let ce=E.match(/\S+=\\"([^"]*)\\"/g);ce&&ce.forEach(ue=>{E=E.replace(ue,ue.replace(/&quot;/g,"'"))})}return E}).join(`
3
+ `).replace(/function\s+noRefCheck\(\)\s+\{\}/g,"() => {}")},Ht={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},qt=e=>{var n;let t=(n=e==null?void 0:e.parameters.docs)==null?void 0:n.source,r=e==null?void 0:e.parameters.__isArgsStory;return(t==null?void 0:t.type)===N.SourceType.DYNAMIC?!1:!r||(t==null?void 0:t.code)||(t==null?void 0:t.type)===N.SourceType.CODE},Kt=e=>{var t,r;return((t=e.type)==null?void 0:t.displayName)==="MDXCreateElement"&&!!((r=e.props)!=null&&r.mdxType)},Xe=e=>{if(!Kt(e))return e;let{mdxType:t,originalType:r,children:n,...o}=e.props,s=[];return n&&(s=(Array.isArray(n)?n:[n]).map(Xe)),(0,b.createElement)(r,o,...s)},He=(e,t)=>{var F,E;let r=G.addons.getChannel(),n=qt(t),o="";(0,G.useEffect)(()=>{n||r.emit(N.SNIPPET_RENDERED,(t||{}).id,o)});let s=e();if(n)return s;let p={...Ht,...(t==null?void 0:t.parameters.jsx)||{}},a=(E=(F=t==null?void 0:t.parameters.docs)==null?void 0:F.source)!=null&&E.excludeDecorators?t.originalStoryFn(t.args,t):s,i=Xe(a),h=Xt(i,p);return h&&(o=Wt(h,p,t)),s};var qe={docs:{inlineStories:!0,extractArgTypes:We,extractComponentDescription:z.extractComponentDescription}},Ke=[He],Ge=[z.enhanceArgTypes];var Ze=l(require("global")),u=l(require("react")),O=l(require("react-dom")),{FRAMEWORK_OPTIONS:D}=Ze.default,Q=new Map,et=(e,t)=>{let{id:r,component:n}=t;if(!n)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return u.default.createElement(n,{...e})},Gt=({callback:e,children:t})=>{let r=(0,u.useRef)();return(0,u.useLayoutEffect)(()=>{r.current!==e&&(r.current=e,e())},[e]),t},zt=async(e,t)=>{let r=await er(t);return new Promise(n=>{r?r.render(u.default.createElement(Gt,{callback:()=>n(null)},e)):O.default.render(e,t,()=>n(null))})},Qt=O.version&&(O.version.startsWith("18")||O.version.startsWith("0.0.0")),Zt=(D==null?void 0:D.legacyRootApi)!==!0,tt=Zt&&Qt,ze=e=>{let t=Q.get(e);t&&tt?(t.unmount(),Q.delete(e)):O.default.unmountComponentAtNode(e)},er=async e=>{if(!tt)return null;let t=Q.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),Q.set(e,t)),t},ae=class extends u.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:r}=this.state,{showMain:n}=this.props;r||n()}componentDidCatch(r){let{showException:n}=this.props;n(r)}render(){let{hasError:r}=this.state,{children:n}=this.props;return r?null:n}},Qe=D!=null&&D.strictMode?u.StrictMode:u.Fragment;async function rt({storyContext:e,unboundStoryFn:t,showMain:r,showException:n,forceRemount:o},s){let a=u.default.createElement(ae,{showMain:r,showException:n},u.default.createElement(t,{...e})),i=Qe?u.default.createElement(Qe,null,a):a;return o&&ze(s),await zt(i,s),()=>ze(s)}var tr={framework:"react",...qe};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToCanvas});
package/dist/config.mjs CHANGED
@@ -1,7 +1,3 @@
1
- import{a as m,b as U,c as o,d as ee,e as De,f as ve}from"./chunk-DGYCFUMN.mjs";import{extractComponentDescription as Kr,enhanceArgTypes as Gr}from"@storybook/docs-tools";import je from"prop-types";import{hasDocgen as Pr,extractComponentProps as Lr,TypeSystem as Me}from"@storybook/docs-tools";import{createSummaryValue as V,isTooLongForTypeSummary as ar}from"@storybook/docs-tools";function re(e,r){let t=e!=null,n=r!=null;if(!t&&!n)return"";let s=[];if(t){let a=e.map(l=>{let y=l.getPrettyName(),i=l.getTypeName();return i!=null?`${y}: ${i}`:y});s.push(`(${a.join(", ")})`)}else s.push("()");return n&&s.push(`=> ${r.getTypeName()}`),s.join(" ")}o(re,"generateFuncSignature");function te(e,r){let t=e!=null,n=r!=null;if(!t&&!n)return"";let s=[];return t?s.push("( ... )"):s.push("()"),n&&s.push(`=> ${r.getTypeName()}`),s.join(" ")}o(te,"generateShortFuncSignature");function ne(e){return e.replace(/,/g,`,\r
2
- `)}o(ne,"toMultilineSignature");var _="custom",C="object",j="array",oe="class",O="func",g="element";import Be from"html-tags";function I(e){return Be.includes(e.toLowerCase())}o(I,"isHtmlTag");import{generate as $e}from"escodegen";import we from"ts-dedent";var se={format:{indent:{style:" "},semicolons:!1}},Ye=U(m({},se),{format:{newline:""}}),We=m({},se);function h(e,r=!1){return $e(e,r?Ye:We)}o(h,"generateCode");function M(e,r=!1){return r?He(e):h(e)}o(M,"generateObjectCode");function He(e){let r=h(e,!0);return r.endsWith(" }")||(r=`${r.slice(0,-1)} }`),r}o(He,"generateCompactObjectCode");function Y(e,r=!1){return r?qe(e):Xe(e)}o(Y,"generateArrayCode");function Xe(e){let r=h(e);return r.endsWith(" }]")&&(r=we(r)),r}o(Xe,"generateMultilineArrayCode");function qe(e){let r=h(e,!0);return r.startsWith("[ ")&&(r=r.replace("[ ","[")),r}o(qe,"generateCompactArrayCode");var J=o(e=>e.$$typeof===Symbol.for("react.memo"),"isMemo"),ae=o(e=>e.$$typeof===Symbol.for("react.forward_ref"),"isForwardRef");var u;(function(e){e.IDENTIFIER="Identifier",e.LITERAL="Literal",e.OBJECT="Object",e.ARRAY="Array",e.FUNCTION="Function",e.CLASS="Class",e.ELEMENT="Element",e.UNKNOWN="Unknown"})(u||(u={}));import{Parser as Ke}from"acorn";import Ge from"acorn-jsx";import*as S from"acorn-walk";var W=U(m({},S.base),{JSXElement:()=>{}}),ze=Ke.extend(Ge());function P(e){return e!=null?e.name:null}o(P,"extractIdentifierName");function ue(e){return e.filter(r=>r.type==="ObjectExpression"||r.type==="ArrayExpression")}o(ue,"filterAncestors");function ie(e){let r=[];return S.ancestor(e,{ObjectExpression(t,n){r.push(ue(n).length)},ArrayExpression(t,n){r.push(ue(n).length)}},W),Math.max(...r)}o(ie,"calculateNodeDepth");function Qe(e){return{inferredType:{type:u.IDENTIFIER,identifier:P(e)},ast:e}}o(Qe,"parseIdentifier");function Ze(e){return{inferredType:{type:u.LITERAL},ast:e}}o(Ze,"parseLiteral");function er(e){let r;S.simple(e.body,{JSXElement(a){r=a}},W);let n={type:r!=null?u.ELEMENT:u.FUNCTION,params:e.params,hasParams:e.params.length!==0},s=P(e.id);return s!=null&&(n.identifier=s),{inferredType:n,ast:e}}o(er,"parseFunction");function rr(e){let r;return S.simple(e.body,{JSXElement(n){r=n}},W),{inferredType:{type:r!=null?u.ELEMENT:u.CLASS,identifier:P(e.id)},ast:e}}o(rr,"parseClass");function tr(e){let r={type:u.ELEMENT},t=P(e.openingElement.name);return t!=null&&(r.identifier=t),{inferredType:r,ast:e}}o(tr,"parseJsxElement");function nr(e){let r=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return P(r)==="shape"?ce(e.arguments[0]):null}o(nr,"parseCall");function ce(e){return{inferredType:{type:u.OBJECT,depth:ie(e)},ast:e}}o(ce,"parseObject");function or(e){return{inferredType:{type:u.ARRAY,depth:ie(e)},ast:e}}o(or,"parseArray");function sr(e){switch(e.type){case"Identifier":return Qe(e);case"Literal":return Ze(e);case"FunctionExpression":case"ArrowFunctionExpression":return er(e);case"ClassExpression":return rr(e);case"JSXElement":return tr(e);case"CallExpression":return nr(e);case"ObjectExpression":return ce(e);case"ArrayExpression":return or(e);default:return null}}o(sr,"parseExpression");function le(e){let r=ze.parse(`(${e})`),t={inferredType:{type:u.UNKNOWN},ast:r};if(r.body[0]!=null){let n=r.body[0];switch(n.type){case"ExpressionStatement":{let s=sr(n.expression);s!=null&&(t=s);break}default:break}}return t}o(le,"parse");function T(e){try{let r=le(e);return m({},r)}catch{}return{inferredType:{type:u.UNKNOWN}}}o(T,"inspectValue");var ur=150,c;(function(e){e.CUSTOM="custom",e.ANY="any",e.FUNC="func",e.SHAPE="shape",e.OBJECT="object",e.INSTANCEOF="instanceOf",e.OBJECTOF="objectOf",e.UNION="union",e.ENUM="enum",e.ARRAYOF="arrayOf",e.ELEMENT="element",e.ELEMENTTYPE="elementType",e.NODE="node"})(c||(c={}));function d({name:e,short:r,compact:t,full:n,inferredType:s}){return{name:e,short:r,compact:t,full:n??r,inferredType:s}}o(d,"createTypeDef");function de(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}o(de,"cleanPropTypes");function fe(e){return e.split(/\r?\n/)}o(fe,"splitIntoLines");function k(e,r=!1){return de(M(e,r))}o(k,"prettyObject");function pe(e,r=!1){return de(h(e,r))}o(pe,"prettyArray");function ir(e){switch(e){case u.OBJECT:return C;case u.ARRAY:return j;case u.CLASS:return oe;case u.FUNCTION:return O;case u.ELEMENT:return g;default:return _}}o(ir,"getCaptionForInspectionType");function Te(e,r){let{inferredType:t,ast:n}=T(e),{type:s}=t,a,l,y;switch(s){case u.IDENTIFIER:case u.LITERAL:a=e,l=e;break;case u.OBJECT:{let{depth:i}=t;a=C,l=i===1?k(n,!0):null,y=k(n);break}case u.ELEMENT:{let{identifier:i}=t;a=i!=null&&!I(i)?i:g,l=fe(e).length===1?e:null,y=e;break}case u.ARRAY:{let{depth:i}=t;a=j,l=i<=2?pe(n,!0):null,y=pe(n);break}default:a=ir(s),l=fe(e).length===1?e:null,y=e;break}return d({name:r,short:a,compact:l,full:y,inferredType:s})}o(Te,"generateTypeFromString");function cr({raw:e}){return e!=null?Te(e,c.CUSTOM):d({name:c.CUSTOM,short:_,compact:_})}o(cr,"generateCustom");function lr(e){let{jsDocTags:r}=e;return r!=null&&(r.params!=null||r.returns!=null)?d({name:c.FUNC,short:te(r.params,r.returns),compact:null,full:re(r.params,r.returns)}):d({name:c.FUNC,short:O,compact:O})}o(lr,"generateFunc");function fr(e,r){let t=Object.keys(e.value).map(l=>`${l}: ${R(e.value[l],r).full}`).join(", "),{inferredType:n,ast:s}=T(`{ ${t} }`),{depth:a}=n;return d({name:c.SHAPE,short:C,compact:a===1&&s?k(s,!0):null,full:s?k(s):null})}o(fr,"generateShape");function H(e){return`objectOf(${e})`}o(H,"objectOf");function pr(e,r){let{short:t,compact:n,full:s}=R(e.value,r);return d({name:c.OBJECTOF,short:H(t),compact:n!=null?H(n):null,full:s&&H(s)})}o(pr,"generateObjectOf");function mr(e,r){if(Array.isArray(e.value)){let t=e.value.reduce((n,s)=>{let{short:a,compact:l,full:y}=R(s,r);return n.short.push(a),n.compact.push(l),n.full.push(y),n},{short:[],compact:[],full:[]});return d({name:c.UNION,short:t.short.join(" | "),compact:t.compact.every(n=>n!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return d({name:c.UNION,short:e.value,compact:null})}o(mr,"generateUnion");function yr({value:e,computed:r}){return r?Te(e,"enumvalue"):d({name:"enumvalue",short:e,compact:e})}o(yr,"generateEnumValue");function dr(e){if(Array.isArray(e.value)){let r=e.value.reduce((t,n)=>{let{short:s,compact:a,full:l}=yr(n);return t.short.push(s),t.compact.push(a),t.full.push(l),t},{short:[],compact:[],full:[]});return d({name:c.ENUM,short:r.short.join(" | "),compact:r.compact.every(t=>t!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return d({name:c.ENUM,short:e.value,compact:e.value})}o(dr,"generateEnum");function X(e){return`${e}[]`}o(X,"braceAfter");function me(e){return`[${e}]`}o(me,"braceAround");function ye(e,r,t){return d({name:c.ARRAYOF,short:X(e),compact:r!=null?me(r):null,full:t&&me(t)})}o(ye,"createArrayOfObjectTypeDef");function Tr(e,r){let{name:t,short:n,compact:s,full:a,inferredType:l}=R(e.value,r);if(t===c.CUSTOM){if(l===u.OBJECT)return ye(n,s,a)}else if(t===c.SHAPE)return ye(n,s,a);return d({name:c.ARRAYOF,short:X(n),compact:X(n)})}o(Tr,"generateArray");function R(e,r){try{switch(e.name){case c.CUSTOM:return cr(e);case c.FUNC:return lr(r);case c.SHAPE:return fr(e,r);case c.INSTANCEOF:return d({name:c.INSTANCEOF,short:e.value,compact:e.value});case c.OBJECTOF:return pr(e,r);case c.UNION:return mr(e,r);case c.ENUM:return dr(e);case c.ARRAYOF:return Tr(e,r);default:return d({name:e.name,short:e.name,compact:e.name})}}catch(t){console.error(t)}return d({name:"unknown",short:"unknown",compact:"unknown"})}o(R,"generateType");function Ee(e){let{type:r}=e.docgenInfo;if(r==null)return null;try{switch(r.name){case c.CUSTOM:case c.SHAPE:case c.INSTANCEOF:case c.OBJECTOF:case c.UNION:case c.ENUM:case c.ARRAYOF:{let{short:t,compact:n,full:s}=R(r,e);return n!=null&&!ar(n)?V(n):s?V(t,s):V(t)}case c.FUNC:{let{short:t,full:n}=R(r,e),s=t,a;return n&&n.length<ur?s=n:n&&(a=ne(n)),V(s,a)}default:return null}}catch(t){console.error(t)}return null}o(Ee,"createType");import{createSummaryValue as x,isTooLongForDefaultValueSummary as he}from"@storybook/docs-tools";import{createSummaryValue as Oe,isTooLongForDefaultValueSummary as Er}from"@storybook/docs-tools";function D({inferredType:e,ast:r}){let{depth:t}=e;if(t===1){let n=M(r,!0);if(!Er(n))return Oe(n)}return Oe(C,M(r))}o(D,"generateObject");import{createSummaryValue as ge,isTooLongForDefaultValueSummary as Or}from"@storybook/docs-tools";function v({inferredType:e,ast:r}){let{depth:t}=e;if(t<=2){let n=Y(r,!0);if(!Or(n))return ge(n)}return ge(j,Y(r))}o(v,"generateArray");function L(e,r){return r?`${e}( ... )`:`${e}()`}o(L,"getPrettyFuncIdentifier");function F(e){return`<${e} />`}o(F,"getPrettyElementIdentifier");function q(e){let{type:r,identifier:t}=e;switch(r){case u.FUNCTION:return L(t,e.hasParams);case u.ELEMENT:return F(t);default:return t}}o(q,"getPrettyIdentifier");function gr({inferredType:e,ast:r}){let{identifier:t}=e;if(t!=null)return x(q(e),h(r));let n=h(r,!0);return he(n)?x(O,h(r)):x(n)}o(gr,"generateFunc");function hr(e,r){let{inferredType:t}=r,{identifier:n}=t;if(n!=null&&!I(n)){let s=q(t);return x(s,e)}return he(e)?x(g,e):x(e)}o(hr,"generateElement");function B(e){try{let r=T(e);switch(r.inferredType.type){case u.OBJECT:return D(r);case u.FUNCTION:return gr(r);case u.ELEMENT:return hr(e,r);case u.ARRAY:return v(r);default:return null}}catch(r){console.error(r)}return null}o(B,"createDefaultValue");import Nr from"lodash/isPlainObject";import Ne from"lodash/isFunction";import Cr from"lodash/isString";import Ce from"react-element-to-jsx-string";import{createSummaryValue as N,isTooLongForDefaultValueSummary as Ar}from"@storybook/docs-tools";function Ae(e){return e.$$typeof!=null}o(Ae,"isReactElement");function K(e,r){let{name:t}=e;return t!==""&&t!=="anonymous"&&t!==r?t:null}o(K,"extractFunctionName");var Sr=o(e=>N(JSON.stringify(e)),"stringResolver");function Ir(e){let{type:r}=e,{displayName:t}=r,n=Ce(e,{});if(t!=null){let s=F(t);return N(s,n)}if(Cr(r)&&I(r)){let a=Ce(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!Ar(a))return N(a)}return N(g,n)}o(Ir,"generateReactObject");var Rr=o(e=>{if(Ae(e)&&e.type!=null)return Ir(e);if(Nr(e)){let r=T(JSON.stringify(e));return D(r)}if(Array.isArray(e)){let r=T(JSON.stringify(e));return v(r)}return N(C)},"objectResolver"),Fr=o((e,r)=>{let t=!1,n;if(Ne(e.render))t=!0;else if(e.prototype!=null&&Ne(e.prototype.render))t=!0;else{let a;try{n=T(e.toString());let{hasParams:l,params:y}=n.inferredType;l?y.length===1&&y[0].type==="ObjectPattern"&&(a=e({})):a=e(),a!=null&&Ae(a)&&(t=!0)}catch{}}let s=K(e,r.name);if(s!=null){if(t)return N(F(s));n!=null&&(n=T(e.toString()));let{hasParams:a}=n.inferredType;return N(L(s,a))}return N(t?g:O)},"functionResolver"),xr=o(e=>N(e.toString()),"defaultResolver"),Se={string:Sr,object:Rr,function:Fr,default:xr};function Ie(e={}){return m(m({},Se),e)}o(Ie,"createTypeResolvers");function $(e,r,t=Se){try{switch(typeof e){case"string":return t.string(e,r);case"object":return t.object(e,r);case"function":return t.function(e,r);default:return t.default(e,r)}}catch(n){console.error(n)}return null}o($,"createDefaultValueFromRawDefaultProp");function Re(e,r){let{propTypes:t}=r;return t!=null?Object.keys(t).map(n=>e.find(s=>s.name===n)).filter(Boolean):e}o(Re,"keepOriginalDefinitionOrder");import{createSummaryValue as G}from"@storybook/docs-tools";var br=o((e,{name:r,type:t})=>{let n=t.summary==="element"||t.summary==="elementType",s=K(e,r);if(s!=null){if(n)return G(F(s));let{hasParams:a}=T(e.toString()).inferredType;return G(L(s,a))}return G(n?g:O)},"funcResolver"),Fe=Ie({function:br});function jr(e,r){let{propDef:t}=e,n=Ee(e);n!=null&&(t.type=n);let{defaultValue:s}=e.docgenInfo;if(s!=null&&s.value!=null){let a=B(s.value);a!=null&&(t.defaultValue=a)}else if(r!=null){let a=$(r,t,Fe);a!=null&&(t.defaultValue=a)}return t}o(jr,"enhancePropTypesProp");function xe(e,r){let t=r.defaultProps!=null?r.defaultProps:{},n=e.map(s=>jr(s,t[s.propDef.name]));return Re(n,r)}o(xe,"enhancePropTypesProps");function Mr(e,r){let{propDef:t}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let s=B(n.value);s!=null&&(t.defaultValue=s)}else if(r!=null){let s=$(r,t);s!=null&&(t.defaultValue=s)}return t}o(Mr,"enhanceTypeScriptProp");function be(e){return e.map(r=>Mr(r))}o(be,"enhanceTypeScriptProps");var Pe=new Map;Object.keys(je).forEach(e=>{let r=je[e];Pe.set(r,e),Pe.set(r.isRequired,e)});function Ur(e,r){let t=e;!Pr(e)&&!e.propTypes&&J(e)&&(t=e.type);let n=Lr(t,r);if(n.length===0)return[];switch(n[0].typeSystem){case Me.JAVASCRIPT:return xe(n,e);case Me.TYPESCRIPT:return be(n);default:return n.map(s=>s.propDef)}}o(Ur,"getPropDefs");var Le=o(e=>({rows:Ur(e,"props")}),"extractProps");var Ue=o(e=>{if(e){let{rows:r}=Le(e);if(r)return r.reduce((t,n)=>{let{name:s,description:a,type:l,sbType:y,defaultValue:i,jsDocTags:A,required:E}=n;return t[s]={name:s,description:a,type:m({required:E},y),table:{type:l,jsDocTags:A,defaultValue:i}},t},{})}return null},"extractArgTypes");import z,{createElement as _r}from"react";import Jr from"react-element-to-jsx-string";import Vr from"ts-dedent";import kr from"util-deprecate";import{addons as Dr,useEffect as vr}from"@storybook/addons";import{SourceType as _e,SNIPPET_RENDERED as Br,getDocgenSection as $r}from"@storybook/docs-tools";import{logger as w}from"@storybook/client-logger";function Q(){return Q=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Q.apply(this,arguments)}o(Q,"_extends");var wr=o((e,r)=>typeof r.onBeforeRender!="function"?e:kr(r.onBeforeRender,Vr`
3
- StoryFn.parameters.jsx.onBeforeRender was deprecated.
4
- Prefer StoryFn.parameters.jsx.transformSource instead.
5
- See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.
6
- `)(e),"applyBeforeRender"),Yr=o((e,r,t)=>typeof r.transformSource!="function"?e:r.transformSource(e,t),"applyTransformSource"),Wr=o((e,r)=>{if(typeof e>"u")return w.warn("Too many skip or undefined component"),null;let t=e,n=t.type;for(let i=0;i<r.skip;i+=1){if(typeof t>"u")return w.warn("Cannot skip undefined element"),null;if(z.Children.count(t)>1)return w.warn("Trying to skip an array of elements"),null;typeof t.props.children>"u"?(w.warn("Not enough children to skip elements."),typeof t.type=="function"&&t.type.name===""&&(t=z.createElement(n,Q({},t.props)))):typeof t.props.children=="function"?t=t.props.children():t=t.props.children}let s=typeof r.displayName=="string"?{showFunctions:!0,displayName:()=>r.displayName}:{displayName:i=>i.type.displayName||$r(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(ae(i.type)?i.type.render.name:null)||(J(i.type)?i.type.type.name:null)||i.type},a={filterProps:(i,A)=>i!==void 0},l=m(m(m({},s),a),r);return z.Children.map(e,i=>{let A=typeof i=="number"?i.toString():i,E=wr(Jr(A,l),r);if(E.indexOf("&quot;")>-1){let b=E.match(/\S+=\\"([^"]*)\\"/g);b&&b.forEach(Z=>{E=E.replace(Z,Z.replace(/&quot;/g,"'"))})}return E}).join(`
7
- `).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},"renderJsx"),Hr={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},Xr=o(e=>{var n;let r=(n=e==null?void 0:e.parameters.docs)==null?void 0:n.source,t=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===_e.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===_e.CODE},"skipJsxRender"),qr=o(e=>{var r,t;return((r=e.type)==null?void 0:r.displayName)==="MDXCreateElement"&&!!((t=e.props)!=null&&t.mdxType)},"isMdx"),Je=o(e=>{if(!qr(e))return e;let l=e.props,{mdxType:r,originalType:t,children:n}=l,s=ee(l,["mdxType","originalType","children"]),a=[];return n&&(a=(Array.isArray(n)?n:[n]).map(Je)),_r(t,s,...a)},"mdxToJsx"),Ve=o((e,r)=>{var E,b;let t=Dr.getChannel(),n=Xr(r),s=e(),a="";if(vr(()=>{n||t.emit(Br,(r||{}).id,a)}),n)return s;let l=m(m({},Hr),(r==null?void 0:r.parameters.jsx)||{}),y=(b=(E=r==null?void 0:r.parameters.docs)==null?void 0:E.source)!=null&&b.excludeDecorators?r.originalStoryFn(r.args,r):s,i=Je(y),A=Wr(i,l);return A&&(a=Yr(A,l,r)),s},"jsxDecorator");var ke={docs:{inlineStories:!0,extractArgTypes:Ue,extractComponentDescription:Kr}},zr=[Ve],Qr=[Gr];var Wn=m({framework:"react"},ke);export{Qr as argTypesEnhancers,zr as decorators,Wn as parameters,De as render,ve as renderToDOM};
1
+ import{render,renderToCanvas}from"./chunk-LSK4KSW4.mjs";import{extractComponentDescription,enhanceArgTypes}from"@storybook/docs-tools";import PropTypes from"prop-types";import{hasDocgen,extractComponentProps,TypeSystem}from"@storybook/docs-tools";import{createSummaryValue,isTooLongForTypeSummary}from"@storybook/docs-tools";function generateFuncSignature(params,returns){let hasParams=params!=null,hasReturns=returns!=null;if(!hasParams&&!hasReturns)return"";let funcParts=[];if(hasParams){let funcParams=params.map(x=>{let prettyName=x.getPrettyName(),typeName=x.getTypeName();return typeName!=null?`${prettyName}: ${typeName}`:prettyName});funcParts.push(`(${funcParams.join(", ")})`)}else funcParts.push("()");return hasReturns&&funcParts.push(`=> ${returns.getTypeName()}`),funcParts.join(" ")}function generateShortFuncSignature(params,returns){let hasParams=params!=null,hasReturns=returns!=null;if(!hasParams&&!hasReturns)return"";let funcParts=[];return hasParams?funcParts.push("( ... )"):funcParts.push("()"),hasReturns&&funcParts.push(`=> ${returns.getTypeName()}`),funcParts.join(" ")}function toMultilineSignature(signature){return signature.replace(/,/g,`,\r
2
+ `)}var CUSTOM_CAPTION="custom",OBJECT_CAPTION="object",ARRAY_CAPTION="array",CLASS_CAPTION="class",FUNCTION_CAPTION="func",ELEMENT_CAPTION="element";import htmlTags from"html-tags";function isHtmlTag(tagName){return htmlTags.includes(tagName.toLowerCase())}import{generate}from"escodegen";import{dedent}from"ts-dedent";var BASIC_OPTIONS={format:{indent:{style:" "},semicolons:!1}},COMPACT_OPTIONS={...BASIC_OPTIONS,format:{newline:""}},PRETTY_OPTIONS={...BASIC_OPTIONS};function generateCode(ast,compact=!1){return generate(ast,compact?COMPACT_OPTIONS:PRETTY_OPTIONS)}function generateObjectCode(ast,compact=!1){return compact?generateCompactObjectCode(ast):generateCode(ast)}function generateCompactObjectCode(ast){let result=generateCode(ast,!0);return result.endsWith(" }")||(result=`${result.slice(0,-1)} }`),result}function generateArrayCode(ast,compact=!1){return compact?generateCompactArrayCode(ast):generateMultilineArrayCode(ast)}function generateMultilineArrayCode(ast){let result=generateCode(ast);return result.endsWith(" }]")&&(result=dedent(result)),result}function generateCompactArrayCode(ast){let result=generateCode(ast,!0);return result.startsWith("[ ")&&(result=result.replace("[ ","[")),result}var isMemo=component=>component.$$typeof===Symbol.for("react.memo"),isForwardRef=component=>component.$$typeof===Symbol.for("react.forward_ref");import{Parser}from"acorn";import jsx from"acorn-jsx";import*as acornWalk from"acorn-walk";var ACORN_WALK_VISITORS={...acornWalk.base,JSXElement:()=>{}},acornParser=Parser.extend(jsx());function extractIdentifierName(identifierNode){return identifierNode!=null?identifierNode.name:null}function filterAncestors(ancestors){return ancestors.filter(x=>x.type==="ObjectExpression"||x.type==="ArrayExpression")}function calculateNodeDepth(node){let depths=[];return acornWalk.ancestor(node,{ObjectExpression(_,ancestors){depths.push(filterAncestors(ancestors).length)},ArrayExpression(_,ancestors){depths.push(filterAncestors(ancestors).length)}},ACORN_WALK_VISITORS),Math.max(...depths)}function parseIdentifier(identifierNode){return{inferredType:{type:"Identifier",identifier:extractIdentifierName(identifierNode)},ast:identifierNode}}function parseLiteral(literalNode){return{inferredType:{type:"Literal"},ast:literalNode}}function parseFunction(funcNode){let innerJsxElementNode;acornWalk.simple(funcNode.body,{JSXElement(node){innerJsxElementNode=node}},ACORN_WALK_VISITORS);let inferredType={type:innerJsxElementNode!=null?"Element":"Function",params:funcNode.params,hasParams:funcNode.params.length!==0},identifierName=extractIdentifierName(funcNode.id);return identifierName!=null&&(inferredType.identifier=identifierName),{inferredType,ast:funcNode}}function parseClass(classNode){let innerJsxElementNode;return acornWalk.simple(classNode.body,{JSXElement(node){innerJsxElementNode=node}},ACORN_WALK_VISITORS),{inferredType:{type:innerJsxElementNode!=null?"Element":"Class",identifier:extractIdentifierName(classNode.id)},ast:classNode}}function parseJsxElement(jsxElementNode){let inferredType={type:"Element"},identifierName=extractIdentifierName(jsxElementNode.openingElement.name);return identifierName!=null&&(inferredType.identifier=identifierName),{inferredType,ast:jsxElementNode}}function parseCall(callNode){let identifierNode=callNode.callee.type==="MemberExpression"?callNode.callee.property:callNode.callee;return extractIdentifierName(identifierNode)==="shape"?parseObject(callNode.arguments[0]):null}function parseObject(objectNode){return{inferredType:{type:"Object",depth:calculateNodeDepth(objectNode)},ast:objectNode}}function parseArray(arrayNode){return{inferredType:{type:"Array",depth:calculateNodeDepth(arrayNode)},ast:arrayNode}}function parseExpression(expression){switch(expression.type){case"Identifier":return parseIdentifier(expression);case"Literal":return parseLiteral(expression);case"FunctionExpression":case"ArrowFunctionExpression":return parseFunction(expression);case"ClassExpression":return parseClass(expression);case"JSXElement":return parseJsxElement(expression);case"CallExpression":return parseCall(expression);case"ObjectExpression":return parseObject(expression);case"ArrayExpression":return parseArray(expression);default:return null}}function parse(value){let ast=acornParser.parse(`(${value})`),parsingResult={inferredType:{type:"Unknown"},ast};if(ast.body[0]!=null){let rootNode=ast.body[0];switch(rootNode.type){case"ExpressionStatement":{let expressionResult=parseExpression(rootNode.expression);expressionResult!=null&&(parsingResult=expressionResult);break}default:break}}return parsingResult}function inspectValue(value){try{return{...parse(value)}}catch{}return{inferredType:{type:"Unknown"}}}var MAX_FUNC_LENGTH=150;function createTypeDef({name,short,compact,full,inferredType}){return{name,short,compact,full:full??short,inferredType}}function cleanPropTypes(value){return value.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}function splitIntoLines(value){return value.split(/\r?\n/)}function prettyObject(ast,compact=!1){return cleanPropTypes(generateObjectCode(ast,compact))}function prettyArray(ast,compact=!1){return cleanPropTypes(generateCode(ast,compact))}function getCaptionForInspectionType(type){switch(type){case"Object":return OBJECT_CAPTION;case"Array":return ARRAY_CAPTION;case"Class":return CLASS_CAPTION;case"Function":return FUNCTION_CAPTION;case"Element":return ELEMENT_CAPTION;default:return CUSTOM_CAPTION}}function generateTypeFromString(value,originalTypeName){let{inferredType,ast}=inspectValue(value),{type}=inferredType,short,compact,full;switch(type){case"Identifier":case"Literal":short=value,compact=value;break;case"Object":{let{depth}=inferredType;short=OBJECT_CAPTION,compact=depth===1?prettyObject(ast,!0):null,full=prettyObject(ast);break}case"Element":{let{identifier}=inferredType;short=identifier!=null&&!isHtmlTag(identifier)?identifier:ELEMENT_CAPTION,compact=splitIntoLines(value).length===1?value:null,full=value;break}case"Array":{let{depth}=inferredType;short=ARRAY_CAPTION,compact=depth<=2?prettyArray(ast,!0):null,full=prettyArray(ast);break}default:short=getCaptionForInspectionType(type),compact=splitIntoLines(value).length===1?value:null,full=value;break}return createTypeDef({name:originalTypeName,short,compact,full,inferredType:type})}function generateCustom({raw}){return raw!=null?generateTypeFromString(raw,"custom"):createTypeDef({name:"custom",short:CUSTOM_CAPTION,compact:CUSTOM_CAPTION})}function generateFunc(extractedProp){let{jsDocTags}=extractedProp;return jsDocTags!=null&&(jsDocTags.params!=null||jsDocTags.returns!=null)?createTypeDef({name:"func",short:generateShortFuncSignature(jsDocTags.params,jsDocTags.returns),compact:null,full:generateFuncSignature(jsDocTags.params,jsDocTags.returns)}):createTypeDef({name:"func",short:FUNCTION_CAPTION,compact:FUNCTION_CAPTION})}function generateShape(type,extractedProp){let fields=Object.keys(type.value).map(key=>`${key}: ${generateType(type.value[key],extractedProp).full}`).join(", "),{inferredType,ast}=inspectValue(`{ ${fields} }`),{depth}=inferredType;return createTypeDef({name:"shape",short:OBJECT_CAPTION,compact:depth===1&&ast?prettyObject(ast,!0):null,full:ast?prettyObject(ast):null})}function objectOf(of){return`objectOf(${of})`}function generateObjectOf(type,extractedProp){let{short,compact,full}=generateType(type.value,extractedProp);return createTypeDef({name:"objectOf",short:objectOf(short),compact:compact!=null?objectOf(compact):null,full:full&&objectOf(full)})}function generateUnion(type,extractedProp){if(Array.isArray(type.value)){let values=type.value.reduce((acc,v)=>{let{short,compact,full}=generateType(v,extractedProp);return acc.short.push(short),acc.compact.push(compact),acc.full.push(full),acc},{short:[],compact:[],full:[]});return createTypeDef({name:"union",short:values.short.join(" | "),compact:values.compact.every(x=>x!=null)?values.compact.join(" | "):null,full:values.full.join(" | ")})}return createTypeDef({name:"union",short:type.value,compact:null})}function generateEnumValue({value,computed}){return computed?generateTypeFromString(value,"enumvalue"):createTypeDef({name:"enumvalue",short:value,compact:value})}function generateEnum(type){if(Array.isArray(type.value)){let values=type.value.reduce((acc,v)=>{let{short,compact,full}=generateEnumValue(v);return acc.short.push(short),acc.compact.push(compact),acc.full.push(full),acc},{short:[],compact:[],full:[]});return createTypeDef({name:"enum",short:values.short.join(" | "),compact:values.compact.every(x=>x!=null)?values.compact.join(" | "):null,full:values.full.join(" | ")})}return createTypeDef({name:"enum",short:type.value,compact:type.value})}function braceAfter(of){return`${of}[]`}function braceAround(of){return`[${of}]`}function createArrayOfObjectTypeDef(short,compact,full){return createTypeDef({name:"arrayOf",short:braceAfter(short),compact:compact!=null?braceAround(compact):null,full:full&&braceAround(full)})}function generateArray(type,extractedProp){let{name,short,compact,full,inferredType}=generateType(type.value,extractedProp);if(name==="custom"){if(inferredType==="Object")return createArrayOfObjectTypeDef(short,compact,full)}else if(name==="shape")return createArrayOfObjectTypeDef(short,compact,full);return createTypeDef({name:"arrayOf",short:braceAfter(short),compact:braceAfter(short)})}function generateType(type,extractedProp){try{switch(type.name){case"custom":return generateCustom(type);case"func":return generateFunc(extractedProp);case"shape":return generateShape(type,extractedProp);case"instanceOf":return createTypeDef({name:"instanceOf",short:type.value,compact:type.value});case"objectOf":return generateObjectOf(type,extractedProp);case"union":return generateUnion(type,extractedProp);case"enum":return generateEnum(type);case"arrayOf":return generateArray(type,extractedProp);default:return createTypeDef({name:type.name,short:type.name,compact:type.name})}}catch(e){console.error(e)}return createTypeDef({name:"unknown",short:"unknown",compact:"unknown"})}function createType(extractedProp){let{type}=extractedProp.docgenInfo;if(type==null)return null;try{switch(type.name){case"custom":case"shape":case"instanceOf":case"objectOf":case"union":case"enum":case"arrayOf":{let{short,compact,full}=generateType(type,extractedProp);return compact!=null&&!isTooLongForTypeSummary(compact)?createSummaryValue(compact):full?createSummaryValue(short,full):createSummaryValue(short)}case"func":{let{short,full}=generateType(type,extractedProp),summary=short,detail;return full&&full.length<MAX_FUNC_LENGTH?summary=full:full&&(detail=toMultilineSignature(full)),createSummaryValue(summary,detail)}default:return null}}catch(e){console.error(e)}return null}import{createSummaryValue as createSummaryValue4,isTooLongForDefaultValueSummary as isTooLongForDefaultValueSummary3}from"@storybook/docs-tools";import{createSummaryValue as createSummaryValue2,isTooLongForDefaultValueSummary}from"@storybook/docs-tools";function generateObject({inferredType,ast}){let{depth}=inferredType;if(depth===1){let compactObject=generateObjectCode(ast,!0);if(!isTooLongForDefaultValueSummary(compactObject))return createSummaryValue2(compactObject)}return createSummaryValue2(OBJECT_CAPTION,generateObjectCode(ast))}import{createSummaryValue as createSummaryValue3,isTooLongForDefaultValueSummary as isTooLongForDefaultValueSummary2}from"@storybook/docs-tools";function generateArray2({inferredType,ast}){let{depth}=inferredType;if(depth<=2){let compactArray=generateArrayCode(ast,!0);if(!isTooLongForDefaultValueSummary2(compactArray))return createSummaryValue3(compactArray)}return createSummaryValue3(ARRAY_CAPTION,generateArrayCode(ast))}function getPrettyFuncIdentifier(identifier,hasArguments){return hasArguments?`${identifier}( ... )`:`${identifier}()`}function getPrettyElementIdentifier(identifier){return`<${identifier} />`}function getPrettyIdentifier(inferredType){let{type,identifier}=inferredType;switch(type){case"Function":return getPrettyFuncIdentifier(identifier,inferredType.hasParams);case"Element":return getPrettyElementIdentifier(identifier);default:return identifier}}function generateFunc2({inferredType,ast}){let{identifier}=inferredType;if(identifier!=null)return createSummaryValue4(getPrettyIdentifier(inferredType),generateCode(ast));let prettyCaption=generateCode(ast,!0);return isTooLongForDefaultValueSummary3(prettyCaption)?createSummaryValue4(FUNCTION_CAPTION,generateCode(ast)):createSummaryValue4(prettyCaption)}function generateElement(defaultValue,inspectionResult){let{inferredType}=inspectionResult,{identifier}=inferredType;if(identifier!=null&&!isHtmlTag(identifier)){let prettyIdentifier=getPrettyIdentifier(inferredType);return createSummaryValue4(prettyIdentifier,defaultValue)}return isTooLongForDefaultValueSummary3(defaultValue)?createSummaryValue4(ELEMENT_CAPTION,defaultValue):createSummaryValue4(defaultValue)}function createDefaultValue(defaultValue){try{let inspectionResult=inspectValue(defaultValue);switch(inspectionResult.inferredType.type){case"Object":return generateObject(inspectionResult);case"Function":return generateFunc2(inspectionResult);case"Element":return generateElement(defaultValue,inspectionResult);case"Array":return generateArray2(inspectionResult);default:return null}}catch(e){console.error(e)}return null}import isPlainObject from"lodash/isPlainObject";import isFunction from"lodash/isFunction";import isString from"lodash/isString";import reactElementToJSXString from"react-element-to-jsx-string";import{createSummaryValue as createSummaryValue5,isTooLongForDefaultValueSummary as isTooLongForDefaultValueSummary4}from"@storybook/docs-tools";function isReactElement(element){return element.$$typeof!=null}function extractFunctionName(func,propName){let{name}=func;return name!==""&&name!=="anonymous"&&name!==propName?name:null}var stringResolver=rawDefaultProp=>createSummaryValue5(JSON.stringify(rawDefaultProp));function generateReactObject(rawDefaultProp){let{type}=rawDefaultProp,{displayName}=type,jsx2=reactElementToJSXString(rawDefaultProp,{});if(displayName!=null){let prettyIdentifier=getPrettyElementIdentifier(displayName);return createSummaryValue5(prettyIdentifier,jsx2)}if(isString(type)&&isHtmlTag(type)){let jsxSummary=reactElementToJSXString(rawDefaultProp,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!isTooLongForDefaultValueSummary4(jsxSummary))return createSummaryValue5(jsxSummary)}return createSummaryValue5(ELEMENT_CAPTION,jsx2)}var objectResolver=rawDefaultProp=>{if(isReactElement(rawDefaultProp)&&rawDefaultProp.type!=null)return generateReactObject(rawDefaultProp);if(isPlainObject(rawDefaultProp)){let inspectionResult=inspectValue(JSON.stringify(rawDefaultProp));return generateObject(inspectionResult)}if(Array.isArray(rawDefaultProp)){let inspectionResult=inspectValue(JSON.stringify(rawDefaultProp));return generateArray2(inspectionResult)}return createSummaryValue5(OBJECT_CAPTION)},functionResolver=(rawDefaultProp,propDef)=>{let isElement=!1,inspectionResult;if(isFunction(rawDefaultProp.render))isElement=!0;else if(rawDefaultProp.prototype!=null&&isFunction(rawDefaultProp.prototype.render))isElement=!0;else{let innerElement;try{inspectionResult=inspectValue(rawDefaultProp.toString());let{hasParams,params}=inspectionResult.inferredType;hasParams?params.length===1&&params[0].type==="ObjectPattern"&&(innerElement=rawDefaultProp({})):innerElement=rawDefaultProp(),innerElement!=null&&isReactElement(innerElement)&&(isElement=!0)}catch{}}let funcName=extractFunctionName(rawDefaultProp,propDef.name);if(funcName!=null){if(isElement)return createSummaryValue5(getPrettyElementIdentifier(funcName));inspectionResult!=null&&(inspectionResult=inspectValue(rawDefaultProp.toString()));let{hasParams}=inspectionResult.inferredType;return createSummaryValue5(getPrettyFuncIdentifier(funcName,hasParams))}return createSummaryValue5(isElement?ELEMENT_CAPTION:FUNCTION_CAPTION)},defaultResolver=rawDefaultProp=>createSummaryValue5(rawDefaultProp.toString()),DEFAULT_TYPE_RESOLVERS={string:stringResolver,object:objectResolver,function:functionResolver,default:defaultResolver};function createTypeResolvers(customResolvers={}){return{...DEFAULT_TYPE_RESOLVERS,...customResolvers}}function createDefaultValueFromRawDefaultProp(rawDefaultProp,propDef,typeResolvers=DEFAULT_TYPE_RESOLVERS){try{switch(typeof rawDefaultProp){case"string":return typeResolvers.string(rawDefaultProp,propDef);case"object":return typeResolvers.object(rawDefaultProp,propDef);case"function":return typeResolvers.function(rawDefaultProp,propDef);default:return typeResolvers.default(rawDefaultProp,propDef)}}catch(e){console.error(e)}return null}function keepOriginalDefinitionOrder(extractedProps,component){let{propTypes}=component;return propTypes!=null?Object.keys(propTypes).map(x=>extractedProps.find(y=>y.name===x)).filter(Boolean):extractedProps}import{createSummaryValue as createSummaryValue6}from"@storybook/docs-tools";var funcResolver=(rawDefaultProp,{name,type})=>{let isElement=type.summary==="element"||type.summary==="elementType",funcName=extractFunctionName(rawDefaultProp,name);if(funcName!=null){if(isElement)return createSummaryValue6(getPrettyElementIdentifier(funcName));let{hasParams}=inspectValue(rawDefaultProp.toString()).inferredType;return createSummaryValue6(getPrettyFuncIdentifier(funcName,hasParams))}return createSummaryValue6(isElement?ELEMENT_CAPTION:FUNCTION_CAPTION)},rawDefaultPropTypeResolvers=createTypeResolvers({function:funcResolver});function enhancePropTypesProp(extractedProp,rawDefaultProp){let{propDef}=extractedProp,newtype=createType(extractedProp);newtype!=null&&(propDef.type=newtype);let{defaultValue}=extractedProp.docgenInfo;if(defaultValue!=null&&defaultValue.value!=null){let newDefaultValue=createDefaultValue(defaultValue.value);newDefaultValue!=null&&(propDef.defaultValue=newDefaultValue)}else if(rawDefaultProp!=null){let newDefaultValue=createDefaultValueFromRawDefaultProp(rawDefaultProp,propDef,rawDefaultPropTypeResolvers);newDefaultValue!=null&&(propDef.defaultValue=newDefaultValue)}return propDef}function enhancePropTypesProps(extractedProps,component){let rawDefaultProps=component.defaultProps!=null?component.defaultProps:{},enhancedProps=extractedProps.map(x=>enhancePropTypesProp(x,rawDefaultProps[x.propDef.name]));return keepOriginalDefinitionOrder(enhancedProps,component)}function enhanceTypeScriptProp(extractedProp,rawDefaultProp){let{propDef}=extractedProp,{defaultValue}=extractedProp.docgenInfo;if(defaultValue!=null&&defaultValue.value!=null){let newDefaultValue=createDefaultValue(defaultValue.value);newDefaultValue!=null&&(propDef.defaultValue=newDefaultValue)}else if(rawDefaultProp!=null){let newDefaultValue=createDefaultValueFromRawDefaultProp(rawDefaultProp,propDef);newDefaultValue!=null&&(propDef.defaultValue=newDefaultValue)}return propDef}function enhanceTypeScriptProps(extractedProps){return extractedProps.map(prop=>enhanceTypeScriptProp(prop))}var propTypesMap=new Map;Object.keys(PropTypes).forEach(typeName=>{let type=PropTypes[typeName];propTypesMap.set(type,typeName),propTypesMap.set(type.isRequired,typeName)});function getPropDefs(component,section){let processedComponent=component;!hasDocgen(component)&&!component.propTypes&&isMemo(component)&&(processedComponent=component.type);let extractedProps=extractComponentProps(processedComponent,section);if(extractedProps.length===0)return[];switch(extractedProps[0].typeSystem){case TypeSystem.JAVASCRIPT:return enhancePropTypesProps(extractedProps,component);case TypeSystem.TYPESCRIPT:return enhanceTypeScriptProps(extractedProps);default:return extractedProps.map(x=>x.propDef)}}var extractProps=component=>({rows:getPropDefs(component,"props")});var extractArgTypes=component=>{if(component){let{rows}=extractProps(component);if(rows)return rows.reduce((acc,row)=>{let{name,description,type,sbType,defaultValue:defaultSummary,jsDocTags,required}=row;return acc[name]={name,description,type:{required,...sbType},table:{type,jsDocTags,defaultValue:defaultSummary}},acc},{})}return null};import React,{createElement}from"react";import reactElementToJSXString2 from"react-element-to-jsx-string";import{addons,useEffect}from"@storybook/preview-api";import{SourceType,SNIPPET_RENDERED,getDocgenSection}from"@storybook/docs-tools";import{logger}from"@storybook/client-logger";var applyTransformSource=(domString,options,context)=>typeof options.transformSource!="function"?domString:options.transformSource(domString,context),renderJsx=(code,options)=>{if(typeof code>"u")return logger.warn("Too many skip or undefined component"),null;let renderedJSX=code,Type=renderedJSX.type;for(let i=0;i<options.skip;i+=1){if(typeof renderedJSX>"u")return logger.warn("Cannot skip undefined element"),null;if(React.Children.count(renderedJSX)>1)return logger.warn("Trying to skip an array of elements"),null;typeof renderedJSX.props.children>"u"?(logger.warn("Not enough children to skip elements."),typeof renderedJSX.type=="function"&&renderedJSX.type.name===""&&(renderedJSX=React.createElement(Type,{...renderedJSX.props}))):typeof renderedJSX.props.children=="function"?renderedJSX=renderedJSX.props.children():renderedJSX=renderedJSX.props.children}let opts={...typeof options.displayName=="string"?{showFunctions:!0,displayName:()=>options.displayName}:{displayName:el=>el.type.displayName||(el.type===Symbol.for("react.profiler")?"Profiler":null)||getDocgenSection(el.type,"displayName")||(el.type.name!=="_default"?el.type.name:null)||(typeof el.type=="function"?"No Display Name":null)||(isForwardRef(el.type)?el.type.render.name:null)||(isMemo(el.type)?el.type.type.name:null)||el.type},...{filterProps:(value,key)=>value!==void 0},...options};return React.Children.map(code,c=>{let child=typeof c=="number"?c.toString():c,string=(typeof reactElementToJSXString2=="function"?reactElementToJSXString2:reactElementToJSXString2.default)(child,opts);if(string.indexOf("&quot;")>-1){let matches=string.match(/\S+=\\"([^"]*)\\"/g);matches&&matches.forEach(match=>{string=string.replace(match,match.replace(/&quot;/g,"'"))})}return string}).join(`
3
+ `).replace(/function\s+noRefCheck\(\)\s+\{\}/g,"() => {}")},defaultOpts={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},skipJsxRender=context=>{let sourceParams=context?.parameters.docs?.source,isArgsStory=context?.parameters.__isArgsStory;return sourceParams?.type===SourceType.DYNAMIC?!1:!isArgsStory||sourceParams?.code||sourceParams?.type===SourceType.CODE},isMdx=node=>node.type?.displayName==="MDXCreateElement"&&!!node.props?.mdxType,mdxToJsx=node=>{if(!isMdx(node))return node;let{mdxType,originalType,children,...rest}=node.props,jsxChildren=[];return children&&(jsxChildren=(Array.isArray(children)?children:[children]).map(mdxToJsx)),createElement(originalType,rest,...jsxChildren)},jsxDecorator=(storyFn,context)=>{let channel=addons.getChannel(),skip=skipJsxRender(context),jsx2="";useEffect(()=>{skip||channel.emit(SNIPPET_RENDERED,(context||{}).id,jsx2)});let story=storyFn();if(skip)return story;let options={...defaultOpts,...context?.parameters.jsx||{}},storyJsx=context?.parameters.docs?.source?.excludeDecorators?context.originalStoryFn(context.args,context):story,sourceJsx=mdxToJsx(storyJsx),rendered=renderJsx(sourceJsx,options);return rendered&&(jsx2=applyTransformSource(rendered,options,context)),story};var parameters={docs:{inlineStories:!0,extractArgTypes,extractComponentDescription}},decorators=[jsxDecorator],argTypesEnhancers=[enhanceArgTypes];var parameters2={framework:"react",...parameters};export{argTypesEnhancers,decorators,parameters2 as parameters,render,renderToCanvas};
package/dist/index.d.ts CHANGED
@@ -1,66 +1,72 @@
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';
1
+ import * as _storybook_types from '@storybook/types';
2
+ import { Addon_ClientStoryApi, Addon_Loadable, Args, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, DecoratorFunction, StrictArgs, LoaderFunction, StoryContext as StoryContext$1, ProjectAnnotations, ComposedStory, Store_CSFExports, StoriesWithPartialProps } from '@storybook/types';
3
+ export { ArgTypes, Args, Parameters, StrictArgs } from '@storybook/types';
4
+ import { R as ReactRenderer, S as StoryFnReactReturnType } from './types-0a347bb9.js';
5
+ export { R as ReactRenderer } from './types-0a347bb9.js';
6
+ import { ComponentType, ComponentProps, JSXElementConstructor } from 'react';
7
+ import { Simplify, SetOptional } from 'type-fest';
8
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;
9
+ interface ClientApi extends Addon_ClientStoryApi<ReactRenderer['storyResult']> {
10
+ configure(loader: Addon_Loadable, module: NodeModule): void;
14
11
  forceReRender(): void;
15
12
  raw: () => any;
16
13
  }
17
14
  declare const storiesOf: ClientApi['storiesOf'];
18
15
  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
16
  declare const forceReRender: ClientApi['forceReRender'];
25
- declare const getStorybook: ClientApi['getStorybook'];
26
17
  declare const raw: ClientApi['raw'];
27
18
 
28
- declare type JSXElement = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
19
+ type JSXElement = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
29
20
  /**
30
21
  * Metadata to configure the stories for a component.
31
22
  *
32
23
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
33
24
  */
34
- declare type Meta<TArgs = Args> = ComponentAnnotations<ReactFramework, TArgs>;
25
+ type Meta<TCmpOrArgs = Args> = TCmpOrArgs extends ComponentType<any> ? ComponentAnnotations<ReactRenderer, ComponentProps<TCmpOrArgs>> : ComponentAnnotations<ReactRenderer, TCmpOrArgs>;
35
26
  /**
36
27
  * Story function that represents a CSFv2 component example.
37
28
  *
38
29
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
39
30
  */
40
- declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<ReactFramework, TArgs>;
31
+ type StoryFn<TCmpOrArgs = Args> = TCmpOrArgs extends ComponentType<any> ? AnnotatedStoryFn<ReactRenderer, ComponentProps<TCmpOrArgs>> : AnnotatedStoryFn<ReactRenderer, TCmpOrArgs>;
41
32
  /**
42
33
  * Story function that represents a CSFv3 component example.
43
34
  *
44
35
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
45
36
  */
46
- declare type StoryObj<TArgs = Args> = StoryAnnotations<ReactFramework, TArgs>;
37
+ type StoryObj<TMetaOrCmpOrArgs = Args> = TMetaOrCmpOrArgs extends {
38
+ render?: ArgsStoryFn<ReactRenderer, any>;
39
+ component?: infer Component;
40
+ args?: infer DefaultArgs;
41
+ } ? Simplify<(Component extends ComponentType<any> ? ComponentProps<Component> : unknown) & ArgsFromMeta<ReactRenderer, TMetaOrCmpOrArgs>> extends infer TArgs ? StoryAnnotations<ReactRenderer, TArgs, SetOptional<TArgs, keyof TArgs & keyof (DefaultArgs & ActionArgs<TArgs>)>> : never : TMetaOrCmpOrArgs extends ComponentType<any> ? StoryAnnotations<ReactRenderer, ComponentProps<TMetaOrCmpOrArgs>> : StoryAnnotations<ReactRenderer, TMetaOrCmpOrArgs>;
42
+ type ActionArgs<TArgs> = {
43
+ [P in keyof TArgs as TArgs[P] extends (...args: any[]) => any ? ((...args: any[]) => void) extends TArgs[P] ? P : never : never]: TArgs[P];
44
+ };
47
45
  /**
46
+ * @deprecated Use `Meta` instead, e.g. ComponentMeta<typeof Button> -> Meta<typeof Button>.
47
+ *
48
48
  * For the common case where a component's stories are simple components that receives args as props:
49
49
  *
50
50
  * ```tsx
51
51
  * export default { ... } as ComponentMeta<typeof Button>;
52
52
  * ```
53
53
  */
54
- declare type ComponentMeta<T extends JSXElement> = Meta<ComponentProps<T>>;
54
+ type ComponentMeta<T extends JSXElement> = Meta<ComponentProps<T>>;
55
55
  /**
56
+ * @deprecated Use `StoryFn` instead, e.g. ComponentStoryFn<typeof Button> -> StoryFn<typeof Button>.
57
+ * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
58
+ * You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
59
+ *
56
60
  * For the common case where a (CSFv2) story is a simple component that receives args as props:
57
61
  *
58
62
  * ```tsx
59
63
  * const Template: ComponentStoryFn<typeof Button> = (args) => <Button {...args} />
60
64
  * ```
61
65
  */
62
- declare type ComponentStoryFn<T extends JSXElement> = StoryFn<ComponentProps<T>>;
66
+ type ComponentStoryFn<T extends JSXElement> = StoryFn<ComponentProps<T>>;
63
67
  /**
68
+ * @deprecated Use `StoryObj` instead, e.g. ComponentStoryObj<typeof Button> -> StoryObj<typeof Button>.
69
+ *
64
70
  * For the common case where a (CSFv3) story is a simple component that receives args as props:
65
71
  *
66
72
  * ```tsx
@@ -69,16 +75,22 @@ declare type ComponentStoryFn<T extends JSXElement> = StoryFn<ComponentProps<T>>
69
75
  * }
70
76
  * ```
71
77
  */
72
- declare type ComponentStoryObj<T extends JSXElement> = StoryObj<ComponentProps<T>>;
78
+ type ComponentStoryObj<T extends JSXElement> = StoryObj<ComponentProps<T>>;
73
79
  /**
74
-
75
- /**
76
- * Story function that represents a CSFv3 component example.
80
+ * @deprecated Use `StoryFn` instead.
81
+ * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
82
+ * You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
83
+ *
84
+ * Story function that represents a CSFv2 component example.
77
85
  *
78
86
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
79
87
  */
80
- declare type Story<TArgs = Args> = StoryObj<TArgs>;
88
+ type Story<TArgs = Args> = StoryFn<TArgs>;
81
89
  /**
90
+ * @deprecated Use `StoryFn` instead, e.g. ComponentStory<typeof Button> -> StoryFn<typeof Button>.
91
+ * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories
92
+ * You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/.
93
+ *
82
94
  * For the common case where a (CSFv3) story is a simple component that receives args as props:
83
95
  *
84
96
  * ```tsx
@@ -86,7 +98,15 @@ declare type Story<TArgs = Args> = StoryObj<TArgs>;
86
98
  * args: { buttonArg1: 'val' },
87
99
  * }
88
100
  * ```
89
- */ declare type ComponentStory<T extends JSXElement> = ComponentStoryObj<T>;
101
+ */
102
+ type ComponentStory<T extends JSXElement> = ComponentStoryFn<T>;
103
+ /**
104
+ * @deprecated Use Decorator instead.
105
+ */
106
+ type DecoratorFn = DecoratorFunction<ReactRenderer>;
107
+ type Decorator<TArgs = StrictArgs> = DecoratorFunction<ReactRenderer, TArgs>;
108
+ type Loader<TArgs = StrictArgs> = LoaderFunction<ReactRenderer, TArgs>;
109
+ type StoryContext<TArgs = StrictArgs> = StoryContext$1<ReactRenderer, TArgs>;
90
110
 
91
111
  /** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
92
112
  *
@@ -103,12 +123,12 @@ declare type Story<TArgs = Args> = StoryObj<TArgs>;
103
123
  *
104
124
  * @param projectAnnotations - e.g. (import * as projectAnnotations from '../.storybook/preview')
105
125
  */
106
- declare function setProjectAnnotations(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
126
+ declare function setProjectAnnotations(projectAnnotations: ProjectAnnotations<ReactRenderer> | ProjectAnnotations<ReactRenderer>[]): void;
107
127
  /** Preserved for users migrating from `@storybook/testing-react`.
108
128
  *
109
129
  * @deprecated Use setProjectAnnotations instead
110
130
  */
111
- declare function setGlobalConfig(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
131
+ declare function setGlobalConfig(projectAnnotations: ProjectAnnotations<ReactRenderer> | ProjectAnnotations<ReactRenderer>[]): void;
112
132
  /**
113
133
  * Function that will receive a story along with meta (e.g. a default export from a .stories file)
114
134
  * and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
@@ -136,12 +156,12 @@ declare function setGlobalConfig(projectAnnotations: ProjectAnnotations<ReactFra
136
156
  * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
137
157
  * @param [exportsName] - in case your story does not contain a name and you want it to have a name.
138
158
  */
139
- declare function composeStory<TArgs = Args>(story: ComposedStory<ReactFramework, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<ReactFramework>, exportsName?: string): {
159
+ declare function composeStory<TArgs extends Args = Args>(story: ComposedStory<ReactRenderer, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<ReactRenderer>, exportsName?: string): {
140
160
  (extraArgs: Partial<TArgs>): StoryFnReactReturnType;
141
161
  storyName: string;
142
162
  args: Args;
143
- play: _storybook_store.ComposedStoryPlayFn;
144
- parameters: _storybook_store.Parameters;
163
+ play: _storybook_types.ComposedStoryPlayFn;
164
+ parameters: _storybook_types.Parameters;
145
165
  };
146
166
  /**
147
167
  * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
@@ -168,6 +188,6 @@ declare function composeStory<TArgs = Args>(story: ComposedStory<ReactFramework,
168
188
  * @param csfExports - e.g. (import * as stories from './Button.stories')
169
189
  * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
170
190
  */
171
- declare function composeStories<TModule extends CSFExports<ReactFramework>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactFramework>): Omit<StoriesWithPartialProps<ReactFramework, TModule>, keyof CSFExports<_storybook_csf.AnyFramework>>;
191
+ declare function composeStories<TModule extends Store_CSFExports<ReactRenderer>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactRenderer>): Omit<StoriesWithPartialProps<ReactRenderer, TModule>, keyof Store_CSFExports<_storybook_types.Renderer, Args>>;
172
192
 
173
- export { ComponentMeta, ComponentStory, ComponentStoryFn, ComponentStoryObj, DecoratorFn, Meta, Story, StoryFn, StoryObj, addDecorator, addParameters, clearDecorators, composeStories, composeStory, configure, forceReRender, getStorybook, raw, setAddon, setGlobalConfig, setProjectAnnotations, storiesOf };
193
+ export { ComponentMeta, ComponentStory, ComponentStoryFn, ComponentStoryObj, Decorator, DecoratorFn, Loader, Meta, Story, StoryContext, StoryFn, StoryObj, composeStories, composeStory, configure, forceReRender, raw, setGlobalConfig, setProjectAnnotations, storiesOf };
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- var N=Object.create;var l=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var n=(t,o)=>l(t,"name",{value:o,configurable:!0});var Y=(t,o)=>{for(var e in o)l(t,e,{get:o[e],enumerable:!0})},A=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of W(o))!T.call(t,i)&&i!==e&&l(t,i,{get:()=>o[i],enumerable:!(r=V(o,i))||r.enumerable});return t};var d=(t,o,e)=>(e=t!=null?N(k(t)):{},A(o||!t||!t.__esModule?l(e,"default",{value:t,enumerable:!0}):e,t)),$=t=>A(l({},"__esModule",{value:!0}),t);var st={};Y(st,{addDecorator:()=>X,addParameters:()=>Z,clearDecorators:()=>K,composeStories:()=>nt,composeStory:()=>v,configure:()=>Q,forceReRender:()=>I,getStorybook:()=>tt,raw:()=>ot,setAddon:()=>_,setGlobalConfig:()=>et,setProjectAnnotations:()=>U,storiesOf:()=>L});module.exports=$(st);var D=d(require("global")),{window:y}=D.default;y&&(y.STORYBOOK_ENV="react");var j=require("@storybook/core-client");var S=d(require("global")),s=d(require("react")),a=d(require("react-dom"));function u(){return u=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},u.apply(this,arguments)}n(u,"_extends");var{FRAMEWORK_OPTIONS:p}=S.default,h=new Map,g=n((t,o)=>{let{id:e,component:r}=o;if(!r)throw new Error(`Unable to render story ${e} as the component annotation is missing from the default export`);return s.default.createElement(r,u({},t))},"render"),q=n(async(t,o)=>{let e=await H(o);return new Promise(r=>{e?(e.render(t),setTimeout(()=>{r(null)},0)):a.default.render(t,o,()=>r(null))})},"renderElement"),z=a.version&&(a.version.startsWith("18")||a.version.startsWith("0.0.0")),F=(p==null?void 0:p.legacyRootApi)!==!0,C=F&&z,E=n(t=>{let o=h.get(t);o&&C?(o.unmount(),h.delete(t)):a.default.unmountComponentAtNode(t)},"unmountElement"),H=n(async t=>{if(!C)return null;let o=h.get(t);return o||(o=(await import("react-dom/client")).default.createRoot(t),h.set(t,o)),o},"getReactRoot"),J=n(class extends s.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:o}=this.state,{showMain:e}=this.props;o||e()}componentDidCatch(o){let{showException:e}=this.props;e(o)}render(){let{hasError:o}=this.state,{children:e}=this.props;return o?null:e}},"ErrorBoundary"),R=p!=null&&p.strictMode?s.StrictMode:s.Fragment;async function b({storyContext:t,unboundStoryFn:o,showMain:e,showException:r,forceRemount:i},x){let O=o,w=s.default.createElement(J,{showMain:e,showException:r},s.default.createElement(O,u({},t))),G=R?s.default.createElement(R,null,w):w;return i&&E(x),await q(G,x),()=>E(x)}n(b,"renderToDOM");var M="react",c=(0,j.start)(b,{render:g}),L=n((t,o)=>c.clientApi.storiesOf(t,o).addParameters({framework:M}),"storiesOf"),Q=n((...t)=>c.configure(M,...t),"configure"),X=c.clientApi.addDecorator,Z=c.clientApi.addParameters,K=c.clientApi.clearDecorators,_=c.clientApi.setAddon,I=c.forceReRender,tt=c.clientApi.getStorybook,ot=c.clientApi.raw;var m=require("@storybook/store"),P=require("@storybook/client-logger");function U(t){(0,m.setProjectAnnotations)(t)}n(U,"setProjectAnnotations");function et(t){P.once.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),U(t)}n(et,"setGlobalConfig");var rt={render:g};function v(t,o,e,r){return(0,m.composeStory)(t,o,e,rt,r)}n(v,"composeStory");function nt(t,o){return(0,m.composeStories)(t,o,v)}n(nt,"composeStories");var B;(B=module==null?void 0:module.hot)==null||B.decline();0&&(module.exports={addDecorator,addParameters,clearDecorators,composeStories,composeStory,configure,forceReRender,getStorybook,raw,setAddon,setGlobalConfig,setProjectAnnotations,storiesOf});
1
+ "use strict";var k=Object.create;var d=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},A=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of W(t))!_.call(e,s)&&s!==o&&d(e,s,{get:()=>t[s],enumerable:!(r=D(t,s))||r.enumerable});return e};var p=(e,t,o)=>(o=e!=null?k(U(e)):{},A(t||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),N=e=>A(d({},"__esModule",{value:!0}),e);var Z={};L(Z,{composeStories:()=>X,composeStory:()=>v,configure:()=>q,forceReRender:()=>z,raw:()=>H,setGlobalConfig:()=>J,setProjectAnnotations:()=>M,storiesOf:()=>$});module.exports=N(Z);var g=p(require("global")),{window:C}=g.default;C&&(C.STORYBOOK_ENV="react");var P=require("@storybook/preview-api");var S=p(require("global")),n=p(require("react")),i=p(require("react-dom")),{FRAMEWORK_OPTIONS:a}=S.default,m=new Map,R=(e,t)=>{let{id:o,component:r}=t;if(!r)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return n.default.createElement(r,{...e})},G=({callback:e,children:t})=>{let o=(0,n.useRef)();return(0,n.useLayoutEffect)(()=>{o.current!==e&&(o.current=e,e())},[e]),t},V=async(e,t)=>{let o=await Y(t);return new Promise(r=>{o?o.render(n.default.createElement(G,{callback:()=>r(null)},e)):i.default.render(e,t,()=>r(null))})},B=i.version&&(i.version.startsWith("18")||i.version.startsWith("0.0.0")),O=(a==null?void 0:a.legacyRootApi)!==!0,w=O&&B,h=e=>{let t=m.get(e);t&&w?(t.unmount(),m.delete(e)):i.default.unmountComponentAtNode(e)},Y=async e=>{if(!w)return null;let t=m.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),m.set(e,t)),t},u=class extends n.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:o}=this.state,{showMain:r}=this.props;o||r()}componentDidCatch(o){let{showException:r}=this.props;r(o)}render(){let{hasError:o}=this.state,{children:r}=this.props;return o?null:r}},x=a!=null&&a.strictMode?n.StrictMode:n.Fragment;async function E({storyContext:e,unboundStoryFn:t,showMain:o,showException:r,forceRemount:s},f){let y=n.default.createElement(u,{showMain:o,showException:r},n.default.createElement(t,{...e})),T=x?n.default.createElement(x,null,y):y;return s&&h(f),await V(T,f),()=>h(f)}var b="react",l=(0,P.start)(E,{render:R}),$=(e,t)=>l.clientApi.storiesOf(e,t).addParameters({framework:b}),q=(...e)=>l.configure(b,...e),z=l.forceReRender,H=l.clientApi.raw;var c=require("@storybook/preview-api"),j=require("@storybook/client-logger");function M(e){(0,c.setProjectAnnotations)(e)}function J(e){(0,j.deprecate)("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),M(e)}var Q={render:R};function v(e,t,o,r){return(0,c.composeStory)(e,t,o,Q,r)}function X(e,t){return(0,c.composeStories)(e,t,v)}var F;(F=module==null?void 0:module.hot)==null||F.decline();0&&(module.exports={composeStories,composeStory,configure,forceReRender,raw,setGlobalConfig,setProjectAnnotations,storiesOf});
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{c as e,e as n,f as a}from"./chunk-DGYCFUMN.mjs";import l from"global";var{window:p}=l;p&&(p.STORYBOOK_ENV="react");import{start as x}from"@storybook/core-client";var d="react",t=x(a,{render:n}),y=e((o,r)=>t.clientApi.storiesOf(o,r).addParameters({framework:d}),"storiesOf"),D=e((...o)=>t.configure(d,...o),"configure"),C=t.clientApi.addDecorator,k=t.clientApi.addParameters,E=t.clientApi.clearDecorators,G=t.clientApi.setAddon,K=t.forceReRender,M=t.clientApi.getStorybook,T=t.clientApi.raw;import{composeStory as A,composeStories as S,setProjectAnnotations as g}from"@storybook/store";import{once as u}from"@storybook/client-logger";function P(o){g(o)}e(P,"setProjectAnnotations");function N(o){u.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),P(o)}e(N,"setGlobalConfig");var w={render:n};function O(o,r,c,f){return A(o,r,c,w,f)}e(O,"composeStory");function U(o,r){return S(o,r,O)}e(U,"composeStories");var m;(m=module==null?void 0:module.hot)==null||m.decline();export{C as addDecorator,k as addParameters,E as clearDecorators,U as composeStories,O as composeStory,D as configure,K as forceReRender,M as getStorybook,T as raw,G as setAddon,N as setGlobalConfig,P as setProjectAnnotations,y as storiesOf};
1
+ import{render,renderToCanvas}from"./chunk-LSK4KSW4.mjs";import global from"global";var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="react");import{start}from"@storybook/preview-api";var FRAMEWORK="react",api=start(renderToCanvas,{render}),storiesOf=(kind,m)=>api.clientApi.storiesOf(kind,m).addParameters({framework:FRAMEWORK}),configure=(...args)=>api.configure(FRAMEWORK,...args),forceReRender=api.forceReRender,raw=api.clientApi.raw;import{composeStory as originalComposeStory,composeStories as originalComposeStories,setProjectAnnotations as originalSetProjectAnnotations}from"@storybook/preview-api";import{deprecate}from"@storybook/client-logger";function setProjectAnnotations(projectAnnotations){originalSetProjectAnnotations(projectAnnotations)}function setGlobalConfig(projectAnnotations){deprecate("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),setProjectAnnotations(projectAnnotations)}var defaultProjectAnnotations={render};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){return originalComposeStory(story,componentAnnotations,projectAnnotations,defaultProjectAnnotations,exportsName)}function composeStories(csfExports,projectAnnotations){return originalComposeStories(csfExports,projectAnnotations,composeStory)}module?.hot?.decline();export{composeStories,composeStory,configure,forceReRender,raw,setGlobalConfig,setProjectAnnotations,storiesOf};
@@ -0,0 +1,10 @@
1
+ import { ComponentType, ReactElement } from 'react';
2
+ import { WebRenderer } from '@storybook/types';
3
+
4
+ interface ReactRenderer extends WebRenderer {
5
+ component: ComponentType<this['T']>;
6
+ storyResult: StoryFnReactReturnType;
7
+ }
8
+ type StoryFnReactReturnType = ReactElement<unknown>;
9
+
10
+ export { ReactRenderer as R, StoryFnReactReturnType as S };
package/jest.config.js ADDED
@@ -0,0 +1,7 @@
1
+ const path = require('path');
2
+ const baseConfig = require('../../jest.config.browser');
3
+
4
+ module.exports = {
5
+ ...baseConfig,
6
+ displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
7
+ };