Publish dist directory

Author: thani-sh

.gitignore

@@ -1,4 +1 @@
 node_modules
-*.log
-.idea
-dist

.npmignore

@@ -1,2 +1 @@
-src
 .babelrc

dist/index.js

@@ -0,0 +1,177 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _assign = require('babel-runtime/core-js/object/assign');
+
+var _assign2 = _interopRequireDefault(_assign);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactRemarkable = require('react-remarkable');
+
+var _reactRemarkable2 = _interopRequireDefault(_reactRemarkable);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Story = function (_React$Component) {
+  (0, _inherits3.default)(Story, _React$Component);
+
+  function Story() {
+    var _Object$getPrototypeO;
+
+    (0, _classCallCheck3.default)(this, Story);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (_Object$getPrototypeO = (0, _getPrototypeOf2.default)(Story)).call.apply(_Object$getPrototypeO, [this].concat(args)));
+
+    _this.stylesheet = {
+      link: {
+        base: {
+          fontFamily: 'sans-serif',
+          fontSize: 12,
+          display: 'block',
+          position: 'absolute',
+          textDecoration: 'none',
+          background: '#eee',
+          color: '#333',
+          padding: '5px 15px',
+          cursor: 'pointer'
+        },
+        topRight: {
+          top: 0,
+          right: 0,
+          borderRadius: '0 0 0 5px'
+        }
+      },
+      info: {
+        position: 'absolute',
+        background: 'white',
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        padding: '0 40px',
+        overflow: 'auto'
+      }
+    };
+
+    _this.state = { open: false };
+    return _this;
+  }
+
+  (0, _createClass3.default)(Story, [{
+    key: 'openInfo',
+    value: function openInfo() {
+      this.setState({ open: true });
+      return false;
+    }
+  }, {
+    key: 'closeInfo',
+    value: function closeInfo() {
+      this.setState({ open: false });
+      return false;
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var linkStyle = (0, _extends3.default)({}, this.stylesheet.link.base, this.stylesheet.link.topRight);
+      var infoStyle = (0, _assign2.default)({}, this.stylesheet.info);
+      if (!this.state.open) {
+        infoStyle.display = 'none';
+      }
+
+      return _react2.default.createElement(
+        'div',
+        null,
+        this.props.children,
+        _react2.default.createElement(
+          'a',
+          { style: linkStyle, onClick: function onClick() {
+              return _this2.openInfo();
+            } },
+          '?'
+        ),
+        _react2.default.createElement(
+          'div',
+          { style: infoStyle },
+          _react2.default.createElement(
+            'a',
+            { style: linkStyle, onClick: function onClick() {
+                return _this2.closeInfo();
+              } },
+            '×'
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'storybook-story-info-page' },
+            _react2.default.createElement(
+              'div',
+              { className: 'storybook-story-info-body' },
+              _react2.default.createElement(_reactRemarkable2.default, { source: this._deindent(this.props.info) })
+            )
+          )
+        )
+      );
+    }
+  }, {
+    key: '_deindent',
+    value: function _deindent(input) {
+      if (!input) {
+        return '';
+      }
+      var lines = input.split('\n');
+      while (lines[0].trim() === '') {
+        lines.shift();
+      }
+      var padding = 0;
+      var matches = lines[0].match(/^ */);
+      if (matches) {
+        padding = matches[0].length;
+      }
+      var trimmed = lines.map(function (s) {
+        return s.slice(padding);
+      });
+      return trimmed.join('\n');
+    }
+  }]);
+  return Story;
+}(_react2.default.Component);
+
+Story.propTypes = {
+  info: _react2.default.PropTypes.string
+};
+exports.default = Story;