Skip to content

Commit c1ead86

Browse files
authored
Update CHANGELOG.md
1 parent 4f3b0b3 commit c1ead86

File tree

1 file changed

+40
-10
lines changed

1 file changed

+40
-10
lines changed

CHANGELOG.md

Lines changed: 40 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44

55
#### Breaking Changes
66

7+
- Peer dependency for react requires now `^0.14.9` or `^15.3.0`
78
- `activeTabClassName` moved from `<TabList />` to `<Tabs />` and renamed to `selectedTabClassName`
89
- `disabledTabClassName` moved from `<TabList />` to `<Tabs />`
910
- `className` property on all components now overwrites the default classes instead of adding a second class name
@@ -18,22 +19,35 @@
1819
</Tabs>
1920

2021
// Same effect in 1.0
21-
<Tabs className={['tabs', 'ReactTabs']}>
22-
<TabList className={['list', 'ReactTabs__TabList']}>
23-
<Tab className={['tab', 'ReactTabs__Tab']} />
22+
<Tabs className={['tabs', 'react-tabs']}>
23+
<TabList className={['list', 'react-tabs__tab-list']}>
24+
<Tab className={['tab', 'react-tabs__tab']} />
2425
</TabList>
25-
<TabPanel className={['panel', 'ReactTabs__TabPanel']} />
26+
<TabPanel className={['panel', 'react-tabs__tab-panel']} />
2627
</Tabs>
2728
```
2829

2930
- `selectedIndex` now enables controlled mode, which disables internal management of the active tab. If you were using `selectedIndex` to set the initial displayed tab use `defaultIndex`
30-
- No styles do get added by default anymore. If you want to use the default styles you need to add them yourself. See README.
3131
- Support for bower package manager was removed.
32+
- Removed deprecated default export of tabs:
33+
34+
```js
35+
// 0.8
36+
import ReactTabs from 'react-tabs';
37+
38+
<ReactTabs.Tabs></ReactTabs.Tabs>
39+
40+
// in 1.0
41+
import { Tabs } from 'react-tabs';
42+
43+
<Tabs></Tabs>
44+
```
45+
46+
- Removed jsstylesheet dependency and removed default style from javascript. If you want to use the default styles you can use one of the supported methods (see [README.md](https://github.com/reactjs/react-tabs#styling))
47+
- The default class names were all lowercased and separated by hyphen, but still follow BEM methodology. E.g. `ReactTabs` -> `react-tabs`, `ReactTabs__TabPanel--selected` -> `react-tabs__tab-panel--selected`
3248

3349
#### New Features
3450

35-
- `selectedTabPanelClassName` was added to add `<Tabs />` to change the class name of the current selected TabPanel
36-
- `defaultIndex` was added to set the initial displayed tab
3751
- New static method to reset the id counter for isomorphic apps. Call this before rendering your application on the server.
3852

3953
```js
@@ -58,14 +72,30 @@ resetIdCounter();
5872
</Tabs>
5973
```
6074

61-
#### Bug Fixes
75+
- Introduce controlled and uncontrolled mode. This two modes allow either to control the tabs from your component from the outside or leave the control to the tabs within react-tabs components. (see [README.md](https://github.com/reactjs/react-tabs#controlled-vs-uncontrolled-mode) for more information)
76+
- New prop `selectedTabPanelClassName` on `<Tabs />` to change the class name of the current selected tab panel.
77+
- New prop `defaultIndex` on `<Tabs />` to allow setting the initial displayed tab.
78+
- New prop `forceRender` on `<TabPanel />` to allow force rendering of individual tab panels.
79+
- New prop `selectedClassName` on `<TabPanel />` to allow changing selected class name of individual tab panels.
80+
- New prop `selectedClassName` on `<Tab />` to allow changing selected class name of individual tabs.
81+
- New prop `disabledClassName` on `<Tab />` to allow changing disabled class name of individual tabs.
82+
- Property `className` on all components can now officially take an array as argument.
83+
- PropTypes are now wrapped in `if(process.env.NODE_ENV === 'production') Component.propTypes = { ... }` in order to allow removing if proptypes in production builds.
84+
85+
#### Documentation
6286

63-
-
87+
- Rewrite README.md
88+
- Change ReactDOM.render to render (#163) (Gerard Banasig)
89+
- Add NPM package badge (#164) (Hum4n01d)
6490

6591
#### Internal
6692

67-
- Refactor components to use native classes
93+
- Refactor components to use native classes (#134) (LeoAJ)
6894
- Refactor to not use react-dom and remove dependency on it
95+
- Update dependencies
96+
- Rename main.js to index.js
97+
- Update travis versions
98+
- Use prettier (#169)
6999

70100
### 0.8.3 (Apr 19, 2017)
71101

0 commit comments

Comments
 (0)