@appbaseio/reactivesearch-vue 1.16.0-alpha.3 → 1.16.0-alpha.32

package/dist/cjs/RangeInput.js

@@ -6,58 +6,38 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-280a574c.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var vueTypes = require('./vueTypes-c21f265b.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-e0583d76.js');
-var ComponentWrapper = require('./ComponentWrapper-5a0a8849.js');
-require('./Title-e9beb554.js');
-var Flex = require('./Flex-737c55be.js');
-var Input = require('./Input-643d02a7.js');
-var Container = require('./Container-f84e72fc.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
+require('./Title-39765ee6.js');
+var Flex = require('./Flex-699639d2.js');
+var Input = require('./Input-c6f181d5.js');
+var Container = require('./Container-8a08d663.js');
 require('vue-no-ssr');
-require('./ssr-b7a729f9.js');
+require('./ssr-c333c82c.js');
 var RangeSlider = require('./RangeSlider.js');
 
-function _templateObject2() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2;
 
 var alert = function alert(_ref) {
   var theme = _ref.theme;
-  return emotion.css(_templateObject(), theme.colors.alertColor);
+  return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n"])), theme.colors.alertColor);
 };
 
-var Content = styled__default('div')(_templateObject2(), function (props) {
+var Content = styled__default('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
   return props.alert && alert;
 });
 
-var checkValueChange = configureStore.helper.checkValueChange,
-    getClassName = configureStore.helper.getClassName,
-    getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
+var getClassName = configureStore.helper.getClassName,
     isEqual = configureStore.helper.isEqual;
 var RangeInput = {
   name: 'RangeInput',
@@ -103,7 +83,7 @@ var RangeInput = {
     stepValue: vueTypes.types.number,
     componentStyle: vueTypes.types.style,
     componentId: vueTypes.types.stringRequired,
-    includeNullValues: vueTypes.types.bool,
+    includeNullValues: VueTypes.bool,
     beforeValueChange: vueTypes.types.func,
     customQuery: vueTypes.types.func,
     data: vueTypes.types.data,
@@ -138,17 +118,19 @@ var RangeInput = {
       return false;
     },
     handleChange: function handleChange(value, event) {
+      var currentValue = value;
+
       if (this.shouldUpdate(value) && !isEqual(value, this.currentValue)) {
         switch (event) {
           case 'change':
             if (!value) {
-              value = {
+              currentValue = {
                 start: this.$props.range ? this.$props.range.start : 0,
                 end: this.$props.range ? this.$props.range.end : 10
               };
             }
 
-            this.$data.currentValue = _rollupPluginBabelHelpers._extends({}, value);
+            this.$data.currentValue = _rollupPluginBabelHelpers._extends({}, currentValue);
             this.$emit('change', this.$data.currentValue);
             break;
 
@@ -158,13 +140,13 @@ var RangeInput = {
             break;
 
           default:
-            this.$data.currentValue = _rollupPluginBabelHelpers._extends({}, value);
+            this.$data.currentValue = _rollupPluginBabelHelpers._extends({}, currentValue);
             break;
         }
       }
     },
     handleOnChange: function handleOnChange(value) {
-      this.handleChange(value, 'change');
+      this.handleChange(value || this.$props.range, 'change');
     },
     handleValueChange: function handleValueChange(value) {
       this.handleChange(value, 'value-change');
@@ -180,12 +162,10 @@ var RangeInput = {
         } else {
           this.$data.isEndValid = false;
         }
-      } else {
-        if (name === 'start' && !this.$data.isStartValid) {
-          this.$data.isStartValid = true;
-        } else if (name === 'end' && !this.$data.isEndValid) {
-          this.$data.isEndValid = true;
-        }
+      } else if (name === 'start' && !this.$data.isStartValid) {
+        this.$data.isStartValid = true;
+      } else if (name === 'end' && !this.$data.isEndValid) {
+        this.$data.isEndValid = true;
       }
 
       if (this.$data.isStartValid && this.$data.isEndValid) {
@@ -221,6 +201,10 @@ var RangeInput = {
     if (this.$props.defaultValue && this.$props.defaultValue.start && this.$props.defaultValue.end) {
       this.handleChange(this.$props.defaultValue);
     }
+
+    if (this.isControlled()) {
+      this.handleChange(this.$props.value, 'change');
+    }
   },
   render: function render() {
     var h = arguments[0];
@@ -342,7 +326,7 @@ var RangeInput = {
   }
 };
 
-var mapStateToProps = function mapStateToProps(state, props) {
+var mapStateToProps = function mapStateToProps(state) {
   return {
     themePreset: state.config.themePreset
   };

package/dist/cjs/RangeSlider.js

@@ -6,19 +6,19 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-280a574c.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-c21f265b.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-e0583d76.js');
-var ComponentWrapper = require('./ComponentWrapper-5a0a8849.js');
-var Title = require('./Title-e9beb554.js');
-var Container = require('./Container-f84e72fc.js');
+var index = require('./index-d44a0a21.js');
+var ComponentWrapper = require('./ComponentWrapper-7302fe1a.js');
+var Title = require('./Title-39765ee6.js');
+var Container = require('./Container-8a08d663.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-b7a729f9.js');
+var ssr = require('./ssr-c333c82c.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -64,7 +64,8 @@ var RangeSlider = {
     title: vueTypes.types.title,
     URLParams: VueTypes.bool.def(false),
     sliderOptions: VueTypes.object.def({}),
-    nestedField: vueTypes.types.string
+    nestedField: vueTypes.types.string,
+    index: VueTypes.string
   },
   methods: {
     handleSliderChange: function handleSliderChange(values) {
@@ -79,32 +80,28 @@ var RangeSlider = {
         });
       }
     },
-    handleSlider: function handleSlider(values) {
-      var _this = this;
-
-      clearTimeout(this.handleSliderChange._tId);
-      this.handleSliderChange._tId = setTimeout(function () {
-        _this.handleSliderChange(values);
-      }, 100);
+    handleSlider: function handleSlider() {
+      var sliderValues = this.$refs.slider.getValue();
+      this.handleSliderChange(sliderValues);
     },
     handleChange: function handleChange(currentValue, props) {
-      var _this2 = this;
+      var _this = this;
 
       if (props === void 0) {
         props = this.$props;
       }
 
       var performUpdate = function performUpdate() {
-        _this2.currentValue = currentValue;
+        _this.currentValue = currentValue;
 
-        _this2.updateQueryHandler([currentValue[0], currentValue[1]], props);
+        _this.updateQueryHandler([currentValue[0], currentValue[1]], props);
 
-        _this2.$emit('valueChange', {
+        _this.$emit('valueChange', {
           start: currentValue[0],
           end: currentValue[1]
         });
 
-        _this2.$emit('value-change', {
+        _this.$emit('value-change', {
           start: currentValue[0],
           end: currentValue[1]
         });
@@ -136,7 +133,7 @@ var RangeSlider = {
           currentEnd = value[1]; // check if the slider is at its initial position
 
       var isInitialValue = currentStart === start && currentEnd === end;
-      this.setQueryOptions(props.componentId, customQueryOptions);
+      this.setQueryOptions(props.componentId, customQueryOptions, false);
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -172,6 +169,10 @@ var RangeSlider = {
   created: function created() {
     if (!this.$props.range) {
       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
 
 
@@ -211,12 +212,13 @@ var RangeSlider = {
         "max": this.$props.range.end,
         "dotSize": 20,
         "height": 4,
-        "enable-cross": false
+        "enable-cross": false,
+        "tooltip": "always"
+      },
+      "on": {
+        "drag-end": this.handleSlider
       },
-      "props": _rollupPluginBabelHelpers._extends({}, this.$props.sliderOptions),
-      "on": _rollupPluginBabelHelpers._extends({}, {
-        input: this.handleSlider
-      })
+      "props": _rollupPluginBabelHelpers._extends({}, this.$props.sliderOptions)
     }), this.$props.rangeLabels && h("div", {
       "class": "label-container"
     }, [h("label", {
@@ -258,7 +260,7 @@ RangeSlider.defaultQuery = function (values, props) {
 
 RangeSlider.parseValue = function (value, props) {
   if (value) {
-    return [value.start, value.end];
+    return Array.isArray(value) ? value : [value.start, value.end];
   }
 
   if (props.range) {
@@ -273,7 +275,8 @@ var mapStateToProps = function mapStateToProps(state, props) {
     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]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };
 

package/dist/cjs/ReactiveBase.js

@@ -6,16 +6,16 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-280a574c.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
+var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-c21f265b.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('redux');
-var index = require('./index-e0583d76.js');
+var index = require('./index-d44a0a21.js');
 var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var helper = require('@appbaseio/reactivecore/lib/utils/helper');
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));
 require('url-search-params-polyfill');
@@ -49,15 +49,7 @@ var Provider = {
   }
 };
 
-function _templateObject() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tfont-family: ", ";\n\tfont-size: ", ";\n\tcolor: ", ";\n\twidth: 100%;\n\n\tinput,\n\tbutton,\n\ttextarea,\n\tselect {\n\t\tfont-family: ", ";\n\t}\n\n\t*,\n\t*:before,\n\t*:after {\n\t\tbox-sizing: border-box;\n\t}\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject;
 var Base = {
   functional: true,
   render: function render(h, _ref) {
@@ -69,7 +61,7 @@ var Base = {
     return h(T, _mergeJSXProps([{}, props]), [children]);
   }
 };
-var Base$1 = styled__default(Base)(_templateObject(), function (_ref2) {
+var Base$1 = styled__default(Base)(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tfont-family: ", ";\n\tfont-size: ", ";\n\tcolor: ", ";\n\twidth: 100%;\n\n\tinput,\n\tbutton,\n\ttextarea,\n\tselect {\n\t\tfont-family: ", ";\n\t}\n\n\t*,\n\t*:before,\n\t*:after {\n\t\tbox-sizing: border-box;\n\t}\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.typography.fontFamily;
 }, function (_ref3) {
@@ -93,7 +85,7 @@ var URLParamsProvider = {
     headers: vueTypes.types.headers,
     getSearchParams: vueTypes.types.func,
     setSearchParams: vueTypes.types.func,
-    as: vueTypes.types.string.def('div')
+    as: VueTypes.string.def('div')
   },
   mounted: function mounted() {
     var _this = this;
@@ -241,7 +233,9 @@ var URLParamsProvider = {
         return value.map(function (item) {
           return _this3.getValue(item);
         });
-      } else if (value && typeof value === 'object') {
+      }
+
+      if (value && typeof value === 'object') {
         // TODO: support for NestedList
         if (value.location) return value;
         if (value.category) return value;
@@ -366,11 +360,11 @@ var ReactiveBase = {
     }
   },
   props: {
-    app: vueTypes.types.stringRequired,
+    app: vueTypes.types.string,
     analytics: VueTypes.bool,
     analyticsConfig: vueTypes.types.analyticsConfig,
     appbaseConfig: vueTypes.types.appbaseConfig,
-    enableAppbase: vueTypes.types.bool.def(false),
+    enableAppbase: VueTypes.bool.def(false),
     credentials: vueTypes.types.string,
     headers: vueTypes.types.headers,
     queryParams: vueTypes.types.string,
@@ -379,13 +373,15 @@ var ReactiveBase = {
     type: vueTypes.types.string,
     url: vueTypes.types.string,
     mapKey: vueTypes.types.string,
+    initialQueriesSyncTime: vueTypes.types.number,
     className: vueTypes.types.string,
     initialState: VueTypes.object.def({}),
     transformRequest: vueTypes.types.func,
     transformResponse: vueTypes.types.func,
     as: VueTypes.string.def('div'),
     getSearchParams: vueTypes.types.func,
-    setSearchParams: vueTypes.types.func
+    setSearchParams: vueTypes.types.func,
+    mongodb: vueTypes.types.mongodb
   },
   provide: function provide() {
     return {
@@ -425,6 +421,27 @@ var ReactiveBase = {
           this.store.dispatch(analytics.updateAnalyticsConfig(newVal));
         }
       }
+    },
+    mongodb: function mongodb() {
+      this.updateState(this.$props);
+    }
+  },
+  computed: {
+    getHeaders: function getHeaders() {
+      var _this$$props = this.$props,
+          enableAppbase = _this$$props.enableAppbase,
+          headers = _this$$props.headers,
+          appbaseConfig = _this$$props.appbaseConfig,
+          mongodb = _this$$props.mongodb;
+
+      var _ref = appbaseConfig || {},
+          enableTelemetry = _ref.enableTelemetry;
+
+      return _rollupPluginBabelHelpers._extends({}, enableAppbase && !mongodb && _rollupPluginBabelHelpers._extends({
+        'X-Search-Client': index.X_SEARCH_CLIENT
+      }, enableTelemetry === false && {
+        'X-Enable-Telemetry': false
+      }), headers);
     }
   },
   methods: {
@@ -435,10 +452,10 @@ var ReactiveBase = {
     setStore: function setStore(props) {
       var credentials = props.url && props.url.trim() !== '' && !props.credentials ? null : props.credentials;
 
-      var appbaseConfig = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, props.analyticsConfig), props.appbaseConfig);
+      var appbaseConfig = _rollupPluginBabelHelpers._extends({}, props.analyticsConfig, props.appbaseConfig);
 
       var config = {
-        url: props.url && props.url.trim() !== '' ? props.url : 'https://scalr.api.appbase.io',
+        url: props.url && props.url.trim() !== '' ? props.url : '',
         app: props.app,
         credentials: credentials,
         type: props.type ? props.type : '*',
@@ -446,7 +463,8 @@ var ReactiveBase = {
         transformResponse: props.transformResponse,
         enableAppbase: props.enableAppbase,
         analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
-        analyticsConfig: appbaseConfig
+        analyticsConfig: appbaseConfig,
+        mongodb: props.mongodb
       };
       var queryParams = '';
 
@@ -458,9 +476,10 @@ var ReactiveBase = {
 
       var params = new URLSearchParams(queryParams);
       var selectedValues = {};
+      var urlValues = {};
       Array.from(params.keys()).forEach(function (key) {
         try {
-          var _extends2;
+          var _extends2, _extends3;
 
           var parsedParams = JSON.parse(params.get(key));
           var selectedValue = {};
@@ -472,13 +491,13 @@ var ReactiveBase = {
           }
 
           if (parsedParams.category) selectedValue.category = parsedParams.category;
-          selectedValues = _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, selectedValues), {}, (_extends2 = {}, _extends2[key] = selectedValue, _extends2));
+          selectedValue.reference = 'URL';
+          selectedValues = _rollupPluginBabelHelpers._extends({}, selectedValues, (_extends2 = {}, _extends2[key] = selectedValue, _extends2));
+          urlValues = _rollupPluginBabelHelpers._extends({}, urlValues, (_extends3 = {}, _extends3[key] = selectedValue.value, _extends3));
         } catch (e) {// Do not add to selectedValues if JSON parsing fails.
         }
       });
-      var _props$headers = props.headers,
-          headers = _props$headers === void 0 ? {} : _props$headers,
-          themePreset = props.themePreset;
+      var themePreset = props.themePreset;
       var appbaseRef = Appbase(config);
 
       if (this.$props.transformRequest) {
@@ -490,13 +509,16 @@ var ReactiveBase = {
       }
 
       var initialState = _rollupPluginBabelHelpers._extends({
-        config: _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, config), {}, {
+        config: _rollupPluginBabelHelpers._extends({}, config, {
+          initialQueriesSyncTime: props.initialQueriesSyncTime,
+          initialTimestamp: new Date().getTime(),
           mapKey: props.mapKey,
           themePreset: themePreset
         }),
         appbaseRef: appbaseRef,
         selectedValues: selectedValues,
-        headers: headers
+        urlValues: urlValues,
+        headers: this.getHeaders
       }, this.$props.initialState);
 
       this.store = configureStore__default(initialState);
@@ -505,10 +527,9 @@ var ReactiveBase = {
   render: function render() {
     var h = arguments[0];
     var children = this.$slots["default"];
-    var _this$$props = this.$props,
-        headers = _this$$props.headers,
-        style = _this$$props.style,
-        className = _this$$props.className;
+    var _this$$props2 = this.$props,
+        style = _this$$props2.style,
+        className = _this$$props2.className;
     return h(Provider, {
       "attrs": {
         "store": this.store
@@ -516,7 +537,7 @@ var ReactiveBase = {
     }, [h(URLParamsProvider$1, {
       "attrs": {
         "as": this.$props.as,
-        "headers": headers,
+        "headers": this.getHeaders,
         "className": className,
         "getSearchParams": this.getSearchParams,
         "setSearchParams": this.setSearchParams