@atlaskit/droplist - npm Package Compare versions

Comparing version 1.3.1 to 1.3.2

CHANGELOG.md

@@ -1,6 +0,16 @@
-<a name="1.3.1"></a>
-## 1.3.1 (2017-02-10)
+<a name="1.3.2"></a>
+## 1.3.2 (2017-02-14)
 
 
 
+<a name="1.3.2"></a>
+## 1.3.2 (2017-02-14)
+
+
+### Bug Fixes
+
+* fix broken focus ring and scrolling ([6e30737](https://bitbucket.org/atlassian/atlaskit/commits/6e30737))
+
+
+
 <a name="1.3.1"></a>
@@ -7,0 +17,0 @@ ## 1.3.1 (2017-02-10)

dist/bundle-cjs.js

@@ -177,4 +177,2 @@ module.exports = /******/
                     content: props.isOpen ? _react2.default.createElement("div", {
-                        className: _styles2.default.dropContentWrapper
-                    }, _react2.default.createElement("div", {
                         className: _styles2.default.dropContent,
@@ -185,3 +183,3 @@ ref: function(_ref3) {
                         }
-                    }, props.children)) : null
+                    }, props.children) : null
                 }, _react2.default.createElement("div", {
@@ -276,15 +274,13 @@ className: _styles2.default.dropTrigger,
     // module
-    exports.push([ module.id, "._1oa6rJtr7649i-6fkoK2To{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);box-sizing:border-box;padding:8px 0}._3DK9t1k_bNT7KKe1hkG8Tt{box-sizing:border-box;overflow-y:auto;padding:1px 2px;margin:0 0 0 -2px}.-uhgC5okpXU01Elm7-tSh{display:-webkit-box;display:flex;width:100%}._3B4gz7ljfkZDMaGHQrq0Bh{display:-webkit-inline-box;display:inline-flex}._1GdBXJRDSgOT2bpq-QFy5Z{display:block;-webkit-box-flex:1;flex:1 1 auto}", "" ]), 
+    exports.push([ module.id, "._1_xlzkiSuGBchlK936r7D1{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);box-sizing:border-box;overflow:auto;padding:8px 0}._2IjpXPoRQLwaDUCT134zVO{display:-webkit-box;display:flex;width:100%}.HMyOUHFiTMvBn0HZAmnIv{display:-webkit-inline-box;display:inline-flex}._1MaM4Dt2smds5sWqyX85ZI{display:block;-webkit-box-flex:1;flex:1 1 auto}", "" ]), 
     // exports
     exports.locals = {
-        dropContent: "_1oa6rJtr7649i-6fkoK2To",
-        dropContent: "_1oa6rJtr7649i-6fkoK2To",
-        dropContentWrapper: "_3DK9t1k_bNT7KKe1hkG8Tt",
-        dropContentWrapper: "_3DK9t1k_bNT7KKe1hkG8Tt",
-        dropTrigger: "-uhgC5okpXU01Elm7-tSh",
-        dropTrigger: "-uhgC5okpXU01Elm7-tSh",
-        dropWrapper: "_3B4gz7ljfkZDMaGHQrq0Bh",
-        dropWrapper: "_3B4gz7ljfkZDMaGHQrq0Bh",
-        fitContainer: "_1GdBXJRDSgOT2bpq-QFy5Z",
-        fitContainer: "_1GdBXJRDSgOT2bpq-QFy5Z"
+        dropContent: "_1_xlzkiSuGBchlK936r7D1",
+        dropContent: "_1_xlzkiSuGBchlK936r7D1",
+        dropTrigger: "_2IjpXPoRQLwaDUCT134zVO",
+        dropTrigger: "_2IjpXPoRQLwaDUCT134zVO",
+        dropWrapper: "HMyOUHFiTMvBn0HZAmnIv",
+        dropWrapper: "HMyOUHFiTMvBn0HZAmnIv",
+        fitContainer: "_1MaM4Dt2smds5sWqyX85ZI",
+        fitContainer: "_1MaM4Dt2smds5sWqyX85ZI"
     };
@@ -291,0 +287,0 @@ }, /* 16 */

dist/bundle-cjs.min.js

@@ -1,1 +0,1 @@
-module.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(5)},,,,,function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(6),i=r(o),s=n(7),a=r(s),u=n(8),l=r(u),p=n(9),f=r(p),d=n(10),c=r(d),h=n(11),b=r(h),g=n(12),m=r(g),v=n(13),y=r(v),x=n(14),C=r(x),T=n(18),k=r(T),O=n(19),I=r(O),D=n(20),w=r(D),N=4,R=7*N,F=9.5*R+2*N,_=1,P=function(e){function t(){var e,n,r,o;(0,l.default)(this,t);for(var i=arguments.length,s=Array(i),u=0;u<i;u++)s[u]=arguments[u];return n=r=(0,c.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(s))),r.componentDidMount=function(){r.domItemsList&&r.focusFirstItem(),r.props.shouldFitContainer&&r.dropContentRef&&(r.dropContentRef.style.width=r.triggerRef.offsetWidth-2*_+"px"),document.addEventListener("click",r.handleClickOutside)},r.componentDidUpdate=function(){r.props.isOpen&&(r.props.isKeyboardInteractionDisabled||r.focusFirstItem(),r.props.shouldFitContainer&&r.dropContentRef&&(r.dropContentRef.style.width=r.triggerRef.offsetWidth-2*_+"px"))},r.componentWillUnmount=function(){document.removeEventListener("click",r.handleClickOutside)},r.setMaxHeight=function(e){var t=r.props.appearance;e.style.maxHeight="tall"!==t?F+"px":"none"},r.getNextFocusable=function(e,t){var n=void 0===e?-1:e,o=void 0===t?n:t;return n<r.domItemsList.length-1?(n++,"true"!==r.domItemsList[n].getAttribute("aria-hidden")?n:r.getNextFocusable(n,o)):o},r.getPrevFocusable=function(e,t){var n=e,o=void 0===t?n:t;return n>0?(n--,"true"!==r.domItemsList[n].getAttribute("aria-hidden")?n:r.getPrevFocusable(n,o)):o||n},r.focusFirstItem=function(){"keydown"===r.sourceOfIsOpen&&r.focusItem(r.getNextFocusable())},r.focusNextItem=function(){r.focusItem(r.getNextFocusable(r.focusedItem))},r.focusPreviousItem=function(){r.focusItem(r.getPrevFocusable(r.focusedItem))},r.focusItem=function(e){r.focusedItem=e,r.domItemsList[r.focusedItem].focus()},r.isTargetChildItem=function(e){return e&&"droplistItem"===e.getAttribute("data-role")&&y.default.findDOMNode(r).contains(e)},r.handleKeyDown=function(e){if("Escape"===e.key&&r.close({event:e}),r.props.isOpen&&!r.props.isKeyboardInteractionDisabled)if(r.isTargetChildItem(e.target))switch(e.key){case"ArrowUp":e.preventDefault(),r.focusPreviousItem();break;case"ArrowDown":e.preventDefault(),r.focusNextItem();break;case"Tab":e.preventDefault(),r.close({event:e})}else"ArrowDown"===e.key?(r.sourceOfIsOpen="keydown",r.focusFirstItem()):"Tab"===e.key&&r.close({event:e})},r.handleClickOutside=function(e){if(r.props.isOpen){var t=y.default.findDOMNode(r);(!t||e.target instanceof Node&&!t.contains(e.target))&&r.close({event:e})}},r.handleTriggerActivation=function(e){r.toggle(e)},r.open=function(e){r.sourceOfIsOpen=e.source,r.props.onOpenChange({isOpen:!0,event:e.event})},r.close=function(e){r.sourceOfIsOpen=null,r.props.onOpenChange({isOpen:!1,event:e.event})},r.toggle=function(e){r.props.isKeyboardInteractionDisabled&&"keydown"===e.source||(r.props.isOpen?r.close(e):r.open(e))},o=n,(0,c.default)(r,o)}return(0,b.default)(t,e),(0,f.default)(t,[{key:"render",value:function(){var e=this,t=this.props;return m.default.createElement("div",{className:(0,w.default)([C.default.dropWrapper,(0,i.default)({},C.default.fitContainer,t.shouldFitContainer)]),onKeyDown:this.handleKeyDown},m.default.createElement(k.default,{position:t.position,offset:"0 4",autoPosition:t.shouldFlip,content:t.isOpen?m.default.createElement("div",{className:C.default.dropContentWrapper},m.default.createElement("div",{className:C.default.dropContent,ref:function(t){t&&(e.dropContentRef=t,e.domItemsList=t.querySelectorAll('[data-role="droplistItem"]'),e.setMaxHeight(t))}},t.children)):null},m.default.createElement("div",{className:C.default.dropTrigger,ref:function(t){return e.triggerRef=t}},m.default.createElement(I.default,{isDisabled:t.isTriggerDisabled,isNotTabbable:t.isTriggerNotTabbable,isOpened:t.isOpen,onActivate:this.handleTriggerActivation,shouldFitContainer:t.shouldFitContainer},t.trigger))))}}]),t}(g.PureComponent);P.propTypes={appearance:g.PropTypes.oneOf(["default","tall"]),children:g.PropTypes.node,isOpen:g.PropTypes.bool,shouldFitContainer:g.PropTypes.bool,isKeyboardInteractionDisabled:g.PropTypes.bool,isTriggerDisabled:g.PropTypes.bool,isTriggerNotTabbable:g.PropTypes.bool,listContext:g.PropTypes.oneOf(["menu"]),onOpenChange:g.PropTypes.func,position:g.PropTypes.string,trigger:g.PropTypes.node,shouldFlip:g.PropTypes.bool},P.defaultProps={appearance:"default",position:"bottom left",isOpen:!1,shouldFitContainer:!1,isKeyboardInteractionDisabled:!1,isTriggerDisabled:!1,isTriggerNotTabbable:!1,listContext:"menu",onOpenChange:function(){},children:null,trigger:null,shouldFlip:!0},t.default=P},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("react-dom")},function(e,t,n){var r=n(15);"string"==typeof r&&(r=[[e.id,r,""]]),n(17)(r,{}),r.locals&&(e.exports=r.locals)},function(e,t,n){t=e.exports=n(16)(),t.push([e.id,"._1oa6rJtr7649i-6fkoK2To{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);box-sizing:border-box;padding:8px 0}._3DK9t1k_bNT7KKe1hkG8Tt{box-sizing:border-box;overflow-y:auto;padding:1px 2px;margin:0 0 0 -2px}.-uhgC5okpXU01Elm7-tSh{display:-webkit-box;display:flex;width:100%}._3B4gz7ljfkZDMaGHQrq0Bh{display:-webkit-inline-box;display:inline-flex}._1GdBXJRDSgOT2bpq-QFy5Z{display:block;-webkit-box-flex:1;flex:1 1 auto}",""]),t.locals={dropContent:"_1oa6rJtr7649i-6fkoK2To",dropContent:"_1oa6rJtr7649i-6fkoK2To",dropContentWrapper:"_3DK9t1k_bNT7KKe1hkG8Tt",dropContentWrapper:"_3DK9t1k_bNT7KKe1hkG8Tt",dropTrigger:"-uhgC5okpXU01Elm7-tSh",dropTrigger:"-uhgC5okpXU01Elm7-tSh",dropWrapper:"_3B4gz7ljfkZDMaGHQrq0Bh",dropWrapper:"_3B4gz7ljfkZDMaGHQrq0Bh",fitContainer:"_1GdBXJRDSgOT2bpq-QFy5Z",fitContainer:"_1GdBXJRDSgOT2bpq-QFy5Z"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var s=t[o];"number"==typeof s[0]&&r[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),e.push(s))}},e}},function(e,t,n){function r(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=c[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(l(r.parts[i],t))}else{for(var s=[],i=0;i<r.parts.length;i++)s.push(l(r.parts[i],t));c[r.id]={id:r.id,refs:1,parts:s}}}}function o(e){for(var t=[],n={},r=0;r<e.length;r++){var o=e[r],i=o[0],s=o[1],a=o[2],u=o[3],l={css:s,media:a,sourceMap:u};n[i]?n[i].parts.push(l):t.push(n[i]={id:i,parts:[l]})}return t}function i(e,t){var n=g(),r=y[y.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),y.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function s(e){e.parentNode.removeChild(e);var t=y.indexOf(e);t>=0&&y.splice(t,1)}function a(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 n,r,o;if(t.singleton){var i=v++;n=m||(m=a(t)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=u(t),r=d.bind(null,n),o=function(){s(n),n.href&&URL.revokeObjectURL(n.href)}):(n=a(t),r=f.bind(null,n),o=function(){s(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}function p(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=x(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function f(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function d(e,t){var n=t.css,r=t.sourceMap;r&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var o=new Blob([n],{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}},b=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),g=h(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,v=0,y=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=b()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=o(e);return r(n,t),function(e){for(var i=[],s=0;s<n.length;s++){var a=n[s],u=c[a.id];u.refs--,i.push(u)}if(e){var l=o(e);r(l,t)}for(var s=0;s<i.length;s++){var u=i[s];if(0===u.refs){for(var p=0;p<u.parts.length;p++)u.parts[p]();delete c[u.id]}}}};var x=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=require("@atlaskit/layer")},function(e,t){e.exports=require("@atlaskit/droplist-trigger")},function(e,t){e.exports=require("classnames")}]);
+module.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){e.exports=n(5)},,,,,function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(6),i=r(o),s=n(7),a=r(s),u=n(8),l=r(u),p=n(9),f=r(p),c=n(10),d=r(c),h=n(11),b=r(h),g=n(12),m=r(g),v=n(13),y=r(v),x=n(14),C=r(x),I=n(18),O=r(I),T=n(19),k=r(T),D=n(20),w=r(D),M=4,P=7*M,R=9.5*P+2*M,F=1,L=function(e){function t(){var e,n,r,o;(0,l.default)(this,t);for(var i=arguments.length,s=Array(i),u=0;u<i;u++)s[u]=arguments[u];return n=r=(0,d.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(s))),r.componentDidMount=function(){r.domItemsList&&r.focusFirstItem(),r.props.shouldFitContainer&&r.dropContentRef&&(r.dropContentRef.style.width=r.triggerRef.offsetWidth-2*F+"px"),document.addEventListener("click",r.handleClickOutside)},r.componentDidUpdate=function(){r.props.isOpen&&(r.props.isKeyboardInteractionDisabled||r.focusFirstItem(),r.props.shouldFitContainer&&r.dropContentRef&&(r.dropContentRef.style.width=r.triggerRef.offsetWidth-2*F+"px"))},r.componentWillUnmount=function(){document.removeEventListener("click",r.handleClickOutside)},r.setMaxHeight=function(e){var t=r.props.appearance;e.style.maxHeight="tall"!==t?R+"px":"none"},r.getNextFocusable=function(e,t){var n=void 0===e?-1:e,o=void 0===t?n:t;return n<r.domItemsList.length-1?(n++,"true"!==r.domItemsList[n].getAttribute("aria-hidden")?n:r.getNextFocusable(n,o)):o},r.getPrevFocusable=function(e,t){var n=e,o=void 0===t?n:t;return n>0?(n--,"true"!==r.domItemsList[n].getAttribute("aria-hidden")?n:r.getPrevFocusable(n,o)):o||n},r.focusFirstItem=function(){"keydown"===r.sourceOfIsOpen&&r.focusItem(r.getNextFocusable())},r.focusNextItem=function(){r.focusItem(r.getNextFocusable(r.focusedItem))},r.focusPreviousItem=function(){r.focusItem(r.getPrevFocusable(r.focusedItem))},r.focusItem=function(e){r.focusedItem=e,r.domItemsList[r.focusedItem].focus()},r.isTargetChildItem=function(e){return e&&"droplistItem"===e.getAttribute("data-role")&&y.default.findDOMNode(r).contains(e)},r.handleKeyDown=function(e){if("Escape"===e.key&&r.close({event:e}),r.props.isOpen&&!r.props.isKeyboardInteractionDisabled)if(r.isTargetChildItem(e.target))switch(e.key){case"ArrowUp":e.preventDefault(),r.focusPreviousItem();break;case"ArrowDown":e.preventDefault(),r.focusNextItem();break;case"Tab":e.preventDefault(),r.close({event:e})}else"ArrowDown"===e.key?(r.sourceOfIsOpen="keydown",r.focusFirstItem()):"Tab"===e.key&&r.close({event:e})},r.handleClickOutside=function(e){if(r.props.isOpen){var t=y.default.findDOMNode(r);(!t||e.target instanceof Node&&!t.contains(e.target))&&r.close({event:e})}},r.handleTriggerActivation=function(e){r.toggle(e)},r.open=function(e){r.sourceOfIsOpen=e.source,r.props.onOpenChange({isOpen:!0,event:e.event})},r.close=function(e){r.sourceOfIsOpen=null,r.props.onOpenChange({isOpen:!1,event:e.event})},r.toggle=function(e){r.props.isKeyboardInteractionDisabled&&"keydown"===e.source||(r.props.isOpen?r.close(e):r.open(e))},o=n,(0,d.default)(r,o)}return(0,b.default)(t,e),(0,f.default)(t,[{key:"render",value:function(){var e=this,t=this.props;return m.default.createElement("div",{className:(0,w.default)([C.default.dropWrapper,(0,i.default)({},C.default.fitContainer,t.shouldFitContainer)]),onKeyDown:this.handleKeyDown},m.default.createElement(O.default,{position:t.position,offset:"0 4",autoPosition:t.shouldFlip,content:t.isOpen?m.default.createElement("div",{className:C.default.dropContent,ref:function(t){t&&(e.dropContentRef=t,e.domItemsList=t.querySelectorAll('[data-role="droplistItem"]'),e.setMaxHeight(t))}},t.children):null},m.default.createElement("div",{className:C.default.dropTrigger,ref:function(t){return e.triggerRef=t}},m.default.createElement(k.default,{isDisabled:t.isTriggerDisabled,isNotTabbable:t.isTriggerNotTabbable,isOpened:t.isOpen,onActivate:this.handleTriggerActivation,shouldFitContainer:t.shouldFitContainer},t.trigger))))}}]),t}(g.PureComponent);L.propTypes={appearance:g.PropTypes.oneOf(["default","tall"]),children:g.PropTypes.node,isOpen:g.PropTypes.bool,shouldFitContainer:g.PropTypes.bool,isKeyboardInteractionDisabled:g.PropTypes.bool,isTriggerDisabled:g.PropTypes.bool,isTriggerNotTabbable:g.PropTypes.bool,listContext:g.PropTypes.oneOf(["menu"]),onOpenChange:g.PropTypes.func,position:g.PropTypes.string,trigger:g.PropTypes.node,shouldFlip:g.PropTypes.bool},L.defaultProps={appearance:"default",position:"bottom left",isOpen:!1,shouldFitContainer:!1,isKeyboardInteractionDisabled:!1,isTriggerDisabled:!1,isTriggerNotTabbable:!1,listContext:"menu",onOpenChange:function(){},children:null,trigger:null,shouldFlip:!0},t.default=L},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("react-dom")},function(e,t,n){var r=n(15);"string"==typeof r&&(r=[[e.id,r,""]]),n(17)(r,{}),r.locals&&(e.exports=r.locals)},function(e,t,n){t=e.exports=n(16)(),t.push([e.id,"._1_xlzkiSuGBchlK936r7D1{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);box-sizing:border-box;overflow:auto;padding:8px 0}._2IjpXPoRQLwaDUCT134zVO{display:-webkit-box;display:flex;width:100%}.HMyOUHFiTMvBn0HZAmnIv{display:-webkit-inline-box;display:inline-flex}._1MaM4Dt2smds5sWqyX85ZI{display:block;-webkit-box-flex:1;flex:1 1 auto}",""]),t.locals={dropContent:"_1_xlzkiSuGBchlK936r7D1",dropContent:"_1_xlzkiSuGBchlK936r7D1",dropTrigger:"_2IjpXPoRQLwaDUCT134zVO",dropTrigger:"_2IjpXPoRQLwaDUCT134zVO",dropWrapper:"HMyOUHFiTMvBn0HZAmnIv",dropWrapper:"HMyOUHFiTMvBn0HZAmnIv",fitContainer:"_1MaM4Dt2smds5sWqyX85ZI",fitContainer:"_1MaM4Dt2smds5sWqyX85ZI"}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<t.length;o++){var s=t[o];"number"==typeof s[0]&&r[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),e.push(s))}},e}},function(e,t,n){function r(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=d[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(l(r.parts[i],t))}else{for(var s=[],i=0;i<r.parts.length;i++)s.push(l(r.parts[i],t));d[r.id]={id:r.id,refs:1,parts:s}}}}function o(e){for(var t=[],n={},r=0;r<e.length;r++){var o=e[r],i=o[0],s=o[1],a=o[2],u=o[3],l={css:s,media:a,sourceMap:u};n[i]?n[i].parts.push(l):t.push(n[i]={id:i,parts:[l]})}return t}function i(e,t){var n=g(),r=y[y.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),y.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function s(e){e.parentNode.removeChild(e);var t=y.indexOf(e);t>=0&&y.splice(t,1)}function a(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 n,r,o;if(t.singleton){var i=v++;n=m||(m=a(t)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=u(t),r=c.bind(null,n),o=function(){s(n),n.href&&URL.revokeObjectURL(n.href)}):(n=a(t),r=f.bind(null,n),o=function(){s(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}function p(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=x(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[t]):e.appendChild(i)}}function f(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function c(e,t){var n=t.css,r=t.sourceMap;r&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var o=new Blob([n],{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}},b=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),g=h(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,v=0,y=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=b()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=o(e);return r(n,t),function(e){for(var i=[],s=0;s<n.length;s++){var a=n[s],u=d[a.id];u.refs--,i.push(u)}if(e){var l=o(e);r(l,t)}for(var s=0;s<i.length;s++){var u=i[s];if(0===u.refs){for(var p=0;p<u.parts.length;p++)u.parts[p]();delete d[u.id]}}}};var x=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=require("@atlaskit/layer")},function(e,t){e.exports=require("@atlaskit/droplist-trigger")},function(e,t){e.exports=require("classnames")}]);

dist/bundle.js

@@ -180,4 +180,2 @@ !function(root, factory) {
                         content: props.isOpen ? _react2.default.createElement("div", {
-                            className: _styles2.default.dropContentWrapper
-                        }, _react2.default.createElement("div", {
                             className: _styles2.default.dropContent,
@@ -188,3 +186,3 @@ ref: function(_ref3) {
                             }
-                        }, props.children)) : null
+                        }, props.children) : null
                     }, _react2.default.createElement("div", {
@@ -279,15 +277,13 @@ className: _styles2.default.dropTrigger,
         // module
-        exports.push([ module.id, "._1oa6rJtr7649i-6fkoK2To{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);box-sizing:border-box;padding:8px 0}._3DK9t1k_bNT7KKe1hkG8Tt{box-sizing:border-box;overflow-y:auto;padding:1px 2px;margin:0 0 0 -2px}.-uhgC5okpXU01Elm7-tSh{display:-webkit-box;display:flex;width:100%}._3B4gz7ljfkZDMaGHQrq0Bh{display:-webkit-inline-box;display:inline-flex}._1GdBXJRDSgOT2bpq-QFy5Z{display:block;-webkit-box-flex:1;flex:1 1 auto}", "" ]), 
+        exports.push([ module.id, "._1_xlzkiSuGBchlK936r7D1{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);box-sizing:border-box;overflow:auto;padding:8px 0}._2IjpXPoRQLwaDUCT134zVO{display:-webkit-box;display:flex;width:100%}.HMyOUHFiTMvBn0HZAmnIv{display:-webkit-inline-box;display:inline-flex}._1MaM4Dt2smds5sWqyX85ZI{display:block;-webkit-box-flex:1;flex:1 1 auto}", "" ]), 
         // exports
         exports.locals = {
-            dropContent: "_1oa6rJtr7649i-6fkoK2To",
-            dropContent: "_1oa6rJtr7649i-6fkoK2To",
-            dropContentWrapper: "_3DK9t1k_bNT7KKe1hkG8Tt",
-            dropContentWrapper: "_3DK9t1k_bNT7KKe1hkG8Tt",
-            dropTrigger: "-uhgC5okpXU01Elm7-tSh",
-            dropTrigger: "-uhgC5okpXU01Elm7-tSh",
-            dropWrapper: "_3B4gz7ljfkZDMaGHQrq0Bh",
-            dropWrapper: "_3B4gz7ljfkZDMaGHQrq0Bh",
-            fitContainer: "_1GdBXJRDSgOT2bpq-QFy5Z",
-            fitContainer: "_1GdBXJRDSgOT2bpq-QFy5Z"
+            dropContent: "_1_xlzkiSuGBchlK936r7D1",
+            dropContent: "_1_xlzkiSuGBchlK936r7D1",
+            dropTrigger: "_2IjpXPoRQLwaDUCT134zVO",
+            dropTrigger: "_2IjpXPoRQLwaDUCT134zVO",
+            dropWrapper: "HMyOUHFiTMvBn0HZAmnIv",
+            dropWrapper: "HMyOUHFiTMvBn0HZAmnIv",
+            fitContainer: "_1MaM4Dt2smds5sWqyX85ZI",
+            fitContainer: "_1MaM4Dt2smds5sWqyX85ZI"
         };
@@ -294,0 +290,0 @@ }, /* 16 */

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("react-dom"),require("@atlaskit/layer"),require("@atlaskit/droplist-trigger"),require("classnames")):"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","react-dom","@atlaskit/layer","@atlaskit/droplist-trigger","classnames"],t):"object"==typeof exports?exports["@atlaskit/droplist"]=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("react-dom"),require("@atlaskit/layer"),require("@atlaskit/droplist-trigger"),require("classnames")):e["@atlaskit/droplist"]=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["react-dom"],e["@atlaskit/layer"],e["@atlaskit/droplist-trigger"],e.classnames)}(this,function(e,t,r,n,o,i,s,a,l,u,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(5)},,,,,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(6),i=n(o),s=r(7),a=n(s),l=r(8),u=n(l),p=r(9),c=n(p),f=r(10),d=n(f),b=r(11),h=n(b),m=r(12),g=n(m),v=r(13),y=n(v),x=r(14),C=n(x),k=r(18),T=n(k),O=r(19),I=n(O),D=r(20),q=n(D),R=4,w=7*R,N=9.5*w+2*R,P=1,F=function(e){function t(){var e,r,n,o;(0,u.default)(this,t);for(var i=arguments.length,s=Array(i),l=0;l<i;l++)s[l]=arguments[l];return r=n=(0,d.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(s))),n.componentDidMount=function(){n.domItemsList&&n.focusFirstItem(),n.props.shouldFitContainer&&n.dropContentRef&&(n.dropContentRef.style.width=n.triggerRef.offsetWidth-2*P+"px"),document.addEventListener("click",n.handleClickOutside)},n.componentDidUpdate=function(){n.props.isOpen&&(n.props.isKeyboardInteractionDisabled||n.focusFirstItem(),n.props.shouldFitContainer&&n.dropContentRef&&(n.dropContentRef.style.width=n.triggerRef.offsetWidth-2*P+"px"))},n.componentWillUnmount=function(){document.removeEventListener("click",n.handleClickOutside)},n.setMaxHeight=function(e){var t=n.props.appearance;e.style.maxHeight="tall"!==t?N+"px":"none"},n.getNextFocusable=function(e,t){var r=void 0===e?-1:e,o=void 0===t?r:t;return r<n.domItemsList.length-1?(r++,"true"!==n.domItemsList[r].getAttribute("aria-hidden")?r:n.getNextFocusable(r,o)):o},n.getPrevFocusable=function(e,t){var r=e,o=void 0===t?r:t;return r>0?(r--,"true"!==n.domItemsList[r].getAttribute("aria-hidden")?r:n.getPrevFocusable(r,o)):o||r},n.focusFirstItem=function(){"keydown"===n.sourceOfIsOpen&&n.focusItem(n.getNextFocusable())},n.focusNextItem=function(){n.focusItem(n.getNextFocusable(n.focusedItem))},n.focusPreviousItem=function(){n.focusItem(n.getPrevFocusable(n.focusedItem))},n.focusItem=function(e){n.focusedItem=e,n.domItemsList[n.focusedItem].focus()},n.isTargetChildItem=function(e){return e&&"droplistItem"===e.getAttribute("data-role")&&y.default.findDOMNode(n).contains(e)},n.handleKeyDown=function(e){if("Escape"===e.key&&n.close({event:e}),n.props.isOpen&&!n.props.isKeyboardInteractionDisabled)if(n.isTargetChildItem(e.target))switch(e.key){case"ArrowUp":e.preventDefault(),n.focusPreviousItem();break;case"ArrowDown":e.preventDefault(),n.focusNextItem();break;case"Tab":e.preventDefault(),n.close({event:e})}else"ArrowDown"===e.key?(n.sourceOfIsOpen="keydown",n.focusFirstItem()):"Tab"===e.key&&n.close({event:e})},n.handleClickOutside=function(e){if(n.props.isOpen){var t=y.default.findDOMNode(n);(!t||e.target instanceof Node&&!t.contains(e.target))&&n.close({event:e})}},n.handleTriggerActivation=function(e){n.toggle(e)},n.open=function(e){n.sourceOfIsOpen=e.source,n.props.onOpenChange({isOpen:!0,event:e.event})},n.close=function(e){n.sourceOfIsOpen=null,n.props.onOpenChange({isOpen:!1,event:e.event})},n.toggle=function(e){n.props.isKeyboardInteractionDisabled&&"keydown"===e.source||(n.props.isOpen?n.close(e):n.open(e))},o=r,(0,d.default)(n,o)}return(0,h.default)(t,e),(0,c.default)(t,[{key:"render",value:function(){var e=this,t=this.props;return g.default.createElement("div",{className:(0,q.default)([C.default.dropWrapper,(0,i.default)({},C.default.fitContainer,t.shouldFitContainer)]),onKeyDown:this.handleKeyDown},g.default.createElement(T.default,{position:t.position,offset:"0 4",autoPosition:t.shouldFlip,content:t.isOpen?g.default.createElement("div",{className:C.default.dropContentWrapper},g.default.createElement("div",{className:C.default.dropContent,ref:function(t){t&&(e.dropContentRef=t,e.domItemsList=t.querySelectorAll('[data-role="droplistItem"]'),e.setMaxHeight(t))}},t.children)):null},g.default.createElement("div",{className:C.default.dropTrigger,ref:function(t){return e.triggerRef=t}},g.default.createElement(I.default,{isDisabled:t.isTriggerDisabled,isNotTabbable:t.isTriggerNotTabbable,isOpened:t.isOpen,onActivate:this.handleTriggerActivation,shouldFitContainer:t.shouldFitContainer},t.trigger))))}}]),t}(m.PureComponent);F.propTypes={appearance:m.PropTypes.oneOf(["default","tall"]),children:m.PropTypes.node,isOpen:m.PropTypes.bool,shouldFitContainer:m.PropTypes.bool,isKeyboardInteractionDisabled:m.PropTypes.bool,isTriggerDisabled:m.PropTypes.bool,isTriggerNotTabbable:m.PropTypes.bool,listContext:m.PropTypes.oneOf(["menu"]),onOpenChange:m.PropTypes.func,position:m.PropTypes.string,trigger:m.PropTypes.node,shouldFlip:m.PropTypes.bool},F.defaultProps={appearance:"default",position:"bottom left",isOpen:!1,shouldFitContainer:!1,isKeyboardInteractionDisabled:!1,isTriggerDisabled:!1,isTriggerNotTabbable:!1,listContext:"menu",onOpenChange:function(){},children:null,trigger:null,shouldFlip:!0},t.default=F},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=s},function(e,t){e.exports=a},function(e,t,r){var n=r(15);"string"==typeof n&&(n=[[e.id,n,""]]),r(17)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(16)(),t.push([e.id,"._1oa6rJtr7649i-6fkoK2To{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);box-sizing:border-box;padding:8px 0}._3DK9t1k_bNT7KKe1hkG8Tt{box-sizing:border-box;overflow-y:auto;padding:1px 2px;margin:0 0 0 -2px}.-uhgC5okpXU01Elm7-tSh{display:-webkit-box;display:flex;width:100%}._3B4gz7ljfkZDMaGHQrq0Bh{display:-webkit-inline-box;display:inline-flex}._1GdBXJRDSgOT2bpq-QFy5Z{display:block;-webkit-box-flex:1;flex:1 1 auto}",""]),t.locals={dropContent:"_1oa6rJtr7649i-6fkoK2To",dropContent:"_1oa6rJtr7649i-6fkoK2To",dropContentWrapper:"_3DK9t1k_bNT7KKe1hkG8Tt",dropContentWrapper:"_3DK9t1k_bNT7KKe1hkG8Tt",dropTrigger:"-uhgC5okpXU01Elm7-tSh",dropTrigger:"-uhgC5okpXU01Elm7-tSh",dropWrapper:"_3B4gz7ljfkZDMaGHQrq0Bh",dropWrapper:"_3B4gz7ljfkZDMaGHQrq0Bh",fitContainer:"_1GdBXJRDSgOT2bpq-QFy5Z",fitContainer:"_1GdBXJRDSgOT2bpq-QFy5Z"}},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 s=t[o];"number"==typeof s[0]&&n[s[0]]||(r&&!s[2]?s[2]=r:r&&(s[2]="("+s[2]+") and ("+r+")"),e.push(s))}},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 s=[],i=0;i<n.parts.length;i++)s.push(u(n.parts[i],t));d[n.id]={id:n.id,refs:1,parts:s}}}}function o(e){for(var t=[],r={},n=0;n<e.length;n++){var o=e[n],i=o[0],s=o[1],a=o[2],l=o[3],u={css:s,media:a,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=m(),n=y[y.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),y.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function s(e){e.parentNode.removeChild(e);var t=y.indexOf(e);t>=0&&y.splice(t,1)}function a(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=g||(g=a(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(){s(r),r.href&&URL.revokeObjectURL(r.href)}):(r=a(t),n=c.bind(null,r),o=function(){s(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=x(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[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={},b=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},h=b(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),m=b(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,v=0,y=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=h()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],s=0;s<r.length;s++){var a=r[s],l=d[a.id];l.refs--,i.push(l)}if(e){var u=o(e);n(u,t)}for(var s=0;s<i.length;s++){var l=i[s];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete d[l.id]}}}};var x=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=l},function(e,t){e.exports=u},function(e,t){e.exports=p}])});
+!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("react-dom"),require("@atlaskit/layer"),require("@atlaskit/droplist-trigger"),require("classnames")):"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","react-dom","@atlaskit/layer","@atlaskit/droplist-trigger","classnames"],t):"object"==typeof exports?exports["@atlaskit/droplist"]=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("react-dom"),require("@atlaskit/layer"),require("@atlaskit/droplist-trigger"),require("classnames")):e["@atlaskit/droplist"]=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["react-dom"],e["@atlaskit/layer"],e["@atlaskit/droplist-trigger"],e.classnames)}(this,function(e,t,r,n,o,i,s,a,l,u,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(5)},,,,,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(6),i=n(o),s=r(7),a=n(s),l=r(8),u=n(l),p=r(9),c=n(p),f=r(10),d=n(f),b=r(11),h=n(b),m=r(12),g=n(m),v=r(13),y=n(v),x=r(14),C=n(x),I=r(18),O=n(I),T=r(19),k=n(T),D=r(20),w=n(D),P=4,R=7*P,q=9.5*R+2*P,M=1,F=function(e){function t(){var e,r,n,o;(0,u.default)(this,t);for(var i=arguments.length,s=Array(i),l=0;l<i;l++)s[l]=arguments[l];return r=n=(0,d.default)(this,(e=t.__proto__||(0,a.default)(t)).call.apply(e,[this].concat(s))),n.componentDidMount=function(){n.domItemsList&&n.focusFirstItem(),n.props.shouldFitContainer&&n.dropContentRef&&(n.dropContentRef.style.width=n.triggerRef.offsetWidth-2*M+"px"),document.addEventListener("click",n.handleClickOutside)},n.componentDidUpdate=function(){n.props.isOpen&&(n.props.isKeyboardInteractionDisabled||n.focusFirstItem(),n.props.shouldFitContainer&&n.dropContentRef&&(n.dropContentRef.style.width=n.triggerRef.offsetWidth-2*M+"px"))},n.componentWillUnmount=function(){document.removeEventListener("click",n.handleClickOutside)},n.setMaxHeight=function(e){var t=n.props.appearance;e.style.maxHeight="tall"!==t?q+"px":"none"},n.getNextFocusable=function(e,t){var r=void 0===e?-1:e,o=void 0===t?r:t;return r<n.domItemsList.length-1?(r++,"true"!==n.domItemsList[r].getAttribute("aria-hidden")?r:n.getNextFocusable(r,o)):o},n.getPrevFocusable=function(e,t){var r=e,o=void 0===t?r:t;return r>0?(r--,"true"!==n.domItemsList[r].getAttribute("aria-hidden")?r:n.getPrevFocusable(r,o)):o||r},n.focusFirstItem=function(){"keydown"===n.sourceOfIsOpen&&n.focusItem(n.getNextFocusable())},n.focusNextItem=function(){n.focusItem(n.getNextFocusable(n.focusedItem))},n.focusPreviousItem=function(){n.focusItem(n.getPrevFocusable(n.focusedItem))},n.focusItem=function(e){n.focusedItem=e,n.domItemsList[n.focusedItem].focus()},n.isTargetChildItem=function(e){return e&&"droplistItem"===e.getAttribute("data-role")&&y.default.findDOMNode(n).contains(e)},n.handleKeyDown=function(e){if("Escape"===e.key&&n.close({event:e}),n.props.isOpen&&!n.props.isKeyboardInteractionDisabled)if(n.isTargetChildItem(e.target))switch(e.key){case"ArrowUp":e.preventDefault(),n.focusPreviousItem();break;case"ArrowDown":e.preventDefault(),n.focusNextItem();break;case"Tab":e.preventDefault(),n.close({event:e})}else"ArrowDown"===e.key?(n.sourceOfIsOpen="keydown",n.focusFirstItem()):"Tab"===e.key&&n.close({event:e})},n.handleClickOutside=function(e){if(n.props.isOpen){var t=y.default.findDOMNode(n);(!t||e.target instanceof Node&&!t.contains(e.target))&&n.close({event:e})}},n.handleTriggerActivation=function(e){n.toggle(e)},n.open=function(e){n.sourceOfIsOpen=e.source,n.props.onOpenChange({isOpen:!0,event:e.event})},n.close=function(e){n.sourceOfIsOpen=null,n.props.onOpenChange({isOpen:!1,event:e.event})},n.toggle=function(e){n.props.isKeyboardInteractionDisabled&&"keydown"===e.source||(n.props.isOpen?n.close(e):n.open(e))},o=r,(0,d.default)(n,o)}return(0,h.default)(t,e),(0,c.default)(t,[{key:"render",value:function(){var e=this,t=this.props;return g.default.createElement("div",{className:(0,w.default)([C.default.dropWrapper,(0,i.default)({},C.default.fitContainer,t.shouldFitContainer)]),onKeyDown:this.handleKeyDown},g.default.createElement(O.default,{position:t.position,offset:"0 4",autoPosition:t.shouldFlip,content:t.isOpen?g.default.createElement("div",{className:C.default.dropContent,ref:function(t){t&&(e.dropContentRef=t,e.domItemsList=t.querySelectorAll('[data-role="droplistItem"]'),e.setMaxHeight(t))}},t.children):null},g.default.createElement("div",{className:C.default.dropTrigger,ref:function(t){return e.triggerRef=t}},g.default.createElement(k.default,{isDisabled:t.isTriggerDisabled,isNotTabbable:t.isTriggerNotTabbable,isOpened:t.isOpen,onActivate:this.handleTriggerActivation,shouldFitContainer:t.shouldFitContainer},t.trigger))))}}]),t}(m.PureComponent);F.propTypes={appearance:m.PropTypes.oneOf(["default","tall"]),children:m.PropTypes.node,isOpen:m.PropTypes.bool,shouldFitContainer:m.PropTypes.bool,isKeyboardInteractionDisabled:m.PropTypes.bool,isTriggerDisabled:m.PropTypes.bool,isTriggerNotTabbable:m.PropTypes.bool,listContext:m.PropTypes.oneOf(["menu"]),onOpenChange:m.PropTypes.func,position:m.PropTypes.string,trigger:m.PropTypes.node,shouldFlip:m.PropTypes.bool},F.defaultProps={appearance:"default",position:"bottom left",isOpen:!1,shouldFitContainer:!1,isKeyboardInteractionDisabled:!1,isTriggerDisabled:!1,isTriggerNotTabbable:!1,listContext:"menu",onOpenChange:function(){},children:null,trigger:null,shouldFlip:!0},t.default=F},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=s},function(e,t){e.exports=a},function(e,t,r){var n=r(15);"string"==typeof n&&(n=[[e.id,n,""]]),r(17)(n,{}),n.locals&&(e.exports=n.locals)},function(e,t,r){t=e.exports=r(16)(),t.push([e.id,"._1_xlzkiSuGBchlK936r7D1{background:#fff;border-radius:3px;box-shadow:0 4px 8px -2px rgba(9,30,66,.25),0 0 1px rgba(9,30,66,.31);box-sizing:border-box;overflow:auto;padding:8px 0}._2IjpXPoRQLwaDUCT134zVO{display:-webkit-box;display:flex;width:100%}.HMyOUHFiTMvBn0HZAmnIv{display:-webkit-inline-box;display:inline-flex}._1MaM4Dt2smds5sWqyX85ZI{display:block;-webkit-box-flex:1;flex:1 1 auto}",""]),t.locals={dropContent:"_1_xlzkiSuGBchlK936r7D1",dropContent:"_1_xlzkiSuGBchlK936r7D1",dropTrigger:"_2IjpXPoRQLwaDUCT134zVO",dropTrigger:"_2IjpXPoRQLwaDUCT134zVO",dropWrapper:"HMyOUHFiTMvBn0HZAmnIv",dropWrapper:"HMyOUHFiTMvBn0HZAmnIv",fitContainer:"_1MaM4Dt2smds5sWqyX85ZI",fitContainer:"_1MaM4Dt2smds5sWqyX85ZI"}},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 s=t[o];"number"==typeof s[0]&&n[s[0]]||(r&&!s[2]?s[2]=r:r&&(s[2]="("+s[2]+") and ("+r+")"),e.push(s))}},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 s=[],i=0;i<n.parts.length;i++)s.push(u(n.parts[i],t));d[n.id]={id:n.id,refs:1,parts:s}}}}function o(e){for(var t=[],r={},n=0;n<e.length;n++){var o=e[n],i=o[0],s=o[1],a=o[2],l=o[3],u={css:s,media:a,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=m(),n=y[y.length-1];if("top"===e.insertAt)n?n.nextSibling?r.insertBefore(t,n.nextSibling):r.appendChild(t):r.insertBefore(t,r.firstChild),y.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");r.appendChild(t)}}function s(e){e.parentNode.removeChild(e);var t=y.indexOf(e);t>=0&&y.splice(t,1)}function a(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=g||(g=a(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(){s(r),r.href&&URL.revokeObjectURL(r.href)}):(r=a(t),n=c.bind(null,r),o=function(){s(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=x(t,o);else{var i=document.createTextNode(o),s=e.childNodes;s[t]&&e.removeChild(s[t]),s.length?e.insertBefore(i,s[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={},b=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},h=b(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),m=b(function(){return document.head||document.getElementsByTagName("head")[0]}),g=null,v=0,y=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=h()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],s=0;s<r.length;s++){var a=r[s],l=d[a.id];l.refs--,i.push(l)}if(e){var u=o(e);n(u,t)}for(var s=0;s<i.length;s++){var l=i[s];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete d[l.id]}}}};var x=function(){var e=[];return function(t,r){return e[t]=r,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=l},function(e,t){e.exports=u},function(e,t){e.exports=p}])});

package.json

 {
   "name": "@atlaskit/droplist",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "config": {
@@ -5,0 +5,0 @@ "access": "public"

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,@atlaskit/droplist,@atlaskit/droplist@1.3.1)
+[![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,@atlaskit/droplist,@atlaskit/droplist@1.3.2)
 
@@ -14,3 +14,3 @@ # Droplist
 
-Docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/droplist/1.3.1/).
+Docs and example usage can be found [here](https://aui-cdn.atlassian.com/atlaskit/stories/@atlaskit/droplist/1.3.2/).
 
@@ -40,3 +40,3 @@ ## Installation
 
-Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/droplist,@atlaskit/droplist@1.3.1).
+Ask a question in our [forum](https://answers.atlassian.com/questions/ask?title=AtlasKit%3A%20&topics=atlaskit,@atlaskit/droplist,@atlaskit/droplist@1.3.2).
 
@@ -43,0 +43,0 @@ Check [if someone has already asked the same question before](https://answers.atlassian.com/questions/topics/42926171/atlaskit).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

78067

decreased by-1.25%

Lines of code

979

decreased by-0.81%

No dependency changes