refactor(BareBones): extract query logic into its own class

src/BareBones.tsx

@@ -1,5 +1,34 @@
 import * as React from 'react';
 
+function search<T, U>(
+  value: T,
+  extensions: Array<BareBones.FunctionalExtensions<U>>
+): any {}
+
+interface QueryProps<T> {
+  children: (x: any) => React.ReactNode;
+  extensions: Array<BareBones.FunctionalExtensions<T>>;
+  maxResults?: number;
+}
+
+interface QueryState {}
+
+// Generic class to be used on the bare-bones version, and the "full package" version
+class Query<T> extends React.PureComponent<QueryProps<T>, QueryState> {
+  query = (value: string) => {
+    search<string, T>(value, this.props.extensions).then((results: any) => {});
+  };
+  render() {
+    return (
+      <div>
+        {this.props.children({
+          onChange: this.query,
+        })}
+      </div>
+    );
+  }
+}
+
 export default class BareBones<T> extends React.PureComponent<
   BareBones.Props<T>,
   BareBones.State<T>
@@ -9,11 +38,21 @@ export default class BareBones<T> extends React.PureComponent<
   };
   render() {
     return (
-      <div>
-        {this.props.children({
-          results: [],
-        })}
-      </div>
+      <Query
+        extensions={this.props.extensions}
+        maxResults={this.props.maxResults}
+      >
+        {({ onChange }) => {
+          return (
+            <div>
+              <input onChange={onChange} />
+              {this.props.children({
+                results: [],
+              })}
+            </div>
+          );
+        }}
+      </Query>
     );
   }
 }

src/index.tsx

@@ -1,7 +1,8 @@
 import Omnibar from './Omnibar';
+import BareBones from './BareBones';
 import { command } from './decorators';
 import { withVoice } from './hoc';
 
 export default Omnibar;
 
-export { command, withVoice };
+export { command, withVoice, BareBones };

typings/bare-bones.d.ts

@@ -13,6 +13,7 @@ declare namespace BareBones {
   interface Props<T> {
     children: <T>(e: T) => React.ReactNode;
     extensions: Array<BareBones.FunctionalExtensions<T>>;
+    maxResults?: number;
   }
 
   interface State<T> {