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

package/dist/cjs/SelectedFilters.js

@@ -7,18 +7,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 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');
 require('emotion');
+require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-626c5e8e.js');
-var vueTypes = require('./vueTypes-621a8143.js');
+var Button = require('./Button-841fd06d.js');
+var vueTypes = require('./vueTypes-568ce5e6.js');
 require('redux');
-var index = require('./index-dc25b706.js');
-var Title = require('./Title-8802a218.js');
-var Container = require('./Container-29f049b2.js');
+var index = require('./index-de136c17.js');
+var Title = require('./Title-16042ea0.js');
+var Container = require('./Container-e699ea95.js');
 
 var setValue = configureStore.Actions.setValue,
   clearValues = configureStore.Actions.clearValues,
@@ -44,8 +43,9 @@ var SelectedFilters = {
   },
   render: function render() {
     var _this = this;
-    if (this.$slots["default"]) {
-      return this.$slots["default"]({
+    var h = arguments[0];
+    if (this.$scopedSlots["default"]) {
+      return this.$scopedSlots["default"]({
         components: this.components,
         selectedValues: this.selectedValues,
         clearValues: this.clearValues,
@@ -56,36 +56,24 @@ var SelectedFilters = {
     }
     var filtersToRender = this.renderFilters();
     var hasValues = !!filtersToRender.length;
-    return vue.createVNode(Container.Container, {
+    return h(Container.Container, {
       "class": Button.filters(this.theme) + " " + (this.$props.className || '')
-    }, {
-      "default": function _default() {
-        return [_this.$props.title && hasValues && vue.createVNode(Title.Title, {
-          "class": getClassName(_this.$props.innerClass, 'title') || ''
-        }, {
-          "default": function _default() {
-            return [_this.$props.title];
-          }
-        }), filtersToRender, _this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? vue.createVNode(Button.Button, vue.mergeProps({
-          "class": getClassName(_this.$props.innerClass, 'button') || ''
-        }, {
-          on: {
-            click: _this.clearValues,
-            keypress: function keypress(event) {
-              return handleA11yAction(event, function () {
-                return _this.clearValues();
-              });
-            }
-          }
-        }, {
-          "tabIndex": "0"
-        }), {
-          "default": function _default() {
-            return [_this.$props.clearAllLabel];
-          }
-        }) : null];
+    }, [this.$props.title && hasValues && h(Title.Title, {
+      "class": getClassName(this.$props.innerClass, 'title') || ''
+    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? h(Button.Button, {
+      "class": getClassName(this.$props.innerClass, 'button') || '',
+      "on": _rollupPluginBabelHelpers._extends({}, {
+        click: this.clearValues,
+        keypress: function keypress(event) {
+          return handleA11yAction(event, function () {
+            return _this.clearValues();
+          });
+        }
+      }),
+      "attrs": {
+        "tabIndex": "0"
       }
-    });
+    }, [this.$props.clearAllLabel]) : null]);
   },
   methods: {
     remove: function remove(component, value) {
@@ -137,23 +125,20 @@ var SelectedFilters = {
       return value;
     },
     renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
-      return vue.createVNode(Button.Button, vue.mergeProps({
+      var h = this.$createElement;
+      return h(Button.Button, {
         "class": getClassName(this.$props.innerClass, 'button') || '',
-        "key": keyProp
-      }, {
-        on: {
+        "key": keyProp,
+        "on": _rollupPluginBabelHelpers._extends({}, {
           click: handleRemove,
           keypress: function keypress(event) {
             return handleA11yAction(event, handleRemove);
           }
+        }),
+        "attrs": {
+          "tabIndex": "0"
         }
-      }, {
-        "tabIndex": "0"
-      }), {
-        "default": function _default() {
-          return [vue.createVNode("span", null, [label]), vue.createVNode("span", null, [vue.createTextVNode("\u2715")])];
-        }
-      });
+      }, [h("span", [label]), h("span", ["\u2715"])]);
     },
     renderFilters: function renderFilters() {
       var _this3 = this;

package/dist/cjs/SingleDropdownList.js

@@ -8,30 +8,27 @@ 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'));
-require('@appbaseio/vue-emotion');
 require('emotion');
+require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-626c5e8e.js');
-var vueTypes = require('./vueTypes-621a8143.js');
+var Button = require('./Button-841fd06d.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');
-require('./CancelSvg-062a42f0.js');
-require('./Input-4d278ca0.js');
+var index = require('./index-de136c17.js');
+var ComponentWrapper = require('./ComponentWrapper-94c50228.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5e6e84a2.js');
+require('@vue/babel-helper-vue-jsx-merge-props');
+var Title = require('./Title-16042ea0.js');
+require('./CancelSvg-220a7cc3.js');
+require('./Input-ead4cd84.js');
 require('compute-scroll-into-view');
-var Container = require('./Container-29f049b2.js');
+var Container = require('./Container-e699ea95.js');
 require('@appbaseio/reactivecore/lib/utils/suggestions');
 var utils = require('./utils-83fd01e9.js');
-var DropDown = require('./DropDown-3b899b20.js');
+var DropDown = require('./DropDown-c6b79b05.js');
 
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
 var updateQuery = configureStore.Actions.updateQuery,
   setQueryOptions = configureStore.Actions.setQueryOptions,
   setCustomQuery = configureStore.Actions.setCustomQuery,
@@ -62,6 +59,7 @@ var SingleDropdownList = {
     beforeValueChange: vueTypes.types.func,
     className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
     defaultQuery: vueTypes.types.func,
@@ -89,7 +87,7 @@ var SingleDropdownList = {
     showSearch: VueTypes.bool.def(false),
     showClear: VueTypes.bool.def(false),
     showLoadMore: VueTypes.bool.def(false),
-    loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.nullable]).def('Load More'),
+    loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
     nestedField: vueTypes.types.string,
     index: VueTypes.string,
     searchPlaceholder: VueTypes.string.def('Type here to search...'),
@@ -181,7 +179,7 @@ var SingleDropdownList = {
     }
   },
   render: function render() {
-    var _this2 = this;
+    var h = arguments[0];
     var _this$$props2 = this.$props,
       showLoadMore = _this$$props2.showLoadMore,
       loadMoreLabel = _this$$props2.loadMoreLabel,
@@ -190,16 +188,16 @@ var SingleDropdownList = {
       renderLabel = _this$$props2.renderLabel;
     var isLastBucket = this.$data.isLastBucket;
     var selectAll = [];
-    var renderItemCalc = this.$slots.renderItem || renderItem;
-    var renderErrorCalc = this.$slots.renderError || renderError;
-    var renderLabelCalc = this.$slots.renderLabel || renderLabel;
-    var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
+    var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
+    var renderErrorCalc = this.$scopedSlots.renderError || renderError;
+    var renderLabelCalc = this.$scopedSlots.renderLabel || renderLabel;
+    var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
     if (renderErrorCalc && this.error) {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
     if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
       if (renderNoResults && index.isFunction(renderNoResults)) {
-        return vue.createVNode("div", null, [renderNoResults()]);
+        return h("div", [renderNoResults()]);
       }
       if (renderNoResults && !index.isFunction(renderNoResults)) {
         return renderNoResults;
@@ -212,64 +210,58 @@ var SingleDropdownList = {
         doc_count: this.totalDocumentCount
       }];
     }
-    return vue.createVNode(Container.Container, {
+    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];
-          }
-        }), vue.createVNode(DropDown.Dropdown, {
-          "innerClass": _this2.$props.innerClass,
-          "items": [].concat(selectAll, _this2.$data.modifiedOptions.filter(function (item) {
-            return String(item.key).trim().length;
-          }).map(function (item) {
-            return _rollupPluginBabelHelpers._extends({}, item, {
-              key: String(item.key)
-            });
-          })),
-          "handleChange": _this2.handleChange,
-          "selectedItem": _this2.$data.currentValue,
-          "placeholder": _this2.$props.placeholder,
-          "labelField": "key",
-          "showCount": _this2.$props.showCount,
-          "hasCustomRenderer": _this2.hasCustomRenderer,
-          "customRenderer": _this2.getComponent,
-          "renderItem": renderItemCalc,
-          "renderNoResults": _this2.$slots.renderNoResults || _this2.$props.renderNoResults,
-          "themePreset": _this2.themePreset,
-          "showSearch": _this2.$props.showSearch,
-          "showClear": _this2.$props.showClear,
-          "searchPlaceholder": _this2.$props.searchPlaceholder,
-          "transformData": _this2.$props.transformData,
-          "footer": showLoadMore && !isLastBucket && vue.createVNode("div", {
+    }, [this.$props.title && h(Title.Title, {
+      "class": getClassName(this.$props.innerClass, 'title') || ''
+    }, [this.$props.title]), h(DropDown.Dropdown, {
+      "attrs": {
+        "innerClass": this.$props.innerClass,
+        "items": [].concat(selectAll, this.$data.modifiedOptions.filter(function (item) {
+          return String(item.key).trim().length;
+        }).map(function (item) {
+          return _rollupPluginBabelHelpers._extends({}, item, {
+            key: String(item.key)
+          });
+        })),
+        "handleChange": this.handleChange,
+        "selectedItem": this.$data.currentValue,
+        "placeholder": this.$props.placeholder,
+        "labelField": "key",
+        "showCount": this.$props.showCount,
+        "hasCustomRenderer": this.hasCustomRenderer,
+        "customRenderer": this.getComponent,
+        "renderItem": renderItemCalc,
+        "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
+        "themePreset": this.themePreset,
+        "showSearch": this.$props.showSearch,
+        "showClear": this.$props.showClear,
+        "searchPlaceholder": this.$props.searchPlaceholder,
+        "transformData": this.$props.transformData,
+        "footer": showLoadMore && !isLastBucket && h("div", {
+          "attrs": {
             "css": Button.loadMoreContainer
-          }, [vue.createVNode(Button.Button, {
-            "onClick": _this2.handleLoadMore
-          }, _isSlot(loadMoreLabel) ? loadMoreLabel : {
-            "default": function _default() {
-              return [loadMoreLabel];
-            }
-          })]),
-          "customLabelRenderer": renderLabelCalc
-        }, null)];
+          }
+        }, [h(Button.Button, {
+          "on": {
+            "click": this.handleLoadMore
+          }
+        }, [loadMoreLabel])]),
+        "customLabelRenderer": renderLabelCalc
       }
-    });
+    })]);
   },
   methods: {
     setValue: function setValue(value, props) {
-      var _this3 = this;
+      var _this2 = this;
       if (props === void 0) {
         props = this.$props;
       }
       var performUpdate = function performUpdate() {
-        _this3.currentValue = value;
-        _this3.updateQueryHandler(value, props);
-        _this3.$emit('valueChange', value);
-        _this3.$emit('value-change', value);
+        _this2.currentValue = value;
+        _this2.updateQueryHandler(value, props);
+        _this2.$emit('valueChange', value);
+        _this2.$emit('value-change', value);
       };
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
@@ -449,13 +441,15 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
   componentType: constants.componentTypes.singleDropdownList,
   internalComponent: SingleDropdownList.hasInternalComponent()
 }));
+ListConnected.defaultQuery = SingleDropdownList.defaultQuery;
+ListConnected.generateQueryOptions = SingleDropdownList.generateQueryOptions;
+ListConnected.hasInternalComponent = SingleDropdownList.hasInternalComponent;
 ListConnected.name = SingleDropdownList.name;
+// Add componentType for SSR
+ListConnected.componentType = constants.componentTypes.singleDropdownList;
 ListConnected.install = function (Vue) {
   Vue.component(ListConnected.name, ListConnected);
 };
 
-// Add componentType for SSR
-ListConnected.componentType = constants.componentTypes.singleDropdownList;
-
 exports.ListConnected = ListConnected;
 exports.default = ListConnected;

package/dist/cjs/SingleList.js

@@ -8,22 +8,21 @@ 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'));
-require('@appbaseio/vue-emotion');
 require('emotion');
+require('@appbaseio/vue-emotion');
 require('polished');
-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 Input = require('./Input-4d278ca0.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 Input = require('./Input-ead4cd84.js');
+var Container = require('./Container-e699ea95.js');
 var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
-var FormControlList = require('./FormControlList-cf1ff2ca.js');
+var FormControlList = require('./FormControlList-bbb5cd24.js');
 var utils = require('./utils-83fd01e9.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
@@ -42,6 +41,7 @@ var SingleList = {
     beforeValueChange: vueTypes.types.func,
     className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
     defaultValue: vueTypes.types.string,
@@ -143,17 +143,18 @@ var SingleList = {
   },
   render: function render() {
     var _this = this;
+    var h = arguments[0];
     var _this$$props = this.$props,
       selectAllLabel = _this$$props.selectAllLabel,
       renderItem = _this$$props.renderItem,
       renderError = _this$$props.renderError;
-    var renderItemCalc = this.$slots.renderItem || renderItem;
-    var renderErrorCalc = this.$slots.renderError || renderError;
+    var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
+    var renderErrorCalc = this.$scopedSlots.renderError || renderError;
     if (renderErrorCalc && this.error) {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
     if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
-      if (this.renderNoResult) {
+      if (this.renderNoResults) {
         this.renderNoResult();
       } else {
         return null;
@@ -172,73 +173,71 @@ var SingleList = {
       }
       return false;
     });
-    return vue.createVNode(Container.Container, {
+    return h(Container.Container, {
       "class": this.$props.className
-    }, {
-      "default": function _default() {
-        return [_this.$props.title && vue.createVNode(Title.Title, {
-          "class": getClassName(_this.$props.innerClass, 'title') || ''
-        }, {
-          "default": function _default() {
-            return [_this.$props.title];
-          }
-        }), _this.renderSearch(), _this.hasCustomRenderer ? _this.getComponent() : vue.createVNode(FormControlList.UL, {
-          "class": getClassName(_this.$props.innerClass, 'list') || ''
-        }, {
-          "default": function _default() {
-            return [selectAllLabel ? vue.createVNode("li", {
-              "key": selectAllLabel,
-              "class": "" + (_this.$data.currentValue === selectAllLabel ? 'active' : '')
-            }, [vue.createVNode(FormControlList.Radio, vue.mergeProps({
-              "class": getClassName(_this.$props.innerClass, 'radio'),
-              "id": _this.$props.componentId + "-" + selectAllLabel,
-              "name": _this.$props.componentId,
-              "value": selectAllLabel,
-              "onClick": _this.handleClick,
-              "readOnly": true,
-              "type": "radio",
-              "show": _this.$props.showRadio
-            }, {
-              domProps: {
-                checked: _this.$data.currentValue === selectAllLabel
-              }
-            }), null), vue.createVNode("label", {
-              "class": getClassName(_this.$props.innerClass, 'label') || null,
-              "for": _this.$props.componentId + "-" + selectAllLabel
-            }, [vue.createVNode("span", null, [selectAllLabel, _this.$props.showCount && vue.createVNode("span", {
-              "class": getClassName(_this.$props.innerClass, 'count') || null
-            }, [vue.createTextVNode("\xA0("), _this.totalDocumentCount, vue.createTextVNode(")")])])])]) : null, !_this.hasCustomRenderer && filteredItemsToRender.length === 0 && !_this.isLoading ? _this.renderNoResult() : filteredItemsToRender.map(function (item) {
-              return vue.createVNode("li", {
-                "key": item.key,
-                "class": "" + (_this.currentValue === String(item.key) ? 'active' : '')
-              }, [vue.createVNode(FormControlList.Radio, vue.mergeProps({
-                "class": getClassName(_this.$props.innerClass, 'radio'),
-                "id": _this.$props.componentId + "-" + item.key,
-                "name": _this.$props.componentId,
-                "value": item.key,
-                "readOnly": true,
-                "onClick": _this.handleClick,
-                "type": "radio",
-                "show": _this.$props.showRadio
-              }, {
-                domProps: {
-                  checked: _this.currentValue === String(item.key)
-                }
-              }), null), vue.createVNode("label", {
-                "class": getClassName(_this.$props.innerClass, 'label') || null,
-                "for": _this.$props.componentId + "-" + item.key
-              }, [renderItemCalc ? renderItemCalc({
-                label: item.key,
-                count: item.doc_count,
-                isChecked: _this.currentValue === String(item.key)
-              }) : vue.createVNode("span", null, [item.key, _this.$props.showCount && vue.createVNode("span", {
-                "class": getClassName(_this.$props.innerClass, 'count') || null
-              }, [vue.createTextVNode("\xA0("), item.doc_count, vue.createTextVNode(")")])])])]);
-            })];
-          }
-        })];
+    }, [this.$props.title && h(Title.Title, {
+      "class": getClassName(this.$props.innerClass, 'title') || ''
+    }, [this.$props.title]), this.renderSearch(), this.hasCustomRenderer ? this.getComponent() : h(FormControlList.UL, {
+      "class": getClassName(this.$props.innerClass, 'list') || ''
+    }, [selectAllLabel ? h("li", {
+      "key": selectAllLabel,
+      "class": "" + (this.$data.currentValue === selectAllLabel ? 'active' : '')
+    }, [h(FormControlList.Radio, {
+      "class": getClassName(this.$props.innerClass, 'radio'),
+      "attrs": {
+        "id": this.$props.componentId + "-" + selectAllLabel,
+        "name": this.$props.componentId,
+        "value": selectAllLabel,
+        "readOnly": true,
+        "type": "radio",
+        "show": this.$props.showRadio
+      },
+      "on": {
+        "click": this.handleClick
+      },
+      "domProps": _rollupPluginBabelHelpers._extends({}, {
+        checked: this.$data.currentValue === selectAllLabel
+      })
+    }), h("label", {
+      "class": getClassName(this.$props.innerClass, 'label') || null,
+      "attrs": {
+        "for": this.$props.componentId + "-" + selectAllLabel
       }
-    });
+    }, [h("span", [selectAllLabel, this.$props.showCount && h("span", {
+      "class": getClassName(this.$props.innerClass, 'count') || null
+    }, ["\xA0(", this.totalDocumentCount, ")"])])])]) : null, !this.hasCustomRenderer && filteredItemsToRender.length === 0 && !this.isLoading ? this.renderNoResult() : filteredItemsToRender.map(function (item) {
+      return h("li", {
+        "key": item.key,
+        "class": "" + (_this.currentValue === String(item.key) ? 'active' : '')
+      }, [h(FormControlList.Radio, {
+        "class": getClassName(_this.$props.innerClass, 'radio'),
+        "attrs": {
+          "id": _this.$props.componentId + "-" + item.key,
+          "name": _this.$props.componentId,
+          "value": item.key,
+          "readOnly": true,
+          "type": "radio",
+          "show": _this.$props.showRadio
+        },
+        "on": {
+          "click": _this.handleClick
+        },
+        "domProps": _rollupPluginBabelHelpers._extends({}, {
+          checked: _this.currentValue === String(item.key)
+        })
+      }), h("label", {
+        "class": getClassName(_this.$props.innerClass, 'label') || null,
+        "attrs": {
+          "for": _this.$props.componentId + "-" + item.key
+        }
+      }, [renderItemCalc ? renderItemCalc({
+        label: item.key,
+        count: item.doc_count,
+        isChecked: _this.currentValue === String(item.key)
+      }) : h("span", [item.key, _this.$props.showCount && h("span", {
+        "class": getClassName(_this.$props.innerClass, 'count') || null
+      }, ["\xA0(", item.doc_count, ")"])])])]);
+    })])]);
   },
   methods: {
     setValue: function setValue(nextValue, props) {
@@ -318,17 +317,22 @@ var SingleList = {
       this.searchTerm = value;
     },
     renderSearch: function renderSearch() {
+      var h = this.$createElement;
       if (this.$props.showSearch) {
-        return vue.createVNode(Input.Input, {
+        return h(Input.Input, {
           "class": getClassName(this.$props.innerClass, 'input') || '',
-          "onInput": this.handleInputChange,
-          "value": this.$data.searchTerm,
-          "placeholder": this.$props.placeholder,
+          "on": {
+            "input": this.handleInputChange
+          },
+          "attrs": {
+            "value": this.$data.searchTerm,
+            "placeholder": this.$props.placeholder,
+            "themePreset": this.$props.themePreset
+          },
           "style": {
             margin: '0 0 8px'
-          },
-          "themePreset": this.$props.themePreset
-        }, null);
+          }
+        });
       }
       return null;
     },
@@ -368,8 +372,9 @@ var SingleList = {
       return true;
     },
     renderNoResult: function renderNoResult() {
-      var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
-      return vue.createVNode("p", {
+      var h = this.$createElement;
+      var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
+      return h("p", {
         "class": getClassName(this.$props.innerClass, 'noResults') || null
       }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
     }
@@ -454,12 +459,14 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
   internalComponent: SingleList.hasInternalComponent()
 }));
 ListConnected.name = SingleList.name;
+ListConnected.defaultQuery = SingleList.defaultQuery;
+ListConnected.generateQueryOptions = SingleList.generateQueryOptions;
+ListConnected.hasInternalComponent = SingleList.hasInternalComponent;
+// Add componentType for SSR
+ListConnected.componentType = constants.componentTypes.singleList;
 ListConnected.install = function (Vue) {
   Vue.component(ListConnected.name, ListConnected);
 };
 
-// Add componentType for SSR
-ListConnected.componentType = constants.componentTypes.singleList;
-
 exports.ListConnected = ListConnected;
 exports.default = ListConnected;