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

package/dist/es/initReactivesearch.js

@@ -1,5 +1,5 @@
-import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-76660dab.js';
 import { validProps, componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
+import { a as _extends, b as _objectWithoutPropertiesLoose } from './_rollupPluginBabelHelpers-ded08042.js';
 import { transformRequestUsingEndpoint, pushToAndClause, buildQuery, extractQueryFromCustomQuery, getOptionsForCustomQuery } from '@appbaseio/reactivecore/lib/utils/helper';
 import { isSearchComponent, getRSQuery, extractPropsFromState, getDependentQueries } from '@appbaseio/reactivecore/lib/utils/transform';
 import Appbase from 'appbase-js';
@@ -13,15 +13,13 @@ import fetchGraphQL from '@appbaseio/reactivecore/lib/utils/graphQL';
 import { isPropertyDefined } from '@appbaseio/reactivecore/lib/actions/utils';
 
 var _excluded = ["aggs", "size"],
-    _excluded2 = ["query"],
-    _excluded3 = ["query"];
-
+  _excluded2 = ["query"],
+  _excluded3 = ["query"];
 var _componentTypeToDefau;
 var X_SEARCH_CLIENT = 'ReactiveSearch Vue';
 var componentsWithoutFilters = [componentTypes.numberBox, componentTypes.ratingsFilter];
 var resultComponents = [componentTypes.reactiveList, componentTypes.reactiveMap];
 var componentTypeToDefaultValue = (_componentTypeToDefau = {}, _componentTypeToDefau[componentTypes.singleList] = '', _componentTypeToDefau[componentTypes.multiList] = [], _componentTypeToDefau[componentTypes.singleDataList] = '', _componentTypeToDefau[componentTypes.singleDropdownList] = '', _componentTypeToDefau[componentTypes.multiDataList] = [], _componentTypeToDefau[componentTypes.multiDropdownList] = [], _componentTypeToDefau[componentTypes.tagCloud] = '', _componentTypeToDefau[componentTypes.toggleButton] = '', _componentTypeToDefau[componentTypes.singleDropdownRange] = '', _componentTypeToDefau[componentTypes.multiDropdownRange] = [], _componentTypeToDefau[componentTypes.singleRange] = '', _componentTypeToDefau[componentTypes.multiRange] = [], _componentTypeToDefau);
-
 function getValue(state, id, defaultValue, componentType) {
   if (state && state[id]) {
     try {
@@ -39,86 +37,71 @@ function getValue(state, id, defaultValue, componentType) {
       };
     }
   }
-
   return {
     value: defaultValue || componentTypeToDefaultValue[componentType] || null,
     reference: 'DEFAULT'
   };
 }
-
 function parseValue(value, component) {
   if (component.source && component.source.parseValue) {
     return component.source.parseValue(value, component);
   }
-
   return value;
-} // Returns query DSL with query property and other options
-
+}
 
+// Returns query DSL with query property and other options
 function getDefaultQuery(component, value) {
   // get custom or default query of sensor components
-  var currentValue = parseValue(value, component); // get default query of result components
-
+  var currentValue = parseValue(value, component);
+  // get default query of result components
   if (component.defaultQuery) {
     var defaultQuery = component.defaultQuery(currentValue, component);
     return _extends({
       query: extractQueryFromCustomQuery(defaultQuery)
     }, getOptionsForCustomQuery(defaultQuery));
   }
-
   return component.source.defaultQuery ? {
     query: component.source.defaultQuery(currentValue, component)
   } : {};
-} // Only results the query part
-
-
+}
+// Only results the query part
 function getCustomQuery(component, value) {
   // get custom or default query of sensor components
   var currentValue = parseValue(value, component);
-
   if (component.customQuery) {
     var customQuery = component.customQuery(currentValue, component);
     return _extends({
       query: extractQueryFromCustomQuery(customQuery)
     }, getOptionsForCustomQuery(customQuery));
   }
-
   return component.source.defaultQuery ? {
     query: component.source.defaultQuery(currentValue, component)
   } : null;
 }
-
 function initReactivesearch(componentCollection, searchState, settings) {
   return new Promise(function (resolve, reject) {
     var credentials = settings.url && settings.url.trim() !== '' && !settings.credentials ? null : settings.credentials;
-    var enableTelemetry = settings.appbaseConfig && settings.appbaseConfig.enableTelemetry !== undefined ? settings.appbaseConfig.enableTelemetry : true;
-
-    var headers = _extends({}, settings.enableAppbase && _extends({
+    var enableTelemetry = settings.reactivesearchAPIConfig && settings.reactivesearchAPIConfig.enableTelemetry !== undefined ? settings.reactivesearchAPIConfig.enableTelemetry : true;
+    var headers = _extends({}, _extends({
       'X-Search-Client': X_SEARCH_CLIENT
     }, enableTelemetry === false && {
       'X-Enable-Telemetry': false
-    }), settings.headers, settings.enableAppbase && settings.endpoint && settings.endpoint.headers ? settings.endpoint.headers : {});
-
+    }), settings.headers, settings.endpoint && settings.endpoint.headers ? settings.endpoint.headers : {});
     var url = settings.url && settings.url.trim() !== '' ? settings.url : 'https://scalr.api.appbase.io';
     var transformRequest = settings.transformRequest || null;
-
-    if (settings.enableAppbase && settings.endpoint) {
+    if (settings.endpoint) {
       if (settings.endpoint.url) {
         // eslint-disable-next-line prefer-destructuring
         url = settings.endpoint.url;
       }
-
       transformRequest = function transformRequest(request) {
         var modifiedRequest = transformRequestUsingEndpoint(request, settings.endpoint);
-
         if (settings.transformRequest) {
           return settings.transformRequest(modifiedRequest);
         }
-
         return modifiedRequest;
       };
     }
-
     var config = {
       url: url,
       app: settings.app,
@@ -128,20 +111,17 @@ function initReactivesearch(componentCollection, searchState, settings) {
       transformResponse: settings.transformResponse || null,
       graphQLUrl: settings.graphQLUrl || '',
       headers: headers,
-      analyticsConfig: settings.appbaseConfig || null,
-      enableAppbase: settings.enableAppbase,
+      analyticsConfig: settings.reactivesearchAPIConfig || null,
+      enableAppbase: true,
       endpoint: settings.endpoint
     };
     var appbaseRef = Appbase(config);
-
     if (config.transformRequest) {
       appbaseRef.transformRequest = config.transformRequest;
     }
-
     if (config.transformResponse) {
       appbaseRef.transformResponse = config.transformResponse;
     }
-
     var components = [];
     var selectedValues = {};
     var internalValues = {};
@@ -151,7 +131,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
     var dependencyTree = {};
     var finalQuery = [];
     var appbaseQuery = {}; // Use object to prevent duplicate query added by react prop
-
     var orderOfQueries = [];
     var hits = {};
     var aggregations = {};
@@ -162,8 +141,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
     var componentProps = {};
     componentCollection.forEach(function (component) {
       var componentType = component.source.componentType;
-      components = [].concat(components, [component.componentId]); // Set component props
-
+      components = [].concat(components, [component.componentId]);
+      // Set component props
       var compProps = {};
       Object.keys(component).forEach(function (key) {
         if (validProps.includes(key)) {
@@ -171,26 +150,20 @@ function initReactivesearch(componentCollection, searchState, settings) {
         }
       });
       var isInternalComponentPresent = false;
-
       if (component.source.hasInternalComponent) {
         isInternalComponentPresent = component.source.hasInternalComponent(component);
       }
-
       var isResultComponent = resultComponents.includes(componentType);
       var internalComponent = component.componentId + "__internal";
       var label = component.filterLabel || component.componentId;
-
       var _getValue = getValue(searchState, component.componentId, component.value || component.defaultValue, componentType),
-          value = _getValue.value,
-          reference = _getValue.reference; // [1] set selected values
-
-
+        value = _getValue.value,
+        reference = _getValue.reference;
+      // [1] set selected values
       var showFilter = component.showFilter !== undefined ? component.showFilter : true;
-
       if (componentsWithoutFilters.includes(componentType)) {
         showFilter = false;
       }
-
       selectedValues = valueReducer(selectedValues, {
         type: 'SET_VALUE',
         component: component.componentId,
@@ -199,99 +172,82 @@ function initReactivesearch(componentCollection, searchState, settings) {
         reference: reference,
         showFilter: showFilter,
         URLParams: component.URLParams || false
-      }); // Set custom and default queries
-
+      });
+      // Set custom and default queries
       if (component.customQuery && typeof component.customQuery === 'function') {
         customQueries[component.componentId] = component.customQuery(value, compProps);
       }
-
       if (component.defaultQuery && typeof component.defaultQuery === 'function') {
         defaultQueries[component.componentId] = component.defaultQuery(value, compProps);
       }
-
-      var componentQueryOptions = {}; // [2] set query options - main component query (valid for result components)
-
+      var componentQueryOptions = {};
+      // [2] set query options - main component query (valid for result components)
       if (component && component.source.generateQueryOptions) {
         componentQueryOptions = _extends({}, componentQueryOptions, component.source.generateQueryOptions(component));
       }
-
       var highlightQuery = {};
-
       if (component.source.highlightQuery) {
         highlightQuery = component.source.highlightQuery(component);
       }
-
       if (componentQueryOptions && Object.keys(componentQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
         // eslint-disable-next-line
         var _ref = componentQueryOptions || {},
-            aggs = _ref.aggs,
-            size = _ref.size,
-            otherQueryOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+          aggs = _ref.aggs,
+          size = _ref.size,
+          otherQueryOptions = _objectWithoutPropertiesLoose(_ref, _excluded);
         if (aggs && Object.keys(aggs).length) {
           isInternalComponentPresent = true;
           componentQueryOptions = _extends({}, componentQueryOptions, {
             aggs: aggs,
             size: typeof size === 'undefined' ? 100 : size
           });
-        } // sort, highlight, size, from - query should be applied on the main component
-
+        }
 
+        // sort, highlight, size, from - query should be applied on the main component
         if (otherQueryOptions && Object.keys(otherQueryOptions).length || highlightQuery && Object.keys(highlightQuery).length) {
           if (!otherQueryOptions) otherQueryOptions = {};
           if (!highlightQuery) highlightQuery = {};
-
           var mainQueryOptions = _extends({}, otherQueryOptions, highlightQuery, {
             size: size
           });
-
           if (isInternalComponentPresent) {
             mainQueryOptions = _extends({}, otherQueryOptions, highlightQuery);
           }
-
           if (isResultComponent) {
             var currentPage = component.currentPage ? component.currentPage - 1 : 0;
-
             if (selectedValues[component.componentId] && selectedValues[component.componentId].value) {
               currentPage = selectedValues[component.componentId].value - 1 || 0;
             }
-
             var resultSize = component.size || 10;
-            var from = currentPage * resultSize; // Update props for RS API
-
+            var from = currentPage * resultSize;
+            // Update props for RS API
             compProps.from = from;
             mainQueryOptions = _extends({}, mainQueryOptions, highlightQuery, {
               size: resultSize,
               from: from
             });
           }
-
           componentQueryOptions = _extends({}, componentQueryOptions, mainQueryOptions);
         }
-      } // [3] set dependency tree
-
-
+      }
+      // [3] set dependency tree
       if (component.react || isInternalComponentPresent || isResultComponent) {
         var react = component.react;
-
         if (isInternalComponentPresent || isResultComponent) {
           react = pushToAndClause(react, internalComponent);
         }
-
         dependencyTree = dependencyTreeReducer(dependencyTree, {
           type: 'WATCH_COMPONENT',
           component: component.componentId,
           react: react
         });
-      } // [4] set query list
+      }
+      // [4] set query list
       // Do not set default query for suggestions
-
-
       if (isInternalComponentPresent && !isSearchComponent(component.componentType)) {
         var _ref2 = getDefaultQuery(component, value) || {},
-            defaultQuery = _ref2.query,
-            defaultQueryOptions = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+          defaultQuery = _ref2.query,
+          defaultQueryOptions = _objectWithoutPropertiesLoose(_ref2, _excluded2);
         queryList = queryReducer(queryList, {
           type: 'SET_QUERY',
           component: internalComponent,
@@ -303,13 +259,11 @@ function initReactivesearch(componentCollection, searchState, settings) {
           options: _extends({}, componentQueryOptions, defaultQueryOptions)
         });
       }
-
       var _ref3 = getCustomQuery(component, value) || {},
-          query = _ref3.query,
-          options = _objectWithoutPropertiesLoose(_ref3, _excluded3);
-
-      var customQuery = query; // set custom query for main component
-
+        query = _ref3.query,
+        options = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+      var customQuery = query;
+      // set custom query for main component
       queryList = queryReducer(queryList, {
         type: 'SET_QUERY',
         component: component.componentId,
@@ -319,8 +273,8 @@ function initReactivesearch(componentCollection, searchState, settings) {
         type: 'SET_QUERY_OPTIONS',
         component: component.componentId,
         options: _extends({}, options)
-      }); // Set component type in component props
-
+      });
+      // Set component type in component props
       compProps.componentType = componentType;
       componentProps[component.componentId] = compProps;
     });
@@ -334,76 +288,56 @@ function initReactivesearch(componentCollection, searchState, settings) {
       props: componentProps,
       customQueries: customQueries,
       defaultQueries: defaultQueries
-    }; // [5] Generate finalQuery for search
-
+    };
+    // [5] Generate finalQuery for search
     componentCollection.forEach(function (component) {
       // eslint-disable-next-line
       var _buildQuery = buildQuery(component.componentId, dependencyTree, queryList, queryOptions),
-          queryObj = _buildQuery.queryObj,
-          options = _buildQuery.options;
-
+        queryObj = _buildQuery.queryObj,
+        options = _buildQuery.options;
       var componentQueryOptions = options;
-      var validOptions = ['aggs', 'from', 'sort']; // check if query or componentQueryOptions are valid - non-empty
-
+      var validOptions = ['aggs', 'from', 'sort'];
+      // check if query or componentQueryOptions are valid - non-empty
       if (queryObj && !!Object.keys(queryObj).length || componentQueryOptions && Object.keys(componentQueryOptions).some(function (item) {
         return validOptions.includes(item);
       })) {
         var _extends2;
-
         if (!queryObj || queryObj && !Object.keys(queryObj).length) {
           queryObj = {
             match_all: {}
           };
         }
-
         orderOfQueries = [].concat(orderOfQueries, [component.componentId]);
-
         var currentQuery = _extends({
           query: _extends({}, queryObj)
         }, componentQueryOptions, queryOptions[component.componentId]);
-
         queryLog = _extends({}, queryLog, (_extends2 = {}, _extends2[component.componentId] = currentQuery, _extends2));
-
-        if (settings.enableAppbase) {
-          var query = getRSQuery(component.componentId, extractPropsFromState(state, component.componentId, queryOptions && Object.keys(queryOptions[component.componentId]).length ? {
-            from: queryOptions[component.componentId].from
-          } : null));
-
-          if (query) {
-            var _extends3;
-
-            // Apply dependent queries
-            appbaseQuery = _extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), getDependentQueries(state, component.componentId, orderOfQueries));
-          }
-        } else {
-          var preference = config && config.analyticsConfig && config.analyticsConfig.userId ? config.analyticsConfig.userId + "_" + component : component;
-          finalQuery = [].concat(finalQuery, [{
-            preference: preference
-          }, currentQuery]);
+        var query = getRSQuery(component.componentId, extractPropsFromState(state, component.componentId, queryOptions && Object.keys(queryOptions[component.componentId]).length ? {
+          from: queryOptions[component.componentId].from
+        } : null));
+        if (query) {
+          var _extends3;
+          // Apply dependent queries
+          appbaseQuery = _extends({}, appbaseQuery, (_extends3 = {}, _extends3[component.componentId] = query, _extends3), getDependentQueries(state, component.componentId, orderOfQueries));
         }
       }
     });
     state.queryLog = queryLog;
-
     var handleTransformResponse = function handleTransformResponse(res, component) {
       if (config.transformResponse && typeof config.transformResponse === 'function') {
         return config.transformResponse(res, component);
       }
-
       return new Promise(function (resolveTransformResponse) {
         return resolveTransformResponse(res);
       });
     };
-
     var handleResponse = function handleResponse(res) {
       var allPromises = orderOfQueries.map(function (component, index) {
         return new Promise(function (responseResolve, responseReject) {
           handleTransformResponse(res.responses[index], component).then(function (response) {
             var _extends5;
-
             if (response.aggregations) {
               var _extends4;
-
               aggregations = _extends({}, aggregations, (_extends4 = {}, _extends4[component] = response.aggregations, _extends4));
               compositeAggregations = compositeAggsReducer(compositeAggregations, {
                 type: UPDATE_COMPOSITE_AGGS,
@@ -411,7 +345,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
                 append: false
               });
             }
-
             hits = _extends({}, hits, (_extends5 = {}, _extends5[component] = {
               hits: response.hits.hits,
               total: typeof response.hits.total === 'object' ? response.hits.total.value : response.hits.total,
@@ -431,7 +364,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
         resolve(state);
       });
     };
-
     var handleRSResponse = function handleRSResponse(res) {
       var promotedResults = {};
       var rawData = {};
@@ -443,7 +375,6 @@ function initReactivesearch(componentCollection, searchState, settings) {
           handleTransformResponse(res[component], component).then(function (response) {
             if (response) {
               var _extends7;
-
               if (response.promoted) {
                 promotedResults[component] = response.promoted.map(function (promoted) {
                   return _extends({}, promoted.doc, {
@@ -451,24 +382,20 @@ function initReactivesearch(componentCollection, searchState, settings) {
                   });
                 });
               }
-
-              rawData[component] = response; // Update custom data
-
+              rawData[component] = response;
+              // Update custom data
               if (response.customData) {
                 customData[component] = response.customData;
-              } // Update settings
-
+              }
 
+              // Update settings
               if (response.settings) {
                 settingsResponse[component] = response.settings;
               }
-
               if (response.aggregations) {
                 var _extends6;
-
                 aggregations = _extends({}, aggregations, (_extends6 = {}, _extends6[component] = response.aggregations, _extends6));
               }
-
               timestamp[component] = res._timestamp;
               var hitsObj = response.hits ? response.hits : response[component].hits;
               hits = _extends({}, hits, (_extends7 = {}, _extends7[component] = {
@@ -497,17 +424,14 @@ function initReactivesearch(componentCollection, searchState, settings) {
         resolve(state);
       });
     };
-
     if (config.graphQLUrl) {
       var handleTransformRequest = function handleTransformRequest(res) {
         if (config.transformRequest && typeof config.transformRequest === 'function') {
           var transformRequestPromise = config.transformRequest(res);
           return transformRequestPromise instanceof Promise ? transformRequestPromise : Promise.resolve(transformRequestPromise);
         }
-
         return Promise.resolve(res);
       };
-
       handleTransformRequest(finalQuery).then(function (requestQuery) {
         fetchGraphQL(config.graphQLUrl, config.url, config.credentials, config.app, requestQuery).then(function (res) {
           handleResponse(res);
@@ -517,34 +441,23 @@ function initReactivesearch(componentCollection, searchState, settings) {
       })["catch"](function (err) {
         return reject(err);
       });
-    } else if (settings.enableAppbase && Object.keys(appbaseQuery).length) {
+    } else if (Object.keys(appbaseQuery).length) {
       finalQuery = Object.keys(appbaseQuery).map(function (c) {
         return appbaseQuery[c];
-      }); // Call RS API
-
+      });
+      // Call RS API
       var rsAPISettings = {};
-
       if (config.analyticsConfig) {
         rsAPISettings.recordAnalytics = isPropertyDefined(config.analyticsConfig.recordAnalytics) ? config.analyticsConfig.recordAnalytics : undefined;
         rsAPISettings.userId = isPropertyDefined(config.analyticsConfig.userId) ? config.analyticsConfig.userId : undefined;
         rsAPISettings.enableQueryRules = isPropertyDefined(config.analyticsConfig.enableQueryRules) ? config.analyticsConfig.enableQueryRules : undefined;
         rsAPISettings.customEvents = isPropertyDefined(config.analyticsConfig.customEvents) ? config.analyticsConfig.customEvents : undefined;
       }
-
       appbaseRef.reactiveSearchv3(finalQuery, rsAPISettings).then(function (res) {
         handleRSResponse(res);
       })["catch"](function (err) {
         return reject(err);
       });
-    } else {
-      appbaseRef.msearch({
-        type: config.type === '*' ? '' : config.type,
-        body: finalQuery
-      }).then(function (res) {
-        handleResponse(res);
-      })["catch"](function (err) {
-        return reject(err);
-      });
     }
   });
 }

package/dist/es/install.js

@@ -1,55 +1,63 @@
 import '@appbaseio/reactivecore';
-import './_rollupPluginBabelHelpers-76660dab.js';
-import 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/constants';
+import '@vue/babel-helper-vue-transform-on';
+import './_rollupPluginBabelHelpers-ded08042.js';
+import 'vue';
+import 'vue-types';
 import '@appbaseio/reactivecore/lib/utils/helper';
-import 'emotion';
 import '@appbaseio/vue-emotion';
+import 'emotion';
 import 'polished';
-import './Button-d8bc15ea.js';
-import './vueTypes-b8146772.js';
-import './Pagination-784bf143.js';
-import './ReactiveList.js';
+import './Button-474510e3.js';
+import './vueTypes-f1923c72.js';
+import './Pagination-72bd1d9e.js';
+import ReactiveList from './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-7788a843.js';
-import './ComponentWrapper-424e86fd.js';
-import '@vue/babel-helper-vue-jsx-merge-props';
-import './Title-3342664a.js';
-import './ListItem-cad14c5e.js';
-import './Card-450683f1.js';
-import './Flex-1f0795c3.js';
+import './index-4520a598.js';
+import './ComponentWrapper-3dfe6931.js';
+import './PreferencesConsumer-24e88f3b.js';
+import './Title-863dfa42.js';
+import './ListItem-16756c02.js';
+import './Card-38cbe652.js';
+import './Flex-a08e22d7.js';
 import '@appbaseio/reactivecore/lib/actions/analytics';
 import 'appbase-js';
+import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
-import './ReactiveBase.js';
+import ReactiveBase from './ReactiveBase.js';
 import 'hotkeys-js';
-import './DataSearch-b86a6675.js';
-import './CancelSvg-4cfae5fd.js';
-import './Input-7a2a9fac.js';
+import { S as SearchBox, R as ReactiveComponent } from './ReactiveComponent-0a97eb1e.js';
+import './DropDown-029ffd42.js';
+import './Input-ad474a55.js';
 import 'compute-scroll-into-view';
-import './Container-ba826e96.js';
+import './Container-d00219f7.js';
 import 'vue-highlight-words';
-export { i as default } from './install-ac8a1edb.js';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
-import './FormControlList-c22d64f6.js';
-import './utils-9e68acee.js';
-import './SingleList.js';
-import './MultiList.js';
-import './DropDown-05a644a5.js';
-import './SingleDropdownList.js';
-import './MultiDropdownList.js';
-import './ToggleButton.js';
-import './ReactiveComponent.js';
-import './SelectedFilters.js';
-import './SingleRange.js';
-import './MultiRange.js';
-import './ResultCard.js';
-import './ResultList.js';
-import 'vue-no-ssr';
-import './ssr-b2c0b401.js';
-import './RangeSlider.js';
-import './DynamicRangeSlider.js';
-import '@appbaseio/reactivecore/lib/actions/value';
-import './StateProvider.js';
-import './RangeInput.js';
+import './FormControlList-fe6eaee4.js';
+import './utils-9e5a16a1.js';
+import SingleList from './SingleList.js';
+import MultiList from './MultiList.js';
+import SingleDropdownList from './SingleDropdownList.js';
+import MultiDropdownList from './MultiDropdownList.js';
+import ToggleButton from './ToggleButton.js';
+import './ssr-584c278d.js';
+import DynamicRangeSlider from './DynamicRangeSlider.js';
+import SingleRange from './SingleRange.js';
+import MultiRange from './MultiRange.js';
+import RangeSlider from './RangeSlider.js';
+import RangeInput from './RangeInput.js';
+import SelectedFilters from './SelectedFilters.js';
+import ResultCard from './ResultCard.js';
+import ResultList from './ResultList.js';
+import StateProvider from './StateProvider.js';
+
+var components = [ReactiveList, ResultCard, ResultList, ReactiveBase, SearchBox, SingleList, MultiList, SingleRange, MultiRange, RangeSlider, DynamicRangeSlider, ReactiveComponent, SelectedFilters, ToggleButton, SingleDropdownList, MultiDropdownList, StateProvider, RangeInput];
+function install (Vue) {
+  components.map(function (component) {
+    Vue.use(component);
+    return null;
+  });
+}
+
+export default install;