All notable changes to this project will be documented in this file. This project adheres to Semantic Versioning.
- Adds three new loading components:
- LinearBuffer
- LinearDeterminate (with or without label)
- LinearIndeterminate
- Fixes picker so it no longer converts timezones automatically, which was causing it to output a date other than what was expected sometimes
- Fixes picker so it no longer displays the date of the beginning of the epoch when the user clears the date, it will now show 2021/01/01
- Adds AppBar and Toolbar components
- Fixes Stepper to allow activeStep to be changed by callbacks
- Adds tooltip component
- Fixes file that was missing from git
- Fixes version for deployment on pypi
- Adds date and time picker components to sd-material-ui
- Adds
Pagination
component (https://material-ui.com/components/pagination/)
- Adds support for variant to Drawer
- Adds support for children to Snackbar
RadioButtonGroup
now correctly updatesvalueSelected
internally in state, as well as from externally changed props
- Fixes how the following components handle receiving props:
- DropDownMenu
- RadioButtonGroup
- Toggle
- Passes the defaultExpanded prop to the Accordion base component
- Updates many dependencies to resolve various vulnerabilities
- Changes the following components to use the latest
material-ui
- Accordion
- Autocomplete
- BottomNavigation
- Button
- Card
- Checkbox
- CircularProgress
- CollapseTransition
- Dialog
- Divider
- Drawer
- DropDownMenu
- FontIcon
- Paper
- Popover
- RadioButtonGroup
- Snackbar
- Stepper
- Subheader
- Tabs
- Toggle
- Adds
value
prop toTabs
component. Add avalue
to the component initialization and avalue
key and value pair for each tab to thetabPropsArray
to make the component expose thevalue
for use in callbacks. Existing behavior should not change.
- Adds
*ClassName
props toDialog
component for more styling control
- Internal updates:
- Internal: Upgrades package structure to newest dash-component-boilerplate
- Fixes a problem where the
open
prop was not always correctly set for theDrawer
component
- Adds additional documentation to the Dialog component regarding potentially confusing behavior
- Changes the
Stepper
component to uncontrolled, so callbacks are not needed for eachStep
. This changes BREAKS existing uses of theStepper
component
- Adds a
Step
component - Adds a
Stepper
component to control progress throughStep
s
- Handles
Snackbar
opening more than once with no callback listening to theSnackbar
(#85)
- v2.16.2 did not have correct bundle published on npm
- Changes the
Popover
to allow anicon
button option - Changes the
Popover
to allow styles for the button to be passed in usingbuttonStyle
- Removes some unnecessary characters that were appearing after the button
- Fixes items similar to #79 in the following components:
Dialog
Drawer
DropDownMenu
RadioButtonGroup
Snackbar
Toggle
- Fixes #79 where
Checkbox
callback was firing twice to the server on a click event
- Adds
Popover
as an uncontrolled component which can render other components as children
- Adds
searchEndpointAPI
prop toAutoComplete
to allow for external searching #76
- Adds
QuestionTabs
component for tabs version ofQuestions
(internal)
Tabs
, which takes mainlychildren
andtabPropsArray
.children
andtabPropsArray
must beArray
s of the same length, which are rendered asTab
components. This structure is necessary since Dash currently only passes along React components through thechildren
prop, and usingTab
directly was not rendering correctly. Any of the standard props fromTab
can be passed along throughtabPropsArray
.
# Renders two tabs with the children lined up with the tabs props
import sd_material_ui
sd_material_ui.Tabs(
children=[
html.Div('Tab 1'),
html.Div('Tab 2'),
],
tabPropsArray=[
{'label': 'Tab 1 label'},
{'label': 'Tab 2 label'},
]
)
- Adds
Questions
component for special use case
##2.13.2 - 2018-05-18
- Updates prop names internally in
Card
frominitialyExpanded
toinitiallyExpanded
to fix syntax (spelling) error
- Updates prop names internally in
CardText
forstyle
andcolor
to allowtextColor
andtextStyle
props to actually changeCardText
subcomponent
- Adds
id
andheaderIconStyle
props toCardComponent
:id
as astring
to allow for callbacks assigned to the cardheaderIconStyle
to allow for styling the icon in theCardHeader
subcomponent
- Adds uncontrolled Card component
- Adds functionality to
AutoComplete
component to allow for sending backvalue
instead ofsearchText
Example
# SDAutoComplete with exactMatch
# This ships back 1 when the user types in 'magenta' exactly
# This ships back {'testKey': 'testVal'} when the user types in 'aqua' exactly
sd_material_ui.AutoComplete(
id='input-autocomplete-exactmatch',
anchorOrigin={'vertical': 'center', 'horizontal': 'middle'},
animated=True,
exactMatch=True,
dashCallbackDelay=3000,
dataSource=[
dict(label='pink', value=0),
dict(label='magenta', value=1),
dict(label='aqua', value={'testKey': 'testVal'}),
dict(label='aquamarine', value=3),
],
fullWidth=True,
floatingLabelText="Type here",
filter='caseSensitiveFilter')
- Updates
metadata.json
for new props inv2.11.0
- Adds
containerClosedClassName
prop toDrawer
which applies additional classes to the drawer when it is closed to allow for custom styling (like offsets or transitions)
- 📣 BREAKING Changes
containerclassName
prop tocontainerClassName
inDrawer
to matchmaterial-ui
prop naming format.
Example
# This has 'my-test-class my-closed-class' as the class name when closed
# and 'my-test-class' as the class name when open
sd_material_ui.Drawer(
open=False,
containerClassName='my-test-class',
containerClosedClassName='my-closed-class')
- Adds
id
prop toFontIcon
- Fixes
package.json
andversion.py
mismatch
- Add Subheader Component
- Add Paper Component
- Add RadioButtonGroup Component
- Fixes
package.json
andversion.py
mismatch
- Add AutoComplete Component
- Fixes versioning in package.json
- Add FontIcon Component
- change
IconButton.react.js
documentation to notify user that FontIcon cannot be passed as param
- Add IconButton Component
- Change
usage.py
test-buttons-together tests to include IconButton
- Add CircularProgress Component
- Change
usage.py
button test to avoid NoneType Error
- Fixes versioning issue with
version.py
- Add Divider component
- Add
n_clicks_previous
prop to Flat and Raised buttons - Add new tests in
usage.py
to demonstrate behavior of new prop
- Add
id
as a prop toDropDownMenu
- Updated README and added example
- Replaced all references to
PropTypes
in favor of Flow type hinting.
- Renamed components
- Moved all components into their own directories in preparation for adding individual READMEs
- Removed
null
default for SDDropDownMenu'siconButton
, allowing the arrow to appear by default
customData
prop now available to menu items in SDDropDownMenu
- Allow a menu item's value to be any type of data, not just
number
- SDDropDownMenu
- Versioning fix for 1.7.2 in deployment
Make label a default prop on both flat and raised buttons
- SDSnackbar
- Allow className on SDDialog component
- SDToggle
- SDCheckbox now sets state even without setProps or fireEvent defined
- SDCheckbox
- SDDrawer
- Dialog, now a pure component that can be controlled in Dash
- SDRaisedButton
- SDDialog
- SDFlatButton
- Webpack config, no longer creating issues with 2 instances of React
- BottomNavigation
- Initial release