Create a filter component

packages/easysearch:components/lib/filter/filter.html

@@ -0,0 +1,8 @@
+<template name="EasySearch.Filter">
+  <select {{ attrs }}>
+    {{#each options.options}}
+      <option value="{{value}}">{{label}}</option>
+    {{/each}}
+  </select>
+</template>
+

packages/easysearch:components/lib/filter/filter.js

@@ -0,0 +1,65 @@
+/**
+ * The FieldInputComponent lets you search through configured indexes for a specified fild.
+ *
+ * @type {FilterComponent}
+ */
+EasySearch.FilterComponent = class FilterComponent extends BaseComponent {
+  onCreated() {
+    if (!_.isString(this.getData().property)) {
+      throw new Meteor.Error('no-property', 'Please provide the property for your filter component');
+    }
+    const optionsIsValid = _.all(this.getData().options, option => _.has(option, 'label', 'value'));
+    if (!_.isArray(this.getData().options) || !optionsIsValid) {
+      throw new Meteor.Error('no-options', 'Options missing or not valid. Please provide valid options');
+    }
+
+    this.setProperty = _.debounce((value) => {
+      this.eachIndex((index, name) => {
+        index.getComponentMethods().addProps(this.getData().property, value);
+      });
+    }, this.options.timeout);
+
+    super.onCreated();
+  }
+
+  /**
+   * Event map.
+   * @returns {Object}
+   */
+  events() {
+    return [{
+      'change select': function (e) {
+        this.setProperty($(e.target).val());
+      }
+    }]
+  }
+
+  /**
+   * returns the options
+   *
+   * @returns {Object}
+   */
+  get options() {
+    return {
+      options: this.getData().options
+    }
+  }
+
+  /**
+   * Anything passed to the html that is not used by this class
+   * will just be passed plainly to the select field.
+   *
+   * @returns {Object}
+   */
+  get attrs() {
+    return _.omit(this.getData(), 'options', 'index', 'property');
+  }
+
+  get defaultOptions() {
+    return {
+      timeout: 50
+    }
+  }
+}
+
+EasySearch.FilterComponent.register('EasySearch.Filter');

packages/easysearch:components/package.js

@@ -1,7 +1,7 @@
 Package.describe({
   name: 'easysearch:components',
   summary: "Blaze Components for EasySearch",
-  version: "2.0.1",
+  version: "2.0.2",
   git: "https://github.com/matteodem/meteor-easy-search.git",
   documentation: 'README.md'
 });
@@ -20,6 +20,11 @@ Package.onUse(function(api) {
   api.addFiles(['lib/input/input.html', 'lib/input/input.js', 'lib/field-input/field-input.html', 'lib/field-input/field-input.js'], 'client');
   api.addFiles(['lib/each/each.html', 'lib/each/each.js'], 'client');
 
+  // Filter component
+  api.addFiles([
+    'lib/filter/filter.html', 'lib/filter/filter.js'
+  ], 'client');
+
   // If Components
   api.addFiles(['lib/if-input-empty/if-input-empty.html', 'lib/if-input-empty/if-input-empty.js'], 'client');
   api.addFiles(['lib/if-no-results/if-no-results.html', 'lib/if-no-results/if-no-results.js'], 'client');

packages/matteodem:easy-search/easy:search

@@ -0,0 +1 @@
+/Users/afrazer/Code/.Clones/meteor-easy-search/packages/easy:search

packages/matteodem:easy-search/easysearch:autosuggest

@@ -0,0 +1 @@
+/Users/afrazer/Code/.Clones/meteor-easy-search/packages/easysearch:autosuggest

packages/matteodem:easy-search/easysearch:components

@@ -0,0 +1 @@
+/Users/afrazer/Code/.Clones/meteor-easy-search/packages/easysearch:components

packages/matteodem:easy-search/easysearch:core

@@ -0,0 +1 @@
+/Users/afrazer/Code/.Clones/meteor-easy-search/packages/easysearch:core

packages/matteodem:easy-search/easysearch:elasticsearch

@@ -0,0 +1 @@
+/Users/afrazer/Code/.Clones/meteor-easy-search/packages/easysearch:elasticsearch