@appbaseio/reactivesearch-vue 2.0.0-alpha.3 → 3.0.0-alpha.0

package/dist/cjs/RangeSlider.js

@@ -6,27 +6,28 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
-var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
+require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
+var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
-var Title = require('./Title-1de7d0f4.js');
-var Container = require('./Container-daf30918.js');
-var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-3027b848.js');
+var index = require('./index-d8d8f291.js');
+var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
+var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var Title = require('./Title-8802a218.js');
+var Container = require('./Container-29f049b2.js');
+var ssr = require('./ssr-6907ada3.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
-    setQueryOptions = configureStore.Actions.setQueryOptions,
-    setCustomQuery = configureStore.Actions.setCustomQuery;
+  setQueryOptions = configureStore.Actions.setQueryOptions,
+  setCustomQuery = configureStore.Actions.setCustomQuery;
 var checkValueChange = configureStore.helper.checkValueChange,
-    getClassName = configureStore.helper.getClassName,
-    getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
-    isEqual = configureStore.helper.isEqual;
+  getClassName = configureStore.helper.getClassName,
+  getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
+  isEqual = configureStore.helper.isEqual;
 var RangeSlider = {
   name: 'RangeSlider',
   components: ssr.getComponents(),
@@ -71,7 +72,6 @@ var RangeSlider = {
   methods: {
     handleSliderChange: function handleSliderChange(values) {
       var value = this.$props.value;
-
       if (value === undefined) {
         this.handleChange(values);
       } else {
@@ -87,27 +87,21 @@ var RangeSlider = {
     },
     handleChange: function handleChange(currentValue, props) {
       var _this = this;
-
       if (props === void 0) {
         props = this.$props;
       }
-
       var performUpdate = function performUpdate() {
         _this.currentValue = currentValue;
-
         _this.updateQueryHandler([currentValue[0], currentValue[1]], props);
-
         _this.$emit('valueChange', {
           start: currentValue[0],
           end: currentValue[1]
         });
-
         _this.$emit('value-change', {
           start: currentValue[0],
           end: currentValue[1]
         });
       };
-
       checkValueChange(props.componentId, {
         start: currentValue[0],
         end: currentValue[1]
@@ -116,23 +110,20 @@ var RangeSlider = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = RangeSlider.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);
       }
-
       var showFilter = props.showFilter,
-          _props$range = props.range,
-          start = _props$range.start,
-          end = _props$range.end;
+        _props$range = props.range,
+        start = _props$range.start,
+        end = _props$range.end;
       var currentStart = value[0],
-          currentEnd = value[1]; // check if the slider is at its initial position
-
+        currentEnd = value[1];
+      // check if the slider is at its initial position
       var isInitialValue = currentStart === start && currentEnd === end;
       this.updateQuery({
         componentId: props.componentId,
@@ -171,19 +162,14 @@ var RangeSlider = {
       console.error('%crange is not defined. Read more about this at https://opensource.appbase.io/reactive-manual/vue/range-components/rangeslider.html#props', 'font-size: 12.5px;');
     }
 
-    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() {
     var _this$$props = this.$props,
-        value = _this$$props.value,
-        defaultValue = _this$$props.defaultValue;
+      value = _this$$props.value,
+      defaultValue = _this$$props.defaultValue;
     var selectedValue = this.selectedValue;
-
     if (this.$props.range) {
       if (Array.isArray(selectedValue)) {
         this.handleChange(selectedValue);
@@ -197,104 +183,90 @@ var RangeSlider = {
     }
   },
   render: function render() {
-    var h = arguments[0];
-    return h(Container.Container, {
+    var _this2 = this;
+    return vue.createVNode(Container.Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title.Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), this.$props.range ? h(NoSSR, [h(ssr.Slider, {
-      "class": getClassName(this.$props.innerClass, 'slider')
-    }, [h("vue-slider-component", {
-      "ref": "slider",
-      "attrs": {
-        "value": this.currentValue,
-        "min": this.$props.range.start,
-        "max": this.$props.range.end,
-        "dotSize": 20,
-        "height": 4,
-        "enable-cross": false,
-        "tooltip": "always"
-      },
-      "on": {
-        "drag-end": this.handleSlider
-      },
-      "props": _rollupPluginBabelHelpers._extends({}, this.$props.sliderOptions)
-    }), this.$props.rangeLabels && h("div", {
-      "class": "label-container"
-    }, [h("label", {
-      "class": getClassName(this.$props.innerClass, 'label') || 'range-label-left'
-    }, [this.$props.rangeLabels.start]), h("label", {
-      "class": getClassName(this.$props.innerClass, 'label') || 'range-label-right'
-    }, [this.$props.rangeLabels.end])])])]) : null]);
-  }
-};
-
-RangeSlider.defaultQuery = function (values, props) {
-  var query = null;
-
-  if (Array.isArray(values) && values.length) {
-    var _range;
-
-    query = {
-      range: (_range = {}, _range[props.dataField] = {
-        gte: values[0],
-        lte: values[1],
-        boost: 2.0
-      }, _range)
-    };
-  }
-
-  if (query && props.nestedField) {
-    return {
-      query: {
-        nested: {
-          path: props.nestedField,
-          query: query
-        }
+    }, {
+      "default": function _default() {
+        return [_this2.$props.title && vue.createVNode(Title.Title, {
+          "class": getClassName(_this2.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this2.$props.title];
+          }
+        }), _this2.$props.range ? vue.createVNode(ssr.NoSSR, null, {
+          "default": function _default() {
+            return [vue.createVNode(ssr.Slider, {
+              "class": getClassName(_this2.$props.innerClass, 'slider')
+            }, {
+              "default": function _default() {
+                return [vue.createVNode(vue.resolveComponent("vue-slider-component"), vue.mergeProps({
+                  "ref": "slider",
+                  "modelValue": _this2.currentValue,
+                  "min": _this2.$props.range.start,
+                  "max": _this2.$props.range.end,
+                  "dotSize": 20,
+                  "height": 4,
+                  "enable-cross": false,
+                  "onDrag-end": _this2.handleSlider,
+                  "tooltip": "always"
+                }, _this2.$props.sliderOptions), null), _this2.$props.rangeLabels && vue.createVNode("div", {
+                  "class": "label-container"
+                }, [vue.createVNode("label", {
+                  "class": getClassName(_this2.$props.innerClass, 'label') || 'range-label-left'
+                }, [_this2.$props.rangeLabels.start]), vue.createVNode("label", {
+                  "class": getClassName(_this2.$props.innerClass, 'label') || 'range-label-right'
+                }, [_this2.$props.rangeLabels.end])])];
+              }
+            })];
+          }
+        }) : null];
       }
-    };
+    });
   }
-
-  return query;
 };
-
+RangeSlider.defaultQuery = function (value, props) {
+  return {
+    query: {
+      queryFormat: props.queryFormat,
+      dataField: props.dataField,
+      value: value,
+      showMissing: props.showMissing
+    }
+  };
+};
 RangeSlider.parseValue = function (value, props) {
   if (value) {
     return Array.isArray(value) ? value : [value.start, value.end];
   }
-
   if (props.range) {
     return [props.range.start, props.range.end];
   }
-
   return [];
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     options: state.aggregations[props.componentId] ? state.aggregations[props.componentId][props.dataField] && state.aggregations[props.componentId][props.dataField].buckets // eslint-disable-line
     : [],
     selectedValue: state.selectedValues[props.componentId] ? state.selectedValues[props.componentId].value : null,
-    componentProps: state.props[props.componentId],
-    enableAppbase: state.config.enableAppbase
+    componentProps: state.props[props.componentId]
   };
 };
-
 var mapDispatchtoProps = {
   updateQuery: updateQuery,
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RangeConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
+var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
   componentType: constants.componentTypes.rangeSlider
-});
-
-RangeSlider.install = function (Vue) {
-  Vue.component(RangeSlider.name, RangeConnected);
-}; // Add componentType for SSR
-
+}));
+RangeConnected.name = RangeSlider.name;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
+};
 
-RangeSlider.componentType = constants.componentTypes.rangeSlider;
+// Add componentType for SSR
+RangeConnected.componentType = constants.componentTypes.rangeSlider;
 
 exports.RangeConnected = RangeConnected;
-exports.default = RangeSlider;
+exports.default = RangeConnected;