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

package/dist/cjs/ReactiveBase.js

@@ -8,14 +8,13 @@ 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 styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var vueTypes = require('./vueTypes-7cfc2f98.js');
+var vueEmotion = require('@appbaseio/vue-emotion');
+var vueTypes = require('./vueTypes-621a8143.js');
 require('redux');
-var index = require('./index-30126fd0.js');
-var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
+var index = require('./index-dc25b706.js');
 var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
 var Appbase = _interopDefault(require('appbase-js'));
 var AppbaseAnalytics = _interopDefault(require('@appbaseio/analytics'));
@@ -36,7 +35,7 @@ var Provider = {
     },
     analyticsRef: {
       type: Object,
-      required: true
+      required: false
     }
   },
   provide: function provide() {
@@ -45,40 +44,48 @@ var Provider = {
       $analytics: this.analyticsRef
     };
   },
-  render: function render(h) {
-    if (this.$slots["default"].length > 1) {
-      return h('div', this.$slots["default"]);
+  render: function render() {
+    if (this.$slots["default"]().length > 1) {
+      return vue.h('div', this.$slots["default"]());
     }
-    return this.$slots["default"][0];
+    return this.$slots["default"]()[0];
   }
 };
 
 var _templateObject;
-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]);
-  }
+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$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 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 theme = _ref2.theme;
-  return theme.typography.fontFamily;
+  return theme && theme.typography ? theme.typography.fontFamily : 'unset';
 }, function (_ref3) {
   var theme = _ref3.theme;
-  return theme.typography.fontSize;
+  return theme && theme.typography ? theme.typography.fontSize : 'unset';
 }, function (_ref4) {
   var theme = _ref4.theme;
-  return theme.colors.textColor;
+  return theme && theme.typography ? theme.typography.textColor : 'unset';
 }, function (_ref5) {
   var theme = _ref5.theme;
-  return theme.typography.fontFamily;
+  return theme && theme.typography ? theme.typography.fontFamily : 'unset';
 });
 
+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;
@@ -267,14 +274,15 @@ var URLParamsProvider = {
     }
   },
   render: function render() {
-    var h = arguments[0];
-    var children = this.$slots["default"];
-    return h(Base$1, {
-      "attrs": {
-        "as": this.$props.as
-      },
+    var children = this.$slots["default"]();
+    return vue.createVNode(Base$1, {
+      "as": this.$props.as,
       "class": this.$props.className
-    }, [children]);
+    }, _isSlot$1(children) ? children : {
+      "default": function _default() {
+        return [children];
+      }
+    });
   }
 };
 var mapStateToProps = function mapStateToProps(state) {
@@ -326,6 +334,9 @@ 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() {
@@ -373,7 +384,10 @@ var ReactiveBase = {
     return {
       theme_reactivesearch: index.composeThemeObject(getTheme(this.$props.themePreset), this.$props.theme),
       store: this.store,
-      $searchPreferences: this.preferences
+      $searchPreferences: this.preferences,
+      $emotionCache: this.$parent && this.$parent.$emotionCache || vueEmotion.createCache({
+        key: 'css'
+      })
     };
   },
   watch: {
@@ -533,26 +547,30 @@ var ReactiveBase = {
     }
   },
   render: function render() {
-    var h = arguments[0];
-    var children = this.$slots["default"];
+    var _this = this;
+    var children = this.$slots["default"]();
     var _this$$props2 = this.$props,
       style = _this$$props2.style,
       className = _this$$props2.className;
-    return h(Provider, {
-      "attrs": {
-        "store": this.store,
-        "analyticsRef": this.analyticsRef
+    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];
+          }
+        })];
       }
-    }, [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) {