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

package/dist/cjs/ResultCard.js

@@ -4,25 +4,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-require('emotion');
 require('@appbaseio/vue-emotion');
+require('emotion');
 require('polished');
-var vueTypes = require('./vueTypes-727b7c63.js');
-var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var Title = require('./Title-1de7d0f4.js');
-var Card = require('./Card-642547a8.js');
+var vueTypes = require('./vueTypes-1bf00978.js');
+var Title = require('./Title-8802a218.js');
+var Card = require('./Card-f5ab024a.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 _slot;
     var children = this.$slots["default"];
-    return h(Title.Title, _mergeJSXProps([{}, this.$props]), [children]);
+    return vue.createVNode(Title.Title, this.$props, _isSlot(_slot = children()) ? _slot : {
+      "default": function _default() {
+        return [_slot];
+      }
+    });
   }
 };
-
 ResultCardTitle.install = function (Vue) {
   Vue.component(ResultCardTitle.name, ResultCardTitle);
 };
@@ -34,20 +40,16 @@ 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 h(Card.Image, _mergeJSXProps([{
+      src = _this$$props.src,
+      props = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded);
+    return vue.createVNode(Card.Image, vue.mergeProps({
       "style": {
         backgroundImage: "url(" + src + ")"
       }
-    }, props]));
+    }, props), null);
   }
 };
-
 ResultCardImage.install = function (Vue) {
   Vue.component(ResultCardImage.name, ResultCardImage);
 };
@@ -55,19 +57,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 vue.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]' && !vue.isVNode(s);
+}
 var ResultCard = {
   name: 'ResultCard',
   components: {
@@ -80,24 +81,23 @@ var ResultCard = {
     href: vueTypes.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 = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded$1);
-
-    return h(Card.Card, _mergeJSXProps([{
-      "attrs": {
-        "href": href,
-        "target": target,
-        "rel": target === '_blank' ? 'noopener noreferrer' : null
+      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(_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/cjs/ResultList.js

@@ -4,27 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-require('emotion');
 require('@appbaseio/vue-emotion');
+require('emotion');
 require('polished');
-var vueTypes = require('./vueTypes-727b7c63.js');
-var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
-var Title = require('./Title-1de7d0f4.js');
-var ListItem = require('./ListItem-8c9e0d68.js');
+var vueTypes = require('./vueTypes-1bf00978.js');
+var Title = require('./Title-8802a218.js');
+var ListItem = require('./ListItem-d57d648d.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 vue.createVNode("article", context.$props, [context.$slots["default"]()]);
   }
 };
-
 ResultListContent.install = function (Vue) {
   Vue.component(ResultListContent.name, ResultListContent);
 };
@@ -32,14 +28,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 vue.createVNode("div", context.$props, [context.$slots["default"]()]);
   }
 };
-
 ResultListDescription.install = function (Vue) {
   Vue.component(ResultListDescription.name, ResultListDescription);
 };
@@ -52,40 +44,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 = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded);
-
-    return h(ListItem.Image, _mergeJSXProps([{
-      "attrs": {
-        "src": src,
-        "small": small
-      }
-    }, 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);
   }
 };
-
 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 _slot;
     var children = this.$slots["default"];
-    return h(Title.Title, _mergeJSXProps([{}, this.$props]), [children]);
+    return vue.createVNode(Title.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]' && !vue.isVNode(s);
+}
 var ResultList = {
   name: 'ResultList',
   props: {
@@ -106,42 +101,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 = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded$1);
-
+      href = _this$$props.href,
+      target = _this$$props.target,
+      props = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded$1);
     var hasImage = this.hasImage,
-        isSmall = this.isSmall;
+      isSmall = this.isSmall;
     var children = this.$slots["default"];
-    return h(ListItem.ListItem, _mergeJSXProps([{
-      "attrs": {
-        "href": href,
-        "image": hasImage,
-        "small": isSmall,
-        "target": target,
-        "rel": target === '_blank' ? 'noopener noreferrer' : null
+    return vue.createVNode(ListItem.ListItem, vue.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/cjs/SelectedFilters.js

@@ -6,24 +6,26 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
-var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
-require('emotion');
+var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
+require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
+var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
+require('emotion');
 require('polished');
-var Button = require('./Button-446f819e.js');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var Button = require('./Button-ad042719.js');
+var vueTypes = require('./vueTypes-1bf00978.js');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var Title = require('./Title-1de7d0f4.js');
-var Container = require('./Container-daf30918.js');
+var index = require('./index-d8d8f291.js');
+var Title = require('./Title-8802a218.js');
+var Container = require('./Container-29f049b2.js');
 
 var setValue = configureStore.Actions.setValue,
-    clearValues = configureStore.Actions.clearValues,
-    resetValuesToDefault = configureStore.Actions.resetValuesToDefault;
+  clearValues = configureStore.Actions.clearValues,
+  resetValuesToDefault = configureStore.Actions.resetValuesToDefault;
 var getClassName = configureStore.helper.getClassName,
-    handleA11yAction = configureStore.helper.handleA11yAction;
+  handleA11yAction = configureStore.helper.handleA11yAction;
 var SelectedFilters = {
   name: 'SelectedFilters',
   props: {
@@ -43,11 +45,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,
@@ -56,54 +55,58 @@ var SelectedFilters = {
         resetValuesToDefault: this.resetValuesToDefault
       });
     }
-
     var filtersToRender = this.renderFilters();
     var hasValues = !!filtersToRender.length;
-    return h(Container.Container, {
+    return vue.createVNode(Container.Container, {
       "class": Button.filters(this.theme) + " " + (this.$props.className || '')
-    }, [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"
+    }, {
+      "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(_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;
@@ -111,69 +114,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.Button, {
+      return vue.createVNode(Button.Button, vue.mergeProps(_transformOn({
+        click: handleRemove,
+        keypress: function keypress(event) {
+          return handleA11yAction(event, handleRemove);
+        }
+      }), {
         "class": getClassName(this.$props.innerClass, 'button') || '',
         "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;
-
       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$1) {
         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 + 1), function () {
             return _this3.remove(component, value);
           }, selectedValues[component].label + ": " + index.decodeHtml(valueToRender));
         }
-
         return null;
       }).filter(Boolean);
     }
@@ -184,23 +179,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 = index.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);
 };
 
-exports.default = SelectedFilters;
+exports.default = RcConnected;