{"version":3,"file":"debounced-search-neljk1-z.js","sources":["../../../app/frontend/entrypoints/admin/components/debounced-search.jsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\n\n\nfunction DebouncedSearch({ placeholder, query, update }) {\n  const [value, setValue] = useState(query || \"\");\n  const timeoutRef = useRef(null);\n\n  function debouncedSearch(string) {\n    if(timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      update(string)\n    }, 300)\n  }\n\n  return (\n    <input\n      id=\"search-input\"\n      placeholder={placeholder}\n      className=\"w-[160px] h-[40px] block shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-400 rounded-md placeholder-gray-600\"\n      type=\"search\"\n      value={value}\n      onChange={(e) => {\n        e.preventDefault();\n        setValue(e.target.value);\n        debouncedSearch(e.target.value);\n      }}\n      name=\"q\"\n    />\n  )\n\n}\nexport default DebouncedSearch;"],"names":["DebouncedSearch","placeholder","query","update","value","setValue","useState","timeoutRef","useRef","debouncedSearch","string","jsx"],"mappings":"uIAGA,SAASA,EAAgB,CAAE,YAAAC,EAAa,MAAAC,EAAO,OAAAC,GAAU,CACvD,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASJ,GAAS,EAAE,EACxCK,EAAaC,SAAO,IAAI,EAE9B,SAASC,EAAgBC,EAAQ,CAC5BH,EAAW,SACZ,aAAaA,EAAW,OAAO,EAGtBA,EAAA,QAAU,WAAW,IAAM,CACpCJ,EAAOO,CAAM,GACZ,GAAG,CACR,CAGE,OAAAC,EAAA,IAAC,QAAA,CACC,GAAG,eACH,YAAAV,EACA,UAAU,8IACV,KAAK,SACL,MAAAG,EACA,SAAW,GAAM,CACf,EAAE,eAAe,EACRC,EAAA,EAAE,OAAO,KAAK,EACPI,EAAA,EAAE,OAAO,KAAK,CAChC,EACA,KAAK,GAAA,CAAA,CAIX"}