react-summary
Advanced tools
+15
-10
@@ -46,3 +46,4 @@ 'use strict'; | ||
| var max = _props.max; | ||
| var preventSingleRemain = _props.preventSingleRemain; | ||
| var itemRenderer = _props.itemRenderer; | ||
| var preventSingleRemaining = _props.preventSingleRemaining; | ||
@@ -54,7 +55,7 @@ switch (items.length) { | ||
| case 1: | ||
| return items[0]; | ||
| return itemRenderer(items[0]); | ||
| case 2: | ||
| case max: | ||
| case preventSingleRemain && max + 1: | ||
| case preventSingleRemaining && max + 1: | ||
@@ -69,7 +70,7 @@ return _react2.default.createElement( | ||
| i > 0 ? ', ' : null, | ||
| item | ||
| itemRenderer(item) | ||
| ) : null; | ||
| }), | ||
| ' and ', | ||
| items[items.length - 1] | ||
| itemRenderer(items[items.length - 1]) | ||
| ); | ||
@@ -86,3 +87,3 @@ | ||
| i > 0 && i < max ? ', ' : null, | ||
| i < max ? item : null, | ||
| i < max ? itemRenderer(item) : null, | ||
| i === max && _react2.default.createElement( | ||
@@ -112,5 +113,7 @@ 'span', | ||
| value: function render() { | ||
| var block = this.props.block; | ||
| return _react2.default.createElement( | ||
| 'div', | ||
| { className: this.block }, | ||
| { className: block }, | ||
| this.renderItems() | ||
@@ -124,4 +127,4 @@ ); | ||
| Summary.block = "react-summary"; | ||
| Summary.defaultProps = { | ||
| block: 'react-summary', | ||
| items: [], | ||
@@ -135,5 +138,7 @@ max: 3, | ||
| onShowOthers: function onShowOthers() {}, | ||
| preventSingleRemain: false | ||
| itemRenderer: function itemRenderer(item) { | ||
| return item; | ||
| }, | ||
| preventSingleRemaining: false | ||
| }; | ||
| exports.default = Summary; |
+2
-2
| { | ||
| "name": "react-summary", | ||
| "version": "1.0.3", | ||
| "version": "1.0.4", | ||
| "description": "React summaries", | ||
@@ -8,3 +8,3 @@ "main": "./lib/index.js", | ||
| "start": "node server.js", | ||
| "build": "babel -d lib/ src/" | ||
| "transpile": "babel -d lib/ src/" | ||
| }, | ||
@@ -11,0 +11,0 @@ "repository": { |
+2
-2
@@ -30,3 +30,3 @@ import React, { Component } from 'react'; | ||
| case 0: | ||
| return itemRenderer(text.none); | ||
| return text.none; | ||
@@ -49,3 +49,3 @@ case 1: | ||
| ) : null | ||
| ))} and {items[items.length - 1]} | ||
| ))} and {itemRenderer(items[items.length - 1])} | ||
| </div> | ||
@@ -52,0 +52,0 @@ ); |
13818
1.54%248
2.06%