Rename onExpanded->onExpandedChange

src/defaultProps.js

@@ -62,7 +62,7 @@ export default {
   onSortedChange: undefined,
   onFilteredChange: undefined,
   onResizedChange: undefined,
-  onExpanded: undefined,
+  onExpandedChange: undefined,
 
   // Pivoting
   pivotBy: undefined,

src/index.js

@@ -77,7 +77,7 @@ export default class ReactTable extends Methods(Lifecycle(Component)) {
       noDataText,
       showFilters,
       resizable,
-      // Property keyspivotValKey,
+      // Pivoting State
       pivotIDKey,
       pivotValKey,
       pivotBy,
@@ -93,10 +93,9 @@ export default class ReactTable extends Methods(Lifecycle(Component)) {
       sorted,
       filtered,
       resized,
-      pages,
-      // Pivoting State
       expanded,
-      onExpanded,
+      pages,
+      onExpandedChange,
       // Components
       TableComponent,
       TheadComponent,
@@ -503,8 +502,8 @@ export default class ReactTable extends Methods(Lifecycle(Component)) {
                 } else {
                   newExpanded = _.set(newExpanded, cellInfo.nestingPath, {})
                 }
-                if (onExpanded) {
-                  onExpanded(newExpanded, cellInfo.nestingPath, e)
+                if (onExpandedChange) {
+                  onExpandedChange(newExpanded, cellInfo.nestingPath, e)
                 }
                 // If expanded is being controlled, don't manage internal state
                 if (this.props.expanded) {

stories/ControlledTable.js

@@ -63,7 +63,7 @@ class Story extends React.Component {
             onSortedChange={sorted => this.setState({sorted})}
             onPageChange={page => this.setState({page})}
             onPageSizeChange={(pageSize, page) => this.setState({page, pageSize})}
-            onExpanded={expanded => this.setState({expanded})}
+            onExpandedChange={expanded => this.setState({expanded})}
             onResizedChange={resized => this.setState({resized})}
             onFilteredChange={filtered => this.setState({filtered})}
           />