@appbaseio/reactivesearch-vue 1.33.0 → 1.33.2

package/dist/cjs/{Pagination-3d73e1b3.js → Pagination-07f4dbad.js}

@@ -5,18 +5,16 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var VueTypes = _interopDefault(require('vue-types'));
-var Button = require('./Button-0673191e.js');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var Button = require('./Button-841fd06d.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
 
 var getClassName = configureStore.helper.getClassName,
-    handleA11yAction = configureStore.helper.handleA11yAction;
-
+  handleA11yAction = configureStore.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,
@@ -33,49 +31,40 @@ var Pagination = {
   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;
+        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' : '') : '';
@@ -97,38 +86,30 @@ var Pagination = {
               }
             }
           }, [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;
+        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": Button.pagination + " " + getClassName(props.innerClass, 'pagination')
     }, [h(Button.Button, {
@@ -174,7 +155,6 @@ var Pagination = {
     }, [props.nextLabel || 'Next'])]);
   }
 };
-
 Pagination.install = function (Vue) {
   Vue.component(Pagination.name, Pagination);
 };

package/dist/cjs/{PreferencesConsumer-7be03476.js → PreferencesConsumer-5d67b486.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var index = require('./index-30126fd0.js');
 
 var deepValue = function deepValue(o, p) {
   return p.split('.').reduce(function (a, v) {
@@ -12,8 +13,6 @@ var deepValue = function deepValue(o, p) {
  * and set the props from preferences to the component
  *
  */
-
-
 var PreferencesConsumer = function PreferencesConsumer(component) {
   return {
     name: 'PreferencesConsumer',
@@ -23,42 +22,40 @@ var PreferencesConsumer = function PreferencesConsumer(component) {
       }
     },
     render: function render(h) {
-      var userProps = this.$attrs;
+      var _this = this;
+      var userProps = Object.keys(this.$attrs).reduce(function (result, key) {
+        var _extends2;
+        return _rollupPluginBabelHelpers._extends({}, result, (_extends2 = {}, _extends2[index.getCamelCase(key)] = _this.$attrs[key], _extends2));
+      }, {});
       var context = this.$searchPreferences;
-
       if (!userProps || !userProps.componentId) {
         throw Error('ReactiveSearch: componentId is required');
       }
-
       var componentId = userProps.componentId;
       var preferencesPath = userProps.preferencesPath;
       var preferences;
-
       if (context) {
         if (preferencesPath) {
           // read preferences from path
           preferences = deepValue(context, preferencesPath);
         } else {
-          preferences = deepValue(context, ['componentSettings', componentId].join('.')); // read preferences from componentSettings
+          preferences = deepValue(context, ['componentSettings', componentId].join('.'));
+          // read preferences from componentSettings
         }
-      } // Retrieve component specific preferences
-
-
+      }
+      // Retrieve component specific preferences
       var componentProps = userProps;
-
       if (preferences) {
         if (preferences.rsConfig) {
           componentProps = _rollupPluginBabelHelpers._extends({}, preferences.rsConfig, componentProps);
         } else {
           componentProps = _rollupPluginBabelHelpers._extends({}, preferences, componentProps);
         }
-
         if (preferences.enabled !== undefined && !preferences.enabled) {
           return null;
         }
-      } // Parse component props
-
-
+      }
+      // Parse component props
       Object.keys(componentProps).forEach(function (p) {
         if (typeof componentProps[p] === 'string') {
           if (['defaultQuery', 'customQuery', 'setOption'].includes(p)) {

package/dist/cjs/RangeInput.js

@@ -7,39 +7,37 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var emotion = require('emotion');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 require('polished');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-08f8dfa3.js');
-var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
-var PreferencesConsumer = require('./PreferencesConsumer-7be03476.js');
-require('./Title-1de7d0f4.js');
-var Flex = require('./Flex-aa517a13.js');
-var Input = require('./Input-e6603a7e.js');
-var Container = require('./Container-daf30918.js');
+var index = require('./index-30126fd0.js');
+var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.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-3027b848.js');
+require('./ssr-f2fc1bf6.js');
 var RangeSlider = require('./RangeSlider.js');
 
 var _templateObject, _templateObject2;
-
 var alert = function alert(_ref) {
   var theme = _ref.theme;
   return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tcolor: ", ";\n"])), theme.colors.alertColor);
 };
-
 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;
 });
 
 var getClassName = configureStore.helper.getClassName,
-    isEqual = configureStore.helper.isEqual;
+  isEqual = configureStore.helper.isEqual;
 var RangeInput = {
   name: 'RangeInput',
   components: {
@@ -101,27 +99,22 @@ var RangeInput = {
   methods: {
     shouldUpdate: function shouldUpdate(value) {
       var validateRange = this.$props.validateRange;
-
       if (validateRange && value) {
         return validateRange([value.start, value.end]);
       }
-
       if (value) {
         return value.start <= value.end;
       }
-
       return false;
     },
     isControlled: function isControlled() {
       if (this.$props.value && this.$listeners) {
         return true;
       }
-
       return false;
     },
     handleChange: function handleChange(value, event) {
       var currentValue = value;
-
       if (this.shouldUpdate(value) && !isEqual(value, this.currentValue)) {
         switch (event) {
           case 'change':
@@ -131,16 +124,13 @@ var RangeInput = {
                 end: this.$props.range ? this.$props.range.end : 10
               };
             }
-
             this.$data.currentValue = _rollupPluginBabelHelpers._extends({}, currentValue);
             this.$emit('change', this.$data.currentValue);
             break;
-
           case 'value-change':
             this.$emit('valueChange', this.$data.currentValue);
             this.$emit('value-change', this.$data.currentValue);
             break;
-
           default:
             this.$data.currentValue = _rollupPluginBabelHelpers._extends({}, currentValue);
             break;
@@ -155,9 +145,8 @@ var RangeInput = {
     },
     handleInputChange: function handleInputChange(e) {
       var _e$target = e.target,
-          name = _e$target.name,
-          value = _e$target.value;
-
+        name = _e$target.name,
+        value = _e$target.value;
       if (Number.isNaN(value)) {
         if (name === 'start') {
           this.$data.isStartValid = false;
@@ -169,7 +158,6 @@ var RangeInput = {
       } else if (name === 'end' && !this.$data.isEndValid) {
         this.$data.isEndValid = true;
       }
-
       if (this.$data.isStartValid && this.$data.isEndValid) {
         if (name === 'start') {
           this.handleChange({
@@ -203,7 +191,6 @@ var RangeInput = {
     if (this.$props.defaultValue && this.$props.defaultValue.start && this.$props.defaultValue.end) {
       this.handleChange(this.$props.defaultValue);
     }
-
     if (this.isControlled()) {
       this.handleChange(this.$props.value, 'change');
     }
@@ -211,27 +198,27 @@ var RangeInput = {
   render: function render() {
     var h = arguments[0];
     var _this$$props = this.$props,
-        className = _this$$props.className,
-        dataField = _this$$props.dataField,
-        range = _this$$props.range,
-        rangeLabels = _this$$props.rangeLabels,
-        componentId = _this$$props.componentId,
-        innerClass = _this$$props.innerClass,
-        stepValue = _this$$props.stepValue,
-        componentStyle = _this$$props.componentStyle,
-        themePreset = _this$$props.themePreset,
-        includeNullValues = _this$$props.includeNullValues,
-        beforeValueChange = _this$$props.beforeValueChange,
-        customQuery = _this$$props.customQuery,
-        data = _this$$props.data,
-        filterLabel = _this$$props.filterLabel,
-        react = _this$$props.react,
-        showFilter = _this$$props.showFilter,
-        showCheckbox = _this$$props.showCheckbox,
-        title = _this$$props.title,
-        URLParams = _this$$props.URLParams,
-        sliderOptions = _this$$props.sliderOptions,
-        nestedField = _this$$props.nestedField;
+      className = _this$$props.className,
+      dataField = _this$$props.dataField,
+      range = _this$$props.range,
+      rangeLabels = _this$$props.rangeLabels,
+      componentId = _this$$props.componentId,
+      innerClass = _this$$props.innerClass,
+      stepValue = _this$$props.stepValue,
+      componentStyle = _this$$props.componentStyle,
+      themePreset = _this$$props.themePreset,
+      includeNullValues = _this$$props.includeNullValues,
+      beforeValueChange = _this$$props.beforeValueChange,
+      customQuery = _this$$props.customQuery,
+      data = _this$$props.data,
+      filterLabel = _this$$props.filterLabel,
+      react = _this$$props.react,
+      showFilter = _this$$props.showFilter,
+      showCheckbox = _this$$props.showCheckbox,
+      title = _this$$props.title,
+      URLParams = _this$$props.URLParams,
+      sliderOptions = _this$$props.sliderOptions,
+      nestedField = _this$$props.nestedField;
     return h(Container.Container, {
       "style": componentStyle,
       "class": className
@@ -327,22 +314,19 @@ var RangeInput = {
     }, ["Input range is invalid"])])])]);
   }
 };
-
 var mapStateToProps = function mapStateToProps(state) {
   return {
     themePreset: state.config.themePreset
   };
 };
-
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, {})(RangeInput), {
   componentType: constants.componentTypes.rangeInput
 }));
-
 RangeInput.install = function (Vue) {
   Vue.component(RangeInput.name, RangeConnected);
-}; // Add componentType for SSR
-
+};
 
+// Add componentType for SSR
 RangeInput.componentType = constants.componentTypes.rangeInput;
 
 exports.RangeConnected = RangeConnected;

package/dist/cjs/RangeSlider.js

@@ -7,27 +7,27 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var vueTypes = require('./vueTypes-7cfc2f98.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-08f8dfa3.js');
-var ComponentWrapper = require('./ComponentWrapper-981ab977.js');
-var PreferencesConsumer = require('./PreferencesConsumer-7be03476.js');
-var Title = require('./Title-1de7d0f4.js');
-var Container = require('./Container-daf30918.js');
+var index = require('./index-30126fd0.js');
+var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
+var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
+var Title = require('./Title-16042ea0.js');
+var Container = require('./Container-e699ea95.js');
 var NoSSR = _interopDefault(require('vue-no-ssr'));
-var ssr = require('./ssr-3027b848.js');
+var ssr = require('./ssr-f2fc1bf6.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
-    setQueryOptions = configureStore.Actions.setQueryOptions,
-    setCustomQuery = configureStore.Actions.setCustomQuery;
+  setQueryOptions = configureStore.Actions.setQueryOptions,
+  setCustomQuery = configureStore.Actions.setCustomQuery;
 var checkValueChange = configureStore.helper.checkValueChange,
-    getClassName = configureStore.helper.getClassName,
-    getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
-    isEqual = configureStore.helper.isEqual;
+  getClassName = configureStore.helper.getClassName,
+  getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
+  isEqual = configureStore.helper.isEqual;
 var RangeSlider = {
   name: 'RangeSlider',
   components: ssr.getComponents(),
@@ -72,7 +72,6 @@ var RangeSlider = {
   methods: {
     handleSliderChange: function handleSliderChange(values) {
       var value = this.$props.value;
-
       if (value === undefined) {
         this.handleChange(values);
       } else {
@@ -88,27 +87,21 @@ var RangeSlider = {
     },
     handleChange: function handleChange(currentValue, props) {
       var _this = this;
-
       if (props === void 0) {
         props = this.$props;
       }
-
       var performUpdate = function performUpdate() {
         _this.currentValue = currentValue;
-
         _this.updateQueryHandler([currentValue[0], currentValue[1]], props);
-
         _this.$emit('valueChange', {
           start: currentValue[0],
           end: currentValue[1]
         });
-
         _this.$emit('value-change', {
           start: currentValue[0],
           end: currentValue[1]
         });
       };
-
       checkValueChange(props.componentId, {
         start: currentValue[0],
         end: currentValue[1]
@@ -117,23 +110,20 @@ var RangeSlider = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = RangeSlider.defaultQuery(value, props);
-
       if (customQuery) {
         var _ref = customQuery(value, props) || {};
-
         query = _ref.query;
         var customQueryOptions = getOptionsFromQuery(customQuery(value, props));
         index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
         this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
-
       var showFilter = props.showFilter,
-          _props$range = props.range,
-          start = _props$range.start,
-          end = _props$range.end;
+        _props$range = props.range,
+        start = _props$range.start,
+        end = _props$range.end;
       var currentStart = value[0],
-          currentEnd = value[1]; // check if the slider is at its initial position
-
+        currentEnd = value[1];
+      // check if the slider is at its initial position
       var isInitialValue = currentStart === start && currentEnd === end;
       this.updateQuery({
         componentId: props.componentId,
@@ -171,20 +161,17 @@ var RangeSlider = {
     if (!this.$props.range) {
       console.error('%crange is not defined. Read more about this at https://opensource.appbase.io/reactive-manual/vue/range-components/rangeslider.html#props', 'font-size: 12.5px;');
     }
-
     if (!this.enableAppbase && this.$props.index) {
       console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
-    } // Set custom query in store
-
-
+    }
+    // Set custom query in store
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   beforeMount: function beforeMount() {
     var _this$$props = this.$props,
-        value = _this$$props.value,
-        defaultValue = _this$$props.defaultValue;
+      value = _this$$props.value,
+      defaultValue = _this$$props.defaultValue;
     var selectedValue = this.selectedValue;
-
     if (this.$props.range) {
       if (Array.isArray(selectedValue)) {
         this.handleChange(selectedValue);
@@ -229,13 +216,10 @@ var RangeSlider = {
     }, [this.$props.rangeLabels.end])])])]) : null]);
   }
 };
-
 RangeSlider.defaultQuery = function (values, props) {
   var query = null;
-
   if (Array.isArray(values) && values.length) {
     var _range;
-
     query = {
       range: (_range = {}, _range[props.dataField] = {
         gte: values[0],
@@ -244,7 +228,6 @@ RangeSlider.defaultQuery = function (values, props) {
       }, _range)
     };
   }
-
   if (query && props.nestedField) {
     return {
       query: {
@@ -255,22 +238,17 @@ RangeSlider.defaultQuery = function (values, props) {
       }
     };
   }
-
   return query;
 };
-
 RangeSlider.parseValue = function (value, props) {
   if (value) {
     return Array.isArray(value) ? value : [value.start, value.end];
   }
-
   if (props.range) {
     return [props.range.start, props.range.end];
   }
-
   return [];
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     options: state.aggregations[props.componentId] ? state.aggregations[props.componentId][props.dataField] && state.aggregations[props.componentId][props.dataField].buckets // eslint-disable-line
@@ -280,7 +258,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
     enableAppbase: state.config.enableAppbase
   };
 };
-
 var mapDispatchtoProps = {
   updateQuery: updateQuery,
   setQueryOptions: setQueryOptions,
@@ -289,12 +266,11 @@ var mapDispatchtoProps = {
 var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(RangeSlider), {
   componentType: constants.componentTypes.rangeSlider
 }));
-
 RangeSlider.install = function (Vue) {
   Vue.component(RangeSlider.name, RangeConnected);
-}; // Add componentType for SSR
-
+};
 
+// Add componentType for SSR
 RangeSlider.componentType = constants.componentTypes.rangeSlider;
 
 exports.RangeConnected = RangeConnected;