{"version":3,"file":"locations-search-OQt64lkd.js","sources":["../../../app/frontend/entrypoints/admin/components/locations-search.jsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport DebouncedSearch from './debounced-search';\nimport StatePicker from './state-picker';\nimport ChainPicker from './chain-picker';\nimport StatusPicker from './status-picker';\nimport CsvFileUpload from './csv-file-upload';\n\nfunction LocationsSearch({ query, submit, exportLocations, updateSearch, clearSearch }) {\n  function handleSubmit(e) {\n    e.preventDefault();\n  }\n\n  function handleExportClick(e) {\n    e.preventDefault();\n    exportLocations();\n  }\n\n  return (\n    <div className='mx-auto sm:px-6 lg:px-8'>\n      <form className='flex items-start gap-3 mt-4' onSubmit={handleSubmit}>\n        <DebouncedSearch\n          placeholder={\"Search by name\"}\n          query={query.name}\n          update={(value) => {\n            updateSearch('name', value);\n          }}\n        />\n        <DebouncedSearch\n          placeholder={\"Search by address\"}\n          query={query.address}\n          update={(value) => {\n            updateSearch('address', value);\n          }}\n        />\n        <DebouncedSearch\n          placeholder={\"Search by city\"}\n          query={query.city}\n          update={(value) => {\n            updateSearch('city', value);\n          }}\n        />\n        <StatePicker\n          state={query.state_code}\n          update={(value) => {\n            updateSearch('state_code', value);\n          }}\n        />\n        <ChainPicker\n          chain_id={query.chain_id}\n          update={(value) => {\n            updateSearch('chain_id', value);\n          }}\n        />\n        <StatusPicker\n          label=\"Status\"\n          update={(value) => {\n            updateSearch('status', value);\n          }}\n        />\n        <button className=\"h-[40px] shadow-sm bg-white border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block p-2.5 focus:border-indigo-500 sm:text-sm\"\n                onClick={(e) => {\n          e.preventDefault();\n          clearSearch()\n        }}>\n          Clear\n        </button>\n\n        <CsvFileUpload />\n\n        <button\n          onClick={handleExportClick}\n          className=\"h-[40px] shadow-sm bg-white border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block p-2.5 focus:border-indigo-500 sm:text-sm\">\n          Export\n        </button>\n      </form>\n    </div>\n  )\n}\nexport default LocationsSearch;"],"names":["LocationsSearch","query","submit","exportLocations","updateSearch","clearSearch","handleSubmit","e","handleExportClick","jsx","DebouncedSearch","value","StatePicker","ChainPicker","StatusPicker","CsvFileUpload"],"mappings":"4iBAOA,SAASA,EAAgB,CAAE,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,aAAAC,EAAc,YAAAC,GAAe,CACtF,SAASC,EAAaC,EAAG,CACvBA,EAAE,eAAe,CACnB,CAEA,SAASC,EAAkBD,EAAG,CAC5BA,EAAE,eAAe,EACDJ,GAClB,CAGE,OAAAM,EAAA,IAAC,OAAI,UAAU,0BACb,gBAAC,OAAK,CAAA,UAAU,8BAA8B,SAAUH,EACtD,SAAA,CAAAG,EAAA,IAACC,EAAA,CACC,YAAa,iBACb,MAAOT,EAAM,KACb,OAASU,GAAU,CACjBP,EAAa,OAAQO,CAAK,CAC5B,CAAA,CACF,EACAF,EAAA,IAACC,EAAA,CACC,YAAa,oBACb,MAAOT,EAAM,QACb,OAASU,GAAU,CACjBP,EAAa,UAAWO,CAAK,CAC/B,CAAA,CACF,EACAF,EAAA,IAACC,EAAA,CACC,YAAa,iBACb,MAAOT,EAAM,KACb,OAASU,GAAU,CACjBP,EAAa,OAAQO,CAAK,CAC5B,CAAA,CACF,EACAF,EAAA,IAACG,EAAA,CACC,MAAOX,EAAM,WACb,OAASU,GAAU,CACjBP,EAAa,aAAcO,CAAK,CAClC,CAAA,CACF,EACAF,EAAA,IAACI,EAAA,CACC,SAAUZ,EAAM,SAChB,OAASU,GAAU,CACjBP,EAAa,WAAYO,CAAK,CAChC,CAAA,CACF,EACAF,EAAA,IAACK,EAAA,CACC,MAAM,SACN,OAASH,GAAU,CACjBP,EAAa,SAAUO,CAAK,CAC9B,CAAA,CACF,EACAF,EAAA,IAAC,SAAA,CAAO,UAAU,mLACV,QAAUF,GAAM,CACtBA,EAAE,eAAe,EACLF,GACd,EAAG,SAAA,OAAA,CAEH,QAECU,EAAc,EAAA,EAEfN,EAAA,IAAC,SAAA,CACC,QAASD,EACT,UAAU,mLAAmL,SAAA,QAAA,CAE/L,CAAA,CACF,CAAA,CACF,CAAA,CAEJ"}