react-popper - npm Package Compare versions

Comparing version 0.8.2 to 0.8.3

dist/react-popper.min.js

 /*!
- * React Popper 0.8.2
+ * React Popper 0.8.3
  * https://github.com/souporserious/react-popper
  * Copyright (c) 2018 React Popper Authors
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.ReactPopper=t(require("react"),require("prop-types")):e.ReactPopper=t(e.React,e.PropTypes)}("undefined"!=typeof self?self:this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="dist/",t(t.s=2)}([function(t,n){t.exports=e},function(e,n){e.exports=t},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(3);Object.defineProperty(t,"Manager",{enumerable:!0,get:function(){return r(o).default}});var i=n(4);Object.defineProperty(t,"Target",{enumerable:!0,get:function(){return r(i).default}});var a=n(5);Object.defineProperty(t,"Popper",{enumerable:!0,get:function(){return r(a).default}});var f=n(8);Object.defineProperty(t,"Arrow",{enumerable:!0,get:function(){return r(f).default}})},function(e,t,n){"use strict";function r(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var f=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),p=n(1),u=function(e){return e&&e.__esModule?e:{default:e}}(p),l=function(e){function t(){var e,n,r,a;o(this,t);for(var f=arguments.length,s=Array(f),p=0;p<f;p++)s[p]=arguments[p];return n=r=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(s))),r._setTargetNode=function(e){r._targetNode=e},r._getTargetNode=function(){return r._targetNode},a=n,i(r,a)}return a(t,e),f(t,[{key:"getChildContext",value:function(){return{popperManager:{setTargetNode:this._setTargetNode,getTargetNode:this._getTargetNode}}}},{key:"render",value:function(){var e=this.props,t=e.tag,n=e.children,o=r(e,["tag","children"]);return!1!==t?(0,s.createElement)(t,o,n):n}}]),t}(s.Component);l.childContextTypes={popperManager:u.default.object.isRequired},l.propTypes={tag:u.default.oneOfType([u.default.string,u.default.bool]),children:u.default.oneOfType([u.default.node,u.default.func])},l.defaultProps={tag:"div"},t.default=l},function(e,t,n){"use strict";function r(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(0),a=n(1),f=function(e){return e&&e.__esModule?e:{default:e}}(a),s=function(e,t){var n=e.component,a=void 0===n?"div":n,f=e.innerRef,s=e.children,p=r(e,["component","innerRef","children"]),u=t.popperManager,l=function(e){u.setTargetNode(e),"function"==typeof f&&f(e)};if("function"==typeof s){return s({targetProps:{ref:l},restProps:p})}var c=o({},p);return"string"==typeof a?c.ref=l:c.innerRef=l,(0,i.createElement)(a,c,s)};s.contextTypes={popperManager:f.default.object.isRequired},s.propTypes={component:f.default.oneOfType([f.default.node,f.default.func]),innerRef:f.default.func,children:f.default.oneOfType([f.default.node,f.default.func])},t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(0),l=n(1),c=r(l),d=n(6),h=r(d),Popper=function(e){function Popper(){var e,t,n,r;i(this,Popper);for(var o=arguments.length,f=Array(o),p=0;p<o;p++)f[p]=arguments[p];return t=n=a(this,(e=Popper.__proto__||Object.getPrototypeOf(Popper)).call.apply(e,[this].concat(f))),n.state={},n._setArrowNode=function(e){n._arrowNode=e},n._getTargetNode=function(){return n.context.popperManager.getTargetNode()},n._getOffsets=function(e){return Object.keys(e.offsets).map(function(t){return e.offsets[t]})},n._isDataDirty=function(e){return!n.state.data||JSON.stringify(n._getOffsets(n.state.data))!==JSON.stringify(n._getOffsets(e))},n._updateStateModifier={enabled:!0,order:900,fn:function(e){return n._isDataDirty(e)&&n.setState({data:e}),e}},n._getPopperStyle=function(){var e=n.state.data;return n._popper&&e?s({position:e.offsets.popper.position},e.styles):{position:"absolute",pointerEvents:"none",opacity:0}},n._getPopperPlacement=function(){return n.state.data?n.state.data.placement:void 0},n._getPopperHide=function(){return n.state.data&&n.state.data.hide?"":void 0},n._getArrowStyle=function(){if(n.state.data&&n.state.data.offsets.arrow){var e=n.state.data.offsets.arrow;return{top:e.top,left:e.left}}return{}},n._handlePopperRef=function(e){n._popperNode=e,e?n._createPopper():n._destroyPopper(),n.props.innerRef&&n.props.innerRef(e)},n._scheduleUpdate=function(){n._popper&&n._popper.scheduleUpdate()},r=t,a(n,r)}return f(Popper,e),p(Popper,[{key:"getChildContext",value:function(){return{popper:{setArrowNode:this._setArrowNode,getArrowStyle:this._getArrowStyle}}}},{key:"componentDidUpdate",value:function(e){e.placement===this.props.placement&&e.eventsEnabled===this.props.eventsEnabled||(this._destroyPopper(),this._createPopper()),e.children!==this.props.children&&this._scheduleUpdate()}},{key:"componentWillUnmount",value:function(){this._destroyPopper()}},{key:"_createPopper",value:function(){var e=this,t=this.props,n=t.placement,r=t.eventsEnabled,o=s({},this.props.modifiers,{applyStyle:{enabled:!1},updateState:this._updateStateModifier});this._arrowNode&&(o.arrow={element:this._arrowNode}),this._popper=new h.default(this._getTargetNode(),this._popperNode,{placement:n,eventsEnabled:r,modifiers:o}),setTimeout(function(){return e._scheduleUpdate()})}},{key:"_destroyPopper",value:function(){this._popper&&this._popper.destroy()}},{key:"render",value:function(){var e=this.props,t=e.component,n=(e.innerRef,e.placement,e.eventsEnabled,e.modifiers,e.children),r=o(e,["component","innerRef","placement","eventsEnabled","modifiers","children"]),i=this._getPopperStyle(),a=this._getPopperPlacement(),f=this._getPopperHide();if("function"==typeof n){return n({popperProps:{ref:this._handlePopperRef,style:i,"data-placement":a,"data-x-out-of-boundaries":f},restProps:r,scheduleUpdate:this._scheduleUpdate})}var p=s({},r,{style:s({},r.style,i),"data-placement":a,"data-x-out-of-boundaries":f});return"string"==typeof t?p.ref=this._handlePopperRef:p.innerRef=this._handlePopperRef,(0,u.createElement)(t,p,n)}}]),Popper}(u.Component);Popper.contextTypes={popperManager:c.default.object.isRequired},Popper.childContextTypes={popper:c.default.object.isRequired},Popper.propTypes={component:c.default.oneOfType([c.default.node,c.default.func]),innerRef:c.default.func,placement:c.default.oneOf(h.default.placements),eventsEnabled:c.default.bool,modifiers:c.default.object,children:c.default.oneOfType([c.default.node,c.default.func])},Popper.defaultProps={component:"div",placement:"bottom",eventsEnabled:!0,modifiers:{}},t.default=Popper},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){function n(e){var t=!1;return function(){t||(t=!0,window.Promise.resolve().then(function(){t=!1,e()}))}}function r(e){var t=!1;return function(){t||(t=!0,setTimeout(function(){t=!1,e()},pe))}}function o(e){var t={};return e&&"[object Function]"===t.toString.call(e)}function i(e,t){if(1!==e.nodeType)return[];var n=getComputedStyle(e,null);return t?n[t]:n}function a(e){return"HTML"===e.nodeName?e:e.parentNode||e.host}function f(e){if(!e)return document.body;switch(e.nodeName){case"HTML":case"BODY":return e.ownerDocument.body;case"#document":return e.body}var t=i(e),n=t.overflow,r=t.overflowX;return/(auto|scroll)/.test(n+t.overflowY+r)?e:f(a(e))}function s(e){var t=e&&e.offsetParent,n=t&&t.nodeName;return n&&"BODY"!==n&&"HTML"!==n?-1!==["TD","TABLE"].indexOf(t.nodeName)&&"static"===i(t,"position")?s(t):t:e?e.ownerDocument.documentElement:document.documentElement}function p(e){var t=e.nodeName;return"BODY"!==t&&("HTML"===t||s(e.firstElementChild)===e)}function u(e){return null!==e.parentNode?u(e.parentNode):e}function l(e,t){if(!(e&&e.nodeType&&t&&t.nodeType))return document.documentElement;var n=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,r=n?e:t,o=n?t:e,i=document.createRange();i.setStart(r,0),i.setEnd(o,0);var a=i.commonAncestorContainer;if(e!==a&&t!==a||r.contains(o))return p(a)?a:s(a);var f=u(e);return f.host?l(f.host,t):l(e,u(t).host)}function c(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",n="top"===t?"scrollTop":"scrollLeft",r=e.nodeName;if("BODY"===r||"HTML"===r){var o=e.ownerDocument.documentElement;return(e.ownerDocument.scrollingElement||o)[n]}return e[n]}function d(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=c(t,"top"),o=c(t,"left"),i=n?-1:1;return e.top+=r*i,e.bottom+=r*i,e.left+=o*i,e.right+=o*i,e}function h(e,t){var n="x"===t?"Left":"Top",r="Left"===n?"Right":"Bottom";return parseFloat(e["border"+n+"Width"],10)+parseFloat(e["border"+r+"Width"],10)}function m(e,t,n,r){return Math.max(t["offset"+e],t["scroll"+e],n["client"+e],n["offset"+e],n["scroll"+e],he()?n["offset"+e]+r["margin"+("Height"===e?"Top":"Left")]+r["margin"+("Height"===e?"Bottom":"Right")]:0)}function v(){var e=document.body,t=document.documentElement,n=he()&&getComputedStyle(t);return{height:m("Height",e,t,n),width:m("Width",e,t,n)}}function g(e){return be({},e,{right:e.left+e.width,bottom:e.top+e.height})}function b(e){var t={};if(he())try{t=e.getBoundingClientRect();var n=c(e,"top"),r=c(e,"left");t.top+=n,t.left+=r,t.bottom+=n,t.right+=r}catch(e){}else t=e.getBoundingClientRect();var o={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},a="HTML"===e.nodeName?v():{},f=a.width||e.clientWidth||o.right-o.left,s=a.height||e.clientHeight||o.bottom-o.top,p=e.offsetWidth-f,u=e.offsetHeight-s;if(p||u){var l=i(e);p-=h(l,"x"),u-=h(l,"y"),o.width-=p,o.height-=u}return g(o)}function y(e,t){var n=he(),r="HTML"===t.nodeName,o=b(e),a=b(t),s=f(e),p=i(t),u=parseFloat(p.borderTopWidth,10),l=parseFloat(p.borderLeftWidth,10),c=g({top:o.top-a.top-u,left:o.left-a.left-l,width:o.width,height:o.height});if(c.marginTop=0,c.marginLeft=0,!n&&r){var h=parseFloat(p.marginTop,10),m=parseFloat(p.marginLeft,10);c.top-=u-h,c.bottom-=u-h,c.left-=l-m,c.right-=l-m,c.marginTop=h,c.marginLeft=m}return(n?t.contains(s):t===s&&"BODY"!==s.nodeName)&&(c=d(c,t)),c}function w(e){var t=e.ownerDocument.documentElement,n=y(e,t),r=Math.max(t.clientWidth,window.innerWidth||0),o=Math.max(t.clientHeight,window.innerHeight||0),i=c(t),a=c(t,"left");return g({top:i-n.top+n.marginTop,left:a-n.left+n.marginLeft,width:r,height:o})}function O(e){var t=e.nodeName;return"BODY"!==t&&"HTML"!==t&&("fixed"===i(e,"position")||O(a(e)))}function _(e,t,n,r){var o={top:0,left:0},i=l(e,t);if("viewport"===r)o=w(i);else{var s=void 0;"scrollParent"===r?(s=f(a(t)),"BODY"===s.nodeName&&(s=e.ownerDocument.documentElement)):s="window"===r?e.ownerDocument.documentElement:r;var p=y(s,i);if("HTML"!==s.nodeName||O(i))o=p;else{var u=v(),c=u.height,d=u.width;o.top+=p.top-p.marginTop,o.bottom=c+p.top,o.left+=p.left-p.marginLeft,o.right=d+p.left}}return o.left+=n,o.top+=n,o.right-=n,o.bottom-=n,o}function E(e){return e.width*e.height}function P(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===e.indexOf("auto"))return e;var a=_(n,r,i,o),f={top:{width:a.width,height:t.top-a.top},right:{width:a.right-t.right,height:a.height},bottom:{width:a.width,height:a.bottom-t.bottom},left:{width:t.left-a.left,height:a.height}},s=Object.keys(f).map(function(e){return be({key:e},f[e],{area:E(f[e])})}).sort(function(e,t){return t.area-e.area}),p=s.filter(function(e){var t=e.width,r=e.height;return t>=n.clientWidth&&r>=n.clientHeight}),u=p.length>0?p[0].key:s[0].key,l=e.split("-")[1];return u+(l?"-"+l:"")}function x(e,t,n){return y(n,l(t,n))}function T(e){var t=getComputedStyle(e),n=parseFloat(t.marginTop)+parseFloat(t.marginBottom),r=parseFloat(t.marginLeft)+parseFloat(t.marginRight);return{width:e.offsetWidth+r,height:e.offsetHeight+n}}function j(e){var t={left:"right",right:"left",bottom:"top",top:"bottom"};return e.replace(/left|right|bottom|top/g,function(e){return t[e]})}function N(e,t,n){n=n.split("-")[0];var r=T(e),o={width:r.width,height:r.height},i=-1!==["right","left"].indexOf(n),a=i?"top":"left",f=i?"left":"top",s=i?"height":"width",p=i?"width":"height";return o[a]=t[a]+t[s]/2-r[s]/2,o[f]=n===f?t[f]-r[p]:t[j(f)],o}function M(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function L(e,t,n){if(Array.prototype.findIndex)return e.findIndex(function(e){return e[t]===n});var r=M(e,function(e){return e[t]===n});return e.indexOf(r)}function R(e,t,n){return(void 0===n?e:e.slice(0,L(e,"name",n))).forEach(function(e){e.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var n=e.function||e.fn;e.enabled&&o(n)&&(t.offsets.popper=g(t.offsets.popper),t.offsets.reference=g(t.offsets.reference),t=n(t,e))}),t}function C(){if(!this.state.isDestroyed){var e={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};e.offsets.reference=x(this.state,this.popper,this.reference),e.placement=P(this.options.placement,e.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),e.originalPlacement=e.placement,e.offsets.popper=N(this.popper,e.offsets.reference,e.placement),e.offsets.popper.position="absolute",e=R(this.modifiers,e),this.state.isCreated?this.options.onUpdate(e):(this.state.isCreated=!0,this.options.onCreate(e))}}function S(e,t){return e.some(function(e){var n=e.name;return e.enabled&&n===t})}function k(e){for(var t=[!1,"ms","Webkit","Moz","O"],n=e.charAt(0).toUpperCase()+e.slice(1),r=0;r<t.length-1;r++){var o=t[r],i=o?""+o+n:e;if(void 0!==document.body.style[i])return i}return null}function D(){return this.state.isDestroyed=!0,S(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.left="",this.popper.style.position="",this.popper.style.top="",this.popper.style[k("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}function A(e){var t=e.ownerDocument;return t?t.defaultView:window}function W(e,t,n,r){var o="BODY"===e.nodeName,i=o?e.ownerDocument.defaultView:e;i.addEventListener(t,n,{passive:!0}),o||W(f(i.parentNode),t,n,r),r.push(i)}function F(e,t,n,r){n.updateBound=r,A(e).addEventListener("resize",n.updateBound,{passive:!0});var o=f(e);return W(o,"scroll",n.updateBound,n.scrollParents),n.scrollElement=o,n.eventsEnabled=!0,n}function H(){this.state.eventsEnabled||(this.state=F(this.reference,this.options,this.state,this.scheduleUpdate))}function B(e,t){return A(e).removeEventListener("resize",t.updateBound),t.scrollParents.forEach(function(e){e.removeEventListener("scroll",t.updateBound)}),t.updateBound=null,t.scrollParents=[],t.scrollElement=null,t.eventsEnabled=!1,t}function U(){this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=B(this.reference,this.state))}function q(e){return""!==e&&!isNaN(parseFloat(e))&&isFinite(e)}function I(e,t){Object.keys(t).forEach(function(n){var r="";-1!==["width","height","top","right","bottom","left"].indexOf(n)&&q(t[n])&&(r="px"),e.style[n]=t[n]+r})}function Y(e,t){Object.keys(t).forEach(function(n){!1!==t[n]?e.setAttribute(n,t[n]):e.removeAttribute(n)})}function K(e){return I(e.instance.popper,e.styles),Y(e.instance.popper,e.attributes),e.arrowElement&&Object.keys(e.arrowStyles).length&&I(e.arrowElement,e.arrowStyles),e}function V(e,t,n,r,o){var i=x(o,t,e),a=P(n.placement,i,t,e,n.modifiers.flip.boundariesElement,n.modifiers.flip.padding);return t.setAttribute("x-placement",a),I(t,{position:"absolute"}),n}function z(e,t){var n=t.x,r=t.y,o=e.offsets.popper,i=M(e.instance.modifiers,function(e){return"applyStyle"===e.name}).gpuAcceleration;void 0!==i&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var a=void 0!==i?i:t.gpuAcceleration,f=s(e.instance.popper),p=b(f),u={position:o.position},l={left:Math.floor(o.left),top:Math.floor(o.top),bottom:Math.floor(o.bottom),right:Math.floor(o.right)},c="bottom"===n?"top":"bottom",d="right"===r?"left":"right",h=k("transform"),m=void 0,v=void 0;if(v="bottom"===c?-p.height+l.bottom:l.top,m="right"===d?-p.width+l.right:l.left,a&&h)u[h]="translate3d("+m+"px, "+v+"px, 0)",u[c]=0,u[d]=0,u.willChange="transform";else{var g="bottom"===c?-1:1,y="right"===d?-1:1;u[c]=v*g,u[d]=m*y,u.willChange=c+", "+d}var w={"x-placement":e.placement};return e.attributes=be({},w,e.attributes),e.styles=be({},u,e.styles),e.arrowStyles=be({},e.offsets.arrow,e.arrowStyles),e}function G(e,t,n){var r=M(e,function(e){return e.name===t}),o=!!r&&e.some(function(e){return e.name===n&&e.enabled&&e.order<r.order});if(!o){var i="`"+t+"`",a="`"+n+"`";console.warn(a+" modifier is required by "+i+" modifier in order to work, be sure to include it before "+i+"!")}return o}function J(e,t){var n;if(!G(e.instance.modifiers,"arrow","keepTogether"))return e;var r=t.element;if("string"==typeof r){if(!(r=e.instance.popper.querySelector(r)))return e}else if(!e.instance.popper.contains(r))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),e;var o=e.placement.split("-")[0],a=e.offsets,f=a.popper,s=a.reference,p=-1!==["left","right"].indexOf(o),u=p?"height":"width",l=p?"Top":"Left",c=l.toLowerCase(),d=p?"left":"top",h=p?"bottom":"right",m=T(r)[u];s[h]-m<f[c]&&(e.offsets.popper[c]-=f[c]-(s[h]-m)),s[c]+m>f[h]&&(e.offsets.popper[c]+=s[c]+m-f[h]),e.offsets.popper=g(e.offsets.popper);var v=s[c]+s[u]/2-m/2,b=i(e.instance.popper),y=parseFloat(b["margin"+l],10),w=parseFloat(b["border"+l+"Width"],10),O=v-e.offsets.popper[c]-y-w;return O=Math.max(Math.min(f[u]-m,O),0),e.arrowElement=r,e.offsets.arrow=(n={},ge(n,c,Math.round(O)),ge(n,d,""),n),e}function X(e){return"end"===e?"start":"start"===e?"end":e}function Q(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=we.indexOf(e),r=we.slice(n+1).concat(we.slice(0,n));return t?r.reverse():r}function Z(e,t){if(S(e.instance.modifiers,"inner"))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var n=_(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement),r=e.placement.split("-")[0],o=j(r),i=e.placement.split("-")[1]||"",a=[];switch(t.behavior){case Oe.FLIP:a=[r,o];break;case Oe.CLOCKWISE:a=Q(r);break;case Oe.COUNTERCLOCKWISE:a=Q(r,!0);break;default:a=t.behavior}return a.forEach(function(f,s){if(r!==f||a.length===s+1)return e;r=e.placement.split("-")[0],o=j(r);var p=e.offsets.popper,u=e.offsets.reference,l=Math.floor,c="left"===r&&l(p.right)>l(u.left)||"right"===r&&l(p.left)<l(u.right)||"top"===r&&l(p.bottom)>l(u.top)||"bottom"===r&&l(p.top)<l(u.bottom),d=l(p.left)<l(n.left),h=l(p.right)>l(n.right),m=l(p.top)<l(n.top),v=l(p.bottom)>l(n.bottom),g="left"===r&&d||"right"===r&&h||"top"===r&&m||"bottom"===r&&v,b=-1!==["top","bottom"].indexOf(r),y=!!t.flipVariations&&(b&&"start"===i&&d||b&&"end"===i&&h||!b&&"start"===i&&m||!b&&"end"===i&&v);(c||g||y)&&(e.flipped=!0,(c||g)&&(r=a[s+1]),y&&(i=X(i)),e.placement=r+(i?"-"+i:""),e.offsets.popper=be({},e.offsets.popper,N(e.instance.popper,e.offsets.reference,e.placement)),e=R(e.instance.modifiers,e,"flip"))}),e}function $(e){var t=e.offsets,n=t.popper,r=t.reference,o=e.placement.split("-")[0],i=Math.floor,a=-1!==["top","bottom"].indexOf(o),f=a?"right":"bottom",s=a?"left":"top",p=a?"width":"height";return n[f]<i(r[s])&&(e.offsets.popper[s]=i(r[s])-n[p]),n[s]>i(r[f])&&(e.offsets.popper[s]=i(r[f])),e}function ee(e,t,n,r){var o=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),i=+o[1],a=o[2];if(!i)return e;if(0===a.indexOf("%")){var f=void 0;switch(a){case"%p":f=n;break;case"%":case"%r":default:f=r}return g(f)[t]/100*i}if("vh"===a||"vw"===a){return("vh"===a?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*i}return i}function te(e,t,n,r){var o=[0,0],i=-1!==["right","left"].indexOf(r),a=e.split(/(\+|\-)/).map(function(e){return e.trim()}),f=a.indexOf(M(a,function(e){return-1!==e.search(/,|\s/)}));a[f]&&-1===a[f].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var s=/\s*,\s*|\s+/,p=-1!==f?[a.slice(0,f).concat([a[f].split(s)[0]]),[a[f].split(s)[1]].concat(a.slice(f+1))]:[a];return p=p.map(function(e,r){var o=(1===r?!i:i)?"height":"width",a=!1;return e.reduce(function(e,t){return""===e[e.length-1]&&-1!==["+","-"].indexOf(t)?(e[e.length-1]=t,a=!0,e):a?(e[e.length-1]+=t,a=!1,e):e.concat(t)},[]).map(function(e){return ee(e,o,t,n)})}),p.forEach(function(e,t){e.forEach(function(n,r){q(n)&&(o[t]+=n*("-"===e[r-1]?-1:1))})}),o}function ne(e,t){var n=t.offset,r=e.placement,o=e.offsets,i=o.popper,a=o.reference,f=r.split("-")[0],s=void 0;return s=q(+n)?[+n,0]:te(n,i,a,f),"left"===f?(i.top+=s[0],i.left-=s[1]):"right"===f?(i.top+=s[0],i.left+=s[1]):"top"===f?(i.left+=s[0],i.top-=s[1]):"bottom"===f&&(i.left+=s[0],i.top+=s[1]),e.popper=i,e}function re(e,t){var n=t.boundariesElement||s(e.instance.popper);e.instance.reference===n&&(n=s(n));var r=_(e.instance.popper,e.instance.reference,t.padding,n);t.boundaries=r;var o=t.priority,i=e.offsets.popper,a={primary:function(e){var n=i[e];return i[e]<r[e]&&!t.escapeWithReference&&(n=Math.max(i[e],r[e])),ge({},e,n)},secondary:function(e){var n="right"===e?"left":"top",o=i[n];return i[e]>r[e]&&!t.escapeWithReference&&(o=Math.min(i[n],r[e]-("right"===e?i.width:i.height))),ge({},n,o)}};return o.forEach(function(e){var t=-1!==["left","top"].indexOf(e)?"primary":"secondary";i=be({},i,a[t](e))}),e.offsets.popper=i,e}function oe(e){var t=e.placement,n=t.split("-")[0],r=t.split("-")[1];if(r){var o=e.offsets,i=o.reference,a=o.popper,f=-1!==["bottom","top"].indexOf(n),s=f?"left":"top",p=f?"width":"height",u={start:ge({},s,i[s]),end:ge({},s,i[s]+i[p]-a[p])};e.offsets.popper=be({},a,u[r])}return e}function ie(e){if(!G(e.instance.modifiers,"hide","preventOverflow"))return e;var t=e.offsets.reference,n=M(e.instance.modifiers,function(e){return"preventOverflow"===e.name}).boundaries;if(t.bottom<n.top||t.left>n.right||t.top>n.bottom||t.right<n.left){if(!0===e.hide)return e;e.hide=!0,e.attributes["x-out-of-boundaries"]=""}else{if(!1===e.hide)return e;e.hide=!1,e.attributes["x-out-of-boundaries"]=!1}return e}function ae(e){var t=e.placement,n=t.split("-")[0],r=e.offsets,o=r.popper,i=r.reference,a=-1!==["left","right"].indexOf(n),f=-1===["top","left"].indexOf(n);return o[a?"left":"top"]=i[n]-(f?o[a?"width":"height"]:0),e.placement=j(t),e.offsets.popper=g(o),e}for(var fe="undefined"!=typeof window&&"undefined"!=typeof document,se=["Edge","Trident","Firefox"],pe=0,ue=0;ue<se.length;ue+=1)if(fe&&navigator.userAgent.indexOf(se[ue])>=0){pe=1;break}var le=fe&&window.Promise,ce=le?n:r,de=void 0,he=function(){return void 0===de&&(de=-1!==navigator.appVersion.indexOf("MSIE 10")),de},me=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},ve=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),ge=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},be=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ye=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],we=ye.slice(3),Oe={FLIP:"flip",CLOCKWISE:"clockwise",COUNTERCLOCKWISE:"counterclockwise"},_e={shift:{order:100,enabled:!0,fn:oe},offset:{order:200,enabled:!0,fn:ne,offset:0},preventOverflow:{order:300,enabled:!0,fn:re,priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:$},arrow:{order:500,enabled:!0,fn:J,element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:Z,behavior:"flip",padding:5,boundariesElement:"viewport"},inner:{order:700,enabled:!1,fn:ae},hide:{order:800,enabled:!0,fn:ie},computeStyle:{order:850,enabled:!0,fn:z,gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:K,onLoad:V,gpuAcceleration:void 0}},Ee={placement:"bottom",eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:_e},Popper=function(){function Popper(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};me(this,Popper),this.scheduleUpdate=function(){return requestAnimationFrame(n.update)},this.update=ce(this.update.bind(this)),this.options=be({},Popper.Defaults,r),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=t&&t.jquery?t[0]:t,this.options.modifiers={},Object.keys(be({},Popper.Defaults.modifiers,r.modifiers)).forEach(function(e){n.options.modifiers[e]=be({},Popper.Defaults.modifiers[e]||{},r.modifiers?r.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(e){return be({name:e},n.options.modifiers[e])}).sort(function(e,t){return e.order-t.order}),this.modifiers.forEach(function(e){e.enabled&&o(e.onLoad)&&e.onLoad(n.reference,n.popper,n.options,e,n.state)}),this.update();var i=this.options.eventsEnabled;i&&this.enableEventListeners(),this.state.eventsEnabled=i}return ve(Popper,[{key:"update",value:function(){return C.call(this)}},{key:"destroy",value:function(){return D.call(this)}},{key:"enableEventListeners",value:function(){return H.call(this)}},{key:"disableEventListeners",value:function(){return U.call(this)}}]),Popper}();Popper.Utils=("undefined"!=typeof window?window:e).PopperUtils,Popper.placements=ye,Popper.Defaults=Ee,t.default=Popper}.call(t,n(7))},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";function r(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(0),a=n(1),f=function(e){return e&&e.__esModule?e:{default:e}}(a),s=function(e,t){var n=e.component,a=void 0===n?"span":n,f=e.innerRef,s=e.children,p=r(e,["component","innerRef","children"]),u=t.popper,l=function(e){u.setArrowNode(e),"function"==typeof f&&f(e)},c=u.getArrowStyle();if("function"==typeof s){return s({arrowProps:{ref:l,style:c},restProps:p})}var d=o({},p,{style:o({},c,p.style)});return"string"==typeof a?d.ref=l:d.innerRef=l,(0,i.createElement)(a,d,s)};s.contextTypes={popper:f.default.object.isRequired},s.propTypes={component:f.default.oneOfType([f.default.node,f.default.func]),innerRef:f.default.func,children:f.default.oneOfType([f.default.node,f.default.func])},t.default=s}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","prop-types"],t):"object"==typeof exports?exports.ReactPopper=t(require("react"),require("prop-types")):e.ReactPopper=t(e.React,e.PropTypes)}("undefined"!=typeof self?self:this,function(e,t){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="dist/",t(t.s=2)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Arrow=t.Popper=t.Target=t.Manager=void 0;var o=n(3),i=r(o),a=n(4),f=r(a),s=n(5),p=r(s),u=n(8),l=r(u);t.Manager=i.default,t.Target=f.default,t.Popper=p.default,t.Arrow=l.default},function(e,t,n){"use strict";function r(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var f=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),p=n(1),u=function(e){return e&&e.__esModule?e:{default:e}}(p),l=function(e){function t(){var e,n,r,a;o(this,t);for(var f=arguments.length,s=Array(f),p=0;p<f;p++)s[p]=arguments[p];return n=r=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(s))),r._setTargetNode=function(e){r._targetNode=e},r._getTargetNode=function(){return r._targetNode},a=n,i(r,a)}return a(t,e),f(t,[{key:"getChildContext",value:function(){return{popperManager:{setTargetNode:this._setTargetNode,getTargetNode:this._getTargetNode}}}},{key:"render",value:function(){var e=this.props,t=e.tag,n=e.children,o=r(e,["tag","children"]);return!1!==t?(0,s.createElement)(t,o,n):n}}]),t}(s.Component);l.childContextTypes={popperManager:u.default.object.isRequired},l.propTypes={tag:u.default.oneOfType([u.default.string,u.default.bool]),children:u.default.oneOfType([u.default.node,u.default.func])},l.defaultProps={tag:"div"},t.default=l},function(e,t,n){"use strict";function r(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(0),a=n(1),f=function(e){return e&&e.__esModule?e:{default:e}}(a),s=function(e,t){var n=e.component,a=void 0===n?"div":n,f=e.innerRef,s=e.children,p=r(e,["component","innerRef","children"]),u=t.popperManager,l=function(e){u.setTargetNode(e),"function"==typeof f&&f(e)};if("function"==typeof s){return s({targetProps:{ref:l},restProps:p})}var c=o({},p);return"string"==typeof a?c.ref=l:c.innerRef=l,(0,i.createElement)(a,c,s)};s.contextTypes={popperManager:f.default.object.isRequired},s.propTypes={component:f.default.oneOfType([f.default.node,f.default.func]),innerRef:f.default.func,children:f.default.oneOfType([f.default.node,f.default.func])},t.default=s},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});var s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(0),l=n(1),c=r(l),d=n(6),h=r(d),Popper=function(e){function Popper(){var e,t,n,r;i(this,Popper);for(var o=arguments.length,f=Array(o),p=0;p<o;p++)f[p]=arguments[p];return t=n=a(this,(e=Popper.__proto__||Object.getPrototypeOf(Popper)).call.apply(e,[this].concat(f))),n.state={},n._setArrowNode=function(e){n._arrowNode=e},n._getTargetNode=function(){return n.context.popperManager.getTargetNode()},n._getOffsets=function(e){return Object.keys(e.offsets).map(function(t){return e.offsets[t]})},n._isDataDirty=function(e){return!n.state.data||JSON.stringify(n._getOffsets(n.state.data))!==JSON.stringify(n._getOffsets(e))},n._updateStateModifier={enabled:!0,order:900,fn:function(e){return n._isDataDirty(e)&&n.setState({data:e}),e}},n._getPopperStyle=function(){var e=n.state.data;return n._popper&&e?s({position:e.offsets.popper.position},e.styles):{position:"absolute",pointerEvents:"none",opacity:0}},n._getPopperPlacement=function(){return n.state.data?n.state.data.placement:void 0},n._getPopperHide=function(){return n.state.data&&n.state.data.hide?"":void 0},n._getArrowStyle=function(){if(n.state.data&&n.state.data.offsets.arrow){var e=n.state.data.offsets.arrow;return{top:e.top,left:e.left}}return{}},n._handlePopperRef=function(e){n._popperNode=e,e?n._createPopper():n._destroyPopper(),n.props.innerRef&&n.props.innerRef(e)},n._scheduleUpdate=function(){n._popper&&n._popper.scheduleUpdate()},r=t,a(n,r)}return f(Popper,e),p(Popper,[{key:"getChildContext",value:function(){return{popper:{setArrowNode:this._setArrowNode,getArrowStyle:this._getArrowStyle}}}},{key:"componentDidUpdate",value:function(e){e.placement===this.props.placement&&e.eventsEnabled===this.props.eventsEnabled||(this._destroyPopper(),this._createPopper()),e.children!==this.props.children&&this._scheduleUpdate()}},{key:"componentWillUnmount",value:function(){this._destroyPopper()}},{key:"_createPopper",value:function(){var e=this,t=this.props,n=t.placement,r=t.eventsEnabled,o=s({},this.props.modifiers,{applyStyle:{enabled:!1},updateState:this._updateStateModifier});this._arrowNode&&(o.arrow={element:this._arrowNode}),this._popper=new h.default(this._getTargetNode(),this._popperNode,{placement:n,eventsEnabled:r,modifiers:o}),setTimeout(function(){return e._scheduleUpdate()})}},{key:"_destroyPopper",value:function(){this._popper&&this._popper.destroy()}},{key:"render",value:function(){var e=this.props,t=e.component,n=(e.innerRef,e.placement,e.eventsEnabled,e.modifiers,e.children),r=o(e,["component","innerRef","placement","eventsEnabled","modifiers","children"]),i=this._getPopperStyle(),a=this._getPopperPlacement(),f=this._getPopperHide();if("function"==typeof n){return n({popperProps:{ref:this._handlePopperRef,style:i,"data-placement":a,"data-x-out-of-boundaries":f},restProps:r,scheduleUpdate:this._scheduleUpdate})}var p=s({},r,{style:s({},r.style,i),"data-placement":a,"data-x-out-of-boundaries":f});return"string"==typeof t?p.ref=this._handlePopperRef:p.innerRef=this._handlePopperRef,(0,u.createElement)(t,p,n)}}]),Popper}(u.Component);Popper.contextTypes={popperManager:c.default.object.isRequired},Popper.childContextTypes={popper:c.default.object.isRequired},Popper.propTypes={component:c.default.oneOfType([c.default.node,c.default.func]),innerRef:c.default.func,placement:c.default.oneOf(h.default.placements),eventsEnabled:c.default.bool,modifiers:c.default.object,children:c.default.oneOfType([c.default.node,c.default.func])},Popper.defaultProps={component:"div",placement:"bottom",eventsEnabled:!0,modifiers:{}},t.default=Popper},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){function n(e){var t=!1;return function(){t||(t=!0,window.Promise.resolve().then(function(){t=!1,e()}))}}function r(e){var t=!1;return function(){t||(t=!0,setTimeout(function(){t=!1,e()},pe))}}function o(e){var t={};return e&&"[object Function]"===t.toString.call(e)}function i(e,t){if(1!==e.nodeType)return[];var n=getComputedStyle(e,null);return t?n[t]:n}function a(e){return"HTML"===e.nodeName?e:e.parentNode||e.host}function f(e){if(!e)return document.body;switch(e.nodeName){case"HTML":case"BODY":return e.ownerDocument.body;case"#document":return e.body}var t=i(e),n=t.overflow,r=t.overflowX;return/(auto|scroll)/.test(n+t.overflowY+r)?e:f(a(e))}function s(e){var t=e&&e.offsetParent,n=t&&t.nodeName;return n&&"BODY"!==n&&"HTML"!==n?-1!==["TD","TABLE"].indexOf(t.nodeName)&&"static"===i(t,"position")?s(t):t:e?e.ownerDocument.documentElement:document.documentElement}function p(e){var t=e.nodeName;return"BODY"!==t&&("HTML"===t||s(e.firstElementChild)===e)}function u(e){return null!==e.parentNode?u(e.parentNode):e}function l(e,t){if(!(e&&e.nodeType&&t&&t.nodeType))return document.documentElement;var n=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,r=n?e:t,o=n?t:e,i=document.createRange();i.setStart(r,0),i.setEnd(o,0);var a=i.commonAncestorContainer;if(e!==a&&t!==a||r.contains(o))return p(a)?a:s(a);var f=u(e);return f.host?l(f.host,t):l(e,u(t).host)}function c(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top",n="top"===t?"scrollTop":"scrollLeft",r=e.nodeName;if("BODY"===r||"HTML"===r){var o=e.ownerDocument.documentElement;return(e.ownerDocument.scrollingElement||o)[n]}return e[n]}function d(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=c(t,"top"),o=c(t,"left"),i=n?-1:1;return e.top+=r*i,e.bottom+=r*i,e.left+=o*i,e.right+=o*i,e}function h(e,t){var n="x"===t?"Left":"Top",r="Left"===n?"Right":"Bottom";return parseFloat(e["border"+n+"Width"],10)+parseFloat(e["border"+r+"Width"],10)}function m(e,t,n,r){return Math.max(t["offset"+e],t["scroll"+e],n["client"+e],n["offset"+e],n["scroll"+e],he()?n["offset"+e]+r["margin"+("Height"===e?"Top":"Left")]+r["margin"+("Height"===e?"Bottom":"Right")]:0)}function v(){var e=document.body,t=document.documentElement,n=he()&&getComputedStyle(t);return{height:m("Height",e,t,n),width:m("Width",e,t,n)}}function g(e){return be({},e,{right:e.left+e.width,bottom:e.top+e.height})}function b(e){var t={};if(he())try{t=e.getBoundingClientRect();var n=c(e,"top"),r=c(e,"left");t.top+=n,t.left+=r,t.bottom+=n,t.right+=r}catch(e){}else t=e.getBoundingClientRect();var o={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},a="HTML"===e.nodeName?v():{},f=a.width||e.clientWidth||o.right-o.left,s=a.height||e.clientHeight||o.bottom-o.top,p=e.offsetWidth-f,u=e.offsetHeight-s;if(p||u){var l=i(e);p-=h(l,"x"),u-=h(l,"y"),o.width-=p,o.height-=u}return g(o)}function y(e,t){var n=he(),r="HTML"===t.nodeName,o=b(e),a=b(t),s=f(e),p=i(t),u=parseFloat(p.borderTopWidth,10),l=parseFloat(p.borderLeftWidth,10),c=g({top:o.top-a.top-u,left:o.left-a.left-l,width:o.width,height:o.height});if(c.marginTop=0,c.marginLeft=0,!n&&r){var h=parseFloat(p.marginTop,10),m=parseFloat(p.marginLeft,10);c.top-=u-h,c.bottom-=u-h,c.left-=l-m,c.right-=l-m,c.marginTop=h,c.marginLeft=m}return(n?t.contains(s):t===s&&"BODY"!==s.nodeName)&&(c=d(c,t)),c}function w(e){var t=e.ownerDocument.documentElement,n=y(e,t),r=Math.max(t.clientWidth,window.innerWidth||0),o=Math.max(t.clientHeight,window.innerHeight||0),i=c(t),a=c(t,"left");return g({top:i-n.top+n.marginTop,left:a-n.left+n.marginLeft,width:r,height:o})}function O(e){var t=e.nodeName;return"BODY"!==t&&"HTML"!==t&&("fixed"===i(e,"position")||O(a(e)))}function _(e,t,n,r){var o={top:0,left:0},i=l(e,t);if("viewport"===r)o=w(i);else{var s=void 0;"scrollParent"===r?(s=f(a(t)),"BODY"===s.nodeName&&(s=e.ownerDocument.documentElement)):s="window"===r?e.ownerDocument.documentElement:r;var p=y(s,i);if("HTML"!==s.nodeName||O(i))o=p;else{var u=v(),c=u.height,d=u.width;o.top+=p.top-p.marginTop,o.bottom=c+p.top,o.left+=p.left-p.marginLeft,o.right=d+p.left}}return o.left+=n,o.top+=n,o.right-=n,o.bottom-=n,o}function E(e){return e.width*e.height}function P(e,t,n,r,o){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===e.indexOf("auto"))return e;var a=_(n,r,i,o),f={top:{width:a.width,height:t.top-a.top},right:{width:a.right-t.right,height:a.height},bottom:{width:a.width,height:a.bottom-t.bottom},left:{width:t.left-a.left,height:a.height}},s=Object.keys(f).map(function(e){return be({key:e},f[e],{area:E(f[e])})}).sort(function(e,t){return t.area-e.area}),p=s.filter(function(e){var t=e.width,r=e.height;return t>=n.clientWidth&&r>=n.clientHeight}),u=p.length>0?p[0].key:s[0].key,l=e.split("-")[1];return u+(l?"-"+l:"")}function x(e,t,n){return y(n,l(t,n))}function T(e){var t=getComputedStyle(e),n=parseFloat(t.marginTop)+parseFloat(t.marginBottom),r=parseFloat(t.marginLeft)+parseFloat(t.marginRight);return{width:e.offsetWidth+r,height:e.offsetHeight+n}}function j(e){var t={left:"right",right:"left",bottom:"top",top:"bottom"};return e.replace(/left|right|bottom|top/g,function(e){return t[e]})}function N(e,t,n){n=n.split("-")[0];var r=T(e),o={width:r.width,height:r.height},i=-1!==["right","left"].indexOf(n),a=i?"top":"left",f=i?"left":"top",s=i?"height":"width",p=i?"width":"height";return o[a]=t[a]+t[s]/2-r[s]/2,o[f]=n===f?t[f]-r[p]:t[j(f)],o}function M(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function L(e,t,n){if(Array.prototype.findIndex)return e.findIndex(function(e){return e[t]===n});var r=M(e,function(e){return e[t]===n});return e.indexOf(r)}function R(e,t,n){return(void 0===n?e:e.slice(0,L(e,"name",n))).forEach(function(e){e.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var n=e.function||e.fn;e.enabled&&o(n)&&(t.offsets.popper=g(t.offsets.popper),t.offsets.reference=g(t.offsets.reference),t=n(t,e))}),t}function C(){if(!this.state.isDestroyed){var e={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};e.offsets.reference=x(this.state,this.popper,this.reference),e.placement=P(this.options.placement,e.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),e.originalPlacement=e.placement,e.offsets.popper=N(this.popper,e.offsets.reference,e.placement),e.offsets.popper.position="absolute",e=R(this.modifiers,e),this.state.isCreated?this.options.onUpdate(e):(this.state.isCreated=!0,this.options.onCreate(e))}}function S(e,t){return e.some(function(e){var n=e.name;return e.enabled&&n===t})}function k(e){for(var t=[!1,"ms","Webkit","Moz","O"],n=e.charAt(0).toUpperCase()+e.slice(1),r=0;r<t.length-1;r++){var o=t[r],i=o?""+o+n:e;if(void 0!==document.body.style[i])return i}return null}function D(){return this.state.isDestroyed=!0,S(this.modifiers,"applyStyle")&&(this.popper.removeAttribute("x-placement"),this.popper.style.left="",this.popper.style.position="",this.popper.style.top="",this.popper.style[k("transform")]=""),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}function A(e){var t=e.ownerDocument;return t?t.defaultView:window}function W(e,t,n,r){var o="BODY"===e.nodeName,i=o?e.ownerDocument.defaultView:e;i.addEventListener(t,n,{passive:!0}),o||W(f(i.parentNode),t,n,r),r.push(i)}function F(e,t,n,r){n.updateBound=r,A(e).addEventListener("resize",n.updateBound,{passive:!0});var o=f(e);return W(o,"scroll",n.updateBound,n.scrollParents),n.scrollElement=o,n.eventsEnabled=!0,n}function H(){this.state.eventsEnabled||(this.state=F(this.reference,this.options,this.state,this.scheduleUpdate))}function B(e,t){return A(e).removeEventListener("resize",t.updateBound),t.scrollParents.forEach(function(e){e.removeEventListener("scroll",t.updateBound)}),t.updateBound=null,t.scrollParents=[],t.scrollElement=null,t.eventsEnabled=!1,t}function U(){this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=B(this.reference,this.state))}function q(e){return""!==e&&!isNaN(parseFloat(e))&&isFinite(e)}function I(e,t){Object.keys(t).forEach(function(n){var r="";-1!==["width","height","top","right","bottom","left"].indexOf(n)&&q(t[n])&&(r="px"),e.style[n]=t[n]+r})}function Y(e,t){Object.keys(t).forEach(function(n){!1!==t[n]?e.setAttribute(n,t[n]):e.removeAttribute(n)})}function K(e){return I(e.instance.popper,e.styles),Y(e.instance.popper,e.attributes),e.arrowElement&&Object.keys(e.arrowStyles).length&&I(e.arrowElement,e.arrowStyles),e}function V(e,t,n,r,o){var i=x(o,t,e),a=P(n.placement,i,t,e,n.modifiers.flip.boundariesElement,n.modifiers.flip.padding);return t.setAttribute("x-placement",a),I(t,{position:"absolute"}),n}function z(e,t){var n=t.x,r=t.y,o=e.offsets.popper,i=M(e.instance.modifiers,function(e){return"applyStyle"===e.name}).gpuAcceleration;void 0!==i&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var a=void 0!==i?i:t.gpuAcceleration,f=s(e.instance.popper),p=b(f),u={position:o.position},l={left:Math.floor(o.left),top:Math.floor(o.top),bottom:Math.floor(o.bottom),right:Math.floor(o.right)},c="bottom"===n?"top":"bottom",d="right"===r?"left":"right",h=k("transform"),m=void 0,v=void 0;if(v="bottom"===c?-p.height+l.bottom:l.top,m="right"===d?-p.width+l.right:l.left,a&&h)u[h]="translate3d("+m+"px, "+v+"px, 0)",u[c]=0,u[d]=0,u.willChange="transform";else{var g="bottom"===c?-1:1,y="right"===d?-1:1;u[c]=v*g,u[d]=m*y,u.willChange=c+", "+d}var w={"x-placement":e.placement};return e.attributes=be({},w,e.attributes),e.styles=be({},u,e.styles),e.arrowStyles=be({},e.offsets.arrow,e.arrowStyles),e}function G(e,t,n){var r=M(e,function(e){return e.name===t}),o=!!r&&e.some(function(e){return e.name===n&&e.enabled&&e.order<r.order});if(!o){var i="`"+t+"`",a="`"+n+"`";console.warn(a+" modifier is required by "+i+" modifier in order to work, be sure to include it before "+i+"!")}return o}function J(e,t){var n;if(!G(e.instance.modifiers,"arrow","keepTogether"))return e;var r=t.element;if("string"==typeof r){if(!(r=e.instance.popper.querySelector(r)))return e}else if(!e.instance.popper.contains(r))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),e;var o=e.placement.split("-")[0],a=e.offsets,f=a.popper,s=a.reference,p=-1!==["left","right"].indexOf(o),u=p?"height":"width",l=p?"Top":"Left",c=l.toLowerCase(),d=p?"left":"top",h=p?"bottom":"right",m=T(r)[u];s[h]-m<f[c]&&(e.offsets.popper[c]-=f[c]-(s[h]-m)),s[c]+m>f[h]&&(e.offsets.popper[c]+=s[c]+m-f[h]),e.offsets.popper=g(e.offsets.popper);var v=s[c]+s[u]/2-m/2,b=i(e.instance.popper),y=parseFloat(b["margin"+l],10),w=parseFloat(b["border"+l+"Width"],10),O=v-e.offsets.popper[c]-y-w;return O=Math.max(Math.min(f[u]-m,O),0),e.arrowElement=r,e.offsets.arrow=(n={},ge(n,c,Math.round(O)),ge(n,d,""),n),e}function X(e){return"end"===e?"start":"start"===e?"end":e}function Q(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=we.indexOf(e),r=we.slice(n+1).concat(we.slice(0,n));return t?r.reverse():r}function Z(e,t){if(S(e.instance.modifiers,"inner"))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var n=_(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement),r=e.placement.split("-")[0],o=j(r),i=e.placement.split("-")[1]||"",a=[];switch(t.behavior){case Oe.FLIP:a=[r,o];break;case Oe.CLOCKWISE:a=Q(r);break;case Oe.COUNTERCLOCKWISE:a=Q(r,!0);break;default:a=t.behavior}return a.forEach(function(f,s){if(r!==f||a.length===s+1)return e;r=e.placement.split("-")[0],o=j(r);var p=e.offsets.popper,u=e.offsets.reference,l=Math.floor,c="left"===r&&l(p.right)>l(u.left)||"right"===r&&l(p.left)<l(u.right)||"top"===r&&l(p.bottom)>l(u.top)||"bottom"===r&&l(p.top)<l(u.bottom),d=l(p.left)<l(n.left),h=l(p.right)>l(n.right),m=l(p.top)<l(n.top),v=l(p.bottom)>l(n.bottom),g="left"===r&&d||"right"===r&&h||"top"===r&&m||"bottom"===r&&v,b=-1!==["top","bottom"].indexOf(r),y=!!t.flipVariations&&(b&&"start"===i&&d||b&&"end"===i&&h||!b&&"start"===i&&m||!b&&"end"===i&&v);(c||g||y)&&(e.flipped=!0,(c||g)&&(r=a[s+1]),y&&(i=X(i)),e.placement=r+(i?"-"+i:""),e.offsets.popper=be({},e.offsets.popper,N(e.instance.popper,e.offsets.reference,e.placement)),e=R(e.instance.modifiers,e,"flip"))}),e}function $(e){var t=e.offsets,n=t.popper,r=t.reference,o=e.placement.split("-")[0],i=Math.floor,a=-1!==["top","bottom"].indexOf(o),f=a?"right":"bottom",s=a?"left":"top",p=a?"width":"height";return n[f]<i(r[s])&&(e.offsets.popper[s]=i(r[s])-n[p]),n[s]>i(r[f])&&(e.offsets.popper[s]=i(r[f])),e}function ee(e,t,n,r){var o=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),i=+o[1],a=o[2];if(!i)return e;if(0===a.indexOf("%")){var f=void 0;switch(a){case"%p":f=n;break;case"%":case"%r":default:f=r}return g(f)[t]/100*i}if("vh"===a||"vw"===a){return("vh"===a?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*i}return i}function te(e,t,n,r){var o=[0,0],i=-1!==["right","left"].indexOf(r),a=e.split(/(\+|\-)/).map(function(e){return e.trim()}),f=a.indexOf(M(a,function(e){return-1!==e.search(/,|\s/)}));a[f]&&-1===a[f].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var s=/\s*,\s*|\s+/,p=-1!==f?[a.slice(0,f).concat([a[f].split(s)[0]]),[a[f].split(s)[1]].concat(a.slice(f+1))]:[a];return p=p.map(function(e,r){var o=(1===r?!i:i)?"height":"width",a=!1;return e.reduce(function(e,t){return""===e[e.length-1]&&-1!==["+","-"].indexOf(t)?(e[e.length-1]=t,a=!0,e):a?(e[e.length-1]+=t,a=!1,e):e.concat(t)},[]).map(function(e){return ee(e,o,t,n)})}),p.forEach(function(e,t){e.forEach(function(n,r){q(n)&&(o[t]+=n*("-"===e[r-1]?-1:1))})}),o}function ne(e,t){var n=t.offset,r=e.placement,o=e.offsets,i=o.popper,a=o.reference,f=r.split("-")[0],s=void 0;return s=q(+n)?[+n,0]:te(n,i,a,f),"left"===f?(i.top+=s[0],i.left-=s[1]):"right"===f?(i.top+=s[0],i.left+=s[1]):"top"===f?(i.left+=s[0],i.top-=s[1]):"bottom"===f&&(i.left+=s[0],i.top+=s[1]),e.popper=i,e}function re(e,t){var n=t.boundariesElement||s(e.instance.popper);e.instance.reference===n&&(n=s(n));var r=_(e.instance.popper,e.instance.reference,t.padding,n);t.boundaries=r;var o=t.priority,i=e.offsets.popper,a={primary:function(e){var n=i[e];return i[e]<r[e]&&!t.escapeWithReference&&(n=Math.max(i[e],r[e])),ge({},e,n)},secondary:function(e){var n="right"===e?"left":"top",o=i[n];return i[e]>r[e]&&!t.escapeWithReference&&(o=Math.min(i[n],r[e]-("right"===e?i.width:i.height))),ge({},n,o)}};return o.forEach(function(e){var t=-1!==["left","top"].indexOf(e)?"primary":"secondary";i=be({},i,a[t](e))}),e.offsets.popper=i,e}function oe(e){var t=e.placement,n=t.split("-")[0],r=t.split("-")[1];if(r){var o=e.offsets,i=o.reference,a=o.popper,f=-1!==["bottom","top"].indexOf(n),s=f?"left":"top",p=f?"width":"height",u={start:ge({},s,i[s]),end:ge({},s,i[s]+i[p]-a[p])};e.offsets.popper=be({},a,u[r])}return e}function ie(e){if(!G(e.instance.modifiers,"hide","preventOverflow"))return e;var t=e.offsets.reference,n=M(e.instance.modifiers,function(e){return"preventOverflow"===e.name}).boundaries;if(t.bottom<n.top||t.left>n.right||t.top>n.bottom||t.right<n.left){if(!0===e.hide)return e;e.hide=!0,e.attributes["x-out-of-boundaries"]=""}else{if(!1===e.hide)return e;e.hide=!1,e.attributes["x-out-of-boundaries"]=!1}return e}function ae(e){var t=e.placement,n=t.split("-")[0],r=e.offsets,o=r.popper,i=r.reference,a=-1!==["left","right"].indexOf(n),f=-1===["top","left"].indexOf(n);return o[a?"left":"top"]=i[n]-(f?o[a?"width":"height"]:0),e.placement=j(t),e.offsets.popper=g(o),e}for(var fe="undefined"!=typeof window&&"undefined"!=typeof document,se=["Edge","Trident","Firefox"],pe=0,ue=0;ue<se.length;ue+=1)if(fe&&navigator.userAgent.indexOf(se[ue])>=0){pe=1;break}var le=fe&&window.Promise,ce=le?n:r,de=void 0,he=function(){return void 0===de&&(de=-1!==navigator.appVersion.indexOf("MSIE 10")),de},me=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},ve=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),ge=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},be=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},ye=["auto-start","auto","auto-end","top-start","top","top-end","right-start","right","right-end","bottom-end","bottom","bottom-start","left-end","left","left-start"],we=ye.slice(3),Oe={FLIP:"flip",CLOCKWISE:"clockwise",COUNTERCLOCKWISE:"counterclockwise"},_e={shift:{order:100,enabled:!0,fn:oe},offset:{order:200,enabled:!0,fn:ne,offset:0},preventOverflow:{order:300,enabled:!0,fn:re,priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:$},arrow:{order:500,enabled:!0,fn:J,element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:Z,behavior:"flip",padding:5,boundariesElement:"viewport"},inner:{order:700,enabled:!1,fn:ae},hide:{order:800,enabled:!0,fn:ie},computeStyle:{order:850,enabled:!0,fn:z,gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:K,onLoad:V,gpuAcceleration:void 0}},Ee={placement:"bottom",eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:_e},Popper=function(){function Popper(e,t){var n=this,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};me(this,Popper),this.scheduleUpdate=function(){return requestAnimationFrame(n.update)},this.update=ce(this.update.bind(this)),this.options=be({},Popper.Defaults,r),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=e&&e.jquery?e[0]:e,this.popper=t&&t.jquery?t[0]:t,this.options.modifiers={},Object.keys(be({},Popper.Defaults.modifiers,r.modifiers)).forEach(function(e){n.options.modifiers[e]=be({},Popper.Defaults.modifiers[e]||{},r.modifiers?r.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(e){return be({name:e},n.options.modifiers[e])}).sort(function(e,t){return e.order-t.order}),this.modifiers.forEach(function(e){e.enabled&&o(e.onLoad)&&e.onLoad(n.reference,n.popper,n.options,e,n.state)}),this.update();var i=this.options.eventsEnabled;i&&this.enableEventListeners(),this.state.eventsEnabled=i}return ve(Popper,[{key:"update",value:function(){return C.call(this)}},{key:"destroy",value:function(){return D.call(this)}},{key:"enableEventListeners",value:function(){return H.call(this)}},{key:"disableEventListeners",value:function(){return U.call(this)}}]),Popper}();Popper.Utils=("undefined"!=typeof window?window:e).PopperUtils,Popper.placements=ye,Popper.Defaults=Ee,t.default=Popper}.call(t,n(7))},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";function r(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(0),a=n(1),f=function(e){return e&&e.__esModule?e:{default:e}}(a),s=function(e,t){var n=e.component,a=void 0===n?"span":n,f=e.innerRef,s=e.children,p=r(e,["component","innerRef","children"]),u=t.popper,l=function(e){u.setArrowNode(e),"function"==typeof f&&f(e)},c=u.getArrowStyle();if("function"==typeof s){return s({arrowProps:{ref:l,style:c},restProps:p})}var d=o({},p,{style:o({},c,p.style)});return"string"==typeof a?d.ref=l:d.innerRef=l,(0,i.createElement)(a,d,s)};s.contextTypes={popper:f.default.object.isRequired},s.propTypes={component:f.default.oneOfType([f.default.node,f.default.func]),innerRef:f.default.func,children:f.default.oneOfType([f.default.node,f.default.func])},t.default=s}])});

lib/PopperManager.js

@@ -7,2 +7,4 @@ 'use strict';
 
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
@@ -18,6 +20,8 @@
 
+var _popper = require('popper.js');
+
+var _popper2 = _interopRequireDefault(_popper);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -29,6 +33,6 @@
 
-var PopperManager = function (_Component) {
-  _inherits(PopperManager, _Component);
+var PopperComponent = function (_Component) {
+  _inherits(PopperComponent, _Component);
 
-  function PopperManager() {
+  function PopperComponent() {
     var _ref;
@@ -38,3 +42,3 @@
 
-    _classCallCheck(this, PopperManager);
+    _classCallCheck(this, PopperComponent);
 
@@ -45,10 +49,8 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = PopperManager.__proto__ || Object.getPrototypeOf(PopperManager)).call.apply(_ref, [this].concat(args))), _this), _this._setTargetNode = function (node) {
-      _this._targetNode = node;
-    }, _this._getTargetNode = function () {
-      return _this._targetNode;
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = PopperComponent.__proto__ || Object.getPrototypeOf(PopperComponent)).call.apply(_ref, [this].concat(args))), _this), _this._referenceNode = null, _this._popperNode = null, _this._arrowNode = null, _this._popper = false, _this._addArrowNode = function (node) {
+      _this._arrowNode = node;
     }, _temp), _possibleConstructorReturn(_this, _ret);
   }
 
-  _createClass(PopperManager, [{
+  _createClass(PopperComponent, [{
     key: 'getChildContext',
@@ -58,4 +60,3 @@ value: function getChildContext() {
         popperManager: {
-          setTargetNode: this._setTargetNode,
-          getTargetNode: this._getTargetNode
+          addArrow: this._addArrowNode
         }
@@ -65,24 +66,149 @@ };
   }, {
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this._referenceNode = _reactDom2.default.findDOMNode(this);
+      this._createPopperNode();
+      this._renderPopper({ popperProps: {} });
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate(lastProps) {
+      this._renderPopper(lastProps);
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      this._destroy();
+    }
+  }, {
+    key: '_createPopperNode',
+    value: function _createPopperNode() {
+      // create a node that we can stick our popper Component in
+      this._popperNode = document.createElement(this.props.popperProps.tag);
+
+      // append that node to the parent node
+      this._popperParentNode.appendChild(this._popperNode);
+    }
+  }, {
+    key: '_destroy',
+    value: function _destroy() {
+      if (this._popperParentNode) {
+        // unmount component
+        _reactDom2.default.unmountComponentAtNode(this._popperParentNode);
+
+        // clean up DOM
+        this._popperParentNode.parentNode.removeChild(this._popperNode);
+      }
+
+      if (this._popper) {
+        this._popper.destroy();
+      }
+
+      this._popperNode = null;
+      this._popper = null;
+    }
+  }, {
+    key: '_renderPopper',
+    value: function _renderPopper(lastProps) {
+      var _this2 = this;
+
+      var popperChild = _react.Children.toArray(this.props.children)[1];
+
+      // if no popper child provided, bail out
+      if (!popperChild) {
+        // destroy Popper element if it has been created
+        this._destroy();
+        return;
+      }
+
+      // render element component into the DOM
+      _reactDom2.default.unstable_renderSubtreeIntoContainer(this, popperChild, this._popperNode, function () {
+        // don't update Popper until the subtree has finished rendering
+        _this2._updatePopperNode(lastProps);
+        _this2._updatePopper(lastProps);
+      });
+    }
+  }, {
+    key: '_updatePopperNode',
+    value: function _updatePopperNode(lastProps) {
+      var _this3 = this;
+
+      var _props$popperProps = this.props.popperProps;
+      var id = _props$popperProps.id;
+      var className = _props$popperProps.className;
+      var style = _props$popperProps.style;
+
+
+      if (lastProps.popperProps.id !== id) {
+        this._popperNode.id = id;
+      }
+
+      if (lastProps.popperProps.className !== className) {
+        this._popperNode.className = className;
+      }
+
+      if (style) {
+        Object.keys(style).forEach(function (key) {
+          _this3._popperNode.style[key] = style[key];
+        });
+      }
+    }
+  }, {
+    key: '_updatePopper',
+    value: function _updatePopper(lastProps) {
+      var _props = this.props;
+      var placement = _props.placement;
+      var modifiers = _props.modifiers;
+
+      // TODO: check if props changed here, no need to update if nothing has changed
+
+      // destroy any prior popper instance before creating another
+
+      if (this._popper) {
+        this._popper.destroy();
+      }
+
+      this._popper = new _popper2.default(this._referenceNode, this._popperNode, {
+        placement: placement,
+        modifiers: _extends({}, modifiers, {
+          arrow: { element: this._arrowNode }
+        })
+      });
+    }
+  }, {
     key: 'render',
     value: function render() {
-      var _props = this.props,
-          component = _props.component,
-          restProps = _objectWithoutProperties(_props, ['component']);
+      return _react.Children.toArray(this.props.children)[0];
+    }
+  }, {
+    key: '_popperParentNode',
+    get: function get() {
+      var renderTo = this.props.popperProps.renderTo;
 
-      return (0, _react.createElement)(component, restProps);
+      if (typeof renderTo === 'string') {
+        return document.querySelector(renderTo);
+      } else {
+        return renderTo || document.body;
+      }
     }
   }]);
 
-  return PopperManager;
+  return PopperComponent;
 }(_react.Component);
 
-PopperManager.childContextTypes = {
-  popperManager: _react.PropTypes.object.isRequired
+PopperComponent.childContextTypes = {
+  popperManager: _react.PropTypes.object.isRequired,
+  placement: _react.PropTypes.oneOf(_popper2.default.placements)
 };
-PopperManager.propTypes = {
-  component: _react.PropTypes.any
+PopperComponent.defaultProps = {
+  popperProps: {
+    tag: 'div',
+    renderTo: null,
+    id: '',
+    className: 'popper',
+    style: {}
+  },
+  placement: 'bottom',
+  modifiers: {}
 };
-PopperManager.defaultProps = {
-  component: 'div'
-};
-exports.default = PopperManager;
+exports.default = PopperComponent;

lib/react-popper.js

@@ -6,39 +6,25 @@ 'use strict';
 });
+exports.Arrow = exports.Popper = exports.Target = exports.Manager = undefined;
 
-var _Manager = require('./Manager');
+var _Manager2 = require('./Manager');
 
-Object.defineProperty(exports, 'Manager', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Manager).default;
-  }
-});
+var _Manager3 = _interopRequireDefault(_Manager2);
 
-var _Target = require('./Target');
+var _Target2 = require('./Target');
 
-Object.defineProperty(exports, 'Target', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Target).default;
-  }
-});
+var _Target3 = _interopRequireDefault(_Target2);
 
-var _Popper = require('./Popper');
+var _Popper2 = require('./Popper');
 
-Object.defineProperty(exports, 'Popper', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Popper).default;
-  }
-});
+var _Popper3 = _interopRequireDefault(_Popper2);
 
-var _Arrow = require('./Arrow');
+var _Arrow2 = require('./Arrow');
 
-Object.defineProperty(exports, 'Arrow', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_Arrow).default;
-  }
-});
+var _Arrow3 = _interopRequireDefault(_Arrow2);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.Manager = _Manager3.default;
+exports.Target = _Target3.default;
+exports.Popper = _Popper3.default;
+exports.Arrow = _Arrow3.default;

package.json

 {
   "name": "react-popper",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "React wrapper around PopperJS.",
-  "main": "lib/react-popper.js",
+  "main": "dist/react-popper.js",
+  "module": "lib/react-popper.js",
   "types": "react-popper.d.ts",
-  "files": ["dist", "lib", "react-popper.d.ts"],
+  "files": [
+    "dist",
+    "lib",
+    "react-popper.d.ts"
+  ],
   "license": "MIT",
-  "author":
-    "Travis Arnold <[e-mail]> (http://souporserious.com)",
+  "author": "Travis Arnold <[e-mail]> (http://souporserious.com)",
   "homepage": "https://github.com/souporserious/react-popper",
@@ -29,3 +33,6 @@ "repository": {
   "lint-staged": {
-    "@(src|example)/**/*.{js,jsx}": ["eslint --fix --max-warnings 5", "git add"]
+    "@(src|example)/**/*.{js,jsx}": [
+      "eslint --fix --max-warnings 5",
+      "git add"
+    ]
   },
@@ -37,7 +44,5 @@ "scripts": {
     "build:lib": "babel src --out-dir lib",
-    "build":
-      "npm run build:lib && cross-env NODE_ENV=production webpack --config webpack.prod.config.js",
+    "build": "npm run build:lib && cross-env NODE_ENV=production webpack --config webpack.prod.config.js",
     "dev": "webpack-dev-server --hot --progress --host 0.0.0.0",
-    "postbuild":
-      "cross-env NODE_ENV=production && cross-env TARGET=minify webpack --config webpack.prod.config.js",
+    "postbuild": "cross-env NODE_ENV=production && cross-env TARGET=minify webpack --config webpack.prod.config.js",
     "prebuild": "rimraf dist && mkdir dist",
@@ -57,3 +62,3 @@ "prepare": "npm run build"
     "babel-core": "^6.26.0",
-    "babel-eslint": "^8.2.1",
+    "babel-eslint": "^8.2.2",
     "babel-loader": "^7.1.2",
@@ -67,14 +72,14 @@ "babel-plugin-transform-class-properties": "^6.24.1",
     "css-loader": "^0.28.9",
-    "eslint": "^4.17.0",
+    "eslint": "^4.18.1",
     "eslint-config-prettier": "^2.9.0",
-    "eslint-config-standard": "^11.0.0-beta.0",
-    "eslint-config-standard-react": "^5.0.0",
-    "eslint-plugin-import": "^2.8.0",
+    "eslint-config-standard": "^11.0.0",
+    "eslint-config-standard-react": "^6.0.0",
+    "eslint-plugin-import": "^2.9.0",
     "eslint-plugin-node": "^6.0.0",
     "eslint-plugin-prettier": "^2.6.0",
     "eslint-plugin-promise": "^3.6.0",
-    "eslint-plugin-react": "^7.6.1",
+    "eslint-plugin-react": "^7.7.0",
     "eslint-plugin-standard": "^3.0.1",
     "husky": "^0.14.3",
-    "lint-staged": "^6.1.0",
+    "lint-staged": "^7.0.0",
     "outy": "^0.1.2",
@@ -87,6 +92,6 @@ "prettier": "^1.10.2",
     "rimraf": "^2.6.2",
-    "style-loader": "^0.20.1",
-    "webpack": "^3.10.0",
+    "style-loader": "^0.20.2",
+    "webpack": "^3.11.0",
     "webpack-dev-server": "^2.11.1"
   }
 }

react-popper.d.ts

 declare module "react-popper" {
   import * as React from "react";
-  import PopperJS from "popper.js";
+  import * as PopperJS from "popper.js";
 
@@ -5,0 +5,0 @@ interface IRestProps {

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

176249

decreased by-2.02%

Number of package files

14

decreased by-6.67%

Lines of code

3313

decreased by-2.33%

Number of medium supply chain risk alerts

5

increased by25%

No dependency changes