@storybook/react 7.0.0-alpha.47 → 7.0.0-alpha.48

package/dist/config.d.ts

@@ -1,6 +1,6 @@
 import * as lib_docs_tools_dist from 'lib/docs-tools/dist';
-import * as lib_types_dist from 'lib/types/dist';
 import { R as ReactFramework, S as StoryFnReactReturnType } from './types-e57bba30.js';
+import * as lib_types_dist from 'lib/types/dist';
 import { ArgsStoryFn, Store_RenderContext } from '@storybook/types';
 import 'react';
 

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as _storybook_types from '@storybook/types';
 import { Args, DecoratorFunction, Addon_ClientStoryApi, Addon_Loadable, ComponentAnnotations, AnnotatedStoryFn, ArgsStoryFn, ArgsFromMeta, StoryAnnotations, ProjectAnnotations, Store_ComposedStory, Store_CSFExports, Store_StoriesWithPartialProps } from '@storybook/types';
 import { R as ReactFramework, S as StoryFnReactReturnType } from './types-e57bba30.js';
+export { R as ReactFramework } from './types-e57bba30.js';
 import { ComponentType, ComponentProps, JSXElementConstructor } from 'react';
 import { Simplify, SetOptional } from 'type-fest';
 

package/dist/index.js

@@ -1 +1 @@
-"use strict";var _=Object.create;var m=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var L=(o,t)=>{for(var e in t)m(o,e,{get:t[e],enumerable:!0})},y=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of v(t))!U.call(o,s)&&s!==e&&m(o,s,{get:()=>t[s],enumerable:!(r=T(t,s))||r.enumerable});return o};var p=(o,t,e)=>(e=o!=null?_(W(o)):{},y(t||!o||!o.__esModule?m(e,"default",{value:o,enumerable:!0}):e,o)),N=o=>y(m({},"__esModule",{value:!0}),o);var Z={};L(Z,{composeStories:()=>X,composeStory:()=>b,configure:()=>q,forceReRender:()=>z,raw:()=>H,setGlobalConfig:()=>J,setProjectAnnotations:()=>M,storiesOf:()=>$});module.exports=N(Z);var S=p(require("global")),{window:A}=S.default;A&&(A.STORYBOOK_ENV="react");var k=require("@storybook/core-client");var F=p(require("global")),n=p(require("react")),a=p(require("react-dom")),{FRAMEWORK_OPTIONS:i}=F.default,d=new Map,l=(o,t)=>{let{id:e,component:r}=t;if(!r)throw new Error(`Unable to render story ${e} as the component annotation is missing from the default export`);return n.default.createElement(r,{...o})},O=({callback:o,children:t})=>{let e=(0,n.useRef)();return(0,n.useLayoutEffect)(()=>{e.current!==o&&(e.current=o,o())},[o]),t},G=async(o,t)=>{let e=await Y(t);return new Promise(r=>{e?e.render(n.default.createElement(O,{callback:()=>r(null)},o)):a.default.render(o,t,()=>r(null))})},V=a.version&&(a.version.startsWith("18")||a.version.startsWith("0.0.0")),B=(i==null?void 0:i.legacyRootApi)!==!0,h=B&&V,g=o=>{let t=d.get(o);t&&h?(t.unmount(),d.delete(o)):a.default.unmountComponentAtNode(o)},Y=async o=>{if(!h)return null;let t=d.get(o);return t||(t=(await import("react-dom/client")).default.createRoot(o),d.set(o,t)),t},R=class extends n.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:e}=this.state,{showMain:r}=this.props;e||r()}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:r}},C=i!=null&&i.strictMode?n.StrictMode:n.Fragment;async function x({storyContext:o,unboundStoryFn:t,showMain:e,showException:r,forceRemount:s},u){let w=n.default.createElement(R,{showMain:e,showException:r},n.default.createElement(t,{...o})),D=C?n.default.createElement(C,null,w):w;return s&&g(u),await G(D,u),()=>g(u)}var E="react",f=(0,k.start)(x,{render:l}),$=(o,t)=>f.clientApi.storiesOf(o,t).addParameters({framework:E}),q=(...o)=>f.configure(E,...o),z=f.forceReRender,H=f.clientApi.raw;var c=require("@storybook/store"),P=require("@storybook/client-logger");function M(o){(0,c.setProjectAnnotations)(o)}function J(o){(0,P.deprecate)("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),M(o)}var Q={render:l};function b(o,t,e,r){return(0,c.composeStory)(o,t,e,Q,r)}function X(o,t){return(0,c.composeStories)(o,t,b)}var j;(j=module==null?void 0:module.hot)==null||j.decline();0&&(module.exports={composeStories,composeStory,configure,forceReRender,raw,setGlobalConfig,setProjectAnnotations,storiesOf});
+"use strict";var j=Object.create;var c=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var X=(t,o)=>{for(var e in o)c(t,e,{get:o[e],enumerable:!0})},C=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of _(o))!J.call(t,s)&&s!==e&&c(t,s,{get:()=>o[s],enumerable:!(r=D(o,s))||r.enumerable});return t};var m=(t,o,e)=>(e=t!=null?j(v(t)):{},C(o||!t||!t.__esModule?c(e,"default",{value:t,enumerable:!0}):e,t)),W=t=>C(c({},"__esModule",{value:!0}),t);var Z={};X(Z,{composeStories:()=>Q,composeStory:()=>O,configure:()=>Y,forceReRender:()=>$,raw:()=>q,setGlobalConfig:()=>z,setProjectAnnotations:()=>P,storiesOf:()=>B});module.exports=W(Z);var R=m(require("global")),{window:S}=R.default;S&&(S.STORYBOOK_ENV="react");var T=require("@storybook/core-client");var F=m(require("global")),n=m(require("react")),a=m(require("react-dom")),{FRAMEWORK_OPTIONS:p}=F.default,y=new Map,A=(t,o)=>{let{id:e,component:r}=o;if(!r)throw new Error(`Unable to render story ${e} as the component annotation is missing from the default export`);return n.default.createElement(r,{...t})},U=({callback:t,children:o})=>{let e=(0,n.useRef)();return(0,n.useLayoutEffect)(()=>{e.current!==t&&(e.current=t,t())},[t]),o},L=async(t,o)=>{let e=await V(o);return new Promise(r=>{e?e.render(n.default.createElement(U,{callback:()=>r(null)},t)):a.default.render(t,o,()=>r(null))})},N=a.version&&(a.version.startsWith("18")||a.version.startsWith("0.0.0")),G=(p==null?void 0:p.legacyRootApi)!==!0,x=G&&N,u=t=>{let o=y.get(t);o&&x?(o.unmount(),y.delete(t)):a.default.unmountComponentAtNode(t)},V=async t=>{if(!x)return null;let o=y.get(t);return o||(o=(await import("react-dom/client")).default.createRoot(t),y.set(t,o)),o},f=class extends n.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:e}=this.state,{showMain:r}=this.props;e||r()}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:r}},w=p!=null&&p.strictMode?n.StrictMode:n.Fragment;async function k({storyContext:t,unboundStoryFn:o,showMain:e,showException:r,forceRemount:s},l){let g=n.default.createElement(f,{showMain:e,showException:r},n.default.createElement(o,{...t})),b=w?n.default.createElement(w,null,g):g;return s&&u(l),await L(b,l),()=>u(l)}var E="react",d=(0,T.start)(k,{render:A}),B=(t,o)=>d.clientApi.storiesOf(t,o).addParameters({framework:E}),Y=(...t)=>d.configure(E,...t),$=d.forceReRender,q=d.clientApi.raw;var i=require("@storybook/store"),h=require("@storybook/client-logger");function P(t){(0,i.setProjectAnnotations)(t)}function z(t){(0,h.deprecate)("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),P(t)}var H={render:A};function O(t,o,e,r){return(0,i.composeStory)(t,o,e,H,r)}function Q(t,o){return(0,i.composeStories)(t,o,O)}var M;(M=module==null?void 0:module.hot)==null||M.decline();0&&(module.exports={composeStories,composeStory,configure,forceReRender,raw,setGlobalConfig,setProjectAnnotations,storiesOf});

package/dist/index.mjs

@@ -1 +1 @@
-import{a as e,b as p}from"./chunk-Y6TTZ4RO.mjs";import A from"global";var{window:a}=A;a&&(a.STORYBOOK_ENV="react");import{start as c}from"@storybook/core-client";var m="react",n=c(p,{render:e}),k=(o,t)=>n.clientApi.storiesOf(o,t).addParameters({framework:m}),x=(...o)=>n.configure(m,...o),w=n.forceReRender,O=n.clientApi.raw;import{composeStory as y,composeStories as g,setProjectAnnotations as d}from"@storybook/store";import{deprecate as S}from"@storybook/client-logger";function C(o){d(o)}function E(o){S("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),C(o)}var f={render:e};function l(o,t,s,i){return y(o,t,s,f,i)}function b(o,t){return g(o,t,l)}module?.hot?.decline();export{b as composeStories,l as composeStory,x as configure,w as forceReRender,O as raw,E as setGlobalConfig,C as setProjectAnnotations,k as storiesOf};
+import{a as e,b as p}from"./chunk-Y6TTZ4RO.mjs";import c from"global";var{window:a}=c;a&&(a.STORYBOOK_ENV="react");import{start as A}from"@storybook/core-client";var m="react",n=A(p,{render:e}),k=(o,t)=>n.clientApi.storiesOf(o,t).addParameters({framework:m}),x=(...o)=>n.configure(m,...o),w=n.forceReRender,O=n.clientApi.raw;import{composeStory as y,composeStories as g,setProjectAnnotations as d}from"@storybook/store";import{deprecate as S}from"@storybook/client-logger";function C(o){d(o)}function E(o){S("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),C(o)}var f={render:e};function l(o,t,s,i){return y(o,t,s,f,i)}function b(o,t){return g(o,t,l)}module?.hot?.decline();export{b as composeStories,l as composeStory,x as configure,w as forceReRender,O as raw,E as setGlobalConfig,C as setProjectAnnotations,k as storiesOf};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.47",
+  "version": "7.0.0-alpha.48",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -52,12 +52,12 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.47",
-    "@storybook/client-logger": "7.0.0-alpha.47",
-    "@storybook/core-client": "7.0.0-alpha.47",
-    "@storybook/docs-tools": "7.0.0-alpha.47",
-    "@storybook/store": "7.0.0-alpha.47",
-    "@storybook/types": "7.0.0-alpha.47",
+    "@storybook/addons": "7.0.0-alpha.48",
+    "@storybook/client-logger": "7.0.0-alpha.48",
+    "@storybook/core-client": "7.0.0-alpha.48",
+    "@storybook/docs-tools": "7.0.0-alpha.48",
+    "@storybook/store": "7.0.0-alpha.48",
+    "@storybook/types": "7.0.0-alpha.48",
     "@types/estree": "^0.0.51",
     "@types/node": "^16.0.0",
     "acorn": "^7.4.1",
@@ -104,5 +104,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "1c706a4a778831e012343c905f86225fa71491a7"
+  "gitHead": "b58a29b785462f8a8b711b6bb2d7223fd6dc17fd"
 }

package/template/cli/js/Button.stories.js

@@ -4,6 +4,8 @@ import { Button } from './Button';
 export default {
   title: 'Example/Button',
   component: Button,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/react/writing-docs/docs-page
+  tags: ['docsPage'],
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },

package/template/cli/js/Header.stories.js

@@ -3,6 +3,8 @@ import { Header } from './Header';
 export default {
   title: 'Example/Header',
   component: Header,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/react/writing-docs/docs-page
+  tags: ['docsPage'],
   parameters: {
     // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',

package/template/cli/ts/Button.stories.ts

@@ -6,6 +6,8 @@ import { Button } from './Button';
 const meta: Meta<typeof Button> = {
   title: 'Example/Button',
   component: Button,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/react/writing-docs/docs-page
+  tags: ['docsPage'],
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {
     backgroundColor: { control: 'color' },

package/template/cli/ts/Header.stories.ts

@@ -4,6 +4,8 @@ import { Header } from './Header';
 const meta: Meta<typeof Header> = {
   title: 'Example/Header',
   component: Header,
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/react/writing-docs/docs-page
+  tags: ['docsPage'],
   parameters: {
     // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
     layout: 'fullscreen',