@appbaseio/reactivesearch-vue 1.33.0 → 1.33.2

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 (91) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +1916 -6072
  2. package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
  3. package/dist/@appbaseio/reactivesearch-vue.umd.min.js +3 -5
  4. package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
  5. package/dist/cjs/{Button-0673191e.js → Button-841fd06d.js} +1 -7
  6. package/dist/cjs/{CancelSvg-9f258f4f.js → CancelSvg-220a7cc3.js} +24 -58
  7. package/dist/cjs/{Card-642547a8.js → Card-240f283d.js} +2 -2
  8. package/dist/cjs/{ComponentWrapper-981ab977.js → ComponentWrapper-9318cece.js} +21 -41
  9. package/dist/cjs/{Container-daf30918.js → Container-e699ea95.js} +1 -1
  10. package/dist/cjs/{DataSearch-708b183d.js → DataSearch-99a6a2e8.js} +121 -293
  11. package/dist/cjs/DataSearch.js +11 -11
  12. package/dist/cjs/{DropDown-c479bbb0.js → DropDown-8984b544.js} +27 -48
  13. package/dist/cjs/DynamicRangeSlider.js +44 -93
  14. package/dist/cjs/{Flex-aa517a13.js → Flex-ddd7cb6b.js} +1 -3
  15. package/dist/cjs/{FormControlList-c195a592.js → FormControlList-bbb5cd24.js} +1 -3
  16. package/dist/cjs/{Input-e6603a7e.js → Input-ead4cd84.js} +14 -16
  17. package/dist/cjs/{ListItem-8c9e0d68.js → ListItem-5088bd6a.js} +2 -3
  18. package/dist/cjs/MultiDropdownList.js +41 -102
  19. package/dist/cjs/MultiList.js +35 -98
  20. package/dist/cjs/MultiRange.js +20 -52
  21. package/dist/cjs/{Pagination-3d73e1b3.js → Pagination-07f4dbad.js} +10 -30
  22. package/dist/cjs/{PreferencesConsumer-7be03476.js → PreferencesConsumer-5d67b486.js} +13 -16
  23. package/dist/cjs/RangeInput.js +36 -52
  24. package/dist/cjs/RangeSlider.js +24 -48
  25. package/dist/cjs/ReactiveBase.js +34 -79
  26. package/dist/cjs/{ReactiveComponent-5ff98cce.js → ReactiveComponent-805201c6.js} +118 -301
  27. package/dist/cjs/ReactiveComponent.js +20 -20
  28. package/dist/cjs/ReactiveGoogleMap.js +167 -353
  29. package/dist/cjs/ReactiveList.js +88 -176
  30. package/dist/cjs/ResultCard.js +10 -18
  31. package/dist/cjs/ResultList.js +13 -24
  32. package/dist/cjs/SelectedFilters.js +16 -34
  33. package/dist/cjs/SingleDropdownList.js +35 -75
  34. package/dist/cjs/SingleList.js +29 -75
  35. package/dist/cjs/SingleRange.js +17 -40
  36. package/dist/cjs/StateProvider.js +6 -26
  37. package/dist/cjs/{Title-1de7d0f4.js → Title-16042ea0.js} +1 -1
  38. package/dist/cjs/ToggleButton.js +20 -58
  39. package/dist/cjs/{_rollupPluginBabelHelpers-c705cbe6.js → _rollupPluginBabelHelpers-f8b843f8.js} +0 -15
  40. package/dist/cjs/{index-08f8dfa3.js → index-30126fd0.js} +39 -75
  41. package/dist/cjs/index.js +20 -21
  42. package/dist/cjs/initReactivesearch.js +49 -120
  43. package/dist/cjs/install.js +20 -20
  44. package/dist/cjs/{ssr-3027b848.js → ssr-f2fc1bf6.js} +1 -4
  45. package/dist/cjs/{utils-d6a52588.js → utils-83fd01e9.js} +7 -16
  46. package/dist/cjs/version.js +1 -1
  47. package/dist/cjs/{vueTypes-727b7c63.js → vueTypes-7cfc2f98.js} +6 -11
  48. package/dist/es/{Button-35aa984e.js → Button-153cd885.js} +1 -7
  49. package/dist/es/{CancelSvg-4cfae5fd.js → CancelSvg-e40552a5.js} +24 -58
  50. package/dist/es/{Card-450683f1.js → Card-19ad6d90.js} +2 -2
  51. package/dist/es/{ComponentWrapper-d5e814a4.js → ComponentWrapper-240450cc.js} +21 -41
  52. package/dist/es/{Container-ba826e96.js → Container-d00219f7.js} +1 -1
  53. package/dist/es/{DataSearch-5376d39a.js → DataSearch-20f0d8f1.js} +121 -293
  54. package/dist/es/DataSearch.js +11 -11
  55. package/dist/es/{DropDown-05a644a5.js → DropDown-28ddce07.js} +27 -48
  56. package/dist/es/DynamicRangeSlider.js +44 -93
  57. package/dist/es/{Flex-1f0795c3.js → Flex-7c177a10.js} +1 -3
  58. package/dist/es/{FormControlList-c22d64f6.js → FormControlList-99797d0a.js} +1 -3
  59. package/dist/es/{Input-7a2a9fac.js → Input-c09c0b56.js} +14 -16
  60. package/dist/es/{ListItem-cad14c5e.js → ListItem-07888a65.js} +2 -3
  61. package/dist/es/MultiDropdownList.js +41 -102
  62. package/dist/es/MultiList.js +35 -98
  63. package/dist/es/MultiRange.js +20 -52
  64. package/dist/es/{Pagination-af9de08f.js → Pagination-28e56c5c.js} +10 -30
  65. package/dist/es/{PreferencesConsumer-c30605fe.js → PreferencesConsumer-bc097ebb.js} +13 -16
  66. package/dist/es/RangeInput.js +36 -52
  67. package/dist/es/RangeSlider.js +24 -48
  68. package/dist/es/ReactiveBase.js +34 -79
  69. package/dist/es/{ReactiveComponent-ee01562d.js → ReactiveComponent-dd85aa9c.js} +118 -301
  70. package/dist/es/ReactiveComponent.js +20 -20
  71. package/dist/es/ReactiveGoogleMap.js +167 -353
  72. package/dist/es/ReactiveList.js +88 -176
  73. package/dist/es/ResultCard.js +10 -18
  74. package/dist/es/ResultList.js +13 -24
  75. package/dist/es/SelectedFilters.js +16 -34
  76. package/dist/es/SingleDropdownList.js +35 -75
  77. package/dist/es/SingleList.js +29 -75
  78. package/dist/es/SingleRange.js +17 -40
  79. package/dist/es/StateProvider.js +6 -26
  80. package/dist/es/{Title-3342664a.js → Title-863dfa42.js} +1 -1
  81. package/dist/es/ToggleButton.js +20 -58
  82. package/dist/es/{_rollupPluginBabelHelpers-76660dab.js → _rollupPluginBabelHelpers-ded08042.js} +0 -15
  83. package/dist/es/{index-99c5f9c9.js → index-0444a498.js} +39 -75
  84. package/dist/es/index.js +20 -21
  85. package/dist/es/initReactivesearch.js +49 -120
  86. package/dist/es/install.js +20 -20
  87. package/dist/es/{ssr-b2c0b401.js → ssr-03607d84.js} +1 -4
  88. package/dist/es/{utils-9e68acee.js → utils-9e5a16a1.js} +7 -16
  89. package/dist/es/version.js +1 -1
  90. package/dist/es/{vueTypes-b8146772.js → vueTypes-8986b709.js} +6 -11
  91. package/package.json +1 -1
@@ -1,28 +1,28 @@
1
1
  import { Actions, helper } from '@appbaseio/reactivecore';
2
2
  import { componentTypes } from '@appbaseio/reactivecore/lib/utils/constants';
3
- import './_rollupPluginBabelHelpers-76660dab.js';
3
+ import './_rollupPluginBabelHelpers-ded08042.js';
4
4
  import VueTypes from 'vue-types';
5
5
  import 'emotion';
6
6
  import '@appbaseio/vue-emotion';
7
7
  import 'polished';
8
- import { B as Button, t as toggleButtons } from './Button-35aa984e.js';
9
- import { t as types } from './vueTypes-b8146772.js';
8
+ import { B as Button, t as toggleButtons } from './Button-153cd885.js';
9
+ import { t as types } from './vueTypes-8986b709.js';
10
10
  import '@appbaseio/reactivecore/lib/utils/transform';
11
11
  import 'redux';
12
- import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-99c5f9c9.js';
13
- import { C as ComponentWrapper } from './ComponentWrapper-d5e814a4.js';
14
- import { P as PreferencesConsumer } from './PreferencesConsumer-c30605fe.js';
15
- import { T as Title } from './Title-3342664a.js';
16
- import { C as Container } from './Container-ba826e96.js';
12
+ import { f as updateCustomQuery, i as isQueryIdentical, c as connect } from './index-0444a498.js';
13
+ import { C as ComponentWrapper } from './ComponentWrapper-240450cc.js';
14
+ import { P as PreferencesConsumer } from './PreferencesConsumer-bc097ebb.js';
15
+ import { T as Title } from './Title-863dfa42.js';
16
+ import { C as Container } from './Container-d00219f7.js';
17
17
 
18
18
  var updateQuery = Actions.updateQuery,
19
- setQueryOptions = Actions.setQueryOptions,
20
- setCustomQuery = Actions.setCustomQuery;
19
+ setQueryOptions = Actions.setQueryOptions,
20
+ setCustomQuery = Actions.setCustomQuery;
21
21
  var isEqual = helper.isEqual,
22
- checkValueChange = helper.checkValueChange,
23
- getClassName = helper.getClassName,
24
- getOptionsFromQuery = helper.getOptionsFromQuery,
25
- handleA11yAction = helper.handleA11yAction;
22
+ checkValueChange = helper.checkValueChange,
23
+ getClassName = helper.getClassName,
24
+ getOptionsFromQuery = helper.getOptionsFromQuery,
25
+ handleA11yAction = helper.handleA11yAction;
26
26
  var ToggleButton = {
27
27
  name: 'ToggleButton',
28
28
  props: {
@@ -57,7 +57,6 @@ var ToggleButton = {
57
57
  var value = this.selectedValue || props.value || props.defaultValue || [];
58
58
  var currentValue = ToggleButton.parseValue(value, props);
59
59
  this.setValue(currentValue);
60
-
61
60
  if (this.$data.currentValue.length) {
62
61
  this.handleToggle(this.$data.currentValue, true, props, hasMounted);
63
62
  }
@@ -65,9 +64,8 @@ var ToggleButton = {
65
64
  created: function created() {
66
65
  if (!this.enableAppbase && this.$props.index) {
67
66
  console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
68
- } // Set custom query in store
69
-
70
-
67
+ }
68
+ // Set custom query in store
71
69
  updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
72
70
  },
73
71
  watch: {
@@ -94,7 +92,6 @@ var ToggleButton = {
94
92
  } else {
95
93
  // else selectedValue will be a string
96
94
  var currentValue = this.$data.currentValue[0] ? this.$data.currentValue[0].value : null;
97
-
98
95
  if (!isEqual(currentValue, this.selectedValue) && !isEqual(oldVal, this.selectedValue)) {
99
96
  this.handleToggle(this.selectedValue || [], true, this.$props);
100
97
  }
@@ -111,19 +108,15 @@ var ToggleButton = {
111
108
  if (isDefaultValue === void 0) {
112
109
  isDefaultValue = false;
113
110
  }
114
-
115
111
  if (props === void 0) {
116
112
  props = this.$props;
117
113
  }
118
-
119
114
  if (hasMounted === void 0) {
120
115
  hasMounted = true;
121
116
  }
122
-
123
117
  var currentValue = this.$data.currentValue;
124
118
  var toggleValue = value;
125
119
  var finalValue = [];
126
-
127
120
  if (isDefaultValue) {
128
121
  finalValue = ToggleButton.parseValue(toggleValue, props);
129
122
  } else if (this.$props.multiSelect) {
@@ -137,7 +130,6 @@ var ToggleButton = {
137
130
  return item.value === toggleValue.value;
138
131
  }) ? [] : [toggleValue];
139
132
  }
140
-
141
133
  this.setValue(finalValue, props, hasMounted);
142
134
  },
143
135
  setReact: function setReact(props) {
@@ -147,24 +139,18 @@ var ToggleButton = {
147
139
  },
148
140
  setValue: function setValue(value, props, hasMounted) {
149
141
  var _this = this;
150
-
151
142
  if (props === void 0) {
152
143
  props = this.$props;
153
144
  }
154
-
155
145
  if (hasMounted === void 0) {
156
146
  hasMounted = true;
157
147
  }
158
-
159
148
  var performUpdate = function performUpdate() {
160
149
  var handleUpdates = function handleUpdates() {
161
150
  _this.updateQuery(value, props);
162
-
163
151
  _this.$emit('valueChange', value);
164
-
165
152
  _this.$emit('value-change', value);
166
153
  };
167
-
168
154
  if (hasMounted) {
169
155
  _this.currentValue = value;
170
156
  handleUpdates();
@@ -172,27 +158,21 @@ var ToggleButton = {
172
158
  handleUpdates();
173
159
  }
174
160
  };
175
-
176
161
  checkValueChange(props.componentId, props.multiSelect ? value : value[0], props.beforeValueChange, performUpdate);
177
162
  },
178
163
  updateQuery: function updateQuery(value, props) {
179
164
  var filterValue = value;
180
-
181
165
  if (!props.multiSelect) {
182
166
  filterValue = value[0] ? value[0].value : null;
183
167
  }
184
-
185
168
  var customQuery = props.customQuery;
186
169
  var query = ToggleButton.defaultQuery(value, props);
187
-
188
170
  if (customQuery) {
189
171
  var _ref = customQuery(value, props) || {};
190
-
191
172
  query = _ref.query;
192
173
  this.setQueryOptions(props.componentId, getOptionsFromQuery(customQuery(value, props)), false);
193
174
  updateCustomQuery(props.componentId, this.setCustomQuery, props, value);
194
175
  }
195
-
196
176
  this.updateQueryHandler({
197
177
  componentId: props.componentId,
198
178
  query: query,
@@ -206,28 +186,23 @@ var ToggleButton = {
206
186
  },
207
187
  handleClick: function handleClick(item) {
208
188
  var _this$$props = this.$props,
209
- enableStrictSelection = _this$$props.enableStrictSelection,
210
- multiSelect = _this$$props.multiSelect;
211
-
189
+ enableStrictSelection = _this$$props.enableStrictSelection,
190
+ multiSelect = _this$$props.multiSelect;
212
191
  if (enableStrictSelection && !multiSelect && this.$data.currentValue.find(function (stateItem) {
213
192
  return isEqual(item, stateItem);
214
193
  })) {
215
194
  return false;
216
195
  }
217
-
218
196
  var value = this.$props.value;
219
-
220
197
  if (value === undefined) {
221
198
  this.handleToggle(item);
222
199
  } else {
223
200
  this.$emit('change', item.value);
224
201
  }
225
-
226
202
  return true;
227
203
  },
228
204
  renderButton: function renderButton(item) {
229
205
  var _this2 = this;
230
-
231
206
  var h = this.$createElement;
232
207
  var renderItem = this.$scopedSlots.renderItem || this.renderItem;
233
208
  var isSelected = this.$data.currentValue.some(function (value) {
@@ -262,7 +237,6 @@ var ToggleButton = {
262
237
  },
263
238
  render: function render() {
264
239
  var _this3 = this;
265
-
266
240
  var h = arguments[0];
267
241
  return h(Container, {
268
242
  "class": toggleButtons
@@ -273,7 +247,6 @@ var ToggleButton = {
273
247
  })]);
274
248
  }
275
249
  };
276
-
277
250
  ToggleButton.parseValue = function (value, props) {
278
251
  if (Array.isArray(value)) {
279
252
  if (typeof value[0] === 'string') {
@@ -281,18 +254,14 @@ ToggleButton.parseValue = function (value, props) {
281
254
  return value.includes(item.value);
282
255
  });
283
256
  }
284
-
285
257
  return value;
286
258
  }
287
-
288
259
  return props.data.filter(function (item) {
289
260
  return item.value === value;
290
261
  });
291
262
  };
292
-
293
263
  ToggleButton.defaultQuery = function (value, props) {
294
264
  var query = null;
295
-
296
265
  if (value && value.length) {
297
266
  query = {
298
267
  bool: {
@@ -300,7 +269,6 @@ ToggleButton.defaultQuery = function (value, props) {
300
269
  minimum_should_match: 1,
301
270
  should: value.map(function (item) {
302
271
  var _term;
303
-
304
272
  return {
305
273
  term: (_term = {}, _term[props.dataField] = item.value, _term)
306
274
  };
@@ -308,7 +276,6 @@ ToggleButton.defaultQuery = function (value, props) {
308
276
  }
309
277
  };
310
278
  }
311
-
312
279
  if (query && props.nestedField) {
313
280
  return {
314
281
  query: {
@@ -319,10 +286,8 @@ ToggleButton.defaultQuery = function (value, props) {
319
286
  }
320
287
  };
321
288
  }
322
-
323
289
  return query;
324
290
  };
325
-
326
291
  var mapStateToProps = function mapStateToProps(state, props) {
327
292
  return {
328
293
  selectedValue: state.selectedValues[props.componentId] && state.selectedValues[props.componentId].value || null,
@@ -330,7 +295,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
330
295
  enableAppbase: state.config.enableAppbase
331
296
  };
332
297
  };
333
-
334
298
  var mapDispatchtoProps = {
335
299
  updateQueryHandler: updateQuery,
336
300
  setQueryOptions: setQueryOptions,
@@ -339,12 +303,10 @@ var mapDispatchtoProps = {
339
303
  var ListConnected = PreferencesConsumer(ComponentWrapper(connect(mapStateToProps, mapDispatchtoProps)(ToggleButton), {
340
304
  componentType: componentTypes.toggleButton
341
305
  }));
342
-
343
306
  ToggleButton.install = function (Vue) {
344
307
  Vue.component(ToggleButton.name, ListConnected);
345
- }; // Add componentType for SSR
346
-
347
-
308
+ };
309
+ // Add componentType for SSR
348
310
  ToggleButton.componentType = componentTypes.toggleButton;
349
311
 
350
312
  export default ToggleButton;
@@ -2,26 +2,21 @@ function _extends() {
2
2
  _extends = Object.assign ? Object.assign.bind() : function (target) {
3
3
  for (var i = 1; i < arguments.length; i++) {
4
4
  var source = arguments[i];
5
-
6
5
  for (var key in source) {
7
6
  if (Object.prototype.hasOwnProperty.call(source, key)) {
8
7
  target[key] = source[key];
9
8
  }
10
9
  }
11
10
  }
12
-
13
11
  return target;
14
12
  };
15
13
  return _extends.apply(this, arguments);
16
14
  }
17
-
18
15
  function _inheritsLoose(subClass, superClass) {
19
16
  subClass.prototype = Object.create(superClass.prototype);
20
17
  subClass.prototype.constructor = subClass;
21
-
22
18
  _setPrototypeOf(subClass, superClass);
23
19
  }
24
-
25
20
  function _setPrototypeOf(o, p) {
26
21
  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
27
22
  o.__proto__ = p;
@@ -29,47 +24,37 @@ function _setPrototypeOf(o, p) {
29
24
  };
30
25
  return _setPrototypeOf(o, p);
31
26
  }
32
-
33
27
  function _objectWithoutPropertiesLoose(source, excluded) {
34
28
  if (source == null) return {};
35
29
  var target = {};
36
30
  var sourceKeys = Object.keys(source);
37
31
  var key, i;
38
-
39
32
  for (i = 0; i < sourceKeys.length; i++) {
40
33
  key = sourceKeys[i];
41
34
  if (excluded.indexOf(key) >= 0) continue;
42
35
  target[key] = source[key];
43
36
  }
44
-
45
37
  return target;
46
38
  }
47
-
48
39
  function _taggedTemplateLiteralLoose(strings, raw) {
49
40
  if (!raw) {
50
41
  raw = strings.slice(0);
51
42
  }
52
-
53
43
  strings.raw = raw;
54
44
  return strings;
55
45
  }
56
-
57
46
  function _toPrimitive(input, hint) {
58
47
  if (typeof input !== "object" || input === null) return input;
59
48
  var prim = input[Symbol.toPrimitive];
60
-
61
49
  if (prim !== undefined) {
62
50
  var res = prim.call(input, hint || "default");
63
51
  if (typeof res !== "object") return res;
64
52
  throw new TypeError("@@toPrimitive must return a primitive value.");
65
53
  }
66
-
67
54
  return (hint === "string" ? String : Number)(input);
68
55
  }
69
-
70
56
  function _toPropertyKey(arg) {
71
57
  var key = _toPrimitive(arg, "string");
72
-
73
58
  return typeof key === "symbol" ? key : String(key);
74
59
  }
75
60