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

package/dist/cjs/MultiRange.js

@@ -8,23 +8,20 @@ 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('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 Container = require('./Container-29f049b2.js');
-var FormControlList = require('./FormControlList-cf1ff2ca.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 Container = require('./Container-e699ea95.js');
+var FormControlList = require('./FormControlList-bbb5cd24.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;
@@ -47,6 +44,7 @@ var MultiRange = {
     beforeValueChange: vueTypes.types.func,
     className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     customQuery: vueTypes.types.func,
     data: vueTypes.types.data,
     dataField: vueTypes.types.stringRequired,
@@ -192,51 +190,41 @@ var MultiRange = {
     }
   },
   render: function render() {
-    var _slot;
     var _this2 = this;
-    return vue.createVNode(Container.Container, {
+    var h = arguments[0];
+    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(FormControlList.UL, {
-          "class": getClassName(_this2.$props.innerClass, 'list')
-        }, _isSlot(_slot = _this2.$props.data.map(function (item) {
-          var selected = !!_this2.$data.currentValue && _this2.$data.currentValue.label === item.label;
-          return vue.createVNode("li", {
-            "key": item.label,
-            "class": "" + (selected ? 'active' : '')
-          }, [vue.createVNode(FormControlList.Checkbox, vue.mergeProps({
-            "class": getClassName(_this2.$props.innerClass, 'checkbox'),
-            "id": _this2.$props.componentId + "-" + item.label,
-            "name": _this2.$props.componentId,
-            "value": item.label,
-            "type": "Checkbox",
-            "show": _this2.$props.showCheckbox
-          }, {
-            domProps: {
-              checked: _this2.selectedValues[item.label]
-            }
-          }, {
-            on: {
-              click: _this2.handleClick
-            }
-          }), null), vue.createVNode("label", {
-            "class": getClassName(_this2.$props.innerClass, 'label'),
-            "for": _this2.$props.componentId + "-" + item.label
-          }, [item.label])]);
-        })) ? _slot : {
-          "default": function _default() {
-            return [_slot];
-          }
-        })];
-      }
-    });
+    }, [this.$props.title && h(Title.Title, {
+      "class": getClassName(this.$props.innerClass, 'title')
+    }, [this.$props.title]), h(FormControlList.UL, {
+      "class": getClassName(this.$props.innerClass, 'list')
+    }, [this.$props.data.map(function (item) {
+      var selected = !!_this2.$data.currentValue && _this2.$data.currentValue.label === item.label;
+      return h("li", {
+        "key": item.label,
+        "class": "" + (selected ? 'active' : '')
+      }, [h(FormControlList.Checkbox, {
+        "class": getClassName(_this2.$props.innerClass, 'checkbox'),
+        "attrs": {
+          "id": _this2.$props.componentId + "-" + item.label,
+          "name": _this2.$props.componentId,
+          "value": item.label,
+          "type": "Checkbox",
+          "show": _this2.$props.showCheckbox
+        },
+        "domProps": _rollupPluginBabelHelpers._extends({}, {
+          checked: _this2.selectedValues[item.label]
+        }),
+        "on": _rollupPluginBabelHelpers._extends({}, {
+          click: _this2.handleClick
+        })
+      }), h("label", {
+        "class": getClassName(_this2.$props.innerClass, 'label'),
+        "attrs": {
+          "for": _this2.$props.componentId + "-" + item.label
+        }
+      }, [item.label])]);
+    })])]);
   }
 };
 MultiRange.parseValue = function (value, props) {
@@ -298,6 +286,9 @@ var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Co
   componentType: constants.componentTypes.multiRange
 }));
 RangeConnected.name = MultiRange.name;
+RangeConnected.defaultQuery = MultiRange.defaultQuery;
+RangeConnected.parseValue = MultiRange.parseValue;
+RangeConnected.hasInternalComponent = MultiRange.hasInternalComponent;
 RangeConnected.install = function (Vue) {
   Vue.component(RangeConnected.name, RangeConnected);
 };

package/dist/cjs/{Pagination-a468f960.js → Pagination-6d184d4a.js}

@@ -4,14 +4,10 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-var Button = require('./Button-626c5e8e.js');
-var vueTypes = require('./vueTypes-621a8143.js');
+var Button = require('./Button-841fd06d.js');
+var vueTypes = require('./vueTypes-568ce5e6.js');
 
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
 var getClassName = configureStore.helper.getClassName,
   handleA11yAction = configureStore.helper.handleA11yAction;
 function getStartPage(totalPages, currentPage, showEndPage) {
@@ -32,8 +28,9 @@ var Pagination = {
     prevLabel: vueTypes.types.string,
     nextLabel: vueTypes.types.string
   },
-  render: function render() {
-    var props = this.$props;
+  render: function render(createElement, context) {
+    var h = arguments[0];
+    var props = context.props;
     var onPrevPage = function onPrevPage() {
       if (props.currentPage) {
         props.setPage(props.currentPage - 1);
@@ -71,24 +68,24 @@ var Pagination = {
         var _loop = function _loop(i) {
           var activeButton = currentPage === i - 1;
           var classNameBtn = innerClassName || activeButton ? innerClassName + " " + (activeButton ? 'active' : '') : '';
-          var pageBtn = vue.createVNode(Button.Button, {
+          var pageBtn = h(Button.Button, {
             "class": classNameBtn,
-            "primary": activeButton,
-            "tabIndex": "0",
-            "onKeyPress": function onKeyPress(event) {
-              return handleA11yAction(event, function () {
-                return setPage(i - 1);
-              });
+            "attrs": {
+              "primary": activeButton,
+              "tabIndex": "0",
+              "alt": "page-" + i
             },
-            "alt": "page-" + i,
-            "onClick": function onClick() {
-              return setPage(i - 1);
-            }
-          }, _isSlot(i) ? i : {
-            "default": function _default() {
-              return [i];
+            "on": {
+              "keyPress": function keyPress(event) {
+                return handleA11yAction(event, function () {
+                  return setPage(i - 1);
+                });
+              },
+              "click": function click() {
+                return setPage(i - 1);
+              }
             }
-          });
+          }, [i]);
           if (i <= totalPages + 1) {
             paginationButtons.push(pageBtn);
             if (i === Math.min(totalPages + 1, totalPagesToShow) - 1) {
@@ -113,49 +110,49 @@ var Pagination = {
       }
       return null;
     };
-    return vue.createVNode("div", {
+    return h("div", {
       "class": Button.pagination + " " + getClassName(props.innerClass, 'pagination')
-    }, [vue.createVNode(Button.Button, {
+    }, [h(Button.Button, {
       "class": getClassName(props.innerClass, 'button') || '',
-      "disabled": props.currentPage === 0,
-      "onKeyPress": function onKeyPress(event) {
-        return handleA11yAction(event, onPrevPage);
+      "attrs": {
+        "disabled": props.currentPage === 0,
+        "tabIndex": "0"
       },
-      "onClick": onPrevPage,
-      "tabIndex": "0"
-    }, {
-      "default": function _default() {
-        return [props.prevLabel || 'Prev'];
+      "on": {
+        "keyPress": function keyPress(event) {
+          return handleA11yAction(event, onPrevPage);
+        },
+        "click": onPrevPage
       }
-    }), vue.createVNode(Button.Button, {
+    }, [props.prevLabel || 'Prev']), h(Button.Button, {
       "class": className,
-      "primary": primary,
-      "onKeyPress": function onKeyPress(event) {
-        return handleA11yAction(event, function () {
-          return props.setPage(0);
-        });
-      },
-      "onClick": function onClick() {
-        return props.setPage(0);
+      "attrs": {
+        "primary": primary,
+        "tabIndex": "0"
       },
-      "tabIndex": "0"
-    }, {
-      "default": function _default() {
-        return [vue.createTextVNode("1")];
+      "on": {
+        "keyPress": function keyPress(event) {
+          return handleA11yAction(event, function () {
+            return props.setPage(0);
+          });
+        },
+        "click": function click() {
+          return props.setPage(0);
+        }
       }
-    }), props.showEndPage && props.currentPage >= Math.floor(props.pages / 2) + !!(props.pages % 2) && buildPaginationDOM('start')[1] !== 2 ? vue.createVNode("span", null, [vue.createTextVNode("...")]) : null, buildIntermediatePaginationDom(), props.showEndPage && props.pages > 2 && props.currentPage <= props.totalPages - Math.ceil(props.pages * 0.75) && buildPaginationDOM('start')[2] !== buildPaginationDOM('end')[1] - 1 ? vue.createVNode("span", null, [vue.createTextVNode("...")]) : null, props.showEndPage && props.totalPages >= props.pages && buildPaginationDOM('end')[0], vue.createVNode(Button.Button, {
+    }, ["1"]), props.showEndPage && props.currentPage >= Math.floor(props.pages / 2) + !!(props.pages % 2) && buildPaginationDOM('start')[1] !== 2 ? h("span", ["..."]) : null, buildIntermediatePaginationDom(), props.showEndPage && props.pages > 2 && props.currentPage <= props.totalPages - Math.ceil(props.pages * 0.75) && buildPaginationDOM('start')[2] !== buildPaginationDOM('end')[1] - 1 ? h("span", ["..."]) : null, props.showEndPage && props.totalPages >= props.pages && buildPaginationDOM('end')[0], h(Button.Button, {
       "class": getClassName(props.innerClass, 'button') || '',
-      "disabled": props.currentPage >= props.totalPages - 1,
-      "onKeyPress": function onKeyPress(event) {
-        return handleA11yAction(event, onNextPage);
+      "attrs": {
+        "disabled": props.currentPage >= props.totalPages - 1,
+        "tabIndex": "0"
       },
-      "onClick": onNextPage,
-      "tabIndex": "0"
-    }, {
-      "default": function _default() {
-        return [props.nextLabel || 'Next'];
+      "on": {
+        "keyPress": function keyPress(event) {
+          return handleA11yAction(event, onNextPage);
+        },
+        "click": onNextPage
       }
-    })]);
+    }, [props.nextLabel || 'Next'])]);
   }
 };
 Pagination.install = function (Vue) {

package/dist/cjs/{PreferencesConsumer-034c55e3.js → PreferencesConsumer-5e6e84a2.js}

@@ -1,8 +1,7 @@
 'use strict';
 
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var vue = require('vue');
-var index = require('./index-dc25b706.js');
+var index = require('./index-de136c17.js');
 
 var deepValue = function deepValue(o, p) {
   return p.split('.').reduce(function (a, v) {
@@ -22,7 +21,7 @@ var PreferencesConsumer = function PreferencesConsumer(component) {
         "default": null
       }
     },
-    render: function render() {
+    render: function render(h) {
       var _this = this;
       var userProps = Object.keys(this.$attrs).reduce(function (result, key) {
         var _extends2;
@@ -65,10 +64,10 @@ var PreferencesConsumer = function PreferencesConsumer(component) {
           }
         }
       });
-      return vue.h(component, {
+      return h(component, {
         attrs: componentProps,
-        on: this.$attrs,
-        scopedSlots: this.$slots,
+        on: this.$listeners,
+        scopedSlots: this.$scopedSlots,
         slots: this.$slots
       });
     }

package/dist/cjs/RangeInput.js

@@ -8,31 +8,31 @@ 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 vueEmotion = require('@appbaseio/vue-emotion');
-require('emotion');
+var emotion = require('emotion');
+var styled = require('@appbaseio/vue-emotion');
+var styled__default = _interopDefault(styled);
 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');
-require('./Title-8802a218.js');
-var Flex = require('./Flex-d5675ea6.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');
+require('./Title-16042ea0.js');
+var Flex = require('./Flex-ddd7cb6b.js');
+var Input = require('./Input-ead4cd84.js');
+var Container = require('./Container-e699ea95.js');
 require('vue-no-ssr');
-require('./ssr-eb901d09.js');
+require('./ssr-f2fc1bf6.js');
 var RangeSlider = require('./RangeSlider.js');
 
-var _templateObject;
+var _templateObject, _templateObject2;
 var alert = function alert(_ref) {
   var theme = _ref.theme;
-  return "\n\tcolor: " + theme.colors.alertColor + ";\n";
+  return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n"])), theme.colors.alertColor);
 };
-var Content = vueEmotion.styled('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
+var Content = styled__default('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
   return props.alert && alert;
 });
 
@@ -82,6 +82,7 @@ var RangeInput = {
     stepValue: vueTypes.types.number,
     componentStyle: vueTypes.types.style,
     componentId: vueTypes.types.stringRequired,
+    compoundClause: vueTypes.types.compoundClause,
     includeNullValues: VueTypes.bool,
     beforeValueChange: vueTypes.types.func,
     customQuery: vueTypes.types.func,
@@ -108,7 +109,7 @@ var RangeInput = {
       return false;
     },
     isControlled: function isControlled() {
-      if (this.$props.value && this.$attrs) {
+      if (this.$props.value && this.$listeners) {
         return true;
       }
       return false;
@@ -196,7 +197,7 @@ var RangeInput = {
     }
   },
   render: function render() {
-    var _this = this;
+    var h = arguments[0];
     var _this$$props = this.$props,
       className = _this$$props.className,
       dataField = _this$$props.dataField,
@@ -219,107 +220,99 @@ var RangeInput = {
       URLParams = _this$$props.URLParams,
       sliderOptions = _this$$props.sliderOptions,
       nestedField = _this$$props.nestedField;
-    return vue.createVNode(Container.Container, {
+    return h(Container.Container, {
       "style": componentStyle,
       "class": className
-    }, {
-      "default": function _default() {
-        return [vue.createVNode(RangeSlider.RangeConnected, {
-          "componentId": componentId,
-          "value": {
-            start: _this.currentValue.start,
-            end: _this.currentValue.end
-          },
-          "range": range,
-          "dataField": dataField,
-          "rangeLabels": rangeLabels,
-          "includeNullValues": includeNullValues,
-          "beforeValueChange": beforeValueChange,
-          "customQuery": customQuery,
-          "data": data,
-          "filterLabel": filterLabel,
-          "react": react,
-          "showFilter": showFilter,
-          "showCheckbox": showCheckbox,
-          "title": title,
-          "URLParams": URLParams,
-          "sliderOptions": sliderOptions,
-          "nestedField": nestedField,
-          "on-change": _this.handleOnChange,
-          "on-value-change": _this.handleValueChange
-        }, null), vue.createVNode(Flex.Flex, {
-          "class": getClassName(innerClass, 'input-container') || ''
-        }, {
-          "default": function _default() {
-            return [vue.createVNode(Flex.Flex, {
-              "direction": "column",
-              "flex": 2
-            }, {
-              "default": function _default() {
-                return [vue.createVNode(Input.Input, vue.mergeProps({
-                  "key": componentId + "-start-value",
-                  "name": "start",
-                  "type": "number",
-                  "onChange": _this.handleInputChange,
-                  "step": stepValue,
-                  "themePreset": themePreset,
-                  "aria-label": componentId + "-start-input",
-                  "min": _this.$props.range ? _this.$props.range.start : 0,
-                  "class": getClassName(innerClass, 'input') || '',
-                  "alert": !_this.isStartValid
-                }, {
-                  domProps: {
-                    value: _this.currentValue.start
-                  }
-                }), null), !_this.isStartValid && vue.createVNode(Content, {
-                  "alert": true
-                }, {
-                  "default": function _default() {
-                    return [vue.createTextVNode("Input range is invalid")];
-                  }
-                })];
-              }
-            }), vue.createVNode(Flex.Flex, {
-              "justifyContent": "center",
-              "alignItems": "center",
-              "flex": 1
-            }, {
-              "default": function _default() {
-                return [vue.createTextVNode("-")];
-              }
-            }), vue.createVNode(Flex.Flex, {
-              "direction": "column",
-              "flex": 2
-            }, {
-              "default": function _default() {
-                return [vue.createVNode(Input.Input, vue.mergeProps({
-                  "key": componentId + "-end-value",
-                  "name": "end",
-                  "type": "number",
-                  "onChange": _this.handleInputChange,
-                  "step": stepValue,
-                  "themePreset": themePreset,
-                  "aria-label": componentId + "-end-input",
-                  "max": _this.$props.range ? _this.$props.range.end : 10,
-                  "class": getClassName(innerClass, 'input') || '',
-                  "alert": !_this.isEndValid
-                }, {
-                  domProps: {
-                    value: _this.currentValue.end
-                  }
-                }), null), !_this.isEndValid && vue.createVNode(Content, {
-                  "alert": true
-                }, {
-                  "default": function _default() {
-                    return [vue.createTextVNode("Input range is invalid")];
-                  }
-                })];
-              }
-            })];
-          }
-        })];
+    }, [h(RangeSlider.RangeConnected, {
+      "attrs": {
+        "componentId": componentId,
+        "value": {
+          start: this.currentValue.start,
+          end: this.currentValue.end
+        },
+        "range": range,
+        "dataField": dataField,
+        "rangeLabels": rangeLabels,
+        "includeNullValues": includeNullValues,
+        "beforeValueChange": beforeValueChange,
+        "customQuery": customQuery,
+        "data": data,
+        "filterLabel": filterLabel,
+        "react": react,
+        "showFilter": showFilter,
+        "showCheckbox": showCheckbox,
+        "title": title,
+        "uRLParams": URLParams,
+        "sliderOptions": sliderOptions,
+        "nestedField": nestedField
+      },
+      "on": {
+        "change": this.handleOnChange,
+        "value-change": this.handleValueChange
+      }
+    }), h(Flex.Flex, {
+      "class": getClassName(innerClass, 'input-container') || ''
+    }, [h(Flex.Flex, {
+      "attrs": {
+        "direction": "column",
+        "flex": 2
+      }
+    }, [h(Input.Input, {
+      "key": componentId + "-start-value",
+      "attrs": {
+        "name": "start",
+        "type": "number",
+        "step": stepValue,
+        "themePreset": themePreset,
+        "aria-label": componentId + "-start-input",
+        "min": this.$props.range ? this.$props.range.start : 0,
+        "alert": !this.isStartValid
+      },
+      "on": {
+        "change": this.handleInputChange
+      },
+      "class": getClassName(innerClass, 'input') || '',
+      "domProps": _rollupPluginBabelHelpers._extends({}, {
+        value: this.currentValue.start
+      })
+    }), !this.isStartValid && h(Content, {
+      "attrs": {
+        "alert": true
+      }
+    }, ["Input range is invalid"])]), h(Flex.Flex, {
+      "attrs": {
+        "justifyContent": "center",
+        "alignItems": "center",
+        "flex": 1
+      }
+    }, ["-"]), h(Flex.Flex, {
+      "attrs": {
+        "direction": "column",
+        "flex": 2
+      }
+    }, [h(Input.Input, {
+      "key": componentId + "-end-value",
+      "attrs": {
+        "name": "end",
+        "type": "number",
+        "step": stepValue,
+        "themePreset": themePreset,
+        "aria-label": componentId + "-end-input",
+        "max": this.$props.range ? this.$props.range.end : 10,
+        "alert": !this.isEndValid
+      },
+      "on": {
+        "change": this.handleInputChange
+      },
+      "class": getClassName(innerClass, 'input') || '',
+      "domProps": _rollupPluginBabelHelpers._extends({}, {
+        value: this.currentValue.end
+      })
+    }), !this.isEndValid && h(Content, {
+      "attrs": {
+        "alert": true
       }
-    });
+    }, ["Input range is invalid"])])])]);
   }
 };
 var mapStateToProps = function mapStateToProps(state) {