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!