@storybook/react 8.0.0-rc.0 → 8.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-FH7K3Q3U.mjs +3 -0
- package/dist/chunk-NKAB2K5R.mjs +8 -0
- package/dist/entry-preview-docs.mjs +1 -0
- package/dist/entry-preview-rsc.mjs +1 -0
- package/dist/entry-preview.mjs +2 -8
- package/dist/index.js +1 -1
- package/dist/index.mjs +5 -3
- package/package.json +7 -7
- package/dist/chunk-ZRQXZGQH.mjs +0 -5
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { __export } from './chunk-FH7K3Q3U.mjs';
|
|
2
|
+
import React2, { StrictMode, Fragment, Component } from 'react';
|
|
3
|
+
import { global } from '@storybook/global';
|
|
4
|
+
import { unmountElement, renderElement } from '@storybook/react-dom-shim';
|
|
5
|
+
|
|
6
|
+
var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var render=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return React2.createElement(Component,{...args})};var{FRAMEWORK_OPTIONS}=global,ErrorBoundary=class extends Component{constructor(){super(...arguments);this.state={hasError:!1};}static getDerivedStateFromError(){return {hasError:!0}}componentDidMount(){let{hasError}=this.state,{showMain}=this.props;hasError||showMain();}componentDidCatch(err){let{showException}=this.props;showException(err);}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:children}},Wrapper=FRAMEWORK_OPTIONS?.strictMode?StrictMode:Fragment;async function renderToCanvas({storyContext,unboundStoryFn,showMain,showException,forceRemount},canvasElement){let content=React2.createElement(ErrorBoundary,{showMain,showException},React2.createElement(unboundStoryFn,{...storyContext})),element=Wrapper?React2.createElement(Wrapper,null,content):content;return forceRemount&&unmountElement(canvasElement),await renderElement(element,canvasElement),()=>unmountElement(canvasElement)}var parameters={renderer:"react"};
|
|
7
|
+
|
|
8
|
+
export { entry_preview_exports, parameters, render, renderToCanvas };
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import './chunk-FH7K3Q3U.mjs';
|
|
1
2
|
import { extractComponentDescription, enhanceArgTypes, createSummaryValue, SNIPPET_RENDERED, getDocgenSection, SourceType, isTooLongForDefaultValueSummary, hasDocgen, extractComponentProps, TypeSystem, isTooLongForTypeSummary } from '@storybook/docs-tools';
|
|
2
3
|
import PropTypes from 'prop-types';
|
|
3
4
|
import htmlTags from 'html-tags';
|
package/dist/entry-preview.mjs
CHANGED
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
export { render } from './chunk-
|
|
2
|
-
import
|
|
3
|
-
import React, { StrictMode, Fragment, Component } from 'react';
|
|
4
|
-
import { unmountElement, renderElement } from '@storybook/react-dom-shim';
|
|
5
|
-
|
|
6
|
-
var{FRAMEWORK_OPTIONS}=global,ErrorBoundary=class extends Component{constructor(){super(...arguments);this.state={hasError:!1};}static getDerivedStateFromError(){return {hasError:!0}}componentDidMount(){let{hasError}=this.state,{showMain}=this.props;hasError||showMain();}componentDidCatch(err){let{showException}=this.props;showException(err);}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:children}},Wrapper=FRAMEWORK_OPTIONS?.strictMode?StrictMode:Fragment;async function renderToCanvas({storyContext,unboundStoryFn,showMain,showException,forceRemount},canvasElement){let content=React.createElement(ErrorBoundary,{showMain,showException},React.createElement(unboundStoryFn,{...storyContext})),element=Wrapper?React.createElement(Wrapper,null,content):content;return forceRemount&&unmountElement(canvasElement),await renderElement(element,canvasElement),()=>unmountElement(canvasElement)}var parameters={renderer:"react"};
|
|
7
|
-
|
|
8
|
-
export { parameters, renderToCanvas };
|
|
1
|
+
export { parameters, render, renderToCanvas } from './chunk-NKAB2K5R.mjs';
|
|
2
|
+
import './chunk-FH7K3Q3U.mjs';
|
package/dist/index.js
CHANGED
|
@@ -1 +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 __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};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)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{composeStories:()=>composeStories,composeStory:()=>composeStory,setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow&&(globalWindow.STORYBOOK_ENV="react");var import_preview_api=require("@storybook/preview-api");var import_react=__toESM(require("react")),render=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return import_react.default.createElement(Component,{...args})};function setProjectAnnotations(projectAnnotations){(0,import_preview_api.setProjectAnnotations)(projectAnnotations)}var defaultProjectAnnotations={
|
|
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 __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};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)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{composeStories:()=>composeStories,composeStory:()=>composeStory,setProjectAnnotations:()=>setProjectAnnotations});module.exports=__toCommonJS(src_exports);var import_global=require("@storybook/global"),{window:globalWindow}=import_global.global;globalWindow&&(globalWindow.STORYBOOK_ENV="react");var import_react3=__toESM(require("react")),import_preview_api=require("@storybook/preview-api");var entry_preview_exports={};__export(entry_preview_exports,{parameters:()=>parameters,render:()=>render,renderToCanvas:()=>renderToCanvas});var import_react=__toESM(require("react")),render=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return import_react.default.createElement(Component,{...args})};var import_global2=require("@storybook/global"),import_react2=__toESM(require("react")),import_react_dom_shim=require("@storybook/react-dom-shim"),{FRAMEWORK_OPTIONS}=import_global2.global,ErrorBoundary=class extends import_react2.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError}=this.state,{showMain}=this.props;hasError||showMain()}componentDidCatch(err){let{showException}=this.props;showException(err)}render(){let{hasError}=this.state,{children}=this.props;return hasError?null:children}},Wrapper=FRAMEWORK_OPTIONS?.strictMode?import_react2.StrictMode:import_react2.Fragment;async function renderToCanvas({storyContext,unboundStoryFn,showMain,showException,forceRemount},canvasElement){let content=import_react2.default.createElement(ErrorBoundary,{showMain,showException},import_react2.default.createElement(unboundStoryFn,{...storyContext})),element=Wrapper?import_react2.default.createElement(Wrapper,null,content):content;return forceRemount&&(0,import_react_dom_shim.unmountElement)(canvasElement),await(0,import_react_dom_shim.renderElement)(element,canvasElement),()=>(0,import_react_dom_shim.unmountElement)(canvasElement)}var parameters={renderer:"react"};function setProjectAnnotations(projectAnnotations){(0,import_preview_api.setProjectAnnotations)(projectAnnotations)}var defaultProjectAnnotations={...entry_preview_exports,decorators:[function(StoryFn,{id}){return import_react3.default.createElement("div",{"data-story":!0,id:(0,import_preview_api.getPortableStoryWrapperId)(id)},import_react3.default.createElement(StoryFn,null))}]};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){return(0,import_preview_api.composeStory)(story,componentAnnotations,projectAnnotations,defaultProjectAnnotations,exportsName)}function composeStories(csfExports,projectAnnotations){return(0,import_preview_api.composeStories)(csfExports,projectAnnotations,composeStory)}typeof module<"u"&&module?.hot?.decline();0&&(module.exports={composeStories,composeStory,setProjectAnnotations});
|
package/dist/index.mjs
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { entry_preview_exports } from './chunk-NKAB2K5R.mjs';
|
|
2
|
+
import './chunk-FH7K3Q3U.mjs';
|
|
2
3
|
import { global } from '@storybook/global';
|
|
3
|
-
import
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import { getPortableStoryWrapperId, setProjectAnnotations as setProjectAnnotations$1, composeStory as composeStory$1, composeStories as composeStories$1 } from '@storybook/preview-api';
|
|
4
6
|
|
|
5
|
-
var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="react");function setProjectAnnotations(projectAnnotations){setProjectAnnotations$1(projectAnnotations);}var defaultProjectAnnotations={
|
|
7
|
+
var{window:globalWindow}=global;globalWindow&&(globalWindow.STORYBOOK_ENV="react");function setProjectAnnotations(projectAnnotations){setProjectAnnotations$1(projectAnnotations);}var defaultProjectAnnotations={...entry_preview_exports,decorators:[function(StoryFn,{id}){return React.createElement("div",{"data-story":!0,id:getPortableStoryWrapperId(id)},React.createElement(StoryFn,null))}]};function composeStory(story,componentAnnotations,projectAnnotations,exportsName){return composeStory$1(story,componentAnnotations,projectAnnotations,defaultProjectAnnotations,exportsName)}function composeStories(csfExports,projectAnnotations){return composeStories$1(csfExports,projectAnnotations,composeStory)}typeof module<"u"&&module?.hot?.decline();
|
|
6
8
|
|
|
7
9
|
export { composeStories, composeStory, setProjectAnnotations };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/react",
|
|
3
|
-
"version": "8.0.0-rc.
|
|
3
|
+
"version": "8.0.0-rc.2",
|
|
4
4
|
"description": "Storybook React renderer",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"storybook"
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
"prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@storybook/client-logger": "8.0.0-rc.
|
|
52
|
-
"@storybook/docs-tools": "8.0.0-rc.
|
|
51
|
+
"@storybook/client-logger": "8.0.0-rc.2",
|
|
52
|
+
"@storybook/docs-tools": "8.0.0-rc.2",
|
|
53
53
|
"@storybook/global": "^5.0.0",
|
|
54
|
-
"@storybook/preview-api": "8.0.0-rc.
|
|
55
|
-
"@storybook/react-dom-shim": "8.0.0-rc.
|
|
56
|
-
"@storybook/types": "8.0.0-rc.
|
|
54
|
+
"@storybook/preview-api": "8.0.0-rc.2",
|
|
55
|
+
"@storybook/react-dom-shim": "8.0.0-rc.2",
|
|
56
|
+
"@storybook/types": "8.0.0-rc.2",
|
|
57
57
|
"@types/escodegen": "^0.0.6",
|
|
58
58
|
"@types/estree": "^0.0.51",
|
|
59
59
|
"@types/node": "^18.0.0",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"util-deprecate": "^1.0.2"
|
|
72
72
|
},
|
|
73
73
|
"devDependencies": {
|
|
74
|
-
"@storybook/test": "8.0.0-rc.
|
|
74
|
+
"@storybook/test": "8.0.0-rc.2",
|
|
75
75
|
"@types/babel-plugin-react-docgen": "^4",
|
|
76
76
|
"@types/semver": "^7.3.4",
|
|
77
77
|
"@types/util-deprecate": "^1.0.0",
|
package/dist/chunk-ZRQXZGQH.mjs
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
var render=(args,context)=>{let{id,component:Component}=context;if(!Component)throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);return React.createElement(Component,{...args})};
|
|
4
|
-
|
|
5
|
-
export { render };
|