@appbaseio/reactivesearch-vue 1.30.0 → 2.0.0-alpha.1

package/dist/es/MultiDropdownList.js

@@ -1,25 +1,25 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { l as loadMoreContainer, B as Button } from './Button-e18ad90f.js';
-import { t as types } from './vueTypes-687b2304.js';
+import { l as loadMoreContainer, B as Button } from './Button-d8bc15ea.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
 import '@vue/babel-helper-vue-jsx-merge-props';
-import { T as Title } from './Title-35edd732.js';
-import './CancelSvg-e3b33cdd.js';
-import './Input-c9d757bc.js';
+import { T as Title } from './Title-3342664a.js';
+import './CancelSvg-4cfae5fd.js';
+import './Input-7a2a9fac.js';
 import 'compute-scroll-into-view';
-import { C as Container } from './Container-421450dc.js';
+import { C as Container } from './Container-ba826e96.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import { g as getAggsQuery } from './utils-9b45e0ab.js';
-import { D as Dropdown } from './DropDown-565fad6f.js';
+import { g as getAggsQuery } from './utils-9e68acee.js';
+import { D as Dropdown } from './DropDown-05a644a5.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -82,7 +82,8 @@ var MultiDropdownList = {
     loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
     nestedField: types.string,
     index: VueTypes.string,
-    searchPlaceholder: VueTypes.string.def('Type here to search...')
+    searchPlaceholder: VueTypes.string.def('Type here to search...'),
+    endpoint: types.endpointConfig
   },
   created: function created() {
     if (!this.enableAppbase && this.$props.index) {

package/dist/es/MultiList.js

@@ -1,21 +1,21 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, n as isEvent, o as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
-import { T as Title } from './Title-35edd732.js';
-import { I as Input } from './Input-c9d757bc.js';
-import { C as Container } from './Container-421450dc.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, a as isFunction, o as isEvent, q as parseValueArray, g as getComponent, h as hasCustomRenderer, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { T as Title } from './Title-3342664a.js';
+import { I as Input } from './Input-7a2a9fac.js';
+import { C as Container } from './Container-ba826e96.js';
 import { replaceDiacritics } from '@appbaseio/reactivecore/lib/utils/suggestions';
-import { U as UL, C as Checkbox } from './FormControlList-38ffe3d3.js';
-import { g as getAggsQuery } from './utils-9b45e0ab.js';
+import { U as UL, C as Checkbox } from './FormControlList-c22d64f6.js';
+import { g as getAggsQuery } from './utils-9e68acee.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -60,7 +60,8 @@ var MultiList = {
     showMissing: VueTypes.bool.def(false),
     missingLabel: VueTypes.string.def('N/A'),
     nestedField: types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   data: function data() {
     var props = this.$props;

package/dist/es/MultiRange.js

@@ -1,18 +1,18 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose, c as _toPropertyKey } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import 'emotion';
 import '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { o as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
-import { T as Title } from './Title-35edd732.js';
-import { C as Container } from './Container-421450dc.js';
-import { U as UL, C as Checkbox } from './FormControlList-38ffe3d3.js';
+import { q as parseValueArray, f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.js';
+import { U as UL, C as Checkbox } from './FormControlList-c22d64f6.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -49,7 +49,8 @@ var MultiRange = {
     title: types.title,
     URLParams: VueTypes.bool.def(false),
     nestedField: types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   methods: {
     handleClick: function handleClick(e) {

package/dist/es/Pagination-784bf143.js

@@ -0,0 +1,177 @@
+import { helper } from '@appbaseio/reactivecore';
+import VueTypes from 'vue-types';
+import { p as pagination, B as Button } from './Button-d8bc15ea.js';
+import { t as types } from './vueTypes-b8146772.js';
+
+var getClassName = helper.getClassName,
+    handleA11yAction = helper.handleA11yAction;
+
+function getStartPage(totalPages, currentPage, showEndPage) {
+  var midValue = parseInt(totalPages / 2, 10);
+  var start = currentPage - (showEndPage ? Math.ceil(midValue / 2) - 1 : midValue);
+  return start > 1 ? start : 2;
+}
+
+var Pagination = {
+  name: 'Pagination',
+  functional: true,
+  props: {
+    currentPage: types.number,
+    innerClass: types.style,
+    pages: types.number,
+    setPage: types.func,
+    totalPages: types.number,
+    showEndPage: VueTypes.bool,
+    prevLabel: types.string,
+    nextLabel: types.string
+  },
+  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);
+      }
+    };
+
+    var onNextPage = function onNextPage() {
+      if (props.currentPage < props.totalPages - 1) {
+        props.setPage(props.currentPage + 1);
+      }
+    };
+
+    if (!props.totalPages) {
+      return null;
+    }
+
+    var innerClassName = getClassName(props.innerClass, 'button');
+    var primary = props.currentPage === 0;
+    var className = innerClassName || primary ? innerClassName + " " + (primary ? 'active' : '') : '';
+
+    var buildPaginationDOM = function buildPaginationDOM(position) {
+      var pages = props.pages,
+          currentPage = props.currentPage,
+          totalPages = props.totalPages,
+          setPage = props.setPage,
+          showEndPage = props.showEndPage;
+      var start = position === 'start' ? getStartPage(pages, currentPage, showEndPage) : Math.max(2, Math.ceil(totalPages - (pages - 1) / 2 + 1));
+      var paginationButtons = [];
+      var endPage = start;
+
+      if (start <= totalPages) {
+        var totalPagesToShow = pages < totalPages ? start + (pages - 1) : totalPages + 1;
+
+        if (showEndPage) {
+          totalPagesToShow = position === 'start' ? start + (Math.ceil(pages / 2) - pages % 2) : totalPages + 1;
+        }
+
+        if (currentPage > totalPages - pages + 2) {
+          start = Math.max(2, totalPages - pages + 2);
+          totalPagesToShow = start + pages;
+        }
+
+        var _loop = function _loop(i) {
+          var activeButton = currentPage === i - 1;
+          var classNameBtn = innerClassName || activeButton ? innerClassName + " " + (activeButton ? 'active' : '') : '';
+          var pageBtn = h(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() {
+                return setPage(i - 1);
+              }
+            }
+          }, [i]);
+
+          if (i <= totalPages + 1) {
+            paginationButtons.push(pageBtn);
+
+            if (i === Math.min(totalPages + 1, totalPagesToShow) - 1) {
+              endPage = i;
+            }
+          }
+        };
+
+        for (var i = start; i < Math.min(totalPages + 1, totalPagesToShow); i += 1) {
+          _loop(i);
+        }
+      }
+
+      return [paginationButtons, start, endPage];
+    };
+
+    var buildIntermediatePaginationDom = function buildIntermediatePaginationDom() {
+      var showEndPage = props.showEndPage,
+          currentPage = props.currentPage,
+          totalPages = props.totalPages,
+          pages = props.pages;
+      if (!showEndPage) return buildPaginationDOM('start')[0];
+
+      if (currentPage <= totalPages - pages + 2 || totalPages < pages) {
+        return buildPaginationDOM('start')[0];
+      }
+
+      return null;
+    };
+
+    return h("div", {
+      "class": pagination + " " + getClassName(props.innerClass, 'pagination')
+    }, [h(Button, {
+      "class": getClassName(props.innerClass, 'button') || '',
+      "attrs": {
+        "disabled": props.currentPage === 0,
+        "tabIndex": "0"
+      },
+      "on": {
+        "keyPress": function keyPress(event) {
+          return handleA11yAction(event, onPrevPage);
+        },
+        "click": onPrevPage
+      }
+    }, [props.prevLabel || 'Prev']), h(Button, {
+      "class": className,
+      "attrs": {
+        "primary": primary,
+        "tabIndex": "0"
+      },
+      "on": {
+        "keyPress": function keyPress(event) {
+          return handleA11yAction(event, function () {
+            return props.setPage(0);
+          });
+        },
+        "click": function click() {
+          return props.setPage(0);
+        }
+      }
+    }, ["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, {
+      "class": getClassName(props.innerClass, 'button') || '',
+      "attrs": {
+        "disabled": props.currentPage >= props.totalPages - 1,
+        "tabIndex": "0"
+      },
+      "on": {
+        "keyPress": function keyPress(event) {
+          return handleA11yAction(event, onNextPage);
+        },
+        "click": onNextPage
+      }
+    }, [props.nextLabel || 'Next'])]);
+  }
+};
+
+Pagination.install = function (Vue) {
+  Vue.component(Pagination.name, Pagination);
+};
+
+export { Pagination as P };

package/dist/es/RangeInput.js

@@ -1,21 +1,21 @@
 import { helper } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import { css } from 'emotion';
 import styled from '@appbaseio/vue-emotion';
 import 'polished';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
-import './Title-35edd732.js';
-import { F as Flex } from './Flex-09d40927.js';
-import { I as Input } from './Input-c9d757bc.js';
-import { C as Container } from './Container-421450dc.js';
+import { c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import './Title-3342664a.js';
+import { F as Flex } from './Flex-1f0795c3.js';
+import { I as Input } from './Input-7a2a9fac.js';
+import { C as Container } from './Container-ba826e96.js';
 import 'vue-no-ssr';
-import './ssr-ad57b0ad.js';
+import './ssr-b2c0b401.js';
 import { RangeConnected as RangeConnected$1 } from './RangeSlider.js';
 
 var _templateObject, _templateObject2;
@@ -86,7 +86,8 @@ var RangeInput = {
     title: types.title,
     URLParams: VueTypes.bool.def(false),
     sliderOptions: VueTypes.object.def({}),
-    nestedField: types.string
+    nestedField: types.string,
+    endpoint: types.endpointConfig
   },
   methods: {
     shouldUpdate: function shouldUpdate(value) {

package/dist/es/RangeSlider.js

@@ -1,17 +1,17 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
 import '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
-import { T as Title } from './Title-35edd732.js';
-import { C as Container } from './Container-421450dc.js';
+import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
+import { T as Title } from './Title-3342664a.js';
+import { C as Container } from './Container-ba826e96.js';
 import NoSSR from 'vue-no-ssr';
-import { g as getComponents, S as Slider } from './ssr-ad57b0ad.js';
+import { g as getComponents, S as Slider } from './ssr-b2c0b401.js';
 
 var updateQuery = Actions.updateQuery,
     setQueryOptions = Actions.setQueryOptions,
@@ -58,7 +58,8 @@ var RangeSlider = {
     URLParams: VueTypes.bool.def(false),
     sliderOptions: VueTypes.object.def({}),
     nestedField: types.string,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   methods: {
     handleSliderChange: function handleSliderChange(values) {

package/dist/es/ReactiveBase.js

@@ -1,12 +1,12 @@
 import configureStore, { Actions, helper } from '@appbaseio/reactivecore';
-import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { _ as _taggedTemplateLiteralLoose, a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
-import { isEqual as isEqual$1 } from '@appbaseio/reactivecore/lib/utils/helper';
+import { isEqual as isEqual$1, transformRequestUsingEndpoint } from '@appbaseio/reactivecore/lib/utils/helper';
 import styled from '@appbaseio/vue-emotion';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import 'redux';
-import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-5371a13f.js';
+import { c as connect, e as composeThemeObject, X as X_SEARCH_CLIENT } from './index-7788a843.js';
 import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
 import { updateAnalyticsConfig } from '@appbaseio/reactivecore/lib/actions/analytics';
 import Appbase from 'appbase-js';
@@ -355,11 +355,17 @@ var ReactiveBase = {
     this.setStore(this.$props);
   },
   mounted: function mounted() {
-    var analyticsConfig = this.analyticsConfig; // TODO: Remove in 2.0
+    var analyticsConfig = this.analyticsConfig,
+        enableAppbase = this.enableAppbase,
+        endpoint = this.endpoint; // TODO: Remove in 2.0
 
     if (analyticsConfig !== undefined) {
       console.warn('Warning(ReactiveSearch): The `analyticsConfig` prop has been marked as deprecated, please use the `appbaseConfig` prop instead.');
     }
+
+    if (!enableAppbase && endpoint) {
+      console.warn('Warning(ReactiveSearch): The `endpoint` prop works only when `enableAppbase` prop is set to true.');
+    }
   },
   props: {
     app: types.string,
@@ -383,7 +389,8 @@ var ReactiveBase = {
     as: VueTypes.string.def('div'),
     getSearchParams: types.func,
     setSearchParams: types.func,
-    mongodb: types.mongodb
+    mongodb: types.mongodb,
+    endpoint: types.endpointConfig
   },
   provide: function provide() {
     return {
@@ -434,7 +441,8 @@ var ReactiveBase = {
           enableAppbase = _this$$props.enableAppbase,
           headers = _this$$props.headers,
           appbaseConfig = _this$$props.appbaseConfig,
-          mongodb = _this$$props.mongodb;
+          mongodb = _this$$props.mongodb,
+          endpoint = _this$$props.endpoint;
 
       var _ref = appbaseConfig || {},
           enableTelemetry = _ref.enableTelemetry;
@@ -443,7 +451,7 @@ var ReactiveBase = {
         'X-Search-Client': X_SEARCH_CLIENT
       }, enableTelemetry === false && {
         'X-Enable-Telemetry': false
-      }), headers);
+      }), headers, enableAppbase && endpoint && endpoint.headers && _extends({}, endpoint.headers));
     }
   },
   methods: {
@@ -456,8 +464,19 @@ var ReactiveBase = {
 
       var appbaseConfig = _extends({}, props.analyticsConfig, props.appbaseConfig);
 
+      var url = props.url && props.url.trim() !== '' ? props.url : '';
+
+      if (props.enableAppbase && props.endpoint) {
+        if (props.endpoint.url) {
+          // eslint-disable-next-line prefer-destructuring
+          url = props.endpoint.url;
+        } else {
+          throw Error('Error(ReactiveSearch): The `endpoint` prop object requires `url` property.');
+        }
+      }
+
       var config = {
-        url: props.url && props.url.trim() !== '' ? props.url : '',
+        url: url,
         app: props.app,
         credentials: credentials,
         type: props.type ? props.type : '*',
@@ -466,7 +485,8 @@ var ReactiveBase = {
         enableAppbase: props.enableAppbase,
         analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
         analyticsConfig: appbaseConfig,
-        mongodb: props.mongodb
+        mongodb: props.mongodb,
+        endpoint: props.endpoint
       };
       var queryParams = '';
 
@@ -499,12 +519,16 @@ var ReactiveBase = {
         } catch (e) {// Do not add to selectedValues if JSON parsing fails.
         }
       });
-      var themePreset = props.themePreset;
+      var themePreset = props.themePreset,
+          enableAppbase = props.enableAppbase,
+          endpoint = props.endpoint;
       var appbaseRef = Appbase(config);
 
-      if (this.$props.transformRequest) {
-        appbaseRef.transformRequest = this.$props.transformRequest;
-      }
+      appbaseRef.transformRequest = function (request) {
+        var modifiedRequest = enableAppbase ? transformRequestUsingEndpoint(request, endpoint) : request;
+        if (props.transformRequest) return props.transformRequest(modifiedRequest);
+        return modifiedRequest;
+      };
 
       if (this.$props.transformResponse) {
         appbaseRef.transformResponse = this.$props.transformResponse;

package/dist/es/ReactiveComponent.js

@@ -1,12 +1,12 @@
 import { Actions, helper } from '@appbaseio/reactivecore';
-import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-51ce1182.js';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import VueTypes from 'vue-types';
 import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
-import { t as types } from './vueTypes-687b2304.js';
+import { t as types } from './vueTypes-b8146772.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-5371a13f.js';
-import { C as ComponentWrapper } from './ComponentWrapper-dc92772a.js';
+import { f as updateCustomQuery, u as updateDefaultQuery, i as isQueryIdentical, c as connect } from './index-7788a843.js';
+import { C as ComponentWrapper } from './ComponentWrapper-424e86fd.js';
 
 var _excluded = ["options"];
 var updateQuery = Actions.updateQuery,
@@ -34,7 +34,8 @@ var ReactiveComponent = {
     URLParams: VueTypes.bool.def(false),
     distinctField: types.string,
     distinctFieldConfig: types.props,
-    index: VueTypes.string
+    index: VueTypes.string,
+    endpoint: types.endpointConfig
   },
   created: function created() {
     var _this = this;