@storybook/react 6.5.7 → 7.0.0-alpha.0

package/dist/cjs/server/framework-preset-react.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.babel = babel;
-exports.babelDefault = babelDefault;
-exports.webpackFinal = webpackFinal;
-
-require("core-js/modules/es.promise.js");
-
-var _path = _interopRequireDefault(require("path"));
-
-var _reactRefreshWebpackPlugin = _interopRequireDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
-
-var _nodeLogger = require("@storybook/node-logger");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-async function babel(config, options) {
-  var isDevelopment = options.configType === 'DEVELOPMENT';
-  var reactOptions = await options.presets.apply('reactOptions', {}, options);
-  var fastRefreshEnabled = isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
-
-  if (!fastRefreshEnabled) {
-    return config;
-  }
-
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [[require.resolve('react-refresh/babel'), {}, 'storybook-react-refresh'], ...(config.plugins || [])]
-  });
-}
-
-var storybookReactDirName = _path.default.dirname(require.resolve('@storybook/react/package.json')); // TODO: improve node_modules detection
-
-
-var context = storybookReactDirName.includes('node_modules') ? _path.default.join(storybookReactDirName, '../../') // Real life case, already in node_modules
-: _path.default.join(storybookReactDirName, '../../node_modules'); // SB Monorepo
-
-var hasJsxRuntime = function () {
-  try {
-    require.resolve('react/jsx-runtime', {
-      paths: [context]
-    });
-
-    return true;
-  } catch (e) {
-    return false;
-  }
-};
-
-async function babelDefault(config) {
-  var presetReactOptions = hasJsxRuntime() ? {
-    runtime: 'automatic'
-  } : {};
-  return _objectSpread(_objectSpread({}, config), {}, {
-    presets: [...((config === null || config === void 0 ? void 0 : config.presets) || []), [require.resolve('@babel/preset-react'), presetReactOptions], require.resolve('@babel/preset-flow')],
-    plugins: [...((config === null || config === void 0 ? void 0 : config.plugins) || []), require.resolve('babel-plugin-add-react-displayname')]
-  });
-}
-
-async function webpackFinal(config, options) {
-  var isDevelopment = options.configType === 'DEVELOPMENT';
-  var reactOptions = await options.presets.apply('reactOptions', {}, options);
-  var fastRefreshEnabled = isDevelopment && (reactOptions.fastRefresh || process.env.FAST_REFRESH === 'true');
-
-  if (!fastRefreshEnabled) {
-    return config;
-  } // matches the name of the plugin in CRA.
-
-
-  var hasReactRefresh = config.plugins.find(function (p) {
-    return p.constructor.name === 'ReactRefreshPlugin';
-  });
-
-  if (hasReactRefresh) {
-    _nodeLogger.logger.warn("=> React refresh is already set. You don't need to set the option");
-
-    return config;
-  }
-
-  _nodeLogger.logger.info('=> Using React fast refresh');
-
-  return _objectSpread(_objectSpread({}, config), {}, {
-    plugins: [...config.plugins, // Storybook uses webpack-hot-middleware https://github.com/storybookjs/storybook/issues/14114
-    new _reactRefreshWebpackPlugin.default({
-      overlay: {
-        sockIntegration: 'whm'
-      }
-    })]
-  });
-}

package/dist/cjs/server/index.js

@@ -1,9 +0,0 @@
-"use strict";
-
-var _server = require("@storybook/core/server");
-
-var _options = _interopRequireDefault(require("./options"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _server.buildDev)(_options.default);

package/dist/cjs/server/options.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _readPkgUp = require("read-pkg-up");
-
-var _default = {
-  packageJson: (0, _readPkgUp.sync)({
-    cwd: __dirname
-  }).packageJson,
-  framework: 'react',
-  frameworkPresets: [require.resolve('./preset')]
-};
-exports.default = _default;

package/dist/cjs/server/preset.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.previewAnnotations = exports.addons = void 0;
-
-var _coreCommon = require("@storybook/core-common");
-
-var previewAnnotations = function (entries = []) {
-  return [...entries, (0, _coreCommon.findDistEsm)(__dirname, 'client/preview/config')];
-};
-
-exports.previewAnnotations = previewAnnotations;
-var addons = [require.resolve('./framework-preset-react'), require.resolve('./framework-preset-react-dom-hack'), require.resolve('./framework-preset-cra'), require.resolve('./framework-preset-react-docs')];
-exports.addons = addons;

package/dist/esm/client/docs/config.js

@@ -1,16 +0,0 @@
-import { extractComponentDescription, enhanceArgTypes } from '@storybook/docs-tools';
-import { extractArgTypes } from './extractArgTypes';
-import { jsxDecorator } from './jsxDecorator';
-export var parameters = {
-  docs: {
-    inlineStories: true,
-    // NOTE: that the result is a react element. Hooks support is provided by the outer code.
-    prepareForInline: function prepareForInline(storyFn) {
-      return storyFn();
-    },
-    extractArgTypes: extractArgTypes,
-    extractComponentDescription: extractComponentDescription
-  }
-};
-export var decorators = [jsxDecorator];
-export var argTypesEnhancers = [enhanceArgTypes];

package/dist/esm/client/docs/extractArgTypes.js

@@ -1,39 +0,0 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.assign.js";
-import { extractProps } from './extractProps';
-export var extractArgTypes = function extractArgTypes(component) {
-  if (component) {
-    var _extractProps = extractProps(component),
-        rows = _extractProps.rows;
-
-    if (rows) {
-      return rows.reduce(function (acc, row) {
-        var name = row.name,
-            description = row.description,
-            type = row.type,
-            sbType = row.sbType,
-            defaultSummary = row.defaultValue,
-            jsDocTags = row.jsDocTags,
-            required = row.required;
-        acc[name] = {
-          name: name,
-          description: description,
-          type: Object.assign({
-            required: required
-          }, sbType),
-          table: {
-            type: type,
-            jsDocTags: jsDocTags,
-            defaultValue: defaultSummary
-          }
-        };
-        return acc;
-      }, {});
-    }
-  }
-
-  return null;
-};

package/dist/esm/client/docs/extractProps.js

@@ -1,54 +0,0 @@
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.map.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.map.js";
-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
-
-var propTypesMap = new Map();
-Object.keys(PropTypes).forEach(function (typeName) {
-  // @ts-ignore
-  var type = PropTypes[typeName];
-  propTypesMap.set(type, typeName);
-  propTypesMap.set(type.isRequired, typeName);
-});
-
-function getPropDefs(component, section) {
-  var processedComponent = component; // eslint-disable-next-line react/forbid-foreign-prop-types
-
-  if (!hasDocgen(component) && !component.propTypes && isMemo(component)) {
-    processedComponent = component.type;
-  }
-
-  var 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(function (x) {
-        return x.propDef;
-      });
-  }
-}
-
-export var extractProps = function extractProps(component) {
-  return {
-    rows: getPropDefs(component, 'props')
-  };
-};

package/dist/esm/client/docs/jsxDecorator.js

@@ -1,218 +0,0 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.array.from.js";
-var _excluded = ["mdxType", "originalType", "children"];
-
-var _templateObject;
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import "core-js/modules/es.function.name.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.array.join.js";
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.regexp.to-string.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.string.match.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.string.replace.js";
-import "core-js/modules/es.array.concat.js";
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-import React, { createElement } from 'react';
-import reactElementToJSXString from 'react-element-to-jsx-string';
-import dedent from 'ts-dedent';
-import deprecate from 'util-deprecate';
-import { addons, useEffect } from '@storybook/addons';
-import { SourceType, SNIPPET_RENDERED, getDocgenSection } from '@storybook/docs-tools';
-import { logger } from '@storybook/client-logger';
-import { isMemo, isForwardRef } from './lib';
-
-/** Run the user supplied onBeforeRender function if it exists */
-var applyBeforeRender = function applyBeforeRender(domString, options) {
-  if (typeof options.onBeforeRender !== 'function') {
-    return domString;
-  }
-
-  var deprecatedOnBeforeRender = deprecate(options.onBeforeRender, dedent(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      StoryFn.parameters.jsx.onBeforeRender was deprecated.\n      Prefer StoryFn.parameters.jsx.transformSource instead.\n      See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.\n    "]))));
-  return deprecatedOnBeforeRender(domString);
-};
-/** Run the user supplied transformSource function if it exists */
-
-
-var applyTransformSource = function applyTransformSource(domString, options, context) {
-  if (typeof options.transformSource !== 'function') {
-    return domString;
-  }
-
-  return options.transformSource(domString, context);
-};
-/** Apply the users parameters and render the jsx for a story */
-
-
-export var renderJsx = function renderJsx(code, options) {
-  if (typeof code === 'undefined') {
-    logger.warn('Too many skip or undefined component');
-    return null;
-  }
-
-  var renderedJSX = code;
-  var Type = renderedJSX.type;
-
-  for (var i = 0; i < options.skip; i += 1) {
-    if (typeof renderedJSX === 'undefined') {
-      logger.warn('Cannot skip undefined element');
-      return null;
-    }
-
-    if (React.Children.count(renderedJSX) > 1) {
-      logger.warn('Trying to skip an array of elements');
-      return null;
-    }
-
-    if (typeof renderedJSX.props.children === 'undefined') {
-      logger.warn('Not enough children to skip elements.');
-
-      if (typeof renderedJSX.type === 'function' && renderedJSX.type.name === '') {
-        renderedJSX = /*#__PURE__*/React.createElement(Type, renderedJSX.props);
-      }
-    } else if (typeof renderedJSX.props.children === 'function') {
-      renderedJSX = renderedJSX.props.children();
-    } else {
-      renderedJSX = renderedJSX.props.children;
-    }
-  }
-
-  var displayNameDefaults = typeof options.displayName === 'string' ? {
-    showFunctions: true,
-    displayName: function displayName() {
-      return options.displayName;
-    }
-  } : {
-    // To get exotic component names resolving properly
-    displayName: function displayName(el) {
-      return el.type.displayName || getDocgenSection(el.type, 'displayName') || (el.type.name !== '_default' ? el.type.name : null) || (typeof el.type === 'function' ? 'No Display Name' : null) || (isForwardRef(el.type) ? el.type.render.name : null) || (isMemo(el.type) ? el.type.type.name : null) || el.type;
-    }
-  };
-  var filterDefaults = {
-    filterProps: function filterProps(value, key) {
-      return value !== undefined;
-    }
-  };
-  var opts = Object.assign({}, displayNameDefaults, filterDefaults, options);
-  var result = React.Children.map(code, function (c) {
-    // @ts-ignore FIXME: workaround react-element-to-jsx-string
-    var child = typeof c === 'number' ? c.toString() : c;
-    var string = applyBeforeRender(reactElementToJSXString(child, opts), options);
-
-    if (string.indexOf('&quot;') > -1) {
-      var matches = string.match(/\S+=\\"([^"]*)\\"/g);
-
-      if (matches) {
-        matches.forEach(function (match) {
-          string = string.replace(match, match.replace(/&quot;/g, "'"));
-        });
-      }
-    }
-
-    return string;
-  }).join('\n');
-  return result.replace(/function\s+noRefCheck\(\)\s+\{\}/, '() => {}');
-};
-var defaultOpts = {
-  skip: 0,
-  showFunctions: false,
-  enableBeautify: true,
-  showDefaultProps: false
-};
-export var skipJsxRender = function skipJsxRender(context) {
-  var _context$parameters$d;
-
-  var sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
-  var isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
-
-  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
-    return false;
-  } // never render if the user is forcing the block to render code, or
-  // if the user provides code, or if it's not an args story.
-
-
-  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.CODE;
-};
-
-var isMdx = function isMdx(node) {
-  var _node$type, _node$props;
-
-  return ((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.displayName) === 'MDXCreateElement' && !!((_node$props = node.props) !== null && _node$props !== void 0 && _node$props.mdxType);
-};
-
-var mdxToJsx = function mdxToJsx(node) {
-  if (!isMdx(node)) return node;
-
-  var _node$props2 = node.props,
-      mdxType = _node$props2.mdxType,
-      originalType = _node$props2.originalType,
-      children = _node$props2.children,
-      rest = _objectWithoutProperties(_node$props2, _excluded);
-
-  var jsxChildren = [];
-
-  if (children) {
-    var array = Array.isArray(children) ? children : [children];
-    jsxChildren = array.map(mdxToJsx);
-  }
-
-  return /*#__PURE__*/createElement.apply(void 0, [originalType, rest].concat(_toConsumableArray(jsxChildren)));
-};
-
-export var jsxDecorator = function jsxDecorator(storyFn, context) {
-  var _context$parameters$d2, _context$parameters$d3;
-
-  var channel = addons.getChannel();
-  var skip = skipJsxRender(context);
-  var story = storyFn();
-  var jsx = '';
-  useEffect(function () {
-    if (!skip) channel.emit(SNIPPET_RENDERED, (context || {}).id, jsx);
-  }); // We only need to render JSX if the source block is actually going to
-  // consume it. Otherwise it's just slowing us down.
-
-  if (skip) {
-    return story;
-  }
-
-  var options = Object.assign({}, defaultOpts, (context === null || context === void 0 ? void 0 : context.parameters.jsx) || {}); // Exclude decorators from source code snippet by default
-
-  var storyJsx = context !== null && context !== void 0 && (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 && (_context$parameters$d3 = _context$parameters$d2.source) !== null && _context$parameters$d3 !== void 0 && _context$parameters$d3.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
-  var sourceJsx = mdxToJsx(storyJsx);
-  var rendered = renderJsx(sourceJsx, options);
-
-  if (rendered) {
-    jsx = applyTransformSource(rendered, options, context);
-  }
-
-  return story;
-};

package/dist/esm/client/docs/lib/captions.js

@@ -1,6 +0,0 @@
-export var CUSTOM_CAPTION = 'custom';
-export var OBJECT_CAPTION = 'object';
-export var ARRAY_CAPTION = 'array';
-export var CLASS_CAPTION = 'class';
-export var FUNCTION_CAPTION = 'func';
-export var ELEMENT_CAPTION = 'element';

package/dist/esm/client/docs/lib/componentTypes.js

@@ -1,9 +0,0 @@
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.to-string.js";
-export var isMemo = function isMemo(component) {
-  return component.$$typeof === Symbol.for('react.memo');
-};
-export var isForwardRef = function isForwardRef(component) {
-  return component.$$typeof === Symbol.for('react.forward_ref');
-};

package/dist/esm/client/docs/lib/defaultValues/createDefaultValue.js

@@ -1,67 +0,0 @@
-import { createSummaryValue, isTooLongForDefaultValueSummary } from '@storybook/docs-tools';
-import { FUNCTION_CAPTION, ELEMENT_CAPTION } from '../captions';
-import { InspectionType, inspectValue } from '../inspection';
-import { isHtmlTag } from '../isHtmlTag';
-import { generateCode } from '../generateCode';
-import { generateObject } from './generateObject';
-import { generateArray } from './generateArray';
-import { getPrettyIdentifier } from './prettyIdentifier';
-
-function generateFunc(_ref) {
-  var inferredType = _ref.inferredType,
-      ast = _ref.ast;
-  var _ref2 = inferredType,
-      identifier = _ref2.identifier;
-
-  if (identifier != null) {
-    return createSummaryValue(getPrettyIdentifier(inferredType), generateCode(ast));
-  }
-
-  var prettyCaption = generateCode(ast, true);
-  return !isTooLongForDefaultValueSummary(prettyCaption) ? createSummaryValue(prettyCaption) : createSummaryValue(FUNCTION_CAPTION, generateCode(ast));
-} // All elements are JSX elements.
-// JSX elements are not supported by escodegen.
-
-
-function generateElement(defaultValue, inspectionResult) {
-  var inferredType = inspectionResult.inferredType;
-  var _ref3 = inferredType,
-      identifier = _ref3.identifier;
-
-  if (identifier != null) {
-    if (!isHtmlTag(identifier)) {
-      var prettyIdentifier = getPrettyIdentifier(inferredType);
-      return createSummaryValue(prettyIdentifier, defaultValue);
-    }
-  }
-
-  return !isTooLongForDefaultValueSummary(defaultValue) ? createSummaryValue(defaultValue) : createSummaryValue(ELEMENT_CAPTION, defaultValue);
-}
-
-export function createDefaultValue(defaultValue) {
-  try {
-    var inspectionResult = inspectValue(defaultValue);
-
-    switch (inspectionResult.inferredType.type) {
-      case InspectionType.OBJECT:
-        return generateObject(inspectionResult);
-
-      case InspectionType.FUNCTION:
-        return generateFunc(inspectionResult);
-
-      case InspectionType.ELEMENT:
-        return generateElement(defaultValue, inspectionResult);
-
-      case InspectionType.ARRAY:
-        return generateArray(inspectionResult);
-
-      default:
-        return null;
-    }
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.error(e);
-  }
-
-  return null;
-}