@appbaseio/reactivesearch-vue 2.0.0-alpha.4 → 3.0.0-alpha.0

package/dist/es/ResultCard.js

@@ -1,22 +1,28 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, isVNode, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import { t as types } from './vueTypes-b8146772.js';
-import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-3342664a.js';
-import { I as Image, C as Card } from './Card-450683f1.js';
+import { t as types } from './vueTypes-f1923c72.js';
+import { T as Title } from './Title-863dfa42.js';
+import { I as Image, C as Card } from './Card-38cbe652.js';
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 var ResultCardTitle = {
   name: 'ResultCardTitle',
   render: function render() {
-    var h = arguments[0];
+    var _slot;
     var children = this.$slots["default"];
-    return h(Title, _mergeJSXProps([{}, this.$props]), [children]);
+    return createVNode(Title, this.$props, _isSlot(_slot = children()) ? _slot : {
+      "default": function _default() {
+        return [_slot];
+      }
+    });
   }
 };
-
 ResultCardTitle.install = function (Vue) {
   Vue.component(ResultCardTitle.name, ResultCardTitle);
 };
@@ -28,20 +34,16 @@ var ResultCardImage = {
     src: VueTypes.string.isRequired
   },
   render: function render() {
-    var h = arguments[0];
-
     var _this$$props = this.$props,
-        src = _this$$props.src,
-        props = _objectWithoutPropertiesLoose(_this$$props, _excluded);
-
-    return h(Image, _mergeJSXProps([{
+      src = _this$$props.src,
+      props = _objectWithoutPropertiesLoose(_this$$props, _excluded);
+    return createVNode(Image, mergeProps({
       "style": {
         backgroundImage: "url(" + src + ")"
       }
-    }, props]));
+    }, props), null);
   }
 };
-
 ResultCardImage.install = function (Vue) {
   Vue.component(ResultCardImage.name, ResultCardImage);
 };
@@ -49,19 +51,18 @@ ResultCardImage.install = function (Vue) {
 var ResultCardDescription = {
   name: 'ResultCardDescription',
   functional: true,
-  render: function render(_, _ref) {
-    var props = _ref.props,
-        children = _ref.children;
-    var h = arguments[0];
-    return h("article", _mergeJSXProps([{}, props]), [children]);
+  render: function render(context) {
+    return createVNode("article", context.$props, [context.$slots["default"]()]);
   }
 };
-
 ResultCardDescription.install = function (Vue) {
   Vue.component(ResultCardDescription.name, ResultCardDescription);
 };
 
 var _excluded$1 = ["href", "target"];
+function _isSlot$1(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 var ResultCard = {
   name: 'ResultCard',
   components: {
@@ -74,24 +75,23 @@ var ResultCard = {
     href: types.string
   },
   render: function render() {
-    var h = arguments[0];
+    var _slot;
     var children = this.$slots["default"];
-
     var _this$$props = this.$props,
-        href = _this$$props.href,
-        target = _this$$props.target,
-        rest = _objectWithoutPropertiesLoose(_this$$props, _excluded$1);
-
-    return h(Card, _mergeJSXProps([{
-      "attrs": {
-        "href": href,
-        "target": target,
-        "rel": target === '_blank' ? 'noopener noreferrer' : null
+      href = _this$$props.href,
+      target = _this$$props.target,
+      rest = _objectWithoutPropertiesLoose(_this$$props, _excluded$1);
+    return createVNode(Card, mergeProps({
+      "href": href,
+      "target": target,
+      "rel": target === '_blank' ? 'noopener noreferrer' : null
+    }, rest), _isSlot$1(_slot = children()) ? _slot : {
+      "default": function _default() {
+        return [_slot];
       }
-    }, rest]), [children]);
+    });
   }
 };
-
 ResultCard.install = function (Vue) {
   Vue.component(ResultCard.name, ResultCard);
   Vue.component(ResultCardTitle.name, ResultCardTitle);

package/dist/es/ResultList.js

@@ -1,24 +1,20 @@
-import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
+import { b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, mergeProps, isVNode } from 'vue';
 import VueTypes from 'vue-types';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import { t as types } from './vueTypes-b8146772.js';
-import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-3342664a.js';
-import { I as Image, L as ListItem } from './ListItem-cad14c5e.js';
+import { t as types } from './vueTypes-f1923c72.js';
+import { T as Title } from './Title-863dfa42.js';
+import { I as Image, L as ListItem } from './ListItem-16756c02.js';
 
 var ResultListContent = {
   name: 'ResultListContent',
   functional: true,
-  render: function render(_, _ref) {
-    var props = _ref.props,
-        children = _ref.children;
-    var h = arguments[0];
-    return h("article", _mergeJSXProps([{}, props]), [children]);
+  render: function render(context) {
+    return createVNode("article", context.$props, [context.$slots["default"]()]);
   }
 };
-
 ResultListContent.install = function (Vue) {
   Vue.component(ResultListContent.name, ResultListContent);
 };
@@ -26,14 +22,10 @@ ResultListContent.install = function (Vue) {
 var ResultListDescription = {
   name: 'ResultListDescription',
   functional: true,
-  render: function render(_, _ref) {
-    var props = _ref.props,
-        children = _ref.children;
-    var h = arguments[0];
-    return h("div", _mergeJSXProps([{}, props]), [children]);
+  render: function render(context) {
+    return createVNode("div", context.$props, [context.$slots["default"]()]);
   }
 };
-
 ResultListDescription.install = function (Vue) {
   Vue.component(ResultListDescription.name, ResultListDescription);
 };
@@ -46,40 +38,43 @@ 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 = _objectWithoutPropertiesLoose(_this$$props, _excluded);
-
-    return h(Image, _mergeJSXProps([{
-      "attrs": {
-        "src": src,
-        "small": small
-      }
-    }, props]));
+      src = _this$$props.src,
+      small = _this$$props.small,
+      props = _objectWithoutPropertiesLoose(_this$$props, _excluded);
+    return createVNode(Image, mergeProps({
+      "src": src,
+      "small": small
+    }, props), null);
   }
 };
-
 ResultListImage.install = function (Vue) {
   Vue.component(ResultListImage.name, ResultListImage);
 };
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 var ResultListTitle = {
   name: 'ResultListTitle',
   render: function render() {
-    var h = arguments[0];
+    var _slot;
     var children = this.$slots["default"];
-    return h(Title, _mergeJSXProps([{}, this.$props]), [children]);
+    return createVNode(Title, this.$props, _isSlot(_slot = children()) ? _slot : {
+      "default": function _default() {
+        return [_slot];
+      }
+    });
   }
 };
-
 ResultListTitle.install = function (Vue) {
   Vue.component(ResultListTitle.name, ResultListTitle);
 };
 
 var _excluded$1 = ["href", "target"];
+function _isSlot$1(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 var ResultList = {
   name: 'ResultList',
   props: {
@@ -100,42 +95,39 @@ var ResultList = {
     return this.__state;
   },
   mounted: function mounted() {
-    var children = this.$slots["default"];
+    var children = this.$slots["default"]();
     var ImageChild = children.find(function (o) {
-      return o.componentOptions && o.componentOptions.tag === ResultListImage.name;
+      return o.type && o.type.name === ResultListImage.name;
     });
-
-    if (ImageChild && ImageChild.componentOptions && ImageChild.componentOptions.propsData) {
+    if (ImageChild && ImageChild.props) {
       this.hasImage = true;
-
-      if (ImageChild.componentOptions.propsData.small) {
+      if (ImageChild.props.small) {
         this.isSmall = true;
       }
     }
   },
   render: function render() {
-    var h = arguments[0];
-
+    var _slot;
     var _this$$props = this.$props,
-        href = _this$$props.href,
-        target = _this$$props.target,
-        props = _objectWithoutPropertiesLoose(_this$$props, _excluded$1);
-
+      href = _this$$props.href,
+      target = _this$$props.target,
+      props = _objectWithoutPropertiesLoose(_this$$props, _excluded$1);
     var hasImage = this.hasImage,
-        isSmall = this.isSmall;
+      isSmall = this.isSmall;
     var children = this.$slots["default"];
-    return h(ListItem, _mergeJSXProps([{
-      "attrs": {
-        "href": href,
-        "image": hasImage,
-        "small": isSmall,
-        "target": target,
-        "rel": target === '_blank' ? 'noopener noreferrer' : null
+    return createVNode(ListItem, mergeProps({
+      "href": href,
+      "image": hasImage,
+      "small": isSmall,
+      "target": target,
+      "rel": target === '_blank' ? 'noopener noreferrer' : null
+    }, props), _isSlot$1(_slot = children()) ? _slot : {
+      "default": function _default() {
+        return [_slot];
       }
-    }, props]), [children]);
+    });
   }
 };
-
 ResultList.install = function (Vue) {
   Vue.component(ResultList.name, ResultList);
   Vue.component(ResultListContent.name, ResultListContent);

package/dist/es/SelectedFilters.js

@@ -1,22 +1,24 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
-import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
-import 'emotion';
+import _transformOn from '@vue/babel-helper-vue-transform-on';
+import './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, mergeProps, createTextVNode } from 'vue';
+import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import { f as filters, B as Button } from './Button-d8bc15ea.js';
-import { t as types } from './vueTypes-b8146772.js';
+import { f as filters, B as Button } from './Button-474510e3.js';
+import { t as types } from './vueTypes-f1923c72.js';
 import 'redux';
-import { n as decodeHtml, c as connect } from './index-7788a843.js';
-import { T as Title } from './Title-3342664a.js';
-import { C as Container } from './Container-ba826e96.js';
+import { f as decodeHtml, c as connect } from './index-4520a598.js';
+import { T as Title } from './Title-863dfa42.js';
+import { C as Container } from './Container-d00219f7.js';
 
 var setValue = Actions.setValue,
-    clearValues = Actions.clearValues,
-    resetValuesToDefault = Actions.resetValuesToDefault;
+  clearValues = Actions.clearValues,
+  resetValuesToDefault = Actions.resetValuesToDefault;
 var getClassName = helper.getClassName,
-    handleA11yAction = helper.handleA11yAction;
+  handleA11yAction = helper.handleA11yAction;
 var SelectedFilters = {
   name: 'SelectedFilters',
   props: {
@@ -36,11 +38,8 @@ var SelectedFilters = {
   },
   render: function render() {
     var _this = this;
-
-    var h = arguments[0];
-
-    if (this.$scopedSlots["default"]) {
-      return this.$scopedSlots["default"]({
+    if (this.$slots["default"]) {
+      return this.$slots["default"]({
         components: this.components,
         selectedValues: this.selectedValues,
         clearValues: this.clearValues,
@@ -49,54 +48,58 @@ var SelectedFilters = {
         resetValuesToDefault: this.resetValuesToDefault
       });
     }
-
     var filtersToRender = this.renderFilters();
     var hasValues = !!filtersToRender.length;
-    return h(Container, {
+    return createVNode(Container, {
       "class": filters(this.theme) + " " + (this.$props.className || '')
-    }, [this.$props.title && hasValues && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title') || ''
-    }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? h(Button, {
-      "class": getClassName(this.$props.innerClass, 'button') || '',
-      "on": _extends({}, {
-        click: this.clearValues,
-        keypress: function keypress(event) {
-          return handleA11yAction(event, function () {
-            return _this.clearValues();
-          });
-        }
-      }),
-      "attrs": {
-        "tabIndex": "0"
+    }, {
+      "default": function _default() {
+        return [_this.$props.title && hasValues && createVNode(Title, {
+          "class": getClassName(_this.$props.innerClass, 'title') || ''
+        }, {
+          "default": function _default() {
+            return [_this.$props.title];
+          }
+        }), filtersToRender, _this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? createVNode(Button, mergeProps(_transformOn({
+          click: _this.clearValues,
+          keypress: function keypress(event) {
+            return handleA11yAction(event, function () {
+              return _this.clearValues();
+            });
+          }
+        }), {
+          "class": getClassName(_this.$props.innerClass, 'button') || '',
+          "tabIndex": "0"
+        }), {
+          "default": function _default() {
+            return [_this.$props.clearAllLabel];
+          }
+        }) : null];
       }
-    }, [this.$props.clearAllLabel]) : null]);
+    });
   },
   methods: {
     remove: function remove(component, value) {
       if (value === void 0) {
         value = null;
       }
-
       this.setValue(component, null);
       this.$emit('clear', component, value);
     },
     clearValues: function clearValues() {
       var resetToDefault = this.resetToDefault,
-          resetToValues = this.resetToValues,
-          clearAllBlacklistComponents = this.clearAllBlacklistComponents;
-
+        resetToValues = this.resetToValues,
+        clearAllBlacklistComponents = this.clearAllBlacklistComponents;
       if (resetToDefault) {
         this.resetValuesToDefault(clearAllBlacklistComponents);
       } else {
         this.clearValuesAction(resetToValues, clearAllBlacklistComponents);
       }
-
       this.$emit('clear', resetToValues);
     },
     clearValue: function clearValue(componentId) {
       var resetToDefault = this.resetToDefault,
-          resetToValues = this.resetToValues;
-
+        resetToValues = this.resetToValues;
       if (resetToDefault) {
         this.resetValuesToDefault(this.components.filter(function (component) {
           return component !== componentId;
@@ -104,69 +107,61 @@ var SelectedFilters = {
       } else {
         this.setValue(componentId, (resetToValues == null ? void 0 : resetToValues[componentId]) || null);
       }
-
       this.$emit('clear', resetToValues == null ? void 0 : resetToValues[componentId]);
     },
     renderValue: function renderValue(value, isArray) {
       var _this2 = this;
-
       if (isArray && value.length) {
         var arrayToRender = value.map(function (item) {
           return _this2.renderValue(item);
         });
         return arrayToRender.join(', ');
       }
-
       if (value && typeof value === 'object') {
         // TODO: support for NestedList
         var label = (typeof value.label === 'string' ? value.label : value.value) || value.key || value.distance || null;
-
         if (value.location) {
           label = value.location + " - " + label;
         }
-
         return label;
       }
-
       return value;
     },
     renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
-      var h = this.$createElement;
-      return h(Button, {
+      return createVNode(Button, mergeProps(_transformOn({
+        click: handleRemove,
+        keypress: function keypress(event) {
+          return handleA11yAction(event, handleRemove);
+        }
+      }), {
         "class": getClassName(this.$props.innerClass, 'button') || '',
         "key": keyProp,
-        "on": _extends({}, {
-          click: handleRemove,
-          keypress: function keypress(event) {
-            return handleA11yAction(event, handleRemove);
-          }
-        }),
-        "attrs": {
-          "tabIndex": "0"
+        "tabIndex": "0"
+      }), {
+        "default": function _default() {
+          return [createVNode("span", null, [label]), createVNode("span", null, [createTextVNode("\u2715")])];
         }
-      }, [h("span", [label]), h("span", ["\u2715"])]);
+      });
     },
     renderFilters: function renderFilters() {
       var _this3 = this;
-
       var selectedValues = this.selectedValues;
       var filterComponents = Object.keys(selectedValues).filter(function (id) {
         return _this3.components.includes(id) && selectedValues[id].showFilter;
       });
       return filterComponents.map(function (component, index) {
         var _selectedValues$compo = selectedValues[component],
-            label = _selectedValues$compo.label,
-            value = _selectedValues$compo.value;
-        var isArray = Array.isArray(value); // default behaviour
+          label = _selectedValues$compo.label,
+          value = _selectedValues$compo.value;
+        var isArray = Array.isArray(value);
 
+        // default behaviour
         if (label && (isArray && value.length || !isArray && value)) {
           var valueToRender = _this3.renderValue(value, isArray);
-
           return _this3.renderFilterButton(component, component + "-" + (index + 1), function () {
             return _this3.remove(component, value);
           }, selectedValues[component].label + ": " + decodeHtml(valueToRender));
         }
-
         return null;
       }).filter(Boolean);
     }
@@ -177,23 +172,21 @@ var SelectedFilters = {
     }
   }
 };
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     components: state.components,
     selectedValues: state.selectedValues
   };
 };
-
 var mapDispatchtoProps = {
   clearValuesAction: clearValues,
   setValue: setValue,
   resetValuesToDefault: resetValuesToDefault
 };
 var RcConnected = connect(mapStateToProps, mapDispatchtoProps)(SelectedFilters);
-
-SelectedFilters.install = function (Vue) {
-  Vue.component(SelectedFilters.name, RcConnected);
+RcConnected.name = SelectedFilters.name;
+RcConnected.install = function (Vue) {
+  Vue.component(RcConnected.name, RcConnected);
 };
 
-export default SelectedFilters;
+export default RcConnected;