{"_id":"@blazing_hive_digital/react-select-reinvent","_rev":"1-6870942003635acf2d279a043cc420a6","name":"@blazing_hive_digital/react-select-reinvent","dist-tags":{"latest":"5.7.4"},"versions":{"5.7.3":{"name":"@blazing_hive_digital/react-select-reinvent","version":"5.7.3","description":"A Select control built with and for ReactJS","main":"dist/react-select-reinvent.cjs.js","module":"dist/react-select-reinvent.esm.js","types":"dist/react-select-reinvent.cjs.d.ts","sideEffects":false,"author":{"name":"Jed Watson - Alan Wang"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/yueleng/react-select-reinvent.git#release@5.7.3"},"dependencies":{"@babel/runtime":"^7.12.0","@emotion/cache":"^11.4.0","@emotion/react":"^11.8.1","@floating-ui/dom":"^1.0.1","@types/react-transition-group":"^4.4.0","memoize-one":"^6.0.0","prop-types":"^15.6.0","react-transition-group":"^4.3.0","use-isomorphic-layout-effect":"^1.1.2"},"devDependencies":{"@types/jest-in-case":"^1.0.6","@types/react-dom":"^18.2.6","enzyme":"^3.8.0","enzyme-to-json":"^3.3.0","jest-in-case":"^1.0.2","react":"^16.13.0","react-dom":"^16.13.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"keywords":["combobox","form","input","multiselect","react","react-component","select","ui"],"preconstruct":{"entrypoints":["index.ts","base/index.ts","animated/index.ts","async/index.ts","creatable/index.ts","async-creatable/index.ts"]},"exports":{".":{"module":"./dist/react-select-reinvent.esm.js","import":"./dist/react-select-reinvent.cjs.mjs","default":"./dist/react-select-reinvent.cjs.js"},"./base":{"module":"./base/dist/react-select-reinvent-base.esm.js","import":"./base/dist/react-select-reinvent-base.cjs.mjs","default":"./base/dist/react-select-reinvent-base.cjs.js"},"./async":{"module":"./async/dist/react-select-reinvent-async.esm.js","import":"./async/dist/react-select-reinvent-async.cjs.mjs","default":"./async/dist/react-select-reinvent-async.cjs.js"},"./animated":{"module":"./animated/dist/react-select-reinvent-animated.esm.js","import":"./animated/dist/react-select-reinvent-animated.cjs.mjs","default":"./animated/dist/react-select-reinvent-animated.cjs.js"},"./creatable":{"module":"./creatable/dist/react-select-reinvent-creatable.esm.js","import":"./creatable/dist/react-select-reinvent-creatable.cjs.mjs","default":"./creatable/dist/react-select-reinvent-creatable.cjs.js"},"./async-creatable":{"module":"./async-creatable/dist/react-select-reinvent-async-creatable.esm.js","import":"./async-creatable/dist/react-select-reinvent-async-creatable.cjs.mjs","default":"./async-creatable/dist/react-select-reinvent-async-creatable.cjs.js"},"./package.json":"./package.json"},"gitHead":"1274e1fad135067b0f2f11710622aa4d9c01a693","bugs":{"url":"https://github.com/yueleng/react-select-reinvent/issues"},"homepage":"https://github.com/yueleng/react-select-reinvent/tree/release%405.7.3#readme","_id":"@blazing_hive_digital/react-select-reinvent@5.7.3","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-c7nRHRmf1XieNpeb473lHy6xsO0myHVHg8ee22usEbtmkFWyxumjZo7mPbEqLr4bzZwM9iYGmWOhmeA3V9jVaw==","shasum":"e93312030569b5fd8ba05a6d16efb5ce2e9c2cf4","tarball":"https://registry.npmjs.org/@blazing_hive_digital/react-select-reinvent/-/react-select-reinvent-5.7.3.tgz","fileCount":55,"unpackedSize":21223,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHtJdBW87DLG/B6xgTCLb8l4g4YUMOOeQUqrPwA5DOimAiBwHQ6qvT/JOGEVr5oENlPK0CkAc4s96VBPlYWpNY+FdA=="}]},"_npmUser":{"name":"wangyueleng","email":"wangyueleng@gmail.com"},"directories":{},"maintainers":[{"name":"alanwang090","email":"alanwang090@gmail.com"},{"name":"wangyueleng","email":"wangyueleng@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-select-reinvent_5.7.3_1688854915210_0.8386696956926825"},"_hasShrinkwrap":false},"5.7.4":{"name":"@blazing_hive_digital/react-select-reinvent","version":"5.7.4","description":"A Select control built with and for ReactJS","main":"dist/blazing_hive_digital-react-select-reinvent.cjs.js","module":"dist/blazing_hive_digital-react-select-reinvent.esm.js","types":"dist/react-select-reinvent.cjs.d.ts","sideEffects":false,"author":{"name":"Jed Watson - Alan Wang"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/yueleng/react-select-reinvent.git#release@5.7.3"},"dependencies":{"@babel/runtime":"^7.12.0","@emotion/cache":"^11.4.0","@emotion/react":"^11.8.1","@floating-ui/dom":"^1.0.1","@types/react-transition-group":"^4.4.0","memoize-one":"^6.0.0","prop-types":"^15.6.0","react-transition-group":"^4.3.0","use-isomorphic-layout-effect":"^1.1.2"},"devDependencies":{"@types/jest-in-case":"^1.0.6","@types/react-dom":"^18.2.6","enzyme":"^3.8.0","enzyme-to-json":"^3.3.0","jest-in-case":"^1.0.2","react":"^16.13.0","react-dom":"^16.13.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0"},"keywords":["combobox","form","input","multiselect","react","react-component","select","ui"],"preconstruct":{"entrypoints":["index.ts","base/index.ts","animated/index.ts","async/index.ts","creatable/index.ts","async-creatable/index.ts"]},"exports":{".":{"module":"./dist/blazing_hive_digital-react-select-reinvent.esm.js","import":"./dist/blazing_hive_digital-react-select-reinvent.cjs.mjs","default":"./dist/blazing_hive_digital-react-select-reinvent.cjs.js"},"./base":{"module":"./base/dist/blazing_hive_digital-react-select-reinvent-base.esm.js","import":"./base/dist/blazing_hive_digital-react-select-reinvent-base.cjs.mjs","default":"./base/dist/blazing_hive_digital-react-select-reinvent-base.cjs.js"},"./async":{"module":"./async/dist/blazing_hive_digital-react-select-reinvent-async.esm.js","import":"./async/dist/blazing_hive_digital-react-select-reinvent-async.cjs.mjs","default":"./async/dist/blazing_hive_digital-react-select-reinvent-async.cjs.js"},"./animated":{"module":"./animated/dist/blazing_hive_digital-react-select-reinvent-animated.esm.js","import":"./animated/dist/blazing_hive_digital-react-select-reinvent-animated.cjs.mjs","default":"./animated/dist/blazing_hive_digital-react-select-reinvent-animated.cjs.js"},"./creatable":{"module":"./creatable/dist/blazing_hive_digital-react-select-reinvent-creatable.esm.js","import":"./creatable/dist/blazing_hive_digital-react-select-reinvent-creatable.cjs.mjs","default":"./creatable/dist/blazing_hive_digital-react-select-reinvent-creatable.cjs.js"},"./async-creatable":{"module":"./async-creatable/dist/blazing_hive_digital-react-select-reinvent-async-creatable.esm.js","import":"./async-creatable/dist/blazing_hive_digital-react-select-reinvent-async-creatable.cjs.mjs","default":"./async-creatable/dist/blazing_hive_digital-react-select-reinvent-async-creatable.cjs.js"},"./package.json":"./package.json"},"gitHead":"1274e1fad135067b0f2f11710622aa4d9c01a693","bugs":{"url":"https://github.com/yueleng/react-select-reinvent/issues"},"homepage":"https://github.com/yueleng/react-select-reinvent/tree/release%405.7.3#readme","_id":"@blazing_hive_digital/react-select-reinvent@5.7.4","_nodeVersion":"16.17.1","_npmVersion":"8.15.0","dist":{"integrity":"sha512-buQ5H406FLh4IAQdtm+rCV1lHAlIhP56OjcmMDtuGJkzj5Q7LllI8LpFnnyaReNr2PZ6rx3wccwKz4FbCvHMzQ==","shasum":"22dfcf2295970042ab08bed4e58cf15305fd1d31","tarball":"https://registry.npmjs.org/@blazing_hive_digital/react-select-reinvent/-/react-select-reinvent-5.7.4.tgz","fileCount":136,"unpackedSize":738775,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIE8ocwyGgj61IbRDCl4ur5Hkvc+OkN93yljXOsuuFMTRAiEAvfkD49EbMhX8CCoxq212P+NBvewzS86diq2sqWkTQo0="}]},"_npmUser":{"name":"wangyueleng","email":"wangyueleng@gmail.com"},"directories":{},"maintainers":[{"name":"alanwang090","email":"alanwang090@gmail.com"},{"name":"wangyueleng","email":"wangyueleng@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-select-reinvent_5.7.4_1688856527340_0.8999660721254794"},"_hasShrinkwrap":false}},"time":{"created":"2023-07-08T22:21:55.105Z","5.7.3":"2023-07-08T22:21:55.393Z","modified":"2023-07-08T22:48:47.784Z","5.7.4":"2023-07-08T22:48:47.661Z"},"maintainers":[{"name":"alanwang090","email":"alanwang090@gmail.com"},{"name":"wangyueleng","email":"wangyueleng@gmail.com"}],"description":"A Select control built with and for ReactJS","homepage":"https://github.com/yueleng/react-select-reinvent/tree/release%405.7.3#readme","keywords":["combobox","form","input","multiselect","react","react-component","select","ui"],"repository":{"type":"git","url":"git+https://github.com/yueleng/react-select-reinvent.git#release@5.7.3"},"author":{"name":"Jed Watson - Alan Wang"},"bugs":{"url":"https://github.com/yueleng/react-select-reinvent/issues"},"license":"MIT","readme":"[![NPM](https://img.shields.io/npm/v/react-select.svg)](https://www.npmjs.com/package/react-select)\n[![CircleCI](https://circleci.com/gh/JedWatson/react-select/tree/master.svg?style=shield)](https://circleci.com/gh/JedWatson/react-select/tree/master)\n[![Coverage Status](https://coveralls.io/repos/JedWatson/react-select/badge.svg?branch=master&service=github)](https://coveralls.io/github/JedWatson/react-select?branch=master)\n[![Supported by Thinkmill](https://thinkmill.github.io/badge/heart.svg)](http://thinkmill.com.au/?utm_source=github&utm_medium=badge&utm_campaign=react-select)\n\n# React-Select\n\nThe Select control for [React](https://reactjs.com). Initially built for use in [KeystoneJS](http://www.keystonejs.com).\n\nSee [react-select.com](https://www.react-select.com) for live demos and comprehensive docs.\n\nReact Select is funded by [Thinkmill](https://www.thinkmill.com.au) and [Atlassian](https://atlaskit.atlassian.com). It represents a whole new approach to developing powerful React.js components that _just work_ out of the box, while being extremely customisable.\n\nFor the story behind this component, watch Jed's talk at React Conf 2019 - [building React Select](https://youtu.be/yS0jUnmBujE)\n\nFeatures include:\n\n- Flexible approach to data, with customisable functions\n- Extensible styling API with [emotion](https://emotion.sh)\n- Component Injection API for complete control over the UI behaviour\n- Controllable state props and modular architecture\n- Long-requested features like option groups, portal support, animation, and more\n\n## Using an older version?\n\n- [v3, v4, and v5 upgrade guide](https://react-select.com/upgrade)\n- [v2 upgrade guide](https://react-select.com/upgrade-to-v2)\n- React Select v1 documentation and examples are available at [v1.react-select.com](https://v1.react-select.com)\n\n# Installation and usage\n\nThe easiest way to use react-select is to install it from npm and build it into your app with Webpack.\n\n```\nyarn add react-select\n```\n\nThen use it in your app:\n\n#### With React Component\n\n```js\nimport React from \"react\";\nimport Select from \"react-select\";\n\nconst options = [\n { value: \"chocolate\", label: \"Chocolate\" },\n { value: \"strawberry\", label: \"Strawberry\" },\n { value: \"vanilla\", label: \"Vanilla\" },\n];\n\nclass App extends React.Component {\n state = {\n selectedOption: null,\n };\n handleChange = (selectedOption) => {\n this.setState({ selectedOption }, () =>\n console.log(`Option selected:`, this.state.selectedOption)\n );\n };\n render() {\n const { selectedOption } = this.state;\n\n return (\n \n );\n }\n}\n```\n\n#### With React Hooks\n\n```js\nimport React, { useState } from \"react\";\nimport Select from \"react-select\";\n\nconst options = [\n { value: \"chocolate\", label: \"Chocolate\" },\n { value: \"strawberry\", label: \"Strawberry\" },\n { value: \"vanilla\", label: \"Vanilla\" },\n];\n\nexport default function App() {\n const [selectedOption, setSelectedOption] = useState(null);\n\n return (\n
\n \n
\n );\n}\n```\n\n## Props\n\nCommon props you may want to specify include:\n\n- `autoFocus` - focus the control when it mounts\n- `className` - apply a className to the control\n- `classNamePrefix` - apply classNames to inner elements with the given prefix\n- `isDisabled` - disable the control\n- `isMulti` - allow the user to select multiple values\n- `isSearchable` - allow the user to search for matching options\n- `name` - generate an HTML input with this name, containing the current value\n- `onChange` - subscribe to change events\n- `options` - specify the options the user can select from\n- `placeholder` - change the text displayed when no option is selected\n- `noOptionsMessage` - ({ inputValue: string }) => string | null - Text to display when there are no options\n- `value` - control the current value\n\nSee the [props documentation](https://www.react-select.com/props) for complete documentation on the props react-select supports.\n\n## Controllable Props\n\nYou can control the following props by providing values for them. If you don't, react-select will manage them for you.\n\n- `value` / `onChange` - specify the current value of the control\n- `menuIsOpen` / `onMenuOpen` / `onMenuClose` - control whether the menu is open\n- `inputValue` / `onInputChange` - control the value of the search input (changing this will update the available options)\n\nIf you don't provide these props, you can set the initial value of the state they control:\n\n- `defaultValue` - set the initial value of the control\n- `defaultMenuIsOpen` - set the initial open value of the menu\n- `defaultInputValue` - set the initial value of the search input\n\n## Methods\n\nReact-select exposes two public methods:\n\n- `focus()` - focus the control programmatically\n- `blur()` - blur the control programmatically\n\n## Customisation\n\nCheck the docs for more information on:\n\n- [Customising the styles](https://www.react-select.com/styles)\n- [Using custom components](https://www.react-select.com/components)\n- [Using the built-in animated components](https://www.react-select.com/home#animated-components)\n- [Creating an async select](https://www.react-select.com/async)\n- [Allowing users to create new options](https://www.react-select.com/creatable)\n- [Advanced use-cases](https://www.react-select.com/advanced)\n- [TypeScript guide](https://www.react-select.com/typescript)\n\n## TypeScript\n\nThe v5 release represents a rewrite from JavaScript to TypeScript. The types for v4 and earlier releases are available at [@types](https://www.npmjs.com/package/@types/react-select). See the [TypeScript guide](https://www.react-select.com/typescript) for how to use the types starting with v5.\n\n# Thanks\n\nThank you to everyone who has contributed to this project. It's been a wild ride.\n\nIf you like React Select, you should [follow me on twitter](https://twitter.com/jedwatson)!\n\nShout out to [Joss Mackison](https://github.com/jossmac), [Charles Lee](https://github.com/gwyneplaine), [Ben Conolly](https://github.com/Noviny), [Tom Walker](https://github.com/bladey), [Nathan Bierema](https://github.com/Methuselah96), [Eric Bonow](https://github.com/ebonow), [Emma Hamilton](https://github.com/emmatown), [Dave Brotherstone](https://github.com/bruderstein), [Brian Vaughn](https://github.com/bvaughn), and the [Atlassian Design System](https://atlassian.design) team who along with many other contributors have made this possible ❤️\n\n## License\n\nMIT Licensed. Copyright (c) Jed Watson 2022.\n","readmeFilename":"README.md"}