@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
@@ -2,37 +2,31 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
- var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
5
+ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
6
6
  var emotion = require('emotion');
7
7
  var styled = require('@appbaseio/vue-emotion');
8
8
  var styled__default = _interopDefault(styled);
9
9
  var polished = require('polished');
10
10
 
11
11
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
12
-
13
12
  var filters = function filters(_ref) {
14
13
  var borderColor = _ref.colors.borderColor;
15
14
  return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid ", ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n"])), borderColor || '#fff');
16
15
  };
17
-
18
16
  var pagination = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\tbutton {\n\t\tmargin: 0 3px;\n\t}\n"])));
19
17
  var toggleButtons = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n"])));
20
18
  var numberBoxContainer = emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\tbutton {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
21
-
22
19
  var primary = function primary(_ref2) {
23
20
  var theme = _ref2.theme;
24
21
  return emotion.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.primaryColor, theme.colors.primaryTextColor, polished.darken(0.1, theme.colors.primaryColor));
25
22
  };
26
-
27
23
  var large = function large() {
28
24
  return emotion.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n"])));
29
25
  };
30
-
31
26
  var disabled = function disabled(_ref3) {
32
27
  var theme = _ref3.theme;
33
28
  return emotion.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
34
29
  };
35
-
36
30
  var Button = styled__default('button')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref4) {
37
31
  var theme = _ref4.theme;
38
32
  return theme.colors.backgroundColor || '#eee';
@@ -2,7 +2,7 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
- var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
5
+ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
6
6
  var styled = require('@appbaseio/vue-emotion');
7
7
  var styled__default = _interopDefault(styled);
8
8
  var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
@@ -13,11 +13,9 @@ var InputWrapper = styled__default('span')(_templateObject || (_templateObject =
13
13
  var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
14
14
  var IconGroup = styled__default('div')(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
15
15
  var positionType = _ref.positionType;
16
-
17
16
  if (positionType === 'absolute') {
18
17
  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t"])));
19
18
  }
20
-
21
19
  return null;
22
20
  }, function (_ref2) {
23
21
  var groupPosition = _ref2.groupPosition;
@@ -39,12 +37,10 @@ var IconWrapper = styled__default('div')(_templateObject$2 || (_templateObject$2
39
37
  * @param {HTMLElement} rootNode the root element of the component
40
38
  */
41
39
  // eslint-disable-next-line
42
-
43
40
  var scrollIntoView = function scrollIntoView(node, rootNode) {
44
41
  if (node === null) {
45
42
  return;
46
43
  }
47
-
48
44
  var actions = computeScrollIntoView(node, {
49
45
  boundary: rootNode,
50
46
  block: 'nearest',
@@ -52,8 +48,8 @@ var scrollIntoView = function scrollIntoView(node, rootNode) {
52
48
  });
53
49
  actions.forEach(function (_ref) {
54
50
  var el = _ref.el,
55
- top = _ref.top,
56
- left = _ref.left;
51
+ top = _ref.top,
52
+ left = _ref.left;
57
53
  el.scrollTop = top;
58
54
  el.scrollLeft = left;
59
55
  });
@@ -74,10 +70,8 @@ var Downshift = {
74
70
  computed: {
75
71
  mergedState: function mergedState() {
76
72
  var _this = this;
77
-
78
73
  return Object.keys(this.$props).reduce(function (state, key) {
79
74
  var _extends2;
80
-
81
75
  return _rollupPluginBabelHelpers._extends({}, state, (_extends2 = {}, _extends2[key] = _this.isControlledProp(key) ? _this.$props[key] : _this["internal_" + key], _extends2));
82
76
  }, {});
83
77
  },
@@ -99,12 +93,10 @@ var Downshift = {
99
93
  },
100
94
  handleWindowMouseup: function handleWindowMouseup(event) {
101
95
  this.isMouseDown = false;
102
-
103
96
  if ((event.target === this.$refs.rootNode || !this.$refs.rootNode.contains(event.target)) && this.mergedState.isOpen) {
104
97
  // TODO: handle on outer click here
105
98
  if (!this.isMouseDown) {
106
99
  this.reset();
107
-
108
100
  if (this.$props.handleMouseup) {
109
101
  this.$props.handleMouseup({
110
102
  isOpen: false
@@ -116,7 +108,6 @@ var Downshift = {
116
108
  keyDownArrowDown: function keyDownArrowDown(event) {
117
109
  event.preventDefault();
118
110
  var amount = event.shiftKey ? 5 : 1;
119
-
120
111
  if (this.mergedState.isOpen) {
121
112
  this.changeHighlightedIndex(amount);
122
113
  } else {
@@ -129,7 +120,6 @@ var Downshift = {
129
120
  keyDownArrowUp: function keyDownArrowUp(event) {
130
121
  event.preventDefault();
131
122
  var amount = event.shiftKey ? -5 : -1;
132
-
133
123
  if (this.mergedState.isOpen) {
134
124
  this.changeHighlightedIndex(amount);
135
125
  } else {
@@ -154,26 +144,21 @@ var Downshift = {
154
144
  },
155
145
  selectItemAtIndex: function selectItemAtIndex(itemIndex) {
156
146
  var item = this.items[itemIndex];
157
-
158
147
  if (item == null) {
159
148
  return;
160
149
  }
161
-
162
150
  this.selectItem(item);
163
151
  },
164
152
  selectItem: function selectItem(item) {
165
153
  if (this.$props.handleChange) {
166
154
  this.$props.handleChange(item);
167
155
  }
168
-
169
156
  function getInputValue() {
170
157
  if (this.isControlledProp('selectedItem')) {
171
158
  return '';
172
159
  }
173
-
174
160
  return typeof item === 'object' ? item.label || '' : item;
175
161
  }
176
-
177
162
  this.setState({
178
163
  isOpen: false,
179
164
  highlightedIndex: null,
@@ -185,34 +170,29 @@ var Downshift = {
185
170
  if (this.internalItemCount < 0) {
186
171
  return;
187
172
  }
188
-
189
173
  var highlightedIndex = this.mergedState.highlightedIndex;
190
174
  var baseIndex = highlightedIndex;
191
-
192
175
  if (baseIndex === null) {
193
176
  baseIndex = moveAmount > 0 ? -1 : this.internalItemCount + 1;
194
177
  }
195
-
196
178
  var newIndex = baseIndex + moveAmount;
197
-
198
179
  if (newIndex < 0) {
199
180
  newIndex = this.internalItemCount;
200
181
  } else if (newIndex > this.internalItemCount) {
201
182
  newIndex = 0;
202
183
  }
203
-
204
184
  this.setHighlightedIndex(newIndex);
205
185
  },
206
186
  setHighlightedIndex: function setHighlightedIndex(highlightedIndex) {
207
187
  if (highlightedIndex === void 0) {
208
188
  highlightedIndex = null;
209
189
  }
210
-
211
190
  this.setState({
212
191
  highlightedIndex: highlightedIndex
213
192
  });
214
193
  var element = document.getElementById("Downshift" + highlightedIndex);
215
- scrollIntoView(element, this.rootNode); // Implement scrollIntroView thingy
194
+ scrollIntoView(element, this.rootNode);
195
+ // Implement scrollIntroView thingy
216
196
  },
217
197
  reset: function reset() {
218
198
  var selectedItem = this.mergedState.selectedItem;
@@ -224,34 +204,29 @@ var Downshift = {
224
204
  },
225
205
  getItemProps: function getItemProps(_ref) {
226
206
  var index = _ref.index,
227
- item = _ref.item;
207
+ item = _ref.item;
228
208
  var newIndex = index;
229
-
230
209
  if (index === undefined) {
231
210
  if (this.$props.itemToString) {
232
211
  this.items.push(this.$props.itemToString(item));
233
212
  } else {
234
213
  this.items.push(item);
235
214
  }
236
-
237
215
  newIndex = this.items.indexOf(item);
238
216
  } else {
239
217
  this.items[newIndex] = item;
240
218
  }
241
-
242
219
  return {
243
220
  id: "Downshift" + newIndex
244
221
  };
245
222
  },
246
223
  getItemEvents: function getItemEvents(_ref2) {
247
224
  var index = _ref2.index,
248
- item = _ref2.item;
225
+ item = _ref2.item;
249
226
  var newIndex = index;
250
-
251
227
  if (index === undefined) {
252
228
  newIndex = this.items.indexOf(item);
253
229
  }
254
-
255
230
  var vm = this;
256
231
  return {
257
232
  mouseenter: function mouseenter() {
@@ -266,31 +241,27 @@ var Downshift = {
266
241
  getInputProps: function getInputProps(_ref3) {
267
242
  var value = _ref3.value;
268
243
  var inputValue = this.mergedState.inputValue;
269
-
270
244
  if (value !== inputValue) {
271
245
  this.setState({
272
246
  inputValue: value
273
247
  });
274
248
  }
275
-
276
249
  return {
277
250
  value: inputValue
278
251
  };
279
252
  },
280
253
  getButtonProps: function getButtonProps(_ref4) {
281
254
  var _this2 = this;
282
-
283
255
  var onClick = _ref4.onClick,
284
- onKeyDown = _ref4.onKeyDown,
285
- onKeyUp = _ref4.onKeyUp,
286
- onBlur = _ref4.onBlur;
256
+ onKeyDown = _ref4.onKeyDown,
257
+ onKeyUp = _ref4.onKeyUp,
258
+ onBlur = _ref4.onBlur;
287
259
  return {
288
260
  click: function click(event) {
289
261
  _this2.setState({
290
262
  isOpen: true,
291
263
  inputValue: event.target.value
292
264
  });
293
-
294
265
  if (onClick) {
295
266
  onClick(event);
296
267
  }
@@ -299,7 +270,6 @@ var Downshift = {
299
270
  if (event.key && _this2["keyDown" + event.key]) {
300
271
  _this2["keyDown" + event.key].call(_this2, event);
301
272
  }
302
-
303
273
  if (onKeyDown) {
304
274
  onKeyDown(event);
305
275
  }
@@ -318,21 +288,19 @@ var Downshift = {
318
288
  },
319
289
  getInputEvents: function getInputEvents(_ref5) {
320
290
  var _this3 = this;
321
-
322
291
  var onInput = _ref5.onInput,
323
- onBlur = _ref5.onBlur,
324
- onFocus = _ref5.onFocus,
325
- onKeyPress = _ref5.onKeyPress,
326
- onKeyDown = _ref5.onKeyDown,
327
- onKeyUp = _ref5.onKeyUp,
328
- onClick = _ref5.onClick;
292
+ onBlur = _ref5.onBlur,
293
+ onFocus = _ref5.onFocus,
294
+ onKeyPress = _ref5.onKeyPress,
295
+ onKeyDown = _ref5.onKeyDown,
296
+ onKeyUp = _ref5.onKeyUp,
297
+ onClick = _ref5.onClick;
329
298
  return {
330
299
  input: function input(event) {
331
300
  _this3.setState({
332
301
  isOpen: true,
333
302
  inputValue: event.target.value
334
303
  });
335
-
336
304
  if (onInput) {
337
305
  onInput(event);
338
306
  }
@@ -346,7 +314,6 @@ var Downshift = {
346
314
  if (event.key && _this3["keyDown" + event.key]) {
347
315
  _this3["keyDown" + event.key].call(_this3, event);
348
316
  }
349
-
350
317
  if (onKeyDown) {
351
318
  onKeyDown(event);
352
319
  }
@@ -364,20 +331,21 @@ var Downshift = {
364
331
  blur: function blur(event) {
365
332
  if (onBlur) {
366
333
  onBlur(event);
367
- } // TODO: implement isMouseDown
334
+ }
335
+ // TODO: implement isMouseDown
368
336
  // this.reset()
369
-
370
337
  },
338
+
371
339
  click: onClick
372
340
  };
373
341
  },
374
342
  getHelpersAndState: function getHelpersAndState() {
375
343
  var getItemProps = this.getItemProps,
376
- getItemEvents = this.getItemEvents,
377
- getInputProps = this.getInputProps,
378
- getInputEvents = this.getInputEvents,
379
- getButtonProps = this.getButtonProps,
380
- setHighlightedIndex = this.setHighlightedIndex;
344
+ getItemEvents = this.getItemEvents,
345
+ getInputProps = this.getInputProps,
346
+ getInputEvents = this.getInputEvents,
347
+ getButtonProps = this.getButtonProps,
348
+ setHighlightedIndex = this.setHighlightedIndex;
381
349
  return _rollupPluginBabelHelpers._extends({
382
350
  getItemProps: getItemProps,
383
351
  getItemEvents: getItemEvents,
@@ -392,13 +360,11 @@ var Downshift = {
392
360
  },
393
361
  setState: function setState(stateToSet) {
394
362
  var _this4 = this;
395
-
396
363
  // eslint-disable-next-line
397
364
  Object.keys(stateToSet).forEach(function (key) {
398
365
  // eslint-disable-next-line
399
366
  if (_this4.isControlledProp(key)) {
400
367
  _this4.$emit(key + "Change", stateToSet[key]);
401
-
402
368
  _this4.$emit(key + "-change", stateToSet[key]);
403
369
  } else {
404
370
  _this4["internal_" + key] = stateToSet[key];
@@ -2,12 +2,12 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
- var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
5
+ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
6
6
  var emotion = require('emotion');
7
7
  var styled = require('@appbaseio/vue-emotion');
8
8
  var styled__default = _interopDefault(styled);
9
9
  var polished = require('polished');
10
- require('./Title-1de7d0f4.js');
10
+ require('./Title-16042ea0.js');
11
11
 
12
12
  var _templateObject, _templateObject2, _templateObject3;
13
13
  var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n"])));
@@ -5,20 +5,21 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  var configureStore = require('@appbaseio/reactivecore');
6
6
  var configureStore__default = _interopDefault(configureStore);
7
7
  var constants = require('@appbaseio/reactivecore/lib/utils/constants');
8
- var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
8
+ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
9
9
  var VueTypes = _interopDefault(require('vue-types'));
10
10
  var transform = require('@appbaseio/reactivecore/lib/utils/transform');
11
- var index = require('./index-08f8dfa3.js');
11
+ var index = require('./index-30126fd0.js');
12
12
 
13
13
  var addComponent = configureStore.Actions.addComponent,
14
- removeComponent = configureStore.Actions.removeComponent,
15
- watchComponent = configureStore.Actions.watchComponent,
16
- setQueryListener = configureStore.Actions.setQueryListener,
17
- setComponentProps = configureStore.Actions.setComponentProps,
18
- updateComponentProps = configureStore.Actions.updateComponentProps;
14
+ removeComponent = configureStore.Actions.removeComponent,
15
+ watchComponent = configureStore.Actions.watchComponent,
16
+ setQueryListener = configureStore.Actions.setQueryListener,
17
+ setComponentProps = configureStore.Actions.setComponentProps,
18
+ updateComponentProps = configureStore.Actions.updateComponentProps;
19
19
  var pushToAndClause = configureStore.helper.pushToAndClause,
20
- checkPropChange = configureStore.helper.checkPropChange,
21
- checkSomePropChange = configureStore.helper.checkSomePropChange;
20
+ checkPropChange = configureStore.helper.checkPropChange,
21
+ checkSomePropChange = configureStore.helper.checkSomePropChange;
22
+
22
23
  /**
23
24
  * ComponentWrapper component is a wrapper component for each ReactiveSearch component
24
25
  * which is responsible for following tasks:
@@ -30,7 +31,6 @@ var pushToAndClause = configureStore.helper.pushToAndClause,
30
31
  * 6. Unregister the component on un-mount
31
32
  * Note: All components are using that except the DynamicRangeSlider
32
33
  */
33
-
34
34
  var ComponentWrapper = function ComponentWrapper(component, options) {
35
35
  if (options === void 0) {
36
36
  options = {
@@ -38,7 +38,6 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
38
38
  internalComponent: false
39
39
  };
40
40
  }
41
-
42
41
  return {
43
42
  name: 'ComponentWrapper',
44
43
  props: {
@@ -46,9 +45,8 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
46
45
  },
47
46
  created: function created() {
48
47
  // clone the props for component it is needed because attrs gets changed on time
49
- var componentProps = _rollupPluginBabelHelpers._extends({}, this.$attrs); // handle kebab case for props
50
-
51
-
48
+ var componentProps = _rollupPluginBabelHelpers._extends({}, this.$attrs);
49
+ // handle kebab case for props
52
50
  var parsedProps = {};
53
51
  Object.keys(componentProps).forEach(function (key) {
54
52
  parsedProps[index.getCamelCase(key)] = componentProps[key];
@@ -59,46 +57,36 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
59
57
  },
60
58
  beforeMount: function beforeMount() {
61
59
  var _this = this;
62
-
63
60
  var components = [];
64
-
65
61
  if (this.$$store) {
66
62
  var _this$$$store$getStat = this.$$store.getState();
67
-
68
63
  components = _this$$$store$getStat.components;
69
- } // Register a component only when `destroyOnUnmount` is `true`
64
+ }
65
+ // Register a component only when `destroyOnUnmount` is `true`
70
66
  // or component is not present in store
71
-
72
-
73
67
  if (this.destroyOnUnmount || components.indexOf(this.componentProps.componentId) === -1) {
74
68
  // Register component
75
69
  this.addComponent(this.componentId);
76
-
77
70
  var onQueryChange = function onQueryChange() {
78
71
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
79
72
  args[_key] = arguments[_key];
80
73
  }
81
-
82
74
  _this.$emit.apply(_this, ['queryChange'].concat(args));
83
-
84
75
  _this.$emit.apply(_this, ['query-change'].concat(args));
85
76
  };
86
-
87
77
  var onError = function onError(e) {
88
78
  _this.$emit('error', e);
89
79
  };
90
-
91
- this.setQueryListener(this.componentId, onQueryChange, onError); // Update props in store
92
-
80
+ this.setQueryListener(this.componentId, onQueryChange, onError);
81
+ // Update props in store
93
82
  this.setComponentProps(this.componentId, this.componentProps, options.componentType);
94
- } // if default query prop is defined and component is reactive component then register the internal component
95
-
83
+ }
96
84
 
85
+ // if default query prop is defined and component is reactive component then register the internal component
97
86
  if (options.internalComponent || this.componentProps.defaultQuery && options.componentType === constants.componentTypes.reactiveComponent) {
98
87
  this.internalComponent = transform.getInternalComponentID(this.componentId);
99
- } // Register internal component
100
-
101
-
88
+ }
89
+ // Register internal component
102
90
  if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
103
91
  this.addComponent(this.internalComponent);
104
92
  this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
@@ -114,7 +102,6 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
114
102
  if (this.destroyOnUnmount) {
115
103
  // Unregister components
116
104
  this.removeComponent(this.componentId);
117
-
118
105
  if (this.internalComponent) {
119
106
  this.removeComponent(this.internalComponent);
120
107
  }
@@ -125,18 +112,15 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
125
112
  deep: true,
126
113
  handler: function handler(newVal) {
127
114
  var _this2 = this;
128
-
129
115
  var propsKeys = index.getValidPropsKeys(newVal);
130
116
  checkSomePropChange(newVal, this.savedComponentProps, propsKeys, function () {
131
117
  _this2.updateComponentProps(_this2.componentId, newVal, options.componentType);
132
-
133
118
  _this2.updateComponentProps(_this2.internalComponent, newVal, options.componentType);
134
119
  });
135
120
  }
136
121
  },
137
122
  react: function react(newVal, oldVal) {
138
123
  var _this3 = this;
139
-
140
124
  checkPropChange(newVal, oldVal, function () {
141
125
  return _this3.setReact(_this3.componentProps);
142
126
  });
@@ -145,8 +129,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
145
129
  methods: {
146
130
  setReact: function setReact(props) {
147
131
  var react = props.react,
148
- executeInitialQuery = props.executeInitialQuery;
149
-
132
+ executeInitialQuery = props.executeInitialQuery;
150
133
  if (this.internalComponent) {
151
134
  if (react) {
152
135
  var newReact = pushToAndClause(react, this.internalComponent);
@@ -171,13 +154,11 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
171
154
  }
172
155
  };
173
156
  };
174
-
175
157
  var mapStateToProps = function mapStateToProps(state, props) {
176
158
  return {
177
159
  savedComponentProps: state.props[props.componentId]
178
160
  };
179
161
  };
180
-
181
162
  var mapDispatchToProps = {
182
163
  addComponent: addComponent,
183
164
  removeComponent: removeComponent,
@@ -190,7 +171,6 @@ var ComponentWrapper$1 = (function (component, options) {
190
171
  if (options === void 0) {
191
172
  options = {};
192
173
  }
193
-
194
174
  return index.connect(mapStateToProps, mapDispatchToProps)(ComponentWrapper(component, options));
195
175
  });
196
176
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
- var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
5
+ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
6
6
  var styled = require('@appbaseio/vue-emotion');
7
7
  var styled__default = _interopDefault(styled);
8
8