Add prop to control sub dimension option (#71)

Author: sburns

index.jsx

@@ -36,7 +36,8 @@ module.exports = createReactClass({
       compact: false,
       excludeSummaryFromExport: false,
       onData: function () {},
-      soloText: "solo"
+      soloText: "solo",
+      subDimensionText: "Sub Dimension..."
     }
   },
 
@@ -123,6 +124,7 @@ module.exports = createReactClass({
       { this.props.hideDimensionFilter ? '' :
         <Dimensions
           dimensions={this.props.dimensions}
+          subDimensionText={this.props.subDimensionText}
           selectedDimensions={this.state.dimensions}
           onChange={this.setDimensions} />
       }

lib/dimensions.jsx

@@ -8,12 +8,14 @@ module.exports = createReactClass({
     return {
       dimensions: [],
       selectedDimensions: [],
-      onChange: function () {}
+      onChange: function () { },
+      subDimensionText: "Sub Dimension..."
     }
   },
 
   render: function () {
     var self = this
+    var subDimensionText = this.props.subDimensionText
     var selectedDimensions = this.props.selectedDimensions
     var nSelected = selectedDimensions.length
 
@@ -22,8 +24,8 @@ module.exports = createReactClass({
         {selectedDimensions.map(this.renderDimension)}
 
         <select value={''} onChange={partial(self.toggleDimension, nSelected)}>
-          <option value={''}>Sub Dimension...</option>
-          {self.props.dimensions.map(function(dimension) {
+          <option value={''}>{subDimensionText}</option>
+          {self.props.dimensions.map(function (dimension) {
             return <option key={dimension.title}>{dimension.title}</option>
           })}
         </select>