{"version":3,"sources":["pages/logo.svg","pages/CommingSoon.js","components/gora/Axis.js","components/gora/Layout.js","components/gora/utils.js","components/gora/Gantt.js","components/gora/ColorPicker.js","components/gora/TaskModal.js","components/gora/Task.js","components/gora/WorkSpace.js","components/gora/Toolbar.js","components/gora/Summary.js","components/gora/Setting.js","components/gora/Gora.js","pages/Layout.js","App.js","reportWebVitals.js","assets/UberMoveBold.woff","index.js"],"names":["CommingSoon","div","animate","scale","transition","duration","repeat","Infinity","ease","style","height","display","justifyContent","alignItems","src","logo","alt","maxWidth","maxHeight","AxisBase","styled","className","width","Header","borderBottom","boxSizing","Axis","rootStart","rootEnd","type","svgEl","useRef","useState","tickType","setTickType","axises","setAxises","bandWidth","setBandWidth","useEffect","tickFn","d3","domain","range","nice","timeFormatFn","every","ticks","map","tick","time","x","axis","bandwidth","ref","position","top","transform","index","x1","x2","y1","y2","strokeWidth","stroke","y","fontSize","textAnchor","LayoutBase","zIndex","background","Info","borderRight","Title","padding","Layout","title","twoDateDurationDay","startDate","endDate","duration_days","Math","abs","getTime","round","GanttBase","Gantt","props","state","svgWidth","ganttWidth","ganttPosition","ganttColor","el","React","createRef","rectEl","rectLeftEl","rectRightEl","this","current","setState","getScale","updateSize","call","on","event","drag","grabLeftdrag","grabRightdrag","start","end","onChange","targetX","attr","dx","invert","Date","newStart","newEnd","preProps","preState","updateGantt","days","whileHover","opacity","whileTap","viewBox","cursor","fill","rx","fillOpacity","pointerEvents","fontWeight","cy","PureComponent","ColorsContainer","margin","flexWrap","ColorContainer","Color","borderRadius","$color","$isActive","ColorPicker","value","name","color","colorList","onClick","TaskModal","task","isOpen","setIsOpen","onSubmit","onDelete","id","setId","isValid","setIsValid","setTitle","setStart","setEnd","setGanttColor","taskColor","setTaskColor","closeable","onClose","autoFocus","size","SIZE","default","role","ROLE","alertdialog","label","currentTarget","date","overrides","BaseButton","$theme","colors","negative","target","close","flex","kind","ButtonKind","tertiary","disabled","TaskBase","borderTop","TaskInfo","marginRight","TaskGrab","TaskTitle","TaskMore","TaskGantt","TaskColor","left","$taskColor","Task","onEdit","data-movable-handle","KIND","minimal","compact","shape","SHAPE","circle","WorkSpaceBase","overflow","WorkSpace","tasks","setTasks","handleChange","handleEdit","handleDelete","values","oldIndex","newIndex","arrayMove","lockVertically","renderList","children","isDragged","renderItem","isSelected","ToolbarBase","ITEMS","key","Toolbar","onCreate","loading","onDownloadPNG","onSetting","onTypeChange","selectedType","setSelectedType","selected","setSelected","console","log","primary","pill","startEnhancer","mode","MODE","radio","focusLock","placement","PLACEMENT","bottomLeft","content","items","onItemSelect","item","SummaryBase","Block","Summary","typography","LabelLarge","day","unit","useStyletron","total","setTotal","parseNumber","numStr","Number","parseFloat","toLocaleString","minimumFractionDigits","secondary","SettingBase","flexDirection","Operation","Setting","setting","setUnit","setRootStart","setRootEnd","marginBottom","e","large","GoraBase","border","boxShadow","Main","Footer","Gora","enqueue","useSnackbar","setLoading","setType","setDay","isDrawerOpen","setIsDrawerOpen","Promise","resolve","then","reduce","acc","curr","initial","rotate","stiffness","damping","uuidv4","setTimeout","toPng","dataUrl","message","DURATION","medium","a","document","createElement","href","download","click","catch","error","filter","anchor","ANCHOR","right","LayerContainer","paddingBottom","paddingTop","css","$align","ALIGN","$as","Link","to","center","exact","path","theme","createTheme","primaryFontFamily","engine","Styletron","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","getElementById"],"mappings":"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","file":"static/js/main.12e7eaa6.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.65015807.svg\";","import React from 'react'\r\nimport { motion } from \"framer-motion\"\r\nimport logo from './logo.svg';\r\nimport { ALIGN } from 'baseui/header-navigation';\r\n\r\nexport const CommingSoon = () => {\r\n  return (\r\n    <motion.div\r\n      animate={{\r\n        scale: [1, 1.12, 1]\r\n      }}\r\n      transition={{\r\n        duration: 1.5,\r\n        repeat: Infinity,\r\n        ease: \"easeOut\"\r\n      }}\r\n      style={{\r\n        height: 'calc(80vh - 160px)',\r\n        display: 'flex',\r\n        justifyContent: 'center',\r\n        alignItems: 'center'\r\n      }}\r\n    >\r\n      <img\r\n        src={logo}\r\n        alt=\"logo\"\r\n        height=\"200\"\r\n        style={{\r\n          maxWidth: '80%',\r\n          maxHeight: '80%'\r\n        }}\r\n      />\r\n    </motion.div>\r\n  )\r\n}\r\n","import React, { useRef, useEffect, useState } from 'react';\r\nimport { styled } from 'styletron-react';\r\nimport * as d3 from 'd3';\r\n\r\nconst AxisBase = styled('div', {\r\n  className: 'axis',\r\n  width: '760px',\r\n  height: '600px'\r\n})\r\n\r\nconst Header = styled('div', {\r\n  width: '760px',\r\n  height: '50px',\r\n  borderBottom: '2px solid #eee',\r\n  boxSizing: 'border-box'\r\n})\r\nexport const Axis = ({\r\n  rootStart,\r\n  rootEnd,\r\n  width,\r\n  height,\r\n  type\r\n}) => {\r\n  const svgEl = useRef();\r\n  const [tickType, setTickType] = useState('');\r\n  const [axises, setAxises] = useState([]);\r\n  const [bandWidth, setBandWidth] = useState(0);\r\n\r\n  useEffect(() => setTickType(type), [type])\r\n\r\n  useEffect(() => {\r\n    const scale = d3.scaleTime()\r\n                .domain([rootStart, rootEnd])\r\n                .range([0, width])\r\n                .nice()\r\n    let tickFn;\r\n    let timeFormatFn = d3.timeFormat(\"%Y/%m\");\r\n\r\n    if (tickType === 'YEAR') {\r\n      tickFn = d3.timeYear.every(1);\r\n      timeFormatFn = d3.timeFormat(\"%Y\");\r\n    }\r\n    if (tickType === 'MONTH') {\r\n      tickFn = d3.timeMonth.every(1);\r\n      timeFormatFn = d3.timeFormat(\"%Y/%m\");\r\n    }\r\n    if (tickType === 'DAY') {\r\n      tickFn = d3.timeDay.every(1);\r\n      timeFormatFn = d3.timeFormat(\"%Y/%m/%d\");\r\n    }\r\n\r\n    const ticks = scale.ticks(tickFn);\r\n    setAxises(ticks.map(tick => ({\r\n      time: timeFormatFn(tick),\r\n      x: scale(tick)\r\n    })))\r\n  }, [width, rootStart, rootEnd, tickType]);\r\n\r\n  useEffect(() => {\r\n    setBandWidth(d3.scaleBand().domain(axises.map(axis => axis.x)).range([0, width]).bandwidth());\r\n  }, [axises])\r\n\r\n  return (\r\n    <AxisBase>\r\n      <Header></Header>\r\n      <svg\r\n        ref={svgEl}\r\n        width={width}\r\n        height={height}\r\n        style={{position: 'absolute', top: 0}}\r\n      >\r\n        <g transform=\"translate(0, 0)\">\r\n        {\r\n          axises.map((axis, index) =>\r\n          <g key={index}>\r\n            <line\r\n              x1={axis.x}\r\n              x2={axis.x}\r\n              y1={0}\r\n              y2={600}\r\n              strokeWidth=\"2\"\r\n              stroke=\"#eee\"\r\n            >\r\n            </line>\r\n            <text x={axis.x + (bandWidth / 2)} y={30} fontSize=\"12\" textAnchor=\"middle\">\r\n              {axis.time}\r\n            </text>\r\n          </g>\r\n          )\r\n        }\r\n        </g>\r\n      </svg>\r\n    </AxisBase>\r\n  )\r\n}","import React from 'react'\r\nimport { styled } from 'styletron-react';\r\nimport { Axis } from './Axis';\r\nimport {HeadingXSmall, LabelLarge} from 'baseui/typography';\r\nconst LayoutBase = styled('div', {\r\n  className: 'layoutBase',\r\n  position: 'absolute',\r\n  width: '960px',\r\n  height: '600px',\r\n  display: 'flex', \r\n  zIndex: 0,\r\n  background: '#fff'\r\n})\r\n\r\nconst Info = styled('div', {\r\n  className: 'info',\r\n  width: '200px',\r\n  height: '600px',\r\n  borderRight: '2px solid #eee',\r\n  boxSizing: 'border-box'\r\n})\r\n\r\nconst Title = styled('div', {\r\n  className: 'title',\r\n  width: '200px',\r\n  height: '50px',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  padding: '0 22px',\r\n  borderBottom: '2px solid #eee',\r\n  boxSizing: 'border-box'\r\n})\r\n\r\nexport const Layout = ({\r\n  rootStart,\r\n  rootEnd,\r\n  title,\r\n  type\r\n}) => {\r\n  return (\r\n    <LayoutBase>\r\n      <Info>\r\n        <Title>\r\n          {title}\r\n        </Title>\r\n      </Info>\r\n      <Axis\r\n        rootStart={rootStart}\r\n        rootEnd={rootEnd}\r\n        width={760}\r\n        height={600}\r\n        type={type}\r\n      />\r\n    </LayoutBase>\r\n  )\r\n}\r\n\r\n","export function twoDateDurationDay(startDate, endDate) {\r\n  let duration_time = Math.abs(endDate.getTime() - startDate.getTime()); \r\n  let duration_days = duration_time / (1000 * 3600 * 24);\r\n  return Math.round(duration_days)\r\n}","import React from 'react'\r\nimport * as d3 from 'd3';\r\nimport { styled } from 'styletron-react';\r\nimport { motion } from \"framer-motion\"\r\nimport { twoDateDurationDay } from './utils';\r\n\r\nconst GanttBase = styled('div', {\r\n  height: '50px'\r\n})\r\n\r\nexport class Gantt extends React.PureComponent {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      svgWidth: 0,\r\n      ganttWidth: 0,\r\n      ganttPosition: [0, 0],\r\n      scale: () => {},\r\n      ganttColor: props.ganttColor ? props.ganttColor : '#333333'\r\n    }\r\n    this.el = React.createRef();\r\n    this.svgEl = React.createRef();\r\n    this.rectEl = React.createRef();\r\n    this.rectLeftEl = React.createRef();\r\n    this.rectRightEl = React.createRef();\r\n  }\r\n\r\n  updateSize() {\r\n    if (this.el.current) {\r\n      this.setState({\r\n        svgWidth: 760,\r\n        scale: this.getScale(760, this.props.rootStart, this.props.rootEnd)\r\n      })\r\n    }\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.updateSize();\r\n\r\n    d3.select(this.rectEl.current)\r\n      .call(\r\n        d3.drag()\r\n          .on('drag', event => this.drag(event))\r\n      )\r\n    d3.select(this.rectLeftEl.current)\r\n      .call(\r\n        d3.drag()\r\n          .on('drag', event => this.grabLeftdrag(event))\r\n      )\r\n    d3.select(this.rectRightEl.current)\r\n      .call(\r\n        d3.drag()\r\n          .on('drag', event => this.grabRightdrag(event))\r\n      )\r\n  }\r\n\r\n  drag(event) {\r\n    const { start, end, onChange } = this.props;\r\n    const { scale } = this.state;\r\n    const duration = end - start;\r\n    const targetX = +d3.select(this.rectEl.current).attr(\"x\") + event.dx;\r\n    const newStart = scale.invert(targetX);\r\n    const newEnd = new Date(new Date(scale.invert(targetX)).getTime() + duration);\r\n    onChange({\r\n      start: newStart,\r\n      end: newEnd\r\n    })\r\n  }\r\n\r\n  grabLeftdrag(event) {\r\n    const { end, onChange } = this.props;\r\n    const { scale } = this.state;\r\n    const newStart = scale.invert(event.x);\r\n\r\n    if (scale(end) - scale(newStart) < 10) return;\r\n\r\n    onChange({\r\n      start: newStart,\r\n      end: end\r\n    })\r\n  }\r\n\r\n  grabRightdrag(event) {\r\n    const { start, onChange } = this.props;\r\n    const { scale } = this.state;\r\n    const newEnd = scale.invert(event.x);\r\n\r\n    if (scale(newEnd) - scale(start) < 10) return;\r\n\r\n    onChange({\r\n      start: start,\r\n      end: scale.invert(event.x)\r\n    })\r\n  }\r\n\r\n  componentWillUnmount() {}\r\n\r\n  componentDidUpdate(preProps, preState) {\r\n    if (preState.scale !== this.state.scale) {\r\n      this.updateGantt();\r\n    }\r\n\r\n    if (preProps.start !== this.props.start) {\r\n      this.updateGantt();\r\n    }\r\n\r\n    if (preProps.end !== this.props.end) {\r\n      this.updateGantt();\r\n    }\r\n\r\n    if (preProps.ganttColor !== this.props.ganttColor) {\r\n      this.updateGantt();\r\n    }\r\n\r\n    if (preProps.rootStart !== this.props.rootStart) {\r\n      this.updateSize();\r\n      this.updateGantt();\r\n    }\r\n\r\n    if (preProps.rootEnd !== this.props.rootEnd) {\r\n      this.updateSize();\r\n      this.updateGantt();\r\n    }\r\n\r\n  }\r\n\r\n  updateGantt() {\r\n    const { scale } = this.state;\r\n    const { start, end, ganttColor } = this.props;\r\n    this.setState({\r\n      ganttPosition: [\r\n        scale(this.props.start),\r\n        0\r\n      ],\r\n      ganttWidth: Math.abs(scale(end) - scale(start)),\r\n      ganttColor\r\n    })\r\n  }\r\n\r\n  getScale(width, rootStart, rootEnd) {\r\n    return d3.scaleTime()\r\n    .domain([rootStart, rootEnd])\r\n    .range([0, width]);\r\n  }\r\n\r\n  render() {\r\n    const { start, end } = this.props;\r\n    const days = twoDateDurationDay(start, end);\r\n    return (\r\n      <motion.div\r\n        whileHover={{ opacity: 0.7 }}\r\n        whileTap={{ opacity: 0.7 }}>\r\n        <GanttBase ref={this.el}>\r\n          <svg\r\n            ref={this.svgEl}\r\n            width={this.state.svgWidth}\r\n            height={50}\r\n            viewBox={`0 0 ${this.state.svgWidth} 50`}\r\n          >\r\n            <g>\r\n              <rect\r\n                ref={this.rectEl}\r\n                x={`${this.state.ganttPosition[0]}`}\r\n                y={`${this.state.ganttPosition[1] + 12}`}\r\n                cursor=\"move\"\r\n                width={`${this.state.ganttWidth}`} height=\"26\" fill={this.state.ganttColor}\r\n                rx=\"14\"\r\n              />\r\n              <rect\r\n                className=\"grabbar\"\r\n                x={`${this.state.ganttPosition[0]}`}\r\n                y={`${this.state.ganttPosition[1] + 12}`}\r\n                width=\"8\"\r\n                fillOpacity=\"0\"\r\n                height=\"26\"\r\n                cursor=\"ew-resize\"\r\n                ref={this.rectLeftEl}\r\n              />\r\n              <rect\r\n                className=\"grabbar\"\r\n                x={`${this.state.ganttPosition[0] + this.state.ganttWidth - 8}`}\r\n                y={`${this.state.ganttPosition[1] + 12}`}\r\n                width=\"8\"\r\n                cursor=\"ew-resize\"\r\n                fillOpacity=\"0\"\r\n                height=\"26\"\r\n                ref={this.rectRightEl}\r\n              />\r\n            </g>\r\n            <text style={{pointerEvents: 'none'}} fontWeight=\"500\" x={`${this.state.ganttPosition[0] + this.state.ganttWidth + 4}`} y=\"30\" cy=\".65em\">{days}</text>\r\n          </svg>\r\n        </GanttBase>\r\n        </motion.div>\r\n    );\r\n  }\r\n}","import React, { useState } from 'react';\r\nimport { styled } from 'styletron-react';\r\n\r\nconst ColorsContainer = styled('div', {\r\n  display: 'flex',\r\n  width: '100%',\r\n  margin: '0 -4px',\r\n  flexWrap: 'wrap'\r\n})\r\n\r\nconst ColorContainer = styled('div', {\r\n  padding: '4px'\r\n})\r\n\r\nconst Color = styled('div', props => ({\r\n  width: '48px',\r\n  height: '48px',\r\n  borderRadius: '50%',\r\n  background: props.$color ? props.$color : '#eee',\r\n  cursor: 'pointer',\r\n  opacity: props.$isActive ? 1 : 0.4,\r\n  \":hover\": {\r\n    opacity: 0.8\r\n  },\r\n  transition: '0.4s'\r\n}))\r\n\r\nexport const ColorPicker = ({\r\n  onChange,\r\n  value\r\n}) => {\r\n  const [colorList, setColorList] = useState([\r\n    {\r\n      name: '#535FCF',\r\n      color: '#535FCF'\r\n    },\r\n    {\r\n      name: '#5B91F5',\r\n      color: '#5B91F5'\r\n    },\r\n    {\r\n      name: '#06C167',\r\n      color: '#06C167'\r\n    },\r\n    {\r\n      name: '#FFCF70',\r\n      color: '#FFCF70'\r\n    },\r\n    {\r\n      name: '#FA9269',\r\n      color: '#FA9269'\r\n    },\r\n    {\r\n      name: '#E85C4A',\r\n      color: '#E85C4A'\r\n    },\r\n    {\r\n      name: '#B18977',\r\n      color: '#B18977'\r\n    },\r\n    {\r\n      name: '#8FA3AD',\r\n      color: '#8FA3AD'\r\n    }\r\n  ]);\r\n\r\n  return (\r\n    <ColorsContainer>\r\n    {\r\n      colorList.map((color, index) =>\r\n        <ColorContainer key={index}>\r\n          <Color \r\n            $color={color.color}\r\n            $isActive={value === color.color}\r\n            onClick={event => onChange(color.color === value ? '' : color.color)}\r\n          />\r\n        </ColorContainer>\r\n      )\r\n    }\r\n    </ColorsContainer>\r\n  )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport {\r\n  Modal,\r\n  ModalHeader,\r\n  ModalBody,\r\n  ModalFooter,\r\n  ModalButton,\r\n  SIZE,\r\n  ROLE\r\n} from \"baseui/modal\";\r\nimport { KIND as ButtonKind } from \"baseui/button\";\r\nimport { FormControl } from \"baseui/form-control\";\r\nimport { Input } from \"baseui/input\";\r\nimport { DatePicker } from \"baseui/datepicker\";\r\nimport { ColorPicker } from './ColorPicker';\r\n\r\nexport const TaskModal = ({\r\n  task,\r\n  isOpen,\r\n  setIsOpen,\r\n  onSubmit,\r\n  onDelete\r\n}) => {\r\n  const [id, setId] = useState('');\r\n  const [isValid, setIsValid] = useState(false);\r\n  const [title, setTitle] = useState('');\r\n  const [start, setStart] = useState('');\r\n  const [end, setEnd] = useState('');\r\n  const [ganttColor, setGanttColor] = useState('');\r\n  const [taskColor, setTaskColor] = useState('');\r\n\r\n  useEffect(() => {\r\n    if (!task) return;\r\n    setId(task.id);\r\n    setTitle(task.title);\r\n    setStart(task.start);\r\n    setEnd(task.end);\r\n    setGanttColor(task.ganttColor);\r\n    setTaskColor(task.taskColor);\r\n  }, [task])\r\n\r\n  useEffect(() => {\r\n    setIsValid(!(title && start && end && ganttColor))\r\n  }, [title, start, end, ganttColor])\r\n\r\n  const handleSubmit = event => onSubmit({\r\n    target: {\r\n      id: id,\r\n      title: title,\r\n      start: new Date(start),\r\n      end: new Date(end),\r\n      ganttColor: ganttColor,\r\n      taskColor: taskColor\r\n    },\r\n    close: () => {\r\n      setGanttColor('');\r\n      setEnd('');\r\n      setTitle('');\r\n      setStart('');\r\n      setTaskColor('');\r\n      setIsOpen(false);\r\n    }\r\n  })\r\n\r\n  const handleDelete = event => onDelete({\r\n    target: {\r\n      id: id,\r\n      title: title,\r\n      start: new Date(start),\r\n      end: new Date(end),\r\n      ganttColor: ganttColor,\r\n      taskColor: taskColor\r\n    },\r\n    close: () => {\r\n      setGanttColor('');\r\n      setEnd('');\r\n      setTitle('');\r\n      setStart('');\r\n      setTaskColor('');\r\n      setIsOpen(false);\r\n    }\r\n  })\r\n\r\n  return (\r\n    <Modal\r\n        closeable\r\n        isOpen={isOpen}\r\n        onClose={() => setIsOpen(false)}\r\n        animate\r\n        autoFocus\r\n        size={SIZE.default}\r\n        role={ROLE.alertdialog}\r\n      >\r\n        <ModalHeader>\r\n          { task ? 'Edit Task' : 'Create Task' }\r\n        </ModalHeader>\r\n        <ModalBody>\r\n          <FormControl label=\"Task\">\r\n            <Input value={title} onChange={event => setTitle(event.currentTarget.value)}/>\r\n          </FormControl>\r\n          <FormControl label=\"Start\">\r\n            <DatePicker value={start} onChange={event => setStart(event.date)}/>\r\n          </FormControl>\r\n          <FormControl label=\"End\">\r\n          <DatePicker value={end} onChange={event => setEnd(event.date)} />\r\n          </FormControl>\r\n          <FormControl label=\"Color\">\r\n            <ColorPicker onChange={color => setGanttColor(color)} value={ganttColor} />\r\n          </FormControl>\r\n          <FormControl label=\"Background Color\">\r\n            <ColorPicker onChange={color => setTaskColor(color)} value={taskColor} />\r\n          </FormControl>\r\n        </ModalBody>\r\n        <ModalFooter style={{ display: 'flex' }}>\r\n          {\r\n            task ?\r\n            <ModalButton overrides={{\r\n                BaseButton: {\r\n                  style: ({ $theme }) => ({\r\n                    background: $theme.colors.negative\r\n                  })\r\n                }\r\n              }}\r\n              onClick={handleDelete}\r\n            >\r\n              Delete\r\n            </ModalButton> : ''\r\n          }\r\n          \r\n          <div style={{ flex: '1 1 auto'}}></div>\r\n          <ModalButton kind={ButtonKind.tertiary} onClick={() => setIsOpen(false)}>\r\n            Cancel\r\n          </ModalButton>\r\n          <ModalButton disabled={isValid} onClick={handleSubmit}>\r\n          { task ? 'Save' : 'Create' }\r\n          </ModalButton>\r\n        </ModalFooter>\r\n      </Modal>\r\n  )\r\n}\r\n\r\n","import { zip } from 'ramda';\r\nimport React, { useEffect, useState } from 'react'\r\nimport { styled } from 'styletron-react';\r\nimport { Gantt } from './Gantt';\r\nimport {\r\n  Grab,\r\n  Overflow\r\n} from 'baseui/icon';\r\nimport { Button, KIND, SIZE, SHAPE } from 'baseui/button';\r\nimport { LabelMedium, LabelSmall } from 'baseui/typography';\r\nimport { TaskModal } from './TaskModal';\r\n\r\nconst TaskBase = styled('div', {\r\n  className: 'task',\r\n  display: 'flex',\r\n  width: '100%',\r\n  height: '50px',\r\n  borderTop: '1px solid #eee',\r\n  borderBottom: '1px solid #eee',\r\n  zIndex: -1\r\n})\r\n\r\nconst TaskInfo = styled('div', {\r\n  className: 'taskInfo',\r\n  width: '198px',\r\n  height: '50px',\r\n  background: '#fff',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  marginRight: '2px'\r\n})\r\n\r\nconst TaskGrab = styled('div', {\r\n  padding: '0 12px',\r\n  cursor: 'grabbing'\r\n})\r\n\r\nconst TaskTitle = styled('div', {\r\n  width: '100%'\r\n})\r\n\r\nconst TaskMore = styled('div')\r\n\r\nconst TaskGantt = styled('div', {\r\n  className: 'taskGantt',\r\n  width: '760px',\r\n  height: '50px'\r\n})\r\n\r\nconst TaskColor = styled('div', props => ({\r\n  position: 'absolute',\r\n  top: 0,\r\n  left: 0,\r\n  opacity: 0.2,\r\n  background: props.$taskColor ? props.$taskColor : 'none',\r\n  width: '100%',\r\n  height: '100%',\r\n  zIndex: -1\r\n}))\r\n\r\nexport const Task = ({\r\n  id,\r\n  title,\r\n  start,\r\n  end,\r\n  days,\r\n  onChange,\r\n  ganttColor,\r\n  taskColor,\r\n  onEdit,\r\n  onDelete,\r\n  rootStart,\r\n  rootEnd\r\n}) => {\r\n  const handleChange = event => {\r\n    onChange({\r\n      id,\r\n      title,\r\n      ganttColor,\r\n      taskColor,\r\n      ...event\r\n    })\r\n  }\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  return (\r\n    <>\r\n    <TaskBase>\r\n      <TaskInfo>\r\n        <TaskGrab data-movable-handle>\r\n          <Grab color=\"#707070\" size={16}/>\r\n        </TaskGrab>\r\n        <TaskTitle>\r\n          <LabelSmall>\r\n            {title}\r\n          </LabelSmall>\r\n        </TaskTitle>\r\n        <TaskMore>\r\n          <Button kind={KIND.minimal} size={SIZE.compact} shape={SHAPE.circle} onClick={() => setIsOpen(true)}>\r\n            <Overflow color=\"#707070\" size={16}/>\r\n          </Button>\r\n        </TaskMore>\r\n      </TaskInfo>\r\n      <TaskGantt>\r\n        <Gantt\r\n          id={id}\r\n          rootStart={rootStart}\r\n          rootEnd={rootEnd}\r\n          start={start}\r\n          end={end}\r\n          days={days}\r\n          onChange={handleChange}\r\n          ganttColor={ganttColor}\r\n        ></Gantt>\r\n      </TaskGantt>\r\n      <TaskColor $taskColor={taskColor}></TaskColor>\r\n    </TaskBase>\r\n    <TaskModal\r\n        isOpen={isOpen}\r\n        setIsOpen={setIsOpen}\r\n        onSubmit={onEdit}\r\n        onDelete={onDelete}\r\n        task={{\r\n          id,\r\n          title,\r\n          start,\r\n          end,\r\n          onChange,\r\n          ganttColor,\r\n          taskColor,\r\n        }}\r\n      />\r\n    </>\r\n  )\r\n}\r\n\r\n","import React, { useState }from 'react'\r\nimport { styled } from 'styletron-react';\r\nimport { Task } from './Task';\r\nimport { List, arrayMove } from 'react-movable';\r\n\r\nconst WorkSpaceBase = styled('div', {\r\n  className: 'workspace',\r\n  position: 'absolute',\r\n  zIndex: 0,\r\n  top: '50px',\r\n  width: '960px',\r\n  height: '550px',\r\n  overflow: 'hidden'\r\n})\r\n\r\nexport const WorkSpace = ({\r\n  rootStart,\r\n  rootEnd,\r\n  tasks,\r\n  setTasks,\r\n  handleChange,\r\n  handleEdit,\r\n  handleDelete\r\n}) => {\r\n\r\n  return (\r\n    <WorkSpaceBase>\r\n      <List\r\n            values={tasks}\r\n            onChange={({ oldIndex, newIndex }) =>\r\n              setTasks(arrayMove(tasks, oldIndex, newIndex))\r\n            }\r\n            lockVertically\r\n            renderList={({ children, props, isDragged}) => <div {...props}>{children}</div>}\r\n            renderItem={({ value, props, isDragged, isSelected }) =>\r\n              <div {...props}>\r\n                <Task\r\n                  id={value.id}\r\n                  rootStart={rootStart}\r\n                  rootEnd={rootEnd}\r\n                  key={value.id}\r\n                  title={value.title}\r\n                  start={value.start}\r\n                  end={value.end}\r\n                  days={value.days}\r\n                  onChange={handleChange}\r\n                  onEdit={handleEdit}\r\n                  onDelete={handleDelete}\r\n                  ganttColor={value.ganttColor}\r\n                  taskColor={value.taskColor}\r\n                />\r\n              </div>\r\n            }\r\n          />\r\n    </WorkSpaceBase>\r\n  )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport { styled } from 'styletron-react';\r\nimport {Button, KIND, SIZE, SHAPE } from 'baseui/button';\r\nimport {Plus} from 'baseui/icon';\r\nimport { TaskModal } from './TaskModal';\r\nimport { ButtonGroup, MODE } from 'baseui/button-group';\r\nimport {\r\n  Grab,\r\n  Overflow\r\n} from 'baseui/icon';\r\n\r\nimport ChevronDown from 'baseui/icon/chevron-down';\r\nimport {StatefulPopover, PLACEMENT} from 'baseui/popover';\r\nimport {StatefulMenu} from 'baseui/menu';\r\n\r\nconst ToolbarBase = styled('div', {\r\n  width: '960px',\r\n  height: '50px',\r\n  borderTop: '2px solid #eee',\r\n  boxSizing: 'border-box',\r\n  overflow: 'hidden',\r\n  padding: '2px 10px',\r\n  display: 'flex',\r\n  alignItems: 'center'\r\n})\r\n\r\nconst ITEMS = [\r\n  {key: 'SETTING', label: 'Setting'},\r\n  {key: 'DOWNLOADPNG', label: 'Download PNG'},\r\n];\r\n\r\nexport const Toolbar = ({\r\n  onCreate,\r\n  loading,\r\n  onDownloadPNG,\r\n  onSetting,\r\n  onTypeChange,\r\n  type\r\n}) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [selectedType, setSelectedType] = useState();\r\n  const [selected, setSelected] = useState();\r\n\r\n  useEffect(() => {\r\n    console.log(selected);\r\n    if (selected === 0) {\r\n      setSelectedType('DAY');\r\n    }\r\n    if (selected === 1) {\r\n      setSelectedType('MONTH');\r\n    }\r\n    if (selected === 2) {\r\n      setSelectedType('YEAR');\r\n    }\r\n  }, [selected])\r\n\r\n  useEffect(() => {\r\n    onTypeChange(selectedType);\r\n  }, [selectedType])\r\n\r\n  useEffect(() => {\r\n    if (type === 'DAY') {\r\n      setSelected(0)\r\n    }\r\n    if (type === 'MONTH') {\r\n      setSelected(1)\r\n    }\r\n    if (type === 'YEAR') {\r\n      setSelected(2)\r\n    }\r\n  }, [type])\r\n\r\n  return (\r\n    <>\r\n      <ToolbarBase>\r\n        <Button\r\n          kind={KIND.primary}\r\n          size={SIZE.compact}\r\n          shape={SHAPE.pill}\r\n          startEnhancer={() => <Plus size={16} />}\r\n          disabled={loading}\r\n          onClick={() => setIsOpen(!isOpen)}\r\n        >\r\n            Task\r\n        </Button>\r\n        <div style={{ flex: '1 1 auto'}}></div>    \r\n        <ButtonGroup\r\n          mode={MODE.radio}\r\n          size={SIZE.compact}\r\n          shape={SHAPE.pill}\r\n          selected={selected}\r\n          onClick={(event, index) => setSelected(index)}\r\n        >\r\n          <Button>Day</Button>\r\n          <Button>Month</Button>\r\n          <Button>Year</Button>\r\n        </ButtonGroup>\r\n\r\n        <StatefulPopover\r\n          focusLock\r\n          placement={PLACEMENT.bottomLeft}\r\n          content={({close}) => (\r\n            <StatefulMenu\r\n              items={ITEMS}\r\n              onItemSelect={(event) => {\r\n                if (event.item.key === 'SETTING') {\r\n                  onSetting();\r\n                }\r\n                if (event.item.key === 'DOWNLOADPNG') {\r\n                  onDownloadPNG();\r\n                }\r\n                close()\r\n              }}\r\n            />\r\n          )}\r\n        >\r\n          <Button kind={KIND.minimal} size={SIZE.compact} shape={SHAPE.circle}>\r\n            <Overflow color=\"#707070\" size={24}/>\r\n        </Button>\r\n        </StatefulPopover>\r\n\r\n      </ToolbarBase>\r\n      <TaskModal\r\n        isOpen={isOpen}\r\n        setIsOpen={setIsOpen}\r\n        onSubmit={onCreate}\r\n      />\r\n    </>\r\n  )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport { styled } from 'styletron-react';\r\nimport { H5, LabelSmall } from 'baseui/typography';\r\nimport { useStyletron } from 'baseui';\r\nimport { withStyle } from 'baseui';\r\nimport { Button, SIZE, KIND } from \"baseui/button\";\r\n\r\n\r\nconst SummaryBase = styled('div', {\r\n  display: 'flex',\r\n  height: '100%',\r\n  justifyContent: 'flex-end'\r\n})\r\nconst Block = styled('div', {\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n})\r\n\r\nconst Price = styled('div', ({ $theme }) => ({\r\n  ...$theme.typography.LabelLarge,\r\n  fontWeight: 'bolder',\r\n  display: 'inline-block',\r\n  margin: '0 2px'\r\n}))\r\n\r\nexport const Summary = ({\r\n  day = 0,\r\n  unit = 0\r\n}) => {\r\n  const [css, theme] = useStyletron();\r\n  const [total, setTotal] = useState(0);\r\n\r\n  function parseNumber(numStr) {\r\n    return Number(\r\n      parseFloat(numStr)\r\n    ).toLocaleString(\"en\", {\r\n      minimumFractionDigits: 0\r\n    })\r\n  }\r\n\r\n  useEffect(() => {\r\n    setTotal(day * unit);\r\n  }, [day, unit]);\r\n\r\n  return (\r\n    <SummaryBase>\r\n      <Block>\r\n        <Button kind={KIND.secondary}>\r\n          Days {parseNumber(day)}\r\n        </Button>\r\n      </Block>\r\n      <Block>\r\n        <Button kind={KIND.secondary}>\r\n            Unit $ {parseNumber(unit)}\r\n        </Button>\r\n      </Block>\r\n      <Block>\r\n        <Button kind={KIND.secondary}>\r\n            Total $ {parseNumber(total)}\r\n        </Button>\r\n      </Block>\r\n    </SummaryBase>\r\n  )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport { HeadingSmall} from 'baseui/typography'\r\nimport { FormControl } from \"baseui/form-control\";\r\nimport { Input } from \"baseui/input\";\r\nimport { Block } from 'baseui/block';\r\nimport { Button, KIND, SIZE } from 'baseui/button';\r\nimport { styled } from 'baseui';\r\nimport { DatePicker } from \"baseui/datepicker\";\r\nconst SettingBase = styled('div', {\r\n  height: '100%',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  justifyContent: 'space-between'\r\n})\r\n\r\nconst Operation = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'flex-end'\r\n})\r\nexport const Setting = ({\r\n  setting,\r\n  onSubmit,\r\n  onClose\r\n}) => {\r\n  const [title, setTitle] = useState('');\r\n  const [unit, setUnit] = useState(0);\r\n  const [rootStart, setRootStart] = useState();\r\n  const [rootEnd, setRootEnd] = useState();\r\n\r\n  useEffect(() => {\r\n    setTitle(setting.title);\r\n    setUnit(setting.unit);\r\n    setRootStart(setting.rootStart);\r\n    setRootEnd(setting.rootEnd);\r\n  }, [setting])\r\n\r\n  function submit() {\r\n    onSubmit({\r\n      title,\r\n      unit,\r\n      rootStart,\r\n      rootEnd\r\n    });\r\n  }\r\n\r\n   return (\r\n     <SettingBase>\r\n        <Block>\r\n          <HeadingSmall marginBottom=\"scale700\">\r\n            Setting\r\n          </HeadingSmall>\r\n          <FormControl label=\"Title\">\r\n            <Input value={title} onChange={e => setTitle(e.currentTarget.value)}/>\r\n          </FormControl>\r\n          <FormControl label=\"Unit Cost\">\r\n            <Input value={unit} type=\"number\" onChange={e => setUnit(e.currentTarget.value)}/>\r\n          </FormControl>\r\n          <FormControl label=\"Start Date\">\r\n            <DatePicker value={rootStart} onChange={event => setRootStart(event.date)}/>\r\n          </FormControl>\r\n          <FormControl label=\"End Date\">\r\n            <DatePicker value={rootEnd} onChange={event => setRootEnd(event.date)}/>\r\n          </FormControl>\r\n        </Block>\r\n        <Operation>\r\n          <Button size={SIZE.large} kind={KIND.tertiary} onClick={onClose}>\r\n            Cancel\r\n          </Button>\r\n          <Block marginRight=\"10px\"></Block>\r\n          <Button size={SIZE.large} onClick={submit}>\r\n            Save\r\n          </Button>\r\n        </Operation>\r\n     </SettingBase>\r\n  )\r\n}","import React, { useState, useRef, useEffect } from 'react'\r\nimport { styled } from 'styletron-react';\r\nimport { Layout } from './Layout';\r\nimport { WorkSpace } from './WorkSpace';\r\nimport { Toolbar } from './Toolbar';\r\nimport { motion } from \"framer-motion\"\r\nimport { Summary } from './Summary';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { toPng, toBlob } from 'html-to-image';\r\nimport Check from 'baseui/icon/check';\r\nimport {\r\n  useSnackbar,\r\n  DURATION,\r\n} from 'baseui/snackbar';\r\nimport { twoDateDurationDay } from './utils';\r\nimport { Drawer, ANCHOR } from \"baseui/drawer\";\r\nimport { Setting } from './Setting';\r\n\r\nconst GoraBase = styled('div', { \r\n  className: 'gora',\r\n  width: '960px',\r\n  height: '700px',\r\n  background: '#fff',\r\n  border: '2px solid #E2E2E2',\r\n  overflow: 'hidden',\r\n  boxShadow: ''\r\n})\r\n\r\nconst Main = styled('div', {\r\n  position: 'relative',\r\n  width: '960px',\r\n  height: '600px',\r\n  borderTop: '3px solid #eee',\r\n  borderBottom: '3px solid #eee',\r\n})\r\n\r\nconst Footer = styled('div', {\r\n  position: 'relative',\r\n  width: '960px',\r\n  height: '45px',\r\n  overflow: 'hidden'\r\n})\r\n\r\nconst Header = styled('div', {\r\n  position: 'relative',\r\n  width: '960px',\r\n  height: '50px',\r\n  overflow: 'hidden'\r\n})\r\n\r\n\r\nexport const Gora = () => {\r\n  const el = useRef();\r\n  const {enqueue} = useSnackbar();\r\n  const [loading, setLoading] = useState(false);\r\n  const [type, setType] = useState('MONTH');\r\n  const [rootStart, setRootStart] = useState(new Date('2021/01/01'));\r\n  const [rootEnd, setRootEnd] = useState(new Date('2021/12/31'));\r\n  const [title, setTitle] = useState('GORA');\r\n  const [unit, setUnit] = useState(2000);\r\n  const [day, setDay] = useState(0);\r\n  const [isDrawerOpen, setIsDrawerOpen] = useState(false);\r\n  const [tasks, setTasks] = useState([\r\n    {\r\n      id: '9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d',\r\n      title: 'Demand discuss',\r\n      start: new Date('2021/01/10'),\r\n      end: new Date('2021/02/25'),\r\n      ganttColor: '#535FCF',\r\n      taskColor: null\r\n    },\r\n    {\r\n      id: '65a24b75-ab5b-409b-a6ca-acc133de3684',\r\n      title: 'Analysis and design',\r\n      start: new Date('2021/01/30'),\r\n      end: new Date('2021/03/10'),\r\n      ganttColor: '#FFCF70',\r\n      taskColor: null\r\n    },\r\n    {\r\n      id: 'a9349099-14b6-416c-8e9e-588fef98856c',\r\n      title: 'Implementation',\r\n      start: new Date('2021/02/20'),\r\n      end: new Date('2021/04/15'),\r\n      ganttColor: '#B18977',\r\n      taskColor: null\r\n    }\r\n  ]);\r\n\r\n  // 計算各task時間\r\n  useEffect(() => {\r\n    Promise.resolve().then(() => {\r\n      setDay(tasks.reduce((acc, curr) => acc + twoDateDurationDay(curr.start, curr.end), 0));\r\n    })\r\n  }, [tasks])\r\n\r\n  const handleChange = (e) => {\r\n    setTasks(tasks.map(task => task.id === e.id ? e : {...task}));\r\n  }\r\n\r\n  const handleCreate = (event) => {\r\n    setLoading(true);\r\n    setTasks([...tasks, { ...event.target, id: uuidv4()}])\r\n    event.close();\r\n    setTimeout(() => setLoading(false), 500); \r\n  }\r\n\r\n  const handleEdit = event => {\r\n    setLoading(true);\r\n    setTasks(tasks.map(task => {\r\n      if (task.id === event.target.id) {\r\n        return {...event.target};\r\n      }\r\n      return task;\r\n    }))\r\n    event.close();\r\n    setTimeout(() => setLoading(false), 500); \r\n  }\r\n\r\n  const handleDelete = event => {\r\n    setLoading(true);\r\n    setTasks(tasks.filter(task => task.id !== event.target.id))\r\n    event.close();\r\n    setTimeout(() => setLoading(false), 500); \r\n  }\r\n\r\n  const handleDownloadPng = event => {\r\n    toPng(el.current)\r\n      .then(function (dataUrl) {\r\n        enqueue({\r\n          message: 'Download Success!!',\r\n          startEnhancer: ({size}) => <Check size={size} />\r\n        }, DURATION.medium)\r\n        const a = document.createElement('a');\r\n        a.href = dataUrl;\r\n        a.download = 'Gora';\r\n        a.click();\r\n      })\r\n      .catch(function (error) {\r\n        console.error('oops, something went wrong!', error);\r\n      });\r\n  }\r\n\r\n  const handleSetting = event => {\r\n    setIsDrawerOpen(true);\r\n    console.log('handleSetting', event);\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <motion.div\r\n        ref={el}\r\n        initial={{ rotate: 90, scale: 0 }}\r\n        animate={{ rotate: 0, scale: 1 }}\r\n        transition={{\r\n          type: \"spring\",\r\n          stiffness: 260,\r\n          damping: 20\r\n        }}\r\n      >\r\n        <GoraBase>\r\n          <Header>\r\n            <Toolbar \r\n              type={type}\r\n              loading={loading}\r\n              onCreate={handleCreate}\r\n              onDownloadPNG={handleDownloadPng}\r\n              onSetting={() => setIsDrawerOpen(true)}\r\n              onTypeChange={type => setType(type)}\r\n            />\r\n          </Header>\r\n          <Main>\r\n            <Layout\r\n              title={title}\r\n              rootStart={rootStart}\r\n              rootEnd={rootEnd}\r\n              type={type}\r\n            />\r\n            <WorkSpace\r\n              tasks={tasks}\r\n              rootStart={rootStart}\r\n              rootEnd={rootEnd}\r\n              setTasks={setTasks}\r\n              handleChange={handleChange}\r\n              handleEdit={handleEdit}\r\n              handleDelete={handleDelete}\r\n            />\r\n          </Main>\r\n          <Footer>\r\n            <Summary day={day} unit={unit} />\r\n          </Footer>\r\n        </GoraBase>\r\n      </motion.div>\r\n\r\n      <Drawer\r\n        isOpen={isDrawerOpen}\r\n        autoFocus\r\n        onClose={() => setIsDrawerOpen(false)}\r\n        anchor={ANCHOR.right}\r\n      >\r\n        <Setting\r\n          onSubmit={({ title, unit, rootStart, rootEnd }) => {\r\n            setTitle(title);\r\n            setUnit(unit);\r\n            setRootStart(rootStart);\r\n            setRootEnd(rootEnd);\r\n            setIsDrawerOpen(false)\r\n          }}\r\n          setting={{\r\n            title,\r\n            unit,\r\n            rootStart,\r\n            rootEnd\r\n          }}\r\n          onClose={() => setIsDrawerOpen(false)}\r\n        />\r\n      </Drawer>\r\n    </>\r\n  )\r\n}\r\n\r\n","import React from 'react';\r\nimport {\r\n  HashRouter as Router,\r\n  Switch,\r\n  Route,\r\n  Link\r\n} from \"react-router-dom\";\r\n\r\nimport {\r\n  HeaderNavigation,\r\n  ALIGN,\r\n  StyledNavigationList,\r\n  StyledNavigationItem\r\n} from \"baseui/header-navigation\";\r\nimport { StyledLink } from \"baseui/link\";\r\nimport { Button } from \"baseui/button\";\r\nimport { useStyletron, styled } from 'baseui';\r\nimport { Gora } from '../components'\r\nimport { MonoDisplayXSmall } from 'baseui/typography';\r\nimport {\r\n  SnackbarProvider,\r\n  useSnackbar,\r\n  DURATION,\r\n} from 'baseui/snackbar';\r\nimport logo from './logo.svg';\r\nimport { CommingSoon } from './CommingSoon';\r\nconst Footer = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  alignItems: 'center',\r\n  width: '100%',\r\n  paddingBottom: '32px',\r\n  paddingTop: '32px'\r\n});\r\n\r\nconst LayerContainer = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  paddingTop: '40px',\r\n  width: '100%',\r\n  maxWidth: '1480px',\r\n  width: '100%',\r\n  margin: '0 auto',\r\n  overflow: 'hidden'\r\n})\r\n\r\nexport const Layout = () => {\r\n  const [css, theme] = useStyletron();\r\n  return (\r\n    <Router>\r\n        <HeaderNavigation>\r\n          <div className={css({\r\n            maxWidth: '1480px',\r\n            display: 'flex',\r\n            width: '100%',\r\n            margin: '0 auto',\r\n            padding: '0 8px'\r\n          })}>\r\n            <StyledNavigationList $align={ALIGN.left}>\r\n              <StyledNavigationItem>\r\n                <StyledLink $as={Link} to=\"/\"><img src={logo} alt=\"logo\" height=\"40\"/></StyledLink>  \r\n              </StyledNavigationItem>\r\n            </StyledNavigationList>\r\n            <StyledNavigationList $align={ALIGN.center} />\r\n            <StyledNavigationList $align={ALIGN.right}>\r\n              <StyledNavigationItem>\r\n                <Button $as={Link} to=\"/comming-soon\">Coming Soon</Button>\r\n              </StyledNavigationItem>\r\n            </StyledNavigationList>\r\n          </div>\r\n      </HeaderNavigation>\r\n\r\n      <LayerContainer>\r\n        <Switch>\r\n            <Route exact path=\"/\">\r\n              <SnackbarProvider>\r\n                <Gora />\r\n              </SnackbarProvider>\r\n            </Route>\r\n            <Route path=\"/comming-soon\">\r\n              <CommingSoon />\r\n            </Route>\r\n        </Switch>\r\n      </LayerContainer>\r\n\r\n    </Router>\r\n  )\r\n}\r\n","import React from 'react';\nimport { Layout } from './pages';\nimport {Client as Styletron} from 'styletron-engine-atomic';\nimport {Provider as StyletronProvider} from 'styletron-react';\nimport {DarkTheme, BaseProvider } from 'baseui';\nimport {createTheme} from 'baseui';\nconst primitives = {\n  primaryFontFamily: 'UberMoveMedium',\n};\nconst theme = createTheme(primitives);\n\nconst engine = new Styletron();\n\nfunction App() {\n  return (\n    <StyletronProvider value={engine}>\n      <BaseProvider theme={theme}>\n        <Layout />\n      </BaseProvider>\n    </StyletronProvider>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","export default __webpack_public_path__ + \"static/media/UberMoveBold.0154c2c6.woff\";","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport './assets/UberMoveBold.woff';\n\nReactDOM.render(\n  <App />,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}