RC1

Author: PaulCombal

src/components/BoardContainer.js

@@ -96,6 +96,7 @@ class BoardContainer extends Component {
   addNewLane = params => {
     this.hideEditableLane()
     this.props.actions.addLane(params)
+    this.props.onLaneAdd(params)
   }
 
   renderNewLane = () => {
@@ -117,7 +118,7 @@ class BoardContainer extends Component {
   }
 
   render() {
-    const {id, reducerData, draggable, laneDraggable, laneDragClass, style, onDataChange, onLaneScroll, onCardClick, onLaneClick, onCardDelete, onCardAdd, addLaneTitle, editable, canAddLanes, ...otherProps} = this.props
+    const {id, reducerData, draggable, laneDraggable, laneDragClass, style, onDataChange, onLaneScroll, onCardClick, onLaneClick, onLaneAdd, onCardDelete, onCardAdd, addLaneTitle, editable, canAddLanes, ...otherProps} = this.props
     const {addLaneMode} = this.state
     // Stick to whitelisting attributes to segregate board and lane props
     const passthroughProps = pick(this.props, [
@@ -203,6 +204,7 @@ BoardContainer.propTypes = {
   onCardDelete: PropTypes.func,
   onCardAdd: PropTypes.func,
   addCardLink: PropTypes.node,
+  onLaneAdd: PropTypes.func,
   onLaneClick: PropTypes.func,
   laneSortFunction: PropTypes.func,
   draggable: PropTypes.bool,
@@ -233,6 +235,7 @@ BoardContainer.defaultProps = {
   handleDragEnd: () => {},
   handleLaneDragStart: () => {},
   handleLaneDragEnd: () => {},
+  onLaneAdd: () => {},
   editable: false,
   canAddLanes: false,
   hideCardDeleteIcon: false,

stories/EditableBoard.story.js

@@ -79,14 +79,21 @@ storiesOf('Editable Board', module)
   .add(
     'New Card Template',
     () => {
-      return <Board data={data} editable newCardTemplate={<NewCard />} addCardTitle='Click to add'/>
+      return <Board data={data} editable newCardTemplate={<NewCard />} addCardTitle="Click to add" />
     },
     {info: 'Pass a custom new card template to add card'}
   )
   .add(
     'Add New Lane',
     () => {
-      return <Board data={smallData} editable canAddLanes />
+      return (
+        <Board
+          data={smallData}
+          editable
+          canAddLanes
+          onLaneAdd={t => console.log('You added a line with title ' + t.title)}
+        />
+      )
     },
     {info: 'Allow adding new lane'}
   )