@storybook/preview-api 7.0.0-beta.6 → 7.0.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ClientApi-eda085ef.d.ts → ClientApi-c264b450.d.ts} +1 -2
- package/dist/chunk-MLNVDUHU.mjs +13 -0
- package/dist/{chunk-ATCPQ4CW.mjs → chunk-UC6CIAQK.mjs} +1 -1
- package/dist/client-api.d.ts +1 -1
- package/dist/client-api.js +12 -12
- package/dist/client-api.mjs +1 -1
- package/dist/core-client.d.ts +2 -2
- package/dist/core-client.js +21 -21
- package/dist/core-client.mjs +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +23 -23
- package/dist/index.mjs +1 -1
- package/dist/{start-2e36077d.d.ts → start-e15b4487.d.ts} +1 -1
- package/package.json +8 -8
- package/dist/chunk-IHLRLYIL.mjs +0 -13
|
@@ -18,7 +18,6 @@ declare class StoryStoreFacade<TRenderer extends Renderer> {
|
|
|
18
18
|
addStoriesFromExports(fileName: Path, fileExports: ModuleExports): void;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
declare let singleton: ClientApi<Renderer>;
|
|
22
21
|
declare const addDecorator: (decorator: DecoratorFunction<Renderer>) => void;
|
|
23
22
|
declare const addParameters: (parameters: Parameters) => void;
|
|
24
23
|
declare const addLoader: (loader: LoaderFunction<Renderer>) => void;
|
|
@@ -27,7 +26,7 @@ declare const addArgTypes: (argTypes: ArgTypes) => void;
|
|
|
27
26
|
declare const addArgsEnhancer: (enhancer: ArgsEnhancer<Renderer>) => void;
|
|
28
27
|
declare const addArgTypesEnhancer: (enhancer: ArgTypesEnhancer<Renderer>) => void;
|
|
29
28
|
declare const addStepRunner: (stepRunner: StepRunner) => void;
|
|
30
|
-
declare const setGlobalRender: (render:
|
|
29
|
+
declare const setGlobalRender: (render: StoryStoreFacade<any>['projectAnnotations']['render']) => void;
|
|
31
30
|
declare class ClientApi<TRenderer extends Renderer> {
|
|
32
31
|
facade: StoryStoreFacade<TRenderer>;
|
|
33
32
|
storyStore?: StoryStore<TRenderer>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import{combineParameters,composeStepRunners,normalizeInputTypes,sortStoriesV6,userOrAutoTitle}from"./chunk-7WHOLHII.mjs";import{dedent as dedent2}from"ts-dedent";import global2 from"global";import{logger as logger2}from"@storybook/client-logger";import{toId as toId2,sanitize}from"@storybook/csf";import global from"global";import{dedent}from"ts-dedent";import{SynchronousPromise}from"synchronous-promise";import{toId,isExportStory,storyNameFromExport}from"@storybook/csf";import{logger}from"@storybook/client-logger";var StoryStoreFacade=class{constructor(){this.projectAnnotations={loaders:[],decorators:[],parameters:{},argsEnhancers:[],argTypesEnhancers:[],args:{},argTypes:{}},this.entries={},this.csfExports={}}importFn(path){return SynchronousPromise.resolve().then(()=>{let moduleExports=this.csfExports[path];if(!moduleExports)throw new Error(`Unknown path: ${path}`);return moduleExports})}getStoryIndex(store){let fileNameOrder=Object.keys(this.csfExports),storySortParameter=this.projectAnnotations.parameters?.options?.storySort,sortableV6=Object.entries(this.entries).map(([storyId,{type,importPath,...entry}])=>{let exports=this.csfExports[importPath],csfFile=store.processCSFFileWithCache(exports,importPath,exports.default.title),storyLike;return type==="story"?storyLike=store.storyFromCSFFile({storyId,csfFile}):storyLike={...entry,story:entry.name,kind:entry.title,componentId:toId(entry.componentId||entry.title),parameters:{fileName:importPath}},[storyId,storyLike,csfFile.meta.parameters,this.projectAnnotations.parameters||{}]}),sortedV7;try{sortedV7=sortStoriesV6(sortableV6,storySortParameter,fileNameOrder)}catch(err){throw typeof storySortParameter=="function"?new Error(dedent`
|
|
2
|
+
Error sorting stories with sort parameter ${storySortParameter}:
|
|
3
|
+
|
|
4
|
+
> ${err.message}
|
|
5
|
+
|
|
6
|
+
Are you using a V7-style sort function in V6 compatibility mode?
|
|
7
|
+
|
|
8
|
+
More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort
|
|
9
|
+
`):err}return{v:4,entries:sortedV7.reduce((acc,s)=>(acc[s.id]=this.entries[s.id],acc),{})}}clearFilenameExports(fileName){!this.csfExports[fileName]||(Object.entries(this.entries).forEach(([id,{importPath}])=>{importPath===fileName&&delete this.entries[id]}),this.csfExports[fileName]={})}addStoriesFromExports(fileName,fileExports){if(fileName.match(/\.mdx$/)&&!fileName.match(/\.stories\.mdx$/)||this.csfExports[fileName]===fileExports)return;this.clearFilenameExports(fileName);let{default:defaultExport,__namedExportsOrder,...namedExports}=fileExports,{id:componentId,title,tags:componentTags=[]}=defaultExport||{},specifiers=(global.STORIES||[]).map(specifier=>({...specifier,importPathMatcher:new RegExp(specifier.importPathMatcher)}));if(title=userOrAutoTitle(fileName,specifiers,title),!title){logger.info(`Unexpected default export without title in '${fileName}': ${JSON.stringify(fileExports.default)}`);return}this.csfExports[fileName]={...fileExports,default:{...defaultExport,title}};let sortedExports=namedExports;Array.isArray(__namedExportsOrder)&&(sortedExports={},__namedExportsOrder.forEach(name=>{let namedExport=namedExports[name];namedExport&&(sortedExports[name]=namedExport)}));let storyExports=Object.entries(sortedExports).filter(([key])=>isExportStory(key,defaultExport)),docsOptions=global.DOCS_OPTIONS||{},docsPageOptedIn=docsOptions.docsPage==="automatic"||docsOptions.docsPage&&componentTags.includes("docsPage");if(docsOptions.enabled&&storyExports.length&&(componentTags.includes("mdx")||docsPageOptedIn)){let name=docsOptions.defaultName,docsId=toId(componentId||title,name);this.entries[docsId]={type:"docs",standalone:!1,id:docsId,title,name,importPath:fileName,...componentId&&{componentId},tags:[...componentTags,"docs"],storiesImports:[]}}storyExports.forEach(([key,storyExport])=>{let exportName=storyNameFromExport(key),id=storyExport.parameters?.__id||toId(componentId||title,exportName),name=typeof storyExport!="function"&&storyExport.name||storyExport.storyName||storyExport.story?.name||exportName;storyExport.parameters?.docsOnly||(this.entries[id]={type:"story",id,name,title,importPath:fileName,...componentId&&{componentId},tags:[...storyExport.tags||componentTags,"story"]})})}};var{window:globalWindow}=global2,warningAlternatives={addDecorator:"Instead, use `export const decorators = [];` in your `preview.js`.",addParameters:"Instead, use `export const parameters = {};` in your `preview.js`.",addLoader:"Instead, use `export const loaders = [];` in your `preview.js`.",addArgs:"",addArgTypes:"",addArgsEnhancer:"",addArgTypesEnhancer:"",addStepRunner:"",getGlobalRender:"",setGlobalRender:""},checkMethod=method=>{if(globalWindow.FEATURES?.storyStoreV7)throw new Error(dedent2`You cannot use \`${method}\` with the new Story Store.
|
|
10
|
+
|
|
11
|
+
${warningAlternatives[method]}`);if(!globalWindow.__STORYBOOK_CLIENT_API__)throw new Error(`Singleton client API not yet initialized, cannot call \`${method}\`.`)},addDecorator=decorator=>{checkMethod("addDecorator"),globalWindow.__STORYBOOK_CLIENT_API__?.addDecorator(decorator)},addParameters=parameters=>{checkMethod("addParameters"),globalWindow.__STORYBOOK_CLIENT_API__?.addParameters(parameters)},addLoader=loader=>{checkMethod("addLoader"),globalWindow.__STORYBOOK_CLIENT_API__?.addLoader(loader)},addArgs=args=>{checkMethod("addArgs"),globalWindow.__STORYBOOK_CLIENT_API__?.addArgs(args)},addArgTypes=argTypes=>{checkMethod("addArgTypes"),globalWindow.__STORYBOOK_CLIENT_API__?.addArgTypes(argTypes)},addArgsEnhancer=enhancer=>{checkMethod("addArgsEnhancer"),globalWindow.__STORYBOOK_CLIENT_API__?.addArgsEnhancer(enhancer)},addArgTypesEnhancer=enhancer=>{checkMethod("addArgTypesEnhancer"),globalWindow.__STORYBOOK_CLIENT_API__?.addArgTypesEnhancer(enhancer)},addStepRunner=stepRunner=>{checkMethod("addStepRunner"),globalWindow.__STORYBOOK_CLIENT_API__?.addStepRunner(stepRunner)};var setGlobalRender=render=>{checkMethod("setGlobalRender"),globalWindow.__STORYBOOK_CLIENT_API__&&(globalWindow.__STORYBOOK_CLIENT_API__.facade.projectAnnotations.render=render)},invalidStoryTypes=new Set(["string","number","boolean","symbol"]),ClientApi=class{constructor({storyStore}={}){this.lastFileName=0;this.addDecorator=decorator=>{this.facade.projectAnnotations.decorators?.push(decorator)};this.addParameters=({globals,globalTypes,...parameters})=>{this.facade.projectAnnotations.parameters=combineParameters(this.facade.projectAnnotations.parameters,parameters),globals&&(this.facade.projectAnnotations.globals={...this.facade.projectAnnotations.globals,...globals}),globalTypes&&(this.facade.projectAnnotations.globalTypes={...this.facade.projectAnnotations.globalTypes,...normalizeInputTypes(globalTypes)})};this.addStepRunner=stepRunner=>{this.facade.projectAnnotations.runStep=composeStepRunners([this.facade.projectAnnotations.runStep,stepRunner].filter(Boolean))};this.addLoader=loader=>{this.facade.projectAnnotations.loaders?.push(loader)};this.addArgs=args=>{this.facade.projectAnnotations.args={...this.facade.projectAnnotations.args,...args}};this.addArgTypes=argTypes=>{this.facade.projectAnnotations.argTypes={...this.facade.projectAnnotations.argTypes,...normalizeInputTypes(argTypes)}};this.addArgsEnhancer=enhancer=>{this.facade.projectAnnotations.argsEnhancers?.push(enhancer)};this.addArgTypesEnhancer=enhancer=>{this.facade.projectAnnotations.argTypesEnhancers?.push(enhancer)};this._addedExports={};this.storiesOf=(kind,m)=>{if(!kind&&typeof kind!="string")throw new Error("Invalid or missing kind provided for stories, should be a string");if(m||logger2.warn(`Missing 'module' parameter for story with a kind of '${kind}'. It will break your HMR`),m){let proto=Object.getPrototypeOf(m);proto.exports&&proto.exports.default&&logger2.error(`Illegal mix of CSF default export and storiesOf calls in a single file: ${proto.i}`)}let baseFilename=m&&m.id?`${m.id}`:(this.lastFileName++).toString(),fileName=baseFilename,i=1;for(;this._addedExports[fileName];)i+=1,fileName=`${baseFilename}-${i}`;m&&m.hot&&m.hot.accept&&(m.hot.accept(),m.hot.dispose(()=>{this.facade.clearFilenameExports(fileName),delete this._addedExports[fileName],setTimeout(()=>{this._loadAddedExports(),this.onImportFnChanged?.({importFn:this.importFn.bind(this)})},0)}));let hasAdded=!1,api={kind:kind.toString(),add:()=>api,addDecorator:()=>api,addLoader:()=>api,addParameters:()=>api};Object.keys(this.addons).forEach(name=>{let addon=this.addons[name];api[name]=(...args)=>(addon.apply(api,args),api)});let meta={id:sanitize(kind),title:kind,decorators:[],loaders:[],parameters:{}};this._addedExports[fileName]={default:meta};let counter=0;return api.add=(storyName,storyFn,parameters={})=>{if(hasAdded=!0,typeof storyName!="string")throw new Error(`Invalid or missing storyName provided for a "${kind}" story.`);if(!storyFn||Array.isArray(storyFn)||invalidStoryTypes.has(typeof storyFn))throw new Error(`Cannot load story "${storyName}" in "${kind}" due to invalid format. Storybook expected a function/object but received ${typeof storyFn} instead.`);let{decorators,loaders,component,args,argTypes,...storyParameters}=parameters,storyId=parameters.__id||toId2(kind,storyName),csfExports=this._addedExports[fileName];return csfExports[`story${counter}`]={name:storyName,parameters:{fileName,__id:storyId,...storyParameters},decorators,loaders,args,argTypes,component,render:storyFn},counter+=1,api},api.addDecorator=decorator=>{if(hasAdded)throw new Error(`You cannot add a decorator after the first story for a kind.
|
|
12
|
+
Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);return meta.decorators?.push(decorator),api},api.addLoader=loader=>{if(hasAdded)throw new Error("You cannot add a loader after the first story for a kind.");return meta.loaders?.push(loader),api},api.addParameters=({component,args,argTypes,tags,...parameters})=>{if(hasAdded)throw new Error(`You cannot add parameters after the first story for a kind.
|
|
13
|
+
Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);return meta.parameters=combineParameters(meta.parameters,parameters),component&&(meta.component=component),args&&(meta.args={...meta.args,...args}),argTypes&&(meta.argTypes={...meta.argTypes,...argTypes}),tags&&(meta.tags=tags),api},api};this.raw=()=>this.storyStore?.raw();this.facade=new StoryStoreFacade,this.addons={},this.storyStore=storyStore}importFn(path){return this.facade.importFn(path)}getStoryIndex(){if(!this.storyStore)throw new Error("Cannot get story index before setting storyStore");return this.facade.getStoryIndex(this.storyStore)}_loadAddedExports(){Object.entries(this._addedExports).forEach(([fileName,fileExports])=>this.facade.addStoriesFromExports(fileName,fileExports))}get _storyStore(){return this.storyStore}};import global3 from"global";import{parse}from"qs";var getQueryParams=()=>{let{document}=global3;return document&&document.location&&document.location.search?parse(document.location.search,{ignoreQueryPrefix:!0}):{}},getQueryParam=key=>getQueryParams()[key];export{addDecorator,addParameters,addLoader,addArgs,addArgTypes,addArgsEnhancer,addArgTypesEnhancer,addStepRunner,setGlobalRender,ClientApi,getQueryParams,getQueryParam};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{ClientApi}from"./chunk-
|
|
1
|
+
import{ClientApi}from"./chunk-MLNVDUHU.mjs";import{PreviewWeb}from"./chunk-Z6DHZWDG.mjs";import{addons}from"./chunk-QSH26RWA.mjs";import global from"global";import{createChannel}from"@storybook/channel-postmessage";import{FORCE_RE_RENDER}from"@storybook/core-events";import{logger}from"@storybook/client-logger";function executeLoadable(loadable){let reqs=null;Array.isArray(loadable)?reqs=loadable:loadable.keys&&(reqs=[loadable]);let exportsMap=new Map;if(reqs)reqs.forEach(req=>{req.keys().forEach(filename=>{try{let fileExports=req(filename);exportsMap.set(typeof req.resolve=="function"?req.resolve(filename):filename,fileExports)}catch(error){let errorString=error.message&&error.stack?`${error.message}
|
|
2
2
|
${error.stack}`:error.toString();logger.error(`Unexpected error while loading ${filename}: ${errorString}`)}})});else{let exported=loadable();Array.isArray(exported)&&exported.every(obj=>obj.default!=null)?exportsMap=new Map(exported.map((fileExports,index)=>[`exports-map-${index}`,fileExports])):exported&&logger.warn(`Loader function passed to 'configure' should return void or an array of module exports that all contain a 'default' export. Received: ${JSON.stringify(exported)}`)}return exportsMap}function executeLoadableForChanges(loadable,m){let lastExportsMap=m?.hot?.data?.lastExportsMap||new Map;m?.hot?.dispose&&(m.hot.accept(),m.hot.dispose(data=>{data.lastExportsMap=lastExportsMap}));let exportsMap=executeLoadable(loadable),added=new Map;Array.from(exportsMap.entries()).filter(([,fileExports])=>!!fileExports.default).filter(([fileName,fileExports])=>lastExportsMap.get(fileName)!==fileExports).forEach(([fileName,fileExports])=>added.set(fileName,fileExports));let removed=new Map;return Array.from(lastExportsMap.keys()).filter(fileName=>!exportsMap.has(fileName)).forEach(fileName=>{let value=lastExportsMap.get(fileName);value&&removed.set(fileName,value)}),lastExportsMap=exportsMap,{added,removed}}var{window:globalWindow,FEATURES}=global,removedApi=name=>()=>{throw new Error(`@storybook/client-api:${name} was removed in storyStoreV7.`)};function start(renderToCanvas,{decorateStory,render}={}){if(globalWindow&&(globalWindow.IS_STORYBOOK=!0),FEATURES?.storyStoreV7)return{forceReRender:removedApi("forceReRender"),configure:removedApi("configure"),clientApi:{storiesOf:removedApi("clientApi.storiesOf"),raw:removedApi("raw")}};let channel=createChannel({page:"preview"});addons.setChannel(channel);let clientApi=new ClientApi,preview=new PreviewWeb,initialized=!1,importFn=path=>clientApi.importFn(path);function onStoriesChanged(){let storyIndex=clientApi.getStoryIndex();preview.onStoriesChanged({storyIndex,importFn})}return clientApi.onImportFnChanged=onStoriesChanged,clientApi.storyStore=preview.storyStore,globalWindow&&(globalWindow.__STORYBOOK_CLIENT_API__=clientApi,globalWindow.__STORYBOOK_ADDONS_CHANNEL__=channel,globalWindow.__STORYBOOK_PREVIEW__=preview,globalWindow.__STORYBOOK_STORY_STORE__=preview.storyStore),{forceReRender:()=>channel.emit(FORCE_RE_RENDER),clientApi,configure(framework,loadable,m,disableBackwardCompatibility=!0){if(disableBackwardCompatibility)throw new Error("unexpected configure() call");clientApi.addParameters({framework});let getProjectAnnotations=()=>{let{added,removed}=executeLoadableForChanges(loadable,m);return clientApi._loadAddedExports(),Array.from(added.entries()).forEach(([fileName,fileExports])=>clientApi.facade.addStoriesFromExports(fileName,fileExports)),Array.from(removed.entries()).forEach(([fileName])=>clientApi.facade.clearFilenameExports(fileName)),{render,...clientApi.facade.projectAnnotations,renderToCanvas,applyDecorators:decorateStory}};initialized?(getProjectAnnotations(),onStoriesChanged()):(preview.initialize({getStoryIndex:()=>clientApi.getStoryIndex(),importFn,getProjectAnnotations}),initialized=!0)}}}export{start};
|
package/dist/client-api.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { C as ClientApi, a as addArgTypes, b as addArgTypesEnhancer, c as addArgs, d as addArgsEnhancer, e as addDecorator, f as addLoader, g as addParameters, h as addStepRunner, s as setGlobalRender } from './ClientApi-
|
|
1
|
+
export { C as ClientApi, a as addArgTypes, b as addArgTypesEnhancer, c as addArgs, d as addArgsEnhancer, e as addDecorator, f as addLoader, g as addParameters, h as addStepRunner, s as setGlobalRender } from './ClientApi-c264b450.js';
|
|
2
2
|
export { S as StoryStore, p as prepareStory, b as processCSFFile } from './StoryStore-e35dc2c4.js';
|
|
3
3
|
export { D as DEEPLY_EQUAL, N as NO_TARGET_NAME, P as PropDescriptor, c as combineArgs, a as combineParameters, b as composeStepRunners, d as composeStories, e as composeStory, f as decorateStory, l as deepDiff, g as defaultDecorateStory, h as filterArgTypes, o as groupArgsByTarget, j as inferControls, m as mapArgsToTypes, p as noTargetArgs, n as normalizeStory, s as sanitizeStoryContextUpdate, i as setProjectAnnotations, r as sortStoriesV6, k as sortStoriesV7, q as userOrAutoTitle, u as userOrAutoTitleFromSpecifier, v as validateOptions } from './sortStories-a93f5af2.js';
|
|
4
4
|
export { g as getValuesFromArgTypes, b as normalizeComponentAnnotations, n as normalizeInputType, a as normalizeInputTypes, c as normalizeProjectAnnotations, d as useAddonState, u as useSharedState } from './hooks-0a0ec0e3.js';
|
package/dist/client-api.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";var gt=Object.create;var de=Object.defineProperty;var St=Object.getOwnPropertyDescriptor;var Tt=Object.getOwnPropertyNames;var At=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var bt=(r,e)=>{for(var t in e)de(r,t,{get:e[t],enumerable:!0})},tr=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Tt(e))!xt.call(r,n)&&n!==t&&de(r,n,{get:()=>e[n],enumerable:!(o=St(e,n))||o.enumerable});return r};var g=(r,e,t)=>(t=r!=null?gt(At(r)):{},tr(e||!r||!r.__esModule?de(t,"default",{value:r,enumerable:!0}):t,r)),Rt=r=>tr(de({},"__esModule",{value:!0}),r);var eo={};bt(eo,{ClientApi:()=>Fe,DEEPLY_EQUAL:()=>
|
|
1
|
+
"use strict";var gt=Object.create;var de=Object.defineProperty;var St=Object.getOwnPropertyDescriptor;var Tt=Object.getOwnPropertyNames;var At=Object.getPrototypeOf,xt=Object.prototype.hasOwnProperty;var bt=(r,e)=>{for(var t in e)de(r,t,{get:e[t],enumerable:!0})},tr=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Tt(e))!xt.call(r,n)&&n!==t&&de(r,n,{get:()=>e[n],enumerable:!(o=St(e,n))||o.enumerable});return r};var g=(r,e,t)=>(t=r!=null?gt(At(r)):{},tr(e||!r||!r.__esModule?de(t,"default",{value:r,enumerable:!0}):t,r)),Rt=r=>tr(de({},"__esModule",{value:!0}),r);var eo={};bt(eo,{ClientApi:()=>Fe,DEEPLY_EQUAL:()=>w,HooksContext:()=>O,NO_TARGET_NAME:()=>Q,StoryStore:()=>be,addArgTypes:()=>st,addArgTypesEnhancer:()=>at,addArgs:()=>nt,addArgsEnhancer:()=>it,addDecorator:()=>rt,addLoader:()=>ot,addParameters:()=>tt,addStepRunner:()=>dt,applyHooks:()=>le,combineArgs:()=>J,combineParameters:()=>T,composeConfigs:()=>Ue,composeStepRunners:()=>te,composeStories:()=>$t,composeStory:()=>Gt,decorateStory:()=>Cr,deepDiff:()=>v,defaultDecorateStory:()=>Ge,filterArgTypes:()=>xe,getArrayField:()=>oe,getField:()=>G,getObjectField:()=>ne,getQueryParam:()=>Zt,getQueryParams:()=>yt,getSingletonField:()=>se,getValuesFromArgTypes:()=>N,groupArgsByTarget:()=>fe,inferControls:()=>ee,mapArgsToTypes:()=>ze,noTargetArgs:()=>wt,normalizeComponentAnnotations:()=>q,normalizeInputType:()=>Tr,normalizeInputTypes:()=>E,normalizeProjectAnnotations:()=>re,normalizeStory:()=>X,prepareStory:()=>Z,processCSFFile:()=>Be,sanitizeStoryContextUpdate:()=>Pr,setGlobalRender:()=>ct,setProjectAnnotations:()=>Bt,sortStoriesV6:()=>Je,sortStoriesV7:()=>Qt,useAddonState:()=>Yt,useArgs:()=>yr,useCallback:()=>M,useChannel:()=>ve,useEffect:()=>ye,useGlobals:()=>mr,useMemo:()=>ke,useParameter:()=>pr,useReducer:()=>lr,useRef:()=>dr,useSharedState:()=>Br,useState:()=>je,useStoryContext:()=>K,userOrAutoTitle:()=>We,userOrAutoTitleFromSpecifier:()=>Vr,validateOptions:()=>Le});module.exports=Rt(eo);var Zr=require("ts-dedent"),et=g(require("global")),Xe=require("@storybook/client-logger"),Ce=require("@storybook/csf");var Ye=g(require("memoizerific")),Mr=g(require("lodash/mapValues")),Ke=g(require("lodash/pick")),ie=require("synchronous-promise");var ce=g(require("global"));var or=require("@storybook/channels");function nr(){let r={setHandler:()=>{},send:()=>{}};return new or.Channel({transport:r})}var Ie=class{constructor(){this.getChannel=()=>{if(!this.channel){let e=nr();return this.setChannel(e),e}return this.channel};this.getServerChannel=()=>{if(!this.serverChannel)throw new Error("Accessing non-existent serverChannel");return this.serverChannel};this.ready=()=>this.promise;this.hasChannel=()=>!!this.channel;this.hasServerChannel=()=>!!this.serverChannel;this.setChannel=e=>{this.channel=e,this.resolve()};this.setServerChannel=e=>{this.serverChannel=e};this.promise=new Promise(e=>{this.resolve=()=>e(this.getChannel())})}},Pe="__STORYBOOK_ADDONS_PREVIEW";function Et(){return ce.default[Pe]||(ce.default[Pe]=new Ie),ce.default[Pe]}var C=Et();var Y=g(require("global")),L=require("@storybook/client-logger"),R=require("@storybook/core-events");var O=class{constructor(){this.hookListsMap=void 0;this.mountedDecorators=void 0;this.prevMountedDecorators=void 0;this.currentHooks=void 0;this.nextHookIndex=void 0;this.currentPhase=void 0;this.currentEffects=void 0;this.prevEffects=void 0;this.currentDecoratorName=void 0;this.hasUpdates=void 0;this.currentContext=void 0;this.renderListener=e=>{var t;e===((t=this.currentContext)==null?void 0:t.id)&&(this.triggerEffects(),this.currentContext=null,this.removeRenderListeners())};this.init()}init(){this.hookListsMap=new WeakMap,this.mountedDecorators=new Set,this.prevMountedDecorators=this.mountedDecorators,this.currentHooks=[],this.nextHookIndex=0,this.currentPhase="NONE",this.currentEffects=[],this.prevEffects=[],this.currentDecoratorName=null,this.hasUpdates=!1,this.currentContext=null}clean(){this.prevEffects.forEach(e=>{e.destroy&&e.destroy()}),this.init(),this.removeRenderListeners()}getNextHook(){let e=this.currentHooks[this.nextHookIndex];return this.nextHookIndex+=1,e}triggerEffects(){this.prevEffects.forEach(e=>{!this.currentEffects.includes(e)&&e.destroy&&e.destroy()}),this.currentEffects.forEach(e=>{this.prevEffects.includes(e)||(e.destroy=e.create())}),this.prevEffects=this.currentEffects,this.currentEffects=[]}addRenderListeners(){this.removeRenderListeners(),C.getChannel().on(R.STORY_RENDERED,this.renderListener)}removeRenderListeners(){C.getChannel().removeListener(R.STORY_RENDERED,this.renderListener)}};function sr(r){return(...e)=>{let{hooks:t}=typeof e[0]=="function"?e[1]:e[0],o=t.currentPhase,n=t.currentHooks,s=t.nextHookIndex,i=t.currentDecoratorName;t.currentDecoratorName=r.name,t.prevMountedDecorators.has(r)?(t.currentPhase="UPDATE",t.currentHooks=t.hookListsMap.get(r)||[]):(t.currentPhase="MOUNT",t.currentHooks=[],t.hookListsMap.set(r,t.currentHooks),t.prevMountedDecorators.add(r)),t.nextHookIndex=0;let a=Y.default.STORYBOOK_HOOKS_CONTEXT;Y.default.STORYBOOK_HOOKS_CONTEXT=t;let d=r(...e);if(Y.default.STORYBOOK_HOOKS_CONTEXT=a,t.currentPhase==="UPDATE"&&t.getNextHook()!=null)throw new Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");return t.currentPhase=o,t.currentHooks=n,t.nextHookIndex=s,t.currentDecoratorName=i,d}}var Oe=0,Ft=25,le=r=>(e,t)=>{let o=r(sr(e),t.map(n=>sr(n)));return n=>{let{hooks:s}=n;s.prevMountedDecorators=s.mountedDecorators,s.mountedDecorators=new Set([e,...t]),s.currentContext=n,s.hasUpdates=!1;let i=o(n);for(Oe=1;s.hasUpdates;)if(s.hasUpdates=!1,s.currentEffects=[],i=o(n),Oe+=1,Oe>Ft)throw new Error("Too many re-renders. Storybook limits the number of renders to prevent an infinite loop.");return s.addRenderListeners(),i}},Ct=(r,e)=>r.length===e.length&&r.every((t,o)=>t===e[o]),we=()=>new Error("Storybook preview hooks can only be called inside decorators and story functions.");function ir(){return Y.default.STORYBOOK_HOOKS_CONTEXT||null}function _e(){let r=ir();if(r==null)throw we();return r}function Pt(r,e,t){let o=_e();if(o.currentPhase==="MOUNT"){t!=null&&!Array.isArray(t)&&L.logger.warn(`${r} received a final argument that is not an array (instead, received ${t}). When specified, the final argument must be an array.`);let n={name:r,deps:t};return o.currentHooks.push(n),e(n),n}if(o.currentPhase==="UPDATE"){let n=o.getNextHook();if(n==null)throw new Error("Rendered more hooks than during the previous render.");return n.name!==r&&L.logger.warn(`Storybook has detected a change in the order of Hooks${o.currentDecoratorName?` called by ${o.currentDecoratorName}`:""}. This will lead to bugs and errors if not fixed.`),t!=null&&n.deps==null&&L.logger.warn(`${r} received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.`),t!=null&&n.deps!=null&&t.length!==n.deps.length&&L.logger.warn(`The final argument passed to ${r} changed size between renders. The order and size of this array must remain constant.
|
|
2
2
|
Previous: ${n.deps}
|
|
3
|
-
Incoming: ${t}`),(t==null||n.deps==null||!Ct(t,n.deps))&&(e(n),n.deps=t),n}throw
|
|
3
|
+
Incoming: ${t}`),(t==null||n.deps==null||!Ct(t,n.deps))&&(e(n),n.deps=t),n}throw we()}function pe(r,e,t){let{memoizedState:o}=Pt(r,n=>{n.memoizedState=e()},t);return o}function ke(r,e){return pe("useMemo",r,e)}function M(r,e){return pe("useCallback",()=>r,e)}function ar(r,e){return pe(r,()=>({current:e}),[])}function dr(r){return ar("useRef",r)}function It(){let r=ir();if(r!=null&&r.currentPhase!=="NONE")r.hasUpdates=!0;else try{C.getChannel().emit(R.FORCE_RE_RENDER)}catch{L.logger.warn("State updates of Storybook preview hooks work only in browser")}}function cr(r,e){let t=ar(r,typeof e=="function"?e():e),o=n=>{t.current=typeof n=="function"?n(t.current):n,It()};return[t.current,o]}function je(r){return cr("useState",r)}function lr(r,e,t){let o=t!=null?()=>t(e):e,[n,s]=cr("useReducer",o);return[n,a=>s(d=>r(d,a))]}function ye(r,e){let t=_e(),o=pe("useEffect",()=>({create:r}),e);t.currentEffects.includes(o)||t.currentEffects.push(o)}function ve(r,e=[]){let t=C.getChannel();return ye(()=>(Object.entries(r).forEach(([o,n])=>t.on(o,n)),()=>{Object.entries(r).forEach(([o,n])=>t.removeListener(o,n))}),[...Object.keys(r),...e]),M(t.emit.bind(t),[t])}function K(){let{currentContext:r}=_e();if(r==null)throw we();return r}function pr(r,e){let{parameters:t}=K();if(r)return t[r]??e}function yr(){let r=C.getChannel(),{id:e,args:t}=K(),o=M(s=>r.emit(R.UPDATE_STORY_ARGS,{storyId:e,updatedArgs:s}),[r,e]),n=M(s=>r.emit(R.RESET_STORY_ARGS,{storyId:e,argNames:s}),[r,e]);return[t,o,n]}function mr(){let r=C.getChannel(),{globals:e}=K(),t=M(o=>r.emit(R.UPDATE_GLOBALS,{globals:o}),[r]);return[e,t]}var ur=require("ts-dedent"),fr=g(require("memoizerific")),Ot=(0,fr.default)(1)(r=>Object.values(r).reduce((e,t)=>(e[t.importPath]=e[t.importPath]||t,e),{})),me=class{constructor({entries:e}={v:4,entries:{}}){this.entries=e}entryFromSpecifier(e){let t=Object.values(this.entries);if(e==="*")return t[0];if(typeof e=="string")return this.entries[e]?this.entries[e]:t.find(s=>s.id.startsWith(e));let{name:o,title:n}=e;return t.find(s=>s.name===o&&s.title===n)}storyIdToEntry(e){let t=this.entries[e];if(!t)throw new Error(ur.dedent`Couldn't find story matching '${e}' after HMR.
|
|
4
4
|
- Did you remove it from your CSF file?
|
|
5
5
|
- Are you sure a story with that id exists?
|
|
6
6
|
- Please check your entries field of your main.js config.
|
|
7
|
-
- Also check the browser console and terminal for error messages.`);return t}importPathToEntry(e){return
|
|
7
|
+
- Also check the browser console and terminal for error messages.`);return t}importPathToEntry(e){return Ot(this.entries)[e]}};var hr=require("dequal"),ue=require("@storybook/client-logger"),W=g(require("lodash/isPlainObject")),Ne=require("ts-dedent"),B=Symbol("incompatible"),De=(r,e)=>{let t=e.type;if(r==null||!t||e.mapping)return r;switch(t.name){case"string":return String(r);case"enum":return r;case"number":return Number(r);case"boolean":return r==="true";case"array":return!t.value||!Array.isArray(r)?B:r.reduce((o,n,s)=>{let i=De(n,{type:t.value});return i!==B&&(o[s]=i),o},new Array(r.length));case"object":return typeof r=="string"||typeof r=="number"?r:!t.value||typeof r!="object"?B:Object.entries(r).reduce((o,[n,s])=>{let i=De(s,{type:t.value[n]});return i===B?o:Object.assign(o,{[n]:i})},{});default:return B}},ze=(r,e)=>Object.entries(r).reduce((t,[o,n])=>{if(!e[o])return t;let s=De(n,e[o]);return s===B?t:Object.assign(t,{[o]:s})},{}),J=(r,e)=>Array.isArray(r)&&Array.isArray(e)?e.reduce((t,o,n)=>(t[n]=J(r[n],e[n]),t),[...r]).filter(t=>t!==void 0):!(0,W.default)(r)||!(0,W.default)(e)?e:Object.keys({...r,...e}).reduce((t,o)=>{if(o in e){let n=J(r[o],e[o]);n!==void 0&&(t[o]=n)}else t[o]=r[o];return t},{}),Le=(r,e)=>Object.entries(e).reduce((t,[o,{options:n}])=>{function s(){return o in r&&(t[o]=r[o]),t}if(!n)return s();if(!Array.isArray(n))return ue.once.error(Ne.dedent`
|
|
8
8
|
Invalid argType: '${o}.options' should be an array.
|
|
9
9
|
|
|
10
10
|
More info: https://storybook.js.org/docs/react/api/argtypes
|
|
@@ -12,25 +12,25 @@ Incoming: ${t}`),(t==null||n.deps==null||!Ct(t,n.deps))&&(e(n),n.deps=t),n}throw
|
|
|
12
12
|
Invalid argType: '${o}.options' should only contain primitives. Use a 'mapping' for complex values.
|
|
13
13
|
|
|
14
14
|
More info: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values
|
|
15
|
-
`),s();let i=Array.isArray(r[o]),a=i&&r[o].findIndex(c=>!n.includes(c)),d=i&&a===-1;if(r[o]===void 0||n.includes(r[o])||d)return s();let p=i?`${o}[${a}]`:o,l=n.map(c=>typeof c=="string"?`'${c}'`:String(c)).join(", ");return ue.once.warn(`Received illegal value for '${p}'. Supported options: ${l}`),t},{}),
|
|
15
|
+
`),s();let i=Array.isArray(r[o]),a=i&&r[o].findIndex(c=>!n.includes(c)),d=i&&a===-1;if(r[o]===void 0||n.includes(r[o])||d)return s();let p=i?`${o}[${a}]`:o,l=n.map(c=>typeof c=="string"?`'${c}'`:String(c)).join(", ");return ue.once.warn(`Received illegal value for '${p}'. Supported options: ${l}`),t},{}),w=Symbol("Deeply equal"),v=(r,e)=>{if(typeof r!=typeof e)return e;if((0,hr.dequal)(r,e))return w;if(Array.isArray(r)&&Array.isArray(e)){let t=e.reduce((o,n,s)=>{let i=v(r[s],n);return i!==w&&(o[s]=i),o},new Array(e.length));return e.length>=r.length?t:t.concat(new Array(r.length-e.length).fill(void 0))}return(0,W.default)(r)&&(0,W.default)(e)?Object.keys({...r,...e}).reduce((t,o)=>{let n=v(r==null?void 0:r[o],e==null?void 0:e[o]);return n===w?t:Object.assign(t,{[o]:n})},{}):e},Q="";function fe({args:r,argTypes:e}){let t={};return Object.entries(r).forEach(([o,n])=>{let{target:s=Q}=e[o]||{};t[s]=t[s]||{},t[s][o]=n}),t}function wt(r){return fe(r)[Q]}function _t(r){return Object.keys(r).forEach(e=>r[e]===void 0&&delete r[e]),r}var he=class{constructor(){this.initialArgsByStoryId={};this.argsByStoryId={}}get(e){if(!(e in this.argsByStoryId))throw new Error(`No args known for ${e} -- has it been rendered yet?`);return this.argsByStoryId[e]}setInitial(e){if(!this.initialArgsByStoryId[e.id])this.initialArgsByStoryId[e.id]=e.initialArgs,this.argsByStoryId[e.id]=e.initialArgs;else if(this.initialArgsByStoryId[e.id]!==e.initialArgs){let t=v(this.initialArgsByStoryId[e.id],this.argsByStoryId[e.id]);this.initialArgsByStoryId[e.id]=e.initialArgs,this.argsByStoryId[e.id]=e.initialArgs,t!==w&&this.updateFromDelta(e,t)}}updateFromDelta(e,t){let o=Le(t,e.argTypes);this.argsByStoryId[e.id]=J(this.argsByStoryId[e.id],o)}updateFromPersisted(e,t){let o=ze(t,e.argTypes);return this.updateFromDelta(e,o)}update(e,t){if(!(e in this.argsByStoryId))throw new Error(`No args known for ${e} -- has it been rendered yet?`);this.argsByStoryId[e]=_t({...this.argsByStoryId[e],...t})}};var gr=require("@storybook/client-logger");var N=(r={})=>Object.entries(r).reduce((e,[t,{defaultValue:o}])=>(typeof o<"u"&&(e[t]=o),e),{});var ge=class{constructor({globals:e={},globalTypes:t={}}){this.set({globals:e,globalTypes:t})}set({globals:e={},globalTypes:t={}}){let o=this.initialGlobals&&v(this.initialGlobals,this.globals);this.allowedGlobalNames=new Set([...Object.keys(e),...Object.keys(t)]);let n=N(t);this.initialGlobals={...n,...e},this.globals=this.initialGlobals,o&&o!==w&&this.updateFromPersisted(o)}filterAllowedGlobals(e){return Object.entries(e).reduce((t,[o,n])=>(this.allowedGlobalNames.has(o)?t[o]=n:gr.logger.warn(`Attempted to set a global (${o}) that is not defined in initial globals or globalTypes`),t),{})}updateFromPersisted(e){let t=this.filterAllowedGlobals(e);this.globals={...this.globals,...t}}get(){return this.globals}update(e){this.globals={...this.globals,...this.filterAllowedGlobals(e)}}};var Sr=g(require("lodash/mapValues")),kt=r=>typeof r=="string"?{name:r}:r,jt=r=>typeof r=="string"?{type:r}:r,Tr=(r,e)=>{let{type:t,control:o,...n}=r,s={name:e,...n};return t&&(s.type=kt(t)),o?s.control=jt(o):o===!1&&(s.control={disable:!0}),s},E=r=>(0,Sr.default)(r,Tr);var Se=require("@storybook/csf"),Ar=require("ts-dedent"),xr=require("@storybook/client-logger"),br=g(require("util-deprecate"));var vt=Ar.dedent`
|
|
16
16
|
CSF .story annotations deprecated; annotate story functions directly:
|
|
17
17
|
- StoryFn.story.name => StoryFn.storyName
|
|
18
18
|
- StoryFn.story.(parameters|decorators) => StoryFn.(parameters|decorators)
|
|
19
19
|
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-annotations for details and codemod.
|
|
20
|
-
`,Nt=(0,br.default)(()=>{},
|
|
20
|
+
`,Nt=(0,br.default)(()=>{},vt);function X(r,e,t){let o=e,n=typeof e=="function"?e:null,{story:s}=o;s&&(xr.logger.debug("deprecated story",s),Nt());let i=(0,Se.storyNameFromExport)(r),a=typeof o!="function"&&o.name||o.storyName||(s==null?void 0:s.name)||i,d=[...o.decorators||[],...(s==null?void 0:s.decorators)||[]],p={...s==null?void 0:s.parameters,...o.parameters},l={...s==null?void 0:s.args,...o.args},c={...s==null?void 0:s.argTypes,...o.argTypes},y=[...o.loaders||[],...(s==null?void 0:s.loaders)||[]],{render:f,play:m,tags:u=[]}=o,x=p.__id||(0,Se.toId)(t.id,i);return{moduleExport:e,id:x,name:a,tags:u,decorators:d,parameters:p,args:l,argTypes:E(c),loaders:y,...f&&{render:f},...n&&{userStoryFn:n},...m&&{play:m}}}var Fr=require("@storybook/csf"),Me=require("@storybook/client-logger");var Rr=require("@storybook/csf");function q(r,e=r.title,t){let{id:o,argTypes:n}=r;return{id:(0,Rr.sanitize)(o||e),...r,title:e,...n&&{argTypes:E(n)},parameters:{fileName:t,...r.parameters}}}var Dt=r=>{let{globals:e,globalTypes:t}=r;(e||t)&&Me.logger.error("Global args/argTypes can only be set globally",JSON.stringify({globals:e,globalTypes:t}))},zt=r=>{let{options:e}=r;e!=null&&e.storySort&&Me.logger.error("The storySort option parameter can only be set globally")},Er=r=>{!r||(Dt(r),zt(r))};function Be(r,e,t){let{default:o,__namedExportsOrder:n,...s}=r,i=q(o,t,e);Er(i.parameters);let a={meta:i,stories:{}};return Object.keys(s).forEach(d=>{if((0,Fr.isExportStory)(d,i)){let p=X(d,s[d],i);Er(p.parameters),a.stories[p.id]=p}}),a}var Ir=require("ts-dedent"),Or=g(require("util-deprecate")),$e=g(require("global")),wr=require("@storybook/csf");var Te=g(require("lodash/isPlainObject")),T=(...r)=>{let e={},t=r.filter(Boolean),o=t.reduce((n,s)=>(Object.entries(s).forEach(([i,a])=>{let d=n[i];Array.isArray(a)||typeof d>"u"?n[i]=a:(0,Te.default)(a)&&(0,Te.default)(d)?e[i]=!0:typeof a<"u"&&(n[i]=a)}),n),{});return Object.keys(e).forEach(n=>{let s=t.filter(Boolean).map(i=>i[n]).filter(i=>typeof i<"u");s.every(i=>(0,Te.default)(i))?o[n]=T(...s):o[n]=s[s.length-1]}),o};function Cr(r,e,t){let o=t(r);return n=>e(o,n)}function Pr({componentId:r,title:e,kind:t,id:o,name:n,story:s,parameters:i,initialArgs:a,argTypes:d,...p}={}){return p}function Ge(r,e){let t={},o=s=>i=>{if(!t.value)throw new Error("Decorated function called without init");return t.value={...t.value,...Pr(i)},s(t.value)},n=e.reduce((s,i)=>Cr(s,i,o),r);return s=>(t.value=s,n(s))}var Lt=(0,Or.default)(()=>{},Ir.dedent`
|
|
21
21
|
\`argType.defaultValue\` is deprecated and will be removed in Storybook 7.0.
|
|
22
22
|
|
|
23
|
-
https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args`);function Z(r,e,t){var er;let{moduleExport:o,id:n,name:s}=r,{title:i}=e,a=[...r.tags||e.tags||[],"story"],d=T(t.parameters,e.parameters,r.parameters),p=[...r.decorators||[],...e.decorators||[],...t.decorators||[]],{applyDecorators:l
|
|
23
|
+
https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#no-longer-inferring-default-values-of-args`);function Z(r,e,t){var er;let{moduleExport:o,id:n,name:s}=r,{title:i}=e,a=[...r.tags||e.tags||[],"story"],d=T(t.parameters,e.parameters,r.parameters),p=[...r.decorators||[],...e.decorators||[],...t.decorators||[]],{applyDecorators:l=Ge,argTypesEnhancers:c=[],argsEnhancers:y=[],runStep:f}=t,m=[...t.loaders||[],...e.loaders||[],...r.loaders||[]],u=r.userStoryFn||r.render||e.render||t.render;if(!u)throw new Error(`No render function available for storyId '${n}'`);let x=T(t.argTypes,e.argTypes,r.argTypes),{passArgsFirst:D=!0}=d;d.__isArgsStory=D&&u.length>0;let z={...t.args,...e.args,...r.args},S={componentId:e.id,title:i,kind:i,id:n,name:s,story:s,component:e.component,subcomponents:e.subcomponents,tags:a,parameters:d,initialArgs:z,argTypes:x};S.argTypes=c.reduce((h,A)=>A({...S,argTypes:h}),S.argTypes);let j=N(S.argTypes);Object.keys(j).length>0&&Lt();let ae={...j,...z};S.initialArgs=y.reduce((h,A)=>({...h,...A({...S,initialArgs:h})}),ae),(er=$e.default.FEATURES)!=null&&er.breakingChangesV7||(S.parameters={...S.parameters,__id:n,globals:t.globals,globalTypes:t.globalTypes,args:S.initialArgs,argTypes:S.argTypes});let mt=async h=>{let A=await Promise.all(m.map(F=>F(h))),I=Object.assign({},...A);return{...h,loaded:I}},qe=h=>{let A=Object.entries(h.args).reduce(($,[H,V])=>{var rr;let U=(rr=h.argTypes[H])==null?void 0:rr.mapping;return $[H]=U&&V in U?U[V]:V,$},{}),I=Object.entries(A).reduce(($,[H,V])=>{let U=h.argTypes[H]||{};return(0,wr.includeConditionalArg)(U,A,h.globals)&&($[H]=V),$},{}),F={...h,args:I},{passArgsFirst:ht=!0}=h.parameters;return ht?u(F.args,F):u(F)},ut=le(l)(qe,p),ft=h=>{var I;let A=h;if((I=$e.default.FEATURES)!=null&&I.argTypeTargetsV7){let F=fe(h);A={...h,allArgs:h.args,argsByTarget:F,args:F[Q]||{}}}return ut(A)},Ze=r.play||e.play;return Object.freeze({...S,moduleExport:o,originalStoryFn:u,undecoratedStoryFn:qe,unboundStoryFn:ft,applyLoaders:mt,playFunction:Ze&&(async h=>{let A={...h,step:(I,F)=>f(I,F,A)};return Ze(A)})})}var Ae=g(require("lodash/mapValues")),_r=require("ts-dedent"),kr=require("@storybook/client-logger");var He=(r,e,t)=>{let o=typeof r;switch(o){case"boolean":case"string":case"number":case"function":case"symbol":return{name:o};default:break}return r?t.has(r)?(kr.logger.warn(_r.dedent`
|
|
24
24
|
We've detected a cycle in arg '${e}'. Args should be JSON-serializable.
|
|
25
25
|
|
|
26
26
|
Consider using the mapping feature or fully custom args:
|
|
27
27
|
- Mapping: https://storybook.js.org/docs/react/writing-stories/args#mapping-to-complex-arg-values
|
|
28
28
|
- Custom args: https://storybook.js.org/docs/react/essentials/controls#fully-custom-args
|
|
29
|
-
`),{name:"other",value:"cyclic object"}):(t.add(r),Array.isArray(r)?{name:"array",value:r.length>0?He(r[0],e,new Set(t)):{name:"other",value:"unknown"}}:{name:"object",value:(0,Ae.default)(r,s=>He(s,e,new Set(t)))}):{name:"object",value:{}}},Ve=r=>{let{id:e,argTypes:t={},initialArgs:o={}}=r,n=(0,Ae.default)(o,(i,a)=>({name:a,type:He(i,`${e}.${a}`,new Set)})),s=(0,Ae.default)(t,(i,a)=>({name:a}));return T(n,s,t)};Ve.secondPass=!0;var Nr=g(require("lodash/mapValues")),Dr=require("@storybook/client-logger");var
|
|
29
|
+
`),{name:"other",value:"cyclic object"}):(t.add(r),Array.isArray(r)?{name:"array",value:r.length>0?He(r[0],e,new Set(t)):{name:"other",value:"unknown"}}:{name:"object",value:(0,Ae.default)(r,s=>He(s,e,new Set(t)))}):{name:"object",value:{}}},Ve=r=>{let{id:e,argTypes:t={},initialArgs:o={}}=r,n=(0,Ae.default)(o,(i,a)=>({name:a,type:He(i,`${e}.${a}`,new Set)})),s=(0,Ae.default)(t,(i,a)=>({name:a}));return T(n,s,t)};Ve.secondPass=!0;var Nr=g(require("lodash/mapValues")),Dr=require("@storybook/client-logger");var vr=g(require("lodash/pickBy")),jr=(r,e)=>Array.isArray(e)?e.includes(r):r.match(e),xe=(r,e,t)=>!e&&!t?r:r&&(0,vr.default)(r,(o,n)=>{let s=o.name||n;return(!e||jr(s,e))&&(!t||!jr(s,t))});var Mt=(r,e,t)=>{let{type:o,options:n}=r;if(!!o){if(t.color&&t.color.test(e)){let s=o.name;if(s==="string")return{control:{type:"color"}};s!=="enum"&&Dr.logger.warn(`Addon controls: Control of type color only supports string, received "${s}" instead`)}if(t.date&&t.date.test(e))return{control:{type:"date"}};switch(o.name){case"array":return{control:{type:"object"}};case"boolean":return{control:{type:"boolean"}};case"string":return{control:{type:"text"}};case"number":return{control:{type:"number"}};case"enum":{let{value:s}=o;return{control:{type:(s==null?void 0:s.length)<=5?"radio":"select"},options:s}}case"function":case"symbol":return null;default:return{control:{type:n?"select":"object"}}}}},ee=r=>{let{argTypes:e,parameters:{__isArgsStory:t,controls:{include:o=null,exclude:n=null,matchers:s={}}={}}}=r;if(!t)return e;let i=xe(e,o,n),a=(0,Nr.default)(i,(d,p)=>(d==null?void 0:d.type)&&Mt(d,p,s));return T(a,i)};ee.secondPass=!0;function re({argTypes:r,globalTypes:e,argTypesEnhancers:t,...o}){return{...r&&{argTypes:E(r)},...e&&{globalTypes:E(e)},argTypesEnhancers:[...t||[],Ve,ee],...o}}function te(r){return async(e,t,o)=>{await r.reduceRight((s,i)=>async()=>i(e,s,o),async()=>t(o))()}}function G(r,e){return r.map(t=>t[e]).filter(Boolean)}function oe(r,e){return G(r,e).reduce((t,o)=>[...t,...o],[])}function ne(r,e){return Object.assign({},...G(r,e))}function se(r,e){return G(r,e).pop()}function Ue(r){let e=oe(r,"argTypesEnhancers"),t=G(r,"runStep");return{parameters:T(...G(r,"parameters")),decorators:oe(r,"decorators"),args:ne(r,"args"),argsEnhancers:oe(r,"argsEnhancers"),argTypes:ne(r,"argTypes"),argTypesEnhancers:[...e.filter(o=>!o.secondPass),...e.filter(o=>o.secondPass)],globals:ne(r,"globals"),globalTypes:ne(r,"globalTypes"),loaders:oe(r,"loaders"),render:se(r,"render"),renderToCanvas:se(r,"renderToCanvas"),renderToDOM:se(r,"renderToDOM"),applyDecorators:se(r,"applyDecorators"),runStep:te(t)}}var zr=require("@storybook/csf");var Lr={};function Bt(r){let e=Array.isArray(r)?r:[r];Lr=Ue(e)}function Gt(r,e,t=Lr,o={},n){var y;if(r===void 0)throw new Error("Expected a story but received undefined.");e.title=e.title??"ComposedStory";let s=q(e),i=n||r.storyName||((y=r.story)==null?void 0:y.name)||r.name||"unknown",a=X(i,r,s),d=re({...t,...o}),p=Z(a,s,d),l=N(t.globalTypes),c=f=>{let m={...p,hooks:new O,globals:l,args:{...p.initialArgs,...f}};return p.unboundStoryFn(m)};return c.storyName=i,c.args=p.initialArgs,c.play=p.playFunction,c.parameters=p.parameters,c}function $t(r,e,t){let{default:o,__esModule:n,__namedExportsOrder:s,...i}=r;return Object.entries(i).reduce((d,[p,l])=>(0,zr.isExportStory)(p,o)?Object.assign(d,{[p]:t(l,o,e,p)}):d,{})}var Ht=1e3,Vt=1e4,Ut=20,be=class{constructor(){this.getStoriesJsonData=()=>{let{storyIndex:e}=this;if(!e)throw new Error("getStoriesJsonData called before initialization");let t=this.getSetStoriesPayload(),o=["fileName","docsOnly","framework","__id","__isArgsStory"];return{v:3,stories:(0,Mr.default)(t.stories,s=>{let{importPath:i}=e.entries[s.id];return{...(0,Ke.default)(s,["id","name","title"]),importPath:i,kind:s.title,story:s.name,parameters:{...(0,Ke.default)(s.parameters,o),fileName:i}}})}};this.args=new he,this.hooks={},this.processCSFFileWithCache=(0,Ye.default)(Ht)(Be),this.prepareStoryWithCache=(0,Ye.default)(Vt)(Z),this.initializationPromise=new ie.SynchronousPromise(e=>{this.resolveInitializationPromise=e})}setProjectAnnotations(e){this.projectAnnotations=re(e);let{globals:t,globalTypes:o}=e;this.globals?this.globals.set({globals:t,globalTypes:o}):this.globals=new ge({globals:t,globalTypes:o})}initialize({storyIndex:e,importFn:t,cache:o=!1}){return this.storyIndex=new me(e),this.importFn=t,this.resolveInitializationPromise(),o?this.cacheAllCSFFiles():ie.SynchronousPromise.resolve()}async onStoriesChanged({importFn:e,storyIndex:t}){await this.initializationPromise,e&&(this.importFn=e),t&&(this.storyIndex.entries=t.entries),this.cachedCSFFiles&&await this.cacheAllCSFFiles()}async storyIdToEntry(e){return await this.initializationPromise,this.storyIndex.storyIdToEntry(e)}loadCSFFileByStoryId(e){if(!this.storyIndex||!this.importFn)throw new Error("loadCSFFileByStoryId called before initialization");let{importPath:t,title:o}=this.storyIndex.storyIdToEntry(e);return this.importFn(t).then(n=>this.processCSFFileWithCache(n,t,o))}loadAllCSFFiles({batchSize:e=Ut}={}){if(!this.storyIndex)throw new Error("loadAllCSFFiles called before initialization");let t=Object.entries(this.storyIndex.entries).map(([n,{importPath:s}])=>[s,n]),o=n=>{if(n.length===0)return ie.SynchronousPromise.resolve([]);let s=n.slice(0,e).map(([i,a])=>this.loadCSFFileByStoryId(a).then(d=>({importPath:i,csfFile:d})));return ie.SynchronousPromise.all(s).then(i=>o(n.slice(e)).then(a=>i.concat(a)))};return o(t).then(n=>n.reduce((s,{importPath:i,csfFile:a})=>(s[i]=a,s),{}))}cacheAllCSFFiles(){return this.initializationPromise.then(()=>this.loadAllCSFFiles().then(e=>{this.cachedCSFFiles=e}))}async loadStory({storyId:e}){await this.initializationPromise;let t=await this.loadCSFFileByStoryId(e);return this.storyFromCSFFile({storyId:e,csfFile:t})}storyFromCSFFile({storyId:e,csfFile:t}){if(!this.projectAnnotations)throw new Error("storyFromCSFFile called before initialization");let o=t.stories[e];if(!o)throw new Error(`Didn't find '${e}' in CSF file, this is unexpected`);let n=t.meta,s=this.prepareStoryWithCache(o,n,this.projectAnnotations);return this.args.setInitial(s),this.hooks[s.id]=this.hooks[s.id]||new O,s}componentStoriesFromCSFFile({csfFile:e}){if(!this.storyIndex)throw new Error("componentStoriesFromCSFFile called before initialization");return Object.keys(this.storyIndex.entries).filter(t=>!!e.stories[t]).map(t=>this.storyFromCSFFile({storyId:t,csfFile:e}))}async loadEntry(e){let t=await this.storyIdToEntry(e),{importFn:o,storyIndex:n}=this;if(!n||!o)throw new Error("loadEntry called before initialization");let s=t.type==="docs"?t.storiesImports:[],[i,...a]=await Promise.all([o(t.importPath),...s.map(d=>{let p=n.importPathToEntry(d);return this.loadCSFFileByStoryId(p.id)})]);return{entryExports:i,csfFiles:a}}getStoryContext(e){if(!this.globals)throw new Error("getStoryContext called before initialization");return{...e,args:this.args.get(e.id),globals:this.globals.get(),hooks:this.hooks[e.id]}}cleanupStory(e){this.hooks[e.id].clean()}extract(e={includeDocsOnly:!1}){if(!this.storyIndex)throw new Error("extract called before initialization");let{cachedCSFFiles:t}=this;if(!t)throw new Error("Cannot call extract() unless you call cacheAllCSFFiles() first.");return Object.entries(this.storyIndex.entries).reduce((o,[n,{type:s,importPath:i}])=>{if(s==="docs")return o;let a=t[i],d=this.storyFromCSFFile({storyId:n,csfFile:a});return!e.includeDocsOnly&&d.parameters.docsOnly||(o[n]=Object.entries(d).reduce((p,[l,c])=>l==="moduleExport"||typeof c=="function"?p:Array.isArray(c)?Object.assign(p,{[l]:c.slice().sort()}):Object.assign(p,{[l]:c}),{args:d.initialArgs})),o},{})}getSetStoriesPayload(){if(!this.globals)throw new Error("getSetStoriesPayload called before initialization");let e=this.extract({includeDocsOnly:!0}),t=Object.values(e).reduce((o,{title:n})=>(o[n]={},o),{});return{v:2,globals:this.globals.get(),globalParameters:{},kindParameters:t,stories:e}}getSetIndexPayload(){if(!this.storyIndex)throw new Error("getSetIndexPayload called before initialization");let e=this.extract({includeDocsOnly:!0});return{v:4,entries:Object.fromEntries(Object.entries(this.storyIndex.entries).map(([t,o])=>[t,e[t]?{...o,args:e[t].initialArgs,initialArgs:e[t].initialArgs,argTypes:e[t].argTypes,parameters:e[t].parameters}:o]))}}raw(){return Object.values(this.extract()).map(({id:e})=>this.fromId(e)).filter(Boolean)}fromId(e){if(!this.storyIndex)throw new Error("fromId called before initialization");if(!this.cachedCSFFiles)throw new Error("Cannot call fromId/raw() unless you call cacheAllCSFFiles() first.");let t;try{({importPath:t}=this.storyIndex.storyIdToEntry(e))}catch{return null}let o=this.cachedCSFFiles[t],n=this.storyFromCSFFile({storyId:e,csfFile:o});return{...n,storyFn:s=>{let i={...this.getStoryContext(n),viewMode:"story"};return n.unboundStoryFn({...i,...s})}}}};var _=require("@storybook/core-events");function Br(r,e){let t=C.getChannel(),[o]=t.last(`${_.SHARED_STATE_CHANGED}-manager-${r}`)||t.last(`${_.SHARED_STATE_SET}-manager-${r}`)||[],[n,s]=je(o||e),i=ke(()=>({[`${_.SHARED_STATE_CHANGED}-manager-${r}`]:d=>s(d),[`${_.SHARED_STATE_SET}-manager-${r}`]:d=>s(d)}),[r]),a=ve(i,[r]);return ye(()=>{e!==void 0&&!o&&a(`${_.SHARED_STATE_SET}-client-${r}`,e)},[r]),[n,d=>{s(d),a(`${_.SHARED_STATE_CHANGED}-client-${r}`,d)}]}function Yt(r,e){return Br(r,e)}var Re=g(require("slash")),$r=require("ts-dedent"),Hr=require("@storybook/client-logger"),Kt=r=>{let e=[...r],t=e[e.length-1],o=t.indexOf("."),n=o>0?t.substr(0,o):t;e[e.length-1]=n;let[s,...i]=e;return s===""&&(e=i),e},Wt=/^index$/i,Jt=r=>{let e;return r.filter((t,o)=>o===r.length-1&&(t===e||Wt.test(t))?!1:(e=t,!0))};function Gr(r){let e=new RegExp("/{1,}","g");return r.join("/").replace(e,"/")}var Vr=(r,e,t)=>{let{directory:o,importPathMatcher:n,titlePrefix:s=""}=e||{};typeof r=="number"&&Hr.once.warn($r.dedent`
|
|
30
30
|
CSF Auto-title received a numeric fileName. This typically happens when
|
|
31
31
|
webpack is mis-configured in production mode. To force webpack to produce
|
|
32
32
|
filenames, set optimization.moduleIds = "named" in your webpack config.
|
|
33
|
-
`);let i=(0,Re.default)(String(r));if(n.exec(i)){if(!t){let a=i.replace(o,""),p=(0,Re.default)(
|
|
33
|
+
`);let i=(0,Re.default)(String(r));if(n.exec(i)){if(!t){let a=i.replace(o,""),p=(0,Re.default)(Gr([s,a])).split("/");return p=Kt(p),p=Jt(p),p.join("/")}return s?(0,Re.default)(Gr([s,t])):t}},We=(r,e,t)=>{for(let o=0;o<e.length;o+=1){let n=Vr(r,e[o],t);if(n)return n}return t||void 0};var Wr=require("ts-dedent");var Ur=/\s*\/\s*/,Yr=(r={})=>(e,t)=>{if(e.title===t.title&&!r.includeNames)return 0;let o=r.method||"configure",n=r.order||[],s=e.title.trim().split(Ur),i=t.title.trim().split(Ur);r.includeNames&&(s.push(e.name),i.push(t.name));let a=0;for(;s[a]||i[a];){if(!s[a])return-1;if(!i[a])return 1;let d=s[a],p=i[a];if(d!==p){let c=n.indexOf(d),y=n.indexOf(p),f=n.indexOf("*");return c!==-1||y!==-1?(c===-1&&(f!==-1?c=f:c=n.length),y===-1&&(f!==-1?y=f:y=n.length),c-y):o==="configure"?0:d.localeCompare(p,r.locales?r.locales:void 0,{numeric:!0,sensitivity:"accent"})}let l=n.indexOf(d);l===-1&&(l=n.indexOf("*")),n=l!==-1&&Array.isArray(n[l+1])?n[l+1]:[],a+=1}return 0};var Jr=(r,e,t)=>{if(e){let o;typeof e=="function"?o=e:o=Yr(e),r.sort(o)}else r.sort((o,n)=>t.indexOf(o.importPath)-t.indexOf(n.importPath));return r},Qt=(r,e,t)=>{try{return Jr(r,e,t)}catch(o){throw new Error(Wr.dedent`
|
|
34
34
|
Error sorting stories with sort parameter ${e}:
|
|
35
35
|
|
|
36
36
|
> ${o.message}
|
|
@@ -38,7 +38,7 @@ See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-
|
|
|
38
38
|
Are you using a V6-style sort function in V7 mode?
|
|
39
39
|
|
|
40
40
|
More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort
|
|
41
|
-
`)}},
|
|
41
|
+
`)}},Kr=r=>{let{id:e,title:t,name:o,parameters:n,type:s}=r;return{id:e,title:t,name:o,importPath:n.fileName,type:s}},Je=(r,e,t)=>{if(e&&typeof e=="function")return r.sort(e),r.map(n=>Kr(n[1]));let o=r.map(n=>Kr(n[1]));return Jr(o,e,t)};var Qe=g(require("global")),Qr=require("ts-dedent"),Xr=require("synchronous-promise"),k=require("@storybook/csf"),qr=require("@storybook/client-logger");var Ee=class{constructor(){this.projectAnnotations={loaders:[],decorators:[],parameters:{},argsEnhancers:[],argTypesEnhancers:[],args:{},argTypes:{}},this.entries={},this.csfExports={}}importFn(e){return Xr.SynchronousPromise.resolve().then(()=>{let t=this.csfExports[e];if(!t)throw new Error(`Unknown path: ${e}`);return t})}getStoryIndex(e){var d,p;let t=Object.keys(this.csfExports),o=(p=(d=this.projectAnnotations.parameters)==null?void 0:d.options)==null?void 0:p.storySort,s=Object.entries(this.entries).map(([l,{type:c,importPath:y,...f}])=>{let m=this.csfExports[y],u=e.processCSFFileWithCache(m,y,m.default.title),x;return c==="story"?x=e.storyFromCSFFile({storyId:l,csfFile:u}):x={...f,story:f.name,kind:f.title,componentId:(0,k.toId)(f.componentId||f.title),parameters:{fileName:y}},[l,x,u.meta.parameters,this.projectAnnotations.parameters||{}]}),i;try{i=Je(s,o,t)}catch(l){throw typeof o=="function"?new Error(Qr.dedent`
|
|
42
42
|
Error sorting stories with sort parameter ${o}:
|
|
43
43
|
|
|
44
44
|
> ${l.message}
|
|
@@ -46,8 +46,8 @@ See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#hoisted-csf-
|
|
|
46
46
|
Are you using a V7-style sort function in V6 compatibility mode?
|
|
47
47
|
|
|
48
48
|
More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#v7-style-story-sort
|
|
49
|
-
`):l}return{v:4,entries:i.reduce((l,c)=>(l[c.id]=this.entries[c.id],l),{})}}clearFilenameExports(e){!this.csfExports[e]||(Object.entries(this.entries).forEach(([t,{importPath:o}])=>{o===e&&delete this.entries[t]}),this.csfExports[e]={})}addStoriesFromExports(e,t){if(e.match(/\.mdx$/)&&!e.match(/\.stories\.mdx$/)||this.csfExports[e]===t)return;this.clearFilenameExports(e);let{default:o,__namedExportsOrder:n,...s}=t,{id:i,title:a,tags:d=[]}=o||{},p=(Qe.default.STORIES||[]).map(m=>({...m,importPathMatcher:new RegExp(m.importPathMatcher)}));if(a=
|
|
49
|
+
`):l}return{v:4,entries:i.reduce((l,c)=>(l[c.id]=this.entries[c.id],l),{})}}clearFilenameExports(e){!this.csfExports[e]||(Object.entries(this.entries).forEach(([t,{importPath:o}])=>{o===e&&delete this.entries[t]}),this.csfExports[e]={})}addStoriesFromExports(e,t){if(e.match(/\.mdx$/)&&!e.match(/\.stories\.mdx$/)||this.csfExports[e]===t)return;this.clearFilenameExports(e);let{default:o,__namedExportsOrder:n,...s}=t,{id:i,title:a,tags:d=[]}=o||{},p=(Qe.default.STORIES||[]).map(m=>({...m,importPathMatcher:new RegExp(m.importPathMatcher)}));if(a=We(e,p,a),!a){qr.logger.info(`Unexpected default export without title in '${e}': ${JSON.stringify(t.default)}`);return}this.csfExports[e]={...t,default:{...o,title:a}};let l=s;Array.isArray(n)&&(l={},n.forEach(m=>{let u=s[m];u&&(l[m]=u)}));let c=Object.entries(l).filter(([m])=>(0,k.isExportStory)(m,o)),y=Qe.default.DOCS_OPTIONS||{},f=y.docsPage==="automatic"||y.docsPage&&d.includes("docsPage");if(y.enabled&&c.length&&(d.includes("mdx")||f)){let m=y.defaultName,u=(0,k.toId)(i||a,m);this.entries[u]={type:"docs",standalone:!1,id:u,title:a,name:m,importPath:e,...i&&{componentId:i},tags:[...d,"docs"],storiesImports:[]}}c.forEach(([m,u])=>{var S,j,ae;let x=(0,k.storyNameFromExport)(m),D=((S=u.parameters)==null?void 0:S.__id)||(0,k.toId)(i||a,x),z=typeof u!="function"&&u.name||u.storyName||((j=u.story)==null?void 0:j.name)||x;(ae=u.parameters)!=null&&ae.docsOnly||(this.entries[D]={type:"story",id:D,name:z,title:a,importPath:e,...i&&{componentId:i},tags:[...u.tags||d,"story"]})})}};var{window:b}=et.default,Xt={addDecorator:"Instead, use `export const decorators = [];` in your `preview.js`.",addParameters:"Instead, use `export const parameters = {};` in your `preview.js`.",addLoader:"Instead, use `export const loaders = [];` in your `preview.js`.",addArgs:"",addArgTypes:"",addArgsEnhancer:"",addArgTypesEnhancer:"",addStepRunner:"",getGlobalRender:"",setGlobalRender:""},P=r=>{var e;if((e=b.FEATURES)!=null&&e.storyStoreV7)throw new Error(Zr.dedent`You cannot use \`${r}\` with the new Story Store.
|
|
50
50
|
|
|
51
|
-
${Xt[r]}`);if(!
|
|
51
|
+
${Xt[r]}`);if(!b.__STORYBOOK_CLIENT_API__)throw new Error(`Singleton client API not yet initialized, cannot call \`${r}\`.`)},rt=r=>{var e;P("addDecorator"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addDecorator(r)},tt=r=>{var e;P("addParameters"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addParameters(r)},ot=r=>{var e;P("addLoader"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addLoader(r)},nt=r=>{var e;P("addArgs"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addArgs(r)},st=r=>{var e;P("addArgTypes"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addArgTypes(r)},it=r=>{var e;P("addArgsEnhancer"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addArgsEnhancer(r)},at=r=>{var e;P("addArgTypesEnhancer"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addArgTypesEnhancer(r)},dt=r=>{var e;P("addStepRunner"),(e=b.__STORYBOOK_CLIENT_API__)==null||e.addStepRunner(r)};var ct=r=>{P("setGlobalRender"),b.__STORYBOOK_CLIENT_API__&&(b.__STORYBOOK_CLIENT_API__.facade.projectAnnotations.render=r)},qt=new Set(["string","number","boolean","symbol"]),Fe=class{constructor({storyStore:e}={}){this.lastFileName=0;this.addDecorator=e=>{var t;(t=this.facade.projectAnnotations.decorators)==null||t.push(e)};this.addParameters=({globals:e,globalTypes:t,...o})=>{this.facade.projectAnnotations.parameters=T(this.facade.projectAnnotations.parameters,o),e&&(this.facade.projectAnnotations.globals={...this.facade.projectAnnotations.globals,...e}),t&&(this.facade.projectAnnotations.globalTypes={...this.facade.projectAnnotations.globalTypes,...E(t)})};this.addStepRunner=e=>{this.facade.projectAnnotations.runStep=te([this.facade.projectAnnotations.runStep,e].filter(Boolean))};this.addLoader=e=>{var t;(t=this.facade.projectAnnotations.loaders)==null||t.push(e)};this.addArgs=e=>{this.facade.projectAnnotations.args={...this.facade.projectAnnotations.args,...e}};this.addArgTypes=e=>{this.facade.projectAnnotations.argTypes={...this.facade.projectAnnotations.argTypes,...E(e)}};this.addArgsEnhancer=e=>{var t;(t=this.facade.projectAnnotations.argsEnhancers)==null||t.push(e)};this.addArgTypesEnhancer=e=>{var t;(t=this.facade.projectAnnotations.argTypesEnhancers)==null||t.push(e)};this._addedExports={};this.storiesOf=(e,t)=>{if(!e&&typeof e!="string")throw new Error("Invalid or missing kind provided for stories, should be a string");if(t||Xe.logger.warn(`Missing 'module' parameter for story with a kind of '${e}'. It will break your HMR`),t){let l=Object.getPrototypeOf(t);l.exports&&l.exports.default&&Xe.logger.error(`Illegal mix of CSF default export and storiesOf calls in a single file: ${l.i}`)}let o=t&&t.id?`${t.id}`:(this.lastFileName++).toString(),n=o,s=1;for(;this._addedExports[n];)s+=1,n=`${o}-${s}`;t&&t.hot&&t.hot.accept&&(t.hot.accept(),t.hot.dispose(()=>{this.facade.clearFilenameExports(n),delete this._addedExports[n],setTimeout(()=>{var l;this._loadAddedExports(),(l=this.onImportFnChanged)==null||l.call(this,{importFn:this.importFn.bind(this)})},0)}));let i=!1,a={kind:e.toString(),add:()=>a,addDecorator:()=>a,addLoader:()=>a,addParameters:()=>a};Object.keys(this.addons).forEach(l=>{let c=this.addons[l];a[l]=(...y)=>(c.apply(a,y),a)});let d={id:(0,Ce.sanitize)(e),title:e,decorators:[],loaders:[],parameters:{}};this._addedExports[n]={default:d};let p=0;return a.add=(l,c,y={})=>{if(i=!0,typeof l!="string")throw new Error(`Invalid or missing storyName provided for a "${e}" story.`);if(!c||Array.isArray(c)||qt.has(typeof c))throw new Error(`Cannot load story "${l}" in "${e}" due to invalid format. Storybook expected a function/object but received ${typeof c} instead.`);let{decorators:f,loaders:m,component:u,args:x,argTypes:D,...z}=y,S=y.__id||(0,Ce.toId)(e,l),j=this._addedExports[n];return j[`story${p}`]={name:l,parameters:{fileName:n,__id:S,...z},decorators:f,loaders:m,args:x,argTypes:D,component:u,render:c},p+=1,a},a.addDecorator=l=>{var c;if(i)throw new Error(`You cannot add a decorator after the first story for a kind.
|
|
52
52
|
Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);return(c=d.decorators)==null||c.push(l),a},a.addLoader=l=>{var c;if(i)throw new Error("You cannot add a loader after the first story for a kind.");return(c=d.loaders)==null||c.push(l),a},a.addParameters=({component:l,args:c,argTypes:y,tags:f,...m})=>{if(i)throw new Error(`You cannot add parameters after the first story for a kind.
|
|
53
|
-
Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);return d.parameters=T(d.parameters,m),l&&(d.component=l),c&&(d.args={...d.args,...c}),y&&(d.argTypes={...d.argTypes,...y}),f&&(d.tags=f),a},a};this.raw=()=>{var e;return(e=this.storyStore)==null?void 0:e.raw()};this.facade=new Ee,this.addons={},this.storyStore=e
|
|
53
|
+
Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);return d.parameters=T(d.parameters,m),l&&(d.component=l),c&&(d.args={...d.args,...c}),y&&(d.argTypes={...d.argTypes,...y}),f&&(d.tags=f),a},a};this.raw=()=>{var e;return(e=this.storyStore)==null?void 0:e.raw()};this.facade=new Ee,this.addons={},this.storyStore=e}importFn(e){return this.facade.importFn(e)}getStoryIndex(){if(!this.storyStore)throw new Error("Cannot get story index before setting storyStore");return this.facade.getStoryIndex(this.storyStore)}_loadAddedExports(){Object.entries(this._addedExports).forEach(([e,t])=>this.facade.addStoriesFromExports(e,t))}get _storyStore(){return this.storyStore}};var lt=g(require("global")),pt=require("qs"),yt=()=>{let{document:r}=lt.default;return r&&r.location&&r.location.search?(0,pt.parse)(r.location.search,{ignoreQueryPrefix:!0}):{}},Zt=r=>yt()[r];0&&(module.exports={ClientApi,DEEPLY_EQUAL,HooksContext,NO_TARGET_NAME,StoryStore,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,applyHooks,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,deepDiff,defaultDecorateStory,filterArgTypes,getArrayField,getField,getObjectField,getQueryParam,getQueryParams,getSingletonField,getValuesFromArgTypes,groupArgsByTarget,inferControls,mapArgsToTypes,noTargetArgs,normalizeComponentAnnotations,normalizeInputType,normalizeInputTypes,normalizeProjectAnnotations,normalizeStory,prepareStory,processCSFFile,sanitizeStoryContextUpdate,setGlobalRender,setProjectAnnotations,sortStoriesV6,sortStoriesV7,useAddonState,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useSharedState,useState,useStoryContext,userOrAutoTitle,userOrAutoTitleFromSpecifier,validateOptions});
|
package/dist/client-api.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ClientApi,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,getQueryParam,getQueryParams,setGlobalRender}from"./chunk-
|
|
1
|
+
import{ClientApi,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,getQueryParam,getQueryParams,setGlobalRender}from"./chunk-MLNVDUHU.mjs";import{DEEPLY_EQUAL,NO_TARGET_NAME,StoryStore,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,deepDiff,defaultDecorateStory,filterArgTypes,getArrayField,getField,getObjectField,getSingletonField,getValuesFromArgTypes,groupArgsByTarget,inferControls,mapArgsToTypes,noTargetArgs,normalizeComponentAnnotations,normalizeInputType,normalizeInputTypes,normalizeProjectAnnotations,normalizeStory,prepareStory,processCSFFile,sanitizeStoryContextUpdate,setProjectAnnotations,sortStoriesV6,sortStoriesV7,useAddonState,useSharedState,userOrAutoTitle,userOrAutoTitleFromSpecifier,validateOptions}from"./chunk-7WHOLHII.mjs";import{HooksContext,applyHooks,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useState,useStoryContext}from"./chunk-QSH26RWA.mjs";export{ClientApi,DEEPLY_EQUAL,HooksContext,NO_TARGET_NAME,StoryStore,addArgTypes,addArgTypesEnhancer,addArgs,addArgsEnhancer,addDecorator,addLoader,addParameters,addStepRunner,applyHooks,combineArgs,combineParameters,composeConfigs,composeStepRunners,composeStories,composeStory,decorateStory,deepDiff,defaultDecorateStory,filterArgTypes,getArrayField,getField,getObjectField,getQueryParam,getQueryParams,getSingletonField,getValuesFromArgTypes,groupArgsByTarget,inferControls,mapArgsToTypes,noTargetArgs,normalizeComponentAnnotations,normalizeInputType,normalizeInputTypes,normalizeProjectAnnotations,normalizeStory,prepareStory,processCSFFile,sanitizeStoryContextUpdate,setGlobalRender,setProjectAnnotations,sortStoriesV6,sortStoriesV7,useAddonState,useArgs,useCallback,useChannel,useEffect,useGlobals,useMemo,useParameter,useReducer,useRef,useSharedState,useState,useStoryContext,userOrAutoTitle,userOrAutoTitleFromSpecifier,validateOptions};
|
package/dist/core-client.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { C as ClientApi } from './ClientApi-
|
|
1
|
+
export { C as ClientApi } from './ClientApi-c264b450.js';
|
|
2
2
|
export { S as StoryStore } from './StoryStore-e35dc2c4.js';
|
|
3
|
-
export { s as start } from './start-
|
|
3
|
+
export { s as start } from './start-e15b4487.js';
|
|
4
4
|
import '@storybook/types';
|
|
5
5
|
import 'synchronous-promise';
|
|
6
6
|
import './hooks-dd6bc7a8.js';
|