@appbaseio/reactivesearch-vue 1.16.0-alpha.6 → 1.16.0-alpha.62

package/dist/cjs/SingleList.js

@@ -6,22 +6,23 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-c21f265b.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-baca18c4.js');
-var ComponentWrapper = require('./ComponentWrapper-603848ed.js');
-var Title = require('./Title-65d39104.js');
-var Input = require('./Input-95cb19f8.js');
-var Container = require('./Container-6cdd3864.js');
-var FormControlList = require('./FormControlList-f3857d4b.js');
-var utils = require('./utils-ea846a20.js');
+var index = require('./index-6a167fe0.js');
+var ComponentWrapper = require('./ComponentWrapper-ad3dad02.js');
+var Title = require('./Title-1de7d0f4.js');
+var Input = require('./Input-e6603a7e.js');
+var Container = require('./Container-daf30918.js');
+var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
+var FormControlList = require('./FormControlList-c195a592.js');
+var utils = require('./utils-d6a52588.js');
 
 var updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -30,13 +31,14 @@ var updateQuery = configureStore.Actions.updateQuery,
 var getQueryOptions = configureStore.helper.getQueryOptions,
     checkValueChange = configureStore.helper.checkValueChange,
     getClassName = configureStore.helper.getClassName,
-    getOptionsFromQuery = configureStore.helper.getOptionsFromQuery,
-    isEqual = configureStore.helper.isEqual;
+    isEqual = configureStore.helper.isEqual,
+    extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
+    getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
 var SingleList = {
   name: 'SingleList',
   props: {
     beforeValueChange: vueTypes.types.func,
-    className: vueTypes.types.string.def(''),
+    className: VueTypes.string.def(''),
     componentId: vueTypes.types.stringRequired,
     customQuery: vueTypes.types.func,
     dataField: vueTypes.types.stringRequired,
@@ -56,27 +58,34 @@ var SingleList = {
     showFilter: VueTypes.bool.def(true),
     showRadio: VueTypes.bool.def(true),
     showSearch: VueTypes.bool.def(true),
-    size: VueTypes.number.def(100),
+    size: VueTypes.number,
     sortBy: VueTypes.oneOf(['asc', 'desc', 'count']).def('count'),
     title: vueTypes.types.title,
     URLParams: VueTypes.bool.def(false),
     showMissing: VueTypes.bool.def(false),
     missingLabel: VueTypes.string.def('N/A'),
     nestedField: vueTypes.types.string,
+    index: VueTypes.string,
     enableStrictSelection: VueTypes.bool.def(false)
   },
   data: function data() {
     var props = this.$props;
     this.__state = {
       currentValue: '',
-      modifiedOptions: props.options && props.options[props.dataField] ? props.options[props.dataField].buckets : [],
+      modifiedOptions: [],
       searchTerm: ''
     };
     this.internalComponent = props.componentId + "__internal";
     return this.__state;
   },
   created: function created() {
-    // Set custom and default queries in store
+    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`.');
+    }
+
+    var props = this.$props;
+    this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : []; // Set custom and default queries in store
+
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
     index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
   },
@@ -93,7 +102,9 @@ var SingleList = {
   },
   watch: {
     options: function options(newVal) {
-      this.modifiedOptions = newVal[this.$props.dataField] ? newVal[this.$props.dataField].buckets : [];
+      if (newVal) {
+        this.modifiedOptions = newVal[this.$props.dataField] ? newVal[this.$props.dataField].buckets : [];
+      }
     },
     size: function size() {
       this.updateQueryHandlerOptions(this.$props);
@@ -144,8 +155,12 @@ var SingleList = {
       return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
     }
 
-    if (!this.hasCustomRenderer && this.modifiedOptions.length === 0) {
-      return null;
+    if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
+      if (this.renderNoResult) {
+        this.renderNoResult();
+      } else {
+        return null;
+      }
     }
 
     var itemsToRender = this.$data.modifiedOptions;
@@ -157,7 +172,7 @@ var SingleList = {
     var filteredItemsToRender = itemsToRender.filter(function (item) {
       if (String(item.key).length) {
         if (_this.$props.showSearch && _this.$data.searchTerm) {
-          return String(item.key).toLowerCase().includes(_this.$data.searchTerm.toLowerCase());
+          return suggestions.replaceDiacritics(String(item.key)).toLowerCase().includes(suggestions.replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
         }
 
         return true;
@@ -255,22 +270,22 @@ var SingleList = {
       checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
     },
     updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
-      var defaultQueryOptions;
       var query = SingleList.defaultQuery(value, props);
 
       if (this.defaultQuery) {
         var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
+        var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
 
-        if (defaultQueryToBeSet.query) {
-          query = defaultQueryToBeSet.query;
-        }
+        if (defaultQueryObj) {
+          query = defaultQueryObj;
+        } // Update calculated default query in store
 
-        defaultQueryOptions = getOptionsFromQuery(defaultQueryToBeSet); // Update calculated default query in store
 
         index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
+        var defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet);
+        this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
       }
 
-      this.setQueryOptions(this.internalComponent, defaultQueryOptions);
       this.updateQuery({
         componentId: this.internalComponent,
         query: query,
@@ -281,17 +296,15 @@ var SingleList = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = SingleList.defaultQuery(value, props);
-      var customQueryOptions;
 
       if (customQuery) {
-        var _ref = customQuery(value, props) || {};
-
-        query = _ref.query;
-        customQueryOptions = getOptionsFromQuery(customQuery(value, props));
+        var customQueryCalc = customQuery(value, props);
+        query = extractQueryFromCustomQuery(customQueryCalc);
+        var customQueryOptions = getOptionsForCustomQuery(customQueryCalc);
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
+        this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -311,8 +324,8 @@ var SingleList = {
 
       if (props.defaultQuery) {
         var value = this.$data.currentValue;
-        var defaultQueryOptions = getOptionsFromQuery(props.defaultQuery(value, props));
-        this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, queryOptions), defaultQueryOptions));
+        var defaultQueryOptions = getOptionsForCustomQuery(props.defaultQuery(value, props));
+        this.setQueryOptions(this.internalComponent, _rollupPluginBabelHelpers._extends({}, queryOptions, defaultQueryOptions));
       } else {
         this.setQueryOptions(this.internalComponent, queryOptions);
       }
@@ -456,6 +469,10 @@ SingleList.defaultQuery = function (value, props) {
   return query;
 };
 
+SingleList.hasInternalComponent = function () {
+  return true;
+};
+
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     options: props.nestedField && state.aggregations[props.componentId] ? state.aggregations[props.componentId].reactivesearch_nested : state.aggregations[props.componentId],
@@ -464,7 +481,8 @@ var mapStateToProps = function mapStateToProps(state, props) {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || '',
     themePreset: state.config.themePreset,
     error: state.error[props.componentId],
-    componentProps: state.props[props.componentId]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };
 
@@ -476,7 +494,7 @@ var mapDispatchtoProps = {
 };
 var ListConnected = ComponentWrapper.ComponentWrapper(index.connect(mapStateToProps, mapDispatchtoProps)(SingleList), {
   componentType: constants.componentTypes.singleList,
-  internalComponent: true
+  internalComponent: SingleList.hasInternalComponent()
 });
 
 SingleList.install = function (Vue) {

package/dist/cjs/SingleRange.js

@@ -6,20 +6,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-require('./_rollupPluginBabelHelpers-4abdbfff.js');
+require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var vueTypes = require('./vueTypes-c21f265b.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-baca18c4.js');
-var ComponentWrapper = require('./ComponentWrapper-603848ed.js');
-var Title = require('./Title-65d39104.js');
-var Container = require('./Container-6cdd3864.js');
-var FormControlList = require('./FormControlList-f3857d4b.js');
+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 updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -53,10 +53,15 @@ var SingleRange = {
     showRadio: VueTypes.bool.def(true),
     title: vueTypes.types.title,
     URLParams: VueTypes.bool.def(false),
-    nestedField: vueTypes.types.string
+    nestedField: vueTypes.types.string,
+    index: VueTypes.string
   },
   created: function created() {
-    // Set custom query in store
+    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
+
+
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   beforeMount: function beforeMount() {
@@ -135,7 +140,7 @@ var SingleRange = {
         props = this.$props;
       }
 
-      var currentValue = SingleRange.parseValue(value, props);
+      var currentValue = typeof value === 'string' ? SingleRange.parseValue(value, props) : value;
 
       var performUpdate = function performUpdate() {
         _this2.currentValue = currentValue;
@@ -152,17 +157,16 @@ var SingleRange = {
     updateQueryHandler: function updateQueryHandler(value, props) {
       var customQuery = props.customQuery;
       var query = SingleRange.defaultQuery(value, props);
-      var customQueryOptions;
 
       if (customQuery) {
         var _ref = customQuery(value, props) || {};
 
         query = _ref.query;
-        customQueryOptions = getOptionsFromQuery(customQuery(value, props));
+        var customQueryOptions = getOptionsFromQuery(customQuery(value, props));
         index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
+        this.setQueryOptions(props.componentId, customQueryOptions, false);
       }
 
-      this.setQueryOptions(props.componentId, customQueryOptions);
       this.updateQuery({
         componentId: props.componentId,
         query: query,
@@ -223,7 +227,8 @@ SingleRange.defaultQuery = function (value, props) {
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    componentProps: state.props[props.componentId]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };
 

package/dist/cjs/StateProvider.js

@@ -6,17 +6,23 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var VueTypes = _interopDefault(require('vue-types'));
 require('@appbaseio/reactivecore/lib/utils/constants');
+var transform = require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-baca18c4.js');
+var index = require('./index-6a167fe0.js');
+var value = require('@appbaseio/reactivecore/lib/actions/value');
 
 var getSearchState = configureStore.helper.getSearchState;
 var defaultKeys = ['hits', 'value', 'aggregations', 'error'];
 
 var filterProps = function filterProps(props) {
-  return _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, props), {}, {
+  if (props === void 0) {
+    props = {};
+  }
+
+  return _rollupPluginBabelHelpers._extends({}, props, {
     props: props.componentProps
   });
 };
@@ -35,7 +41,7 @@ var filterByComponentIds = function filterByComponentIds(state, props) {
     return _ref = {}, _ref[componentIds] = state[componentIds], _ref;
   }
 
-  if (componentIds instanceof Array) {
+  if (Array.isArray(componentIds)) {
     var filteredState = {};
     componentIds.forEach(function (componentId) {
       filteredState[componentId] = state[componentId];
@@ -50,7 +56,7 @@ var filterByKeys = function filterByKeys(state, allowedKeys) {
   return Object.keys(state).reduce(function (components, componentId) {
     var _extends2;
 
-    return _rollupPluginBabelHelpers._extends(_rollupPluginBabelHelpers._extends({}, components), {}, (_extends2 = {}, _extends2[componentId] = Object.keys(state[componentId]).filter(function (key) {
+    return _rollupPluginBabelHelpers._extends({}, components, (_extends2 = {}, _extends2[componentId] = Object.keys(state[componentId]).filter(function (key) {
       return allowedKeys.includes(key);
     }).reduce(function (obj, key) {
       // eslint-disable-next-line
@@ -74,7 +80,7 @@ var StateProvider = {
     };
     return this.__state;
   },
-  mounted: function mounted() {
+  created: function created() {
     this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
   },
   computed: {
@@ -96,7 +102,7 @@ var StateProvider = {
   watch: {
     searchState: function searchState(newVal, oldVal) {
       if (this.isStateChanged(newVal, oldVal)) {
-        this.$emit('change', newVal, oldVal);
+        this.$emit('change', oldVal, newVal);
       }
     },
     selectedValues: function selectedValues(newVal, oldVal) {
@@ -150,13 +156,32 @@ var StateProvider = {
       if (this.isStateChanged(newVal, oldVal)) {
         this.searchState = filterByKeys(getSearchState(filterProps(this.searchStateProps)), this.includeKeys);
       }
+    },
+    setSearchState: function setSearchState(valuesMap) {
+      if (valuesMap === void 0) {
+        valuesMap = {};
+      }
+
+      var components = this.components;
+      var computedValuesMap = {};
+      components.filter(function (component) {
+        return !transform.isInternalComponent(component);
+      }).forEach(function (component) {
+        if (component in valuesMap) {
+          computedValuesMap[component] = valuesMap[component];
+        } else {
+          computedValuesMap[component] = null;
+        }
+      });
+      this.setValues(computedValuesMap);
     }
   },
   render: function render() {
     var searchState = this.searchState;
     var dom = this.$scopedSlots["default"];
     return dom ? dom({
-      searchState: searchState
+      searchState: searchState,
+      setSearchState: this.setSearchState
     }) : null;
   }
 };
@@ -174,11 +199,15 @@ var mapStateToProps = function mapStateToProps(state, props) {
     promotedResults: filterByComponentIds(state.promotedResults, props),
     customData: filterByComponentIds(state.customData, props),
     settings: filterByComponentIds(state.settings, props),
-    rawData: filterByComponentIds(state.rawData, props)
+    rawData: filterByComponentIds(state.rawData, props),
+    components: filterByComponentIds(state.components, props)
   };
 };
 
-var StateProviderConnected = index.connect(mapStateToProps, {})(StateProvider);
+var mapDispatchtoProps = {
+  setValues: value.setValues
+};
+var StateProviderConnected = index.connect(mapStateToProps, mapDispatchtoProps)(StateProvider);
 
 StateProvider.install = function (Vue) {
   Vue.component(StateProvider.name, StateProviderConnected);

package/dist/cjs/{Title-65d39104.js → Title-1de7d0f4.js}

@@ -2,20 +2,12 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
 var styled = require('@appbaseio/vue-emotion');
 var styled__default = _interopDefault(styled);
 
-function _templateObject() {
-  var data = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-var Title = styled__default('h2')(_templateObject(), function (_ref) {
+var _templateObject;
+var Title = styled__default('h2')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 0 8px;\n\tfont-size: 1rem;\n\tcolor: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.titleColor;
 });

package/dist/cjs/ToggleButton.js

@@ -6,20 +6,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var configureStore = require('@appbaseio/reactivecore');
 var configureStore__default = _interopDefault(configureStore);
-require('./_rollupPluginBabelHelpers-4abdbfff.js');
-require('vue-types');
+require('./_rollupPluginBabelHelpers-c705cbe6.js');
+var VueTypes = _interopDefault(require('vue-types'));
 var constants = require('@appbaseio/reactivecore/lib/utils/constants');
 require('emotion');
 require('@appbaseio/vue-emotion');
 require('polished');
-var Button = require('./Button-d48d4365.js');
-var vueTypes = require('./vueTypes-c21f265b.js');
+var Button = require('./Button-446f819e.js');
+var vueTypes = require('./vueTypes-6de9d2a9.js');
 require('@appbaseio/reactivecore/lib/utils/transform');
 require('redux');
-var index = require('./index-baca18c4.js');
-var ComponentWrapper = require('./ComponentWrapper-603848ed.js');
-var Title = require('./Title-65d39104.js');
-var Container = require('./Container-6cdd3864.js');
+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 updateQuery = configureStore.Actions.updateQuery,
     setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -33,19 +33,22 @@ var ToggleButton = {
   name: 'ToggleButton',
   props: {
     componentId: vueTypes.types.stringRequired,
+    customQuery: vueTypes.types.func,
     data: vueTypes.types.data,
     dataField: vueTypes.types.stringRequired,
-    defaultValue: vueTypes.types.stringOrArray,
+    defaultValue: vueTypes.types.any,
     value: vueTypes.types.stringOrArray,
     filterLabel: vueTypes.types.string,
     nestedField: vueTypes.types.string,
     innerClass: vueTypes.types.style,
-    multiSelect: vueTypes.types.bool,
+    multiSelect: VueTypes.bool,
     react: vueTypes.types.react,
-    showFilter: vueTypes.types.bool,
+    showFilter: VueTypes.bool,
     title: vueTypes.types.title,
-    URLParams: vueTypes.types.bool,
-    renderItem: vueTypes.types.func
+    URLParams: VueTypes.bool,
+    renderItem: vueTypes.types.func,
+    index: VueTypes.string,
+    enableStrictSelection: VueTypes.bool
   },
   data: function data() {
     this.__state = {
@@ -65,7 +68,11 @@ var ToggleButton = {
     }
   },
   created: function created() {
-    // Set custom query in store
+    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
+
+
     index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
   },
   watch: {
@@ -187,7 +194,7 @@ var ToggleButton = {
         var _ref = customQuery(value, props) || {};
 
         query = _ref.query;
-        this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)));
+        this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)), false);
         index.updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
       }
 
@@ -203,6 +210,16 @@ var ToggleButton = {
       });
     },
     handleClick: function handleClick(item) {
+      var _this$$props = this.$props,
+          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) {
@@ -210,6 +227,8 @@ var ToggleButton = {
       } else {
         this.$emit('change', item.value);
       }
+
+      return true;
     },
     renderButton: function renderButton(item) {
       var _this2 = this;
@@ -312,7 +331,8 @@ ToggleButton.defaultQuery = function (value, props) {
 var mapStateToProps = function mapStateToProps(state, props) {
   return {
     selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
-    componentProps: state.props[props.componentId]
+    componentProps: state.props[props.componentId],
+    enableAppbase: state.config.enableAppbase
   };
 };
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -14,7 +14,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -26,11 +25,10 @@ function _inheritsLoose(subClass, superClass) {
 }
 
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }