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

package/dist/cjs/ReactiveList.js

@@ -8,36 +8,44 @@ var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = 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');
-require('emotion');
+var emotion = require('emotion');
+var styled = require('@appbaseio/vue-emotion');
+var styled__default = _interopDefault(styled);
 require('polished');
-require('./Button-626c5e8e.js');
-var vueTypes = require('./vueTypes-621a8143.js');
-var Pagination = require('./Pagination-a468f960.js');
+require('./Button-841fd06d.js');
+var vueTypes = require('./vueTypes-568ce5e6.js');
+var Pagination = require('./Pagination-6d184d4a.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');
-require('./Title-8802a218.js');
-var ListItem = require('./ListItem-c067bc07.js');
-var Card = require('./Card-c381ded3.js');
-var Flex = require('./Flex-d5675ea6.js');
+var index = require('./index-de136c17.js');
+var ComponentWrapper = require('./ComponentWrapper-94c50228.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5e6e84a2.js');
+var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
+require('./Title-16042ea0.js');
+var ListItem = require('./ListItem-5088bd6a.js');
+var Card = require('./Card-240f283d.js');
+var Flex = require('./Flex-ddd7cb6b.js');
 
 var _templateObject;
-var PoweredByImage = vueEmotion.styled('img')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));
+var PoweredByImage = styled__default('img')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: 110px;\n"])));
 
-var PoweredBy = function PoweredBy() {
-  return vue.createVNode("a", {
-    "href": "https://appbase.io/",
-    "target": "_blank",
-    "rel": "noopener noreferrer"
-  }, [vue.createVNode(PoweredByImage, {
-    "src": "https://cdn.jsdelivr.net/gh/appbaseio/cdn@d2ec210045e59104ee5485841fa17b23fc83f097/appbase/logos/rbc-logo.svg"
-  }, null)]);
+var PoweredBy = {
+  functional: true,
+  render: function render(h) {
+    return h("a", {
+      "attrs": {
+        "href": "https://appbase.io/",
+        "target": "_blank",
+        "rel": "noopener noreferrer"
+      }
+    }, [h(PoweredByImage, {
+      "attrs": {
+        "src": "https://cdn.jsdelivr.net/gh/appbaseio/cdn@d2ec210045e59104ee5485841fa17b23fc83f097/appbase/logos/rbc-logo.svg"
+      }
+    })]);
+  }
 };
 
 var ResultListWrapper = {
@@ -46,9 +54,12 @@ var ResultListWrapper = {
   render: function render(_, _ref) {
     var props = _ref.props,
       children = _ref.children;
-    return vue.createVNode("div", vue.mergeProps({
-      "className": ListItem.container
-    }, props), [children]);
+    var h = arguments[0];
+    return h("div", _mergeJSXProps([{
+      "attrs": {
+        "className": ListItem.container
+      }
+    }, props]), [children]);
   }
 };
 ResultListWrapper.install = function (Vue) {
@@ -61,17 +72,21 @@ var ResultCardsWrapper = {
   render: function render(_, _ref) {
     var props = _ref.props,
       children = _ref.children;
-    return vue.createVNode("div", vue.mergeProps({
-      "className": Card.container
-    }, props), [children]);
+    var h = arguments[0];
+    return h("div", _mergeJSXProps([{
+      "attrs": {
+        "className": Card.container
+      }
+    }, props]), [children]);
   }
 };
 ResultCardsWrapper.install = function (Vue) {
   Vue.component(ResultCardsWrapper.name, ResultCardsWrapper);
 };
 
-var resultStats = "\n\tflex-grow: 1;\n\tfont-size: 0.82rem;\n";
-var sortOptions = "\n\tcolor: #424242;\n\theight: 32px;\n\tfont-size: 0.82rem;\n\tpadding: 0 25px 0 10px;\n\tbackground: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)\n\t\tno-repeat 95% 50%;\n\tbackground-color: #fff;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t-webkit-border-radius: 0;\n\tborder-radius: 0;\n\tborder: 0;\n\toutline: 1px solid #ddd;\n\toutline-offset: -1px;\n";
+var _templateObject$1, _templateObject2;
+var resultStats = emotion.css(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tflex-grow: 1;\n\tfont-size: 0.82rem;\n"])));
+var sortOptions = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: #424242;\n\theight: 32px;\n\tfont-size: 0.82rem;\n\tpadding: 0 25px 0 10px;\n\tbackground: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+)\n\t\tno-repeat 95% 50%;\n\tbackground-color: #fff;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t-webkit-border-radius: 0;\n\tborder-radius: 0;\n\tborder: 0;\n\toutline: 1px solid #ddd;\n\toutline-offset: -1px;\n"])));
 
 var recordImpressions = configureStore.Actions.recordImpressions;
 var isEqual = configureStore.helper.isEqual;
@@ -230,9 +245,6 @@ var ImpressionTracker$1 = index.connect(function () {
   return null;
 }, mapDispatchToProps)(ImpressionTracker);
 
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
 var setQueryOptions = configureStore.Actions.setQueryOptions,
   updateQuery = configureStore.Actions.updateQuery,
   loadMore = configureStore.Actions.loadMore,
@@ -250,11 +262,6 @@ var isEqual$1 = configureStore.helper.isEqual,
   getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
 var ReactiveList = {
   name: 'ReactiveList',
-  inject: {
-    $emotionCache: {
-      "default": undefined
-    }
-  },
   components: {
     ResultListWrapper: ResultListWrapper,
     ResultCardsWrapper: ResultCardsWrapper
@@ -322,6 +329,7 @@ var ReactiveList = {
     // component props
     className: vueTypes.types.string,
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     dataField: vueTypes.types.stringRequired,
     aggregationField: vueTypes.types.string,
     aggregationSize: VueTypes.number,
@@ -363,10 +371,10 @@ var ReactiveList = {
       return Math.ceil(this.total / this.$props.size) || 0;
     },
     hasPageChangeListener: function hasPageChangeListener() {
-      return this.$attrs && this.$attrs.pageChange;
+      return this.$listeners && this.$listeners.pageChange;
     },
     hasResultStatsListener: function hasResultStatsListener() {
-      return this.$attrs && this.$attrs.resultStats;
+      return this.$listeners && this.$listeners.resultStats;
     },
     stats: function stats() {
       return _rollupPluginBabelHelpers._extends({}, getResultStats(this), {
@@ -502,7 +510,16 @@ var ReactiveList = {
     },
     infiniteScroll: function infiniteScroll(newVal, oldVal) {
       if (newVal !== oldVal) {
-        if (!newVal) {
+        if (newVal && !this.pagination) {
+          window.addEventListener('scroll', this.scrollHandler);
+        } else {
+          window.removeEventListener('scroll', this.scrollHandler);
+        }
+      }
+    },
+    pagination: function pagination(newVal, oldVal) {
+      if (newVal !== oldVal) {
+        if (!newVal && this.infiniteScroll) {
           window.addEventListener('scroll', this.scrollHandler);
         } else {
           window.removeEventListener('scroll', this.scrollHandler);
@@ -568,88 +585,87 @@ var ReactiveList = {
       window.addEventListener('scroll', this.scrollHandler);
     }
   },
-  beforeUnmount: function beforeUnmount() {
+  beforeDestroy: function beforeDestroy() {
     if (this.showInfiniteScroll) {
       window.removeEventListener('scroll', this.scrollHandler);
     }
   },
   render: function render() {
-    var _this2 = this;
+    var h = arguments[0];
     var hits = this.$data.hits;
     var results = parseHits(hits) || [];
-    return vue.createVNode("div", {
+    return h("div", {
       "style": this.$props.style,
       "class": this.$props.className
-    }, [this.isLoading && this.shouldRenderPagination && this.showInfiniteScroll && (this.$slots.loader || this.$props.loader), this.renderErrorComponent(), vue.createVNode(Flex.Flex, {
-      "labelPosition": this.sortOptions ? 'right' : 'left',
+    }, [this.isLoading && this.shouldRenderPagination && this.showInfiniteScroll && (this.$scopedSlots.loader || this.$props.loader), this.renderErrorComponent(), h(Flex.Flex, {
+      "attrs": {
+        "labelPosition": this.sortOptions ? 'right' : 'left'
+      },
       "class": getClassName(this.$props.innerClass, 'resultsInfo')
-    }, {
-      "default": function _default() {
-        return [_this2.sortOptions ? _this2.renderSortOptions() : null, _this2.$props.showResultStats && results.length ? _this2.renderStats() : null];
-      }
-    }), !this.isLoading && hits && hits.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? vue.createVNode(Pagination.Pagination, {
-      "pages": this.$props.pages,
-      "totalPages": this.totalPages,
-      "currentPage": this.currentPageState,
-      "setPage": this.setPage,
-      "innerClass": this.$props.innerClass,
-      "prevLabel": this.$props.prevLabel,
-      "nextLabel": this.$props.nextLabel
-    }, null) : null, this.renderResults(), this.isLoading && !this.shouldRenderPagination ? this.$slots.loader || this.$props.loader || vue.createVNode("div", {
+    }, [this.sortOptions ? this.renderSortOptions() : null, this.$props.showResultStats && results.length ? this.renderStats() : null]), !this.isLoading && hits && hits.length === 0 ? this.renderNoResult() : null, this.shouldRenderPagination && (this.$props.paginationAt === 'top' || this.$props.paginationAt === 'both') ? h(Pagination.Pagination, {
+      "attrs": {
+        "pages": this.$props.pages,
+        "totalPages": this.totalPages,
+        "currentPage": this.currentPageState,
+        "setPage": this.setPage,
+        "innerClass": this.$props.innerClass,
+        "prevLabel": this.$props.prevLabel,
+        "nextLabel": this.$props.nextLabel
+      }
+    }) : null, this.renderResults(), this.isLoading && !this.shouldRenderPagination ? this.$scopedSlots.loader || this.$props.loader || h("div", {
       "style": {
         textAlign: 'center',
         margin: '20px 0',
         color: '#666'
       }
-    }, [vue.createTextVNode("Loading...")]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ? vue.createVNode(Pagination.Pagination, {
-      "pages": this.$props.pages,
-      "totalPages": Math.ceil(this.$data.total / this.$props.size),
-      "currentPage": this.currentPageState,
-      "setPage": this.setPage,
-      "showEndPage": this.$props.showEndPage,
-      "innerClass": this.$props.innerClass,
-      "prevLabel": this.$props.prevLabel,
-      "nextLabel": this.$props.nextLabel
-    }, null) : null, this.url.endsWith('appbase.io') && results.length ? vue.createVNode(Flex.Flex, {
-      "direction": "row-reverse",
+    }, ["Loading..."]) : null, this.shouldRenderPagination && (this.$props.paginationAt === 'bottom' || this.$props.paginationAt === 'both') ? h(Pagination.Pagination, {
+      "attrs": {
+        "pages": this.$props.pages,
+        "totalPages": Math.ceil(this.$data.total / this.$props.size),
+        "currentPage": this.currentPageState,
+        "setPage": this.setPage,
+        "showEndPage": this.$props.showEndPage,
+        "innerClass": this.$props.innerClass,
+        "prevLabel": this.$props.prevLabel,
+        "nextLabel": this.$props.nextLabel
+      }
+    }) : null, this.url.endsWith('appbase.io') && results.length ? h(Flex.Flex, {
+      "attrs": {
+        "direction": "row-reverse"
+      },
       "class": getClassName(this.$props.innerClass, 'poweredBy')
-    }, {
-      "default": function _default() {
-        return [vue.createVNode(PoweredBy, null, null)];
-      }
-    }) : null]);
+    }, [h(PoweredBy)]) : null]);
   },
   methods: {
     renderErrorComponent: function renderErrorComponent() {
-      var renderError = this.$slots.renderError || this.$props.renderError;
+      var renderError = this.$scopedSlots.renderError || this.$props.renderError;
       if (renderError && this.error && !this.isLoading) {
         return index.isFunction(renderError) ? renderError(this.error) : renderError;
       }
       return null;
     },
     renderResults: function renderResults() {
-      var _this3 = this;
+      var _this2 = this;
+      var h = this.$createElement;
       var size = this.$props.size;
-      var renderItem = this.$attrs.slots.renderItem || this.$props.renderItem;
-      var element = this.hasCustomRender ? this.getComponent() : vue.createVNode("div", {
+      var renderItem = this.$scopedSlots.renderItem || this.$props.renderItem;
+      var element = this.hasCustomRender ? this.getComponent() : h("div", {
         "class": this.$props.listClass + " " + getClassName(this.$props.innerClass, 'list')
       }, [this.data.map(function (item, index) {
         return renderItem({
           item: item,
-          count: _this3.currentPageState * size + index + 1,
+          count: _this2.currentPageState * size + index + 1,
           triggerClickAnalytics: function triggerClickAnalytics() {
-            return _this3.triggerClickAnalytics(_this3.currentPageState * size + index);
+            return _this2.triggerClickAnalytics(_this2.currentPageState * size + index);
           }
         });
       })]);
       // If analytics is set to true then render with impression tracker
-      return this.analytics ? vue.createVNode(ImpressionTracker$1, {
-        "hits": this.data
-      }, _isSlot(element) ? element : {
-        "default": function _default() {
-          return [element];
+      return this.analytics ? h(ImpressionTracker$1, {
+        "attrs": {
+          "hits": this.data
         }
-      }) : element;
+      }, [element]) : element;
     },
     updateQueryOptions: function updateQueryOptions(props) {
       var options = getQueryOptions(props);
@@ -735,23 +751,25 @@ var ReactiveList = {
       }
     },
     renderStats: function renderStats() {
-      var renderResultStats = this.$slots.renderResultStats || this.$props.renderResultStats;
+      var h = this.$createElement;
+      var renderResultStats = this.$scopedSlots.renderResultStats || this.$props.renderResultStats;
       if (renderResultStats && this.$data.total) {
         return renderResultStats(this.stats);
       }
       if (this.stats.numberOfResults) {
-        return vue.createVNode("p", {
+        return h("p", {
           "class": resultStats + " " + getClassName(this.$props.innerClass, 'resultStats')
-        }, [this.stats.numberOfResults, vue.createTextVNode(" results found in "), this.stats.time || 0, vue.createTextVNode("ms")]);
+        }, [this.stats.numberOfResults, " results found in ", this.stats.time || 0, "ms"]);
       }
       return null;
     },
     renderNoResult: function renderNoResult() {
-      var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
-      if (this.$slots.renderNoResults) {
+      var h = this.$createElement;
+      var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
+      if (this.$scopedSlots.renderNoResults) {
         return index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults;
       }
-      return vue.createVNode("p", {
+      return h("p", {
         "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     },
@@ -796,16 +814,25 @@ var ReactiveList = {
       this.recordResultClick(searchPosition, docId);
     },
     renderSortOptions: function renderSortOptions() {
-      return vue.createVNode("select", {
+      var h = this.$createElement;
+      return h("select", {
         "class": sortOptions + " " + getClassName(this.$props.innerClass, 'sortOptions'),
-        "name": "sort-options",
-        "aria-label": "Sort options",
-        "onChange": this.handleSortChange,
-        "value": this.sortOptionIndex
+        "attrs": {
+          "name": "sort-options",
+          "aria-label": "Sort options"
+        },
+        "on": {
+          "change": this.handleSortChange
+        },
+        "domProps": {
+          "value": this.sortOptionIndex
+        }
       }, [this.sortOptions.map(function (sort, index) {
-        return vue.createVNode("option", {
+        return h("option", {
           "key": sort.label,
-          "value": index
+          "domProps": {
+            "value": index
+          }
         }, [sort.label]);
       })]);
     },
@@ -943,6 +970,8 @@ var RLConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Compo
   internalComponent: ReactiveList.hasInternalComponent()
 }));
 RLConnected.name = ReactiveList.name;
+RLConnected.generateQueryOptions = ReactiveList.generateQueryOptions;
+RLConnected.hasInternalComponent = ReactiveList.hasInternalComponent;
 RLConnected.install = function (Vue) {
   Vue.component(RLConnected.name, RLConnected);
   Vue.component(ResultListWrapper.name, ResultListWrapper);

package/dist/cjs/ResultCard.js

@@ -5,26 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
+require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-621a8143.js');
-var Title = require('./Title-8802a218.js');
-var Card = require('./Card-c381ded3.js');
+var vueTypes = require('./vueTypes-568ce5e6.js');
+var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
+var Title = require('./Title-16042ea0.js');
+var Card = require('./Card-240f283d.js');
 
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
 var ResultCardTitle = {
   name: 'ResultCardTitle',
   render: function render() {
+    var h = arguments[0];
     var children = this.$slots["default"];
-    return vue.createVNode(Title.Title, this.$props, _isSlot(children) ? children : {
-      "default": function _default() {
-        return [children];
-      }
-    });
+    return h(Title.Title, _mergeJSXProps([{}, this.$props]), [children]);
   }
 };
 ResultCardTitle.install = function (Vue) {
@@ -38,14 +33,15 @@ var ResultCardImage = {
     src: VueTypes.string.isRequired
   },
   render: function render() {
+    var h = arguments[0];
     var _this$$props = this.$props,
       src = _this$$props.src,
       props = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded);
-    return vue.createVNode(Card.Image, vue.mergeProps({
+    return h(Card.Image, _mergeJSXProps([{
       "style": {
         backgroundImage: "url(" + src + ")"
       }
-    }, props), null);
+    }, props]));
   }
 };
 ResultCardImage.install = function (Vue) {
@@ -58,7 +54,8 @@ var ResultCardDescription = {
   render: function render(_, _ref) {
     var props = _ref.props,
       children = _ref.children;
-    return vue.createVNode("article", props, [children]);
+    var h = arguments[0];
+    return h("article", _mergeJSXProps([{}, props]), [children]);
   }
 };
 ResultCardDescription.install = function (Vue) {
@@ -66,9 +63,6 @@ ResultCardDescription.install = function (Vue) {
 };
 
 var _excluded$1 = ["href", "target"];
-function _isSlot$1(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
 var ResultCard = {
   name: 'ResultCard',
   components: {
@@ -81,20 +75,19 @@ var ResultCard = {
     href: vueTypes.types.string
   },
   render: function render() {
+    var h = arguments[0];
     var children = this.$slots["default"];
     var _this$$props = this.$props,
       href = _this$$props.href,
       target = _this$$props.target,
       rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded$1);
-    return vue.createVNode(Card.Card, vue.mergeProps({
-      "href": href,
-      "target": target,
-      "rel": target === '_blank' ? 'noopener noreferrer' : null
-    }, rest), _isSlot$1(children) ? children : {
-      "default": function _default() {
-        return [children];
+    return h(Card.Card, _mergeJSXProps([{
+      "attrs": {
+        "href": href,
+        "target": target,
+        "rel": target === '_blank' ? 'noopener noreferrer' : null
       }
-    });
+    }, rest]), [children]);
   }
 };
 ResultCard.install = function (Vue) {

package/dist/cjs/ResultList.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
+require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-621a8143.js');
-var Title = require('./Title-8802a218.js');
-var ListItem = require('./ListItem-c067bc07.js');
+var vueTypes = require('./vueTypes-568ce5e6.js');
+var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
+var Title = require('./Title-16042ea0.js');
+var ListItem = require('./ListItem-5088bd6a.js');
 
 var ResultListContent = {
   name: 'ResultListContent',
@@ -19,7 +20,8 @@ var ResultListContent = {
   render: function render(_, _ref) {
     var props = _ref.props,
       children = _ref.children;
-    return vue.createVNode("article", props, [children]);
+    var h = arguments[0];
+    return h("article", _mergeJSXProps([{}, props]), [children]);
   }
 };
 ResultListContent.install = function (Vue) {
@@ -32,7 +34,8 @@ var ResultListDescription = {
   render: function render(_, _ref) {
     var props = _ref.props,
       children = _ref.children;
-    return vue.createVNode("div", props, [children]);
+    var h = arguments[0];
+    return h("div", _mergeJSXProps([{}, props]), [children]);
   }
 };
 ResultListDescription.install = function (Vue) {
@@ -47,32 +50,29 @@ var ResultListImage = {
     small: VueTypes.bool.def(false)
   },
   render: function render() {
+    var h = arguments[0];
     var _this$$props = this.$props,
       src = _this$$props.src,
       small = _this$$props.small,
       props = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded);
-    return vue.createVNode(ListItem.Image, vue.mergeProps({
-      "src": src,
-      "small": small
-    }, props), null);
+    return h(ListItem.Image, _mergeJSXProps([{
+      "attrs": {
+        "src": src,
+        "small": small
+      }
+    }, props]));
   }
 };
 ResultListImage.install = function (Vue) {
   Vue.component(ResultListImage.name, ResultListImage);
 };
 
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
 var ResultListTitle = {
   name: 'ResultListTitle',
   render: function render() {
+    var h = arguments[0];
     var children = this.$slots["default"];
-    return vue.createVNode(Title.Title, this.$props, _isSlot(children) ? children : {
-      "default": function _default() {
-        return [children];
-      }
-    });
+    return h(Title.Title, _mergeJSXProps([{}, this.$props]), [children]);
   }
 };
 ResultListTitle.install = function (Vue) {
@@ -80,9 +80,6 @@ ResultListTitle.install = function (Vue) {
 };
 
 var _excluded$1 = ["href", "target"];
-function _isSlot$1(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
 var ResultList = {
   name: 'ResultList',
   props: {
@@ -115,6 +112,7 @@ var ResultList = {
     }
   },
   render: function render() {
+    var h = arguments[0];
     var _this$$props = this.$props,
       href = _this$$props.href,
       target = _this$$props.target,
@@ -122,17 +120,15 @@ var ResultList = {
     var hasImage = this.hasImage,
       isSmall = this.isSmall;
     var children = this.$slots["default"];
-    return vue.createVNode(ListItem.ListItem, vue.mergeProps({
-      "href": href,
-      "image": hasImage,
-      "small": isSmall,
-      "target": target,
-      "rel": target === '_blank' ? 'noopener noreferrer' : null
-    }, props), _isSlot$1(children) ? children : {
-      "default": function _default() {
-        return [children];
+    return h(ListItem.ListItem, _mergeJSXProps([{
+      "attrs": {
+        "href": href,
+        "image": hasImage,
+        "small": isSmall,
+        "target": target,
+        "rel": target === '_blank' ? 'noopener noreferrer' : null
       }
-    });
+    }, props]), [children]);
   }
 };
 ResultList.install = function (Vue) {