{"_id":"@affandra-solusi-teknologi/tumpaksewu","_rev":"1-d4e46b6f95d6e0fbea7a71efaaeb050f","name":"@affandra-solusi-teknologi/tumpaksewu","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@affandra-solusi-teknologi/tumpaksewu","version":"1.0.0","description":"A package that makes it easy to create cascading dropdowns in nextjs.","main":"dist/index.js","scripts":{"build":"bunchee ./src/index.jsx -f cjs -o ./dist/index.js"},"repository":{"type":"git","url":"git+https://github.com/affandra-solusi-teknologi/tumpaksewu.git"},"bugs":{"url":"https://github.com/affandra-solusi-teknologi/tumpaksewu/issues"},"homepage":"https://github.com/affandra-solusi-teknologi/tumpaksewu#readme","keywords":["react","nextjs","cascading-dropdown"],"license":"MIT","peerDependencies":{"next":">= 6.0.0","react":">= 16.0.0"},"devDependencies":{"@types/react":"^18.2.7","bunchee":"^3.2.0","react":"^18.2.0","tsup":"^6.7.0","typescript":"^5.0.4"},"gitHead":"026ed941d265198a697c3e22cb07e1dd6dc6d4c6","_id":"@affandra-solusi-teknologi/tumpaksewu@1.0.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-igCMNm9coB8/NdfQBsYdhAYl9tQiIAcW0arLRZXlMPiWZab8qIP8i/bhBAgN5fk0JKmXp4uUkLUt1cyZOLBtUw==","shasum":"bf8967f2bca69029dec07b8f622587bf33ad5919","tarball":"https://registry.npmjs.org/@affandra-solusi-teknologi/tumpaksewu/-/tumpaksewu-1.0.0.tgz","fileCount":4,"unpackedSize":6653,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDG0n5LTjn+VctrKtawOc3J02QduD5c9Sgcyt88Q24P3QIgZaIu7JW24uWBPV+jrL+iqdMXXgxRQN8gVbz5N61ssnM="}]},"_npmUser":{"name":"jastinlt","email":"jastinlinggar@gmail.com"},"directories":{},"maintainers":[{"name":"jastinlt","email":"jastinlinggar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tumpaksewu_1.0.0_1685552273351_0.9910528618986076"},"_hasShrinkwrap":false},"1.1.0":{"name":"@affandra-solusi-teknologi/tumpaksewu","version":"1.1.0","description":"A package that makes it easy to create cascading dropdowns in nextjs.","main":"dist/index.js","scripts":{"build":"bunchee ./src/index.jsx -f cjs -o ./dist/index.js"},"repository":{"type":"git","url":"git+https://github.com/affandra-solusi-teknologi/tumpaksewu.git"},"bugs":{"url":"https://github.com/affandra-solusi-teknologi/tumpaksewu/issues"},"homepage":"https://github.com/affandra-solusi-teknologi/tumpaksewu#readme","keywords":["react","nextjs","cascading-dropdown"],"license":"MIT","peerDependencies":{"next":">= 6.0.0","react":">= 16.0.0"},"devDependencies":{"@types/react":"^18.2.7","bunchee":"^3.2.0","react":"^18.2.0","tsup":"^6.7.0","typescript":"^5.0.4"},"gitHead":"026ed941d265198a697c3e22cb07e1dd6dc6d4c6","_id":"@affandra-solusi-teknologi/tumpaksewu@1.1.0","_nodeVersion":"18.15.0","_npmVersion":"9.5.0","dist":{"integrity":"sha512-Z3Qa3q5SsCDbsPJ27zpQNNGRZ5UjbP7H5loT5OqEp+wK4A3ak272yFgpHJ1e2jYZyuINNWjx105AIH4+I8SdDw==","shasum":"26b91eea90cb70d322383fd2c57c6bf4efb3dfd7","tarball":"https://registry.npmjs.org/@affandra-solusi-teknologi/tumpaksewu/-/tumpaksewu-1.1.0.tgz","fileCount":4,"unpackedSize":6927,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgrBWbs7a95XYov5VLqDTb3Y4D/RHkvDQIGvmQdPjlzAIhAL3xRZF9hw7Ez8hJHjnQtRCtj2NuC0R3KyBdJUfiNfDJ"}]},"_npmUser":{"name":"jastinlt","email":"jastinlinggar@gmail.com"},"directories":{},"maintainers":[{"name":"jastinlt","email":"jastinlinggar@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tumpaksewu_1.1.0_1686412169088_0.4542753996478468"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-31T16:57:53.285Z","1.0.0":"2023-05-31T16:57:53.511Z","modified":"2023-06-10T15:49:29.414Z","1.1.0":"2023-06-10T15:49:29.291Z"},"maintainers":[{"name":"jastinlt","email":"jastinlinggar@gmail.com"}],"description":"A package that makes it easy to create cascading dropdowns in nextjs.","homepage":"https://github.com/affandra-solusi-teknologi/tumpaksewu#readme","keywords":["react","nextjs","cascading-dropdown"],"repository":{"type":"git","url":"git+https://github.com/affandra-solusi-teknologi/tumpaksewu.git"},"bugs":{"url":"https://github.com/affandra-solusi-teknologi/tumpaksewu/issues"},"license":"MIT","readme":"# tumpaksewu\r\n\r\nA package that makes it easy to create cascading dropdowns in nextjs.\r\n\r\n## Example\r\n\r\n```tsx\r\nimport Select from '@affandra-solusi-teknologi/tumpaksewu'\r\nimport { useState } from 'react'\r\n\r\nexport default function Home() {\r\n  let [country, setCountry] = useState([]);\r\n  let [province, setProvince] = useState([]);\r\n  let [city, setCity] = useState([]);\r\n\r\n  let data = {\r\n    country: [\r\n      { id: 1, name: 'Indonesia' },\r\n      { id: 2, name: 'Malaysia' },\r\n    ],\r\n    province: [\r\n      { id: 1, name: \"Jawa Barat\", country: 1 },\r\n      { id: 2, name: \"Jawa Tengah\", country: 1 },\r\n      { id: 3, name: \"Sabah\", country: 2 },\r\n      { id: 4, name: \"Serawak\", country: 2 },\r\n    ],\r\n    city: [\r\n      { id: 1, name: \"Bandung\", province: 1 },\r\n      { id: 2, name: \"Cirebon\", province: 1 },\r\n      { id: 3, name: \"Purwokerto\", province: 2 },\r\n      { id: 4, name: \"Semarang\", province: 2 },\r\n      { id: 5, name: \"Kudat\", province: 3 },\r\n      { id: 6, name: \"Papar\", province: 3 },\r\n      { id: 7, name: \"Bintulu\", province: 4 },\r\n      { id: 8, name: \"Matu\", province: 4 },\r\n    ]\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Select data={data} first={true} current=\"country\" next=\"province\" currentState={[country, setCountry]} nextState={[province, setProvince]}>\r\n        <option selected disabled>Pilih negara</option>\r\n        {country.map((x, idx) => {\r\n          return <option key={idx} value={x.id}>{x.name}</option>\r\n        })}\r\n      </Select>\r\n\r\n      <Select data={data} current=\"province\" next=\"city\" currentState={[province, setProvince]} nextState={[city, setCity]}>\r\n        <option selected disabled>Pilih provinsi</option>\r\n        {province.map((x, idx) => {\r\n          return <option key={idx} value={x.id}>{x.name}</option>\r\n        })}\r\n      </Select>\r\n\r\n      <Select data={data} current=\"city\" currentState={[city, setCity]}>\r\n        <option selected disabled>Pilih kota</option>\r\n        {city.map((x, idx) => {\r\n          return <option key={idx} value={x.id}>{x.name}</option>\r\n        })}\r\n      </Select>\r\n    </>\r\n  )\r\n}\r\n\r\n```\r\n","readmeFilename":"README.md"}