{"version":3,"sources":["components/Form.js","App.js","reportWebVitals.js","index.js"],"names":["Form","props","useState","taskName","setTaskName","className","onSubmit","event","parentCallback","preventDefault","callParent","type","required","value","onChange","target","App","tasks","setTasks","name","tasksAuxs","push","done","onAddTask","map","task","onClick","filter","it","onRemoveTask","icon","faTrash","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"gNAEaA,EAAO,SAACC,GAEjB,MAAgCC,mBAAS,IAAzC,mBAAOC,EAAP,KAAiBC,EAAjB,KASA,OACI,qBAAKC,UAAU,iBAAf,SACI,sBAAMC,SAAU,SAACC,GAAD,OATL,SAACA,GAChBN,EAAMO,eAAeL,GACrBI,EAAME,iBAENL,EAAY,IAKmBM,CAAWH,IAAtC,SACI,sBAAKF,UAAU,SAAf,UACI,qBAAKA,UAAU,QAAf,SACI,uBAAOM,KAAK,OAAOC,SAAS,OAAOC,MAAOV,EAAUE,UAAU,+BAA+BS,SAAU,SAACP,GAAD,OAAWH,EAAYG,EAAMQ,OAAOF,YACzI,qBAAKR,UAAU,QAAf,SACF,wBAAQM,KAAK,SAASN,UAAU,eAAhC,6B,gBCyCTW,G,MAvDH,WAEV,MAA0Bd,mBAAS,IAAnC,mBAAOe,EAAP,KAAcC,EAAd,KAiBA,OACE,qBAAKb,UAAU,MAAf,SACE,qBAAKA,UAAU,YAAf,SACE,qBAAKA,UAAU,MAAf,SACE,qBAAKA,UAAU,sDAAf,SACE,sBAAKA,UAAU,sBAAf,UACE,qBAAKA,UAAU,cAAf,SACE,qBAAKA,UAAU,SAAf,SACE,cAAC,EAAD,CAAMG,eAAgB,SAACD,GAAD,OAtBpB,SAACY,GACjB,IAAIC,EAAS,YAAOH,GACpBG,EAAUC,KAAK,CAAEF,KAAMA,EAAMG,MAAM,IACnCJ,EAASE,GAmBsCG,CAAUhB,UAG/C,qBAAKF,UAAU,YAAf,SACGY,EAAMO,KAAI,SAAAC,GACT,OACE,sBAAKpB,UAAU,YAAf,UACE,qBAAKA,UAAU,SAAf,SACE,oBAAIA,UAAU,YAAd,SAA2BoB,EAAKN,SAGlC,qBAAKd,UAAU,QAAf,SACE,wBAAQA,UAAU,iBAAiBqB,QAAS,SAACnB,GAAD,OA5B7C,SAACkB,GACpB,IAAIL,EAAS,YAAOH,GAIpBC,EAASE,EAAUO,QAAO,SAACC,GAAD,OAASA,GAAMH,MAuBkCI,CAAaJ,IAApE,SACA,cAAC,IAAD,CAAiBK,KAAMC,+BClChCC,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCDdQ,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAM1Bb,M","file":"static/js/main.240a79ce.chunk.js","sourcesContent":["import { useState } from \"react\";\n\nexport const Form = (props) => {\n\n    const [taskName, setTaskName] = useState(\"\");\n\n    const callParent = (event) => {\n        props.parentCallback(taskName);\n        event.preventDefault();\n\n        setTaskName(\"\");\n    }\n\n    return (\n        <div className=\"container mt-3\">\n            <form onSubmit={(event) => callParent(event)}>\n                <div className=\"d-flex\">\n                    <div className=\"col-9\">\n                        <input type=\"text\" required=\"true\" value={taskName} className=\"form-control input-text-todo\" onChange={(event) => setTaskName(event.target.value)}></input>\n                    </div><div className=\"col-4\">\n                        <button type=\"submit\" className=\"btn btn-todo\" >Add +</button>\n                    </div>\n                </div>\n            </form>\n\n\n        </div>\n    )\n\n}","import { useState } from 'react';\nimport { Form } from './components/Form';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faTrash } from '@fortawesome/free-solid-svg-icons'\nimport './App.css';\n\nconst App = () => {\n\n  const [tasks, setTasks] = useState([]);\n\n\n  const onAddTask = (name) => {\n    let tasksAuxs = [...tasks];\n    tasksAuxs.push({ name: name, done: false });\n    setTasks(tasksAuxs);\n  }\n\n  const onRemoveTask = (task) => {\n    let tasksAuxs = [...tasks];\n    \n  \n\n    setTasks(tasksAuxs.filter((it) =>  it != task));\n  }\n\n  return (\n    <div className=\"App\">\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-sm-12 col-md-8 col-lg-8 offset-md-2 offset-lg-2\">\n            <div className=\"card mt-5 form-todo\">\n              <div className=\"card-header\">\n                <div className=\"d-flex\">\n                  <Form parentCallback={(event) => onAddTask(event)} />\n                </div>\n              </div>\n              <div className=\"card-body\">  \n                {tasks.map(task => {\n                  return (\n                    <div className=\"card-todo\">\n                      <div className=\"col-10\">\n                        <h5 className=\"text-todo\">{task.name}</h5>\n                      </div>\n                  \n                      <div className=\"col-2\">\n                        <button className=\"btn btn-danger\" onClick={(event) => onRemoveTask(task)}>\n                        <FontAwesomeIcon icon={faTrash} />\n                        </button>\n                      </div>\n                    </div>\n                  )\n                })}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\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","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\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":""}