-
Notifications
You must be signed in to change notification settings - Fork 77
Breaking Changes
Jenna Badanowski edited this page May 4, 2020
·
3 revisions
After the upgrade to standard-version@7
on 4/29/20, this page will no longer be maintained. Breaking changes will be marked appropriately in the CHANGELOG
Checkbox, FormRadioItem, FormSelect, FormTextArea #968
-
state
prop updated to latest:[error, warning, success, information]
TextArea #968
- removed
children
prop, usevalue
instead
Menu #961
- removed
addonBefore
prop
ComboBox #958
- no longer takes a list prop, instead, it takes an options array of shape
{key, text}
Select #958
- no longer takes children, instead, it takes an options array of shape
{key, text}
Checkbox #954
-
labelClasses
->labelClassName
DatePicker #934
- remove
validDateLookup
module from distribution package
FormSet: removed #932
remove fonts from package, update ActionBar, Button and InfoLabel #908
- Fonts are no longer included in each component, follow instruction in readme to include fonts in your own project.
- New peer dependency on @sap-theming/theming-base-content
- Counter
- moved from
Badge
folder toCounter
folder - import asimport { Counter } from 'fundamental-react/Counter'
- moved from
- Badge, Label
- removed, use new InfoLabel component
- ActionBar
- Removed ActionBar.Back, ActionBar.Header, ActionBar.Actions component, now built into ActionBar via props
- Button
-
option=‘light’
tooption=‘transparent’
-
- Modal
- renamed
Dialog
- removed
closeProps
-
actions
now required
- renamed
- Button
- underlying class name changes
- ButtonGroup
- classname changed to
fd-segmented-button
- classname changed to
- Tab
- remove
disabled
prop - change underlying html - added
span
around tab text
- remove
- Shellbar
- logo
<a>
is now<span>
- added
<div>
around Identifier component
- logo
- Alert
- renamed MessageStrip
- classname changes
- removed Icon from underlying html
- Dropdown
- renamed
Select
- remove
standard
prop
- renamed
- ListGroup
- renamed “List”
- classname changes
- so many changes! basically a new component!
- MultiInput
- underlying html changes
-
Popover
body now built withList
component - lots of underlying html changes for validation states
-
state
prop replaced withvalidationState
- takes object -
localizedText
prop removed
- Combobox Input
- underlying html changes
-
menu
prop renamedlist
- now takesList
component -
state
prop nowvalidationState
- takes an object
- FormMessage
- now a
<div>
from<span>
- now a
- InputGroup
-
state
prop nowvalidationState
- takes an object - underlying html changes to include
FormMessage
when passedvalidationState
-
- SearchInput
-
state
prop nowvalidationState
- takes an object - underlying html changes to include
FormMessage
when passedvalidationState
https://github.com/SAP/fundamental-react/pull/885
-
- Toggle
- renamed to “Switch”
- removed size options, now use
compact
property -
labelProps
no longer needed, additional props will be spread to the<label>
element - underlying html changes - no longer wrapped in
FormItem
- Checkbox
- new
children
prop -
value
prop changed - underlying html has changed significantly
- new
- FormRadioItem
- underlying html has changed significantly
- FormMessage
- now an internal component
- FormInput
- removed
state
property - new
validationState
property
- removed
- FormItem
- remove
isHorizontal
prop - remove
isInline
prop (was internal only)
- remove
- FormRadioGroup
- now outputs
<div>
instead of Fragment
- now outputs
- FormLabel
- remove
isCheckbox
prop - remove
isRadio
prop
- removed
isToggle
prop
- remove
- FormRadioGroup
-
div
to Fragment to match html from Fundamental Styles
-
- FormItem
-
isInline
becomes internal only prop as it is only meant for Checkboxes and Radios
-
- FormRadioItem
-
inline
prop becomes internal use only - should only be applied toFormRadioGroup
-
- InputGroup
- fixed
compact
prop so that appropriatefd-input-group__addon—compact
class is added to InputGroup.Addon
- fixed
- MultiInput
- changed
placeHolder
prop toplaceholder
- changed
- FormMessage
- changed types options: help -> information
- Alert
-
div
for text changed top
-
-
customStyles
prop removed from all components -
withStyles
wrapper removed from all components
- Modal
-
className
prop now adds classes tofd-modal
div,backdropClassName
adds classes tofd-overlay
div, beforeclassName
added classes tofd-overlay
div.
-
- SideNav
- Now uses nested-list styles and structure
- Added utility nav
- Button
- medium button removed
- Calendar
- Month and year selectors changed from
ul
totable
- Adds
role="button"
to each selectable calendar item - Adds
aria-selected
attribute to the currently-selected calendar item.
- Month and year selectors changed from
- Menu
-
separator
prop and<hr>
removed fromMenuItem
-
separated
prop added toMenuList
-
addonBefore
prop passed down intoMenuItem
in order to renderaddon
span -
addon
node changed tospan
and is now wrapped within thea
- Shellbar
-
ProductSwitcher
renamed toProductSwitch
- Import
ProductSwitch
css file - Removed
nav
node fromProductSwitch
- Updated classnames in
ProductSwitch
- Use glyph in
ProductList
instead of images