@appbaseio/reactivesearch-vue 1.16.0-alpha.23 → 1.16.0-alpha.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +560 -259
  2. package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
  3. package/dist/@appbaseio/reactivesearch-vue.umd.min.js +5 -5
  4. package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
  5. package/dist/cjs/DataSearch.js +2 -2
  6. package/dist/cjs/{DropDown-d3c78c41.js → DropDown-3c343026.js} +5 -3
  7. package/dist/cjs/DynamicRangeSlider.js +1 -1
  8. package/dist/cjs/MultiDropdownList.js +3 -2
  9. package/dist/cjs/MultiList.js +3 -2
  10. package/dist/cjs/MultiRange.js +1 -1
  11. package/dist/cjs/{Pagination-d4dbfd5a.js → Pagination-0b9ec0fc.js} +1 -1
  12. package/dist/cjs/RangeInput.js +1 -1
  13. package/dist/cjs/RangeSlider.js +1 -1
  14. package/dist/cjs/ReactiveBase.js +14 -8
  15. package/dist/cjs/ReactiveComponent.js +12 -12
  16. package/dist/cjs/ReactiveGoogleMap.js +2 -2
  17. package/dist/cjs/ReactiveList.js +102 -87
  18. package/dist/cjs/ResultCard.js +1 -1
  19. package/dist/cjs/ResultList.js +1 -1
  20. package/dist/cjs/SelectedFilters.js +1 -1
  21. package/dist/cjs/SingleDropdownList.js +3 -2
  22. package/dist/cjs/SingleList.js +3 -2
  23. package/dist/cjs/SingleRange.js +1 -1
  24. package/dist/cjs/ToggleButton.js +2 -2
  25. package/dist/cjs/index.js +5 -4
  26. package/dist/cjs/initReactivesearch.js +15 -14
  27. package/dist/cjs/install.js +5 -4
  28. package/dist/cjs/version.js +1 -1
  29. package/dist/cjs/{vueTypes-409348b0.js → vueTypes-829a5f2c.js} +5 -1
  30. package/dist/es/DataSearch.js +2 -2
  31. package/dist/es/{DropDown-8894cc22.js → DropDown-c5ab660f.js} +5 -3
  32. package/dist/es/DynamicRangeSlider.js +1 -1
  33. package/dist/es/MultiDropdownList.js +3 -2
  34. package/dist/es/MultiList.js +3 -2
  35. package/dist/es/MultiRange.js +1 -1
  36. package/dist/es/{Pagination-a2ab7fcb.js → Pagination-e8216949.js} +1 -1
  37. package/dist/es/RangeInput.js +1 -1
  38. package/dist/es/RangeSlider.js +1 -1
  39. package/dist/es/ReactiveBase.js +14 -8
  40. package/dist/es/ReactiveComponent.js +12 -12
  41. package/dist/es/ReactiveGoogleMap.js +2 -2
  42. package/dist/es/ReactiveList.js +102 -87
  43. package/dist/es/ResultCard.js +1 -1
  44. package/dist/es/ResultList.js +1 -1
  45. package/dist/es/SelectedFilters.js +1 -1
  46. package/dist/es/SingleDropdownList.js +3 -2
  47. package/dist/es/SingleList.js +3 -2
  48. package/dist/es/SingleRange.js +1 -1
  49. package/dist/es/ToggleButton.js +2 -2
  50. package/dist/es/index.js +5 -4
  51. package/dist/es/initReactivesearch.js +15 -14
  52. package/dist/es/install.js +5 -4
  53. package/dist/es/version.js +1 -1
  54. package/dist/es/{vueTypes-a9b9d5c9.js → vueTypes-98819a12.js} +5 -1
  55. package/package.json +3 -3
@@ -9,18 +9,18 @@ var configureStore__default = _interopDefault(configureStore);
9
9
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
10
10
  var VueTypes = _interopDefault(require('vue-types'));
11
11
  var constants = require('@appbaseio/reactivecore/lib/utils/constants');
12
+ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
12
13
  require('emotion');
13
14
  var styled = require('@appbaseio/vue-emotion');
14
15
  var styled__default = _interopDefault(styled);
15
16
  require('polished');
16
- var vueTypes = require('./vueTypes-409348b0.js');
17
+ var vueTypes = require('./vueTypes-829a5f2c.js');
17
18
  require('@appbaseio/reactivecore/lib/utils/transform');
18
19
  require('redux');
19
20
  var index = require('./index-2a8358cd.js');
20
21
  var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
21
22
  var Title = require('./Title-39765ee6.js');
22
23
  var Flex = require('./Flex-699639d2.js');
23
- var helper = require('@appbaseio/reactivecore/lib/utils/helper');
24
24
  var hotkeys = _interopDefault(require('hotkeys-js'));
25
25
  var Input = require('./Input-c6f181d5.js');
26
26
  require('compute-scroll-into-view');
@@ -9,10 +9,11 @@ var VueTypes = _interopDefault(require('vue-types'));
9
9
  var emotion = require('emotion');
10
10
  var styled = require('@appbaseio/vue-emotion');
11
11
  var styled__default = _interopDefault(styled);
12
- var vueTypes = require('./vueTypes-409348b0.js');
12
+ var vueTypes = require('./vueTypes-829a5f2c.js');
13
13
  var index = require('./index-2a8358cd.js');
14
14
  var Input = require('./Input-c6f181d5.js');
15
15
  var DownShift = require('./DownShift-d41f2442.js');
16
+ var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
16
17
 
17
18
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
18
19
  var small = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmin-height: 0;\n\theight: 30px;\n\tborder: 0;\n\tbox-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;\n\tborder-radius: 2px;\n"])));
@@ -102,7 +103,7 @@ var Dropdown = {
102
103
  var filteredItemsToRender = itemsToRender.filter(function (item) {
103
104
  if (String(item[labelField]).length) {
104
105
  if (_this.$props.showSearch && _this.$data.searchTerm) {
105
- return String(item[labelField]).toLowerCase().includes(_this.$data.searchTerm.toLowerCase());
106
+ return suggestions.replaceDiacritics(String(item[labelField])).toLowerCase().includes(suggestions.replaceDiacritics(_this.$data.searchTerm.toLowerCase()));
106
107
  }
107
108
 
108
109
  return true;
@@ -166,7 +167,8 @@ var Dropdown = {
166
167
  }
167
168
  }) : null, !hasCustomRenderer && filteredItemsToRender.length === 0 ? _this.renderNoResult() : filteredItemsToRender.map(function (item, index) {
168
169
  var selected = _this.$props.multi // MultiDropdownList
169
- && (selectedItem && !!selectedItem[item[keyField]] || Array.isArray(selectedItem) && selectedItem.find(function (value) {
170
+ && (selectedItem && !!selectedItem[item[keyField]] // MultiDropdownRange
171
+ || Array.isArray(selectedItem) && selectedItem.find(function (value) {
170
172
  return value[labelField] === item[labelField];
171
173
  }));
172
174
  if (!_this.$props.multi) selected = item.key === selectedItem;
@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js
10
10
  var VueTypes = _interopDefault(require('vue-types'));
11
11
  var constants = require('@appbaseio/reactivecore/lib/utils/constants');
12
12
  require('@appbaseio/vue-emotion');
13
- var vueTypes = require('./vueTypes-409348b0.js');
13
+ var vueTypes = require('./vueTypes-829a5f2c.js');
14
14
  require('redux');
15
15
  var index = require('./index-2a8358cd.js');
16
16
  var Title = require('./Title-39765ee6.js');
@@ -13,7 +13,7 @@ require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('polished');
15
15
  var Button = require('./Button-d2f1aeda.js');
16
- var vueTypes = require('./vueTypes-409348b0.js');
16
+ var vueTypes = require('./vueTypes-829a5f2c.js');
17
17
  require('@appbaseio/reactivecore/lib/utils/transform');
18
18
  require('redux');
19
19
  var index = require('./index-2a8358cd.js');
@@ -23,8 +23,9 @@ require('./Input-c6f181d5.js');
23
23
  require('compute-scroll-into-view');
24
24
  require('./DownShift-d41f2442.js');
25
25
  var Container = require('./Container-8a08d663.js');
26
+ require('@appbaseio/reactivecore/lib/utils/suggestions');
26
27
  var utils = require('./utils-23afb20b.js');
27
- var DropDown = require('./DropDown-d3c78c41.js');
28
+ var DropDown = require('./DropDown-3c343026.js');
28
29
 
29
30
  var updateQuery = configureStore.Actions.updateQuery,
30
31
  setQueryOptions = configureStore.Actions.setQueryOptions,
@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
12
12
  require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('polished');
15
- var vueTypes = require('./vueTypes-409348b0.js');
15
+ var vueTypes = require('./vueTypes-829a5f2c.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
18
18
  var index = require('./index-2a8358cd.js');
@@ -20,6 +20,7 @@ var ComponentWrapper = require('./ComponentWrapper-ab813390.js');
20
20
  var Title = require('./Title-39765ee6.js');
21
21
  var Input = require('./Input-c6f181d5.js');
22
22
  var Container = require('./Container-8a08d663.js');
23
+ var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
23
24
  var FormControlList = require('./FormControlList-73497794.js');
24
25
  var utils = require('./utils-23afb20b.js');
25
26
 
@@ -187,7 +188,7 @@ var MultiList = {
187
188
  var filteredItemsToRender = itemsToRender.filter(function (item) {
188
189
  if (String(item.key).length) {
189
190
  if (_this2.$props.showSearch && _this2.$data.searchTerm) {
190
- return String(item.key).toLowerCase().includes(_this2.$data.searchTerm.toLowerCase());
191
+ return suggestions.replaceDiacritics(String(item.key)).toLowerCase().includes(suggestions.replaceDiacritics(_this2.$data.searchTerm).toLowerCase());
191
192
  }
192
193
 
193
194
  return true;
@@ -12,7 +12,7 @@ var constants = require('@appbaseio/reactivecore/lib/utils/constants');
12
12
  require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('polished');
15
- var vueTypes = require('./vueTypes-409348b0.js');
15
+ var vueTypes = require('./vueTypes-829a5f2c.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
18
18
  var index = require('./index-2a8358cd.js');
@@ -6,7 +6,7 @@ var configureStore = require('@appbaseio/reactivecore');
6
6
  var configureStore__default = _interopDefault(configureStore);
7
7
  var VueTypes = _interopDefault(require('vue-types'));
8
8
  var Button = require('./Button-d2f1aeda.js');
9
- var vueTypes = require('./vueTypes-409348b0.js');
9
+ var vueTypes = require('./vueTypes-829a5f2c.js');
10
10
 
11
11
  var getClassName = configureStore.helper.getClassName,
12
12
  handleA11yAction = configureStore.helper.handleA11yAction;
@@ -13,7 +13,7 @@ var emotion = require('emotion');
13
13
  var styled = require('@appbaseio/vue-emotion');
14
14
  var styled__default = _interopDefault(styled);
15
15
  require('polished');
16
- var vueTypes = require('./vueTypes-409348b0.js');
16
+ var vueTypes = require('./vueTypes-829a5f2c.js');
17
17
  require('@appbaseio/reactivecore/lib/utils/transform');
18
18
  require('redux');
19
19
  var index = require('./index-2a8358cd.js');
@@ -10,7 +10,7 @@ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js
10
10
  var VueTypes = _interopDefault(require('vue-types'));
11
11
  var constants = require('@appbaseio/reactivecore/lib/utils/constants');
12
12
  require('@appbaseio/vue-emotion');
13
- var vueTypes = require('./vueTypes-409348b0.js');
13
+ var vueTypes = require('./vueTypes-829a5f2c.js');
14
14
  require('@appbaseio/reactivecore/lib/utils/transform');
15
15
  require('redux');
16
16
  var index = require('./index-2a8358cd.js');
@@ -9,13 +9,13 @@ var configureStore__default = _interopDefault(configureStore);
9
9
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
10
10
  var VueTypes = _interopDefault(require('vue-types'));
11
11
  require('@appbaseio/reactivecore/lib/utils/constants');
12
+ var helper = require('@appbaseio/reactivecore/lib/utils/helper');
12
13
  var styled = require('@appbaseio/vue-emotion');
13
14
  var styled__default = _interopDefault(styled);
14
- var vueTypes = require('./vueTypes-409348b0.js');
15
+ var vueTypes = require('./vueTypes-829a5f2c.js');
15
16
  require('redux');
16
17
  var index = require('./index-2a8358cd.js');
17
18
  var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
18
- var helper = require('@appbaseio/reactivecore/lib/utils/helper');
19
19
  var analytics = require('@appbaseio/reactivecore/lib/actions/analytics');
20
20
  var Appbase = _interopDefault(require('appbase-js'));
21
21
  require('url-search-params-polyfill');
@@ -358,7 +358,7 @@ var ReactiveBase = {
358
358
  }
359
359
  },
360
360
  props: {
361
- app: vueTypes.types.stringRequired,
361
+ app: vueTypes.types.string,
362
362
  analytics: VueTypes.bool,
363
363
  analyticsConfig: vueTypes.types.analyticsConfig,
364
364
  appbaseConfig: vueTypes.types.appbaseConfig,
@@ -378,7 +378,8 @@ var ReactiveBase = {
378
378
  transformResponse: vueTypes.types.func,
379
379
  as: VueTypes.string.def('div'),
380
380
  getSearchParams: vueTypes.types.func,
381
- setSearchParams: vueTypes.types.func
381
+ setSearchParams: vueTypes.types.func,
382
+ mongodb: vueTypes.types.mongodb
382
383
  },
383
384
  provide: function provide() {
384
385
  return {
@@ -418,6 +419,9 @@ var ReactiveBase = {
418
419
  this.store.dispatch(analytics.updateAnalyticsConfig(newVal));
419
420
  }
420
421
  }
422
+ },
423
+ mongodb: function mongodb() {
424
+ this.updateState(this.$props);
421
425
  }
422
426
  },
423
427
  computed: {
@@ -425,12 +429,13 @@ var ReactiveBase = {
425
429
  var _this$$props = this.$props,
426
430
  enableAppbase = _this$$props.enableAppbase,
427
431
  headers = _this$$props.headers,
428
- appbaseConfig = _this$$props.appbaseConfig;
432
+ appbaseConfig = _this$$props.appbaseConfig,
433
+ mongodb = _this$$props.mongodb;
429
434
 
430
435
  var _ref = appbaseConfig || {},
431
436
  enableTelemetry = _ref.enableTelemetry;
432
437
 
433
- return _rollupPluginBabelHelpers._extends({}, enableAppbase && _rollupPluginBabelHelpers._extends({
438
+ return _rollupPluginBabelHelpers._extends({}, enableAppbase && !mongodb && _rollupPluginBabelHelpers._extends({
434
439
  'X-Search-Client': index.X_SEARCH_CLIENT
435
440
  }, enableTelemetry === false && {
436
441
  'X-Enable-Telemetry': false
@@ -448,7 +453,7 @@ var ReactiveBase = {
448
453
  var appbaseConfig = _rollupPluginBabelHelpers._extends({}, props.analyticsConfig, props.appbaseConfig);
449
454
 
450
455
  var config = {
451
- url: props.url && props.url.trim() !== '' ? props.url : 'https://scalr.api.appbase.io',
456
+ url: props.url && props.url.trim() !== '' ? props.url : '',
452
457
  app: props.app,
453
458
  credentials: credentials,
454
459
  type: props.type ? props.type : '*',
@@ -456,7 +461,8 @@ var ReactiveBase = {
456
461
  transformResponse: props.transformResponse,
457
462
  enableAppbase: props.enableAppbase,
458
463
  analytics: props.appbaseConfig ? props.appbaseConfig.recordAnalytics : props.analytics,
459
- analyticsConfig: appbaseConfig
464
+ analyticsConfig: appbaseConfig,
465
+ mongodb: props.mongodb
460
466
  };
461
467
  var queryParams = '';
462
468
 
@@ -9,7 +9,7 @@ var configureStore__default = _interopDefault(configureStore);
9
9
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4abdbfff.js');
10
10
  var VueTypes = _interopDefault(require('vue-types'));
11
11
  var constants = require('@appbaseio/reactivecore/lib/utils/constants');
12
- var vueTypes = require('./vueTypes-409348b0.js');
12
+ var vueTypes = require('./vueTypes-829a5f2c.js');
13
13
  require('@appbaseio/reactivecore/lib/utils/transform');
14
14
  require('redux');
15
15
  var index = require('./index-2a8358cd.js');
@@ -52,7 +52,7 @@ var ReactiveComponent = {
52
52
  this.internalComponent = null;
53
53
  this.$defaultQuery = null; // Set custom query in store
54
54
 
55
- index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
55
+ index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
56
56
  var customQuery = props.customQuery,
57
57
  componentId = props.componentId,
58
58
  filterLabel = props.filterLabel,
@@ -75,7 +75,7 @@ var ReactiveComponent = {
75
75
  }
76
76
 
77
77
  if (customQuery) {
78
- var calcCustomQuery = customQuery(props);
78
+ var calcCustomQuery = customQuery(this.selectedValue, props);
79
79
 
80
80
  var _ref = calcCustomQuery || {},
81
81
  query = _ref.query;
@@ -94,7 +94,7 @@ var ReactiveComponent = {
94
94
 
95
95
  this.updateQuery({
96
96
  componentId: componentId,
97
- queryToSet: queryToSet,
97
+ query: queryToSet,
98
98
  value: this.selectedValue || null,
99
99
  label: filterLabel,
100
100
  showFilter: showFilter,
@@ -145,8 +145,8 @@ var ReactiveComponent = {
145
145
  },
146
146
  beforeMount: function beforeMount() {
147
147
  if (this.internalComponent && this.$props.defaultQuery) {
148
- index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
149
- this.$defaultQuery = this.$props.defaultQuery();
148
+ index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
149
+ this.$defaultQuery = this.$props.defaultQuery(this.selectedValue, this.$props);
150
150
 
151
151
  var _ref3 = this.$defaultQuery || {},
152
152
  query = _ref3.query,
@@ -210,8 +210,8 @@ var ReactiveComponent = {
210
210
  }
211
211
  },
212
212
  defaultQuery: function defaultQuery(newVal, oldVal) {
213
- if (newVal && !index.isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
214
- this.$defaultQuery = newVal();
213
+ if (newVal && !index.isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
214
+ this.$defaultQuery = newVal(this.selectedValue, this.$props);
215
215
 
216
216
  var _ref4 = this.$defaultQuery || {},
217
217
  query = _ref4.query,
@@ -222,7 +222,7 @@ var ReactiveComponent = {
222
222
  } else this.setQueryOptions(this.internalComponent, this.getAggsQuery(), false); // Update default query for RS API
223
223
 
224
224
 
225
- index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, undefined);
225
+ index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.selectedValue);
226
226
  var queryToSet = query || null;
227
227
 
228
228
  if (!queryToSet && this.$defaultQuery && this.$defaultQuery.id) {
@@ -236,9 +236,9 @@ var ReactiveComponent = {
236
236
  }
237
237
  },
238
238
  customQuery: function customQuery(newVal, oldVal) {
239
- if (newVal && !index.isQueryIdentical(newVal, oldVal, undefined, this.$props)) {
239
+ if (newVal && !index.isQueryIdentical(newVal, oldVal, this.selectedValue, this.$props)) {
240
240
  var componentId = this.$props.componentId;
241
- this.$customQuery = newVal(this.$props);
241
+ this.$customQuery = newVal(this.selectedValue, this.$props);
242
242
 
243
243
  var _ref5 = this.$customQuery || {},
244
244
  query = _ref5.query,
@@ -249,7 +249,7 @@ var ReactiveComponent = {
249
249
  } else this.setQueryOptions(componentId, this.getAggsQuery(), false); // Update custom query for RS API
250
250
 
251
251
 
252
- index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, undefined);
252
+ index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.selectedValue);
253
253
  var queryToSet = query || null;
254
254
 
255
255
  if (this.$customQuery && this.$customQuery.id) {
@@ -14,8 +14,8 @@ var styled = require('@appbaseio/vue-emotion');
14
14
  var styled__default = _interopDefault(styled);
15
15
  require('polished');
16
16
  require('./Button-d2f1aeda.js');
17
- var vueTypes = require('./vueTypes-409348b0.js');
18
- var Pagination = require('./Pagination-d4dbfd5a.js');
17
+ var vueTypes = require('./vueTypes-829a5f2c.js');
18
+ var Pagination = require('./Pagination-0b9ec0fc.js');
19
19
  require('@appbaseio/reactivecore/lib/utils/transform');
20
20
  require('redux');
21
21
  var index = require('./index-2a8358cd.js');