{"_id":"@abdelkd/react-autosuggestion","_rev":"3-5c31f7d6d2fc3206d1076dddf50efa6f","name":"@abdelkd/react-autosuggestion","dist-tags":{"latest":"0.4.0"},"versions":{"0.1.0":{"name":"@abdelkd/react-autosuggestion","version":"0.1.0","type":"module","scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"@radix-ui/react-scroll-area":"^1.0.5","clsx":"^2.1.0","react":"^18.2.0","react-dom":"^18.2.0","react-window":"^1.8.10","tw-merge":"0.0.1-alpha.3"},"devDependencies":{"@types/node":"^20.11.17","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@types/react-window":"^1.8.8","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","autoprefixer":"^10.4.17","eslint":"^8.55.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","postcss":"^8.4.35","tailwindcss":"^3.4.1","typescript":"^5.2.2","vite":"^5.0.8","vitest":"^1.3.1"},"_id":"@abdelkd/react-autosuggestion@0.1.0","gitHead":"6cb75c283ec42878616318ba2b43decb5b8f6f99","description":"Build fast and performant React autocomplete components with this library. Features include asynchronous data fetching and optimizations for large datasets.","_nodeVersion":"21.6.2","_npmVersion":"10.2.4","dist":{"integrity":"sha512-LbUKiBrtKd1fivRk7ah0xNM2+WWF/YOZdI5PcN0tcLZ4FX8BBBk0nJq+0Zr2uw+OuwXVcU9ym+hb+SXZ7rYVIA==","shasum":"82bfb112bb1d54855e3965d3a630f66ef6de5a88","tarball":"https://registry.npmjs.org/@abdelkd/react-autosuggestion/-/react-autosuggestion-0.1.0.tgz","fileCount":21,"unpackedSize":12426,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCvBKGsnyzc9+2RM8NXRMwmJaWMAf8f+y2dYbQxaSL03gIgPGsiy0aH/iFIzINgRuT7tsOM+e0b/DCU7uI+2wvR8t8="}]},"_npmUser":{"name":"abdelkd","email":"abdelkarimdjelalda@gmail.com"},"directories":{},"maintainers":[{"name":"abdelkd","email":"abdelkarimdjelalda@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-autosuggestion_0.1.0_1709467036942_0.7797231495360628"},"_hasShrinkwrap":false},"0.2.0":{"name":"@abdelkd/react-autosuggestion","version":"0.2.0","type":"module","main":"./dist/react-autosuggestion.js","types":"./dist/main.d.ts","scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"@radix-ui/react-scroll-area":"^1.0.5","clsx":"^2.1.0","react":"^18.2.0","react-dom":"^18.2.0","react-window":"^1.8.10","tw-merge":"0.0.1-alpha.3"},"devDependencies":{"@types/node":"^20.11.17","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@types/react-window":"^1.8.8","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","autoprefixer":"^10.4.17","eslint":"^8.55.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","postcss":"^8.4.35","tailwindcss":"^3.4.1","typescript":"^5.2.2","vite":"^5.0.8","vite-plugin-dts":"^3.7.3","vite-plugin-lib-inject-css":"^2.0.0","vitest":"^1.3.1"},"_id":"@abdelkd/react-autosuggestion@0.2.0","gitHead":"6cb75c283ec42878616318ba2b43decb5b8f6f99","description":"Build fast and performant React autocomplete components with this library. Features include asynchronous data fetching and optimizations for large datasets.","_nodeVersion":"21.6.2","_npmVersion":"10.2.4","dist":{"integrity":"sha512-r/UKe1uT6eANlRbkNuBkjFWBO9liR+QDaiI3Y1j4syRCAzR6OCwX5duqYFgQVbA+mqo07eF8qhycR2RLN0LLMg==","shasum":"87f0ae6b54fee6e6cc7e9425f55e883dd11c7929","tarball":"https://registry.npmjs.org/@abdelkd/react-autosuggestion/-/react-autosuggestion-0.2.0.tgz","fileCount":21,"unpackedSize":12729,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHpRZG+eQZvTnW1RMnR/NOTb9Bkew0XGy2SYU9iGMns8AiAUWB6RIjQBHW+FzUscqImodZkhu8Nqdwe01SsU4jEK/g=="}]},"_npmUser":{"name":"abdelkd","email":"abdelkarimdjelalda@gmail.com"},"directories":{},"maintainers":[{"name":"abdelkd","email":"abdelkarimdjelalda@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-autosuggestion_0.2.0_1709468256209_0.34890831392851807"},"_hasShrinkwrap":false},"0.3.0":{"name":"@abdelkd/react-autosuggestion","version":"0.3.0","type":"module","main":"./dist/react-autosuggestion.js","types":"./dist/main.d.ts","dependencies":{"@radix-ui/react-scroll-area":"^1.0.5","clsx":"^2.1.0","react":"^18.2.0","react-dom":"^18.2.0","react-window":"^1.8.10","tw-merge":"0.0.1-alpha.3"},"devDependencies":{"@types/node":"^20.11.17","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@types/react-window":"^1.8.8","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","autoprefixer":"^10.4.17","eslint":"^8.55.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","postcss":"^8.4.35","tailwindcss":"^3.4.1","typescript":"^5.2.2","vite":"^5.0.8","vite-plugin-dts":"^3.7.3","vite-plugin-lib-inject-css":"^2.0.0","vitest":"^1.3.1"},"scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"description":"Build fast and performant React autocomplete components with this library. Features include asynchronous data fetching and optimizations for large datasets.","_id":"@abdelkd/react-autosuggestion@0.3.0","_integrity":"sha512-CtmqRRstcY90mF26ytbYffhAHsnNLj56vfNlbIBprdq80xOwd5iwQ8ma/7SU8e+lETRZwWQt13bTti4JKhPn+g==","_resolved":"/data/data/com.termux/files/usr/tmp/2d23d263ae4fa93700a891b590bf87ee/abdelkd-react-autosuggestion-0.3.0.tgz","_from":"file:abdelkd-react-autosuggestion-0.3.0.tgz","_nodeVersion":"21.6.2","_npmVersion":"10.2.4","dist":{"integrity":"sha512-CtmqRRstcY90mF26ytbYffhAHsnNLj56vfNlbIBprdq80xOwd5iwQ8ma/7SU8e+lETRZwWQt13bTti4JKhPn+g==","shasum":"64fe1031cf71ed35fd22872391ce0f1a41522f95","tarball":"https://registry.npmjs.org/@abdelkd/react-autosuggestion/-/react-autosuggestion-0.3.0.tgz","fileCount":21,"unpackedSize":13368,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC4zB64YXExWtnEYHqGN/QDjIgZRpwVSNKx1DKoTo01uAiEA5I/fWzcpbXIv57V4M07BpoFlWawK8kJaoub1aUMT2LM="}]},"_npmUser":{"name":"abdelkd","email":"abdelkarimdjelalda@gmail.com"},"directories":{},"maintainers":[{"name":"abdelkd","email":"abdelkarimdjelalda@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-autosuggestion_0.3.0_1709469527761_0.8383506249761867"},"_hasShrinkwrap":false},"0.4.0":{"name":"@abdelkd/react-autosuggestion","version":"0.4.0","type":"module","main":"./dist/react-autosuggestion.js","types":"./dist/main.d.ts","scripts":{"dev":"vite","build":"tsc --p ./tsconfig-build.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"dependencies":{"@radix-ui/react-scroll-area":"^1.0.5","clsx":"^2.1.0","react":"^18.2.0","react-dom":"^18.2.0","react-window":"^1.8.10","tw-merge":"0.0.1-alpha.3"},"devDependencies":{"@types/node":"^20.11.17","@types/react":"^18.2.43","@types/react-dom":"^18.2.17","@types/react-window":"^1.8.8","@typescript-eslint/eslint-plugin":"^6.14.0","@typescript-eslint/parser":"^6.14.0","@vitejs/plugin-react":"^4.2.1","autoprefixer":"^10.4.17","eslint":"^8.55.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","postcss":"^8.4.35","tailwindcss":"^3.4.1","typescript":"^5.2.2","vite":"^5.0.8","vite-plugin-dts":"^3.7.3","vite-plugin-lib-inject-css":"^2.0.0","vitest":"^1.3.1"},"_id":"@abdelkd/react-autosuggestion@0.4.0","gitHead":"829ef60e5ff95330850bd02577337cedbf2e0fac","description":"Build fast and performant React autocomplete components with this library. Features include asynchronous data fetching and optimizations for large datasets.","_nodeVersion":"21.6.2","_npmVersion":"10.2.4","dist":{"integrity":"sha512-9o1zl33eU6y+fcHMZA+A3Xzgy8YCs23r/hCJcOARCinv6P/o633Jrp+LeAmUVLAOnuIIz6zgwS+Vks/9NjBIMw==","shasum":"9134e1c6c827d85745f90a8fc2278e8548dc79ff","tarball":"https://registry.npmjs.org/@abdelkd/react-autosuggestion/-/react-autosuggestion-0.4.0.tgz","fileCount":17,"unpackedSize":35559,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrHDVVKpKSc1MymLDt5JWaiqzd1rAbSTtE18NBggjA4QIgY7rUZBuy1gZ9huWOxu9eYKP5owERb7stjgVvLuCWEZo="}]},"_npmUser":{"name":"abdelkd","email":"abdelkarimdjelalda@gmail.com"},"directories":{},"maintainers":[{"name":"abdelkd","email":"abdelkarimdjelalda@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-autosuggestion_0.4.0_1709470084530_0.7214596469891714"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-03T11:57:16.852Z","0.1.0":"2024-03-03T11:57:17.070Z","modified":"2024-03-03T12:48:05.133Z","0.2.0":"2024-03-03T12:17:36.362Z","0.3.0":"2024-03-03T12:38:47.917Z","0.4.0":"2024-03-03T12:48:04.708Z"},"maintainers":[{"name":"abdelkd","email":"abdelkarimdjelalda@gmail.com"}],"description":"Build fast and performant React autocomplete components with this library. Features include asynchronous data fetching and optimizations for large datasets.","readme":"\n\n# React Suggestion\n\nBuild fast and performant React autocomplete components with this library. Features include asynchronous data fetching and optimizations for large datasets.\n\n# Features\n- type safe\n- high performance with large datasets\n- ease of use\n\n\n## Installation\n```bash\nnpm i @abdelkd/react-suggestion\n```\n\n## 🚀 Quick Start\n```typescript\nimport {\n  AutoSuggestion\n  AutoSuggestionInput\n  AutoSuggestionList\n} from '@abdelkd/react-suggestion';\n\n// an async function takes a string which is the user search keyword\nconst fakeQueryFn = async (q: string) => {\n  const data = new Array(20).fill(null).map((_, i) => i)\n  const res = data.filter(item => item < Number(query))\n\n  return res // return an array of the  result\n}\n\nconst Search = () => {\n  return <AutoSuggestion>\n    <AutoSuggestionInput />\n    <AutoSuggestionList\n      queryFn={fakeQueryFn} // pass the asynchronous function\n      renderItem={({ item }) => <p>{item}</p>} // how to render each item in the list\n      itemSize={20} // Size of each item on the  list\n    />\n  </AutoSuggestion>\n}\n```\n","readmeFilename":"README.md"}