@appbaseio/reactivesearch-vue 2.0.0-alpha.4 → 3.0.0-alpha.1

package/dist/cjs/ToggleButton.js

@@ -6,29 +6,31 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-require('./_rollupPluginBabelHelpers-c705cbe6.js');
-var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
-require('emotion');
+require('./_rollupPluginBabelHelpers-f8b843f8.js');
+var vue = require('vue');
+var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/vue-emotion');
+require('emotion');
 require('polished');
-var Button = require('./Button-446f819e.js');
-var vueTypes = require('./vueTypes-727b7c63.js');
+var Button = require('./Button-ad042719.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 index = require('./index-d8d8f291.js');
+var ComponentWrapper = require('./ComponentWrapper-611cf7f9.js');
+var PreferencesConsumer = require('./PreferencesConsumer-22d1b49f.js');
+var Title = require('./Title-8802a218.js');
+var Container = require('./Container-29f049b2.js');
 
 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,
-    handleA11yAction = configureStore.helper.handleA11yAction;
+  checkValueChange = configureStore.helper.checkValueChange,
+  getClassName = configureStore.helper.getClassName,
+  getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
+  handleA11yAction = configureStore.helper.handleA11yAction;
 var ToggleButton = {
   name: 'ToggleButton',
   props: {
@@ -63,17 +65,12 @@ var ToggleButton = {
     var value = this.selectedValue || props.value || props.defaultValue || [];
     var currentValue = ToggleButton.parseValue(value, props);
     this.setValue(currentValue);
-
     if (this.$data.currentValue.length) {
       this.handleToggle(this.$data.currentValue, true, props, hasMounted);
     }
   },
   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);
   },
   watch: {
@@ -100,7 +97,6 @@ var ToggleButton = {
       } else {
         // else selectedValue will be a string
         var currentValue = this.$data.currentValue[0] ? this.$data.currentValue[0].value : null;
-
         if (!isEqual(currentValue, this.selectedValue) && !isEqual(oldVal, this.selectedValue)) {
           this.handleToggle(this.selectedValue || [], true, this.$props);
         }
@@ -117,19 +113,15 @@ var ToggleButton = {
       if (isDefaultValue === void 0) {
         isDefaultValue = false;
       }
-
       if (props === void 0) {
         props = this.$props;
       }
-
       if (hasMounted === void 0) {
         hasMounted = true;
       }
-
       var currentValue = this.$data.currentValue;
       var toggleValue = value;
       var finalValue = [];
-
       if (isDefaultValue) {
         finalValue = ToggleButton.parseValue(toggleValue, props);
       } else if (this.$props.multiSelect) {
@@ -143,7 +135,6 @@ var ToggleButton = {
           return item.value === toggleValue.value;
         }) ? [] : [toggleValue];
       }
-
       this.setValue(finalValue, props, hasMounted);
     },
     setReact: function setReact(props) {
@@ -153,24 +144,18 @@ var ToggleButton = {
     },
     setValue: function setValue(value, props, hasMounted) {
       var _this = this;
-
       if (props === void 0) {
         props = this.$props;
       }
-
       if (hasMounted === void 0) {
         hasMounted = true;
       }
-
       var performUpdate = function performUpdate() {
         var handleUpdates = function handleUpdates() {
           _this.updateQuery(value, props);
-
           _this.$emit('valueChange', value);
-
           _this.$emit('value-change', value);
         };
-
         if (hasMounted) {
           _this.currentValue = value;
           handleUpdates();
@@ -178,27 +163,21 @@ var ToggleButton = {
           handleUpdates();
         }
       };
-
       checkValueChange(props.componentId, props.multiSelect ? value : value[0], props.beforeValueChange, performUpdate);
     },
     updateQuery: function updateQuery(value, props) {
       var filterValue = value;
-
       if (!props.multiSelect) {
         filterValue = value[0] ? value[0].value : null;
       }
-
       var customQuery = props.customQuery;
       var query = ToggleButton.defaultQuery(value, props);
-
       if (customQuery) {
         var _ref = customQuery(value, props) || {};
-
         query = _ref.query;
         this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)), false);
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
-
       this.updateQueryHandler({
         componentId: props.componentId,
         query: query,
@@ -212,30 +191,24 @@ var ToggleButton = {
     },
     handleClick: function handleClick(item) {
       var _this$$props = this.$props,
-          enableStrictSelection = _this$$props.enableStrictSelection,
-          multiSelect = _this$$props.multiSelect;
-
+        enableStrictSelection = _this$$props.enableStrictSelection,
+        multiSelect = _this$$props.multiSelect;
       if (enableStrictSelection && !multiSelect && this.$data.currentValue.find(function (stateItem) {
         return isEqual(item, stateItem);
       })) {
         return false;
       }
-
       var value = this.$props.value;
-
       if (value === undefined) {
         this.handleToggle(item);
       } else {
         this.$emit('change', item.value);
       }
-
       return true;
     },
     renderButton: function renderButton(item) {
       var _this2 = this;
-
-      var h = this.$createElement;
-      var renderItem = this.$scopedSlots.renderItem || this.renderItem;
+      var renderItem = this.$slots.renderItem || this.renderItem;
       var isSelected = this.$data.currentValue.some(function (value) {
         return value.value === item.value;
       });
@@ -245,41 +218,46 @@ var ToggleButton = {
         handleClick: function handleClick() {
           return _this2.handleClick(item);
         }
-      }) : h(Button.Button, {
+      }) : vue.createVNode(Button.Button, {
         "class": getClassName(this.$props.innerClass, 'button') + " " + (isSelected ? 'active' : ''),
-        "on": {
-          "click": function click() {
-            return _this2.handleClick(item);
-          },
-          "keypress": function keypress(e) {
-            return handleA11yAction(e, function () {
-              return _this2.handleClick(item);
-            });
-          }
+        "onClick": function onClick() {
+          return _this2.handleClick(item);
         },
         "key": item.value,
-        "attrs": {
-          "primary": isSelected,
-          "large": true,
-          "tabIndex": isSelected ? '-1' : '0'
+        "primary": isSelected,
+        "large": true,
+        "tabIndex": isSelected ? '-1' : '0',
+        "onKeypress": function onKeypress(e) {
+          return handleA11yAction(e, function () {
+            return _this2.handleClick(item);
+          });
         }
-      }, [item.label]);
+      }, {
+        "default": function _default() {
+          return [item.label];
+        }
+      });
     }
   },
   render: function render() {
     var _this3 = this;
-
-    var h = arguments[0];
-    return h(Container.Container, {
+    return vue.createVNode(Container.Container, {
       "class": Button.toggleButtons
-    }, [this.$props.title && h(Title.Title, {
-      "class": getClassName(this.$props.innerClass, 'title')
-    }, [this.$props.title]), this.$props.data.map(function (item) {
-      return _this3.renderButton(item);
-    })]);
+    }, {
+      "default": function _default() {
+        return [_this3.$props.title && vue.createVNode(Title.Title, {
+          "class": getClassName(_this3.$props.innerClass, 'title')
+        }, {
+          "default": function _default() {
+            return [_this3.$props.title];
+          }
+        }), _this3.$props.data.map(function (item) {
+          return _this3.renderButton(item);
+        })];
+      }
+    });
   }
 };
-
 ToggleButton.parseValue = function (value, props) {
   if (Array.isArray(value)) {
     if (typeof value[0] === 'string') {
@@ -287,70 +265,45 @@ ToggleButton.parseValue = function (value, props) {
         return value.includes(item.value);
       });
     }
-
     return value;
   }
-
   return props.data.filter(function (item) {
     return item.value === value;
   });
 };
-
 ToggleButton.defaultQuery = function (value, props) {
-  var query = null;
-
-  if (value && value.length) {
-    query = {
-      bool: {
-        boost: 1.0,
-        minimum_should_match: 1,
-        should: value.map(function (item) {
-          var _term;
-
-          return {
-            term: (_term = {}, _term[props.dataField] = item.value, _term)
-          };
-        })
-      }
-    };
-  }
-
-  if (query && props.nestedField) {
-    return {
-      query: {
-        nested: {
-          path: props.nestedField,
-          query: query
-        }
-      }
-    };
-  }
-
-  return query;
+  return {
+    query: {
+      queryFormat: props.queryFormat,
+      dataField: props.dataField,
+      value: value,
+      nestedField: props.nestedField,
+      selectAllLabel: props.selectAllLabel,
+      showMissing: props.showMissing,
+      multiSelect: props.multiSelect
+    }
+  };
 };
-
 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 = {
   updateQueryHandler: updateQuery,
   setQueryOptions: setQueryOptions,
   setCustomQuery: setCustomQuery
 };
-var RcConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
+var TBConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
   componentType: constants.componentTypes.toggleButton
-});
-
-ToggleButton.install = function (Vue) {
-  Vue.component(ToggleButton.name, RcConnected);
-}; // Add componentType for SSR
-
-
-ToggleButton.componentType = constants.componentTypes.toggleButton;
+}));
+TBConnected.name = ToggleButton.name;
+TBConnected.install = function (Vue) {
+  Vue.component(TBConnected.name, TBConnected);
+};
+// Add componentType for SSR
+TBConnected.componentType = constants.componentTypes.toggleButton;
 
-exports.default = ToggleButton;
+exports.TBConnected = TBConnected;
+exports.default = TBConnected;

package/dist/cjs/{_rollupPluginBabelHelpers-c705cbe6.js → _rollupPluginBabelHelpers-f8b843f8.js}

@@ -4,26 +4,21 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-
   _setPrototypeOf(subClass, superClass);
 }
-
 function _setPrototypeOf(o, p) {
   _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
@@ -31,47 +26,37 @@ function _setPrototypeOf(o, p) {
   };
   return _setPrototypeOf(o, p);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
-
 function _taggedTemplateLiteralLoose(strings, raw) {
   if (!raw) {
     raw = strings.slice(0);
   }
-
   strings.raw = raw;
   return strings;
 }
-
 function _toPrimitive(input, hint) {
   if (typeof input !== "object" || input === null) return input;
   var prim = input[Symbol.toPrimitive];
-
   if (prim !== undefined) {
     var res = prim.call(input, hint || "default");
     if (typeof res !== "object") return res;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-
   return (hint === "string" ? String : Number)(input);
 }
-
 function _toPropertyKey(arg) {
   var key = _toPrimitive(arg, "string");
-
   return typeof key === "symbol" ? key : String(key);
 }