{"version":3,"sources":["components/index.tsx","components/Footer/index.tsx","components/DataTable/index.tsx","components/BarChat/index.tsx","components/DonutChart/index.tsx","App.tsx","index.tsx"],"names":["NavBar","className","href","src","width","height","border-radius","alt","Footer","target","rel","DataTable","BarChart","mockData","labels","categories","series","name","data","options","plotOptions","bar","horizontal","xaxis","type","DonutChart","legend","show","App","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.b424359a.chunk.js","sourcesContent":["const NavBar = () => {\n  return (\n<div className =\"d-flex flex-column flex-md-row align-items-center p-0 mb-3 bg-light border-bottom shadow-sm\">\n<nav className=\"container\" >\n  <a  href=\"##\" className=\"navbar-brand text-primary m-0 \">\n  <img src=\"https://github.com/ulaecio/dash-vendas/blob/main/frontend/src/assets/img/logo64px.png?raw=true\" width=\"45rem\" height=\"45rem\" border-radius=\"50%\" className=\"img-responsive d-inline-block align-items-center m-2\" alt=\"\"/>\n  Farol de vendas\n</a>\n\n</nav>\n  </div>\n  );\n};\n\nexport default NavBar;\n","const Footer = () => {\n  return (\n    <footer className=\"footer mt-auto py-3 bg-dark\">\n      <div className=\"container\">\n        <p className=\"text-light\">\n          Developed by {\" \"}\n          <a\n            href=\"https://instagram.com/ulaecio\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n          >\n            tic - psiu\n          </a>\n        </p>\n        <p className=\"text-light\">\n          <small>Copy right <a\n              href=\"https://instagram.com/ulaecio\"\n              target=\"_blank\"\n              rel=\"noreferrer\"\n            > DBL Industria de Bebidas\n            </a>\n          </small>\n        </p>\n      </div>\n    </footer>\n  );\n};\n\nexport default Footer;","const DataTable = () => {\n  return (\n<div className=\"table-responsive\">\n<table className=\"table table-striped table-sm table-hover\">\n          <thead>\n              <tr>\n                  <th>Rota</th>\n                  <th>Quant. clientes visitados</th>\n                  <th>Vol. vendido</th>\n                  <th>Valor vendido</th>\n                  <th>Meta</th>\n              </tr>\n          </thead>\n          <tbody>\n              <tr>\n                  <td>401</td>\n                  <td>15</td>\n                  <td>46 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 1017.00</td>\n              </tr>            \n              <tr>\n                  <td>402</td>\n                  <td>10</td>\n                  <td>23 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 15017.00</td>\n              </tr>            \n              <tr>\n                  <td>405</td>\n                  <td>12</td>\n                  <td>42 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 12456.00</td>\n              </tr>            \n              <tr>\n                  <td>406</td>\n                  <td>4</td>\n                  <td>15 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 854.00</td>\n              </tr>            \n              <tr>\n                  <td>407</td>\n                  <td>5</td>\n                  <td>10 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 7458.00</td>\n              </tr>            \n              <tr>\n                  <td>409</td>\n                  <td>7</td>\n                  <td>4 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 452.00</td>\n              </tr>            \n              <tr>\n                  <td>410</td>\n                  <td>13</td>\n                  <td>23 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 945.00</td>\n              </tr>            \n              <tr>\n                  <td>411</td>\n                  <td>11</td>\n                  <td>52 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 457.00</td>\n              </tr>            \n              <tr>\n                  <td>412</td>\n                  <td>9</td>\n                  <td>3 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 7458.00</td>\n              </tr>            \n              <tr>\n                  <td>414</td>\n                  <td>16</td>\n                  <td>15 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 45612.00</td>\n              </tr>            \n              <tr>\n                  <td>415</td>\n                  <td>17</td>\n                  <td>42 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 4579.00</td>\n              </tr>            \n              <tr>\n                  <td>416</td>\n                  <td>2</td>\n                  <td>9 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 34568.00</td>\n              </tr>            \n              <tr>\n                  <td>418</td>\n                  <td>5</td>\n                  <td>29 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 854.00</td>\n              </tr>            \n              <tr>\n                  <td>421</td>\n                  <td>4</td>\n                  <td>32 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>4587.00</td>\n              </tr>            \n              <tr>\n                  <td>422</td>\n                  <td>3</td>\n                  <td>42 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 65894.00</td>\n              </tr>            \n              <tr>\n                  <td>423</td>\n                  <td>6</td>\n                  <td>46 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 4524.00</td>\n              </tr>            \n              <tr>\n                  <td>424</td>\n                  <td>8</td>\n                  <td>49 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 4212.00</td>\n              </tr>            \n              <tr>\n                  <td>425</td>\n                  <td>13</td>\n                  <td>439 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 457.00</td>\n              </tr>            \n              <tr>\n                  <td>426</td>\n                  <td>14</td>\n                  <td>42 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 10222.00</td>\n              </tr>            \n              <tr>\n                  <td>430</td>\n                  <td>9</td>\n                  <td>470 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 14566.00</td>\n              </tr>            \n              <tr>\n                  <td>431</td>\n                  <td>18</td>\n                  <td>47 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 13554.00</td>\n              </tr>            \n              <tr>\n                  <td>432</td>\n                  <td>20</td>\n                  <td>19 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 16017.00</td>\n              </tr>            \n              <tr>\n                  <td>440</td>\n                  <td>2</td>\n                  <td>68 caixas</td>\n                  <td>R$ 2455</td>\n                  <td>R$ 1605.00</td>\n              </tr>            \n          </tbody>\n      </table>\n</div>\n  );\n};\n\nexport default DataTable;\n","import Chart from 'react-apexcharts';\n\nconst BarChart = () => {\n  \n    const options = {\n        plotOptions: {\n            bar: {\n                horizontal: true,\n            }\n        },\n    };\n\n    const mockData = {\n        labels: {\n            categories: ['Setor 01', 'Setor 02', 'Setor 03', 'Setor 04', 'Setor 05', 'Setor 06', 'Setor 07']\n        },\n        series: [\n            {\n                name: \"Volume\",\n                data: [43.6, 65.1, 67.7, 45.6, 51.1, 71.1, 45.1]                   \n            }\n        ]\n    };\n    return (\n        <Chart \n            options={{...options, xaxis: mockData.labels}}\n            series={mockData.series}\n            type=\"bar\"\n            height=\"240\"\n        />\n  );\n}\n\nexport default BarChart;\n","import Chart from 'react-apexcharts';\n\nconst DonutChart = () => {\n  \n    const mockData = {\n        series: [477138, 499928, 444867, 220426, 473088, 553088],\n        labels: ['Psiu Teen', 'Mará', 'Psiu Laranja', 'Água Luí', 'Psiu Cola', 'Psiu Guaraná']\n    }\n    \n    const options = {\n        legend: {\n            show: true\n        }\n    }\n\n    return (\n        <Chart \n            options={{...options, labels: mockData.labels}}\n            series={mockData.series}\n            type=\"donut\"\n            height=\"240\"\n        />\n  );\n}\n\nexport default DonutChart;\n","import NavBar from \"components\";\nimport Footer from \"components/Footer\";\nimport \"assets/css/styles.css\";\nimport DataTable from \"components/DataTable\";\nimport BarChart from \"components/BarChat\";\nimport DonutChart from \"components/DonutChart\";\n\nfunction App() {\n  return (\n    <>\n      <NavBar />\n      <div className=\"container\">\n        <h1 className=\"text-primary py-3\">Dashboard</h1>\n        <div className=\"row px-3\">\n          <div className=\"col-sm-6\">\n            <h5 className=\"text-center text-secondary\">Volume/Setor</h5>\n            <BarChart />\n          </div>\n          <div className=\"col-sm-6\">\n            <h5 className=\"text-center text-secondary\">Todas vendas</h5>\n            <DonutChart />\n          </div>\n        </div>\n        <div className=\"py-3\">\n          <h2 className=\"text-primary\">\n          Resumo por Rotas\n          </h2>\n        </div>\n        <DataTable />\n      </div>\n      <Footer />\n    </>\n  );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport 'bootstrap/dist/css/bootstrap.css';\nimport App from './App';\nimport 'assets/css/styles.css';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n"],"sourceRoot":""}