3.0.4

What's Changed

• Remove peerDeps which are already enforced via Chakra UI itself by @paescuj in #47
• Add new documentation on customizing internal components by @csandman in #49

New Contributors

• @paescuj made their first contribution in #47

Full Changelog: v3.0.3...v3.0.4

3.0.3

What's Changed

This is mostly a behind the scenes update. These small tweaks are the only things that may affect the end display of the component:

• The onFocus and onBlur handlers will be called from a wrapping FormControl if one is present. This sets the data-focus prop on the associated FormLabel and can be used for stateful styling.
• The Placeholder component can no longer be highlighted, closer emulating the behavior of a native input component.
• A disabled Option will no longer receive any styling on click if it is disabled. Previously it still appeared to react to the click, even though no action would be performed.

For all changes to the code see: Csandman/small improvements by @csandman in #42

Full Changelog: v3.0.2...v3.0.3

3.0.2

What's Changed

• Type fix by @csandman in #39
  • Update react-select to version 5.2.2.
  • Add a new custom styling example to the README which shows how to style the select like Chakra's built in <Select /> component.
  • Update all type imports to use the import type syntax introduced in typescript 3.8.
  • Move the module augmentation of the MultiValue components to the index.tsx file to prevent a conflict with the imported version in the types.ts file (closes #38).

Full Changelog: v3.0.1...v3.0.2

3.0.1

What's Changed

• Csandman/tag remove fix by @csandman in #33
  • Fix a bug that prevented the MultiValueRemove component from removing selected options (#31)

Full Changelog: v3.0.0...v3.0.1

3.0.0

NOTE: This version involves major structural changes, and while everything was tested it was only tested by one person. If you find any issues that have cropped up in this version, please please make an issue describing what broke 😄

What's Changed

• Update react-select to v5.
  • v5 is made using typescript so @types/react-select has been removed and all types have been updated to the natively exported ones.
  • See their upgrade guide for details on how it might affect you.
• Fix type inference for implementing this component.
  • Previously, because of the way react-select was wrapped, no types could be inferred when this component was invoked. Now it should behave identically to the base react-select package.
  • Added TSDoc comments to all of the custom props for this package.
• Add input and inputContainer keys to the chakraStyles prop. Previously these did not work because react-select used the react-input-autosize package for that component so it could not easily be replaced with a chakra.input. In react-select v5, they removed that dependency, so it became possible to replace/style that component.
  • One difference between these style keys and the ones from the base package, the input key in the original refers to the containing <div /> that wraps the <input /> element and there was no style key for the input itself. I renamed their input style key to inputContainer and added a new input key which references the input itself.
• Export everything from the underlying react-select package.
  • The components module that was previously exported containing all of the custom Chakra components used by this package is now exported as chakraComponents so the original components object from react-select can be imported as well.
  • This is mostly for the sake of allowing those who use this package to access the internal types of react-select. To do so, you can import them all from the chakra-react-select package:

import { GroupBase, SelectInstance } from 'chakra-react-select'

• Update all other npm packages:

 @babel/cli                                ^7.15.7  →   ^7.16.7     
 @babel/core                               ^7.15.5  →   ^7.16.7     
 @babel/plugin-proposal-class-properties   ^7.14.5  →   ^7.16.7     
 @babel/preset-env                         ^7.15.6  →   ^7.16.7     
 @babel/preset-react                       ^7.14.5  →   ^7.16.7     
 @babel/preset-typescript                  ^7.15.0  →   ^7.16.7     
 @types/react                             ^17.0.24  →  ^17.0.38     
 @typescript-eslint/eslint-plugin          ^4.31.2  →    ^5.9.0     
 @typescript-eslint/parser                 ^4.31.2  →    ^5.9.0     
 concurrently                               ^6.2.1  →    ^7.0.0     
 eslint                                    ^7.32.0  →    ^8.6.0     
 eslint-config-airbnb                      ^18.2.1  →   ^19.0.4     
 eslint-config-airbnb-typescript           ^14.0.0  →   ^16.1.0     
 eslint-plugin-import                      ^2.24.2  →   ^2.25.4     
 eslint-plugin-jsx-a11y                     ^6.4.1  →    ^6.5.1     
 eslint-plugin-react                       ^7.25.1  →   ^7.28.0     
 husky                                      ^7.0.2  →    ^7.0.4     
 lint-staged                               ^11.1.2  →   ^12.1.7     
 nodemon                                   ^2.0.13  →   ^2.0.15     
 prettier                                   ^2.4.0  →    ^2.5.1     
 typescript                                 ^4.4.3  →    ^4.5.4

Full Changelog: v2.0.1...v3.0.0

2.0.1

What's Changed

• Fix input styles by @csandman in #28
  • Fixed issue #27

Full Changelog: v2.0.0...v2.0.1

2.0.0

What's Changed

• Added a new chakraStyles prop which takes the place of the built in styles and theme props
• Add a focusBorderColor prop which has the same effect as passing the same prop to Chakra's <Input />
• Add an errorBorderColor prop which has the same effect as passing the same prop to Chakra's <Input />
• Updated all documentation

Full Changelog: v1.4.0...v2.0.0

1.4.0

What's Changed

• Add class names to all components by @csandman in #24

Full Changelog: v1.3.4...v1.4.0

1.3.4

What's Changed

• Update framer-motion peer dependency by @csandman in #20

Full Changelog: v1.3.3...v1.3.4

1.3.3

What's Changed

The main change is fixing the menuPlacement prop that is native to react-select

• Csandman/issue templates by @csandman in #14
• Csandman/package formatting by @csandman in #15
• Csandman/fix menu placement by @csandman in #18

Full Changelog: v1.3.2...v1.3.3