Salesforce Lightning Design System for React
BSD-3-CLAUSE License
Bot releases are hidden (Show)
Published by interactivellama almost 6 years ago
Minor Features
PageHeader
: Allow actions in Base variant with support of navRight
Combobox
: Add field-level tooltip with fieldLevelHelpTooltip
prop on input
prop. Deprecate Combobox
's assistiveText.fieldLevelHelpButton
in favor of using input
prop's prop. See #1689 for more details. You will see a console warning if you are doing it wrong.Tooltip
: Require onClickTrigger
for learn more pattern
learnMore
Tooltip variant is used without onClickTrigger
, then the “no click” basic info icon tooltip will be used with a “disabled” button.onClickTrigger
is defined, a link will be rendered (this is the current behavior for learn more tooltips).AppLauncher
Tile
and Section
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'sPublished by interactivellama almost 6 years ago
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 a DataTable
on the Salesforce Platform works. Additional props onFixedHeaderResize
and onToggleFixedHeaderListeners
are useful if you'd like to attach the resize/realign event to something besides the window
/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).Published by interactivellama almost 6 years ago
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.Published by interactivellama almost 6 years ago
BugFixes
Published by interactivellama almost 6 years ago
Notes
nodes
are now compared with node id
key instead of object compare when using keyboard eventsgit-bash
, please--no Powershell.Major Features
Pill
components used in a group were not accessible. This component creates a pillbox or group option. Isoloated Pill
component is still present, but should not be used for user input/selection.Minor Features
select
behavior)select
behavior)option.id
onlyinput
render prop for Input customizationBugfixes
<title>
inlineHelpText
can be node
as well as string
proptype update.stackedHorizontal
class nameisTriggerTabbable
if no children of tooltip.componentWillUnmount()
to avoid memory leaksid
if none is presentMaintenance
npm run
to view new names.Published by interactivellama almost 6 years ago
You should update your application unit tests if you are using class names in your DOM queries.
Major Features
className
contains _
instead of --
now).Minor Features
styleInput
propref
, data
attribute, and className
propsstyle
propstyle
propnpm start
) on Windows 10Bugfixes
stackedHorizontal
class namedocs.json
to some componentsMaintenance and Documentation
createReactClass
components to ES6 ClassesSpinner
examplePublished by interactivellama almost 6 years ago
BugFixes
value
was not applied.Swatch
color prop.Published by interactivellama almost 6 years ago
Published by interactivellama about 6 years ago
This version reverts CSS class changes in 0.8.26 that 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.** .
Please use the upcoming 0.9.x for components that use the modified BEM (that is the className
contains --
instead of _
).
Published by interactivellama about 6 years ago
This release contains CSS class modifications that are compatible with Salesforce Lightning Design System, but may result in if consumers are reaching into components and querying the DOM for CSS classes. Please use 0.8.27 if you do not want these updates to align better with Salesforce Lightning Design System.
Bugfixes
DataTable
's fixed-layout column width not being appliedMaintenance
findDomode
from Dropdown--
) modifier class namesPublished by interactivellama about 6 years ago
Minor Features
onRequestIconPath
added to IconSettings
to allow developers to return a custom icon path--for instance, on the same page with a local anchor (#down
). This is helpful for when there are Cross-Origin Resource Sharing (CORS) issues with SVGs that are located on another domain such as a CDN.Bugfixes
Published by interactivellama about 6 years ago
Bugfixes
docs.json
for each component added to build. Component meta data is now stored with each component folder in docs.json
. This library's release script was not copying the new file which makes all components imports fail.Published by interactivellama about 6 years ago
Do not use 0.8.23. Component meta data is now stored with each component folder in docs.json
. This library's release script was not copying the new file which makes all components imports fail.
Major Features
BrandBrand
componentMinor Features
style
prop to Button
componentGlobalHeaderProfile
Bugfixes
Dialog
component. popper.scheduleUpdate
now runs within Dialog
's componentWillUpdate
lifecycle method.Tooltip
with PopoverTooltip
internallyMaintenance
prettier-eslint
Published by interactivellama about 6 years ago
Bugfixes
Documentation
Input
's assistiveText.label
console warning fixed.Published by interactivellama about 6 years ago
Version 0.8.21 CommonJS/ES6 module versions of this library have an error that is a blocker. Component display names of old locations (used by CommonJS/ES6 modules transpile export on NPM) of these components result in the following errors.
*'../../../utilities/constants' does not contain an export named 'INPUT'.
*'../../../utilities/constants' does not contain an export named 'NAVIGATION'.
Please use 0.8.22 (coming soon) if you use CommonJS/ES6 module versions (Create React App for instance).
onChange
replaced with onRowChange
. onChange
's parameters are (selectedArrayOfItems, event)
. onRowChange
standardizes the parameters with the rest of the library with event, { selection:[array] }
.Minor Features
Settings.setAppElement
is not set.Bugfixes
Popover
, Tooltip
, Datepicker
, Dropdown
. Previously the nubbin would be misaligned due to hardcoded margins that would get added onto the dialog component. It will now instead calculate the offsets and include them in the positioning logic and add/subtract from the left and top.Button
). Details:
top left
, that meant the nubbin would point at the top left hand side of the Button
.top left
align the left will only designate the location of the nubbin on the Dialog.offset
prop will need to be manually readjusted.offset
prop for Dropdown
and Popover
. The manual setting of positional offset of dialog components has been deemed unreliable. Position logic has been re-written to deliver better and more reliable positioning. Please create an issue if you have an edge case not covered by the built-in logic.Maintenance and documenation
Navigation
to VerticalNavigation
to align with SLDS.bread-crumb
, forms/input
, forms/radio
, forms/textarea
, navigation
, popover-tooltip
to show that they have been moved. Warning only occurs when using source code files import [COMPONENT] from
design-system-react/components/[COMPONENT]`/components/modal/trigger
package.json
object.assign
eslint rulenpm install
from npm ci
due to TravisCI issuesPublished by davidlygagnon about 6 years ago
Bugfixes
Dropdown
component where getIndexByValue() needs to look at nextProps.options when componentWillreceiveProps() is called.Maintenance
DataTable
, Icon
, Search
, PanelFilterGroup
, Spinner
, Tree
, TextArea
.Published by interactivellama over 6 years ago
Combobox menu may be in a different position now and flip up if there is not room and not always down. All components are moving to assistiveText
being an object instead of a string. Please update eventually, but no plans to break the prop until v1.0 is released at this time.
Major Features
Bugfixes
Slider
a controlled component. Use value
and onChange
props.Combobox
: Allow PopperJS to position menu correctly when menu hits the screen or overflow ancestor boundary.Tree
branch and item to use latest SLDS HTML tagsAlert
error iconMaintenance
getting-started.md
to NPM moduleRadio
component examplesObject.assign()
from codebase and replace with spreadassistiveText
props under one object. This is going to deprecate many props, but will make props more consistent across all the components.
AppLauncherSection
Avatar
Breadcrumb
ButtonStateful
Button
GlobalHeader
GlobalNavigationBarDropdown
Published by garygong over 6 years ago
Bugfixes
Icon
uses new values for name
and category
when changed.Maintenance
url-exists
utility uses fetch
instead of xmlHttpRequest
.Published by interactivellama over 6 years ago
Bugfixes
InlineEdit
Input in the future.Minor features
dropdown
prop added to DataTableRowActions
to increase customization of the dropdown menutabIndex
added to MenuDropdown
componentPicklist
has been removed from examples. Please use a Combobox instead.Published by interactivellama over 6 years ago
Deprecation
TL:DR; If you use the source code directly, update your form component paths and the parameters in onChange
. All others stay the same for now.
Input
, Checkbox
, and Textarea
out of component/forms
and directly into component/
. Old paths such as component/forms/input
will still work, but include a console warning as deprecated.components/input
, components/checkbox
, and components/textarea
pass different parameters into the onChange
callback. onChange
now passes in event, { checked }
if the new paths are used. The parameters used to be checked, event, { checked }
. If you use the new paths such as components/input
, please update your parameter variables. This aligns the callback's parameters with the rest of the library's callback functions.{[component]} from '@salesforce/design-system-react'
, you will recieve the warning and will need to use the old parameter order until the next breaking change.Minor features
Tree
example to be hashmap in order to promote immutability. Please review Tree
example on documentation site in order to understand flattened tree data.tabIndex
prop to MenuDropdown
Bug fix
menuPosition='overflowBoundaryElement'
now respect max-width
instead of inherited children widthGlobalHeader
Maintenance
Documentation