@eureca/eureca-ui
Version:
UI component library of Eureca's user and admin apps
1 lines • 298 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 reactBeautifulDnd=require("react-beautiful-dnd"),styles$r=require("@material-ui/core/styles"),React=require("react"),React__default=_interopDefault(React),PropTypes=require("prop-types"),PropTypes__default=_interopDefault(PropTypes),framerMotion=require("framer-motion"),core=require("@material-ui/core"),reactIcons=require("react-icons"),fi=require("react-icons/fi"),fa=require("react-icons/fa"),humps=require("humps"),styled$2=require("styled-components"),styled$2__default=_interopDefault(styled$2),bs=require("react-icons/bs"),dateFns=require("date-fns"),reactIs=require("react-is"),hoistNonReactStatics=_interopDefault(require("hoist-non-react-statics")),pickers=require("@material-ui/pickers"),_=_interopDefault(require("lodash")),MaterialCheckbox=_interopDefault(require("@material-ui/core/Checkbox")),FormControlLabel=_interopDefault(require("@material-ui/core/FormControlLabel")),Slider$1=_interopDefault(require("react-slick")),reactColor=require("react-color"),uuid=require("uuid"),ReactPlayer=_interopDefault(require("react-player")),reactPdf=require("react-pdf"),reactDropzone=require("react-dropzone"),normalizr=require("normalizr"),locale$1=require("date-fns/locale");require("react-dom");var MaterialSwitch=_interopDefault(require("@material-ui/core/Switch")),colors={white:"#FFF",color1:"#F9F8FD",error1:"#FF005C",error2:"#D40202",gray1:"#2A2934",gray2:"#3E3C4C",gray3:"#8F9097",gray4:"#CCCED2",gray5:"#EBEBEB",gray6:"#D0D1D3",gray7:"#F5F5F6",green1:"#2ECAAF",green2:"#24A08A",green3:"#2EFFAF",green4:"#92E0D4",green5:"#CDEEEB",color3:"#FDCD05",color4:"#22B9C7",color5:"#E80C7A",color6:"#8123B3",color8:"#716C94",color9:"#BF3D80",color10:"#72C0D4",color11:"#FA9C82",color12:"#F2B3B3",color13:"#FEF0B4","color-c81717":"#c81717","color-ee162d":"#EE162D","color-f5f7fa":"#F5F7FA","color-e5e5e5":"#E5E5E5","color-0568fd":"#0568FD","color-eeeeee":"#EEEEEE","color-757575":"#757575","color-dadada":"#DADADA",gray8:"#C4C4C4",e0e0e0:"#e0e0e0",tableRow:"#f2f2f2",menuGreenDividers:"rgba(46, 202, 175, 0.2)"},breakpoints={values:{xs:0,sm:768,md:960,lg:1280,xl:1920}},palette={error:{main:colors.error1,contrastText:colors.white},primary:{light:colors.green3,main:colors.green1,dark:colors.green2,contrastText:colors.white},text:{primary:colors.gray2}},typography={htmlFontSize:16,fontSize:14,h1:{fontSize:"1.875rem",lineHeight:3,fontWeight:500},h2:{fontSize:"1.75rem",lineHeight:38/28,fontWeight:300},h3:{fontSize:"1.375rem",lineHeight:28/22},h4:{fontSize:"1.125rem",lineHeight:1.5,fontWeight:500},h5:{fontSize:".875rem",lineHeight:18/14,fontWeight:700},h6:{fontSize:"1rem",lineHeight:1,fontWeight:300},body1:{fontSize:".875rem"},body2:{fontSize:".75rem",lineHeight:1.125,fontWeight:300},subtitle1:{fontSize:"1.125rem",lineHeight:1,fontWeight:500},subtitle2:{fontSize:".875rem",lineHeight:1.25,fontWeight:300}},overrides={MuiLink:{root:{cursor:"pointer"}}},MuiTheme=styles$r.createMuiTheme({breakpoints:breakpoints,palette:palette,typography:typography,overrides:overrides}),media={mobile:"@media screen and (max-width: 320px)",tablet:"@media screen and (min-width: 768px)",desktop:"@media screen and (min-width: 1280px)",widescreen:"@media screen and (min-width: 1920px)"},shadows={button:"0px 4px 4px rgba(0, 0, 0, 0.25)",cardShadow:"0px 6px 16px rgba(0, 0, 0, 0.05)",clientEllipse:"0px 2px 10px rgba(0, 0, 0, 0.05)",logoShadow:"0px 8px 20px rgba(0, 0, 0, 0.15)"};function _typeof(e){return(_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})(e)}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _extends(){return(_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}).apply(this,arguments)}function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,o)}return r}function _objectSpread2(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach(function(e){_defineProperty(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,o,a={},n=Object.keys(e);for(o=0;o<n.length;o++)r=n[o],0<=t.indexOf(r)||(a[r]=e[r]);return a}function _objectWithoutProperties(e,t){if(null==e)return{};var r,o,a=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)r=n[o],0<=t.indexOf(r)||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function _taggedTemplateLiteral(e,t){return t=t||e.slice(0),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_nonIterableRest()}function _toArray(e){return _arrayWithHoles(e)||_iterableToArray(e)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,r=new Array(e.length);t<e.length;t++)r[t]=e[t];return r}}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _iterableToArrayLimit(e,t){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e)){var r=[],o=!0,a=!1,n=void 0;try{for(var i,l=e[Symbol.iterator]();!(o=(i=l.next()).done)&&(r.push(i.value),!t||r.length!==t);o=!0);}catch(e){a=!0,n=e}finally{try{o||null==l.return||l.return()}finally{if(a)throw n}}return r}}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var Flex=function(e){function t(t,e){var r=Object.keys(u).find(function(e){return e.startsWith(t)});return r&&u[r]?_toArray(humps.decamelize(r,{separator:"-"}).split("-")).slice(1).join("-"):e}var r=e.style,o=void 0===r?{}:r,a=e.onClick,n=void 0===a?function(){}:a,i=e.flexGrow,l=void 0===i?"initial":i,s=e.children,c=e.forwardedRef,d=e.className,u=_objectWithoutProperties(e,["style","onClick","flexGrow","children","forwardedRef","className"]),p=(u.alignCenter,u.alignFlexStart,u.alignFlexEnd,u.directionColumn,u.directionRow,u.directionRowReverse,u.justifyCenter,u.justifyFlexStart,u.justifyFlexEnd,u.justifySpaceAround,u.justifySpaceBetween,u.justifyContentCenter,u.wrapWrap,u.wrapWrapReverse,u.cursorPointer,u.error,_objectWithoutProperties(u,["alignCenter","alignFlexStart","alignFlexEnd","directionColumn","directionRow","directionRowReverse","justifyCenter","justifyFlexStart","justifyFlexEnd","justifySpaceAround","justifySpaceBetween","justifyContentCenter","wrapWrap","wrapWrapReverse","cursorPointer","error"]));return React__default.createElement(core.Box,_extends({display:"flex",justifyContent:t("justify","flex-start"),alignItems:t("align","stretch"),flexDirection:t("direction","column"),flexWrap:t("wrap","nowrap"),style:_objectSpread2({cursor:t("cursor","inherit"),flexGrow:l},o),onClick:n,ref:c,className:d},p),s)};Flex.propTypes={style:PropTypes__default.object,onClick:PropTypes__default.func,forwardedRef:PropTypes__default.elementType,alignCenter:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),alignFlexEnd:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),directionColumn:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),directionRow:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),justifyCenter:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),justifyFlexEnd:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),justifySpaceAround:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),justifySpaceBetween:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),wrapWrap:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),wrapWrapReverse:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),flexGrow:PropTypes__default.oneOfType([PropTypes__default.string,PropTypes__default.number]),cursorPointer:PropTypes__default.oneOfType([PropTypes__default.bool,PropTypes__default.string]),className:PropTypes__default.oneOfType([PropTypes__default.arrayOf(PropTypes__default.string),PropTypes__default.string]),children:PropTypes__default.oneOfType([PropTypes__default.arrayOf(PropTypes__default.node),PropTypes__default.node]).isRequired};var forwardedFlex=React__default.forwardRef(function(e,t){return React__default.createElement(Flex,_extends({},e,{forwardedRef:t}))}),LeftIcon=function(e){var t=e.big,r=e.icon,o=e.color,a=core.useTheme(),n=t?{height:a.spacing(5),width:a.spacing(5),borderRadius:a.spacing(5),border:"2px solid ".concat(o)}:null;return React__default.createElement(core.Box,{mr:2,style:n},React__default.createElement(forwardedFlex,{alignCenter:!0,justifyCenter:!0,style:{height:"100%"}},React__default.createElement(reactIcons.IconContext.Provider,{value:{color:o,size:"1.25rem",attr:{"data-testid":"acc-icon"}}},r||React__default.createElement(fa.FaRegCheckCircle,null))))};LeftIcon.propTypes={big:PropTypes__default.bool,icon:PropTypes__default.object,color:PropTypes__default.string};var Title=function(e){var t=e.big,r=e.title,o=e.color,a=void 0===o?colors.gray2:o,n=t?"h3":"body1";return React__default.createElement(core.Typography,{variant:n,style:{color:a}},r)};Title.propTypes={big:PropTypes__default.bool,title:PropTypes__default.oneOfType([PropTypes__default.string,PropTypes__default.object]),color:PropTypes__default.string};var Description=function(e){var t=e.description;return React__default.createElement(React__default.Fragment,null,React__default.createElement(core.Box,{mx:1},React__default.createElement(core.Typography,{variant:"body1",style:{color:colors.gray2}},"|")),React__default.createElement(core.Typography,{variant:"body1",style:{color:colors.gray4,fontStyle:"italic"}},t))};Description.propTypes={description:PropTypes__default.string};var RightSideText=function(e){var t=e.text,r=e.color,o=void 0===r?colors.gray2:r;return React__default.createElement(core.Typography,{style:{color:o,fontSize:14,lineHeight:"12px",letterSpacing:1}},t)};RightSideText.propTypes={text:PropTypes__default.string,color:PropTypes__default.string};var Header=function(e){var t=e.big,r=e.isSelected,o=e.isOpen,a=e.onClick,n=e.icon,i=e.iconColor,l=e.title,s=e.description,c=e.rightSideText,d=e.isDisabled,u=e.isList,p=e.selected,f=e.type,_=t&&r?colors.white:null,y=r?colors.green1:d&&colors["color-e5e5e5"];return React__default.createElement(core.Box,{py:2,px:3,onClick:!d&&a,style:{backgroundColor:y,cursor:d?"default":"pointer"}},React__default.createElement(core.Grid,{container:!0,spacing:3,alignItems:"center"},u?React__default.createElement(React__default.Fragment,null,React__default.createElement(core.Grid,{item:!0,xs:4},React__default.createElement(Title,{big:t,color:_,title:l})),React__default.createElement(core.Grid,{item:!0,xs:4},React__default.createElement(Title,{big:t,color:_,title:p})),React__default.createElement(core.Grid,{item:!0,xs:2},u&&React__default.createElement(Title,{big:t,color:_,title:f}))):React__default.createElement(core.Grid,{item:!0,xs:10},React__default.createElement(forwardedFlex,{directionRow:!0},i&&React__default.createElement(LeftIcon,{color:_||i,icon:n,big:t}),React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0,justifySpaceBetween:!0,flexGrow:1},React__default.createElement(Title,{big:t,color:_,title:l}),!t&&s&&React__default.createElement(Description,{description:s})))),React__default.createElement(core.Grid,{item:!0,xs:2},React__default.createElement(forwardedFlex,{directionRowReverse:!0,justifySpaceBetween:!0,alignCenter:!0},React__default.createElement(fi.FiChevronDown,{color:_,style:{fontSize:"1.25rem",transition:"all 0.3s ease-in-out",transform:o?"rotate(-180deg)":"rotate(0deg)"},"data-testid":"accordion-knob"}),t&&c&&React__default.createElement(RightSideText,{color:_,text:c})))))};Header.defaultProps={big:!1,isSelected:!1,isOpen:!1,title:"",description:"",rightSideText:"",icon:null,iconColor:"",onClick:function(){},isList:!1,selected:{},type:""},Header.propTypes={big:PropTypes__default.bool,isSelected:PropTypes__default.bool,isOpen:PropTypes__default.bool,title:PropTypes__default.string,description:PropTypes__default.string,rightSideText:PropTypes__default.string,icon:PropTypes__default.object,iconColor:PropTypes__default.string,onClick:PropTypes__default.func,isList:PropTypes__default.bool,selected:PropTypes__default.object,type:PropTypes__default.string};var variants={closed:{height:0},open:{height:"auto"},transition:{duration:500,ease:"easeInOut"}};function Accordion(e){var t=e.children,r=e.open,o=_objectWithoutProperties(e,["children","open"]),a=_slicedToArray(React.useState(r),2),n=a[0],i=a[1];return React.useEffect(function(){i(r)},[r]),React__default.createElement("div",{style:{backgroundColor:colors.white,boxShadow:"0px 6px 16px rgba(0, 0, 0, 0.05)",overflow:"hidden",width:"100%"}},React__default.createElement(Header,_extends({},o,{onClick:function(){return i(!n)},isOpen:n})),React__default.createElement(framerMotion.motion.div,{variants:variants,animate:n?"open":"closed","aria-expanded":n?"true":"false","data-testid":"accordion-expanded"},t))}Accordion.defaultProps={title:"",description:"",iconColor:null,children:null},Accordion.propTypes={title:PropTypes__default.string.isRequired,description:PropTypes__default.string,iconColor:PropTypes__default.string,children:PropTypes__default.oneOfType([PropTypes__default.arrayOf(PropTypes__default.node),PropTypes__default.node])};var placeholder="data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2220%22%20fill%3D%22%23CCCED2%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29%2027V13C29%2011.9%2028.1%2011%2027%2011H13C11.9%2011%2011%2011.9%2011%2013V27C11%2028.1%2011.9%2029%2013%2029H27C28.1%2029%2029%2028.1%2029%2027ZM16.5%2021.5L19%2024.51L22.5%2020L27%2026H13L16.5%2021.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E";function _templateObject2(){var e=_taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n width: ","px;\n height: ","px;\n line-height: ","px;\n cursor: ",";\n border: 2px solid ",";\n border-radius: 50%;\n overflow: hidden;\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n "]);return _templateObject2=function(){return e},e}function _templateObject(){var e=_taggedTemplateLiteral(["\n ","\n"]);return _templateObject=function(){return e},e}var AvatarContainer=styled$2__default.div(_templateObject(),function(e){var t=e.size,r=e.color,o=e.onClick;return styled$2.css(_templateObject2(),t,t,t,"function"==typeof o?"pointer":"inherit",r||"transparent")});function Avatar(e){var t=e.name,r=void 0===t?"":t,o=e.src,a=void 0===o?placeholder:o,n=e.color,i=void 0===n?"transparent":n,l=e.size,s=void 0===l?48:l,c=e.style,d=void 0===c?null:c,u=e.containerStyle,p=void 0===u?null:u,f=_objectWithoutProperties(e,["name","src","color","size","style","containerStyle"]),_=_slicedToArray(React.useState(),2),y=_[0],m=_[1],g=_slicedToArray(React.useState(),2),h=g[0],b=g[1],v=y||!h;return h&&console.warn("Unable to load avatar at",a),React__default.createElement(AvatarContainer,_extends({color:i,size:s,style:p},f),React__default.createElement("img",{src:a||placeholder,alt:"".concat(r," avatar"),style:v?d:{display:"none"},onLoad:function(){return m(!0)},onError:function(){return b(!0)}}),!v&&React__default.createElement("img",{src:placeholder,alt:"Unloaded avatar"}))}Avatar.propTypes={name:PropTypes__default.string,src:PropTypes__default.string,color:PropTypes__default.string,size:PropTypes__default.number,style:PropTypes__default.object};var AvatarUpload=function(e){var t=e.onClick,r=e.src,n=e.onUpload,i=e.width,l=e.height,s=e.maxSize,o=_objectWithoutProperties(e,["onClick","src","onUpload","width","height","maxSize"]),a=_slicedToArray(React.useState(r),2),c=a[0],d=a[1];React.useEffect(function(){d(r)},[r]);var u=React.useRef();function p(){u.current.click(),"function"==typeof t&&t()}return React__default.createElement(core.Box,{display:"inline",position:"relative",style:{cursor:"pointer"}},React__default.createElement(Avatar,_extends({src:c,color:colors.green1,onClick:p},o)),React__default.createElement("input",{ref:u,accept:".png, .jpg, .jpeg",type:"file",onChange:function(e){var t,r=null===(t=e.target)||void 0===t?void 0:t.files[0];if(r){var o=new FileReader,a=1024*s*1024;if(r.size>a)return void n({error:"bad size"});o.onload=function(){var e=new Image,t=o.result;e.src=t,e.onload=function(){e.width<i||e.height<l?n({error:"bad dimensions"}):(d(t),n({avatar:r}))}},o.readAsDataURL(r)}},style:{display:"none"}}),React__default.createElement(forwardedFlex,{justifyCenter:!0,alignCenter:!0,position:"absolute",bottom:"50%",left:"75%",bgcolor:colors.gray2,width:24,height:24,borderRadius:"50%",onClick:p},React__default.createElement(fa.FaPlus,{color:colors.white,size:9})))};function stylesSelector(e){return{cardStyle:{padding:e.spacing(2),paddingRight:e.spacing(3),height:e.spacing(9),boxSizing:"border-box",position:"relative"},textEllipsisStyle:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},overlay:{position:"absolute",width:"100%",height:"100%",left:0,backgroundColor:"rgba(36, 160, 138, 0.9)",borderRadius:4}}}function IconCircle(e){var t=e.title,r=e.icon,o=e.id,a=e.ml,n=e.onClickIcon,i=_slicedToArray(React.useState(!1),2),l=i[0],s=i[1];return React__default.createElement(forwardedFlex,{alignCenter:!0,justifyCenter:!0,role:"button",title:t,"aria-label":t,onMouseEnter:function(){return s(!0)},onMouseLeave:function(){return s(!1)},onClick:function(e){e.stopPropagation(),n(o)},style:{backgroundColor:l?colors.white:"rgba(0, 144, 125, 0.9)",borderRadius:"50%",width:32,height:32},ml:a||0},React__default.createElement(reactIcons.IconContext.Provider,{value:{color:l?colors.green1:colors.gray7,attr:{"data-testid":"icon-id"}}},r))}function Card(e){var t=e.id,r=e.columnId,o=e.title,a=e.icon,n=e.titleColor,i=e.subtitle,l=e.subtitleColor,s=e.iconColor,c=e.style,d=e.onClick,u=e.showAction,p=e.onClickCardAction,f=stylesSelector(core.useTheme()),_=_slicedToArray(React.useState(!1),2),y=_[0],m=_[1];function g(e){p(t,r,e)}return React__default.createElement("div",{role:"button","aria-label":"Card ".concat(o," ").concat(i),style:{boxSizing:"border-box"},"data-testid":"card-test",onClick:function(e){return d(e,t,o)}},React__default.createElement(core.Box,{px:3,py:1.5},React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0,style:_objectSpread2({},f.cardStyle,{},f.textEllipsisStyle,{},c),onMouseEnter:function(){return m(!0)},onMouseLeave:function(){return m(!1)}},React__default.createElement(core.Box,{m:1.25,mr:3.25},React__default.createElement(reactIcons.IconContext.Provider,{value:{color:s,attr:{"data-testid":"icon-id"}}},a)),React__default.createElement(forwardedFlex,{directionColumn:!0,style:f.textEllipsisStyle},React__default.createElement(core.Typography,{variant:"body1",title:o,style:_objectSpread2({},f.textEllipsisStyle,{color:n})},o),React__default.createElement(core.Typography,{variant:"body2",style:{color:l}},i)),y&&u&&React__default.createElement(forwardedFlex,{alignCenter:!0,justifyCenter:!0,directionRow:!0,style:f.overlay,"data-testid":"edit-menu"},React__default.createElement(core.Typography,{variant:"h3",style:{color:colors.white}},"Editar"),React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0},React__default.createElement(IconCircle,{title:"Editar",icon:React__default.createElement(fi.FiEdit,null),id:"edit",ml:5,onClickIcon:g}),React__default.createElement(IconCircle,{title:"Copiar",icon:React__default.createElement(fi.FiCopy,null),id:"copy",ml:1,onClickIcon:g}),React__default.createElement(IconCircle,{title:"Excluir",icon:React__default.createElement(fi.FiTrash2,null),id:"delete",ml:1,onClickIcon:g}))))))}AvatarUpload.defaultProps={src:"",width:48,height:48,maxSize:8,onClick:function(){},onUpload:function(){}},AvatarUpload.propTypes={src:PropTypes__default.string,width:PropTypes__default.number,height:PropTypes__default.number,maxSize:PropTypes__default.number,onClick:PropTypes__default.func,onUpload:PropTypes__default.func},IconCircle.propTypes={icon:PropTypes__default.oneOfType([PropTypes__default.node,PropTypes__default.element,PropTypes__default.object]),id:PropTypes__default.oneOfType([PropTypes__default.string,PropTypes__default.number]),ml:PropTypes__default.number,onClickIcon:PropTypes__default.func},Card.propTypes={id:PropTypes__default.oneOfType([PropTypes__default.string,PropTypes__default.number]).isRequired,title:PropTypes__default.string.isRequired,icon:PropTypes__default.object.isRequired,subtitle:PropTypes__default.string,titleColor:PropTypes__default.string,subtitleColor:PropTypes__default.string,iconColor:PropTypes__default.string,isEditing:PropTypes__default.bool,style:PropTypes__default.object,onClick:PropTypes__default.func,showAction:PropTypes__default.bool,onClickCardAction:PropTypes__default.func},Card.defaultProps={title:"",icon:null,subtitle:"",titleColor:colors.gray2,subtitleColor:colors["color-757575"],iconColor:colors.green1,style:null,onClick:function(){},showAction:!1,onClickCardAction:function(){}};var cardStyle={position:"relative",background:colors.white,border:"1px solid rgba(204, 206, 210, 0.2)",boxShadow:"0px 6px 16px rgba(0, 0, 0, 0.05)",borderRadius:4,padding:16,paddingRight:24,height:72,boxSizing:"border-box"};function Task(e){var t=e.task,r=e.icon,o=e.index,a=e.onClickCard,n=e.onClickCardAction,i=e.columnId;return React__default.createElement(reactBeautifulDnd.Draggable,{draggableId:t.id,index:o},function(e){return React__default.createElement("div",_extends({},e.draggableProps,e.dragHandleProps,{ref:e.innerRef}),React__default.createElement(Card,{showAction:!0,id:t.id,columnId:i,title:t.title,subtitle:t.subtitle,icon:r,style:cardStyle,onClick:a,onClickCardAction:n}))})}function _templateObject$1(){var e=_taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: ",";\n mix-blend-mode: saturation;\n"]);return _templateObject$1=function(){return e},e}Task.propTypes={task:PropTypes__default.shape({id:PropTypes__default.string.isRequired,title:PropTypes__default.string.isRequired,type:PropTypes__default.string.isRequired}).isRequired,icon:PropTypes__default.oneOfType([PropTypes__default.element,PropTypes__default.node]),index:PropTypes__default.oneOfType([PropTypes__default.string,PropTypes__default.number]).isRequired,onClickCard:PropTypes__default.func,onClickCardAction:PropTypes__default.func},Task.defaultProps={task:{id:0,title:"",subtitle:"",type:""},icon:null,index:0,onClickCard:PropTypes__default.func,onClickCardAction:PropTypes__default.func};var DisabledContainer=styled$2__default.div(_templateObject$1(),colors.white),containerStyle={position:"relative",minWidth:300,margin:8,background:"rgba(249, 248, 253, 0.3)",border:"".concat("1px solid ".concat(colors.gray4)),borderRadius:4,boxSizing:"border-box"},columnHeaderStyle={height:56,padding:16,borderBottom:"1px solid ".concat(colors.e0e0e0)},matchIcon=function(t,e){var r=e.find(function(e){return e.id===t});return null==r?void 0:r.icon};function Column(e){var r=e.column,t=e.tasks,o=e.disabled,a=e.cardsOptions,n=e.onAddCard,i=e.onClickCard,l=e.columnMenu,s=e.onClickColumnMenu,c=e.onClickCardAction,d=core.useTheme(),u=_slicedToArray(React.useState(null),2),p=u[0],f=u[1],_=_slicedToArray(React.useState(null),2),y=_[0],m=_[1];function g(e){f(e.currentTarget)}function h(){f(null)}function b(){m(null)}return React__default.createElement(forwardedFlex,{directionColumn:!0,style:containerStyle},React__default.createElement(forwardedFlex,{directionRow:!0,justifySpaceBetween:!0,alignCenter:!0,style:columnHeaderStyle},React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0},React__default.createElement(core.Box,{mr:1},React__default.createElement(reactIcons.IconContext.Provider,{value:{color:colors.green1,size:".9375rem"}},r.icon)),React__default.createElement(core.Typography,{variant:"body1",style:{color:colors.gray2}},r.title)),React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0,justifyCenter:!0},r.points&&React__default.createElement(core.Box,{mr:2},React__default.createElement(core.Typography,{variant:"body1",style:{color:colors.gray3}},"".concat(r.points," pts"))),React__default.createElement(forwardedFlex,{width:d.spacing(3),height:d.spacing(3),style:{cursor:"pointer"},alignCenter:!0,justifyCenter:!0,onClick:function(e){m(e.currentTarget)}},React__default.createElement(fi.FiMoreVertical,{color:colors.gray3,size:24})))),React__default.createElement(reactBeautifulDnd.Droppable,{droppableId:r.id},function(e){return React__default.createElement("div",_extends({},e.droppableProps,{ref:e.innerRef,style:{flexGrow:1,padding:"16px 0px"}}),t.map(function(e,t){return React__default.createElement(Task,{key:e.id,task:e,icon:matchIcon(e.type,a),index:t,onClickCard:i,onClickCardAction:c,columnId:r.id})}),e.placeholder,React__default.createElement(Card,{id:"add-new-module",title:"Adicionar novo módulo",titleColor:colors.gray3,icon:React__default.createElement(bs.BsPlusCircle,null),iconColor:colors.gray3,style:{cursor:"pointer"},onClick:g}),React__default.createElement(core.Menu,{id:"card-options-menu",anchorEl:p,keepMounted:!0,open:Boolean(p),onClose:h,transformOrigin:{vertical:"top",horizontal:"center"},anchorOrigin:{vertical:60,horizontal:"center"},getContentAnchorEl:null},a.map(function(t){return React__default.createElement(core.MenuItem,{key:t.id,value:t.id,onClick:function(){return e=t.id,n(e,r.id),void h();var e},style:{width:224}},React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0,justifyCenter:!0},React__default.createElement(core.Box,{mr:1},React__default.createElement(reactIcons.IconContext.Provider,{value:{color:colors.green1}},t.icon)),t.name))})),React__default.createElement(core.Menu,{id:"column-options-menu",anchorEl:y,keepMounted:!0,open:Boolean(y),onClose:b,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:32,horizontal:"center"},getContentAnchorEl:null},l.map(function(t){return React__default.createElement(core.MenuItem,{key:t.id,value:t.id,onClick:function(){return e=t.id,s(r.id,e),void b();var e}},React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0,justifyCenter:!0},React__default.createElement(core.Box,{mr:1},React__default.createElement(reactIcons.IconContext.Provider,{value:{color:colors.gray2}},t.icon)),t.name))})))}),o&&React__default.createElement(DisabledContainer,null))}Column.propTypes={column:PropTypes__default.shape({id:PropTypes__default.string.isRequired,title:PropTypes__default.string.isRequired,points:PropTypes__default.string}).isRequired,tasks:PropTypes__default.arrayOf(PropTypes__default.shape({id:PropTypes__default.string.isRequired}).isRequired).isRequired,disabled:PropTypes__default.bool,onClickCardAction:PropTypes__default.func};var containerStyle$1={position:"relative",minWidth:300,margin:8,background:"rgba(249, 248, 253, 0.3)",border:"".concat("1px solid ".concat(colors.gray4)),borderRadius:4,boxSizing:"border-box",height:56,padding:16};function AddColumn(e){var r=e.add,t=e.phaseOptions,o=_slicedToArray(React__default.useState(null),2),a=o[0],n=o[1];function i(){n(null)}function l(e,t){r(t),i()}return React__default.createElement("div",{style:containerStyle$1},React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0,onClick:function(e){n(e.currentTarget)}},React__default.createElement(forwardedFlex,{mr:1,alignCenter:!0,justifyCenter:!0},React__default.createElement(bs.BsPlusCircle,{color:colors.gray3,size:15})),React__default.createElement(core.Typography,{style:{cursor:"pointer",color:colors.gray3}},"Adicionar nova fase")),React__default.createElement(core.Menu,{id:"add-column-menu",anchorEl:a,keepMounted:!0,open:Boolean(a),onClose:i,onChange:l,transformOrigin:{vertical:"top",horizontal:"left"},anchorOrigin:{vertical:"bottom",horizontal:"left"},style:{transform:"translate(-16px, 20px)"},getContentAnchorEl:null},t.map(function(e){return React__default.createElement(core.MenuItem,{key:e.id,value:e.value,onClick:function(){return l(0,e.label)}},React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0,justifyCenter:!0},React__default.createElement(core.Box,{mr:1},React__default.createElement(reactIcons.IconContext.Provider,{value:{color:colors.green1}},e.icon)),e.label))})))}function Board(e){var t=e.values,r=e.onChange,n=e.cardsOptions,i=e.onAddCard,l=e.onClickCard,s=e.columnMenu,c=e.onClickColumnMenu,d=e.phaseOptions,u=e.onClickCardAction,o=_slicedToArray(React.useState(function(){return t}),2),y=o[0],m=o[1];function p(e){var t,r,o,a=Object.keys(y.columns).length,n={id:"".concat(a),title:e,points:"",taskIds:[]},i=_objectSpread2({},y,{columns:_objectSpread2({},y.columns,_defineProperty({},a,n)),columnOrder:(t=y.columnOrder,r=a-1,o=n.id,[].concat(_toConsumableArray(t.slice(0,r)),[o],_toConsumableArray(t.slice(r))))});m(i)}return React.useEffect(function(){m(t)},[t]),React.useEffect(function(){r(y)},[r,y]),React__default.createElement(reactBeautifulDnd.DragDropContext,{onDragEnd:function(e){var t,r=e.destination,o=e.source,a=e.draggableId;if(r&&(r.droppableId!==o.droppableId||r.index!==o.index)){var n=y.columns[o.droppableId],i=y.columns[r.droppableId];if(n!==i){var l=_toConsumableArray(n.taskIds);l.splice(o.index,1);var s=_objectSpread2({},n,{taskIds:l}),c=_toConsumableArray(i.taskIds);c.splice(r.index,0,a);var d=_objectSpread2({},i,{taskIds:c}),u=_objectSpread2({},y,{columns:_objectSpread2({},y.columns,(_defineProperty(t={},s.id,s),_defineProperty(t,d.id,d),t))});m(u)}else{var p=_toConsumableArray(n.taskIds);p.splice(o.index,1),p.splice(r.index,0,a);var f=_objectSpread2({},n,{taskIds:p}),_=_objectSpread2({},y,{columns:_objectSpread2({},y.columns,_defineProperty({},f.id,f))});m(_)}}}},React__default.createElement(forwardedFlex,{directionRow:!0,style:{overflowX:"scroll"}},y.columnOrder.map(function(e,t,r){var o=y.columns[e],a=o.taskIds.map(function(t){return y.tasks.find(function(e){return e.id===t})});return t===r.length-1?React__default.createElement(React__default.Fragment,{key:e},React__default.createElement(AddColumn,{add:p,phaseOptions:d}),React__default.createElement(Column,{column:o,tasks:a,cardsOptions:n,onAddCard:i,onClickCard:l,columnMenu:s,onClickColumnMenu:c,onClickCardAction:u})):React__default.createElement(Column,{column:o,tasks:a,key:e,cardsOptions:n,onAddCard:i,onClickCard:l,columnMenu:s,onClickColumnMenu:c,onClickCardAction:u})})))}AddColumn.propTypes={add:PropTypes__default.func.isRequired,phaseOptions:PropTypes__default.arrayOf(PropTypes__default.shape({id:PropTypes__default.oneOfType([PropTypes__default.number,PropTypes__default.string]),value:PropTypes__default.oneOfType([PropTypes__default.number,PropTypes__default.string]),label:PropTypes__default.string,icon:PropTypes__default.oneOfType([PropTypes__default.node,PropTypes__default.element])}))},AddColumn.defaultProps={add:function(){},phaseOptions:[{id:0,value:"",label:"",icon:null}]},Board.defaultProps={values:{tasks:[],columns:{},columnOrder:[]},cardsOptions:[],columnMenu:[],onChange:function(){},onAddCard:function(){},onClickCard:function(){},onClickColumnMenu:function(){},pathOptions:[{id:0,value:"",label:"",icon:null}]},Board.propTypes={values:PropTypes__default.shape({tasks:PropTypes__default.array.isRequired,columns:PropTypes__default.object.isRequired,columnOrder:PropTypes__default.array.isRequired}).isRequired,cardsOptions:PropTypes__default.array,columnMenu:PropTypes__default.array,onChange:PropTypes__default.func,onAddCard:PropTypes__default.func,onClickCard:PropTypes__default.func,onClickColumnMenu:PropTypes__default.func,phaseOptions:PropTypes__default.arrayOf(PropTypes__default.shape({id:PropTypes__default.oneOfType([PropTypes__default.number,PropTypes__default.string]),value:PropTypes__default.oneOfType([PropTypes__default.number,PropTypes__default.string]),label:PropTypes__default.string,icon:PropTypes__default.oneOfType([PropTypes__default.node,PropTypes__default.element])})),onClickCardAction:PropTypes__default.func};var useStyles=styles$r.makeStyles({root:{color:colors.green1},text:{color:colors.gray2,"&:active":{color:colors.green1,backgroundColor:"transparent"},"&.Mui-disabled":{color:colors["color-e5e5e5"]}},contained:{boxShadow:"none",color:colors.gray2,"&:hover":{backgroundColor:colors.green1},"&:active":{},"&.Mui-disabled":{color:colors.gray2,backgroundColor:colors.gray4}},outlined:{color:colors.gray2,"&.Mui-disabled":{color:colors.gray3,borderColor:colors.gray3},"&:active":{color:colors.green1,backgroundColor:"transparent"}}});function EnhancedButton(e){var t=e.variant,r=void 0===t?"contained":t,o=_objectWithoutProperties(e,["variant"]),a=useStyles();return React__default.createElement(core.Button,_extends({disableRipple:!0,variant:r,classes:a},o,{color:"primary"}))}function IconAndLabel(e){var t=e.options,r=void 0===t?[]:t,o=e.anchor,a=e.onClose,n=e.onClick,i=void 0===n?function(){}:n,l=_objectWithoutProperties(e,["options","anchor","onClose","onClick"]);return r.length?React__default.createElement(core.Menu,_extends({open:Boolean(o),anchorEl:o,onClose:a,getContentAnchorEl:null},l),r.map(function(t){return t.Component||React__default.createElement(core.MenuItem,{key:t.value,onClick:function(e){return i(e,t.value)}},t.icon&&React__default.createElement(core.Box,{mr:1,minWidth:24},React__default.createElement(reactIcons.IconContext.Provider,{value:{size:"1rem"}},t.icon)),React__default.createElement(core.Typography,{variant:"body2"},t.label))})):null}EnhancedButton.propTypes={variant:PropTypes__default.oneOf(["contained","outlined","text"])},EnhancedButton.defaultProps={variant:"contained"},IconAndLabel.propTypes={options:PropTypes__default.arrayOf(PropTypes__default.shape({Component:PropTypes__default.node,icon:PropTypes__default.object,label:PropTypes__default.string.isRequired,value:PropTypes__default.string.isRequired})).isRequired,onClose:PropTypes__default.func.isRequired,onClick:PropTypes__default.func,anchor:PropTypes__default.oneOfType([PropTypes__default.object,PropTypes__default.node])};var styles={iconContainer:{width:16,height:16,cursor:"pointer",textAlign:"center",lineHeight:"18px",fontSize:16}};function EllipsisTrigger(e){return React__default.createElement(core.IconButton,e,React__default.createElement(core.Box,{h:1,justify:"center",style:styles.iconContainer},React__default.createElement(reactIcons.IconContext.Provider,{value:{size:16}},React__default.createElement(fi.FiMoreVertical,null))))}var styles$1={button:{position:"fixed",bottom:0,right:0}};function BottomFab(e){var t=e.options,r=void 0===t?[]:t,o=e.onClick,a=e.styleProps,n=_objectWithoutProperties(e,["options","onClick","styleProps"]),i=_slicedToArray(React.useState(),2),l=i[0],s=i[1];function c(){s(null)}return React__default.createElement(core.Box,{m:2,style:_objectSpread2({},styles$1.button,{},a)},React__default.createElement(core.Fab,_extends({color:"primary",onClick:function(e){s(e.currentTarget)}},n),React__default.createElement(fa.FaPlus,{color:colors.color1})),React__default.createElement(IconAndLabel,{options:r,anchor:l,onClose:c,onClick:function(e,t){c(),o(t)},anchorOrigin:{vertical:"top",horizontal:"center"},transformOrigin:{vertical:"bottom",horizontal:"center"}}))}BottomFab.propTypes={options:PropTypes__default.arrayOf(PropTypes__default.shape({id:PropTypes__default.oneOfType([PropTypes__default.number,PropTypes__default.string]),icon:PropTypes__default.object,label:PropTypes__default.string.isRequired}).isRequired),onClick:PropTypes__default.func,styleProps:PropTypes__default.object};var linkStyle={color:colors.green1,textDecoration:"underline",cursor:"pointer"};function chooseFileType(e){switch(e){case"audio":return"audio/*";case"video":return"video/*";case"image":return"image/*";case"":return"*";default:return e}}function FileUpload(e){var t=e.fileType,r=void 0===t?"":t,o=e.onChange,a=_objectWithoutProperties(e,["fileType","onChange"]),n=_slicedToArray(React.useState([]),2),i=n[0],l=n[1],s=React.useRef(),c=React.useCallback(function(){if(o){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];o(t)}},[o]);return React.useEffect(function(){c(i)},[c,i]),React__default.createElement(forwardedFlex,_extends({flexDirection:["column","row"]},a),React__default.createElement(EnhancedButton,{variant:"outlined",onClick:function(){s.current.click()},type:"button","data-testid":"file-upload-button"},React__default.createElement(forwardedFlex,{mr:1,alignCenter:!0,justifyCenter:!0},React__default.createElement(fa.FaCloudUploadAlt,{size:17})),React__default.createElement(core.Typography,{variant:"body2"}," Carregar arquivos "),React__default.createElement("input",{type:"file",id:"fileUploader",accept:chooseFileType(r),ref:s,onChange:function(e){0<e.target.files.length&&l([].concat(_toConsumableArray(i),[e.target.files[0]]))},style:{display:"none"}})),React__default.createElement(forwardedFlex,{ml:1},i.map(function(e,a){return React__default.createElement(forwardedFlex,{directionRow:!0,mt:2,key:"file-array-".concat(a)},React__default.createElement(core.Typography,{variant:"h5",style:{fontWeight:400}},e.name),React__default.createElement(core.Box,{mx:1},React__default.createElement(core.Typography,{style:linkStyle,onChange:function(e){return t=e,r=a,o=_toConsumableArray(i),void(0<t.target.files.length&&(o[r]=t.target.files[0],l(o)));var t,r,o}},"Substituir",React__default.createElement("input",{type:"file",accept:chooseFileType(r),style:{display:"none"}}))),React__default.createElement(core.Typography,{style:linkStyle,onClick:function(){return e=a,(t=_toConsumableArray(i)).splice(e,1),void l(_toConsumableArray(t));var e,t}},"Remover"))})))}FileUpload.propTypes={fileType:PropTypes__default.oneOf(["audio","video","image",""]),onChange:PropTypes__default.func};var styles$2={boxShadow:"0px 6px 16px rgba(0, 0, 0, 0.05)",borderRadius:4,backgroundColor:colors.white};function Card$1(e){var t=e.children,r=e.style,o=void 0===r?{}:r,a=_objectWithoutProperties(e,["children","style"]);return React__default.createElement(core.Box,_extends({style:_objectSpread2({},styles$2,{},o)},a),t)}function _templateObject$2(){var e=_taggedTemplateLiteral(["\n border-radius: 4px;\n width: 8px;\n height: 8px;\n background-color: ",";\n margin-right: 8px;\n"]);return _templateObject$2=function(){return e},e}Card$1.propTypes={children:PropTypes__default.oneOfType([PropTypes__default.arrayOf(PropTypes__default.node),PropTypes__default.node]),style:PropTypes__default.object};var Ball=styled$2__default(core.Box)(_templateObject$2(),function(e){return e.color});function StatusBall(e){var t=e.color;return React__default.createElement(Ball,{color:t})}StatusBall.propTypes={color:PropTypes__default.string},StatusBall.defaultProps={color:colors.gray3};var useStyles$1=styles$r.makeStyles({root:{backgroundColor:colors.green4},outlined:{backgroundColor:"transparent",borderColor:colors.green4}}),Chips=function(e){var t=_extends({},e),r=useStyles$1();return React__default.createElement(core.Chip,_extends({classes:r},t))},PlaceholderImage="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAwYAAAGeCAYAAAAubBbTAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAijSURBVHgB7d1RbRRRAEbhM6QCioOVgAIyDsABOAAF7CggKAALoIBVADgAB+BguVNoaAjwzt7vS/602W762Mnpncku/dv12LOxdezwc3BR1nW9Gcxs27ZgZq4FXLBvY5/G3o69G3/vv/ztjff+8vph7P3Y17GtX2EAAAD8P/Z/9K9jr8Y+jzB4M3b40xv/FAb7CcHHn78AAAC4HE/HPhyPx+e//+D3MDj2oyauAwAALtH9ZVlejpOD490X74bBflKwBQAAXLpl7Hj35OA2DA6JAgAAmMk4OFhe3D5zcBsGW24fAgCA2dwfe71/s4fBYexJAADAjNZxanC9h8HjAACAWe3PGzzfw+BRAADAzB7uYfAgAABgZoc9DDx0DAAAczvcCwAAmN6yrus5AABgZuerEQbBzE6n081gZtu2BTNzLYBfH3AGAABMTBgAAADCAAAAEAYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAANNblqVlfD0HE1vX9WYws23bgpm5FkBnJwYAAIBbiQAAAGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAACBhAAAAJAwAAICEAQAAkDAAAAASBgAAQMIAAABIGAAAAAkDAAAgYQAAACQMAACAhAEAAJAwAAAAEgYAAEDCAAAAGJZ1Xc8BAAAzO1+NMAhmdjqdbgYz27YtmJlrAbiVCAAASBgAAAAJAwAAIGEAAAAkDAAAgIQBAACQMAAAABIGAABAwgAAAEgYAAAACQMAAGC4GjsHAADM7PwdG6BOuTbN16AAAAAASUVORK5CYII=";function _templateObject3(){var e=_taggedTemplateLiteral(["\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52)),\n url(",");\n height: 136px;\n "]);return _templateObject3=function(){return e},e}function _templateObject2$1(){var e=_taggedTemplateLiteral(["\n ","\n"]);return _templateObject2$1=function(){return e},e}function _templateObject$3(){var e=_taggedTemplateLiteral(["\n width: 100%;\n height: 2px;\n background-color: ",";\n opacity: 0.2;\n"]);return _templateObject$3=function(){return e},e}var Divider=styled$2__default(core.Box)(_templateObject$3(),colors.gray3),ImageComponent=styled$2__default.div(_templateObject2$1(),function(e){return styled$2.css(_templateObject3(),e.image)}),useStyles$2=styles$r.makeStyles({root:{boxShadow:"none"}}),cardIcons={like:React__default.createElement(fi.FiThumbsUp,null),candidates:React__default.createElement(fi.FiUserCheck,null),jobs:React__default.createElement(fi.FiCrosshair,null)};function OpportunityCard(e){var t,r,o,a=e.id,n=e.title,i=e.subtitle,l=e.image,s=e.statusColor,c=e.menuOptions,d=e.origin,u=void 0===d?"eureca":d,p=e.originList,f=e.onClickItem,_=e.onClickCard,y=_objectWithoutProperties(e,["id","title","subtitle","image","statusColor","menuOptions","origin","originList","onClickItem","onClickCard"]),m=useStyles$2(),g=_slicedToArray(React.useState(),2),h=g[0],b=g[1];return React__default.createElement(core.Box,{width:256},React__default.createElement(core.Card,{classes:m},React__default.createElement(core.CardActionArea,{onClick:function(){return _(a)}},React__default.createElement(core.Box,{position:"relative"},React__default.createElement(ImageComponent,{image:l||PlaceholderImage}),"eureca"!==u&&React__default.createElement(Chips,{label:null===(t=p[u])||void 0===t?void 0:t.label,size:"small",style:{position:"absolute",top:8,right:8,background:null===(r=p[u])||void 0===r?void 0:r.background,color:null===(o=p[u])||void 0===o?void 0:o.color,fontSize:".6875rem"}})),React__default.createElement(core.CardContent,null,React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0},React__default.createElement(core.Box,{mr:1},React__default.createElement(StatusBall,{color:s})),React__default.createElement(core.Typography,{title:n,variant:"subtitle1",style:{fontSize:".875rem"},noWrap:!0},n)),React__default.createElement(core.Box,{mt:.5,ml:3},React__default.createElement(core.Typography,{variant:"subtitle2",style:{fontSize:".75rem",lineHeight:"18px"},noWrap:!0},i)))),React__default.createElement(Divider,null),React__default.createElement(core.CardActions,null,React__default.createElement(forwardedFlex,{direction:"row",alignItems:"center",justifyContent:"space-between",flexGrow:1,pl:1},React__default.createElement(forwardedFlex,{direction:"row",alignItems:"center"},["like","candidates","jobs"].map(function(e){return y[e]&&React__default.createElement(forwardedFlex,{key:e,direction:"row",mr:3,alignItems:"center","aria-label":e,title:e},React__default.createElement(reactIcons.IconContext.Provider,{value:{size:".75rem"}},cardIcons[e]),React__default.createElement(core.Box,{ml:1},React__default.createElement(core.Typography,{variant:"subtitle2",style:{fontSize:".75rem"}},y[e])))})),c&&React__default.createElement(core.Box,{ml:2},React__default.createElement(EllipsisTrigger,{onClick:function(e){b(e.currentTarget)}}),React__default.createElement(IconAndLabel,{anchor:h,onClose:function(){b(null)},options:c,onClick:function(e,t){return f(t)}}))))))}OpportunityCard.defaultProps={id:null,title:"",subtitle:"",statusColor:null,menuOptions:[{id:null,icon:{},value:"",label:""}],image:"",like:null,origin:"",originList:{},onClickItem:function(){}},OpportunityCard.propTypes={id:PropTypes__default.oneOfType([PropTypes__default.string,PropTypes__default.number]),title:PropTypes__default.string.isRequired,subtitle:PropTypes__default.string,statusColor:PropTypes__default.string,menuOptions:PropTypes__default.arrayOf(PropTypes__default.shape({id:PropTypes__default.oneOfType([PropTypes__default.number,PropTypes__default.string]),icon:PropTypes__default.object,value:PropTypes__default.oneOfType([PropTypes__default.number,PropTypes__default.string]),label:PropTypes__default.string})),image:PropTypes__default.string,like:PropTypes__default.number,origin:PropTypes__default.string,originList:PropTypes__default.object,onClickItem:PropTypes__default.func};var locale="pt-br",numberFormatter=function(e){return e?e.toLocaleString(locale):0},opacity=.8,trackCardStyles={section:{color:colors.gray3,opacity:opacity},track:{opacity:opacity},numbers:{opacity:opacity},divider:{backgroundColor:colors.gray5}};function Item(e){var t=e.name,r=e.value;return React__default.createElement(forwardedFlex,{justifyCenter:!0},React__default.createElement(core.Typography,{variant:"body1",style:trackCardStyles.numbers},numberFormatter(r)),React__default.createElement(core.Box,{mt:2},React__default.createElement(core.Typography,{variant:"body2",style:trackCardStyles.section},t)))}function TrackInfoCard(e){var t=e.track,r=e.opportunities,o=e.modules,a=e.solutions;return React__default.createElement(core.Card,{width:1,height:1},React__default.createElement(core.Box,{p:2},React__default.createElement(forwardedFlex,{directionRow:!0,alignCenter:!0},React__default.createElement(core.Typography,{variant:"body2",style:trackCardStyles.track},"Trilha: ".concat(t)),React__default.createElement(core.Box,{component:"div",mx:4,width:"1px",height:"80px",style:trackCardStyles.divider}),React__default.createElement(core.Box,{mr:4},React__default.createElement(Item,{name:"Vagas",value:r})),React__default.createElement(core.Box,{mr:4},React__default.createElement(Item,{name:"Módulos",value:o})),React__default.createElement(Item,{name:"Total de soluções",value:a}))))}Item.propTypes={name:PropTypes__default.string.isRequired,value:PropTypes__default.number.isRequired},TrackInfoCard.propTypes={track:"",opportunities:0,modules:0,solutions:0},TrackInfoCard.propTypes={track:PropTypes__default.string.isRequired,opportunities:PropTypes__default.number.isRequired,modules:PropTypes__default.number.isRequired,solutions:PropTypes__default.number.isRequired};var styles$3={card:{cursor:"pointer",border:"1px solid ".concat(colors.gray5),borderBottom:0,borderRadius:4,backgroundColor:colors.white,boxS