{"_rev":"12-471a9efa02993a6e1008e73072638802","time":{"created":"2024-06-28T09:22:52.196Z","modified":"2024-06-28T09:22:52.680Z","1.0.0":"2024-06-28T08:03:14.781Z","1.0.1":"2024-06-28T08:10:50.738Z","1.0.2":"2024-06-28T08:34:39.953Z","1.0.4":"2024-06-28T08:40:45.156Z","1.0.5":"2024-06-28T08:48:21.538Z","1.0.6":"2024-06-28T08:48:37.459Z","1.0.7":"2024-06-28T09:00:17.497Z","1.0.8":"2024-06-28T09:22:52.443Z"},"_id":"@akifzdemir/react-multi-select","name":"@akifzdemir/react-multi-select","dist-tags":{"latest":"1.0.8"},"versions":{"1.0.8":{"name":"@akifzdemir/react-multi-select","version":"1.0.8","private":false,"type":"module","main":"./dist/react-multi-select.umd.js","module":"./dist/react-multi-select.es.js","types":"./dist/index.d.ts","scripts":{"build":"tsc --project tsconfig.json && vite build","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview"},"keywords":["react","multi-select","component"],"author":{"name":"Mehmet Akif Ozdemir"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/akifzdemir/react-multi-select-package.git"},"bugs":{"url":"https://github.com/akifzdemir/react-multi-select-package/issues"},"homepage":"https://github.com/akifzdemir/react-multi-select-package","dependencies":{"clsx":"^2.1.1","react":"^18.3.1","react-dom":"^18.3.1","tailwind-merge":"^2.3.0"},"devDependencies":{"@tailwindcss/line-clamp":"^0.4.4","@types/node":"^20.14.9","@types/react":"^18.3.3","@types/react-dom":"^18.3.0","@typescript-eslint/eslint-plugin":"^7.13.1","@typescript-eslint/parser":"^7.13.1","@vitejs/plugin-react":"^4.3.1","autoprefixer":"^10.4.19","eslint":"^8.57.0","eslint-plugin-react-hooks":"^4.6.2","eslint-plugin-react-refresh":"^0.4.7","postcss":"^8.4.38","tailwindcss":"^3.4.4","typescript":"^5.2.2","vite":"^5.3.1","vite-plugin-dts":"^1.7.1"},"_id":"@akifzdemir/react-multi-select@1.0.8","gitHead":"b8c402a841848ef53a1b2bb117760ed4a6447456","description":"A customizable multi-select component for React applications, designed with Tailwind CSS for styling.","_nodeVersion":"20.11.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-Asu4xn5tkoPEwu0PExcsruqJn0o+JXn8ZIkXq/MF58U8gZ2H+/R3+ZxS5GmWLlBeGTEy8TnAUGx/ggJFT42EoQ==","shasum":"23fcfabf91ec616ff40f1a2ad45a77ad2b4a063e","tarball":"https://registry.npmjs.org/@akifzdemir/react-multi-select/-/react-multi-select-1.0.8.tgz","fileCount":10,"unpackedSize":20047,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAXnRUT5ENimMRz8vTuJq4CTMqTYedK4D5HeTkFczRRjAiBf7NB1dHnLm0ZRzjVLhd1hb08/gext/xrngK99Mac0hg=="}]},"_npmUser":{"name":"akifzdemir","email":"akifz2199@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-multi-select_1.0.8_1719566572284_0.5612735346184627"},"_hasShrinkwrap":false}},"maintainers":[{"name":"akifzdemir","email":"akifz2199@gmail.com"}],"description":"A customizable multi-select component for React applications, designed with Tailwind CSS for styling.","homepage":"https://github.com/akifzdemir/react-multi-select-package","keywords":["react","multi-select","component"],"repository":{"type":"git","url":"git+https://github.com/akifzdemir/react-multi-select-package.git"},"author":{"name":"Mehmet Akif Ozdemir"},"bugs":{"url":"https://github.com/akifzdemir/react-multi-select-package/issues"},"license":"MIT","readme":"# @akifzdemir/react-multi-select\n\nA customizable multi-select component for React applications, designed with Tailwind CSS for styling.\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Props](#props)\n- [Development](#development)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Installation\n\nInstall the package using npm or yarn:\n\n```bash\nnpm install @akifzdemir/react-multi-select\n```\n\nor\n\n```bash\nyarn add @akifzdemir/react-multi-select\n```\n\n## Usage\n\nImport the `MultiSelect` component and use it in your React application:\n\n```jsx\nimport React from \"react\";\nimport { MultiSelect, OptionType } from \"@akifzdemir/react-multi-select\";\nimport \"@akifzdemir/react-multi-select/dist/style.css\";\n\nconst options: OptionType[] = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n // Add more options here\n];\n\nconst App = () => {\n const handleChange = (selected: OptionType[]) => {\n console.log(\"Selected options:\", selected);\n };\n\n return (\n
\n \n
\n );\n};\n\nexport default App;\n```\n\n## Props\n\nThe `MultiSelect` component accepts the following props:\n\n| Prop | Type | Default | Description |\n| ----------------- | ---------------------------------- | ----------- | ------------------------------------------------- |\n| `options` | `OptionType[]` | `[]` | Array of options to select from. |\n| `onChange` | `(selected: OptionType[]) => void` | `undefined` | Callback function called when selection changes. |\n| `isDark` | `boolean` | `false` | Determines if the component should use dark mode. |\n| `selectClassName` | `string` | `''` | Additional classes for the select button. |\n| `optionClassName` | `string` | `''` | Additional classes for the options. |\n\n### `OptionType`\n\nThe `OptionType` interface defines the shape of each option object:\n\n```ts\nexport interface OptionType {\n label: string;\n value: string;\n}\n```\n\n## Development\n\nTo contribute to this project, follow these steps:\n\n1. Clone the repository:\n\n```bash\ngit clone https://github.com/username/react-multi-select.git\n```\n\n2. Install dependencies:\n\n```bash\nnpm install\n```\n\n3. Build the project:\n\n```bash\nnpm run build\n```\n\n4. Run the development server:\n\n```bash\nnpm run dev\n```\n\n## Contributing\n\nContributions are welcome! Please open an issue or submit a pull request with your changes. For major changes, please open an issue first to discuss what you would like to change.\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.\n","readmeFilename":"README.md"}