From c01db26428eebf64026fae03789a6626b5de7966 Mon Sep 17 00:00:00 2001
From: AllenFang <ayu780129@hotmail.com>
Date: Wed, 13 Dec 2017 22:55:16 +0800
Subject: [PATCH] add story for text filter

---
 .../examples/column-filter/text-filter.js     | 49 +++++++++++++++++++
 .../stories/index.js                          |  6 +++
 2 files changed, 55 insertions(+)
 create mode 100644 packages/react-bootstrap-table2-example/examples/column-filter/text-filter.js

diff --git a/packages/react-bootstrap-table2-example/examples/column-filter/text-filter.js b/packages/react-bootstrap-table2-example/examples/column-filter/text-filter.js
new file mode 100644
index 0000000..49b2523
--- /dev/null
+++ b/packages/react-bootstrap-table2-example/examples/column-filter/text-filter.js
@@ -0,0 +1,49 @@
+import React from 'react';
+import BootstrapTable from 'react-bootstrap-table2';
+import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
+import Code from 'components/common/code-block';
+import { productsGenerator } from 'utils/common';
+
+const products = productsGenerator(8);
+
+const columns = [{
+  dataField: 'id',
+  text: 'Product ID'
+}, {
+  dataField: 'name',
+  text: 'Product Name',
+  filter: textFilter()
+}, {
+  dataField: 'price',
+  text: 'Product Price',
+  filter: textFilter()
+}];
+
+const sourceCode = `\
+const columns = [{
+  dataField: 'id',
+  text: 'Product ID',
+}, {
+  dataField: 'name',
+  text: 'Product Name',
+  filter: textFilter()
+}, {
+  dataField: 'price',
+  text: 'Product Price',
+  filter: textFilter()
+}];
+
+<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
+`;
+
+export default () => (
+  <div>
+    <BootstrapTable
+      keyField="id"
+      data={ products }
+      columns={ columns }
+      filter={ fitlerFactory() }
+    />
+    <Code>{ sourceCode }</Code>
+  </div>
+);
diff --git a/packages/react-bootstrap-table2-example/stories/index.js b/packages/react-bootstrap-table2-example/stories/index.js
index 738cfc6..c38e5ad 100644
--- a/packages/react-bootstrap-table2-example/stories/index.js
+++ b/packages/react-bootstrap-table2-example/stories/index.js
@@ -32,6 +32,9 @@ import HeaderColumnClassTable from 'examples/header-columns/column-class-table';
 import HeaderColumnStyleTable from 'examples/header-columns/column-style-table';
 import HeaderColumnAttrsTable from 'examples/header-columns/column-attrs-table';
 
+// column filter
+import TextFilter from 'examples/column-filter/text-filter';
+
 // work on rows
 import RowStyleTable from 'examples/rows/row-style';
 import RowClassTable from 'examples/rows/row-class';
@@ -121,6 +124,9 @@ storiesOf('Work on Header Columns', module)
   .add('Customize Column Style', () => <HeaderColumnStyleTable />)
   .add('Customize Column HTML attribute', () => <HeaderColumnAttrsTable />);
 
+storiesOf('Column Filter', module)
+  .add('Text Filter', () => <TextFilter />);
+
 storiesOf('Work on Rows', module)
   .add('Customize Row Style', () => <RowStyleTable />)
   .add('Customize Row Class', () => <RowClassTable />)