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

package/dist/es/{Pagination-28e56c5c.js → Pagination-145b4ff2.js}

@@ -1,8 +1,12 @@
 import { helper } from '@appbaseio/reactivecore';
+import { createVNode, createTextVNode, isVNode } from 'vue';
 import VueTypes from 'vue-types';
-import { p as pagination, B as Button } from './Button-153cd885.js';
-import { t as types } from './vueTypes-8986b709.js';
+import { p as pagination, B as Button } from './Button-ebafa3d6.js';
+import { t as types } from './vueTypes-e4af6fe2.js';
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
 var getClassName = helper.getClassName,
   handleA11yAction = helper.handleA11yAction;
 function getStartPage(totalPages, currentPage, showEndPage) {
@@ -23,9 +27,8 @@ var Pagination = {
     prevLabel: types.string,
     nextLabel: types.string
   },
-  render: function render(createElement, context) {
-    var h = arguments[0];
-    var props = context.props;
+  render: function render() {
+    var props = this.$props;
     var onPrevPage = function onPrevPage() {
       if (props.currentPage) {
         props.setPage(props.currentPage - 1);
@@ -63,24 +66,24 @@ var Pagination = {
         var _loop = function _loop(i) {
           var activeButton = currentPage === i - 1;
           var classNameBtn = innerClassName || activeButton ? innerClassName + " " + (activeButton ? 'active' : '') : '';
-          var pageBtn = h(Button, {
+          var pageBtn = createVNode(Button, {
             "class": classNameBtn,
-            "attrs": {
-              "primary": activeButton,
-              "tabIndex": "0",
-              "alt": "page-" + i
-            },
-            "on": {
-              "keyPress": function keyPress(event) {
-                return handleA11yAction(event, function () {
-                  return setPage(i - 1);
-                });
-              },
-              "click": function click() {
+            "primary": activeButton,
+            "tabIndex": "0",
+            "onKeyPress": function onKeyPress(event) {
+              return handleA11yAction(event, function () {
                 return setPage(i - 1);
-              }
+              });
+            },
+            "alt": "page-" + i,
+            "onClick": function onClick() {
+              return setPage(i - 1);
             }
-          }, [i]);
+          }, _isSlot(i) ? i : {
+            "default": function _default() {
+              return [i];
+            }
+          });
           if (i <= totalPages + 1) {
             paginationButtons.push(pageBtn);
             if (i === Math.min(totalPages + 1, totalPagesToShow) - 1) {
@@ -105,49 +108,49 @@ var Pagination = {
       }
       return null;
     };
-    return h("div", {
+    return createVNode("div", {
       "class": pagination + " " + getClassName(props.innerClass, 'pagination')
-    }, [h(Button, {
+    }, [createVNode(Button, {
       "class": getClassName(props.innerClass, 'button') || '',
-      "attrs": {
-        "disabled": props.currentPage === 0,
-        "tabIndex": "0"
+      "disabled": props.currentPage === 0,
+      "onKeyPress": function onKeyPress(event) {
+        return handleA11yAction(event, onPrevPage);
       },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, onPrevPage);
-        },
-        "click": onPrevPage
+      "onClick": onPrevPage,
+      "tabIndex": "0"
+    }, {
+      "default": function _default() {
+        return [props.prevLabel || 'Prev'];
       }
-    }, [props.prevLabel || 'Prev']), h(Button, {
+    }), createVNode(Button, {
       "class": className,
-      "attrs": {
-        "primary": primary,
-        "tabIndex": "0"
-      },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, function () {
-            return props.setPage(0);
-          });
-        },
-        "click": function click() {
+      "primary": primary,
+      "onKeyPress": function onKeyPress(event) {
+        return handleA11yAction(event, function () {
           return props.setPage(0);
-        }
+        });
+      },
+      "onClick": function onClick() {
+        return props.setPage(0);
+      },
+      "tabIndex": "0"
+    }, {
+      "default": function _default() {
+        return [createTextVNode("1")];
       }
-    }, ["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, {
+    }), props.showEndPage && props.currentPage >= Math.floor(props.pages / 2) + !!(props.pages % 2) && buildPaginationDOM('start')[1] !== 2 ? createVNode("span", null, [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 ? createVNode("span", null, [createTextVNode("...")]) : null, props.showEndPage && props.totalPages >= props.pages && buildPaginationDOM('end')[0], createVNode(Button, {
       "class": getClassName(props.innerClass, 'button') || '',
-      "attrs": {
-        "disabled": props.currentPage >= props.totalPages - 1,
-        "tabIndex": "0"
+      "disabled": props.currentPage >= props.totalPages - 1,
+      "onKeyPress": function onKeyPress(event) {
+        return handleA11yAction(event, onNextPage);
       },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, onNextPage);
-        },
-        "click": onNextPage
+      "onClick": onNextPage,
+      "tabIndex": "0"
+    }, {
+      "default": function _default() {
+        return [props.nextLabel || 'Next'];
       }
-    }, [props.nextLabel || 'Next'])]);
+    })]);
   }
 };
 Pagination.install = function (Vue) {

package/dist/es/{PreferencesConsumer-bc097ebb.js → PreferencesConsumer-7ea7313a.js}

@@ -1,5 +1,6 @@
 import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
-import { b as getCamelCase } from './index-0444a498.js';
+import { h } from 'vue';
+import { b as getCamelCase } from './index-285a43a6.js';
 
 var deepValue = function deepValue(o, p) {
   return p.split('.').reduce(function (a, v) {
@@ -19,7 +20,7 @@ var PreferencesConsumer = function PreferencesConsumer(component) {
         "default": null
       }
     },
-    render: function render(h) {
+    render: function render() {
       var _this = this;
       var userProps = Object.keys(this.$attrs).reduce(function (result, key) {
         var _extends2;
@@ -64,8 +65,8 @@ var PreferencesConsumer = function PreferencesConsumer(component) {
       });
       return h(component, {
         attrs: componentProps,
-        on: this.$listeners,
-        scopedSlots: this.$scopedSlots,
+        on: this.$attrs,
+        scopedSlots: this.$slots,
         slots: this.$slots
       });
     }

package/dist/es/RangeInput.js

@@ -1,30 +1,31 @@
 import { helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, mergeProps, createTextVNode } from 'vue';
 import VueTypes from 'vue-types';
-import { css } from 'emotion';
-import styled from '@appbaseio/vue-emotion';
+import { styled } from '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-e4af6fe2.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { c as connect } from './index-285a43a6.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bf443c0b.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-7ea7313a.js';
 import './Title-863dfa42.js';
-import { F as Flex } from './Flex-7c177a10.js';
-import { I as Input } from './Input-c09c0b56.js';
+import { F as Flex } from './Flex-a08e22d7.js';
+import { I as Input } from './Input-3b8408a6.js';
 import { C as Container } from './Container-d00219f7.js';
 import 'vue-no-ssr';
 import './ssr-03607d84.js';
 import { RangeConnected as RangeConnected$1 } from './RangeSlider.js';
 
-var _templateObject, _templateObject2;
+var _templateObject;
 var alert = function alert(_ref) {
   var theme = _ref.theme;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n"])), theme.colors.alertColor);
+  return "\n\tcolor: " + theme.colors.alertColor + ";\n";
 };
-var Content = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
+var Content = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\t", ";\n\tfont-size: 13px;\n\tmargin: 8px;\n"])), function (props) {
   return props.alert && alert;
 });
 
@@ -100,7 +101,7 @@ var RangeInput = {
       return false;
     },
     isControlled: function isControlled() {
-      if (this.$props.value && this.$listeners) {
+      if (this.$props.value && this.$attrs) {
         return true;
       }
       return false;
@@ -188,7 +189,7 @@ var RangeInput = {
     }
   },
   render: function render() {
-    var h = arguments[0];
+    var _this = this;
     var _this$$props = this.$props,
       className = _this$$props.className,
       dataField = _this$$props.dataField,
@@ -211,99 +212,107 @@ var RangeInput = {
       URLParams = _this$$props.URLParams,
       sliderOptions = _this$$props.sliderOptions,
       nestedField = _this$$props.nestedField;
-    return h(Container, {
+    return createVNode(Container, {
       "style": componentStyle,
       "class": className
-    }, [h(RangeConnected$1, {
-      "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, {
-      "class": getClassName(innerClass, 'input-container') || ''
-    }, [h(Flex, {
-      "attrs": {
-        "direction": "column",
-        "flex": 2
-      }
-    }, [h(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": _extends({}, {
-        value: this.currentValue.start
-      })
-    }), !this.isStartValid && h(Content, {
-      "attrs": {
-        "alert": true
-      }
-    }, ["Input range is invalid"])]), h(Flex, {
-      "attrs": {
-        "justifyContent": "center",
-        "alignItems": "center",
-        "flex": 1
-      }
-    }, ["-"]), h(Flex, {
-      "attrs": {
-        "direction": "column",
-        "flex": 2
-      }
-    }, [h(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": _extends({}, {
-        value: this.currentValue.end
-      })
-    }), !this.isEndValid && h(Content, {
-      "attrs": {
-        "alert": true
+    }, {
+      "default": function _default() {
+        return [createVNode(RangeConnected$1, {
+          "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), createVNode(Flex, {
+          "class": getClassName(innerClass, 'input-container') || ''
+        }, {
+          "default": function _default() {
+            return [createVNode(Flex, {
+              "direction": "column",
+              "flex": 2
+            }, {
+              "default": function _default() {
+                return [createVNode(Input, 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 && createVNode(Content, {
+                  "alert": true
+                }, {
+                  "default": function _default() {
+                    return [createTextVNode("Input range is invalid")];
+                  }
+                })];
+              }
+            }), createVNode(Flex, {
+              "justifyContent": "center",
+              "alignItems": "center",
+              "flex": 1
+            }, {
+              "default": function _default() {
+                return [createTextVNode("-")];
+              }
+            }), createVNode(Flex, {
+              "direction": "column",
+              "flex": 2
+            }, {
+              "default": function _default() {
+                return [createVNode(Input, 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 && createVNode(Content, {
+                  "alert": true
+                }, {
+                  "default": function _default() {
+                    return [createTextVNode("Input range is invalid")];
+                  }
+                })];
+              }
+            })];
+          }
+        })];
       }
-    }, ["Input range is invalid"])])])]);
+    });
   }
 };
 var mapStateToProps = function mapStateToProps(state) {

package/dist/es/RangeSlider.js

@@ -1,14 +1,15 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
+import './_rollupPluginBabelHelpers-ded08042.js';
+import { createVNode, resolveComponent, mergeProps } from 'vue';
 import VueTypes from 'vue-types';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-8986b709.js';
+import { t as types } from './vueTypes-e4af6fe2.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-0444a498.js';
-import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
-import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-285a43a6.js';
+import { C as ComponentWrapper } from './ComponentWrapper-bf443c0b.js';
+import { P as PreferencesConsumer } from './PreferencesConsumer-7ea7313a.js';
 import { T as Title } from './Title-863dfa42.js';
 import { C as Container } from './Container-d00219f7.js';
 import NoSSR from 'vue-no-ssr';
@@ -178,35 +179,48 @@ var RangeSlider = {
     }
   },
   render: function render() {
-    var h = arguments[0];
-    return h(Container, {
+    var _this2 = this;
+    return createVNode(Container, {
       "class": this.$props.className
-    }, [this.$props.title && h(Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), this.$props.range ? h(NoSSR, [h(Slider, {
-      "class": getClassName(this.$props.innerClass, 'slider')
-    }, [h("vue-slider-component", {
-      "ref": "slider",
-      "attrs": {
-        "value": this.currentValue,
-        "min": this.$props.range.start,
-        "max": this.$props.range.end,
-        "dotSize": 20,
-        "height": 4,
-        "enable-cross": false,
-        "tooltip": "always"
-      },
-      "on": {
-        "drag-end": this.handleSlider
-      },
-      "props": _extends({}, this.$props.sliderOptions)
-    }), this.$props.rangeLabels && h("div", {
-      "class": "label-container"
-    }, [h("label", {
-      "class": getClassName(this.$props.innerClass, 'label') || 'range-label-left'
-    }, [this.$props.rangeLabels.start]), h("label", {
-      "class": getClassName(this.$props.innerClass, 'label') || 'range-label-right'
-    }, [this.$props.rangeLabels.end])])])]) : null]);
+    }, {
+      "default": function _default() {
+        return [_this2.$props.title && createVNode(Title, {
+          "class": getClassName(_this2.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this2.$props.title];
+          }
+        }), _this2.$props.range ? createVNode(NoSSR, null, {
+          "default": function _default() {
+            return [createVNode(Slider, {
+              "class": getClassName(_this2.$props.innerClass, 'slider')
+            }, {
+              "default": function _default() {
+                return [createVNode(resolveComponent("vue-slider-component"), mergeProps({
+                  "ref": "slider",
+                  "value": _this2.currentValue,
+                  "min": _this2.$props.range.start,
+                  "max": _this2.$props.range.end,
+                  "dotSize": 20,
+                  "height": 4,
+                  "enable-cross": false,
+                  "onDrag-end": _this2.handleSlider,
+                  "tooltip": "always"
+                }, {
+                  props: _this2.$props.sliderOptions
+                }), null), _this2.$props.rangeLabels && createVNode("div", {
+                  "class": "label-container"
+                }, [createVNode("label", {
+                  "class": getClassName(_this2.$props.innerClass, 'label') || 'range-label-left'
+                }, [_this2.$props.rangeLabels.start]), createVNode("label", {
+                  "class": getClassName(_this2.$props.innerClass, 'label') || 'range-label-right'
+                }, [_this2.$props.rangeLabels.end])])];
+              }
+            })];
+          }
+        }) : null];
+      }
+    });
   }
 };
 RangeSlider.defaultQuery = function (values, props) {