[Button, ComboBox, DatePicker, Rating, Select, TextInput, Toggle] Fix styling issues when the component has a complex React id generated through API's like createFragment c73d06d

2.0.0

Diff

nikgraf

published 2.0.0 • 9 years ago

Changelog

Source

2.0.0 - 2015-11-28

Changed

Require React 0.14.0 #189
[Button, Card, Choice, ComboBox, Option, Placeholder, Rating, Select, Separator, TextInput, Toggle] Removed the 'Belle ' prefix from displayName
[Button] Prevent sticky hover for touch devices by leveraging mouseEnter & mouseLeave instead of the :hover pseudo class 8f590e2
[Toggle] Hide Webkit tap highlight on touch 5faf2c5

Added

[DatePicker] Add DatePicker component

<DatePicker />

[Spinner] Add Spinner component

<Spinner />

Fixed

[Rating] Fix styling the wrapper 82087cb
[Select] Fix rendering the selected option with a falsy value e.g. 0 f0e5611
[Select] Fix hovering and selecting Options with values of type Number 09c52e3

<Select>
  <Option value={ 0 }>Zero</Option>
  <Option value={ 1 }>One</Option>
</Select>

[ComboBox] Fix hovering and selecting Options with values of type Number 64a2797
[TextInput] fix calculating the height in case a defaultValue was provided and props were updated f1a9bc2

Removed

[Rating] Removed the resetValue function. Reseting should accomplished by making the Rating a controlled component and passing in the value as undefined. See an example below:

export default class extends Component {

  state = {
    ratingValue: 3
  }

  reset() {
    this.setState({ ratingValue: undefined });
  }

  render() {
    return (
      <div>
        <button onClick={ ::this.reset() }></button>
        <Rating value={ this.state.ratingValue } />
      </div>
    );
  }
}