All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
LIB
Update all to react0.63.4
Card
addedbackgroundColorOnPress
props
LIB
Update all to react0.63.4
Card
addedbackgroundColorOnPress
propsButtonGroup
set margin left and right to 16
CardHeader
addedtitleColor, bigLabelColor, bigTopLabelColor, struckoutColor
propsCardHeader
edittopLabel
now is optionalCard
addedbackgroundColor, descriptionColor
propsCard
addedimage
supportReactElement<Image>
CardHeader
addedtitleLines
propsListItemTextInputPropsType
added news props and typeNote
added textColor
- added
testID
to all components containing touchable items on any type
- bumped
ini
dep (dependabot) - non-backwards-compatible replaced
IconButtonTestID
withLoginTestID
inProviderSettings
(so thatInfoTestID
can be used for the other touchable inside the component)
- icon font is no longer part of the library, added instructions as to how to include it on the README
NOTE: version 0.3.10 was published by mistake without typescript definitions!
molecules/end/EndIcon
- added new molecule to be added asend
prop inListItem
smolecules/content/Label
- addednumberOfLines
prop to support 2-line labels
components/form/ListItemTextInput
- addedmultiline
prop, to enable multiline text inputs (internal ref UR-2455)
- fixed a require cycle between
Onboarding
andOnboardingSinglePage
components/Onboarding
- added option to use an external image by passing aURI
, along with the image'swidth
andheight
, show a placeholder while the image is being loaded
App
- fixed TS compilation, translating absolute paths to relative ind.ts
files, so that VS Code understands them
content/ComparatorModal
,end/ContentComparator
andcomponents/ListItemComparator
components
molecules/Chip
- addedalignSelf
prop toChip
with default valueflex-start
molecules/Chip
- addedbgColor
prop toChip
molecules/Chip
- addedgetWrapperStyle
inChip
to customize container stylemolecules/ChipLarge
- addedcontainerStyle
prop toChipLarge
to set container stylemolecules/ChipLarge
- changedicon
prop type and addingrenderImageOrIcon
inChipLarge
to allow rendering Images and not only Icons
components/Onboarding
- addedupdateParentIndex
andscrollPage
to allow different CTA Button Handlers (UR-2082)
utils/const
- addedtopBarHeight
with the height of the navigation bar (topBar
inreact-native-navigation
)
components/Search
- changed icons color toulisse
when the background color is darkcomponents/PaymentPanel
,components/FloatingButtonLayout
- renamedcountBottomTabs
toaccountForBottomTabs
components/OnboardingSinglePage
- explicitely setposition: 'absolute'
for view, hoping to solve the issue withreact-native-navigation
/react-native-gesture-handler
of transparent modals
components/FilterGroup
- added option to leave out the last button, and make icon configurable via prop
molecules/ItemSeparator
- setuseNativeDriver
tofalse
, as thebackgroundColor
prop cannot be animated natively
components/FilterGroup
- added option to override last button's color
molecules/ItemSeparator
- addeduseNativeDriver
flag to animation, so that RN stops complaining about it
utils/colors
added function to override design system colors
components/PurchasePanel
replace price color tocolors.uma
utils/colors
added function to override design system colors
components/PurchasePanel
replace price color tocolors.uma
molecules/Slider
added event throttling
molecules/Slider
fixed slider active area being too large on iOS
components/FloatingButtonLayout
fixed issues with keyboard sometimes (and especially on some devices) not pushing/dragging the floating button with it
components/profileHeaders/ProfilePic
turned camera button into a view (that looks like a button), making the whole area of the profile pic tappable. Usingcover
and cropping profile pics to a circle.
components/Snackbar
ditched the wholefirstLine
/secondLine
implementation in favor of a more useful singlemessage
prop, which takes care of ellipsizing text if needed
components/Snackbar
queuing multiple snackbars works again when Snackbars are dismissed because of their actions being pressed
components/Tooltip
and its companioncomponents/TooltipContainer
. Can be used directly, or with theWithTooltip
HOC, also insidecomponents/Tooltip
(internal ref: UR-1686)
components/Snackbar
crop long lines of text when an action is shown, and also when the action is on a line by itself (internal ref: UR-1663)components/Onboarding
add more props to try and make the ScrollView actually paginate
molecules/animations/LoadingCircle
new loading animation made withreact-native-reanimated
and (the newly added)react-native-svg
- added loading animation to
FilterGroup
when themanage
prop is set
utils/const
fixedgetTabBarHeight
function- updated default
ListItemSlider
right-hand side label width so that it's not cut on iOS by default
molecules/end/EndChip
andmolecules/end/EndChipAndLabel
(internal ref: UR-1612). Test them on the showcase app incomponents/ListItems
components/SnackbarView
- added options to support react-native-navigation, and consideredprops.bottomMargin
for the animations; calling onHide() on componentWillUnmount if there's an active timeout.components/Search
- added workaround for nested touchables inreact-native-gesture-handler
- added
components/Snackbar
- a new component to use snackbars on both Android and iOS. Test it on the showcase app incomponents/Modals / Snackbars
fonts
- use embedded Roboto fonts on Android so that the app looks the same regardless of the system font in use (Read the updated install instructions on theREADME.md
file!)
ListItem
fixed separator background color to match the one passed in props
colors
changedughina
value (because design).ListItemTextInput
changed placeholder color toursula
(also because design).SearchBar
invertedulisse
andukko
in light version (...also because design).
- added note about how to launch
watchman
toREADME.md
. - added metadata to
package.json
(author, contributors, keywords). - added
molecules/end/EndRealTime
, the one-line version of the (now renamed)molecules/end/EndRealTimeDouble
.
- crop text in
ChipOverLabel
andChipDoubleLabel
(with ellipsis) if it's too long, add20dp
margin right. - centered
ChipLarge
juuuuust right. - removed ghost
4dp
right padding fromEndLabel
ChipGroup
is now scrolled to the beginning oncomponentDidUpdate()
when its content changes.
- state in
ChipGroup
is now reset oncomponentDidUpdate()
, too. onActiveChanged()
callback inChipGroup
now mirrors the new toggling logic.- added more padding right to
ChipLarge
so that text looks centered within the chip.
- added more
ListItemChip
examples to the showcase app (components/ListItems).
- fixed cropped items in
components/ChipGroup
, and added 4dp top padding.
molecules/content/ChipAndLabel
,molecules/content/ChipOverLabel
,molecules/content/ChipAndDoubleLabel
. Preview them in molecules/Content on the showcase app.
components/ChipGroup
updated scrollview so it takes the whole height of the component, updated logic so that it now enables all toggles when the last active toggle is tapped.
molecules/end/EndRealTime
, a molecule likeEndDoubleLabel
, but withassets/img/ic_realtime.png
to the left of the top label (internal ref: UR-1568). Preview in components/ListItems on the showcase app.molecules/content/ChipLarge
, a molecule likeChip
but... larger :) (internal ref: UR-1566). Preview in molecules/Chips on the showcase app.molecules/buttons/toggles/ChipToggle
, a molecule likeIconToggle
, but using aChipLarge
instead of an icon.components/ChipGroup
, a horizontally scrollable list ofChipToggle
items, in which the first tap deactivates all other items. Preview in components/IconGroups on the showcase app.- new colors in
utils/colors
for public transport:bus
,ferry
,subway
,train
, andtram
. Preview in colors on the showcase app.
- update icon font to include more transport types, and to fix baseline alignments