Add handlers for Premium events tracking, expose Premium version [PREMIUM-24]

assets/js/src/form/form.jsx

@@ -181,11 +181,20 @@ define(
         }
 
         const fields = this.props.fields.map((field, i) => {
+          // Compose an onChange handler from the default and custom one
+          let onValueChange = this.handleValueChange;
+          if (field.onBeforeChange) {
+            onValueChange = (e) => {
+              field.onBeforeChange(e);
+              return this.handleValueChange(e);
+            };
+          }
+
           return (
             <FormField
               field={ field }
               item={ this.getValues() }
-              onValueChange={ this.handleValueChange }
+              onValueChange={ onValueChange }
               key={ 'field-'+i } />
           );
         });

assets/js/src/listing/filters.jsx

@@ -14,6 +14,9 @@ define([
       this.getAvailableFilters().map((filter, i) => {
         filters[this.refs['filter-'+i].name] = this.refs['filter-'+i].value;
       });
+      if (this.props.onBeforeSelectFilter) {
+        this.props.onBeforeSelectFilter(filters);
+      }
       return this.props.onSelectFilter(filters);
     },
     handleEmptyTrash: function () {

assets/js/src/listing/listing.jsx

@@ -828,6 +828,7 @@ const Listing = React.createClass({
             filters={ this.state.filters }
             filter={ this.state.filter }
             group={ this.state.group }
+            onBeforeSelectFilter={ this.props.onBeforeSelectFilter || null }
             onSelectFilter={ this.handleFilter }
             onEmptyTrash={ this.handleEmptyTrash }
           />

assets/js/src/newsletters/listings/mixins.jsx

@@ -286,6 +286,7 @@ const _StatisticsMixin = {
           <Link
             key={ `stats-${newsletter.id}` }
             to={ params.link }
+            onClick={ params.onClick || null }
           >
             {content}
           </Link>