v7.2.0

New Features

• Added a custom filterBy method to the <Select /> component

v7.1.3

Bug Fixes

• Popper Fixes

v7.1.0

New Features

• Introduce a state prop to Select to trigger loading and error states
• Add an initialWidth prop to Select that allows auto-scaling
• Switch order of navbar left and right container on mobile to have the left one on the top

v7.0.0

Breaking Changes

Select

The Select component has been completely overhauled and now supports grouped options, popular options, an Icon on the left-hand side as well as searchable options.

One thing to notice is that you won't be able to manually render your options as children prop anymore. Instead, use the options prop mentioned below.

Changed Props:

• handleOptionClick has been replaced with a mandatory onChange which will return the selected Option
• options has been introduced as a required prop
• defaultValue has been introduced as optional prop
• invertColor has been introduced to render the Select on black backgrounds
• renderLeftIcon has been introduced
• searchable has been introduced which will allow the user to filter the options
• popularOptions has been introduced to render an initial list of options
• getPopularOptionsTitle has been introduced to override the heading displayed for popular options
• groupBy has been introduced to group the list of options
• getOptionLabel has been introduced to override how the label for each option is rendered
• renderOption has been introduced to render a completely custom option
• readonly has been removed
• children has been removed
• positionFixed has been removed

StickyContainer & StickyContainerV2

StickyContainer and StickyContainerV2 have been removed and replaced with a new modified component called Popper which now lives in atoms. To use it import

import { Popper } from '@sofarsounds/maestro'

PortalComponent

PortalComponent has been replaced with a new modified component called Portal which now lives in atoms. To use it import

import { Portal } from '@sofarsounds/maestro'

New Components

Menu

We introduced new Menu components that can be re-used. Alongside with it we now have a MenuItem and MenuHeader component.

import { Menu, MenuHeader, MenuItem } from '@sofarsounds/maestro'

Other Changes

• New search Icon has been added
• The Navbar.Item now takes an emphasize prop to highlight the specific option.
• We have finally added react-testing-library
• We are now using Heroku review apps to deploy our storybook!

v6.1.0

New Features

• Update footer component to allow adding a list of featured cities

v6.0.1

Bug Fixes

• Fixes an issue with the media query mapping in the <Col> (<Grid>) component. The props sm and md now work as expected

v6.0.0

Breaking Changes

Grid

• Removed the custom rowGap and colGap properties

Fixes

• Update the default <Grid /> column & row spacing to match design system
• Update the <Container /> component spacing to match design system

v5.0.2

Bug Fixes

Add type=button to input button to prevent triggering of form submission when toggling the select dropdown

v5.0.1

Bug Fixes

• Ensure data-qaid prop is set on <Input /> component within <Select /> molecule.

v5.0.0

Breaking Changes

• Change the way the <Select /> works so it's possible to display a different label than the value of the option

Dev Changes

• Add data-qaid props to <Select /> and <Option /> components
• Remove fonts from build and import google fonts instead
• Remove unused dependencies, update existing dependencies to latest version