feat: 🎸 added search indexing (#123)

this will allow consumers to specify a custom indexer that will allow them to be in full control over the rendering pipeline
diogofcunha · Apr 13, 2020 · 798c873 · 798c873
1 parent 2db0eed
commit 798c873
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/index.d.ts b/index.d.ts
@@ -103,6 +103,7 @@ export interface FilteringContainerProps {
   selectedGroup?: string;
   groupRenderer?: React.StatelessComponent<GroupRendererProps> | React.Component<GroupRendererProps>;
   onSelectedGroupChange?: (c: string) => void;
+  indexSearch: (searchTerm: string, nodes: FlattenedNode[]) => (node: FlattenedNode) => boolean;
 }
 
 export class FilteringContainer extends React.Component<FilteringContainerProps> {}

diff --git a/src/FilteringContainer.js b/src/FilteringContainer.js
@@ -7,7 +7,7 @@ import DefaultGroupRenderer from './filtering/DefaultGroupRenderer';
 import {Node} from './shapes/nodeShapes';
 import {filterNodes} from './selectors/filtering';
 
-const nameMatchesSearchTerm = searchTerm => ({name}) => {
+const indexByName = searchTerm => ({name}) => {
   const upperCaseName = name.toUpperCase();
   const upperCaseSearchTerm = searchTerm.toUpperCase();
 
@@ -31,6 +31,7 @@ export default class FilteringContainer extends React.Component {
   static defaultProps = {
     debouncer: debounce,
     groupRenderer: DefaultGroupRenderer,
+    indexSearch: indexByName,
   };
 
   constructor(props) {
@@ -60,6 +61,7 @@ export default class FilteringContainer extends React.Component {
       selectedGroup,
       groupRenderer: GroupRenderer,
       onSelectedGroupChange,
+      indexSearch,
     } = this.props;
 
     const relevantNodes =
@@ -68,7 +70,7 @@ export default class FilteringContainer extends React.Component {
         : {nodes, nodeParentMappings: {}};
 
     const {nodes: filteredNodes, nodeParentMappings} = filterTerm
-      ? filterNodes(nameMatchesSearchTerm(filterTerm), relevantNodes.nodes)
+      ? filterNodes(indexSearch(filterTerm, relevantNodes.nodes), relevantNodes.nodes)
       : relevantNodes;
 
     return (
@@ -91,4 +93,5 @@ FilteringContainer.propTypes = {
   selectedGroup: PropTypes.string,
   groupRenderer: PropTypes.func,
   onSelectedGroupChange: PropTypes.func,
+  indexSearch: PropTypes.func,
 };