{"_id":"@akande/dropdown","_rev":"6-ee09c33191e39765becf82cffdb57140","time":{"created":"2023-09-14T16:29:08.935Z","1.0.0":"2023-09-14T14:56:52.626Z","modified":"2023-09-17T14:50:15.658Z","1.0.1":"2023-09-14T16:29:09.239Z","1.0.2":"2023-09-14T16:45:09.869Z","1.0.3":"2023-09-14T17:40:38.338Z","1.0.4":"2023-09-17T14:50:15.463Z"},"name":"@akande/dropdown","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.1":{"name":"@akande/dropdown","version":"1.0.1","description":"A customizable drop-down menu module for web applications","main":"dist/main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack --mode=production --node-env=production","build:dev":"webpack --mode=development","build:prod":"webpack --mode=production --node-env=production","watch":"webpack --watch","serve":"webpack serve","prepublish":"npm run build"},"keywords":["dropdown","menu","web","javascript"],"repository":{"type":"git","url":"git+https://github.com/Elliot-Akande/drop-down-menu.git"},"bugs":{"url":"https://github.com/Elliot-Akande/drop-down-menu/issues"},"homepage":"https://github.com/Elliot-Akande/drop-down-menu","author":{"name":"Elliot Akande"},"license":"MIT","devDependencies":{"@babel/core":"^7.22.17","@webpack-cli/generators":"^3.0.7","babel-loader":"^9.1.3","css-loader":"^6.8.1","eslint":"^8.49.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.28.1","prettier":"3.0.3","style-loader":"^3.3.3","webpack":"^5.88.2","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1"},"gitHead":"10b8b6c4b99a928192702a76c93cd878ec728381","_id":"@akande/dropdown@1.0.1","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-RiB2wSOJ5icQGJ82rAQ4spW/EEdvru/K7IsMQ+BWy4NLiTZ5A65zsjoHWs2Dfp/EDXKjqBUS86jqpRql98prgQ==","shasum":"51083115671cbc457491af2843847ddae58a3eaa","tarball":"https://registry.npmjs.org/@akande/dropdown/-/dropdown-1.0.1.tgz","fileCount":10,"unpackedSize":12667,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHy8RVxAJm8+c8eBzASqb6kqakbTh3UIb2B+EIU7Q9oOAiEA8xoZ1rddQIQJQspanC0TOIUAGF6qakRCZvK2yU00ZuQ="}]},"_npmUser":{"name":"akande","email":"elbo.lynch@gmail.com"},"directories":{},"maintainers":[{"name":"akande","email":"elbo.lynch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dropdown_1.0.1_1694708949017_0.5963949332909613"},"_hasShrinkwrap":false},"1.0.2":{"name":"@akande/dropdown","version":"1.0.2","description":"A customizable drop-down menu module for web applications","main":"dist/main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack --mode=production --node-env=production","build:dev":"webpack --mode=development","build:prod":"webpack --mode=production --node-env=production","watch":"webpack --watch","serve":"webpack serve","prepublish":"npm run build"},"keywords":["dropdown","menu","web","javascript"],"repository":{"type":"git","url":"git+https://github.com/Elliot-Akande/drop-down-menu.git"},"bugs":{"url":"https://github.com/Elliot-Akande/drop-down-menu/issues"},"homepage":"https://github.com/Elliot-Akande/drop-down-menu","author":{"name":"Elliot Akande"},"license":"MIT","devDependencies":{"@babel/core":"^7.22.17","@webpack-cli/generators":"^3.0.7","babel-loader":"^9.1.3","css-loader":"^6.8.1","eslint":"^8.49.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.28.1","prettier":"3.0.3","style-loader":"^3.3.3","webpack":"^5.88.2","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1"},"gitHead":"9ce891dadf63bd3191dfc80efe7f27b955f8598d","_id":"@akande/dropdown@1.0.2","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-1pF08eZW42TH4oeP4fFDM2gmu7yCzjf5osJa+Eu4ODtvXoXL8anBFCd4KCIov4kjJi/f9pam1LbIWDT8YnOltA==","shasum":"12dae5d91520a0f601a744cf10dd601e830e6168","tarball":"https://registry.npmjs.org/@akande/dropdown/-/dropdown-1.0.2.tgz","fileCount":10,"unpackedSize":12551,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFNygPgPm+BjIpIMT3DvSW27RZcG3culv+KkaqyWhDMKAiEAkhb6tHnuwDa9hrfTl4r3FlRw5dUZzBDV8j2Fnvt3Ja8="}]},"_npmUser":{"name":"akande","email":"elbo.lynch@gmail.com"},"directories":{},"maintainers":[{"name":"akande","email":"elbo.lynch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dropdown_1.0.2_1694709909714_0.12942993540468595"},"_hasShrinkwrap":false},"1.0.3":{"name":"@akande/dropdown","version":"1.0.3","description":"A customizable drop-down menu module for web applications","main":"dist/main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack --mode=production --node-env=production","build:dev":"webpack --mode=development","build:prod":"webpack --mode=production --node-env=production","watch":"webpack --watch","serve":"webpack serve","prepublish":"npm run build"},"keywords":["dropdown","menu","web","javascript"],"repository":{"type":"git","url":"git+https://github.com/Elliot-Akande/drop-down-menu.git"},"bugs":{"url":"https://github.com/Elliot-Akande/drop-down-menu/issues"},"homepage":"https://github.com/Elliot-Akande/drop-down-menu","author":{"name":"Elliot Akande"},"license":"MIT","devDependencies":{"@babel/core":"^7.22.17","@webpack-cli/generators":"^3.0.7","babel-loader":"^9.1.3","css-loader":"^6.8.1","eslint":"^8.49.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.28.1","prettier":"3.0.3","style-loader":"^3.3.3","webpack":"^5.88.2","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1"},"gitHead":"bf700f4862eaa92d8626f818cd6c9950b9dbeea0","_id":"@akande/dropdown@1.0.3","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Sxa3wnzOY8VjT3QAEiNOL2SdEnSN7loDGDZENsWWNW7O3t6sq8vNOga7p8p4sFhwY2T6bNunb4PoyFYGzT7+og==","shasum":"788d5dd1d7e095505fcdfe7f3a57fde6691d27ef","tarball":"https://registry.npmjs.org/@akande/dropdown/-/dropdown-1.0.3.tgz","fileCount":10,"unpackedSize":12725,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFDtScsKGfqD3x954F1bBUA7/rRW1gOS+yt6870AO79SAiA/yrFLyGJ0Zjjd36DWTBobPUv9QhNyFG0kDn8Zi7NTWQ=="}]},"_npmUser":{"name":"akande","email":"elbo.lynch@gmail.com"},"directories":{},"maintainers":[{"name":"akande","email":"elbo.lynch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dropdown_1.0.3_1694713238143_0.4081952543569678"},"_hasShrinkwrap":false},"1.0.4":{"name":"@akande/dropdown","version":"1.0.4","description":"A customizable drop-down menu module for web applications","main":"dist/main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack --mode=production --node-env=production","build:dev":"webpack --mode=development","build:prod":"webpack --mode=production --node-env=production","watch":"webpack --watch","serve":"webpack serve","prepublish":"npm run build"},"keywords":["dropdown","menu","web","javascript"],"repository":{"type":"git","url":"git+https://github.com/Elliot-Akande/drop-down-menu.git"},"bugs":{"url":"https://github.com/Elliot-Akande/drop-down-menu/issues"},"homepage":"https://github.com/Elliot-Akande/drop-down-menu","author":{"name":"Elliot Akande"},"license":"MIT","devDependencies":{"@babel/core":"^7.22.17","@webpack-cli/generators":"^3.0.7","babel-loader":"^9.1.3","css-loader":"^6.8.1","eslint":"^8.49.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.28.1","prettier":"3.0.3","style-loader":"^3.3.3","webpack":"^5.88.2","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1"},"gitHead":"a21a14d11a9c6eb5ebc192bd6b1ed4c8a691e523","_id":"@akande/dropdown@1.0.4","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-hf9MV1JSuxdQt0fmEYhqNfMp5dW1DGuQb0HsqHU5tUEXV9REWjJzdU1ADp2+TdDej51L6ZXb7CpY/N+2hvI12Q==","shasum":"1bd5d8c1dbb258a6fc9ea2a7d7e7d8990f9d44c2","tarball":"https://registry.npmjs.org/@akande/dropdown/-/dropdown-1.0.4.tgz","fileCount":10,"unpackedSize":34265,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcV0foAaugAH4cZ4uC1YXUKho52NSI1ntqLLcP6EsiaQIgMs0LPfK0lz/LfLLccUgxxEhBBgf+d2/Bl01IoXQCNoA="}]},"_npmUser":{"name":"akande","email":"elbo.lynch@gmail.com"},"directories":{},"maintainers":[{"name":"akande","email":"elbo.lynch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/dropdown_1.0.4_1694962215177_0.30661850083910935"},"_hasShrinkwrap":false}},"maintainers":[{"name":"akande","email":"elbo.lynch@gmail.com"}],"description":"A customizable drop-down menu module for web applications","homepage":"https://github.com/Elliot-Akande/drop-down-menu","keywords":["dropdown","menu","web","javascript"],"repository":{"type":"git","url":"git+https://github.com/Elliot-Akande/drop-down-menu.git"},"author":{"name":"Elliot Akande"},"bugs":{"url":"https://github.com/Elliot-Akande/drop-down-menu/issues"},"license":"MIT","readme":"# Dropdown\n\nDropdown is a lightweight and customizable JavaScript module for creating drop-down lists in web applications. It allows you to easily integrate and style drop-down lists with your own data and callbacks.\n\n## Features\n\n- Simple and easy-to-use.\n- Customizable title and list items.\n- Supports callback functions for item selection.\n- Minimal default styling for easy integration into your projects.\n\n## Installation\n\nYou can install Dropdown via npm:\n\n```bash\nnpm install @akande/dropdown\n```\n\n## Usage\n\nTo use Dropdown in your HTML file, follow these steps:\n\n1. Create an HTML container where you want the dropdown to appear:\n\n   ```html\n   <div id=\"dropdown-container\"></div>\n   ```\n\n2. In your JavaScript file, import the module, create an instance, and render it in the container:\n\n   ```javascript\n   import Dropdown from '@akande/dropdown';\n\n   // Create an array of items for the dropdown\n   const dropdownItems = [\n     {\n       title: 'Item 1',\n       callback: () => {\n         alert('Item 1 clicked!');\n       },\n     },\n     {\n       title: 'Item 2',\n       callback: () => {\n         alert('Item 2 clicked!');\n       },\n     },\n     // Add more items as needed\n   ];\n\n   // Select the container element\n   const dropdownContainer = document.getElementById('dropdown-container');\n\n   // Create an instance of the dropdown and render it in the container\n   const dropdown = Dropdown(\n     'Dropdown Example',\n     dropdownItems,\n     'my-custom-dropdown',\n   );\n   dropdownContainer.appendChild(dropdown);\n   ```\n\n3. Customize the title, list items, and callback functions to suit your needs.\n\n## API Reference\n\n### `Dropdown(title, items, customClass)`\n\nCreates a new instance of the dropdown with the specified title, list items, and custom CSS class.\n\n- `title` (String): The title to display on the dropdown button.\n- `items` (Array of Objects): An array of items to display in the dropdown list. Each item should have a `title` (String) and an optional `callback` (Function) that gets executed when the item is clicked.\n- `customClass` (String): A custom CSS class name for applying user-defined styles to the dropdown container.\n\n## License\n\nThis project is licensed under the MIT License.\n\n## Author\n\n- Elliot Akande\n- Email: [elbo.lynch@gmail.com](elbo.lynch@gmail.com)\n- GitHub: [Elliot Akande](https://github.com/Elliot-Akande)\n","readmeFilename":"README.md"}