@storybook/react 7.0.0-alpha.4 → 7.0.0-alpha.40

package/dist/cjs/docs/typeScript/handleProp.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.enhanceTypeScriptProp = enhanceTypeScriptProp;
-exports.enhanceTypeScriptProps = enhanceTypeScriptProps;
-
-var _defaultValues = require("../lib/defaultValues");
-
-function enhanceTypeScriptProp(extractedProp, rawDefaultProp) {
-  const {
-    propDef
-  } = extractedProp;
-  const {
-    defaultValue
-  } = extractedProp.docgenInfo;
-
-  if (defaultValue != null && defaultValue.value != null) {
-    const newDefaultValue = (0, _defaultValues.createDefaultValue)(defaultValue.value);
-
-    if (newDefaultValue != null) {
-      propDef.defaultValue = newDefaultValue;
-    }
-  } else if (rawDefaultProp != null) {
-    const newDefaultValue = (0, _defaultValues.createDefaultValueFromRawDefaultProp)(rawDefaultProp, propDef);
-
-    if (newDefaultValue != null) {
-      propDef.defaultValue = newDefaultValue;
-    }
-  }
-
-  return propDef;
-}
-
-function enhanceTypeScriptProps(extractedProps) {
-  return extractedProps.map(prop => enhanceTypeScriptProp(prop));
-}

package/dist/cjs/index.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  storiesOf: true,
-  setAddon: true,
-  addDecorator: true,
-  addParameters: true,
-  configure: true,
-  getStorybook: true,
-  raw: true,
-  forceReRender: true
-};
-Object.defineProperty(exports, "addDecorator", {
-  enumerable: true,
-  get: function () {
-    return _preview.addDecorator;
-  }
-});
-Object.defineProperty(exports, "addParameters", {
-  enumerable: true,
-  get: function () {
-    return _preview.addParameters;
-  }
-});
-Object.defineProperty(exports, "configure", {
-  enumerable: true,
-  get: function () {
-    return _preview.configure;
-  }
-});
-Object.defineProperty(exports, "forceReRender", {
-  enumerable: true,
-  get: function () {
-    return _preview.forceReRender;
-  }
-});
-Object.defineProperty(exports, "getStorybook", {
-  enumerable: true,
-  get: function () {
-    return _preview.getStorybook;
-  }
-});
-Object.defineProperty(exports, "raw", {
-  enumerable: true,
-  get: function () {
-    return _preview.raw;
-  }
-});
-Object.defineProperty(exports, "setAddon", {
-  enumerable: true,
-  get: function () {
-    return _preview.setAddon;
-  }
-});
-Object.defineProperty(exports, "storiesOf", {
-  enumerable: true,
-  get: function () {
-    return _preview.storiesOf;
-  }
-});
-
-var _preview = require("./preview");
-
-var _testing = require("./testing");
-
-Object.keys(_testing).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _testing[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _testing[key];
-    }
-  });
-});
-
-var _types = require("./preview/types-6-3");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});
-
-var _module, _module$hot;
-
-// optimization: stop HMR propagation in webpack
-(_module = module) === null || _module === void 0 ? void 0 : (_module$hot = _module.hot) === null || _module$hot === void 0 ? void 0 : _module$hot.decline();

package/dist/cjs/preview/config.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "render", {
-  enumerable: true,
-  get: function () {
-    return _render.render;
-  }
-});
-Object.defineProperty(exports, "renderToDOM", {
-  enumerable: true,
-  get: function () {
-    return _render.renderToDOM;
-  }
-});
-
-var _render = require("./render");

package/dist/cjs/preview/globals.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _global = _interopRequireDefault(require("global"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const {
-  window: globalWindow
-} = _global.default;
-
-if (globalWindow) {
-  globalWindow.STORYBOOK_ENV = 'react';
-}

package/dist/cjs/preview/index.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
-
-var _coreClient = require("@storybook/core-client");
-
-require("./globals");
-
-var _render = require("./render");
-
-/* eslint-disable prefer-destructuring */
-const framework = 'react';
-const api = (0, _coreClient.start)(_render.renderToDOM, {
-  render: _render.render
-});
-
-const storiesOf = (kind, m) => {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework
-  });
-};
-
-exports.storiesOf = storiesOf;
-
-const configure = (...args) => api.configure(framework, ...args);
-
-exports.configure = configure;
-const addDecorator = api.clientApi.addDecorator;
-exports.addDecorator = addDecorator;
-const addParameters = api.clientApi.addParameters;
-exports.addParameters = addParameters;
-const clearDecorators = api.clientApi.clearDecorators;
-exports.clearDecorators = clearDecorators;
-const setAddon = api.clientApi.setAddon;
-exports.setAddon = setAddon;
-const forceReRender = api.forceReRender;
-exports.forceReRender = forceReRender;
-const getStorybook = api.clientApi.getStorybook;
-exports.getStorybook = getStorybook;
-const raw = api.clientApi.raw;
-exports.raw = raw;

package/dist/cjs/preview/render.js

@@ -1,165 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.render = void 0;
-exports.renderToDOM = renderToDOM;
-
-var _global = _interopRequireDefault(require("global"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = _interopRequireWildcard(require("react-dom"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const {
-  FRAMEWORK_OPTIONS
-} = _global.default; // A map of all rendered React 18 nodes
-
-const nodes = new Map();
-
-const render = (args, context) => {
-  const {
-    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 /*#__PURE__*/_react.default.createElement(Component, args);
-};
-
-exports.render = render;
-
-const renderElement = async (node, el) => {
-  // Create Root Element conditionally for new React 18 Root Api
-  const root = await getReactRoot(el);
-  return new Promise(resolve => {
-    if (root) {
-      root.render(node);
-      setTimeout(() => {
-        resolve(null);
-      }, 0);
-    } else {
-      _reactDom.default.render(node, el, () => resolve(null));
-    }
-  });
-};
-
-const canUseNewReactRootApi = _reactDom.version && (_reactDom.version.startsWith('18') || _reactDom.version.startsWith('0.0.0'));
-
-const shouldUseNewRootApi = (FRAMEWORK_OPTIONS === null || FRAMEWORK_OPTIONS === void 0 ? void 0 : FRAMEWORK_OPTIONS.legacyRootApi) !== true;
-const isUsingNewReactRootApi = shouldUseNewRootApi && canUseNewReactRootApi;
-
-const unmountElement = el => {
-  const root = nodes.get(el);
-
-  if (root && isUsingNewReactRootApi) {
-    root.unmount();
-    nodes.delete(el);
-  } else {
-    _reactDom.default.unmountComponentAtNode(el);
-  }
-};
-
-const getReactRoot = async el => {
-  if (!isUsingNewReactRootApi) {
-    return null;
-  }
-
-  let root = nodes.get(el);
-
-  if (!root) {
-    // eslint-disable-next-line import/no-unresolved
-    const reactDomClient = (await Promise.resolve().then(() => _interopRequireWildcard(require('react-dom/client')))).default;
-    root = reactDomClient.createRoot(el);
-    nodes.set(el, root);
-  }
-
-  return root;
-};
-
-class ErrorBoundary extends _react.Component {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-      hasError: false
-    };
-  }
-
-  static getDerivedStateFromError() {
-    return {
-      hasError: true
-    };
-  }
-
-  componentDidMount() {
-    const {
-      hasError
-    } = this.state;
-    const {
-      showMain
-    } = this.props;
-
-    if (!hasError) {
-      showMain();
-    }
-  }
-
-  componentDidCatch(err) {
-    const {
-      showException
-    } = this.props; // message partially duplicates stack, strip it
-
-    showException(err);
-  }
-
-  render() {
-    const {
-      hasError
-    } = this.state;
-    const {
-      children
-    } = this.props;
-    return hasError ? null : children;
-  }
-
-}
-
-const Wrapper = FRAMEWORK_OPTIONS !== null && FRAMEWORK_OPTIONS !== void 0 && FRAMEWORK_OPTIONS.strictMode ? _react.StrictMode : _react.Fragment;
-
-async function renderToDOM({
-  storyContext,
-  unboundStoryFn,
-  showMain,
-  showException,
-  forceRemount
-}, domElement) {
-  const Story = unboundStoryFn;
-
-  const content = /*#__PURE__*/_react.default.createElement(ErrorBoundary, {
-    showMain: showMain,
-    showException: showException
-  }, /*#__PURE__*/_react.default.createElement(Story, storyContext)); // For React 15, StrictMode & Fragment doesn't exists.
-
-
-  const element = Wrapper ? /*#__PURE__*/_react.default.createElement(Wrapper, null, content) : content; // In most cases, we need to unmount the existing set of components in the DOM node.
-  // Otherwise, React may not recreate instances for every story run.
-  // This could leads to issues like below:
-  // https://github.com/storybookjs/react-storybook/issues/81
-  // (This is not the case when we change args or globals to the story however)
-
-  if (forceRemount) {
-    unmountElement(domElement);
-  }
-
-  await renderElement(element, domElement);
-}

package/dist/cjs/preview/types-6-0.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/preview/types-6-3.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _types = require("./types-6-0");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});

package/dist/cjs/preview/types-7-0.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/preview/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/cjs/testing/index.js

@@ -1,113 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.composeStories = composeStories;
-exports.composeStory = composeStory;
-exports.setGlobalConfig = setGlobalConfig;
-exports.setProjectAnnotations = setProjectAnnotations;
-
-var _store = require("@storybook/store");
-
-var _clientLogger = require("@storybook/client-logger");
-
-var _render = require("../preview/render");
-
-/** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
- *
- * It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
- *
- * Example:
- *```jsx
- * // setup.js (for jest)
- * import { setProjectAnnotations } from '@storybook/react';
- * import * as projectAnnotations from './.storybook/preview';
- *
- * setProjectAnnotations(projectAnnotations);
- *```
- *
- * @param projectAnnotations - e.g. (import * as projectAnnotations from '../.storybook/preview')
- */
-function setProjectAnnotations(projectAnnotations) {
-  (0, _store.setProjectAnnotations)(projectAnnotations);
-}
-/** Preserved for users migrating from `@storybook/testing-react`.
- *
- * @deprecated Use setProjectAnnotations instead
- */
-
-
-function setGlobalConfig(projectAnnotations) {
-  _clientLogger.once.warn(`setGlobalConfig is deprecated. Use setProjectAnnotations instead.`);
-
-  setProjectAnnotations(projectAnnotations);
-} // This will not be necessary once we have auto preset loading
-
-
-const defaultProjectAnnotations = {
-  render: _render.render
-};
-/**
- * Function that will receive a story along with meta (e.g. a default export from a .stories file)
- * and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
- * and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.
- *
- *
- * It's very useful for reusing a story in scenarios outside of Storybook like unit testing.
- *
- * Example:
- *```jsx
- * import { render } from '@testing-library/react';
- * import { composeStory } from '@storybook/react';
- * import Meta, { Primary as PrimaryStory } from './Button.stories';
- *
- * const Primary = composeStory(PrimaryStory, Meta);
- *
- * test('renders primary button with Hello World', () => {
- *   const { getByText } = render(<Primary>Hello world</Primary>);
- *   expect(getByText(/Hello world/i)).not.toBeNull();
- * });
- *```
- *
- * @param story
- * @param componentAnnotations - e.g. (import Meta from './Button.stories')
- * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
- * @param [exportsName] - in case your story does not contain a name and you want it to have a name.
- */
-
-function composeStory(story, componentAnnotations, projectAnnotations, exportsName) {
-  return (0, _store.composeStory)(story, componentAnnotations, projectAnnotations, defaultProjectAnnotations, exportsName);
-}
-/**
- * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
- * and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
- * and will return an object containing all the stories passed, but now as a composed component that has all args/parameters/decorators/etc combined and applied to it.
- *
- *
- * It's very useful for reusing stories in scenarios outside of Storybook like unit testing.
- *
- * Example:
- *```jsx
- * import { render } from '@testing-library/react';
- * import { composeStories } from '@storybook/react';
- * import * as stories from './Button.stories';
- *
- * const { Primary, Secondary } = composeStories(stories);
- *
- * test('renders primary button with Hello World', () => {
- *   const { getByText } = render(<Primary>Hello world</Primary>);
- *   expect(getByText(/Hello world/i)).not.toBeNull();
- * });
- *```
- *
- * @param csfExports - e.g. (import * as stories from './Button.stories')
- * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
- */
-
-
-function composeStories(csfExports, projectAnnotations) {
-  // @ts-ignore
-  const composedStories = (0, _store.composeStories)(csfExports, projectAnnotations, composeStory);
-  return composedStories;
-}

package/dist/esm/config.js

@@ -1,6 +0,0 @@
-import { parameters as docsParams } from './docs/config';
-export const parameters = Object.assign({
-  framework: 'react'
-}, docsParams);
-export { decorators, argTypesEnhancers } from './docs/config';
-export * from './preview/config';

package/dist/esm/docs/config.js

@@ -1,12 +0,0 @@
-import { extractComponentDescription, enhanceArgTypes } from '@storybook/docs-tools';
-import { extractArgTypes } from './extractArgTypes';
-import { jsxDecorator } from './jsxDecorator';
-export const parameters = {
-  docs: {
-    inlineStories: true,
-    extractArgTypes,
-    extractComponentDescription
-  }
-};
-export const decorators = [jsxDecorator];
-export const argTypesEnhancers = [enhanceArgTypes];

package/dist/esm/docs/extractArgTypes.js

@@ -1,37 +0,0 @@
-import { extractProps } from './extractProps';
-export const extractArgTypes = component => {
-  if (component) {
-    const {
-      rows
-    } = extractProps(component);
-
-    if (rows) {
-      return rows.reduce((acc, row) => {
-        const {
-          name,
-          description,
-          type,
-          sbType,
-          defaultValue: defaultSummary,
-          jsDocTags,
-          required
-        } = row;
-        acc[name] = {
-          name,
-          description,
-          type: Object.assign({
-            required
-          }, sbType),
-          table: {
-            type,
-            jsDocTags,
-            defaultValue: defaultSummary
-          }
-        };
-        return acc;
-      }, {});
-    }
-  }
-
-  return null;
-};

package/dist/esm/docs/extractProps.js

@@ -1,42 +0,0 @@
-import PropTypes from 'prop-types';
-import { hasDocgen, extractComponentProps, TypeSystem } from '@storybook/docs-tools';
-import { enhancePropTypesProps } from './propTypes/handleProp';
-import { enhanceTypeScriptProps } from './typeScript/handleProp';
-import { isMemo } from './lib'; // FIXME
-
-const propTypesMap = new Map();
-Object.keys(PropTypes).forEach(typeName => {
-  // @ts-ignore
-  const type = PropTypes[typeName];
-  propTypesMap.set(type, typeName);
-  propTypesMap.set(type.isRequired, typeName);
-});
-
-function getPropDefs(component, section) {
-  let processedComponent = component; // eslint-disable-next-line react/forbid-foreign-prop-types
-
-  if (!hasDocgen(component) && !component.propTypes && isMemo(component)) {
-    processedComponent = component.type;
-  }
-
-  const extractedProps = extractComponentProps(processedComponent, section);
-
-  if (extractedProps.length === 0) {
-    return [];
-  }
-
-  switch (extractedProps[0].typeSystem) {
-    case TypeSystem.JAVASCRIPT:
-      return enhancePropTypesProps(extractedProps, component);
-
-    case TypeSystem.TYPESCRIPT:
-      return enhanceTypeScriptProps(extractedProps);
-
-    default:
-      return extractedProps.map(x => x.propDef);
-  }
-}
-
-export const extractProps = component => ({
-  rows: getPropDefs(component, 'props')
-});