{"_id":"solid-dismissible","_rev":"2-3854383bfa2180c87566b3704aa2e2e9","name":"solid-dismissible","dist-tags":{"latest":"0.1.1"},"versions":{"0.0.0":{"name":"solid-dismissible","version":"0.0.0","keywords":["solid","solidjs","dismissible","dismiss","layers","close","escape"],"author":{"url":"https://github.com/GiyoMoon","name":"Jasmin Noetzli","email":"code@jasi.dev"},"license":"MIT","_id":"solid-dismissible@0.0.0","maintainers":[{"name":"giyomoon","email":"npm@jasi.dev"}],"homepage":"https://corvu.dev/docs/utilities/dismissible","bugs":{"url":"https://github.com/corvudev/corvu/issues","email":"code@jasi.dev"},"dist":{"shasum":"acc79ce7dee0f92d59136e6925e46724ff45e0ec","tarball":"https://registry.npmjs.org/solid-dismissible/-/solid-dismissible-0.0.0.tgz","fileCount":1,"integrity":"sha512-VGKRZTKtxG07SJsxLAAlM7Tea8jguLs8aOwYi4ZhVBH8cgAsG3FbN8HZSCyXSRqIVV1leVupIbUqo85yEoJ5jA==","signatures":[{"sig":"MEUCIF2G/GAgkeRopM3vEcJOwflTlvNjD6m+/4kOPnbC6f/EAiEAsu6DiHmG5pC3Qa5uGnXK5CNkcYrvxmKD3HTXRNH9wWA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":678},"gitHead":"28f14c046e32edce3ae123f89dc4b73414f1f45b","private":false,"_npmUser":{"name":"giyomoon","email":"npm@jasi.dev"},"repository":{"url":"git+https://github.com/corvudev/corvu.git","type":"git"},"_npmVersion":"10.8.1","description":"SolidJS utility for creating dismissible, nestable layers.","directories":{},"_nodeVersion":"22.3.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/solid-dismissible_0.0.0_1721810820754_0.5456207759397866","host":"s3://npm-registry-packages"}},"0.1.0":{"name":"solid-dismissible","version":"0.1.0","keywords":["solid","solidjs","dismissible","dismiss","layers","close","escape"],"author":{"url":"https://github.com/GiyoMoon","name":"Jasmin Noetzli","email":"code@jasi.dev"},"license":"MIT","_id":"solid-dismissible@0.1.0","maintainers":[{"name":"giyomoon","email":"npm@jasi.dev"}],"homepage":"https://corvu.dev/docs/utilities/dismissible","bugs":{"url":"https://github.com/corvudev/corvu/issues","email":"code@jasi.dev"},"dist":{"shasum":"4909432d1c69f1b2c61733ea35d2b9aae23b944b","tarball":"https://registry.npmjs.org/solid-dismissible/-/solid-dismissible-0.1.0.tgz","fileCount":6,"integrity":"sha512-tgIYWdtdAiuv6k4t/ozB1ZDS7D0q38QQFcjaeemQihpYT5Rb0tXgr/AbJ2e0+mxK4sODv3GZpva7HMoq2X5sTA==","signatures":[{"sig":"MEQCIGWakE2QlrJ08e4SJm+91/i+W+d7CUA1IGy3N5K+RU+VAiA8OOmVy1Q0vvQ0l0IlkYBU1pfDgJngkNonNxBDbnRpLA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":26484},"main":"./dist/index.js","type":"module","_from":"file:solid-dismissible-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/e9454dd38a6607f1b6e98c1ace02e146/solid-dismissible-0.1.0.tgz","_integrity":"sha512-tgIYWdtdAiuv6k4t/ozB1ZDS7D0q38QQFcjaeemQihpYT5Rb0tXgr/AbJ2e0+mxK4sODv3GZpva7HMoq2X5sTA==","repository":{"url":"git+https://github.com/corvudev/corvu.git","type":"git"},"_npmVersion":"10.8.1","description":"SolidJS utility for creating dismissible, nestable layers.","directories":{},"sideEffects":false,"_nodeVersion":"20.16.0","dependencies":{"@corvu/utils":"~0.4.0"},"typesVersions":{"*":{"*":["./dist/index.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.2.4","eslint":"^8.57.0","typedoc":"^0.26.5","prettier":"^3.3.3","solid-js":"^1.8.19","typescript":"^5.5.4","eslint-plugin-solid":"^0.14.1","esbuild-plugin-solid":"^0.6.0","eslint-config-prettier":"^9.1.0","@typescript-eslint/eslint-plugin":"^8.0.0"},"peerDependencies":{"solid-js":"^1.8"},"_npmOperationalInternal":{"tmp":"tmp/solid-dismissible_0.1.0_1722698959169_0.650013840158379","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"solid-dismissible","version":"0.1.1","private":false,"description":"SolidJS utility for creating dismissible, nestable layers.","keywords":["solid","solidjs","dismissible","dismiss","layers","close","escape"],"homepage":"https://corvu.dev/docs/utilities/dismissible","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.1"},"devDependencies":{"@typescript-eslint/eslint-plugin":"^8.2.0","esbuild-plugin-solid":"^0.6.0","eslint":"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-plugin-solid":"^0.14.2","prettier":"^3.3.3","solid-js":"^1.8.21","tsup":"^8.2.4","typedoc":"^0.26.6","typescript":"^5.5.4"},"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-dismissible@0.1.1","_integrity":"sha512-9kcKBJIMdS+586cA1g63HYWxKh3h89leeNHbPZ1csYjuni+NvPBtNr11l0iEX2AKKEt6FHk6qNhc/gjoYAW1pA==","_resolved":"/tmp/ba13cc08158444e48aace5a4a0f2c6e3/solid-dismissible-0.1.1.tgz","_from":"file:solid-dismissible-0.1.1.tgz","_nodeVersion":"20.16.0","_npmVersion":"10.8.1","dist":{"integrity":"sha512-9kcKBJIMdS+586cA1g63HYWxKh3h89leeNHbPZ1csYjuni+NvPBtNr11l0iEX2AKKEt6FHk6qNhc/gjoYAW1pA==","shasum":"32de43d22f03c863bfc2e08094bbb1bd77313c3b","tarball":"https://registry.npmjs.org/solid-dismissible/-/solid-dismissible-0.1.1.tgz","fileCount":6,"unpackedSize":26640,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDksOrH2ZVWY5n7j/YdVm+LLy11dAFcCaP57xHgvrpvfwIhAJ6xJdNT2ErG4L5BxsqK8aq+V4Q7KiL4TJ1KbBz9cYER"}]},"_npmUser":{"name":"giyomoon","email":"npm@jasi.dev"},"directories":{},"maintainers":[{"name":"giyomoon","email":"npm@jasi.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/solid-dismissible_0.1.1_1724102687549_0.8756509255730807"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-24T08:47:00.655Z","modified":"2024-08-19T21:24:48.056Z","0.0.0":"2024-07-24T08:47:00.890Z","0.1.0":"2024-08-03T15:29:19.351Z","0.1.1":"2024-08-19T21:24:47.874Z"},"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/dismissible","keywords":["solid","solidjs","dismissible","dismiss","layers","close","escape"],"repository":{"type":"git","url":"git+https://github.com/corvudev/corvu.git"},"description":"SolidJS utility for creating dismissible, nestable layers.","maintainers":[{"name":"giyomoon","email":"npm@jasi.dev"}],"readme":"<div align=\"center\">\n  <a href=\"https://corvu.dev/docs/utilities/dismissible\">\n    <img src=\"https://corvu.dev/readme/solid-dismissible.png\" width=1000 alt=\"Solid Dismissible\" />\n  </a>\n</div>\n<br />\n\nSolidJS utility for creating dismissible, nestable layers. Offers different strategies to dismiss the layer, such as on outside click, escape key press, or outside focus.\n\n## Features\n\n- Supports nested layers\n- Dismiss on outside pointer down/up, outside focus or escape key\n- Is headless, doesn\\'t create extra DOM elements\n- Every dismiss strategy can be disabled/customized\n- Events can be cancelled\n- Compatible with corvu primitives as they use this utility\n\n## Usage\n\n```tsx\nimport Dismissible from 'solid-dismissible'\n```\n\n```tsx\nconst DialogContent: Component<{\n  open: boolean\n  setOpen: (open: boolean) => void\n}> = (props) => {\n  const [contentRef, setContentRef] = createSignal<HTMLElement | null>(null)\n\n  return (\n    <Dismissible\n      element={contentRef}\n      enabled={open()}\n      onDismiss={() => setOpen(false)}\n    >\n      <Show when={props.open()}>\n        <div ref={setContentRef}>Dialog</div>\n      </Show>\n    </Dismissible>\n  )\n}\n```\n\n### Tracking active dismissibles\nThe utility exports a `activeDismissibles` signal that can be used to track active dismissibles. It includes an array of all currently active dismissible ids.\n\n```tsx\nimport { activeDismissibles } from 'solid-dismissible'\n\ncreateEffect(() => {\n  console.log('Currently active dismissibles: ', activeDismissibles())\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 [Dismissible](https://corvu.dev/docs/utilities/dismissible).\n","readmeFilename":"README.md"}