Update filtered list

Author: culturedbarbarian

lib/FilteredList/FilteredList.js

@@ -118,7 +118,8 @@ var FilteredList = function (_React$Component) {
                 container = _props3.container,
                 onDisplay = _props3.onDisplay,
                 onNumOfListChange = _props3.onNumOfListChange,
-                onListDidMount = _props3.onListDidMount;
+                onListDidMount = _props3.onListDidMount,
+                noWrapper = _props3.noWrapper;
             var currentPage = this.state.currentPage;
 
             var filteredData = this.applySearch(this.generateFilteredArticles(data));
@@ -128,6 +129,19 @@ var FilteredList = function (_React$Component) {
 
             var paginatorObject = this.generatePaginatorObject();
 
+            if (noWrapper && !paginatorDisplay) {
+                return _react2.default.createElement(_List2.default, {
+                    data: filteredData,
+                    itemDisplay: itemDisplay,
+                    pageSize: pageSize,
+                    container: container,
+                    currentPage: currentPage,
+                    onDisplay: onDisplay,
+                    onNumOfListChange: onNumOfListChange,
+                    onListDidMount: onListDidMount
+                });
+            }
+
             return _react2.default.createElement(
                 'div',
                 { className: (0, _classnames2.default)(className, 'wfui-filtered-list') },
@@ -165,7 +179,8 @@ FilteredList.propTypes = {
     simpleSearch: _react2.default.PropTypes.bool,
     searchKeys: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.string),
     wholeWord: _react2.default.PropTypes.bool,
-    searchLogic: _react2.default.PropTypes.oneOf(['and', 'or'])
+    searchLogic: _react2.default.PropTypes.oneOf(['and', 'or']),
+    noWrapper: _react2.default.PropTypes.bool
 };
 
 FilteredList.defaultProps = {

src/FilteredList/FilteredList.js

@@ -60,14 +60,29 @@ class FilteredList extends React.Component {
    }
 
    render() {
-      const { className, itemDisplay, paginatorDisplay, data, pageSize, sortFunction, container, onDisplay, onNumOfListChange, onListDidMount } = this.props;
+      const { className, itemDisplay, paginatorDisplay, data, pageSize, sortFunction, container, onDisplay, onNumOfListChange, onListDidMount, noWrapper } = this.props;
       const { currentPage } = this.state;
       const filteredData = this.applySearch(this.generateFilteredArticles(data));
       if (sortFunction) {
         filteredData.sort(sortFunction);
       }
 
       const paginatorObject = this.generatePaginatorObject();
+
+      if (noWrapper && !paginatorDisplay) {
+        return (
+            <List
+                data={filteredData}
+                itemDisplay={itemDisplay}
+                pageSize={pageSize}
+                container={container}
+                currentPage={currentPage}
+                onDisplay={onDisplay}
+                onNumOfListChange={onNumOfListChange}
+                onListDidMount={onListDidMount}
+            />
+        );
+      }
 
       return (
          <div className={classNames(className, 'wfui-filtered-list')}>
@@ -104,6 +119,7 @@ FilteredList.propTypes = {
     searchKeys: React.PropTypes.arrayOf(React.PropTypes.string),
     wholeWord: React.PropTypes.bool,
     searchLogic: React.PropTypes.oneOf(['and', 'or']),
+    noWrapper: React.PropTypes.bool,
 };
 
 FilteredList.defaultProps = {