{"ast":null,"code":"var _jsxFileName = \"/root/.openclaw/workspace/projects/termosa-use-request/example/src/RaceExample.js\",\n  _s = $RefreshSig$();\nimport React from 'react';\nimport useRequest from 'use-request';\nimport api from './api';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst suggestions = ['ap', 'be', 'ch', 'gr', 'pe'];\nconst RaceExample = () => {\n  _s();\n  const [query, setQuery] = React.useState('');\n  const search = React.useCallback(q => q ? api.search(q) : Promise.resolve([]), []);\n  const {\n    value: results,\n    pending\n  } = useRequest(search, [query]);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      style: {\n        position: 'relative'\n      },\n      children: [/*#__PURE__*/_jsxDEV(\"input\", {\n        className: \"demo-input\",\n        value: query,\n        onChange: e => setQuery(e.target.value),\n        placeholder: \"Search fruits...\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 9\n      }, this), pending && /*#__PURE__*/_jsxDEV(\"span\", {\n        className: \"demo-spinner\",\n        style: {\n          position: 'absolute',\n          right: 10,\n          top: 10\n        }\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 11\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 14,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      style: {\n        display: 'flex',\n        gap: 4,\n        marginTop: 6,\n        flexWrap: 'wrap'\n      },\n      children: suggestions.map(s => /*#__PURE__*/_jsxDEV(\"button\", {\n        className: \"demo-btn demo-btn-sm demo-btn-ghost\",\n        onClick: () => setQuery(s),\n        children: s\n      }, s, false, {\n        fileName: _jsxFileName,\n        lineNumber: 27,\n        columnNumber: 11\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 25,\n      columnNumber: 7\n    }, this), results && query && /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"demo-result\",\n      style: {\n        marginTop: 8\n      },\n      children: results.length === 0 ? /*#__PURE__*/_jsxDEV(\"span\", {\n        style: {\n          color: 'var(--text-dim)'\n        },\n        children: \"No matches\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 39,\n        columnNumber: 15\n      }, this) : results.map((r, i) => /*#__PURE__*/_jsxDEV(\"span\", {\n        children: [i > 0 && ', ', r]\n      }, r, true, {\n        fileName: _jsxFileName,\n        lineNumber: 41,\n        columnNumber: 17\n      }, this))\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 37,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 13,\n    columnNumber: 5\n  }, this);\n};\n_s(RaceExample, \"Gkm8YqK2J0S3+9B/SItwu2e4yMM=\", false, function () {\n  return [useRequest];\n});\n_c = RaceExample;\nexport default RaceExample;\nvar _c;\n$RefreshReg$(_c, \"RaceExample\");","map":{"version":3,"names":["React","useRequest","api","jsxDEV","_jsxDEV","suggestions","RaceExample","_s","query","setQuery","useState","search","useCallback","q","Promise","resolve","value","results","pending","children","style","position","className","onChange","e","target","placeholder","fileName","_jsxFileName","lineNumber","columnNumber","right","top","display","gap","marginTop","flexWrap","map","s","onClick","length","color","r","i","_c","$RefreshReg$"],"sources":["/root/.openclaw/workspace/projects/termosa-use-request/example/src/RaceExample.js"],"sourcesContent":["import React from 'react'\nimport useRequest from 'use-request'\nimport api from './api'\n\nconst suggestions = ['ap', 'be', 'ch', 'gr', 'pe']\n\nconst RaceExample = () => {\n  const [query, setQuery] = React.useState('')\n  const search = React.useCallback((q) => q ? api.search(q) : Promise.resolve([]), [])\n  const { value: results, pending } = useRequest(search, [query])\n\n  return (\n    <div>\n      <div style={{ position: 'relative' }}>\n        <input\n          className=\"demo-input\"\n          value={query}\n          onChange={(e) => setQuery(e.target.value)}\n          placeholder=\"Search fruits...\"\n        />\n        {pending && (\n          <span className=\"demo-spinner\" style={{ position: 'absolute', right: 10, top: 10 }} />\n        )}\n      </div>\n      <div style={{ display: 'flex', gap: 4, marginTop: 6, flexWrap: 'wrap' }}>\n        {suggestions.map((s) => (\n          <button\n            key={s}\n            className=\"demo-btn demo-btn-sm demo-btn-ghost\"\n            onClick={() => setQuery(s)}\n          >\n            {s}\n          </button>\n        ))}\n      </div>\n      {results && query && (\n        <div className=\"demo-result\" style={{ marginTop: 8 }}>\n          {results.length === 0\n            ? <span style={{ color: 'var(--text-dim)' }}>No matches</span>\n            : results.map((r, i) => (\n                <span key={r}>\n                  {i > 0 && ', '}\n                  {r}\n                </span>\n              ))\n          }\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default RaceExample\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}