Skip to content

Commit

Permalink
feat(events): merge with master
Browse files Browse the repository at this point in the history
  • Loading branch information
layershifter authored and Alexander Fedyashov committed Jun 26, 2017
2 parents 1f90651 + c920021 commit d0ab43a
Show file tree
Hide file tree
Showing 159 changed files with 3,161 additions and 1,201 deletions.
84 changes: 81 additions & 3 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,85 @@
# Change Log

## [v0.70.0](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.70.0) (2017-06-24)
[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.69.0...v0.70.0)

**Implemented enhancements:**

- \<Tab /\> Component [\#199](https://github.com/Semantic-Org/Semantic-UI-React/issues/199)
- feat\(Tab\): Add component [\#430](https://github.com/Semantic-Org/Semantic-UI-React/pull/430) ([levithomason](https://github.com/levithomason))

**Fixed bugs:**

- Popup: button class applied to Popup [\#1703](https://github.com/Semantic-Org/Semantic-UI-React/issues/1703)
- Failed to build webpack2 example [\#1701](https://github.com/Semantic-Org/Semantic-UI-React/issues/1701)
- TextArea incorrect height with autoHeight prop when element is not visible [\#1405](https://github.com/Semantic-Org/Semantic-UI-React/issues/1405)
- Field.Input, Field.Select Get Rendered w/ Different Heights [\#1382](https://github.com/Semantic-Org/Semantic-UI-React/issues/1382)

**Closed issues:**

- Form: using a third-party form library causes "Uncaught TypeError: e.preventDefault is not a function" [\#1790](https://github.com/Semantic-Org/Semantic-UI-React/issues/1790)

**Merged pull requests:**

- chore\(package\): use satisfied react version [\#1794](https://github.com/Semantic-Org/Semantic-UI-React/pull/1794) ([levithomason](https://github.com/levithomason))
- fix\(TextArea\): compute height when hidden [\#1793](https://github.com/Semantic-Org/Semantic-UI-React/pull/1793) ([levithomason](https://github.com/levithomason))
- chore\(package\): add missing eslint dev dep [\#1792](https://github.com/Semantic-Org/Semantic-UI-React/pull/1792) ([levithomason](https://github.com/levithomason))
- breaking\(Input\): remove shorthand action button class [\#1791](https://github.com/Semantic-Org/Semantic-UI-React/pull/1791) ([levithomason](https://github.com/levithomason))
- fix\(children\): handle empty array children [\#1789](https://github.com/Semantic-Org/Semantic-UI-React/pull/1789) ([brianjd](https://github.com/brianjd))
- fix\(Form\): call preventDefault in onSubmit only when it exists [\#1788](https://github.com/Semantic-Org/Semantic-UI-React/pull/1788) ([layershifter](https://github.com/layershifter))
- docs\(examples\): add dependency for babel-plugin-lodash [\#1713](https://github.com/Semantic-Org/Semantic-UI-React/pull/1713) ([layershifter](https://github.com/layershifter))

## [v0.69.0](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.69.0) (2017-06-22)
[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.68.5...v0.69.0)

**Implemented enhancements:**

- Button: the disabled attribute doesn't apply to the button element [\#1775](https://github.com/Semantic-Org/Semantic-UI-React/issues/1775)
- RFC: Form submition [\#1769](https://github.com/Semantic-Org/Semantic-UI-React/issues/1769)
- Button: add focus\(\) method [\#1740](https://github.com/Semantic-Org/Semantic-UI-React/issues/1740)
- Input: remove need for icon to support 'loading' prop [\#1716](https://github.com/Semantic-Org/Semantic-UI-React/issues/1716)
- TextArea: add minHeight property with autoHeight [\#1647](https://github.com/Semantic-Org/Semantic-UI-React/issues/1647)
- feat\(Button\): add advanced handling of disabled prop [\#1781](https://github.com/Semantic-Org/Semantic-UI-React/pull/1781) ([layershifter](https://github.com/layershifter))
- feat\(Icon\): add ability use the loading prop without an icon [\#1768](https://github.com/Semantic-Org/Semantic-UI-React/pull/1768) ([layershifter](https://github.com/layershifter))
- feat\(Button\): add focus method [\#1764](https://github.com/Semantic-Org/Semantic-UI-React/pull/1764) ([layershifter](https://github.com/layershifter))
- feat\(TextArea\): add minHeight property, docs example [\#1679](https://github.com/Semantic-Org/Semantic-UI-React/pull/1679) ([josie11](https://github.com/josie11))

**Fixed bugs:**

- Checkbox|Input: aria-\* attributes incorrectly applied [\#1750](https://github.com/Semantic-Org/Semantic-UI-React/issues/1750)
- Missing attributes in html [\#1743](https://github.com/Semantic-Org/Semantic-UI-React/issues/1743)
- Dropdown: minCharacters breaks search input [\#1718](https://github.com/Semantic-Org/Semantic-UI-React/issues/1718)
- Dropdown: change active item on keyboard up/down [\#1487](https://github.com/Semantic-Org/Semantic-UI-React/issues/1487)
- Checkbox: focus not properly activated on click [\#1335](https://github.com/Semantic-Org/Semantic-UI-React/issues/1335)
- Dropdown sizer not always hidden [\#1298](https://github.com/Semantic-Org/Semantic-UI-React/issues/1298)

**Closed issues:**

- Import absolute path of the component [\#1776](https://github.com/Semantic-Org/Semantic-UI-React/issues/1776)
- Button animated="fade" doesnt work. [\#1774](https://github.com/Semantic-Org/Semantic-UI-React/issues/1774)
- Dropdown won't accept defaultValue change! [\#1772](https://github.com/Semantic-Org/Semantic-UI-React/issues/1772)
- fix\(Menu\): I type "&" to name of Menu.Item but it is not show [\#1765](https://github.com/Semantic-Org/Semantic-UI-React/issues/1765)
- Support Dropdown : multiple + label/icon [\#1760](https://github.com/Semantic-Org/Semantic-UI-React/issues/1760)
- Dropdown: override default onSearchChange behaviour if prop is passed [\#1738](https://github.com/Semantic-Org/Semantic-UI-React/issues/1738)

**Merged pull requests:**

- feat\(Form\): safely prevent default on submit [\#1786](https://github.com/Semantic-Org/Semantic-UI-React/pull/1786) ([levithomason](https://github.com/levithomason))
- fix\(Dropdown\): Sizer rendering incorrectly; Fixes \#1298 [\#1783](https://github.com/Semantic-Org/Semantic-UI-React/pull/1783) ([tobijoh](https://github.com/tobijoh))
- docs\(props\): fix uniqueness [\#1780](https://github.com/Semantic-Org/Semantic-UI-React/pull/1780) ([layershifter](https://github.com/layershifter))
- docs\(Introduction\): fix declarative example [\#1771](https://github.com/Semantic-Org/Semantic-UI-React/pull/1771) ([aabustamante](https://github.com/aabustamante))
- docs\(images\): add missing images, update urls [\#1763](https://github.com/Semantic-Org/Semantic-UI-React/pull/1763) ([layershifter](https://github.com/layershifter))
- fix\(Checkbox\): focus should be obtained on mouseDown [\#1762](https://github.com/Semantic-Org/Semantic-UI-React/pull/1762) ([layershifter](https://github.com/layershifter))
- fix\(Accordion\): typings inverted to boolean [\#1758](https://github.com/Semantic-Org/Semantic-UI-React/pull/1758) ([mcrawshaw](https://github.com/mcrawshaw))
- fix\(Checkbox|Input\): fix handling of aria-attributes [\#1752](https://github.com/Semantic-Org/Semantic-UI-React/pull/1752) ([layershifter](https://github.com/layershifter))
- fix\(htmlInputProps\): fix handling of falsy values [\#1746](https://github.com/Semantic-Org/Semantic-UI-React/pull/1746) ([layershifter](https://github.com/layershifter))
- fix\(Search\): Allow default action if there is no selected result [\#1742](https://github.com/Semantic-Org/Semantic-UI-React/pull/1742) ([nanego](https://github.com/nanego))
- docs\(TableExampleSortable\): pass in null when that column isn't sorted [\#1737](https://github.com/Semantic-Org/Semantic-UI-React/pull/1737) ([jayphelps](https://github.com/jayphelps))
- fix\(Dropdown\): change active item on keyboard up/down [\#1735](https://github.com/Semantic-Org/Semantic-UI-React/pull/1735) ([Bebersohl](https://github.com/Bebersohl))
- fix\(Input\): add missing minLength prop [\#1734](https://github.com/Semantic-Org/Semantic-UI-React/pull/1734) ([Traverse](https://github.com/Traverse))
- breaking\(Dropdown\): remove hidden select [\#1730](https://github.com/Semantic-Org/Semantic-UI-React/pull/1730) ([levithomason](https://github.com/levithomason))
- fix\(Dropdown\): fix `minCharacter` prop behaviour [\#1722](https://github.com/Semantic-Org/Semantic-UI-React/pull/1722) ([layershifter](https://github.com/layershifter))

## [v0.68.5](https://github.com/Semantic-Org/Semantic-UI-React/tree/v0.68.5) (2017-06-01)
[Full Changelog](https://github.com/Semantic-Org/Semantic-UI-React/compare/v0.68.4...v0.68.5)

Expand Down Expand Up @@ -158,7 +238,7 @@
- docs\(examples\): fix in webpack1 example [\#1596](https://github.com/Semantic-Org/Semantic-UI-React/pull/1596) ([layershifter](https://github.com/layershifter))
- docs\(Table\): add sortable table example [\#1594](https://github.com/Semantic-Org/Semantic-UI-React/pull/1594) ([josie11](https://github.com/josie11))
- docs\(Container\): Fix a typo [\#1589](https://github.com/Semantic-Org/Semantic-UI-React/pull/1589) ([eu42](https://github.com/eu42))
- fix\(Dropdown\): fix warning on PropTypes with React \>= 15.5.0 [\#1588](https://github.com/Semantic-Org/Semantic-UI-React/pull/1588) ([G1enY0ung](https://github.com/G1enY0ung))
- fix\(Dropdown\): fix warning on PropTypes with React \>= 15.5.0 [\#1588](https://github.com/Semantic-Org/Semantic-UI-React/pull/1588) ([g1eny0ung](https://github.com/g1eny0ung))
- fix\(Form\): pass shorthand ids to the label's htmlFor prop [\#1517](https://github.com/Semantic-Org/Semantic-UI-React/pull/1517) ([pedrocostadev](https://github.com/pedrocostadev))
- feat\(Modal\): Create a Modal using shorthand props [\#1508](https://github.com/Semantic-Org/Semantic-UI-React/pull/1508) ([josie11](https://github.com/josie11))

Expand Down Expand Up @@ -238,7 +318,6 @@
- TypeScript definition errors in v0.67.1 [\#1456](https://github.com/Semantic-Org/Semantic-UI-React/issues/1456)
- Dropdown: Clicking on "No results found." leads to hard to remove text from input [\#1451](https://github.com/Semantic-Org/Semantic-UI-React/issues/1451)
- Form.Field required label [\#1387](https://github.com/Semantic-Org/Semantic-UI-React/issues/1387)
- Checkbox focus not properly activated on click [\#1335](https://github.com/Semantic-Org/Semantic-UI-React/issues/1335)

**Closed issues:**

Expand Down Expand Up @@ -457,7 +536,6 @@

- Feature Request: AllowAdditions in dropdown to retain text on focus [\#1305](https://github.com/Semantic-Org/Semantic-UI-React/issues/1305)
- Programatically set value for Dropdown? [\#1302](https://github.com/Semantic-Org/Semantic-UI-React/issues/1302)
- Dropdown with multiple selection renders sizer wrong? [\#1298](https://github.com/Semantic-Org/Semantic-UI-React/issues/1298)
- Dropping Component on runtime [\#1295](https://github.com/Semantic-Org/Semantic-UI-React/issues/1295)
- fix\(Label\): Label not appearing as it is shown in the example [\#1291](https://github.com/Semantic-Org/Semantic-UI-React/issues/1291)
- fix\(Form\): your description [\#1288](https://github.com/Semantic-Org/Semantic-UI-React/issues/1288)
Expand Down
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ Once you change the flag, you need to refresh your browser to see the changes in
| ✓ Loader | | | Shape | |
| ✓ Rail | | | ✓ Sidebar | |
| ✓ Reveal | | | Sticky | |
| ✓ Segment | | | Tab | |
| ✓ Segment | | | Tab | |
| ✓ Step | | | Transition | |

## Our Principles
Expand Down
2 changes: 1 addition & 1 deletion docs/app/Components/IconSearch/IconSearch.js
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ export default class IconSearch extends Component {
return (
<Grid columns={1} padded textAlign='center' style={gridStyle}>
<Grid.Column>
<Form onSubmit={(e) => e.preventDefault()}>
<Form>
<Form.Group inline>
<Form.Input
id='docs-icon-set-input'
Expand Down
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import React from 'react'
import { Form, TextArea } from 'semantic-ui-react'

const TextAreaExample = () => (
const TextAreaExampleTextArea = () => (
<Form>
<TextArea placeholder='Tell us more' />
</Form>
)

export default TextAreaExample
export default TextAreaExampleTextArea
16 changes: 16 additions & 0 deletions docs/app/Examples/addons/TextArea/Types/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
import React from 'react'

import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample'
import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection'

const TextAreaTypesExamples = () => (
<ExampleSection title='Types'>
<ComponentExample
title='TextArea'
description='A default TextArea.'
examplePath='addons/TextArea/Types/TextAreaExampleTextArea'
/>
</ExampleSection>
)

export default TextAreaTypesExamples
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import { Form, TextArea } from 'semantic-ui-react'

const TextAreaExampleAutoHeight = () => (
<Form>
<TextArea placeholder='Try adding multiple lines' autoHeight />
<TextArea autoHeight placeholder='Try adding multiple lines' />
</Form>
)

Expand Down
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import React from 'react'
import { Form, TextArea } from 'semantic-ui-react'

const TextAreaExampleAutoHeightMinHeight = () => (
<Form>
<TextArea autoHeight placeholder='Try adding multiple lines' style={{ minHeight: 100 }} />
</Form>
)

export default TextAreaExampleAutoHeightMinHeight
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import React from 'react'
import { Form, TextArea } from 'semantic-ui-react'

const TextAreaExampleAutoHeightRows = () => (
<Form>
<TextArea autoHeight placeholder='Try adding multiple lines' rows={2} />
</Form>
)

export default TextAreaExampleAutoHeightRows
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import React from 'react'
import { Form, TextArea } from 'semantic-ui-react'

const TextAreaExampleMinHeight = () => (
<Form>
<TextArea placeholder='Tell us more' style={{ minHeight: 100 }} />
</Form>
)

export default TextAreaExampleMinHeight
10 changes: 10 additions & 0 deletions docs/app/Examples/addons/TextArea/Usage/TextAreaExampleRows.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
import React from 'react'
import { Form, TextArea } from 'semantic-ui-react'

const TextAreaExampleRows = () => (
<Form>
<TextArea rows={2} placeholder='Tell us more' />
</Form>
)

export default TextAreaExampleRows
26 changes: 21 additions & 5 deletions docs/app/Examples/addons/TextArea/Usage/index.js
Original file line number Diff line number Diff line change
@@ -1,20 +1,36 @@
import React from 'react'

import ComponentExample from 'docs/app/Components/ComponentDoc/ComponentExample'
import ExampleSection from 'docs/app/Components/ComponentDoc/ExampleSection'

const TextAreaTypesExamples = () => (
const TextAreaUsageExamples = () => (
<ExampleSection title='Usage'>
<ComponentExample
title='TextArea'
description='A default TextArea.'
examplePath='addons/TextArea/Usage/TextAreaExample'
title='Min Height'
description='A TextArea can have a minimum height.'
examplePath='addons/TextArea/Usage/TextAreaExampleMinHeight'
/>

<ComponentExample
title='Rows'
description='A TextArea can have a minimum number of rows.'
examplePath='addons/TextArea/Usage/TextAreaExampleRows'
/>

<ComponentExample
title='Auto Height'
description='A TextArea can adjust its height to fit its contents.'
examplePath='addons/TextArea/Usage/TextAreaExampleAutoHeight'
/>
<ComponentExample
description='A TextArea can adjust its height to fit its contents and depend on minHeight value.'
examplePath='addons/TextArea/Usage/TextAreaExampleAutoHeightMinHeight'
/>
<ComponentExample
description='A TextArea can adjust its height to fit its contents and depend on rows value.'
examplePath='addons/TextArea/Usage/TextAreaExampleAutoHeightRows'
/>
</ExampleSection>
)

export default TextAreaTypesExamples
export default TextAreaUsageExamples
3 changes: 3 additions & 0 deletions docs/app/Examples/addons/TextArea/index.js
Original file line number Diff line number Diff line change
@@ -1,8 +1,11 @@
import React from 'react'

import Types from './Types'
import Usage from './Usage'

const TextAreaExamples = () => (
<div>
<Types />
<Usage />
</div>
)
Expand Down
30 changes: 15 additions & 15 deletions docs/app/Examples/behaviors/Visibility/Wireframe.js
Original file line number Diff line number Diff line change
@@ -1,34 +1,34 @@
import React from 'react'
import { Divider, Image, Segment } from 'semantic-ui-react'

export default (props) => (
export default () => (
<Segment>
<Image src='http://semantic-ui.com/images/wireframe/centered-paragraph.png' />
<Image src='/assets/images/wireframe/centered-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/short-paragraph.png' />
<Image src='/assets/images/wireframe/short-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/media-paragraph.png' />
<Image src='/assets/images/wireframe/media-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/paragraph.png' />
<Image src='/assets/images/wireframe/paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/centered-paragraph.png' />
<Image src='/assets/images/wireframe/centered-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/short-paragraph.png' />
<Image src='/assets/images/wireframe/short-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/media-paragraph.png' />
<Image src='/assets/images/wireframe/media-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/paragraph.png' />
<Image src='/assets/images/wireframe/paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/short-paragraph.png' />
<Image src='/assets/images/wireframe/short-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/centered-paragraph.png' />
<Image src='/assets/images/wireframe/centered-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/short-paragraph.png' />
<Image src='/assets/images/wireframe/short-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/media-paragraph.png' />
<Image src='/assets/images/wireframe/media-paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/paragraph.png' />
<Image src='/assets/images/wireframe/paragraph.png' />
<Divider />
<Image src='http://semantic-ui.com/images/wireframe/short-paragraph.png' />
<Image src='/assets/images/wireframe/short-paragraph.png' />
</Segment>
)
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@ class FormExampleCaptureValues extends Component {
handleChange = (e, { name, value }) => this.setState({ [name]: value })

handleSubmit = e => {
e.preventDefault()
const { name, email } = this.state

this.setState({ submittedName: name, submittedEmail: email })
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,7 @@ class FormExampleClearOnSubmit extends Component {

handleChange = (e, { name, value }) => this.setState({ [name]: value })

handleSubmit = e => {
e.preventDefault()
this.setState({ email: '', name: '' })
}
handleSubmit = e => this.setState({ email: '', name: '' })

render() {
const { name, email } = this.state
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -42,13 +42,13 @@ export default class TableExampleSortable extends Component {
<Table sortable celled fixed>
<Table.Header>
<Table.Row>
<Table.HeaderCell sorted={column === 'name' && direction} onClick={this.handleSort('name')}>
<Table.HeaderCell sorted={column === 'name' ? direction : null} onClick={this.handleSort('name')}>
Name
</Table.HeaderCell>
<Table.HeaderCell sorted={column === 'age' && direction} onClick={this.handleSort('age')}>
<Table.HeaderCell sorted={column === 'age' ? direction : null} onClick={this.handleSort('age')}>
Age
</Table.HeaderCell>
<Table.HeaderCell sorted={column === 'gender' && direction} onClick={this.handleSort('gender')}>
<Table.HeaderCell sorted={column === 'gender' ? direction : null} onClick={this.handleSort('gender')}>
Gender
</Table.HeaderCell>
</Table.Row>
Expand Down
Loading

0 comments on commit d0ab43a

Please sign in to comment.