@sparkpost/matchbox
Version:
A React UI component library
1 lines • 62.8 kB
JavaScript
"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),React__default=_interopDefault(React),PropTypes=_interopDefault(require("prop-types")),classnames=_interopDefault(require("classnames")),matchboxIcons=require("@sparkpost/matchbox-icons"),reactTransitionGroup=require("react-transition-group"),ReactDOM=require("react-dom"),ReactDOM__default=_interopDefault(ReactDOM),_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,e),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__default.createElement("a",_extends({href:r,target:n?"_blank":"",rel:n?"noopener noreferrer":""},a),t):l?React__default.createElement(l,_extends({to:r},a),t):React__default.createElement("a",a,t)}}]),t}(React.Component);function linkFrom(e,t){var r=e.content,o=objectWithoutProperties(e,["content"]);return React__default.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),c=s?React__default.createElement("span",null,n,React__default.createElement(matchboxIcons.Check,{className:styles.Check,size:21})):n;return linkFrom(_extends({content:c},a,{className:l}),t)});return React__default.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,e),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,c=objectWithoutProperties(e,["actions","sections","maxHeight","groupByKey"]),i=r.length?groupByValues(r,l):[];s.length&&(i=i.concat(s));var p=i.map(function(e,t){return React__default.createElement(Section,{section:e,key:t})});return React__default.createElement("div",_extends({className:styles.ActionList,style:{maxHeight:a}},c),p)}}]),t}(React.Component);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",flat:"AB_AI",disabled:"AB_AK","color-orange":"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__default.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,e),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,c=e.outline,i=e.size,p=e.fullWidth,u=e.submit,d=e.to,_=e.Component,f=e.component,y=e.external,m=e.onClick,h=e.onFocus,v=e.onBlur,b=e.className,P=void 0===b?"":b,g=objectWithoutProperties(e,["children","primary","color","disabled","destructive","plain","flat","outline","size","fullWidth","submit","to","Component","component","external","onClick","onFocus","onBlur","className"]),T=f||_,C=r?"orange":o,R=classnames(styles$2.Button,C&&styles$2["color-"+C],s&&styles$2.disabled,n&&styles$2.destructive,(l||a)&&styles$2.flat,c&&styles$2.outline,p&&styles$2.fullWidth,i&&"default"!==i&&styles$2[""+i],P);return d&&!T?React__default.createElement("a",_extends({href:d,target:y?"_blank":"",rel:y?"noopener noreferrer":"",onClick:m,onFocus:h,onBlur:v,className:R,disabled:s,onMouseUp:this.handleMouseUp},g),t):d&&T?React__default.createElement(T,_extends({to:d,onClick:m,onFocus:h,onBlur:v,className:R,disabled:s,onMouseUp:this.handleMouseUp},g),t):React__default.createElement("button",_extends({type:u?"submit":"button",onClick:m,onFocus:h,onBlur:v,className:R,disabled:s,onMouseUp:this.handleMouseUp},g),t)}}]),t}(React.Component);function buttonsFrom(e,t){var r=filterByVisible(e);if(r.length)return React__default.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__default.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:matchboxIcons.CheckCircle,info:matchboxIcons.InfoOutline,warning:matchboxIcons.Error,danger:matchboxIcons.Error};if("default"===t||!r[t])return null;var o=classnames(styles$1.Icon,t&&styles$1[t+"Icon"]),s=r[t];return React__default.createElement("div",{className:styles$1.IconWrapper},React__default.createElement(s,{size:30,className:o}),React__default.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,e),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"]),c=r?React__default.createElement("h5",{className:styles$1.Title},r):null,i=s?React__default.createElement("div",{className:styles$1.Actions},buttonFrom(s,actionOverrides)):null;n&&(i=React__default.createElement("div",{className:styles$1.Actions},n.map(function(e,t){return buttonFrom(e,actionOverrides,t)})));var p=a?React__default.createElement("a",{className:styles$1.Dismiss,onClick:a},React__default.createElement(matchboxIcons.Close,{size:24,className:styles$1.DismissIcon})):null,u=classnames(styles$1.Banner,styles$1[""+o]);return React__default.createElement("div",_extends({className:u},l),React__default.createElement(IconSection,{status:o}),React__default.createElement("div",{className:styles$1.Content},p,c,React__default.createElement("div",{className:styles$1.Children},t),i))}}]),t}(React.Component);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__default.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=function(e){var t=e.className,r=e.error,o=e.wrapper,s=void 0===o?"div":o;return React__default.createElement(s,{className:classnames(styles$4.Error,t)},React__default.createElement("span",{className:styles$4.Message},React__default.createElement(matchboxIcons.Error,{className:styles$4.Icon,size:13}),r))};Error.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__default.createElement("div",{className:styles$5.Group},r&&React__default.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,e),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,c=e.value,i=e.onChange,p=e.onFocus,u=e.onBlur,d=e.helpText,_=objectWithoutProperties(e,["id","checked","label","labelHidden","disabled","required","error","value","onChange","onFocus","onBlur","helpText"]),f=classnames(styles$5.Checkbox,l&&styles$5.error),y=a?" *":"",m=o&&!s?React__default.createElement(Label,{id:t,className:styles$5.Label},o,y):null,h=l?React__default.createElement(Error,{error:l}):null,v=d?React__default.createElement("div",{className:styles$5.HelpText},d):null;return React__default.createElement("fieldset",{className:f},React__default.createElement("input",_extends({id:t,value:c,checked:r,disabled:n,className:styles$5.Input,onChange:i,onFocus:p,onBlur:u,type:"checkbox"},_)),React__default.createElement("label",{htmlFor:t,className:styles$5.Control},React__default.createElement("div",{className:styles$5.Box}),React__default.createElement(matchboxIcons.Check,{className:styles$5.Check,size:14})),m,h,v)}}]),t}(React.Component);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__default.createElement("div",{key:t,className:styles$6.LineNumber},t):React__default.createElement(matchboxIcons.ChevronRight,{key:t,className:styles$6.LineChevron})},possibleConstructorReturn(o,r)}return inherits(t,e),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__default.createElement("div",{className:styles$6.PrefixWrapper},n.map(this.renderPrefix))),React__default.createElement("pre",{className:classnames(styles$6.CodeBlock,o),style:{height:r+"px"}},React__default.createElement("code",{className:styles$6.Code},t),s)}}]),t}(React.Component);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",SecondaryAction:"BI_BM",Image:"BI_BO"},EmptyState=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),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__default.createElement("div",{className:styles$7.Image},React__default.createElement(s,null)):null,l=r?buttonFrom(r,_extends({size:"large"},r.color?{}:{color:"orange"})):null,c=o?React__default.createElement("span",{className:styles$7.SecondaryAction},linkFrom(o)):null;return React__default.createElement("div",{className:styles$7.EmptyState},React__default.createElement("h1",{className:styles$7.Title},t),React__default.createElement("div",{className:styles$7.Content},n),React__default.createElement("div",{className:styles$7.Actions},l," ",c),a)}}]),t}(React.Component);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:"BQ_BS","start-xs":"BQ_BU","center-xs":"BQ_BW","end-xs":"BQ_BY","top-xs":"BQ_Ba","middle-xs":"BQ_Bc","bottom-xs":"BQ_Bf","around-xs":"BQ_Bh","between-xs":"BQ_Bj","start-sm":"BQ_Bl","center-sm":"BQ_Bn","end-sm":"BQ_Bp","top-sm":"BQ_Br","middle-sm":"BQ_Bt","bottom-sm":"BQ_Bv","around-sm":"BQ_Bx","between-sm":"BQ_Bz","start-md":"BQ_B1","center-md":"BQ_B3","end-md":"BQ_B5","top-md":"BQ_B7","middle-md":"BQ_B9","bottom-md":"BQ_CB","around-md":"BQ_CE","between-md":"BQ_CG","start-lg":"BQ_CI","center-lg":"BQ_CK","end-lg":"BQ_CM","top-lg":"BQ_CO","middle-lg":"BQ_CQ","bottom-lg":"BQ_CS","around-lg":"BQ_CU","between-lg":"BQ_CW","start-xl":"BQ_CY","center-xl":"BQ_Ca","end-xl":"BQ_Cc","top-xl":"BQ_Cf","middle-xl":"BQ_Ch","bottom-xl":"BQ_Cj","around-xl":"BQ_Cl","between-xl":"BQ_Cn",Column:"BQ_Cp","xs-1":"BQ_Cr","xs-offset-1":"BQ_Ct","xs-2":"BQ_Cv","xs-offset-2":"BQ_Cx","xs-3":"BQ_Cz","xs-offset-3":"BQ_C1","xs-4":"BQ_C3","xs-offset-4":"BQ_C5","xs-5":"BQ_C7","xs-offset-5":"BQ_C9","xs-6":"BQ_EB","xs-offset-6":"BQ_EE","xs-7":"BQ_EG","xs-offset-7":"BQ_EI","xs-8":"BQ_EK","xs-offset-8":"BQ_EM","xs-9":"BQ_EO","xs-offset-9":"BQ_EQ","xs-10":"BQ_ES","xs-offset-10":"BQ_EU","xs-11":"BQ_EW","xs-offset-11":"BQ_EY","xs-12":"BQ_Ea","xs-offset-12":"BQ_Ec","sm-1":"BQ_Ef","sm-offset-1":"BQ_Eh","sm-2":"BQ_Ej","sm-offset-2":"BQ_El","sm-3":"BQ_En","sm-offset-3":"BQ_Ep","sm-4":"BQ_Er","sm-offset-4":"BQ_Et","sm-5":"BQ_Ev","sm-offset-5":"BQ_Ex","sm-6":"BQ_Ez","sm-offset-6":"BQ_E1","sm-7":"BQ_E3","sm-offset-7":"BQ_E5","sm-8":"BQ_E7","sm-offset-8":"BQ_E9","sm-9":"BQ_FB","sm-offset-9":"BQ_FE","sm-10":"BQ_FG","sm-offset-10":"BQ_FI","sm-11":"BQ_FK","sm-offset-11":"BQ_FM","sm-12":"BQ_FO","sm-offset-12":"BQ_FQ","md-1":"BQ_FS","md-offset-1":"BQ_FU","md-2":"BQ_FW","md-offset-2":"BQ_FY","md-3":"BQ_Fa","md-offset-3":"BQ_Fc","md-4":"BQ_Ff","md-offset-4":"BQ_Fh","md-5":"BQ_Fj","md-offset-5":"BQ_Fl","md-6":"BQ_Fn","md-offset-6":"BQ_Fp","md-7":"BQ_Fr","md-offset-7":"BQ_Ft","md-8":"BQ_Fv","md-offset-8":"BQ_Fx","md-9":"BQ_Fz","md-offset-9":"BQ_F1","md-10":"BQ_F3","md-offset-10":"BQ_F5","md-11":"BQ_F7","md-offset-11":"BQ_F9","md-12":"BQ_GB","md-offset-12":"BQ_GE","lg-1":"BQ_GG","lg-offset-1":"BQ_GI","lg-2":"BQ_GK","lg-offset-2":"BQ_GM","lg-3":"BQ_GO","lg-offset-3":"BQ_GQ","lg-4":"BQ_GS","lg-offset-4":"BQ_GU","lg-5":"BQ_GW","lg-offset-5":"BQ_GY","lg-6":"BQ_Ga","lg-offset-6":"BQ_Gc","lg-7":"BQ_Gf","lg-offset-7":"BQ_Gh","lg-8":"BQ_Gj","lg-offset-8":"BQ_Gl","lg-9":"BQ_Gn","lg-offset-9":"BQ_Gp","lg-10":"BQ_Gr","lg-offset-10":"BQ_Gt","lg-11":"BQ_Gv","lg-offset-11":"BQ_Gx","lg-12":"BQ_Gz","lg-offset-12":"BQ_G1","xl-1":"BQ_G3","xl-offset-1":"BQ_G5","xl-2":"BQ_G7","xl-offset-2":"BQ_G9","xl-3":"BQ_HB","xl-offset-3":"BQ_HE","xl-4":"BQ_HG","xl-offset-4":"BQ_HI","xl-5":"BQ_HK","xl-offset-5":"BQ_HM","xl-6":"BQ_HO","xl-offset-6":"BQ_HQ","xl-7":"BQ_HS","xl-offset-7":"BQ_HU","xl-8":"BQ_HW","xl-offset-8":"BQ_HY","xl-9":"BQ_Ha","xl-offset-9":"BQ_Hc","xl-10":"BQ_Hf","xl-offset-10":"BQ_Hh","xl-11":"BQ_Hj","xl-offset-11":"BQ_Hl","xl-12":"BQ_Hn","xl-offset-12":"BQ_Hp"},Column=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),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,c=e.smOffset,i=e.mdOffset,p=e.lgOffset,u=e.xlOffset,d=objectWithoutProperties(e,["children","xs","sm","md","lg","xl","xsOffset","smOffset","mdOffset","lgOffset","xlOffset"]),_=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],c&&styles$8["sm-offset-"+c],i&&styles$8["md-offset-"+i],p&&styles$8["lg-offset-"+p],u&&styles$8["xl-offset-"+u]);return React__default.createElement("div",_extends({className:_},d),t)}}]),t}(React.Component);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,e),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,c=e.around,i=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],c&&styles$8["around-"+c],i&&styles$8["between-"+i],p);return React__default.createElement("div",{className:u},t)}}]),t}(React.Component);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,e),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}(React.Component);WindowEvent.displayName="WindowEvent",WindowEvent.propTypes={event:PropTypes.string.isRequired,handler:PropTypes.func.isRequired};var styles$9={Modal:"Hr_Ht",open:"Hr_Hv",Grid:"Hr_BS",Content:"Hr_c",entered:"Hr_Hx",exiting:"Hr_Hz",exited:"Hr_H1",CloseButton:"Hr_H3"},Content=function(e){var t=e.children,r=e.contentRef,o=e.open;return React__default.createElement(reactTransitionGroup.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__default.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,e),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"]),c=classnames(styles$9.Modal,o&&styles$9.open,n);return React__default.createElement("div",_extends({className:c,onClose:r},l,{ref:function(t){return e.container=t}}),React__default.createElement(Grid,{center:"xs",middle:"xs",className:styles$9.Grid},React__default.createElement(Grid.Column,{xs:11,md:9,xl:7},React__default.createElement(Content,{contentRef:function(t){return e.content=t},open:o},React__default.createElement(WindowEvent,{event:"keydown",handler:this.handleKeyDown}),React__default.createElement(WindowEvent,{event:"click",handler:this.handleOutsideClick}),a&&React__default.createElement(Button,{className:styles$9.CloseButton,flat:!0,onClick:r},"Close ",React__default.createElement(matchboxIcons.Close,null)),s))))}}]),t}(React.Component);Modal.displayName="Modal",Modal.propTypes={open:PropTypes.bool,onClose:PropTypes.func,children:PropTypes.node,showCloseButton:PropTypes.bool};var styles$10={Page:"H5_H7",MainContent:"H5_H9",Title:"H5_h",Subtitle:"H5_IB",SubtitleNode:"H5_IE",PrimaryAction:"H5_IG",SecondaryActions:"H5_II",SecondaryAction:"H5_BM",Breadcrumb:"H5_IK"},Breadcrumb=function(e){var t=e.content,r=objectWithoutProperties(e,["content"]);return React__default.createElement(UnstyledLink,r,React__default.createElement(matchboxIcons.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,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.title,r=e.subtitle,o=e.primaryAction,s=e.primaryArea,n=e.secondaryActions,a=e.breadcrumbAction,l=e.empty,c=e.children,i=l.show,p=l.content,u=objectWithoutProperties(l,["show","content"]),d=null,_=null;if(i)return React__default.createElement(EmptyState,_extends({title:t,primaryAction:o},u),p);o&&(_=buttonFrom(o,_extends({size:"large"},o.color?{}:{color:"orange"}))),s&&(_=s);var f=n?filterByVisible(n).map(function(e,t){return linkFrom(_extends({},e,{className:styles$10.SecondaryAction}),t)}):null,y=a?React__default.createElement("div",null,React__default.createElement(Breadcrumb,_extends({},a,{className:styles$10.Breadcrumb}))):null,m=t?React__default.createElement("h1",{className:styles$10.Title},t):null;return r&&(d="string"==typeof r?React__default.createElement("h2",{className:styles$10.Subtitle},r):React__default.createElement("div",{className:styles$10.SubtitleNode},r)),React__default.createElement("div",null,React__default.createElement("div",{className:styles$10.Page},y,React__default.createElement("div",{className:styles$10.MainContent},m,d,React__default.createElement("div",{className:styles$10.PrimaryAction},_)),React__default.createElement("div",{className:styles$10.SecondaryActions},f)),c)}}]),t}(React.Component);Page.displayName="Page",Page.defaultProps={empty:{}},Page.propTypes={title:PropTypes.node,subtitle:PropTypes.node,primaryAction:PropTypes.shape({content:PropTypes.node.isRequired}),primaryArea:PropTypes.node,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={Pager:"IM_IO",Next:"IM_IQ",Previous:"IM_IS"},Next=function(e){return React__default.createElement(Button,_extends({},e,{className:styles$11.Next}),React__default.createElement(matchboxIcons.ArrowForward,{size:16}))};Next.displayName="Pager.Next";var Previous=function(e){return React__default.createElement(Button,_extends({},e,{className:styles$11.Previous}),React__default.createElement(matchboxIcons.ArrowBack,{size:16}))};Previous.displayName="Pager.Previous";var Pager=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){return React__default.createElement("div",{className:styles$11.Pager},this.props.children)}}]),t}(React.Component);Pager.displayName="Pager",Pager.Next=Next,Pager.Previous=Previous;var styles$12={Pagination:"IU_IW",Back:"IU_IY",Next:"IU_IQ",Pages:"IU_Ia",Page:"IU_H7",Start:"IU_Ic",End:"IU_If",Selected:"IU_Ih","color-orange":"IU_AM","color-blue":"IU_AO","color-navy":"IU_AQ","color-purple":"IU_AU","color-red":"IU_AS",Ellipse:"IU_Ij"},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},o.handleNext=function(){o.handlePageChange(o.state.index+1)},o.handlePrevious=function(){o.handlePageChange(o.state.index-1)},possibleConstructorReturn(o,r)}return inherits(t,e),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:"_createButtons",value:function(e,t){for(var r=[],o=e;o<t;o++)r.push({content:""+(o+1),onClick:this.handlePageChange.bind(this,o),flat:this.props.flat,className:classnames(styles$12.Page,o===this.state.index&&styles$12.Selected,o===this.state.index&&styles$12["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=t.flat,a=t.className,l=this.state,c=l.hasPrevious,i=l.hasNext,p=this._getStart(),u=!s&&p>1?React__default.createElement("span",null,React__default.createElement(Button,{flat:n,className:styles$12.Start,onClick:function(){return e.handlePageChange(0)}},"1"),React__default.createElement(matchboxIcons.MoreHoriz,{className:styles$12.Ellipse,style:{marginTop:"-0.2em"}})):null,d=!s&&p+o<r?React__default.createElement("span",null,React__default.createElement(matchboxIcons.MoreHoriz,{className:styles$12.Ellipse,style:{marginTop:"-0.2em"}}),React__default.createElement(Button,{flat:n,className:styles$12.End,onClick:function(){return e.handlePageChange(r-1)}},r)):null;return React__default.createElement("div",{className:classnames(styles$12.Pagination,a)},React__default.createElement(Button,{flat:n,className:styles$12.Back,onClick:this.handlePrevious,disabled:!c},React__default.createElement(matchboxIcons.ArrowBack,{size:16,style:{marginTop:"-0.2em"}})),u,React__default.createElement("span",{className:styles$12.Pages},r<=o?e._createButtons(0,r):e._createButtons(p,p+o)),d,React__default.createElement(Button,{flat:n,className:styles$12.Next,onClick:this.handleNext,disabled:!i},React__default.createElement(matchboxIcons.ArrowForward,{size:16,style:{marginTop:"-0.2em"}})))}}]),t}(React.Component);Pagination.displayName="Pagination",Pagination.propTypes={currentPage:PropTypes.number,pages:PropTypes.number.isRequired,pageRange:PropTypes.number.isRequired,onChange:PropTypes.func,marginsHidden:PropTypes.bool,flat:PropTypes.bool,selectedColor:PropTypes.oneOf(["orange","blue","navy","purple","red"])},Pagination.defaultProps={currentPage:1,selectedColor:"orange"};var styles$13={Panel:"Il_In",Accent:"Il_Ip","accent-blue":"Il_Ir","accent-navy":"Il_It","accent-purple":"Il_Iv","accent-red":"Il_Ix","accent-orange":"Il_Iz","accent-gray":"Il_I1","accent-yellow":"Il_I3","accent-green":"Il_I5",Header:"Il_I7",Body:"Il_I9",HeaderText:"Il_JB",Actions:"Il_j",SectionContent:"Il_JE",Footer:"Il_JG",Right:"Il_JI",Left:"Il_JK"},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,e),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__default.createElement("div",{className:styles$13.Actions},buttonsFrom(r,actionOverrides$1)):null;return React__default.createElement("div",_extends({className:classnames(styles$13.Body,o)},s),React__default.createElement("div",{className:styles$13.SectionContent},t),n)}}]),t}(React.Component);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,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.left,r=e.right,o=objectWithoutProperties(e,["left","right"]);return React__default.createElement("div",_extends({className:styles$13.Footer},o),React__default.createElement(Grid,null,React__default.createElement(Grid.Column,{xs:6},React__default.createElement("div",{className:styles$13.Left},t)),React__default.createElement(Grid.Column,{xs:6},React__default.createElement("div",{className:styles$13.Right},r))))}}]),t}(React.Component);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__default.createElement("div",{className:styles$13.Actions},buttonsFrom(r,actionOverrides$2)):null;return React__default.createElement("div",{className:styles$13.Header},React__default.createElement("div",{className:styles$13.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,e),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"]),c=!0===o?"orange":o,i=r?React__default.createElement(Header,{title:r,actions:n}):null,p=s?React__default.createElement(Section$1,null,t):t,u=c?React__default.createElement("div",{className:classnames(styles$13.Accent,styles$13["accent-"+c])}):null,d=classnames(styles$13.Panel,a);return React__default.createElement("div",_extends({className:d},l),u,i,p)}}]),t}(React.Component);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,e),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__default.createPortal(r,o)}}]),t}(React.Component);function getWindowRect(){return{top:window.scrollY,left:window.scrollX,height:window.innerHeight,width:window.innerWidth}}function getRectFor(e){var t=ReactDOM.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$14={PopoverOverlay:"JM_JO",fixed:"JM_JQ"},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,e),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,c={activatorRef:function(t){return e.activator=t}},i=classnames(styles$14.PopoverOverlay,n&&styles$14.fixed);return React__default.createElement(React.Fragment,null,a?React__default.createElement(WindowEvent,{event:"resize",handler:this.handleMeasurement}):null,!n&&a?React__default.createElement(WindowEvent,{event:"scroll",handler:this.handleMeasurement}):null,o(c),React__default.createElement(Portal,{containerId:s},React__default.createElement("div",{className:i,style:l},r({activatorWidth:this.state.position.width}))))}}]),t}(React.Component);PopoverOverlay.displayName="PopoverOverlay",PopoverOverlay.propTypes={renderActivator:PropTypes.func.isRequired,renderPopover:PropTypes.func.isRequired};var styles$15={Popover:"JS_JU",entered:"JS_Hx",exiting:"JS_Hz",exited:"JS_H1",sectioned:"JS_JW",Tip:"JS_JY",Content:"JS_c",Activator:"JS_Ja",top:"JS_Jc",left:"JS_Jf"},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),c=e.className,i=void 0===c?"":c,p=(e.trigger,objectWithoutProperties(e,["children","popoverRef","open","activatorWidth","top","left","bottom","right","fixed","sectioned","className","trigger"])),u=classnames(styles$15.Popover,l&&styles$15.sectioned,i),d=classnames(styles$15.Wrapper,n&&styles$15.top,a&&styles$15.left),_=defineProperty({},a?"right":"left",s/2);return React__default.createElement(reactTransitionGroup.Transition,{mountOnEnter:!0,unmountOnExit:!0,in:o,timeout:{enter:0,exit:100}},function(e){return React__default.createElement("div",{className:d,ref:r},React__default.createElement("div",_extends({className:classnames(u,e&&styles$15[e])},p),React__default.createElement("span",{className:styles$15.Tip,style:_}),React__default.createElement("div",{className:styles$15.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__default.createElement(Content$1,_extends({open:l,popoverRef:function(e){return o.popover=e},activatorWidth:t},a),React__default.createElement(WindowEvent,{event:"click",handler:o.handleOutsideClick}),React__default.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__default.createElement(a,{className:styles$15.Activator,onClick:o.handleTrigger,ref:function(e){o.activator=e,t(e)}},s)},possibleConstructorReturn(o,r)}return inherits(t,e),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__default.createElement(PopoverOverlay,{fixed:t,open:r,portalId:this.props.portalId,renderActivator:this.renderActivator,renderPopover:this.renderPopover})}}]),t}(React.Component);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$16={ProgressBar:"Jh_Jj",Progress:"Jh_Jl",orange:"Jh_Jn",blue:"Jh_Jp",navy:"Jh_Jr",purple:"Jh_Jt",red:"Jh_Jv"},ProgressBar=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),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__default.createElement("div",{className:classnames(styles$16.ProgressBar,styles$16[o])},React__default.createElement("div",{className:styles$16.Progress,style:{width:s+"%"}}))}}]),t}(React.Component);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$17={Radio:"Jx_Jz",Input:"Jx_Av",Control:"Jx_Ax",Outline:"Jx_J1",Fill:"Jx_J3",Label:"Jx_Aj",Group:"Jx_AG",HelpText:"Jx_A3"},Group$2=function(e){var t=e.children,r=e.label,o=e.required;return React__default.createElement("div",{className:styles$17.Group},r&&React__default.createElement(Label,{className:styles$17.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,e),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,c=e.value,i=e.onChange,p=e.onFocus,u=e.onBlur,d=e.helpText,_=objectWithoutProperties(e,["id","name","checked","label","labelHidden","disabled","error","value","onChange","onFocus","onBlur","helpText"]),f=classnames(styles$17.Radio,l&&styles$17.error),y=s&&!n?React__default.createElement(Label,{id:t,className:styles$17.Label},s):null,m=l?React__default.createElement(Error,{error:l}):null,h=d?React__default.createElement("div",{className:styles$17.HelpText},d):null;return React__default.createElement("fieldset",{className:f},y,React__default.createElement("input",_extends({id:t,name:r,value:c,checked:o,className:styles$17.Input,disabled:a,onChange:i,onFocus:p,onBlur:u,type:"radio"},_)),React__default.createElement("label",{htmlFor:t,className:styles$17.Control},React__default.createElement("div",{className:styles$17.Outline}),React__default.createElement("div",{className:styles$17.Fill})),m,h)}}]),t}(React.Component);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$18={Select:"J5_J7",error:"J5_J9",Input:"J5_Av",InlineError:"J5_KB",Dropdown:"J5_KE",labelHidden:"J5_KG",HelpText:"J5_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__default.createElement("option",_extends({value:r},n),s)}if("string"==typeof t||"number"==typeof t)return React__default.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,e),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,c=e.required,i=e.error,p=e.errorInLabel,u=objectWithoutProperties(e,["id","options","label","helpText","placeholder","placeholderValue","disabled","required","error","errorInLabel"]),d=classnames(styles$18.Select,i&&styles$18.error),_=classnames(styles$18.Input,l&&styles$18.disabled),f=classnames(styles$18.Dropdown,!o&&styles$18.labelHidden),y=r;n&&(y=[{label:n,value:a,disabled:!0}].concat(toConsumableArray(y)));var m=y&&y.length?y.map(function(e,t){return React__default.createElement(Option,{option:e,key:t})}):null,h=c?" *":"",v=React__default.createElement(Label,{id:t,label:""+o+h},i&&p&&React__default.createElement(Error,{className:styles$18.InlineError,wrapper:"span",error:i})),b=s?React__default.createElement("div",{className:styles$18.HelpText},s):null;return React__default.createElement("fieldset",{className:d},o&&v,React__default.createElement("select",_extends({className:_,disabled:l},u),m),React__default.createElement(matchboxIcons.ArrowDropDown,{className:f}),i&&!p&&React__default.createElement(Error,{error:i}),b)}}]),t}(React.Component);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$19={Snackbar:"KI_KK",success:"KI_S",danger:"KI_Y",error:"KI_J9",warning:"KI_W",Content:"KI_c",Dismiss:"KI_x",DismissIcon:"KI_z"},Snackbar=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),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$19.Snackbar,styles$19[""+r]);return React__default.createElement("div",_extends({className:a},n),React__default.createElement("div",{className:styles$19.Content,style:{maxWidth:o}},t),React__default.createElement("a",{className:styles$19.Dismiss,onClick:s},React__default.createElement(matchboxIcons.Close,{size:21,className:styles$19.DismissIcon})))}}]),t}(React.Component);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$20={Table:"KM_KO",HeaderCell:"KM_KQ",Cell:"KM_KS",Row:"KM_KU"},Cell=function(e){var t=e.value,r=e.children,o=e.className,s=objectWithoutProperties(e,["value","children","className"]);return React__default.createElement("td",_extends({className:classnames(styles$20.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__default.createElement("th",_extends({className:classnames(styles$20.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__default.createElement("tr",_extends({className:classnames(styles$20.Row,o)},s),t?t.map(function(e,t){return React__default.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,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,r=e.data,o=r?React__default.createElement("tbody",null,r.map(function(e,t){return React__default.createElement(Row,{rowData:e,key:"Row-"+t})})):t;return React__default.createElement("table",{className:styles$20.Table},o)}}]),t}(React.Component);Table.displayName="Table",Table.Cell=Cell,Table.HeaderCell=HeaderCell,Table.Row=Row,Table.propTypes={data:PropTypes.array,children:PropTypes.node};var styles$21={Tabs:"KW_KY",connectBelow:"KW_Ka",fitted:"KW_Kc",Tab:"KW_Kf",fittedTab:"KW_Kh",selected:"KW_Kj","color-orange":"KW_AM","color-blue":"KW_AO","color-navy":"KW_AQ","color-purple":"KW_AU","color-red":"KW_AS"},Tab=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.handleClick=function(e){var t=o.props,r=t.index;(0,t.onClick)(e,r)},possibleConstructorReturn(o,r)}return inherits(t,e),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$21.Tab,o===t&&styles$21.selected