@storybook/react 6.4.0-beta.24 → 6.4.0-beta.28

package/dist/cjs/client/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+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, "storiesOf", {
+  enumerable: true,
+  get: function get() {
+    return _preview.storiesOf;
+  }
+});
+Object.defineProperty(exports, "setAddon", {
+  enumerable: true,
+  get: function get() {
+    return _preview.setAddon;
+  }
+});
+Object.defineProperty(exports, "addDecorator", {
+  enumerable: true,
+  get: function get() {
+    return _preview.addDecorator;
+  }
+});
+Object.defineProperty(exports, "addParameters", {
+  enumerable: true,
+  get: function get() {
+    return _preview.addParameters;
+  }
+});
+Object.defineProperty(exports, "configure", {
+  enumerable: true,
+  get: function get() {
+    return _preview.configure;
+  }
+});
+Object.defineProperty(exports, "getStorybook", {
+  enumerable: true,
+  get: function get() {
+    return _preview.getStorybook;
+  }
+});
+Object.defineProperty(exports, "raw", {
+  enumerable: true,
+  get: function get() {
+    return _preview.raw;
+  }
+});
+Object.defineProperty(exports, "forceReRender", {
+  enumerable: true,
+  get: function get() {
+    return _preview.forceReRender;
+  }
+});
+
+var _preview = require("./preview");
+
+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 get() {
+      return _types[key];
+    }
+  });
+});
+
+if (module && module.hot && module.hot.decline) {
+  module.hot.decline();
+}

package/dist/cjs/client/preview/config.js

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

package/dist/cjs/client/preview/globals.js

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

package/dist/cjs/client/preview/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _client = require("@storybook/core/client");
+
+require("./globals");
+
+var _render = require("./render");
+
+/* eslint-disable prefer-destructuring */
+var framework = 'react';
+var api = (0, _client.start)(_render.renderToDOM, {
+  render: _render.render
+});
+
+var storiesOf = function storiesOf(kind, m) {
+  return api.clientApi.storiesOf(kind, m).addParameters({
+    framework: framework
+  });
+};
+
+exports.storiesOf = storiesOf;
+
+var configure = function configure() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return api.configure.apply(api, [framework].concat(args));
+};
+
+exports.configure = configure;
+var addDecorator = api.clientApi.addDecorator;
+exports.addDecorator = addDecorator;
+var addParameters = api.clientApi.addParameters;
+exports.addParameters = addParameters;
+var clearDecorators = api.clientApi.clearDecorators;
+exports.clearDecorators = clearDecorators;
+var setAddon = api.clientApi.setAddon;
+exports.setAddon = setAddon;
+var forceReRender = api.forceReRender;
+exports.forceReRender = forceReRender;
+var getStorybook = api.clientApi.getStorybook;
+exports.getStorybook = getStorybook;
+var raw = api.clientApi.raw;
+exports.raw = raw;

package/dist/cjs/client/preview/render.js

@@ -0,0 +1,213 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+require("core-js/modules/es.object.get-prototype-of.js");
+
+require("core-js/modules/es.reflect.construct.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.symbol.description.js");
+
+require("core-js/modules/es.symbol.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderToDOM = renderToDOM;
+exports.render = void 0;
+
+require("regenerator-runtime/runtime.js");
+
+require("core-js/modules/es.promise.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.concat.js");
+
+var _global = _interopRequireDefault(require("global"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var FRAMEWORK_OPTIONS = _global.default.FRAMEWORK_OPTIONS;
+
+var render = function render(args, _ref) {
+  var id = _ref.id,
+      Component = _ref.component;
+
+  if (!Component) {
+    throw new Error("Unable to render story ".concat(id, " as the component annotation is missing from the default export"));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(Component, args);
+};
+
+exports.render = render;
+
+var renderElement = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(node, el) {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", new Promise(function (resolve) {
+              _reactDom.default.render(node, el, function () {
+                return resolve(null);
+              });
+            }));
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function renderElement(_x, _x2) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+var ErrorBoundary = /*#__PURE__*/function (_ReactComponent) {
+  _inherits(ErrorBoundary, _ReactComponent);
+
+  var _super = _createSuper(ErrorBoundary);
+
+  function ErrorBoundary() {
+    var _this;
+
+    _classCallCheck(this, ErrorBoundary);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    _this.state = {
+      hasError: false
+    };
+    return _this;
+  }
+
+  _createClass(ErrorBoundary, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var hasError = this.state.hasError;
+      var showMain = this.props.showMain;
+
+      if (!hasError) {
+        showMain();
+      }
+    }
+  }, {
+    key: "componentDidCatch",
+    value: function componentDidCatch(err) {
+      var showException = this.props.showException; // message partially duplicates stack, strip it
+
+      showException(err);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var hasError = this.state.hasError;
+      var children = this.props.children;
+      return hasError ? null : children;
+    }
+  }], [{
+    key: "getDerivedStateFromError",
+    value: function getDerivedStateFromError() {
+      return {
+        hasError: true
+      };
+    }
+  }]);
+
+  return ErrorBoundary;
+}(_react.Component);
+
+var Wrapper = FRAMEWORK_OPTIONS !== null && FRAMEWORK_OPTIONS !== void 0 && FRAMEWORK_OPTIONS.strictMode ? _react.StrictMode : _react.Fragment;
+
+function renderToDOM(_x3, _x4) {
+  return _renderToDOM.apply(this, arguments);
+}
+
+function _renderToDOM() {
+  _renderToDOM = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(_ref3, domElement) {
+    var storyContext, unboundStoryFn, showMain, showException, forceRemount, Story, content, element;
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            storyContext = _ref3.storyContext, unboundStoryFn = _ref3.unboundStoryFn, showMain = _ref3.showMain, showException = _ref3.showException, forceRemount = _ref3.forceRemount;
+            Story = unboundStoryFn;
+            content = /*#__PURE__*/_react.default.createElement(ErrorBoundary, {
+              showMain: showMain,
+              showException: showException
+            }, /*#__PURE__*/_react.default.createElement(Story, storyContext)); // For React 15, StrictMode & Fragment doesn't exists.
+
+            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) {
+              _reactDom.default.unmountComponentAtNode(domElement);
+            }
+
+            _context2.next = 7;
+            return renderElement(element, domElement);
+
+          case 7:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _renderToDOM.apply(this, arguments);
+}

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,22 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+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 get() {
+      return _types[key];
+    }
+  });
+});

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

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/client/preview/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/demo/Button.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = {
+  border: '1px solid #eee',
+  borderRadius: 3,
+  backgroundColor: '#FFFFFF',
+  cursor: 'pointer',
+  fontSize: 15,
+  padding: '3px 10px',
+  margin: 10
+};
+
+var Button = function Button(_ref) {
+  var children = _ref.children,
+      onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement("button", {
+    onClick: onClick,
+    style: styles,
+    type: "button"
+  }, children);
+};
+
+Button.displayName = 'Button';
+Button.defaultProps = {
+  onClick: function onClick() {}
+};
+var _default = Button;
+exports.default = _default;

package/dist/cjs/demo/Welcome.js

@@ -0,0 +1,122 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.assign.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var Main = function Main(props) {
+  return /*#__PURE__*/_react.default.createElement("article", _extends({}, props, {
+    style: {
+      padding: 15,
+      lineHeight: 1.4,
+      fontFamily: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif',
+      backgroundColor: '#fff',
+      color: '#000'
+    }
+  }));
+};
+
+var Title = function Title(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, ["children"]);
+
+  return /*#__PURE__*/_react.default.createElement("h1", props, children);
+};
+
+var Note = function Note(props) {
+  return /*#__PURE__*/_react.default.createElement("p", _extends({}, props, {
+    style: {
+      opacity: 0.5
+    }
+  }));
+};
+
+var InlineCode = function InlineCode(props) {
+  return /*#__PURE__*/_react.default.createElement("code", _extends({}, props, {
+    style: {
+      fontSize: 15,
+      fontWeight: 600,
+      padding: '2px 5px',
+      border: '1px solid #eae9e9',
+      borderRadius: 4,
+      backgroundColor: '#f3f2f2',
+      color: '#3a3a3a'
+    }
+  }));
+};
+
+var Link = function Link(_ref2) {
+  var children = _ref2.children,
+      href = _ref2.href,
+      target = _ref2.target,
+      rel = _ref2.rel,
+      props = _objectWithoutProperties(_ref2, ["children", "href", "target", "rel"]);
+
+  return /*#__PURE__*/_react.default.createElement("a", _extends({
+    href: href
+  }, props, {
+    target: target,
+    rel: rel,
+    style: {
+      color: '#1474f3',
+      textDecoration: 'none',
+      borderBottom: '1px solid #1474f3',
+      paddingBottom: 2
+    }
+  }), children);
+};
+
+var NavButton = function NavButton(_ref3) {
+  var children = _ref3.children,
+      onClick = _ref3.onClick,
+      props = _objectWithoutProperties(_ref3, ["children", "onClick"]);
+
+  return /*#__PURE__*/_react.default.createElement("button", _extends({}, props, {
+    type: "button",
+    onClick: onClick,
+    style: {
+      color: '#1474f3',
+      textDecoration: 'none',
+      borderBottom: '1px solid #1474f3',
+      paddingBottom: 2,
+      borderTop: 'none',
+      borderRight: 'none',
+      borderLeft: 'none',
+      backgroundColor: 'transparent',
+      padding: 0,
+      cursor: 'pointer',
+      font: 'inherit'
+    }
+  }), children);
+};
+
+var Welcome = function Welcome(_ref4) {
+  var showApp = _ref4.showApp;
+  return /*#__PURE__*/_react.default.createElement(Main, null, /*#__PURE__*/_react.default.createElement(Title, null, "Welcome to storybook"), /*#__PURE__*/_react.default.createElement("p", null, "This is a UI component dev environment for your app."), /*#__PURE__*/_react.default.createElement("p", null, "We've added some basic stories inside the ", /*#__PURE__*/_react.default.createElement(InlineCode, null, "src/stories"), " directory.", /*#__PURE__*/_react.default.createElement("br", null), "A story is a single state of one or more UI components. You can have as many stories as you want.", /*#__PURE__*/_react.default.createElement("br", null), "(Basically a story is like a visual test case.)"), /*#__PURE__*/_react.default.createElement("p", null, "See these sample ", /*#__PURE__*/_react.default.createElement(NavButton, {
+    onClick: showApp
+  }, "stories"), " for a component called\xA0", /*#__PURE__*/_react.default.createElement(InlineCode, null, "Button"), "."), /*#__PURE__*/_react.default.createElement("p", null, "Just like that, you can add your own components as stories.", /*#__PURE__*/_react.default.createElement("br", null), "You can also edit those components and see changes right away.", /*#__PURE__*/_react.default.createElement("br", null), "(Try editing the ", /*#__PURE__*/_react.default.createElement(InlineCode, null, "Button"), " stories located at\xA0", /*#__PURE__*/_react.default.createElement(InlineCode, null, "src/stories/1-Button.stories.js"), ".)"), /*#__PURE__*/_react.default.createElement("p", null, "Usually we create stories with smaller UI components in the app.", /*#__PURE__*/_react.default.createElement("br", null), "Have a look at the\xA0", /*#__PURE__*/_react.default.createElement(Link, {
+    href: "https://storybook.js.org/basics/writing-stories",
+    target: "_blank",
+    rel: "noopener noreferrer"
+  }, "Writing Stories"), "\xA0section in our documentation."), /*#__PURE__*/_react.default.createElement(Note, null, /*#__PURE__*/_react.default.createElement("b", null, "NOTE:"), /*#__PURE__*/_react.default.createElement("br", null), "Have a look at the ", /*#__PURE__*/_react.default.createElement(InlineCode, null, ".storybook/webpack.config.js"), " to add webpack loaders and plugins you are using in this project."));
+};
+
+exports.default = Welcome;
+Welcome.displayName = 'Welcome';

package/dist/cjs/server/build.js

@@ -0,0 +1,9 @@
+"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.buildStatic)(_options.default);

package/dist/cjs/server/cra-config.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getReactScriptsPath = getReactScriptsPath;
+exports.isReactScriptsInstalled = isReactScriptsInstalled;
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _semver = _interopRequireDefault(require("@storybook/semver"));
+
+var _nodeLogger = require("@storybook/node-logger");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var appDirectory = _fs.default.realpathSync(process.cwd());
+
+var reactScriptsPath;
+
+function getReactScriptsPath({
+  noCache: noCache
+} = {}) {
+  if (reactScriptsPath && !noCache) return reactScriptsPath;
+
+  var reactScriptsScriptPath = _fs.default.realpathSync(_path.default.join(appDirectory, '/node_modules/.bin/react-scripts'));
+
+  try {
+    // Note: Since there is no symlink for .bin/react-scripts on Windows
+    // we'll parse react-scripts file to find actual package path.
+    // This is important if you use fork of CRA.
+    var pathIsNotResolved = /node_modules[\\/]\.bin[\\/]react-scripts/i.test(reactScriptsScriptPath);
+
+    if (pathIsNotResolved) {
+      var content = _fs.default.readFileSync(reactScriptsScriptPath, 'utf8');
+
+      var packagePathMatch = content.match(/"\$basedir[\\/]([^\s]+?[\\/]bin[\\/]react-scripts\.js")/i);
+
+      if (packagePathMatch && packagePathMatch.length > 1) {
+        reactScriptsScriptPath = _path.default.join(appDirectory, '/node_modules/.bin/', packagePathMatch[1]);
+      }
+    }
+  } catch (e) {
+    _nodeLogger.logger.warn(`Error occurred during react-scripts package path resolving: ${e}`);
+  }
+
+  reactScriptsPath = _path.default.join(reactScriptsScriptPath, '../..');
+
+  var scriptsPkgJson = _path.default.join(reactScriptsPath, 'package.json');
+
+  if (!_fs.default.existsSync(scriptsPkgJson)) {
+    reactScriptsPath = 'react-scripts';
+  }
+
+  return reactScriptsPath;
+}
+
+function isReactScriptsInstalled(requiredVersion = '2.0.0') {
+  try {
+    // eslint-disable-next-line import/no-dynamic-require,global-require
+    var reactScriptsJson = require(_path.default.join(getReactScriptsPath(), 'package.json'));
+
+    return !_semver.default.gtr(requiredVersion, reactScriptsJson.version);
+  } catch (e) {
+    return false;
+  }
+}