Releases: salesforce/design-system-react
Releases · salesforce/design-system-react
v0.9.6
Minor Features
Popover
: Adderror
andwarning
variantsDataTable
: AddisDefaultSortDescending
prop to allow descending as first time sort directionCombobox
: Adddisabled
prop to readonly and inline-listbox variantsPillContainer
: Return null if options is emptyInput
: AddautoComplete
prop. (Newer versions of Chrome browser ignoreautocomplete="off"
).Combobox
: AddInput
prop on in order to expose allInput
props withinCombobox
Bugfixes
BrandBand
: Lightning Theme Fix - Styles were intermittently applied beforeDataTable
: Add missing top gray border to fixed header tablesIconSettings
: Add additional inheritance of context foroverflowBoundaryElement
Dialog position which uses portals.Input
: Update error icon from warning icon to error iconInput
: PreventPropTypes
warning informs/private/label
whenlabel
prop contains a Reactnode
Maintainance
- Update Brand Band documentation: Depending on your server settings, you may get this error due to stye injection and may want to directly add styles to your CSS file.
- Update
README.md
to run install command in right directory - Datepicker: Clarify MomentJS usage in props/docs
- Add ESLINT skipBlankLines/skipComments max lines rule
- Combobox: Give each Storybook example a unique ID
- Define pull request expectations in more detail
- Document how to release a tag on a fork
- Add how to release a tag to 1st time PR bot
- Correct Typos in Contributor's Guidelines
- Improve docs for codebase-overview.md and CONTRIBUTING.md
- Remove non-breaking text from Tooltip Storybook examples
- Contributing docs: Add mention of adding new components to
package.json
v0.9.5
Release 0.9.5
Minor Features
- Combobox: Allow disabled menu items and disabled menu items with Tooltips
- Input: Add
styleContainer
prop - ProgressIndicator:
tooltipPosition
prop added to allow additional positioning logic - Dropdown:
length
prop now allows numbers
Bugfixes
- BrandBand: Lightning Theme CSS injection was intermittantly working.
- Dropdown: Adds
aria-checked
and role="menuitemcheckbox" for selectable menus with checkmarks
Maintainance
- Warnings removed from snapshot tests and 404s from browser Mocha tests. "CI is now prettier."
- Add first time contributor survey to allow additional feedback to library maintainers.
- Imports additional examples from doc site examples that did not exist in Storybook
v0.9.4
Release 0.9.4
Minor Features
PageHeader
: Allow actions in Base variant with support ofnavRight
Combobox
: Add field-level tooltip withfieldLevelHelpTooltip
prop oninput
prop. DeprecateCombobox
'sassistiveText.fieldLevelHelpButton
in favor of usinginput
prop's prop. See #1689 for more details. You will see a console warning if you are doing it wrong.Tooltip
: RequireonClickTrigger
for learn more pattern- If
learnMore
Tooltip variant is used withoutonClickTrigger
, then the “no click” basic info icon tooltip will be used with a “disabled” button. - If
onClickTrigger
is defined, a link will be rendered (this is the current behavior for learn more tooltips).
- If
- Add
AppLauncher
Tile
andSection
components to main module export to allow use in CommonJS build.
Bugfixes
DataTable
: A UX pattern of Radio Group / Single Select with a Fixed Header works now.
Documentation
Combobox
: Site examples now have unique id's- Re-organize Codebase Overview
- Add maximum lines in a file lint rule of 500
v0.9.3
Release 0.9.3
Bugfixes
DataTable
: Adds event listeners to listen for window resize by default. This creates a behavior that truncates horizontal cells and is similar to how aDataTable
on the Salesforce Platform works. Additional propsonFixedHeaderResize
andonToggleFixedHeaderListeners
are useful if you'd like to attach the resize/realign event to something besides thewindow
/document
which is the default. Adding widths to the columns with props will make the table start scrolling to the right and hide information (“overflow-x:hidden”)--so it’s an all widths or no widths solution. No widths, will make the column headers optional truncate based on the browser decided HTML table column width (and this is what you see in the examples).
v0.9.2
Release 0.9.2
Major Features
DataTable
supports fixed headers and this allows the table headings to be visible while the table vertically scrolls.DataTable
has a required single select (Radio Group) pattern.selectRows
specifies a row selection UX pattern.checkbox
: Multiple row selection.radio
: Required single row selection.
v0.8.30
Release 0.8.30
BugFixes
- Brings in Color Picker accessiblility fixes from master branch
v0.9.1
Release 0.9.1
Notes
- Tree
nodes
are now compared with nodeid
key instead of object compare when using keyboard events - Testing suite runs on Windows now to enable contributions from Windows users. Use
git-bash
, please--no Powershell.
Major Features
- Pill Container: Add Listbox of Pill Options component. Previously
Pill
components used in a group were not accessible. This component creates a pillbox or group option. IsoloatedPill
component is still present, but should not be used for user input/selection. - Input Counter: Add Counter Example. This is useful for number input.
Minor Features
- Combobox (Read-Only / Picklist): Add "press a letter to scroll to an option" (similar to HTML
select
behavior) - Combobox (Read-Only / Picklist): Add auto-scroll behavior on keyboard menu item selection (similar to HTML
select
behavior) - Combobox filter): Make combobox filtering more performant by not creating RegExp in a loop
- Combobox (filter): Remove selected options based on
option.id
only - Input Counter: Disable increment/decrement buttons when min/max is hit
- Datepicker: Add
input
render prop for Input customization
Bugfixes
- Tree: Compare cached flattened nodes with id key
- Illustration: Remove
<title>
- Input:
inlineHelpText
can benode
as well asstring
proptype update. - Combobox/PillContainer: Pill aria-selected state is always true
- Combobox/PillContainer: Tab propagation bug introduced with menu letter jump feature
- DataTable: Update
stackedHorizontal
class name - Tooltip: Do not console error
isTriggerTabbable
if no children of tooltip. - Toast: Clear duration timeout in
componentWillUnmount()
to avoid memory leaks - DataTable: Generates row
id
if none is present
Maintenance
- Contributor Productivity: Enable test suite on Windows and run tests concurrently by default. This update allows entire testing suite (500+ browser tests, 320+ snapshot DOM/images, prop comment validation, Prettier style, ESlint code quality) to run in less than 2 minute on most machines. This pull request also aligns npm script names. Please use
npm run
to view new names. - Contributor Productivity: Replace PhantomJS with Headless Chrome (also speeds up browser tests slightly)
v0.9.0
Release 0.9.0
You should update your application unit tests if you are using class names in your DOM queries.
Major Features
- Update CSS class names so that they align with the modified-BEM structure that Salesforce Lightning Design System switched to in June 2017. These changes are were promised to be backwards compatible for 18 months.** . (In short, the
className
contains_
instead of--
now).
Minor Features
- Input: Add
styleInput
prop - Radio: Add
ref
,data
attribute, andclassName
props - Toast: Add
style
prop - Alert: Add
style
prop - Tooltip: Align "learn more" variant with SLDS
- Allow SLDS Token import for inline styles
- Allow Storybook (
npm start
) on Windows 10 - Vertical Navigation: Update SLDS markup/classes
Bugfixes
- Popover (all dialogs): Prevent scroll to bottom on opening and focus of dialogs
- DataTable: Update
stackedHorizontal
class name - Dialog: Remove isNaN gaurds since ‘inherit’ is not a number
- Page header: Details not truncating
- Page header: Align Media Objects and header text
- Adding missing
docs.json
to some components
Maintenance and Documentation
- Clarify new component contribution section
- Convert
createReactClass
components to ES6 Classes - Move keyboard navigate mixin into picklist (deprecated)
- Remove some unneeded dependencies
- Fix typo in
Spinner
example - Update prettier CI command to fail on style issues
- Fix lint errors
v0.8.29
Release 0.8.29
BugFixes
- Fixes issues on color-picker component:
- Fixes bug where setting transparent ('') as prop
value
was not applied. - Fixes warning message on
Swatch
color prop. - Fixes bug where workingColor was not respecting outer color input.
- Fixes bug where setting transparent ('') as prop