@@ -27,7 +27,7 @@ const Item = SortableElement((props) => {
27
27
< div className = { props . className } style = { {
28
28
height : props . height
29
29
} } >
30
- { props . shouldUseDragHandle && < Handle /> }
30
+ { props . shouldUseDragHandle && < Handle /> }
31
31
< div className = { style . wrapper } >
32
32
< span > Item</ span > { props . value }
33
33
</ div >
@@ -36,15 +36,15 @@ const Item = SortableElement((props) => {
36
36
} ) ;
37
37
38
38
const Category = SortableElement ( ( props ) => {
39
- return (
40
- < div className = { style . category } >
41
- < div className = { style . categoryHeader } >
42
- < Handle />
43
- < span > Category { props . value } </ span >
44
- </ div >
39
+ return (
40
+ < div className = { style . category } >
41
+ < div className = { style . categoryHeader } >
42
+ < Handle />
43
+ < span > Category { props . value } </ span >
44
+ </ div >
45
45
< ListWrapper component = { SortableList } className = { style . categoryList } items = { getItems ( 5 , 59 ) } shouldUseDragHandle = { true } helperClass = { style . stylizedHelper } />
46
- </ div >
47
- )
46
+ </ div >
47
+ )
48
48
} ) ;
49
49
50
50
class ListWrapper extends Component {
@@ -252,17 +252,17 @@ const ShrinkingSortableList = SortableContainer(({className, isSorting, items, i
252
252
} ) ;
253
253
254
254
const NestedSortableList = SortableContainer ( ( { className, items, isSorting, sortableHandlers} ) => {
255
- return (
256
- < div className = { className } { ...sortableHandlers } >
257
- { items . map ( ( value , index ) =>
258
- < Category
259
- key = { `category-${ value } ` }
260
- index = { index }
261
- value = { value }
262
- />
263
- ) }
264
- </ div >
265
- ) ;
255
+ return (
256
+ < div className = { className } { ...sortableHandlers } >
257
+ { items . map ( ( value , index ) =>
258
+ < Category
259
+ key = { `category-${ value } ` }
260
+ index = { index }
261
+ value = { value }
262
+ />
263
+ ) }
264
+ </ div >
265
+ ) ;
266
266
} ) ;
267
267
268
268
storiesOf ( 'Basic Configuration' , module )
@@ -310,11 +310,11 @@ storiesOf('Basic Configuration', module)
310
310
) ;
311
311
} )
312
312
. add ( 'Nested Lists' , ( ) => {
313
- return (
314
- < div className = { style . root } >
315
- < ListWrapper component = { NestedSortableList } items = { range ( 4 ) } shouldUseDragHandle = { true } helperClass = { style . stylizedHelper } />
316
- </ div >
317
- ) ;
313
+ return (
314
+ < div className = { style . root } >
315
+ < ListWrapper component = { NestedSortableList } items = { range ( 4 ) } shouldUseDragHandle = { true } helperClass = { style . stylizedHelper } />
316
+ </ div >
317
+ ) ;
318
318
} )
319
319
320
320
storiesOf ( 'Advanced' , module )
0 commit comments