@appbaseio/reactivesearch-vue 1.33.0 → 1.33.2

package/dist/cjs/MultiList.js

@@ -7,34 +7,34 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-08f8dfa3.js');
-var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
-var PreferencesConsumer = require('./PreferencesConsumer-7be03476.js');
-var Title = require('./Title-1de7d0f4.js');
-var Input = require('./Input-e6603a7e.js');
-var Container = require('./Container-daf30918.js');
+var index = require('./index-30126fd0.js');
+var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
+var Title = require('./Title-16042ea0.js');
+var Input = require('./Input-ead4cd84.js');
+var Container = require('./Container-e699ea95.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
-var FormControlList = require('./FormControlList-c195a592.js');
-var utils = require('./utils-d6a52588.js');
+var FormControlList = require('./FormControlList-bbb5cd24.js');
+var utils = require('./utils-83fd01e9.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
-    setQueryOptions = configureStore.Actions.setQueryOptions,
-    setCustomQuery = configureStore.Actions.setCustomQuery,
-    setDefaultQuery = configureStore.Actions.setDefaultQuery;
+  setQueryOptions = configureStore.Actions.setQueryOptions,
+  setCustomQuery = configureStore.Actions.setCustomQuery,
+  setDefaultQuery = configureStore.Actions.setDefaultQuery;
 var isEqual = configureStore.helper.isEqual,
-    getQueryOptions = configureStore.helper.getQueryOptions,
-    checkValueChange = configureStore.helper.checkValueChange,
-    getClassName = configureStore.helper.getClassName,
-    extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
-    getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
+  getQueryOptions = configureStore.helper.getQueryOptions,
+  checkValueChange = configureStore.helper.checkValueChange,
+  getClassName = configureStore.helper.getClassName,
+  extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
+  getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
 var MultiList = {
   name: 'MultiList',
   props: {
@@ -85,10 +85,9 @@ var MultiList = {
     if (!this.enableAppbase && this.$props.index) {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
     }
-
     var props = this.$props;
-    this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : []; // Set custom and default queries in store
-
+    this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : [];
+    // Set custom and default queries in store
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
   },
@@ -99,7 +98,6 @@ var MultiList = {
   },
   mounted: function mounted() {
     var currentValue = Object.keys(this.$data.currentValue);
-
     if (this.$props.value !== undefined && !isEqual(this.$props.value, currentValue)) {
       this.$emit('change', currentValue);
     }
@@ -132,19 +130,15 @@ var MultiList = {
     },
     selectedValue: function selectedValue(newVal) {
       var _this = this;
-
       var selectedValue = Object.keys(this.$data.currentValue);
-
       if (this.$props.selectAllLabel) {
         selectedValue = selectedValue.filter(function (val) {
           return val !== _this.$props.selectAllLabel;
         });
-
         if (this.$data.currentValue[this.$props.selectAllLabel]) {
           selectedValue = [this.$props.selectAllLabel];
         }
       }
-
       if (!isEqual(selectedValue, newVal)) {
         if (this.value === undefined) {
           this.setValue(newVal, true);
@@ -166,19 +160,16 @@ var MultiList = {
   },
   render: function render() {
     var _this2 = this;
-
     var h = arguments[0];
     var _this$$props = this.$props,
-        selectAllLabel = _this$$props.selectAllLabel,
-        renderItem = _this$$props.renderItem,
-        renderError = _this$$props.renderError;
+      selectAllLabel = _this$$props.selectAllLabel,
+      renderItem = _this$$props.renderItem,
+      renderError = _this$$props.renderError;
     var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
     var renderErrorCalc = this.$scopedSlots.renderError || renderError;
-
     if (renderErrorCalc && this.error) {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
-
     if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
       if (this.renderNoResult) {
         this.renderNoResult();
@@ -186,22 +177,17 @@ var MultiList = {
         return null;
       }
     }
-
     var itemsToRender = this.$data.modifiedOptions;
-
     if (this.$props.transformData) {
       itemsToRender = this.$props.transformData(itemsToRender);
     }
-
     var filteredItemsToRender = itemsToRender.filter(function (item) {
       if (String(item.key).length) {
         if (_this2.$props.showSearch && _this2.$data.searchTerm) {
           return suggestions.replaceDiacritics(String(item.key)).toLowerCase().includes(suggestions.replaceDiacritics(_this2.$data.searchTerm).toLowerCase());
         }
-
         return true;
       }
-
       return false;
     });
     return h(Container.Container, {
@@ -271,19 +257,15 @@ var MultiList = {
   methods: {
     setValue: function setValue(value, isDefaultValue, props) {
       var _this3 = this;
-
       if (isDefaultValue === void 0) {
         isDefaultValue = false;
       }
-
       if (props === void 0) {
         props = this.$props;
       }
-
       var selectAllLabel = this.$props.selectAllLabel;
       var currentValue = this.$data.currentValue;
       var finalValues = null;
-
       if (selectAllLabel && (Array.isArray(value) && value.includes(selectAllLabel) || typeof value === 'string' && value === selectAllLabel)) {
         if (currentValue[selectAllLabel]) {
           currentValue = {};
@@ -298,26 +280,22 @@ var MultiList = {
       } else if (isDefaultValue) {
         finalValues = value;
         currentValue = {};
-
         if (value && value.length) {
           value.forEach(function (item) {
             currentValue[item] = true;
           });
         }
-
         if (selectAllLabel && selectAllLabel in currentValue) {
           var _currentValue = currentValue,
-              del = _currentValue[selectAllLabel],
-              obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
-
+            del = _currentValue[selectAllLabel],
+            obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, obj);
         }
       } else {
         if (currentValue[value]) {
           var _currentValue2 = currentValue,
-              _del = _currentValue2[value],
-              rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
-
+            _del = _currentValue2[value],
+            rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue2, [value].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, rest);
         } else if (Array.isArray(value)) {
           value.forEach(function (val) {
@@ -326,47 +304,36 @@ var MultiList = {
         } else {
           currentValue[value] = true;
         }
-
         if (selectAllLabel && selectAllLabel in currentValue) {
           var _currentValue3 = currentValue,
-              _del2 = _currentValue3[selectAllLabel],
-              _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
-
+            _del2 = _currentValue3[selectAllLabel],
+            _obj = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_currentValue3, [selectAllLabel].map(_rollupPluginBabelHelpers._toPropertyKey));
           currentValue = _rollupPluginBabelHelpers._extends({}, _obj);
         }
-
         finalValues = Object.keys(currentValue);
       }
-
       var performUpdate = function performUpdate() {
         _this3.currentValue = Object.assign({}, currentValue);
-
         _this3.updateQueryHandler(finalValues, props);
-
         _this3.$emit('valueChange', finalValues);
-
         _this3.$emit('value-change', finalValues);
       };
-
       checkValueChange(props.componentId, finalValues, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
       var query = MultiList.defaultQuery(value, props);
-
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
         var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
-
         if (defaultQueryObj) {
           query = defaultQueryObj;
-        } // Update calculated default query in store
-
+        }
 
+        // Update calculated default query in store
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
         var defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet);
         this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       }
-
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -377,7 +344,6 @@ var MultiList = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = MultiList.defaultQuery(value, props);
-
       if (customQuery) {
         var customQueryCalc = customQuery(value, props);
         query = extractQueryFromCustomQuery(customQueryCalc);
@@ -385,7 +351,6 @@ var MultiList = {
         var customQueryOptions = getOptionsForCustomQuery(customQueryCalc);
         this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
-
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -402,7 +367,6 @@ var MultiList = {
     },
     updateQueryHandlerOptions: function updateQueryHandlerOptions(props) {
       var queryOptions = MultiList.generateQueryOptions(props);
-
       if (props.defaultQuery) {
         var value = Object.keys(this.$data.currentValue);
         var defaultQueryOptions = getOptionsForCustomQuery(props.defaultQuery(value, props));
@@ -417,7 +381,6 @@ var MultiList = {
     },
     renderSearch: function renderSearch() {
       var h = this.$createElement;
-
       if (this.$props.showSearch) {
         return h(Input.Input, {
           "class": getClassName(this.$props.innerClass, 'input') || '',
@@ -434,18 +397,14 @@ var MultiList = {
           }
         });
       }
-
       return null;
     },
     handleClick: function handleClick(e) {
       var currentValue = e;
-
       if (index.isEvent(e)) {
         currentValue = e.target.value;
       }
-
       var value = this.$props.value;
-
       if (value === undefined) {
         this.setValue(currentValue);
       } else {
@@ -455,15 +414,13 @@ var MultiList = {
     },
     getComponent: function getComponent() {
       var _this$$data = this.$data,
-          currentValue = _this$$data.currentValue,
-          modifiedOptions = _this$$data.modifiedOptions;
+        currentValue = _this$$data.currentValue,
+        modifiedOptions = _this$$data.modifiedOptions;
       var transformData = this.$props.transformData;
       var itemsToRender = modifiedOptions;
-
       if (transformData) {
         itemsToRender = transformData(itemsToRender);
       }
-
       var data = {
         error: this.error,
         loading: this.isLoading,
@@ -488,21 +445,16 @@ var MultiList = {
     }
   }
 };
-
 MultiList.defaultQuery = function (value, props) {
   var query = null;
   var queryFormat = props.queryFormat;
-
   if (queryFormat === undefined) {
     queryFormat = 'or';
   }
-
   var type = queryFormat === 'or' ? 'terms' : 'term';
-
   if (!Array.isArray(value) || value.length === 0) {
     return null;
   }
-
   if (props.selectAllLabel && value.includes(props.selectAllLabel)) {
     if (props.showMissing) {
       query = {
@@ -517,16 +469,13 @@ MultiList.defaultQuery = function (value, props) {
     }
   } else if (value) {
     var listQuery;
-
     if (queryFormat === 'or') {
       if (props.showMissing) {
         var _type, _ref;
-
         var hasMissingTerm = value.includes(props.missingLabel);
         var should = [(_ref = {}, _ref[type] = (_type = {}, _type[props.dataField] = value.filter(function (item) {
           return item !== props.missingLabel;
         }), _type), _ref)];
-
         if (hasMissingTerm) {
           should = should.concat({
             bool: {
@@ -538,7 +487,6 @@ MultiList.defaultQuery = function (value, props) {
             }
           });
         }
-
         listQuery = {
           bool: {
             should: should
@@ -546,14 +494,12 @@ MultiList.defaultQuery = function (value, props) {
         };
       } else {
         var _type2, _listQuery;
-
         listQuery = (_listQuery = {}, _listQuery[type] = (_type2 = {}, _type2[props.dataField] = value, _type2), _listQuery);
       }
     } else {
       // adds a sub-query with must as an array of objects for each term/value
       var queryArray = value.map(function (item) {
         var _type3, _ref2;
-
         return _ref2 = {}, _ref2[type] = (_type3 = {}, _type3[props.dataField] = item, _type3), _ref2;
       });
       listQuery = {
@@ -562,10 +508,8 @@ MultiList.defaultQuery = function (value, props) {
         }
       };
     }
-
     query = value.length ? listQuery : null;
   }
-
   if (query && props.nestedField) {
     query = {
       query: {
@@ -576,15 +520,12 @@ MultiList.defaultQuery = function (value, props) {
       }
     };
   }
-
   return query;
 };
-
 MultiList.generateQueryOptions = function (props) {
   var queryOptions = getQueryOptions(props);
   return utils.getAggsQuery(queryOptions, props);
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     options: props.nestedField && state.aggregations[props.componentId] ? state.aggregations[props.componentId].reactivesearch_nested : state.aggregations[props.componentId],
@@ -598,28 +539,24 @@ var mapStateToProps = function mapStateToProps(state, props) {
     enableAppbase: state.config.enableAppbase
   };
 };
-
 var mapDispatchtoProps = {
   setQueryOptions: setQueryOptions,
   updateQuery: updateQuery,
   setCustomQuery: setCustomQuery,
   setDefaultQuery: setDefaultQuery
 };
-
 MultiList.hasInternalComponent = function () {
   return true;
 };
-
 var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiList), {
   componentType: constants.componentTypes.multiList,
   internalComponent: MultiList.hasInternalComponent()
 }));
-
 MultiList.install = function (Vue) {
   Vue.component(MultiList.name, ListConnected);
-}; // Add componentType for SSR
-
+};
 
+// Add componentType for SSR
 MultiList.componentType = constants.componentTypes.multiList;
 
 exports.ListConnected = ListConnected;

package/dist/cjs/MultiRange.js

@@ -7,28 +7,28 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-08f8dfa3.js');
-var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
-var PreferencesConsumer = require('./PreferencesConsumer-7be03476.js');
-var Title = require('./Title-1de7d0f4.js');
-var Container = require('./Container-daf30918.js');
-var FormControlList = require('./FormControlList-c195a592.js');
+var index = require('./index-30126fd0.js');
+var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
+var Title = require('./Title-16042ea0.js');
+var Container = require('./Container-e699ea95.js');
+var FormControlList = require('./FormControlList-bbb5cd24.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
-    setQueryOptions = configureStore.Actions.setQueryOptions,
-    setCustomQuery = configureStore.Actions.setCustomQuery;
+  setQueryOptions = configureStore.Actions.setQueryOptions,
+  setCustomQuery = configureStore.Actions.setCustomQuery;
 var isEqual = configureStore.helper.isEqual,
-    checkValueChange = configureStore.helper.checkValueChange,
-    getClassName = configureStore.helper.getClassName,
-    getOptionsFromQuery = configureStore.helper.getOptionsFromQuery;
+  checkValueChange = configureStore.helper.checkValueChange,
+  getClassName = configureStore.helper.getClassName,
+  getOptionsFromQuery = configureStore.helper.getOptionsFromQuery;
 var MultiRange = {
   name: 'MultiRange',
   data: function data() {
@@ -63,7 +63,6 @@ var MultiRange = {
   methods: {
     handleClick: function handleClick(e) {
       var value = this.$props.value;
-
       if (value === undefined) {
         this.selectItem(e.target.value);
       } else {
@@ -73,22 +72,17 @@ var MultiRange = {
     },
     selectItem: function selectItem(item, isDefaultValue, props, reset) {
       var _this = this;
-
       if (isDefaultValue === void 0) {
         isDefaultValue = false;
       }
-
       if (props === void 0) {
         props = this.$props;
       }
-
       if (reset === void 0) {
         reset = false;
       }
-
       var currentValue = this.currentValue,
-          selectedValues = this.selectedValues;
-
+        selectedValues = this.selectedValues;
       if (!item) {
         currentValue = [];
         selectedValues = {};
@@ -98,7 +92,6 @@ var MultiRange = {
         currentValue.forEach(function (value) {
           values[[value.label]] = true;
         });
-
         if (reset) {
           selectedValues = values;
         } else {
@@ -108,48 +101,37 @@ var MultiRange = {
         currentValue = currentValue.filter(function (value) {
           return value.label !== item;
         });
-
         var _selectedValues = selectedValues,
-            del = _selectedValues[item],
-            selected = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_selectedValues, [item].map(_rollupPluginBabelHelpers._toPropertyKey));
-
+          del = _selectedValues[item],
+          selected = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_selectedValues, [item].map(_rollupPluginBabelHelpers._toPropertyKey));
         selectedValues = selected;
       } else {
         var _extends2;
-
         var currentItems = props.data.filter(function (value) {
           return item.indexOf(value.label) !== -1;
         });
         currentValue = [].concat(currentValue, currentItems);
         selectedValues = _rollupPluginBabelHelpers._extends({}, selectedValues, (_extends2 = {}, _extends2[typeof item === 'object' ? item.label : item] = true, _extends2));
       }
-
       var performUpdate = function performUpdate() {
         _this.currentValue = currentValue;
         _this.selectedValues = selectedValues;
-
         _this.updateQueryHandler(currentValue, props);
-
         _this.$emit('valueChange', Object.keys(selectedValues));
-
         _this.$emit('value-change', Object.keys(selectedValues));
       };
-
       checkValueChange(props.componentId, currentValue, props.beforeValueChange, performUpdate);
     },
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = MultiRange.defaultQuery(value, props);
-
       if (customQuery) {
         var _ref = customQuery(value, props) || {};
-
         query = _ref.query;
         var customQueryOptions = getOptionsFromQuery(customQuery(value, props));
         index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
         this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
-
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -187,9 +169,8 @@ var MultiRange = {
   created: function created() {
     if (!this.enableAppbase && this.$props.index) {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
-    } // Set custom query in store
-
-
+    }
+    // Set custom query in store
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   beforeMount: function beforeMount() {
@@ -203,7 +184,6 @@ var MultiRange = {
   },
   render: function render() {
     var _this2 = this;
-
     var h = arguments[0];
     return h(Container.Container, {
       "class": this.$props.className
@@ -240,19 +220,16 @@ var MultiRange = {
     })])]);
   }
 };
-
 MultiRange.parseValue = function (value, props) {
   return value ? props.data.filter(function (item) {
     return value.includes(item.label);
   }) : null;
 };
-
 MultiRange.defaultQuery = function (values, props) {
   var generateRangeQuery = function generateRangeQuery(dataField, items) {
     if (items.length > 0) {
       return items.map(function (value) {
         var _range;
-
         return {
           range: (_range = {}, _range[dataField] = {
             gte: value.start,
@@ -262,12 +239,9 @@ MultiRange.defaultQuery = function (values, props) {
         };
       });
     }
-
     return null;
   };
-
   var query = null;
-
   if (values && values.length) {
     query = {
       bool: {
@@ -277,7 +251,6 @@ MultiRange.defaultQuery = function (values, props) {
       }
     };
   }
-
   if (query && props.nestedField) {
     return {
       query: {
@@ -288,10 +261,8 @@ MultiRange.defaultQuery = function (values, props) {
       }
     };
   }
-
   return query;
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
@@ -299,7 +270,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     enableAppbase: state.config.enableAppbase
   };
 };
-
 var mapDispatchtoProps = {
   updateQuery: updateQuery,
   setQueryOptions: setQueryOptions,
@@ -308,12 +278,10 @@ var mapDispatchtoProps = {
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiRange), {
   componentType: constants.componentTypes.multiRange
 }));
-
 MultiRange.install = function (Vue) {
   Vue.component(MultiRange.name, RangeConnected);
-}; // Add componentType for SSR
-
-
+};
+// Add componentType for SSR
 MultiRange.componentType = constants.componentTypes.multiRange;
 
 exports.RangeConnected = RangeConnected;