ak-breadcrumbs - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="1.2.0"></a>
-# 1.2.0 (2016-12-06)
+<a name="1.3.0"></a>
+# 1.3.0 (2016-12-08)
 
 
 
+<a name="ak-breadcrumbs@1.3.0"></a>
+# ak-breadcrumbs@1.3.0 (2016-12-08)
+
+
+### Bug Fixes
+
+* **style:** Remove inherited margin from dropdown. ([52fcfc4](https://bitbucket.org/atlassian/atlaskit/commits/52fcfc4))
+
+
+
 <a name="ak-breadcrumbs@1.2.0"></a>
@@ -7,0 +17,0 @@ # ak-breadcrumbs@1.2.0 (2016-12-06)

dist/bundle-cjs.js

@@ -82,12 +82,19 @@ module.exports = /******/
         value: !0
-    }), exports.AkBreadcrumbsItem = void 0;
-    var _defineProperty2 = __webpack_require__(4), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _classnames2 = __webpack_require__(11), _classnames3 = _interopRequireDefault(_classnames2), _styles = __webpack_require__(12), _styles2 = _interopRequireDefault(_styles), _BreadcrumbsItem = __webpack_require__(16), _BreadcrumbsItem2 = _interopRequireDefault(_BreadcrumbsItem), _EllipsisItem = __webpack_require__(20), _EllipsisItem2 = _interopRequireDefault(_EllipsisItem), _constants = __webpack_require__(19), count = _react.Children.count, toArray = _react.Children.toArray, Breadcrumbs = function(_PureComponent) {
-        function Breadcrumbs() {
-            (0, _classCallCheck3.default)(this, Breadcrumbs);
-            var _this = (0, _possibleConstructorReturn3.default)(this, (Breadcrumbs.__proto__ || (0, 
-            _getPrototypeOf2.default)(Breadcrumbs)).call(this));
+    }), exports.AkBreadcrumbsItem = exports.AkBreadcrumbs = void 0;
+    var _extends2 = __webpack_require__(4), _extends3 = _interopRequireDefault(_extends2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Breadcrumbs = __webpack_require__(10), _Breadcrumbs2 = _interopRequireDefault(_Breadcrumbs);
+    exports.AkBreadcrumbs = _Breadcrumbs2.default, exports.AkBreadcrumbsItem = _Breadcrumbs.BreadcrumbsItem;
+    var _class = function(_PureComponent) {
+        function _class() {
+            (0, _classCallCheck3.default)(this, _class);
+            var _this = (0, _possibleConstructorReturn3.default)(this, (_class.__proto__ || (0, 
+            _getPrototypeOf2.default)(_class)).call(this));
             return _this.expand = function() {
-                _this.setState({
+                return _this.setState({
                     isExpanded: !0
                 });
+            }, _this.render = function() {
+                return _react2.default.createElement(_Breadcrumbs2.default, (0, _extends3.default)({}, _this.props, {
+                    isExpanded: _this.state.isExpanded,
+                    onExpand: _this.expand
+                }), _this.props.children);
             }, _this.state = {
@@ -97,2 +104,59 @@ isExpanded: !1
         }
+        return (0, _inherits3.default)(_class, _PureComponent), _class;
+    }(_react.PureComponent);
+    _class.propTypes = {
+        children: _react.PropTypes.oneOfType([ _react.PropTypes.node, _react.PropTypes.arrayOf(_react.PropTypes.node) ])
+    }, exports.default = _class;
+}, /* 4 */
+/***/
+function(module, exports) {
+    module.exports = require("babel-runtime/helpers/extends");
+}, /* 5 */
+/***/
+function(module, exports) {
+    module.exports = require("babel-runtime/core-js/object/get-prototype-of");
+}, /* 6 */
+/***/
+function(module, exports) {
+    module.exports = require("babel-runtime/helpers/classCallCheck");
+}, /* 7 */
+/***/
+function(module, exports) {
+    module.exports = require("babel-runtime/helpers/possibleConstructorReturn");
+}, /* 8 */
+/***/
+function(module, exports) {
+    module.exports = require("babel-runtime/helpers/inherits");
+}, /* 9 */
+/***/
+function(module, exports) {
+    module.exports = require("react");
+}, /* 10 */
+/***/
+function(module, exports, __webpack_require__) {
+    "use strict";
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            default: obj
+        };
+    }
+    Object.defineProperty(exports, "__esModule", {
+        value: !0
+    }), exports.BreadcrumbsItem = void 0;
+    var _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(11), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _styles = __webpack_require__(12), _styles2 = _interopRequireDefault(_styles), _BreadcrumbsItem = __webpack_require__(16), _BreadcrumbsItem2 = _interopRequireDefault(_BreadcrumbsItem), _EllipsisItem = __webpack_require__(22), _EllipsisItem2 = _interopRequireDefault(_EllipsisItem), _constants = __webpack_require__(21), count = _react.Children.count, toArray = _react.Children.toArray;
+    exports.BreadcrumbsItem = _BreadcrumbsItem2.default;
+    /**
+	 * @description Breadcrumbs React component.
+	 *
+	 * The Breadcrumbs component will render a list of slash-separated breadcrumb items, and will
+	 * automatically truncate the list if there are more than 8 items.
+	 * @class Breadcrumbs
+	 * @example @js import Breadcrumbs from 'ak-breadcrumbs';
+	 * ReactDOM.render(<Breadcrumbs />);
+	 */
+    var Breadcrumbs = function(_PureComponent) {
+        function Breadcrumbs() {
+            return (0, _classCallCheck3.default)(this, Breadcrumbs), (0, _possibleConstructorReturn3.default)(this, (Breadcrumbs.__proto__ || (0, 
+            _getPrototypeOf2.default)(Breadcrumbs)).apply(this, arguments));
+        }
         return (0, _inherits3.default)(Breadcrumbs, _PureComponent), (0, _createClass3.default)(Breadcrumbs, [ {
@@ -109,3 +173,3 @@ key: "renderAllItems",
                     key: "ellipsis",
-                    onClick: this.expand
+                    onClick: this.props.onExpand
                 }), itemsToRender[itemsToRender.length - 1] ];
@@ -116,7 +180,5 @@ }
             value: function() {
-                var containerClasses = (0, _classnames3.default)(_styles2.default.container, (0, 
-                _defineProperty3.default)({}, _styles2.default.collapsed, !this.state.isExpanded));
                 return _react2.default.createElement("div", {
-                    className: containerClasses
-                }, this.state.isExpanded || count(this.props.children) < _constants.numItemsToTruncate ? this.renderAllItems() : this.renderFirstAndLast());
+                    className: _styles2.default.container
+                }, this.props.isExpanded || count(this.props.children) < _constants.numItemsToTruncate ? this.renderAllItems() : this.renderFirstAndLast());
             }
@@ -127,2 +189,20 @@ } ]), Breadcrumbs;
         /**
+	   * @description Whether the breadcrumbs should be expanded when there are 9 or more items.
+	   *
+	   * If this is true, the breadcrumbs will not collapse and show an ellipsis item.
+	   * @memberof Breadcrumbs
+	   * @instance
+	   * @type {boolean}
+	   * @default false
+	   */
+        isExpanded: _react.PropTypes.bool,
+        /**
+	   * @description Callback that is called when the ellipsis expander item is selected.
+	   * @memberof Breadcrumbs
+	   * @instance
+	   * @type {Function}
+	   * @required
+	   */
+        onExpand: _react.PropTypes.func.isRequired,
+        /**
 	   * @description The items to display.
@@ -137,35 +217,9 @@ *
         children: _react.PropTypes.oneOfType([ _react.PropTypes.node, _react.PropTypes.arrayOf(_react.PropTypes.node) ])
-    }, exports.default = Breadcrumbs, exports.AkBreadcrumbsItem = _BreadcrumbsItem2.default;
-}, /* 4 */
+    }, Breadcrumbs.defaultProps = {
+        isExpanded: !1
+    }, exports.default = Breadcrumbs;
+}, /* 11 */
 /***/
 function(module, exports) {
-    module.exports = require("babel-runtime/helpers/defineProperty");
-}, /* 5 */
-/***/
-function(module, exports) {
-    module.exports = require("babel-runtime/core-js/object/get-prototype-of");
-}, /* 6 */
-/***/
-function(module, exports) {
-    module.exports = require("babel-runtime/helpers/classCallCheck");
-}, /* 7 */
-/***/
-function(module, exports) {
     module.exports = require("babel-runtime/helpers/createClass");
-}, /* 8 */
-/***/
-function(module, exports) {
-    module.exports = require("babel-runtime/helpers/possibleConstructorReturn");
-}, /* 9 */
-/***/
-function(module, exports) {
-    module.exports = require("babel-runtime/helpers/inherits");
-}, /* 10 */
-/***/
-function(module, exports) {
-    module.exports = require("react");
-}, /* 11 */
-/***/
-function(module, exports) {
-    module.exports = require("classnames");
 }, /* 12 */
@@ -393,3 +447,3 @@ /***/
     });
-    var _defineProperty2 = __webpack_require__(4), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _reactDom = __webpack_require__(17), _reactDom2 = _interopRequireDefault(_reactDom), _akButton = __webpack_require__(18), _akButton2 = _interopRequireDefault(_akButton), _classnames2 = __webpack_require__(11), _classnames3 = _interopRequireDefault(_classnames2), _styles = __webpack_require__(13), _constants = __webpack_require__(19), item = _styles.locals.item, itemButton = _styles.locals.itemButton, tooltip = _styles.locals.tooltip, tooltipTrigger = _styles.locals.tooltipTrigger, truncated = _styles.locals.truncated, BreadcrumbsItem = function(_PureComponent) {
+    var _defineProperty2 = __webpack_require__(17), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(11), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _reactDom = __webpack_require__(18), _reactDom2 = _interopRequireDefault(_reactDom), _akButton = __webpack_require__(19), _akButton2 = _interopRequireDefault(_akButton), _classnames2 = __webpack_require__(20), _classnames3 = _interopRequireDefault(_classnames2), _styles = __webpack_require__(13), _constants = __webpack_require__(21), item = _styles.locals.item, itemButton = _styles.locals.itemButton, tooltip = _styles.locals.tooltip, tooltipTrigger = _styles.locals.tooltipTrigger, truncated = _styles.locals.truncated, BreadcrumbsItem = function(_PureComponent) {
         function BreadcrumbsItem() {
@@ -484,10 +538,18 @@ (0, _classCallCheck3.default)(this, BreadcrumbsItem);
 function(module, exports) {
-    module.exports = require("react-dom");
+    module.exports = require("babel-runtime/helpers/defineProperty");
 }, /* 18 */
 /***/
 function(module, exports) {
-    module.exports = require("ak-button");
+    module.exports = require("react-dom");
 }, /* 19 */
 /***/
 function(module, exports) {
+    module.exports = require("ak-button");
+}, /* 20 */
+/***/
+function(module, exports) {
+    module.exports = require("classnames");
+}, /* 21 */
+/***/
+function(module, exports) {
     "use strict";
@@ -498,3 +560,3 @@ Object.defineProperty(exports, "__esModule", {
     exports.numItemsToTruncate = 9, exports.itemTruncateWidth = 200;
-}, /* 20 */
+}, /* 22 */
 /***/
@@ -511,3 +573,3 @@ function(module, exports, __webpack_require__) {
     });
-    var _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _akButton = __webpack_require__(18), _akButton2 = _interopRequireDefault(_akButton), _styles = __webpack_require__(13), EllipsisItem = function(_PureComponent) {
+    var _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(11), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _akButton = __webpack_require__(19), _akButton2 = _interopRequireDefault(_akButton), _styles = __webpack_require__(13), EllipsisItem = function(_PureComponent) {
         function EllipsisItem() {
@@ -514,0 +576,0 @@ return (0, _classCallCheck3.default)(this, EllipsisItem), (0, _possibleConstructorReturn3.default)(this, (EllipsisItem.__proto__ || (0,

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(3)},,,function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AkBreadcrumbsItem=void 0;var o=r(4),i=n(o),a=r(5),s=n(a),l=r(6),u=n(l),p=r(7),f=n(p),c=r(8),d=n(c),h=r(9),m=n(h),v=r(10),y=n(v),x=r(11),_=n(x),g=r(12),b=n(g),A=r(16),T=n(A),E=r(20),I=n(E),Q=r(19),M=v.Children.count,B=v.Children.toArray,P=function(e){function t(){(0,u.default)(this,t);var e=(0,d.default)(this,(t.__proto__||(0,s.default)(t)).call(this));return e.expand=function(){e.setState({isExpanded:!0})},e.state={isExpanded:!1},e}return(0,m.default)(t,e),(0,f.default)(t,[{key:"renderAllItems",value:function(){return this.props.children}},{key:"renderFirstAndLast",value:function(){var e=B(this.props.children);return[e[0],y.default.createElement(I.default,{key:"ellipsis",onClick:this.expand}),e[e.length-1]]}},{key:"render",value:function(){var e=(0,_.default)(b.default.container,(0,i.default)({},b.default.collapsed,!this.state.isExpanded));return y.default.createElement("div",{className:e},this.state.isExpanded||M(this.props.children)<Q.numItemsToTruncate?this.renderAllItems():this.renderFirstAndLast())}}]),t}(v.PureComponent);P.propTypes={children:v.PropTypes.oneOfType([v.PropTypes.node,v.PropTypes.arrayOf(v.PropTypes.node)])},t.default=P,t.AkBreadcrumbsItem=T.default},function(e,t){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("classnames")},function(e,t,r){var n=r(13);"string"==typeof n&&(n=[[e.id,n,""]]),r(15)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(14)(),t.push([e.id,"._8ydPS0vWeQeyDyQMG6zRp{color:#5e6c84;display:-webkit-box;display:flex;flex-wrap:wrap}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI ._1NYMpXAQ1nxxFp6QuuUtw5{color:#5e6c84;padding:0}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI{padding-left:16px}[dir=rtl] ._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI{padding-left:0;padding-right:16px}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI:before{content:'/';float:left;margin-left:-16px;padding:2px 0;position:absolute;text-align:center;vertical-align:middle;width:16px}[dir=rtl] ._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI:before{float:right;margin-left:0;margin-right:-16px}._1NYMpXAQ1nxxFp6QuuUtw5{max-width:200px}._1FcDa23XzdOE7fATF8voVI{background-color:#091e42;border-radius:3px;box-sizing:border-box;color:#fff;opacity:0;max-width:400px;padding:2px 8px;pointer-events:none;position:absolute;top:24px;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;z-index:1}.BN9EgD49KgY4JK8yIdCrM{position:relative}.B59EJhxR2Y3qFawXJ3QlM .BN9EgD49KgY4JK8yIdCrM:hover ._1FcDa23XzdOE7fATF8voVI{opacity:1}",""]),t.locals={container:"_8ydPS0vWeQeyDyQMG6zRp",container:"_8ydPS0vWeQeyDyQMG6zRp",item:"_2tKmlA_gBJxQu_lTAIF8EI",item:"_2tKmlA_gBJxQu_lTAIF8EI","item-button":"_1NYMpXAQ1nxxFp6QuuUtw5",itemButton:"_1NYMpXAQ1nxxFp6QuuUtw5",tooltip:"_1FcDa23XzdOE7fATF8voVI",tooltip:"_1FcDa23XzdOE7fATF8voVI","tooltip-trigger":"BN9EgD49KgY4JK8yIdCrM",tooltipTrigger:"BN9EgD49KgY4JK8yIdCrM",truncated:"B59EJhxR2Y3qFawXJ3QlM",truncated:"B59EJhxR2Y3qFawXJ3QlM"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(n[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&n[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],o=d[n.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](n.parts[i]);for(;i<n.parts.length;i++)o.parts.push(u(n.parts[i],t))}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(u(n.parts[i],t));d[n.id]={id:n.id,refs:1,parts:a}}}}function o(e){for(var t=[],r={},n=0;n<e.length;n++){var o=e[n],i=o[0],a=o[1],s=o[2],l=o[3],u={css:a,media:s,sourceMap:l};r[i]?r[i].parts.push(u):t.push(r[i]={id:i,parts:[u]})}return t}function i(e,t){var r=v(),n=_[_.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),_.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=_.indexOf(e);t>=0&&_.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",i(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",i(e,t),t}function u(e,t){var r,n,o;if(t.singleton){var i=x++;r=y||(y=s(t)),n=p.bind(null,r,i,!1),o=p.bind(null,r,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=l(t),n=c.bind(null,r),o=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=s(t),n=f.bind(null,r),o=function(){a(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}function p(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function f(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function c(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var o=new Blob([r],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}var d={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),v=h(function(){return document.head||document.getElementsByTagName("head")[0]}),y=null,x=0,_=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],a=0;a<r.length;a++){var s=r[a],l=d[s.id];l.refs--,i.push(l)}if(e){var u=o(e);n(u,t)}for(var a=0;a<i.length;a++){var l=i[a];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete d[l.id]}}}};var g=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(4),i=n(o),a=r(5),s=n(a),l=r(6),u=n(l),p=r(7),f=n(p),c=r(8),d=n(c),h=r(9),m=n(h),v=r(10),y=n(v),x=r(17),_=n(x),g=r(18),b=n(g),A=r(11),T=n(A),E=r(13),I=r(19),Q=E.locals.item,M=E.locals.itemButton,B=E.locals.tooltip,P=E.locals.tooltipTrigger,C=E.locals.truncated,w=function(e){function t(){(0,u.default)(this,t);var e=(0,d.default)(this,(t.__proto__||(0,s.default)(t)).call(this));return e.state={hasOverflow:!1},e}return(0,m.default)(t,e),(0,f.default)(t,[{key:"componentDidMount",value:function(){this.updateOverflow()}},{key:"componentWillReceiveProps",value:function(){this.setState({hasOverflow:!1})}},{key:"componentDidUpdate",value:function(){this.updateOverflow()}},{key:"updateOverflow",value:function(){if(!this.button)return!1;var e=_.default.findDOMNode(this.button),t=e.clientWidth>=I.itemTruncateWidth;return t!==this.state.hasOverflow&&this.setState({hasOverflow:t}),t}},{key:"render",value:function(){var e=this,t=(0,T.default)(Q,(0,i.default)({},C,this.state.hasOverflow));return y.default.createElement("div",{className:t},y.default.createElement("span",{className:P},y.default.createElement("div",{className:B},this.props.children),y.default.createElement(b.default,{className:M,appearance:"link",iconAfter:this.props.iconAfter,iconBefore:this.props.iconBefore,spacing:"compact",href:this.props.href,ref:function(t){return e.button=t}},this.props.children)))}}]),t}(v.PureComponent);w.propTypes={href:v.PropTypes.string,iconBefore:v.PropTypes.element,iconAfter:v.PropTypes.element,children:v.PropTypes.oneOfType([v.PropTypes.node,v.PropTypes.arrayOf(v.PropTypes.node)])},w.defaultProps={href:"#"},t.default=w},function(e,t){e.exports=require("react-dom")},function(e,t){e.exports=require("ak-button")},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.numItemsToTruncate=9,t.itemTruncateWidth=200},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(5),i=n(o),a=r(6),s=n(a),l=r(7),u=n(l),p=r(8),f=n(p),c=r(9),d=n(c),h=r(10),m=n(h),v=r(18),y=n(v),x=r(13),_=function(e){function t(){return(0,s.default)(this,t),(0,f.default)(this,(t.__proto__||(0,i.default)(t)).apply(this,arguments))}return(0,d.default)(t,e),(0,u.default)(t,[{key:"render",value:function(){return m.default.createElement("div",{className:x.locals.item,onClick:this.props.onClick},m.default.createElement(y.default,{className:x.locals.itemButton,appearance:"link",spacing:"compact",href:"#"},"..."))}}]),t}(h.PureComponent);_.propTypes={onClick:h.PropTypes.func},t.default=_}]);
+module.exports=function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(3)},,,function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AkBreadcrumbsItem=t.AkBreadcrumbs=void 0;var o=r(4),i=n(o),a=r(5),s=n(a),u=r(6),l=n(u),p=r(7),d=n(p),f=r(8),c=n(f),h=r(9),m=n(h),y=r(10),v=n(y);t.AkBreadcrumbs=v.default,t.AkBreadcrumbsItem=y.BreadcrumbsItem;var x=function(e){function t(){(0,l.default)(this,t);var e=(0,d.default)(this,(t.__proto__||(0,s.default)(t)).call(this));return e.expand=function(){return e.setState({isExpanded:!0})},e.render=function(){return m.default.createElement(v.default,(0,i.default)({},e.props,{isExpanded:e.state.isExpanded,onExpand:e.expand}),e.props.children)},e.state={isExpanded:!1},e}return(0,c.default)(t,e),t}(h.PureComponent);x.propTypes={children:h.PropTypes.oneOfType([h.PropTypes.node,h.PropTypes.arrayOf(h.PropTypes.node)])},t.default=x},function(e,t){e.exports=require("babel-runtime/helpers/extends")},function(e,t){e.exports=require("babel-runtime/core-js/object/get-prototype-of")},function(e,t){e.exports=require("babel-runtime/helpers/classCallCheck")},function(e,t){e.exports=require("babel-runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("babel-runtime/helpers/inherits")},function(e,t){e.exports=require("react")},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.BreadcrumbsItem=void 0;var o=r(5),i=n(o),a=r(6),s=n(a),u=r(11),l=n(u),p=r(7),d=n(p),f=r(8),c=n(f),h=r(9),m=n(h),y=r(12),v=n(y),x=r(16),_=n(x),g=r(22),b=n(g),T=r(21),A=h.Children.count,E=h.Children.toArray;t.BreadcrumbsItem=_.default;var I=function(e){function t(){return(0,s.default)(this,t),(0,d.default)(this,(t.__proto__||(0,i.default)(t)).apply(this,arguments))}return(0,c.default)(t,e),(0,l.default)(t,[{key:"renderAllItems",value:function(){return this.props.children}},{key:"renderFirstAndLast",value:function(){var e=E(this.props.children);return[e[0],m.default.createElement(b.default,{key:"ellipsis",onClick:this.props.onExpand}),e[e.length-1]]}},{key:"render",value:function(){return m.default.createElement("div",{className:v.default.container},this.props.isExpanded||A(this.props.children)<T.numItemsToTruncate?this.renderAllItems():this.renderFirstAndLast())}}]),t}(h.PureComponent);I.propTypes={isExpanded:h.PropTypes.bool,onExpand:h.PropTypes.func.isRequired,children:h.PropTypes.oneOfType([h.PropTypes.node,h.PropTypes.arrayOf(h.PropTypes.node)])},I.defaultProps={isExpanded:!1},t.default=I},function(e,t){e.exports=require("babel-runtime/helpers/createClass")},function(e,t,r){var n=r(13);"string"==typeof n&&(n=[[e.id,n,""]]),r(15)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(14)(),t.push([e.id,"._8ydPS0vWeQeyDyQMG6zRp{color:#5e6c84;display:-webkit-box;display:flex;flex-wrap:wrap}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI ._1NYMpXAQ1nxxFp6QuuUtw5{color:#5e6c84;padding:0}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI{padding-left:16px}[dir=rtl] ._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI{padding-left:0;padding-right:16px}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI:before{content:'/';float:left;margin-left:-16px;padding:2px 0;position:absolute;text-align:center;vertical-align:middle;width:16px}[dir=rtl] ._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI:before{float:right;margin-left:0;margin-right:-16px}._1NYMpXAQ1nxxFp6QuuUtw5{max-width:200px}._1FcDa23XzdOE7fATF8voVI{background-color:#091e42;border-radius:3px;box-sizing:border-box;color:#fff;opacity:0;max-width:400px;padding:2px 8px;pointer-events:none;position:absolute;top:24px;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;z-index:1}.BN9EgD49KgY4JK8yIdCrM{position:relative}.B59EJhxR2Y3qFawXJ3QlM .BN9EgD49KgY4JK8yIdCrM:hover ._1FcDa23XzdOE7fATF8voVI{opacity:1}",""]),t.locals={container:"_8ydPS0vWeQeyDyQMG6zRp",container:"_8ydPS0vWeQeyDyQMG6zRp",item:"_2tKmlA_gBJxQu_lTAIF8EI",item:"_2tKmlA_gBJxQu_lTAIF8EI","item-button":"_1NYMpXAQ1nxxFp6QuuUtw5",itemButton:"_1NYMpXAQ1nxxFp6QuuUtw5",tooltip:"_1FcDa23XzdOE7fATF8voVI",tooltip:"_1FcDa23XzdOE7fATF8voVI","tooltip-trigger":"BN9EgD49KgY4JK8yIdCrM",tooltipTrigger:"BN9EgD49KgY4JK8yIdCrM",truncated:"B59EJhxR2Y3qFawXJ3QlM",truncated:"B59EJhxR2Y3qFawXJ3QlM"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(n[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&n[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],o=c[n.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](n.parts[i]);for(;i<n.parts.length;i++)o.parts.push(l(n.parts[i],t))}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(l(n.parts[i],t));c[n.id]={id:n.id,refs:1,parts:a}}}}function o(e){for(var t=[],r={},n=0;n<e.length;n++){var o=e[n],i=o[0],a=o[1],s=o[2],u=o[3],l={css:a,media:s,sourceMap:u};r[i]?r[i].parts.push(l):t.push(r[i]={id:i,parts:[l]})}return t}function i(e,t){var r=y(),n=_[_.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),_.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=_.indexOf(e);t>=0&&_.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",i(e,t),t}function u(e){var t=document.createElement("link");return t.rel="stylesheet",i(e,t),t}function l(e,t){var r,n,o;if(t.singleton){var i=x++;r=v||(v=s(t)),n=p.bind(null,r,i,!1),o=p.bind(null,r,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=u(t),n=f.bind(null,r),o=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=s(t),n=d.bind(null,r),o=function(){a(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}function p(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function d(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function f(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var o=new Blob([r],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}var c={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),y=h(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,x=0,_=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],a=0;a<r.length;a++){var s=r[a],u=c[s.id];u.refs--,i.push(u)}if(e){var l=o(e);n(l,t)}for(var a=0;a<i.length;a++){var u=i[a];if(0===u.refs){for(var p=0;p<u.parts.length;p++)u.parts[p]();delete c[u.id]}}}};var g=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(17),i=n(o),a=r(5),s=n(a),u=r(6),l=n(u),p=r(11),d=n(p),f=r(7),c=n(f),h=r(8),m=n(h),y=r(9),v=n(y),x=r(18),_=n(x),g=r(19),b=n(g),T=r(20),A=n(T),E=r(13),I=r(21),P=E.locals.item,B=E.locals.itemButton,Q=E.locals.tooltip,M=E.locals.tooltipTrigger,O=E.locals.truncated,C=function(e){function t(){(0,l.default)(this,t);var e=(0,c.default)(this,(t.__proto__||(0,s.default)(t)).call(this));return e.state={hasOverflow:!1},e}return(0,m.default)(t,e),(0,d.default)(t,[{key:"componentDidMount",value:function(){this.updateOverflow()}},{key:"componentWillReceiveProps",value:function(){this.setState({hasOverflow:!1})}},{key:"componentDidUpdate",value:function(){this.updateOverflow()}},{key:"updateOverflow",value:function(){if(!this.button)return!1;var e=_.default.findDOMNode(this.button),t=e.clientWidth>=I.itemTruncateWidth;return t!==this.state.hasOverflow&&this.setState({hasOverflow:t}),t}},{key:"render",value:function(){var e=this,t=(0,A.default)(P,(0,i.default)({},O,this.state.hasOverflow));return v.default.createElement("div",{className:t},v.default.createElement("span",{className:M},v.default.createElement("div",{className:Q},this.props.children),v.default.createElement(b.default,{className:B,appearance:"link",iconAfter:this.props.iconAfter,iconBefore:this.props.iconBefore,spacing:"compact",href:this.props.href,ref:function(t){return e.button=t}},this.props.children)))}}]),t}(y.PureComponent);C.propTypes={href:y.PropTypes.string,iconBefore:y.PropTypes.element,iconAfter:y.PropTypes.element,children:y.PropTypes.oneOfType([y.PropTypes.node,y.PropTypes.arrayOf(y.PropTypes.node)])},C.defaultProps={href:"#"},t.default=C},function(e,t){e.exports=require("babel-runtime/helpers/defineProperty")},function(e,t){e.exports=require("react-dom")},function(e,t){e.exports=require("ak-button")},function(e,t){e.exports=require("classnames")},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.numItemsToTruncate=9,t.itemTruncateWidth=200},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(5),i=n(o),a=r(6),s=n(a),u=r(11),l=n(u),p=r(7),d=n(p),f=r(8),c=n(f),h=r(9),m=n(h),y=r(19),v=n(y),x=r(13),_=function(e){function t(){return(0,s.default)(this,t),(0,d.default)(this,(t.__proto__||(0,i.default)(t)).apply(this,arguments))}return(0,c.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){return m.default.createElement("div",{className:x.locals.item,onClick:this.props.onClick},m.default.createElement(v.default,{className:x.locals.itemButton,appearance:"link",spacing:"compact",href:"#"},"..."))}}]),t}(h.PureComponent);_.propTypes={onClick:h.PropTypes.func},t.default=_}]);

dist/bundle.js

 !function(root, factory) {
-    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/defineProperty"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("classnames"), require("react-dom"), require("ak-button")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/defineProperty", "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/createClass", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "react", "classnames", "react-dom", "ak-button" ], factory) : "object" == typeof exports ? exports.akBreadcrumbs = factory(require("babel-runtime/helpers/defineProperty"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("classnames"), require("react-dom"), require("ak-button")) : root.akBreadcrumbs = factory(root["babel-runtime/helpers/defineProperty"], root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root.react, root.classnames, root["react-dom"], root["ak-button"]);
-}(this, function(__WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_10__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_17__, __WEBPACK_EXTERNAL_MODULE_18__) {
+    "object" == typeof exports && "object" == typeof module ? module.exports = factory(require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/defineProperty"), require("react-dom"), require("ak-button"), require("classnames")) : "function" == typeof define && define.amd ? define([ "babel-runtime/helpers/extends", "babel-runtime/core-js/object/get-prototype-of", "babel-runtime/helpers/classCallCheck", "babel-runtime/helpers/possibleConstructorReturn", "babel-runtime/helpers/inherits", "react", "babel-runtime/helpers/createClass", "babel-runtime/helpers/defineProperty", "react-dom", "ak-button", "classnames" ], factory) : "object" == typeof exports ? exports.akBreadcrumbs = factory(require("babel-runtime/helpers/extends"), require("babel-runtime/core-js/object/get-prototype-of"), require("babel-runtime/helpers/classCallCheck"), require("babel-runtime/helpers/possibleConstructorReturn"), require("babel-runtime/helpers/inherits"), require("react"), require("babel-runtime/helpers/createClass"), require("babel-runtime/helpers/defineProperty"), require("react-dom"), require("ak-button"), require("classnames")) : root.akBreadcrumbs = factory(root["babel-runtime/helpers/extends"], root["babel-runtime/core-js/object/get-prototype-of"], root["babel-runtime/helpers/classCallCheck"], root["babel-runtime/helpers/possibleConstructorReturn"], root["babel-runtime/helpers/inherits"], root.react, root["babel-runtime/helpers/createClass"], root["babel-runtime/helpers/defineProperty"], root["react-dom"], root["ak-button"], root.classnames);
+}(this, function(__WEBPACK_EXTERNAL_MODULE_4__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__, __WEBPACK_EXTERNAL_MODULE_7__, __WEBPACK_EXTERNAL_MODULE_8__, __WEBPACK_EXTERNAL_MODULE_9__, __WEBPACK_EXTERNAL_MODULE_11__, __WEBPACK_EXTERNAL_MODULE_17__, __WEBPACK_EXTERNAL_MODULE_18__, __WEBPACK_EXTERNAL_MODULE_19__, __WEBPACK_EXTERNAL_MODULE_20__) {
     /******/
@@ -85,12 +85,19 @@ return function(modules) {
             value: !0
-        }), exports.AkBreadcrumbsItem = void 0;
-        var _defineProperty2 = __webpack_require__(4), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _classnames2 = __webpack_require__(11), _classnames3 = _interopRequireDefault(_classnames2), _styles = __webpack_require__(12), _styles2 = _interopRequireDefault(_styles), _BreadcrumbsItem = __webpack_require__(16), _BreadcrumbsItem2 = _interopRequireDefault(_BreadcrumbsItem), _EllipsisItem = __webpack_require__(20), _EllipsisItem2 = _interopRequireDefault(_EllipsisItem), _constants = __webpack_require__(19), count = _react.Children.count, toArray = _react.Children.toArray, Breadcrumbs = function(_PureComponent) {
-            function Breadcrumbs() {
-                (0, _classCallCheck3.default)(this, Breadcrumbs);
-                var _this = (0, _possibleConstructorReturn3.default)(this, (Breadcrumbs.__proto__ || (0, 
-                _getPrototypeOf2.default)(Breadcrumbs)).call(this));
+        }), exports.AkBreadcrumbsItem = exports.AkBreadcrumbs = void 0;
+        var _extends2 = __webpack_require__(4), _extends3 = _interopRequireDefault(_extends2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _Breadcrumbs = __webpack_require__(10), _Breadcrumbs2 = _interopRequireDefault(_Breadcrumbs);
+        exports.AkBreadcrumbs = _Breadcrumbs2.default, exports.AkBreadcrumbsItem = _Breadcrumbs.BreadcrumbsItem;
+        var _class = function(_PureComponent) {
+            function _class() {
+                (0, _classCallCheck3.default)(this, _class);
+                var _this = (0, _possibleConstructorReturn3.default)(this, (_class.__proto__ || (0, 
+                _getPrototypeOf2.default)(_class)).call(this));
                 return _this.expand = function() {
-                    _this.setState({
+                    return _this.setState({
                         isExpanded: !0
                     });
+                }, _this.render = function() {
+                    return _react2.default.createElement(_Breadcrumbs2.default, (0, _extends3.default)({}, _this.props, {
+                        isExpanded: _this.state.isExpanded,
+                        onExpand: _this.expand
+                    }), _this.props.children);
                 }, _this.state = {
@@ -100,2 +107,59 @@ isExpanded: !1
             }
+            return (0, _inherits3.default)(_class, _PureComponent), _class;
+        }(_react.PureComponent);
+        _class.propTypes = {
+            children: _react.PropTypes.oneOfType([ _react.PropTypes.node, _react.PropTypes.arrayOf(_react.PropTypes.node) ])
+        }, exports.default = _class;
+    }, /* 4 */
+    /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
+    }, /* 5 */
+    /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_5__;
+    }, /* 6 */
+    /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_6__;
+    }, /* 7 */
+    /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_7__;
+    }, /* 8 */
+    /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
+    }, /* 9 */
+    /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
+    }, /* 10 */
+    /***/
+    function(module, exports, __webpack_require__) {
+        "use strict";
+        function _interopRequireDefault(obj) {
+            return obj && obj.__esModule ? obj : {
+                default: obj
+            };
+        }
+        Object.defineProperty(exports, "__esModule", {
+            value: !0
+        }), exports.BreadcrumbsItem = void 0;
+        var _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(11), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _styles = __webpack_require__(12), _styles2 = _interopRequireDefault(_styles), _BreadcrumbsItem = __webpack_require__(16), _BreadcrumbsItem2 = _interopRequireDefault(_BreadcrumbsItem), _EllipsisItem = __webpack_require__(22), _EllipsisItem2 = _interopRequireDefault(_EllipsisItem), _constants = __webpack_require__(21), count = _react.Children.count, toArray = _react.Children.toArray;
+        exports.BreadcrumbsItem = _BreadcrumbsItem2.default;
+        /**
+	 * @description Breadcrumbs React component.
+	 *
+	 * The Breadcrumbs component will render a list of slash-separated breadcrumb items, and will
+	 * automatically truncate the list if there are more than 8 items.
+	 * @class Breadcrumbs
+	 * @example @js import Breadcrumbs from 'ak-breadcrumbs';
+	 * ReactDOM.render(<Breadcrumbs />);
+	 */
+        var Breadcrumbs = function(_PureComponent) {
+            function Breadcrumbs() {
+                return (0, _classCallCheck3.default)(this, Breadcrumbs), (0, _possibleConstructorReturn3.default)(this, (Breadcrumbs.__proto__ || (0, 
+                _getPrototypeOf2.default)(Breadcrumbs)).apply(this, arguments));
+            }
             return (0, _inherits3.default)(Breadcrumbs, _PureComponent), (0, _createClass3.default)(Breadcrumbs, [ {
@@ -112,3 +176,3 @@ key: "renderAllItems",
                         key: "ellipsis",
-                        onClick: this.expand
+                        onClick: this.props.onExpand
                     }), itemsToRender[itemsToRender.length - 1] ];
@@ -119,7 +183,5 @@ }
                 value: function() {
-                    var containerClasses = (0, _classnames3.default)(_styles2.default.container, (0, 
-                    _defineProperty3.default)({}, _styles2.default.collapsed, !this.state.isExpanded));
                     return _react2.default.createElement("div", {
-                        className: containerClasses
-                    }, this.state.isExpanded || count(this.props.children) < _constants.numItemsToTruncate ? this.renderAllItems() : this.renderFirstAndLast());
+                        className: _styles2.default.container
+                    }, this.props.isExpanded || count(this.props.children) < _constants.numItemsToTruncate ? this.renderAllItems() : this.renderFirstAndLast());
                 }
@@ -130,2 +192,20 @@ } ]), Breadcrumbs;
             /**
+	   * @description Whether the breadcrumbs should be expanded when there are 9 or more items.
+	   *
+	   * If this is true, the breadcrumbs will not collapse and show an ellipsis item.
+	   * @memberof Breadcrumbs
+	   * @instance
+	   * @type {boolean}
+	   * @default false
+	   */
+            isExpanded: _react.PropTypes.bool,
+            /**
+	   * @description Callback that is called when the ellipsis expander item is selected.
+	   * @memberof Breadcrumbs
+	   * @instance
+	   * @type {Function}
+	   * @required
+	   */
+            onExpand: _react.PropTypes.func.isRequired,
+            /**
 	   * @description The items to display.
@@ -140,31 +220,5 @@ *
             children: _react.PropTypes.oneOfType([ _react.PropTypes.node, _react.PropTypes.arrayOf(_react.PropTypes.node) ])
-        }, exports.default = Breadcrumbs, exports.AkBreadcrumbsItem = _BreadcrumbsItem2.default;
-    }, /* 4 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
-    }, /* 5 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_5__;
-    }, /* 6 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_6__;
-    }, /* 7 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_7__;
-    }, /* 8 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
-    }, /* 9 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
-    }, /* 10 */
-    /***/
-    function(module, exports) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_10__;
+        }, Breadcrumbs.defaultProps = {
+            isExpanded: !1
+        }, exports.default = Breadcrumbs;
     }, /* 11 */
@@ -396,3 +450,3 @@ /***/
         });
-        var _defineProperty2 = __webpack_require__(4), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _reactDom = __webpack_require__(17), _reactDom2 = _interopRequireDefault(_reactDom), _akButton = __webpack_require__(18), _akButton2 = _interopRequireDefault(_akButton), _classnames2 = __webpack_require__(11), _classnames3 = _interopRequireDefault(_classnames2), _styles = __webpack_require__(13), _constants = __webpack_require__(19), item = _styles.locals.item, itemButton = _styles.locals.itemButton, tooltip = _styles.locals.tooltip, tooltipTrigger = _styles.locals.tooltipTrigger, truncated = _styles.locals.truncated, BreadcrumbsItem = function(_PureComponent) {
+        var _defineProperty2 = __webpack_require__(17), _defineProperty3 = _interopRequireDefault(_defineProperty2), _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(11), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _reactDom = __webpack_require__(18), _reactDom2 = _interopRequireDefault(_reactDom), _akButton = __webpack_require__(19), _akButton2 = _interopRequireDefault(_akButton), _classnames2 = __webpack_require__(20), _classnames3 = _interopRequireDefault(_classnames2), _styles = __webpack_require__(13), _constants = __webpack_require__(21), item = _styles.locals.item, itemButton = _styles.locals.itemButton, tooltip = _styles.locals.tooltip, tooltipTrigger = _styles.locals.tooltipTrigger, truncated = _styles.locals.truncated, BreadcrumbsItem = function(_PureComponent) {
             function BreadcrumbsItem() {
@@ -495,2 +549,10 @@ (0, _classCallCheck3.default)(this, BreadcrumbsItem);
     function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_19__;
+    }, /* 20 */
+    /***/
+    function(module, exports) {
+        module.exports = __WEBPACK_EXTERNAL_MODULE_20__;
+    }, /* 21 */
+    /***/
+    function(module, exports) {
         "use strict";
@@ -501,3 +563,3 @@ Object.defineProperty(exports, "__esModule", {
         exports.numItemsToTruncate = 9, exports.itemTruncateWidth = 200;
-    }, /* 20 */
+    }, /* 22 */
     /***/
@@ -514,3 +576,3 @@ function(module, exports, __webpack_require__) {
         });
-        var _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(7), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(8), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(9), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(10), _react2 = _interopRequireDefault(_react), _akButton = __webpack_require__(18), _akButton2 = _interopRequireDefault(_akButton), _styles = __webpack_require__(13), EllipsisItem = function(_PureComponent) {
+        var _getPrototypeOf = __webpack_require__(5), _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf), _classCallCheck2 = __webpack_require__(6), _classCallCheck3 = _interopRequireDefault(_classCallCheck2), _createClass2 = __webpack_require__(11), _createClass3 = _interopRequireDefault(_createClass2), _possibleConstructorReturn2 = __webpack_require__(7), _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2), _inherits2 = __webpack_require__(8), _inherits3 = _interopRequireDefault(_inherits2), _react = __webpack_require__(9), _react2 = _interopRequireDefault(_react), _akButton = __webpack_require__(19), _akButton2 = _interopRequireDefault(_akButton), _styles = __webpack_require__(13), EllipsisItem = function(_PureComponent) {
             function EllipsisItem() {
@@ -517,0 +579,0 @@ return (0, _classCallCheck3.default)(this, EllipsisItem), (0, _possibleConstructorReturn3.default)(this, (EllipsisItem.__proto__ || (0,

dist/bundle.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/defineProperty"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("classnames"),require("react-dom"),require("ak-button")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/defineProperty","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/createClass","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","react","classnames","react-dom","ak-button"],t):"object"==typeof exports?exports.akBreadcrumbs=t(require("babel-runtime/helpers/defineProperty"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("classnames"),require("react-dom"),require("ak-button")):e.akBreadcrumbs=t(e["babel-runtime/helpers/defineProperty"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e.react,e.classnames,e["react-dom"],e["ak-button"])}(this,function(e,t,r,n,o,i,a,s,l,u){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(3)},,,function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AkBreadcrumbsItem=void 0;var o=r(4),i=n(o),a=r(5),s=n(a),l=r(6),u=n(l),p=r(7),c=n(p),f=r(8),d=n(f),h=r(9),m=n(h),b=r(10),y=n(b),v=r(11),x=n(v),g=r(12),_=n(g),A=r(16),T=n(A),C=r(20),E=n(C),I=r(19),Q=b.Children.count,k=b.Children.toArray,B=function(e){function t(){(0,u.default)(this,t);var e=(0,d.default)(this,(t.__proto__||(0,s.default)(t)).call(this));return e.expand=function(){e.setState({isExpanded:!0})},e.state={isExpanded:!1},e}return(0,m.default)(t,e),(0,c.default)(t,[{key:"renderAllItems",value:function(){return this.props.children}},{key:"renderFirstAndLast",value:function(){var e=k(this.props.children);return[e[0],y.default.createElement(E.default,{key:"ellipsis",onClick:this.expand}),e[e.length-1]]}},{key:"render",value:function(){var e=(0,x.default)(_.default.container,(0,i.default)({},_.default.collapsed,!this.state.isExpanded));return y.default.createElement("div",{className:e},this.state.isExpanded||Q(this.props.children)<I.numItemsToTruncate?this.renderAllItems():this.renderFirstAndLast())}}]),t}(b.PureComponent);B.propTypes={children:b.PropTypes.oneOfType([b.PropTypes.node,b.PropTypes.arrayOf(b.PropTypes.node)])},t.default=B,t.AkBreadcrumbsItem=T.default},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t){e.exports=s},function(e,t,r){var n=r(13);"string"==typeof n&&(n=[[e.id,n,""]]),r(15)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(14)(),t.push([e.id,"._8ydPS0vWeQeyDyQMG6zRp{color:#5e6c84;display:-webkit-box;display:flex;flex-wrap:wrap}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI ._1NYMpXAQ1nxxFp6QuuUtw5{color:#5e6c84;padding:0}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI{padding-left:16px}[dir=rtl] ._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI{padding-left:0;padding-right:16px}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI:before{content:'/';float:left;margin-left:-16px;padding:2px 0;position:absolute;text-align:center;vertical-align:middle;width:16px}[dir=rtl] ._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI:before{float:right;margin-left:0;margin-right:-16px}._1NYMpXAQ1nxxFp6QuuUtw5{max-width:200px}._1FcDa23XzdOE7fATF8voVI{background-color:#091e42;border-radius:3px;box-sizing:border-box;color:#fff;opacity:0;max-width:400px;padding:2px 8px;pointer-events:none;position:absolute;top:24px;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;z-index:1}.BN9EgD49KgY4JK8yIdCrM{position:relative}.B59EJhxR2Y3qFawXJ3QlM .BN9EgD49KgY4JK8yIdCrM:hover ._1FcDa23XzdOE7fATF8voVI{opacity:1}",""]),t.locals={container:"_8ydPS0vWeQeyDyQMG6zRp",container:"_8ydPS0vWeQeyDyQMG6zRp",item:"_2tKmlA_gBJxQu_lTAIF8EI",item:"_2tKmlA_gBJxQu_lTAIF8EI","item-button":"_1NYMpXAQ1nxxFp6QuuUtw5",itemButton:"_1NYMpXAQ1nxxFp6QuuUtw5",tooltip:"_1FcDa23XzdOE7fATF8voVI",tooltip:"_1FcDa23XzdOE7fATF8voVI","tooltip-trigger":"BN9EgD49KgY4JK8yIdCrM",tooltipTrigger:"BN9EgD49KgY4JK8yIdCrM",truncated:"B59EJhxR2Y3qFawXJ3QlM",truncated:"B59EJhxR2Y3qFawXJ3QlM"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(n[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&n[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],o=d[n.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](n.parts[i]);for(;i<n.parts.length;i++)o.parts.push(u(n.parts[i],t))}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(u(n.parts[i],t));d[n.id]={id:n.id,refs:1,parts:a}}}}function o(e){for(var t=[],r={},n=0;n<e.length;n++){var o=e[n],i=o[0],a=o[1],s=o[2],l=o[3],u={css:a,media:s,sourceMap:l};r[i]?r[i].parts.push(u):t.push(r[i]={id:i,parts:[u]})}return t}function i(e,t){var r=b(),n=x[x.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),x.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=x.indexOf(e);t>=0&&x.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",i(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",i(e,t),t}function u(e,t){var r,n,o;if(t.singleton){var i=v++;r=y||(y=s(t)),n=p.bind(null,r,i,!1),o=p.bind(null,r,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=l(t),n=f.bind(null,r),o=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=s(t),n=c.bind(null,r),o=function(){a(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}function p(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=g(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function c(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function f(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var o=new Blob([r],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}var d={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),b=h(function(){return document.head||document.getElementsByTagName("head")[0]}),y=null,v=0,x=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],a=0;a<r.length;a++){var s=r[a],l=d[s.id];l.refs--,i.push(l)}if(e){var u=o(e);n(u,t)}for(var a=0;a<i.length;a++){var l=i[a];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete d[l.id]}}}};var g=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(4),i=n(o),a=r(5),s=n(a),l=r(6),u=n(l),p=r(7),c=n(p),f=r(8),d=n(f),h=r(9),m=n(h),b=r(10),y=n(b),v=r(17),x=n(v),g=r(18),_=n(g),A=r(11),T=n(A),C=r(13),E=r(19),I=C.locals.item,Q=C.locals.itemButton,k=C.locals.tooltip,B=C.locals.tooltipTrigger,M=C.locals.truncated,P=function(e){function t(){(0,u.default)(this,t);var e=(0,d.default)(this,(t.__proto__||(0,s.default)(t)).call(this));return e.state={hasOverflow:!1},e}return(0,m.default)(t,e),(0,c.default)(t,[{key:"componentDidMount",value:function(){this.updateOverflow()}},{key:"componentWillReceiveProps",value:function(){this.setState({hasOverflow:!1})}},{key:"componentDidUpdate",value:function(){this.updateOverflow()}},{key:"updateOverflow",value:function(){if(!this.button)return!1;var e=x.default.findDOMNode(this.button),t=e.clientWidth>=E.itemTruncateWidth;return t!==this.state.hasOverflow&&this.setState({hasOverflow:t}),t}},{key:"render",value:function(){var e=this,t=(0,T.default)(I,(0,i.default)({},M,this.state.hasOverflow));return y.default.createElement("div",{className:t},y.default.createElement("span",{className:B},y.default.createElement("div",{className:k},this.props.children),y.default.createElement(_.default,{className:Q,appearance:"link",iconAfter:this.props.iconAfter,iconBefore:this.props.iconBefore,spacing:"compact",href:this.props.href,ref:function(t){return e.button=t}},this.props.children)))}}]),t}(b.PureComponent);P.propTypes={href:b.PropTypes.string,iconBefore:b.PropTypes.element,iconAfter:b.PropTypes.element,children:b.PropTypes.oneOfType([b.PropTypes.node,b.PropTypes.arrayOf(b.PropTypes.node)])},P.defaultProps={href:"#"},t.default=P},function(e,t){e.exports=l},function(e,t){e.exports=u},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.numItemsToTruncate=9,t.itemTruncateWidth=200},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(5),i=n(o),a=r(6),s=n(a),l=r(7),u=n(l),p=r(8),c=n(p),f=r(9),d=n(f),h=r(10),m=n(h),b=r(18),y=n(b),v=r(13),x=function(e){function t(){return(0,s.default)(this,t),(0,c.default)(this,(t.__proto__||(0,i.default)(t)).apply(this,arguments))}return(0,d.default)(t,e),(0,u.default)(t,[{key:"render",value:function(){return m.default.createElement("div",{className:v.locals.item,onClick:this.props.onClick},m.default.createElement(y.default,{className:v.locals.itemButton,appearance:"link",spacing:"compact",href:"#"},"..."))}}]),t}(h.PureComponent);x.propTypes={onClick:h.PropTypes.func},t.default=x}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/defineProperty"),require("react-dom"),require("ak-button"),require("classnames")):"function"==typeof define&&define.amd?define(["babel-runtime/helpers/extends","babel-runtime/core-js/object/get-prototype-of","babel-runtime/helpers/classCallCheck","babel-runtime/helpers/possibleConstructorReturn","babel-runtime/helpers/inherits","react","babel-runtime/helpers/createClass","babel-runtime/helpers/defineProperty","react-dom","ak-button","classnames"],t):"object"==typeof exports?exports.akBreadcrumbs=t(require("babel-runtime/helpers/extends"),require("babel-runtime/core-js/object/get-prototype-of"),require("babel-runtime/helpers/classCallCheck"),require("babel-runtime/helpers/possibleConstructorReturn"),require("babel-runtime/helpers/inherits"),require("react"),require("babel-runtime/helpers/createClass"),require("babel-runtime/helpers/defineProperty"),require("react-dom"),require("ak-button"),require("classnames")):e.akBreadcrumbs=t(e["babel-runtime/helpers/extends"],e["babel-runtime/core-js/object/get-prototype-of"],e["babel-runtime/helpers/classCallCheck"],e["babel-runtime/helpers/possibleConstructorReturn"],e["babel-runtime/helpers/inherits"],e.react,e["babel-runtime/helpers/createClass"],e["babel-runtime/helpers/defineProperty"],e["react-dom"],e["ak-button"],e.classnames)}(this,function(e,t,r,n,o,i,a,s,u,l,p){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="",t(0)}([function(e,t,r){e.exports=r(3)},,,function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.AkBreadcrumbsItem=t.AkBreadcrumbs=void 0;var o=r(4),i=n(o),a=r(5),s=n(a),u=r(6),l=n(u),p=r(7),c=n(p),d=r(8),f=n(d),h=r(9),m=n(h),b=r(10),y=n(b);t.AkBreadcrumbs=y.default,t.AkBreadcrumbsItem=b.BreadcrumbsItem;var v=function(e){function t(){(0,l.default)(this,t);var e=(0,c.default)(this,(t.__proto__||(0,s.default)(t)).call(this));return e.expand=function(){return e.setState({isExpanded:!0})},e.render=function(){return m.default.createElement(y.default,(0,i.default)({},e.props,{isExpanded:e.state.isExpanded,onExpand:e.expand}),e.props.children)},e.state={isExpanded:!1},e}return(0,f.default)(t,e),t}(h.PureComponent);v.propTypes={children:h.PropTypes.oneOfType([h.PropTypes.node,h.PropTypes.arrayOf(h.PropTypes.node)])},t.default=v},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.BreadcrumbsItem=void 0;var o=r(5),i=n(o),a=r(6),s=n(a),u=r(11),l=n(u),p=r(7),c=n(p),d=r(8),f=n(d),h=r(9),m=n(h),b=r(12),y=n(b),v=r(16),x=n(v),_=r(22),g=n(_),T=r(21),A=h.Children.count,E=h.Children.toArray;t.BreadcrumbsItem=x.default;var C=function(e){function t(){return(0,s.default)(this,t),(0,c.default)(this,(t.__proto__||(0,i.default)(t)).apply(this,arguments))}return(0,f.default)(t,e),(0,l.default)(t,[{key:"renderAllItems",value:function(){return this.props.children}},{key:"renderFirstAndLast",value:function(){var e=E(this.props.children);return[e[0],m.default.createElement(g.default,{key:"ellipsis",onClick:this.props.onExpand}),e[e.length-1]]}},{key:"render",value:function(){return m.default.createElement("div",{className:y.default.container},this.props.isExpanded||A(this.props.children)<T.numItemsToTruncate?this.renderAllItems():this.renderFirstAndLast())}}]),t}(h.PureComponent);C.propTypes={isExpanded:h.PropTypes.bool,onExpand:h.PropTypes.func.isRequired,children:h.PropTypes.oneOfType([h.PropTypes.node,h.PropTypes.arrayOf(h.PropTypes.node)])},C.defaultProps={isExpanded:!1},t.default=C},function(e,t){e.exports=a},function(e,t,r){var n=r(13);"string"==typeof n&&(n=[[e.id,n,""]]),r(15)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(14)(),t.push([e.id,"._8ydPS0vWeQeyDyQMG6zRp{color:#5e6c84;display:-webkit-box;display:flex;flex-wrap:wrap}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI ._1NYMpXAQ1nxxFp6QuuUtw5{color:#5e6c84;padding:0}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI{padding-left:16px}[dir=rtl] ._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI{padding-left:0;padding-right:16px}._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI:before{content:'/';float:left;margin-left:-16px;padding:2px 0;position:absolute;text-align:center;vertical-align:middle;width:16px}[dir=rtl] ._8ydPS0vWeQeyDyQMG6zRp ._2tKmlA_gBJxQu_lTAIF8EI+._2tKmlA_gBJxQu_lTAIF8EI:before{float:right;margin-left:0;margin-right:-16px}._1NYMpXAQ1nxxFp6QuuUtw5{max-width:200px}._1FcDa23XzdOE7fATF8voVI{background-color:#091e42;border-radius:3px;box-sizing:border-box;color:#fff;opacity:0;max-width:400px;padding:2px 8px;pointer-events:none;position:absolute;top:24px;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;z-index:1}.BN9EgD49KgY4JK8yIdCrM{position:relative}.B59EJhxR2Y3qFawXJ3QlM .BN9EgD49KgY4JK8yIdCrM:hover ._1FcDa23XzdOE7fATF8voVI{opacity:1}",""]),t.locals={container:"_8ydPS0vWeQeyDyQMG6zRp",container:"_8ydPS0vWeQeyDyQMG6zRp",item:"_2tKmlA_gBJxQu_lTAIF8EI",item:"_2tKmlA_gBJxQu_lTAIF8EI","item-button":"_1NYMpXAQ1nxxFp6QuuUtw5",itemButton:"_1NYMpXAQ1nxxFp6QuuUtw5",tooltip:"_1FcDa23XzdOE7fATF8voVI",tooltip:"_1FcDa23XzdOE7fATF8voVI","tooltip-trigger":"BN9EgD49KgY4JK8yIdCrM",tooltipTrigger:"BN9EgD49KgY4JK8yIdCrM",truncated:"B59EJhxR2Y3qFawXJ3QlM",truncated:"B59EJhxR2Y3qFawXJ3QlM"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var r=this[t];r[2]?e.push("@media "+r[2]+"{"+r[1]+"}"):e.push(r[1])}return e.join("")},e.i=function(t,r){"string"==typeof t&&(t=[[null,t,""]]);for(var n={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(n[i]=!0)}for(o=0;o<t.length;o++){var a=t[o];"number"==typeof a[0]&&n[a[0]]||(r&&!a[2]?a[2]=r:r&&(a[2]="("+a[2]+") and ("+r+")"),e.push(a))}},e}},function(e,t,r){function n(e,t){for(var r=0;r<e.length;r++){var n=e[r],o=f[n.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](n.parts[i]);for(;i<n.parts.length;i++)o.parts.push(l(n.parts[i],t))}else{for(var a=[],i=0;i<n.parts.length;i++)a.push(l(n.parts[i],t));f[n.id]={id:n.id,refs:1,parts:a}}}}function o(e){for(var t=[],r={},n=0;n<e.length;n++){var o=e[n],i=o[0],a=o[1],s=o[2],u=o[3],l={css:a,media:s,sourceMap:u};r[i]?r[i].parts.push(l):t.push(r[i]={id:i,parts:[l]})}return t}function i(e,t){var r=b(),n=x[x.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),x.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=x.indexOf(e);t>=0&&x.splice(t,1)}function s(e){var t=document.createElement("style");return t.type="text/css",i(e,t),t}function u(e){var t=document.createElement("link");return t.rel="stylesheet",i(e,t),t}function l(e,t){var r,n,o;if(t.singleton){var i=v++;r=y||(y=s(t)),n=p.bind(null,r,i,!1),o=p.bind(null,r,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(r=u(t),n=d.bind(null,r),o=function(){a(r),r.href&&URL.revokeObjectURL(r.href)}):(r=s(t),n=c.bind(null,r),o=function(){a(r)});return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}function p(e,t,r,n){var o=r?"":n.css;if(e.styleSheet)e.styleSheet.cssText=_(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function c(e,t){var r=t.css,n=t.media;if(n&&e.setAttribute("media",n),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}function d(e,t){var r=t.css,n=t.sourceMap;n&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var o=new Blob([r],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(o),i&&URL.revokeObjectURL(i)}var f={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),b=h(function(){return document.head||document.getElementsByTagName("head")[0]}),y=null,v=0,x=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],a=0;a<r.length;a++){var s=r[a],u=f[s.id];u.refs--,i.push(u)}if(e){var l=o(e);n(l,t)}for(var a=0;a<i.length;a++){var u=i[a];if(0===u.refs){for(var p=0;p<u.parts.length;p++)u.parts[p]();delete f[u.id]}}}};var _=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(17),i=n(o),a=r(5),s=n(a),u=r(6),l=n(u),p=r(11),c=n(p),d=r(7),f=n(d),h=r(8),m=n(h),b=r(9),y=n(b),v=r(18),x=n(v),_=r(19),g=n(_),T=r(20),A=n(T),E=r(13),C=r(21),P=E.locals.item,I=E.locals.itemButton,B=E.locals.tooltip,Q=E.locals.tooltipTrigger,k=E.locals.truncated,M=function(e){function t(){(0,l.default)(this,t);var e=(0,f.default)(this,(t.__proto__||(0,s.default)(t)).call(this));return e.state={hasOverflow:!1},e}return(0,m.default)(t,e),(0,c.default)(t,[{key:"componentDidMount",value:function(){this.updateOverflow()}},{key:"componentWillReceiveProps",value:function(){this.setState({hasOverflow:!1})}},{key:"componentDidUpdate",value:function(){this.updateOverflow()}},{key:"updateOverflow",value:function(){if(!this.button)return!1;var e=x.default.findDOMNode(this.button),t=e.clientWidth>=C.itemTruncateWidth;return t!==this.state.hasOverflow&&this.setState({hasOverflow:t}),t}},{key:"render",value:function(){var e=this,t=(0,A.default)(P,(0,i.default)({},k,this.state.hasOverflow));return y.default.createElement("div",{className:t},y.default.createElement("span",{className:Q},y.default.createElement("div",{className:B},this.props.children),y.default.createElement(g.default,{className:I,appearance:"link",iconAfter:this.props.iconAfter,iconBefore:this.props.iconBefore,spacing:"compact",href:this.props.href,ref:function(t){return e.button=t}},this.props.children)))}}]),t}(b.PureComponent);M.propTypes={href:b.PropTypes.string,iconBefore:b.PropTypes.element,iconAfter:b.PropTypes.element,children:b.PropTypes.oneOfType([b.PropTypes.node,b.PropTypes.arrayOf(b.PropTypes.node)])},M.defaultProps={href:"#"},t.default=M},function(e,t){e.exports=s},function(e,t){e.exports=u},function(e,t){e.exports=l},function(e,t){e.exports=p},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.numItemsToTruncate=9,t.itemTruncateWidth=200},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(5),i=n(o),a=r(6),s=n(a),u=r(11),l=n(u),p=r(7),c=n(p),d=r(8),f=n(d),h=r(9),m=n(h),b=r(19),y=n(b),v=r(13),x=function(e){function t(){return(0,s.default)(this,t),(0,c.default)(this,(t.__proto__||(0,i.default)(t)).apply(this,arguments))}return(0,f.default)(t,e),(0,l.default)(t,[{key:"render",value:function(){return m.default.createElement("div",{className:v.locals.item,onClick:this.props.onClick},m.default.createElement(y.default,{className:v.locals.itemButton,appearance:"link",spacing:"compact",href:"#"},"..."))}}]),t}(h.PureComponent);x.propTypes={onClick:h.PropTypes.func},t.default=x}])});

package.json

 {
   "name": "ak-breadcrumbs",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "A React component that allows users to know their location",
@@ -5,0 +5,0 @@ "main": "dist/bundle.js",

README.md

@@ -5,3 +5,3 @@ [![AtlasKit component registry](https://img.shields.io/badge/AtlasKit-components-FF5230.svg)](http://aui-cdn.atlassian.com/atlaskit/registry/)
 [![Report an issue](https://img.shields.io/badge/Report-an_issue-6554C0.svg)](https://ecosystem.atlassian.net/browse/AK)
-[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-breadcrumbs,ak-breadcrumbs@1.2.0)
+[![Ask in our forum](https://img.shields.io/badge/Ask-in_our_forum-6554C0.svg)](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-breadcrumbs,ak-breadcrumbs@1.3.0)
 
@@ -14,3 +14,3 @@ # Breadcrumbs
 
-Interact with a [live demo of the ak-breadcrumbs component](https://aui-cdn.atlassian.com/atlaskit/stories/ak-breadcrumbs/1.2.0/).
+Interact with a [live demo of the ak-breadcrumbs component](https://aui-cdn.atlassian.com/atlaskit/stories/ak-breadcrumbs/1.3.0/).
 
@@ -44,8 +44,56 @@ ## Installation
 <dl>
+<dt><a href="#Breadcrumbs">Breadcrumbs</a></dt>
+<dd></dd>
 <dt><a href="#BreadcrumbsItem">BreadcrumbsItem</a></dt>
 <dd></dd>
-<dt><a href="#Breadcrumbs">Breadcrumbs</a></dt>
-<dd></dd>
 </dl>
 
+<a name="Breadcrumbs"></a>
+
+## Breadcrumbs
+**Kind**: global class  
+* Properties
+
+    *  [breadcrumbs.isExpanded](#Breadcrumbs+isExpanded) : <code>boolean</code>
+    *  [breadcrumbs.onExpand](#Breadcrumbs+onExpand) : <code>function</code>
+    *  [breadcrumbs.children](#Breadcrumbs+children) : <code>node</code> &#124; <code>Array.&lt;node&gt;</code>
+
+<a name="new_Breadcrumbs_new"></a>
+
+### new Breadcrumbs()
+Breadcrumbs React component.
+
+The Breadcrumbs component will render a list of slash-separated breadcrumb items, and will
+automatically truncate the list if there are more than 8 items.
+
+**JS Example**
+```js
+import Breadcrumbs from 'ak-breadcrumbs';
+ReactDOM.render(<Breadcrumbs />);
+```
+<a name="Breadcrumbs+isExpanded"></a>
+
+### breadcrumbs.isExpanded : <code>boolean</code>
+Whether the breadcrumbs should be expanded when there are 9 or more items.
+
+If this is true, the breadcrumbs will not collapse and show an ellipsis item.
+
+**Kind**: instance property of <code>[Breadcrumbs](#Breadcrumbs)</code>  
+**Default**: <code>false</code>  
+<a name="Breadcrumbs+onExpand"></a>
+
+### breadcrumbs.onExpand : <code>function</code>
+Callback that is called when the ellipsis expander item is selected.
+
+**Kind**: instance property of <code>[Breadcrumbs](#Breadcrumbs)</code>  
+**Required**:   
+<a name="Breadcrumbs+children"></a>
+
+### breadcrumbs.children : <code>node</code> &#124; <code>Array.&lt;node&gt;</code>
+The items to display.
+
+If there are 9 or more items, the list will automatically be truncated to display only the
+first and last items. Clicking the ellipsis separator item will display all items.
+
+**Kind**: instance property of <code>[Breadcrumbs](#Breadcrumbs)</code>  
 <a name="BreadcrumbsItem"></a>
@@ -91,33 +139,3 @@
 **Kind**: static property of <code>[BreadcrumbsItem](#BreadcrumbsItem)</code>  
-<a name="Breadcrumbs"></a>
 
-## Breadcrumbs
-**Kind**: global class  
-* Properties
-
-    *  [breadcrumbs.children](#Breadcrumbs+children) : <code>node</code> &#124; <code>Array.&lt;node&gt;</code>
-
-<a name="new_Breadcrumbs_new"></a>
-
-### new Breadcrumbs()
-Breadcrumbs React component.
-
-The Breadcrumbs component will render a list of slash-separated breadcrumb items, and will
-automatically truncate the list if there are more than 8 items.
-
-**JS Example**
-```js
-import Breadcrumbs from 'ak-breadcrumbs';
-ReactDOM.render(<Breadcrumbs />);
-```
-<a name="Breadcrumbs+children"></a>
-
-### breadcrumbs.children : <code>node</code> &#124; <code>Array.&lt;node&gt;</code>
-The items to display.
-
-If there are 9 or more items, the list will automatically be truncated to display only the
-first and last items. Clicking the ellipsis separator item will display all items.
-
-**Kind**: instance property of <code>[Breadcrumbs](#Breadcrumbs)</code>  
-
 ## Support and feedback
@@ -131,3 +149,3 @@
 
-Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-breadcrumbs,ak-breadcrumbs@1.2.0).
+Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,ak-breadcrumbs,ak-breadcrumbs@1.3.0).
 
@@ -134,0 +152,0 @@ Check [if someone has already asked the same question before](https://answers.atlassian.com/questions/topics/42926171/atlaskit).

No alert changes

Improved metrics

Total package byte prevSize

96612

increased by9.82%

Lines of code

1217

increased by11.55%

Number of lines in readme file

154

increased by13.24%

No dependency changes