@storybook/addon-docs 9.0.0-alpha.3 → 9.0.0-alpha.5

package/dist/index.js

@@ -1 +1 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __esm=(fn,res)=>function(){return fn&&(res=(0,fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default")),__toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var DocsRenderer_exports={};__export(DocsRenderer_exports,{DocsRenderer:()=>DocsRenderer,defaultComponents:()=>defaultComponents});var import_react,import_blocks,import_react_dom_shim,defaultComponents,ErrorBoundary,DocsRenderer,init_DocsRenderer=__esm({"src/DocsRenderer.tsx"(){"use strict";import_react=__toESM(require("react")),import_blocks=require("@storybook/blocks"),import_react_dom_shim=require("@storybook/react-dom-shim"),defaultComponents={code:import_blocks.CodeOrSourceMdx,a:import_blocks.AnchorMdx,...import_blocks.HeadersMdx},ErrorBoundary=class extends import_react.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException}=this.props;showException(err)}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:import_react.default.createElement(import_react.default.Fragment,null,children)}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=import_blocks.Docs;return new Promise((resolve,reject)=>{import("@mdx-js/react").then(({MDXProvider})=>(0,import_react_dom_shim.renderElement)(import_react.default.createElement(ErrorBoundary,{showException:reject,key:Math.random()},import_react.default.createElement(MDXProvider,{components},import_react.default.createElement(TDocs,{context,docsParameter}))),element)).then(()=>resolve())})},this.unmount=element=>{(0,import_react_dom_shim.unmountElement)(element)}}}}});var index_exports={};__export(index_exports,{DocsRenderer:()=>DocsRenderer,default:()=>index_default});module.exports=__toCommonJS(index_exports);var import_preview_api=require("storybook/internal/preview-api");var preview_exports={};__export(preview_exports,{parameters:()=>parameters});var excludeTags=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((acc,entry)=>{let[tag,option]=entry;return option.excludeFromDocsStories&&(acc[tag]=!0),acc},{}),parameters={docs:{renderer:async()=>{let{DocsRenderer:DocsRenderer2}=await Promise.resolve().then(()=>(init_DocsRenderer(),DocsRenderer_exports));return new DocsRenderer2},stories:{filter:story=>(story.tags||[]).filter(tag=>excludeTags[tag]).length===0&&!story.parameters.docs?.disable}}};__reExport(index_exports,require("@storybook/blocks"),module.exports);init_DocsRenderer();var index_default=()=>(0,import_preview_api.definePreview)(preview_exports);0&&(module.exports={DocsRenderer,...require("@storybook/blocks")});
+"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __esm=(fn,res)=>function(){return fn&&(res=(0,fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to},__reExport=(target,mod,secondTarget)=>(__copyProps(target,mod,"default"),secondTarget&&__copyProps(secondTarget,mod,"default")),__toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var DocsRenderer_exports={};__export(DocsRenderer_exports,{DocsRenderer:()=>DocsRenderer,defaultComponents:()=>defaultComponents});var import_react,import_blocks,import_react_dom_shim,defaultComponents,ErrorBoundary,DocsRenderer,init_DocsRenderer=__esm({"src/DocsRenderer.tsx"(){"use strict";import_react=__toESM(require("react")),import_blocks=require("@storybook/blocks"),import_react_dom_shim=require("@storybook/react-dom-shim"),defaultComponents={code:import_blocks.CodeOrSourceMdx,a:import_blocks.AnchorMdx,...import_blocks.HeadersMdx},ErrorBoundary=class extends import_react.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(err){let{showException}=this.props;showException(err)}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:import_react.default.createElement(import_react.default.Fragment,null,children)}},DocsRenderer=class{constructor(){this.render=async(context,docsParameter,element)=>{let components={...defaultComponents,...docsParameter?.components},TDocs=import_blocks.Docs;return new Promise((resolve,reject)=>{import("@mdx-js/react").then(({MDXProvider})=>(0,import_react_dom_shim.renderElement)(import_react.default.createElement(ErrorBoundary,{showException:reject,key:Math.random()},import_react.default.createElement(MDXProvider,{components},import_react.default.createElement(TDocs,{context,docsParameter}))),element)).then(()=>resolve())})},this.unmount=element=>{(0,import_react_dom_shim.unmountElement)(element)}}}}});var index_exports={};__export(index_exports,{DocsRenderer:()=>DocsRenderer,default:()=>index_default});module.exports=__toCommonJS(index_exports);var import_preview_api=require("storybook/preview-api");var preview_exports={};__export(preview_exports,{parameters:()=>parameters});var excludeTags=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((acc,entry)=>{let[tag,option]=entry;return option.excludeFromDocsStories&&(acc[tag]=!0),acc},{}),parameters={docs:{renderer:async()=>{let{DocsRenderer:DocsRenderer2}=await Promise.resolve().then(()=>(init_DocsRenderer(),DocsRenderer_exports));return new DocsRenderer2},stories:{filter:story=>(story.tags||[]).filter(tag=>excludeTags[tag]).length===0&&!story.parameters.docs?.disable}}};__reExport(index_exports,require("@storybook/blocks"),module.exports);init_DocsRenderer();var index_default=()=>(0,import_preview_api.definePreview)(preview_exports);0&&(module.exports={DocsRenderer,...require("@storybook/blocks")});

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { preview_exports } from './chunk-PRSJUHPQ.mjs';
 export { DocsRenderer } from './chunk-NUUEMKO5.mjs';
 import './chunk-H6MOWX77.mjs';
-import { definePreview } from 'storybook/internal/preview-api';
+import { definePreview } from 'storybook/preview-api';
 export * from '@storybook/blocks';
 
 var index_default=()=>definePreview(preview_exports);

package/dist/manager.js

@@ -1 +1 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));var import_react=__toESM(require("react")),import_components=require("storybook/internal/components"),import_docs_tools=require("storybook/internal/docs-tools"),import_manager_api=require("storybook/internal/manager-api"),import_theming=require("storybook/internal/theming"),import_blocks=require("@storybook/blocks");import_manager_api.addons.register(import_docs_tools.ADDON_ID,api=>{import_manager_api.addons.add(import_docs_tools.PANEL_ID,{title:"Code",type:import_manager_api.types.PANEL,paramKey:import_docs_tools.PARAM_KEY,disabled:parameters=>!parameters?.docs?.codePanel,match:({viewMode})=>viewMode==="story",render:({active})=>{let parameter=(0,import_manager_api.useParameter)(import_docs_tools.PARAM_KEY,{source:{code:""},theme:"dark"}),[codeSnippet,setSourceCode]=import_react.default.useState({});(0,import_manager_api.useChannel)({[import_docs_tools.SNIPPET_RENDERED]:({source,format})=>{setSourceCode({source,format})}});let isDark=(0,import_theming.useTheme)().base!=="light";return import_react.default.createElement(import_components.AddonPanel,{active:!!active},import_react.default.createElement(SourceStyles,null,import_react.default.createElement(import_blocks.Source,{...parameter.source,code:parameter.source.code||codeSnippet.source,format:parameter.source.format||codeSnippet.format,dark:isDark})))}})});var SourceStyles=import_theming.styled.div(()=>({height:"100%",[`> :first-child${import_theming.ignoreSsrWarning}`]:{margin:0,height:"100%",boxShadow:"none"}}));
+"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));var import_react=__toESM(require("react")),import_components=require("storybook/internal/components"),import_docs_tools=require("storybook/internal/docs-tools"),import_blocks=require("@storybook/blocks"),import_manager_api=require("storybook/manager-api"),import_theming=require("storybook/theming");import_manager_api.addons.register(import_docs_tools.ADDON_ID,api=>{import_manager_api.addons.add(import_docs_tools.PANEL_ID,{title:"Code",type:import_manager_api.types.PANEL,paramKey:import_docs_tools.PARAM_KEY,disabled:parameters=>!parameters?.docs?.codePanel,match:({viewMode})=>viewMode==="story",render:({active})=>{let parameter=(0,import_manager_api.useParameter)(import_docs_tools.PARAM_KEY,{source:{code:""},theme:"dark"}),[codeSnippet,setSourceCode]=import_react.default.useState({});(0,import_manager_api.useChannel)({[import_docs_tools.SNIPPET_RENDERED]:({source,format})=>{setSourceCode({source,format})}});let isDark=(0,import_theming.useTheme)().base!=="light";return import_react.default.createElement(import_components.AddonPanel,{active:!!active},import_react.default.createElement(SourceStyles,null,import_react.default.createElement(import_blocks.Source,{...parameter.source,code:parameter.source.code||codeSnippet.source,format:parameter.source.format||codeSnippet.format,dark:isDark})))}})});var SourceStyles=import_theming.styled.div(()=>({height:"100%",[`> :first-child${import_theming.ignoreSsrWarning}`]:{margin:0,height:"100%",boxShadow:"none"}}));

package/dist/manager.mjs

@@ -1,8 +1,8 @@
 import React from 'react';
 import { AddonPanel } from 'storybook/internal/components';
 import { ADDON_ID, PANEL_ID, PARAM_KEY, SNIPPET_RENDERED } from 'storybook/internal/docs-tools';
-import { addons, types, useParameter, useChannel } from 'storybook/internal/manager-api';
-import { useTheme, styled, ignoreSsrWarning } from 'storybook/internal/theming';
 import { Source } from '@storybook/blocks';
+import { addons, types, useParameter, useChannel } from 'storybook/manager-api';
+import { useTheme, styled, ignoreSsrWarning } from 'storybook/theming';
 
 addons.register(ADDON_ID,api=>{addons.add(PANEL_ID,{title:"Code",type:types.PANEL,paramKey:PARAM_KEY,disabled:parameters=>!parameters?.docs?.codePanel,match:({viewMode})=>viewMode==="story",render:({active})=>{let parameter=useParameter(PARAM_KEY,{source:{code:""},theme:"dark"}),[codeSnippet,setSourceCode]=React.useState({});useChannel({[SNIPPET_RENDERED]:({source,format})=>{setSourceCode({source,format});}});let isDark=useTheme().base!=="light";return React.createElement(AddonPanel,{active:!!active},React.createElement(SourceStyles,null,React.createElement(Source,{...parameter.source,code:parameter.source.code||codeSnippet.source,format:parameter.source.format||codeSnippet.format,dark:isDark})))}});});var SourceStyles=styled.div(()=>({height:"100%",[`> :first-child${ignoreSsrWarning}`]:{margin:0,height:"100%",boxShadow:"none"}}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-docs",
-  "version": "9.0.0-alpha.3",
+  "version": "9.0.0-alpha.5",
   "description": "Document component usage and properties in Markdown",
   "keywords": [
     "addon",
@@ -122,9 +122,9 @@
   },
   "dependencies": {
     "@mdx-js/react": "^3.0.0",
-    "@storybook/blocks": "9.0.0-alpha.3",
-    "@storybook/csf-plugin": "9.0.0-alpha.3",
-    "@storybook/react-dom-shim": "9.0.0-alpha.3",
+    "@storybook/blocks": "9.0.0-alpha.5",
+    "@storybook/csf-plugin": "9.0.0-alpha.5",
+    "@storybook/react-dom-shim": "9.0.0-alpha.5",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "ts-dedent": "^2.0.0"
@@ -141,7 +141,7 @@
     "vite": "^4.0.4"
   },
   "peerDependencies": {
-    "storybook": "^9.0.0-alpha.3"
+    "storybook": "^9.0.0-alpha.5"
   },
   "publishConfig": {
     "access": "public"