Socket
Socket
Sign inDemoInstall

@reach/listbox

Package Overview
Dependencies
17
Maintainers
4
Versions
34
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.17.0 to 0.18.0-pre.0

CHANGELOG.md

41

package.json
{
"name": "@reach/listbox",
"version": "0.17.0",
"version": "0.18.0-pre.0",
"description": "Accessible React listbox input.",

@@ -16,12 +16,16 @@ "author": "React Training <hello@reacttraining.com>",

"dependencies": {
"@reach/auto-id": "0.17.0",
"@reach/descendants": "0.17.0",
"@reach/machine": "0.17.0",
"@reach/popover": "0.17.0",
"@reach/utils": "0.17.0",
"prop-types": "^15.7.2"
"@reach/auto-id": "0.18.0-pre.0",
"@reach/descendants": "0.18.0-pre.0",
"@reach/machine": "0.18.0-pre.0",
"@reach/popover": "0.18.0-pre.0",
"@reach/utils": "0.18.0-pre.0",
"tiny-invariant": "^1.2.0"
},
"devDependencies": {
"@reach-internal/dev": "0.0.0",
"@reach-internal/test": "0.0.0",
"@reach-internal/tsconfig": "0.0.0",
"react": "^17.0.2",
"react-dom": "^17.0.2"
"react-dom": "^17.0.2",
"tsup": "^6.1.3"
},

@@ -32,6 +36,7 @@ "peerDependencies": {

},
"main": "dist/reach-listbox.cjs.js",
"module": "dist/reach-listbox.esm.js",
"types": "dist/reach-listbox.cjs.d.ts",
"main": "./dist/index.cjs.js",
"types": "./dist/index.d.ts",
"files": [
"CHANGELOG.md",
"LICENSE",
"README.md",

@@ -41,7 +46,9 @@ "dist",

],
"eslintIgnore": [
"node_modules",
"dist"
],
"gitHead": "d206aefac2bede58c06a54b18d48eee7537096e0"
}
"publishConfig": {
"access": "public"
},
"module": "./dist/index.mjs",
"scripts": {
"build": "tsup"
}
}

@@ -15,22 +15,22 @@ # @reach/listbox

function Example(props) {
let [value, setValue] = React.useState("default");
return (
<Listbox value={value} onChange={(value) => setValue(value)}>
<ListboxOption value="default">🌮 Choose a taco</ListboxOption>
<hr />
<ListboxOption value="asada" valueText="Carne Asada">
🌮 Carne Asada
</ListboxOption>
<ListboxOption value="pollo" valueText="Pollo">
🌮 Pollo
</ListboxOption>
<ListboxOption value="pastor" valueText="Pastor">
🌮 Pastor
</ListboxOption>
<ListboxOption value="lengua" valueText="Lengua">
🌮 Lengua
</ListboxOption>
</Listbox>
);
let [value, setValue] = React.useState("default");
return (
<Listbox value={value} onChange={(value) => setValue(value)}>
<ListboxOption value="default">🌮 Choose a taco</ListboxOption>
<hr />
<ListboxOption value="asada" valueText="Carne Asada">
🌮 Carne Asada
</ListboxOption>
<ListboxOption value="pollo" valueText="Pollo">
🌮 Pollo
</ListboxOption>
<ListboxOption value="pastor" valueText="Pastor">
🌮 Pastor
</ListboxOption>
<ListboxOption value="lengua" valueText="Lengua">
🌮 Lengua
</ListboxOption>
</Listbox>
);
}
```

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc