@storybook/react 7.0.0-alpha.3 → 7.0.0-alpha.6

package/dist/cjs/docs/jsxDecorator.js

@@ -65,7 +65,7 @@ const renderJsx = (code, options) => {
   }
 
   let renderedJSX = code;
-  const Type = renderedJSX.type;
+  const Type = renderedJSX.type; // @ts-ignore
 
   for (let i = 0; i < options.skip; i += 1) {
     if (typeof renderedJSX === 'undefined') {

package/dist/cjs/docs/lib/defaultValues/createFromRawDefaultProp.js

@@ -147,7 +147,8 @@ const functionResolver = (rawDefaultProp, propDef) => {
 
     if (inspectionResult != null) {
       inspectionResult = (0, _inspection.inspectValue)(rawDefaultProp.toString());
-    }
+    } // @ts-ignore
+
 
     const {
       hasParams

package/dist/cjs/docs/lib/defaultValues/prettyIdentifier.js

@@ -25,9 +25,11 @@ function getPrettyIdentifier(inferredType) {
 
   switch (type) {
     case _inspection.InspectionType.FUNCTION:
+      // @ts-ignore
       return getPrettyFuncIdentifier(identifier, inferredType.hasParams);
 
     case _inspection.InspectionType.ELEMENT:
+      // @ts-ignore
       return getPrettyElementIdentifier(identifier);
 
     default:

package/dist/cjs/docs/propTypes/createType.js

@@ -177,8 +177,10 @@ function generateFunc(extractedProp) {
     if (jsDocTags.params != null || jsDocTags.returns != null) {
       return createTypeDef({
         name: PropTypesType.FUNC,
+        // @ts-ignore
         short: (0, _generateFuncSignature.generateShortFuncSignature)(jsDocTags.params, jsDocTags.returns),
         compact: null,
+        // @ts-ignore
         full: (0, _generateFuncSignature.generateFuncSignature)(jsDocTags.params, jsDocTags.returns)
       });
     }
@@ -222,7 +224,7 @@ function generateObjectOf(type, extractedProp) {
     name: PropTypesType.OBJECTOF,
     short: objectOf(short),
     compact: compact != null ? objectOf(compact) : null,
-    full: objectOf(full)
+    full: full ? objectOf(full) : full
   });
 }
 
@@ -314,7 +316,7 @@ function createArrayOfObjectTypeDef(short, compact, full) {
     name: PropTypesType.ARRAYOF,
     short: braceAfter(short),
     compact: compact != null ? braceAround(compact) : null,
-    full: braceAround(full)
+    full: full ? braceAround(full) : full
   });
 }
 
@@ -423,7 +425,7 @@ function createType(extractedProp) {
             }
           }
 
-          return (0, _docsTools.createSummaryValue)(short, full);
+          return full ? (0, _docsTools.createSummaryValue)(short, full) : (0, _docsTools.createSummaryValue)(short);
         }
 
       case PropTypesType.FUNC:
@@ -435,9 +437,9 @@ function createType(extractedProp) {
           let summary = short;
           let detail;
 
-          if (full.length < MAX_FUNC_LENGTH) {
+          if (full && full.length < MAX_FUNC_LENGTH) {
             summary = full;
-          } else {
+          } else if (full) {
             detail = (0, _generateFuncSignature.toMultilineSignature)(full);
           }
 

package/dist/cjs/docs/propTypes/sortProps.js

@@ -14,7 +14,7 @@ function keepOriginalDefinitionOrder(extractedProps, component) {
   } = component;
 
   if (propTypes != null) {
-    return Object.keys(propTypes).map(x => extractedProps.find(y => y.name === x)).filter(x => x);
+    return Object.keys(propTypes).map(x => extractedProps.find(y => y.name === x)).filter(Boolean);
   }
 
   return extractedProps;

package/dist/cjs/preview/render.js

@@ -162,4 +162,5 @@ async function renderToDOM({
   }
 
   await renderElement(element, domElement);
+  return () => unmountElement(domElement);
 }

package/dist/cjs/testing/index.js

@@ -107,6 +107,7 @@ function composeStory(story, componentAnnotations, projectAnnotations, exportsNa
 
 
 function composeStories(csfExports, projectAnnotations) {
+  // @ts-ignore
   const composedStories = (0, _store.composeStories)(csfExports, projectAnnotations, composeStory);
   return composedStories;
 }

package/dist/esm/docs/jsxDecorator.js

@@ -45,7 +45,7 @@ export const renderJsx = (code, options) => {
   }
 
   let renderedJSX = code;
-  const Type = renderedJSX.type;
+  const Type = renderedJSX.type; // @ts-ignore
 
   for (let i = 0; i < options.skip; i += 1) {
     if (typeof renderedJSX === 'undefined') {

package/dist/esm/docs/lib/defaultValues/createFromRawDefaultProp.js

@@ -126,7 +126,8 @@ const functionResolver = (rawDefaultProp, propDef) => {
 
     if (inspectionResult != null) {
       inspectionResult = inspectValue(rawDefaultProp.toString());
-    }
+    } // @ts-ignore
+
 
     const {
       hasParams

package/dist/esm/docs/lib/defaultValues/prettyIdentifier.js

@@ -13,9 +13,11 @@ export function getPrettyIdentifier(inferredType) {
 
   switch (type) {
     case InspectionType.FUNCTION:
+      // @ts-ignore
       return getPrettyFuncIdentifier(identifier, inferredType.hasParams);
 
     case InspectionType.ELEMENT:
+      // @ts-ignore
       return getPrettyElementIdentifier(identifier);
 
     default:

package/dist/esm/docs/propTypes/createType.js

@@ -166,8 +166,10 @@ function generateFunc(extractedProp) {
     if (jsDocTags.params != null || jsDocTags.returns != null) {
       return createTypeDef({
         name: PropTypesType.FUNC,
+        // @ts-ignore
         short: generateShortFuncSignature(jsDocTags.params, jsDocTags.returns),
         compact: null,
+        // @ts-ignore
         full: generateFuncSignature(jsDocTags.params, jsDocTags.returns)
       });
     }
@@ -211,7 +213,7 @@ function generateObjectOf(type, extractedProp) {
     name: PropTypesType.OBJECTOF,
     short: objectOf(short),
     compact: compact != null ? objectOf(compact) : null,
-    full: objectOf(full)
+    full: full ? objectOf(full) : full
   });
 }
 
@@ -303,7 +305,7 @@ function createArrayOfObjectTypeDef(short, compact, full) {
     name: PropTypesType.ARRAYOF,
     short: braceAfter(short),
     compact: compact != null ? braceAround(compact) : null,
-    full: braceAround(full)
+    full: full ? braceAround(full) : full
   });
 }
 
@@ -412,7 +414,7 @@ export function createType(extractedProp) {
             }
           }
 
-          return createSummaryValue(short, full);
+          return full ? createSummaryValue(short, full) : createSummaryValue(short);
         }
 
       case PropTypesType.FUNC:
@@ -424,9 +426,9 @@ export function createType(extractedProp) {
           let summary = short;
           let detail;
 
-          if (full.length < MAX_FUNC_LENGTH) {
+          if (full && full.length < MAX_FUNC_LENGTH) {
             summary = full;
-          } else {
+          } else if (full) {
             detail = toMultilineSignature(full);
           }
 

package/dist/esm/docs/propTypes/sortProps.js

@@ -7,7 +7,7 @@ export function keepOriginalDefinitionOrder(extractedProps, component) {
   } = component;
 
   if (propTypes != null) {
-    return Object.keys(propTypes).map(x => extractedProps.find(y => y.name === x)).filter(x => x);
+    return Object.keys(propTypes).map(x => extractedProps.find(y => y.name === x)).filter(Boolean);
   }
 
   return extractedProps;

package/dist/esm/preview/render.js

@@ -138,4 +138,5 @@ export async function renderToDOM({
   }
 
   await renderElement(element, domElement);
+  return () => unmountElement(domElement);
 }

package/dist/esm/testing/index.js

@@ -91,6 +91,7 @@ export function composeStory(story, componentAnnotations, projectAnnotations, ex
  */
 
 export function composeStories(csfExports, projectAnnotations) {
+  // @ts-ignore
   const composedStories = originalComposeStories(csfExports, projectAnnotations, composeStory);
   return composedStories;
 }

package/dist/types/docs/extractProps.d.ts

@@ -1,5 +1,9 @@
-import { PropDef, PropsExtractor } from '@storybook/docs-tools';
+import { PropDef } from '@storybook/docs-tools';
+declare type Component = any;
 export interface PropDefMap {
     [p: string]: PropDef;
 }
-export declare const extractProps: PropsExtractor;
+export declare const extractProps: (component: Component) => {
+    rows: PropDef[];
+};
+export {};

package/dist/types/docs/jsxDecorator.d.ts

@@ -17,7 +17,7 @@ declare type JSXOptions = Options & {
     transformSource?(dom: string, context?: StoryContext<ReactFramework>): string;
 };
 /** Apply the users parameters and render the jsx for a story */
-export declare const renderJsx: (code: React.ReactElement, options: JSXOptions) => string;
+export declare const renderJsx: (code: React.ReactElement, options: JSXOptions) => string | null;
 export declare const skipJsxRender: (context: StoryContext<ReactFramework>) => any;
 export declare const jsxDecorator: (storyFn: PartialStoryFn<ReactFramework>, context: StoryContext<ReactFramework>) => import("../preview/types").StoryFnReactReturnType;
 export {};

package/dist/types/docs/lib/defaultValues/createDefaultValue.d.ts

@@ -1,2 +1,2 @@
 import { PropDefaultValue } from '@storybook/docs-tools';
-export declare function createDefaultValue(defaultValue: string): PropDefaultValue;
+export declare function createDefaultValue(defaultValue: string): PropDefaultValue | null;

package/dist/types/docs/lib/defaultValues/createFromRawDefaultProp.d.ts

@@ -6,6 +6,6 @@ export interface TypeResolvers {
     function: TypeResolver;
     default: TypeResolver;
 }
-export declare function extractFunctionName(func: Function, propName: string): string;
+export declare function extractFunctionName(func: Function, propName: string): string | null;
 export declare function createTypeResolvers(customResolvers?: Partial<TypeResolvers>): TypeResolvers;
-export declare function createDefaultValueFromRawDefaultProp(rawDefaultProp: any, propDef: PropDef, typeResolvers?: TypeResolvers): PropDefaultValue;
+export declare function createDefaultValueFromRawDefaultProp(rawDefaultProp: any, propDef: PropDef, typeResolvers?: TypeResolvers): PropDefaultValue | null;

package/dist/types/docs/propTypes/createType.d.ts

@@ -1,2 +1,2 @@
 import type { ExtractedProp, PropType } from '@storybook/docs-tools';
-export declare function createType(extractedProp: ExtractedProp): PropType;
+export declare function createType(extractedProp: ExtractedProp): PropType | null;

package/dist/types/preview/render.d.ts

@@ -2,4 +2,4 @@ import type { RenderContext } from '@storybook/store';
 import { ArgsStoryFn } from '@storybook/csf';
 import { ReactFramework } from './types-6-0';
 export declare const render: ArgsStoryFn<ReactFramework>;
-export declare function renderToDOM({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: RenderContext<ReactFramework>, domElement: HTMLElement): Promise<void>;
+export declare function renderToDOM({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: RenderContext<ReactFramework>, domElement: Element): Promise<() => void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.3",
+  "version": "7.0.0-alpha.6",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -33,12 +33,12 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.3",
-    "@storybook/client-logger": "7.0.0-alpha.3",
-    "@storybook/core-client": "7.0.0-alpha.3",
+    "@storybook/addons": "7.0.0-alpha.6",
+    "@storybook/client-logger": "7.0.0-alpha.6",
+    "@storybook/core-client": "7.0.0-alpha.6",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.3",
-    "@storybook/store": "7.0.0-alpha.3",
+    "@storybook/docs-tools": "7.0.0-alpha.6",
+    "@storybook/store": "7.0.0-alpha.6",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "acorn": "^7.4.1",
@@ -51,7 +51,6 @@
     "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
     "react-element-to-jsx-string": "^14.3.4",
-    "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
@@ -76,5 +75,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "629b056190993bcee6445471b8cb27208eb401a9"
+  "gitHead": "a88dcca40ba169a373bad33dd76e9a4bd4f1f5ec"
 }