@appbaseio/reactivesearch-vue 1.34.0-alpha.2 → 1.34.1

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 (104) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +11024 -8760
  2. package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
  3. package/dist/@appbaseio/reactivesearch-vue.umd.min.js +12 -11
  4. package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
  5. package/dist/cjs/Button-841fd06d.js +62 -0
  6. package/dist/cjs/{CancelSvg-062a42f0.js → CancelSvg-220a7cc3.js} +40 -32
  7. package/dist/cjs/Card-240f283d.js +30 -0
  8. package/dist/cjs/{ComponentWrapper-db45cc6d.js → ComponentWrapper-94c50228.js} +7 -7
  9. package/dist/cjs/Container-e699ea95.js +15 -0
  10. package/dist/cjs/DataSearch.js +1312 -20
  11. package/dist/cjs/{DropDown-3b899b20.js → DropDown-7a52c661.js} +79 -78
  12. package/dist/cjs/DynamicRangeSlider.js +46 -56
  13. package/dist/cjs/Flex-ddd7cb6b.js +50 -0
  14. package/dist/cjs/FormControlList-bbb5cd24.js +45 -0
  15. package/dist/cjs/Input-ead4cd84.js +77 -0
  16. package/dist/cjs/ListItem-5088bd6a.js +45 -0
  17. package/dist/cjs/MultiDropdownList.js +68 -74
  18. package/dist/cjs/MultiList.js +94 -89
  19. package/dist/cjs/MultiRange.js +44 -54
  20. package/dist/cjs/{Pagination-a468f960.js → Pagination-e56a5b79.js} +53 -56
  21. package/dist/cjs/{PreferencesConsumer-034c55e3.js → PreferencesConsumer-5e6e84a2.js} +5 -6
  22. package/dist/cjs/RangeInput.js +107 -115
  23. package/dist/cjs/RangeSlider.js +39 -50
  24. package/dist/cjs/ReactiveBase.js +55 -69
  25. package/dist/cjs/ReactiveComponent.js +316 -46
  26. package/dist/cjs/{ReactiveComponent-f0f486ca.js → ReactiveComponentPrivate-244c6055.js} +321 -618
  27. package/dist/cjs/ReactiveComponentPrivate.js +55 -0
  28. package/dist/cjs/ReactiveGoogleMap.js +439 -384
  29. package/dist/cjs/ReactiveList.js +128 -100
  30. package/dist/cjs/ResultCard.js +19 -26
  31. package/dist/cjs/ResultList.js +27 -31
  32. package/dist/cjs/SelectedFilters.js +34 -49
  33. package/dist/cjs/SingleDropdownList.js +66 -73
  34. package/dist/cjs/SingleList.js +96 -90
  35. package/dist/cjs/SingleRange.js +42 -48
  36. package/dist/cjs/StateProvider.js +2 -2
  37. package/dist/cjs/Tags-4ec43831.js +883 -0
  38. package/dist/cjs/Title-16042ea0.js +15 -0
  39. package/dist/cjs/ToggleButton.js +34 -39
  40. package/dist/cjs/{index-dc25b706.js → index-de136c17.js} +8 -6
  41. package/dist/cjs/index.js +27 -25
  42. package/dist/cjs/initReactivesearch.js +0 -3
  43. package/dist/cjs/install.js +23 -22
  44. package/dist/cjs/ssr-f2fc1bf6.js +36 -0
  45. package/dist/cjs/version.js +1 -1
  46. package/dist/cjs/{vueTypes-621a8143.js → vueTypes-b7007f5f.js} +3 -2
  47. package/dist/es/Button-153cd885.js +53 -0
  48. package/dist/es/{CancelSvg-14ebc9a1.js → CancelSvg-e40552a5.js} +37 -30
  49. package/dist/es/{Card-1951569e.js → Card-19ad6d90.js} +6 -5
  50. package/dist/es/{ComponentWrapper-bf443c0b.js → ComponentWrapper-edaeaceb.js} +6 -6
  51. package/dist/es/Container-d00219f7.js +1 -1
  52. package/dist/es/DataSearch.js +1312 -18
  53. package/dist/es/{DropDown-35e232b7.js → DropDown-2c0dd714.js} +78 -78
  54. package/dist/es/DynamicRangeSlider.js +43 -53
  55. package/dist/es/Flex-7c177a10.js +45 -0
  56. package/dist/es/FormControlList-99797d0a.js +38 -0
  57. package/dist/es/Input-c09c0b56.js +69 -0
  58. package/dist/es/{ListItem-47a6345a.js → ListItem-07888a65.js} +7 -6
  59. package/dist/es/MultiDropdownList.js +66 -72
  60. package/dist/es/MultiList.js +93 -88
  61. package/dist/es/MultiRange.js +42 -52
  62. package/dist/es/{Pagination-145b4ff2.js → Pagination-edeb7dbe.js} +53 -56
  63. package/dist/es/{PreferencesConsumer-7ea7313a.js → PreferencesConsumer-86a676c8.js} +4 -5
  64. package/dist/es/RangeInput.js +103 -112
  65. package/dist/es/RangeSlider.js +36 -47
  66. package/dist/es/ReactiveBase.js +53 -68
  67. package/dist/es/ReactiveComponent.js +316 -45
  68. package/dist/es/{ReactiveComponent-e2fb9eb4.js → ReactiveComponentPrivate-6f16e1b7.js} +316 -614
  69. package/dist/es/ReactiveComponentPrivate.js +47 -0
  70. package/dist/es/ReactiveGoogleMap.js +434 -380
  71. package/dist/es/ReactiveList.js +125 -98
  72. package/dist/es/ResultCard.js +18 -25
  73. package/dist/es/ResultList.js +26 -30
  74. package/dist/es/SelectedFilters.js +32 -47
  75. package/dist/es/SingleDropdownList.js +64 -71
  76. package/dist/es/SingleList.js +94 -88
  77. package/dist/es/SingleRange.js +40 -46
  78. package/dist/es/StateProvider.js +2 -2
  79. package/dist/es/Tags-1c2d6c4d.js +869 -0
  80. package/dist/es/Title-863dfa42.js +1 -1
  81. package/dist/es/ToggleButton.js +32 -37
  82. package/dist/es/{index-285a43a6.js → index-5509c0bc.js} +8 -6
  83. package/dist/es/index.js +20 -19
  84. package/dist/es/initReactivesearch.js +0 -3
  85. package/dist/es/install.js +20 -19
  86. package/dist/es/ssr-03607d84.js +1 -1
  87. package/dist/es/version.js +1 -1
  88. package/dist/es/{vueTypes-e4af6fe2.js → vueTypes-66ebc93e.js} +3 -2
  89. package/package.json +87 -87
  90. package/dist/cjs/Button-626c5e8e.js +0 -58
  91. package/dist/cjs/Card-c381ded3.js +0 -26
  92. package/dist/cjs/Container-29f049b2.js +0 -12
  93. package/dist/cjs/DataSearch-7c71ec9f.js +0 -2043
  94. package/dist/cjs/Flex-d5675ea6.js +0 -48
  95. package/dist/cjs/FormControlList-cf1ff2ca.js +0 -42
  96. package/dist/cjs/Input-4d278ca0.js +0 -74
  97. package/dist/cjs/ListItem-c067bc07.js +0 -41
  98. package/dist/cjs/Title-8802a218.js +0 -12
  99. package/dist/cjs/ssr-eb901d09.js +0 -35
  100. package/dist/es/Button-ebafa3d6.js +0 -52
  101. package/dist/es/DataSearch-4f9a4e46.js +0 -2028
  102. package/dist/es/Flex-a08e22d7.js +0 -46
  103. package/dist/es/FormControlList-fa5cf78b.js +0 -38
  104. package/dist/es/Input-3b8408a6.js +0 -69
@@ -7,18 +7,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
7
7
  var configureStore = require('@appbaseio/reactivecore');
8
8
  var configureStore__default = _interopDefault(configureStore);
9
9
  require('@appbaseio/reactivecore/lib/utils/constants');
10
- require('./_rollupPluginBabelHelpers-f8b843f8.js');
11
- var vue = require('vue');
10
+ var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
12
11
  var VueTypes = _interopDefault(require('vue-types'));
13
- require('@appbaseio/vue-emotion');
14
12
  require('emotion');
13
+ require('@appbaseio/vue-emotion');
15
14
  require('polished');
16
- var Button = require('./Button-626c5e8e.js');
17
- var vueTypes = require('./vueTypes-621a8143.js');
15
+ var Button = require('./Button-841fd06d.js');
16
+ var vueTypes = require('./vueTypes-b7007f5f.js');
18
17
  require('redux');
19
- var index = require('./index-dc25b706.js');
20
- var Title = require('./Title-8802a218.js');
21
- var Container = require('./Container-29f049b2.js');
18
+ var index = require('./index-de136c17.js');
19
+ var Title = require('./Title-16042ea0.js');
20
+ var Container = require('./Container-e699ea95.js');
22
21
 
23
22
  var setValue = configureStore.Actions.setValue,
24
23
  clearValues = configureStore.Actions.clearValues,
@@ -44,8 +43,9 @@ var SelectedFilters = {
44
43
  },
45
44
  render: function render() {
46
45
  var _this = this;
47
- if (this.$slots["default"]) {
48
- return this.$slots["default"]({
46
+ var h = arguments[0];
47
+ if (this.$scopedSlots["default"]) {
48
+ return this.$scopedSlots["default"]({
49
49
  components: this.components,
50
50
  selectedValues: this.selectedValues,
51
51
  clearValues: this.clearValues,
@@ -56,36 +56,24 @@ var SelectedFilters = {
56
56
  }
57
57
  var filtersToRender = this.renderFilters();
58
58
  var hasValues = !!filtersToRender.length;
59
- return vue.createVNode(Container.Container, {
59
+ return h(Container.Container, {
60
60
  "class": Button.filters(this.theme) + " " + (this.$props.className || '')
61
- }, {
62
- "default": function _default() {
63
- return [_this.$props.title && hasValues && vue.createVNode(Title.Title, {
64
- "class": getClassName(_this.$props.innerClass, 'title') || ''
65
- }, {
66
- "default": function _default() {
67
- return [_this.$props.title];
68
- }
69
- }), filtersToRender, _this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? vue.createVNode(Button.Button, vue.mergeProps({
70
- "class": getClassName(_this.$props.innerClass, 'button') || ''
71
- }, {
72
- on: {
73
- click: _this.clearValues,
74
- keypress: function keypress(event) {
75
- return handleA11yAction(event, function () {
76
- return _this.clearValues();
77
- });
78
- }
79
- }
80
- }, {
81
- "tabIndex": "0"
82
- }), {
83
- "default": function _default() {
84
- return [_this.$props.clearAllLabel];
85
- }
86
- }) : null];
61
+ }, [this.$props.title && hasValues && h(Title.Title, {
62
+ "class": getClassName(this.$props.innerClass, 'title') || ''
63
+ }, [this.$props.title]), filtersToRender, this.$props.showClearAll && hasValues && filtersToRender.length > 1 ? h(Button.Button, {
64
+ "class": getClassName(this.$props.innerClass, 'button') || '',
65
+ "on": _rollupPluginBabelHelpers._extends({}, {
66
+ click: this.clearValues,
67
+ keypress: function keypress(event) {
68
+ return handleA11yAction(event, function () {
69
+ return _this.clearValues();
70
+ });
71
+ }
72
+ }),
73
+ "attrs": {
74
+ "tabIndex": "0"
87
75
  }
88
- });
76
+ }, [this.$props.clearAllLabel]) : null]);
89
77
  },
90
78
  methods: {
91
79
  remove: function remove(component, value) {
@@ -137,23 +125,20 @@ var SelectedFilters = {
137
125
  return value;
138
126
  },
139
127
  renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
140
- return vue.createVNode(Button.Button, vue.mergeProps({
128
+ var h = this.$createElement;
129
+ return h(Button.Button, {
141
130
  "class": getClassName(this.$props.innerClass, 'button') || '',
142
- "key": keyProp
143
- }, {
144
- on: {
131
+ "key": keyProp,
132
+ "on": _rollupPluginBabelHelpers._extends({}, {
145
133
  click: handleRemove,
146
134
  keypress: function keypress(event) {
147
135
  return handleA11yAction(event, handleRemove);
148
136
  }
137
+ }),
138
+ "attrs": {
139
+ "tabIndex": "0"
149
140
  }
150
- }, {
151
- "tabIndex": "0"
152
- }), {
153
- "default": function _default() {
154
- return [vue.createVNode("span", null, [label]), vue.createVNode("span", null, [vue.createTextVNode("\u2715")])];
155
- }
156
- });
141
+ }, [h("span", [label]), h("span", ["\u2715"])]);
157
142
  },
158
143
  renderFilters: function renderFilters() {
159
144
  var _this3 = this;
@@ -8,30 +8,27 @@ var configureStore = require('@appbaseio/reactivecore');
8
8
  var configureStore__default = _interopDefault(configureStore);
9
9
  var constants = require('@appbaseio/reactivecore/lib/utils/constants');
10
10
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
11
- var vue = require('vue');
12
11
  var VueTypes = _interopDefault(require('vue-types'));
13
- require('@appbaseio/vue-emotion');
14
12
  require('emotion');
13
+ require('@appbaseio/vue-emotion');
15
14
  require('polished');
16
- var Button = require('./Button-626c5e8e.js');
17
- var vueTypes = require('./vueTypes-621a8143.js');
15
+ var Button = require('./Button-841fd06d.js');
16
+ var vueTypes = require('./vueTypes-b7007f5f.js');
18
17
  require('@appbaseio/reactivecore/lib/utils/transform');
19
18
  require('redux');
20
- var index = require('./index-dc25b706.js');
21
- var ComponentWrapper = require('./ComponentWrapper-db45cc6d.js');
22
- var PreferencesConsumer = require('./PreferencesConsumer-034c55e3.js');
23
- var Title = require('./Title-8802a218.js');
24
- require('./CancelSvg-062a42f0.js');
25
- require('./Input-4d278ca0.js');
19
+ var index = require('./index-de136c17.js');
20
+ var ComponentWrapper = require('./ComponentWrapper-94c50228.js');
21
+ var PreferencesConsumer = require('./PreferencesConsumer-5e6e84a2.js');
22
+ require('@vue/babel-helper-vue-jsx-merge-props');
23
+ var Title = require('./Title-16042ea0.js');
24
+ require('./CancelSvg-220a7cc3.js');
25
+ require('./Input-ead4cd84.js');
26
26
  require('compute-scroll-into-view');
27
- var Container = require('./Container-29f049b2.js');
27
+ var Container = require('./Container-e699ea95.js');
28
28
  require('@appbaseio/reactivecore/lib/utils/suggestions');
29
29
  var utils = require('./utils-83fd01e9.js');
30
- var DropDown = require('./DropDown-3b899b20.js');
30
+ var DropDown = require('./DropDown-7a52c661.js');
31
31
 
32
- function _isSlot(s) {
33
- return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
34
- }
35
32
  var updateQuery = configureStore.Actions.updateQuery,
36
33
  setQueryOptions = configureStore.Actions.setQueryOptions,
37
34
  setCustomQuery = configureStore.Actions.setCustomQuery,
@@ -89,7 +86,7 @@ var SingleDropdownList = {
89
86
  showSearch: VueTypes.bool.def(false),
90
87
  showClear: VueTypes.bool.def(false),
91
88
  showLoadMore: VueTypes.bool.def(false),
92
- loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.nullable]).def('Load More'),
89
+ loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
93
90
  nestedField: vueTypes.types.string,
94
91
  index: VueTypes.string,
95
92
  searchPlaceholder: VueTypes.string.def('Type here to search...'),
@@ -181,7 +178,7 @@ var SingleDropdownList = {
181
178
  }
182
179
  },
183
180
  render: function render() {
184
- var _this2 = this;
181
+ var h = arguments[0];
185
182
  var _this$$props2 = this.$props,
186
183
  showLoadMore = _this$$props2.showLoadMore,
187
184
  loadMoreLabel = _this$$props2.loadMoreLabel,
@@ -190,16 +187,16 @@ var SingleDropdownList = {
190
187
  renderLabel = _this$$props2.renderLabel;
191
188
  var isLastBucket = this.$data.isLastBucket;
192
189
  var selectAll = [];
193
- var renderItemCalc = this.$slots.renderItem || renderItem;
194
- var renderErrorCalc = this.$slots.renderError || renderError;
195
- var renderLabelCalc = this.$slots.renderLabel || renderLabel;
196
- var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
190
+ var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
191
+ var renderErrorCalc = this.$scopedSlots.renderError || renderError;
192
+ var renderLabelCalc = this.$scopedSlots.renderLabel || renderLabel;
193
+ var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
197
194
  if (renderErrorCalc && this.error) {
198
195
  return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
199
196
  }
200
197
  if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
201
198
  if (renderNoResults && index.isFunction(renderNoResults)) {
202
- return vue.createVNode("div", null, [renderNoResults()]);
199
+ return h("div", [renderNoResults()]);
203
200
  }
204
201
  if (renderNoResults && !index.isFunction(renderNoResults)) {
205
202
  return renderNoResults;
@@ -212,64 +209,58 @@ var SingleDropdownList = {
212
209
  doc_count: this.totalDocumentCount
213
210
  }];
214
211
  }
215
- return vue.createVNode(Container.Container, {
212
+ return h(Container.Container, {
216
213
  "class": this.$props.className
217
- }, {
218
- "default": function _default() {
219
- return [_this2.$props.title && vue.createVNode(Title.Title, {
220
- "class": getClassName(_this2.$props.innerClass, 'title') || ''
221
- }, {
222
- "default": function _default() {
223
- return [_this2.$props.title];
224
- }
225
- }), vue.createVNode(DropDown.Dropdown, {
226
- "innerClass": _this2.$props.innerClass,
227
- "items": [].concat(selectAll, _this2.$data.modifiedOptions.filter(function (item) {
228
- return String(item.key).trim().length;
229
- }).map(function (item) {
230
- return _rollupPluginBabelHelpers._extends({}, item, {
231
- key: String(item.key)
232
- });
233
- })),
234
- "handleChange": _this2.handleChange,
235
- "selectedItem": _this2.$data.currentValue,
236
- "placeholder": _this2.$props.placeholder,
237
- "labelField": "key",
238
- "showCount": _this2.$props.showCount,
239
- "hasCustomRenderer": _this2.hasCustomRenderer,
240
- "customRenderer": _this2.getComponent,
241
- "renderItem": renderItemCalc,
242
- "renderNoResults": _this2.$slots.renderNoResults || _this2.$props.renderNoResults,
243
- "themePreset": _this2.themePreset,
244
- "showSearch": _this2.$props.showSearch,
245
- "showClear": _this2.$props.showClear,
246
- "searchPlaceholder": _this2.$props.searchPlaceholder,
247
- "transformData": _this2.$props.transformData,
248
- "footer": showLoadMore && !isLastBucket && vue.createVNode("div", {
214
+ }, [this.$props.title && h(Title.Title, {
215
+ "class": getClassName(this.$props.innerClass, 'title') || ''
216
+ }, [this.$props.title]), h(DropDown.Dropdown, {
217
+ "attrs": {
218
+ "innerClass": this.$props.innerClass,
219
+ "items": [].concat(selectAll, this.$data.modifiedOptions.filter(function (item) {
220
+ return String(item.key).trim().length;
221
+ }).map(function (item) {
222
+ return _rollupPluginBabelHelpers._extends({}, item, {
223
+ key: String(item.key)
224
+ });
225
+ })),
226
+ "handleChange": this.handleChange,
227
+ "selectedItem": this.$data.currentValue,
228
+ "placeholder": this.$props.placeholder,
229
+ "labelField": "key",
230
+ "showCount": this.$props.showCount,
231
+ "hasCustomRenderer": this.hasCustomRenderer,
232
+ "customRenderer": this.getComponent,
233
+ "renderItem": renderItemCalc,
234
+ "renderNoResults": this.$scopedSlots.renderNoResults || this.$props.renderNoResults,
235
+ "themePreset": this.themePreset,
236
+ "showSearch": this.$props.showSearch,
237
+ "showClear": this.$props.showClear,
238
+ "searchPlaceholder": this.$props.searchPlaceholder,
239
+ "transformData": this.$props.transformData,
240
+ "footer": showLoadMore && !isLastBucket && h("div", {
241
+ "attrs": {
249
242
  "css": Button.loadMoreContainer
250
- }, [vue.createVNode(Button.Button, {
251
- "onClick": _this2.handleLoadMore
252
- }, _isSlot(loadMoreLabel) ? loadMoreLabel : {
253
- "default": function _default() {
254
- return [loadMoreLabel];
255
- }
256
- })]),
257
- "customLabelRenderer": renderLabelCalc
258
- }, null)];
243
+ }
244
+ }, [h(Button.Button, {
245
+ "on": {
246
+ "click": this.handleLoadMore
247
+ }
248
+ }, [loadMoreLabel])]),
249
+ "customLabelRenderer": renderLabelCalc
259
250
  }
260
- });
251
+ })]);
261
252
  },
262
253
  methods: {
263
254
  setValue: function setValue(value, props) {
264
- var _this3 = this;
255
+ var _this2 = this;
265
256
  if (props === void 0) {
266
257
  props = this.$props;
267
258
  }
268
259
  var performUpdate = function performUpdate() {
269
- _this3.currentValue = value;
270
- _this3.updateQueryHandler(value, props);
271
- _this3.$emit('valueChange', value);
272
- _this3.$emit('value-change', value);
260
+ _this2.currentValue = value;
261
+ _this2.updateQueryHandler(value, props);
262
+ _this2.$emit('valueChange', value);
263
+ _this2.$emit('value-change', value);
273
264
  };
274
265
  checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
275
266
  },
@@ -449,13 +440,15 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
449
440
  componentType: constants.componentTypes.singleDropdownList,
450
441
  internalComponent: SingleDropdownList.hasInternalComponent()
451
442
  }));
443
+ ListConnected.defaultQuery = SingleDropdownList.defaultQuery;
444
+ ListConnected.generateQueryOptions = SingleDropdownList.generateQueryOptions;
445
+ ListConnected.hasInternalComponent = SingleDropdownList.hasInternalComponent;
452
446
  ListConnected.name = SingleDropdownList.name;
447
+ // Add componentType for SSR
448
+ ListConnected.componentType = constants.componentTypes.singleDropdownList;
453
449
  ListConnected.install = function (Vue) {
454
450
  Vue.component(ListConnected.name, ListConnected);
455
451
  };
456
452
 
457
- // Add componentType for SSR
458
- ListConnected.componentType = constants.componentTypes.singleDropdownList;
459
-
460
453
  exports.ListConnected = ListConnected;
461
454
  exports.default = ListConnected;
@@ -8,22 +8,21 @@ var configureStore = require('@appbaseio/reactivecore');
8
8
  var configureStore__default = _interopDefault(configureStore);
9
9
  var constants = require('@appbaseio/reactivecore/lib/utils/constants');
10
10
  var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
11
- var vue = require('vue');
12
11
  var VueTypes = _interopDefault(require('vue-types'));
13
- require('@appbaseio/vue-emotion');
14
12
  require('emotion');
13
+ require('@appbaseio/vue-emotion');
15
14
  require('polished');
16
- var vueTypes = require('./vueTypes-621a8143.js');
15
+ var vueTypes = require('./vueTypes-b7007f5f.js');
17
16
  require('@appbaseio/reactivecore/lib/utils/transform');
18
17
  require('redux');
19
- var index = require('./index-dc25b706.js');
20
- var ComponentWrapper = require('./ComponentWrapper-db45cc6d.js');
21
- var PreferencesConsumer = require('./PreferencesConsumer-034c55e3.js');
22
- var Title = require('./Title-8802a218.js');
23
- var Input = require('./Input-4d278ca0.js');
24
- var Container = require('./Container-29f049b2.js');
18
+ var index = require('./index-de136c17.js');
19
+ var ComponentWrapper = require('./ComponentWrapper-94c50228.js');
20
+ var PreferencesConsumer = require('./PreferencesConsumer-5e6e84a2.js');
21
+ var Title = require('./Title-16042ea0.js');
22
+ var Input = require('./Input-ead4cd84.js');
23
+ var Container = require('./Container-e699ea95.js');
25
24
  var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
26
- var FormControlList = require('./FormControlList-cf1ff2ca.js');
25
+ var FormControlList = require('./FormControlList-bbb5cd24.js');
27
26
  var utils = require('./utils-83fd01e9.js');
28
27
 
29
28
  var updateQuery = configureStore.Actions.updateQuery,
@@ -143,17 +142,18 @@ var SingleList = {
143
142
  },
144
143
  render: function render() {
145
144
  var _this = this;
145
+ var h = arguments[0];
146
146
  var _this$$props = this.$props,
147
147
  selectAllLabel = _this$$props.selectAllLabel,
148
148
  renderItem = _this$$props.renderItem,
149
149
  renderError = _this$$props.renderError;
150
- var renderItemCalc = this.$slots.renderItem || renderItem;
151
- var renderErrorCalc = this.$slots.renderError || renderError;
150
+ var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
151
+ var renderErrorCalc = this.$scopedSlots.renderError || renderError;
152
152
  if (renderErrorCalc && this.error) {
153
153
  return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
154
154
  }
155
155
  if (!this.hasCustomRenderer && this.modifiedOptions.length === 0 && !this.isLoading) {
156
- if (this.renderNoResult) {
156
+ if (this.renderNoResults) {
157
157
  this.renderNoResult();
158
158
  } else {
159
159
  return null;
@@ -172,73 +172,71 @@ var SingleList = {
172
172
  }
173
173
  return false;
174
174
  });
175
- return vue.createVNode(Container.Container, {
175
+ return h(Container.Container, {
176
176
  "class": this.$props.className
177
- }, {
178
- "default": function _default() {
179
- return [_this.$props.title && vue.createVNode(Title.Title, {
180
- "class": getClassName(_this.$props.innerClass, 'title') || ''
181
- }, {
182
- "default": function _default() {
183
- return [_this.$props.title];
184
- }
185
- }), _this.renderSearch(), _this.hasCustomRenderer ? _this.getComponent() : vue.createVNode(FormControlList.UL, {
186
- "class": getClassName(_this.$props.innerClass, 'list') || ''
187
- }, {
188
- "default": function _default() {
189
- return [selectAllLabel ? vue.createVNode("li", {
190
- "key": selectAllLabel,
191
- "class": "" + (_this.$data.currentValue === selectAllLabel ? 'active' : '')
192
- }, [vue.createVNode(FormControlList.Radio, vue.mergeProps({
193
- "class": getClassName(_this.$props.innerClass, 'radio'),
194
- "id": _this.$props.componentId + "-" + selectAllLabel,
195
- "name": _this.$props.componentId,
196
- "value": selectAllLabel,
197
- "onClick": _this.handleClick,
198
- "readOnly": true,
199
- "type": "radio",
200
- "show": _this.$props.showRadio
201
- }, {
202
- domProps: {
203
- checked: _this.$data.currentValue === selectAllLabel
204
- }
205
- }), null), vue.createVNode("label", {
206
- "class": getClassName(_this.$props.innerClass, 'label') || null,
207
- "for": _this.$props.componentId + "-" + selectAllLabel
208
- }, [vue.createVNode("span", null, [selectAllLabel, _this.$props.showCount && vue.createVNode("span", {
209
- "class": getClassName(_this.$props.innerClass, 'count') || null
210
- }, [vue.createTextVNode("\xA0("), _this.totalDocumentCount, vue.createTextVNode(")")])])])]) : null, !_this.hasCustomRenderer && filteredItemsToRender.length === 0 && !_this.isLoading ? _this.renderNoResult() : filteredItemsToRender.map(function (item) {
211
- return vue.createVNode("li", {
212
- "key": item.key,
213
- "class": "" + (_this.currentValue === String(item.key) ? 'active' : '')
214
- }, [vue.createVNode(FormControlList.Radio, vue.mergeProps({
215
- "class": getClassName(_this.$props.innerClass, 'radio'),
216
- "id": _this.$props.componentId + "-" + item.key,
217
- "name": _this.$props.componentId,
218
- "value": item.key,
219
- "readOnly": true,
220
- "onClick": _this.handleClick,
221
- "type": "radio",
222
- "show": _this.$props.showRadio
223
- }, {
224
- domProps: {
225
- checked: _this.currentValue === String(item.key)
226
- }
227
- }), null), vue.createVNode("label", {
228
- "class": getClassName(_this.$props.innerClass, 'label') || null,
229
- "for": _this.$props.componentId + "-" + item.key
230
- }, [renderItemCalc ? renderItemCalc({
231
- label: item.key,
232
- count: item.doc_count,
233
- isChecked: _this.currentValue === String(item.key)
234
- }) : vue.createVNode("span", null, [item.key, _this.$props.showCount && vue.createVNode("span", {
235
- "class": getClassName(_this.$props.innerClass, 'count') || null
236
- }, [vue.createTextVNode("\xA0("), item.doc_count, vue.createTextVNode(")")])])])]);
237
- })];
238
- }
239
- })];
177
+ }, [this.$props.title && h(Title.Title, {
178
+ "class": getClassName(this.$props.innerClass, 'title') || ''
179
+ }, [this.$props.title]), this.renderSearch(), this.hasCustomRenderer ? this.getComponent() : h(FormControlList.UL, {
180
+ "class": getClassName(this.$props.innerClass, 'list') || ''
181
+ }, [selectAllLabel ? h("li", {
182
+ "key": selectAllLabel,
183
+ "class": "" + (this.$data.currentValue === selectAllLabel ? 'active' : '')
184
+ }, [h(FormControlList.Radio, {
185
+ "class": getClassName(this.$props.innerClass, 'radio'),
186
+ "attrs": {
187
+ "id": this.$props.componentId + "-" + selectAllLabel,
188
+ "name": this.$props.componentId,
189
+ "value": selectAllLabel,
190
+ "readOnly": true,
191
+ "type": "radio",
192
+ "show": this.$props.showRadio
193
+ },
194
+ "on": {
195
+ "click": this.handleClick
196
+ },
197
+ "domProps": _rollupPluginBabelHelpers._extends({}, {
198
+ checked: this.$data.currentValue === selectAllLabel
199
+ })
200
+ }), h("label", {
201
+ "class": getClassName(this.$props.innerClass, 'label') || null,
202
+ "attrs": {
203
+ "for": this.$props.componentId + "-" + selectAllLabel
240
204
  }
241
- });
205
+ }, [h("span", [selectAllLabel, this.$props.showCount && h("span", {
206
+ "class": getClassName(this.$props.innerClass, 'count') || null
207
+ }, ["\xA0(", this.totalDocumentCount, ")"])])])]) : null, !this.hasCustomRenderer && filteredItemsToRender.length === 0 && !this.isLoading ? this.renderNoResult() : filteredItemsToRender.map(function (item) {
208
+ return h("li", {
209
+ "key": item.key,
210
+ "class": "" + (_this.currentValue === String(item.key) ? 'active' : '')
211
+ }, [h(FormControlList.Radio, {
212
+ "class": getClassName(_this.$props.innerClass, 'radio'),
213
+ "attrs": {
214
+ "id": _this.$props.componentId + "-" + item.key,
215
+ "name": _this.$props.componentId,
216
+ "value": item.key,
217
+ "readOnly": true,
218
+ "type": "radio",
219
+ "show": _this.$props.showRadio
220
+ },
221
+ "on": {
222
+ "click": _this.handleClick
223
+ },
224
+ "domProps": _rollupPluginBabelHelpers._extends({}, {
225
+ checked: _this.currentValue === String(item.key)
226
+ })
227
+ }), h("label", {
228
+ "class": getClassName(_this.$props.innerClass, 'label') || null,
229
+ "attrs": {
230
+ "for": _this.$props.componentId + "-" + item.key
231
+ }
232
+ }, [renderItemCalc ? renderItemCalc({
233
+ label: item.key,
234
+ count: item.doc_count,
235
+ isChecked: _this.currentValue === String(item.key)
236
+ }) : h("span", [item.key, _this.$props.showCount && h("span", {
237
+ "class": getClassName(_this.$props.innerClass, 'count') || null
238
+ }, ["\xA0(", item.doc_count, ")"])])])]);
239
+ })])]);
242
240
  },
243
241
  methods: {
244
242
  setValue: function setValue(nextValue, props) {
@@ -318,17 +316,22 @@ var SingleList = {
318
316
  this.searchTerm = value;
319
317
  },
320
318
  renderSearch: function renderSearch() {
319
+ var h = this.$createElement;
321
320
  if (this.$props.showSearch) {
322
- return vue.createVNode(Input.Input, {
321
+ return h(Input.Input, {
323
322
  "class": getClassName(this.$props.innerClass, 'input') || '',
324
- "onInput": this.handleInputChange,
325
- "value": this.$data.searchTerm,
326
- "placeholder": this.$props.placeholder,
323
+ "on": {
324
+ "input": this.handleInputChange
325
+ },
326
+ "attrs": {
327
+ "value": this.$data.searchTerm,
328
+ "placeholder": this.$props.placeholder,
329
+ "themePreset": this.$props.themePreset
330
+ },
327
331
  "style": {
328
332
  margin: '0 0 8px'
329
- },
330
- "themePreset": this.$props.themePreset
331
- }, null);
333
+ }
334
+ });
332
335
  }
333
336
  return null;
334
337
  },
@@ -368,8 +371,9 @@ var SingleList = {
368
371
  return true;
369
372
  },
370
373
  renderNoResult: function renderNoResult() {
371
- var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
372
- return vue.createVNode("p", {
374
+ var h = this.$createElement;
375
+ var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
376
+ return h("p", {
373
377
  "class": getClassName(this.$props.innerClass, 'noResults') || null
374
378
  }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
375
379
  }
@@ -454,12 +458,14 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
454
458
  internalComponent: SingleList.hasInternalComponent()
455
459
  }));
456
460
  ListConnected.name = SingleList.name;
461
+ ListConnected.defaultQuery = SingleList.defaultQuery;
462
+ ListConnected.generateQueryOptions = SingleList.generateQueryOptions;
463
+ ListConnected.hasInternalComponent = SingleList.hasInternalComponent;
464
+ // Add componentType for SSR
465
+ ListConnected.componentType = constants.componentTypes.singleList;
457
466
  ListConnected.install = function (Vue) {
458
467
  Vue.component(ListConnected.name, ListConnected);
459
468
  };
460
469
 
461
- // Add componentType for SSR
462
- ListConnected.componentType = constants.componentTypes.singleList;
463
-
464
470
  exports.ListConnected = ListConnected;
465
471
  exports.default = ListConnected;