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

package/dist/cjs/MultiRange.js

@@ -6,28 +6,33 @@ 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'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-require('emotion');
+var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
+var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var vueTypes = require('./vueTypes-1bf00978.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-6a167fe0.js');
-var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
-var Title = require('./Title-1de7d0f4.js');
-var Container = require('./Container-daf30918.js');
-var FormControlList = require('./FormControlList-c195a592.js');
-
+var index = require('./index-d8d8f291.js');
+var ComponentWrapper = require('./ComponentWrapper-75f88599.js');
+var PreferencesConsumer = require('./PreferencesConsumer-eb265924.js');
+var Title = require('./Title-8802a218.js');
+var Container = require('./Container-29f049b2.js');
+var FormControlList = require('./FormControlList-fadd792f.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;
+  setQueryOptions = configureStore.Actions.setQueryOptions,
+  setCustomQuery = configureStore.Actions.setCustomQuery;
 var isEqual = configureStore.helper.isEqual,
-    checkValueChange = configureStore.helper.checkValueChange,
-    getClassName = configureStore.helper.getClassName,
-    getOptionsFromQuery = configureStore.helper.getOptionsFromQuery;
+  checkValueChange = configureStore.helper.checkValueChange,
+  getClassName = configureStore.helper.getClassName,
+  getOptionsFromQuery = configureStore.helper.getOptionsFromQuery;
 var MultiRange = {
   name: 'MultiRange',
   data: function data() {
@@ -62,7 +67,6 @@ var MultiRange = {
   methods: {
     handleClick: function handleClick(e) {
       var value = this.$props.value;
-
       if (value === undefined) {
         this.selectItem(e.target.value);
       } else {
@@ -72,22 +76,17 @@ var MultiRange = {
     },
     selectItem: function selectItem(item, isDefaultValue, props, reset) {
       var _this = this;
-
       if (isDefaultValue === void 0) {
         isDefaultValue = false;
       }
-
       if (props === void 0) {
         props = this.$props;
       }
-
       if (reset === void 0) {
         reset = false;
       }
-
       var currentValue = this.currentValue,
-          selectedValues = this.selectedValues;
-
+        selectedValues = this.selectedValues;
       if (!item) {
         currentValue = [];
         selectedValues = {};
@@ -97,7 +96,6 @@ var MultiRange = {
         currentValue.forEach(function (value) {
           values[[value.label]] = true;
         });
-
         if (reset) {
           selectedValues = values;
         } else {
@@ -107,48 +105,37 @@ var MultiRange = {
         currentValue = currentValue.filter(function (value) {
           return value.label !== item;
         });
-
         var _selectedValues = selectedValues,
-            del = _selectedValues[item],
-            selected = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_selectedValues, [item].map(_rollupPluginBabelHelpers._toPropertyKey));
-
+          del = _selectedValues[item],
+          selected = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_selectedValues, [item].map(_rollupPluginBabelHelpers._toPropertyKey));
         selectedValues = selected;
       } else {
         var _extends2;
-
         var currentItems = props.data.filter(function (value) {
           return item.indexOf(value.label) !== -1;
         });
         currentValue = [].concat(currentValue, currentItems);
         selectedValues = _rollupPluginBabelHelpers._extends({}, selectedValues, (_extends2 = {}, _extends2[typeof item === 'object' ? item.label : item] = true, _extends2));
       }
-
       var performUpdate = function performUpdate() {
         _this.currentValue = currentValue;
         _this.selectedValues = selectedValues;
-
         _this.updateQueryHandler(currentValue, props);
-
         _this.$emit('valueChange', Object.keys(selectedValues));
-
         _this.$emit('value-change', Object.keys(selectedValues));
       };
-
       checkValueChange(props.componentId, currentValue, props.beforeValueChange, performUpdate);
     },
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = MultiRange.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);
       }
-
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -174,7 +161,13 @@ var MultiRange = {
     },
     selectedValue: function selectedValue(newVal) {
       if (!isEqual(this.$data.currentValue, newVal)) {
-        this.selectItem(newVal, true, undefined, true);
+        var processSelectedValues = newVal ? newVal.map(function (item) {
+          if (typeof item === 'object' && 'label' in item) {
+            return item.label;
+          }
+          return item;
+        }) : null;
+        this.selectItem(processSelectedValues, true, undefined, true);
       }
     },
     customQuery: function customQuery(newVal, oldVal) {
@@ -184,11 +177,7 @@ var MultiRange = {
     }
   },
   created: function created() {
-    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() {
@@ -201,118 +190,83 @@ var MultiRange = {
     }
   },
   render: function render() {
+    var _slot;
     var _this2 = this;
-
-    var h = arguments[0];
-    return h(Container.Container, {
+    return vue.createVNode(Container.Container, {
       "class": this.$props.className
-    }, [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])]);
-    })])]);
+    }, {
+      "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(_transformOn({
+            click: _this2.handleClick
+          }), {
+            "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,
+            "checked": _this2.selectedValues[item.label]
+          }), null), vue.createVNode("label", {
+            "class": getClassName(_this2.$props.innerClass, 'label'),
+            "for": _this2.$props.componentId + "-" + item.label
+          }, [item.label])]);
+        })) ? _slot : {
+          "default": function _default() {
+            return [_slot];
+          }
+        })];
+      }
+    });
   }
 };
-
 MultiRange.parseValue = function (value, props) {
   return value ? props.data.filter(function (item) {
     return value.includes(item.label);
   }) : null;
 };
-
-MultiRange.defaultQuery = function (values, props) {
-  var generateRangeQuery = function generateRangeQuery(dataField, items) {
-    if (items.length > 0) {
-      return items.map(function (value) {
-        var _range;
-
-        return {
-          range: (_range = {}, _range[dataField] = {
-            gte: value.start,
-            lte: value.end,
-            boost: 2.0
-          }, _range)
-        };
-      });
+MultiRange.defaultQuery = function (value, props) {
+  return {
+    query: {
+      queryFormat: props.queryFormat,
+      dataField: props.dataField,
+      value: value,
+      showMissing: props.showMissing
     }
-
-    return null;
   };
-
-  var query = null;
-
-  if (values && values.length) {
-    query = {
-      bool: {
-        should: generateRangeQuery(props.dataField, values),
-        minimum_should_match: 1,
-        boost: 1.0
-      }
-    };
-  }
-
-  if (query && props.nestedField) {
-    return {
-      query: {
-        nested: {
-          path: props.nestedField,
-          query: query
-        }
-      }
-    };
-  }
-
-  return query;
 };
-
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    componentProps: state.props[props.componentId],
-    enableAppbase: state.config.enableAppbase
+    componentProps: state.props[props.componentId]
   };
 };
-
 var mapDispatchtoProps = {
   updateQuery: updateQuery,
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RangeConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiRange), {
+var RangeConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(MultiRange), {
   componentType: constants.componentTypes.multiRange
-});
-
-MultiRange.install = function (Vue) {
-  Vue.component(MultiRange.name, RangeConnected);
-}; // Add componentType for SSR
-
-
-MultiRange.componentType = constants.componentTypes.multiRange;
+}));
+RangeConnected.name = MultiRange.name;
+RangeConnected.install = function (Vue) {
+  Vue.component(RangeConnected.name, RangeConnected);
+};
+// Add componentType for SSR
+RangeConnected.componentType = constants.componentTypes.multiRange;
 
-exports.default = MultiRange;
+exports.RangeConnected = RangeConnected;
+exports.default = RangeConnected;

package/dist/cjs/{Pagination-71e85fa9.js → Pagination-b5ddc906.js}

@@ -4,19 +4,22 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
+var _transformOn = _interopDefault(require('@vue/babel-helper-vue-transform-on'));
+var vue = require('vue');
 var VueTypes = _interopDefault(require('vue-types'));
-var Button = require('./Button-446f819e.js');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var Button = require('./Button-ad042719.js');
+var vueTypes = require('./vueTypes-1bf00978.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;
-
+  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,
@@ -30,151 +33,135 @@ var Pagination = {
     prevLabel: vueTypes.types.string,
     nextLabel: vueTypes.types.string
   },
-  render: function render(createElement, context) {
-    var h = arguments[0];
-    var props = context.props;
-
+  render: function render(context) {
+    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' : '') : '';
-          var pageBtn = h(Button.Button, {
+          var pageBtn = vue.createVNode(Button.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) {
               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", {
+    return vue.createVNode("div", {
       "class": Button.pagination + " " + getClassName(props.innerClass, 'pagination')
-    }, [h(Button.Button, {
+    }, [vue.createVNode(Button.Button, vue.mergeProps(_transformOn({
+      click: onPrevPage,
+      'key-press': function keyPress(event) {
+        return handleA11yAction(event, onPrevPage);
+      }
+    }), {
       "class": getClassName(props.innerClass, 'button') || '',
-      "attrs": {
-        "disabled": props.currentPage === 0,
-        "tabIndex": "0"
-      },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, onPrevPage);
-        },
-        "click": onPrevPage
+      "disabled": props.currentPage === 0,
+      "tabIndex": "0"
+    }), {
+      "default": function _default() {
+        return [props.prevLabel || 'Prev'];
       }
-    }, [props.prevLabel || 'Prev']), h(Button.Button, {
+    }), vue.createVNode(Button.Button, vue.mergeProps(_transformOn({
+      click: function click() {
+        return props.setPage(0);
+      }
+    }), {
       "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);
-        }
+        });
+      },
+      "tabIndex": "0"
+    }), {
+      "default": function _default() {
+        return [vue.createTextVNode("1")];
+      }
+    }), 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, vue.mergeProps(_transformOn({
+      click: onNextPage,
+      'key-press': function keyPress(event) {
+        return handleA11yAction(event, onNextPage);
       }
-    }, ["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') || '',
-      "attrs": {
-        "disabled": props.currentPage >= props.totalPages - 1,
-        "tabIndex": "0"
-      },
-      "on": {
-        "keyPress": function keyPress(event) {
-          return handleA11yAction(event, onNextPage);
-        },
-        "click": onNextPage
+      "disabled": props.currentPage >= props.totalPages - 1,
+      "tabIndex": "0"
+    }), {
+      "default": function _default() {
+        return [props.nextLabel || 'Next'];
       }
-    }, [props.nextLabel || 'Next'])]);
+    })]);
   }
 };
-
 Pagination.install = function (Vue) {
   Vue.component(Pagination.name, Pagination);
 };

package/dist/cjs/PreferencesConsumer-eb265924.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
+var index = require('./index-d8d8f291.js');
+
+var deepValue = function deepValue(o, p) {
+  return p.split('.').reduce(function (a, v) {
+    return a ? a[v] : null;
+  }, o);
+};
+/**
+ * PreferencesConsumer reads the preferences from SearchPreferencesContext
+ * and set the props from preferences to the component
+ *
+ */
+var PreferencesConsumer = function PreferencesConsumer(component) {
+  return {
+    name: 'PreferencesConsumer',
+    inject: {
+      $searchPreferences: {
+        "default": null
+      }
+    },
+    render: function render() {
+      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
+        }
+      }
+      // 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
+      Object.keys(componentProps).forEach(function (p) {
+        if (typeof componentProps[p] === 'string') {
+          if (['defaultQuery', 'customQuery', 'setOption'].includes(p)) {
+            // eslint-disable-next-line
+            componentProps[p] = eval(componentProps[p]);
+          }
+        }
+      });
+      return vue.h(component, {
+        attrs: componentProps
+      }, this.$slots);
+    }
+  };
+};
+
+exports.PreferencesConsumer = PreferencesConsumer;