Skip to content

Releases: csandman/chakra-react-select

1.3.2

21 Oct 21:00
Compare
Choose a tag to compare

What's Changed

  • Fix an issue with the new <LoadingIndicator /> where extraneous props were being passed to the component (db48cff)

Full Changelog: v1.3.1...v1.3.2

1.3.1

21 Oct 20:48
Compare
Choose a tag to compare

What's Changed

  • [ImgBot] Optimize images by @imgbot in #9
  • Move @types/react-select to dependencies by @csandman in #11
    • Move @types/react-select from devDependencies to dependencies (mentioned in #10 (comment))
  • Csandman/loading indicator by @csandman in #12
    • Remove unused <MenuPortal /> component
    • Add a custom <LoadingIndicator /> component using the Chakra UI Spinner

Full Changelog: v1.3.0...v1.3.1

1.3.0

18 Oct 20:20
Compare
Choose a tag to compare

Changes

  • Style the selected options to match react-select, with a default of a blue highlight (blue.500 in light mode, blue.300 in dark mode)
  • Add the selectedOptionStyle prop, which can be passed "color" (default) or "check" which will change the styling of a selected option to match the Chakra UI menu component
  • Add the selectedOptionColor prop which will change the highlight color for selected options (when selectedOptionStyle is left at its default, "color")
  • Add a roadmap to the README with features that are on the way.

Full Changelog: v1.2.2...v1.3.0

1.2.2

01 Oct 19:23
Compare
Choose a tag to compare
  • Fix an issue with the tagVariant prop where it was defaulting to solid

1.2.1

29 Sep 05:40
b05ea87
Compare
Choose a tag to compare
  • Fix an issue where the color is not being properly changed to be light for the selected single value option when the app is in dark mode:

image

1.2.0

24 Sep 21:18
Compare
Choose a tag to compare

Features

  • Switch completely over to TypeScript!
  • Add an export for the <AsyncCreatableSelect /> offered by react-select
  • Add the inputId option manually so that it could be grabbed from a surrounding <FormControl /> if none is passed in manually
  • Add the aria-invalid prop to the input component based on the existing isInvalid logic
  • Added more dynamic sizes to various sub components based on the size prop passed in by the user
    • This makes each size look more cohesive than they did before
  • Added a tagVariant prop which sets the variant prop on each of the selected option tags in line with the Chakra docs
    • Also added the variant option which can be added to an option directly
  • Added the src/ directory to the distributed files so people open them if they have the package installed
  • Add the hasStickyGroupHeaders option the select component, which makes the headers for each of the option groups stay in view which their corresponding questions are

sticky-grouped-headers

Cleanup & Fixes

  • Removed some unnecessary optional chaining of props that were previously added to fix a build
  • Remove the aria-labelledby prop which was not actually getting passed from the <FormControl />
  • Cleaned up the examples in the README.md so GitHub will highlight their syntax properly
  • Fix an issue where the corners of the menu were getting an extra white background where they shouldn't be

image