{"_id":"@anil-labs/file-picker-react","_rev":"2-e2a4ea98aa990fec5c7089526f457c54","name":"@anil-labs/file-picker-react","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@anil-labs/file-picker-react","version":"0.1.0","keywords":["react","file-picker","media-library","file-upload","image-picker"],"author":"Er. Anil Kumar Thakur ","license":"MIT","_id":"@anil-labs/file-picker-react@0.1.0","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"homepage":"https://github.com/anilkumarthakur60/file-picker/tree/main/packages/react#readme","bugs":"https://github.com/anilkumarthakur60/file-picker/issues","dist":{"shasum":"0c9c7c7af716789f43c9054ce7dbc3ee62a077b0","tarball":"https://registry.npmjs.org/@anil-labs/file-picker-react/-/file-picker-react-0.1.0.tgz","fileCount":10,"integrity":"sha512-i/6wXrLbvjboCIFDBHcPjxNF+HILl6kX25103x2/0UlDqjQ6K9rF3w9jmAhHayCGEeDpPeiqqxzRzgTh0g+3EA==","signatures":[{"sig":"MEYCIQCkiq+1idxzF3MSxLyoU3aPT/jEWLAiU0TlFOBgBNmBjwIhANJgTMUHXYPqFF1WXSgty1lZ3Lle+u/weY97ZsEmmhSX","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":31681},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=22"},"exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"scripts":{"dev":"tsup --watch","test":"echo \"covered by @anil-labs/file-picker-core\"","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"repository":{"url":"git+https://github.com/anilkumarthakur60/file-picker.git","type":"git","directory":"packages/react"},"description":"React bindings for @anil-labs/file-picker-core — a media-library file picker with folders, upload, filters and metadata editing.","directories":{},"sideEffects":false,"_nodeVersion":"24.18.0","dependencies":{"@anil-labs/file-picker-core":"^0.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.1","react":"^19.2.8","typescript":"^5.7.2","@types/react":"^19.2.17"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/file-picker-react_0.1.0_1785433484183_0.34371119380634085","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@anil-labs/file-picker-react","version":"0.1.1","description":"React bindings for @anil-labs/file-picker-core — a media-library file picker with folders, upload, filters and metadata editing.","type":"module","main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":{"types":"./dist/index.d.ts","default":"./dist/index.js"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"sideEffects":false,"keywords":["react","file-picker","media-library","file-upload","image-picker"],"engines":{"node":">=22"},"license":"MIT","author":"Er. Anil Kumar Thakur ","repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/file-picker.git","directory":"packages/react"},"homepage":"https://github.com/anilkumarthakur60/file-picker/tree/main/packages/react#readme","bugs":"https://github.com/anilkumarthakur60/file-picker/issues","publishConfig":{"access":"public"},"dependencies":{"@anil-labs/file-picker-core":"^0.1.1"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0"},"devDependencies":{"@types/react":"^19.2.17","react":"^19.2.8","tsup":"^8.5.1","typescript":"^5.7.2"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"echo \"covered by @anil-labs/file-picker-core\"","typecheck":"tsc --noEmit"},"_nodeVersion":"24.18.0","_id":"@anil-labs/file-picker-react@0.1.1","dist":{"integrity":"sha512-uX57dYrExQN2PL4rhtKOn/BDd0pKd538jX4fYEWlqw6C62ffBUQlnMBfClm2Lqv1BMicQw7a2bi+YM5e3Hhmww==","shasum":"3edc0c6cb6d2768eac1dd3f21fc429c30a2193d1","tarball":"https://registry.npmjs.org/@anil-labs/file-picker-react/-/file-picker-react-0.1.1.tgz","fileCount":10,"unpackedSize":32219,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDgrwncGt8AeEICv2x13KOgw2LHVkoVZyA94YI841+jyAiAEzLIo81CMCFxGSFRXmHK1/1gDB7yssFjI8sgjjeVfIA=="}]},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"directories":{},"maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/file-picker-react_0.1.1_1785434877721_0.3039779239242877"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-30T17:44:44.064Z","modified":"2026-07-30T18:07:58.046Z","0.1.0":"2026-07-30T17:44:44.340Z","0.1.1":"2026-07-30T18:07:57.864Z"},"bugs":"https://github.com/anilkumarthakur60/file-picker/issues","author":"Er. Anil Kumar Thakur ","license":"MIT","homepage":"https://github.com/anilkumarthakur60/file-picker/tree/main/packages/react#readme","keywords":["react","file-picker","media-library","file-upload","image-picker"],"repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/file-picker.git","directory":"packages/react"},"description":"React bindings for @anil-labs/file-picker-core — a media-library file picker with folders, upload, filters and metadata editing.","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"readme":"# @anil-labs/file-picker-react\n\n**React bindings for [`@anil-labs/file-picker`](https://github.com/anilkumarthakur60/file-picker)** — a media-library file picker with folders, upload, filters and metadata editing.\n\n[![npm](https://img.shields.io/npm/v/@anil-labs/file-picker-react?color=3b82f6&label=npm)](https://www.npmjs.com/package/@anil-labs/file-picker-react)\n\n## Install\n\n```bash\nnpm i @anil-labs/file-picker-react\n```\n\n## Quick start\n\n```tsx\nimport { FilePicker } from '@anil-labs/file-picker-react'\nimport { createMemoryAdapter } from '@anil-labs/file-picker-core'\nimport '@anil-labs/file-picker-core/styles.css'\n\nconst adapter = createMemoryAdapter({ media: [], folders: [] })\n\nexport function Demo() {\n return console.log(items)} />\n}\n```\n\nPrefer full control? Drive it with the hook and render your own trigger:\n\n```tsx\nimport { useFilePicker } from '@anil-labs/file-picker-react'\n\nfunction Picker() {\n const { open, selected, isOpen } = useFilePicker({ adapter, multiple: true })\n return \n}\n```\n\n## API\n\n- `` — spreads all [`FilePickerOptions`](https://anilkumarthakur60.github.io/file-picker/reference/api) as props (`adapter` required), plus `label`, `showSelected`, `children` (custom trigger), and `onSelect` / `onChange` / `onUpload`.\n- `useFilePicker(options)` → `{ picker, selected, isOpen, open, close, setSelected }`.\n\nCleanup is automatic on unmount, and the package ships a `'use client'` banner so it works in the\nNext.js App Router. Peer: `react >= 17`.\n\n## Documentation\n\n****\n\n## License\n\nMIT © Er. Anil Kumar Thakur\n","readmeFilename":""}