Run build

Author: donnieberg

demo/static/bundle.js

@@ -11034,10 +11034,60 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	'use strict';
 
+	var _createClass = (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);
+	    }
+	  }return function (Constructor, protoProps, staticProps) {
+	    if (protoProps) defineProperties(Constructor.prototype, protoProps);if (staticProps) defineProperties(Constructor, staticProps);return Constructor;
+	  };
+	})();
+	
+	var _get = function get(_x, _x2, _x3) {
+	  var _again = true;_function: while (_again) {
+	    var object = _x,
+	        property = _x2,
+	        receiver = _x3;desc = parent = getter = undefined;_again = false;if (object === null) object = Function.prototype;var desc = Object.getOwnPropertyDescriptor(object, property);if (desc === undefined) {
+	      var parent = Object.getPrototypeOf(object);if (parent === null) {
+	        return undefined;
+	      } else {
+	        _x = parent;_x2 = property;_x3 = receiver;_again = true;continue _function;
+	      }
+	    } else if ('value' in desc) {
+	      return desc.value;
+	    } else {
+	      var getter = desc.get;if (getter === undefined) {
+	        return undefined;
+	      }return getter.call(receiver);
+	    }
+	  }
+	};
+	
 	function _interopRequireDefault(obj) {
 	  return obj && obj.__esModule ? obj : { 'default': obj };
 	}
 
+	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;
+	}
+	
+	function _classCallCheck(instance, Constructor) {
+	  if (!(instance instanceof Constructor)) {
+	    throw new TypeError('Cannot call a class as a function');
+	  }
+	}
+	
+	function _inherits(subClass, superClass) {
+	  if (typeof superClass !== 'function' && superClass !== null) {
+	    throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass);
+	  }subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+	}
+	
 	var _react = __webpack_require__(2);
 
 	var _react2 = _interopRequireDefault(_react);
@@ -11046,129 +11096,152 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	var _SLDSPopover2 = _interopRequireDefault(_SLDSPopover);
 
-	var _classnames = __webpack_require__(23);
-	
-	var _classnames2 = _interopRequireDefault(_classnames);
-	
-	module.exports = _react2['default'].createClass({
+	var classNames = __webpack_require__(23);
 
-	  displayName: 'SLDSToolip',
+	var displayName = "SLDSTooltip";
+	var propTypes = {
+	  align: _react2['default'].PropTypes.string,
+	  children: _react2['default'].PropTypes.node,
+	  content: _react2['default'].PropTypes.node,
+	  hoverCloseDelay: _react2['default'].PropTypes.number,
+	  openByDefault: _react2['default'].PropTypes.bool,
+	  openOn: _react2['default'].PropTypes.string
+	};
+	var defaultProps = {
+	  align: 'top',
+	  content: _react2['default'].createElement('span', null, 'Tooltip'),
+	  hoverCloseDelay: 350,
+	  openByDefault: false,
+	  openOn: 'hover'
+	};
 
-	  propTypes: {
-	    align: _react.PropTypes.string,
-	    children: _react.PropTypes.node,
-	    content: _react.PropTypes.node,
-	    hoverCloseDelay: _react.PropTypes.number,
-	    openByDefault: _react.PropTypes.bool,
-	    openOn: _react.PropTypes.string
-	  },
+	var SLDSTooltip = (function (_React$Component) {
+	  _inherits(SLDSTooltip, _React$Component);
 
-	  getDefaultProps: function getDefaultProps() {
-	    return {
-	      align: 'top',
-	      content: _react2['default'].createElement('span', null, 'Tooltip'),
-	      hoverCloseDelay: 350,
-	      openByDefault: false,
-	      openOn: 'hover'
-	    };
-	  },
+	  function SLDSTooltip(props) {
+	    _classCallCheck(this, SLDSTooltip);
 
-	  getInitialState: function getInitialState() {
-	    return {
-	      isOpen: this.props.openByDefault,
-	      isClosing: false
+	    _get(Object.getPrototypeOf(SLDSTooltip.prototype), 'constructor', this).call(this, props);
+	    this.state = {
+	      isClosing: false,
+	      isOpen: this.props.openByDefault
 	    };
-	  },
-	
-	  componentDidMount: function componentDidMount() {},
-	
-	  handleMouseClick: function handleMouseClick(event) {
-	    this.setState({
-	      isOpen: !this.state.isOpen,
-	      isClosing: !this.state.isOpen
-	    });
-	  },
+	  }
 
-	  handleMouseEnter: function handleMouseEnter(event) {
-	    this.setState({
-	      isOpen: true,
-	      isClosing: false
-	    });
-	  },
+	  _createClass(SLDSTooltip, [{
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      this.setState({ isMounted: true });
+	    }
+	  }, {
+	    key: 'componentWillUnmount',
+	    value: function componentWillUnmount() {
+	      this.setState({ isMounted: false });
+	    }
+	  }, {
+	    key: 'handleMouseClick',
+	    value: function handleMouseClick() {
+	      this.setState({
+	        isOpen: !this.state.isOpen,
+	        isClosing: !this.state.isOpen
+	      });
+	    }
+	  }, {
+	    key: 'handleMouseEnter',
+	    value: function handleMouseEnter() {
+	      this.setState({
+	        isOpen: true,
+	        isClosing: false
+	      });
+	    }
+	  }, {
+	    key: 'handleMouseLeave',
+	    value: function handleMouseLeave() {
+	      var _this = this;
 
-	  handleMouseLeave: function handleMouseLeave(event) {
-	    var _this = this;
+	      this.setState({ isClosing: true });
 
-	    this.setState({ isClosing: true });
-	    setTimeout(function () {
-	      if (_this.isMounted && _this.state.isClosing) {
-	        _this.setState({
-	          isOpen: false,
-	          isClosing: false
-	        });
+	      setTimeout(function () {
+	        if (_this.state.isMounted && _this.state.isClosing) {
+	          _this.setState({
+	            isOpen: false,
+	            isClosing: false
+	          });
+	        }
+	      }, this.props.hoverCloseDelay);
+	    }
+	  }, {
+	    key: 'getTooltipContent',
+	    value: function getTooltipContent() {
+	      return _react2['default'].createElement('div', { className: 'slds-popover__body' }, this.props.content);
+	    }
+	  }, {
+	    key: 'getHorizontalAlign',
+	    value: function getHorizontalAlign() {
+	      if (this.props.align === 'left') {
+	        return 'left';
+	      } else if (this.props.align === 'right') {
+	        return 'right';
 	      }
-	    }, this.props.hoverCloseDelay);
-	  },
-	
-	  getTooltipContent: function getTooltipContent() {
-	    return _react2['default'].createElement('div', { className: 'slds-popover__body' }, this.props.content);
-	  },
-	
-	  getHorizontalAlign: function getHorizontalAlign() {
-	    if (this.props.align === 'left') {
-	      return 'left';
-	    } else if (this.props.align === 'right') {
-	      return 'right';
+	      return 'center';
 	    }
-	    return 'center';
-	  },
-	
-	  getVerticalAlign: function getVerticalAlign() {
-	    if (this.props.align === 'bottom') {
-	      return 'bottom';
-	    } else if (this.props.align === 'top') {
-	      return 'top';
+	  }, {
+	    key: 'getVerticalAlign',
+	    value: function getVerticalAlign() {
+	      if (this.props.align === 'bottom') {
+	        return 'bottom';
+	      } else if (this.props.align === 'top') {
+	        return 'top';
+	      }
+	      return 'middle';
 	    }
-	    return 'middle';
-	  },
-	
-	  handleCancel: function handleCancel() {
-	    this.setState({
-	      isOpen: false,
-	      isClosing: false
-	    });
-	  },
+	  }, {
+	    key: 'handleCancel',
+	    value: function handleCancel() {
+	      this.setState({
+	        isOpen: false,
+	        isClosing: false
+	      });
+	    }
+	  }, {
+	    key: 'getClassName',
+	    value: function getClassName() {
+	      var _classNames;
 
-	  getTooltip: function getTooltip() {
-	    var style = {
-	      'slds-popover': true,
-	      'slds-popover--tooltip': true,
-	      'slds-nubbin--top': this.props.align === 'bottom',
-	      'slds-nubbin--bottom': this.props.align === 'top',
-	      'slds-nubbin--left': this.props.align === 'right',
-	      'slds-nubbin--right': this.props.align === 'left'
-	    };
+	      return classNames(this.props.className, "slds-popover", (_classNames = {}, _defineProperty(_classNames, "slds-popover--tooltip", true), _defineProperty(_classNames, "slds-nubbin--top", this.props.align === 'bottom'), _defineProperty(_classNames, 'slds-nubbin--bottom', this.props.align === 'top'), _defineProperty(_classNames, 'slds-nubbin--left', this.props.align === 'right'), _defineProperty(_classNames, 'slds-nubbin--right', this.props.align === 'left'), _classNames));
+	    }
+	  }, {
+	    key: 'getTooltip',
+	    value: function getTooltip() {
+	      return this.state.isOpen ? _react2['default'].createElement(_SLDSPopover2['default'], {
+	        key: this.getHorizontalAlign() + ' ' + this.getVerticalAlign(),
+	        targetElement: this.refs.tooltipTarget,
+	        closeOnTabKey: true,
+	        className: '',
+	        marginTop: '1rem',
+	        marginBottom: '1rem',
+	        marginLeft: '1.5rem',
+	        marginRight: '1.5rem',
+	        horizontalAlign: this.getHorizontalAlign(),
+	        verticalAlign: this.getVerticalAlign(),
+	        flippable: false,
+	        onClose: this.handleCancel.bind(this) }, _react2['default'].createElement('div', { className: this.getClassName(), role: 'tooltip' }, this.getTooltipContent())) : null;
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      return _react2['default'].createElement('span', { refs: 'tooltipTarget', onClick: this.props.openOn === 'click' ? this.handleMouseClick.bind(this) : null, onMouseEnter: this.props.openOn === 'hover' ? this.handleMouseEnter.bind(this) : null, onMouseLeave: this.props.openOn === 'hover' ? this.handleMouseLeave.bind(this) : null }, this.props.children, this.getTooltip());
+	    }
+	  }]);
 
-	    return this.state.isOpen ? _react2['default'].createElement(_SLDSPopover2['default'], {
-	      key: this.getHorizontalAlign() + ' ' + this.getVerticalAlign(),
-	      targetElement: this.refs.tooltipTarget,
-	      closeOnTabKey: true,
-	      className: '',
-	      marginTop: '1rem',
-	      marginBottom: '1rem',
-	      marginLeft: '1.5rem',
-	      marginRight: '1.5rem',
-	      horizontalAlign: this.getHorizontalAlign(),
-	      verticalAlign: this.getVerticalAlign(),
-	      flippable: false,
-	      onClose: this.handleCancel }, _react2['default'].createElement('div', { className: (0, _classnames2['default'])(style) }, this.getTooltipContent())) : null;
-	  },
+	  return SLDSTooltip;
+	})(_react2['default'].Component);
 
-	  render: function render() {
-	    return _react2['default'].createElement('span', { refs: 'tooltipTarget', onClick: this.props.openOn === 'click' ? this.handleMouseClick : null, onMouseEnter: this.props.openOn === 'hover' ? this.handleMouseEnter : null, onMouseLeave: this.props.openOn === 'hover' ? this.handleMouseLeave : null }, this.props.children, this.getTooltip());
-	  }
+	SLDSTooltip.displayName = displayName;
+	SLDSTooltip.propTypes = propTypes;
+	SLDSTooltip.defaultProps = defaultProps;
 
-	});
+	module.exports = SLDSTooltip;
 
 /***/ },
 /* 82 */
@@ -11333,7 +11406,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	      style: { pointerEvents: 'inherit' },
 	      onClick: this.isPrompt() ? undefined : this.closeModal
 	    }, _react2['default'].createElement('div', {
-	      role: 'document',
+	      role: 'dialog',
 	      className: 'slds-modal__container',
 	      onClick: this.handleModalClick
 	    }, this.headerComponent(), _react2['default'].createElement('div', { className: 'slds-modal__content' }, this.props.children), this.footerComponent()));
@@ -11629,7 +11702,6 @@ return /******/ (function(modules) { // webpackBootstrap
 	          variant: "icon-inverse",
 	          iconName: "close",
 	          iconSize: size,
-	          inverse: true,
 	          className: "slds-button slds-notify__close",
 	          onClick: that.onDismiss.bind(that)
 	        });