fix typo

Author: AllenFang

packages/react-bootstrap-table2-example/examples/column-filter/custom-filter-value.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { jobsGenerator } from 'utils/common';
 
@@ -32,6 +32,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
+
 const owners = ['Allen', 'Bob', 'Cat'];
 const types = ['Cloud Service', 'Message Service', 'Add Service', 'Edit Service', 'Money'];
 const columns = [{
@@ -56,7 +58,7 @@ const columns = [{
 
 // shape of job: { id: 0, name: 'Job name 0', owner: 1, type: 3 }
 
-<BootstrapTable keyField='id' data={ jobs } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ jobs } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -65,7 +67,7 @@ export default () => (
  keyField="id"
  data={ jobs }
  columns={ columns }
- filter={ fitlerFactory() }
+ filter={ filterFactory() }
  />
  <Code>{ sourceCode }</Code>
  </div>

packages/react-bootstrap-table2-example/examples/column-filter/custom-text-filter.js

@@ -1,7 +1,7 @@
 /* eslint no-console: 0 */
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { productsGenerator } from 'utils/common';
 
@@ -29,6 +29,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
+
 const columns = [{
  dataField: 'id',
  text: 'Product ID'
@@ -50,7 +52,7 @@ const columns = [{
  })
 }];
 
-<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -59,7 +61,7 @@ export default () => (
  keyField="id"
  data={ products }
  columns={ columns }
- filter={ fitlerFactory() }
+ filter={ filterFactory() }
  />
  <Code>{ sourceCode }</Code>
  </div>

packages/react-bootstrap-table2-example/examples/column-filter/text-filter-default-value.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { productsGenerator } from 'utils/common';
 
@@ -22,6 +22,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
+
 const columns = [{
  dataField: 'id',
  text: 'Product ID',
@@ -37,7 +39,7 @@ const columns = [{
  })
 }];
 
-<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -46,7 +48,7 @@ export default () => (
  keyField="id"
  data={ products }
  columns={ columns }
- filter={ fitlerFactory() }
+ filter={ filterFactory() }
  />
  <Code>{ sourceCode }</Code>
  </div>

packages/react-bootstrap-table2-example/examples/column-filter/text-filter-eq-comparator.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter, Comparator } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter, Comparator } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { productsGenerator } from 'utils/common';
 
@@ -22,6 +22,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter, Comparator } from 'react-bootstrap-table2-filter';
+
 const columns = [{
  dataField: 'id',
  text: 'Product ID'
@@ -37,7 +39,7 @@ const columns = [{
  filter: textFilter()
 }];
 
-<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -47,7 +49,7 @@ export default () => (
  keyField="id"
  data={ products }
  columns={ columns }
- filter={ fitlerFactory() }
+ filter={ filterFactory() }
  />
  <Code>{ sourceCode }</Code>
  </div>

packages/react-bootstrap-table2-example/examples/column-filter/text-filter.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import BootstrapTable from 'react-bootstrap-table2';
-import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
 import Code from 'components/common/code-block';
 import { productsGenerator } from 'utils/common';
 
@@ -20,6 +20,8 @@ const columns = [{
 }];
 
 const sourceCode = `\
+import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
+
 const columns = [{
  dataField: 'id',
  text: 'Product ID',
@@ -33,7 +35,7 @@ const columns = [{
  filter: textFilter()
 }];
 
-<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
+<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
 `;
 
 export default () => (
@@ -42,7 +44,7 @@ export default () => (
  keyField="id"
  data={ products }
  columns={ columns }
- filter={ fitlerFactory() }
+ filter={ filterFactory() }
  />
  <Code>{ sourceCode }</Code>
  </div>