{"version":3,"sources":["components/navbar/navbar.js","components/employeeList/employeeList.js","App.js","serviceWorker.js","index.js"],"names":["Navbar","className","href","EmployeeList","useState","Employees","employeeState","searchName","setSearchName","employFiltered","filter","employee","name","includes","sortNames","setSortNames","defaultNameList","map","console","log","id","value","charAt","toUpperCase","slice","placeholder","type","onChange","e","target","onClick","role","src","image","class","alt","height","sort","App","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","error","message"],"mappings":"qjCAWeA,G,MARA,WACX,OACI,yBAAKC,UAAU,UACX,uBAAGC,KAAK,KAAI,sD,cCsDTC,G,MAxDM,WAAM,MAGCC,mBAASC,GAA1BC,EAHgB,sBAKaF,mBAAS,IALtB,mBAKhBG,EALgB,KAKJC,EALI,KAMjBC,EAAiBH,EAAcI,QAAO,SAAAC,GAAQ,OAAIA,EAASC,KAAKC,SAASN,MANxD,EAQWH,mBAAS,IARpB,mBAQhBU,EARgB,KAQLC,EARK,KAUnBC,EAAkBV,EAAcW,KAAI,SAAAN,GAAQ,OAAIA,EAASC,QAyB7D,OAFAM,QAAQC,IAAIH,GAIR,yBAAKf,UAAU,aAEf,6BACA,yBAAKmB,GAAG,UACR,2BAAOC,MAAOd,EAAWe,OAAO,GAAGC,cAAgBhB,EAAWiB,MAAM,GAAIC,YAAY,OAAOC,KAAK,OAAOd,KAAK,SAASe,SAAU,SAAAC,GAAC,OAAIpB,EAAcoB,EAAEC,OAAOR,UAAU,4BAAQS,QAAS,SAAAF,GAAC,OAAIb,EAAa,UAAnC,OACrK,6BACA,4BAAKR,IAGL,6BAEA,4BAnCIA,EACOE,EAAeQ,KAAI,SAAAN,GAAQ,OAClC,yBAAKV,UAAU,QACX,2BAAIU,EAASoB,MACb,yBAAKC,IAAKrB,EAASsB,MAAOC,MAAM,eAAeC,IAAI,UAAUC,OAAO,QACpE,yBAAKnC,UAAU,aACf,wBAAIiC,MAAM,cAAcvB,EAASC,WAKvB,SAAdE,GACAE,EAAkBA,EAAgBqB,QACXpB,KAAI,SAACL,GAAD,OAAU,4BAAKA,MAGnCI,EAAgBC,KAAI,SAACL,GAAD,OAAU,4BAAKA,UCpBvC0B,MATf,WACE,OACE,oCACA,kBAAC,EAAD,MACA,kBAAC,EAAD,QCIgBC,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2D,MCZNC,IAASC,OACP,kBAAC,IAAMC,WAAP,KACE,kBAAC,EAAD,OAEFC,SAASC,eAAe,SDyHpB,kBAAmBC,WACrBA,UAAUC,cAAcC,MACrBC,MAAK,SAAAC,GACJA,EAAaC,gBAEdC,OAAM,SAAAC,GACLtC,QAAQsC,MAAMA,EAAMC,c","file":"static/js/main.e90fce73.chunk.js","sourcesContent":["import React from \"react\";\nimport \"./style.css\"\n\nconst Navbar = () => {\n    return(\n        <nav className=\"navbar\">\n            <a href=\"/\"><h3>Employee Directory</h3></a>\n        </nav>\n    )\n};\n\nexport default Navbar;","import React, {useState} from \"react\";\nimport Employees from \"../../utils/employees.json\"\nimport \"./employeeList.css\"\n\nconst EmployeeList = () => {\n\n    // Json\n    const [employeeState] = useState(Employees);\n\n    const [searchName, setSearchName] = useState(\"\");\n    const employFiltered = employeeState.filter(employee => employee.name.includes(searchName));\n\n    const [sortNames, setSortNames] = useState(\"\");\n\n    let defaultNameList = employeeState.map(employee => employee.name);\n\n    const displayEmployees = () => {\n        if (searchName) {\n            return employFiltered.map(employee => \n            <div className=\"card\">\n                <p>{employee.role}</p>  \n                <img src={employee.image} class=\"card-img-top\" alt=\"profile\" height=\"10%\"/>\n                <div className=\"card-body\">\n                <h5 class=\"card-title\">{employee.name}</h5>\n            </div>\n          </div>\n            )\n        }\n        if (sortNames === \"true\") {\n            defaultNameList = defaultNameList.sort()\n            return defaultNameList.map((name) => <li>{name}</li>)\n        }\n        else {\n            return defaultNameList.map((name) => <li>{name}</li>)\n        }\n    };\n\n    console.log(defaultNameList)\n\n    return(\n\n        <div className=\"container\">\n\n        <br/>   \n        <div id=\"search\">\n        <input value={searchName.charAt(0).toUpperCase() + searchName.slice(1)} placeholder=\"Name\" type=\"text\" name=\"search\" onChange={e => setSearchName(e.target.value)} /><button onClick={e => setSortNames(\"true\")}>A-Z</button>\n        <br/>\n        <h3>{searchName}</h3>\n        </div>\n\n        <br/>\n\n        <ul>\n            {displayEmployees()}\n        </ul>\n\n        </div>\n    )\n};\n\nexport default EmployeeList;","import React from 'react';\nimport Navbar from \"./components/navbar/navbar\";\nimport EmployeeList from './components/employeeList/employeeList';\n\nfunction App() {\n  return (\n    <>\n    <Navbar />\n    <EmployeeList />\n    </>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport \"./index.css\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}