@sparkpost/matchbox
Version:
A React UI component library
1 lines • 58 kB
JavaScript
import React,{Component,Fragment}from"react";import PropTypes from"prop-types";import classnames from"classnames";import{Check,Error,CheckCircle,InfoOutline,Close,ChevronRight,ChevronLeft,MoreHoriz,ArrowBack,ArrowForward,ArrowDropDown}from"@sparkpost/matchbox-icons";import{Transition}from"react-transition-group";import ReactDOM,{findDOMNode}from"react-dom";var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},classCallCheck=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},createClass=function(){function e(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}}(),defineProperty=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},inherits=function(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)},objectWithoutProperties=function(e,t){var r={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},possibleConstructorReturn=function(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},toConsumableArray=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)},groupBy=function(e,t){return e.reduce(function(e,r){var o=r[t];return _extends({},e,defineProperty({},o,[].concat(toConsumableArray(e[o]||[]),[r])))},{})},groupByValues=function(e,t){return Object.values(groupBy(e,t))},filterByVisible=function(e){return e.reduce(function(e,t){var r=t.visible,o=void 0===r||r,s=objectWithoutProperties(t,["visible"]);return o&&e.push(s),e},[])},UnstyledLink=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,r=e.to,o=e.Component,s=e.component,n=e.external,a=objectWithoutProperties(e,["children","to","Component","component","external"]),l=s||o;return r&&!l?React.createElement("a",_extends({href:r,target:n?"_blank":"",rel:n?"noopener noreferrer":""},a),t):r&&l?React.createElement(l,_extends({to:r},a),t):React.createElement("a",a,t)}}]),t}();function linkFrom(e,t){var r=e.content,o=objectWithoutProperties(e,["content"]);return React.createElement(UnstyledLink,_extends({key:t,children:r},o))}UnstyledLink.displayName="UnstyledLink",UnstyledLink.propTypes={to:PropTypes.oneOfType([PropTypes.string,PropTypes.object]),external:PropTypes.bool,component:PropTypes.oneOfType([PropTypes.func,PropTypes.element]),children:PropTypes.node};var styles={ActionList:"B_E",Section:"B_G",Action:"B_I",highlighted:"B_K",Check:"B_M"},Section=function(e){var t=e.section,r=filterByVisible(t).map(function(e,t){var r=e.className,o=e.highlighted,s=e.selected,n=e.content,a=objectWithoutProperties(e,["className","highlighted","selected","content"]),l=classnames(styles.Action,o&&styles.highlighted,r),i=s?React.createElement("span",null,n,React.createElement(Check,{className:styles.Check,size:21})):n;return linkFrom(_extends({content:i},a,{className:l}),t)});return React.createElement("div",{className:styles.Section},r)},ActionList=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.actions,r=void 0===t?[]:t,o=e.sections,s=void 0===o?[]:o,n=e.maxHeight,a=void 0===n?"none":n,l=e.groupByKey,i=objectWithoutProperties(e,["actions","sections","maxHeight","groupByKey"]),c=r.length?groupByValues(r,l):[];s.length&&(c=c.concat(s));var p=c.map(function(e,t){return React.createElement(Section,{section:e,key:t})});return React.createElement("div",_extends({className:styles.ActionList,style:{maxHeight:a}},i),p)}}]),t}();ActionList.displayName="ActionList",ActionList.propTypes={actions:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.node.isRequired})),sections:PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.shape({content:PropTypes.node.isRequired}))),maxHeight:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),groupByKey:PropTypes.string},ActionList.defaultProps={groupByKey:"section"};var styles$1={Banner:"O_Q",success:"O_S",info:"O_U",warning:"O_W",danger:"O_Y",IconWrapper:"O_a",Content:"O_c",Children:"O_f",Title:"O_h",Actions:"O_j",Icon:"O_l",successIcon:"O_n",IconBackdrop:"O_p",infoIcon:"O_r",warningIcon:"O_t",dangerIcon:"O_v",Dismiss:"O_x",DismissIcon:"O_z"},styles$2={Button:"AB_AE",Group:"AB_AG",disabled:"AB_AI","color-orange":"AB_AK",flat:"AB_AM","color-blue":"AB_AO","color-navy":"AB_AQ","color-red":"AB_AS","color-purple":"AB_AU",destructive:"AB_AW",outline:"AB_AY",small:"AB_Aa",large:"AB_Ac",fullWidth:"AB_Af"},Group=function(e){var t=e.children,r=e.className,o=void 0===r?"":r;return React.createElement("div",{className:classnames(styles$2.Group,o)},t)};Group.propTypes={children:PropTypes.node.isRequired},Group.displayName="Button.Group";var Button=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"handleMouseUp",value:function(e){e.currentTarget.blur()}},{key:"render",value:function(){var e=this.props,t=e.children,r=e.primary,o=e.color,s=e.disabled,n=e.destructive,a=e.plain,l=e.flat,i=e.outline,c=e.size,p=e.fullWidth,u=e.submit,d=e.to,y=e.Component,m=e.component,f=e.external,h=e.onClick,_=e.onFocus,v=e.onBlur,b=e.className,P=void 0===b?"":b,T=objectWithoutProperties(e,["children","primary","color","disabled","destructive","plain","flat","outline","size","fullWidth","submit","to","Component","component","external","onClick","onFocus","onBlur","className"]),g=m||y,C=r?"orange":o,O=classnames(styles$2.Button,C&&styles$2["color-"+C],s&&styles$2.disabled,n&&styles$2.destructive,(l||a)&&styles$2.flat,i&&styles$2.outline,p&&styles$2.fullWidth,c&&"default"!==c&&styles$2[""+c],P);return d&&!g?React.createElement("a",_extends({href:d,target:f?"_blank":"",rel:f?"noopener noreferrer":"",onClick:h,onFocus:_,onBlur:v,className:O,disabled:s,onMouseUp:this.handleMouseUp},T),t):d&&g?React.createElement(g,_extends({to:d,onClick:h,onFocus:_,onBlur:v,className:O,disabled:s,onMouseUp:this.handleMouseUp},T),t):React.createElement("button",_extends({type:u?"submit":"button",onClick:h,onFocus:_,onBlur:v,className:O,disabled:s,onMouseUp:this.handleMouseUp},T),t)}}]),t}();function buttonsFrom(e,t){var r=filterByVisible(e);if(r.length)return React.createElement(Button.Group,null,r.map(function(e,r){return buttonFrom(e,t,r)}))}function buttonFrom(e,t,r){var o=e.content,s=objectWithoutProperties(e,["content"]);return React.createElement(Button,_extends({key:r,children:o},s,t))}Button.displayName="Button",Button.Group=Group,Button.propTypes={color:PropTypes.oneOf(["orange","blue","navy","purple","red"]),disabled:PropTypes.bool,destructive:PropTypes.bool,flat:PropTypes.bool,outline:PropTypes.bool,size:PropTypes.oneOf(["small","large","default"]),fullWidth:PropTypes.bool,submit:PropTypes.bool,to:PropTypes.oneOfType([PropTypes.string,PropTypes.object]),external:PropTypes.bool,component:PropTypes.oneOfType([PropTypes.func,PropTypes.element]),children:PropTypes.node},Button.defaultProps={size:"default"};var actionOverrides={outline:!0,size:"small"},IconSection=function(e){var t=e.status,r={success:CheckCircle,info:InfoOutline,warning:Error,danger:Error};if("default"===t||!r[t])return null;var o=classnames(styles$1.Icon,t&&styles$1[t+"Icon"]),s=r[t];return React.createElement("div",{className:styles$1.IconWrapper},React.createElement(s,{size:30,className:o}),React.createElement("div",{className:styles$1.IconBackdrop}))},Banner=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,r=e.title,o=e.status,s=e.action,n=e.actions,a=e.onDismiss,l=objectWithoutProperties(e,["children","title","status","action","actions","onDismiss"]),i=r?React.createElement("h5",{className:styles$1.Title},r):null,c=s?React.createElement("div",{className:styles$1.Actions},buttonFrom(s,actionOverrides)):null;n&&(c=React.createElement("div",{className:styles$1.Actions},n.map(function(e,t){return buttonFrom(e,actionOverrides,t)})));var p=a?React.createElement("a",{className:styles$1.Dismiss,onClick:a},React.createElement(Close,{size:24,className:styles$1.DismissIcon})):null,u=classnames(styles$1.Banner,styles$1[""+o]);return React.createElement("div",_extends({className:u},l),React.createElement(IconSection,{status:o}),React.createElement("div",{className:styles$1.Content},p,i,React.createElement("div",{className:styles$1.Children},t),c))}}]),t}();Banner.displayName="Banner",Banner.propTypes={status:PropTypes.oneOf(["default","success","warning","danger","info"]),title:PropTypes.string,onDismiss:PropTypes.func,action:PropTypes.shape({content:PropTypes.string.isRequired}),actions:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.string.isRequired})),children:PropTypes.node},Banner.defaultProps={status:"default"};var styles$3={Label:"Ah_Aj"},Label=function(e){var t=e.label,r=e.id,o=e.className,s=e.children;return React.createElement("label",{id:r&&r+"Label",htmlFor:r,className:classnames(styles$3.Label,o)},t,s)};Label.displayName="Label";var styles$4={Error:"Al_An",Icon:"Al_l",Message:"Al_Ap"},Error$1=function(e){var t=e.className,r=e.error,o=e.wrapper,s=void 0===o?"div":o;return React.createElement(s,{className:classnames(styles$4.Error,t)},React.createElement("span",{className:styles$4.Message},React.createElement(Error,{className:styles$4.Icon,size:13}),r))};Error$1.displayName="Error";var styles$5={Checkbox:"Ar_At",Input:"Ar_Av",Control:"Ar_Ax",Box:"Ar_Az",Check:"Ar_M",Label:"Ar_Aj",Group:"Ar_AG",GroupLabel:"Ar_A1",HelpText:"Ar_A3"},Group$1=function(e){var t=e.children,r=e.label,o=e.required;return React.createElement("div",{className:styles$5.Group},r&&React.createElement(Label,{className:styles$5.GroupLabel},r,o&&" *"),t)};Group$1.propTypes={children:PropTypes.node.isRequired,label:PropTypes.node,required:PropTypes.bool},Group$1.displayName="Checkbox.Group";var Checkbox=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.id,r=e.checked,o=e.label,s=e.labelHidden,n=e.disabled,a=e.required,l=e.error,i=e.value,c=e.onChange,p=e.onFocus,u=e.onBlur,d=e.helpText,y=objectWithoutProperties(e,["id","checked","label","labelHidden","disabled","required","error","value","onChange","onFocus","onBlur","helpText"]),m=classnames(styles$5.Checkbox,l&&styles$5.error),f=a?" *":"",h=o&&!s?React.createElement(Label,{id:t,className:styles$5.Label},o,f):null,_=l?React.createElement(Error$1,{error:l}):null,v=d?React.createElement("div",{className:styles$5.HelpText},d):null;return React.createElement("fieldset",{className:m},React.createElement("input",_extends({id:t,value:i,checked:r,disabled:n,className:styles$5.Input,onChange:c,onFocus:p,onBlur:u,type:"checkbox"},y)),React.createElement("label",{htmlFor:t,className:styles$5.Control},React.createElement("div",{className:styles$5.Box}),React.createElement(Check,{className:styles$5.Check,size:14})),h,_,v)}}]),t}();Checkbox.displayName="Checkbox",Checkbox.Group=Group$1,Checkbox.propTypes={id:PropTypes.string,checked:PropTypes.bool,label:PropTypes.node,labelHidden:PropTypes.bool,disabled:PropTypes.bool,required:PropTypes.bool,value:PropTypes.oneOfType([PropTypes.bool,PropTypes.string]),error:PropTypes.string,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func,helpText:PropTypes.node};var styles$6={CodeBlock:"A5_A7",Code:"A5_A9",PrefixWrapper:"A5_BB",LineChevron:"A5_BE",LineNumber:"A5_BG"},CodeBlock=function(e){function t(){var e,r,o;classCallCheck(this,t);for(var s=arguments.length,n=Array(s),a=0;a<s;a++)n[a]=arguments[a];return r=o=possibleConstructorReturn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(n))),o.renderPrefix=function(e,t){return o.props.numbered?React.createElement("div",{key:t,className:styles$6.LineNumber},t):React.createElement(ChevronRight,{key:t,className:styles$6.LineChevron})},possibleConstructorReturn(o,r)}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.code,r=e.height,o=e.className,s=null,n=t.split(/\r\n|\r|\n/);return n.length&&(s=React.createElement("div",{className:styles$6.PrefixWrapper},n.map(this.renderPrefix))),React.createElement("pre",{className:classnames(styles$6.CodeBlock,o),style:{height:r+"px"}},React.createElement("code",{className:styles$6.Code},t),s)}}]),t}();CodeBlock.displayName="CodeBlock",CodeBlock.defaultProps={height:355,numbered:!1},CodeBlock.propTypes={code:PropTypes.string,height:PropTypes.number,numbered:PropTypes.bool};var styles$7={EmptyState:"BI_BK",Title:"BI_h",Content:"BI_c",Actions:"BI_j",Image:"BI_BM"},EmptyState=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.title,r=e.primaryAction,o=e.secondaryAction,s=e.image,n=e.children,a=s?React.createElement("div",{className:styles$7.Image},React.createElement(s,null)):null,l=r?buttonFrom(r,_extends({size:"large"},r.color?{}:{color:"orange"})):null,i=o?linkFrom(o):null;return React.createElement("div",{className:styles$7.EmptyState},React.createElement("h1",{className:styles$7.Title},t),React.createElement("div",{className:styles$7.Content},n),React.createElement("div",{className:styles$7.Actions},l," ",i),a)}}]),t}();EmptyState.displayName="EmptyState",EmptyState.propTypes={title:PropTypes.string,primaryAction:PropTypes.shape({content:PropTypes.node.isRequired}),secondaryAction:PropTypes.shape({content:PropTypes.node.isRequired}),image:PropTypes.oneOfType([PropTypes.func,PropTypes.element]),children:PropTypes.node};var styles$8={Grid:"BO_BQ","start-xs":"BO_BS","center-xs":"BO_BU","end-xs":"BO_BW","top-xs":"BO_BY","middle-xs":"BO_Ba","bottom-xs":"BO_Bc","around-xs":"BO_Bf","between-xs":"BO_Bh","start-sm":"BO_Bj","center-sm":"BO_Bl","end-sm":"BO_Bn","top-sm":"BO_Bp","middle-sm":"BO_Br","bottom-sm":"BO_Bt","around-sm":"BO_Bv","between-sm":"BO_Bx","start-md":"BO_Bz","center-md":"BO_B1","end-md":"BO_B3","top-md":"BO_B5","middle-md":"BO_B7","bottom-md":"BO_B9","around-md":"BO_CB","between-md":"BO_CE","start-lg":"BO_CG","center-lg":"BO_CI","end-lg":"BO_CK","top-lg":"BO_CM","middle-lg":"BO_CO","bottom-lg":"BO_CQ","around-lg":"BO_CS","between-lg":"BO_CU","start-xl":"BO_CW","center-xl":"BO_CY","end-xl":"BO_Ca","top-xl":"BO_Cc","middle-xl":"BO_Cf","bottom-xl":"BO_Ch","around-xl":"BO_Cj","between-xl":"BO_Cl",Column:"BO_Cn","xs-1":"BO_Cp","xs-offset-1":"BO_Cr","xs-2":"BO_Ct","xs-offset-2":"BO_Cv","xs-3":"BO_Cx","xs-offset-3":"BO_Cz","xs-4":"BO_C1","xs-offset-4":"BO_C3","xs-5":"BO_C5","xs-offset-5":"BO_C7","xs-6":"BO_C9","xs-offset-6":"BO_EB","xs-7":"BO_EE","xs-offset-7":"BO_EG","xs-8":"BO_EI","xs-offset-8":"BO_EK","xs-9":"BO_EM","xs-offset-9":"BO_EO","xs-10":"BO_EQ","xs-offset-10":"BO_ES","xs-11":"BO_EU","xs-offset-11":"BO_EW","xs-12":"BO_EY","xs-offset-12":"BO_Ea","sm-1":"BO_Ec","sm-offset-1":"BO_Ef","sm-2":"BO_Eh","sm-offset-2":"BO_Ej","sm-3":"BO_El","sm-offset-3":"BO_En","sm-4":"BO_Ep","sm-offset-4":"BO_Er","sm-5":"BO_Et","sm-offset-5":"BO_Ev","sm-6":"BO_Ex","sm-offset-6":"BO_Ez","sm-7":"BO_E1","sm-offset-7":"BO_E3","sm-8":"BO_E5","sm-offset-8":"BO_E7","sm-9":"BO_E9","sm-offset-9":"BO_FB","sm-10":"BO_FE","sm-offset-10":"BO_FG","sm-11":"BO_FI","sm-offset-11":"BO_FK","sm-12":"BO_FM","sm-offset-12":"BO_FO","md-1":"BO_FQ","md-offset-1":"BO_FS","md-2":"BO_FU","md-offset-2":"BO_FW","md-3":"BO_FY","md-offset-3":"BO_Fa","md-4":"BO_Fc","md-offset-4":"BO_Ff","md-5":"BO_Fh","md-offset-5":"BO_Fj","md-6":"BO_Fl","md-offset-6":"BO_Fn","md-7":"BO_Fp","md-offset-7":"BO_Fr","md-8":"BO_Ft","md-offset-8":"BO_Fv","md-9":"BO_Fx","md-offset-9":"BO_Fz","md-10":"BO_F1","md-offset-10":"BO_F3","md-11":"BO_F5","md-offset-11":"BO_F7","md-12":"BO_F9","md-offset-12":"BO_GB","lg-1":"BO_GE","lg-offset-1":"BO_GG","lg-2":"BO_GI","lg-offset-2":"BO_GK","lg-3":"BO_GM","lg-offset-3":"BO_GO","lg-4":"BO_GQ","lg-offset-4":"BO_GS","lg-5":"BO_GU","lg-offset-5":"BO_GW","lg-6":"BO_GY","lg-offset-6":"BO_Ga","lg-7":"BO_Gc","lg-offset-7":"BO_Gf","lg-8":"BO_Gh","lg-offset-8":"BO_Gj","lg-9":"BO_Gl","lg-offset-9":"BO_Gn","lg-10":"BO_Gp","lg-offset-10":"BO_Gr","lg-11":"BO_Gt","lg-offset-11":"BO_Gv","lg-12":"BO_Gx","lg-offset-12":"BO_Gz","xl-1":"BO_G1","xl-offset-1":"BO_G3","xl-2":"BO_G5","xl-offset-2":"BO_G7","xl-3":"BO_G9","xl-offset-3":"BO_HB","xl-4":"BO_HE","xl-offset-4":"BO_HG","xl-5":"BO_HI","xl-offset-5":"BO_HK","xl-6":"BO_HM","xl-offset-6":"BO_HO","xl-7":"BO_HQ","xl-offset-7":"BO_HS","xl-8":"BO_HU","xl-offset-8":"BO_HW","xl-9":"BO_HY","xl-offset-9":"BO_Ha","xl-10":"BO_Hc","xl-offset-10":"BO_Hf","xl-11":"BO_Hh","xl-offset-11":"BO_Hj","xl-12":"BO_Hl","xl-offset-12":"BO_Hn"},Column=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,r=e.xs,o=e.sm,s=e.md,n=e.lg,a=e.xl,l=e.xsOffset,i=e.smOffset,c=e.mdOffset,p=e.lgOffset,u=e.xlOffset,d=objectWithoutProperties(e,["children","xs","sm","md","lg","xl","xsOffset","smOffset","mdOffset","lgOffset","xlOffset"]),y=classnames(styles$8.Column,r&&styles$8["xs-"+r],o&&styles$8["sm-"+o],s&&styles$8["md-"+s],n&&styles$8["lg-"+n],a&&styles$8["xl-"+a],l&&styles$8["xs-offset-"+l],i&&styles$8["sm-offset-"+i],c&&styles$8["md-offset-"+c],p&&styles$8["lg-offset-"+p],u&&styles$8["xl-offset-"+u]);return React.createElement("div",_extends({className:y},d),t)}}]),t}();Column.displayName="Grid.Column",Column.propTypes={xs:PropTypes.number,sm:PropTypes.number,md:PropTypes.number,lg:PropTypes.number,xl:PropTypes.number,xsOffset:PropTypes.number,smOffset:PropTypes.number,mdOffset:PropTypes.number,lgOffset:PropTypes.number,children:PropTypes.node};var Grid=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,r=e.start,o=e.center,s=e.end,n=e.top,a=e.middle,l=e.bottom,i=e.around,c=e.between,p=e.className,u=classnames(styles$8.Grid,r&&styles$8["start-"+r],o&&styles$8["center-"+o],s&&styles$8["end-"+s],n&&styles$8["top-"+n],a&&styles$8["middle-"+a],l&&styles$8["bottom-"+l],i&&styles$8["around-"+i],c&&styles$8["between-"+c],p);return React.createElement("div",{className:u},t)}}]),t}();Grid.displayName="Grid",Grid.Column=Column,Grid.propTypes={center:PropTypes.oneOf(["xs","sm","md","lg","xl"]),start:PropTypes.oneOf(["xs","sm","md","lg","xl"]),end:PropTypes.oneOf(["xs","sm","md","lg","xl"]),top:PropTypes.oneOf(["xs","sm","md","lg","xl"]),middle:PropTypes.oneOf(["xs","sm","md","lg","xl"]),bottom:PropTypes.oneOf(["xs","sm","md","lg","xl"]),around:PropTypes.oneOf(["xs","sm","md","lg","xl"]),between:PropTypes.oneOf(["xs","sm","md","lg","xl"]),children:PropTypes.node};var WindowEvent=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"componentDidMount",value:function(){this.addEvent()}},{key:"componentWillUpdate",value:function(){this.removeEvent()}},{key:"componentDidUpdate",value:function(){this.addEvent()}},{key:"componentWillUnmount",value:function(){this.removeEvent()}},{key:"render",value:function(){return null}},{key:"addEvent",value:function(){var e=this.props,t=e.event,r=e.handler;window.addEventListener(t,r)}},{key:"removeEvent",value:function(){var e=this.props,t=e.event,r=e.handler;window.removeEventListener(t,r)}}]),t}();WindowEvent.displayName="WindowEvent",WindowEvent.propTypes={event:PropTypes.string.isRequired,handler:PropTypes.func.isRequired};var styles$9={Modal:"Hp_Hr",open:"Hp_Ht",Grid:"Hp_BQ",Content:"Hp_c",entered:"Hp_Hv",exiting:"Hp_Hx",exited:"Hp_Hz",CloseButton:"Hp_H1"},Content=function(e){var t=e.children,r=e.contentRef,o=e.open;return React.createElement(Transition,{mountOnEnter:!0,unmountOnExit:!0,in:o,timeout:{enter:0,exit:150}},function(e){var o=classnames(styles$9.Content,e&&styles$9[e]);return React.createElement("div",{className:o,ref:r},t)})};Content.displayName="Modal.Content";var keys={enter:{key:"Enter",keyCode:13,shiftKey:!1},escape:{key:"Escape",keyCode:27,shiftKey:!1}};function compareEvent(e,t){return(t.key===keys[e].key||t.keyCode===keys[e].keyCode)&&t.shiftKey===keys[e].shiftKey}function onKey(e,t){return function(r){if(compareEvent(e,r))return t(r)}}var Modal=function(e){function t(){var e,r,o;classCallCheck(this,t);for(var s=arguments.length,n=Array(s),a=0;a<s;a++)n[a]=arguments[a];return r=o=possibleConstructorReturn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(n))),o.handleOutsideClick=function(e){var t=o.props,r=t.open,s=t.onClose,n=o.content&&!o.content.contains(e.target)&&o.container&&o.container.contains(e.target);r&&n&&s&&s(e)},o.handleKeyDown=function(e){var t=o.props,r=t.onClose;t.open&&r&&onKey("escape",r)(e)},possibleConstructorReturn(o,r)}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this,t=this.props,r=t.onClose,o=t.open,s=t.children,n=t.className,a=t.showCloseButton,l=objectWithoutProperties(t,["onClose","open","children","className","showCloseButton"]),i=classnames(styles$9.Modal,o&&styles$9.open,n);return React.createElement("div",_extends({className:i,onClose:r},l,{ref:function(t){return e.container=t}}),React.createElement(Grid,{center:"xs",middle:"xs",className:styles$9.Grid},React.createElement(Grid.Column,{xs:11,md:9,xl:7},React.createElement(Content,{contentRef:function(t){return e.content=t},open:o},React.createElement(WindowEvent,{event:"keydown",handler:this.handleKeyDown}),React.createElement(WindowEvent,{event:"click",handler:this.handleOutsideClick}),a&&React.createElement(Button,{className:styles$9.CloseButton,flat:!0,onClick:r},"Close ",React.createElement(Close,null)),s))))}}]),t}();Modal.displayName="Modal",Modal.propTypes={open:PropTypes.bool,onClose:PropTypes.func,children:PropTypes.node,showCloseButton:PropTypes.bool};var styles$10={Page:"H3_H5",MainContent:"H3_H7",Title:"H3_h",PrimaryAction:"H3_H9",SecondaryActions:"H3_IB",SecondaryAction:"H3_IE",Breadcrumb:"H3_IG"},Breadcrumb=function(e){var t=e.content,r=objectWithoutProperties(e,["content"]);return React.createElement(UnstyledLink,r,React.createElement(ChevronLeft,{size:27}),t)},Page=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.title,r=e.primaryAction,o=e.secondaryActions,s=e.breadcrumbAction,n=e.empty,a=e.children,l=n.show,i=n.content,c=objectWithoutProperties(n,["show","content"]);if(l)return React.createElement(EmptyState,_extends({title:t,primaryAction:r},c),i);var p=r?buttonFrom(r,_extends({size:"large"},r.color?{}:{color:"orange"})):null,u=o?filterByVisible(o).map(function(e,t){return linkFrom(_extends({},e,{className:styles$10.SecondaryAction}),t)}):null,d=s?React.createElement("div",null,React.createElement(Breadcrumb,_extends({},s,{className:styles$10.Breadcrumb}))):null,y=t?React.createElement("h1",{className:styles$10.Title},t):null;return React.createElement("div",null,React.createElement("div",{className:styles$10.Page},d,React.createElement("div",{className:styles$10.MainContent},y,React.createElement("div",{className:styles$10.PrimaryAction},p)),React.createElement("div",{className:styles$10.SecondaryActions},u)),a)}}]),t}();Page.displayName="Page",Page.defaultProps={empty:{}},Page.propTypes={title:PropTypes.string,primaryAction:PropTypes.shape({content:PropTypes.node.isRequired}),secondaryActions:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.node.isRequired})),breadcrumbAction:PropTypes.shape({content:PropTypes.node.isRequired}),empty:PropTypes.shape({show:PropTypes.bool,content:PropTypes.node}),children:PropTypes.node};var styles$11={Pagination:"II_IK",Back:"II_IM",Next:"II_IO",Pages:"II_IQ",Page:"II_H5",Start:"II_IS",End:"II_IU",Selected:"II_IW","color-orange":"II_AK","color-blue":"II_AO","color-navy":"II_AQ","color-purple":"II_AU","color-red":"II_AS",Ellipse:"II_IY"},Pagination=function(e){function t(){var e,r,o;classCallCheck(this,t);for(var s=arguments.length,n=Array(s),a=0;a<s;a++)n[a]=arguments[a];return r=o=possibleConstructorReturn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(n))),o.state={index:0,hasPrevious:!1,hasNext:!0},possibleConstructorReturn(o,r)}return inherits(t,Component),createClass(t,[{key:"componentWillMount",value:function(){this.handlePageChange(this.props.currentPage-1)}},{key:"componentWillReceiveProps",value:function(e){var t=this.props,r=t.pages,o=t.pageRange,s=t.currentPage;r===e.pages&&o===e.pageRange&&s===e.currentPage||this.handlePageChange(e.currentPage-1)}},{key:"handlePageChange",value:function(e){this.setState({index:e,hasPrevious:e>0,hasNext:e<this.props.pages-1}),this.props.onChange&&this.props.onChange(e)}},{key:"handleNext",value:function(){this.handlePageChange(this.state.index+1)}},{key:"handlePrevious",value:function(){this.handlePageChange(this.state.index-1)}},{key:"_createButtons",value:function(e,t){for(var r=[],o=e;o<t;o++)r.push({content:""+(o+1),onClick:this.handlePageChange.bind(this,o),className:classnames(styles$11.Page,o===this.state.index&&styles$11.Selected,o===this.state.index&&styles$11["color-"+this.props.selectedColor])});return buttonsFrom(r)}},{key:"_getStart",value:function(){var e=this.props,t=e.pages,r=e.pageRange,o=this.state.index,s=0,n=Math.floor(r/2);return o>n&&(s=o-n),o+n+1>t&&(s=t-r),s}},{key:"render",value:function(){var e=this,t=this.props,r=t.pages,o=t.pageRange,s=t.marginsHidden,n=this.state,a=n.hasPrevious,l=n.hasNext,i=this._getStart(),c=!s&&i>1?React.createElement("span",null,React.createElement(Button,{className:styles$11.Start,onClick:function(){return e.handlePageChange(0)}},"1"),React.createElement(MoreHoriz,{className:styles$11.Ellipse})):null,p=!s&&i+o<r?React.createElement("span",null,React.createElement(MoreHoriz,{className:styles$11.Ellipse}),React.createElement(Button,{className:styles$11.End,onClick:function(){return e.handlePageChange(r-1)}},r)):null;return React.createElement("div",{className:styles$11.Pagination},React.createElement(Button,{className:styles$11.Back,onClick:function(){return e.handlePrevious()},disabled:!a},React.createElement(ArrowBack,{size:16})),c,React.createElement("span",{className:styles$11.Pages},r<=o?e._createButtons(0,r):e._createButtons(i,i+o)),p,React.createElement(Button,{className:styles$11.Next,onClick:function(){return e.handleNext()},disabled:!l},React.createElement(ArrowForward,{size:16})))}}]),t}();Pagination.displayName="Pagination",Pagination.propTypes={currentPage:PropTypes.number,pages:PropTypes.number.isRequired,pageRange:PropTypes.number.isRequired,onChange:PropTypes.func,marginsHidden:PropTypes.bool,selectedColor:PropTypes.oneOf(["orange","blue","navy","purple","red"])},Pagination.defaultProps={currentPage:1,selectedColor:"orange"};var styles$12={Panel:"Ia_Ic",Accent:"Ia_If","accent-blue":"Ia_Ih","accent-navy":"Ia_Ij","accent-purple":"Ia_Il","accent-red":"Ia_In","accent-orange":"Ia_Ip","accent-gray":"Ia_Ir","accent-yellow":"Ia_It","accent-green":"Ia_Iv",Header:"Ia_Ix",Body:"Ia_Iz",HeaderText:"Ia_I1",Actions:"Ia_j",SectionContent:"Ia_I3",Footer:"Ia_I5",Right:"Ia_I7",Left:"Ia_I9"},actionOverrides$1={flat:!0,size:"small"},Section$1=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,r=e.actions,o=e.className,s=objectWithoutProperties(e,["children","actions","className"]),n=r&&r.length?React.createElement("div",{className:styles$12.Actions},buttonsFrom(r,actionOverrides$1)):null;return React.createElement("div",_extends({className:classnames(styles$12.Body,o)},s),React.createElement("div",{className:styles$12.SectionContent},t),n)}}]),t}();Section$1.displayName="Panel.Section",Section$1.propTypes={actions:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.node.isRequired})),children:PropTypes.node};var Footer=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.left,r=e.right,o=objectWithoutProperties(e,["left","right"]);return React.createElement("div",_extends({className:styles$12.Footer},o),React.createElement(Grid,null,React.createElement(Grid.Column,{xs:6},React.createElement("div",{className:styles$12.Left},t)),React.createElement(Grid.Column,{xs:6},React.createElement("div",{className:styles$12.Right},r))))}}]),t}();Footer.displayName="Panel.Footer",Footer.propTypes={left:PropTypes.node,right:PropTypes.node};var actionOverrides$2={flat:!0,size:"small"},Header=function(e){var t=e.title,r=e.actions,o=r&&r.length?React.createElement("div",{className:styles$12.Actions},buttonsFrom(r,actionOverrides$2)):null;return React.createElement("div",{className:styles$12.Header},React.createElement("div",{className:styles$12.HeaderText},t),o)},Panel=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,r=e.title,o=e.accent,s=e.sectioned,n=e.actions,a=e.className,l=objectWithoutProperties(e,["children","title","accent","sectioned","actions","className"]),i=!0===o?"orange":o,c=r?React.createElement(Header,{title:r,actions:n}):null,p=s?React.createElement(Section$1,null,t):t,u=i?React.createElement("div",{className:classnames(styles$12.Accent,styles$12["accent-"+i])}):null,d=classnames(styles$12.Panel,a);return React.createElement("div",_extends({className:d},l),u,c,p)}}]),t}();Panel.Section=Section$1,Panel.Footer=Footer,Panel.displayName="Panel",Panel.propTypes={title:PropTypes.node,accent:PropTypes.oneOfType([PropTypes.bool,PropTypes.oneOf(["orange","blue","navy","purple","red","yellow","green","gray"])]),sectioned:PropTypes.bool,actions:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.node.isRequired})),children:PropTypes.node};var Portal=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.containerId,r=e.children,o=t?document.getElementById(t):document.body;return ReactDOM.createPortal(r,o)}}]),t}();function getWindowRect(){return{top:window.scrollY,left:window.scrollX,height:window.innerHeight,width:window.innerWidth}}function getRectFor(e){var t=findDOMNode(e);return t?t.getBoundingClientRect():{}}function getPreferredDirectionFor(e){var t=getWindowRect(),r=getRectFor(e),o=t.width-r.right,s=t.height-r.bottom;return{top:s<r.top,left:o<r.left,right:o>=r.left,bottom:s>=r.top}}function getPositionFor(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).fixed,r=void 0!==t&&t,o=getWindowRect(),s=getRectFor(e);return{top:s.top+(r?0:o.top),left:s.left+(r?0:o.left),width:s.width,height:s.height}}Portal.displayName="Portal",Portal.propTypes={containerId:PropTypes.string,children:PropTypes.node};var styles$13={PopoverOverlay:"JB_JE",fixed:"JB_JG"},PopoverOverlay=function(e){function t(){var e,r,o;classCallCheck(this,t);for(var s=arguments.length,n=Array(s),a=0;a<s;a++)n[a]=arguments[a];return r=o=possibleConstructorReturn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(n))),o.state={position:{top:0,left:0,width:0,height:0}},o.handleMeasurement=function(){o.setState({position:getPositionFor(o.activator,{fixed:o.props.fixed})})},possibleConstructorReturn(o,r)}return inherits(t,Component),createClass(t,[{key:"componentDidMount",value:function(){this.handleMeasurement()}},{key:"UNSAFE_componentWillReceiveProps",value:function(){this.handleMeasurement()}},{key:"render",value:function(){var e=this,t=this.props,r=t.renderPopover,o=t.renderActivator,s=t.portalId,n=t.fixed,a=t.open,l=this.state.position,i={activatorRef:function(t){return e.activator=t}},c=classnames(styles$13.PopoverOverlay,n&&styles$13.fixed);return React.createElement(Fragment,null,a?React.createElement(WindowEvent,{event:"resize",handler:this.handleMeasurement}):null,!n&&a?React.createElement(WindowEvent,{event:"scroll",handler:this.handleMeasurement}):null,o(i),React.createElement(Portal,{containerId:s},React.createElement("div",{className:c,style:l},r({activatorWidth:this.state.position.width}))))}}]),t}();PopoverOverlay.displayName="PopoverOverlay",PopoverOverlay.propTypes={renderActivator:PropTypes.func.isRequired,renderPopover:PropTypes.func.isRequired};var styles$14={Popover:"JI_JK",entered:"JI_Hv",exiting:"JI_Hx",exited:"JI_Hz",sectioned:"JI_JM",Tip:"JI_JO",Content:"JI_c",Activator:"JI_JQ",top:"JI_JS",left:"JI_JU"},Content$1=function(e){var t=e.children,r=e.popoverRef,o=e.open,s=e.activatorWidth,n=e.top,a=e.left,l=(e.bottom,e.right,e.fixed,e.sectioned),i=e.className,c=void 0===i?"":i,p=(e.trigger,objectWithoutProperties(e,["children","popoverRef","open","activatorWidth","top","left","bottom","right","fixed","sectioned","className","trigger"])),u=classnames(styles$14.Popover,l&&styles$14.sectioned,c),d=classnames(styles$14.Wrapper,n&&styles$14.top,a&&styles$14.left),y=defineProperty({},a?"right":"left",s/2);return React.createElement(Transition,{mountOnEnter:!0,unmountOnExit:!0,in:o,timeout:{enter:0,exit:100}},function(e){return React.createElement("div",{className:d,ref:r},React.createElement("div",_extends({className:classnames(u,e&&styles$14[e])},p),React.createElement("span",{className:styles$14.Tip,style:y}),React.createElement("div",{className:styles$14.Content},t)))})};Content$1.displayName="Popover.Content";var Popover=function(e){function t(){var e,r,o;classCallCheck(this,t);for(var s=arguments.length,n=Array(s),a=0;a<s;a++)n[a]=arguments[a];return r=o=possibleConstructorReturn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(n))),o.state={open:null},o.uncontrolledToggle=function(){o.setState({open:!o.state.open})},o.handleOutsideClick=function(e){var t=o.props,r=t.open,s=t.onClose;o.popover&&!o.popover.contains(e.target)&&o.activator&&!o.activator.contains(e.target)&&(r||o.state.open)&&(s&&s(e),o.state.open&&o.uncontrolledToggle())},o.handleEsc=function(e){var t=o.props,r=t.open,s=t.onClose;s&&(r||o.state.open)&&onKey("escape",s)(e),o.state.open&&onKey("escape",o.uncontrolledToggle)(e)},o.handleTrigger=function(){!1===o.state.open&&o.uncontrolledToggle()},o.renderPopover=function(e){var t=e.activatorWidth,r=o.props,s=r.children,n=r.open,a=objectWithoutProperties(r,["children","open"]),l=n||o.state.open;return React.createElement(Content$1,_extends({open:l,popoverRef:function(e){return o.popover=e},activatorWidth:t},a),React.createElement(WindowEvent,{event:"click",handler:o.handleOutsideClick}),React.createElement(WindowEvent,{event:"keydown",handler:o.handleEsc}),s)},o.renderActivator=function(e){var t=e.activatorRef,r=o.props,s=r.trigger,n=r.wrapper,a=void 0===n?"span":n;return React.createElement(a,{className:styles$14.Activator,onClick:o.handleTrigger,ref:function(e){o.activator=e,t(e)}},s)},possibleConstructorReturn(o,r)}return inherits(t,Component),createClass(t,[{key:"componentDidMount",value:function(){void 0===this.props.open&&this.setState({open:!1})}},{key:"render",value:function(){var e=this.props,t=e.fixed,r=e.open||this.state.open;return React.createElement(PopoverOverlay,{fixed:t,open:r,portalId:this.props.portalId,renderActivator:this.renderActivator,renderPopover:this.renderPopover})}}]),t}();Popover.displayName="Popover",Popover.propTypes={trigger:PropTypes.node,sectioned:PropTypes.bool,open:PropTypes.bool,left:PropTypes.bool,right:PropTypes.bool,top:PropTypes.bool,bottom:PropTypes.bool,onClose:PropTypes.func,children:PropTypes.node,portalId:PropTypes.string},Popover.defaultProps={right:!0,bottom:!0};var styles$15={ProgressBar:"JW_JY",Progress:"JW_Ja",orange:"JW_Jc",blue:"JW_Jf",navy:"JW_Jh",purple:"JW_Jj",red:"JW_Jl"},ProgressBar=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.completed,r=void 0===t?0:t,o=e.color,s=r;return s>100?s=100:s<1&&(s=0),React.createElement("div",{className:classnames(styles$15.ProgressBar,styles$15[o])},React.createElement("div",{className:styles$15.Progress,style:{width:s+"%"}}))}}]),t}();ProgressBar.displayName="ProgressBar",ProgressBar.propTypes={completed:PropTypes.number.isRequired,color:PropTypes.oneOf(["orange","blue","navy","purple","red"])},ProgressBar.defaultProps={completed:0,color:"orange"};var styles$16={Radio:"Jn_Jp",Input:"Jn_Av",Control:"Jn_Ax",Outline:"Jn_Jr",Fill:"Jn_Jt",Label:"Jn_Aj",Group:"Jn_AG",HelpText:"Jn_A3"},Group$2=function(e){var t=e.children,r=e.label,o=e.required;return React.createElement("div",{className:styles$16.Group},r&&React.createElement(Label,{className:styles$16.GroupLabel},r,o&&" *"),t)};Group$2.propTypes={children:PropTypes.node.isRequired,label:PropTypes.node,required:PropTypes.bool},Group$2.displayName="Radio.Group";var Radio=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.id,r=e.name,o=e.checked,s=e.label,n=e.labelHidden,a=e.disabled,l=e.error,i=e.value,c=e.onChange,p=e.onFocus,u=e.onBlur,d=e.helpText,y=objectWithoutProperties(e,["id","name","checked","label","labelHidden","disabled","error","value","onChange","onFocus","onBlur","helpText"]),m=classnames(styles$16.Radio,l&&styles$16.error),f=s&&!n?React.createElement(Label,{id:t,className:styles$16.Label},s):null,h=l?React.createElement(Error$1,{error:l}):null,_=d?React.createElement("div",{className:styles$16.HelpText},d):null;return React.createElement("fieldset",{className:m},f,React.createElement("input",_extends({id:t,name:r,value:i,checked:o,className:styles$16.Input,disabled:a,onChange:c,onFocus:p,onBlur:u,type:"radio"},y)),React.createElement("label",{htmlFor:t,className:styles$16.Control},React.createElement("div",{className:styles$16.Outline}),React.createElement("div",{className:styles$16.Fill})),h,_)}}]),t}();Radio.displayName="Radio",Radio.Group=Group$2,Radio.propTypes={id:PropTypes.string,name:PropTypes.string,checked:PropTypes.bool,label:PropTypes.node,labelHidden:PropTypes.bool,disabled:PropTypes.bool,value:PropTypes.string,error:PropTypes.string,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func,helpText:PropTypes.node};var styles$17={Select:"Jv_Jx",error:"Jv_Jz",Input:"Jv_Av",InlineError:"Jv_J1",Dropdown:"Jv_J3",labelHidden:"Jv_J5",HelpText:"Jv_A3"},Option=function(e){var t=e.option;if("object"===(void 0===t?"undefined":_typeof(t))){var r=t.value,o=t.label,s=void 0===o?r:o,n=objectWithoutProperties(t,["value","label"]);return React.createElement("option",_extends({value:r},n),s)}if("string"==typeof t||"number"==typeof t)return React.createElement("option",{value:t},t)},Select=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.id,r=e.options,o=e.label,s=e.helpText,n=e.placeholder,a=e.placeholderValue,l=e.disabled,i=e.required,c=e.error,p=e.errorInLabel,u=objectWithoutProperties(e,["id","options","label","helpText","placeholder","placeholderValue","disabled","required","error","errorInLabel"]),d=classnames(styles$17.Select,c&&styles$17.error),y=classnames(styles$17.Input,l&&styles$17.disabled),m=classnames(styles$17.Dropdown,!o&&styles$17.labelHidden),f=r;n&&(f=[{label:n,value:a,disabled:!0}].concat(toConsumableArray(f)));var h=f&&f.length?f.map(function(e,t){return React.createElement(Option,{option:e,key:t})}):null,_=i?" *":"",v=React.createElement(Label,{id:t,label:""+o+_},c&&p&&React.createElement(Error$1,{className:styles$17.InlineError,wrapper:"span",error:c})),b=s?React.createElement("div",{className:styles$17.HelpText},s):null;return React.createElement("fieldset",{className:d},o&&v,React.createElement("select",_extends({className:y,disabled:l},u),h),React.createElement(ArrowDropDown,{className:m}),c&&!p&&React.createElement(Error$1,{error:c}),b)}}]),t}();Select.displayName="Select",Select.propTypes={id:PropTypes.string,options:PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({value:PropTypes.oneOfType([PropTypes.string,PropTypes.number]).isRequired,label:PropTypes.string.isRequired}),PropTypes.string.isRequired,PropTypes.number.isRequired])).isRequired,disabled:PropTypes.bool,required:PropTypes.bool,label:PropTypes.string,helpText:PropTypes.node,error:PropTypes.string,errorInLabel:PropTypes.bool,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func};var styles$18={Snackbar:"J7_J9",success:"J7_S",danger:"J7_Y",error:"J7_Jz",warning:"J7_W",Content:"J7_c",Dismiss:"J7_x",DismissIcon:"J7_z"},Snackbar=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,r=e.status,o=e.maxWidth,s=e.onDismiss,n=objectWithoutProperties(e,["children","status","maxWidth","onDismiss"]),a=classnames(styles$18.Snackbar,styles$18[""+r]);return React.createElement("div",_extends({className:a},n),React.createElement("div",{className:styles$18.Content,style:{maxWidth:o}},t),React.createElement("a",{className:styles$18.Dismiss,onClick:s},React.createElement(Close,{size:21,className:styles$18.DismissIcon})))}}]),t}();Snackbar.displayName="Snackbar",Snackbar.propTypes={status:PropTypes.oneOf(["default","success","danger","error","warning"]),maxWidth:PropTypes.number,onDismiss:PropTypes.func.isRequired,children:PropTypes.node},Snackbar.defaultProps={status:"default",maxWidth:380};var styles$19={Table:"KB_KE",HeaderCell:"KB_KG",Cell:"KB_KI",Row:"KB_KK"},Cell=function(e){var t=e.value,r=e.children,o=e.className,s=objectWithoutProperties(e,["value","children","className"]);return React.createElement("td",_extends({className:classnames(styles$19.Cell,o)},s),t||r)};Cell.propTypes={value:PropTypes.node,className:PropTypes.string,children:PropTypes.node},Cell.displayName="Table.Cell";var HeaderCell=function(e){var t=e.value,r=e.children,o=e.className,s=objectWithoutProperties(e,["value","children","className"]);return React.createElement("th",_extends({className:classnames(styles$19.HeaderCell,o)},s),t||r)};HeaderCell.propTypes={value:PropTypes.node,className:PropTypes.string,children:PropTypes.node},HeaderCell.displayName="Table.HeaderCell";var Row=function(e){var t=e.rowData,r=e.children,o=e.className,s=objectWithoutProperties(e,["rowData","children","className"]);return React.createElement("tr",_extends({className:classnames(styles$19.Row,o)},s),t?t.map(function(e,t){return React.createElement(Cell,{value:e,key:"Cell-"+t})}):r)};Row.propTypes={rowData:PropTypes.array,className:PropTypes.string,children:PropTypes.node},Row.displayName="Table.Row";var Table=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,r=e.data,o=r?React.createElement("tbody",null,r.map(function(e,t){return React.createElement(Row,{rowData:e,key:"Row-"+t})})):t;return React.createElement("table",{className:styles$19.Table},o)}}]),t}();Table.displayName="Table",Table.Cell=Cell,Table.HeaderCell=HeaderCell,Table.Row=Row,Table.propTypes={data:PropTypes.array,children:PropTypes.node};var styles$20={Tabs:"KM_KO",connectBelow:"KM_KQ",fitted:"KM_KS",Tab:"KM_KU",fittedTab:"KM_KW",selected:"KM_KY","color-orange":"KM_AK","color-blue":"KM_AO","color-navy":"KM_AQ","color-purple":"KM_AU","color-red":"KM_AS"},Tab=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.index,r=e.content,o=e.selected,s=e.fittedTab,n=objectWithoutProperties(e,["index","content","selected","fittedTab"]),a=classnames(styles$20.Tab,o===t&&styles$20.selected,s&&styles$20.fittedTab);return React.createElement(UnstyledLink,_extends({className:a},n),r)}}]),t}();Tab.displayName="Tab";var Tabs=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.tabs,r=e.selected,o=e.connectBelow,s=e.color,n=e.fitted,a=t.map(function(e,t){return React.createElement(Tab,_extends({key:t,index:t,fittedTab:n,selected:r},e))}),l=classnames(styles$20.Tabs,styles$20["color-"+s],o&&styles$20.connectBelow,n&&styles$20.fitted);return React.createElement("div",{className:l},a)}}]),t}();Tabs.displayName="Tabs",Tabs.propTypes={tabs:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.node.isRequired})),color:PropTypes.oneOf(["orange","blue","navy","purple","red"]),selected:PropTypes.number.isRequired,connectBelow:PropTypes.bool},Tabs.defaultProps={connectBelow:!0,color:"orange"};var styles$21={Tag:"Ka_Kc",hasRemove:"Ka_Kf",Content:"Ka_c",orange:"Ka_Jc",Close:"Ka_Kh",blue:"Ka_Jf",yellow:"Ka_Kj",red:"Ka_Jl",navy:"Ka_Jh",purple:"Ka_Jj"},Tag=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.color,r=e.children,o=e.onRemove,s=e.className,n=objectWithoutProperties(e,["color","children","onRemove","className"]),a=classnames(styles$21.Tag,o&&styles$21.hasRemove,t&&styles$21[t],s),l=o?React.createElement(UnstyledLink,{className:styles$21.Close,onClick:o},React.createElement(Close,{size:16})):null;return React.createElement("div",_extends({className:a},n),React.createElement("div",{className:styles$21.Content},r),l)}}]),t}();Tag.displayName="Tag",Tag.propTypes={color:PropTypes.oneOf(["orange","blue","yellow","red","navy","purple"]),onRemove:PropTypes.func,children:PropTypes.node};var styles$22={Connect:"Kl_Kn",Primary:"Kl_Kp",hasLeft:"Kl_Kr",hasRight:"Kl_Kt",Left:"Kl_I9",Right:"Kl_I7"},Connect=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,Component),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.left,r=e.right,o=e.children,s=t?React.createElement("div",{className:styles$22.Left},t):null,n=r?React.createElement("div",{className:styles$22.Right},r):null,a=classnames(styles$22.Primary,t&&styles$22.hasLeft,r&&styles$22.hasRight);return React.createElement("div",{className:styles$22.Connect},s,React.createElement("div",{className:a},o),n)}}]),t}();Connect.displayName="Connect",Connect.propTypes={left:PropTypes.node,right:PropTypes.node,children:PropTypes.node};var styles$23={TextField:"Kv_Kx",error:"Kv_Jz",Input:"Kv_Av",InlineError:"Kv_J1",HelpText:"Kv_A3",Prefix:"Kv_Kz",Suffix:"Kv_K1",InputWrapper:"Kv_K3"},TextField=function(e){function t(){var e,r,o;classCallCheck(this,t);for(var s=arguments.length,n=Array(s),a=0;a<s;a++)n[a]=arguments[a];return r=o=possibleConstructorReturn(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(n))),o.state={paddingLeft:null,paddingRight:null},possibleConstructorReturn(o,r)}return inherits(t,Component),createClass(t,[{key:"componentDidMount",value:function(){this.calculatePadding()}},{key:"componentDidUpdate",value:function(e){var t=e.prefix,r=e.suffix;t===this.props.prefix&&r===this.props.suffix||this.calculatePadding()}},{key:"cal