{"_id":"solid-list","_rev":"2-2fd38e2ae5c22a51372547d54cfa3c3f","name":"solid-list","dist-tags":{"latest":"0.3.0"},"versions":{"0.1.0":{"name":"solid-list","version":"0.1.0","keywords":["solid","solidjs","keyboard","accessible","list"],"author":{"url":"https://github.com/GiyoMoon","name":"Jasmin Noetzli","email":"code@jasi.dev"},"license":"MIT","_id":"solid-list@0.1.0","maintainers":[{"name":"giyomoon","email":"npm@jasi.dev"}],"homepage":"https://corvu.dev/docs/utilities/list","bugs":{"url":"https://github.com/corvudev/corvu/issues","email":"code@jasi.dev"},"dist":{"shasum":"75b2ae18daedb5e2542b69f70f19f593cd4f433e","tarball":"https://registry.npmjs.org/solid-list/-/solid-list-0.1.0.tgz","fileCount":6,"integrity":"sha512-9cwKk8ogrGtx9BozIM3+meTsQcHNezIT6VRkcQzo4Wkc3FodI8PK/51mi4kbimuwEmpD6y2+/vbL5gVkSMmdUg==","signatures":[{"sig":"MEYCIQDAvDTtGmnuR5rPCznnlDlAP7hU7hMeJbUAWbhpuMVxGgIhAJn5r7G0vN0MNGn98hr5febenYm3prrSLwmzlHlb+0RA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11269},"main":"./dist/index.js","type":"module","_from":"file:solid-list-0.1.0.tgz","types":"./dist/index.d.ts","exports":{".":{"solid":"./dist/index.jsx","types":"./dist/index.d.ts","default":"./dist/index.js"}},"private":false,"scripts":{"lint":"eslint --max-warnings=0 .","build":"tsup","clean":"rm -rf .turbo dist node_modules api.json","typedoc":"typedoc --json api.json --entryPoints ./src/index.ts"},"_npmUser":{"name":"giyomoon","email":"npm@jasi.dev"},"_resolved":"/tmp/84c5d653d358ec2b5e80905d6e11ada3/solid-list-0.1.0.tgz","_integrity":"sha512-9cwKk8ogrGtx9BozIM3+meTsQcHNezIT6VRkcQzo4Wkc3FodI8PK/51mi4kbimuwEmpD6y2+/vbL5gVkSMmdUg==","repository":{"url":"git+https://github.com/corvudev/corvu.git","type":"git"},"_npmVersion":"10.7.0","description":"SolidJS utility to create accessible, keyboard navigable lists like search results, selects or autocompletes.","directories":{},"sideEffects":false,"_nodeVersion":"20.15.0","dependencies":{"@corvu/utils":"~0.4.0"},"typesVersions":{"*":{"*":["./dist/index.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","eslint":"^8.57.0","typedoc":"^0.26.4","prettier":"^3.3.2","solid-js":"^1.8.18","typescript":"^5.5.3","eslint-plugin-solid":"^0.14.1","esbuild-plugin-solid":"^0.6.0","eslint-config-prettier":"^9.1.0","@typescript-eslint/eslint-plugin":"^7.16.0"},"peerDependencies":{"solid-js":"^1.8"},"_npmOperationalInternal":{"tmp":"tmp/solid-list_0.1.0_1720628538326_0.8431771842987996","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"solid-list","version":"0.2.0","keywords":["solid","solidjs","keyboard","accessible","list"],"author":{"url":"https://github.com/GiyoMoon","name":"Jasmin Noetzli","email":"code@jasi.dev"},"license":"MIT","_id":"solid-list@0.2.0","maintainers":[{"name":"giyomoon","email":"npm@jasi.dev"}],"homepage":"https://corvu.dev/docs/utilities/list","bugs":{"url":"https://github.com/corvudev/corvu/issues","email":"code@jasi.dev"},"dist":{"shasum":"569ae768e5fd69ce8669634dbaf9bb5386fbefc7","tarball":"https://registry.npmjs.org/solid-list/-/solid-list-0.2.0.tgz","fileCount":6,"integrity":"sha512-H7Y9GgtPRvRoNZV9KZaVT2TWOyazDhXZc7R/4tCrgCZZ0+RZIhfsULmeCkQfSOUvGGREE8+9ZsgXuCXcOz3IIg==","signatures":[{"sig":"MEYCIQC+JCQdQgdUNUHh5pDibWVWA3TOQo3vfCuUnArjM7PkyQIhAOBZRUmufVahO7CW1WPEVeADPi/goy0EYWoGkZWiZIkf","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26657},"main":"./dist/index.js","type":"module","_from":"file:solid-list-0.2.0.tgz","types":"./dist/index.d.ts","exports":{".":{"solid":"./dist/index.jsx","types":"./dist/index.d.ts","default":"./dist/index.js"}},"private":false,"scripts":{"lint":"eslint --max-warnings=0 .","build":"tsup","clean":"rm -rf .turbo dist node_modules api.json","typedoc":"typedoc --json api.json --entryPoints ./src/index.ts"},"_npmUser":{"name":"giyomoon","email":"npm@jasi.dev"},"_resolved":"/tmp/b199dc422e278c8aa067714fedcc7690/solid-list-0.2.0.tgz","_integrity":"sha512-H7Y9GgtPRvRoNZV9KZaVT2TWOyazDhXZc7R/4tCrgCZZ0+RZIhfsULmeCkQfSOUvGGREE8+9ZsgXuCXcOz3IIg==","repository":{"url":"git+https://github.com/corvudev/corvu.git","type":"git"},"_npmVersion":"10.7.0","description":"SolidJS utility to create accessible, keyboard navigable lists like search results, selects or autocompletes.","directories":{},"sideEffects":false,"_nodeVersion":"20.15.0","dependencies":{"@corvu/utils":"~0.4.0"},"typesVersions":{"*":{"*":["./dist/index.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.0","eslint":"^8.57.0","typedoc":"^0.26.4","prettier":"^3.3.3","solid-js":"^1.8.18","typescript":"^5.5.3","eslint-plugin-solid":"^0.14.1","esbuild-plugin-solid":"^0.6.0","eslint-config-prettier":"^9.1.0","@typescript-eslint/eslint-plugin":"^7.16.1"},"peerDependencies":{"solid-js":"^1.8"},"_npmOperationalInternal":{"tmp":"tmp/solid-list_0.2.0_1721141011815_0.3075378395508015","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"solid-list","version":"0.3.0","private":false,"description":"SolidJS utility to create accessible, keyboard navigable lists like search results, selects or autocompletes.","keywords":["solid","solidjs","keyboard","accessible","list"],"homepage":"https://corvu.dev/docs/utilities/list","bugs":{"url":"https://github.com/corvudev/corvu/issues","email":"code@jasi.dev"},"repository":{"type":"git","url":"git+https://github.com/corvudev/corvu.git"},"license":"MIT","author":{"name":"Jasmin Noetzli","email":"code@jasi.dev","url":"https://github.com/GiyoMoon"},"sideEffects":false,"type":"module","exports":{".":{"types":"./dist/index.d.ts","solid":"./dist/index.jsx","default":"./dist/index.js"}},"main":"./dist/index.js","types":"./dist/index.d.ts","typesVersions":{"*":{"*":["./dist/index.d.ts"]}},"dependencies":{"@corvu/utils":"~0.4.0"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^7.16.1","esbuild-plugin-solid":"^0.6.0","eslint":"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-plugin-solid":"^0.14.1","prettier":"^3.3.3","solid-js":"^1.8.18","tsup":"^8.1.2","typedoc":"^0.26.4","typescript":"^5.5.3"},"peerDependencies":{"solid-js":"^1.8"},"scripts":{"build":"tsup","clean":"rm -rf .turbo dist node_modules api.json","lint":"eslint --max-warnings=0 .","typedoc":"typedoc --json api.json --entryPoints ./src/index.ts"},"_id":"solid-list@0.3.0","_integrity":"sha512-t4hx/F/l8Vmq+ib9HtZYl7Z9F1eKxq3eKJTXlvcm7P7yI4Z8O7QSOOEVHb/K6DD7M0RxzVRobK/BS5aSfLRwKg==","_resolved":"/tmp/c2378ca4fb89440e181814dfbf98c292/solid-list-0.3.0.tgz","_from":"file:solid-list-0.3.0.tgz","_nodeVersion":"20.15.1","_npmVersion":"10.7.0","dist":{"integrity":"sha512-t4hx/F/l8Vmq+ib9HtZYl7Z9F1eKxq3eKJTXlvcm7P7yI4Z8O7QSOOEVHb/K6DD7M0RxzVRobK/BS5aSfLRwKg==","shasum":"dda32753bea16d976193df6baedfb7dd136550da","tarball":"https://registry.npmjs.org/solid-list/-/solid-list-0.3.0.tgz","fileCount":6,"unpackedSize":28159,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEDyDVY7r02PU/6JHChXfIlY+5ZoTevgLW4U7SC0DUshAiEAiOXqKdbpW7PFJPBNwgZjsYbZ2jTqU0ka1tYh5DbMnzI="}]},"_npmUser":{"name":"giyomoon","email":"npm@jasi.dev"},"directories":{},"maintainers":[{"name":"giyomoon","email":"npm@jasi.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/solid-list_0.3.0_1721250166397_0.34666810367895895"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-10T16:22:18.180Z","modified":"2024-07-17T21:02:46.730Z","0.1.0":"2024-07-10T16:22:18.472Z","0.2.0":"2024-07-16T14:43:31.960Z","0.3.0":"2024-07-17T21:02:46.540Z"},"bugs":{"url":"https://github.com/corvudev/corvu/issues","email":"code@jasi.dev"},"author":{"name":"Jasmin Noetzli","email":"code@jasi.dev","url":"https://github.com/GiyoMoon"},"license":"MIT","homepage":"https://corvu.dev/docs/utilities/list","keywords":["solid","solidjs","keyboard","accessible","list"],"repository":{"type":"git","url":"git+https://github.com/corvudev/corvu.git"},"description":"SolidJS utility to create accessible, keyboard navigable lists like search results, selects or autocompletes.","maintainers":[{"name":"giyomoon","email":"npm@jasi.dev"}],"readme":"<div align=\"center\">\n  <a href=\"https://corvu.dev/docs/utilities/list\">\n    <img src=\"https://corvu.dev/readme/solid-list.png\" width=1000 alt=\"Solid List\" />\n  </a>\n</div>\n<br />\n\nSolidJS utility to create accessible, keyboard navigable lists like search results, selects or autocompletes.\n\n## Features\n\n- Vertical and horizontal lists\n- Utilities for both single and multi select lists\n- Supports both rtl and ltr text directions\n- Is unopinonated and works with any kind of lists, even virtual lists\n- Optionally loops, vim mode and handles tab key\n\n## Usage\n\nImport the `createList` utility and attach your list to it. This example shows how a simple search list could look like.\n\n```tsx\nimport { createList } from 'solid-list'\n```\n\n```tsx\nconst Search = () => {\n  const [results, setResults] = createSignal([])\n\n  const { active, setActive, onKeyDown } = createList({\n    items: () => results().map(result => result.id), // required\n    initialActive: null, // default, T | null\n    orientation: 'vertical', // default, 'vertical' | 'horizontal'\n    loop: true, // default\n    textDirection: 'ltr', // default, 'ltr' | 'rtl'\n    handleTab: false, // default = true\n    vimMode: false, // default\n    onActiveChange: (active) => {} // optional callback to handle changes\n  })\n\n  return (\n    <>\n      <input onKeyDown={onKeyDown} />\n      <For each={result}>\n        {(item, index) => (\n            <a href={result.href} aria-selected={active() === index()}>{result.name}<a>\n        )}\n      </For>\n    </>\n  )\n}\n```\n\n## Further Reading\nThis utility is from the maintainers of [corvu](https://corvu.dev), a collection of unstyled, accessible and customizable UI primitives for SolidJS. It is also documented in the corvu docs under [List](https://corvu.dev/docs/utilities/list).\n","readmeFilename":"README.md"}