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

package/dist/es/ReactiveBase.js

@@ -1,13 +1,13 @@
 import configureStore, { Actions, helper } from '@appbaseio/reactivecore';
 import '@appbaseio/reactivecore/lib/utils/constants';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { h, createVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
 import { isEqual as isEqual$1, transformRequestUsingEndpoint } from '@appbaseio/reactivecore/lib/utils/helper';
-import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-8986b709.js';
+import { styled, createCache } from '@appbaseio/vue-emotion';
+import { t as types } from './vueTypes-e4af6fe2.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-0444a498.js';
-import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-285a43a6.js';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
 import AppbaseAnalytics from '@appbaseio/analytics';
@@ -28,7 +28,7 @@ var Provider = {
     },
     analyticsRef: {
       type: Object,
-      required: true
+      required: false
     }
   },
   provide: function provide() {
@@ -37,40 +37,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 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]' && !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 createVNode(T, props, _isSlot(children) ? children : {
+    "default": function _default() {
+      return [children];
+    }
+  });
 };
 var Base$1 = styled(Base)(_templateObject || (_templateObject = _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]' && !isVNode(s);
+}
 var setHeaders = Actions.setHeaders,
   setValue = Actions.setValue;
 var isEqual = helper.isEqual;
@@ -259,14 +267,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 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) {
@@ -318,6 +327,9 @@ function getTheme(preset) {
   return dark;
 }
 
+function _isSlot$2(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 var ReactiveBase = {
   name: 'ReactiveBase',
   data: function data() {
@@ -365,7 +377,10 @@ var ReactiveBase = {
     return {
       theme_reactivesearch: composeThemeObject(getTheme(this.$props.themePreset), this.$props.theme),
       store: this.store,
-      $searchPreferences: this.preferences
+      $searchPreferences: this.preferences,
+      $emotionCache: this.$parent && this.$parent.$emotionCache || createCache({
+        key: 'css'
+      })
     };
   },
   watch: {
@@ -525,26 +540,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 createVNode(Provider, {
+      "store": this.store,
+      "analyticsRef": this.analyticsRef
+    }, {
+      "default": function _default() {
+        return [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) {