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

package/dist/es/RangeSlider.js

@@ -1,25 +1,26 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
-import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
+import './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, resolveComponent, mergeProps } from 'vue';
+import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-b8146772.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
-import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
-import { T as Title } from './Title-3342664a.js';
-import { C as Container } from './Container-ba826e96.js';
-import NoSSR from 'vue-no-ssr';
-import { g as getComponents, S as Slider } from './ssr-b2c0b401.js';
+import { j as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-4520a598.js';
+import { C as ComponentWrapper } from './ComponentWrapper-5166c76a.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-c276709c.js';
+import { T as Title } from './Title-863dfa42.js';
+import { C as Container } from './Container-d00219f7.js';
+import { g as getComponents, N as NoSSR, S as Slider } from './ssr-af398f0c.js';
 
 var updateQuery = Actions.updateQuery,
-    setQueryOptions = Actions.setQueryOptions,
-    setCustomQuery = Actions.setCustomQuery;
+  setQueryOptions = Actions.setQueryOptions,
+  setCustomQuery = Actions.setCustomQuery;
 var checkValueChange = helper.checkValueChange,
-    getClassName = helper.getClassName,
-    getOptionsFromQuery = helper.getOptionsFromQuery,
-    isEqual = helper.isEqual;
+  getClassName = helper.getClassName,
+  getOptionsFromQuery = helper.getOptionsFromQuery,
+  isEqual = helper.isEqual;
 var RangeSlider = {
   name: 'RangeSlider',
   components: getComponents(),
@@ -64,7 +65,6 @@ var RangeSlider = {
   methods: {
     handleSliderChange: function handleSliderChange(values) {
       var value = this.$props.value;
-
       if (value === undefined) {
         this.handleChange(values);
       } else {
@@ -80,27 +80,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]
@@ -109,23 +103,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));
         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,
@@ -164,19 +155,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
     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);
@@ -190,104 +176,90 @@ var RangeSlider = {
     }
   },
   render: function render() {
-    var h = arguments[0];
-    return h(Container, {
+    var _this2 = this;
+    return createVNode(Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), this.$props.range ? h(NoSSR, [h(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": _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 && createVNode(Title, {
+          "class": getClassName(_this2.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this2.$props.title];
+          }
+        }), _this2.$props.range ? createVNode(NoSSR, null, {
+          "default": function _default() {
+            return [createVNode(Slider, {
+              "class": getClassName(_this2.$props.innerClass, 'slider')
+            }, {
+              "default": function _default() {
+                return [createVNode(resolveComponent("vue-slider-component"), 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 && createVNode("div", {
+                  "class": "label-container"
+                }, [createVNode("label", {
+                  "class": getClassName(_this2.$props.innerClass, 'label') || 'range-label-left'
+                }, [_this2.$props.rangeLabels.start]), 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(connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
+var RangeConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
   componentType: 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 = componentTypes.rangeSlider;
+// Add componentType for SSR
+RangeConnected.componentType = componentTypes.rangeSlider;
 
-export default RangeSlider;
+export default RangeConnected;
 export { RangeConnected };