{"_id":"@alaminrifat/react-multiselect-dropdown","_rev":"2-aac848e8ea6de5f975dd835069a6c2f7","name":"@alaminrifat/react-multiselect-dropdown","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@alaminrifat/react-multiselect-dropdown","version":"1.0.0","keywords":["react","dropdown","multiselect","typescript","tailwind"],"author":{"name":"Muhammad Al Amin Rifat"},"license":"MIT","_id":"@alaminrifat/react-multiselect-dropdown@1.0.0","maintainers":[{"name":"alaminrifat","email":"alaminrifat.aiub@gmail.com"}],"homepage":"https://github.com/alaminrifat/react-multiselect-search#readme","bugs":{"url":"https://github.com/alaminrifat/react-multiselect-search/issues"},"dist":{"shasum":"6bc6a315d397d8801a1fa4171b71c72f459b8714","tarball":"https://registry.npmjs.org/@alaminrifat/react-multiselect-dropdown/-/react-multiselect-dropdown-1.0.0.tgz","fileCount":8,"integrity":"sha512-LOy4CQzQDyp6hHzqs4kwnwM4aj6th4vVN33M6ttpzZGO0BE7gRW7D+efdtbVXQNhROvHyRf3IPyYGohKFcrOAA==","signatures":[{"sig":"MEUCIQChtwxDJEoBxhKDSoZx+Wi6J3nzLTA6otFk8o1zjW0NZwIgAvXwBQuG9xu/6pewVqWqLoBwYWouqr8wrqI5oGR/aMw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35525},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"c61ebb5c0421a98a58155bdd8ce7bc5e70e5b574","scripts":{"build":"tsup src/index.ts --format cjs,esm --dts --external react","prepublishOnly":"npm run build"},"_npmUser":{"name":"alaminrifat","email":"alaminrifat.aiub@gmail.com"},"repository":{"url":"git+ssh://git@github.com/alaminrifat/react-multiselect-search.git","type":"git"},"_npmVersion":"10.8.2","description":"A React MultiSelect Dropdown component with search functionality","directories":{},"_nodeVersion":"20.17.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","react":"^18.3.1","postcss":"^8.4.49","@swc/core":"^1.9.3","typescript":"^5.7.2","@types/node":"^22.10.0","tailwindcss":"^3.4.15","@types/react":"^18.3.12","autoprefixer":"^10.4.20","@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-typescript":"^12.1.1","@rollup/plugin-node-resolve":"^15.3.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-multiselect-dropdown_1.0.0_1732627081401_0.6195593605743122","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@alaminrifat/react-multiselect-dropdown","version":"1.0.2","keywords":["react","dropdown","multiselect","typescript","tailwind"],"author":{"name":"Muhammad Al Amin Rifat"},"license":"MIT","_id":"@alaminrifat/react-multiselect-dropdown@1.0.2","maintainers":[{"name":"alaminrifat","email":"alaminrifat.aiub@gmail.com"}],"homepage":"https://github.com/alaminrifat/react-multiselect-dropdown#readme","bugs":{"url":"https://github.com/alaminrifat/react-multiselect-dropdown/issues"},"dist":{"shasum":"bc3cf244c7e24ff3c4d357208c37546f41193cd0","tarball":"https://registry.npmjs.org/@alaminrifat/react-multiselect-dropdown/-/react-multiselect-dropdown-1.0.2.tgz","fileCount":8,"integrity":"sha512-TxgZ7+SVVcmrqJhuBMrJbxkpXcPVX4px9qwXstwxNegDNPmU/fDptpfORKN72mgjc7uq/4Dtv6fWunXlrNj9pg==","signatures":[{"sig":"MEQCIC9RozzbSftCJhueuPpsATx/Wk4q/LUHnHnRBMY36L42AiBDOsLMvdrBHlFxDY1+zYgcaNZ4zoAgJ11EymDiyqFwpw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":35657},"main":"dist/index.js","types":"dist/index.d.ts","module":"dist/index.mjs","gitHead":"05480dc2c8ff7aa50e8acd1bc3c33463955da1e3","scripts":{"build":"tsup src/index.ts --format cjs,esm --dts --external react","prepublishOnly":"npm run build"},"_npmUser":{"name":"alaminrifat","email":"alaminrifat.aiub@gmail.com"},"repository":{"url":"git+ssh://git@github.com/alaminrifat/react-multiselect-dropdown.git","type":"git"},"_npmVersion":"10.8.2","description":"A React MultiSelect Dropdown component with search functionality","directories":{},"_nodeVersion":"20.17.0","_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","react":"^18.3.1","postcss":"^8.4.49","@swc/core":"^1.9.3","typescript":"^5.7.2","@types/node":"^22.10.0","tailwindcss":"^3.4.15","@types/react":"^18.3.12","autoprefixer":"^10.4.20","@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-typescript":"^12.1.1","@rollup/plugin-node-resolve":"^15.3.0"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/react-multiselect-dropdown_1.0.2_1732627567128_0.8131104668839431","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@alaminrifat/react-multiselect-dropdown","version":"1.0.3","description":"A React MultiSelect Dropdown component with search functionality","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","scripts":{"build":"tsup src/index.ts --format cjs,esm --dts --external react","prepublishOnly":"npm run build"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"keywords":["react","dropdown","multiselect","typescript","tailwind"],"devDependencies":{"@rollup/plugin-commonjs":"^28.0.1","@rollup/plugin-node-resolve":"^15.3.0","@rollup/plugin-typescript":"^12.1.1","@swc/core":"^1.9.3","@types/node":"^22.10.0","@types/react":"^18.3.12","autoprefixer":"^10.4.20","postcss":"^8.4.49","react":"^18.3.1","tailwindcss":"^3.4.15","tsup":"^8.3.5","typescript":"^5.7.2"},"author":{"name":"Muhammad Al Amin Rifat"},"license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/alaminrifat/react-multiselect-dropdown.git"},"_id":"@alaminrifat/react-multiselect-dropdown@1.0.3","gitHead":"500dfcd9c33a3b0a6e5b6fafc04fe766988c1ad2","bugs":{"url":"https://github.com/alaminrifat/react-multiselect-dropdown/issues"},"homepage":"https://github.com/alaminrifat/react-multiselect-dropdown#readme","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-3Efg6tpUZ0XgyglYNLil7+DEn9SFf33rKZ9EJPTEPl04xq7Hxjj72BGtTzTLUpo+0xYr8dp+6emqUEjKVbPSZA==","shasum":"dbb7e406e3ff6ca1ef32f84d15f434669c4e9242","tarball":"https://registry.npmjs.org/@alaminrifat/react-multiselect-dropdown/-/react-multiselect-dropdown-1.0.3.tgz","fileCount":8,"unpackedSize":35672,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCieelAqnfgE2IxVGdMZGrxU8WRMreXdlG8QGCFfrM32gIgXYZE0RBiWMjSmAZ4G6Lcb47zYg1MxwD6ftlU5Kiv8FY="}]},"_npmUser":{"name":"alaminrifat","email":"alaminrifat.aiub@gmail.com"},"directories":{},"maintainers":[{"name":"alaminrifat","email":"alaminrifat.aiub@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-multiselect-dropdown_1.0.3_1732628137182_0.3026195398146754"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-26T13:18:01.263Z","modified":"2024-11-26T13:35:37.509Z","1.0.0":"2024-11-26T13:18:01.580Z","1.0.2":"2024-11-26T13:26:07.303Z","1.0.3":"2024-11-26T13:35:37.343Z"},"bugs":{"url":"https://github.com/alaminrifat/react-multiselect-dropdown/issues"},"author":{"name":"Muhammad Al Amin Rifat"},"license":"MIT","homepage":"https://github.com/alaminrifat/react-multiselect-dropdown#readme","keywords":["react","dropdown","multiselect","typescript","tailwind"],"repository":{"type":"git","url":"git+ssh://git@github.com/alaminrifat/react-multiselect-dropdown.git"},"description":"A React MultiSelect Dropdown component with search functionality","maintainers":[{"name":"alaminrifat","email":"alaminrifat.aiub@gmail.com"}],"readme":"# React MultiSelect Dropdown\r\n\r\nA customizable React MultiSelect Dropdown component with search functionality and TypeScript support.\r\n\r\n## Preview\r\n\r\n![search](https://i.ibb.co.com/VMM6y2L/search.png)\r\n![with select](https://i.ibb.co.com/3MTshqt/with-select.png)\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install react-multiselect-search\r\n```\r\n\r\n```jsx\r\nimport { MultiSelectDropdown } from \"@alaminrifat/react-multiselect-dropdown\";\r\n\r\nconst options = [\r\n  { id: 1, label: \"Option 1\" },\r\n  { id: 2, label: \"Option 2\" },\r\n  { id: 3, label: \"Option 3\" }\r\n  { id: 4, label: \"Option 4\" }\r\n  { id: 5, label: \"Option 5\" }\r\n  { id: 6, label: \"Option 6\" }\r\n];\r\n\r\nfunction App() {\r\n  const [selected, setSelected] = useState([]);\r\n  const [search, setSearch] = useState(\"\");\r\n\r\n  return (\r\n    <MultiSelectDropdown\r\n      options={options}\r\n      selected={selected}\r\n      search={search}\r\n      onSearchChange={setSearch}\r\n      onSelectedChange={setSelected}\r\n    />\r\n  );\r\n}\r\n```\r\n\r\n## Props:\r\n\r\n| Prop               | Type                           | Description                 |\r\n| ------------------ | ------------------------------ | --------------------------- |\r\n| `options`          | `Option[]`                     | Array of options to display |\r\n| `selected`         | `Option[]`                     | Array of selected options   |\r\n| `search`           | `string`                       | Search input value          |\r\n| `onSearchChange`   | `(search: string) => void`     | Search change handler       |\r\n| `onSelectedChange` | `(selected: Option[]) => void` | Selection change handler    |\r\n","readmeFilename":"README.md"}