@appbaseio/reactivesearch-vue 1.34.0-alpha.2 → 1.35.0

package/dist/cjs/RangeSlider.js

@@ -7,20 +7,19 @@ 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');
-require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var vue = require('vue');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-621a8143.js');
+var vueTypes = require('./vueTypes-568ce5e6.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-dc25b706.js');
-var ComponentWrapper = require('./ComponentWrapper-db45cc6d.js');
-var PreferencesConsumer = require('./PreferencesConsumer-034c55e3.js');
-var Title = require('./Title-8802a218.js');
-var Container = require('./Container-29f049b2.js');
+var index = require('./index-de136c17.js');
+var ComponentWrapper = require('./ComponentWrapper-94c50228.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5e6e84a2.js');
+var Title = require('./Title-16042ea0.js');
+var Container = require('./Container-e699ea95.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-eb901d09.js');
+var ssr = require('./ssr-f2fc1bf6.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
   setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -53,6 +52,7 @@ var RangeSlider = {
     }),
     rangeLabels: vueTypes.types.rangeLabels,
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     data: vueTypes.types.data,
     dataField: vueTypes.types.stringRequired,
@@ -186,48 +186,35 @@ var RangeSlider = {
     }
   },
   render: function render() {
-    var _this2 = this;
-    return vue.createVNode(Container.Container, {
+    var h = arguments[0];
+    return h(Container.Container, {
       "class": this.$props.className
-    }, {
-      "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(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",
-                  "value": _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"
-                }, {
-                  props: _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];
-      }
-    });
+    }, [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) {
@@ -281,6 +268,9 @@ var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Co
   componentType: constants.componentTypes.rangeSlider
 }));
 RangeConnected.name = RangeSlider.name;
+RangeConnected.defaultQuery = RangeSlider.defaultQuery;
+RangeConnected.parseValue = RangeSlider.parseValue;
+RangeConnected.hasInternalComponent = RangeSlider.hasInternalComponent;
 RangeConnected.install = function (Vue) {
   Vue.component(RangeConnected.name, RangeConnected);
 };

package/dist/cjs/ReactiveBase.js

@@ -8,13 +8,14 @@ var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 require('@appbaseio/reactivecore/lib/utils/constants');
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
 var helper = require('@appbaseio/reactivecore/lib/utils/helper');
-var vueEmotion = require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-621a8143.js');
+var styled = require('@appbaseio/vue-emotion');
+var styled__default = _interopDefault(styled);
+var vueTypes = require('./vueTypes-568ce5e6.js');
 require('redux');
-var index = require('./index-dc25b706.js');
+var index = require('./index-de136c17.js');
+var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));
 var AppbaseAnalytics = _interopDefault(require('@appbaseio/analytics'));
@@ -44,48 +45,40 @@ var Provider = {
       $analytics: this.analyticsRef
     };
   },
-  render: function render() {
-    if (this.$slots["default"]().length > 1) {
-      return vue.h('div', this.$slots["default"]());
+  render: function render(h) {
+    if (this.$slots["default"].length > 1) {
+      return h('div', this.$slots["default"]);
     }
-    return this.$slots["default"]()[0];
+    return this.$slots["default"][0];
   }
 };
 
 var _templateObject;
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
-var Base = function Base(_ref) {
-  var _ref$data$attrs$as = _ref.data.attrs.as,
-    T = _ref$data$attrs$as === void 0 ? 'div' : _ref$data$attrs$as,
-    props = _ref.data,
-    children = _ref.children;
-  var propsVar = props;
-  delete propsVar.attrs.as;
-  return vue.createVNode(T, props, _isSlot(children) ? children : {
-    "default": function _default() {
-      return [children];
-    }
-  });
+var Base = {
+  functional: true,
+  render: function render(h, _ref) {
+    var _ref$data$attrs$as = _ref.data.attrs.as,
+      T = _ref$data$attrs$as === void 0 ? 'div' : _ref$data$attrs$as,
+      props = _ref.data,
+      children = _ref.children;
+    delete props.attrs.as;
+    return h(T, _mergeJSXProps([{}, props]), [children]);
+  }
 };
-var Base$1 = vueEmotion.styled(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 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 && theme.typography ? theme.typography.fontFamily : 'unset';
+  return theme.typography.fontFamily;
 }, function (_ref3) {
   var theme = _ref3.theme;
-  return theme && theme.typography ? theme.typography.fontSize : 'unset';
+  return theme.typography.fontSize;
 }, function (_ref4) {
   var theme = _ref4.theme;
-  return theme && theme.typography ? theme.typography.textColor : 'unset';
+  return theme.colors.textColor;
 }, function (_ref5) {
   var theme = _ref5.theme;
-  return theme && theme.typography ? theme.typography.fontFamily : 'unset';
+  return theme.typography.fontFamily;
 });
 
-function _isSlot$1(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
 var setHeaders = configureStore.Actions.setHeaders,
   setValue = configureStore.Actions.setValue;
 var isEqual = configureStore.helper.isEqual;
@@ -274,15 +267,14 @@ var URLParamsProvider = {
     }
   },
   render: function render() {
-    var children = this.$slots["default"]();
-    return vue.createVNode(Base$1, {
-      "as": this.$props.as,
+    var h = arguments[0];
+    var children = this.$slots["default"];
+    return h(Base$1, {
+      "attrs": {
+        "as": this.$props.as
+      },
       "class": this.$props.className
-    }, _isSlot$1(children) ? children : {
-      "default": function _default() {
-        return [children];
-      }
-    });
+    }, [children]);
   }
 };
 var mapStateToProps = function mapStateToProps(state) {
@@ -334,9 +326,6 @@ function getTheme(preset) {
   return dark;
 }
 
-function _isSlot$2(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
 var ReactiveBase = {
   name: 'ReactiveBase',
   data: function data() {
@@ -362,7 +351,6 @@ var ReactiveBase = {
     enableAppbase: VueTypes.bool.def(false),
     credentials: vueTypes.types.string,
     headers: vueTypes.types.headers,
-    queryParams: vueTypes.types.string,
     theme: VueTypes.object.def({}),
     themePreset: VueTypes.string.def('light'),
     type: vueTypes.types.string,
@@ -378,16 +366,14 @@ var ReactiveBase = {
     setSearchParams: vueTypes.types.func,
     mongodb: vueTypes.types.mongodb,
     endpoint: vueTypes.types.endpointConfig,
-    preferences: VueTypes.object
+    preferences: VueTypes.object,
+    httpRequestTimeout: VueTypes.number.def(30)
   },
   provide: function provide() {
     return {
       theme_reactivesearch: index.composeThemeObject(getTheme(this.$props.themePreset), this.$props.theme),
       store: this.store,
-      $searchPreferences: this.preferences,
-      $emotionCache: this.$parent && this.$parent.$emotionCache || vueEmotion.createCache({
-        key: 'css'
-      })
+      $searchPreferences: this.preferences
     };
   },
   watch: {
@@ -418,6 +404,9 @@ var ReactiveBase = {
     },
     mongodb: function mongodb() {
       this.updateState(this.$props);
+    },
+    httpRequestTimeout: function httpRequestTimeout() {
+      this.updateState(this.$props);
     }
   },
   computed: {
@@ -464,7 +453,8 @@ var ReactiveBase = {
         analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
         analyticsConfig: props.appbaseConfig,
         mongodb: props.mongodb,
-        endpoint: props.endpoint
+        endpoint: props.endpoint,
+        httpRequestTimeout: (props.httpRequestTimeout || 0) * 1000 || 30000
       };
       var queryParams = '';
       if (typeof window !== 'undefined') {
@@ -547,30 +537,26 @@ var ReactiveBase = {
     }
   },
   render: function render() {
-    var _this = this;
-    var children = this.$slots["default"]();
+    var h = arguments[0];
+    var children = this.$slots["default"];
     var _this$$props2 = this.$props,
       style = _this$$props2.style,
       className = _this$$props2.className;
-    return vue.createVNode(Provider, {
-      "store": this.store,
-      "analyticsRef": this.analyticsRef
-    }, {
-      "default": function _default() {
-        return [vue.createVNode(URLParamsProvider$1, {
-          "as": _this.$props.as,
-          "headers": _this.getHeaders,
-          "style": style,
-          "className": className,
-          "getSearchParams": _this.getSearchParams,
-          "setSearchParams": _this.setSearchParams
-        }, _isSlot$2(children) ? children : {
-          "default": function _default() {
-            return [children];
-          }
-        })];
+    return h(Provider, {
+      "attrs": {
+        "store": this.store,
+        "analyticsRef": this.analyticsRef
       }
-    });
+    }, [h(URLParamsProvider$1, {
+      "attrs": {
+        "as": this.$props.as,
+        "headers": this.getHeaders,
+        "className": className,
+        "getSearchParams": this.getSearchParams,
+        "setSearchParams": this.setSearchParams
+      },
+      "style": style
+    }, [children])]);
   }
 };
 ReactiveBase.install = function (Vue) {